@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tusker;src:url(/fonts/tusker-5500-medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Tusker;src:url(/fonts/tusker-6700-bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--ink:#000;--paper:#fff;--display:"Tusker", Impact, sans-serif;--body:"Inter Variable", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 56px);--nav:72px;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav)}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55;overflow-x:clip}a{color:inherit;text-decoration:none}address{font-style:normal}h1,h2,h3,dt{font-family:var(--display);text-transform:uppercase;text-wrap:balance;font-weight:700;line-height:.95}p,dd{text-wrap:pretty}:focus-visible{outline-offset:4px;outline:2px solid}.octo{display:inline-flex}.octo svg{fill:currentColor;width:100%;height:100%}.outline{color:#0000;-webkit-text-stroke:2px var(--fg,var(--ink))}.title{margin-bottom:3dvh;font-size:min(13vw,15dvh,200px)}.btn{background:var(--ink);width:fit-content;color:var(--paper);border:2px solid var(--ink);font-family:var(--display);text-transform:uppercase;white-space:nowrap;transition:background .3s var(--ease), color .3s var(--ease), transform .15s;align-items:center;gap:14px;padding:18px 26px 15px;font-size:24px;font-weight:500;display:inline-flex}.btn svg{width:20px;height:20px;transition:transform .3s var(--ease);margin-top:-3px}.btn:hover{background:var(--paper);color:var(--ink)}.btn:hover svg{transform:translate(4px)}.btn:active{transform:translateY(1px)scale(.98)}.btn-sm{gap:10px;padding:10px 16px 8px;font-size:18px}.btn-sm svg{width:16px;height:16px}.photo{background:var(--ink);position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.nav{z-index:10;height:var(--nav);padding:0 var(--gutter);background:var(--ink);color:var(--paper);transition:background .4s var(--ease), color .4s var(--ease), box-shadow .4s var(--ease);justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.nav .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.nav .btn:hover{background:var(--ink);color:var(--paper)}.nav-solid{background:var(--paper);color:var(--ink);box-shadow:0 2px 0 var(--ink)}.nav-solid .btn{background:var(--ink);color:var(--paper);border-color:var(--ink)}.nav-solid .btn:hover{background:var(--paper);color:var(--ink)}.brand{align-items:center;gap:10px;display:flex}.brand .octo{width:30px;height:35px}.brand span{font-family:var(--display);text-transform:uppercase;white-space:nowrap;padding-top:4px;font-size:26px;font-weight:700}.nav nav{letter-spacing:.12em;text-transform:uppercase;gap:36px;font-size:13px;font-weight:600;display:flex}.nav nav a{transition:background-size .3s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px}.nav nav a:hover{background-size:100% 1px}.hero{height:100dvh;min-height:560px;padding:calc(var(--nav) + 24px) var(--gutter) var(--gutter);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-bg{inset:calc(var(--nav) + 16px) var(--gutter) var(--gutter);grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,20px);display:grid;position:absolute}.hero-photo{height:100%;min-height:0}.hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(to right, var(--paper) 0%, #fffffff0 22%, #ffffffb3 42%, #fff0 66%);position:absolute;inset:0}.hero-copy{z-index:2;flex-direction:column;gap:28px;max-width:62%;display:flex;position:relative}.hero-title{font-size:min(11.4vw,30dvh,230px);line-height:.84}.hero-title .line,.hero-title .line>span{display:block}.hero-title .line+.line{-webkit-text-stroke:.05em var(--paper);paint-order:stroke fill;position:relative}.hero-sub{max-width:32ch;font-size:clamp(17px,1.4vw,21px);font-weight:500}.manifesto{height:100dvh;min-height:560px;padding:calc(var(--nav) + 4dvh) var(--gutter) var(--gutter);flex-direction:column;gap:4dvh;display:flex}.manifesto p{max-width:1500px;font-family:var(--display);text-transform:uppercase;text-wrap:balance;font-size:min(7.4vw,10dvh,150px);font-weight:700;line-height:1.05}.manifesto-photo{flex:1;min-height:0}.programs-sec{height:100dvh;min-height:560px;padding:calc(var(--nav) + 2dvh) var(--gutter) 4dvh;flex-direction:column;display:flex}.strips{flex:1;gap:12px;min-height:0;display:flex}.strip{border:2px solid var(--ink);min-width:0;transition:flex-grow .7s var(--ease);flex-direction:column;flex:1;display:flex;position:relative;container-type:inline-size}.strips:hover .strip{flex-grow:.8}.strips .strip:hover{flex-grow:2.2}.strips .strip:has(:focus-visible){flex-grow:2.2}.strip-photos{flex:1;min-height:0}.strip-photos img{opacity:0;transition:opacity .5s var(--ease);position:absolute;inset:0}.strip-photos img.on{opacity:1}.strip-nav{opacity:0;pointer-events:none;transition:opacity .3s var(--ease);justify-content:space-between;display:flex;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%)}.strip:hover .strip-nav{opacity:1;pointer-events:auto}.strip:has(:focus-visible) .strip-nav{opacity:1;pointer-events:auto}.strip-nav button{background:var(--paper);width:48px;height:48px;color:var(--ink);border:2px solid var(--ink);cursor:pointer;transition:background .3s var(--ease), color .3s var(--ease), transform .15s;place-items:center;display:grid}.strip-nav button:hover{background:var(--ink);color:var(--paper)}.strip-nav button:active{transform:scale(.96)}.strip-nav svg{width:20px;height:20px}.strip-count{background:var(--paper);color:var(--ink);letter-spacing:.08em;opacity:0;transition:opacity .3s var(--ease);padding:4px 8px 2px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.strip:hover .strip-count{opacity:1}.strip:has(:focus-visible) .strip-count{opacity:1}@media (hover:none){.strip-nav,.strip-count{opacity:1;pointer-events:auto}}.strip-body{border-top:2px solid var(--ink);background:var(--paper);padding:min(22px,2.4dvh) 22px;position:relative}.strip h3{white-space:nowrap;font-size:min(80px,8dvh,16.6667cqi - 15px)}.strip p{max-width:34ch;margin-top:6px;font-size:15px;line-height:1.45}.strip-arrow{background:var(--ink);width:40px;height:40px;color:var(--paper);transition:transform .4s var(--ease);padding:8px;position:absolute;top:min(22px,2.4dvh);right:18px}.strip-arrow svg{width:100%;height:100%}.strip-arrow:hover{transform:translate(3px,-3px)}.method{background:var(--ink);height:100dvh;min-height:560px;color:var(--paper);padding:calc(var(--nav) + 2dvh) 0 4dvh;flex-direction:column;display:flex;overflow:hidden}.method-head{padding:0 var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:3dvh;display:flex;position:relative}.method-title{flex-direction:column;display:flex}.method-title .title{margin:0;position:relative}.method-ghost{font-family:var(--display);text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-stroke:1px var(--paper);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none;margin-bottom:-.2em;padding-top:.2em;font-size:min(8vw,11dvh,136px);font-weight:700;line-height:.8}.carousel-nav{gap:8px;display:flex;position:relative}.carousel-nav button{background:var(--ink);width:56px;height:56px;color:var(--paper);border:2px solid var(--paper);cursor:pointer;transition:background .3s var(--ease), color .3s var(--ease), transform .15s;place-items:center;display:grid}.carousel-nav button:hover{background:var(--paper);color:var(--ink)}.carousel-nav button:active{transform:scale(.96)}.carousel-nav svg{width:22px;height:22px}.pillars{scroll-snap-type:x mandatory;min-height:0;scroll-padding-inline:var(--gutter);padding:0 var(--gutter);scrollbar-width:none;flex:1;gap:16px;display:flex;position:relative;overflow-x:auto}.pillars::-webkit-scrollbar{display:none}.pillar{scroll-snap-align:start;color:var(--paper);flex-direction:column;flex:0 0 min(520px,82vw,62dvh);justify-content:flex-end;padding:clamp(24px,3vw,40px);display:flex;position:relative;overflow:hidden;container-type:inline-size}.pillar-img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease);position:absolute;inset:0}.pillar:hover .pillar-img{transform:scale(1.04)}.pillar:before{content:"";z-index:1;background:linear-gradient(#0000 45%,#000000d9);position:absolute;inset:0}.pillar>:not(.pillar-img){z-index:2}.pillar .pillar-octo{aspect-ratio:525/610;width:44px;transition:transform .8s var(--ease);position:absolute;top:20px;right:20px}.pillar:hover .pillar-octo{transform:rotate(-8deg)}.pillar dt{white-space:nowrap;margin-bottom:12px;font-size:min(110px,10dvh,15.625cqi);position:relative}.pillar dd{max-width:30ch;font-size:17px;position:relative}.gallery{height:100dvh;min-height:560px;padding:calc(var(--nav) + 2dvh) var(--gutter) 4dvh;grid-template-rows:1fr 1fr;grid-template-columns:repeat(12,1fr);gap:clamp(12px,2vw,24px);display:grid}.g1,.g2,.g3{height:100%;min-height:0}.g1{grid-area:1/1/auto/8}.g2{grid-area:1/9/auto/13}.g3{grid-area:2/2/auto/9}.gallery-quote{font-family:var(--display);text-transform:uppercase;grid-area:2/9/auto/13;align-self:end;font-size:min(4.4vw,7dvh,72px);font-weight:700;line-height:1.08}.gallery-quote .outline{-webkit-text-stroke-width:1.5px;margin-top:.3em;display:block}.first{height:100dvh;min-height:600px;padding:calc(var(--nav) + 2dvh) var(--gutter) 4dvh;grid-template-columns:4fr 8fr;gap:clamp(24px,4vw,64px);display:grid}.first-title{align-self:center;margin:0;font-size:min(8vw,14dvh,150px);line-height:1.02}.steps{border-top:2px solid var(--ink);flex-direction:column;min-height:0;list-style:none;display:flex}.step{--fg:var(--ink);border-bottom:2px solid var(--ink);background:var(--paper);min-height:0;color:var(--fg);cursor:default;transition:flex-grow .7s var(--ease), background .4s var(--ease), grid-template-columns .7s var(--ease), padding .7s var(--ease);outline:none;flex:1;grid-template-columns:auto minmax(0,1fr) 30%;align-items:center;gap:clamp(16px,2.4vw,40px);padding:0 0 0 clamp(8px,1.4vw,24px);display:grid;position:relative}.steps:hover .step{flex-grow:.8}.steps .step:hover,.steps .step:is(:focus-visible,:has(:focus-visible)){--fg:var(--paper);background:var(--ink);flex-grow:2;grid-template-columns:auto minmax(0,1fr) 46%;padding-left:clamp(16px,2.4vw,40px)}.step-num{font-family:var(--display);color:#0000;-webkit-text-stroke:2px var(--fg);padding-top:.08em;font-size:min(10vw,15dvh,200px);font-weight:700;line-height:.8}.step-text{min-width:0;container-type:inline-size}.step h3{white-space:nowrap;margin-bottom:6px;font-size:min(5vw,8dvh,88px,22.2222cqi)}.step p{max-width:36ch}.step-photo{align-self:stretch;margin:10px 0}.step-photo img{transition:transform .9s var(--ease)}.step:hover .step-photo img,.step:is(:focus-visible,:has(:focus-visible)) .step-photo img{transform:scale(1.05)}.step-more{opacity:0;max-height:0;transition:max-height .6s var(--ease), opacity .4s var(--ease), padding .6s var(--ease);flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex;overflow:hidden}.step:hover .step-more,.step:is(:focus-visible,:has(:focus-visible)) .step-more{opacity:1;max-height:200px;padding-top:14px}.step:hover .btn,.step:is(:focus-visible,:has(:focus-visible)) .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.step:hover .btn:hover,.step:is(:focus-visible,:has(:focus-visible)) .btn:hover{background:var(--ink);color:var(--paper)}.step address{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.step address svg{flex:none;width:20px;height:20px}.loc{view-timeline-name:--loc;height:220dvh;position:relative}.loc-stage{place-items:center;height:100dvh;display:grid;position:sticky;top:0;overflow:hidden}.loc-map{inset:calc(var(--nav) + 2dvh) var(--gutter) 4dvh;border:2px solid var(--ink);background:var(--paper);position:absolute;overflow:hidden}.loc-map iframe{filter:grayscale()contrast(1.05);border:0;width:100%;height:100%;display:block}.loc-map:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 50%, transparent var(--hole,150vmax), var(--paper) calc(var(--hole,150vmax) + 1px));position:absolute;inset:-2px}.loc-octo{z-index:1;aspect-ratio:525/610;width:min(22vw,26dvh);color:var(--ink);pointer-events:none;position:relative}.loc-card{z-index:2;left:calc(var(--gutter) + clamp(16px, 2.4vw, 40px));width:min(420px, calc(100% - 2 * var(--gutter) - 32px));background:var(--paper);border:2px solid var(--ink);flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(22px,2.4vw,36px);display:flex;position:absolute;bottom:calc(4dvh + clamp(16px,2.4vw,40px))}.loc-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:700}.loc-card h2{font-size:min(120px,12dvh)}.loc-card address{font-size:19px;font-weight:600;line-height:1.4}.loc-card .btn{margin-top:6px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.loc-map:after{animation:linear both map-open;animation-timeline:--loc;animation-range:contain contain 55%}.loc-octo{animation:linear both octo-grow;animation-timeline:--loc;animation-range:contain contain 55%}.loc-card{animation:linear both card-in;animation-timeline:--loc;animation-range:contain 45% contain 75%}}}@property --hole{syntax:"<length>";inherits:false;initial-value:150vmax}@keyframes map-open{0%{--hole:0vmax}to{--hole:80vmax}}@keyframes octo-grow{0%{opacity:1;transform:scale(.7)}55%{opacity:1}to{opacity:0;transform:scale(3.2)}}@keyframes card-in{0%{opacity:0;transform:translateY(40px)}}@supports not (animation-timeline:view()){.loc{height:auto}.loc-stage{position:relative}.loc-octo{display:none}}.final{height:100dvh;min-height:560px;padding:calc(var(--nav) + 2dvh) var(--gutter) 4dvh;grid-template-columns:5fr 7fr;align-items:center;gap:clamp(24px,4vw,64px);display:grid}.final-copy{flex-direction:column;align-items:flex-start;gap:3dvh;display:flex}.final-title{flex-direction:column;font-size:min(13vw,24dvh,280px);line-height:1;display:flex}.final-title .outline{-webkit-text-stroke-width:3px}.final-copy p{max-width:30ch;font-size:clamp(17px,1.4vw,21px)}.final-photo{height:100%;min-height:0}.footer{padding:40px var(--gutter);background:var(--ink);color:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;font-size:14px;display:flex}.ig{align-items:center;gap:8px;display:inline-flex}.ig svg{width:20px;height:20px}.ig:hover{text-underline-offset:4px;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.hero-title .line>span{animation:rise 1.1s var(--ease) both}.hero-title .line:nth-child(2)>span{animation-delay:.12s}.hero-sub,.hero-copy .btn{animation:fade 1s var(--ease) .45s both}.hero-photo{animation:unveil 1.4s var(--ease) .2s both}.hero-photo:nth-child(2){animation-delay:.35s}.hero-photo:nth-child(3){animation-delay:.5s}@supports (animation-timeline:view()){.reveal{animation:linear both fade;animation-timeline:view();animation-range:entry entry 70%}.manifesto span{animation:linear both light;animation-timeline:view();animation-range:cover 10% cover 35%}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.strip,.step{transition:none}}@keyframes rise{0%{clip-path:inset(0 0 100%);transform:translateY(.25em)}to{clip-path:inset(-20%)}}@keyframes fade{0%{opacity:0;transform:translateY(32px)}}@keyframes unveil{0%{clip-path:inset(100% 0 0)}}@keyframes light{0%{opacity:.14}}@media (width<=1100px){.nav nav{gap:24px}}@media (width<=900px){:root{--nav:64px}.nav nav{display:none}.hero{height:100svh;min-height:600px}.hero-bg{gap:8px;bottom:42%}.hero:before{background:linear-gradient(to top, var(--paper) 0%, var(--paper) 40%, #fff9 52%, #fff0 64%)}.hero-copy{gap:20px;max-width:none}.hero-title{font-size:calc((100vw - 2 * var(--gutter)) / 4.7)}.manifesto{height:100svh}.manifesto p{font-size:11vw}.programs-sec,.method,.gallery,.first{height:auto;min-height:0}.title{font-size:13vw}.strips{flex-direction:column}.strip,.strips:hover .strip,.strips .strip:hover{flex:none;height:72svh}.pillar{flex-basis:82vw;height:64svh}.gallery{grid-template-rows:none;grid-template-columns:1fr}.g1,.g3{aspect-ratio:3/2;height:auto}.g2{aspect-ratio:4/5;height:auto}.g1,.g2,.g3,.gallery-quote{grid-area:auto/1}.gallery-quote{font-size:11vw}.first,.final{grid-template-columns:1fr;height:auto;min-height:0}.first-title{font-size:15vw}.step,.steps:hover .step,.steps .step:hover{background:var(--paper);--fg:var(--ink);flex:none;grid-template-columns:auto minmax(0,1fr);padding:20px 0}.step-photo{aspect-ratio:16/10;grid-column:1/-1;margin:0}.step-more{opacity:1;max-height:none;padding-top:12px}.step .btn{background:var(--ink);color:var(--paper);border-color:var(--ink)}.step h3{font-size:11vw}.step-num,.final-title{font-size:22vw}.final-photo{aspect-ratio:4/3;height:auto}.loc-card h2{font-size:18vw}.carousel-nav button{width:48px;height:48px}}@media (width<=520px){.nav .brand span{display:none}.outline,.step-num{-webkit-text-stroke-width:1.5px}}
