@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/inter-latin-var.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-var.woff2) format("woff2")}@property --lift{syntax: "<number>"; inherits: false; initial-value: 0;}@property --k{syntax: "<number>"; inherits: true; initial-value: 1;}@property --hk{syntax: "<number>"; inherits: false; initial-value: 1;}:root{--paper: #F0EFEC;--paper-hi: #F8F8F6;--paper-lo: #E6E4DF;--gray-1: #ADABA3;--gray-2: #7C796E;--gray-3: #514F48;--ink: #222222;--ink-lo: #181818;--ease: cubic-bezier(.33, 1, .68, 1);--short: .15s;--medium: .35s;--long: .7s;--display: "Plus Jakarta Sans", system-ui, sans-serif;--text: "Inter", system-ui, sans-serif;--gutter: clamp(16px, 5vw, 80px);--max: 1360px;--r: clamp(24px, 2.6vw, 40px);--section: clamp(96px, 12vw, 176px);--rule: 1px solid rgba(34,34,34,.14);--rule-dark: 1px solid rgba(255,255,255,.1);--lift-max: min(72px, 8svh);--reserve: 72px}.depth:after,.field input,.field textarea,.faq{box-shadow:inset calc(var(--ux) * var(--o1) * var(--k)) calc(var(--uy) * var(--o1) * var(--k)) calc(var(--b1) * var(--k) * var(--lb)) rgba(var(--c1),calc(var(--a1) * (.5 + var(--k) * .5) * var(--li))),inset calc(var(--o2) * (var(--ux) - .8 * var(--uy)) * var(--k)) calc(var(--o2) * var(--uy) * var(--k)) calc(var(--b2) * var(--k) * var(--lb)) rgba(var(--c2),calc(var(--a2) * (.5 + var(--k) * .5) * var(--li))),inset 0 calc(var(--w) * var(--k)) 0 rgba(var(--c1),var(--aw)),inset calc(var(--ux) * -1px) calc(var(--uy) * -1px * min(1,var(--k))) 0 rgba(255,255,255,calc(var(--ah) * var(--li)))}.well,.hole,.faq,.field input,.field textarea{--ux: 0;--uy: 1;--lb: 1;--li: 1}.btn,.field input,.field textarea{--px: 0;--py: 0;--k: 1;--o1: 5px;--b1: 4px;--a1: .25;--c1: 0,0,0;--o2: 18px;--b2: 42px;--a2: .14;--c2: 110,97,97;--w: 0px;--aw: 0;--ah: .8}.on-dark .btn,.field input,.field textarea{--o1: 6px;--b1: 8px;--a1: .55;--o2: 18px;--b2: 42px;--a2: .4;--c2: 0,0,0;--ah: .07}.hero{--d: 0}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;font:400 clamp(16px,1.05vw,18px)/1.55 var(--text);overflow-x:clip}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.label{font:600 12px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--gray-3)}.label b{font-weight:600;color:inherit;margin-left:.5em}.h1{font:600 clamp(26px,2.5vw,38px)/1.15 var(--display);letter-spacing:-.03em}.h2{font:700 clamp(36px,5.2vw,76px)/.98 var(--display);letter-spacing:-.045em;max-width:16ch}.h2-long{font-size:clamp(30px,3.6vw,52px);line-height:1.04;max-width:22ch}.h3{font:700 clamp(22px,1.9vw,28px)/1.15 var(--display);letter-spacing:-.025em}.lead{font-size:clamp(18px,1.35vw,21px);line-height:1.5;color:var(--gray-3);max-width:44ch}.muted{color:var(--gray-3)}.on-dark{color:var(--paper-hi)}.on-dark .lead,.on-dark .muted,.on-dark .label,.on-dark .label b{color:var(--gray-1)}.link{position:relative;font-weight:600;text-decoration:none}.link:after{content:"";position:absolute;left:0;right:0;bottom:-.2em;height:1px;pointer-events:none;background:#2229;box-shadow:0 1px #ffffffe6;opacity:.8;transform-origin:50% 0;transition:opacity var(--short) var(--ease),transform var(--short) var(--ease)}.link:hover:after{opacity:1;transform:scaleY(2)}.on-dark .link:after{background:#000000e6;box-shadow:0 1px #ffffff38}.js [data-cut]:not(.built){visibility:hidden}.cut-text .w{display:inline-block;white-space:nowrap}.cut-text .c{display:inline-block;color:var(--surface, var(--paper))}.wordmark{display:block;white-space:nowrap;font:800 clamp(56px,14.6vw,240px)/.9 var(--display);letter-spacing:-.06em}.btn{display:inline-flex;align-items:center;padding:17px 28px;border:0;border-radius:999px;cursor:pointer;text-decoration:none;font:600 16px/1 var(--text);color:var(--ink);background:var(--surface, var(--paper));white-space:nowrap;transition:--k var(--short) var(--ease)}.btn{--k: calc(1 + var(--near, 0) * .35)}@media (hover: hover){.btn:hover{--k: 1.9}}.btn:active{--k: 2.4}.btn{--c: 1;--s: 0;transition:--k var(--medium) var(--ease);box-shadow:inset calc(var(--o1) * var(--s) * var(--k) * -1) calc(var(--o1) * var(--c) * var(--k)) calc(var(--b1) * var(--k)) rgba(var(--c1),calc(var(--a1) * (.5 + var(--k) * .5))),inset calc(var(--o2) * (-.8 * var(--c) - var(--s)) * var(--k)) calc(var(--o2) * (-.8 * var(--s) + var(--c)) * var(--k)) calc(var(--b2) * var(--k)) rgba(var(--c2),calc(var(--a2) * (.5 + var(--k) * .5))),inset calc(var(--s) * 1px) calc(var(--c) * -1px) 0 rgba(255,255,255,var(--ah))}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.on-dark .btn{color:var(--paper-hi);background:var(--ink)}.on-dark .btn:focus-visible{outline-color:var(--paper)}.nav{position:absolute;inset:0 0 auto;z-index:40;padding-top:24px}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:700 18px/1 var(--display);letter-spacing:-.02em}.brand i{display:block;width:28px;height:8px;border-radius:2px;background:var(--ink)}.brand span{color:var(--gray-2)}.hero{position:relative;padding:clamp(120px,16vh,184px) 0 clamp(80px,10vh,128px)}.hero .label{margin-bottom:clamp(16px,2vw,28px)}.hero .wordmark{margin-left:-.03em}.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,96px);align-items:start;margin-top:clamp(40px,6vw,88px);padding-top:clamp(28px,3vw,40px);border-top:var(--rule)}.hero-side{display:grid;gap:28px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.hero,.sheet{position:relative;background:var(--surface, var(--paper))}.hero{z-index:30}.sheet{margin-top:calc((var(--r) + var(--reserve)) * -1);padding:calc(var(--section) + var(--r) + var(--reserve)) 0 var(--section)}.sheet.tight{padding-top:calc(clamp(24px,3vw,40px) + var(--r) + var(--reserve));padding-bottom:clamp(40px,6vw,80px)}.foot{border-radius:0}main>section:nth-of-type(2){z-index:9}main>section:nth-of-type(3){z-index:8}main>section:nth-of-type(4){z-index:7}main>section:nth-of-type(5){z-index:6}main>section:nth-of-type(6){z-index:5}main>section:nth-of-type(7){z-index:4}main>section:nth-of-type(8){z-index:3}.foot{z-index:1}.head{display:grid;gap:24px;margin-bottom:clamp(48px,7vw,96px)}.hole{position:relative;margin-inline:clamp(8px,1.2vw,20px);border-radius:var(--r);background:var(--ink);padding:var(--section) 0;--px: 0;--py: 0;--k: 1;--o1: 26px;--b1: 32px;--a1: .6;--c1: 0,0,0;--o2: 26px;--b2: 60px;--a2: .35;--c2: 0,0,0;--w: 2px;--aw: .45;--ah: .08}.hole .h2{color:var(--paper-hi)}.depth{position:relative}.depth:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.cut{position:relative}.cut:before{content:"";position:absolute;left:0;right:0;top:calc(var(--slit, 50%) - 1px);height:2px;background:var(--ink);z-index:1;pointer-events:none;opacity:0}.cut-row{--cr: 0px;--slit: 0px}.cut-row:before{top:0;height:1px}.hero-grid.cut-row:before,.quote.cut-row:before{top:-1px}.on-dark .cut-row:before{background:#ffffff8c}.faq.cut-row:before{left:16px;right:16px}.project-head:before,.quote:before{transition:opacity var(--short) var(--ease)}.project-head:hover:before,.quote:hover:before{opacity:.6}.well{border-radius:var(--r);overflow:hidden;background:var(--paper-lo);transition:--hk var(--short) var(--ease);--px: 0;--py: 0;--hk: 1;--k: var(--hk);--o1: 9px;--b1: 8px;--a1: .3;--c1: 0,0,0;--o2: 24px;--b2: 52px;--a2: .22;--c2: 110,97,97;--w: 1px;--aw: .12;--ah: .85}.well:hover{--hk: 1.4}.well img{width:100%;height:100%;object-fit:cover}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}.step{display:grid;gap:14px;align-content:start;padding-top:24px;border-top:2px solid var(--ink)}.step .num{font:600 14px/1 var(--text);color:var(--gray-3)}.step .h3{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.03em}.step ul{display:grid;margin-top:10px}.step li{padding:12px 0;border-top:var(--rule);color:var(--gray-3);font-size:15px}.fixed{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:clamp(56px,7vw,96px);padding-top:clamp(28px,3vw,40px);border-top:var(--rule)}.fixed p{font:700 clamp(22px,2.2vw,32px)/1.15 var(--display);letter-spacing:-.025em}.fixed p span{color:var(--gray-2)}.work{display:grid;gap:clamp(64px,9vw,128px)}.project{display:grid;gap:24px}.project-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px}.project-head .h3{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.035em}.meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;color:var(--gray-3);font-weight:500}.meta span+span:before{content:"";display:inline-block;width:3px;height:3px;margin-right:16px;vertical-align:middle;border-radius:50%;background:var(--gray-1)}.project .well{aspect-ratio:16 / 9}.more{margin-top:clamp(48px,6vw,72px)}.founders{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,96px);align-items:start}.story{display:grid;gap:24px}.story .lead{max-width:52ch}.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.person{display:grid;gap:14px}.person .well{aspect-ratio:4 / 5}.person .h3{font-size:clamp(19px,1.6vw,24px)}.philosophy{margin-top:var(--section)}.philosophy .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px clamp(32px,5vw,96px);align-items:end}.philosophy .h2{max-width:12ch;margin-top:24px}.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5vw,72px) clamp(32px,4vw,64px)}.quote{display:grid;gap:28px;align-content:start;padding-top:28px;border-top:var(--rule)}.quote.wide{grid-column:1 / -1}.quote blockquote{font:600 clamp(19px,1.5vw,23px)/1.42 var(--display);letter-spacing:-.015em;max-width:60ch}.quote.wide blockquote{font-size:clamp(24px,2.6vw,40px);line-height:1.22;letter-spacing:-.03em;max-width:30ch}.quote figcaption{display:grid;gap:4px;font-size:15px}.quote figcaption b{font-weight:600}.quote figcaption span{color:var(--gray-3)}.faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,96px);align-items:start}.faq-grid .head{margin-bottom:0;position:sticky;top:40px}.faqs{border-bottom:var(--rule)}.faq{margin-inline:-16px;padding-inline:16px;border-radius:16px;transition:--k var(--medium) var(--ease);--px: 0;--py: 0;--k: 0;--o1: 4px;--b1: 6px;--a1: .16;--c1: 0,0,0;--o2: 14px;--b2: 30px;--a2: .1;--c2: 110,97,97;--w: 0px;--aw: 0;--ah: .7}@media (hover: hover){.faq:hover{--k: .45}}.faq[open]{--k: 1}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-top:var(--rule);font:600 clamp(18px,1.4vw,22px)/1.3 var(--display);letter-spacing:-.015em}.faq summary::-webkit-details-marker{display:none}.faq summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.faq summary i{flex:none;position:relative;width:18px;height:18px}.faq summary i:before,.faq summary i:after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform var(--medium) var(--ease),opacity var(--medium) var(--ease)}.faq summary i:after{transform:rotate(90deg)}.faq[open] summary i:after{transform:rotate(0);opacity:0}.faq p{padding:0 0 28px;color:var(--gray-3);max-width:60ch}.faq-note{margin-top:32px;color:var(--gray-3)}.contact .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,96px);align-items:start}.contact .h2{margin-top:24px}.form{display:grid;gap:12px}.field{display:grid;gap:8px}.field span{font:500 14px/1 var(--text);color:var(--gray-1)}.field input,.field textarea{width:100%;border:0;border-radius:18px;padding:18px 20px;font:400 16px/1.4 var(--text);color:var(--paper-hi);background:var(--ink-lo);resize:vertical;transition:--k var(--short) var(--ease)}.field input:hover,.field textarea:hover{--k: 1.25}.field input:focus,.field textarea:focus{outline:2px solid var(--gray-1);outline-offset:2px;--k: 1.7}.form .btn{justify-self:start;margin-top:8px}.mail{margin-top:28px;display:grid;gap:6px}.foot{padding-bottom:40px}.foot .wordmark{margin:0 0 clamp(28px,4vw,48px) -.03em}.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:var(--gray-2);font-size:15px}.foot-row nav{display:flex;gap:24px}.foot-row a{text-decoration:none;color:var(--gray-3)}.foot-row a:hover{color:var(--ink)}.motion-switch{position:fixed;left:16px;bottom:16px;z-index:50;padding:11px 16px;font-size:13px;color:var(--gray-3)}.motion .hero,.motion .sheet:not(.foot){transform:translateY(calc(var(--lift, 0) * var(--lift-max) * -1))}.motion .is-lifting{will-change:transform}.motion .hero .cut-row:not(.is-open){--open: 0}.motion .cut{--a: clamp(0, var(--open, 1) / .25, 1);--b: clamp(0, (var(--open, 1) - .25) / .75, 1);clip-path:inset(calc((1 - var(--b)) * (var(--slit, 50%) - 1px)) calc((1 - var(--a)) * 100%) calc((1 - var(--b)) * (100% - var(--slit, 50%) - 1px)) 0 round var(--cr, var(--r)))}.motion .cut.is-open{clip-path:none}.motion .cut:before{opacity:clamp(0,1 - var(--b) * 3,1)}.motion .cut:not(.is-open):before{transition:none}.motion .project-head.is-open:hover:before,.motion .quote.is-open:hover:before{opacity:.6}.motion .depth:after{opacity:var(--depth, 1)}.motion .hole{--k: calc(.4 + .6 * var(--depth, 1))}.motion .well{--k: calc((.4 + .6 * var(--depth, 1)) * var(--hk))}.motion .hole>.wrap{transform:translateY(calc((var(--cover, .5) - .5) * 16px)) scale(calc(1 + (1 - var(--depth, 1)) * .006))}.motion .well img{transform:translate(calc(var(--px) * -6px),calc(var(--py) * -5px + (var(--cover, .5) - .5) * 12px)) scale(calc(1.06 + (1 - var(--open, 1)) * .1))}@media (max-width: 900px){.hero-grid,.founders,.philosophy .wrap,.faq-grid,.contact .wrap{grid-template-columns:minmax(0,1fr)}.faq-grid .head{position:static}.steps{grid-template-columns:minmax(0,1fr);gap:40px}.quotes{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.brand{font-size:16px}.brand i{width:24px;height:7px}.project .well{aspect-ratio:4 / 3}.people{gap:10px}.motion-switch{left:10px;bottom:10px}}.hero,.sheet{isolation:isolate}.folds{display:none;position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.motion .folds{display:block}.fold{position:absolute;left:0;right:0}.fold.away{background:linear-gradient(180deg,#0000001f,#00000013 45%,#00000008)}.fold.flat{background:linear-gradient(180deg,#0000 40%,#0000000d)}.fold+.fold:before{content:"";position:absolute;left:0;right:0;top:0;height:30px}.fold.away:before{background:linear-gradient(180deg,#fffc 0 1px,#00000024 1px,#0000000d 45%,#0000)}.fold.flat:before{background:linear-gradient(180deg,#00000038 0 2px,#00000017 2px,#0000 50%)}.is-pressing .fold{will-change:opacity}.fold.is-flat{visibility:hidden}.nav .nav-menu{padding:13px 22px;font-size:15px}html.menu-open .nav{right:var(--sbw, 0px)}.brand,.nav .nav-menu,.nav-float .btn{position:relative}.brand:before,.nav .nav-menu:before,.nav-float .btn:before{content:"";position:absolute;inset:-2px 0}.brand:before{inset:-14px -8px}.foot-row{color:var(--gray-3)}.brand:focus-visible,.foot-row a:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}.menu-contact a:focus-visible{outline:2px solid var(--paper);outline-offset:4px;border-radius:2px}.clients{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:26px;color:var(--gray-3);font-size:15px}.clients b{font-weight:600;color:var(--gray-3)}.clients span+span:before{content:"";display:inline-block;width:3px;height:3px;margin-right:14px;vertical-align:middle;border-radius:50%;background:var(--gray-1)}.picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}.pick{display:grid;gap:16px;align-content:start;color:inherit;text-decoration:none}.pick .well{aspect-ratio:4 / 5}.pick-text{display:grid;gap:6px}.pick .result{font:700 clamp(24px,2.2vw,34px)/1.05 var(--display);letter-spacing:-.03em}.pick .result small{display:block;margin-top:6px;font:500 15px/1.4 var(--text);letter-spacing:0;color:var(--gray-3)}.section-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:clamp(36px,5vw,64px)}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px clamp(16px,2vw,28px);margin:0}.results div{padding-top:16px;border-top:var(--rule)}.results dt{font:700 clamp(30px,3.2vw,48px)/1 var(--display);letter-spacing:-.035em}.results dd{margin:10px 0 0;color:var(--gray-3);font-size:15px}.steps.compact .step ul{display:none}.team{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:end}.team .story{display:grid;gap:22px;align-content:end}.quote.solo blockquote{font-size:clamp(24px,2.6vw,40px);line-height:1.22;letter-spacing:-.025em;max-width:30ch}.quote-sheet{padding-bottom:clamp(64px,8vw,112px)}.quote-sheet .head{margin-bottom:clamp(24px,3vw,40px)}.quote.solo{padding-top:28px;border-top:var(--rule)}.quote-link{margin:20px 0 0}.quote.solo blockquote{max-width:34ch}.reply{display:flex;align-items:center;gap:12px;margin-top:18px;color:var(--gray-1);font-size:15px}.reply:before{content:"";flex:none;width:14px;height:2px;border-radius:2px;background:var(--gray-1)}.page-hero .wordmark{font-size:clamp(88px,17vw,260px)}.page-hero .hero-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.cta .wrap{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:28px}.cta .h2{max-width:16ch}@media (max-width: 900px){.picks,.results,.team,.page-hero .hero-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.foot-row nav{flex-wrap:wrap;gap:0 20px}}@media (max-width: 640px),(pointer: coarse){.foot-row a,.menu .motion-switch{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.foot-row nav{margin-block:-10px}.menu-contact a:before{content:"";position:absolute;inset:-11px 0}.menu-foot{padding-block:10px clamp(10px,4vh - 10px,30px)}}.case-hero .wordmark{font-size:min(clamp(88px,17vw,260px),calc((100vw - 2 * var(--gutter)) / var(--em, 2)))}.case-hero .h1{max-width:26ch}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin:0}.facts div{padding-top:12px;border-top:var(--rule)}.facts .wide{grid-column:1 / -1}.facts dt{font:600 12px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--gray-3)}.facts dd{margin:10px 0 0;font:600 17px/1.35 var(--display);letter-spacing:-.01em}.cover{aspect-ratio:16 / 9}.overview{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px clamp(32px,5vw,96px);margin-top:clamp(48px,7vw,96px)}.overview .intro{font:600 clamp(22px,2.1vw,32px)/1.32 var(--display);letter-spacing:-.02em;max-width:38ch}.chapter{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px clamp(32px,5vw,96px);align-items:start}.chapter>.label{position:sticky;top:40px}.chapter-body{display:grid;gap:22px}.chapter-body .h2{margin-bottom:10px}.chapter-body .lead{max-width:58ch}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin-top:clamp(48px,6vw,88px)}.gallery .full{grid-column:1 / -1}.media .zoom{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:none;cursor:zoom-in}.media .zoom:focus-visible{outline:none}.media:has(.zoom:focus-visible){outline:2px solid var(--ink);outline-offset:4px}.well video{display:block;width:100%;height:100%;object-fit:cover}.motion .well video{transform:translate(calc(var(--px) * -6px),calc(var(--py) * -5px + (var(--cover, .5) - .5) * 12px)) scale(calc(1.06 + (1 - var(--open, 1)) * .1))}.next{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px clamp(32px,5vw,96px);align-items:center;color:inherit;text-decoration:none}.next .well{aspect-ratio:16 / 9}.next .h2,.next .lead{margin-top:20px}.next .link{display:inline-block;margin-top:28px}.project-link{display:block}.missing{min-height:100svh}.nav-float{position:fixed;z-index:60;top:19px;right:calc(var(--float-right, var(--gutter)) + var(--sbw, 0px));padding:5px;border-radius:999px;background:var(--paper);visibility:hidden;--cr: 999px;box-shadow:inset 0 1px #fffffff2,0 1px #0000000a,0 10px 18px -10px #0000004d,0 26px 48px -24px #0000004d}.nav-float.is-shown{visibility:visible}.nav-float .btn,.menu-close{padding:13px 22px;font-size:15px}.menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:var(--paper-hi);--mi: 0px;--mpad: calc(var(--float-right, var(--gutter)) + var(--sbw, 0px) + 5px - var(--mi))}.menu::backdrop{background:transparent}.menu .menu-hole{position:absolute;inset:0;margin:0;padding:0 var(--mpad) 0 calc(var(--mpad) - var(--sbw, 0px));display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;border-radius:0;--cr: 0px}.menu-foot{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding-block:20px clamp(20px,4vh,40px)}.menu-links{position:relative;z-index:2;flex:1 0 auto;display:grid;align-content:center;padding-block:calc(70px + clamp(16px,4vh,48px)) clamp(24px,5vh,56px)}.menu-links a{display:grid;grid-template-columns:clamp(44px,6vw,96px) minmax(0,1fr);align-items:center;padding:clamp(6px,1.4vh,18px) 0;border-top:var(--rule-dark);text-decoration:none;color:var(--paper-hi);font:800 clamp(40px,min(6.4vw,9.5vh),120px)/1.02 var(--display);letter-spacing:-.045em}.menu-links a:last-child{border-bottom:var(--rule-dark)}.menu-links a:focus-visible{outline:2px solid var(--paper);outline-offset:4px}.menu-links .num{font:600 12px/1 var(--text);letter-spacing:.1em;color:var(--gray-1)}.menu-links a[aria-current] .num{width:18px;height:2px;border-radius:2px;background:var(--paper);font-size:0}.menu-word{position:relative;justify-self:start;transition:color var(--medium) var(--ease)}.menu-word:after{content:"";position:absolute;left:-.03em;right:-.03em;top:54%;height:max(2px,.045em);border-radius:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform var(--medium) var(--ease)}.menu-links:has(a:hover,a:focus-visible) a:not(:hover):not(:focus-visible) .menu-word{color:var(--gray-1)}.menu-links:has(a:hover,a:focus-visible) a:not(:hover):not(:focus-visible) .menu-word:after{transform:scaleX(1)}@media (prefers-reduced-motion: reduce){.menu-word,.menu-word:after{transition:none}}html:not(.motion) .menu-word,html:not(.motion) .menu-word:after{transition:none}.menu-links a:before{transition:opacity var(--short) var(--ease)}.motion .menu-links a.is-open:hover:before,.menu-links a:hover:before{opacity:.6}.menu-contact{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:15px}.menu .motion-switch{position:static;display:inline-flex;align-items:center;gap:.28em;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;font:500 15px/1 var(--text);color:var(--gray-1)}.menu .motion-switch:hover{color:var(--paper-hi)}.menu .motion-switch:focus-visible{outline:2px solid var(--paper);outline-offset:4px}html.menu-open{overflow:hidden;padding-right:var(--sbw, 0px)}.motion .cut.from-point{clip-path:inset(calc((1 - var(--b)) * (var(--slit, 50%) - 1px)) calc((1 - var(--a)) * (100% - var(--ax, 50%))) calc((1 - var(--b)) * (100% - var(--slit, 50%) - 1px)) calc((1 - var(--a)) * var(--ax, 50%)) round var(--cr, var(--r)))}.motion .cut.from-point.is-open{clip-path:none}.menu .menu-plate{z-index:3}.lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:var(--paper-hi)}.lightbox::backdrop{background:transparent}.lightbox .lb-hole{position:absolute;inset:clamp(8px,1.2vw,20px);margin:0;padding:clamp(16px,2.2vw,32px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(14px,2vw,24px);--cr: var(--r)}.lb-top,.lb-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;position:relative;z-index:2}.lb-count{font:600 12px/1 var(--text);letter-spacing:.1em;color:var(--gray-1);font-variant-numeric:tabular-nums}.lb-stage{display:grid;place-items:center;min-height:0;position:relative;z-index:2}.lb-well{border-radius:calc(var(--r) * .6);background:var(--ink-lo);--cr: calc(var(--r) * .6);--c2: 0,0,0;--a1: .5;--a2: .4;--ah: .08}.lb-well img,.lb-well video{width:100%;height:100%;object-fit:contain}.motion .lb-well img,.motion .lb-well video{transform:none}.lb-cap{color:var(--gray-1);font-size:15px;max-width:64ch}.lb-nav{display:flex;gap:10px}.lightbox .btn{padding:13px 22px;font-size:15px}html.lb-open{overflow:hidden;scrollbar-gutter:stable}@media (max-width: 900px){.overview,.chapter,.next{grid-template-columns:minmax(0,1fr)}.chapter>.label{position:static}}@media (max-width: 640px){.gallery{grid-template-columns:minmax(0,1fr)}.facts dd{font-size:16px}.lb-foot{flex-direction:column;align-items:stretch}.lb-nav .btn{flex:1;justify-content:center}}.why{padding-block:clamp(56px,7vw,104px)}.why .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,4.4vw,64px) clamp(32px,5vw,96px);align-items:end}.why .head{margin-bottom:0}.why .lead{max-width:46ch}.why-close{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:28px 48px;padding-top:clamp(28px,3vw,40px);border-top:var(--rule-dark)}.why-close.cut-row:before,.saying.cut-row:before{top:-1px}.why-line{font:700 clamp(30px,3.6vw,52px)/1.08 var(--display);letter-spacing:-.04em;color:var(--paper-hi);max-width:24ch}.struck{--from: var(--ink);--to: var(--gray-3);--rule-c: var(--ink);color:var(--to);background:linear-gradient(var(--rule-c),var(--rule-c)) 0 58% / calc(var(--strike, 1) * 100%) max(2px,.045em) no-repeat}.on-dark .struck{--from: var(--paper-hi);--to: #B0AEA6;--rule-c: var(--paper)}.motion .struck{--strike: 0;--fade: 0;color:color-mix(in srgb,var(--to) calc(var(--fade) * 100%),var(--from))}.philosophy-body{display:grid;gap:clamp(28px,3vw,40px)}.saying{display:grid;gap:8px;padding-top:20px;border-top:var(--rule-dark);color:var(--gray-1)}.saying blockquote{font:500 15px/1.5 var(--text);max-width:46ch}.saying figcaption{font:500 13px/1.4 var(--text)}.foot-note{margin-top:18px;color:var(--gray-3);font-size:13px}@media (max-width: 900px){.why .wrap{grid-template-columns:minmax(0,1fr)}}.bend{position:absolute;inset:0;z-index:100;pointer-events:none;clip-path:inset(-50% 0 -50% 0)}.bend-clip{position:absolute;inset:0;overflow:clip;perspective:3200px;perspective-origin:50% 50%}.menu>.bend{position:fixed;z-index:1;clip-path:none}.menu>.menu-plate{z-index:20}.bend-shadow{transform-origin:50% 100%}.bend-strip{position:absolute;left:calc(var(--bleed) * -1);right:calc(var(--bleed) * -1);overflow:hidden;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform}.bend-side{position:absolute;top:0;bottom:0;width:var(--bleed);background:var(--sheet-bg)}.bend-side.l{left:0}.bend-side.r{right:0}.bend-strip.last .bend-side{bottom:var(--bend-r)}.bend-shadow{position:absolute;left:0;width:var(--w);top:0;border-radius:0 0 var(--bend-r) var(--bend-r);box-shadow:var(--page-shadow)}.bend .nav,.bend .label,.bend .foot-row,.bend .foot-note{opacity:var(--fade-in, 1)}.bend-inner{position:absolute;left:var(--bleed);width:var(--w)}.bend{--bend-r: var(--r)}.bend-inner>.hero,.bend-inner>.sheet{position:relative;margin:0!important;transform:none!important;box-shadow:none!important;border-radius:0 0 var(--bend-r) var(--bend-r)!important}.bend-inner>.hero:before,.bend-inner>.sheet:before,.bend-inner>.hero:after,.bend-inner>.sheet:after{display:none}.bend-inner>.menu-hole{position:absolute;inset:0}.bend-inner .faq-grid .head,.bend-inner .chapter>.label{position:relative!important;top:var(--stuck, 0px)!important}.bend-shade{position:absolute;inset:0;z-index:60;pointer-events:none;opacity:0}.bend-strip.last .bend-shade{bottom:var(--bend-r);background-size:100% var(--strip-h)}.bend-strip.last .bend-shade.corner{top:auto;bottom:0;height:var(--bend-r);left:var(--bleed);right:var(--bleed);border-radius:0 0 var(--bend-r) var(--bend-r);background-size:100% var(--strip-h);background-position:0 100%}.bend-side{background-image:var(--paper-grain);background-size:512px 512px}.bend-strip.up .bend-shade{background:linear-gradient(180deg,#fff9 0,#fff0 3px),linear-gradient(0deg,#0000008c 0,#0000003d 3px,#0000 44px),linear-gradient(180deg,#ffffff29,#ffffff0f 18%,#fff0 40%,#0000000a 75%,#00000021)}.bend-strip.down .bend-shade{background:linear-gradient(180deg,#000000a6 0,#0003 4px,#0000 30px),linear-gradient(0deg,#ffffff59 0,#fff0 3px),linear-gradient(180deg,#0003,#0000006b 12%,#00000042,#0000001c 88%,#0000000d)}.bend-strip.last .bend-shade.corner{background-size:100% var(--strip-h)!important;background-position:0 100%!important}.bend-strip.last.down .bend-shade{background:linear-gradient(180deg,#000000a6 0,#0003 4px,#0000 30px),linear-gradient(180deg,#0003,#0000006b 12%,#00000042,#0000001c 88%,#0000000d);background-size:100% var(--strip-h)}.menu>.bend .bend-clip{perspective:1050px}.menu>.bend .bend-strip,.menu>.bend .bend-inner>.menu-hole,.menu>.bend .bend-clip{border-radius:0!important}.menu .bend-side{background-image:var(--paper-grain-dark)}.menu .bend-shadow{display:none}.motion .menu .menu-foot .wipe{position:relative;inset:auto;--wa: clamp(0, var(--wf, 1) / .25, 1);--wb: clamp(0, (var(--wf, 1) - .25) / .75, 1);clip-path:inset(calc((1 - var(--wb)) * 100%) calc((1 - var(--wa)) * 100%) -3px 0)}.motion .menu .menu-foot .wipe:before{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--paper-hi);opacity:clamp(0,1 - var(--wb) * 2,1);pointer-events:none}.motion .menu .menu-foot .wipe.is-in{clip-path:none}.motion .menu .menu-foot .wipe.is-in:before{display:none}.motion .menu:not(.is-closing)>.menu-hole.cut.from-point{clip-path:none!important}.motion .menu:not(.is-closing)>.menu-hole.cut:before{display:none}.menu>.menu-hole.bend-real>.menu-foot{opacity:0!important}.bend-inner>.menu-hole{clip-path:none!important}.menu .bend-strip.up .bend-shade{background:linear-gradient(180deg,#ffffff80 0,#ffffff24 2px,#fff0 4px),linear-gradient(0deg,#ffffff1f 0,#fff0 2px),linear-gradient(180deg,#ffffff4d,#ffffff26 30%,#ffffff0a 70%,#00000042)}.menu .bend-strip.down .bend-shade{background:linear-gradient(180deg,#ffffff1f 0,#fff0 2px),linear-gradient(0deg,#ffffff80 0,#ffffff24 2px,#fff0 4px),linear-gradient(180deg,#000c,#000000a3 40%,#0006 85%,#00000047)}.menu .bend-strip.up.first .bend-shade{background:linear-gradient(0deg,#ffffff1f 0,#fff0 2px),linear-gradient(180deg,#fff3,#ffffff1a 30%,#ffffff08 70%,#0003)}.menu .bend-strip.down.last .bend-shade{background:linear-gradient(180deg,#ffffff1f 0,#fff0 2px),linear-gradient(180deg,#000000a8,#00000085 40%,#00000052 85%,#00000038);background-size:auto}.motion .folds{display:none}.bend-real{background:transparent!important;box-shadow:none!important}.bend-real>:not(.bend):not(.folds){opacity:0!important}.bend-real:before,.bend-real:after{opacity:0!important}html.bend-hero body>header.nav{opacity:0}.menu:not(.is-closing)>.menu-hole.bend-real{z-index:2}.menu:not(.is-closing)>.menu-hole.bend-real>.menu-foot{opacity:0!important}.menu:not(.is-closing)>.bend .menu-foot{visibility:hidden}:root{--paper-grain: url(paper-grain.webp);--paper-grain-dark: url(paper-grain.webp)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:#666;-webkit-mask:var(--paper-grain) 0 0 / 512px 512px;mask:var(--paper-grain) 0 0 / 512px 512px}.sheet{background-image:var(--paper-grain);background-size:512px 512px;background-repeat:repeat}.hole{background-image:var(--paper-grain-dark);background-size:512px 512px}.hero>canvas.crumple,[data-crumple]>canvas.crumple{position:absolute;inset:0;width:100%;height:100%;z-index:35;pointer-events:none;border-radius:inherit;opacity:0;visibility:hidden;transition:opacity var(--short) var(--ease),visibility 0s var(--short)}.motion canvas.crumple.is-on{opacity:1;visibility:visible;transition:opacity var(--short) var(--ease)}.motion canvas.crumple.is-now{transition:none}html.crumple-on body>header.nav{opacity:0!important}html.crumple-wait [data-crumple=iron]>:not(canvas),html.crumple-wait [data-crumple=load]>:not(canvas){visibility:hidden}html.crumple-wait.home-intro body>header.nav{visibility:hidden}html.crumple-wait.home-intro main>.hero[data-crumple]~*,html.crumple-wait.home-echo main>.hero[data-crumple]~*{visibility:hidden}.motion [data-crumple] [data-title]{clip-path:none!important}[data-crumple] [data-title]:before{opacity:0!important}.form .field.hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}.email:not(.is-real) .email-text:before{content:"ngised.noitcartbus" "@" "maet";direction:rtl;unicode-bidi:bidi-override}.email-text:before{content:none}html,body{overscroll-behavior-y:none}.menu-links a{margin-inline:calc((var(--mpad) - var(--sbw, 0px)) * -1) calc(var(--mpad) * -1);padding-inline:calc(var(--mpad) - var(--sbw, 0px)) var(--mpad);perspective:700px;box-shadow:inset 0 0 0 transparent,inset 0 0 0 transparent;transition:box-shadow var(--long) cubic-bezier(.16,1,.3,1)}.menu-links a:after{left:0!important;right:0!important}.menu-links a>*{transform-origin:50% 50%;transition:transform var(--long) cubic-bezier(.16,1,.3,1),opacity var(--medium) var(--ease)}@media (hover: hover){.motion .menu-links a:hover,.motion .menu-links a:hover>*,.motion .menu-links a:has(+a:hover),.motion .menu-links a:has(+a:hover)>*,.motion .menu-links a:hover+a,.motion .menu-links a:hover+a>*,.motion .menu-links a:has(+a+a:hover),.motion .menu-links a:has(+a+a:hover)>*,.motion .menu-links a:hover+a+a,.motion .menu-links a:hover+a+a>*{transition-duration:var(--medium);transition-timing-function:var(--ease)}.motion .menu-links a:hover{box-shadow:inset 0 12px 16px -12px #00000057,inset 0 -12px 16px -12px #00000057}.motion .menu-links a:hover>*{transform:translateZ(-17px)}.motion .menu-links a:has(+a:hover){box-shadow:inset 0 0 0 transparent,inset 0 -12px 16px -12px #00000057}.motion .menu-links a:has(+a:hover)>*{transform-origin:50% 0;transform:translateY(-1px) rotateX(-7deg)}.motion .menu-links a:hover+a{box-shadow:inset 0 12px 16px -12px #00000057,inset 0 0 0 transparent}.motion .menu-links a:hover+a>*{transform-origin:50% 100%;transform:translateY(1px) rotateX(7deg)}.motion .menu-links a:has(+a+a:hover){box-shadow:inset 0 0 0 transparent,inset 0 -8px 12px -10px #00000024}.motion .menu-links a:has(+a+a:hover)>*{transform-origin:50% 0;transform:rotateX(-2.5deg)}.motion .menu-links a:hover+a+a{box-shadow:inset 0 8px 12px -10px #00000024,inset 0 0 0 transparent}.motion .menu-links a:hover+a+a>*{transform-origin:50% 100%;transform:rotateX(2.5deg)}}.motion .menu-links a:focus-visible{box-shadow:inset 0 12px 16px -12px #00000057,inset 0 -12px 16px -12px #00000057}.menu-links a:first-child{box-shadow:0 0 0 transparent,inset 0 0 0 transparent}.menu-links a:last-child{box-shadow:inset 0 0 0 transparent,0 0 0 transparent}@media (hover: hover){.motion .menu-links a:first-child:hover{box-shadow:0 0 0 transparent,inset 0 -12px 16px -12px #00000057}.motion .menu-links a:first-child:has(+a:hover){box-shadow:0 0 0 transparent,inset 0 -12px 16px -12px #00000057}.motion .menu-links a:first-child:has(+a+a:hover){box-shadow:0 0 0 transparent,inset 0 -8px 12px -10px #00000024}.motion .menu-links a:last-child:hover{box-shadow:inset 0 12px 16px -12px #00000057,0 0 0 transparent}.motion .menu-links a:hover+a:last-child{box-shadow:inset 0 12px 16px -12px #00000057,0 0 0 transparent}.motion .menu-links a:hover+a+a:last-child{box-shadow:inset 0 8px 12px -10px #00000024,0 0 0 transparent}}.motion .menu-links a:first-child:focus-visible{box-shadow:0 0 0 transparent,inset 0 -12px 16px -12px #00000057}.motion .menu-links a:last-child:focus-visible{box-shadow:inset 0 12px 16px -12px #00000057,0 0 0 transparent}.motion .menu-links a:focus-visible>*{transform:translateZ(-17px)}.menu-links a{position:relative;border-top:0!important}.menu-links a:last-child{border-bottom:0!important}.menu-links a:after{content:"";position:absolute;left:calc((var(--mpad) - var(--sbw, 0px)) * -1);right:calc(var(--mpad) * -1);bottom:-1px;height:1px;pointer-events:none;background:#000000e6;box-shadow:0 1px #ffffff38;opacity:.8;transform-origin:50% 0;transition:opacity var(--short) var(--ease),transform var(--short) var(--ease)}.menu-links a:hover:after,.menu-links a:focus-visible:after{opacity:1;transform:scaleY(2)}.motion .menu-links a.is-open:hover:before,.menu-links a:hover:before{opacity:0}.menu .motion-switch{gap:10px}.ms-track{position:relative;flex:none;width:38px;height:22px;border-radius:999px;background:#0000008c;box-shadow:inset 0 2px 4px #000000bf,inset 0 -1px #ffffff24;transition:background var(--short) var(--ease),box-shadow var(--short) var(--ease)}.ms-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--gray-1);box-shadow:0 1px 2px #0009,inset 0 1px #ffffff40;transition:transform var(--medium) var(--ease),background var(--short) var(--ease)}.ms-state{display:inline-block;width:1.9em;text-align:left;color:var(--gray-1)}.motion-switch[aria-pressed=true] .ms-track{background:var(--paper-hi);box-shadow:inset 0 2px 4px #00000047,inset 0 -1px #fff9}.motion-switch[aria-pressed=true] .ms-knob{transform:translate(16px);background:var(--ink);box-shadow:0 1px 2px #00000059}.motion-switch[aria-pressed=true] .ms-state{color:var(--paper-hi)}.case-top{position:relative;display:inline-flex;align-items:center;gap:clamp(14px,2vw,22px);margin-bottom:16px;text-decoration:none;color:inherit}.case-top.back:after{content:"";position:absolute;inset:-14px -16px}.case-top.back{z-index:2}body>header.nav{pointer-events:none}body>header.nav a,body>header.nav button{pointer-events:auto}.case-top .label{margin:0}.btn.back-cut{position:relative;isolation:isolate;width:40px;height:40px;padding:0;margin:-10px 0 -10px -13.5px;justify-content:center;font-size:15px;background:none;box-shadow:none}.btn.back-cut:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:999px;background:var(--surface, var(--paper));box-shadow:inset calc(var(--o1) * var(--s) * var(--k) * -1) calc(var(--o1) * var(--c) * var(--k)) calc(var(--b1) * var(--k)) rgba(var(--c1),calc(var(--a1) * (.5 + var(--k) * .5))),inset calc(var(--o2) * (-.8 * var(--c) - var(--s)) * var(--k)) calc(var(--o2) * (-.8 * var(--s) + var(--c)) * var(--k)) calc(var(--b2) * var(--k)) rgba(var(--c2),calc(var(--a2) * (.5 + var(--k) * .5))),inset calc(var(--s) * 1px) calc(var(--c) * -1px) 0 rgba(255,255,255,var(--ah));clip-path:inset(calc(100% - 10px) 12px 10px 12px round 999px);transition:clip-path var(--medium) var(--ease)}.back-roll{display:inline-block;position:relative;height:1.3em;line-height:1.3em;overflow:hidden;perspective:2.6em}.back-strip{display:grid}.back-strip>span{grid-area:1 / 1;white-space:nowrap;transform-origin:50% 50%;backface-visibility:hidden;transition:transform var(--medium) var(--ease),opacity var(--medium) var(--ease),filter var(--medium) var(--ease)}.back-strip>span:last-child{transform:translateY(100%) rotateX(-70deg);opacity:.5;filter:brightness(.55)}@media (hover: hover){.case-top.back:hover .btn.back-cut{--k: 1.9}.case-top.back:hover .btn.back-cut:before{clip-path:inset(0 0 0 0 round 999px)}.case-top.back:hover .back-strip>span:first-child{transform:translateY(-100%) rotateX(70deg);opacity:.5;filter:brightness(.55)}.case-top.back:hover .back-strip>span:last-child{transform:none;opacity:1;filter:none}}.case-top.back:active .btn.back-cut{--k: 2.4}.case-top.back:focus-visible{outline:none}.case-top.back:focus-visible .btn.back-cut:before{clip-path:inset(0 0 0 0 round 999px)}.case-top.back:focus-visible .back-strip>span:first-child{transform:translateY(-100%) rotateX(70deg);opacity:.5}.case-top.back:focus-visible .back-strip>span:last-child{transform:none;opacity:1;filter:none}.case-top.back:focus-visible .btn.back-cut{outline:2px solid var(--ink);outline-offset:3px}html:not(.motion) .btn.back-cut:before,html:not(.motion) .back-strip>span{transition:none}.roll-size{visibility:hidden}.roll{position:absolute;inset:0;border-radius:inherit;overflow:hidden;perspective:90px;perspective-origin:50% 50%;pointer-events:none}.roll-strip{position:absolute;inset:0}.roll-strip>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform}.roll-strip>span:first-child{transform:translateY(-100%) rotateX(70deg)}.roll-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@view-transition{navigation: auto;}::view-transition-group(root),::view-transition-group(pt-hero),::view-transition-group(pt-nav){animation-duration:var(--long, .7s)}::view-transition-old(root){animation:pt-dim var(--long, .7s) cubic-bezier(.33,1,.68,1) both}::view-transition-new(root){animation:pt-rise var(--long, .7s) cubic-bezier(.33,1,.68,1) both}html:active-view-transition-type(pt-push) main>.hero{view-transition-name:pt-hero}html:active-view-transition-type(pt-push) body>header.nav{view-transition-name:pt-nav}html.pt-off main>.hero{view-transition-name:pt-hero}html.pt-off body>header.nav{view-transition-name:pt-nav}::view-transition-new(pt-hero){animation:pt-drop var(--long, .7s) cubic-bezier(.33,1,.68,1) both;box-shadow:0 30px 60px -24px #00000080,0 12px 20px -10px #00000059}::view-transition-new(pt-nav){animation:pt-drop var(--long, .7s) cubic-bezier(.33,1,.68,1) both}::view-transition-old(pt-hero){animation:pt-lift var(--long, .7s) cubic-bezier(.33,1,.68,1) both;box-shadow:0 30px 60px -24px #00000080,0 12px 20px -10px #00000059}::view-transition-old(pt-nav){animation:pt-lift var(--long, .7s) cubic-bezier(.33,1,.68,1) both}html:active-view-transition-type(pt-back)::view-transition-old(root){z-index:1;animation:pt-sink var(--long, .7s) cubic-bezier(.33,1,.68,1) both}html:active-view-transition-type(pt-back)::view-transition-new(root){animation:pt-undim var(--long, .7s) cubic-bezier(.33,1,.68,1) both}html:active-view-transition-type(pt-menu)::view-transition-old(root){display:none}html:active-view-transition-type(pt-menu)::view-transition-new(root){animation:none}html:active-view-transition-type(pt-menu)::view-transition-group(root){animation-duration:var(--medium, .35s)}::view-transition-old(menu){animation:pt-menu var(--medium, .35s) cubic-bezier(.33,1,.68,1) both}::view-transition-new(menu){display:none}@keyframes pt-drop{0%{transform:translateY(-100vh)}to{transform:none}}@keyframes pt-rise{0%{transform:translateY(100vh)}to{transform:none}}@keyframes pt-lift{0%{transform:none}to{transform:translateY(-100vh)}}@keyframes pt-sink{0%{transform:none}to{transform:translateY(100vh)}}@keyframes pt-dim{0%{filter:brightness(1)}to{filter:brightness(.8)}}@keyframes pt-undim{0%{filter:brightness(.8)}to{filter:brightness(1)}}@keyframes pt-menu{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}@media (prefers-reduced-motion: reduce){@view-transition{navigation: none;}}html.pt-arrive body>header.nav,html.pt-arrive main>.hero{animation:pt-drop var(--long, .7s) cubic-bezier(.33,1,.68,1) both}html.pt-arrive main>:not(.hero),html.pt-arrive body>footer{animation:pt-rise var(--long, .7s) cubic-bezier(.33,1,.68,1) both}html.pt-arrive main>.hero{box-shadow:0 30px 60px -24px #00000080,0 12px 20px -10px #00000059}html.pt-quick::view-transition-group(*),html.pt-quick::view-transition-old(*),html.pt-quick::view-transition-new(*){animation-duration:var(--medium, .35s)!important}html.pt-quick.pt-arrive body>header.nav,html.pt-quick.pt-arrive main>*,html.pt-quick.pt-arrive body>footer{animation-duration:var(--medium, .35s)!important}html{overflow-x:clip}html{scrollbar-gutter:stable}html.menu-open{--sbw: 0px !important}:root{interpolate-size:allow-keywords}.motion .faq::details-content{block-size:0;overflow:clip;transition:block-size var(--medium) var(--ease),content-visibility var(--medium) allow-discrete}.motion .faq[open]::details-content{block-size:auto}.motion .faq p{transform-origin:50% 0;transition:transform var(--medium) var(--ease),opacity var(--medium) var(--ease)}.motion .faq:not([open]) p{transform:perspective(900px) rotateX(-70deg);opacity:0}@starting-style{.motion .faq[open] p{transform:perspective(900px) rotateX(-70deg);opacity:0}}.on-dark .btn{color:var(--ink);background:var(--paper-hi);--a1: .3;--a2: .2;--ah: .6}.h1,.h2,.h3,.lead,.wordmark+.lead,blockquote,.quote p{text-wrap:balance}p,li,dd{text-wrap:pretty}.partner .lead{margin-top:20px}.partner .partner-toggle{margin-top:32px}.partner-form{min-width:0}.partner-form[inert]{visibility:hidden}.motion .partner-form.is-opening{animation:partner-open var(--long) var(--ease) backwards}@keyframes partner-open{0%{clip-path:inset(0 -24px 100% -24px)}to{clip-path:inset(0 -24px -24px -24px)}}@media (prefers-reduced-motion: reduce){.motion .partner-form.is-opening{animation:none}}.partner fieldset{border:0;margin:0 0 8px;padding:0;min-width:0;display:grid;gap:2px}.partner legend{padding:0;margin-bottom:8px;color:var(--paper-hi)}.partner .help{margin:0 0 10px;color:var(--gray-1);font:400 15px/1.4 var(--text)}.choice{display:flex;align-items:center;gap:14px;min-height:44px;color:var(--paper-hi);font:400 16px/1.4 var(--text);cursor:pointer}.choice input{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:24px;height:24px;margin:0;border-radius:8px;background:var(--ink-lo);cursor:pointer;box-shadow:inset 0 2px 4px #000000bf,inset 0 -1px #ffffff24}.choice input:after{content:"";position:absolute;left:8px;top:3px;width:6px;height:12px;border:solid var(--paper-hi);border-width:0 2px 2px 0;transform:rotate(45deg);display:none}.choice input:checked:after{display:block}.choice input:focus-visible{outline:2px solid var(--gray-1);outline-offset:2px}.partner .err{display:flex;align-items:center;gap:12px;margin:6px 0 0;color:var(--paper-hi);font:500 15px/1.4 var(--text)}.partner .err:before{content:"";flex:none;width:14px;height:2px;border-radius:2px;background:var(--paper-hi)}.partner .err[hidden]{display:none}.form-status{display:flex;align-items:center;gap:12px;margin:14px 0 0;font:500 15px/1.4 var(--text);color:inherit;outline:none}.form-status:empty{display:none}.form-status:before{content:"";flex:none;width:14px;height:2px;border-radius:2px;background:currentColor}.form.is-sent>:not(.form-status){display:none}.form.is-sent .form-status{margin:0;font:600 clamp(20px,2vw,26px)/1.25 var(--display);letter-spacing:-.01em}.form .btn:disabled{cursor:progress}.privacy{display:grid;gap:clamp(56px,7vw,96px)}html.crumple-on body>header.nav .btn:not(.back-cut):hover,html.home-intro [data-home] .btn:not(.back-cut):hover,html.home-echo [data-home] .btn:not(.back-cut):hover{--k: 0}.bend-inner>.foot:after{display:block}.btn:not(.back-cut){--k-rest: .5;--k: var(--k-rest);transition:--k var(--short) var(--ease);box-shadow:inset calc(var(--o1) * var(--s) * var(--k) * -1) calc(var(--o1) * var(--c) * var(--k)) calc(var(--b1) * var(--k)) rgba(var(--c1),calc(var(--a1) * (.5 + var(--k) * .5))),inset calc(var(--o2) * (-.8 * var(--c) - var(--s)) * var(--k)) calc(var(--o2) * (-.8 * var(--s) + var(--c)) * var(--k)) calc(var(--b2) * var(--k)) rgba(var(--c2),calc(var(--a2) * (.5 + var(--k) * .5))),inset calc(var(--s) * 1px) calc(var(--c) * -1px) 0 rgba(255,255,255,calc(var(--ah) * min(1,var(--k)))),inset 0 0 0 1px var(--stroke)}.btn:not(.back-cut){--stroke: rgba(34,34,34,.16)}.on-dark .btn:not(.back-cut){--o1: 3px;--b1: 6px;--a1: .24;--o2: 5px;--b2: 10px;--a2: .08;--ah: .6;--stroke: rgba(34,34,34,.22)}@media (hover: hover){.btn:not(.back-cut):hover{--k: 1}}.btn:not(.back-cut)[aria-expanded=true]{--k: 1}.btn:not(.back-cut):active{--k: 1.5}.btn:not(.back-cut):focus-visible{outline:2px solid var(--ink);outline-offset:2px}.on-dark .btn:not(.back-cut):focus-visible{outline-color:var(--paper)}html.inlay :is(.btn:not(.back-cut),.field input,.field textarea):not(.is-inlaid):not(.nav-float .btn):not(dialog .btn):not(.hp input){--k: 0;--ah: 0}html.inlay :is(.btn:not(.back-cut),.field input,.field textarea).is-pressing:not(.is-inlaid):not(.nav-float .btn):not(dialog .btn):not(.hp input){--k: var(--in, 0);--ah: var(--ah-in, 0);transition:none}:root{--surface: #F0EFEC;--sheet-a: #EBE9E4;--sheet-b: #E9E7E2;--paper-floor: url(paper-floor.webp);--cut-edge: url(cut-edge.webp);--tuck: 0 2px 3px -1px rgba(0,0,0,.22), 0 8px 18px -6px rgba(40,34,30,.16), 0 26px 64px -22px rgba(40,34,30,.16)}.hero,.sheet:not(.foot),body>header.nav{--surface: var(--sheet-a);--gray-3: #4C4A43}main>section:nth-of-type(2n){--surface: var(--sheet-b)}.hero,.sheet:not(.foot){border-radius:0 0 var(--r) var(--r);box-shadow:inset 0 -1px #fff9,var(--tuck)}.sheet:not(.foot){background:var(--surface) var(--paper-floor) 0 0 / 512px 512px}.hero{background-color:var(--surface)}.hero:after{-webkit-mask:var(--paper-floor) 0 0 / 512px 512px;mask:var(--paper-floor) 0 0 / 512px 512px}.hero:before,.sheet:not(.foot):before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;border:solid transparent;border-width:0 0 2px;box-sizing:border-box;background:var(--cut-edge) 0 0 / 128px 128px border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude}.hero[data-crumple]:before{z-index:36}::view-transition-new(pt-hero),::view-transition-old(pt-hero){border-radius:0 0 var(--r) var(--r)}@property --press{syntax: "<number>"; inherits: false; initial-value: 1;}.hero,.sheet,.foot{border-radius:0!important}.sheet,.foot{margin-top:0!important}.sheet{padding-top:var(--section)}.sheet.tight{padding-top:clamp(24px,3vw,40px)}.motion .hero,.motion .sheet:not(.foot){transform:none!important}.motion main>.sheet:not(:has(>.hole)){overflow:clip}.motion main>.sheet:not(:has(>.hole))>.wrap{transform:translateY(var(--drift, 0px))}html .sheet:has(>.hole.on-dark){padding:0}.menu.is-arriving .menu-links a,.menu.is-arriving .menu-links a>*{transform:none!important;box-shadow:none!important}.menu.is-arriving .menu-links .menu-word{color:var(--paper-hi)!important}.menu.is-arriving .menu-links .menu-word:after{transform:scaleX(0)!important}.motion .menu-links a{transition:box-shadow var(--medium) var(--ease)}.menu-links a>.menu-word{transition:transform var(--long) cubic-bezier(.16,1,.3,1),opacity var(--medium) var(--ease),color var(--medium) var(--ease)}@property --lit{syntax: "<number>"; inherits: false; initial-value: 0;}@property --ly{syntax: "<percentage>"; inherits: false; initial-value: 50%;}html main>.hero:not(:has(>.hole)),html main>.sheet:not(:has(>.hole)){--press: 1;background-image:radial-gradient(ellipse 120% 85% at 50% var(--ly),rgba(248,248,246,var(--lit)) 0%,rgba(248,248,246,calc(var(--lit) * .7)) 40%,rgba(248,248,246,calc(var(--lit) * .25)) 75%,rgba(248,248,246,0) 100%),var(--paper-floor);background-size:100% 100%,512px 512px;background-repeat:no-repeat,repeat}html main>.hero:not(:has(>.hole)){background-image:radial-gradient(ellipse 120% 85% at 50% var(--ly),rgba(248,248,246,var(--lit)) 0%,rgba(248,248,246,calc(var(--lit) * .7)) 40%,rgba(248,248,246,calc(var(--lit) * .25)) 75%,rgba(248,248,246,0) 100%);background-size:100% 100%}html main>.hero,html main>.sheet,html body>.foot{--press: 1 !important}html:not(.motion) main>.hero,html:not(.motion) main>.sheet{transition:none}html:not(.motion) main>.sheet:not(:has(>.hole)){--press: 1}html main>.hero:not([data-crumple-busy]){box-shadow:inset 0 1px rgba(34,34,34,calc(.22 * var(--press))),inset 0 calc(3px * var(--press)) calc(5px * var(--press)) -2px rgba(0,0,0,calc(.16 * var(--press))),inset 0 calc(14px * var(--press)) calc(26px * var(--press)) -16px rgba(40,34,30,calc(.22 * var(--press))),inset 0 calc(40px * var(--press)) calc(70px * var(--press)) -46px rgba(40,34,30,calc(.16 * var(--press)))}html .sheet>.philosophy{margin-top:0}.partner .wrap{align-items:start}.partner .partner-form legend{margin-bottom:6px}.partner .roles{display:grid;border-bottom:var(--rule);margin-top:8px}.partner .choice.role{display:grid;grid-template-columns:3em minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 0;border-top:var(--rule)}.partner .choice.role .num{color:var(--gray-2);font:500 14px/1 var(--text);font-variant-numeric:tabular-nums}.partner .choice.role .role-name{font:600 clamp(18px,1.6vw,22px)/1.25 var(--display);letter-spacing:-.01em;color:var(--ink)}.partner .partner-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:20px}.partner .form .btn{justify-self:start;margin-top:8px}.partner .h2,.partner legend,.partner .err{color:var(--ink)}.partner .err:before{background:var(--ink)}.partner .choice{color:var(--ink)}.partner .choice input{background:var(--surface);box-shadow:inset 0 2px 4px #0000002e,inset 0 -1px #fffc,inset 0 0 0 1px #22222229}.partner .choice input:after{border-color:var(--ink)}.partner .choice input:focus-visible{outline-color:var(--ink)}.partner .help,.partner .field span{color:var(--gray-3)}.partner .field input,.partner .field textarea{color:var(--ink);background:var(--surface);--o1: 5px;--b1: 4px;--a1: .25;--c1: 0,0,0;--o2: 18px;--b2: 42px;--a2: .14;--c2: 110,97,97;--ah: .8}.partner .field input:focus,.partner .field textarea:focus{outline-color:var(--ink)}html .quote-sheet{padding-bottom:var(--section)}html .sheet:has(>.hole.on-dark)>.hole.on-dark{padding-block:var(--section)}html.home-intro main>.hero,html.home-echo main>.hero{z-index:20}html .sheet:not(.bend-real):has(>.hole.on-dark){background-color:var(--ink);background-image:none}html .sheet.bend-real:has(>.hole.on-dark){background:var(--sheet-a) var(--paper-floor) 0 0 / 512px 512px!important}html .sheet:has(>.hole.on-dark)>.bend .bend-shadow{display:none}html .sheet:has(>.hole.on-dark) .bend-strip.up .bend-shade{background:linear-gradient(180deg,#ffffff80 0,#ffffff24 2px,#fff0 4px),linear-gradient(0deg,#ffffff1f 0,#fff0 2px),linear-gradient(180deg,#ffffff4d,#ffffff26 30%,#ffffff0a 70%,#00000042)}html .sheet:has(>.hole.on-dark) .bend-strip.down .bend-shade{background:linear-gradient(180deg,#ffffff1f 0,#fff0 2px),linear-gradient(0deg,#ffffff80 0,#ffffff24 2px,#fff0 4px),linear-gradient(180deg,#000c,#000000a3 40%,#0006 85%,#00000047)}html .sheet:has(>.hole.on-dark) .bend-strip.up.first .bend-shade{background:linear-gradient(0deg,#ffffff1f 0,#fff0 2px),linear-gradient(180deg,#fff3,#ffffff1a 30%,#ffffff08 70%,#0003)}html .sheet:has(>.hole.on-dark) .bend-strip.down.last .bend-shade,html .sheet:has(>.hole.on-dark) .bend-strip.last .bend-shade.corner{background:linear-gradient(180deg,#ffffff1f 0,#fff0 2px),linear-gradient(180deg,#000000a8,#00000085 40%,#00000052 85%,#00000038);background-size:auto}html .sheet:has(>.hole.on-dark)>.hole.on-dark{box-shadow:none!important;background-color:transparent}html .sheet:has(>.hole.on-dark)>.hole.on-dark:before,html .sheet:has(>.hole.on-dark)>.hole.on-dark:after{box-shadow:none!important}html .sheet:not(.foot):has(>.hole.on-dark){box-shadow:inset 0 1px rgba(0,0,0,calc(.55 * var(--press))),inset 0 calc(4px * var(--press)) calc(8px * var(--press)) -3px rgba(0,0,0,calc(.45 * var(--press))),inset 0 calc(22px * var(--press)) calc(40px * var(--press)) -24px rgba(0,0,0,calc(.5 * var(--press)))}html .sheet:has(>.hole.on-dark)>.hole.on-dark{margin-inline:0;border-radius:0}main>section:nth-of-type(1){z-index:1}main>section:nth-of-type(2){z-index:2}main>section:nth-of-type(3){z-index:3}main>section:nth-of-type(4){z-index:4}main>section:nth-of-type(5){z-index:5}main>section:nth-of-type(6){z-index:6}main>section:nth-of-type(7){z-index:7}main>section:nth-of-type(8){z-index:8}.foot{z-index:9}html .hero{box-shadow:none}html .hero:before,html .sheet:before{display:none}html .sheet:not(.foot),html .foot{box-shadow:inset 0 1px rgba(34,34,34,calc(.22 * var(--press))),inset 0 calc(3px * var(--press)) calc(5px * var(--press)) -2px rgba(0,0,0,calc(.16 * var(--press))),inset 0 calc(14px * var(--press)) calc(26px * var(--press)) -16px rgba(40,34,30,calc(.22 * var(--press))),inset 0 calc(40px * var(--press)) calc(70px * var(--press)) -46px rgba(40,34,30,calc(.16 * var(--press)))}html.inlay .sheet,html.inlay .foot{--press: 0}::view-transition-new(pt-hero),::view-transition-old(pt-hero){border-radius:0}@property --floor{syntax: "<number>"; inherits: false; initial-value: 0;}.btn:not(.back-cut){--k-rest: .4;--floor: 0;transition:--k var(--short) var(--ease),--floor var(--short) var(--ease);box-shadow:inset calc(var(--o1) * var(--s) * var(--k) * -1) calc(var(--o1) * var(--c) * var(--k)) calc(var(--b1) * var(--k)) rgba(var(--c1),calc(var(--a1) * (.5 + var(--k) * .5))),inset calc(var(--o2) * (-.8 * var(--c) - var(--s)) * var(--k)) calc(var(--o2) * (-.8 * var(--s) + var(--c)) * var(--k)) calc(var(--b2) * var(--k)) rgba(var(--c2),calc(var(--a2) * (.5 + var(--k) * .5))),inset calc(var(--s) * 1px) calc(var(--c) * -1px) 0 rgba(255,255,255,calc(var(--ah) * min(1,var(--k)))),inset 0 0 0 1px var(--stroke),inset 0 0 0 999px rgba(34,34,34,var(--floor))}@media (hover: hover){.btn:not(.back-cut):hover{--k: 1.25;--floor: .06}}.btn:not(.back-cut)[aria-expanded=true]{--k: 1.25;--floor: .06}.btn:not(.back-cut):active{--k: 1.75;--floor: .1}.btn.nav-menu,.nav-float .btn,.btn.menu-close,.on-dark .btn.menu-close{--k-rest: .15;--stroke: rgba(34,34,34,.3)}.on-dark .btn:not(.back-cut){--o1: 2px;--b1: 5px;--a1: .15;--o2: 5px;--b2: 10px;--a2: .05;--ah: .5}html main>.hero:not([data-crumple-busy]),html main>.sheet:not(.foot):not(:has(>.hole.on-dark)),html body>.foot{box-shadow:inset 0 1px rgba(34,34,34,calc(.18 * var(--press))),inset 0 calc(3px * var(--press)) calc(5px * var(--press)) -2px rgba(0,0,0,calc(.12 * var(--press))),inset 0 calc(12px * var(--press)) calc(20px * var(--press)) -14px rgba(40,34,30,calc(.1 * var(--press)))}html main>.sheet.bend-real:has(>.hole.on-dark)+.sheet{box-shadow:none}html body:has(>main>.sheet.bend-real:last-child)>.foot{box-shadow:none}html:not(.motion) .btn:not(.back-cut){transition:none}.reference{margin-top:clamp(56px,7vw,96px);padding:clamp(28px,3vw,40px) 0 clamp(24px,2.6vw,34px);border-bottom:1px solid rgba(34,34,34,.16);box-shadow:inset 0 1px #2222222e,inset 0 3px 5px -2px #0000001f,inset 0 12px 20px -14px #28221e1a,inset 0 -1px #ffffffd9}.reference-text{margin:0;max-width:38ch;font:500 clamp(21px,1.8vw,27px)/1.35 var(--display);letter-spacing:-.01em;color:var(--ink);text-wrap:pretty}.reference-cite{margin:16px 0 0;font:400 14px/1.5 var(--text);color:var(--gray-3)}.cover-fx{position:relative}.cover-fx .cover-clock{position:static;height:0;margin-top:-5.625%;background:none}.cover-fx .cover-gray{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;filter:grayscale(1)}.motion .cover-fx .cover-gray{opacity:calc(1 - var(--fade))}#work{overflow-x:clip}.work-row{position:relative;margin-inline:auto;width:min(100vw,calc(var(--C) + 2 * (var(--vg) + var(--cw))));left:50%;translate:-50% 0;--C: min(56vw, 64svh * 1.6);--s: 1.333;--cw: calc(var(--C) / var(--s));--ch: calc(var(--cw) * .625);--vg: 24px;--gap: calc(var(--cw) * (var(--s) - 1) / 2 + var(--vg));--step: calc(var(--cw) + var(--gap))}@media (max-width: 700px){.work-row{--C: min(72vw, 60svh * .8);--ch: calc(var(--cw) * 1.25);--vg: 14px}}.row-nav{display:flex;justify-content:center;gap:14px;margin-top:4px}.work-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px;flex-wrap:wrap;margin-bottom:clamp(32px,5vw,64px)}.work-head .head{margin-bottom:0}.work-head .all-work{margin:0 0 4px;font:600 clamp(18px,1.6vw,24px)/1.3 var(--display);letter-spacing:-.01em;white-space:nowrap}.row-btn{display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:var(--surface, var(--paper));color:var(--ink);cursor:pointer;font:600 22px/1 var(--text);box-shadow:inset 0 3px 6px -1px #221e1a57,inset 0 -1px #ffffffb3}.row-btn:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.row-btn>span{display:block}.motion .row-btn{--hov: 0}.motion .row-btn>span{scale:calc(1 + var(--hov) * .3);transition:scale var(--short) var(--ease)}@media (hover: hover){.motion .row-btn:is(:hover,:focus-visible){--hov: 1}}.picks{display:flex;gap:var(--gap);margin:0;padding:calc(var(--ch) * (var(--s) - 1) / 2 + 20px) calc(50% - var(--cw) / 2);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.picks::-webkit-scrollbar{display:none}.picks:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.pick{flex:0 0 var(--cw);scroll-snap-align:center;color:inherit;text-decoration:none}.pick:focus-visible{outline:none}.pick:focus-visible .well{outline:2px solid var(--ink);outline-offset:6px}.pick .well{position:relative;width:100%;height:var(--ch);aspect-ratio:auto;overflow:hidden}.pick .t-photo{width:100%;height:100%;object-fit:cover}.t-scrim{position:absolute;inset:50% 0 0;z-index:1;pointer-events:none;background:linear-gradient(to top,#0e0c0a8c,#0e0c0a00)}.t-title{position:absolute;left:7%;right:40%;bottom:7%;z-index:2;overflow:clip;overflow-clip-margin:6px}.t-name{display:block;color:#fff;font:600 clamp(18px,calc(var(--cw) * .055),34px)/1.1 var(--display);letter-spacing:-.02em}.t-mark{position:absolute;right:5%;bottom:6%;z-index:2;height:34%;aspect-ratio:600 / 579;overflow:clip}.t-mark img{display:block;width:100%;height:100%;object-fit:contain}.motion .pick .t-mark img{transform:none}.t-tick{position:absolute;left:0;top:0;z-index:3;width:0;height:0;pointer-events:none;border-radius:inherit;background:linear-gradient(to bottom,#080604f5,#080604c7 20%,#08060475 45%,#08060429 72%,#08060400);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - min(140px,35%)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - min(140px,35%)),transparent)}@keyframes card-tick{0%{width:0;height:8px;opacity:.9}to{width:100%;height:40px;opacity:1}}.motion .pick.is-center .t-tick{animation:card-tick var(--cycle, 5s) linear forwards}.motion .work-row.is-paused .pick.is-center .t-tick{animation-play-state:paused}@keyframes t-size{0%{scale:1}50%{scale:var(--s)}to{scale:1}}@keyframes t-colour{0%,15%,85%,to{filter:grayscale(1) contrast(.62) brightness(1.16) sepia(.22)}50%{filter:grayscale(0) contrast(1) brightness(1) sepia(0)}}@keyframes t-rise{0%,30%,70%,to{translate:0 120%}50%{translate:0 0}}@keyframes t-shade{0%,30%,70%,to{opacity:0}50%{opacity:1}}@supports (animation-timeline: view()){.motion .pick{view-timeline:--tk inline;animation:t-size linear both;animation-timeline:view(inline)}.motion .pick .t-photo{animation:t-colour linear both;animation-timeline:--tk}.motion .pick .t-name,.motion .pick .t-mark img{animation:t-rise linear both;animation-timeline:--tk}.motion .pick .t-scrim{animation:t-shade linear both;animation-timeline:--tk}.motion .pick,.motion .pick :is(.t-photo,.t-name,.t-mark img,.t-scrim){animation-range:cover calc(50% - var(--step)) cover calc(50% + var(--step))}}.motion .pick:not(.is-center) :is(.t-photo,.t-mark){transition:translate var(--medium) var(--ease)}.motion .pick.is-center .t-photo{translate:calc(var(--mx, 0) * -8px) calc(var(--my, 0) * -6px)}.motion .pick.is-center .t-mark{translate:calc(var(--mx, 0) * -28px) calc(var(--my, 0) * -20px)}.pick-text{gap:8px}.pick .h3{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.035em;line-height:1.02}.project .h3{font-size:clamp(36px,4.6vw,68px);letter-spacing:-.04em;line-height:1}.pick-text{gap:10px}.meta{overflow:hidden}.meta span{white-space:nowrap}.meta span+span{position:relative}.meta span+span:before{position:absolute;left:-9.5px;top:50%;margin:-1.5px 0 0}.well .cut-in{position:absolute;inset:0;border-radius:inherit}.well .cut-in img{position:absolute;inset:0}.well .mark{position:absolute;right:5%;bottom:7%;z-index:3;height:46%;aspect-ratio:600 / 579;pointer-events:none}.well .mark img{display:block;width:100%;height:100%;object-fit:contain}.motion .well .mark img{transform:none}@media (hover: hover){.motion .project .well{--hk: .45;transition:--k var(--short) var(--ease)}.motion .project .well>img{filter:grayscale(1) contrast(.62) brightness(1.16) sepia(.22)}.motion .project .cut-in{opacity:0;transition:opacity var(--short) var(--ease)}.motion :is(.project:hover,.project:has(a:focus-visible)) .well{--hk: 1.6}.motion :is(.project:hover,.project:has(a:focus-visible)) .cut-in{opacity:1;transition:opacity var(--medium) var(--ease)}}.well.ld-wait{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 10'%3E%3Crect x='1' y='2' width='46' height='7' rx='3.5' fill='%23fff' fill-opacity='.7'/%3E%3Crect x='1' y='1' width='46' height='7' rx='3.5' fill='%23adaba3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:clamp(28px,12%,64px) auto}.well.ld-wait img{opacity:0}.motion .well.ld-show img{transition:opacity var(--medium) var(--ease)}
