/* SIVE.BIO literary architecture preview · 2026-09-07 */
.nav-quiet-note{font:800 .62rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.home-literary-bridge{background:linear-gradient(135deg,var(--paper) 0 66%,color-mix(in srgb,var(--gold) 22%,var(--paper)) 66%)}
.home-literary-bridge .bridge-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.home-literary-bridge .bridge-list{border-top:1px solid var(--line)}
.home-literary-bridge .bridge-list a{display:grid;grid-template-columns:110px 1fr auto;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:center}
.home-literary-bridge .bridge-list b{font:900 .63rem var(--mono);letter-spacing:.1em;color:var(--red);text-transform:uppercase}.home-literary-bridge .bridge-list span{font:500 1.2rem var(--serif)}
.home-bsas{position:relative;overflow:hidden;background:#f0e5d2;color:#151515;border-top:10px solid #111;border-bottom:10px solid #111}
html[data-theme='dark'] .home-bsas{background:#d8ccb8;color:#111}
.home-bsas::before{content:'AUTHORIZED / REVOKED / BOTH TRUE';position:absolute;right:-6rem;top:3rem;transform:rotate(14deg);border:4px double #8e1830;color:#8e1830;padding:.7rem 1rem;font:900 .72rem var(--mono);letter-spacing:.1em;opacity:.65}
.home-bsas .section-title{max-width:1000px}.home-bsas .lede{color:#333}
.read-now-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:3rem}.read-now-card{grid-column:span 4;min-height:330px;border:1px solid rgba(247,239,225,.25);padding:2rem;display:flex;flex-direction:column;background:rgba(255,255,255,.04)}.read-now-card.feature{grid-column:span 8;background:#f4eadb;color:#16212a}.read-now-card span{font:900 .63rem var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--gold)}.read-now-card.feature span{color:var(--red)}.read-now-card h3{font:500 clamp(2rem,3vw,3.4rem)/.96 var(--serif);margin:1.2rem 0}.read-now-card p{font-family:var(--serif);font-size:1.05rem;line-height:1.55}.read-now-card a{margin-top:auto;align-self:flex-start}

.lit-hero{position:relative;min-height:62vh;background:var(--night);color:var(--cream);overflow:hidden}.lit-hero::after{content:'';position:absolute;inset:auto -15% -42% 36%;height:88%;background:radial-gradient(circle at center,rgba(229,189,53,.24),transparent 62%);pointer-events:none}.lit-hero-inner{max-width:var(--max);min-height:62vh;margin:auto;padding:clamp(5rem,9vw,9rem) clamp(1.2rem,4.2vw,5rem);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);gap:4rem;align-items:center;position:relative;z-index:2}.lit-hero h1{font:500 clamp(4rem,9vw,9rem)/.86 var(--serif);letter-spacing:-.055em;margin:0}.lit-hero .lede{color:#e2d5c2}.lit-hero-art{align-self:stretch;display:grid;place-items:center;position:relative}.lit-hero-art img{max-height:560px;filter:drop-shadow(0 28px 30px rgba(0,0,0,.3))}
.writing-flow{max-width:1200px;margin:auto;padding:clamp(4rem,8vw,8rem) clamp(1.2rem,4.2vw,5rem)}.writing-intro{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,7rem);padding-bottom:4rem;border-bottom:1px solid var(--line)}.writing-intro .thesis{font:500 clamp(2.5rem,5vw,5.2rem)/.98 var(--serif);letter-spacing:-.045em;margin:0}.writing-intro .prose{max-width:none}.writing-current{display:grid;grid-template-columns:180px minmax(0,1fr);gap:clamp(1.5rem,5vw,6rem);padding:clamp(3rem,6vw,5.5rem) 0;border-bottom:1px solid var(--line)}.writing-current .current-no{font:900 .67rem var(--mono);letter-spacing:.12em;color:var(--red);text-transform:uppercase}.writing-current h2{font:500 clamp(2.2rem,4vw,4.5rem)/.98 var(--serif);letter-spacing:-.04em;margin:0 0 1.5rem}.writing-current .prose{max-width:850px}.writing-current .links{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.interpretation-label{display:inline-block;font:850 .61rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:1rem}.writing-close{padding:5rem 0 1rem}.writing-close blockquote{margin:0;max-width:1000px;font:500 clamp(2.4rem,5vw,5rem)/1 var(--serif);letter-spacing:-.04em}

.read-hero{min-height:54vh}.read-shelf{max-width:var(--max);margin:auto;padding:clamp(4rem,8vw,8rem) clamp(1.2rem,4.2vw,5rem)}.read-feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.read-card{grid-column:span 6;min-height:360px;border:1px solid var(--line);padding:clamp(1.7rem,3vw,3rem);display:flex;flex-direction:column;position:relative;overflow:hidden}.read-card.full{background:var(--night);color:var(--cream);border-color:transparent}.read-card.bsas{background:#eee1ca;color:#131313}.read-card .kind{font:900 .65rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.read-card.full .kind{color:var(--gold)}.read-card h2{font:500 clamp(2.2rem,4vw,4.3rem)/.96 var(--serif);letter-spacing:-.04em;margin:1rem 0}.read-card p{font-family:var(--serif);font-size:1.05rem;line-height:1.6}.read-card .button-row{margin-top:auto}.read-excerpts{margin-top:4rem}.read-excerpt{padding:3rem 0;border-top:1px solid var(--line);display:grid;grid-template-columns:230px 1fr;gap:2rem}.read-excerpt h3{font:500 2rem/1 var(--serif);margin:0}.read-excerpt blockquote{margin:0;font:400 1.2rem/1.7 var(--serif);max-width:900px}.read-excerpt cite{display:block;margin-top:1rem;font:800 .63rem var(--mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--red)}

.case-family-hero .case-code{font:900 clamp(5rem,14vw,13rem)/.75 var(--mono);letter-spacing:-.08em;color:rgba(229,189,53,.9);margin:0}.case-family-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:3rem}.case-family-card{grid-column:span 6;min-height:390px;border:1px solid var(--line);padding:2.4rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.case-family-card.screen{background:var(--night);color:var(--cream)}.case-family-card.story{grid-column:span 4;min-height:280px}.case-family-card h2,.case-family-card h3{font:500 clamp(2.1rem,4vw,4rem)/.96 var(--serif);margin:1rem 0}.case-family-card.story h3{font-size:2rem}.case-family-card p{font-family:var(--serif);line-height:1.6}.case-family-card .status{font:900 .62rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red)}.case-family-card.screen .status{color:var(--gold)}.case-family-card .button-row{margin-top:auto}.case-source-note{margin-top:2rem;padding:1.2rem;border-left:4px solid var(--gold);background:color-mix(in srgb,var(--paper) 92%,var(--gold));font-family:var(--serif)}

.cinematic-hero{background:#06121d}.cinematic-hero::before{content:'1   6   3   8\A1   6   3   8\A1   6   3   8';white-space:pre;position:absolute;right:4vw;top:12vh;font:900 clamp(3rem,7vw,8rem)/1.2 var(--mono);letter-spacing:.2em;color:rgba(23,103,123,.22);transform:rotate(-5deg)}.cinematic-band{background:#071827;color:var(--cream)}.cinematic-band .number-grid article{border-color:rgba(247,239,225,.16)}.cinematic-band .number-grid p{color:#d5c9b7}.cinematic-band .number-grid h3{color:var(--cream)}

.bsas-shell{background:#ece0ca;color:#131313}.bsas-hero{min-height:64vh;background:#e9ddc6;color:#111;border-top:12px solid #111;border-bottom:12px solid #111;position:relative;overflow:hidden}.bsas-hero::before{content:'ACADEMY OF PERMANENT RECOGNITION';position:absolute;left:0;right:0;top:1.5rem;text-align:center;font:900 .68rem var(--mono);letter-spacing:.2em}.bsas-hero-inner{max-width:1200px;margin:auto;min-height:64vh;padding:7rem 2rem 5rem;display:grid;grid-template-columns:1fr .58fr;gap:4rem;align-items:center}.bsas-hero h1{font:700 clamp(4rem,9vw,8.8rem)/.84 var(--serif);letter-spacing:-.055em;margin:0}.bsas-hero .lede{color:#2d2d2d}.bsas-seal{aspect-ratio:1;border:8px double #8e1830;border-radius:50%;display:grid;place-items:center;text-align:center;padding:2rem;color:#8e1830;transform:rotate(5deg);font:900 .78rem/1.5 var(--mono);letter-spacing:.1em}.bsas-seal b{display:block;font:900 clamp(3rem,7vw,6rem)/.9 var(--serif)}.bsas-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:3rem}.bsas-card{grid-column:span 6;min-height:350px;background:#f7efe2;border:1px solid #222;padding:2rem;display:flex;flex-direction:column;box-shadow:9px 9px 0 rgba(0,0,0,.12)}.bsas-card.feature{grid-column:span 12;min-height:300px;background:#111;color:#f5eddf}.bsas-card .docno{font:900 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8e1830}.bsas-card.feature .docno{color:#e5bd35}.bsas-card h2{font:600 clamp(2.1rem,4vw,4.2rem)/.96 var(--serif);margin:1.2rem 0}.bsas-card p{font-family:var(--serif);font-size:1.05rem;line-height:1.6}.bsas-card .button-row{margin-top:auto}
.official-sheet{max-width:980px;margin:clamp(3rem,7vw,7rem) auto;padding:clamp(2rem,5vw,5rem);background:#f8f0e2;color:#171717;border:1px solid #181818;box-shadow:14px 14px 0 rgba(0,0,0,.12)}.official-sheet .office-head{text-align:center;border-bottom:4px double #222;padding-bottom:1.5rem;margin-bottom:2rem}.official-sheet .office-head p{font:900 .65rem var(--mono);letter-spacing:.16em;text-transform:uppercase}.official-sheet h1{font:600 clamp(2.8rem,6vw,5.7rem)/.95 var(--serif);margin:.5rem 0}.official-sheet h2{font:600 2rem/1 var(--serif);margin:2.5rem 0 1rem}.official-sheet p,.official-sheet li{font:400 1.12rem/1.74 var(--serif)}.official-sheet .system{font-family:var(--mono);font-size:.92rem;line-height:1.65;border-left:4px solid #8e1830;padding-left:1.2rem}.official-sheet .stamp{display:inline-block;margin:1rem 0;border:3px solid #8e1830;color:#8e1830;padding:.6rem .8rem;transform:rotate(-2deg);font:900 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.longform-wrap{background:linear-gradient(180deg,#e7dac4 0,#efe5d5 25%,#f5eee4 62%,#faf6ef 100%);color:#171717;padding:clamp(2rem,5vw,5rem) 1rem 8rem}.longform{max-width:780px;margin:auto;background:rgba(255,255,255,.28);padding:clamp(2rem,5vw,4rem)}.longform-head{max-width:920px;margin:0 auto 4rem;padding:4rem 1rem 0;text-align:center}.longform-head .kind{font:900 .65rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8e1830}.longform-head h1{font:600 clamp(3rem,7vw,7rem)/.92 var(--serif);letter-spacing:-.05em;margin:1rem 0}.longform-head p{font:400 1.1rem/1.6 var(--serif)}.story-scene{padding:2rem 0;border-top:1px solid rgba(0,0,0,.12)}.story-scene:first-child{border-top:0}.story-scene p{font:400 1.16rem/1.78 var(--serif);margin:0 0 1.15rem}.story-scene strong{font-weight:700}.story-scene em{font-style:italic}.story-scene:nth-child(n+7){background:rgba(255,255,255,.14);margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.story-final{margin-top:3rem;border-top:4px double #333;padding-top:2rem}.story-note{max-width:780px;margin:2rem auto 0;font:800 .63rem/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6b3039}
.character-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:3rem}.character-card{grid-column:span 6;border:1px solid var(--line);padding:2rem}.character-card.origin{background:color-mix(in srgb,var(--paper) 94%,white)}.character-card h2{font:500 2.2rem/1 var(--serif);margin:.4rem 0 1rem}.character-card .source{font:900 .61rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red)}.character-card p{font-family:var(--serif);line-height:1.6}.character-card .crossover{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.94rem;color:var(--ink-soft)}

@media(max-width:900px){.home-literary-bridge .bridge-grid,.lit-hero-inner,.writing-intro,.bsas-hero-inner{grid-template-columns:1fr}.writing-current{grid-template-columns:1fr}.read-card,.read-card.feature,.bsas-card,.bsas-card.feature,.case-family-card,.case-family-card.story,.character-card{grid-column:span 12}.read-excerpt{grid-template-columns:1fr}.read-now-card,.read-now-card.feature{grid-column:span 12}.bsas-seal{max-width:320px}.case-family-grid,.read-feature-grid,.bsas-grid,.character-grid,.read-now-grid{grid-template-columns:repeat(12,1fr)}}
@media(max-width:620px){.home-literary-bridge .bridge-list a{grid-template-columns:1fr auto}.home-literary-bridge .bridge-list b{grid-column:1/-1}.official-sheet{box-shadow:7px 7px 0 rgba(0,0,0,.12);padding:1.4rem}.longform{padding:1.3rem}.story-scene p{font-size:1.08rem}.bsas-hero-inner{padding-left:1.2rem;padding-right:1.2rem}.lit-hero-inner{padding-left:1.2rem;padding-right:1.2rem}}

/* 2026-09-07 preview QA: keep the mobile hook in narrative order. */
@media(max-width:860px){
  .index-page .home-copy{display:flex!important;flex-direction:column!important}
  .index-page .home-kicker{order:1!important}
  .index-page .home-title{order:2!important}
  .index-page .home-deck{order:3!important}
  .index-page .availability-line{order:4!important}
  .index-page .home-primary-actions{order:5!important}
  .index-page .home-art{order:2!important}
  .index-page .award-ribbon{order:3!important}
}

/* 2026-09-09: move verified Scriptapalooza First Place recognition into the opening copy, directly below the homepage hook. */
.index-page .home-copy .award-ribbon{margin-top:1.15rem;max-width:640px;grid-template-columns:82px minmax(0,1fr);gap:1rem;padding:.75rem 1rem .75rem .75rem;border-left:5px solid var(--gold)}
.index-page .home-copy .official-award-poster{display:block;align-self:stretch;overflow:hidden;background:#111;box-shadow:4px 4px 0 var(--red)}
.index-page .home-copy .official-award-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.index-page .home-copy .award-copy{min-width:0}.index-page .home-copy .award-copy>a{display:inline-block;margin-top:.45rem;text-transform:uppercase;font:900 .62rem var(--mono);letter-spacing:.1em;color:var(--gold)}
@media(max-width:860px){
  .index-page .home-copy .award-ribbon{order:4!important;margin-top:1rem;max-width:none;grid-template-columns:70px minmax(0,1fr)}
  .index-page .availability-line{order:5!important}
  .index-page .home-primary-actions{order:6!important}
  .index-page .home-art{order:2!important}
}
@media(max-width:520px){
  .index-page .home-copy .award-ribbon{grid-template-columns:62px minmax(0,1fr);gap:.75rem;padding:.7rem}
  .index-page .home-copy .award-copy>a{font-size:.58rem}
}