:root{--bg:#111;--ink:#f5f5f5;--accent:#fff;--muted:#f5f5f58c;--faint:#f5f5f559;--line:#f5f5f521;--white:#fff;--shell:1440px;--pad:64px;--wide:1312px;--gutter:0px;--ease:cubic-bezier(0.22,1,0.36,1);--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Bricolage Grotesque",Inter,sans-serif;--font-head:"Bricolage Grotesque",Inter,sans-serif;--font-label:"JetBrains Mono",ui-monospace,Menlo,monospace;--font-mono:"DM Mono",ui-monospace,Menlo,monospace;color-scheme:dark}:root.light{--bg:#f5f5f5;--ink:#111;--accent:#000;--muted:#1119;--faint:#11111161;--line:#11111124;color-scheme:light}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:#111;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:Inter,-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)}::selection{background:#fff;background:var(--accent);color:#111;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 64px;padding:0 var(--pad);width:100%}.meta{font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-family:var(--font-label);font-size:12px;font-weight:400;letter-spacing:.2em;line-height:1.2;text-transform:uppercase}.meta-row{align-items:center;border-bottom:1px solid #f5f5f521;border-bottom:1px solid var(--line);color:#f5f5f58c;color:var(--muted);display:flex;gap:16px;justify-content:space-between;padding-bottom:12px}.display{font-family:Bricolage Grotesque,Inter,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.035em;line-height:.92}.stroked{-webkit-text-stroke:1.6px #fff;-webkit-text-stroke:1.6px var(--accent);color:#111;color:var(--bg);letter-spacing:.01em;paint-order:stroke fill}:root.light .stroked{-webkit-text-stroke:1.4px #f5f5f5;-webkit-text-stroke:1.4px var(--ink)}.btn{align-items:center;border:1px solid #f5f5f521;border:1px solid var(--line);display:inline-flex;font-size:15px;font-weight:500;gap:14px;height:44px;padding:0 20px;transition:background .25s,color .25s,border-color .25s}.btn-solid,.btn:hover{border-color:#f5f5f5;border-color:var(--ink)}.btn-solid{background:#f5f5f5;background:var(--ink);color:#111;color:var(--bg)}.btn-solid:hover{background:#0000;color:#f5f5f5;color:var(--ink)}.arrow,.btn svg{height:12px;width:12px}.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{border-bottom:1px solid #0000;inset:0 0 auto;position:fixed;transition:background-color .4s,border-color .4s;z-index:120}.hdr.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 82%,#0000);border-color:var(--line)}.hdr-in{height:72px;justify-content:space-between}.hdr-in,.hdr-logo{align-items:center;display:flex}.hdr-logo{gap:10px}.hdr-logo img{border-radius:50%;height:30px;object-fit:cover;object-position:center 20%;width:30px}.hdr-logo .display{font-size:21px;letter-spacing:-.03em;line-height:1}.hdr-right{align-items:center;display:flex;gap:28px}.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{align-items:center;display:flex;gap:12px}.burger{display:flex;flex-direction:column;height:16px;justify-content:space-between;position:relative;width:24px}.burger i{background:currentColor;display:block;height:1px;transition:transform .4s var(--ease),opacity .3s}.hdr-menu.open .burger i:first-child{transform:translateY(7.5px) rotate(45deg)}.hdr-menu.open .burger i:nth-child(2){opacity:0}.hdr-menu.open .burger i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.menu{background:var(--bg);clip-path:inset(0 0 100% 0);display:flex;flex-direction:column;inset:0;padding-top:172px;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){.hdr-in{height:64px}.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}}.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:700;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:min(120px,8.4vw);font-weight:700;letter-spacing:-.04em;line-height:1;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:color-mix(in srgb,var(--ink) 85%,#0000);font-size:clamp(18px,1.8vw,23px);line-height:1.55;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(30px,5.6vw,80px);font-weight:700;letter-spacing:-.035em;line-height:1;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-title{font-size:11vw}.case-spec>div{gap:6px;grid-template-columns:1fr}.case-stage{padding:20px 0}}.sr-only{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.home{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;min-height:100svh;padding:112px 0 48px}.home-mid{align-items:center;display:flex;flex:1 1;padding-bottom:40px;padding-top:40px}.home-name{width:100%}.home-name .accent{color:var(--accent);cursor:default}.home-big{font-size:min(200px,14.2vw)}.home-small{font-size:min(40px,3vw);line-height:1.25}.home-foot{grid-gap:32px;border-top:1px solid var(--line);display:grid;gap:32px;grid-template-columns:minmax(0,7fr) minmax(0,5fr);padding-top:24px}.home-foot p{color:color-mix(in srgb,var(--ink) 80%,#0000);font-size:clamp(15px,1.8vw,19px);line-height:1.62;max-width:640px}.home-foot nav{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:flex-end}.home-foot nav a{align-items:baseline;display:inline-flex;font-size:20px;font-weight:500;gap:8px;transition:color .3s}.home-foot nav .meta{color:var(--faint);font-size:11px}.home-foot nav .arrow{transition:transform .3s var(--ease)}.home-foot nav a:hover{color:var(--accent)}.home-foot nav a:hover .arrow{transform:translate(2px,-2px)}@media (max-width:900px){.home-foot{grid-template-columns:1fr}.home-foot nav{justify-content:flex-start}.home-small{font-size:max(15px,3.6vw)}.home-big{font-size:15.4vw}}@media (max-width:640px){.home{padding-top:92px}.home .meta-row .meta{font-size:10px;letter-spacing:.16em}}.work{padding-bottom:140px;padding-top:144px}.work-title{border-bottom:1px solid var(--line);font-size:min(150px,11vw);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,4.4vw,56px);line-height:1}.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:min(150px,11vw);margin:34px 0 22px}.side-intro{color:color-mix(in srgb,var(--ink) 82%,#0000);font-size:clamp(17px,1.6vw,21px);line-height:1.55;max-width:560px;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,5.6vw,80px);line-height:1;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(26px,4.3vw,62px);font-weight:700;letter-spacing:-.03em;letter-spacing:-.01em;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:700;letter-spacing:-.02em;line-height:1.15}.design-text{color:var(--muted);line-height:1.5;margin-top:6px}.design-btn{align-items:center;border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:14px;gap:10px;margin:18px 0 0 44px;padding:11px 20px;transition:background-color .3s,color .3s,border-color .3s}.design-btn .arrow{height:13px;transition:transform .3s var(--ease);width:13px}.design-btn:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}.design-btn:hover .arrow{transform:translate(3px,-3px)}.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.4vw,19px)}.design-btn-big{font-size:16px;font-weight:600;margin:0;padding:16px 30px}@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,6.6vw,30px)}}.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-size:22px;font-weight:600;letter-spacing:-.02em;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:144px 0 140px}.about-title{border-bottom:1px solid var(--line);font-size:min(150px,11vw);margin:30px 0 34px;padding-bottom:30px}.about-lead{font-size:clamp(20px,2.3vw,29px);line-height:1.4;max-width:940px}.about-body{color:color-mix(in srgb,var(--ink) 75%,#0000);font-size:18px;line-height:1.65;margin-top:26px;max-width:690px}.about-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}.about-block{margin-top:120px}.about-label{color:var(--faint)}.about-block>.meta.about-label{border-bottom:1px solid var(--line);padding-bottom:14px}.about-roles{list-style:none}.about-roles li{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding:20px 0}.about-roles .display{font-family:var(--font-head);font-size:clamp(22px,3.2vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.1;text-transform:none}.about-roles .meta{color:var(--muted);text-align:right}.about-stack>div{grid-gap:20px;border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:200px minmax(0,1fr);padding:20px 0}.about-stack dt{color:var(--accent);padding-top:4px}.about-stack dd{color:color-mix(in srgb,var(--ink) 82%,#0000)}.about-aside{color:var(--muted);margin-top:34px}.about-aside a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.about .snapshots{margin-top:120px;max-width:var(--shell);padding:0 var(--pad)}@media (max-width:640px){.about{padding-top:110px}.about-stack>div{gap:6px;grid-template-columns:1fr}.about-roles li{align-items:flex-start;flex-direction:column;gap:6px}.about-roles .meta{text-align:left}}.contact{padding:144px 0 40px}.contact-title{border-bottom:1px solid var(--line);font-size:min(150px,11vw);margin:30px 0 34px;padding-bottom:30px}.contact-lead{color:color-mix(in srgb,var(--ink) 82%,#0000);font-size:clamp(18px,1.7vw,22px);line-height:1.6;max-width:830px}.contact-band{border-block:1px solid var(--line);margin-top:60px;overflow:hidden;padding:50px 0}.contact-track{animation:band 34s linear infinite;display:flex;width:max-content;will-change:transform}@keyframes band{to{transform:translate3d(-50%,0,0)}}.contact-track span{-webkit-text-stroke:1px var(--faint);align-items:center;color:#0000;display:flex;font-size:clamp(56px,9vw,132px);gap:.5em;line-height:1;padding-right:.5em;white-space:nowrap}.contact-track i{font-style:normal}.contact-label{color:var(--faint);margin-top:76px}.contact-mail{align-items:center;display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:18px}.contact-mail a{font-family:var(--font-head);font-size:clamp(22px,4.3vw,62px);font-weight:700;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere;transition:color .3s}.contact-mail a:hover{color:var(--accent)}.contact-mail button{align-items:center;border:1px solid var(--line);display:inline-flex;gap:10px;height:36px;padding:0 16px;transition:border-color .3s}.contact-mail button:hover{border-color:var(--ink)}.contact-mail svg{fill:none;stroke:currentColor;stroke-width:1.6;height:14px;width:14px}.contact-else{border-bottom:1px solid var(--line);padding-bottom:14px}.contact-list{list-style:none}.contact-list a{grid-gap:20px;align-items:center;border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto 20px;padding:22px 0}.contact-name{font-size:clamp(20px,2.2vw,28px);font-weight:500;transition:transform .5s var(--ease),color .3s}.contact-list .meta{color:var(--muted)}.contact-list .arrow{color:var(--muted);transition:transform .3s var(--ease)}.contact-list a:hover .contact-name{color:var(--accent);transform:translateX(10px)}.contact-list a:hover .arrow{transform:translate(3px,-3px)}.contact-foot{color:var(--faint);display:flex;gap:16px;justify-content:space-between;margin-top:110px}@media (max-width:640px){.contact{padding-top:110px}.contact-list a{grid-template-columns:minmax(0,1fr) 16px}.contact-list .meta{display:none}.contact-foot{flex-direction:column}}@media (prefers-reduced-motion:reduce){.contact-track{animation:none}}
/*# sourceMappingURL=main.6051b30e.css.map*/