:root{--gold:#e4af4f;--bg:#120d0a;--surface:#291e15;--surface2:#291e15;--muted:#d1bea8;--paper:#f7e3bf;--text:#fff5e3;--line:#655538;--ink:#271d10;--accent:#943138}
/* Brinavol: layered regalia and a warm, architectural ascent. */
.spire-hero{position:relative;display:grid;grid-template-columns:1fr .94fr;gap:55px;align-items:center;padding-left:35px}.spire-shot{grid-column:2;grid-row:1;height:575px;border:1px solid var(--line);padding:8px;background:var(--surface);transform:rotate(2deg)}.spire-hero .hero-copy{grid-column:1;grid-row:1}.spire-hero h1{font-size:clamp(3.7rem,6.4vw,6rem)}.vertical-note{position:absolute;left:0;top:10px;writing-mode:vertical-rl;color:var(--gold);letter-spacing:.17em;font-size:9px}.hero-ribbon{display:flex;justify-content:space-around;gap:20px;margin-top:34px;border-block:1px solid var(--line);padding:17px;font-size:10px;color:var(--gold);letter-spacing:.1em}.collection-4{grid-template-columns:1fr 1fr 1fr;align-items:start}.collection-4 .art-button{height:290px;border:8px solid var(--surface)}.collection-4 .item-1{margin-top:65px}.collection-4 .item-2{margin-top:130px}.collection-4 .item-1 .art-button{height:310px}.thoughts-4{grid-template-columns:.85fr 1.15fr}.thoughts-4 .thought-notes article{margin-left:0;padding:24px 25px 24px 65px;border:1px solid var(--line);margin-top:12px;background:var(--surface)}.thoughts-4 .thought-notes article:nth-child(2){margin-left:25px}.thoughts-4 .thought-notes article:nth-child(3){margin-left:50px}.thoughts-4 .note-number{left:23px;top:23px}.comfort-4{border-left:5px solid var(--gold)}.final-4{border-width:2px 0;background:none}
@media(max-width:1000px){.spire-hero{gap:30px}.spire-shot{height:500px}.collection-4 .art-button{height:245px}.collection-4 .item-1 .art-button{height:270px}}
@media(max-width:850px){.spire-hero{grid-template-columns:1fr;padding-left:22px;gap:30px}.spire-hero .hero-copy{grid-row:1}.spire-shot{grid-column:1;grid-row:2;height:400px;max-width:670px;transform:rotate(1deg)}.collection-4 .item-1{margin-top:35px}.collection-4 .item-2{margin-top:70px}.thoughts-4{grid-template-columns:1fr}}
@media(max-width:600px){.spire-hero h1{font-size:48px}.spire-hero{padding-left:16px}.vertical-note{font-size:7px;left:-4px}.spire-shot{height:335px}.hero-ribbon{padding:13px 0;gap:10px;flex-wrap:wrap;font-size:8px}.collection-4{grid-template-columns:1fr}.collection-4 .item-1,.collection-4 .item-2{margin:0}.collection-4 .art-button,.collection-4 .item-1 .art-button{height:290px}.thoughts-4 .thought-notes article:nth-child(n){margin-left:0}.thoughts-4 .thought-notes article{padding:20px 18px 20px 48px}.thoughts-4 .note-number{left:16px;top:21px}}