@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(../media/anton-latin-400-normal.3ic28bo-2c61o.woff2)format("woff2"),url(../media/anton-latin-400-normal.2f_pjgj35x420.woff)format("woff")}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.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:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(../media/permanent-marker-latin-400-normal.1nzvdd5zy8-t9.woff2)format("woff2"),url(../media/permanent-marker-latin-400-normal.19a8fjqxbfevy.woff)format("woff")}
:root{--paper:#f3f0e7;--ink:#20251f;--orange:#ff5b2c;--blue:#153ff2;--lime:#d5f647;--sans:"Manrope Variable", Arial, sans-serif;--display:"Anton", Impact, sans-serif}*{box-sizing:border-box}html{scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}html:has(.experience){--scene-edge-color:#233c2c;background-color:var(--scene-edge-color)}html:has(.experience [data-chapter="1"][aria-current=step]){--scene-edge-color:#72794f}html:has(.experience [data-chapter="2"][aria-current=step]){--scene-edge-color:#24433d}html:has(.experience [data-chapter="3"][aria-current=step]){--scene-edge-color:#173d40}html:has(.experience [data-chapter="4"][aria-current=step]){--scene-edge-color:#617461}html:has(.experience [data-chapter="5"][aria-current=step]){--scene-edge-color:#a44e2c}body:has(.experience){background-color:var(--scene-edge-color)}html:has(.experience[data-pinned-story=fixed]){overscroll-behavior-y:none}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}main h1[tabindex="-1"]:focus{outline:none}button:disabled{cursor:default}::selection{background:var(--lime);color:var(--ink)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-script-navigation{background:var(--paper);color:var(--ink);padding:32px;line-height:1.8}.no-script-navigation a{text-underline-offset:3px;text-decoration:underline}.experience{--scene-frame-height:100svh;--scene-visible-height:100svh;position:relative}.experience[data-pinned-story]{height:calc(var(--story-scroll-distance,0px) + var(--story-viewport-height,var(--scene-visible-height)))}.experience[data-pinned-story=fixed] .scene-stage{width:100%;position:fixed;top:0;left:0}.scene-stage{--landscape-sky-mask:url(/images/landscape-sky-mask.png);background:var(--scene-edge-color,var(--paper));isolation:isolate;height:100svh;min-height:min(520px,100svh);display:flow-root;position:relative;overflow:clip}.scene-artwork{transform-origin:50%;will-change:transform;background:#b8dff5;position:absolute;inset:0;overflow:hidden}.scene-image{object-fit:cover;object-position:50% 62%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.base-photo{z-index:0;will-change:transform}.opening-landscape{z-index:12;pointer-events:none;position:absolute;inset:0}.opening-fallback{position:absolute;inset:0}.opening-landscape[data-renderer=ready] .opening-fallback{opacity:0!important}.opening-name-occlusion{z-index:5;pointer-events:none;-webkit-mask-image:var(--landscape-sky-mask,none);mask-image:var(--landscape-sky-mask,none);position:absolute;inset:0;-webkit-mask-position:50% 62%;mask-position:50% 62%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.opening-name{text-align:center;color:var(--opening-type-color,#cc331b);position:absolute;bottom:44%;left:0;right:0}.opening-name h1{letter-spacing:normal;margin:0;font:400 min(22vw,31svh)/.82 Permanent Marker,cursive}.opening-name h1>span{display:block}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.opening-landscape:not([data-renderer=fallback]) .opening-name{opacity:0}}.paper-sky{z-index:1;opacity:0;background:#f0e8d2;position:absolute;inset:0}.sun-disc{aspect-ratio:1;background:var(--orange);z-index:2;opacity:0;will-change:transform;border-radius:50%;width:min(42vw,60vh);position:absolute;top:12%;left:31%}.terrain-main{z-index:6;opacity:0;will-change:transform}.terrain-echo{z-index:4;opacity:0;will-change:transform}.terrain-echo-one{filter:brightness(0)saturate()invert(43%)sepia(95%)saturate(1897%)hue-rotate(338deg)brightness(103%)contrast(106%)}.terrain-echo-two{z-index:3;filter:brightness(0)saturate()invert(25%)sepia(98%)saturate(5087%)hue-rotate(232deg)brightness(95%)contrast(102%)}.cut-caption{z-index:8;background:var(--paper);font-family:var(--display);opacity:0;padding:16px 25px 22px;font-size:clamp(30px,5.8vw,88px);line-height:1.1;position:absolute;top:18%;left:7%;box-shadow:5px 6px #252b2540}.cut-caption span{color:var(--orange)}.checker-plane{z-index:2;opacity:0;background:conic-gradient(#153ff2 25%, transparent 0 50%, #153ff2 0 75%, transparent 0) 0 0/90px 90px;clip-path:polygon(0 0,34% 0,19% 100%,0 100%);transform-origin:20% 20%;position:absolute;inset:0;transform:rotate(-9deg)scale(1.35)}.frequency-word{z-index:5;opacity:0;font-family:var(--display);letter-spacing:-.045em;color:var(--blue);white-space:nowrap;font-size:clamp(70px,13vw,210px);line-height:.93;position:absolute;top:10%;left:20%}.frequency-word span{color:var(--paper);-webkit-text-stroke:2px var(--blue)}.landscape-collage{z-index:10;opacity:0;visibility:hidden;will-change:transform, opacity}.portrait-scene{z-index:11;visibility:hidden;opacity:0;background:#9fc9e5;position:absolute;inset:0;overflow:hidden}.portrait-frame{transform-origin:52% 66%;position:absolute;inset:0}.portrait-photo,.portrait-print{object-fit:cover;object-position:52% 66%;width:100%;height:100%;position:absolute;inset:0}.portrait-print{visibility:hidden;pointer-events:none}.portrait-print[data-renderer=ready]{visibility:visible}.portrait-print:not([data-renderer=ready]){visibility:hidden!important}.portrait-data{display:none}.portrait-filter-defs{width:0;height:0;position:absolute;overflow:hidden}.print-grain{z-index:12;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.55' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.scene-bottom{z-index:18;width:100%;color:var(--paper);mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:28px 3.5%;display:flex;position:absolute;bottom:0;left:0}.scroll-cue{align-items:center;gap:14px;min-height:44px;font-size:10px;line-height:1.45;display:flex}.scroll-cue:not(:focus-visible){clip-path:inset(50%);pointer-events:none}.down-arrow{font-size:27px}.chapter-nav{gap:5px;display:flex}.chapter-nav button{opacity:.5;background:0 0;min-width:36px;min-height:44px;padding:12px 9px;font-size:10px;position:relative}.chapter-nav button:after{content:"";opacity:0;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px;left:50%}.chapter-nav button[data-active=true],.chapter-nav button[data-active=true]:after,.chapter-nav button:hover{opacity:1}.scene-meter{z-index:19;height:3px;position:absolute;bottom:0;left:0;right:0}.scene-meter-fill{background:var(--orange);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}@media (max-width:900px){.frequency-word{font-size:16vw;top:20%;left:12%}.sun-disc{width:55vw;top:18%;left:25%}}@media (max-width:600px){html{scroll-padding-top:30px}.scene-stage{min-height:min(540px,100svh)}.scene-image{object-position:52% 60%}.opening-name-occlusion{-webkit-mask-position:52% 60%;mask-position:52% 60%}.opening-name{bottom:50%}.scene-bottom{flex-wrap:wrap;gap:16px;padding:20px 6%}.scroll-cue{gap:10px;font-size:9px}.chapter-nav{gap:0}.chapter-nav button{min-width:30px;padding:12px 7px}.sun-disc{width:78vw;top:24%;left:11%}.cut-caption{padding:12px 17px;font-size:9vw;top:27%;left:7%}.frequency-word{font-size:18vw;top:28%;left:7%}.checker-plane{clip-path:polygon(0 0,32% 0,20% 100%,0 100%);background-size:60px 60px}.portrait-photo{aspect-ratio:1/1.28;object-position:70% 66%;height:auto;max-height:62%;top:auto;bottom:0}}@media (min-width:601px) and (max-height:500px){.portrait-photo{object-position:52% 8%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.chapter-nav,.scene-meter{display:none}.scene-artwork{will-change:auto;height:100svh;min-height:520px}.scene-stage{height:auto;min-height:0}.scene-bottom{pointer-events:none;position:fixed}.scene-bottom nav,.scroll-cue:focus-visible{pointer-events:auto}.opening-landscape{height:100svh;min-height:520px;bottom:auto}}.scene-bottom{color:#fff;mix-blend-mode:normal;text-shadow:0 1px 10px #0008}.scene-bottom:before{content:"";z-index:-1;pointer-events:none;opacity:var(--scene-shade,1);background:linear-gradient(#0000,#0005);position:absolute;inset:-50px 0 0}.chapter-nav button{opacity:.7;font-size:11px}.scroll-cue{font-size:11px}.chapter-nav button{min-width:44px}@media (max-width:600px){.chapter-nav button{min-width:32px}.scroll-cue{font-size:10px}}.scroll-cue{background:0 0;justify-content:center;min-width:44px;padding:0 12px}.knight-case{--knight-purple:#34203f;--knight-lilac:#ded1ef;--knight-acid:#d7ff64;background:var(--knight-purple);color:var(--knight-lilac)}.work-kicker{letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;font-size:11px;font-weight:650;line-height:1.6;display:flex}.knight-display{width:fit-content;font-family:var(--display);letter-spacing:-.025em;margin:32px 0 48px;font-size:clamp(60px,12.25vw,220px);font-weight:400;line-height:1;position:relative}.knight-display>span{vertical-align:top;color:var(--knight-acid);margin:.12em 0 0 .3em;font-family:Arial,sans-serif;font-size:.33em;display:inline-block}.knight-film{aspect-ratio:16/9;background:#925491;width:100%;position:relative;overflow:hidden}.knight-film video{object-fit:contain;width:100%;height:100%;display:block}.film-toggle{--button-position:absolute;--button-ink:#fff;--button-font-size:12px;--button-icon-size:14px;--button-gap:8px;--button-shadow:0 1px 5px #000, 0 0 10px #000;bottom:14px;right:14px}.work-link{margin-top:12px}.case-header{z-index:25;justify-content:space-between;align-items:center;padding:28px 5%;display:flex;position:absolute;inset:0 0 auto}.case-back{--button-ink:#f3f0e7}.case-community{color:var(--knight-purple);background:var(--paper);padding:100px 5% 30px}.community-intro{grid-template-columns:1.25fr 1fr;align-items:start;gap:9%;margin-bottom:60px;display:grid}.community-intro h2{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(52px,7.6vw,120px);font-weight:400;line-height:1.06}.community-story{max-width:46ch}.community-story p{margin:0 0 20px;font-size:16px;line-height:1.9}.community-details{grid-template-columns:1.25fr 1fr;gap:9%;padding:80px 0 100px;display:grid}.community-details h3{margin:0 0 32px;font-size:12px;font-weight:650}.community-impact p{margin:0 0 30px}.community-impact strong{font-family:var(--display);margin-bottom:6px;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1.1;display:block}.community-impact p>span{max-width:36ch;font-size:13px;line-height:1.8;display:block}.community-roles dl{margin:0 0 36px}.community-roles dl>div{border-top:1px solid #34203f40;justify-content:space-between;align-items:baseline;gap:18px;padding:20px 0;display:flex}.community-roles dt{font-size:18px;font-weight:650}.community-roles dd{white-space:nowrap;margin:0;font-size:11px}.case-return{margin-top:20px}.knight-story{isolation:isolate;background:var(--knight-purple);height:100svh;min-height:680px;position:relative;overflow:hidden}.story-kicker{width:90%;position:absolute;top:15%;left:5%}.story-heading{margin:0;font-size:min(11.6vw,18svh);position:absolute;top:20%;left:5%}.story-media{aspect-ratio:16/9;width:min(63%,99svh);position:absolute;top:43%;left:5%}.story-media .knight-film{height:100%}.story-role{width:22%;position:absolute;top:44%;right:5%}.story-role-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.story-role h2{letter-spacing:-.04em;margin:12px 0 24px;font-size:clamp(26px,3.5vw,50px);font-weight:550;line-height:1.2}.story-role p{max-width:24ch;margin:0;font-size:14px;line-height:1.8}.story-scroll{align-items:center;gap:20px;font-size:10px;display:flex;position:absolute;bottom:3%;right:5%}.story-scroll>span{font-size:25px}.story-photograph{visibility:hidden;opacity:0;clip-path:inset(100% 0% 0%);background:var(--knight-purple);margin:0;position:absolute;inset:0}.story-photograph img{object-fit:cover;width:100%;height:100%;display:block}.story-photograph:after{content:"";background:linear-gradient(#0000 35%,#190f24c9);position:absolute;inset:0}.story-community-heading{color:#fffaf0;visibility:hidden;opacity:0;position:absolute;bottom:8%;left:5%}.story-community-heading h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:min(8.5vw,14svh);font-weight:400;line-height:1.05}.story-community-heading p{margin:20px 0 0;font-size:11px}@media (min-width:1800px){.case-community{padding-left:max(5%,50% - 810px);padding-right:max(5%,50% - 810px)}}@media (max-width:800px){.knight-story{min-height:700px}.story-kicker{gap:12px;width:88%;font-size:8px;top:16%;left:6%}.knight-story .story-heading{font-size:16vw;top:22%;left:6%}.story-media{width:88%;top:36%;left:6%}.story-role{grid-template-columns:1fr 1fr;column-gap:24px;width:auto;display:grid;inset:auto 6% 10%}.story-role-label{grid-column:1}.story-role h2{grid-column:1;margin:8px 0 0;font-size:25px}.story-role p{grid-area:1/2/span 2;align-self:end;font-size:12px}.story-scroll{bottom:3%;right:6%}.story-photograph img{object-fit:contain}.story-photograph:after{background:0 0}.story-community-heading{bottom:8%;left:6%}.story-community-heading h2{font-size:12vw}.work-kicker{font-size:9px}.knight-display{margin:30px 0;font-size:16vw}.case-header{padding:22px 6%}.case-community{padding:60px 6% 24px}.community-intro{grid-template-columns:1fr;gap:28px;margin-bottom:32px}.community-intro h2{font-size:13vw}.community-story p{font-size:14px}.community-details{grid-template-columns:1fr;gap:40px;padding:48px 0 50px}.community-details h3{margin-bottom:24px}.community-impact strong{font-size:48px}}@media (prefers-reduced-motion:reduce){.knight-story{height:auto;min-height:0;padding:130px 6% 50px}.story-kicker,.story-heading,.story-media,.story-role,.story-photograph,.story-community-heading{width:100%;position:relative;inset:auto}.knight-story .story-heading{margin:30px 0;font-size:16vw;inset:auto}.story-role{margin:30px 0 40px;display:block}.story-role p{max-width:44ch;margin-top:18px}.story-photograph,.story-community-heading{visibility:visible;opacity:1;clip-path:none}.story-photograph img{object-fit:contain;height:auto}.story-photograph:after{display:none}.story-community-heading{margin-top:30px}.story-community-heading h2{font-size:8vw}.story-scroll{display:none}}@media (max-width:400px){.knight-display{font-size:16vw}.work-kicker{gap:12px;font-size:8px}.film-toggle{bottom:8px;right:8px}.community-roles dt{font-size:16px}.community-roles dd{font-size:10px}}@media (max-height:540px) and (prefers-reduced-motion:no-preference){.scene-bottom{padding:10px 3.5%}}@media (hover:none) and (pointer:coarse){.scene-bottom{padding-left:max(6%, env(safe-area-inset-left,0px));padding-right:max(6%, env(safe-area-inset-right,0px));padding-bottom:max(20px, env(safe-area-inset-bottom,0px))}}@media (hover:none) and (pointer:coarse) and (prefers-reduced-motion:no-preference){.experience{--scene-frame-height:100lvh;--scene-visible-height:100dvh;--scene-toolbar-overlap:max(0px, calc(var(--scene-frame-height) - var(--scene-visible-height)))}.scene-stage{height:var(--scene-frame-height);min-height:0}.scene-bottom,.scene-meter{bottom:max(0px, calc(100% - var(--scene-visible-height)))}[data-project-gate]{height:min(100%, var(--scene-visible-height))}.experience [data-experience-explorer]{--grid-offset:calc(4svh - (var(--scene-frame-height) - 100svh) / 2)}[data-experience-heading]{margin-top:env(safe-area-inset-top,0px)}.experience [data-experience-seam=vertical],.experience [data-experience-edge=vertical]{width:max(var(--scene-frame-height), 620px)}}@font-face{font-family:Opening Junicode;src:url(/fonts/opening/Junicode-BoldCondensed-title.woff2)format("woff2");font-weight:700;font-display:swap}.opening-landscape[data-lettering$=-pen] .opening-name h1{font-family:Permanent Marker,cursive;font-size:min(22vw,31svh);line-height:.82}.opening-landscape[data-lettering=ink-serif] .opening-name h1{font-family:Opening Junicode,Georgia,serif;font-size:min(22vw,31svh);font-weight:700;line-height:.82}
.scene-button{position:var(--button-position,relative);justify-content:center;align-items:center;gap:var(--button-gap,14px);min-width:44px;max-width:100%;min-height:44px;box-shadow:none;color:var(--button-ink,inherit);font:500 var(--button-font-size,15px)/1.35 "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:-.015em;text-align:left;text-transform:none;text-shadow:var(--button-shadow,none);vertical-align:middle;touch-action:manipulation;background:0 0;border:0;border-radius:0;padding:10px 0;text-decoration:none;transition:opacity .18s;display:inline-flex}.scene-button:after{content:"";opacity:.65;transform-origin:100%;pointer-events:none;background:currentColor;height:1px;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;inset:auto 0 5px;transform:scaleX(0)}.scene-button>span[aria-hidden=true]{font-size:var(--button-icon-size,19px);flex:none;line-height:1}.scene-button [data-scene-arrow]{--arrow-x:3px;--arrow-y:-3px;transition:transform .32s cubic-bezier(.22,1,.36,1)}.scene-button [data-scene-arrow=up-left]{--arrow-x:-3px}.scene-button [data-scene-arrow=down]{--arrow-x:0px;--arrow-y:3px}@media (hover:hover){.scene-button:where(:not(:disabled)):hover:after{transform-origin:0;transform:scaleX(1)}.scene-button:where(:not(:disabled)):hover [data-scene-arrow]{transform:translate(var(--arrow-x), var(--arrow-y))}}.scene-button:focus-visible{outline-offset:5px;outline:1px solid}.scene-button:focus-visible:after{transform-origin:0;transform:scaleX(1)}.scene-button:focus-visible [data-scene-arrow]{transform:translate(var(--arrow-x), var(--arrow-y))}.scene-button:active{opacity:.65}.scene-button:disabled{opacity:.45}@media (max-width:699px){.scene-button{font-size:var(--button-font-size,14px)}}@media (prefers-reduced-motion:reduce){.scene-button,.scene-button:after,.scene-button [data-scene-arrow]{transition:none}.scene-button:is(:hover,:focus-visible) [data-scene-arrow]{transform:none}}