/* Composition only. Brand tokens and supplied SVG artwork remain unchanged. */
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:28px; }
body { margin:0; background:var(--cc-bg); color:var(--cc-text); font:400 17px/1.6 var(--cc-font-body); -webkit-font-smoothing:antialiased; }
a { color:inherit; }
img { display:block; max-width:100%; height:auto; }
p,h1,h2,h3,figure { margin:0; }
h1,h2,h3 { font-family:var(--cc-font-display); font-weight:400; }
.shell { width:min(1248px, calc(100% - 112px)); margin-inline:auto; }
.skip { position:fixed; z-index:10; top:-80px; left:16px; background:var(--cc-text); color:var(--cc-bg); padding:12px 18px; border-radius:8px; }
.skip:focus { top:10px; }
.review-strip { background:var(--cc-surface); border-bottom:1px solid var(--cc-separator); color:var(--cc-text-secondary); font:11px/1.4 var(--cc-font-meta); letter-spacing:.06em; }
.review-strip .shell { display:flex; justify-content:space-between; gap:20px; padding-block:11px; }
.site-header { padding-block:30px; display:flex; justify-content:space-between; gap:30px; align-items:center; }
.brand { display:block; width:226px; flex-shrink:0; }
.site-header nav { display:flex; align-items:center; gap:34px; }
.site-header nav a { text-decoration:none; font-size:14px; padding-block:12px; }
.site-header nav a:last-child { margin-left:22px; }
.site-header nav a span { color:var(--cc-signal); margin-left:12px; }
.site-header nav a:hover, .quiet-link:hover, figcaption a:hover { color:var(--cc-signal); }
.eyebrow { font:400 12px/1.5 var(--cc-font-meta); letter-spacing:.1em; color:var(--cc-text-secondary); }
.hero { padding-top:76px; padding-bottom:80px; }
h1 { font-size:clamp(40px,5.45vw,78px); line-height:1.05; letter-spacing:-.055em; margin-top:24px; max-width:1160px; }
.hero-bottom { display:flex; justify-content:space-between; align-items:flex-end; gap:64px; margin-top:30px; }
.hero-intro > p { color:var(--cc-text-secondary); font-size:20px; line-height:1.6; }
.actions { display:flex; align-items:center; gap:30px; margin-top:30px; }
.cc-button { min-height:48px; padding:14px 20px; font-size:15px; }
.cc-button span { margin-left:16px; }
.quiet-link { display:inline-flex; align-items:center; gap:22px; font-size:14px; text-decoration:none; min-height:44px; }
.maker { font-size:16px; line-height:1.65; text-align:left; border-left:1px solid var(--cc-separator); padding:0 0 0 26px; margin-bottom:7px; }
.maker span { display:block; color:var(--cc-text-muted); font-size:13px; margin-top:10px; }
.section-line { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--cc-separator); padding-top:22px; }
.product-intro { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:80px; padding-top:56px; padding-bottom:32px; }
.product-name { font-size:15px; font-weight:500; line-height:1.6; }
.product-name span { display:inline-block; margin-left:14px; padding-left:16px; border-left:1px solid var(--cc-separator); font-size:12px; color:var(--cc-text-secondary); font-weight:400; }
.product-intro h3 { font-size:clamp(32px,3.65vw,52px); letter-spacing:-.045em; line-height:1.08; margin-top:20px; }
.product-summary > p { max-width:445px; color:var(--cc-text-secondary); font-size:16px; }
.product-summary .feature-note { color:var(--cc-text-muted); font-size:13px; margin-top:14px; }
.product-summary .quiet-link { margin-top:6px; }
.product-figure { background:var(--cc-surface); border:1px solid var(--cc-separator); border-radius:var(--cc-radius-panel); overflow:hidden; }
.figure-top { padding:20px 24px; display:flex; justify-content:space-between; align-items:center; gap:20px; color:var(--cc-text-secondary); font:11px/1.5 var(--cc-font-meta); letter-spacing:.07em; }
.figure-top span:last-child { color:var(--cc-sage); }
.image-link { display:block; margin:0 24px; border:1px solid var(--cc-separator); border-radius:10px; overflow:hidden; }
.image-link img { width:100%; }
figcaption { padding:20px 24px; display:flex; justify-content:space-between; gap:24px; align-items:center; }
figcaption p { font-size:12px; line-height:1.65; color:var(--cc-text-secondary); }
figcaption strong { font-weight:500; color:var(--cc-text); display:block; }
figcaption p span { display:block; }
figcaption a { font-size:13px; text-decoration:none; min-height:44px; display:flex; align-items:center; gap:20px; flex-shrink:0; }
.feature-foot { display:grid; grid-template-columns:1.1fr 1fr; gap:80px; padding-block:28px 80px; }
.feature-foot p:first-child { font-size:17px; }
.feature-foot p:last-child { font-size:13px; color:var(--cc-text-muted); max-width:440px; }
.quiet-pace { border-top:1px solid var(--cc-separator); padding-top:64px; padding-bottom:64px; display:grid; grid-template-columns:1fr 420px; align-items:center; gap:100px; }
.pace-copy h2 { font-size:clamp(32px,3.5vw,50px); line-height:1.13; letter-spacing:-.04em; margin-top:30px; }
.pace-description { color:var(--cc-text-secondary); max-width:460px; margin-top:24px; }
.maker-note { margin-top:46px; font-size:24px; letter-spacing:-.025em; }
.maker-note span { display:block; font-size:13px; letter-spacing:0; color:var(--cc-text-muted); margin-top:8px; }
.source-note { font-size:12px; color:var(--cc-text-muted); margin-top:48px; max-width:440px; }
.pace-screen { justify-self:center; max-width:296px; padding:7px; background:var(--cc-surface-raised); border:1px solid var(--cc-separator); border-radius:37px; }
.pace-screen img { border-radius:30px; }
.studio { border-top:1px solid var(--cc-separator); padding-block:80px; display:grid; grid-template-columns:1.1fr 1fr; gap:80px; }
.studio h2 { font-size:40px; line-height:1.18; letter-spacing:-.04em; margin-top:28px; }
.studio-copy { padding-top:45px; }
.studio-copy p { color:var(--cc-text-secondary); max-width:470px; }
.studio-copy p+p { margin-top:20px; }
.founder-line { display:block; font-size:13px; margin-top:26px; }
.contact { border-top:1px solid var(--cc-separator); padding-block:68px 80px; display:flex; align-items:center; justify-content:space-between; gap:70px; }
.contact h2 { font-size:clamp(36px,4.5vw,64px); line-height:1.08; letter-spacing:-.05em; margin-top:26px; }
.contact p:not(.eyebrow) { color:var(--cc-text-secondary); margin-top:24px; }
.inquiry-preview { max-width:320px; }
.inquiry-preview summary { width:fit-content; list-style:none; }
.inquiry-preview summary::-webkit-details-marker { display:none; }
.inquiry-preview > p { margin-top:16px; font-size:13px; color:var(--cc-text-secondary); }
.site-footer { border-top:1px solid var(--cc-separator); padding-block:32px; display:flex; gap:40px; align-items:center; justify-content:space-between; }
.site-footer img { width:190px; }
.site-footer span { font:11px/1.6 var(--cc-font-meta); letter-spacing:.08em; color:var(--cc-text-muted); }
.review-note { border-top:1px solid var(--cc-separator); margin-bottom:28px; padding-top:20px; color:var(--cc-text-muted); font-size:11px; }
@media (max-width:1000px) {
 .shell { width:calc(100% - 64px); }
 .hero { padding-top:54px; }
 .maker { max-width:230px; font-size:14px; }
 .product-intro, .feature-foot, .studio { gap:40px; }
 .quiet-pace { grid-template-columns:1fr 300px; gap:48px; }
 .pace-screen { max-width:270px; }
}
@media (max-width:640px) {
 .shell { width:calc(100% - 40px); }
 .review-strip .shell { font-size:11px; gap:14px; padding-block:9px; }
 .review-strip .shell span:last-child { text-align:right; max-width:115px; }
 .site-header { padding-block:23px; gap:16px; }
 .brand { width:180px; }
 .site-header nav { gap:0; }
 .site-header nav a { font-size:12px; }
 .site-header nav a:not(:last-child) { display:none; }
 .site-header nav a:last-child { margin:0; }
 .site-header nav a span { margin-left:5px; }
 .hero { padding-top:44px; padding-bottom:45px; }
 .eyebrow { font-size:11px; letter-spacing:.06em; }
 h1 { font-size:42px; letter-spacing:-.05em; line-height:1.05; margin-top:24px; }
 .hero-bottom { flex-direction:column; align-items:flex-start; gap:30px; margin-top:24px; }
 .hero-intro > p { font-size:17px; line-height:1.65; }
 .desktop-break { display:none; }
 .actions { gap:23px; margin-top:26px; }
 .cc-button { font-size:14px; padding:12px 16px; }
 .cc-button span { margin-left:8px; }
 .quiet-link { font-size:13px; gap:12px; }
 .maker { max-width:none; border-left:0; padding:0; font-size:13px; line-height:1.5; }
 .maker br { display:none; }
 .maker span { margin-top:5px; font-size:12px; }
 .section-line { padding-top:18px; }
 .section-line > span { display:none; }
 .product-intro { grid-template-columns:1fr; gap:22px; padding-top:34px; padding-bottom:24px; }
 .product-name { font-size:14px; }
 .product-name span { font-size:11px; margin-left:9px; padding-left:10px; }
 .product-intro h3 { font-size:38px; margin-top:17px; }
 .product-summary > p { font-size:15px; }
 .product-summary .feature-note { margin-top:12px; font-size:12px; }
 .figure-top { flex-direction:column; align-items:flex-start; gap:3px; padding:15px; font-size:11px; }
 .product-figure { border-radius:18px; }
 .image-link { margin:0 10px; border-radius:5px; }
 figcaption { padding:14px; flex-direction:column; align-items:flex-start; gap:6px; }
 figcaption p { font-size:11px; }
 figcaption a { font-size:12px; min-height:44px; }
 .feature-foot { grid-template-columns:1fr; gap:9px; padding-block:22px 44px; }
 .feature-foot p:last-child { font-size:12px; }
 .quiet-pace { grid-template-columns:1fr; gap:30px; padding-block:40px; }
 .pace-copy h2 { font-size:34px; margin-top:24px; }
 .pace-description { margin-top:18px; font-size:15px; }
 .maker-note { margin-top:26px; font-size:22px; }
 .maker-note span { font-size:12px; }
 .source-note { margin-top:24px; font-size:11px; }
 .pace-screen { max-width:265px; }
 .studio { grid-template-columns:1fr; gap:24px; padding-block:40px; }
 .studio h2 { font-size:32px; margin-top:20px; }
 .studio-copy { padding-top:0; font-size:15px; }
 .contact { flex-direction:column; align-items:flex-start; gap:26px; padding-block:42px; }
 .contact h2 { font-size:40px; }
 .contact p:not(.eyebrow) { font-size:15px; margin-top:20px; }
 .site-footer { gap:18px; flex-wrap:wrap; padding-block:28px; }
 .site-footer img { width:175px; margin-right:50%; }
 .site-footer span { font-size:11px; }
 .review-note { font-size:11px; }
}
@media (max-width:360px) {
 .shell { width:calc(100% - 32px); }
 .brand { width:158px; }
 .site-header nav a { font-size:11px; }
 h1 { font-size:37px; }
 .product-name span { display:block; margin:4px 0 0; padding:0; border:0; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Study 02: content and interaction layer. No brand-token overrides. */
[hidden] { display:none !important; }
button, input, textarea, summary { font-family:inherit; }
button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
 outline:2px solid var(--cc-focus); outline-offset:4px;
}
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.site-header { position:relative; }
.menu-toggle { display:none; }
.site-header nav { gap:28px; }
.site-header nav a:last-child { margin-left:10px; }
.pace-inspect { margin-top:18px; }
.engagements { padding-top:32px; padding-bottom:76px; }
.engagement-intro { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:80px; margin-block:48px; }
.engagement-intro h2, .process h2 { font-size:clamp(32px,3.5vw,50px); line-height:1.12; letter-spacing:-.045em; }
.engagement-intro > p { color:var(--cc-text-secondary); font-size:17px; max-width:440px; }
.engagement-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
.engagement { display:flex; flex-direction:column; padding:4px 30px 10px; border-left:1px solid var(--cc-separator); }
.engagement:first-child { padding-left:0; border:0; }
.engagement:last-child { padding-right:0; }
.engagement .eyebrow { color:var(--cc-text-muted); font-size:11px; }
.engagement h3 { font-size:28px; line-height:1.15; letter-spacing:-.03em; margin-top:26px; min-height:66px; }
.engagement > p { color:var(--cc-text-secondary); font-size:15px; margin-top:20px; flex:1; }
.engagement a { margin-top:26px; justify-content:space-between; }
.scope-line { color:var(--cc-text-muted); font-size:13px; margin-top:38px; }
.process { display:grid; grid-template-columns:1.1fr 1fr; gap:80px; padding-block:76px; border-top:1px solid var(--cc-separator); }
.process h2 { margin-top:28px; font-size:clamp(30px,3vw,42px); }
.process-intro > p:not(.eyebrow) { max-width:440px; color:var(--cc-text-secondary); font-size:16px; margin-top:24px; }
.process-note { display:block; color:var(--cc-text-muted); font-size:13px; margin-top:32px; }
.process-steps details { border-bottom:1px solid var(--cc-separator); }
.process-steps details:first-child { border-top:1px solid var(--cc-separator); }
.process-steps summary { list-style:none; cursor:pointer; display:flex; gap:22px; align-items:center; min-height:78px; font-size:17px; }
.process-steps summary::-webkit-details-marker { display:none; }
.step-number { color:var(--cc-text-muted); font:12px/1.5 var(--cc-font-meta); flex-shrink:0; }
.expand-mark { font:24px/1 var(--cc-font-body); color:var(--cc-text-secondary); margin-left:auto; }
.process-steps details[open] .expand-mark { transform:rotate(45deg); }
.process-steps details[open] summary { color:var(--cc-text); }
.process-steps details > p { font-size:15px; color:var(--cc-text-secondary); margin-left:39px; margin-bottom:26px; }
.founder-signoff { margin-top:42px; display:flex; gap:18px; align-items:center; }
.founder-signoff img { width:44px; }
.founder-signoff p { font-size:15px; }
.founder-signoff span { display:block; color:var(--cc-text-muted); font-size:12px; margin-top:5px; }
.contact { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:90px; padding-block:80px; }
.contact h2 { font-size:clamp(36px,4vw,56px); }
.contact-care { margin-top:50px; border-top:1px solid var(--cc-separator); padding-top:26px; max-width:380px; }
.contact-care .eyebrow { color:var(--cc-text-muted); font-size:11px; }
.contact .contact-care p { font-size:15px; margin-top:14px; }
.contact .contact-disclosure { font-size:12px; color:var(--cc-text-muted); max-width:370px; margin-top:32px; }
.inquiry-panel { min-width:0; background:var(--cc-surface); border:1px solid var(--cc-separator); border-radius:var(--cc-radius-panel); padding:28px; }
.inquiry-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:26px; }
.inquiry-top .eyebrow { font-size:11px; }
.preview-badge { font-size:11px; color:var(--cc-text-secondary); border:1px solid var(--cc-separator); border-radius:100px; padding:4px 10px; white-space:nowrap; }
fieldset { min-width:0; padding:0; border:0; margin:0; }
.need-options legend, .field > label { display:block; font-size:14px; color:var(--cc-text); margin-bottom:12px; }
.need-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.need-grid label { display:flex; align-items:center; gap:9px; cursor:pointer; border:1px solid var(--cc-control-border); border-radius:10px; min-height:48px; padding:10px 12px; font-size:13px; background:var(--cc-bg); }
.need-grid label:has(input:checked) { background:var(--cc-pine); border-color:var(--cc-sage); }
.need-grid input { accent-color:var(--cc-signal); width:14px; height:14px; margin:0; flex-shrink:0; }
.field { margin-top:24px; }
.field > label > span { font-size:12px; color:var(--cc-text-muted); margin-left:6px; }
.field textarea, .field input, #copy-text { display:block; width:100%; max-width:100%; border:1px solid var(--cc-control-border); border-radius:var(--cc-radius-control); background:var(--cc-bg); padding:12px 14px; color:var(--cc-text); font:400 15px/1.55 var(--cc-font-body); min-height:48px; }
.field textarea { resize:vertical; min-height:130px; }
.field textarea::placeholder, .field input::placeholder { color:var(--cc-text-muted); opacity:1; }
.field [aria-invalid="true"] { border-color:var(--cc-status-error); }
.contact p.field-help, .field-help { font-size:11px; line-height:1.6; color:var(--cc-text-secondary); margin-top:10px; }
.contact p.field-error { color:var(--cc-status-error); font-size:12px; margin-top:10px; }
.brief-actions { display:flex; align-items:center; gap:20px; margin-top:24px; flex-wrap:wrap; }
.text-button { background:none; color:var(--cc-text-secondary); border:0; font-size:13px; padding:10px 4px; min-height:44px; cursor:pointer; }
.text-button:hover { color:var(--cc-text); }
.text-button span { margin-left:8px; }
.contact p.local-only { font-size:11px; margin-top:15px; color:var(--cc-text-muted); }
.no-script { font-size:13px; color:var(--cc-text-secondary); }
#brief-review h3 { font-size:32px; line-height:1.14; letter-spacing:-.035em; margin-top:15px; }
.contact p.review-disclosure { font-size:12px; margin-top:14px; }
#brief-output { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--cc-text); padding:20px; border:1px solid var(--cc-separator); border-radius:12px; background:var(--cc-bg); font:400 14px/1.7 var(--cc-font-body); margin:24px 0; max-height:420px; overflow:auto; }
.review-next strong { font-size:14px; font-weight:500; }
.contact .review-next p { font-size:13px; margin-top:9px; }
#copy-text { margin-top:8px; font-size:12px; }
.media-dialog { background:var(--cc-bg); color:var(--cc-text); border:1px solid var(--cc-control-border); border-radius:20px; width:min(1360px,calc(100vw - 48px)); max-height:calc(100dvh - 48px); padding:0; }
.media-dialog::backdrop { background:rgba(0,0,0,.84); }
.media-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; border-bottom:1px solid var(--cc-separator); }
.media-toolbar h2 { font-size:18px; font-weight:500; letter-spacing:-.02em; }
.media-toolbar p { font-size:12px; color:var(--cc-text-secondary); margin-top:6px; }
.media-actions { display:flex; align-items:center; gap:20px; flex-shrink:0; }
.media-actions .cc-button { font-size:13px; min-height:44px; }
.media-canvas { padding:24px; max-height:calc(100dvh - 180px); overflow:auto; }
.media-canvas img { width:auto; height:auto; max-width:100%; max-height:calc(100dvh - 235px); margin:auto; }
.media-canvas.is-zoomed img { width:var(--image-natural-width); max-width:none; max-height:none; }
@media(max-width:1000px) {
 .site-header nav { gap:18px; }
 .site-header nav a { font-size:13px; }
 .engagement-intro, .process { gap:40px; }
 .contact { gap:40px; }
 .engagement { padding-inline:22px; }
 .engagement h3 { font-size:25px; }
 .process-steps summary { gap:14px; font-size:16px; }
 .inquiry-panel { padding:24px; }
 .need-grid label { font-size:12px; padding-inline:10px; }
}
@media(max-width:800px) {
 .brand { width:200px; }
 .site-header nav a:last-child { margin-left:0; }
 .site-header nav { gap:14px; }
 .engagement-intro { gap:24px; }
 .engagement-grid { grid-template-columns:1fr; }
 .engagement { border-left:0; padding:24px 0; border-bottom:1px solid var(--cc-separator); display:grid; grid-template-columns:1fr 1fr; column-gap:24px; }
 .engagement:first-child { border-bottom:1px solid var(--cc-separator); }
 .engagement .eyebrow { grid-column:1/-1; }
 .engagement h3 { min-height:0; margin-top:20px; }
 .engagement > p { margin-top:20px; }
 .engagement a { grid-column:2; }
 .process { grid-template-columns:1fr; }
 .contact { grid-template-columns:1fr; gap:36px; }
 .contact-care { margin-top:28px; }
 .contact .contact-disclosure { max-width:520px; }
}
@media(max-width:640px) {
 .brand { width:180px; }
 .site-header { flex-wrap:wrap; }
 .menu-toggle:not([hidden]) { display:inline-flex; gap:16px; align-items:center; justify-content:center; color:var(--cc-text); border:1px solid var(--cc-control-border); background:transparent; padding:10px 12px; border-radius:10px; min-height:44px; font:400 13px/1.3 var(--cc-font-body); }
 .menu-toggle span { font-size:18px; }
 .site-header nav { width:100%; display:flex; flex-wrap:wrap; gap:8px 22px; padding-top:14px; }
 .site-header nav a:not(:last-child), .site-header nav a:last-child { display:inline-flex; font-size:14px; min-height:44px; margin:0; }
 .js .site-header nav { display:none; }
 .js .site-header.nav-open nav { display:flex; flex-direction:column; border-top:1px solid var(--cc-separator); align-items:stretch; gap:0; }
 .js .site-header.nav-open nav a { padding:12px 0; border-bottom:1px solid var(--cc-separator); }
 .js .site-header.nav-open nav a span { margin-left:auto; }
 .engagements { padding-block:26px 40px; }
 .engagement-intro { grid-template-columns:1fr; gap:20px; margin-block:32px 16px; }
 .engagement-intro h2 { font-size:34px; }
 .engagement-intro > p { font-size:15px; }
 .engagement { display:block; padding-block:26px; }
 .engagement h3 { font-size:27px; margin-top:18px; }
 .engagement > p { margin-top:16px; }
 .engagement a { margin-top:18px; }
 .scope-line { margin-top:25px; font-size:12px; }
 .process { padding-block:42px; gap:28px; }
 .process h2 { font-size:32px; margin-top:23px; }
 .process-intro > p:not(.eyebrow) { font-size:15px; margin-top:20px; }
 .process-note { margin-top:22px; font-size:12px; }
 .process-steps summary { min-height:72px; font-size:15px; gap:14px; }
 .process-steps details > p { margin-left:30px; font-size:14px; }
 .founder-signoff { margin-top:24px; }
 .contact { padding-block:42px; }
 .contact .contact-disclosure { font-size:11px; margin-top:24px; }
 .inquiry-panel { padding:20px; width:100%; border-radius:20px; }
 .contact h2 { font-size:40px; }
 .contact p.field-help { font-size:11px; margin-top:10px; }
 .contact p.field-error { font-size:12px; margin-top:10px; }
 .contact .contact-care p { font-size:14px; margin-top:12px; }
 .inquiry-top { margin-bottom:24px; gap:10px; }
 .inquiry-top .eyebrow { font-size:11px; letter-spacing:.04em; }
 .preview-badge { font-size:11px; padding:4px 8px; }
 .need-grid label { font-size:12px; padding:10px 9px; gap:6px; }
 .need-options legend, .field>label { font-size:13px; }
 .field textarea, .field input { font-size:16px; }
 .brief-actions { gap:14px; }
 .brief-actions .cc-button { font-size:13px; }
 .media-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); border-radius:16px; }
 .media-toolbar { align-items:flex-start; flex-direction:column; padding:16px; gap:12px; }
 .media-toolbar h2 { font-size:17px; }
 .media-actions { align-self:stretch; justify-content:space-between; }
 .media-canvas { padding:12px; max-height:calc(100dvh - 210px); }
 .media-canvas img { max-height:calc(100dvh - 240px); }
}
@media(max-width:360px) { .brand { width:158px; } .menu-toggle { gap:10px; } .inquiry-panel { padding:16px; } .need-grid { gap:6px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Study 03: a client-story application of existing Quiet Kernel tokens.
   No identity tokens, source assets, opening styles, or existing interactions change. */
.client-work { border-top:1px solid var(--cc-separator); padding-bottom:80px; }
.client-intro { padding-top:64px; padding-bottom:38px; }
.client-intro h2 { font-size:clamp(32px,3.65vw,52px); letter-spacing:-.045em; line-height:1.08; margin-top:20px; }
.client-story { border:1px solid var(--cc-separator); border-radius:var(--cc-radius-panel); background:var(--cc-surface); padding:36px; }
.client-story-top { display:flex; justify-content:space-between; gap:28px; }
.client-story-top .eyebrow { font-size:11px; }
.client-statement { font-family:var(--cc-font-display); font-size:clamp(28px,3.1vw,44px); line-height:1.16; letter-spacing:-.04em; max-width:800px; margin-top:40px; }
.client-decisions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin-top:42px; }
.client-decisions article { border-top:1px solid var(--cc-separator); padding-top:23px; }
.client-decisions .eyebrow { font-size:11px; }
.client-decisions h3 { font-size:22px; line-height:1.2; letter-spacing:-.025em; margin-top:12px; }
.client-decisions p { margin-top:14px; font-size:14px; color:var(--cc-text-secondary); max-width:320px; }
.client-story-bottom { border-top:1px solid var(--cc-separator); padding-top:24px; margin-top:34px; display:flex; justify-content:space-between; gap:30px; align-items:center; }
.client-story-bottom p { font-size:13px; color:var(--cc-text-secondary); }
.client-story-bottom p span { color:var(--cc-text-muted); }
.client-story-bottom a { flex-shrink:0; }
.client-review-note { font-size:11px; line-height:1.65; margin-top:18px; max-width:740px; color:var(--cc-text-muted); }
.client-review-note strong { font-weight:500; }
@media (max-width:1000px) {
 .client-story { padding:28px; }
 .client-decisions { gap:24px; }
 .client-decisions h3 { font-size:20px; }
}
@media (max-width:640px) {
 .client-work { padding-bottom:44px; }
 .client-intro { padding-top:38px; padding-bottom:26px; }
 .client-intro h2 { font-size:38px; margin-top:17px; }
 .client-story { padding:22px; border-radius:18px; }
 .client-story-top { flex-direction:column; gap:4px; }
 .client-story-top .eyebrow { font-size:11px; }
 .client-statement { margin-top:27px; font-size:29px; }
 .client-decisions { grid-template-columns:1fr; gap:24px; margin-top:28px; }
 .client-decisions article { padding-top:18px; }
 .client-decisions p { max-width:none; margin-top:9px; }
 .client-story-bottom { flex-direction:column; align-items:flex-start; margin-top:26px; padding-top:20px; gap:10px; }
 .client-review-note { font-size:11px; }
}
/* Study 04: editorial restraint and local inquiry states. */
.studio-copy > .quiet-link { margin-top:22px; }
.studio h2 { max-width:550px; }
.contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact-fields > .field { margin-top:0; min-width:0; }
.more-context { border-block:1px solid var(--cc-separator); margin-top:26px; }
.more-context > summary { display:flex; align-items:center; min-height:58px; gap:12px; font-size:14px; list-style:none; cursor:pointer; }
.more-context > summary::-webkit-details-marker { display:none; }
.more-context > summary > span:not(.expand-mark) { color:var(--cc-text-muted); font-size:12px; }
.more-context[open] > summary .expand-mark { transform:rotate(45deg); }
.more-context[open] { padding-bottom:24px; }
.more-context .need-options { margin-top:8px; }
.preview-controls { border-top:1px solid var(--cc-separator); display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 20px; margin-top:20px; padding-top:10px; }
#brief-success { padding-block:12px 6px; }
#brief-success h3 { font-size:clamp(30px,3vw,40px); line-height:1.12; letter-spacing:-.035em; margin-top:22px; }
.contact .success-copy { font-size:16px; line-height:1.7; }
.confirmation-signoff { display:flex; align-items:center; gap:16px; margin-block:30px; font-size:14px; }
.confirmation-signoff img { width:38px; }
.confirmation-signoff small { display:block; color:var(--cc-text-secondary); font-size:12px; margin-top:2px; }
.contact .simulation-note { font-size:12px; line-height:1.65; color:var(--cc-text-secondary); margin-top:18px; }
.delivery-error { padding:20px; border:1px solid var(--cc-status-error); border-radius:var(--cc-radius-control); }
.delivery-error strong { display:block; font-size:16px; font-weight:500; }
.contact .delivery-error p { margin-top:10px; font-size:13px; }
.contact .delivery-error .simulation-note { font-size:11px; }
.contact .field-error { margin-top:8px; }
@media(max-width:1100px) and (min-width:801px) { .contact-fields { grid-template-columns:1fr; gap:22px; } }
@media(max-width:640px) {
 .contact-fields { grid-template-columns:1fr; gap:22px; }
 .studio h2 { font-size:32px; }
 .more-context > summary { font-size:13px; }
 #brief-review h3 { font-size:30px; }
 .preview-controls { gap:4px 14px; }
 .contact .success-copy { font-size:15px; }
}

/* Study 05: work-led composition. All brand tokens remain in their original file. */
.work-led .site-header { padding-block:28px; }
.work-led .hero { padding-block:26px 32px; }
.opening-layout { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:60px; align-items:end; }
.work-led .hero h1 { font-size:clamp(42px,4.6vw,66px); line-height:1.07; letter-spacing:-.052em; margin-top:24px; max-width:950px; }
.opening-description { color:var(--cc-text-secondary); font-size:17px; line-height:1.6; max-width:670px; margin-top:22px; }
.work-led .hero .actions { margin-top:26px; gap:28px; }
.maker-introduction { border-top:1px solid var(--cc-separator); padding-top:18px; margin-bottom:4px; }
.maker-introduction .eyebrow { font-size:11px; letter-spacing:.08em; }
.maker-introduction p { font-size:23px; line-height:1.45; letter-spacing:-.025em; margin-top:18px; }
.maker-introduction a { display:inline-flex; align-items:center; gap:28px; min-height:44px; font-size:13px; color:var(--cc-text-secondary); margin-top:16px; text-decoration:none; }
.maker-introduction a span { color:var(--cc-signal); }
.work-index { padding-top:18px; padding-bottom:28px; }
.work-index .eyebrow { font-size:11px; letter-spacing:.08em; }
.work-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:start; }
.work-pair .work-project { min-width:0; padding:0; margin:0; border:0; }
.project-heading { display:flex; justify-content:space-between; gap:14px; align-items:center; margin-bottom:18px; }
.project-heading > div { display:flex; align-items:baseline; gap:13px; }
.project-number { color:var(--cc-text-muted); font:11px/1.5 var(--cc-font-meta); }
.project-heading h3 { font-size:23px; font-weight:500; letter-spacing:-.025em; }
.project-category { color:var(--cc-text-secondary); font:10px/1.5 var(--cc-font-meta); letter-spacing:.04em; }
.work-visual { position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:1.43; overflow:hidden; border-radius:var(--cc-radius-card); background:var(--cc-surface); border:1px solid var(--cc-separator); text-decoration:none; }
.work-visual img { width:100%; height:100%; object-fit:contain; }
.quicklatch-visual { padding:20px; background:var(--cc-surface-raised); }
.quicklatch-visual img { border-radius:12px; box-shadow:0 12px 24px rgba(0,0,0,.2); }
.molina-visual { padding:0; }
.molina-visual img { object-fit:cover; object-position:center; }
.inspect-label { position:absolute; bottom:14px; right:14px; background:var(--cc-bg); color:var(--cc-text); padding:8px 12px; border:1px solid var(--cc-separator); border-radius:var(--cc-radius-control); font-size:11px; opacity:0; transition:opacity var(--cc-duration-state) var(--cc-ease); }
.inspect-label span { margin-left:16px; }
.work-visual:hover .inspect-label,.work-visual:focus-visible .inspect-label { opacity:1; }
.project-caption { margin-top:23px; }
.project-caption h4 { font:400 26px/1.25 var(--cc-font-display); letter-spacing:-.035em; margin:0; }
.project-caption > p { font-size:15px; line-height:1.6; color:var(--cc-text-secondary); margin-top:12px; max-width:530px; }
.project-note { border-top:1px solid var(--cc-separator); margin-top:23px; }
.project-note > summary { display:flex; justify-content:space-between; align-items:center; list-style:none; cursor:pointer; min-height:55px; color:var(--cc-text-secondary); font-size:13px; }
.project-note > summary::-webkit-details-marker { display:none; }
.project-note > summary > span:last-child { color:var(--cc-text-muted); font-size:20px; }
.project-note[open] > summary > span:last-child { transform:rotate(45deg); }
.project-note > p { color:var(--cc-text-secondary); font-size:14px; line-height:1.65; max-width:520px; margin-bottom:18px; }
.project-note .capture-context { color:var(--cc-text-muted); font-size:12px; }
.project-note > a { margin-bottom:14px; }
.work-led .quiet-pace { margin-top:65px; grid-template-columns:minmax(0,1fr) 400px; gap:80px; }
.work-led .engagements { padding-top:8px; }
.place-note { width:min(380px,100%); margin-top:38px; }
.place-note img { width:100%; height:126px; object-fit:contain; object-position:left center; }
.place-note figcaption { padding:12px 0 0; justify-content:space-between; color:var(--cc-text-muted); gap:16px; font:9px/1.5 var(--cc-font-meta); letter-spacing:.04em; }
.work-led .review-note { margin-top:0; }
@media(max-width:1100px){
 .opening-layout { grid-template-columns:minmax(0,1fr) 180px; gap:28px; }
 .maker-introduction p { font-size:21px; }
 .work-led .hero h1 { font-size:clamp(42px,5.35vw,65px); }
 .project-category { max-width:125px; text-align:right; }
 .project-caption h4 { font-size:23px; }
 .work-pair { gap:24px; }
}
@media(max-width:820px){
 .opening-layout { grid-template-columns:1fr; }
 .maker-introduction { display:flex; align-items:baseline; border:0; padding:0; gap:24px; margin-top:0; }
 .maker-introduction .eyebrow { display:none; }
 .maker-introduction p { font-size:15px; margin:0; }
 .maker-introduction p br { display:none; }
 .maker-introduction p br::after { content:' '; }
 .maker-introduction a { margin:0; }
 .work-led .hero h1 { font-size:clamp(42px,7vw,60px); }
 .work-led .quiet-pace { grid-template-columns:minmax(0,1fr) 260px; gap:35px; }
 .project-heading { flex-wrap:wrap; gap:4px; }
 .project-heading > div { width:100%; }
 .project-category { max-width:none; text-align:left; margin-left:25px; }
}
@media(max-width:640px){
 .work-led .site-header { padding-block:22px; }
 .work-led .hero { padding-block:34px 34px; }
 .work-led .hero h1 { font-size:clamp(36px,10.35vw,52px); line-height:1.08; letter-spacing:-.05em; margin-top:20px; }
 .opening-description { font-size:16px; max-width:340px; margin-top:21px; }
 .work-led .hero .actions { gap:23px; margin-top:23px; }
 .opening-layout { gap:22px; }
 .maker-introduction { display:block; }
 .maker-introduction p { display:none; }
 .maker-introduction a { font-size:12px; min-height:44px; }
 .work-pair { grid-template-columns:1fr; gap:34px; }
 .work-index { padding-top:16px; padding-bottom:22px; }
 .work-index .eyebrow { font-size:11px; }
 .project-heading { flex-wrap:nowrap; align-items:center; gap:12px; margin-bottom:13px; }
 .project-heading > div { width:auto; gap:11px; }
 .project-heading h3 { font-size:21px; }
 .project-category { font-size:11px; max-width:110px; margin-left:0; text-align:right; }
 .work-visual { aspect-ratio:1.4; border-radius:17px; }
 .quicklatch-visual { padding:12px; }
 .quicklatch-visual img { border-radius:7px; }
 .project-caption { margin-top:18px; }
 .project-caption h4 { font-size:24px; }
 .project-caption > p { font-size:14px; margin-top:10px; }
 .project-note { margin-top:17px; }
 .project-note > summary { min-height:52px; }
 .work-led .quiet-pace { margin-top:36px; grid-template-columns:1fr; gap:28px; }
 .place-note { max-width:300px; margin-top:28px; }
 .place-note img { height:94px; }
 .place-note figcaption { flex-direction:row; font-size:11px; }
}
@media(prefers-reduced-motion:reduce){.inspect-label{transition:none;}}

/* Study 06: original mountain/river linework. Identity and product assets are unchanged. */
.mountain-linework .hero { padding-top:40px; padding-bottom:28px; }
.mountain-linework .opening-layout { grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:0; align-items:center; position:relative; }
.mountain-linework .opening-main { position:relative; z-index:1; }
.mountain-linework .hero h1 { font-size:clamp(44px,4.5vw,65px); max-width:660px; line-height:1.075; }
.mountain-linework .opening-description { max-width:440px; }
.mountain-art { min-width:0; width:calc(100% + 50px); margin-left:-25px; align-self:center; pointer-events:none; }
.mountain-art svg { display:block; width:100%; height:auto; overflow:visible; }
.mountain-linework .hero > .maker-introduction { border-top:0; display:flex; padding-top:22px; align-items:center; gap:14px; margin-bottom:0; }
.mountain-linework .hero > .maker-introduction .eyebrow { display:none; }
.mountain-linework .maker-introduction p { display:block; margin:0; font-size:12px; letter-spacing:0; color:var(--cc-text-secondary); }
.mountain-linework .maker-introduction p br { display:none; }
.mountain-linework .maker-introduction p br::after { content:' '; }
.mountain-linework .maker-introduction a { margin:0; gap:12px; font-size:12px; min-height:44px; }
.mountain-linework .hero { overflow:hidden; }
@media(max-width:1100px) and (min-width:761px) {
 .mountain-linework .opening-layout { grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); }
 .mountain-linework .hero h1 { font-size:clamp(40px,5.1vw,57px); }
 .mountain-linework .hero .eyebrow { font-size:11px; }
 .mountain-art { margin-left:-8px; width:calc(100% + 15px); }
}
@media(max-width:760px) {
 .mountain-linework .hero { padding-top:32px; padding-bottom:24px; }
 .mountain-linework .opening-layout { grid-template-columns:1fr; gap:8px; }
 .mountain-linework .hero h1 { font-size:clamp(38px,9.75vw,61px); max-width:630px; }
 .mountain-linework .opening-description { max-width:440px; }
 .mountain-art { width:100%; max-width:650px; margin:8px auto 0; }
 .mountain-linework .hero > .maker-introduction { padding-top:0; flex-wrap:wrap; gap:0 16px; }
 .mountain-linework .maker-introduction p { font-size:11px; }
 .mountain-linework .maker-introduction a { font-size:11px; }
}
@media(max-width:400px) {
 .mountain-linework .maker-introduction p { display:none; }
 .mountain-linework .hero > .maker-introduction { justify-content:flex-end; }
}

/* Study 07: one landscape in the page background, not an illustration card. */
.integrated-landscape .hero { position:relative; isolation:isolate; overflow:visible; padding-top:46px; padding-bottom:48px; min-height:515px; }
.integrated-landscape .opening-layout { display:block; }
.integrated-landscape .opening-main { max-width:810px; }
.integrated-landscape .hero h1 { font-size:clamp(42px,4.9vw,70px); max-width:800px; line-height:1.07; }
.integrated-landscape .opening-description { max-width:485px; font-size:19px; }
.integrated-landscape .landscape-art { position:absolute; left:50%; top:-46px; bottom:auto; margin:0; width:100vw; max-width:none; height:calc(100% + 94px); transform:translateX(-50%); z-index:-1; pointer-events:none; overflow:hidden; }
.integrated-landscape .landscape-art svg { width:100%; height:100%; display:block; overflow:hidden; }
.integrated-landscape .hero > .maker-introduction { position:relative; z-index:1; padding-top:20px; }
.integrated-landscape .work { position:relative; }
@media(min-width:1600px){ .integrated-landscape .landscape-art { width:1600px; } }
@media(max-width:1100px) and (min-width:761px){
 .integrated-landscape .hero { min-height:520px; padding-top:46px; }
 .integrated-landscape .hero h1 { font-size:clamp(48px,5.25vw,61px); max-width:700px; }
 .integrated-landscape .landscape-art { width:1200px; left:auto; right:calc((100vw - 100%) / -2); transform:none; opacity:.74; }
}
@media(max-width:760px){
 .integrated-landscape .hero { padding-top:28px; padding-bottom:230px; min-height:0; }
 .integrated-landscape .hero h1 { font-size:clamp(39px,8.7vw,60px); max-width:660px; }
 .integrated-landscape .opening-description { font-size:16px; max-width:415px; }
 .integrated-landscape .landscape-art { width:100vw; height:280px; top:auto; bottom:-5px; left:50%; right:auto; transform:translateX(-50%); opacity:.94; }
 .integrated-landscape .landscape-art svg { width:100%; height:100%; }
 .integrated-landscape .hero > .maker-introduction { padding-top:20px; justify-content:flex-start; }
}
@media(max-width:450px){
 .integrated-landscape .hero { padding-bottom:215px; }
 .integrated-landscape .landscape-art { height:255px; }
 .integrated-landscape .hero h1 { font-size:clamp(36px,9.8vw,43px); }
}
@media(max-width:760px){ .integrated-landscape .landscape-art svg { width:720px; max-width:none; position:absolute; height:330px; bottom:-10px; right:-12px; } }
/* Keep the peak and complete sun within the phone crop; no hard cut at the top. */
@media(max-width:760px){
 .integrated-landscape .landscape-art { height:300px; bottom:-5px; opacity:.78; }
 .integrated-landscape .landscape-art svg { width:655px; height:300px; bottom:0; right:-20px; }
}

/* Tap floor for chrome the rebrand inherited */
.brand{min-height:44px;display:inline-flex;align-items:center}
.rebrand-footer nav a{min-width:44px;padding-inline:4px}
.prose a,.document a,.form-privacy a{display:inline-flex;align-items:center;min-height:44px;padding-block:10px}
.faq summary,.optional-details summary{min-height:44px;display:flex;align-items:center}
.card__cta,.case-opening .quiet-link{min-height:44px;display:inline-flex;align-items:center}
.clear-draft{min-height:44px}

.ownership-kicker{font-size:11px}
.case-back,.contact-panel__email{min-height:44px;display:inline-flex;align-items:center}
#project-inquiry .optional-details summary,#project-inquiry .clear-draft{min-height:44px}