/* Real workspace captures have their own reading surface on the public site. */
.product-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:clamp(2rem,4.1vw,4.8rem) 0 clamp(1.7rem,2.6vw,3rem)}
.product-intro>div{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(16rem,1fr);align-items:end;gap:clamp(1.6rem,4vw,5rem);flex:1}
.product-intro h1{font-family:"DM Sans",sans-serif;font-size:clamp(3rem,6.6vw,7.3rem);line-height:.96;font-weight:540;letter-spacing:-.075em}
.product-intro p{font-size:clamp(1rem,1.25vw,1.23rem);line-height:1.43;color:#424b40;max-width:43ch}
.product-intro>a,.hero-capture figcaption a,.handoff-note>a,.studio-material>a{display:inline-flex;align-items:center;gap:.65em;min-height:44px;text-decoration:underline;text-underline-offset:.23em;font-size:.9rem;font-weight:620}
.product-intro>a{white-space:nowrap}

.product-gallery{scroll-margin-top:.8rem}
.gallery-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid var(--ink)}
.gallery-picks{display:flex;gap:.2rem;flex-wrap:wrap}
.gallery-pick,.gallery-selector select,.capture-mode,.show-choice{font-family:inherit;font-weight:590;font-size:.86rem}
.gallery-pick{display:inline-flex;min-height:42px;align-items:center;padding:.45rem .9rem;border-radius:3px;text-decoration:none}
.gallery-pick:is(:hover,:focus-visible){background:#e4e8dc}.gallery-pick[aria-current=true]{background:#283b30;color:#f9faee}
.gallery-selector{display:flex;align-items:center;gap:.55rem;color:#4c584c;font-size:.82rem}
.gallery-selector select{max-width:min(18rem,50vw);min-height:40px;border:1px solid #9faa99;border-radius:3px;background:#fafaf3;color:#293a2d;padding:.35rem .4rem}
.gallery-stage{background:#2b4037;color:#f4f6ed;padding:clamp(1rem,2.1vw,2.1rem) clamp(1rem,3vw,3rem) clamp(1.2rem,2.8vw,2.8rem);border-radius:7px}
.gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(.8rem,1.3vw,1.25rem)}
.gallery-module{display:block;color:#d3e1ce;font:.7rem/1.5 var(--mono);margin-bottom:.18rem}
.gallery-caption h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.35rem,2.2vw,2.35rem);letter-spacing:-.039em;line-height:1.12}
.gallery-caption>a,.capture-full{display:inline-flex;align-items:center;gap:.55em;min-height:42px;font-size:.83rem;text-underline-offset:.23em;white-space:nowrap}
.gallery-screen,.module-screen,.story-mat{position:relative;overflow:hidden;background:#fbfcf7;line-height:0}
.gallery-screen{border:1px solid #d3ded1;border-radius:5px;box-shadow:0 16px 32px #0b191e35}
.capture-image{display:block;cursor:zoom-in}.capture-image img{display:block;width:100%;height:auto}
.capture-image:focus-visible{outline-offset:-4px;outline:4px solid #1c6352}
.hero-capture figcaption{display:flex;gap:1.2rem;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--rule)}
.hero-capture figcaption p{max-width:74ch;font-size:.94rem;line-height:1.5}.hero-capture figcaption small{color:var(--quiet);font-size:.8rem;white-space:nowrap}
.hero-capture figcaption a{flex:none;color:#304e3f}

.interior:has(.module-showcase) .interior-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(14rem,.8fr);align-items:end;gap:.25rem clamp(2rem,5vw,5.7rem);padding:clamp(1.7rem,3.5vw,3.8rem) 0 clamp(1.5rem,2.65vw,2.85rem);border-bottom:0}
.interior:has(.module-showcase) .interior-head>.eyebrow{grid-column:1 / -1}
.interior:has(.module-showcase) .interior-head h1{font-size:clamp(2.5rem,4.9vw,5.65rem);margin:.55rem 0 0}
.interior:has(.module-showcase) .interior-head .deck{font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.45;letter-spacing:-.02em}
.module-showcase{padding-bottom:clamp(1rem,2.2vw,2.4rem);scroll-margin-top:1rem}
.module-image-label{display:flex;align-items:baseline;gap:1rem;justify-content:space-between;border-top:1px solid #748273;padding:clamp(1rem,1.8vw,1.65rem) 0 .45rem}
.module-image-label h2{font-size:clamp(1.4rem,2.5vw,2.8rem);font-weight:550;letter-spacing:-.045em;line-height:1.12}
.module-image-label span{color:#546450;font:500 .72rem/1.4 var(--mono);white-space:nowrap}
.capture-views,.show-switch{position:relative;min-width:0;margin:0;border:0;padding:0}
.capture-views{display:flex;flex-wrap:wrap;align-items:center;gap:0 .2rem}
.show-radio{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.capture-mode,.show-choice{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .85rem;border-radius:3px;cursor:pointer;color:#3e5144}
.capture-mode:hover,.show-choice:hover{background:#e5eadf}
.show-radio:checked+.capture-mode,.chart-choice>.show-radio:checked+.show-choice{background:#dce8df;color:#224436}
.show-radio:focus-visible+:is(.capture-mode,.show-choice){outline:3px solid #276451;outline-offset:-3px}
.capture-full{margin-left:auto;color:#324f3d;padding:.28rem 0 .28rem .8rem}
.module-mat{width:100%;margin-top:.6rem;background:#d8e1d6;padding:clamp(.65rem,2.5vw,2.65rem);border:1px solid #c4cfbf;border-radius:6px}
.module-screen{border:1px solid #b8c4b4;border-radius:4px;box-shadow:0 5px 22px #283e2e13}
.module-screen img{transform-origin:66% 53%}
.capture-zoom:checked~.module-mat .module-screen img{transform:scale(1.8)}
.module-figure figcaption{color:#465647;max-width:79ch;line-height:1.55;font-size:clamp(.94rem,1.12vw,1.15rem);padding:.95rem 0 .25rem}

.workspace-tour{padding:clamp(3.3rem,6.3vw,6.8rem) 0 clamp(2.1rem,4.1vw,4.8rem)}
.tour-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;margin-bottom:1rem}
.tour-heading h2{font-size:clamp(2.3rem,4.1vw,4.5rem);font-weight:540;letter-spacing:-.061em;line-height:1}.tour-heading p{color:var(--quiet);line-height:1.5}
.show-switch{display:flex;flex-wrap:wrap;align-items:stretch}
.show-pane{display:none;min-width:0;width:100%;order:1}
.show-radio:checked+.show-choice+.show-pane{display:block}
.story-choice{border-top:1px solid var(--ink);padding:.8rem 0 0;gap:0 .2rem}
.story-choice>.show-radio:checked+.show-choice{background:#2c3d31;color:#f7f9ef}
.story-choice>.show-pane{margin-top:.85rem}
.story-spread{display:grid;grid-template-columns:minmax(15rem,.6fr) minmax(0,1.6fr);gap:clamp(1.3rem,3.7vw,4.2rem);align-items:start;background:#e9eddf;border:1px solid #c8d0c1;border-radius:6px;padding:clamp(1rem,2.6vw,2.8rem)}
.story-spread header h3{font-family:Georgia,serif;font-size:clamp(1.9rem,2.7vw,3.35rem);font-weight:400;letter-spacing:-.047em;line-height:1.05}
.story-spread header p,.handoff-note p{color:#435245;line-height:1.52;font-size:.93rem}.story-spread header p{margin-top:1rem}
.stage-choice{gap:0 .3rem}
.stage-choice>.show-choice{padding:.35rem .4rem;margin-right:.25rem;border-bottom:2px solid transparent;border-radius:0;font-size:.83rem}
.stage-choice>.show-radio:checked+.show-choice{color:#173d32;border-color:#284f3f}
.stage-choice>.show-pane{margin-top:.65rem}
.story-mat{border-radius:4px;border:1px solid #b3c0b0}.story-mat .capture-image{background:#f9faf5}
.handoff-note{padding:.75rem 0 0}.handoff-note a{color:#264d3b;font-size:.88rem}

.try-chart{border-block:1px solid var(--rule);margin-top:1rem;padding:.2rem 0}
.try-chart summary{cursor:pointer;min-height:44px;align-content:center;font-weight:620}
.example-chart,.studio-material{padding:.8rem 0 1.25rem;max-width:58rem}
.example-chart h3,.studio-material h3{font-size:1.35rem;letter-spacing:-.035em}.example-chart>p,.studio-material>p{color:var(--quiet);margin:.35rem 0 .7rem;font-size:.92rem}
.chart-choice .show-pane{padding-top:.48rem}.example-chart .bi-tile{background:#fff;border:1px solid #c4d0c2;border-radius:5px;padding:1.2rem}
.example-chart .bi-number{font-size:2.25rem;font-weight:550;letter-spacing:-.055em}.example-chart .bi-number small,.example-chart .bi-tile>small,.example-chart h4{font-size:.78rem;letter-spacing:0;color:#495b4f}.example-chart h4{margin:0 0 .3rem}
.example-chart .bi-line{width:100%;height:7rem;color:#22675f}.example-chart .bi-series{display:flex;flex-wrap:wrap;gap:.7rem;margin:.5rem 0}.example-chart .bi-series>div{flex:1 1 6rem;display:grid;gap:.2rem;min-width:0;border-top:1px solid #d7e0d3;padding:.3rem 0}
.example-chart .bi-series span{font-size:.8rem;color:#4b6052}.example-chart meter{width:100%;height:.65rem}.studio-material img{max-width:min(100%,20rem);height:auto;border-radius:5px}

.screen-dialog{width:min(96vw,1600px);max-width:none;max-height:94dvh;padding:0;border:1px solid #afbcae;border-radius:6px;background:#eef1e8;color:#233328;box-shadow:0 14px 60px #07170d55}
.screen-dialog::backdrop{background:#132119bd}.screen-dialog header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .9rem;border-bottom:1px solid #b8c4b3;background:#f7f8f0}
.screen-dialog h2{font-size:clamp(1rem,1.35vw,1.35rem);font-weight:600;letter-spacing:-.025em}.screen-dialog header>div{display:flex;gap:.36rem;flex:none}
.screen-dialog button{font:550 .83rem "DM Sans",sans-serif;min-height:40px;border:1px solid #b3bdad;border-radius:3px;background:#fafbf5;color:#1e3529;padding:.25rem .7rem;cursor:pointer}
.screen-dialog button[aria-pressed=true]{background:#d8e4d6}.screen-dialog .inspection-close{background:#263e2f;color:white}
.inspection-scroll{display:grid;overflow:auto;max-height:calc(94dvh - 4rem);align-content:start}.inspection-scroll img{display:block;max-width:100%;max-height:calc(94dvh - 4rem);width:auto;height:auto;margin:auto}
.inspection-scroll.actual-size{display:block}.inspection-scroll.actual-size img{max-width:none;max-height:none}

@media(max-width:980px){
 .product-intro>div{grid-template-columns:1fr 1fr;gap:1.5rem}.product-intro>a{display:none}
 .story-spread{grid-template-columns:minmax(13rem,.7fr) minmax(0,1.5fr);gap:1.3rem}
 .gallery-selector{flex-direction:column;align-items:flex-end;gap:.15rem}
}
@media(max-width:760px){
 .product-intro{padding:2rem 0 1.4rem}.product-intro>div{display:block}.product-intro h1{font-size:clamp(2.65rem,8.6vw,4.1rem)}.product-intro p{margin-top:.75rem;max-width:48ch}
 .gallery-nav{align-items:start;flex-direction:column;gap:.45rem}.gallery-picks{gap:0}.gallery-pick{padding-inline:.55rem}.gallery-selector{flex-direction:row;align-items:center;gap:.6rem;justify-content:space-between;width:100%}.gallery-selector select{max-width:65vw}
 .hero-capture figcaption{display:block}.hero-capture figcaption a{min-height:40px}
 .tour-heading,.story-spread{display:block}.tour-heading p{margin-top:.5rem}.story-spread header p{margin-top:.65rem}
 .stage-choice{margin-top:.8rem}.stage-choice>.show-choice{font-size:.85rem}
 .story-choice>.show-choice{min-height:42px;padding:.4rem .6rem}
 .interior:has(.module-showcase) .interior-head{display:block}.interior:has(.module-showcase) .interior-head h1{margin:.6rem 0}
 .module-image-label{align-items:flex-start}.module-image-label span{padding-top:.35rem}
 .screen-dialog{width:98vw}.screen-dialog header{padding:.4rem .55rem}
}
@media(max-width:420px){
 .gallery-stage{padding:.65rem}.gallery-caption{align-items:flex-end}.gallery-caption>a{min-height:38px}.gallery-module,.module-image-label span{font-size:.65rem}
 .gallery-picks{display:grid;grid-template-columns:1fr 1fr;width:100%}.gallery-pick{justify-content:flex-start}
 .module-image-label{flex-direction:column;gap:.2rem}.capture-mode{padding-inline:.6rem}
}
.module-views{border-top:1px solid #748273;padding-top:.55rem;gap:0 .2rem}.module-views>.show-radio:checked+.show-choice{background:#2c3d31;color:#f7f9ef}
.module-views .module-image-label{border:0;padding-top:1.1rem}
@media(max-width:620px){
 /* Keep work records readable in the lead image; the full-size inspector includes the complete workspace. */
 .gallery-screen{aspect-ratio:1.25}
 .gallery-screen .capture-image{position:absolute;inset:0;overflow:hidden}
 .gallery-screen .capture-image img{position:absolute;width:196%;max-width:none;left:-38%;top:50%;transform:translateY(-65%)}
}
.product-department{grid-template-columns:minmax(0,.8fr) minmax(0,1.8fr);column-gap:clamp(1.25rem,3.5vw,4rem)}
.department-lead{min-width:0}.department-shot{margin-top:clamp(.8rem,1.6vw,1.5rem)}.department-shot a{display:block;text-decoration:none}
.department-shot img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;background:#e3e9de;border:1px solid #bfccba;border-radius:4px}
.department-shot span{display:inline-flex;align-items:center;min-height:38px;font-size:.86rem;font-weight:620;text-decoration:underline;text-underline-offset:.2em;color:#304c3b}
@media(max-width:760px){.product-department{grid-template-columns:minmax(0,1fr)}.department-shot{display:none}}