:root{--ink:#1a1a1a;--ink-2:#3f3f3f;--body:#616161;--muted:#6f6f6f;--mark:#ababab;--line:#1e1e1e14;--plate:#fafafa;--fill:#f0f0f0;--fill-press:#e8e8e8;--col:572px;--gutter:16px;--ease:cubic-bezier(.22, 1, .36, 1);--sans:var(--font-suisse), system-ui, sans-serif}html{scrollbar-gutter:stable}.site,.case,.sheet,.lightbox{color:var(--ink);font-family:var(--sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-size:14px;line-height:150%}.col{width:100%;max-width:var(--col);background:#fff;margin-inline:auto}@media (min-width:573px){.col{outline:1px solid var(--line)}}.pad{padding-inline:var(--gutter)}.title{color:var(--ink);font-weight:500}.title-2{color:var(--ink-2);font-weight:500}.body{color:var(--body)}.dim{color:var(--muted)}.label{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;font-size:11px;line-height:150%}.link{color:var(--ink);text-underline-position:from-font;text-underline-offset:1px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.link--soft{color:var(--body);-webkit-text-decoration-color:var(--mark);text-decoration-color:var(--mark);font-weight:400}@media (hover:hover) and (pointer:fine){.link:hover{color:#000;text-decoration-color:currentColor}}.link-mark{color:var(--mark);flex-shrink:0;margin-left:5px;margin-right:4px;transition:color .2s linear;display:inline-block}@media (hover:hover) and (pointer:fine){.link:hover .link-mark{color:#000}}.copy{text-decoration:none}.copy .copy-slot__from{text-underline-position:from-font;text-underline-offset:1px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--mark);text-decoration-color:var(--mark)}@media (hover:hover) and (pointer:fine){.copy:hover .copy-slot__from{text-decoration-color:currentColor}}.copy-slot{position:relative}.copy-slot__from,.copy-slot__to{transition:opacity .18s linear,transform .18s linear}.copy-slot__to{color:var(--muted);white-space:nowrap;opacity:0;position:absolute;top:0;left:0;transform:translateY(3px)}.copy--on .copy-slot__from{opacity:0}.copy--on .copy-slot__to{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.copy-slot__to{transform:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{background:var(--plate);flex-direction:column;display:flex;position:relative}@media (max-width:572px){.topbar{z-index:40;position:sticky;top:0}}.topbar-row{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.topbar-nav{align-items:center;gap:16px;min-width:0;display:flex}.topbar-nav a,.navlink{color:var(--muted);font-weight:500;transition:color .2s linear}@media (hover:hover) and (pointer:fine){.topbar-nav a:hover,.navlink:hover{color:var(--ink)}}.topbar-right,.sticky-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.navlink{white-space:nowrap}.sticky{display:none}@media (min-width:573px){.sticky{z-index:30;pointer-events:none;display:block;position:fixed;top:0;left:0;right:0}.sticky-inner{width:100%;max-width:var(--col);background:var(--plate);opacity:0;filter:blur(10px);transition:opacity .42s var(--ease), filter .42s var(--ease), transform .42s var(--ease);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;padding:12px 16px;display:flex;transform:translateY(-100%)}.sticky--on .sticky-inner{opacity:1;filter:none;pointer-events:auto;transform:none}}.sticky-nav{align-items:center;gap:16px;min-width:0;display:flex}.sticky-nav a{color:var(--muted);font-weight:500;transition:color .2s linear}@media (hover:hover) and (pointer:fine){.sticky-nav a:hover{color:var(--ink)}}.sticky-nav a[aria-current]{color:var(--ink)}@media (prefers-reduced-motion:reduce){.sticky-inner{filter:none;transition:opacity .12s linear;transform:none}}.topbar-mobile{align-items:center;gap:10px;min-width:0;display:none}.burger{width:28px;height:28px;color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;margin-left:-7px;padding:0;display:flex;position:relative}.burger:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;translate:-50% -50%}.burger path{transform-box:fill-box;transform-origin:50%;transition:transform .34s var(--ease)}.burger[aria-expanded=true] .burger-top{transform:translateY(2.5px)rotate(45deg)}.burger[aria-expanded=true] .burger-bottom{transform:translateY(-2.5px)rotate(-45deg)}.crumb{min-width:0;color:var(--ink);white-space:nowrap;font-weight:500;overflow:hidden}.crumb span{transition:opacity .2s linear, filter .2s linear, transform .2s var(--ease);display:inline-block}.crumb span[data-phase=out]{opacity:0;filter:blur(6px);transform:translateY(-8px)}.crumb span[data-phase=in]{opacity:0;filter:blur(6px);transition:none;transform:translateY(8px)}.menu{background:var(--plate);transition:grid-template-rows .42s var(--ease);grid-template-rows:0fr;display:none;position:absolute;top:100%;left:0;right:0}.menu>div{overflow:hidden}.menu nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;padding-inline:16px;display:flex}.menu a{color:var(--body);padding-block:11px}.menu a+a{border-top:1px solid var(--line)}@media (max-width:572px){.topbar-nav,.topbar-right .navlink{display:none}.topbar-mobile{display:flex}.menu{display:grid}.menu[data-open=true]{grid-template-rows:1fr}}@media (max-width:400px){.topbar-row{padding-inline:12px}.topbar-nav{gap:11px}.topbar-nav a,.pill{font-size:13px}}.pill{background:var(--ink);color:#fff;white-space:nowrap;transition:background-color .2s linear, transform .1s var(--ease);border-radius:4px;align-items:center;gap:8px;padding:5px 8px 3px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.pill:hover{background:#000}}.hero-band{background:var(--plate);justify-content:space-between;align-items:flex-end;gap:16px;padding:106px 16px 16px;display:flex;position:relative;overflow:clip}.hero-mark{flex-shrink:0;width:min(238px,46%);height:auto}.hero-tagline{text-align:right;white-space:pre-line;flex-shrink:0;width:242px;max-width:50%;font-weight:500;line-height:120%}.hero-body{flex-direction:column;gap:20px;padding:32px 16px 0;display:flex}.hero-body>p{max-width:404px;color:var(--body);text-wrap:pretty}.hero-actions{align-items:center;gap:8px;display:flex}.tags{color:var(--body);flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.tag+.tag:before{content:"|";color:var(--mark);padding-right:8px}@media (max-width:421px){.tags{row-gap:2px}.tag:last-child{flex-basis:100%}.tag:last-child:before{content:none}}.section{padding-top:56px;scroll-margin-top:54px}.section--first{padding-top:48px}.bar{background:var(--plate);justify-content:space-between;align-items:baseline;padding:8px 16px;display:flex}.bar h2{letter-spacing:-.015em;color:var(--ink);font-size:16px;font-weight:500;line-height:140%}.section-body{flex-direction:column;gap:20px;padding-top:28px;display:flex}.section-body--28{gap:28px}.section-body--ruled{gap:0}.section-body--ruled>:not(:last-child){margin-bottom:28px;margin-inline:calc(var(--gutter) * -1);padding-bottom:28px;padding-inline:var(--gutter);border-bottom:1px solid var(--line)}.lead{max-width:486px;color:var(--ink);font-weight:500}.prose{max-width:486px;color:var(--body);flex-direction:column;gap:16px;display:flex}.manifesto{flex-direction:column;margin-top:-12px;display:flex}.manifesto-toggle{width:fit-content;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;background:0 0;border:0;padding:0;display:none}html.js .manifesto-toggle{align-items:center;gap:5px;display:flex}@media (hover:hover) and (pointer:fine){.manifesto-toggle:hover .link{color:#000;text-decoration-color:currentColor}}.manifesto-mark{color:var(--mark);flex-shrink:0;transition:color .2s linear}@media (hover:hover) and (pointer:fine){.manifesto-toggle:hover .manifesto-mark{color:var(--ink)}}.manifesto-inline{flex-direction:column;gap:16px;padding:20px 0;display:flex}html.js .manifesto-inline{display:none}.manifesto-inline .lead,.manifesto-inline .prose{max-width:486px}html[data-sheet] .site .col,html[data-sheet] .sticky,html[data-sheet] .marks,html[data-shot] .site .col,html[data-shot] .sticky,html[data-shot] .marks,html[data-shot] .case{filter:blur(14px)}.site .col,.sticky,.marks,.case{transition:filter .38s linear}.sheet-veil{z-index:80;opacity:0;background:#fff6;transition:opacity .38s linear;position:fixed;inset:0}.sheet-veil--on{opacity:1}.sheet{z-index:85;outline:1px solid var(--line);will-change:top, left, width, height;position:fixed;overflow:hidden}.sheet:focus-visible{outline:1px solid var(--line)}.sheet-scroll{overscroll-behavior:contain;height:100%;position:absolute;top:0;left:0;overflow:hidden}.sheet--open .sheet-scroll{scrollbar-width:none;overflow-y:auto}.sheet-scroll::-webkit-scrollbar{display:none}.sheet-body{flex-direction:column;gap:20px;padding-block:28px;display:flex}.sheet-body .lead{max-width:486px}.sheet-sign{flex-direction:column;margin-top:8px;display:flex}.sheet-close{letter-spacing:inherit;background:0 0;border:0;padding:0;font-family:inherit}@media (hover:hover) and (pointer:fine){.sheet-close:hover{color:var(--ink)}}.sheet-doc>.bar,.sheet-body>*{opacity:0;filter:blur(10px);transition:opacity .42s var(--ease), filter .42s var(--ease), transform .42s var(--ease);transition-delay:var(--d,0s);transform:translateY(8px)}.sheet--open .sheet-doc>.bar,.sheet--open .sheet-body>*{opacity:1;filter:none;transform:none}.sheet--leaving{opacity:0;filter:blur(14px);pointer-events:none;transition:opacity .38s linear,filter .38s linear,transform .38s linear;transform:translateY(8px)}@media (prefers-reduced-motion:reduce){.sheet-doc>.bar,.sheet-body>*,.sheet--leaving{filter:none;transition:opacity .2s linear;transform:none}}.plate{background:var(--plate);justify-content:center;align-items:center;height:160px;margin-top:14px;display:flex;overflow:hidden}.plate svg{flex-shrink:0}.deliverables{color:var(--ink-2);flex-direction:column;margin:14px 0 0;padding:0;list-style:none;display:flex}.deliverable{padding:8px 0}.deliverables--ticked .deliverable,.deliverables--arrowed .deliverable{align-items:flex-start;gap:10px;display:flex}.deliverables--ticked svg,.deliverables--arrowed svg{flex:0 0 18px;margin-top:1.5px}.deliverable:first-child{padding-top:0}.deliverable:last-child{padding-bottom:0}.bp [data-line-x],.bp [data-line-y],.bp [data-draw],.bp [data-fade]{transform-box:fill-box;transform-origin:50%;transition:transform .76s var(--ease), opacity .56s linear, stroke-dashoffset .9s var(--ease);transition-delay:var(--d,0s)}html.js .bp [data-line-x]{transform:scaleX(0)}html.js .bp [data-line-y]{transform:scaleY(0)}html.js .bp [data-draw]{stroke-dasharray:1;stroke-dashoffset:1px}html.js .bp [data-fade]{opacity:0;transform:scale(.94)}html.js .bp--in [data-line-x],html.js .bp--in [data-line-y],html.js .bp--in [data-fade]{transform:none}html.js .bp--in [data-draw]{stroke-dashoffset:0}html.js .bp--in [data-fade]{opacity:1}html.js .bp [data-fade][data-op="55"]{opacity:0}html.js .bp--in [data-fade][data-op="55"]{opacity:.55}html.js .bp [data-fade][data-op="50"]{opacity:0}html.js .bp--in [data-fade][data-op="50"]{opacity:.5}html.js .bp [data-fade][data-op="25"]{opacity:0}html.js .bp--in [data-fade][data-op="25"]{opacity:.25}.work-list{flex-direction:column;gap:28px;display:flex}.work-item{text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:0;padding:0;display:block}@media (hover:hover) and (pointer:fine){html.js .site .work-item,html.js .site .work-item *{cursor:none}}.work-media{aspect-ratio:572/304;background:var(--plate);border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;position:relative;overflow:hidden}.work-media img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease);position:absolute;inset:0}.work-item:focus-visible .work-media img{transform:scale(1.015)}@media (hover:hover) and (pointer:fine){.work-item:hover .work-media img{transform:scale(1.015)}}.work-item:focus-visible .work-media{outline:1px solid var(--ink);outline-offset:-1px}.plate-note{position:absolute;bottom:12px;left:16px}.work-meta{flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:12px 16px 0;display:flex}.work-badge{background:#1a1a1ae6;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:none;position:absolute;bottom:12px;right:12px}@media (hover:none),(pointer:coarse){.work-badge{display:flex}}.cursor{z-index:80;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.cursor-dot{background:var(--ink);opacity:0;width:46px;height:46px;transition:transform .32s var(--ease), opacity .18s linear;border-radius:999px;justify-content:center;align-items:center;margin:-23px 0 0 -23px;display:flex;transform:scale(0)}.cursor--on .cursor-dot{opacity:1;transform:scale(1)}.offer-meta{color:var(--muted);font-weight:400}.offers{flex-direction:column;gap:20px;display:flex}.offer{--offer-pad:20px;margin-inline:calc(var(--gutter) * -1);padding:var(--offer-pad) var(--gutter);border-block:1px solid var(--line)}.offer-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.offer-tag{background:var(--fill);color:var(--ink-2);flex-shrink:0;padding:3px 8px}.offer-name{letter-spacing:-.015em;font-size:16px;line-height:140%}.offer .body{margin-top:4px;margin-bottom:14px}.offer-foot{margin:var(--offer-pad) calc(var(--gutter) * -1) calc(var(--offer-pad) * -1);padding:16px var(--gutter);background:var(--plate);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;display:flex}.offer-foot .link{position:relative}.offer-foot .link:before{content:"";position:absolute;inset:-11.5px 0}.offer-terms{min-width:0}.offer-figure{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.015em;font-size:20px;font-weight:500;line-height:130%}.offer--opening .offer-name{color:var(--ink-2)}.offer--opening .body{color:var(--muted)}.offer--opening .deliverables{color:var(--body)}.offer--opening .plate svg{opacity:.55}.too-early{flex-direction:column;gap:28px;display:flex}.entry{align-items:flex-start;gap:10px;display:flex}.entry svg{flex:0 0 18px;margin-top:1.5px}.entry .title,.entry .body{max-width:486px}.entry .body{margin-top:4px}.too-early-lead{max-width:486px;color:var(--body)}.faq{flex-direction:column;padding-top:28px;display:flex}.faq-item{border:0;border-bottom:1px solid var(--line);margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter);background:0 0}.faq-item:first-child{border-top:1px solid var(--line)}.faq-q{width:100%;color:var(--ink-2);font:inherit;letter-spacing:-.01em;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:500;display:flex}.faq-item[data-open=true] .faq-q{color:var(--ink)}.faq-icon .faq-icon-v{transform-box:fill-box;transform-origin:50%;transition:transform .42s var(--ease)}.faq-item[data-open=true] .faq-icon-v{transform:scaleY(0)}.faq-a{transition:grid-template-rows .48s var(--ease);grid-template-rows:0fr;display:grid}.faq-item[data-open=true] .faq-a{grid-template-rows:1fr}.faq-a>div{overflow:hidden}.faq-a p{max-width:486px;color:var(--body);opacity:0;padding:4px 0 28px;transition:opacity .32s linear}.faq-item[data-open=true] .faq-a p{opacity:1;transition-delay:.12s}.about-head,.book-head{aspect-ratio:572/260;border-block:1px solid var(--line);background:var(--plate);margin:0;position:relative;overflow:clip}.about-head img,.book-head img{aspect-ratio:1;width:auto;height:130%;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.about-lead{margin-top:20px}.about-pair{aspect-ratio:572/380;border-block:1px solid var(--line);background:var(--plate);grid-template-columns:1fr 1fr;margin:28px 0 0;display:grid}.about-pair img{object-fit:cover;border-left:1px solid var(--line);width:100%;height:100%;display:block}.about-pair img:first-child{border-left:0}.about-pair-face{object-position:50% 20%}.about-who{margin-top:28px}.run-in{color:var(--ink);font-weight:500}.prose-block{padding-top:0}.prose-block--ruled{border-bottom:1px solid var(--line);padding-bottom:20px}.cta{background:var(--plate);flex-direction:column;gap:20px;margin-top:28px;padding:32px 16px;display:flex}.cta p:first-child{letter-spacing:-.015em;max-width:486px;font-size:16px;line-height:140%}.cta p+p{max-width:404px;color:var(--body)}.cta-actions{flex-wrap:wrap;align-items:baseline;gap:6px;padding-top:4px;display:flex}.cta-actions .btn{margin-right:6px}.btn{background:var(--ink);color:#fff;transition:background-color .2s linear, transform .1s var(--ease);border-radius:4px;padding:5px 8px 3px;font-weight:500;display:inline-flex}@supports (text-box-trim:trim-both){.btn,.pill{text-box:trim-both cap alphabetic;padding-block:9.5px;display:inline-block}}@media (hover:hover) and (pointer:fine){.btn:hover{background:#000}}.btn--soft{background:var(--fill);color:var(--ink-2)}@media (hover:hover) and (pointer:fine){.btn--soft:hover{color:var(--ink);background:#e8e8e8}}.footer{background:var(--plate);flex-direction:column;margin-top:56px;padding:16px;display:flex;position:relative;overflow:clip}html.js .footer{transition:background-color .9s var(--ease);background-color:#0000}html.js .footer:has(.reveal--on){background-color:var(--plate)}.footer-globe{z-index:0;pointer-events:none;opacity:.35;width:441px;position:absolute;bottom:-13px;left:48.4%}.footer>*{z-index:1;position:relative}.footer-foot{grid-template-columns:1fr auto;grid-template-areas:"up up""mark mark""tag links";align-items:baseline;gap:12px 16px;display:grid}.footer-tag,.footer-links{margin-top:8px}.footer-wordmark{grid-area:mark;width:238px;max-width:100%;height:auto}.footer-tag{grid-area:tag}.footer-up{grid-area:up;justify-self:start;align-items:center;gap:6px;transition:color .2s linear;display:inline-flex}@media (hover:hover) and (pointer:fine){.footer-up:hover{color:var(--ink)}}.footer-links{grid-area:links;justify-self:end;align-items:baseline;gap:16px;display:flex}@media (max-width:572px){.footer-foot{grid-template-areas:"up up""mark mark""tag tag""links links"}.footer-wordmark{width:min(238px,60%)}.footer-links{flex-wrap:wrap;justify-self:start}}.case-backdrop{z-index:60;opacity:0;background:#fff;transition:opacity .38s linear;position:fixed;inset:0}.case-backdrop--on{opacity:1}.expander{z-index:70;background:var(--plate);will-change:top, left, width, height;position:fixed;overflow:hidden}.expander img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case--leaving{opacity:0;pointer-events:none;transition:opacity .38s linear}.case--swapping{opacity:0;pointer-events:none}.case{z-index:65;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff;transition:opacity .18s linear;position:fixed;inset:0;overflow-y:auto}.case:focus-visible{outline:none}.case-hero{border-bottom:1px solid var(--line);background:var(--plate);width:100%;position:relative;overflow:hidden}.case-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-hero--page{aspect-ratio:16/9}.pagebar{z-index:2;position:sticky;top:0}.pagebar-inner{max-width:var(--col);padding:12px var(--gutter);background:var(--plate);justify-content:space-between;align-items:center;gap:12px;margin-inline:auto;display:flex}.pagebar-back{color:var(--ink-2);font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:500;transition:color .2s linear;display:inline-flex}@media (hover:hover) and (pointer:fine){.pagebar-back:hover{color:var(--ink)}}.case .pagebar-inner{transition:box-shadow .42s linear;box-shadow:1px 0 #0000,-1px 0 #0000}.case--shown .pagebar-inner{box-shadow:1px 0 0 var(--line), -1px 0 0 var(--line)}.case .pagebar{opacity:0;transition:opacity .32s linear}.case .pagebar--on{opacity:1}.case-cta{margin-top:56px}.case-cta:last-child{padding-bottom:96px}.case-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.case-nav-item{color:var(--ink-2);flex-direction:column;gap:12px;padding:20px 16px;transition:background-color .2s linear;display:flex}.case-nav-item+.case-nav-item{border-left:1px solid var(--line)}@media (hover:hover) and (pointer:fine){.case-nav-item:hover{background:var(--plate);color:var(--ink)}}.case-nav-item .label{align-items:center;gap:6px;display:flex}.case-nav-item--next{text-align:right;align-items:flex-end}.case-nav-arrow{flex-shrink:0;margin-block:-2px}@media (hover:hover) and (pointer:fine){.case-nav-item:hover .case-nav-arrow{color:var(--ink)}}.case-nav-title{font-weight:500}.case .case-body{opacity:0;transition:opacity .42s linear}.case--shown .case-body{opacity:1}.case .col{outline-color:#0000;transition:outline-color .42s linear}.case--shown .col{outline-color:var(--line)}.case-head{justify-content:space-between;align-items:baseline;gap:16px;padding:20px 16px 0;display:flex}.case-title{padding:6px 16px 0}.about .case-title{padding-top:28px}.case-title h1{letter-spacing:-.015em;text-wrap:balance;font-size:20px;font-weight:500;line-height:130%}.case-blocks{flex-direction:column;gap:16px;padding-top:28px;display:flex}.case-blocks .bar{margin-top:20px}.case-blocks>.bar:first-child,.case-blocks>:first-child .bar{margin-top:0}.case-media{margin:0}.case-media img,.case-media video{border-block:1px solid var(--line);background:var(--plate);width:100%;height:auto;display:block}.case-media video{box-sizing:content-box}.case-caption{max-width:calc(486px + var(--gutter) * 2);padding:16px var(--gutter) 12px;color:var(--body)}.case-caption .label{padding-bottom:4px;display:block}.case-caption .label:last-child{padding-bottom:0}.about-facts{margin-top:20px}.facts{margin-inline:calc(var(--gutter) * -1);grid-template-columns:max-content 1fr;align-items:baseline;display:grid}.facts div{display:contents}.facts div+div>*{border-top:1px solid var(--line)}.facts dt{padding:8px var(--gutter);color:var(--muted)}.facts dd{padding:8px var(--gutter) 8px 0;color:var(--ink-2)}.case-list{max-width:486px;color:var(--body);flex-direction:column;gap:10px;display:flex}.shot-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.case-hero .shot-open{height:100%;position:absolute;inset:0}.shot-open--away img,.shot-open--away video{visibility:hidden}.shot-badge{opacity:0;width:32px;height:32px;transition:transform .32s var(--ease), opacity .18s linear;background:#1a1a1ae6;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:12px;right:12px;transform:scale(.84)}@media (hover:hover) and (pointer:fine){.shot-open:hover .shot-badge,.shot-open:focus-visible .shot-badge{opacity:1;transform:none}}@media (hover:none),(pointer:coarse){.shot-badge{opacity:1;transform:none}}.shot-open--away .shot-badge{opacity:0}.lightbox{z-index:90;background:0 0;place-items:center;transition:opacity .18s linear;display:grid;position:fixed;inset:0}.lightbox--leaving{opacity:0}.lightbox-shade{opacity:0;background:#fff6;transition:opacity .28s linear;position:absolute;inset:0}.lightbox--on .lightbox-shade{opacity:1}.lightbox-shot{max-width:100%;display:inline-flex;position:relative}.lightbox-shot img{width:auto;height:auto;max-width:calc(100vw - var(--gutter) * 2);border:1px solid var(--line);background:var(--plate);max-height:calc(100dvh - 128px);display:block}.lightbox-shot video{--film-room:calc(100vw - var(--gutter) * 2 - 2px);box-sizing:content-box;width:min(var(--film-room), var(--film-w), calc((100dvh - 128px - 2px) * var(--film-r)));border:1px solid var(--line);background:var(--plate);height:auto;display:block}.lightbox-close{letter-spacing:inherit;background:0 0;border:0;padding:0;font-family:inherit;transition:color .2s linear;position:absolute;bottom:calc(100% + 12px);right:0}@media (hover:hover) and (pointer:fine){.lightbox-close:hover{color:var(--ink)}}.lightbox-close,.lightbox-meta{opacity:0;transition:opacity .2s linear}.lightbox--on .lightbox-close,.lightbox--on .lightbox-meta{opacity:1;transition-delay:.2s}.lightbox-meta{justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:calc(100% + 12px);left:0;right:0}.lightbox-where{align-items:baseline;gap:16px;min-width:0;display:flex}.lightbox-steps{gap:4px;margin-right:-10px;display:flex}.lightbox-btn{color:var(--ink-2);font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:500;transition:color .2s linear;display:inline-flex}@media (hover:hover) and (pointer:fine){.lightbox-btn:hover{color:var(--ink)}}.lightbox-btn--step{justify-content:center;width:32px;height:32px}@media (max-width:572px){.lightbox-shot img{border-inline:0;max-width:100vw}.lightbox-shot video{--film-room:100vw;border-inline:0}.lightbox-close{right:var(--gutter)}.lightbox-meta{right:var(--gutter);left:var(--gutter)}}.quote{background:var(--plate);margin-top:8px;padding:16px}.quote p{max-width:440px;color:var(--ink-2)}.quote footer{padding-top:8px}.marks{z-index:10;color:var(--ink);opacity:.13;pointer-events:none;display:none;position:fixed;top:0;bottom:0}@media (min-width:1180px) and (min-height:620px){.marks{display:block}}.marks--left{left:0;right:calc(50% + var(--col) / 2)}.marks--right{left:calc(50% + var(--col) / 2);right:0}.marks text{stroke:none;fill:currentColor;font-family:var(--sans);letter-spacing:.08em;font-size:9px}.marks-numeral{text-anchor:middle}.marks-value{text-anchor:end;font-variant-numeric:tabular-nums}.reveal{transition:opacity .4s var(--ease), filter .4s var(--ease), transform .4s var(--ease);transition-delay:var(--d,0s)}html.js .reveal{opacity:0;filter:blur(14px);transform:translateY(12px)}html.js .reveal--on,html.js .about--on [data-intro],html.js.shown .reveal{opacity:1;filter:none;transform:none}.book-frame{background:var(--plate);width:100%}.book-frame iframe{border:0;width:100%;height:1380px;transition:height .24s linear;display:block}@media (prefers-reduced-motion:reduce){.book-frame iframe{transition:none}}@media (max-width:640px){.book-frame iframe{height:1270px}}.book-fallback{color:var(--muted);padding-top:20px}html.back .reveal,html.back .reveal--on,html.back .about--on [data-intro],html.back .globe-wrap,html.back .globe-wrap--on,html.back .bp [data-line-x],html.back .bp [data-line-y],html.back .bp [data-draw],html.back .bp [data-fade]{transition:none}.globe-wrap{pointer-events:none;opacity:.35;width:441px;position:absolute;top:-13px;left:48.4%}html.js .globe-wrap{clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path 1.6s var(--ease), opacity .6s linear;transition-delay:var(--d,0s)}html.js .globe-wrap--on{clip-path:inset(0);opacity:.35}.globe-ring{position:absolute;top:0;left:72px}.btn:active,.pill:active{transform:scale(.97)}.btn--soft:active{background:var(--fill-press);color:var(--ink)}.topbar-nav a:active,.navlink:active,.sticky-nav a:active,.menu a:active,.faq-q:active,.pagebar-back:active,.lightbox-btn:active,.lightbox-close:active,.sheet-close:active,.footer-up:active{color:var(--ink)}.link:active,.manifesto-toggle:active .link{color:#000;text-decoration-color:currentColor}.link:active .link-mark,.manifesto-toggle:active .manifesto-mark{color:#000}.case-nav-item:active{background:var(--plate);color:var(--ink)}@media (prefers-reduced-motion:reduce){html.js .reveal,html.js .reveal--on{opacity:1;filter:none;transition:none;transform:none}html.js .globe-wrap{clip-path:none;opacity:.35;transition:none}html.js .bp [data-line-x],html.js .bp [data-line-y],html.js .bp [data-fade]{transition:none;transform:none}html.js .bp [data-draw]{stroke-dasharray:none;stroke-dashoffset:0;transition:none}html.js .bp [data-fade]{opacity:1}html.js .bp [data-fade][data-op="55"]{opacity:.55}html.js .bp [data-fade][data-op="50"]{opacity:.5}.faq-a,.faq-icon .faq-icon-v,.menu,.burger path,.crumb span,.expander,.lightbox,.lightbox-shade,.lightbox-close,.lightbox-meta,.shot-badge,.case-backdrop,.case,.case--leaving,.case-body,.work-media img,.footer,.cursor-dot{transition:none!important}.btn,.pill{transition:background-color .2s linear}.case .case-body{opacity:1}}
