.layout-study .hero-a{position:relative}.layout-study .hero-line{overflow:visible}.layout-study .hero-a h1{letter-spacing:-.045em}.layout-study .hero-a .lead{max-width:590px}.layout-study .reading-thread span{background:var(--accent)}
.layout-study.chapters .floating-note{left:auto;right:15px}
/* Panorama: central masthead, a wide product stage, and a vertical room selector. */
.panorama .hero-a{display:block;text-align:center;padding-top:55px;padding-bottom:65px}.panorama-copy{max-width:920px;margin:auto}.panorama .hero-a h1{font-size:clamp(65px,7.2vw,108px);line-height:.99}.panorama .hero-a .lead{margin:28px auto}.panorama .hero-a .actions{justify-content:center;margin:28px auto 52px}.panorama .hero-stage{max-width:1080px;margin:0 auto;padding:0 20px}.panorama .hero-stage .screen-frame{margin:0;max-height:610px;overflow:hidden}.panorama .hero-stage .screen-frame>img{width:100%}.panorama .floating-note{bottom:25px;right:-10px;text-align:left}.panorama .hero-a>.artifact-caption{margin-top:25px}.panorama .brand-atmosphere{height:1250px}.panorama .light-ribbon{top:220px;width:100%;height:660px}.panorama .feature-section>.wrap{display:grid;grid-template-columns:140px 1fr;column-gap:35px}.panorama .feature-section .section-head{grid-column:1/-1}.panorama .tool-tabs{display:flex;flex-direction:column;align-items:stretch;padding-top:5px}.panorama .tool-tabs button{text-align:left;border-radius:5px}.panorama .tool-stage{grid-template-columns:1fr}.panorama .tool-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.panorama .tool-copy h3{grid-row:1/3}.panorama .tool-copy>p{margin-top:0}.panorama .tool-list{margin-top:16px}.panorama .starts-grid{border:0;gap:12px}.panorama .start-choice{border:1px solid var(--line);border-radius:8px}
/* Journal: an offset editorial introduction, chapter navigation and paper product sections. */
.chapters .hero-a{grid-template-columns:1fr 1fr;padding:65px 0 85px;gap:80px}.chapter-heading{position:relative}.chapter-number{position:absolute;top:20px;left:-25px;font:300 270px/.8 var(--serif);color:#a7dbce08;z-index:-1}.chapters .hero-a h1{font-size:clamp(57px,5.9vw,87px)}.chapters .hero-stage{transform:rotate(2deg)}.chapters .hero-stage .screen-frame{margin:0}.chapters .floating-note{bottom:-40px;left:25px;right:auto}.chapter-nav{display:flex;justify-content:space-between;gap:25px;padding:25px 0;border-block:1px solid var(--line)}.chapter-nav a{font-size:12px;display:flex;gap:12px;align-items:center}.chapter-nav span{color:var(--accent);font:25px var(--serif)}.chapters .trust-strip{font-size:10px;opacity:.8}.chapters .story-scroll{padding-top:90px}.chapters #start{background:var(--paper);color:#253e35;--ink:#253e35;--muted:#51655d;--accent:#3e6b59;--panel:#dce3d9;--line:#3e6b5933;padding-inline:40px;border-radius:5px}.chapters #start .eyebrow{color:#3e6b59}.chapters .section-head{grid-template-columns:1fr 1fr}.chapters .feature-section{margin-top:60px}.chapters .tool-stage{grid-template-columns:1.25fr .75fr}.chapters .tool-list li{font-size:13px}
/* Mosaic: manuscript plus companion rooms, with compact product-first sequence. */
.mosaic .hero-a{display:block;padding:65px 0}.mosaic-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:end}.mosaic .hero-a h1{font-size:clamp(60px,6vw,87px)}.mosaic-intro>.actions{justify-content:start}.mosaic-intro .lead{font-size:18px;margin-top:0}.mosaic .mosaic-windows{display:grid;grid-template-columns:1.7fr 1fr;gap:24px;margin-top:60px}.mosaic-main{position:relative;align-self:start}.mosaic .hero-stage .screen-frame{margin:0}.mosaic .floating-note{right:20px;bottom:-35px}.mosaic-side .screen-frame{max-height:235px;overflow:hidden}.mosaic-side .window-label{font-size:8px}.mosaic-side .screen-frame .image-zoom{bottom:10px;left:12px;font-size:9px}.mosaic-side>p{font-size:9px;margin:11px 0 22px}.mosaic .feature-section{padding-top:70px}.mosaic .tool-stage{grid-template-columns:1.5fr .75fr}.mosaic .starts-grid{grid-template-columns:repeat(4,1fr);gap:15px;border:0}.mosaic .start-choice{background:var(--panel);border-radius:7px;border:1px solid var(--line)}.mosaic .start-choice[aria-pressed=true]{box-shadow:inset 0 3px var(--accent)}.mosaic .brand-atmosphere{height:1000px}
/* Two readable, unsigned personal accounts. */
.origin-heading{padding:70px 0 55px}.origin-heading h1{font-size:clamp(65px,7.5vw,108px);line-height:1.02;letter-spacing:-.035em}.origin-heading h1 em{color:var(--accent);font-weight:350}.origin-heading .lead{max-width:640px;margin-top:30px}.letter-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;border-top:1px solid var(--line);padding-top:50px;padding-bottom:90px}.letter-layout aside{padding-top:15px}.letter-rule{display:block;width:40px;height:2px;background:var(--accent);margin-bottom:28px}.letter-layout aside p{font:33px/1.25 var(--serif);color:var(--accent)}.letter-layout aside small{display:block;margin-top:25px;font-size:11px;line-height:1.8;color:var(--muted)}.personal-letter{max-width:760px}.personal-letter p{font-size:18px;line-height:1.95;margin-bottom:28px;color:#d7e0da}.personal-letter p:first-child:first-letter{font:72px/.85 var(--serif);float:left;padding-right:10px;color:var(--accent)}.letter-ending{color:var(--accent);font-size:30px;margin-top:30px}.origin-tree{margin:0;position:relative;height:480px;overflow:hidden;border-radius:180px 180px 6px 6px}.origin-tree img{height:100%;width:100%;object-fit:cover;object-position:50% 52%}.origin-tree figcaption{position:absolute;bottom:20px;left:30px;padding:7px 12px;background:#081d21cc;font-size:11px;color:#f3efe6}.origin-end{padding:90px 0;max-width:860px}.origin-end h2{font-size:64px}.origin-end>p:not(.eyebrow){max-width:640px;margin-top:25px}.split-origin{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.split-origin .lead{margin-top:0}.split-origin .text-link{margin-top:30px}.origin-chapters{padding:0 0 70px}.origin-chapters article{display:grid;grid-template-columns:.6fr 1.4fr;gap:100px;padding:65px 0;border-top:1px solid var(--line)}.origin-chapters article>span{font:300 135px/1 var(--serif);color:#a7dbce38}.origin-chapters article h2{font-size:48px;margin-bottom:25px}.origin-chapters article p:not(.eyebrow){font-size:18px;line-height:1.9;max-width:770px;margin-top:24px;color:#d7e0da}.origin-chapters article:nth-child(2){background:var(--paper);border:0;border-radius:5px;padding-inline:40px;color:#253e35}.origin-chapters article:nth-child(2) p{color:#51655d}.origin-chapters article:nth-child(2)>span{color:#496c5e55}.origin-page .footer{padding-bottom:30px}
/* Selection gallery. */
.layout-gallery .lab-hero h1{font-size:clamp(48px,5.8vw,86px)}.layout-gallery .lab-hero .fine{max-width:880px;margin-top:25px}.layout-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:65px;background:var(--panel)}.layout-card>a{display:block}.layout-card>a img{width:100%;display:block}.layout-card>div{padding:38px 45px}.layout-card h2{font-size:46px;margin:13px 0 20px}.layout-card p:not(.eyebrow){max-width:900px;margin-top:15px}.story-options{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.story-options img{width:100%;border:1px solid var(--line);border-radius:7px}.story-options h3{font-size:33px;margin:25px 0 15px}.story-options p{margin-bottom:25px}.copy-proof{max-width:780px;margin:40px auto 0}.copy-proof p{font-size:19px;line-height:1.9;margin-bottom:27px;color:#354e43}.layout-gallery .section>p:not(.eyebrow){max-width:960px;margin-top:25px}.layout-gallery .section h2{font-size:56px}
@media(max-width:1100px){.chapters .hero-a{gap:35px}.mosaic-intro{gap:35px}.panorama .feature-section>.wrap{grid-template-columns:110px 1fr;gap:20px}.letter-layout,.split-origin,.origin-chapters article{gap:45px}.chapter-nav{gap:15px}}
@media(max-width:760px){.panorama .hero-a{padding-top:35px}.panorama .hero-a h1{font-size:57px}.panorama .hero-stage{padding:0}.panorama .hero-a .actions{margin-bottom:45px}.panorama .floating-note{right:0;bottom:-22px}.panorama .hero-a>.artifact-caption{margin-top:37px}.panorama .feature-section>.wrap{display:block}.panorama .tool-tabs{flex-direction:row;flex-wrap:wrap;margin-bottom:20px}.panorama .tool-copy{display:block}.panorama .tool-copy>p{margin-top:20px}.chapters .hero-a{grid-template-columns:1fr;padding-top:35px;gap:40px}.chapters .hero-a h1{font-size:57px}.chapter-number{font-size:205px;left:0}.chapters .hero-stage{transform:none}.chapters .floating-note{left:auto;right:0;bottom:-20px}.chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px}.chapter-nav a{font-size:11px}.chapter-nav span{font-size:22px}.chapters #start{padding-inline:20px}.chapters .tool-stage{grid-template-columns:1fr}.mosaic .hero-a{padding-top:35px}.mosaic-intro{grid-template-columns:1fr;gap:25px}.mosaic .hero-a h1{font-size:55px}.mosaic-intro .lead{font-size:15px}.mosaic .mosaic-windows{grid-template-columns:1fr;gap:50px;margin-top:35px}.mosaic-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mosaic-side .screen-frame{max-height:140px}.mosaic-side .screen-frame:nth-of-type(2){grid-column:2;grid-row:1}.mosaic-side>p{grid-row:2;font-size:8px;margin:0}.mosaic-side .window-label{font-size:6px}.mosaic-side .window-label>span:last-child{display:none}.mosaic-side .image-zoom{font-size:8px!important;padding:4px 7px}.mosaic .tool-stage{grid-template-columns:1fr}.mosaic .starts-grid{grid-template-columns:1fr 1fr;gap:10px}.origin-heading{padding:45px 0 35px}.origin-heading h1{font-size:60px}.origin-heading .lead{font-size:17px}.letter-layout{display:block;padding-top:30px;padding-bottom:45px}.letter-layout aside{margin-bottom:38px}.letter-layout aside p{font-size:30px}.letter-layout aside small{display:none}.personal-letter p{font-size:17px;line-height:1.85}.origin-tree{height:330px;border-radius:80px 80px 5px 5px}.origin-end{padding:65px 0}.origin-end h2{font-size:45px}.split-origin{grid-template-columns:1fr;gap:30px}.origin-chapters article{grid-template-columns:45px 1fr;gap:18px;padding:35px 0}.origin-chapters article>span{font-size:45px}.origin-chapters article h2{font-size:32px}.origin-chapters article p:not(.eyebrow){font-size:16px}.origin-chapters article:nth-child(2){padding-inline:16px;grid-template-columns:1fr}.origin-chapters article:nth-child(2)>span{font-size:30px}.layout-card>div{padding:25px 20px}.layout-card h2{font-size:35px}.story-options{grid-template-columns:1fr;gap:40px}.layout-gallery .section h2{font-size:40px}.copy-proof p{font-size:17px}.layout-gallery .cta{font-size:12px;padding:14px 18px}.layout-gallery .lab-hero h1{font-size:47px}}
