@font-face{font-family:Pretendard;src:url('../fonts/PretendardVariable.woff2') format('woff2');font-display:swap}:root{--bg:#0c0d10;--fg:#f5f5f1;--accent:#d9ff2f;--hot:#ff4e37;--blue:#728bff;--muted:rgba(245,245,241,.62)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:Pretendard,Arial,sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}.detail-page{min-height:100svh;position:relative;background:var(--bg);--media-ratio:1}.grain,.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20}.grain{opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E")}.scanlines{background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.022) 5px 6px);mix-blend-mode:screen}.detail-nav{position:fixed;z-index:30;inset:0 0 auto;height:70px;padding:0 clamp(16px,4vw,60px);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.14em;background:linear-gradient(180deg,rgba(0,0,0,.56),transparent);pointer-events:none}.detail-nav>*{pointer-events:auto}.detail-nav .nav-back{display:flex;gap:12px;align-items:center}.nav-back b{font-size:16px;font-weight:400}.detail-nav .nav-meta{display:flex;align-items:center;gap:17px}.nav-meta .active-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--accent)}.motion-button{border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.22);color:inherit;padding:8px 11px;font:inherit;letter-spacing:.1em;cursor:pointer}.motion-button:hover{background:var(--accent);color:#000}.detail-layout{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(28px,5vw,90px);align-items:center;padding:96px clamp(16px,7vw,120px) 66px}.media-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:65vh;perspective:1400px}.media-frame{position:relative;width:min(100%,calc((100svh - 150px) * var(--media-ratio)));max-height:calc(100svh - 150px);aspect-ratio:var(--media-ratio);overflow:hidden;background:#15171b;box-shadow:0 25px 80px rgba(0,0,0,.45)}.media-frame img,.media-frame video{display:block;width:100%;height:100%;object-fit:cover}.media-frame video{background:#0b0c0f}.media-frame:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}.media-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.meta-column{align-self:center;position:relative;z-index:3}.meta-column .eyebrow{font-size:10px;letter-spacing:.18em;color:var(--accent);margin:0 0 22px}.meta-column h1{font-size:clamp(34px,4vw,68px);line-height:.88;letter-spacing:-.08em;margin:0 0 20px;max-width:8ch}.meta-column .subtitle{font-size:18px;line-height:1.15;margin:0 0 17px;letter-spacing:-.04em}.meta-column .description{font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 28px;max-width:27ch}.spec-list{border-top:1px solid rgba(255,255,255,.25);margin:0;padding:0;list-style:none}.spec-list li{border-bottom:1px solid rgba(255,255,255,.15);padding:10px 0;display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.09em;color:var(--muted)}.spec-list strong{color:var(--fg);font-weight:500;text-align:right}.pin-link{display:inline-block;color:var(--accent);font-size:10px;letter-spacing:.13em;border-bottom:1px solid var(--accent);padding-bottom:3px;margin-top:25px}.detail-footer{position:fixed;z-index:30;bottom:0;left:0;right:0;padding:0 clamp(16px,4vw,60px) 20px;display:flex;justify-content:space-between;align-items:end;font-size:10px;letter-spacing:.13em;color:var(--muted);pointer-events:none}.detail-footer>*{pointer-events:auto}.pager{display:flex;gap:14px}.pager a{border:1px solid rgba(255,255,255,.24);padding:9px 12px;color:var(--fg);transition:.25s}.pager a:hover{background:var(--accent);color:#000}.page-count{font-size:10px;writing-mode:vertical-rl;position:absolute;right:18px;top:50%;color:var(--muted)}.field-label{position:absolute;left:10px;top:10px;font:10px/1 monospace;letter-spacing:.1em;color:rgba(255,255,255,.68)}.field-label.right{left:auto;right:10px}.crosshair{position:absolute;width:30px;height:30px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--accent);opacity:.65}.crosshair:before,.crosshair:after{content:'';position:absolute;background:var(--accent)}.crosshair:before{height:1px;width:46px;left:-9px;top:14px}.crosshair:after{width:1px;height:46px;left:14px;top:-9px}.motion-off *{animation-play-state:paused!important;transition:none!important}.mode-fashion{--bg:#001214;--accent:#eaff1e}.mode-fashion .media-frame{box-shadow:0 0 0 1px rgba(234,255,30,.35),0 35px 90px rgba(0,255,210,.16)}.ticker-ring{position:absolute;inset:20% -16%;border:2px solid var(--accent);border-radius:50%;transform:rotate(-12deg);font-size:clamp(15px,2vw,27px);font-weight:700;letter-spacing:.06em;color:var(--accent);display:flex;align-items:center;justify-content:center;white-space:nowrap;animation:spin 18s linear infinite}.ticker-ring:after{content:'FORWARD / BUILD / PROVE / FORWARD / BUILD / PROVE';position:absolute;transform:rotate(8deg)}.mode-orbit{--bg:#918c87;--accent:#fff02e;color:#111}.mode-orbit .detail-nav,.mode-orbit .detail-footer{color:#111}.mode-orbit .meta-column .eyebrow{color:#ffed25}.orbit-stroke{position:absolute;width:145%;height:36%;left:-23%;top:47%;border:clamp(11px,2vw,28px) solid #fff42c;border-radius:50%;transform:rotate(-13deg);animation:float 6s ease-in-out infinite;mix-blend-mode:screen}.orbit-stroke:after{content:'';position:absolute;inset:-18px 10% 30%;border-top:6px solid #fff42c;border-radius:50%;transform:rotate(-6deg)}.mode-gallery{--bg:#f1f1ed;--fg:#111;--accent:#c8f02a;color:#111}.mode-gallery .detail-nav,.mode-gallery .detail-footer{color:#111}.mode-gallery .spec-list{border-color:rgba(0,0,0,.28)}.mode-gallery .spec-list li{border-color:rgba(0,0,0,.16)}.mode-gallery .pin-link{color:#4358e7;border-color:#4358e7}.mode-gallery .media-frame{box-shadow:0 25px 75px rgba(0,0,0,.2)}.float-card{position:absolute;width:19%;aspect-ratio:1;object-fit:cover;border:5px solid #fff;box-shadow:0 10px 25px rgba(0,0,0,.25);animation:float 5s ease-in-out infinite}.float-card.a{left:8%;top:16%;transform:rotate(-10deg)}.float-card.b{right:11%;top:29%;transform:rotate(8deg);animation-delay:-2s}.mode-silhouette{--bg:#eceee8;--fg:#111;--accent:#c8ff2f;color:#111}.mode-silhouette .detail-nav,.mode-silhouette .detail-footer{color:#111}.mode-silhouette .media-frame{box-shadow:none}.mode-silhouette .crosshair{border-color:#111}.mode-silhouette .crosshair:before,.mode-silhouette .crosshair:after{background:#111}.mode-portrait{--bg:#ff1d12;--fg:#111;--accent:#fff;color:#111}.mode-portrait .detail-nav,.mode-portrait .detail-footer{color:#111}.mode-portrait .media-frame{box-shadow:none}.mode-stack{--bg:#050505;--accent:#2dff72}.mode-stack .media-frame{box-shadow:0 0 0 1px #2dff72,0 0 45px rgba(45,255,114,.2)}.mode-type{--bg:#050505;--accent:#fff}.vertical-type{position:absolute;top:2%;bottom:2%;left:7%;font-size:clamp(27px,4vw,68px);line-height:.84;writing-mode:vertical-rl;letter-spacing:-.08em;color:rgba(255,255,255,.9);animation:drift 12s ease-in-out infinite}.vertical-type b{font-weight:400}.mode-blur{--bg:#e6e6e9;--fg:#171521;--accent:#b5fc41;color:#171521}.mode-blur .detail-nav,.mode-blur .detail-footer{color:#171521}.mode-blur .media-frame{box-shadow:none}.mode-folders,.mode-folder{--bg:#0a0a0b;--accent:#5db3ff}.mode-folders .media-frame,.mode-folder .media-frame{box-shadow:0 0 0 1px rgba(93,179,255,.4),0 35px 90px rgba(0,0,0,.5)}.mode-thermal{--bg:#071517;--accent:#fff72b}.thermal-box{position:absolute;border:1px solid var(--accent);box-shadow:0 0 14px rgba(255,247,43,.28);width:23%;height:16%;animation:blink 2.2s steps(2) infinite}.thermal-box:before{content:'PERSON_0' attr(data-n);position:absolute;left:-1px;top:-14px;background:var(--accent);color:#111;padding:2px 5px;font:9px monospace}.thermal-box:nth-child(1){left:10%;top:25%}.thermal-box:nth-child(2){right:9%;top:42%;animation-delay:-.5s}.thermal-box:nth-child(3){left:36%;bottom:11%;animation-delay:-1s}.thermal-box:nth-child(4){right:33%;top:12%;animation-delay:-1.4s}.mode-datastream{--bg:#161326;--accent:#9dff42}.data-path{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 13%,rgba(126,130,255,.14) 14% 15%,transparent 16% 24%);animation:slide 9s linear infinite}.data-node{position:absolute;width:8px;height:20px;border:1px solid var(--accent);background:rgba(157,255,66,.18);box-shadow:0 0 14px var(--accent);animation:blink 1.6s steps(2) infinite}.mode-sky{--bg:#183b68;--accent:#fff}.mode-sky .media-frame{box-shadow:0 30px 80px rgba(0,0,0,.25)}.sky-ring{position:absolute;width:22%;aspect-ratio:1;left:6%;top:35%;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 30px rgba(255,255,255,.6);animation:pulse 4s ease-in-out infinite}.mode-mosaic{--bg:#d9dcda;--fg:#111;--accent:#111;color:#111}.mode-mosaic .detail-nav,.mode-mosaic .detail-footer{color:#111}.mode-mosaic .media-frame{box-shadow:none}.mode-wordwall{--bg:#08080d;--accent:#42f0d1}.mode-archive{--bg:#030303;--accent:#fff}.archive-time{position:absolute;left:6%;top:7%;font:clamp(16px,2vw,28px)/1 monospace;color:#fff;animation:flicker 3s infinite}.mode-speech{--bg:#f8f8fa;--fg:#087cf0;--accent:#087cf0;color:#087cf0}.mode-speech .detail-nav,.mode-speech .detail-footer{color:#087cf0}.speech-bubble{position:absolute;border-radius:999px;background:#087cf0;color:white;padding:10px 22px;font-size:clamp(12px,1.6vw,26px);white-space:nowrap;animation:float 6s ease-in-out infinite}.speech-bubble:after{content:'';position:absolute;right:10%;bottom:-10px;border:12px solid transparent;border-top-color:#087cf0;transform:rotate(-13deg)}.speech-bubble:nth-child(1){left:-5%;top:16%}.speech-bubble:nth-child(2){right:-7%;top:38%;animation-delay:-2s}.speech-bubble:nth-child(3){left:12%;bottom:10%;animation-delay:-4s}.mode-ribbon{--bg:#edf2f4;--fg:#111;--accent:#ff5d31;color:#111}.mode-ribbon .detail-nav,.mode-ribbon .detail-footer{color:#111}.mode-ribbon .media-frame{box-shadow:none}.mode-shapes{--bg:#d4c7c9;--fg:#111;--accent:#ff652d;color:#111}.mode-shapes .detail-nav,.mode-shapes .detail-footer{color:#111}.mode-shapes .media-frame{box-shadow:none}.shape-orbit{position:absolute;width:42%;height:32%;left:28%;top:32%;background:linear-gradient(120deg,#ff5425,#ffe329,#1570ff);border-radius:55% 45% 48% 52%;opacity:.7;mix-blend-mode:screen;animation:float 5s ease-in-out infinite}.mode-arrows{--bg:#5593de;--accent:#fff5d1}.mode-arrows .media-frame{box-shadow:none}.arrow-field{position:absolute;inset:0;overflow:hidden}.arrow-field i{position:absolute;color:#fff5d1;font-style:normal;font-size:clamp(18px,3vw,46px);text-shadow:2px 2px 0 #111;animation:arrow 5s linear infinite}.mode-tracking{--bg:#09202a;--accent:#fff}.tracking-box{position:absolute;border:1px solid #fff;box-shadow:0 0 0 1px rgba(255,67,67,.5);animation:track 4s ease-in-out infinite}.tracking-box:before{content:attr(data-label);position:absolute;top:-14px;left:0;font:9px monospace;background:#111;color:#fff;padding:2px 4px}.tracking-box:nth-child(1){left:7%;top:29%;width:31%;height:18%}.tracking-box:nth-child(2){right:10%;top:20%;width:29%;height:26%;animation-delay:-1.2s}.tracking-box:nth-child(3){right:18%;bottom:18%;width:34%;height:19%;animation-delay:-2.4s}.motion-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.72}@keyframes spin{to{transform:rotate(348deg)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes drift{0%,100%{translate:0 0}50%{translate:13px -14px}}@keyframes blink{50%{opacity:.38}}@keyframes slide{to{background-position:220px 0}}@keyframes pulse{50%{transform:scale(1.1);opacity:.55}}@keyframes flicker{0%,18%,22%,63%,66%,100%{opacity:1}20%,64%{opacity:.35}}@keyframes arrow{0%{translate:-30px 40px;opacity:0}20%{opacity:1}100%{translate:130px -110px;opacity:0}}@keyframes track{50%{translate:8px -5px;transform:scale(1.03)}}@media(max-width:900px){.detail-layout{display:block;padding:86px 16px 100px}.media-stage{min-height:auto;margin-bottom:36px}.media-frame{width:min(100%,calc((100svh - 160px) * var(--media-ratio)));max-height:none}.meta-column h1{font-size:clamp(42px,14vw,80px);max-width:10ch}.meta-column .description{max-width:38ch}.page-count{display:none}.detail-footer{position:relative;padding:0 16px 17px}.detail-nav{height:60px}.detail-nav .nav-meta span:first-child{display:none}}@media(max-width:560px){.detail-nav{font-size:8px}.detail-nav .motion-button{font-size:8px;padding:7px}.detail-layout{padding-top:76px}.media-stage{margin-left:-16px;margin-right:-16px}.media-frame{width:min(100%,calc((100svh - 170px) * var(--media-ratio)))}.meta-column .eyebrow{font-size:8px}.meta-column .subtitle{font-size:16px}.detail-footer{font-size:8px}.pager a{padding:8px 9px}.ticker-ring{inset:22% -30%;font-size:12px}.vertical-type{font-size:28px}.speech-bubble{font-size:12px;padding:7px 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Three-act motion narrative */
.detail-page{--story-line:rgba(255,255,255,.16);--story-glow:rgba(217,255,47,.16)}
.story-context{position:relative;min-height:42svh;padding:clamp(86px,12vw,150px) clamp(18px,7vw,120px) clamp(48px,7vw,90px);overflow:hidden;border-bottom:1px solid var(--story-line);background:radial-gradient(circle at 85% 30%,var(--story-glow),transparent 32%),var(--bg)}
.story-context:before{content:'';position:absolute;inset:0;opacity:.4;background:linear-gradient(90deg,transparent 0 8%,var(--story-line) 8.1% 8.2%,transparent 8.3% 91%,var(--story-line) 91.1% 91.2%,transparent 91.3%),repeating-linear-gradient(0deg,transparent 0 38px,rgba(255,255,255,.025) 39px 40px);pointer-events:none}
.story-inner{position:relative;z-index:1;display:grid;grid-template-columns:130px minmax(0,680px) 1fr;gap:clamp(20px,5vw,80px);align-items:end;max-width:1200px;margin:0 auto}
.story-index{font:10px/1.4 monospace;letter-spacing:.14em;color:var(--accent);align-self:start;padding-top:4px}.story-kicker{font-size:11px;letter-spacing:.16em;margin:0 0 18px;color:var(--accent)}.story-context h2{font-size:clamp(32px,5vw,76px);line-height:.92;letter-spacing:-.08em;max-width:12ch;margin:0}.story-note{color:var(--muted);font-size:12px;margin:24px 0 0}.story-arrow{justify-self:end;font-size:12px;letter-spacing:.1em;color:var(--accent);padding-bottom:4px}.story-arrow:after{content:'';display:block;width:90px;border-bottom:1px solid var(--accent);margin-top:8px;transform-origin:right;transform:scaleX(.4);transition:transform .4s}.story-context:hover .story-arrow:after{transform:scaleX(1)}.story-after{border-top:1px solid var(--story-line);border-bottom:0;background:radial-gradient(circle at 15% 60%,var(--story-glow),transparent 34%),var(--bg)}.story-after .story-inner{align-items:start}.story-after .story-index{color:var(--accent)}.story-cta{display:inline-block;margin-top:28px;border:1px solid var(--accent);padding:11px 14px;color:var(--accent);font-size:10px;letter-spacing:.12em;transition:.25s}.story-cta:hover{background:var(--accent);color:var(--bg)}.story-context.is-visible .story-kicker{animation:story-in .7s both}.story-context.is-visible h2{animation:story-in .9s .08s both}.story-context.is-visible .story-note{animation:story-in .7s .18s both}@keyframes story-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.detail-layout{position:relative;scroll-margin-top:0}.detail-layout:before{content:'02 / MOTION';position:absolute;top:28px;left:clamp(16px,7vw,120px);font:10px monospace;letter-spacing:.14em;color:var(--accent);z-index:2}.motion-video{filter:saturate(1.03) contrast(1.02)}.motion-progress{position:fixed;z-index:35;left:0;right:0;top:69px;height:2px;background:rgba(255,255,255,.12);pointer-events:none}.motion-progress i{display:block;width:calc(var(--video-progress,0) * 100%);height:100%;background:var(--accent);box-shadow:0 0 12px var(--accent);transform-origin:left}.act-indicator{color:var(--accent)}
.mode-gallery .story-context,.mode-mosaic .story-context,.mode-ribbon .story-context,.mode-shapes .story-context,.mode-silhouette .story-context,.mode-portrait .story-context{--story-line:rgba(0,0,0,.18);--story-glow:rgba(80,94,240,.12)}
.mode-gallery .story-context,.mode-mosaic .story-context,.mode-ribbon .story-context,.mode-shapes .story-context,.mode-silhouette .story-context,.mode-portrait .story-context{color:var(--fg)}
.mode-gallery .story-note,.mode-mosaic .story-note,.mode-ribbon .story-note,.mode-shapes .story-note,.mode-silhouette .story-note,.mode-portrait .story-note{color:rgba(0,0,0,.58)}
@media(max-width:700px){.story-context{min-height:48svh;padding-top:105px}.story-inner{grid-template-columns:48px minmax(0,1fr);gap:14px}.story-arrow{grid-column:2;justify-self:start}.story-context h2{font-size:clamp(32px,10vw,58px)}.detail-layout{padding-top:95px}.detail-layout:before{top:63px;left:16px}.motion-progress{top:59px}.act-indicator{display:none}}
.mode-orbit .depth-ribbon-frame{background:#15171b}.depth-ribbon-canvas{display:block;width:100%;height:100%;object-fit:fill}.depth-ribbon-overlay{z-index:3}.depth-ribbon-overlay .orbit-caption{position:absolute;right:10px;bottom:12px;font:9px/1.3 monospace;letter-spacing:.1em;color:rgba(255,255,255,.76);text-align:right}.mode-orbit .motion-progress i{width:calc(var(--depth-progress,0) * 100%);animation:none}