@font-face{font-family:Wilhelm Alata;src:url(/work/wilhelm/fonts/alata.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Wilhelm Manrope;src:url(/work/wilhelm/fonts/manrope.ttf)format("truetype");font-weight:200 800;font-style:normal;font-display:swap}.wb-cover{isolation:isolate;min-height:100svh;padding:125px var(--gutter) 80px;color:#faf8f4;background:#1a2117;grid-template-columns:1fr 1.1fr;align-items:center;gap:5vw;display:grid;position:relative;overflow:hidden}.wb-cover-grid{z-index:-1;pointer-events:none;justify-content:space-evenly;display:flex;position:absolute;inset:0}.wb-cover-grid span{border-left:1px solid #c1b5a30b;height:100%}.wb-cover-copy{z-index:2;position:relative}.wb-cover .wb-cover-project{color:#c1b5a3;font:500 9px/1.7 var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin:0 0 22px}.wb-cover .wb-cover-title{font:400 clamp(36px,3.5vw,58px)/1.06 var(--font-heading);letter-spacing:-.035em;text-wrap:balance;color:#faf8f4;margin:0 0 24px}.wb-cover .wb-cover-summary{color:#c7c4ba;max-width:480px;font:400 clamp(14px,1.1vw,17px)/1.7 var(--font-body);text-wrap:pretty;margin:0}.wb-cover-facts{grid-template-columns:1.2fr 1fr;gap:24px;margin:32px 0 0;display:grid}.wb-cover-facts dt{color:#c1b5a3;font:500 9px/1.7 var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.wb-cover-facts dd{color:#dedbd3;font:400 11px/1.6 var(--font-body);margin:0}.wb-cover-exhibit{background:#303d2b;border-radius:24px;padding:32px;position:relative;overflow:hidden}.wb-cover-logo{z-index:2;width:clamp(180px,21vw,310px);height:auto;margin:0 0 28px;display:block;position:relative}.wb-cover-photo{clip-path:polygon(9% 0,100% 0,100% 88%,91% 100%,0 100%,0 12%);height:clamp(250px,40svh,440px);position:relative}.wb-cover-photo img{object-fit:cover;object-position:42% 50%;width:100%;height:100%;display:block}.wb-cover .wb-cover-statement{color:#faf8f4;letter-spacing:-.02em;margin:22px 0 0;font:400 clamp(16px,1.5vw,23px)/1.35 Wilhelm Alata,sans-serif}.wb-cover-statement span{color:#c1b5a3}.case-study-arrival{z-index:100;background:var(--paper);opacity:1;touch-action:none;transition:opacity .28s;position:fixed;inset:0;overflow:hidden}.case-study-arrival.is-releasing{opacity:0;pointer-events:none}@media (max-width:767px){.wb-cover{padding:96px var(--gutter) 40px;grid-template-columns:1fr;align-content:center;gap:0}.wb-cover-copy{display:contents}.wb-cover .wb-cover-project{grid-row:1;margin-bottom:16px;font-size:8px}.wb-cover-exhibit{border-radius:18px;grid-row:2;grid-template-columns:1fr 1.35fr;align-items:center;column-gap:16px;margin-bottom:26px;padding:18px;display:grid}.wb-cover-logo{width:100%;min-width:0;margin:0}.wb-cover-photo{grid-area:1/2/3;height:clamp(135px,23svh,215px)}.wb-cover .wb-cover-statement{margin:12px 0 0;font-size:12px;line-height:1.45}.wb-cover-statement span{display:block}.wb-cover .wb-cover-title{text-wrap:pretty;grid-row:3;margin-bottom:14px;font-size:clamp(30px,7.8vw,44px)}.wb-cover .wb-cover-summary{grid-row:4;max-width:390px;font-size:13px;line-height:1.6}.wb-cover-facts{grid-row:5;gap:20px;margin-top:22px}.wb-cover-facts dt{margin-bottom:5px;font-size:8px}.wb-cover-facts dd{font-size:10px}}@media (max-width:767px) and (max-height:650px){.wb-cover{padding-top:88px;padding-bottom:22px}.wb-cover .wb-cover-project{margin-bottom:12px}.wb-cover-exhibit{column-gap:14px;margin-bottom:20px;padding:14px}.wb-cover-photo{height:115px}.wb-cover .wb-cover-title{margin-bottom:10px;font-size:25px}.wb-cover .wb-cover-summary{font-size:12px;line-height:1.55}.wb-cover-facts{margin-top:16px}.wb-cover-facts dd{font-size:9px}}@media (prefers-reduced-motion:reduce){.case-study-arrival{transition:none}}.wb-next-track{--next-progress:0;background:var(--paper);position:relative}.wb-next-sticky{isolation:isolate;background:var(--paper);height:100svh;position:relative;overflow:hidden}.wb-next-cover{z-index:1;position:relative}.wb-next-world{z-index:0;pointer-events:none;position:absolute;inset:0}.wb-next-world i{background:#1a2117;position:absolute;inset:0}.wb-next-world i:nth-child(n+2){width:46%;height:140%;opacity:var(--next-seams,0);transform-origin:50% 100%;top:-20%;bottom:auto}.wb-next-world i:nth-child(2){background:#263323;left:-16%}.wb-next-world i:nth-child(3){background:#2e3627;left:25%}.wb-next-world i:nth-child(4){background:#1c2419;left:66%}.wb-next-announcement{left:var(--gutter);right:var(--gutter);z-index:4;text-align:center;position:absolute;top:13%}.dro-case .wb-next-announcement p{font:500 10px/1.7 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.dro-case .wb-next-announcement h2{font:400 clamp(32px,4.2vw,62px)/1.1 var(--font-heading);letter-spacing:-.035em;color:var(--ink);margin:0 0 14px}.wb-next-announcement>span{font:400 11px/1.7 var(--font-body);color:var(--muted)}.wb-next-mark-origin{aspect-ratio:1;pointer-events:none;visibility:hidden;width:clamp(170px,21vw,260px);position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.wb-next-lettermark{z-index:3;transform-origin:0 0;pointer-events:none;width:200px;height:200px;position:absolute;top:0;left:0}.wb-next-lettermark img{width:100%;height:100%;position:absolute;inset:0}.wb-next-progress{z-index:5;color:var(--ink);align-items:center;gap:18px;display:flex;position:absolute;bottom:10%;left:50%;translate:-50%}.wb-next-scroll-arrow{flex-shrink:0}.wb-next-progress-line{background:#a8895538;flex-shrink:0;width:6px;height:64px;display:block;position:relative}.wb-next-progress-line i{transform:scaleY(var(--next-progress));transform-origin:50% 100%;background:#a88955;position:absolute;inset:0}.wb-next-progress-caption{white-space:nowrap;font:400 12px/1.5 var(--font-body);gap:4px;display:grid}.wb-next-progress-caption strong{font-size:17px;font-weight:600}.wb-next-progress-number{min-width:4ch;font:500 11px/1 var(--font-body);font-variant-numeric:tabular-nums;color:#a88955}.wb-next-open{right:var(--gutter);z-index:5;color:var(--ink);font:400 12px/1.7 var(--font-body);border-bottom:1px solid #a8895566;align-items:center;gap:8px;padding:8px 0;display:inline-flex;position:absolute;bottom:45px}.has-takeover.wb-next-track{height:330svh}.has-takeover .wb-next-sticky{position:sticky;top:0}.has-takeover .wb-next-world i:first-child{transform:translate3d(0,calc((1 - var(--next-wash)) * 100%),0)}.has-takeover .wb-next-world i:nth-child(2){transform:translate3d(0,calc((1 - var(--next-shutter1)) * 120%),0) skewX(-20deg)}.has-takeover .wb-next-world i:nth-child(3){transform:translate3d(0,calc((1 - var(--next-shutter2)) * 120%),0) skewX(-20deg)}.has-takeover .wb-next-world i:nth-child(4){transform:translate3d(0,calc((1 - var(--next-shutter3)) * 120%),0) skewX(-20deg)}.has-takeover .wb-next-cover .wb-cover{background:0 0}.has-takeover .wb-next-cover .wb-cover-grid{opacity:var(--next-photo)}.has-takeover .wb-next-cover .wb-cover-project{opacity:var(--next-label)}.has-takeover .wb-next-cover .wb-cover-logo{clip-path:inset(0 calc((1 - var(--next-words)) * 68%) 0 32%)}.has-takeover .wb-next-cover .wb-cover-exhibit{background:color-mix(in srgb,#303d2b calc(var(--next-photo) * 100%),transparent)}.has-takeover .wb-next-cover .wb-cover-title,.has-takeover .wb-next-cover .wb-cover-summary,.has-takeover .wb-next-cover .wb-cover-facts,.has-takeover .wb-next-cover .wb-cover-statement{opacity:var(--next-copy);transform:translate3d(0,calc((1 - var(--next-copy)) * 24px),0)}.has-takeover .wb-next-cover .wb-cover-photo{opacity:var(--next-photo);transform:translate3d(0,calc((1 - var(--next-photo)) * 45px),0)}.has-takeover .wb-next-lettermark{transform:translate3d(var(--mark-x),var(--mark-y),0) scale(var(--mark-scale))}.has-takeover .wb-next-lettermark img:first-child{opacity:calc(1 - var(--next-white))}.has-takeover .wb-next-lettermark img:last-child{opacity:var(--next-white)}.has-takeover .wb-next-announcement{opacity:var(--next-invitation);transform:translate3d(0,calc((1 - var(--next-invitation)) * -15px),0)}.dro-case .has-takeover .wb-next-announcement h2{color:color-mix(in srgb,var(--ink),#faf8f4 calc(var(--next-white) * 100%))}.dro-case .has-takeover .wb-next-announcement p,.has-takeover .wb-next-announcement>span{color:color-mix(in srgb,var(--muted),#c1b5a3 calc(var(--next-white) * 100%))}.has-takeover .wb-next-progress{opacity:var(--next-cue);color:color-mix(in srgb,var(--ink),#faf8f4 calc(var(--next-white) * 100%))}.has-takeover .wb-next-open{color:color-mix(in srgb,var(--ink),#faf8f4 calc(var(--next-link) * 100%))}.has-takeover.is-assembled .wb-next-lettermark{visibility:hidden}.has-takeover.is-assembled .wb-next-cover .wb-cover-logo{clip-path:none}.wb-next-track:not(.has-takeover) .wb-next-world,.wb-next-track:not(.has-takeover) .wb-next-lettermark,.wb-next-track:not(.has-takeover) .wb-next-progress,.wb-next-track:not(.has-takeover) .wb-next-announcement{display:none}.wb-next-track:not(.has-takeover) .wb-next-open{color:#faf8f4}@media (max-width:767px){.has-takeover.wb-next-track{height:310svh}.wb-next-announcement{top:13%}.dro-case .wb-next-announcement h2{font-size:36px}.wb-next-announcement>span{font-size:10px}.wb-next-progress{gap:12px;bottom:55px}.wb-next-scroll-arrow{width:24px;height:30px}.wb-next-progress-line{width:5px;height:44px}.wb-next-progress-caption{font-size:10px}.wb-next-progress-caption strong{font-size:15px}.wb-next-progress-number{font-size:10px}.wb-next-open{white-space:nowrap;font-size:11px;bottom:10px;left:50%;right:auto;translate:-50%}}@media (prefers-reduced-motion:reduce){.has-takeover.wb-next-track{height:auto}.has-takeover .wb-next-sticky{position:relative}.has-takeover .wb-next-world,.has-takeover .wb-next-lettermark,.has-takeover .wb-next-progress,.has-takeover .wb-next-announcement{display:none}.has-takeover .wb-next-cover .wb-cover{background:#1a2117}.has-takeover .wb-next-cover .wb-cover-grid,.has-takeover .wb-next-cover .wb-cover-project,.has-takeover .wb-next-cover .wb-cover-statement,.has-takeover .wb-next-cover .wb-cover-title,.has-takeover .wb-next-cover .wb-cover-summary,.has-takeover .wb-next-cover .wb-cover-facts,.has-takeover .wb-next-cover .wb-cover-photo{opacity:1;transform:none}.has-takeover .wb-next-cover .wb-cover-exhibit{background:#303d2b}.has-takeover .wb-next-cover .wb-cover-logo{clip-path:none}.has-takeover .wb-next-open{color:#faf8f4}}
