:root{--bg:#040404;--card:#0b0b0b;--ink:#f5f5f5;--accent:#fff;--muted:#f5f5f594;--faint:#f5f5f561;--line:#ffffff1a;--white:#fff;--shell:1440px;--pad:72px;--wide:1312px;--gutter:0px;--ease:cubic-bezier(0.22,1,0.36,1);--font:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Clash Display",Geist,sans-serif;--font-head:"Clash Display",Geist,sans-serif;--font-label:Geist,-apple-system,sans-serif;--font-mono:"DM Mono",ui-monospace,Menlo,monospace;color-scheme:dark}:root.light{--bg:#f4f4f2;--card:#fff;--ink:#111;--accent:#000;--muted:#1119;--faint:#1116;--line:#0000001c;color-scheme:light}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:#040404;background:var(--bg);font-synthesis:none;transition:background-color .5s cubic-bezier(.22,1,.36,1);transition:background-color .5s var(--ease)}body{-webkit-font-smoothing:antialiased;background:#0000;color:#f5f5f5;color:var(--ink);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font);font-size:16px;line-height:1.5;overflow-x:hidden;transition:color .5s cubic-bezier(.22,1,.36,1);transition:color .5s var(--ease)}body:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' seed='1'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0.05 0.1 0.15 0.2'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E") 0 0 /200px 200px;content:"";inset:0;mix-blend-mode:screen;opacity:.6;opacity:var(--grain,.6);pointer-events:none;position:fixed;z-index:200}:root.light body:after{--grain:1;mix-blend-mode:multiply}::selection{background:#fff;background:var(--accent);color:#040404;color:var(--bg)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit}:focus-visible{outline:2px solid #fff;outline:2px solid var(--accent);outline-offset:3px}.shell{margin:0 auto;max-width:1440px;max-width:var(--shell);padding:0 72px;padding:0 var(--pad);width:100%}.meta{font-family:Geist,-apple-system,sans-serif;font-family:var(--font-label);font-size:11px;font-weight:500;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.meta-row{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--line);color:#f5f5f594;color:var(--muted);display:flex;gap:16px;justify-content:space-between;padding-bottom:12px}.display{font-family:Clash Display,Geist,sans-serif;font-family:var(--font-display);letter-spacing:-.04em;line-height:1.04}.btn,.display{font-weight:500}.btn{align-items:center;border:1px solid #ffffff1a;border:1px solid var(--line);display:inline-flex;font-size:12px;gap:12px;height:40px;justify-content:center;letter-spacing:.06em;padding:0 18px;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s;white-space:nowrap}.btn-solid,.btn:hover{border-color:#f5f5f5;border-color:var(--ink)}.btn-solid{background:#f5f5f5;background:var(--ink);color:#040404;color:var(--bg)}.btn-solid:hover{background:#0000;color:#f5f5f5;color:var(--ink)}.arrow,.btn svg{height:12px;width:12px}.btn .arrow{height:10px;transition:transform .3s cubic-bezier(.22,1,.36,1);transition:transform .3s var(--ease);width:10px}.btn:hover .arrow{transform:translate(2px,-2px)}.label{color:#f5f5f594;color:var(--muted);display:block;margin-bottom:18px}.section-title{font-size:clamp(34px,3.6vw,52px);line-height:1.04}.card{background:#0b0b0b;background:var(--card);border:1px solid #ffffff1a;border:1px solid var(--line)}.dot{background:#f5f5f5;background:var(--ink);border-radius:50%;display:inline-block;height:6px;margin-right:8px;vertical-align:middle;width:6px}.mask{display:block;margin-bottom:-.16em;margin-left:-.06em;overflow:hidden;padding-bottom:.16em;padding-left:.06em}.mask>span{animation:rise 1.1s cubic-bezier(.22,1,.36,1) forwards;animation:rise 1.1s var(--ease) forwards;animation-delay:.15s;animation-delay:calc(.15s + var(--d, 0)*.09s);display:block;transform:translateY(105%)}@keyframes rise{to{transform:none}}.fade-in{animation:fadeIn .9s cubic-bezier(.22,1,.36,1) forwards;animation:fadeIn .9s var(--ease) forwards;animation-delay:.3s;animation-delay:calc(.3s + var(--d, 0)*.09s);opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rv{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition:opacity .9s var(--ease),transform .9s var(--ease)}.rv.in{opacity:1;transform:none}@media (max-width:1024px){:root{--pad:40px}}@media (max-width:640px){:root{--pad:20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-delay:0s!important;transition-duration:.01ms!important}}.page{animation:pageIn .6s var(--ease)}@keyframes pageIn{0%{opacity:0}}.loader{background:#141517;border-bottom-left-radius:50% 0;border-bottom-right-radius:50% 0;color:var(--white);display:grid;inset:0;place-items:center;position:fixed;z-index:300}.loader.done{border-bottom-left-radius:50% 12vh;border-bottom-right-radius:50% 12vh;transform:translateY(-100%);transition:transform .9s cubic-bezier(.76,0,.24,1),border-radius .9s cubic-bezier(.76,0,.24,1)}.loader p{align-items:center;display:flex;font-size:clamp(36px,4.4vw,64px);font-weight:500;gap:18px;letter-spacing:-.03em}.loader-dot{background:var(--white);border-radius:50%;height:12px;width:12px}.hdr{background:var(--bg);border-bottom:1px solid #0000;inset:0 0 auto;position:fixed;transition:background-color .4s,border-color .4s;z-index:120}.hdr.scrolled{border-color:var(--line)}.hdr-in{display:grid;grid-template-columns:1fr auto 1fr;height:64px}.hdr-in,.hdr-logo{align-items:center}.hdr-logo{display:flex;gap:10px;justify-self:start}.hdr-logo .display{font-size:20px;letter-spacing:-.03em;line-height:1}.hdr-nav{display:flex;gap:32px}.hdr-nav a{color:var(--muted);font-size:14px;font-weight:500;letter-spacing:.025em;text-transform:uppercase;transition:color .3s}.hdr-nav a.on,.hdr-nav a:hover{color:var(--ink)}.hdr-right{align-items:center;display:flex;gap:22px;justify-self:end}.hdr-cta{font-size:11px;height:30px;padding:0 14px}.hdr-theme{color:var(--muted);transition:color .3s}.hdr-theme:hover{color:var(--ink)}.hdr-theme svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block;height:17px;width:17px}.hdr-menu{border:1px solid var(--line);display:none;height:40px;place-items:center;width:40px}.burger{display:flex;flex-direction:column;height:11px;justify-content:space-between;position:relative;width:16px}.burger i{background:currentColor;display:block;height:1px;transition:transform .4s var(--ease),opacity .3s}.hdr-menu.open .burger i:first-child{transform:translateY(5px) rotate(45deg)}.hdr-menu.open .burger i:nth-child(2){opacity:0}.hdr-menu.open .burger i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}@media (max-width:900px){.hdr-in{grid-template-columns:1fr auto}.hdr-cta,.hdr-nav{display:none}.hdr-menu{display:grid}}.menu{background:var(--bg);clip-path:inset(0 0 100% 0);display:flex;flex-direction:column;inset:0;padding-top:150px;position:fixed;transition:clip-path .8s var(--ease);z-index:110}.menu.open{clip-path:inset(0 0 0 0)}.menu-list a{align-items:center;border-top:1px solid var(--line);display:flex;gap:40px;padding:18px 0}.menu-list a:last-child{border-bottom:1px solid var(--line)}.menu-num{color:var(--faint);width:20px}.menu-list a.on .menu-num{color:var(--accent)}.menu-word{font-size:clamp(40px,5vw,72px);line-height:1.06;transition:transform .5s var(--ease),color .3s}.menu-list a:hover .menu-word{color:var(--accent);transform:translateX(14px)}.menu .mask>span{animation:none;transform:translateY(105%);transition:transform .9s var(--ease)}.menu.open .mask>span{transform:none;transition-delay:calc(.2s + var(--d)*.07s)}.menu-list a{--d:0}.menu-dot{background:var(--accent);border-radius:50%;height:6px;margin-left:auto;opacity:0;width:6px}.menu-list a.on .menu-dot{opacity:1}.menu-foot{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-top:48px;opacity:0;transition:opacity .6s .5s}.menu.open .menu-foot{opacity:1}.menu-label{color:var(--faint);margin-bottom:14px}.menu-email{font-size:18px;transition:color .3s}.menu-email:hover{color:var(--accent)}.menu-links{color:var(--muted);display:flex;flex-wrap:wrap;gap:28px}.menu-links a,.menu-links button{transition:color .3s}.menu-links a:hover,.menu-links button:hover{color:var(--ink)}html.menu-open{overflow:hidden}@media (max-width:640px){.menu{padding-top:110px}.menu-list a{gap:18px;padding:14px 0}.menu-word{font-size:clamp(30px,10vw,44px)}.menu-foot{align-items:flex-start;flex-direction:column}}.foot{display:grid;grid-template-columns:minmax(300px,384px) minmax(0,1fr);min-height:660px}.foot-panel{background:var(--ink);color:var(--bg);display:flex;flex-direction:column;padding:64px 48px 40px}.foot-name{font-size:26px;letter-spacing:-.03em;line-height:1.1}.foot-pages{grid-gap:22px 16px;border-bottom:1px solid color-mix(in srgb,var(--bg) 14%,#0000);display:grid;gap:22px 16px;grid-template-columns:1fr 1fr;margin-top:46px;padding-bottom:40px}.foot-panel a{transition:opacity .3s}.foot-group a,.foot-pages a{font-size:15px;opacity:.68}.foot-panel a:hover{opacity:1}.foot-group{margin-top:40px}.foot-group ul{grid-gap:10px;display:grid;gap:10px;list-style:none}.foot-group a{font-size:14px}.foot-label{margin-bottom:16px;opacity:.55}.foot-mail{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:10px;margin-top:40px}.foot-copy{align-items:center;border:1px solid color-mix(in srgb,var(--bg) 18%,#0000);display:inline-flex;font-size:12px;gap:6px;height:28px;padding:0 9px;transition:border-color .3s}.foot-copy:hover{border-color:var(--bg)}.copy-btn svg{fill:none;stroke:currentColor;stroke-width:1.6;height:13px;width:13px}.foot-copyright{font-size:12px;margin-top:auto;opacity:.5;padding-top:40px}.foot-photo{background:#000;overflow:hidden;position:relative}.foot-photo img{height:100%;inset:0;object-fit:cover;object-position:center 40%;opacity:.82;position:absolute;width:100%}.foot-photo:after{background:linear-gradient(#0000 40%,#000000bf);content:"";inset:0;position:absolute}.foot-words{bottom:56px;color:#fff;left:56px;position:absolute;right:40px;z-index:1}.foot-words .meta{color:#ffffffb3}.foot-words .display{font-size:clamp(44px,6vw,92px);line-height:1.02;margin-top:22px}@media (max-width:860px){.foot{grid-template-columns:1fr}.foot-photo{min-height:520px;order:-1}.foot-panel{padding:48px var(--pad) 32px}.foot-words{bottom:36px;left:var(--pad);right:var(--pad)}}.reel{border-block:1px solid var(--line);position:relative}.reel-stage{--h:min(600px,76svh);isolation:isolate;overflow:hidden;position:relative}.reel-glow{filter:blur(90px) grayscale(1);height:100%;object-fit:cover;opacity:.42;transform:scale(1.25);width:100%;z-index:-3}.reel-glow,.reel-vignette{inset:0;pointer-events:none;position:absolute}.reel-vignette{background:radial-gradient(ellipse at center,#0000 35%,color-mix(in srgb,var(--bg) 92%,#0000) 100%);z-index:-2}.reel-floor{background:#0009;border-radius:50%;bottom:4%;filter:blur(40px);height:64px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:46%;z-index:-1}:root.light .reel-floor{background:#00000038}.reel-deck{cursor:grab;height:var(--h);perspective:1800px;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none}.reel-deck:active{cursor:grabbing}.reel-deck:focus-visible{outline:2px solid var(--ink);outline-offset:-6px}.reel-card{display:block;left:50%;padding:0;position:absolute;top:50%;transition:transform .7s var(--ease),filter .7s var(--ease),opacity .5s}.reel-desktop{aspect-ratio:16/10.6;width:min(calc(var(--h)*.8*1.6),84vw)}.reel-phone{aspect-ratio:9/16;width:min(calc(var(--h)*.9*.5625),52vw)}.reel-tablet{aspect-ratio:.72;width:min(calc(var(--h)*.88*.72),62vw)}.reel-tablet-wide{aspect-ratio:1.39;width:min(calc(var(--h)*.8*1.39),80vw)}.reel-frame{background:#0c0c10;border-radius:14px;box-shadow:0 0 0 1px #ffffff1a,0 50px 90px -35px #000000b3;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.reel-frame img{flex:1 1;min-height:0;object-fit:cover;object-position:top;pointer-events:none;width:100%}.reel-bar{align-items:center;background:#1c1c20;display:flex;flex-shrink:0;gap:6px;height:6%;min-height:14px;padding:0 2%}.reel-bar i{background:#ffffff40;border-radius:50%;height:7px;width:7px}.reel-phone .reel-frame{border-radius:40px;box-shadow:0 0 0 1px #ffffff26,0 50px 90px -35px #000000b3;padding:2.4%}.reel-phone .reel-frame img{border-radius:clamp(14px,2.9vw,33px)}.reel-tablet .reel-frame,.reel-tablet-wide .reel-frame{border-radius:24px;box-shadow:0 0 0 1px #ffffff26,0 50px 90px -35px #000000b3;padding:3.2%}.reel-tablet .reel-frame img,.reel-tablet-wide .reel-frame img{border-radius:8px}.reel-bar-row{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:auto minmax(0,1fr) auto;padding-bottom:20px;padding-top:20px}.reel-count{align-items:baseline;column-gap:10px;display:flex;flex-wrap:wrap;min-width:230px}.reel-num{font-family:var(--font-display);font-size:46px;font-weight:500;letter-spacing:-.03em;line-height:1}.reel-of{color:var(--faint)}.reel-kind{color:var(--muted);flex-basis:100%;font-size:11px;margin-top:8px}.reel-thumbs{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}.reel-thumbs::-webkit-scrollbar{display:none}.reel-thumb{border-radius:4px;flex:0 0 auto;height:48px;opacity:.55;overflow:hidden;padding:0;transition:opacity .3s,transform .3s var(--ease),box-shadow .3s}.reel-thumb-desktop{width:64px}.reel-thumb-phone{width:28px}.reel-thumb-tablet{width:36px}.reel-thumb-tablet-wide{width:66px}.reel-thumb img{height:100%;object-fit:cover;object-position:top;width:100%}.reel-thumb:hover{opacity:.85}.reel-thumb.on{box-shadow:0 4px 0 -2px var(--ink);opacity:1;transform:translateY(-2px)}.reel-nav{display:flex;gap:10px}.reel-nav button{border:1px solid var(--line);border-radius:50%;display:grid;height:44px;place-items:center;transition:border-color .3s,opacity .3s;width:44px}.reel-nav button:hover{border-color:var(--ink)}.reel-nav button:last-child .arrow{transform:rotate(180deg)}.reel-progress{background:var(--ink);bottom:-1px;height:1px;left:0;position:absolute;transition:width .7s var(--ease);width:calc(var(--p)*100%)}@media (max-width:760px){.reel-stage{--h:min(460px,62svh)}.reel-desktop{width:86vw}.reel-phone{width:min(calc(var(--h)*.9*.5625),58vw)}.reel-phone .reel-frame{border-radius:26px}.reel-tablet{width:min(calc(var(--h)*.88*.72),66vw)}.reel-tablet-wide{width:84vw}.reel-tablet .reel-frame,.reel-tablet-wide .reel-frame{border-radius:16px}.reel-bar-row{gap:14px 20px;grid-template-columns:1fr auto}.reel-thumbs{grid-column:1/-1;grid-row:2}.reel-count{min-width:0}.reel-num{font-size:36px}}.reel-frame{animation-duration:.6s;animation-timing-function:var(--ease)}@keyframes reelIn0{0%{opacity:0}}@keyframes reelIn1{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.reel-card{transition:none}}.case{padding:144px 0 140px}.case-back{align-items:center;display:inline-flex;gap:10px;transition:color .3s}.case-back:hover{color:var(--ink)}.case-title{border-bottom:1px solid var(--line);font-family:var(--font-head);font-size:clamp(38px,4.25vw,62px);font-weight:500;letter-spacing:-.04em;line-height:1.08;overflow-wrap:anywhere;padding:34px 0 26px;text-transform:none}.case-bar{align-items:center;gap:16px;justify-content:space-between;padding:24px 0 64px}.case-bar,.case-links{display:flex;flex-wrap:wrap}.case-links{gap:12px}.case-live{color:var(--muted)}.case-body section{margin-top:90px}.case-label{border-bottom:1px solid var(--line);color:var(--faint);padding-bottom:14px}.case-desc{color:var(--muted);font-size:clamp(16px,1.3vw,19px);line-height:1.65;margin-top:26px;max-width:880px}.case-spec>div{grid-gap:20px;border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:200px minmax(0,1fr);padding:18px 0}.case-spec dt{color:var(--accent);padding-top:3px}.case-next{grid-gap:14px 20px;align-items:end;border-block:1px solid var(--line);display:grid;gap:14px 20px;grid-template-columns:minmax(0,1fr) auto;margin-top:120px;padding:30px 0}.case-next .meta{color:var(--faint);grid-column:1/-1}.case-next .display{font-family:var(--font-head);font-size:clamp(34px,3.6vw,52px);font-weight:500;letter-spacing:-.04em;line-height:1.04;text-transform:none;transition:transform .5s var(--ease),color .3s}.case-next .arrow{height:22px;margin-bottom:10px;transition:transform .3s var(--ease);width:22px}.case-next:hover .display{color:var(--accent);transform:translateX(14px)}.case-next:hover .arrow{transform:translate(4px,-4px)}@media (max-width:640px){.case{padding-top:110px}.case-spec>div{gap:6px;grid-template-columns:1fr}}.work{padding-bottom:140px;padding-top:144px}.work-title{border-bottom:1px solid var(--line);font-size:clamp(38px,4.25vw,62px);line-height:1.08;margin:30px 0 34px;padding-bottom:30px}.sides-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:24px 0 30px}.sides-head h2{font-size:clamp(34px,3.6vw,52px);line-height:1.04}.sides-head p{color:var(--muted)}.sides{display:flex;gap:14px}.side{background:#111;border:1px solid var(--line);border-radius:20px;color:#fff;display:block;flex:1 1;isolation:isolate;min-height:600px;min-width:0;overflow:hidden;position:relative;transition:flex-grow .7s var(--ease),box-shadow .5s,transform .5s var(--ease)}.side img{filter:grayscale(1) brightness(.62) contrast(1.05);height:100%;object-fit:cover;transform:scale(1.06);transition:filter .6s,transform 1.2s var(--ease);width:100%;z-index:-2}.side img,.side:after{inset:0;position:absolute}.side:after{background:linear-gradient(#0000 35%,#000000eb 90%);content:"";z-index:-1}.side-copy{grid-gap:4px;bottom:32px;display:grid;gap:4px;left:30px;position:absolute;right:30px}.side-num{color:#ffffffbf;letter-spacing:.1em}.side-title{font-size:30px;line-height:1.05;transition:font-size .6s var(--ease)}.side-cta,.side-line{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .4s .1s,margin .6s var(--ease)}.side-line{color:#fffc;max-width:460px}.side-cta{align-items:center;display:inline-flex;font-weight:600;gap:8px}@media (hover:hover) and (min-width:761px){.side:focus-visible,.side:hover{box-shadow:0 30px 70px -40px #000000b3;flex-grow:2.15}.side:focus-visible img,.side:hover img{filter:none;transform:scale(1)}.side:focus-visible .side-title,.side:hover .side-title{font-size:44px}.side:focus-visible .side-line,.side:hover .side-line{margin-top:10px;max-height:90px;opacity:1}.side:focus-visible .side-cta,.side:hover .side-cta{margin-top:8px;max-height:30px;opacity:1}.sides:hover .side:not(:hover) img{filter:grayscale(1) brightness(.45)}.sides:hover .side:not(:hover) .side-title{font-size:22px}}@media (hover:none),(max-width:760px){.side-cta,.side-line{margin-top:6px;max-height:none;opacity:1}.side-title{transition:font-size .6s var(--ease)}.side.lit img{filter:none;transform:scale(1)}.side.lit .side-title{font-size:38px}}.work-back{align-items:center;display:inline-flex;gap:10px;transition:color .3s}.work-back:hover{color:var(--ink)}.side-page-title{font-size:clamp(38px,4.25vw,62px);line-height:1.08;margin:34px 0 22px}.side-intro{color:var(--muted);font-size:clamp(16px,1.3vw,19px);line-height:1.65;max-width:610px;padding-bottom:50px}.side-next{grid-gap:14px 20px;align-items:end;border-block:1px solid var(--line);display:grid;gap:14px 20px;grid-template-columns:minmax(0,1fr) auto;margin-top:110px;padding:30px 0}.side-next .meta{color:var(--faint);grid-column:1/-1}.side-next .display{font-size:clamp(34px,3.6vw,52px);line-height:1.04;transition:transform .5s var(--ease)}.side-next .arrow{height:22px;margin-bottom:10px;transition:transform .3s var(--ease);width:22px}.side-next:hover .display{transform:translateX(14px)}.side-next:hover .arrow{transform:translate(4px,-4px)}.work-list{list-style:none}.side-intro+.work-list{border-top:1px solid var(--line)}.work-list a{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-template-columns:92px minmax(0,1fr) 40px;min-height:114px;padding:0 12px;transition:background-color .35s}.work-list a:hover{background:color-mix(in srgb,var(--ink) 5%,#0000)}.work-num{color:var(--muted)}.work-name{display:grid;padding:18px 0}.work-name-text{font-family:var(--font-head);font-size:clamp(24px,2.6vw,38px);font-weight:500;letter-spacing:-.03em;line-height:1.12;transition:transform .5s var(--ease),color .3s}.work-line{color:var(--muted);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .35s,margin .5s var(--ease)}.work-list a:hover .work-name-text{color:var(--accent);transform:translateX(12px)}.work-list a:hover .work-line{margin:4px 0 0 12px;max-height:40px;opacity:1}.work-go{color:var(--muted);justify-self:end;transition:transform .3s var(--ease),color .3s}.work-list a:hover .work-go{color:var(--ink);transform:translate(4px,-4px)}.design-grid{border-top:1px solid var(--line);column-count:2;column-gap:clamp(20px,3vw,44px);list-style:none;padding-top:44px}.design-item{break-inside:avoid;margin-bottom:clamp(44px,5vw,72px);page-break-inside:avoid}.design-frame{background:color-mix(in srgb,var(--ink) 4%,#0000);border:1px solid var(--line);border-radius:18px;display:block;overflow:hidden;padding:10px;transition:border-color .35s,transform .5s var(--ease)}.design-frame img{border-radius:10px;display:block;height:auto;transition:transform .7s var(--ease);width:100%}.design-frame:hover{border-color:var(--ink)}.design-frame:hover img{transform:scale(1.025)}.design-info{display:grid;grid-template-columns:44px minmax(0,1fr);margin-top:20px}.design-info .work-num{padding-top:8px}.design-name{font-family:var(--font-head);font-size:clamp(22px,2.2vw,32px);font-weight:500;letter-spacing:-.02em;line-height:1.15}.design-text{color:var(--muted);line-height:1.5;margin-top:6px}.design-btn{margin:18px 0 0 44px}.design-more{align-items:center;border-block:1px solid var(--line);display:flex;flex-direction:column;gap:22px;margin-top:40px;padding:56px 20px;text-align:center}.design-more p{color:var(--muted);font-size:clamp(16px,1.3vw,19px)}@media (max-width:700px){.design-grid{column-count:1}}@media (hover:none){.work-line{margin-top:4px;max-height:none;opacity:1}}@media (max-width:760px){.sides{flex-direction:column}.side{min-height:420px}.sides-head{margin-top:24px}}@media (max-width:640px){.work{padding-top:110px}.work-list a{grid-template-columns:40px minmax(0,1fr) 20px;min-height:84px;padding:0 4px}.work-name-text{font-size:clamp(20px,6vw,26px)}}.home{padding:128px 0 140px}.hero-title{text-wrap:balance;font-size:clamp(38px,4.25vw,62px);line-height:1.08;max-width:820px}.hero-lead{color:var(--muted);font-size:clamp(16px,1.3vw,19px);line-height:1.65;margin-top:44px;max-width:610px}.hero-foot{align-items:flex-end;gap:32px;justify-content:space-between;margin-top:56px}.hero-actions,.hero-foot{display:flex;flex-wrap:wrap}.hero-actions{gap:12px}.hero-status{grid-gap:8px;display:grid;gap:8px;justify-items:end;text-align:right}.hero-open{align-items:center;color:var(--ink);display:inline-flex;font-size:11px}.hero-time{font-feature-settings:"tnum";color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.hero-count{color:var(--faint);font-size:14px}.home-work{margin-top:110px}.home-work-head{margin-top:0}@media (max-width:760px){.home{padding-top:104px}.hero-foot{align-items:stretch;flex-direction:column}.hero-actions .btn{flex:1 1}.hero-status{justify-items:start;text-align:left}.home-work{margin-top:80px}}.snapshots{margin:0 auto;max-width:var(--wide);padding:40px var(--gutter) 0}.snap-panel{background:#000;border-radius:32px;color:var(--white);container-type:inline-size;overflow:hidden;padding:32px 0 26px;text-align:center}.snap-title{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.5}.snap-caption{align-items:center;color:#bdbdbd;display:flex;font-family:var(--font-mono);font-size:12px;gap:8px;justify-content:center;line-height:1.5}.snap-caption svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:13px;width:13px}.snap-reel{--ch:min(367px,30.8cqw);--extra:24px;height:calc(var(--ch) + var(--extra));margin-top:19px;perspective:1600px;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none}.snap-reel.dragging{cursor:grabbing}.snap-reel.dragging .snap-card{transition-duration:.38s}@container (max-width: 560px){.snap-reel{--ch:55cqw;--extra:54px}}.snap-card{aspect-ratio:var(--ratio);backface-visibility:hidden;background:#1a1a1a;border-radius:14px;box-shadow:0 10px 24px #0006;cursor:pointer;height:var(--ch);left:50%;overflow:hidden;padding:0;position:absolute;top:50%;transform:translate3d(calc(-50% + var(--side)*var(--ch)*(var(--open-ratio)/2 + var(--d)*0.0763 - .016)),-50%,calc(var(--ch)*(-.382 - var(--d)*0.0437))) rotateY(calc(var(--side)*-76deg)) scale(.94);transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s cubic-bezier(.2,.8,.2,1)}.snap-card:after{background:#000;content:"";inset:0;opacity:var(--dim);position:absolute;transition:opacity .6s}.snap-card[aria-current]{box-shadow:0 34px 70px #00000080;transform:translate3d(-50%,-50%,0) rotateY(0deg) scale(1)}.snap-card:focus-visible{outline:2px solid var(--white);outline-offset:4px}.snap-card img{height:100%;inset:0;position:absolute;width:100%}.snap-nav{display:flex;gap:10px;justify-content:center;margin-top:20px;position:relative}.snap-btn{background:#ffffff24;border-radius:50%;color:var(--white);display:grid;height:44px;padding:0;place-items:center;transition:background .2s;width:44px}.snap-btn:hover{background:#ffffff47}.snap-btn:focus-visible{outline:2px solid var(--white);outline-offset:2px}.snap-btn svg{height:18px;width:18px}.snap-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.snap-solid{fill:currentColor;height:16px;width:16px}@media (max-width:1023px){.snapshots{padding-top:56px}}@keyframes snapIn0{0%{opacity:0}}@keyframes snapIn1{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.snap-card{transition:none}}.about{padding:128px 0 140px}.about-grid{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:minmax(0,504px) minmax(0,1fr)}.about-portrait{position:relative}.about-glow{filter:blur(40px);inset:-16px;opacity:.35;overflow:hidden;pointer-events:none;position:absolute}.about-glow img{filter:brightness(.55) saturate(.75);height:100%;object-fit:cover;object-position:top;transform:scale(1.35);width:100%}.about-frame{aspect-ratio:4/5;background:#0b0b0b;border:1px solid var(--line);overflow:hidden;position:relative}.about-frame img{height:100%;inset:0;object-fit:cover;object-position:top;position:absolute;width:100%}.about-frost{inset:0;-webkit-mask-image:linear-gradient(#0000 76%,#000 92%);mask-image:linear-gradient(#0000 76%,#000 92%);position:absolute}.about-frost img{filter:blur(40px) brightness(.65) saturate(.5);transform:scale(1.1)}.about-shade{background:linear-gradient(0deg,#000000d9,#0003 30%,#0000001f);inset:0;position:absolute}.about-grain{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' seed='1'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E") 0 0 /200px 200px;inset:0;mix-blend-mode:soft-light;opacity:.07;position:absolute}.about-frame:after{box-shadow:inset 0 0 0 1px #ffffff1a;content:"";inset:0;pointer-events:none;position:absolute}.about-portrait figcaption{grid-gap:6px;bottom:24px;color:#fff;display:grid;gap:6px;left:24px;position:absolute;right:24px;z-index:1}.about-portrait figcaption .meta{color:#ffffff73;font-size:10px;letter-spacing:.2em}.about-portrait figcaption .display{font-size:24px;letter-spacing:-.03em}.about-portrait figcaption>span:last-child{color:#ffffff8c;font-size:14px}.about-under{color:var(--faint);display:flex;font-size:11px;justify-content:space-between;letter-spacing:.14em;margin-top:12px}.about-copy{padding-top:16px}.about-title{text-wrap:balance;font-size:clamp(34px,3.7vw,52px);line-height:1.04;max-width:620px}.about-lead{color:color-mix(in srgb,var(--ink) 74%,#0000);font-size:clamp(16px,1.3vw,19px);line-height:1.65;margin-top:34px;max-width:600px}.about-body{color:var(--muted);font-size:15px;line-height:1.7;margin-top:20px;max-width:600px}.about-where{align-items:center;border-bottom:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;font-size:14px;gap:10px 18px;margin-top:30px;padding-bottom:30px}.about-where span{align-items:center;display:inline-flex;gap:8px}.about-where i{background:var(--line);height:14px;width:1px}.about-where a{transition:color .3s}.about-where a:hover{color:var(--ink)}.about-where svg{fill:none;stroke:currentColor;stroke-width:1.5;height:15px;width:15px}.about-social{align-items:center;gap:20px;justify-content:space-between;margin-top:30px}.about-icons,.about-social{display:flex;flex-wrap:wrap}.about-icons{gap:10px}.about-icons a{border:1px solid var(--line);color:var(--muted);display:grid;height:42px;place-items:center;transition:color .3s,border-color .3s;width:42px}.about-icons a:hover{border-color:var(--ink);color:var(--ink)}.social-icon{height:17px;width:17px}.about-quote{color:var(--faint);font-size:13px;font-style:italic;line-height:1.5;max-width:230px;text-align:right}.about-section{margin-top:130px}.about-section .section-title{margin-bottom:40px}.glance{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.glance-card{display:flex;flex-direction:column;min-height:286px;overflow:hidden;padding:28px 28px 30px;position:relative}.glance-top{align-items:flex-start;display:flex;justify-content:space-between}.glance-icon{border:1px solid var(--line);color:var(--muted);display:grid;height:36px;place-items:center;width:36px}.glance-icon svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}.glance-num{color:var(--faint);font-size:10px}.glance-badge{align-items:center;color:var(--ink);display:inline-flex;font-size:10px}.glance-badge .dot{height:5px;width:5px}.glance-big{font-size:44px;line-height:1;margin-top:36px}.glance-title{font-size:15px;font-weight:500;margin-top:14px}.glance-text{color:var(--muted);font-size:14px;margin-top:6px}.glance-link{align-items:center;color:var(--muted);display:inline-flex;font-size:10px;gap:8px;margin-top:auto;padding-top:32px;transition:color .3s}.glance-link .arrow{height:9px;transition:transform .3s var(--ease);width:9px}.glance-link:hover{color:var(--ink)}.glance-link:hover .arrow{transform:translate(2px,-2px)}.glance-ghost{-webkit-text-stroke:1px var(--line);bottom:-10px;color:#0000;font-size:84px;line-height:1;pointer-events:none;position:absolute;right:6px}.about-roles{list-style:none}.about-roles li{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:100px minmax(0,1fr) minmax(0,1fr);padding:30px 32px}.about-roles li+li{border-top:1px solid var(--line)}.about-roles .meta{color:var(--faint);font-size:10px}.about-role{font-size:clamp(20px,1.7vw,24px);letter-spacing:-.02em}.about-role-note{color:var(--muted);font-size:14px}.stack-tiles{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none}.stack-tiles li{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:24px 12px;text-align:center;transition:border-color .3s}.stack-tiles li:hover{border-color:color-mix(in srgb,var(--ink) 22%,#0000)}.stack-tiles svg{fill:currentColor;color:color-mix(in srgb,var(--ink) 80%,#0000);height:32px;width:32px}.stack-tiles span{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.about .snapshots{margin-top:130px;max-width:var(--shell);padding:0 var(--pad)}@media (max-width:1024px){.about-grid{gap:36px;grid-template-columns:minmax(0,380px) minmax(0,1fr)}.stack-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:860px){.about-grid{grid-template-columns:1fr}.about-side{max-width:460px}.about-roles li,.glance{grid-template-columns:1fr}.about-roles li{gap:6px;padding:22px 20px}.stack-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.about{padding-top:100px}.about-where i{display:none}.about-section{margin-top:96px}.about-quote{text-align:left}.stack-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-tiles li{padding:20px 10px}.stack-tiles svg{height:28px;width:28px}}.contact{overflow:hidden;padding:64px 0 120px;position:relative}.contact-photo{height:min(100%,1040px);left:0;-webkit-mask-image:linear-gradient(90deg,#000 15%,#0000 96%);mask-image:linear-gradient(90deg,#000 15%,#0000 96%);position:absolute;top:0;width:50%}.contact-photo img{height:100%;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000);object-fit:cover;object-position:40% 55%;opacity:.6;width:100%}:root.light .contact-photo img{opacity:.85}.contact-in{display:flex;justify-content:flex-end;position:relative}.contact-main{padding-top:190px;width:min(612px,50%)}.contact-labels{color:var(--muted);display:flex;gap:16px;justify-content:space-between}.contact-open{align-items:center;color:var(--ink);display:inline-flex}.contact-title{text-wrap:balance;font-size:clamp(38px,4.25vw,62px);line-height:1.08;margin-top:26px}.contact-lead{color:var(--muted);font-size:clamp(16px,1.3vw,19px);line-height:1.65;margin-top:26px}.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}.contact-block{border-top:1px solid var(--line);margin-top:56px;padding-top:56px}.contact-mail{align-items:center;display:flex;flex-wrap:wrap;gap:12px 18px}.contact-mail a{font-size:clamp(22px,2.6vw,40px);letter-spacing:-.03em;overflow-wrap:anywhere;transition:opacity .3s}.contact-mail a:hover{opacity:.75}.contact-copy{align-items:center;color:var(--muted);display:inline-flex;font-size:13px;gap:6px;transition:color .3s}.contact-copy:hover{color:var(--ink)}.contact-facts{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.contact-fact{font-size:19px;font-weight:500}.contact-small{color:var(--muted);font-size:14px;line-height:1.6;margin-top:6px}.contact-socials{display:flex;flex-wrap:wrap;gap:14px 36px;list-style:none}.contact-socials a{color:var(--muted);font-size:15px;transition:color .3s}.contact-socials a:hover{color:var(--ink)}@media (max-width:900px){.contact{padding-top:64px}.contact-photo{bottom:auto;height:520px;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000);width:100%}.contact-main{padding-top:330px;width:100%}}@media (max-width:520px){.contact-facts{grid-template-columns:1fr}.contact-actions .btn{flex:1 1}}
/*# sourceMappingURL=main.bf37e663.css.map*/