/* Scoped to the Hero. All other sections retain the v0.2 styles and media. */
#top.hero-study{--hero-ink:#29332f;--hero-secondary:#414f47;--hero-rule:#48574a66;--cut-dark:#19231c;--cut-light:#e7ece0;--cut-face:#293b30e0;color-scheme:light;position:relative;isolation:isolate;padding-top:24px;padding-bottom:0;overflow:hidden;background:#a7b0a4;color:var(--hero-ink);--text:var(--hero-ink);--muted:var(--hero-secondary);--line:var(--hero-rule);--accent:var(--hero-ink)}
#top.hero-study::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/hero-study/material-stone.webp') center/cover no-repeat}
#top.hero-study::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#f1f1da14,transparent 60%,#17262120);pointer-events:none}
#top.hero-study h1{margin:0;line-height:1}.study-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative}.study-bar>.eyebrow{font-size:.6875rem;letter-spacing:.16em;color:var(--hero-secondary)}.hero-concept-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--hero-rule);background:#dde2d51c}.hero-concept-switch button{padding:7px 12px;font-size:.75rem;letter-spacing:.06em;line-height:1.5;color:var(--hero-ink)}.hero-concept-switch button[aria-pressed=true]{background:var(--hero-ink);color:#e3e6da}.hero-concept-switch button:hover{box-shadow:inset 0 0 0 1px var(--hero-rule)}
.hero-artifact{position:relative;border-top:1px solid var(--hero-rule);border-bottom:1px solid var(--hero-rule);margin-top:26px;padding:26px 0 32px}.artifact-metadata{display:flex;justify-content:space-between;gap:22px;font-size:.6875rem;letter-spacing:.18em;line-height:1.7;color:var(--hero-secondary)}.artifact-body{display:grid;grid-template-columns:minmax(0,1fr) 27%;gap:7%;align-items:center;min-height:440px;padding:48px 0 20px}.artifact-type{min-width:0}.hero-title-words{display:flex;flex-direction:column;gap:20px}.glyph-form{display:block;position:relative;aspect-ratio:1700/350;width:100%;overflow:visible}.glyph-form>span{position:absolute;inset:0;display:block;-webkit-mask:var(--glyph) center/contain no-repeat;mask:var(--glyph) center/contain no-repeat;pointer-events:none}.glyph-form>.cut-highlight{background:var(--cut-light);transform:translate(1.4px,1.9px);opacity:.75}.glyph-form>.cut-shadow{background:var(--cut-dark);transform:translate(-1.3px,-1.8px);opacity:.8}.glyph-form>.cut-face{background:var(--cut-face)}.glyph-heritage{--glyph:url('assets/hero-study/word-heritage.png');aspect-ratio:1696/388}.glyph-spire{--glyph:url('assets/hero-study/word-spire.png');aspect-ratio:921/388;width:64%;margin-left:2px}.glyph-line{--glyph:url('assets/hero-study/word-line.png');aspect-ratio:2647/388;display:none}.glyph-crest{--glyph:url('assets/hero-study/crest-h-sixfold.png');aspect-ratio:1;width:100%}.artifact-emblem{margin:0;position:relative}.artifact-emblem figcaption{font-size:.625rem;letter-spacing:.18em;text-align:center;color:var(--hero-secondary);margin-top:20px}.artifact-signature{font-size:.8125rem;letter-spacing:.19em;margin-top:28px;color:var(--hero-secondary)}
.artifact-verse{margin-top:25px;color:var(--hero-secondary);font-size:1.0625rem;letter-spacing:.06em}.hero-study-footer{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;padding:30px 0}.hero-study-footer #hero-catch{font-size:1.5rem;line-height:1.6;margin-bottom:10px}.hero-study-footer #hero-intro{font-size:.875rem;line-height:1.9;white-space:pre-line;color:var(--hero-secondary)}.hero-study-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:end}.hero-study-actions .button{background:var(--hero-ink);color:#eef0e7;border-color:var(--hero-ink);padding:12px 20px}.hero-study-actions .button:hover{background:var(--hero-secondary)}.hero-study-actions .text-link{color:var(--hero-ink);border-color:var(--hero-rule)}.hero-study-caption{padding:14px 0;border-top:1px solid var(--hero-rule);display:flex;justify-content:space-between;gap:20px;font-size:.625rem;letter-spacing:.14em;color:var(--hero-secondary)}
/* B: a jeweller's horizontal signature and a small central hallmark. */
/* A: a honed mineral surface; retain grain without competing with the inscription. */
#top.hero-study[data-concept=stone]{background:#b1baae;--hero-ink:#202c25;--hero-secondary:#2e3d32;--cut-face:#25342bf5;--cut-light:#eef1e5;--hero-rule:#364b3866}
#top.hero-study[data-concept=stone]::before{opacity:.3}
#top.hero-study[data-concept=stone]::after{background:linear-gradient(120deg,#f2f2df33,transparent 58%,#20342512)}
#top[data-concept=stone] .hero-concept-switch{background:#e2e6d75c}
#top.hero-study[data-concept=metal]{--hero-ink:#e8e2d4;--hero-secondary:#b9bdba;--hero-rule:#adb3b44d;--cut-dark:#06090c;--cut-light:#f6f2df;--cut-face:linear-gradient(174deg,#f3eedf 3%,#a5b8c0 25%,#f0eee4 45%,#b4b3a2 60%,#e9ede8 76%,#8d9da7 95%);color-scheme:dark;background:#192027}
#top.hero-study[data-concept=metal]::before{background-image:url('assets/hero-study/material-metal.webp')}
#top.hero-study[data-concept=metal]::after{background:linear-gradient(180deg,#0d111727,transparent 55%,#07101a40)}
#top[data-concept=metal] .artifact-body{display:flex;flex-direction:column;justify-content:center;gap:32px;min-height:450px;padding-top:28px}#top[data-concept=metal] .artifact-emblem{order:-1;width:105px}#top[data-concept=metal] .artifact-emblem figcaption{display:none}#top[data-concept=metal] .artifact-type{width:100%;text-align:center}#top[data-concept=metal] .glyph-heritage,#top[data-concept=metal] .glyph-spire{display:none}#top[data-concept=metal] .glyph-line{display:block;width:100%;max-width:1260px;margin:auto}#top[data-concept=metal] .artifact-signature{font-size:.8125rem;letter-spacing:.26em;margin-top:32px}#top[data-concept=metal] .artifact-verse{font:italic 1.25rem/1.8 Georgia,serif;margin-top:20px}#top[data-concept=metal] .cut-highlight{transform:translate(-1px,-1.3px);opacity:.85}#top[data-concept=metal] .cut-shadow{transform:translate(2px,3px);opacity:.95}#top[data-concept=metal] .hero-concept-switch{background:#131b2070}#top[data-concept=metal] .hero-concept-switch button[aria-pressed=true]{color:#172027}#top[data-concept=metal] .hero-study-actions .button{color:#172027;background:var(--hero-ink)}
/* C: a manuscript frontispiece and a dry, red-brown ink seal. */
#top.hero-study[data-concept=vellum]{--hero-ink:#352b23;--hero-secondary:#63503d;--hero-rule:#775b3d55;--cut-dark:#422b21;--cut-light:#b28c5c;--cut-face:#382a20f2;color-scheme:light;background:#dacbb0}
#top.hero-study[data-concept=vellum]::before{background-image:url('assets/hero-study/material-vellum.webp')}
#top.hero-study[data-concept=vellum]::after{background:linear-gradient(90deg,#fff4d310,transparent 50%,#5939180a)}
#top[data-concept=vellum] .hero-artifact{border-top:3px double var(--hero-rule);padding-top:20px}#top[data-concept=vellum] .artifact-body{grid-template-columns:minmax(0,1fr) 25%;gap:7%;padding-top:48px;padding-bottom:30px;align-items:end}#top[data-concept=vellum] .glyph-spire{margin-left:11%;width:70%}#top[data-concept=vellum] .artifact-type{padding-left:24px;border-left:1px solid var(--hero-rule)}#top[data-concept=vellum] .glyph-form>.cut-highlight,#top[data-concept=vellum] .glyph-form>.cut-shadow{display:none}#top[data-concept=vellum] .artifact-emblem{--cut-face:#703e2feb;max-width:290px;padding-bottom:20px}#top[data-concept=vellum] .artifact-signature{font-family:Georgia,serif;font-style:italic;letter-spacing:.08em;margin-left:11%}#top[data-concept=vellum] .artifact-verse{font:italic 1.125rem/1.7 Georgia,serif;margin-top:22px;margin-left:11%}#top[data-concept=vellum] .artifact-emblem figcaption{font-family:Georgia,serif;font-style:italic;font-size:.8125rem;letter-spacing:.05em}#top[data-concept=vellum] .hero-concept-switch{background:#f3e5c72b}
@media(min-width:1700px){.artifact-body{min-height:520px}#top[data-concept=metal] .artifact-body{min-height:500px}}
@media(max-width:1100px){.artifact-body{min-height:350px;gap:5%;padding-top:40px}.hero-study-footer{grid-template-columns:1fr}.hero-study-actions{justify-content:start}.study-bar>.eyebrow{font-size:.625rem}#top[data-concept=metal] .artifact-body{min-height:360px}}
@media(max-width:760px){#top.hero-study{padding-top:20px}.study-bar{flex-direction:column;align-items:stretch;gap:12px}.study-bar>.eyebrow{font-size:.625rem}.hero-concept-switch button{flex:1;padding:8px 7px;font-size:.75rem}.hero-artifact{margin-top:22px;padding-top:18px;padding-bottom:22px}.artifact-metadata{font-size:.5625rem;letter-spacing:.09em;gap:15px}.artifact-metadata>span:last-child{max-width:40%;text-align:right}.artifact-body{grid-template-columns:1fr;gap:30px;min-height:0;padding:35px 0 8px}.hero-title-words{gap:17px}.glyph-spire{width:74%;margin-left:2%}.artifact-signature{font-size:.6875rem;margin-top:24px;letter-spacing:.1em}.artifact-emblem{width:120px;margin-left:auto;margin-right:5px}.artifact-emblem figcaption{font-size:.5625rem;margin-top:13px}.artifact-verse{font-size:.9375rem;line-height:1.7;margin-top:20px}.hero-study-footer{padding:24px 0;gap:24px}.hero-study-footer #hero-catch{font-size:1.25rem}.hero-study-footer #hero-intro{font-size:.8125rem}.hero-study-actions{gap:12px}.hero-study-actions .button{font-size:.8125rem;padding:10px 16px}.hero-study-actions .text-link{font-size:.8125rem}.hero-study-caption{font-size:.5625rem;letter-spacing:.08em}.hero-study-caption>span:first-child{max-width:70%}#top[data-concept=metal] .artifact-body{min-height:0;padding-top:28px;gap:25px}#top[data-concept=metal] .artifact-emblem{width:90px;margin:auto}#top[data-concept=metal] .glyph-line{display:none}#top[data-concept=metal] .glyph-heritage,#top[data-concept=metal] .glyph-spire{display:block}#top[data-concept=metal] .glyph-spire{margin:auto;width:73%}#top[data-concept=metal] .artifact-signature{font-size:.6875rem;letter-spacing:.16em;margin-top:25px}#top[data-concept=metal] .artifact-verse{font-size:1.0625rem;margin-top:18px}#top[data-concept=vellum] .artifact-body{grid-template-columns:1fr;padding-top:28px;padding-bottom:0;gap:32px}#top[data-concept=vellum] .artifact-type{padding-left:12px}#top[data-concept=vellum] .glyph-spire{width:76%;margin-left:8%}#top[data-concept=vellum] .artifact-emblem{width:145px;padding-bottom:0}#top[data-concept=vellum] .artifact-signature{margin-left:8%}#top[data-concept=vellum] .artifact-verse{font-size:.9375rem;margin-left:8%}.glyph-form>.cut-highlight{transform:translate(.8px,1px)}.glyph-form>.cut-shadow{transform:translate(-.8px,-1px)}}
@media(prefers-reduced-motion:reduce){#top.hero-study *{transition:none!important;animation:none!important}}