.showcase,.feature-detail{--feature-card: #fff;--feature-stage: #eee9f8;--feature-spot: #f9f6ff;--feature-grid: #9b86bc28}.feature-tags,.feature-paginators{display:flex;align-items:center}.product-chapter{border-top:1px solid var(--line);background:var(--feature-card)}.product-chapter:nth-child(2n){background:var(--paper)}.chapter-inner{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.52fr);grid-template-areas:"story visual" "notes visual";align-content:center;align-items:start;gap:clamp(16px,2.6vh,28px) clamp(24px,3.3vw,68px);min-height:var(--chapter-height);width:var(--exhibit-width);margin-inline:auto;padding-block:clamp(24px,5vh,66px)}.product-chapter:nth-child(2n) .chapter-inner{grid-template-columns:minmax(0,1.52fr) minmax(290px,.78fr);grid-template-areas:"visual story" "visual notes"}.chapter-inner .feature-story{grid-area:story;align-self:end;max-width:none}.chapter-inner .feature-number{display:flex;align-items:center;gap:.7em}.chapter-inner .chapter-index{margin:0;color:var(--accent);border-right:1px solid var(--line);padding-right:.7em;font-weight:750}.chapter-inner .feature-story h2{margin:0;font-size:clamp(32px,3.1vw,58px);line-height:1.17;letter-spacing:-.045em;text-wrap:balance}.chapter-inner .feature-summary{font-size:clamp(15px,1.15vw,19px);max-width:35em}.chapter-notes{grid-area:notes}.chapter-notes dl{margin:0}.chapter-notes dl>div{padding:12px 0;border-top:1px solid var(--line)}.chapter-notes dt{font-weight:650;line-height:1.4}.chapter-notes dd{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.chapter-visual{grid-area:visual;min-width:0;align-self:center}.chapter-pictures{display:grid;grid-template-columns:minmax(0,2.75fr) minmax(0,1fr);align-items:center;gap:clamp(8px,1.1vw,20px);padding:clamp(8px,1.15vw,21px);border-radius:20px;border:1px solid var(--line);background:linear-gradient(135deg,var(--feature-spot),var(--feature-stage))}.chapter-shot{min-width:0;position:relative;margin:0;background:var(--feature-card);border-radius:12px;border:1px solid var(--line);overflow:hidden;box-shadow:0 5px 20px #21152e12}.chapter-shot picture{display:block}.chapter-shot img{display:block;width:100%;height:auto;max-height:66vh;object-fit:contain}.chapter-shot figcaption{display:flex;justify-content:space-between;gap:3px 8px;flex-wrap:wrap;border-top:1px solid var(--line);color:var(--muted);padding:7px 10px;font-size:12px;line-height:1.5}.photo-link{color:var(--accent);font-weight:600}.photo-link:after{content:"";position:absolute;inset:0;cursor:zoom-in}.chapter-shot:focus-within{outline:3px solid var(--accent);outline-offset:2px}.photo-dark,.picture-picker{display:none}@media(prefers-color-scheme:dark){.chapter-shot .photo-light{display:none}.chapter-shot .photo-dark{display:inline}}.product-montage.team-diagram{display:grid;aspect-ratio:auto}.team-diagram .montage-desktop{position:static;padding:clamp(10px,2vw,28px)}.team-diagram .montage-desktop img{width:100%;max-height:65vh;border:0;background:transparent;box-shadow:none}.product-montage.team-diagram figcaption{position:static;margin:0 8px 12px}.feature-number{font-variant-numeric:tabular-nums}.feature-slide{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(22px,4vw,68px);padding:clamp(20px,3.5vw,52px);border:1px solid var(--line);border-radius:24px;background:var(--feature-card)}.feature-story{max-width:34em;min-width:0}.feature-number{margin:0 0 14px;color:var(--accent);font-weight:650;font-size:13px}.feature-number span{margin:0 6px;color:var(--muted)}.feature-story h3,.feature-story h1{margin:0;font-weight:650;font-size:clamp(26px,2.6vw,42px);line-height:1.25;letter-spacing:-.045em;text-wrap:balance}.feature-summary{margin:14px 0 0;font-size:15px;line-height:1.75;color:var(--muted)}.feature-tags{flex-wrap:wrap;gap:6px;margin:17px 0;padding:0;list-style:none}.feature-tags li{padding:3px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px}.feature-more,.detail-back{display:inline-flex;align-items:center;min-height:40px;gap:14px;font-weight:600;color:var(--accent)}.feature-more:hover,.detail-back:hover,.feature-paginators a:hover{text-decoration:underline}.product-montage{position:relative;margin:0;min-width:0;isolation:isolate;width:100%;aspect-ratio:1.68;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at 25% 0%,var(--feature-spot),transparent 75%),var(--feature-stage)}.product-montage:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(var(--feature-grid) 1px,transparent 1px);background-size:13px 13px}.product-montage picture{position:absolute;display:grid;place-items:center}.product-montage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 20px #3120431c;background:var(--feature-card)}.montage-desktop{inset:8% 22% 15% 4%}.montage-phone{inset:12% 4% 10% 72%}.product-montage figcaption{position:absolute;inset:auto 0 3.5%;color:var(--muted);text-align:center;font-size:11px;letter-spacing:.02em}.product-montage figcaption span{margin-inline:4px}.feature-detail{padding-block:clamp(24px,4vw,60px)}.detail-back{margin:0 0 15px;font-size:14px}.feature-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,44px);margin:34px 0}.feature-points div{border-top:1px solid var(--line);padding-top:18px}.feature-points dt{font-weight:650;font-size:20px}.feature-points dd{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.75}.feature-paginators{justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:20px}.feature-paginators a{color:var(--accent);font-weight:600}.feature-paginators a:last-child{text-align:right}.feature-paginators small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px;font-weight:400}@media(prefers-color-scheme:dark){.showcase,.feature-detail{--feature-card: #211d2a;--feature-stage: #292036;--feature-spot: #392e49;--feature-grid: #bfa7dd25}}@media(max-width:760px){.feature-slide{grid-template-columns:minmax(0,1fr);gap:14px;border-radius:19px}.feature-number{margin-bottom:8px}.feature-summary{margin-top:10px}.feature-tags{margin:12px 0 4px}.product-montage{max-width:550px;justify-self:center}.feature-points{grid-template-columns:1fr;margin-block:24px}}@media(max-width:480px){.product-montage{border-radius:12px}.product-montage figcaption{font-size:10px}}@media(max-width:880px){.chapter-inner,.product-chapter:nth-child(2n) .chapter-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"story" "visual" "notes";gap:clamp(14px,2.2vh,22px);padding-block:clamp(24px,4vh,44px)}.chapter-inner .feature-story h2{font-size:clamp(28px,5.5vw,44px)}.chapter-inner .feature-summary{max-width:54em}.chapter-notes dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chapter-notes dl>div{padding-block:9px}.chapter-notes dd{font-size:13px}.chapter-visual .team-diagram{max-width:none}}@supports selector(:has(*)){@media(max-width:580px){.picture-picker{display:inline-flex;border:0;padding:0;gap:4px;margin:0 0 7px}.picture-picker legend,.picture-picker input{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}.picture-picker label span{display:block;padding:4px 11px;border-radius:8px;border:1px solid var(--line);cursor:pointer;color:var(--muted);font-size:13px;font-weight:600}.picture-picker input:checked+span{color:var(--accent);background:var(--soft);border-color:var(--accent)}.picture-picker input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.chapter-pictures{display:block;padding:0;border:0;background:transparent}.chapter-visual:has(input[value="0"]:checked) .chapter-shot:nth-child(2),.chapter-visual:has(input[value="1"]:checked) .chapter-shot:first-child{display:none}.chapter-shot picture{background:var(--feature-stage)}.chapter-shot img{max-height:42svh;object-fit:contain}.chapter-shot:nth-child(2) img{height:auto;max-height:none}.chapter-shot figcaption{padding:5px 10px}}}@media(max-width:400px){.chapter-notes dl{grid-template-columns:minmax(0,1fr);gap:0}.chapter-notes dl>div{display:grid;grid-template-columns:4.5em 1fr;align-items:baseline;gap:9px}.chapter-notes dt{font-size:14px}.chapter-notes dd{margin:0}}@media(min-width:881px){#feature-environments .chapter-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"story notes" "visual visual";align-items:center}#feature-environments .feature-story{align-self:center}#feature-environments .chapter-pictures{grid-template-columns:minmax(0,3.5fr) minmax(0,1fr)}#feature-environments .chapter-notes dl{display:grid;grid-template-columns:1fr 1fr;gap:16px}}