/* The atmosphere sits behind the content; photographs retain their own luminance. */
:root{--paper:#f2eee5;--stone:#101820;--ink:#101820;--muted:#4c5359;--header-ink:#101820}
body{isolation:isolate;background:var(--paper)}
.ink-atmosphere{position:fixed;inset:-12%;z-index:-1;pointer-events:none;opacity:var(--veil,0);background:radial-gradient(ellipse at 6% 75%,#14233155,transparent 68%),radial-gradient(ellipse at 95% 25%,#293b4d44,transparent 65%);filter:blur(45px)}
.masthead{color:var(--header-ink);border-color:color-mix(in srgb,var(--header-ink) 23%,transparent)}
.masthead a,.masthead-descriptor,.menu-toggle{color:inherit!important}
.masthead-descriptor{border-color:currentColor}
.menu-lines::before,.menu-lines::after{background:currentColor}
.second-act{--ink:#f2eee5;--muted:#c5cbd1;--rule:#68737e;--red:#e0d8c9;--paper:#101820;background:#101820;color:var(--ink);position:relative}
.motion-ready .second-act{background:#101820}
.project-info{--ink:var(--header-ink);--muted:var(--header-ink);color:var(--header-ink)}
.service-tabs button,.service-copy>p,.service-artwork figcaption,.workflow-summary p,.paper-caption{color:#c5cbd1}
.service-tabs button[aria-selected=true],.service-tabs button:hover{color:#f2eee5}
.service-tabs,.inside-section{border-color:#68737e}
.service-artwork figcaption .text-link,.service-copy .text-link{color:#f2eee5}
.second-act .text-link{border-color:#68737e}
.second-act .button{color:#101820;background:#f2eee5;border-color:#f2eee5}
.second-act .button::before{background:#d4dce4}
.second-act .button:hover{color:#101820}
.second-act .demo-canvas{--ink:#101820;--muted:#4c5359;--red:#374c43;--paper:#f2eee5;--rule:#b6b9b6;color:#101820;background:#f2eee5}
.second-act .demo-canvas .button{background:#101820;color:#f2eee5;border-color:#101820}
.second-act .demo-canvas .button::before{background:#364657}
.second-act .demo-canvas .text-link{color:#101820}
.second-act .demo-disclosure,.second-act .demo-notes-link,.second-act .chapter-tabs small{color:#c5cbd1}
.second-act .chapter-tabs button[aria-selected=true]{color:#f2eee5}
.second-act .chapter-tabs button[aria-selected=true]::after{background:#f2eee5}
.contact-heading>p,.contact-actions>p,.contact-heading .email-link{color:#c5cbd1}
.contact-fields label,.contact-workspace>form>label{color:#f2eee5}
.contact-workspace input:not([type=hidden]),.contact-workspace textarea{color:#f2eee5;border-color:#84909c}
.contact-workspace input::placeholder,.contact-workspace textarea::placeholder{color:#bdc5ce}
.contact-workspace input:focus-visible,.contact-workspace textarea:focus-visible{outline-color:#f2eee5;border-color:#f2eee5}
.quiet-footer{--ink:#f2eee5;--rule:#68737e;color:#f2eee5;border-color:#68737e}
.quiet-footer .footer-bottom,.quiet-footer .footer-bottom>*{color:#c5cbd1}
.motion-reduced .quiet-footer{--ink:#101820;color:#101820}
.motion-reduced .quiet-footer .footer-bottom,.motion-reduced .quiet-footer .footer-bottom>*{color:#4c5359}
.process-paper{background:#f2eee5;color:#101820;min-height:450px;display:flex;flex-direction:column;padding:30px 34px 0}
.paper-masthead{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:22px;border-bottom:1px solid #bdc1c5;font-size:12px}
.paper-masthead b{letter-spacing:.18em;font-size:15px}
.paper-masthead>span{color:#4c5359}
.paper-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:30px 0}
.paper-columns>div+div{border-left:1px solid #bdc1c5;padding-left:30px}
.process-paper h4{font:400 25px/1.3 var(--display);letter-spacing:-.015em;margin-bottom:21px}
.paper-sender{font-size:14px;font-weight:700;margin-bottom:15px}
.paper-columns blockquote{font:400 20px/1.45 var(--display);margin:0;border:0;padding:0}
.paper-location{font-size:12px;color:#4c5359;margin-top:18px}
.paper-columns dt{font-size:11px;color:#4c5359;margin-bottom:5px}
.paper-columns dd{font-size:14px;margin:0 0 18px;line-height:1.55}
.paper-action{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;line-height:1.5;padding:20px 0;min-height:64px;border-top:1px solid #bdc1c5;margin-top:auto;color:#101820}
.paper-action>span{position:relative;display:block;width:22px;height:22px;flex:none;font-size:0;transition:transform .4s var(--ease)}
.paper-action>span::before,.paper-action>span::after{content:"";position:absolute;width:16px;height:1px;background:currentColor;left:3px;top:10px}
.paper-action>span::after{transform:rotate(90deg)}
.paper-action:hover>span{transform:rotate(90deg)}
.paper-letter{padding:27px 0;max-width:52ch}
.paper-letter h4{font-size:30px;margin-bottom:21px}
.paper-letter>p{font-size:14px;line-height:1.75;margin-top:14px}
.paper-letter .paper-signature{font-family:var(--display);font-size:21px}
.paper-caption{font-size:12px;line-height:1.6;margin-top:14px}
.service-artwork .process-paper a:focus-visible{outline:2px solid #101820;outline-offset:4px}
body:not(.motion-ready) .quiet-footer{--ink:#101820;color:#101820}
body:not(.motion-ready) .quiet-footer .footer-bottom,body:not(.motion-ready) .quiet-footer .footer-bottom>*{color:#4c5359}
@media(max-width:900px){.paper-columns{grid-template-columns:1fr;gap:23px}.paper-columns>div+div{border-left:0;border-top:1px solid #bdc1c5;padding:22px 0 0}.process-paper{padding:23px 25px 0}.paper-columns blockquote{font-size:20px}.paper-columns dl{display:grid;grid-template-columns:80px 1fr;gap:9px}.paper-columns dd{margin:0}.process-paper{min-height:0}}
@media(max-width:620px){.process-paper{padding:22px 23px 0}.paper-columns{padding:23px 0}.paper-masthead{font-size:11px}.process-paper h4{margin-bottom:15px}.paper-letter h4{font-size:27px}.paper-action{font-size:12px}.paper-caption{font-size:11px}.service-copy>p{color:#c5cbd1}}
@media(prefers-reduced-motion:reduce){.ink-atmosphere{display:none}.quiet-footer{--ink:#101820;color:#101820}.quiet-footer .footer-bottom,.quiet-footer .footer-bottom>*{color:#4c5359}.paper-action>span{transition:none}}

/* A quiet text spread followed by the studio's own typographic signature. */
.studio-interlude{color:#f2eee5;padding-bottom:24px}
.studio-statement{display:grid;place-items:center;min-height:64svh;padding-block:100px 80px;text-align:center}
.studio-statement p{font:400 clamp(28px,3vw,42px)/1.22 var(--display);letter-spacing:-.012em;max-width:29ch;text-wrap:pretty;margin:0}
.studio-signature{padding-block:30px 64px;text-align:center}
.signature-word{font:700 clamp(46px,14.1vw,208px)/1.05 var(--serif);letter-spacing:-.035em;white-space:nowrap;user-select:none}
.signature-word>span{display:inline-flex;justify-content:center}
.signature-letter{display:inline-block;overflow:hidden;padding-block:.06em .1em}
.signature-glyph{display:block}
.signature-rule{height:1px;background:#68737e;margin-top:28px}
.signature-caption{display:flex;justify-content:space-between;gap:20px;color:#c5cbd1;font-size:12px;line-height:1.6;margin-top:18px;text-align:left}
.studio-interlude+.service-gallery{padding-top:44px}
@media(max-width:900px){.studio-statement{min-height:57svh;padding-block:82px 55px}.studio-statement p{font-size:34px;max-width:29ch}.studio-signature{padding-bottom:44px}.signature-word{font-size:14.1vw}.signature-caption{font-size:11px}}
@media(max-width:620px){.studio-statement{min-height:54svh;padding-block:68px 45px}.studio-statement p{font-size:29px;max-width:25ch;line-height:1.25}.studio-signature{padding-block:20px 30px}.signature-rule{margin-top:15px}.signature-caption{display:block;line-height:1.7;margin-top:15px;text-align:center}.signature-caption span{display:block}.studio-interlude{padding-bottom:8px}.studio-interlude+.service-gallery{padding-top:30px}}