:root{--ink:#17191b;--muted:#556064;--paper:#fff8df;--milk:#fffdf6;--peach:#ff896f;--lemon:#ffe36a;--mint:#8ed9cf;--sky:#a6e6dc;--line:#17191b29;--shadow:0 18px 50px #17191b2e}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--sky)}body{color:var(--ink);background:var(--sky);margin:0;font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;line-height:1.5;overflow:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{top:env(safe-area-inset-top,0);z-index:20;padding:16px max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);background:linear-gradient(#fff8dfe6,#fff8df94);border-bottom:1px solid #17191b1f;grid-template-columns:minmax(0,max-content) max-content;justify-content:space-between;align-items:center;gap:14px;transition:padding .22s,background .22s,box-shadow .22s;display:grid;position:fixed;left:0;right:0;box-shadow:0 10px 34px #17191b14}.site-header.is-compact{background:#fff8dfdb;padding-top:8px;padding-bottom:8px;box-shadow:0 8px 26px #17191b1a}.brand{min-width:0;color:var(--ink);white-space:nowrap;align-items:center;font-size:clamp(24px,5vw,40px);font-weight:950;line-height:1;transition:font-size .22s;display:inline-flex}.brand:before{content:"";background:url(/assets/brand/w-4900.jpg) 50%/cover no-repeat;border:2px solid #17191beb;border-radius:50%;flex:none;width:clamp(44px,10vw,66px);height:clamp(44px,10vw,66px);margin-right:12px;transition:width .22s,height .22s,margin-right .22s;box-shadow:0 8px 18px #17191b2e}.site-header.is-compact .brand{font-size:clamp(18px,4.4vw,24px)}.site-header.is-compact .brand:before{width:34px;height:34px;margin-right:9px}.threads-link{color:var(--ink);white-space:nowrap;background:#ffffff8a;border:1px solid #17191b29;border-radius:999px;justify-self:end;padding:9px 13px 8px;font-size:14px;font-weight:900;line-height:1;transition:background .16s,transform .16s,box-shadow .16s;box-shadow:0 8px 24px #17191b14}.threads-link:hover,.threads-link:focus-visible{background:var(--lemon);outline:none;transform:translateY(-1px);box-shadow:0 10px 28px #17191b1f}main{min-height:100svh}.walk-stage{isolation:isolate;background:radial-gradient(circle at 72% 12%,#ffe36ae6,#ffe36a00 20rem),linear-gradient(#9ee6dc 0%,#b9ebdd 45%,#f4cf8b 100%);height:100svh;min-height:620px;position:relative;overflow:hidden}.walk-stage:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(#ffffff38,#0000 34%,#fff8df29),repeating-linear-gradient(0deg,#17191b09 0 1px,#0000 1px 9px);position:absolute;inset:0}#walk-canvas{z-index:0;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.walk-hud{left:max(22px, env(safe-area-inset-left));top:calc(env(safe-area-inset-top,0px) + 112px);z-index:2;pointer-events:none;width:min(580px,100% - 44px);transition:opacity .24s,transform .24s;position:absolute}.walk-stage.is-walking .walk-hud{opacity:.42;transform:translateY(-8px)scale(.96)}.walk-stage.is-previewing .walk-hud{opacity:0;transform:translate(-20px)scale(.94)}.eyebrow{background:#fff8dfd1;border:1px solid #17191b3d;border-radius:999px;margin:0 0 14px;padding:6px 10px 5px;font-size:13px;font-weight:950;display:inline-flex;box-shadow:0 10px 24px #17191b14}.walk-title{color:var(--paper);letter-spacing:0;text-shadow:3px 3px 0 var(--ink), 7px 7px 0 var(--peach), 12px 12px 28px #17191b3d;margin:0;font-size:clamp(64px,12vw,148px);font-weight:950;line-height:.82}.walk-zone-label{background:var(--lemon);border:2px solid var(--ink);border-radius:10px;max-width:min(520px,100%);margin:24px 0 0;padding:8px 12px;font-size:clamp(17px,2.2vw,26px);font-weight:950;line-height:1.18;display:inline-flex;box-shadow:4px 4px #17191bd1}.walk-controls{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8dfb8;border:1px solid #17191b29;border-radius:24px;grid-template-areas:".up.""left down right";gap:8px;padding:10px;transition:opacity .22s,transform .22s;display:grid;position:absolute;box-shadow:0 18px 44px #17191b33}.walk-stage.is-previewing .walk-controls{opacity:.34;transform:translateY(8px)scale(.96)}.walk-pad{width:58px;height:58px;color:var(--ink);background:var(--milk);border:2px solid var(--ink);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:26px;font-weight:950;line-height:1;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:4px 4px #17191b38}.walk-pad.up{grid-area:up}.walk-pad.left{grid-area:left}.walk-pad.down{grid-area:down}.walk-pad.right{grid-area:right}.walk-pad:hover,.walk-pad:focus-visible,.walk-pad:active{background:var(--peach);outline:none;transform:translate(2px,2px);box-shadow:2px 2px #17191b47}.item-modal{z-index:60;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid;position:fixed;inset:0}.item-modal[hidden]{display:none}.item-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 28%,#fff8df4d,#0000 28rem),#17191ba3;position:absolute;inset:0}.item-modal-panel{z-index:1;background:var(--paper);border:2px solid var(--ink);border-radius:16px;gap:14px;width:min(920px,94vw);max-height:88svh;padding:clamp(18px,3vw,28px);display:grid;position:relative;overflow:auto;box-shadow:0 30px 88px #00000061}.item-modal-close{z-index:2;width:38px;height:38px;color:var(--ink);background:var(--milk);border:2px solid var(--ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;justify-self:end;align-items:center;margin:-6px -6px -40px 0;font-size:26px;font-weight:950;line-height:1;display:inline-flex;position:sticky;top:0;box-shadow:3px 3px #17191b38}.item-modal-content{gap:12px;display:grid}.item-modal-content h2{letter-spacing:0;max-width:calc(100% - 46px);margin:0;font-size:clamp(28px,5vw,52px);font-weight:950;line-height:1.08}.item-modal-meta{color:var(--muted);margin:0;font-size:14px;font-weight:900}.item-modal-content img{object-fit:contain;background:#fff;border:2px solid #17191be0;border-radius:10px;width:100%;max-height:68svh}.item-modal-quote{white-space:pre-line;color:var(--ink);margin:0;font-size:clamp(21px,3.6vw,34px);font-weight:850;line-height:1.48}.item-modal-link{background:var(--lemon);border:2px solid var(--ink);border-radius:999px;justify-self:start;align-items:center;min-height:42px;padding:0 14px;font-size:14px;font-weight:950;display:inline-flex;box-shadow:3px 3px #17191b38}@media (width<=700px){.site-header{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left));gap:8px}.brand{text-overflow:ellipsis;max-width:calc(100vw - 112px);overflow:hidden}.brand:before{margin-right:9px}.threads-link{padding:8px 10px 7px;font-size:13px}.walk-stage{min-height:100svh}.walk-hud{top:calc(env(safe-area-inset-top,0px) + 94px);width:min(430px,100% - 30px)}.walk-title{font-size:clamp(54px,17vw,82px)}.walk-zone-label{margin-top:18px}.walk-controls{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));border-radius:20px;gap:6px;padding:8px}.walk-pad{width:50px;height:50px}.item-modal-panel{border-radius:12px;width:min(94vw,760px)}}