:root{--sheet:#f3f4f1;--iron:#161815;--graphite:#3c403c;--mist:#c8cac4;--harbor:#1b4e5c;--fathom:#03e;--cyan:#00d0e8;--lime:#00fc9c;--ember:#fc6c00;--iris:#fc00fc;--mark:#dde84a;--hair:#c9ccc6;--pad:clamp(1.25rem, 4vw, 4.5rem);--max:1180px;--font:var(--font-sans), "Avenir Next", Helvetica, Arial}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.25rem;overflow-x:clip}body{background:var(--sheet);color:var(--iron);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:450;line-height:1.5}img{max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:2px solid var(--harbor);outline-offset:3px}.hero :focus-visible,.stage :focus-visible,.nav:not(.is-solid):not(.is-open) :focus-visible,.ink :focus-visible,.clay :focus-visible,.close :focus-visible,.footer :focus-visible,.contact.on-iron :focus-visible{outline-color:var(--sheet)}h1,h2,h3,h4{letter-spacing:-.03em;font-weight:560;line-height:1.05}.skip{z-index:20;background:var(--sheet);color:var(--iron);padding:.55rem .8rem;text-decoration:none;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav{z-index:10;padding:26px var(--pad) 0;color:var(--sheet);background:0 0;align-items:center;gap:28px;transition:background .2s,color .2s,box-shadow .2s;display:flex;position:fixed;inset:0 0 auto}.nav.is-solid,.nav.is-open,.nav:not([data-overlay=true]){color:var(--iron);box-shadow:0 1px 0 var(--hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f3f4f1f0;padding-bottom:16px}.mark{flex:none;align-items:center;gap:9px;line-height:0;text-decoration:none;display:flex}.mark img{width:auto;max-width:none;height:22px;display:none}.mark .mark-square{width:46px;height:46px}.nav:not(.is-solid):not(.is-open) .mark-on-dark,.nav.is-solid .mark-on-light,.nav.is-open .mark-on-light,.nav:not([data-overlay=true]) .mark-on-light{display:block}.footer .mark-full.mark-on-dark{height:22px;display:block}.footer .mark-square.mark-on-dark{width:46px;height:46px;display:block}.nav-links{align-items:center;gap:22px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.nav-links a{letter-spacing:0;color:inherit;padding:8px 10px;font-size:15px;font-weight:500;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:inherit;text-underline-offset:3px;text-decoration:underline}.nav-links a.nav-approach:hover,.nav-links a.nav-approach:focus-visible,.nav-links a.nav-approach[aria-current=page],.nav.is-solid .nav-links a.nav-approach:hover,.nav.is-solid .nav-links a.nav-approach[aria-current=page],.nav.is-open .nav-links a.nav-approach:hover,.nav.is-open .nav-links a.nav-approach[aria-current=page]{background:var(--fathom);color:var(--sheet);text-decoration:none}.nav-links a.nav-services:hover,.nav-links a.nav-services:focus-visible,.nav-links a.nav-services[aria-current=page],.nav.is-solid .nav-links a.nav-services:hover,.nav.is-solid .nav-links a.nav-services[aria-current=page],.nav.is-open .nav-links a.nav-services:hover,.nav.is-open .nav-links a.nav-services[aria-current=page]{background:var(--mark);color:var(--iron);text-decoration:none}.nav-links a.nav-work:hover,.nav-links a.nav-work:focus-visible,.nav-links a.nav-work[aria-current=page],.nav.is-solid .nav-links a.nav-work:hover,.nav.is-solid .nav-links a.nav-work[aria-current=page],.nav.is-open .nav-links a.nav-work:hover,.nav.is-open .nav-links a.nav-work[aria-current=page]{background:var(--iris);color:var(--iron);text-decoration:none}.nav-links a.nav-about:hover,.nav-links a.nav-about:focus-visible,.nav-links a.nav-about[aria-current=page],.nav.is-solid .nav-links a.nav-about:hover,.nav.is-solid .nav-links a.nav-about[aria-current=page],.nav.is-open .nav-links a.nav-about:hover,.nav.is-open .nav-links a.nav-about[aria-current=page]{background:var(--mark);color:var(--iron);text-decoration:none}.nav-links a.nav-contact:hover,.nav-links a.nav-contact:focus-visible,.nav-links a.nav-contact[aria-current=page],.nav.is-solid .nav-links a.nav-contact:hover,.nav.is-solid .nav-links a.nav-contact[aria-current=page],.nav.is-open .nav-links a.nav-contact:hover,.nav.is-open .nav-links a.nav-contact[aria-current=page]{background:var(--lime);color:var(--iron);text-decoration:none}body:has(main.tone-fathom) .nav-links a[aria-current=page]{background:var(--fathom);color:var(--sheet);text-decoration:none}body:has(main.tone-fathom) .nav-links a[aria-current=page]:hover{background:var(--fathom);color:var(--sheet);text-decoration:none}body:has(main.tone-fathom) .nav-links a[aria-current=page]:focus-visible{background:var(--fathom);color:var(--sheet);text-decoration:none}body:has(main.tone-cyan) .nav-links a[aria-current=page]{background:var(--cyan);color:var(--iron);text-decoration:none}body:has(main.tone-cyan) .nav-links a[aria-current=page]:hover{background:var(--cyan);color:var(--iron);text-decoration:none}body:has(main.tone-cyan) .nav-links a[aria-current=page]:focus-visible{background:var(--cyan);color:var(--iron);text-decoration:none}body:has(main.tone-lime) .nav-links a[aria-current=page]{background:var(--lime);color:var(--iron);text-decoration:none}body:has(main.tone-lime) .nav-links a[aria-current=page]:hover{background:var(--lime);color:var(--iron);text-decoration:none}body:has(main.tone-lime) .nav-links a[aria-current=page]:focus-visible{background:var(--lime);color:var(--iron);text-decoration:none}body:has(main.tone-ember) .nav-links a[aria-current=page]{background:var(--ember);color:var(--iron);text-decoration:none}body:has(main.tone-ember) .nav-links a[aria-current=page]:hover{background:var(--ember);color:var(--iron);text-decoration:none}body:has(main.tone-ember) .nav-links a[aria-current=page]:focus-visible{background:var(--ember);color:var(--iron);text-decoration:none}body:has(main.tone-iris) .nav-links a[aria-current=page]{background:var(--iris);color:var(--iron);text-decoration:none}body:has(main.tone-iris) .nav-links a[aria-current=page]:hover{background:var(--iris);color:var(--iron);text-decoration:none}body:has(main.tone-iris) .nav-links a[aria-current=page]:focus-visible{background:var(--iris);color:var(--iron);text-decoration:none}body:has(main.tone-mark) .nav-links a[aria-current=page]{background:var(--mark);color:var(--iron);text-decoration:none}body:has(main.tone-mark) .nav-links a[aria-current=page]:hover{background:var(--mark);color:var(--iron);text-decoration:none}body:has(main.tone-mark) .nav-links a[aria-current=page]:focus-visible{background:var(--mark);color:var(--iron);text-decoration:none}.nav-cta-item{display:flex}.nav-links a.nav-cta{background:var(--sheet);color:var(--iron);letter-spacing:0;border:0;border-radius:0;padding:14px 16px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:inline-block}.nav-links a.nav-cta:hover,.nav-links a.nav-cta:active{text-decoration:none}.nav.is-solid .nav-links a.nav-cta,.nav.is-open .nav-links a.nav-cta,.nav:not([data-overlay=true]) .nav-links a.nav-cta{background:var(--iron);color:var(--sheet)}.nav-cta:hover,.nav-cta:active,.btn:hover,.btn:active{box-shadow:inset 0 -3px 0 var(--mark)}.menu-btn{color:inherit;cursor:pointer;background:0 0;border:0;width:2.5rem;height:2.5rem;padding:0;display:none}.menu-btn span,.menu-btn span:before,.menu-btn span:after{background:currentColor;width:1.35rem;height:1px;display:block;position:relative}.menu-btn span:before,.menu-btn span:after{content:"";position:absolute;left:0}.menu-btn span:before{top:-6px}.menu-btn span:after{top:6px}.hero{min-height:100dvh;color:var(--sheet);background-color:var(--iron);background-image:linear-gradient(#161815b8 0%,#16181547 12%,#16181500 28%),linear-gradient(#16181500 34%,#1618152e 52%,#1618159e 76%,#161815e6 100%),url(/assets/mm-manifesto.jpg);background-position:38% 36%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;display:flex;position:relative}.hero-inner{width:min(var(--max), calc(100% - (var(--pad) * 2)));margin:0 auto 3rem}.eyebrow{letter-spacing:0;color:var(--sheet);margin:0 0 14px;font-size:14px;font-weight:500}.hero h1{letter-spacing:-.038em;max-width:16ch;color:var(--sheet);margin:0;font-size:clamp(40px,5.4vw,68px);font-weight:560;line-height:.96}.hero-lead{max-width:34ch;color:var(--sheet);margin:18px 0 0;font-size:18px;font-weight:450;line-height:1.45}.hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem 1.4rem;margin-top:26px;display:flex}.hero .text-link{color:var(--sheet);letter-spacing:0;text-underline-offset:3px;font-size:15px;font-weight:500;text-decoration:underline}.hero .text-link:hover{color:var(--sheet)}.btn{background:var(--iron);color:var(--sheet);font-family:var(--font);letter-spacing:0;cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;padding:14px 16px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled,button.btn:disabled{background:var(--hair);color:var(--graphite);box-shadow:none;cursor:default}.hero .btn,.stage .btn,.close .btn,.ink .btn,.clay .btn,.contact.on-iron .btn{background:var(--sheet);color:var(--iron)}.btn-line{color:var(--iron);text-underline-offset:3px;box-shadow:none;background:0 0;margin-top:1.35rem;padding:0;font-size:15px;font-weight:500;text-decoration:underline;display:inline}.btn-line:hover,.btn-line:active{color:var(--iron);box-shadow:none;background:0 0}.text-link{color:var(--iron);letter-spacing:0;text-underline-offset:3px;font-size:15px;font-weight:500;text-decoration:underline}.text-link:hover{color:var(--iron)}.manifesto{width:min(var(--max), calc(100% - (var(--pad) * 2)));margin:0 auto;padding:84px 0 88px}.manifesto .opening{max-width:62ch;color:var(--iron);margin:0;font-size:20px;line-height:1.5}.manifesto .split{border-top:1px solid var(--hair);margin-top:48px;padding-top:28px;display:block}.manifesto h2{max-width:14ch;margin:0;font-size:40px}.manifesto .split p{max-width:62ch;color:var(--graphite);margin:0;font-size:16px;line-height:1.5}.manifesto .plate{width:100vw;padding:40px var(--pad) 36px;background:var(--lime);color:var(--iron);margin-top:64px;margin-left:calc(50% - 50vw);container-type:inline-size}.manifesto .plate h2{letter-spacing:-.045em;max-width:none;color:var(--iron);font-size:clamp(42px,13.4cqw,188px);font-weight:560;line-height:.92}.record{background:var(--mark);width:100%;color:var(--iron);padding:72px var(--pad) 76px}.record-inner{width:min(var(--max), 100%);margin:0 auto}.record h2{max-width:12ch;color:var(--iron);margin:0;font-size:40px}.record .intro{max-width:46ch;color:var(--iron);margin:16px 0 0;font-size:16px;line-height:1.5}.stats{grid-template-columns:repeat(3,1fr);gap:36px;margin:48px 0 0;padding:0;list-style:none;display:grid}.stats strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--iron);font-size:64px;font-weight:560;line-height:.95;display:block}.stats span{max-width:32ch;color:var(--iron);margin-top:14px;font-size:15px;line-height:1.45;display:block}.doors{width:min(var(--max), calc(100% - (var(--pad) * 2)));margin:0 auto;padding:84px 0 0}.kicker{letter-spacing:0;color:var(--harbor);margin:0 0 12px;font-size:13px;font-weight:500}.doors h2,.work h2,.principal h2,.sectors h2,.faq>h2,.manifesto h2,.record h2,.contact h2,.sheet .block>h2,.ink h2,.clay h2,.close h2{letter-spacing:-.034em;margin:0;font-size:clamp(32px,3.2vw,40px);font-weight:560;line-height:1.05}.doors .lede,.work .lede,.principal p,.contact .lede{color:var(--graphite);max-width:58ch;font-size:16px;line-height:1.5}.lede{margin-top:16px}.door-list{margin:36px 0 0;padding:0;list-style:none}.door-list li{border-top:1px solid var(--hair)}.door-list li:last-child{border-bottom:1px solid var(--hair)}.door-list a{color:inherit;grid-template-columns:96px 52px 1fr;gap:0 22px;padding:0;text-decoration:none;display:grid}.door-list a:before{content:"";grid-area:1/1/span 2;align-self:stretch;width:auto;height:auto;margin:0}.door-list li:first-child a:before{background:var(--fathom)}.door-list li:nth-child(2) a:before{background:var(--cyan)}.door-list li:nth-child(3) a:before{background:var(--lime)}.door-list li:nth-child(4) a:before{background:var(--ember)}.door-list li.door-ops a:before{background:var(--cyan)}.door-list li.door-advisory a:before{background:var(--lime)}.door-list li.door-packages a:before{background:var(--ember)}.door-list li.door-social a:before{background:var(--fathom)}.door-num{color:var(--harbor);font-variant-numeric:tabular-nums;grid-area:1/2;padding-top:4px;font-size:15px;font-weight:500}.door-list .door-num{padding-top:26px}.door-list h3{letter-spacing:-.025em;color:var(--iron);grid-area:1/3;margin:0;padding-top:22px;font-size:22px;font-weight:560;line-height:1.2}.door-list a:hover h3{color:var(--iron);text-underline-offset:3px;text-decoration:underline}.door-list p{max-width:68ch;color:var(--iron);grid-area:2/3;margin:6px 0 0;padding-bottom:24px;font-size:16px;line-height:1.5}.sectors{background:var(--iron);width:100%;min-height:0;color:var(--iron);margin:72px 0;padding:56px 0;display:block;position:relative}.sectors-copy{z-index:1;width:min(36%,440px);margin:0 0 0 var(--pad);background:var(--fathom);color:var(--sheet);flex-direction:column;justify-content:flex-start;padding:36px 32px 32px;display:flex;position:relative}.sectors h2{max-width:14ch}.sectors ul{margin:28px 0 0;padding:0;list-style:none}.sectors li{letter-spacing:-.015em;color:var(--iron);border-top:1px solid #f3f4f159;padding:11px 0;font-size:17px;font-weight:500;line-height:1.25}.sectors li:last-child{border-bottom:1px solid #f3f4f159}.sectors-copy :focus-visible{outline-color:var(--sheet)}.sectors-copy h2,.sectors-copy li,.sectors-copy .note{color:var(--sheet)}.sectors .note{max-width:36ch;color:var(--sheet);border-top:0;margin:22px 0 0;padding-top:0;font-size:15px;line-height:1.45}.sectors-photo{background-color:var(--iron);background-image:url(/assets/mm-sectors.jpg);background-position:68% 52%;background-repeat:no-repeat;background-size:cover;height:auto;min-height:0;position:absolute;inset:0}.work{width:min(var(--max), calc(100% - (var(--pad) * 2)));border-top:0;margin:0 auto;padding:0 0 72px}.work-head{width:100vw;padding:36px max(var(--pad), calc((100vw - var(--max)) / 2)) 32px;background:var(--cyan);color:var(--iron);justify-content:space-between;align-items:flex-end;gap:2rem;margin:0 0 36px calc(50% - 50vw);display:flex}.work-head .kicker,.work-head h2,.work-head .lede{color:var(--iron)}.cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.card{color:var(--iron);box-shadow:none;background:0 0;text-decoration:none}.card figure{background:0 0;margin:0;position:relative;overflow:hidden}.card img{object-fit:cover;width:100%;height:240px;transition:transform .5s;display:block}.card img.ops{object-position:50% 28%}.card img.auto{object-position:50% 88%}.card img.gtm{object-position:42% 58%}.card:hover img{transform:scale(1.04)}.card figcaption{background:var(--fathom);letter-spacing:0;color:var(--sheet);margin-top:0;padding:12px 14px;font-size:15px;font-weight:560;line-height:1.3;position:static}.cards .card:nth-child(2) figcaption{background:var(--cyan);color:var(--iron)}.cards .card:nth-child(3) figcaption{background:var(--lime);color:var(--iron)}.card p{color:var(--iron);margin:6px 0 0;font-size:15px;line-height:1.45}.work-foot{margin-top:28px}.pill{color:var(--iron);letter-spacing:0;text-underline-offset:3px;background:0 0;border:0;border-radius:0;padding:0;font-size:15px;font-weight:500;text-decoration:underline;display:inline}.pill:hover{color:var(--iron);background:0 0}.principal{width:100%;padding:64px max(var(--pad), calc((100vw - var(--max)) / 2)) 72px;background:var(--ember);color:var(--iron);border-top:0;grid-template-columns:.8fr 1.2fr;align-items:start;gap:48px;margin:0;display:grid}.principal .kicker,.principal h2,.principal p,.principal .text-link{color:var(--iron)}.principal>.kicker{grid-area:1/1;margin-bottom:12px}.principal>h2{grid-area:2/1;max-width:12ch}.principal>.principal-copy{grid-area:1/2/span 2;max-width:42rem}.principal-copy>p{margin:0}.principal-copy>.text-link{margin-top:16px;display:inline-block}.faq{width:min(var(--max), calc(100% - (var(--pad) * 2)));grid-template-columns:minmax(14rem,.52fr) 1.48fr;align-items:start;column-gap:clamp(2rem,5vw,4.75rem);margin:72px auto 0;padding-bottom:48px;display:grid}.faq>.kicker,.faq>h2{grid-column:1}main:not([class*=tone-]) .faq>h2{background:var(--iris);max-width:none;color:var(--iron);padding:18px 20px 16px}.faq>.qa{grid-column:2}.qa{border-top:1px solid var(--hair);padding:18px 0 20px}.qa:last-child{border-bottom:1px solid var(--hair)}.qa h3{letter-spacing:-.02em;color:var(--iron);margin:0;font-size:18px;font-weight:560}.qa p{max-width:68ch;color:var(--graphite);margin:8px 0 0;font-size:16px;line-height:1.5}.qa a,.block a,.lede-lg a{color:var(--iron);text-underline-offset:3px;text-decoration:underline}.qa a:hover,.block a:hover,.lede-lg a:hover{color:var(--iron)}.contact{width:min(var(--max), calc(100% - (var(--pad) * 2)));grid-template-columns:.9fr 1.1fr;align-items:start;gap:64px;margin:0 auto;padding:72px 0;display:grid}.contact.on-iron{width:100%;max-width:none;padding:80px max(var(--pad), calc((100% - var(--max)) / 2)) 72px;background:var(--iron);color:var(--sheet);border-top:0;margin:0}.contact.on-iron>div,.contact.on-iron>form,.contact.on-iron>.contact-form{width:100%}.contact.on-iron h2,.contact.on-iron .kicker{color:var(--sheet)}.contact h2{max-width:14ch}.contact.on-iron .lede,.contact.on-iron .expect{color:var(--mist);max-width:38ch}.contact.on-iron .expect+.expect,.contact.on-iron .expect+.expect a{color:var(--sheet)}.contact.on-iron label{color:var(--mist)}.contact.on-iron input,.contact.on-iron select,.contact.on-iron textarea{color:var(--sheet);caret-color:var(--sheet);border-bottom-color:#f3f4f159}.contact.on-iron select{background-image:linear-gradient(45deg, transparent 50%, var(--mist) 50%), linear-gradient(135deg, var(--mist) 50%, transparent 50%)}.contact.on-iron .form-note,.contact.on-iron .form-note[data-state=error],.contact.on-iron .form-note a{color:var(--sheet)}.expect{color:var(--graphite);border-top:0;max-width:38ch;margin-top:16px;padding-top:0;font-size:16px;line-height:1.5}.expect+.expect{margin-top:22px}.expect a{color:inherit;text-underline-offset:3px}.expect a:hover{color:inherit}form{gap:18px;display:grid}label{letter-spacing:0;color:var(--graphite);gap:6px;font-size:13px;font-weight:500;display:grid}input,select,textarea{border:0;border-bottom:1px solid var(--hair);width:100%;font-family:var(--font);letter-spacing:0;color:var(--iron);caret-color:var(--iron);appearance:none;background:0 0;border-radius:0;padding:8px 0 10px;font-size:16px;font-weight:450;line-height:1.4}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill){-webkit-text-fill-color:var(--iron);caret-color:var(--iron);box-shadow:0 0 0 1000px var(--sheet) inset;transition:background-color 9999s ease-out}:is(input:autofill,textarea:autofill,select:autofill){-webkit-text-fill-color:var(--iron);caret-color:var(--iron);box-shadow:0 0 0 1000px var(--sheet) inset;transition:background-color 9999s ease-out}option{color:var(--iron);background:var(--sheet)}select{background-image:linear-gradient(45deg, transparent 50%, var(--graphite) 50%), linear-gradient(135deg, var(--graphite) 50%, transparent 50%);background-position:calc(100% - 12px) calc(50% + 2px),calc(100% - 7px) calc(50% + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:1.5rem}textarea{resize:vertical;min-height:96px}:is(form:has(.form-note[data-state=error]) input,form:has(.form-note[data-state=error]) textarea,form:has(.form-note[data-state=error]) select){border-bottom:3px solid var(--mark)}.form-note{min-height:1.4rem;color:var(--iron);margin:0;font-size:16px}.form-note[data-state=error]{color:var(--iron)}.form-note a{color:inherit;text-underline-offset:3px}.footer{background:var(--iron);color:var(--sheet);padding:28px var(--pad) 0;border-top:1px solid #f3f4f129}.footer-inner{width:min(var(--max), 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin:0 auto;padding-bottom:28px;display:flex}.footer .mark{color:var(--sheet);text-decoration:none}.footer .mark+small{margin-top:16px}.footer a{color:inherit}.footer small{color:var(--mist);margin-top:10px;font-size:13px;display:block}.footer small a{color:var(--mist)}.footer small a:hover{color:var(--sheet)}.footer-links{letter-spacing:0;flex-wrap:wrap;gap:18px;margin-top:0;margin-left:auto;font-size:14px;font-weight:500;display:flex}.footer-links a{color:var(--sheet);text-decoration:none}.footer-links a:hover{color:var(--sheet);text-underline-offset:3px;text-decoration:underline}.edge{background:var(--mark);height:8px;display:block}.concept{letter-spacing:0;color:var(--mist);font-size:13px}.stage{min-height:100dvh;color:var(--sheet);background-color:var(--iron);background-image:linear-gradient(to bottom, #161815b8 0%, #16181547 12%, #16181500 28%), linear-gradient(to top, #161815e6 0%, #1618159e 24%, #1618152e 48%, #16181500 66%), var(--photo);background-position:38% 36%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;display:flex;position:relative}.stage.photo-street{background-position:32% 52%}.stage-clay{background-color:var(--iron)}.stage-inner{width:min(var(--max), calc(100% - (var(--pad) * 2)));margin:0 auto 3.5rem}.stage .crumb,.crumb{letter-spacing:0;color:var(--sheet);margin:0 0 14px;font-size:14px;font-weight:500}.crumb a{color:var(--sheet);text-decoration:none}.crumb a:hover{color:var(--sheet);text-underline-offset:3px;text-decoration:underline}.stage .kicker{color:var(--sheet)}.stage h1{letter-spacing:-.034em;max-width:16ch;color:var(--sheet);margin:0;font-size:clamp(36px,4.5vw,56px);font-weight:560;line-height:1}.stage .lede-lg{color:var(--sheet);max-width:38rem;margin-top:16px;font-size:18px;line-height:1.45}.stage a{color:inherit}.stage .hero-actions{margin-top:26px}.pigment{z-index:2;width:48%;height:auto;padding:32px 0 32px var(--pad);color:var(--iron);flex-direction:column;justify-content:flex-start;display:flex;position:absolute;inset:5.25rem 0 0 auto;overflow:hidden;container-type:inline-size}.pigment-mark{background:var(--mark)}.pigment-fathom{background:var(--fathom);color:var(--sheet)}.pigment-cyan{background:var(--cyan)}.pigment-lime{background:var(--lime)}.pigment-ember{background:var(--ember)}.pigment-iris{background:var(--iris)}.pigment .eyebrow,.pigment .crumb,.pigment .crumb a,.pigment h1,.pigment .hero-lead,.pigment .lede-lg,.pigment .text-link,.pigment .giant{color:inherit}.pigment h1{letter-spacing:-.038em;max-width:14ch;font-size:clamp(40px,5.4vw,68px);line-height:.96}.pigment .lede-lg{margin-top:18px}.pigment .hero-lead,.pigment .lede-lg{max-width:32ch}.pigment .text-link:hover{color:inherit}.pigment .giant{letter-spacing:-.065em;white-space:nowrap;max-width:none;margin:auto 0 0;font-size:62cqw;font-weight:560;line-height:.74}.pigment:not(.pigment-fathom) .btn{background:var(--iron);color:var(--sheet)}.pigment-fathom .btn{background:var(--sheet);color:var(--iron)}.pigment-mark :focus-visible,.pigment-cyan :focus-visible,.pigment-lime :focus-visible,.pigment-ember :focus-visible,.pigment-iris :focus-visible{outline-color:var(--harbor)}.pigment-fathom :focus-visible{outline-color:var(--sheet)}.stage:has(.pigment) .stage-inner{z-index:2;width:min(44%,520px);margin:0 0 3.5rem var(--pad);position:relative}.stripes{z-index:1;flex-direction:column;width:min(28%,280px);display:flex;position:absolute;top:5.25rem;bottom:0;right:0}.stripes span{flex:1 1 0;display:block}.stripes span:first-child{background:var(--fathom)}.stripes span:nth-child(2){background:var(--cyan)}.stripes span:nth-child(3){background:var(--lime)}.stripes span:nth-child(4){background:var(--ember)}.stage:has(.stripes) .stage-inner{width:min(60%,680px);margin-left:var(--pad);margin-right:auto}.canvas{width:100%}.sheet{width:min(var(--max), calc(100% - (var(--pad) * 2)));background:0 0;margin:0 auto;padding:84px 0 72px}.sheet .block{grid-template-columns:minmax(16rem,.72fr) 1.28fr;align-items:start;gap:1rem clamp(2rem,5vw,5rem);margin-top:clamp(4rem,7vw,6rem);display:grid}.sheet .block:first-child{margin-top:0}.sheet .block>h2{max-width:14ch;color:var(--iron);grid-column:1;margin:0}.sheet .block:not(:has(>p))>h2{grid-column:1/-1;max-width:18ch}.sheet .block>p{color:var(--graphite);grid-column:2;max-width:40rem;margin:0;font-size:16px;line-height:1.5}.sheet .block>p+p{margin-top:.95rem}.sheet .block>.phases~p,.sheet .block>.steps~p,.sheet .block>.grid-2~p,.sheet .block>.offer~p,.sheet .block>.case~p,.sheet .block>.plain~p,.sheet .block>.group-label~p{grid-column:1/-1;margin-top:1.35rem}.sheet .block>.grid-2,.sheet .block>.phases,.sheet .block>.steps,.sheet .block>.plain,.sheet .block>.offer,.sheet .block>.offer-row,.sheet .block>.group-label,.sheet .block>.case,.sheet .block>.bg-grid,.sheet .block>.pull{grid-column:1/-1}.sheet .block>.pull{border-top:1px solid var(--hair);letter-spacing:-.02em;max-width:36ch;color:var(--iron);grid-column:1/-1;margin:0;padding-top:16px;font-size:22px;font-style:normal;font-weight:560;line-height:1.25}.plain-split{grid-template-columns:1fr 1fr;column-gap:clamp(2rem,4vw,3.5rem);display:grid}.plain-split>li:last-child{border-bottom:0}.offer-row{grid-template-columns:1fr 1fr;align-items:start;column-gap:clamp(2rem,4vw,3.5rem);display:grid}.offer-row:has(>.offer:only-child){grid-template-columns:1fr}.offer-row>.offer:last-child{border-bottom:0}.where{border-top:1px solid var(--hair);color:var(--graphite);margin-top:1.75rem;padding-top:1.25rem;font-size:16px;line-height:1.55}.where .kicker{color:var(--harbor);margin-bottom:.65rem;display:block}.where a{color:var(--iron);text-underline-offset:3px}.where a:hover{color:var(--iron)}.sheet .doors{width:100%;margin:0;padding:0 0 1.5rem}.sheet .doors:has(>.door-list:only-child){padding-top:clamp(2.5rem,5vw,3.5rem);padding-bottom:1.5rem}.sheet .grid-2{gap:2.5rem 3rem;margin-top:2.25rem}.sheet .grid-2>div{border-top:1px solid var(--hair);padding-top:1.15rem}.sheet .phases{margin-top:2.25rem;display:grid}.sheet .phases>li,.sheet .phases>li:last-child{border-top:1px solid var(--hair);border-bottom:0;grid-template-columns:1fr auto;gap:.35rem 1.35rem;padding:1.85rem 0;display:grid}.sheet .phases>li:last-child{border-bottom:1px solid var(--hair)}.sheet .phases .door-num{color:var(--harbor);grid-area:1/2/span 2;justify-self:end;margin-top:.35rem;font-size:15px}.sheet .phases h3{color:var(--iron);grid-column:1;margin:0;font-size:22px}.sheet .phases p{max-width:42rem;color:var(--graphite);grid-column:1;margin:0;font-size:16px}.ink,.clay{padding:clamp(4.5rem, 8vw, 7rem) var(--pad);background:var(--iron);width:100vw;color:var(--sheet);margin-top:clamp(4rem,7vw,6rem);position:relative;left:50%;transform:translate(-50%)}.sheet>.ink:first-child,.sheet>.clay:first-child{margin-top:0}.ink-inner,.clay-inner{width:min(var(--max), 100%);grid-template-columns:minmax(16rem,.72fr) 1.28fr;align-items:start;gap:1.25rem clamp(2rem,5vw,5rem);margin:0 auto;display:grid}.ink h2,.clay h2{max-width:14ch;color:var(--sheet)}.ink-inner>h2,.clay-inner>h2{grid-column:1}:is(.ink-inner:not(:has(>p)):not(:has(>div:not(.grid-2):not(.phases):not(.offer)))>h2,.clay-inner:not(:has(>p)):not(:has(>div:not(.grid-2):not(.phases):not(.offer)))>h2){grid-column:1/-1;max-width:18ch}.clay-inner.clay-stack,.ink-inner.ink-stack{grid-template-columns:1fr;gap:.85rem}.clay-inner.clay-stack>.kicker,.ink-inner.ink-stack>.kicker,.clay-inner.clay-stack>h2,.ink-inner.ink-stack>h2,.clay-inner.clay-stack>div,.ink-inner.ink-stack>div,.clay-inner.clay-stack>p,.ink-inner.ink-stack>p{grid-column:1}.ink-inner>p,.clay-inner>p,.ink-inner>div:not(.grid-2):not(.grid-3):not(.phase-trio),.clay-inner>div:not(.grid-2):not(.grid-3):not(.phase-trio){grid-column:2}.ink-inner>.phases,.clay-inner>.phases,.ink-inner>.grid-2,.clay-inner>.grid-2,.ink-inner>.grid-3,.clay-inner>.grid-3,.ink-inner>.offer,.clay-inner>.offer{grid-column:1/-1}:is(.ink-inner:has(>h2+.phases),.clay-inner:has(>h2+.phases)){grid-template-columns:1fr}:is(.ink-inner:has(>h2+.phases)>h2,.clay-inner:has(>h2+.phases)>h2){grid-column:1;max-width:18ch}.ink p,.clay p,.ink .lede,.clay .lede,.ink .grid-2 p,.clay .grid-2 p,.ink .grid-3 p,.clay .grid-3 p,.ink .phases p,.clay .phases p,.ink .offer .detail,.clay .offer .detail{color:var(--mist);font-size:16px;line-height:1.5}.ink .kicker,.clay .kicker,.ink .door-num,.clay .door-num,.ink .phases h3,.clay .phases h3,.ink .grid-2 h3,.clay .grid-2 h3,.ink .grid-3 h3,.clay .grid-3 h3,.ink .offer h3,.clay .offer h3,.ink .offer .for-line,.clay .offer .for-line{color:var(--sheet)}.ink .grid-2>div,.clay .grid-2>div,.ink .grid-3>div,.clay .grid-3>div,.ink .phases>li,.clay .phases>li,.ink .offer,.clay .offer{border-top-color:#f3f4f147}.ink .price,.clay .price{color:var(--sheet);letter-spacing:-.03em;font-size:40px;font-weight:560;line-height:1}.sheet>.record{width:100vw;margin-top:clamp(4rem,7vw,6rem);position:relative;left:50%;transform:translate(-50%)}.sheet .case{border-top:1px solid var(--hair);grid-template-columns:minmax(16rem,.72fr) 1.28fr;align-items:start;gap:.55rem clamp(2rem,5vw,5rem);padding:2.75rem 0;display:grid}.sheet .case:has(>.case-copy)>p.kicker{grid-area:1/1;margin:0}.sheet .case:has(>.case-copy)>h2{grid-area:2/1}.sheet .case:has(>.case-copy)>p.arc{grid-area:1/2;margin:0}.sheet .case:has(>.case-copy)>.case-copy{grid-area:2/2}.sheet .case:last-of-type{border-bottom:1px solid var(--hair)}.sheet .case h2,.sheet .case>p:first-of-type,.sheet .case>.kicker,.sheet .case>.arc,.sheet .case>.case-metric{grid-column:1}.sheet .case>p:not(:first-of-type),.sheet .case>.phase-trio,.sheet .case>.text-link,.sheet .case>.btn{grid-column:2}.sheet .case h2{max-width:16ch;color:var(--iron);border-left:0;padding-left:0;font-size:32px;line-height:1.05}.sheet .case .arc{letter-spacing:0;color:var(--harbor);margin:0;font-size:13px;font-weight:500;line-height:1.3}.sheet .case>.case-copy>p{color:var(--graphite);margin-top:0}.sheet .case .case-metric{letter-spacing:-.03em;color:var(--iron);margin:.55rem 0 0;font-size:40px;font-weight:560;line-height:1}.sheet .case .case-metric span{letter-spacing:0;color:var(--graphite);max-width:16rem;margin-top:.45rem;font-size:14px;font-weight:450;line-height:1.35;display:block}.phase-trio{grid-template-columns:repeat(3,1fr);gap:1.5rem 1.75rem;margin:1.35rem 0 0;display:grid}.phase-trio>div{border-top:1px solid var(--hair);padding-top:1rem}.phase-trio strong{letter-spacing:-.02em;color:var(--iron);margin:0 0 .55rem;font-size:20px;font-weight:560;display:block}.phase-trio p{color:var(--graphite);margin:0;font-size:16px;line-height:1.45}.grid-2,.grid-3{gap:1.75rem 2.25rem;margin-top:1.6rem;display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-3>div{border-top:1px solid var(--hair);padding-top:1.15rem}.grid-2 h3,.grid-3 h3,.phases h3,.offer h3{letter-spacing:-.02em;color:var(--iron);margin:0;font-weight:560;line-height:1.15}.grid-2 h3,.grid-3 h3{font-size:22px}.grid-2 p,.grid-3 p{color:var(--graphite);margin:.55rem 0 0;font-size:16px}.phases,.plain{margin:1.4rem 0 0;padding:0;list-style:none}.phases>li,.plain>li,.case,.offer{border-top:1px solid var(--hair);padding:1.15rem 0}.phases>li:last-child,.plain>li:last-child,.case:last-child,.offer:last-child{border-bottom:1px solid var(--hair)}.phases h3{margin-top:.35rem;font-size:22px}.phases p,.plain li,.case p{color:var(--graphite);margin:.45rem 0 0;font-size:16px}.sheet .ink .phases .door-num,.sheet .clay .phases .door-num,.sheet .ink .phases h3,.sheet .clay .phases h3{color:var(--sheet)}.sheet .ink .phases p,.sheet .clay .phases p{color:var(--mist)}.plain li{color:var(--iron);padding:1.15rem 0}.offer{grid-template-columns:1fr auto;align-items:baseline;gap:.85rem 2rem;padding:2.15rem 0 2.35rem;display:grid}.offer:not(:has(.price)){grid-template-columns:1fr}.offer h3{font-size:28px}.price{color:var(--iron);letter-spacing:-.03em;margin:0;font-size:40px;font-weight:560;line-height:1}.offer .for-line{letter-spacing:-.02em;color:var(--iron);grid-column:1/-1;margin:0;font-size:20px;font-style:normal;font-weight:560}.offer .scope,.offer .includes-list{grid-column:1/-1;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.offer .scope li,.offer .includes-list li{color:var(--iron);border:0;padding:0 0 0 1.1rem;font-size:16px;line-height:1.4;position:relative}.offer .scope li:before,.offer .includes-list li:before{content:"—";color:var(--graphite);position:absolute;left:0}.ink .offer .scope li:before,.clay .offer .scope li:before,.ink .includes-list li:before,.clay .includes-list li:before{color:var(--sheet)}.offer .detail,.offer .includes{grid-column:1/-1;margin:0}.offer .detail{color:var(--graphite);max-width:48rem;font-size:16px}.offer .includes{color:var(--iron);max-width:48rem;font-size:16px}.offer .includes-label{letter-spacing:0;color:var(--graphite);grid-column:1/-1;margin:.15rem 0 0;font-size:13px;font-weight:500}.ink .includes-label,.clay .includes-label{color:var(--sheet)}.deliverables{gap:.55rem;margin:1.1rem 0;padding:0;list-style:none;display:grid}.deliverables li{color:var(--mist);border:0;padding:0 0 0 1.1rem;font-size:16px;line-height:1.4;position:relative}.deliverables li:before{content:"—";color:var(--sheet);position:absolute;left:0}.bg-grid{grid-template-columns:1fr 1fr;gap:1.5rem 2.5rem;margin-top:1.5rem;padding:0;list-style:none;display:grid}.bg-grid li{border-top:1px solid var(--hair);margin:0;padding-top:1rem}.bg-grid strong{letter-spacing:-.02em;color:var(--iron);margin-bottom:.35rem;font-size:20px;font-weight:560;display:block}.bg-grid span{color:var(--graphite);font-size:16px;line-height:1.45}.group-label{border-bottom:1px solid var(--hair);letter-spacing:-.02em;color:var(--iron);margin:3.25rem 0 .85rem;padding-bottom:.65rem;font-size:28px;font-weight:560}.group-label:first-of-type{margin-top:2rem}.steps{grid-template-columns:repeat(4,1fr);gap:1.75rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--hair);padding-top:1.1rem}.steps .step-kicker{letter-spacing:0;color:var(--harbor);margin:0 0 .35rem;font-size:13px;font-weight:500;display:block}.ink .step-kicker,.clay .step-kicker{color:var(--sheet)}.steps strong{color:var(--iron);margin-bottom:.55rem;font-size:22px;font-weight:560;display:block}.steps span{color:var(--graphite);font-size:16px;line-height:1.45}.close{background:var(--iron);color:var(--sheet);padding:clamp(4.5rem, 8vw, 7rem) var(--pad);margin-top:clamp(3.5rem,6vw,5rem)}.close-inner{width:min(var(--max), 100%);justify-content:space-between;align-items:flex-end;gap:2rem 3rem;margin:0 auto;display:flex}.close h2{max-width:16ch;color:var(--sheet);margin:0}.close .btn{flex-shrink:0}.sheet .contact{width:100%;padding-top:clamp(3rem,5vw,4rem)}.contact h1{max-width:12ch;color:var(--iron);margin:0;font-size:40px;font-weight:560}.gallery{margin-top:.5rem}.gallery+.case{margin-top:2.5rem}.page{width:min(var(--max), calc(100% - (var(--pad) * 2)));margin:0 auto;padding:8.5rem 0 0}@media (max-width:860px){.menu-btn{place-items:center;display:grid}.nav-links{display:none}.nav.is-open .nav-links{background:var(--sheet);color:var(--iron);padding:.5rem var(--pad) 1.25rem;box-shadow:none;border-bottom:1px solid var(--hair);flex-direction:column;align-items:flex-start;gap:.2rem;margin-left:0;display:flex;position:absolute;top:100%;left:0;right:0}.nav.is-open .nav-links a{padding:.7rem 0;display:block}.nav.is-open .nav-cta{background:var(--iron);color:var(--sheet);margin-top:.4rem;display:inline-block}.nav.is-open{background:var(--sheet);color:var(--iron)}.nav .mark .mark-full,.nav .mark .mark-square{display:none!important}.nav .mark-seal{width:auto;max-width:none;height:26px}.nav:not(.is-solid):not(.is-open) .mark-seal-dark,.nav.is-solid .mark-seal-light,.nav.is-open .mark-seal-light,.nav:not([data-overlay=true]) .mark-seal-light{display:block}.footer .mark-full{height:22px;display:block!important}.footer .mark-square{width:46px;height:46px;display:block!important}.footer .mark-seal{display:none!important}.manifesto,.doors,.contact,.contact.on-iron,.sectors{grid-template-columns:1fr}.manifesto .split{margin-top:32px}.hero h1{max-width:16ch}.stats,.cards{grid-template-columns:1fr}.card img{height:220px}.work-head{flex-direction:column;align-items:flex-start}.hero-inner{margin-bottom:3rem}.sectors{min-height:0;padding:0}.sectors-copy{width:auto;padding:56px var(--pad) 40px;margin:0}.sectors-photo{background-position:32% 52%;height:56vw;min-height:70vw;position:relative;inset:auto}.grid-2,.steps{grid-template-columns:1fr 1fr}.offer,.offer-row,.plain-split,.phase-trio,.grid-3,.bg-grid{grid-template-columns:1fr}.price{text-align:left}.sheet .block,.sheet .case,.ink>.ink-inner,.clay>.clay-inner{grid-template-columns:1fr!important}.canvas.tone-iris .sheet>.case{width:100vw;margin-left:calc(-1 * var(--pad));grid-template-columns:1fr!important}.canvas.tone-iris .case-field{padding:1.75rem var(--pad) 1.5rem}.canvas.tone-iris .case-copy{padding:1.15rem var(--pad) .25rem}.sheet .block>h2,.sheet .block>p,.sheet .block>.grid-2,.sheet .block>.phases,.sheet .block>.steps,.sheet .block>.plain,.sheet .block>.offer,.sheet .block>.offer-row,.sheet .block>.pull,.sheet .block>.bg-grid,.sheet .block>.group-label,.sheet .block>.case,.ink>.ink-inner>h2,.ink>.ink-inner>p,.ink>.ink-inner>div,.ink>.ink-inner>.phases,.ink>.ink-inner>.grid-2,.ink>.ink-inner>.grid-3,.ink>.ink-inner>.offer,.clay>.clay-inner>h2,.clay>.clay-inner>p,.clay>.clay-inner>div,.clay>.clay-inner>.phases,.clay>.clay-inner>.grid-2,.clay>.clay-inner>.grid-3,.clay>.clay-inner>.offer,.sheet .case>p:not(:first-of-type),.sheet .case h2,.sheet .case>p,.sheet .case>.kicker,.sheet .case>.arc,.sheet .case>.case-metric,.sheet .case>.phase-trio,.sheet .case>.btn,.sheet .case>.text-link{grid-area:auto/1;max-width:none}.sheet .case:has(>.case-copy)>p.kicker{grid-area:auto/1;max-width:none}.sheet .case:has(>.case-copy)>h2{grid-area:auto/1;max-width:none}.sheet .case:has(>.case-copy)>p.arc{grid-area:auto/1;max-width:none}.sheet .case:has(>.case-copy)>.case-copy{grid-area:auto/1;max-width:none}.sheet .phases>li,.sheet .phases>li:last-child{grid-template-columns:1fr auto}.faq{grid-template-columns:1fr}.faq>.kicker,.faq>h2,.faq>.qa{grid-column:1}.faq>h2{max-width:none}.principal{grid-template-columns:1fr}.principal>.kicker,.principal>h2,.principal>.principal-copy{grid-area:auto/1;max-width:none}.close-inner{flex-direction:column;align-items:flex-start}.close .btn{margin-top:1.6rem}.footer-links{margin-left:0}.stage{min-height:88vh}.pigment{width:100%;height:auto;margin-top:auto;position:relative;top:auto;bottom:auto;right:auto}.pigment .giant{margin-top:.1em}.stripes{flex-direction:row;width:100%;height:18vh;margin-top:0;position:relative;top:auto;bottom:auto;right:auto}:is(.stage:has(.pigment),.stage:has(.stripes),.hero:has(.pigment)){flex-direction:column;justify-content:flex-end;align-items:stretch;display:flex}:is(.stage:has(.pigment) .stage-inner,.stage:has(.stripes) .stage-inner){width:min(var(--max), calc(100% - (var(--pad) * 2)));order:1;margin:0 auto 1.25rem}.stage:has(.stripes) .stripes{order:2}.door-list a{grid-template-columns:72px 44px 1fr;gap:0 14px}.stats strong{font-size:48px}}@media (prefers-reduced-motion:reduce){.card img{transition:none}.card:hover img{transform:none}html{scroll-behavior:auto}}.tone-mark{--field:var(--mark);--on-field:var(--iron)}.tone-fathom{--field:var(--fathom);--on-field:var(--sheet)}.tone-cyan{--field:var(--cyan);--on-field:var(--iron)}.tone-lime{--field:var(--lime);--on-field:var(--iron)}.tone-ember{--field:var(--ember);--on-field:var(--iron)}.tone-iris{--field:var(--iris);--on-field:var(--iron)}.canvas[class*=tone-] .sheet{padding-top:0}:is(.canvas[class*=tone-] .sheet:has(>.ink:last-child),.canvas[class*=tone-] .sheet:has(>.clay:last-child)){padding-bottom:0}.canvas[class*=tone-] .sheet>.block{margin-top:clamp(2.75rem,5vw,4rem)}.canvas[class*=tone-] .sheet>.block:first-child{margin-top:0;padding-top:clamp(2.5rem,4vw,3.25rem)}.canvas[class*=tone-] .sheet>.ink,.canvas[class*=tone-] .sheet>.clay{background:var(--field);color:var(--on-field);margin-top:0;padding-top:clamp(3.25rem,6vw,5rem);padding-bottom:clamp(3.25rem,6vw,5rem)}.canvas[class*=tone-] .sheet>.block+.ink,.canvas[class*=tone-] .sheet>.block+.clay{margin-top:clamp(2.75rem,5vw,4rem)}.canvas[class*=tone-] .sheet .ink :is(h2,h3,p,li,a,.kicker,.door-num,.lede,.price,.for-line,.detail,.includes-label),.canvas[class*=tone-] .sheet .clay :is(h2,h3,p,li,a,.kicker,.door-num,.lede,.price,.for-line,.detail,.includes-label),.canvas[class*=tone-] .sheet .ink .phases :is(h3,p,.door-num),.canvas[class*=tone-] .sheet .clay .phases :is(h3,p,.door-num),.canvas[class*=tone-] .sheet .ink .deliverables li:before,.canvas[class*=tone-] .sheet .clay .deliverables li:before{color:var(--on-field)}.canvas[class*=tone-] .sheet .ink :is(.phases>li,.grid-2>div,.grid-3>div,.offer,.plain>li),.canvas[class*=tone-] .sheet .clay :is(.phases>li,.grid-2>div,.grid-3>div,.offer,.plain>li){border-color:color-mix(in srgb, var(--on-field) 32%, transparent)}.canvas[class*=tone-]:not(:has(.ink)):not(:has(.clay)) .sheet>.block:nth-child(2n){width:100vw;max-width:none;margin-top:clamp(2.75rem,5vw,4rem);margin-left:calc(-1 * max(var(--pad), (100vw - var(--max)) / 2));padding:clamp(3.25rem, 6vw, 5rem) max(var(--pad), calc((100vw - var(--max)) / 2));background:var(--field);color:var(--on-field);box-sizing:border-box}.canvas[class*=tone-]:not(:has(.ink)):not(:has(.clay)) .sheet>.block:nth-child(2n) :is(h2,h3,p,li,a,span,strong,.kicker){color:var(--on-field)}.canvas[class*=tone-]:not(:has(.ink)):not(:has(.clay)) .sheet>.block:nth-child(2n) :is(.bg-grid li,.grid-2>div,.phases>li,.plain>li){border-color:color-mix(in srgb, var(--on-field) 32%, transparent)}.canvas.tone-iris .sheet>.case{width:calc(100% + max(var(--pad), (100vw - var(--max)) / 2));margin-left:calc(-1 * max(var(--pad), (100vw - var(--max)) / 2));background:0 0;border:0;grid-template-columns:minmax(22rem,.92fr) minmax(0,1.08fr);align-items:stretch;column-gap:clamp(2rem,4vw,4rem);padding:0;display:grid}.canvas.tone-iris .sheet>.case+.case{margin-top:clamp(1.5rem,2.5vw,2rem)}.canvas.tone-iris .sheet>.case:last-of-type{border:0}.canvas.tone-iris .case-field{min-height:100%;padding:2.25rem 1.75rem 2rem max(var(--pad), calc((100vw - var(--max)) / 2));background:var(--iris);color:var(--iron);flex-direction:column;justify-content:flex-end;display:flex;container-type:inline-size}.canvas.tone-iris .case-field h2{max-width:12ch;color:var(--iron);margin:0 0 .85rem;font-size:clamp(26px,2.1vw,34px);line-height:1.05}.canvas.tone-iris .case-field .case-metric{letter-spacing:-.045em;color:var(--iron);margin:0;font-size:clamp(40px,11cqw,60px);font-weight:560;line-height:.9}.canvas.tone-iris .sheet>.case>.case-field{grid-area:1/1}.canvas.tone-iris .sheet>.case>.case-copy{grid-area:1/2;align-self:center;padding:1.75rem 0}.canvas.tone-iris .case-copy .kicker{color:var(--iron);margin:0 0 .7rem;display:block}.canvas.tone-iris .case-copy p{color:var(--graphite);max-width:62ch;margin:0}.canvas[class*=tone-] .sheet>.ink+.block,.canvas[class*=tone-] .sheet>.clay+.block{margin-top:2.25rem}.canvas[class*=tone-] .sheet>.clay+.doors,.canvas[class*=tone-] .sheet>.ink+.doors{padding-top:1.5rem}.canvas[class*=tone-] .sheet>.clay+.doors .door-list,.canvas[class*=tone-] .sheet>.ink+.doors .door-list{margin-top:0}.canvas[class*=tone-] .ink h2,.canvas[class*=tone-] .clay h2{letter-spacing:-.04em;max-width:14ch;font-size:clamp(40px,4.6vw,64px);line-height:.95}.canvas[class*=tone-]:not(:has(.ink)):not(:has(.clay)) .sheet>.block:nth-child(2n)>h2{letter-spacing:-.04em;max-width:14ch;font-size:clamp(40px,4.6vw,64px);line-height:.95}main[class*=tone-]~.close{background:var(--iron);color:var(--sheet);margin-top:0}main[class*=tone-]~.close h2{color:var(--sheet)}main[class*=tone-]~.close .btn{background:var(--sheet);color:var(--iron)}main[class*=tone-]~.close :focus-visible{outline-color:var(--sheet)}@media (max-width:860px){.canvas.tone-iris .sheet>.case{width:100vw;margin-left:calc(-1 * var(--pad));grid-template-columns:1fr}.canvas.tone-iris .sheet>.case>.case-field,.canvas.tone-iris .sheet>.case>.case-copy{grid-area:auto/1}.canvas.tone-iris .case-field{padding:1.75rem var(--pad) 1.5rem}.canvas.tone-iris .case-copy{padding:1.15rem var(--pad) .35rem}}