/* The artwork carries material warmth; the interface stays clear. */
:root{color-scheme:light;--ink:#152e43;--paper:#f7f9fa;--glass:#e0ebed;--patina:#335d5a;--muted:#526571;--line:#c6d3d9;--body:1.0625rem;--gutter:clamp(20px,4.5vw,76px)}
*{box-sizing:border-box}body{overflow-wrap:anywhere}.section>*,.comparison>*,.b-copy>*{min-width:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:var(--body);line-height:1.6}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.13;text-wrap:balance}h1{font-size:clamp(2.8rem,5.7vw,6.3rem);letter-spacing:-.055em;font-weight:500}h2{font-size:clamp(2rem,3.6vw,3.7rem);letter-spacing:-.045em;font-weight:500}h3{font-size:clamp(1.65rem,2.4vw,2.5rem);letter-spacing:-.035em;font-weight:500}h4{font-size:1.1rem;font-weight:600}p+p{margin-top:1.1em}p{max-width:66ch}a{color:inherit;text-underline-offset:.24em}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;height:auto}button,.button{border:1px solid var(--ink);background:var(--ink);color:#fff;min-height:48px;padding:12px 22px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:6px;line-height:1.4;font-size:1rem;font-weight:600}.button:hover,button:hover{background:var(--patina);border-color:var(--patina)}.button span{font-size:1.25em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #1e7479;outline-offset:5px}h3:focus,h2:focus{outline:none}h3:focus-visible,h2:focus-visible{outline:3px solid #1e7479;outline-offset:8px}.skip{position:fixed;top:12px;left:12px;z-index:9;background:#fff;padding:14px;transform:translateY(-180%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-header{padding:28px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:28px;max-width:1800px;margin:auto}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:600;line-height:1.3;min-height:44px;max-width:100%;min-width:0}.brand>span:last-child{min-width:0}.site-header{flex-wrap:wrap}.variant-nav a{min-width:44px;text-align:center}.brand-symbol{flex-shrink:0}.brand-symbol{font-size:3.7rem;font-weight:700;line-height:.7;transform:scaleX(.85);width:42px}.brand small{font-size:.8rem;font-weight:400;display:block;margin-top:6px;color:var(--muted)}.variant-nav{display:flex;gap:6px;align-items:center;font-size:.85rem}.variant-nav>span{margin-right:12px;color:var(--muted)}.variant-nav a{min-height:44px;padding:9px 13px;text-decoration:none;border:1px solid transparent;border-radius:4px}.variant-nav a[aria-current]{border-color:var(--ink);background:#fff}.hero{max-width:1800px;margin:auto}.hero-a{padding:28px 0 0 var(--gutter);display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(24px,3vw,56px);align-items:center}.hero-copy{padding:25px 0 46px}.hero-kicker{font-size:1rem;color:var(--patina);margin-bottom:23px}.hero-copy h1{max-width:13ch}.hero-copy .lead{margin:26px 0 16px;font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.4;max-width:31ch}.hero-copy>p:not(.hero-kicker):not(.lead){font-size:1rem;max-width:44ch}.hero-copy .button{margin-top:30px}.hero-art{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero-art img{aspect-ratio:1.35;object-fit:cover;object-position:51% center;border-radius:130px 0 0 8px}.hero-art figcaption{padding:15px 24px;font-size:.8rem;color:var(--muted);text-align:right}.prototype-note{padding:18px var(--gutter);max-width:none;margin:16px auto 0;font-size:.83rem;color:var(--muted);border-bottom:1px solid var(--line)}.section{padding:100px var(--gutter);max-width:1600px;margin:auto}.section-intro{max-width:830px;margin-bottom:40px}.chapter{color:var(--patina);margin-bottom:18px;font-size:1rem}.section-intro h2+p{margin-top:22px}.choose{display:grid;grid-template-columns:.78fr 1.22fr;gap:44px 76px}.choose .section-intro{margin:0}.problems{display:flex;flex-direction:column;border-top:1px solid var(--line)}.problem{display:grid;grid-template-columns:1fr auto;padding:23px 4px 23px 16px;gap:4px 20px;border-bottom:1px solid var(--line);text-decoration:none;min-height:110px;border-left:3px solid transparent}.problem>span:first-child{font-size:1.36rem;letter-spacing:-.025em}.problem>span:nth-child(2){font-size:.91rem;color:var(--muted);grid-column:1}.problem>span:last-child{grid-column:2;grid-row:1/3;font-size:1.5rem;align-self:center}.problem:hover{background:#edf2f4}.problem[aria-current]{background:var(--glass);border-left-color:var(--patina)}.text-link{display:inline-flex;align-items:center;min-height:48px;padding:9px 0;text-decoration-thickness:1px;font-weight:500}.other{grid-column:2;justify-self:start}.workbench{background:#fff;border-radius:30px;max-width:calc(1600px - var(--gutter));padding-top:72px;padding-bottom:72px}.sample-note{font-size:.91rem;color:var(--muted);max-width:70ch}.example{padding:14px 0 45px}.example+.example{border-top:1px solid var(--line);padding-top:42px}.sample-provenance{font-size:.85rem;color:var(--muted);margin-bottom:14px}.example h3{margin-bottom:30px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:0}.before,.after{padding:32px;min-width:0}.before{background:var(--paper);border-radius:12px 0 0 12px}.after{background:var(--glass);border-radius:0 12px 12px 0}.comparison h4{margin-bottom:24px}.source-text{white-space:pre-line;line-height:1.8;font-size:1rem}.after dl{margin:0}.after dl>div+div{margin-top:22px}.after dt{font-weight:600;color:var(--patina);font-size:.92rem}.after dd{margin:6px 0 0;font-size:1rem;line-height:1.65}.human{display:flex;gap:20px;max-width:850px;padding:30px 0}.human-mark{color:var(--patina);font-size:2.1rem;line-height:1}.human h4{margin-bottom:10px}.human p{font-size:1rem}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 12px}summary{cursor:pointer;min-height:52px;padding:14px 0;font-size:1rem}details p{padding:4px 0 25px;font-size:1rem}.collaboration{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,90px);align-items:center}.collaboration figure{align-self:center}.collaboration img{aspect-ratio:1.35;object-fit:cover;object-position:62% center;border-radius:6px 6px 100px 6px}.collaboration figcaption{color:var(--muted);font-size:.8rem;padding-top:12px}.collaboration h2{margin-bottom:25px}.collaboration p:not(.chapter){font-size:1rem}.collaboration .closing-line{font-weight:600;margin-top:25px}.brief-section{background:var(--glass);border-radius:32px 32px 0 0;max-width:calc(1600px - var(--gutter));padding-top:72px}.privacy{font-size:.88rem;line-height:1.65;color:#354e5b;padding-left:16px;border-left:2px solid var(--patina)}.brief-tool{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:start}form{min-width:0}form>label{display:block;margin:24px 0 8px;font-size:1rem;font-weight:600}form>label:first-child{margin-top:0}input,select,textarea{max-width:100%;color:var(--ink);border:1px solid #8297a2;border-radius:5px;background:#fff}textarea,select{width:100%;padding:13px;font-size:1rem;line-height:1.6}textarea{resize:vertical;min-height:80px}textarea::placeholder{color:#5f6e77;opacity:1}select{min-height:52px;white-space:normal}fieldset{border:0;margin:28px 0 0;padding:0;min-width:0}legend{font-weight:600;font-size:1rem}fieldset p{font-size:.88rem;margin:8px 0 13px}.check{display:flex;align-items:center;gap:13px;font-size:1rem;min-height:48px;cursor:pointer}.check input{appearance:auto;width:20px;height:20px;flex-shrink:0;accent-color:var(--patina);margin:0}.brief-preview{background:#fff;padding:30px;border-radius:14px;min-width:0}.brief-preview h3{font-size:1.7rem}.brief-preview>p{font-size:.88rem;margin-top:14px}.brief-preview textarea{margin-top:20px;background:var(--paper);font-size:.91rem;line-height:1.75;min-height:360px}.export-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.secondary{background:#fff;color:var(--ink)}.secondary:hover{color:#fff}.quiet{background:transparent;color:var(--ink);border:0;font-weight:400;text-decoration:underline;text-underline-offset:4px;padding:12px 0;margin-top:12px}.quiet:hover{background:transparent;color:var(--patina)}.contact-status{border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}.no-js-brief pre{white-space:pre-wrap;font:inherit;line-height:2;background:#fff;padding:24px;margin-top:24px}.no-js-brief .button{margin-top:20px}[hidden]{display:none!important}footer{display:flex;justify-content:space-between;gap:24px;padding:32px var(--gutter);font-size:.8rem;align-items:center;flex-wrap:wrap}footer p+p{margin:0}footer a{display:flex;align-items:center;min-height:44px}.variant-b .hero{max-width:none;background:var(--ink);color:#fff}.hero-panorama{position:relative}.hero-panorama img{max-height:350px;object-fit:cover;object-position:center 57%;width:100%}.hero-panorama figcaption{position:absolute;bottom:16px;left:var(--gutter);padding:6px 11px;color:#fff;background:#152e43;font-size:.75rem;border-radius:3px}.b-copy{padding:45px var(--gutter) 52px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;max-width:1600px;margin:auto}.b-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.8rem,4.7vw,5rem);letter-spacing:-.04em;font-weight:400;max-width:15ch}.b-copy .lead{font-size:1.3rem;line-height:1.5;max-width:35ch}.b-copy p+p{font-size:1rem;max-width:48ch}.b-copy .button{background:var(--glass);color:var(--ink);margin-top:26px;border-color:var(--glass)}.b-copy .button:hover{background:#fff}.example.just-changed{animation:change .22s ease-out}@keyframes change{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
.hero .hero-status,.hero .hero-copy p.hero-status{font-family:Arial,Helvetica,sans-serif;font-size:.875rem;line-height:1.5;color:var(--muted);margin:0 0 12px;max-width:60ch}.hero .b-copy{row-gap:12px}.hero .b-copy>.hero-status{grid-column:1/-1;margin-bottom:0;color:var(--glass)}
@media(min-width:1700px){.hero-art img{aspect-ratio:1.45}.hero-a{padding-right:var(--gutter)}}
@media(max-width:1100px){.site-header{padding-top:22px;padding-bottom:22px}.variant-nav>span{display:none}.hero-a{grid-template-columns:1fr 1fr}.hero-art img{aspect-ratio:.95;border-top-left-radius:90px}.choose{gap:30px}.section{padding-top:72px;padding-bottom:72px}.b-copy{gap:40px}.brief-preview{padding:24px}.collaboration{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.site-header{gap:16px}.brand small{display:none}.variant-nav a span{display:none}.variant-nav a{padding:9px 13px}.brand{font-size:.92rem;gap:8px}.brand-symbol{font-size:2.8rem;width:32px}.hero-a{display:flex;flex-direction:column;padding:16px var(--gutter) 0;gap:16px}.hero-copy{padding:15px 0 8px;width:100%}.hero-copy h1{max-width:13ch;font-size:clamp(2.8rem,8vw,4.7rem)}.hero-copy .lead{max-width:38ch}.hero-copy>p:not(.hero-kicker):not(.lead){max-width:60ch}.hero-copy .button{margin-top:24px}.hero-kicker{margin-bottom:18px}.hero-art{width:100%}.hero-art img{aspect-ratio:1.65;border-radius:70px 5px 5px 5px;object-position:center}.hero-art figcaption{padding:11px 0;font-size:.75rem;text-align:left}.prototype-note{margin-top:14px;padding-top:14px;padding-bottom:18px}.choose{grid-template-columns:1fr;gap:30px}.other{grid-column:1;margin-top:-12px}.section{padding-top:60px;padding-bottom:60px}.workbench,.brief-section{max-width:100%;border-radius:24px 24px 0 0}.comparison{grid-template-columns:1fr}.before,.after{padding:25px}.before{border-radius:10px 10px 0 0}.after{border-radius:0 0 10px 10px}.collaboration{grid-template-columns:1fr;gap:35px}.collaboration img{aspect-ratio:1.8;object-position:62% center;border-bottom-right-radius:70px}.collaboration figure{order:2}.brief-tool{grid-template-columns:1fr;gap:35px}.brief-preview{padding:24px}.brief-preview textarea{min-height:410px}.b-copy{grid-template-columns:1fr;gap:25px;padding-top:32px;padding-bottom:40px}.b-copy h1{font-size:clamp(2.8rem,7vw,4.4rem);max-width:17ch}.hero-panorama img{height:270px;object-position:60% center}.hero-panorama figcaption{bottom:10px}.b-copy .lead{font-size:1.15rem}.b-copy .button{margin-top:22px}footer{display:block}footer p{margin-top:12px}}
@media(max-width:380px){.site-header{gap:10px}.brand{font-size:.85rem}.brand-symbol{font-size:2.4rem;width:25px}.variant-nav a{padding:9px 11px}.hero-copy h1{font-size:2.65rem}.hero-art img{aspect-ratio:1.4}.hero-kicker{font-size:.91rem}.brief-preview{padding:20px}.export-actions{flex-direction:column}.export-actions button{width:100%}.hero-panorama img{height:225px}.b-copy h1{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Proposal: an editorial page, with optional controls rather than a second wall of fields. */
[hidden]{display:none!important}
.proposal-section{max-width:1120px;margin:auto}
.proposal-section>*,.sample-lab>*{min-width:0}
.proposal-section .section-intro{margin-bottom:32px}
.proposal-section>details,.sample-lab,.proposal-paper{margin-top:24px}
.proposal-paper{border-left:4px solid var(--patina);background:var(--glass);padding:clamp(20px,4vw,40px)}
.proposal-paper h3{margin-bottom:24px}
.proposal-paper dl{margin:0}.proposal-paper dl div+div{margin-top:20px}
.proposal-paper dt{font-weight:600}.proposal-paper dd{margin:4px 0 0;white-space:pre-wrap;max-width:66ch}
.proposal-section details{border-top:1px solid var(--line);padding-top:12px}
.proposal-section summary{min-height:48px;padding:12px 0;cursor:pointer;font-weight:600}
.proposal-section form{max-width:720px;margin:16px 0 24px}
.proposal-section label:not(.check){display:block;font-weight:600;margin:20px 0 8px}
.proposal-section input:not([type=checkbox]),.proposal-section textarea,.proposal-section select{display:block;width:100%;max-width:100%;min-width:0;background:#fff;color:var(--ink);border:1px solid var(--muted);border-radius:5px;padding:12px;font:inherit}
.proposal-section textarea{resize:vertical}
.proposal-section pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:16px 0;background:#fff;border:1px solid var(--line);padding:20px}
.sample-lab{padding-top:32px;border-top:2px solid var(--patina)}
.sample-lab h3,.sample-lab h4{margin-bottom:16px}.sample-lab .check{margin:16px 0}
.proposal-section .export-actions{margin-top:24px}.proposal-section>.text-link{margin-top:24px}
#show-proposal{margin:20px 0 12px}
#proposal-status,#proposal-export-status{margin-top:20px;color:var(--patina)}
@media print{.site-header,.hero,.prototype-note,.choose,.workbench,.collaboration,footer,.export-actions,.quiet,.contact-status,form,.skip{display:none!important}.section,.brief-section{padding:0;background:#fff}.brief-tool{display:block}.brief-preview{padding:0}.brief-preview textarea{height:850px;border:0}.no-js-brief{display:block!important}}
