@import url('/fonts/type.css');
.hero-media{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.hero-media img,.hero-media video{grid-area:1/1;min-width:0;min-height:0}
.hero[data-fit="contain"] .hero-media{transform:none;animation:media-reveal 1.8s var(--ease) both;display:grid;place-items:center;background:var(--bg)}.hero[data-fit="contain"] .hero-media img,.hero[data-fit="contain"] .hero-media video{object-fit:contain;object-position:center;animation:none;transform:none}.work-cover[data-native-ratio="true"] img,.work-card:hover .work-cover[data-native-ratio="true"] img{object-fit:contain;transform:none}
:root{--bg:#0e0f0e;--white:#eeeee8;--muted:#9a9c94;--line:#ffffff2b;--acid:#e0fb80;--g:4.4vw;--ease:cubic-bezier(.22,.75,.15,1);--display:'Anton','Impact','Arial Narrow',sans-serif;--body:'Manrope','Noto Sans SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}img,video{display:block;max-width:100%}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:6px}[hidden]{display:none!important}::selection{background:var(--acid);color:var(--bg)}.skip{position:fixed;z-index:500;left:20px;top:-60px;padding:12px;background:var(--acid);color:var(--bg)}.skip:focus{top:10px}.nav{position:absolute;top:0;left:0;right:0;padding:29px var(--g);display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:20}.logo{font-weight:800;font-size:30px;letter-spacing:-3px}.logo span{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:4px}.nav nav{display:flex;align-items:center;gap:34px;font-size:12px}.nav sup{font-size:8px;color:#ffffff80;margin-right:4px}.nav nav a{padding:10px 0;border-bottom:1px solid transparent}.nav nav a:hover{border-color:var(--white)}.admin-link{border:1px solid #ffffff70;padding:11px 16px;font-size:11px;display:flex;gap:24px;align-items:center}.admin-link span{color:var(--acid)}.hero{height:100svh;min-height:660px;position:relative;overflow:hidden;isolation:isolate}.hero-media{position:absolute;inset:0;transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1.04);overflow:hidden;animation:media-reveal 1.8s var(--ease) both}.hero-media img,.hero-media video{height:100%;width:100%;object-fit:cover;object-position:62% 42%;transition:opacity .7s ease;animation:media-drift 17s ease-in-out infinite alternate}.hero-scrim{position:absolute;inset:0;background:linear-gradient(0deg,#0b0c0be6 0%,#0b0c0b20 64%,#0b0c0b50),linear-gradient(90deg,#0b0c0b38,transparent 75%);pointer-events:none}.hero-caption{position:absolute;top:138px;left:var(--g);right:var(--g);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.hero-name{position:absolute;left:var(--g);bottom:118px;font-family:var(--display);font-size:clamp(110px,18.8vw,330px);line-height:.82;font-weight:400;letter-spacing:-.026em;pointer-events:none}.hero-name span{display:block;animation:name-reveal 1.3s var(--ease) both}.hero-name span+span{margin-left:14vw;animation-delay:.16s}.hero-description{position:absolute;right:var(--g);top:43%;display:flex;align-items:flex-start;gap:24px}.hero-description p{font-size:12px;line-height:2.2;letter-spacing:.04em}.asterisk{color:var(--acid);font-size:48px;line-height:1;animation:rotate-mark 30s linear infinite}.hero-foot{position:absolute;left:var(--g);right:var(--g);bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.explore{font-size:11px;display:flex;gap:50px;align-items:center}.explore span{font-size:23px;transition:transform .3s}.explore:hover span{transform:translateY(5px)}.frame-nav{display:flex;gap:16px}.frame-nav button{font-size:10px;width:52px;padding:9px 0;border-top:1px solid #ffffff50;opacity:.5}.frame-nav button.active{opacity:1;border-color:var(--acid)}.motion-control{font-size:10px;letter-spacing:.06em;padding:12px}.hero-rule{position:absolute;bottom:0;left:var(--g);right:var(--g);height:1px;background:#ffffff40}.statement{padding:100px var(--g) 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}.eyebrow{font-size:9px;letter-spacing:.14em;color:var(--muted)}.statement>.eyebrow{grid-column:1/-1;margin-bottom:50px}.statement>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:85px;gap:40px}.statement h2{font-size:clamp(34px,5.2vw,82px);font-weight:500;letter-spacing:-.07em;line-height:1.5}.statement p{color:var(--muted);font-size:13px;line-height:2;max-width:340px;white-space:pre-line}.statement>a{font-size:11px;letter-spacing:.05em;border-bottom:1px solid var(--line);padding-bottom:20px}.statement>a:hover{color:var(--acid)}.work-section{padding:110px var(--g) 30px}.section-heading{display:grid;grid-template-columns:55px 1fr auto;gap:20px;align-items:start;margin-bottom:55px}.section-number{font-size:9px;color:var(--muted);padding-top:15px}.section-heading h2{font-family:var(--display);font-size:clamp(45px,7vw,115px);letter-spacing:-.015em;line-height:1;font-weight:400}.section-heading h2>span{font-family:var(--body);display:block;font-size:14px;letter-spacing:.06em;margin-top:22px;font-weight:400}.section-heading>p{font-size:11px;line-height:2;color:var(--muted);padding-top:14px;max-width:280px}.design-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:65px 6.5vw;align-items:start}.work-card{display:block;padding:0;text-align:left;width:100%}.design-grid .work-card:nth-child(even){margin-top:150px}.work-cover{position:relative;overflow:hidden;background:#1b1d1a;aspect-ratio:1.12}.design-grid .work-card:nth-child(even) .work-cover{aspect-ratio:.78}.work-cover img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter 1.1s;filter:saturate(.8)}.work-card:hover .work-cover img{transform:scale(1.05);filter:saturate(1)}.work-index{position:absolute;top:18px;left:20px;font-size:9px;letter-spacing:.1em;mix-blend-mode:difference;color:#fff}.work-arrow{position:absolute;bottom:20px;right:20px;background:var(--white);color:var(--bg);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:22px;transition:transform .45s}.work-card:hover .work-arrow{transform:rotate(45deg)}.work-label{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:22px 0}.work-label h3{font-size:23px;font-weight:500;letter-spacing:-.03em}.work-label p{font-size:10px;color:var(--muted);margin-top:9px;letter-spacing:.04em}.concept-label{font-size:9px;color:var(--muted);white-space:nowrap;padding-top:7px}.photo-section{padding-top:140px}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.photo-grid .work-cover{aspect-ratio:1.25}.photo-grid .work-card:only-child{grid-column:1/-1;width:78%;margin-left:auto}.photo-grid .work-card:only-child .work-cover{aspect-ratio:1.65}.film-section{padding-top:140px;padding-bottom:100px}.film-grid{display:grid;grid-template-columns:1fr;gap:60px}.film-grid .work-cover{aspect-ratio:16/9}.film-grid .work-arrow{width:68px;height:68px;background:var(--acid);font-size:28px;bottom:30px;right:30px}.film-grid .work-card:hover .work-arrow{transform:scale(1.08)}.film-empty{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0;position:relative;display:flex;gap:45px;align-items:center}.film-empty-symbol{font-size:100px;color:var(--muted);line-height:1}.film-empty h3{font-family:var(--display);font-size:clamp(30px,5vw,75px);font-weight:400;line-height:1.2}.film-empty p{font-size:12px;color:var(--muted);margin-top:20px}.film-empty a{display:inline-block;font-size:12px;color:var(--acid);margin-top:28px;border-bottom:1px solid;padding-bottom:8px}.film-empty-index{position:absolute;right:0;top:30px;font-size:8px;letter-spacing:.1em;color:var(--muted)}.contact{background:var(--acid);color:var(--bg);padding:65px var(--g) 45px}.contact>.eyebrow{color:#394026}.contact>a{display:block;margin:75px 0}.contact>a>span{display:block;font-size:clamp(30px,4vw,60px);font-weight:500;letter-spacing:-.06em}.contact strong{font-size:clamp(55px,10vw,160px);font-weight:500;letter-spacing:-.08em;display:flex;align-items:center;justify-content:space-between}.contact strong>span{font-family:Arial,sans-serif;transition:transform .5s var(--ease)}.contact>a:hover strong>span{transform:translate(12px,-12px)}.contact-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #10110e40;padding-top:25px;font-size:11px}.contact-bottom div{display:flex;gap:25px;flex-wrap:wrap}footer{padding:32px var(--g);display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.05em}footer .owner-only{color:var(--acid)}.work-dialog{position:fixed;inset:0;border:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;overflow:auto;padding:0;background:var(--bg);color:var(--white);animation:dialog-enter .5s var(--ease)}.work-dialog::backdrop{background:#080908ed}.detail-bar{padding:22px var(--g);position:sticky;top:0;background:#0e0f0ef0;backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:10px;letter-spacing:.08em;border-bottom:1px solid var(--line)}.detail-bar button{font-size:12px;padding:10px}.detail-main{padding:60px var(--g)}.detail-main h2{font-size:clamp(38px,6vw,90px);font-weight:500;letter-spacing:-.06em}.detail-subtitle{font-size:13px;color:var(--muted);margin-top:15px}.detail-description{margin:40px 0;font-size:14px;line-height:2;max-width:750px;white-space:pre-line}.detail-concept{font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:30px}.detail-image{width:auto;max-height:100svh;margin:30px auto;object-fit:contain}.detail-video{width:100%;max-height:85svh;background:#000;margin:30px auto}.notice{position:fixed;z-index:150;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--white);color:var(--bg);padding:15px 24px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;max-width:90vw}.notice.visible{opacity:1;transform:translate(-50%,0)}.page-loader{position:fixed;inset:0;z-index:200;background:var(--bg);display:flex;align-items:center;justify-content:center;gap:24px;pointer-events:none;animation:loader-away .6s var(--ease) 1s both}.page-loader span{font-size:35px;font-weight:800;letter-spacing:-3px}.page-loader i{width:90px;height:2px;background:var(--acid);transform-origin:left;animation:loader-line .9s var(--ease) both}.js .work-card{animation:card-enter .8s var(--ease) both}.section-empty{padding:45px;border:1px solid var(--line);color:var(--muted);font-size:13px}.section-empty a{display:inline-block;margin-left:20px;color:var(--acid)}@keyframes name-reveal{from{clip-path:inset(0 0 100% 0);transform:translateY(70%)}to{clip-path:inset(0);transform:none}}@keyframes media-reveal{from{clip-path:inset(45% 48%)}to{clip-path:inset(0)}}@keyframes media-drift{from{transform:scale(1.01)}to{transform:scale(1.08)}}@keyframes rotate-mark{to{transform:rotate(360deg)}}@keyframes loader-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loader-away{to{transform:translateY(-105%);visibility:hidden}}@keyframes card-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes dialog-enter{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@media(max-width:900px){.nav nav{gap:20px}.hero-description{top:35%;right:7%}.hero-name{font-size:21vw}.section-heading{grid-template-columns:40px 1fr}.section-heading>p{grid-column:2;margin-top:5px}.design-grid{gap:40px 5vw}.design-grid .work-card:nth-child(even){margin-top:100px}.contact strong{font-size:11vw}}
@media(max-width:600px){:root{--g:6vw}.nav{padding-top:23px;flex-wrap:wrap;gap:18px}.logo{font-size:27px}.nav nav{order:3;width:100%;justify-content:space-between;font-size:11px;gap:10px}.nav nav sup{font-size:7px}.admin-link{font-size:10px;padding:9px 12px;gap:18px;margin-left:auto}.hero{min-height:620px;height:100svh}.hero-caption{top:156px;font-size:7px}.hero-caption>span+span{display:none}.hero-name{font-size:25.8vw;line-height:.88;bottom:138px}.hero-name span+span{margin-left:0}.hero-description{top:31%;right:var(--g);gap:13px}.hero-description p{font-size:10px}.asterisk{font-size:33px}.hero-foot{bottom:32px;gap:14px}.explore{font-size:10px;gap:22px}.frame-nav{gap:7px}.frame-nav button{width:29px;font-size:9px}.motion-control{font-size:9px;padding:9px 0}.statement{padding-top:60px;gap:0 16px}.statement>.eyebrow{font-size:7px;margin-bottom:32px}.statement>div{display:block;margin-bottom:50px}.statement h2{font-size:10vw}.statement p{font-size:11px;margin-top:25px}.statement>a{font-size:8px;letter-spacing:0;padding-bottom:15px}.work-section{padding-top:65px}.section-heading{grid-template-columns:24px 1fr;gap:12px;margin-bottom:32px}.section-number{font-size:7px;padding-top:8px}.section-heading h2{font-size:12.2vw}.section-heading h2>span{font-size:12px;margin-top:14px}.section-heading>p{font-size:10px;margin-top:4px}.design-grid,.photo-grid{display:block}.work-card,.design-grid .work-card:nth-child(even){margin:0 0 38px}.work-cover,.design-grid .work-card:nth-child(even) .work-cover{aspect-ratio:1}.work-label{padding:17px 0}.work-label h3{font-size:20px}.work-label p{font-size:9px}.concept-label{font-size:8px}.work-arrow{width:37px;height:37px;bottom:15px;right:15px;font-size:19px}.photo-grid .work-card:only-child{width:100%;margin:0}.photo-grid .work-card:only-child .work-cover{aspect-ratio:.82}.film-section{padding-bottom:50px}.film-grid .work-arrow{width:48px;height:48px;font-size:21px;right:15px;bottom:15px}.film-empty{padding:75px 0 45px;gap:22px}.film-empty-symbol{font-size:60px}.film-empty h3{font-size:8vw}.film-empty p,.film-empty a{font-size:10px}.film-empty-index{font-size:7px;top:22px}.contact{padding-top:45px;padding-bottom:30px}.contact>.eyebrow{font-size:8px}.contact>a{margin:45px 0}.contact>a>span{font-size:8vw}.contact strong{font-size:12.2vw;line-height:1.6}.contact-bottom{display:block;font-size:10px;line-height:1.9}.contact-bottom>div{margin-top:12px;gap:15px}footer{font-size:8px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px}footer .owner-only{order:3;width:100%;font-size:9px}.detail-main{padding:35px var(--g)}.detail-main h2{font-size:11vw}.detail-subtitle{font-size:11px}.detail-description{font-size:12px;margin:25px 0}.detail-concept{font-size:9px}.detail-bar{font-size:9px;padding:15px var(--g)}.detail-bar button{font-size:11px}.section-empty{padding:30px;font-size:11px}.section-empty a{margin:15px 0 0;display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.page-loader{display:none}.hero-media{transform:none}}

/* Ecommerce slices form a continuous column and retain their full height. */
.detail-images--continuous{width:100%;max-width:1200px;margin:40px auto 0;line-height:0;display:block}
.detail-images--continuous .detail-image{display:block;width:100%;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;object-fit:contain}
@media(max-width:650px){.detail-images--continuous{margin-top:28px}}