:root{color-scheme:light;--plum:#4a2537;--plum-2:#6e3d50;--clay:#c96f50;--apricot:#eea66f;--skin:#f2c7b5;--cream:#fff7ed;--paper:#f8ecdf;--ink:#3d2630;--muted:#765e66;--line:#dec9be;--focus:#8f3e2b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-size:1rem;line-height:1.55}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:.2rem solid var(--focus);outline-offset:.2rem}
[hidden]{display:none!important}
.skip-link{position:fixed;z-index:20;top:.7rem;left:.7rem;padding:.7rem 1rem;border-radius:.7rem;background:var(--plum);color:#fff;transform:translateY(-150%)}
.skip-link:focus{transform:none}

.lab-header{min-height:4.8rem;padding:.8rem max(1rem,calc((100% - 84rem)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:.06rem solid #ead8cd;background:rgba(255,247,237,.92);backdrop-filter:blur(1rem)}
.lab-name{display:inline-flex;align-items:center;gap:.55rem;color:var(--plum);font-weight:850;letter-spacing:-.025em;text-decoration:none}
.lab-name>span{width:.85rem;height:.85rem;border-radius:50%;background:var(--clay);box-shadow:0 0 0 .25rem #f5d7c8}
.lab-name small{padding-left:.55rem;border-left:.06rem solid var(--line);color:var(--muted);font-size:.78rem;font-weight:680;letter-spacing:0}
.lab-header nav{display:flex;gap:.35rem}
.lab-header nav a{min-height:2.7rem;padding:.6rem .75rem;display:inline-flex;align-items:center;color:var(--plum);font-size:.86rem;font-weight:760;text-decoration:none}

main{width:min(calc(100% - 2rem),84rem);margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem) 0 4rem}
.kicker,.product-kicker{margin:0 0 .6rem;color:#9e4d38;font-size:.76rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.lab-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;align-items:end}
.lab-intro h1{max-width:15ch;margin:0;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:clamp(2.8rem,6vw,6rem);font-weight:650;line-height:.94;letter-spacing:-.055em}
.lab-intro>div>p:last-child{max-width:45rem;color:var(--muted);font-size:1.1rem}
.lab-intro aside{padding:1.5rem;border:.06rem solid var(--line);border-radius:1.2rem 3.8rem 1.2rem 1.2rem;background:var(--cream)}
.lab-intro aside strong{font-family:Georgia,serif;font-size:1.45rem}
.lab-intro aside p{margin:.5rem 0 0;color:var(--muted)}

.area-switch{margin-top:2rem;padding:.4rem;display:grid;grid-template-columns:1fr 1fr;gap:.4rem;border:.06rem solid var(--line);border-radius:1.1rem;background:rgba(255,247,237,.75)}
.area-switch button{min-height:4.9rem;padding:.8rem 1rem;display:grid;grid-template-columns:2.2rem 1fr;gap:0 .75rem;border:0;border-radius:.8rem;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.area-switch button>span{width:2.2rem;height:2.2rem;grid-row:1/3;display:grid;place-items:center;border-radius:50%;background:#efd8cb;color:var(--plum);font-size:.75rem;font-weight:850}
.area-switch button strong,.area-switch button small{display:block}
.area-switch button small{color:var(--muted)}
.area-switch button[aria-pressed="true"]{background:var(--plum);color:#fff}
.area-switch button[aria-pressed="true"]>span{background:var(--apricot);color:var(--plum)}
.area-switch button[aria-pressed="true"] small{color:#eacfd9}

.brand-workspace,.interface-workspace{margin-top:1rem;padding:clamp(1.2rem,4vw,3.5rem);border-radius:1.6rem;background:var(--cream);box-shadow:0 2rem 6rem rgba(79,39,54,.12)}
.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:end}
.section-heading h2,.interface-tools h2,.decision-bar h2{margin:0;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-weight:650;line-height:1;letter-spacing:-.045em}
.section-heading h2{max-width:20ch;font-size:clamp(2rem,4vw,4rem)}
.section-heading>p{max-width:38rem;color:var(--muted)}

.logo-stage{min-height:25rem;margin-top:2rem;padding:clamp(2rem,6vw,5rem);display:grid;place-items:center;border-radius:1.2rem;background:linear-gradient(135deg,#f5d8c7,#f1b789 54%,#d98462);color:var(--plum)}
.logo-lockup{display:flex;align-items:center;gap:1.5rem}
.logo-lockup svg{width:clamp(6rem,13vw,11rem);height:auto;filter:drop-shadow(0 1rem 1.4rem rgba(74,37,55,.12))}
.logo-lockup strong{display:block;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:clamp(3.4rem,8vw,7.6rem);font-weight:650;line-height:.85;letter-spacing:-.065em}
.logo-lockup small{display:block;margin-top:1rem;font-size:clamp(.9rem,1.5vw,1.15rem);font-weight:680;letter-spacing:.01em}
.logo-rationale{max-width:48rem;margin:2.5rem auto 0;padding:1rem 1.2rem;border-radius:1rem;background:rgba(255,247,237,.78);text-align:center}

.logo-options{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.logo-options button{min-height:10rem;padding:1rem;display:grid;grid-template-columns:4rem 1fr;gap:.8rem;align-items:center;border:.08rem solid var(--line);border-radius:1rem;background:#fffdfa;color:var(--plum);text-align:left;cursor:pointer}
.logo-options button[aria-pressed="true"]{border-color:var(--plum);background:#f9e9df;box-shadow:inset 0 0 0 .08rem var(--plum)}
.logo-options svg{width:4rem}
.logo-options small,.logo-options strong,.logo-options em{display:block}
.logo-options small{color:#a3503b;font-size:.68rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.logo-options strong{margin:.2rem 0;font-size:1.25rem}
.logo-options em{color:var(--muted);font-size:.82rem;font-style:normal}

.brand-downloads{margin-top:1rem;padding:clamp(1.2rem,3vw,2rem);border:.06rem solid var(--line);border-radius:1.2rem;background:#fffdfa}
.brand-downloads>header{display:grid;grid-template-columns:.75fr 1.25fr;gap:.45rem 2rem;align-items:end}
.brand-downloads>header .kicker{grid-column:1/-1}.brand-downloads>header h3{margin:0;color:var(--plum);font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1}.brand-downloads>header>p:last-child{margin:0;color:var(--muted)}
.brand-downloads>div{margin-top:1.25rem;display:grid;grid-template-columns:.72fr 1.28fr;gap:.8rem}.brand-downloads article{min-width:0;display:grid;grid-template-columns:minmax(7rem,.8fr) 1fr;align-items:center;gap:1rem;padding:.9rem;border:.06rem solid var(--line);border-radius:1rem;background:#fff}.brand-downloads article>img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:.8rem;background:#f7e6da}.brand-downloads .full-logo-download{grid-template-columns:minmax(12rem,1.4fr) 1fr}.brand-downloads .full-logo-download>img{aspect-ratio:auto;padding:1rem;background:#fff}.brand-downloads strong,.brand-downloads small{display:block}.brand-downloads strong{color:var(--plum);font-size:1.05rem}.brand-downloads small{margin:.2rem 0 .75rem;color:var(--muted)}.brand-downloads article p{margin:0;display:flex;flex-wrap:wrap;gap:.45rem}.brand-downloads a{padding:.48rem .68rem;border-radius:999px;color:#fff;background:var(--plum);font-size:.75rem;font-weight:800;text-decoration:none}.brand-downloads a+a{color:var(--plum);background:#f5ddd0}

.wordmark-study{margin-top:1rem;padding:clamp(1.2rem,3vw,2rem);border:.06rem solid var(--line);border-radius:1.2rem;background:#f5ddd0}
.wordmark-study>header{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.5rem;align-items:end}
.wordmark-study h3{margin:0;color:var(--plum);font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,3rem);line-height:1}
.wordmark-study>header>p{margin:0;color:var(--muted)}
.wordmark-grid{margin-top:1.3rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.wordmark-grid article{min-width:0;padding:1rem;border:.06rem solid var(--line);border-radius:1rem;background:#fffaf4}
.wordmark-grid article>span{display:block;color:#9e4d38;font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.wordmark-grid img{width:100%;height:auto;margin:.7rem 0;padding:.55rem;border-radius:.75rem;background:#fff7ed}
.wordmark-grid p{min-height:4.6rem;color:var(--muted);font-size:.84rem}
.wordmark-grid article>div{display:flex;gap:.4rem}.wordmark-grid a,.wordmark-board-link{display:inline-flex;padding:.5rem .72rem;border-radius:999px;background:var(--plum);color:#fff;font-size:.74rem;font-weight:800;text-decoration:none}.wordmark-grid a+a{color:var(--plum);background:#f5ddd0}
.wordmark-recommendation{margin:1rem 0 0;padding:1rem;border-left:.25rem solid var(--clay);border-radius:.5rem;background:#fff7ed;color:var(--muted)}
.wordmark-recommendation strong{color:var(--plum)}
.wordmark-board-link{margin-top:.75rem}

.brand-foundation{margin-top:1rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid;grid-template-columns:.75fr 1.25fr;gap:2rem;border:.06rem solid var(--line);border-radius:1.2rem}
.brand-foundation h3{margin:0;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:650;line-height:1}
.brand-foundation>div>p:last-child{color:var(--muted)}
.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}
.palette>div{min-width:0}
.palette span{height:5rem;display:block;border:.06rem solid rgba(74,37,55,.14);border-radius:.75rem;background:var(--swatch)}
.palette strong,.palette small{display:block;margin-top:.35rem}
.palette strong{font-size:.76rem}
.palette small{color:var(--muted);font-size:.68rem;line-height:1.25}

.interface-tools{display:flex;align-items:end;justify-content:space-between;gap:1rem}
.interface-tools h2{font-size:clamp(2rem,4vw,3.8rem)}
.interface-tools>div>p:last-child{max-width:47rem;margin:.75rem 0 0;color:var(--muted)}
.interface-tools nav{padding:.3rem;display:flex;gap:.25rem;border:.06rem solid var(--line);border-radius:99rem;background:#fff}
.interface-tools nav button{min-height:2.7rem;padding:.55rem .85rem;border:0;border-radius:99rem;background:transparent;color:var(--muted);font-weight:760;cursor:pointer}
.interface-tools nav button[aria-pressed="true"]{background:var(--plum);color:#fff}

.product-preview{min-height:47rem;margin-top:1.5rem;overflow:hidden;border-radius:1.3rem;background:#fffaf4;box-shadow:0 1.5rem 4rem rgba(74,37,55,.13)}
.product-nav{min-height:5rem;padding:1rem clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;border-bottom:.06rem solid #ead7cc}
.product-brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--plum);text-decoration:none}
.product-brand svg,.product-brand img{width:2.5rem;height:2.5rem}
.product-brand strong{font-family:Georgia,serif;font-size:1.25rem}
.product-nav>nav{display:flex;align-items:center;gap:1rem}
.product-nav>nav a{color:var(--plum);font-size:.84rem;font-weight:740;text-decoration:none}
.product-nav>nav button{min-height:2.7rem;padding:.55rem 1rem;border:0;border-radius:99rem;background:var(--plum);color:#fff;font-weight:760;cursor:pointer}
.product-screen{min-height:42rem;padding:clamp(1.3rem,5vw,4.5rem)}

.welcome-screen{display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(2rem,7vw,6rem);align-items:center;background:radial-gradient(circle at 82% 28%,rgba(238,166,111,.28),transparent 24rem),#fffaf4}
.welcome-copy h3,.result-screen h3{margin:0;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:clamp(3rem,7vw,6.4rem);font-weight:650;line-height:.93;letter-spacing:-.06em}
.welcome-copy>p:not(.product-kicker){max-width:41rem;color:var(--muted);font-size:1.18rem}
.primary-actions{margin-top:1.8rem;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
.primary-actions button,.next-card a{min-height:3.2rem;padding:.75rem 1.2rem;border:0;border-radius:99rem;background:var(--plum);color:#fff;font-weight:780;text-decoration:none;cursor:pointer}
.primary-actions a{padding:.7rem;color:var(--plum);font-weight:760;text-underline-offset:.25rem}
.welcome-copy ul{margin:1.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem 1.3rem;list-style:none;color:var(--plum-2);font-size:.84rem;font-weight:720}
.welcome-copy li span{width:1.35rem;height:1.35rem;margin-right:.3rem;display:inline-grid;place-items:center;border-radius:50%;background:#f4d1c1;color:#984a36}
.current-site-figure{margin:0;overflow:hidden;border-radius:1.2rem 4rem 1.2rem 1.2rem;background:#f4ddd0}
.current-site-figure img{width:100%;aspect-ratio:5/4;display:block;object-fit:cover}
.current-site-figure figcaption{padding:.9rem 1rem;border-top:1px solid var(--line);color:var(--muted);background:#fff4e9;font-size:.8rem}
.gateway-preview-screen{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr);gap:3rem;align-items:center;background:linear-gradient(135deg,#fffaf4 0 62%,#f6dac9 62%)}.gateway-preview-screen h3{max-width:13ch;margin:.5rem 0;font:650 clamp(3rem,6vw,5.7rem)/.94 Georgia,serif;letter-spacing:-.055em}.gateway-preview-screen>div>p:not(.product-kicker){max-width:44rem;color:var(--muted);font-size:1.05rem;line-height:1.6}.gateway-preview-grid{margin:1.5rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.gateway-preview-grid span{padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:#fff;font-weight:800}.gateway-preview-screen a{display:inline-flex;padding:.75rem 1rem;border-radius:99rem;background:var(--plum);color:#fff;font-weight:800;text-decoration:none}.gateway-preview-mark{aspect-ratio:1;display:grid;place-items:center;align-content:center;border:1px solid #d99e7b;border-radius:50%;background:#fff8f0}.gateway-preview-mark img{width:5rem}.gateway-preview-mark strong{margin-top:1rem;font:650 3rem/1 Georgia,serif}.gateway-preview-mark small{color:var(--muted)}
.bo-assistant-preview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:1rem;background:#f3ded2}.bo-preview-page{min-height:31rem;padding:3rem;display:flex;flex-direction:column;border-radius:1rem;background:#fff}.bo-preview-page h3{margin:.5rem 0;font:650 clamp(2.5rem,5vw,4.7rem)/1 Georgia,serif}.bo-preview-page p{max-width:35rem;color:var(--muted);line-height:1.6}.bo-preview-page button{width:max-content;margin-top:auto;padding:.75rem 1rem;border:0;border-radius:99rem;background:var(--plum);color:#fff;font-weight:800}.bo-assistant-preview>aside{min-height:31rem;padding:1.2rem;display:flex;flex-direction:column;border-radius:1rem;background:linear-gradient(155deg,#4a2537,#6c354d);color:#fff}.bo-assistant-preview>aside header span,.bo-assistant-preview>aside header strong{display:block}.bo-assistant-preview>aside header span{color:#f4b792;font-size:.7rem;font-weight:850;text-transform:uppercase}.bo-assistant-preview>aside header strong{margin:.3rem 0 1rem;font:650 1.6rem/1.1 Georgia,serif}.bo-assistant-preview>aside>small{padding:.65rem;border:1px solid #ffffff25;border-radius:.6rem;color:#efcdbc}.bo-assistant-preview>aside>p{padding:1rem;border-radius:.8rem;background:#fff;color:var(--plum);line-height:1.55}.bo-assistant-preview>aside>div{display:flex;flex-wrap:wrap;gap:.35rem}.bo-assistant-preview>aside button{padding:.55rem .7rem;border:1px solid #ffffff35;border-radius:99rem;background:#ffffff0d;color:#fff}.bo-assistant-preview>aside em{margin-top:auto;color:#efcdbc;font-size:.68rem;font-style:normal}

.warm-promise{min-height:28rem;padding:clamp(1.5rem,3vw,2.6rem);display:flex;flex-direction:column;justify-content:end;border-radius:8rem 8rem 1.2rem 1.2rem;background:linear-gradient(160deg,#f2c7b5,#e89970);color:var(--plum);box-shadow:0 2rem 4rem rgba(103,54,65,.16)}
.promise-mark{position:relative;width:8rem;height:8rem;margin:0 auto auto;display:grid;place-items:center;border-radius:50%;background:rgba(255,247,237,.56);box-shadow:0 0 0 1.1rem rgba(255,247,237,.22)}
.promise-mark::before{content:"";width:1rem;height:4.2rem;border-radius:99rem;background:var(--plum)}
.promise-mark i{position:absolute;width:2.4rem;height:2.4rem;margin-top:3.6rem;border-radius:50%;background:var(--apricot);box-shadow:0 0 0 .45rem var(--plum)}
.warm-promise blockquote{margin:1.5rem 0 .8rem;font-family:Georgia,serif;font-size:1.45rem;font-weight:650;line-height:1.3}
.warm-promise p{margin:0;font-size:.9rem}

.question-screen{display:grid;grid-template-columns:16rem 1fr;gap:1rem;background:#efd7ca}
.journey-panel{min-height:37rem;padding:1.5rem;display:flex;flex-direction:column;border-radius:1rem;background:var(--plum);color:#fff}
.journey-panel>p{margin:0 0 .3rem;color:#e8bdcc;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.journey-panel>div{height:.42rem;margin:1.3rem 0 .6rem;overflow:hidden;border-radius:99rem;background:rgba(255,255,255,.16)}
.journey-panel>div i{width:18%;height:100%;display:block;background:var(--apricot)}
.journey-panel small{color:#e8bdcc}
.journey-panel button{margin-top:auto;padding:.8rem 0;border:0;border-top:.06rem solid rgba(255,255,255,.22);background:transparent;color:#fff;text-align:left;cursor:pointer}
.question-card{width:min(100%,50rem);margin:auto;padding:clamp(1.3rem,5vw,4rem);border-radius:1rem 4rem 1rem 1rem;background:#fffaf4;box-shadow:0 1rem 3rem rgba(74,37,55,.1)}
.question-meta{display:flex;justify-content:space-between;color:#a6503b;font-size:.74rem;font-weight:840;letter-spacing:.08em;text-transform:uppercase}
.soft-note{margin:1.5rem 0 .3rem;color:var(--muted)}
.question-card h3{margin:.5rem 0 1.5rem;font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.5rem);font-weight:650;line-height:1}
.answers{display:grid;gap:.6rem}
.answers button{min-height:3.5rem;padding:.8rem 1rem;border:.08rem solid #ddc4b8;border-radius:.8rem;background:#fff;color:var(--ink);font-weight:680;text-align:left;cursor:pointer}
.answers button.is-selected{border-color:var(--clay);background:#fae5da;box-shadow:inset .32rem 0 var(--clay)}

.address-preview,.question-card details{margin:.75rem 0 0;border:.06rem solid #e1c5b7;border-radius:.8rem;background:#fbeddf;color:#684653}
.lab-question-helper{margin:0 0 1rem;padding:1rem;display:grid;grid-template-columns:1.6rem 1fr;gap:.75rem;border-left:.25rem solid var(--clay);border-radius:.5rem 1rem 1rem .5rem;background:#fbeddf;color:#684653}
.lab-question-helper>span{width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:50%;background:var(--clay);color:#fff}
.lab-question-helper strong{display:block}.lab-question-helper p{margin:.2rem 0 0}
.lab-radio-list button{display:grid;grid-template-columns:1.5rem 1fr;align-items:center;gap:.8rem}
.lab-radio-list button i{width:1.45rem;height:1.45rem;border:2px solid #a96655;border-radius:50%;background:#fffaf4;box-shadow:inset 0 0 0 .25rem #fffaf4}
.lab-radio-list button.is-selected i{background:var(--clay)}
.address-preview{padding:.8rem 1rem;font-size:.85rem;font-weight:680}
.question-card summary{padding:.8rem 1rem;font-weight:780;cursor:pointer}
.question-card details>div{padding:0 1rem 1rem}
.question-card details p{margin:.25rem 0 .5rem}
.question-card details small{color:var(--muted)}
.question-actions{margin-top:1.3rem;display:flex;justify-content:space-between;gap:1rem}
.question-actions button{min-height:3rem;padding:.7rem 1.1rem;border-radius:99rem;font-weight:760;cursor:pointer}
.question-actions button:first-child{border:0;background:transparent;color:var(--muted)}
.question-actions button:last-child{border:0;background:var(--plum);color:#fff}
.model-note{margin:1.1rem 0 0;color:var(--muted);font-size:.75rem}

.result-screen{background:#fffaf4}
.result-screen>header{display:grid;grid-template-columns:4rem 1fr;gap:1.3rem;align-items:start}
.result-screen>header>span{width:4rem;height:4rem;display:grid;place-items:center;border-radius:50%;background:#f3d0bf;color:#9c4935;font-size:1.5rem}
.result-screen h3{max-width:18ch;font-size:clamp(2.8rem,5vw,5rem)}
.result-screen header p:last-child{max-width:46rem;color:var(--muted)}
.result-grid{margin-top:2rem;display:grid;grid-template-columns:1.15fr .85fr;gap:.8rem}
.thermometer-card,.next-card{padding:clamp(1.4rem,3vw,2.5rem);border-radius:1rem}
.thermometer-card{background:var(--plum);color:#fff}
.thermometer-card>span,.next-card>span{font-size:.72rem;font-weight:830;letter-spacing:.08em;text-transform:uppercase}
.thermometer-card strong,.next-card strong{display:block;margin:.7rem 0;font-family:Georgia,serif;font-size:1.65rem}
.thermometer{position:relative;height:.7rem;margin:2.2rem 0 1.2rem;border-radius:99rem;background:linear-gradient(90deg,#f2c7b5,#eea66f,#c96f50)}
.thermometer i{position:absolute;top:50%;left:46%;width:1.25rem;height:1.25rem;border:.18rem solid #fff;border-radius:50%;background:var(--plum);transform:translate(-50%,-50%)}
.next-card{border:.06rem solid var(--line);background:#fff}
.next-card p{color:var(--muted)}
.next-card a{min-height:2.9rem;margin-top:.5rem;display:inline-flex;align-items:center}
.voice-card{margin-top:.8rem;padding:1.4rem;display:grid;grid-template-columns:.5fr 1.5fr;gap:1rem;border-radius:1rem;background:#f5ded2}
.voice-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.voice-card strong{padding-left:.75rem;border-left:.15rem solid var(--clay);font-family:Georgia,serif;font-size:.95rem;font-weight:650}

.decision-bar{margin-top:1rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid;grid-template-columns:1fr auto;gap:1rem 2rem;align-items:center;border-radius:1.3rem;background:var(--plum);color:#fff}
.decision-bar .kicker{color:#f0ae8c}
.decision-bar h2{font-size:clamp(2rem,3.5vw,3.4rem)}
.decision-bar>div>p:last-child{color:#e6cbd5}
.decision-bar>div:nth-child(2){display:flex;gap:.5rem}
.decision-bar button,.decision-bar a{min-height:3rem;padding:.7rem 1rem;border:.08rem solid #fff;border-radius:99rem;font-weight:760;cursor:pointer}
.decision-bar button{background:var(--apricot);border-color:var(--apricot);color:var(--plum)}
.decision-bar a{display:inline-flex;align-items:center;background:transparent;color:#fff;text-decoration:none}
.decision-bar>p{grid-column:1/-1;min-height:1.4rem;margin:0;color:#f2c9b6;font-weight:720}

@media(max-width:900px){.lab-intro,.section-heading,.brand-foundation,.welcome-screen,.result-grid{grid-template-columns:1fr}
.brand-downloads>header,.brand-downloads>div{grid-template-columns:1fr}
.logo-options{grid-template-columns:1fr}
.palette{grid-template-columns:repeat(3,1fr)}
.interface-tools{align-items:flex-start;flex-direction:column}
.question-screen{grid-template-columns:1fr}
.journey-panel{min-height:auto;gap:.8rem}
.journey-panel button{margin-top:.6rem}
.voice-card{grid-template-columns:1fr}
.voice-card>div{grid-template-columns:1fr}
.decision-bar{grid-template-columns:1fr}
.decision-bar>p{grid-column:auto}
}

@media(max-width:620px){main{width:min(calc(100% - 1rem),84rem);padding-top:1rem}
.lab-header{align-items:flex-start}
.lab-header nav a:first-child{display:none}
.lab-intro h1{font-size:2.8rem}
.area-switch{grid-template-columns:1fr}
.brand-workspace,.interface-workspace{padding:1rem;border-radius:1rem}
.logo-stage{min-height:22rem;padding:1.5rem}
.logo-lockup{align-items:flex-start;flex-direction:column}
.logo-lockup strong{font-size:3.8rem}
.logo-rationale{text-align:left}
.palette{grid-template-columns:1fr 1fr}
.interface-tools nav{width:100%;overflow-x:auto}
.interface-tools nav button{flex:1 0 auto}
.product-nav>nav a{display:none}
.product-screen{min-height:38rem;padding:1.1rem}
.welcome-copy h3{font-size:3.4rem}
.warm-promise{min-height:22rem}
.question-card{padding:1.2rem;border-radius:1rem 2.5rem 1rem 1rem}
.result-screen>header{grid-template-columns:1fr}
.decision-bar>div:nth-child(2){display:grid}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

.area-switch{grid-template-columns:repeat(5,1fr)}

.lab-current-state{margin:2rem 0 0}
.communication-workspace{margin-top:1rem;padding:clamp(1.2rem,4vw,3.5rem);border-radius:1.6rem;background:var(--cream);box-shadow:0 2rem 6rem rgba(79,39,54,.12)}
.communication-principles{margin-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.communication-principles>article{padding:1.3rem;border:.06rem solid var(--line);border-radius:1rem;background:#fff}
.communication-principles>article>span{color:#9a4b38;font-size:.72rem;font-weight:850}
.communication-principles h3{margin:.8rem 0 .45rem;font-family:Georgia,serif;font-size:1.45rem;line-height:1.1}
.communication-principles>article>p{color:var(--muted)}
.communication-principles article>div{display:grid;grid-template-columns:2rem 1fr;gap:.35rem .6rem;margin-top:1rem;padding-top:1rem;border-top:.06rem solid var(--line)}
.communication-principles article>div strong{color:#8c432f;font-size:.7rem;text-transform:uppercase}
.communication-principles q{color:var(--plum);font-family:Georgia,serif;font-size:.9rem}
.communication-checklist{margin-top:1rem;padding:clamp(1.2rem,3vw,2rem);display:grid;grid-template-columns:.75fr 1.25fr;gap:2rem;border-radius:1rem;background:#f5d8ca}
.communication-checklist h3{margin:.3rem 0;font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1}
.communication-checklist ol{margin:0;padding-left:1.2rem;color:var(--plum)}
.communication-checklist li{padding:.45rem 0;border-bottom:.06rem solid rgba(74,37,55,.12)}

.illustration-workspace{margin-top:1rem;padding:clamp(1.2rem,4vw,3.5rem);border-radius:1.6rem;background:var(--cream);box-shadow:0 2rem 6rem rgba(79,39,54,.12)}

.illustration-grid{margin-top:2rem;display:grid;gap:1rem}
.illustration-card{overflow:hidden;display:grid;grid-template-columns:minmax(17rem,.8fr) minmax(0,1.2fr);border:.06rem solid var(--line);border-radius:1.2rem;background:#fffdfa}
.illustration-card img{width:100%;height:100%;min-height:23rem;display:block;object-fit:cover;background:#f2d5c6}
.illustration-card>div{padding:clamp(1.4rem,3vw,2.5rem)}
.illustration-card h3{margin:.2rem 0 .7rem;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:650;line-height:1}
.illustration-card p:not(.kicker){color:var(--muted)}
.illustration-card ul{margin:1rem 0 1.4rem;padding-left:1.2rem;color:var(--muted)}
.illustration-card li+li{margin-top:.35rem}
.illustration-card button{min-height:3rem;padding:.7rem 1rem;border:.06rem solid var(--plum);border-radius:99rem;background:var(--plum);color:#fff;font-weight:760;cursor:pointer}
.illustration-card button[aria-pressed="true"]{background:var(--apricot);color:var(--plum)}
.illustration-rule{margin-top:1rem;padding:1.2rem 1.4rem;border-radius:1rem;background:#f3d8ca;color:var(--plum)}
.illustration-rule p{margin:.35rem 0 0}
.illustration-rule [data-illustration-status]{min-height:1.5rem;font-weight:760}

@media(max-width:900px){.illustration-card{grid-template-columns:1fr}
.illustration-card img{min-height:0;aspect-ratio:16/10}
}

@media(max-width:620px){.area-switch{grid-template-columns:1fr}
.illustration-workspace{padding:1rem;border-radius:1rem}
}

.content-map{margin-top:1rem;padding:clamp(1.4rem,3vw,2.5rem);border:.06rem solid var(--line);border-radius:1.2rem;background:#fffdfa}
.content-map>header{max-width:52rem}
.content-map h3{margin:.25rem 0 .6rem;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:650;line-height:1}
.content-map>header>p:last-child{color:var(--muted)}
.content-map>div{margin-top:1.3rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.content-map article{padding:1rem;border:.06rem solid #ead6cb;border-radius:.9rem;background:var(--cream)}
.content-map h4{margin:0 0 .4rem;color:var(--plum);font-size:1rem}
.content-map article p{margin:0;color:var(--muted);font-size:.86rem}
.content-map a{margin-top:.75rem;display:inline-flex;color:var(--plum);font-size:.82rem;font-weight:780;text-underline-offset:.2rem}

@media(max-width:900px){.content-map>div{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){.content-map>div{grid-template-columns:1fr}
}

.release-workspace{margin-top:1rem;padding:clamp(1.2rem,4vw,3.5rem);border-radius:1.6rem;background:var(--cream);box-shadow:0 2rem 6rem rgba(79,39,54,.12)}

.role-matrix{padding:1.2rem;border:.06rem solid var(--line);border-radius:1rem;background:#fff}
.role-matrix header{max-width:48rem}
.role-matrix h3{margin:.2rem 0 1rem;font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1}
.role-matrix>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.role-matrix article{padding:1rem;border-radius:.8rem;background:#f9e9df}
.role-matrix article:last-child{background:var(--plum);color:#fff}
.role-matrix strong,.role-matrix span{display:block}
.role-matrix strong{font-family:Georgia,serif;font-size:1.2rem}
.role-matrix span{color:#9a4b38;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.role-matrix article:last-child span{color:#efbda8}
.role-matrix p{margin:.4rem 0 0;font-size:.8rem}
.role-rule{padding:.8rem 1rem;border-left:.2rem solid var(--clay);background:#fff4eb;color:var(--muted)}

.release-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.5rem 0}
.release-summary article{padding:1rem;border:.06rem solid var(--line);border-radius:.9rem;background:#fff}
.release-summary span,.release-summary strong,.release-summary small{display:block}
.release-summary span{color:var(--muted);font-size:.72rem}
.release-summary strong{margin:.25rem 0;color:var(--plum);font-family:Georgia,serif;font-size:1.25rem}
.release-summary small{color:#a14d38}

.workflow-strip{margin:1rem 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;list-style:none}
.workflow-strip li{padding:.8rem;border-radius:.8rem;background:#f7ded1}
.workflow-strip span,.workflow-strip strong,.workflow-strip small{display:block}
.workflow-strip span{color:#9a4b38;font-size:.7rem;font-weight:850}
.workflow-strip strong{margin:.2rem 0;color:var(--plum)}
.workflow-strip small{color:var(--muted)}

.graphic-release-list{display:grid;gap:1rem}
.graphic-release{display:grid;grid-template-columns:minmax(14rem,.72fr) minmax(0,1fr) minmax(17rem,.72fr);gap:0;overflow:hidden;border:.06rem solid var(--line);border-radius:1.2rem;background:#fff}
.graphic-release>img{width:100%;height:100%;min-height:27rem;display:block;object-fit:cover}
.current-graphic-release{border-color:#c98769;box-shadow:0 1.4rem 3rem rgba(79,39,54,.11)}
.release-composition-preview{min-height:32rem;padding:.7rem;display:grid;grid-template-rows:1.15fr .85fr .85fr;gap:.55rem;background:#f1d4c4}
.mobile-release-preview{grid-template-rows:repeat(3,1fr);align-content:center;padding:1rem;background:linear-gradient(145deg,#f1d4c4,#ffe9d9)}
.mobile-specimen{min-height:7rem;padding:1rem;display:flex;flex-direction:column;justify-content:end;border:.06rem solid rgba(74,37,55,.13);border-radius:1.1rem 2.8rem 1.1rem 1.1rem;background:#fffaf4;box-shadow:0 .7rem 1.8rem rgba(74,37,55,.07)}
.mobile-specimen span,.mobile-specimen strong,.mobile-specimen small{display:block}.mobile-specimen span{color:#9a4b38;font-size:.7rem;font-weight:850}.mobile-specimen strong{color:var(--plum);font-family:Georgia,serif;font-size:1.35rem}.mobile-specimen small{color:var(--muted)}
.composition-sample{position:relative;isolation:isolate;min-height:0;overflow:hidden;border-radius:.85rem;background:#fff7ed}
.composition-sample img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.composition-sample::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,247,237,.96),rgba(255,247,237,.7) 45%,transparent 78%)}
.composition-sample span{position:absolute;left:.8rem;bottom:.7rem;max-width:70%}
.composition-sample small,.composition-sample strong{display:block}
.composition-sample small{color:#8e4433;font-size:.64rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.composition-sample strong{color:var(--plum);font-family:Georgia,serif;font-size:1rem;line-height:1.1}
.composition-hero img{object-position:center}
.composition-story img{object-position:32% center}
.composition-story::after{background:linear-gradient(90deg,transparent 0%,rgba(255,247,237,.42) 38%,#fff7ed 75%)}
.composition-story span{right:.8rem;left:auto;text-align:right}
.composition-assessment img{object-position:center 58%}
.composition-assessment::after{background:linear-gradient(180deg,transparent 0%,rgba(74,37,55,.68) 100%)}
.composition-assessment small,.composition-assessment strong{color:#fff}
.graphic-copy{padding:1.4rem}
.release-meta{display:flex;align-items:center;justify-content:space-between;gap:.7rem}
.release-meta>span{color:#9a4b38;font-size:.72rem;font-weight:850;letter-spacing:.06em}
.release-meta>em{padding:.3rem .55rem;border-radius:99rem;background:#fae3d6;color:#7b3b2c;font-size:.7rem;font-style:normal;font-weight:800}
.graphic-release[data-state="approved"] .release-meta>em{background:#dfeee7;color:#285d4b}
.graphic-release[data-state="changes"] .release-meta>em{background:#ffe2df;color:#8f3032}
.graphic-release[data-state="source"] .release-meta>em{background:#eee5df;color:#6e5c55}
.graphic-copy h3{margin:.8rem 0 .5rem;font-family:Georgia,serif;font-size:clamp(1.65rem,2.6vw,2.5rem);line-height:1}
.graphic-copy>p{color:var(--muted)}
.graphic-copy dl{margin:1rem 0}
.graphic-copy dl div{padding:.45rem 0;border-top:.06rem solid var(--line)}
.graphic-copy dt{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}
.graphic-copy dd{margin:.1rem 0 0;color:var(--plum);font-size:.85rem;font-weight:700}
.graphic-copy a{color:var(--plum);font-weight:760;text-underline-offset:.2rem}

.graphic-review{padding:1.4rem;border-left:.06rem solid var(--line);background:#fff7ed}
.graphic-review label{display:grid;gap:.45rem;color:var(--plum);font-size:.82rem;font-weight:800}
.graphic-review textarea,.graphic-review select{width:100%;padding:.75rem;border:.06rem solid #cdb1a4;border-radius:.7rem;background:#fff;color:var(--ink);font:inherit}
.graphic-review textarea{resize:vertical}
.graphic-review .actor-select{margin-bottom:.8rem}
.graphic-review>div{display:grid;gap:.4rem;margin-top:.7rem}
.graphic-review button{min-height:2.65rem;padding:.55rem .7rem;border:.06rem solid var(--plum);border-radius:.7rem;background:transparent;color:var(--plum);font-size:.78rem;font-weight:780;cursor:pointer}
.graphic-review button[data-graphic-action="approved"]{background:var(--plum);color:#fff}
.graphic-review button[data-graphic-action="changes"]{border-color:#a44e47;color:#8f3032}
.graphic-review>p{min-height:2rem;margin:.7rem 0 0;color:var(--muted);font-size:.72rem}
.source-card{min-height:27rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#eadbd2;text-align:center}
.source-card>span{width:6rem;height:6rem;display:grid;place-items:center;border-radius:50%;background:var(--plum);color:#fff;font-family:Georgia,serif;font-size:1.8rem}
.source-card strong{margin-top:1rem;color:var(--plum)}
.source-card p{max-width:16rem;color:var(--muted);font-size:.82rem}
.release-help{margin-top:1rem;padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-radius:1rem;background:var(--plum);color:#fff}
.release-help ol{margin:.5rem 0 0;padding-left:1.2rem;color:#ead6df;font-size:.84rem}
.release-help a{min-height:3rem;padding:.7rem 1rem;display:inline-flex;align-items:center;border:.06rem solid #fff;border-radius:99rem;color:#fff;font-weight:780;text-decoration:none;white-space:nowrap}
.release-help-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.release-help-actions a:first-child{background:#fff;color:var(--plum)}

.brief-workspace-shell{margin-top:1.5rem;padding:clamp(1rem,3vw,2rem);border:.06rem solid var(--line);border-radius:1.2rem;background:#fff}
.brief-workspace-shell>header{max-width:58rem}
.brief-workspace-shell h2{margin:.2rem 0;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,3rem)}
.brief-workspace-shell>header>p:last-child{color:var(--muted)}
.brief-toolbar{margin:1rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.brief-toolbar label,.brief-editor label{display:grid;gap:.35rem;color:var(--plum);font-size:.78rem;font-weight:800}
.brief-toolbar select,.brief-editor textarea,.brief-editor input{width:100%;padding:.75rem;border:.06rem solid #cdb1a4;border-radius:.7rem;background:#fff;color:var(--ink);font:inherit}
.brief-card{overflow:hidden;border:.06rem solid var(--line);border-radius:1rem}
.brief-card>header{padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f7ded1}
.brief-card>header span{color:#98503c;font-size:.72rem;font-weight:850}
.brief-card h3{margin:.2rem 0;font-family:Georgia,serif;font-size:1.6rem}
.brief-card>header em{padding:.35rem .6rem;border-radius:99rem;background:#fff;color:var(--plum);font-size:.72rem;font-style:normal;font-weight:800}
.brief-card>p,.brief-card>dl,.brief-editor,.brief-notes,.brief-document{margin:1rem 1.2rem}
.brief-card>p{color:var(--muted)}
.brief-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.brief-card dl div{padding:.7rem;border-radius:.7rem;background:#fff5ed}
.brief-card dt{color:var(--muted);font-size:.68rem;text-transform:uppercase}
.brief-card dd{margin:.2rem 0 0;font-size:.82rem;font-weight:750}
.brief-editor{display:grid;grid-template-columns:1.2fr .8fr;gap:.7rem}
.brief-editor label:first-child{grid-row:span 2}
.brief-editor label span{font-weight:500}
.brief-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem}
.brief-actions button{min-height:2.6rem;padding:.55rem .7rem;border:.06rem solid var(--plum);border-radius:.65rem;background:#fff;color:var(--plum);font-size:.75rem;font-weight:770;cursor:pointer}
.brief-actions button[data-brief-action="note"],.brief-actions button[data-brief-action="approve"]{background:var(--plum);color:#fff}
.brief-message{grid-column:1/-1;min-height:1.2rem;margin:0;color:#8d4635;font-size:.78rem;font-weight:750}
.brief-notes>article{padding:.75rem 0;border-top:.06rem solid var(--line)}
.brief-notes>article>div{display:flex;justify-content:space-between;gap:1rem}
.brief-notes p{margin:.35rem 0;white-space:pre-wrap}
.brief-notes time,.brief-notes small,.empty-brief{color:var(--muted);font-size:.72rem}
.brief-notes small{display:block;margin-top:.25rem}
.brief-output{margin:1rem 1.2rem;padding:1rem;border-left:.25rem solid var(--clay);border-radius:.7rem;background:#edf3e9}
.brief-output span{color:#5b7155;font-size:.7rem;font-weight:850;text-transform:uppercase}
.brief-output h4{margin:.25rem 0}
.brief-output p{margin:.3rem 0;white-space:pre-wrap}
.brief-output small{color:var(--muted)}
.brief-document summary{font-weight:800;cursor:pointer}
.brief-document pre{padding:1rem;overflow:auto;border-radius:.7rem;background:#f8eee8;color:#5f414b;font:400 .72rem/1.55 ui-monospace,monospace;white-space:pre-wrap}

@media(max-width:1100px){.graphic-release{grid-template-columns:minmax(14rem,.7fr) minmax(0,1fr)}
.graphic-review{grid-column:1/-1;border-top:.06rem solid var(--line);border-left:0}
.graphic-review>div{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:800px){.release-summary{grid-template-columns:1fr}
.graphic-release{grid-template-columns:1fr}
.graphic-release>img{min-height:0;aspect-ratio:1/1}
.release-composition-preview{min-height:34rem}
.graphic-review>div{grid-template-columns:1fr}
.source-card{min-height:18rem}
.release-help{align-items:flex-start;flex-direction:column}
}

@media(max-width:900px){.communication-principles,.communication-checklist{grid-template-columns:1fr}}
@media(max-width:900px){.wordmark-grid{grid-template-columns:1fr}.wordmark-grid p{min-height:0}}

@media(max-width:1000px){.role-matrix>div{grid-template-columns:1fr 1fr}
}

@media(max-width:800px){.workflow-strip,.brief-card dl,.brief-toolbar,.brief-editor{grid-template-columns:1fr}
.brief-editor label:first-child{grid-row:auto}
.brief-actions,.brief-message{grid-column:auto}
}

@media(max-width:620px){.role-matrix>div{grid-template-columns:1fr}
.wordmark-study>header{grid-template-columns:1fr}.wordmark-grid article{padding:.8rem}
}

/* Lab responsive stabilization · 1.4 */
.lab-header nav a,.area-switch button,.interface-tools nav button,.logo-options button,.decision-bar button,.decision-bar a,.brief-actions button,.queue-actions button{min-height:2.75rem}
@media(max-width:900px){
  .area-switch{grid-template-columns:repeat(3,minmax(0,1fr))}
  .release-summary{grid-template-columns:1fr 1fr}
  .graphic-release{grid-template-columns:1fr}
}
@media(max-width:620px){
.brand-downloads article,.brand-downloads .full-logo-download{grid-template-columns:1fr}.brand-downloads article>img{max-height:17rem}
  .lab-header{align-items:flex-start;flex-wrap:wrap;padding:.7rem .75rem}
  .lab-name{min-width:0}
  .lab-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lab-header nav{width:100%;overflow-x:auto;scrollbar-width:none}
  .lab-header nav a{flex:0 0 auto}
  .area-switch{grid-template-columns:1fr}
  .area-switch button{min-height:4.4rem}
  .release-summary{grid-template-columns:1fr}
  .section-heading{grid-template-columns:1fr;gap:.75rem}
  .section-heading h2{font-size:clamp(2rem,10vw,2.8rem)}
  .communication-principles{grid-template-columns:1fr}
  .communication-principles article>div{grid-template-columns:1fr}
  .illustration-grid{grid-template-columns:1fr}
  .graphic-release-list{display:grid;grid-template-columns:1fr}
  .graphic-release{min-width:0}
  .graphic-release img{width:100%;height:auto}
  .brief-actions,.decision-bar>div:nth-child(2){display:grid;width:100%}
  .brief-actions button,.decision-bar button,.decision-bar a{width:100%;justify-content:center}
}

@media(max-width:900px){.gateway-preview-screen,.bo-assistant-preview{grid-template-columns:1fr}.gateway-preview-mark{width:min(17rem,70vw);margin:auto}.bo-preview-page{min-height:22rem;padding:1.5rem}.bo-assistant-preview>aside{min-height:24rem}}
@media(max-width:620px){.gateway-preview-screen h3{font-size:clamp(2.5rem,12vw,4rem)}.gateway-preview-grid{grid-template-columns:1fr}.gateway-preview-mark{display:none}.bo-assistant-preview{padding:1rem}.bo-preview-page{min-height:18rem}.bo-assistant-preview>aside{min-height:22rem}}

.assessment-bo-preview{grid-template-columns:minmax(13rem,.55fr) minmax(0,1.7fr);gap:.8rem;background:#fff8f0}
.assessment-bo-preview>aside,.assessment-bo-preview>div{padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:#fff}
.assessment-bo-preview>aside h3,.assessment-bo-preview>div h3{margin:.25rem 0;font:650 1.55rem/1 Georgia,serif}
.assessment-bo-preview>aside button{width:100%;margin-top:.5rem;padding:.75rem;border:1px solid var(--line);border-radius:.7rem;background:#fffaf4;color:var(--plum);text-align:left}
.assessment-bo-preview>aside button.is-selected{border-color:var(--orange);background:#fff0e4}
.assessment-bo-preview>aside strong,.assessment-bo-preview>aside small{display:block}.assessment-bo-preview>aside small{margin-top:.2rem;color:var(--muted)}
.assessment-bo-preview>div>header{display:flex;align-items:end;justify-content:space-between;gap:.7rem}.assessment-bo-preview>div>header span{color:var(--muted);font-size:.72rem}
.assessment-bo-filters{margin:1rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.assessment-bo-filters span{padding:.65rem;border-radius:.55rem;background:#fff2e8;color:var(--muted);font-size:.68rem;font-weight:800}
.assessment-bo-preview>div>section{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.assessment-bo-preview>div>section article{padding:.8rem;border:1px solid var(--line);border-radius:.65rem}.assessment-bo-preview>div>section small,.assessment-bo-preview>div>section strong{display:block}.assessment-bo-preview>div>section small{color:var(--muted)}.assessment-bo-preview>div>section strong{margin-top:.35rem;font:650 1.5rem/1 Georgia,serif}
.assessment-bo-lines{margin:1rem 0;display:grid;gap:.35rem}.assessment-bo-lines span{padding:.7rem;border-left:3px solid var(--orange);background:#fff8f1;font-size:.75rem;font-weight:800}.assessment-bo-preview>div>a{display:inline-flex;padding:.7rem .9rem;border-radius:99rem;background:var(--plum);color:#fff;font-size:.76rem;font-weight:800;text-decoration:none}
@media(max-width:900px){.assessment-bo-preview{grid-template-columns:1fr}}
@media(max-width:620px){.assessment-bo-filters,.assessment-bo-preview>div>section{grid-template-columns:1fr 1fr}.assessment-bo-preview>div>header{align-items:start;flex-direction:column}}

/* Release 1.6.1 specimens: image and explanatory text remain separate. */
.desktop-release-preview{grid-template-rows:repeat(3,1fr);align-content:center;padding:1rem;background:linear-gradient(145deg,#f1d4c4,#ffe9d9)}
.desktop-specimen{min-height:7rem;padding:1rem;display:flex;flex-direction:column;justify-content:end;border:.06rem solid rgba(74,37,55,.13);border-radius:1.1rem 2.8rem 1.1rem 1.1rem;background:#fffaf4;box-shadow:0 .7rem 1.8rem rgba(74,37,55,.07)}
.desktop-specimen span,.desktop-specimen strong,.desktop-specimen small{display:block}
.desktop-specimen span{color:#9a4b38;font-size:.7rem;font-weight:850}
.desktop-specimen strong{color:var(--plum);font-family:Georgia,serif;font-size:1.25rem}
.desktop-specimen small{color:var(--muted)}
.composition-sample{display:grid;grid-template-rows:minmax(0,1fr) auto;isolation:auto}
.composition-sample img{position:static;z-index:auto;width:100%;height:100%;min-height:0;object-fit:cover}
.composition-sample::after{content:none}
.composition-sample span{position:static;max-width:none;padding:.55rem .7rem;background:#fff7ed}