:root{--sj-gold:#e9aa54;--sj-sun:#ffd990;--sj-cream:#fff2d6;--sj-dark:#160c07;--sj-line:rgba(233,170,84,.22)}.samuel-page{background:var(--sj-dark);color:var(--sj-cream)}.samuel-page .topbar{background:linear-gradient(180deg,rgba(16,8,4,.9),transparent)}.samuel-page .eyebrow{color:var(--sj-gold)}.samuel-page .button.primary{background:var(--sj-gold);color:#251306}.samuel-page .button.ghost{border-color:rgba(233,170,84,.34)}
.sj-hero{min-height:100svh;position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,7vw,8rem);align-items:center;padding:9rem clamp(1.25rem,6vw,6rem) 6rem;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 75% 35%,rgba(255,174,64,.22),transparent 32%),linear-gradient(140deg,#170d08,#512b12 56%,#120a06)}.sun-path{position:absolute;z-index:-1;width:55vw;height:55vw;border:1px solid rgba(255,210,137,.18);border-radius:50%;right:-16vw;top:-18vw;box-shadow:0 0 0 90px rgba(255,211,139,.028),0 0 0 180px rgba(255,211,139,.018)}.sj-hero h1{font-family:var(--serif);font-size:clamp(5rem,9vw,9rem);line-height:.76;letter-spacing:-.05em;margin:.8rem 0 2.2rem}.sj-hero h1 em{font-style:normal;color:var(--sj-gold)}.sj-lead{font-family:var(--serif);font-size:clamp(1.55rem,2.5vw,2.35rem)!important;line-height:1.08;color:#ffe7bb!important}.sj-hero-copy>p:not(.eyebrow,.sj-lead){color:#ceb99d;max-width:650px}.sj-hero-books{display:flex;align-items:center;justify-content:center;min-height:650px;perspective:1100px}.sj-hero-books img{width:min(32%,250px);aspect-ratio:2/3;object-fit:cover;border:1px solid rgba(255,218,154,.3);box-shadow:0 30px 75px rgba(0,0,0,.58);transition:.45s}.sj-hero-books img:first-child{transform:rotate(-7deg) translateX(24px)}.sj-hero-books img:nth-child(2){z-index:2;transform:translateY(-20px) scale(1.05)}.sj-hero-books img:last-child{transform:rotate(7deg) translateX(-24px)}.sj-hero-books:hover img{transform:none}.ages{position:absolute;left:clamp(1.25rem,6vw,6rem);right:clamp(1.25rem,6vw,6rem);bottom:1.7rem;display:flex;align-items:center;gap:1rem;color:rgba(255,225,178,.44);font-size:.7rem;letter-spacing:.15em}.ages i{height:1px;background:rgba(255,225,178,.22);flex:1}
.sj-intro{display:grid;grid-template-columns:.28fr .9fr 1fr;gap:clamp(2rem,7vw,8rem);align-items:center;background:linear-gradient(145deg,#1b0f08,#38200f)}.sj-intro-number{font-family:var(--serif);font-size:clamp(11rem,20vw,20rem);line-height:.7;color:transparent;-webkit-text-stroke:1px rgba(233,170,84,.4)}.sj-intro h2,.evolution h2,.friends h2{font-family:var(--serif);font-size:clamp(3.3rem,6vw,6.3rem);line-height:.9;margin:0;color:#ffe5b6}.sj-intro-copy p,.friends-copy>p{color:#c3ae93;font-size:1.04rem}
.stages{background:#120a06}.stage{display:grid;grid-template-columns:minmax(280px,.65fr) .25fr 1.35fr;gap:clamp(2rem,6vw,7rem);align-items:center;padding:clamp(4rem,8vw,8rem) 0;border-top:1px solid var(--sj-line)}.stage.reverse{grid-template-columns:1.35fr .25fr minmax(280px,.65fr)}.stage.reverse .book-pair{order:3}.stage.reverse .stage-age{order:2}.stage.reverse .stage-copy{order:1}.book-pair{width:min(100%,390px);aspect-ratio:2/3;position:relative;margin:auto;perspective:900px;outline:0}.book-pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:1px solid rgba(233,170,84,.3);box-shadow:0 30px 70px rgba(0,0,0,.55);transition:.65s;backface-visibility:hidden}.book-pair .back{opacity:0;transform:rotateY(-15deg)}.book-pair:hover .front,.book-pair:focus .front{opacity:0;transform:rotateY(15deg)}.book-pair:hover .back,.book-pair:focus .back{opacity:1;transform:none}.stage-age{text-align:center}.stage-age strong{display:block;font-family:var(--serif);font-size:clamp(5rem,8vw,9rem);line-height:.7;color:transparent;-webkit-text-stroke:1px rgba(233,170,84,.55)}.stage-age span{font-size:.65rem;letter-spacing:.18em;color:#aa8051}.stage-copy h3{font-family:var(--serif);font-size:clamp(3rem,5vw,5.6rem);line-height:.88;margin:.8rem 0 1.4rem;color:var(--sj-gold)}.stage-copy>p:not(.eyebrow){color:#bda98f;max-width:720px}.stage-copy blockquote{font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,1.9rem);line-height:1.2;border-left:1px solid var(--sj-gold);padding-left:1.4rem;margin:2rem 0;color:#f1d2a2}.sj-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sj-tags span{border:1px solid var(--sj-line);padding:.5rem .75rem;font-size:.72rem;color:#dfbd89}
.evolution{background:linear-gradient(180deg,#3a200f,#120a06)}.evolution-heading{max-width:970px;margin-bottom:clamp(4rem,8vw,8rem)}.life-line{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:relative}.life-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--sj-gold),transparent);opacity:.28}.life-moment{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--sj-line)}.life-moment:nth-child(2),.life-moment:nth-child(5){transform:translateY(3rem)}.life-moment img{width:100%;height:100%;object-fit:cover;transition:.6s}.life-moment:hover img{transform:scale(1.04)}.life-moment:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,8,4,.95),transparent 58%)}.life-moment>span{position:absolute;z-index:2;top:1rem;left:1rem;background:rgba(19,9,4,.78);border:1px solid var(--sj-line);padding:.4rem .6rem;color:var(--sj-gold);font-size:.7rem}.life-moment>div{position:absolute;z-index:2;left:1.3rem;right:1.3rem;bottom:1.3rem}.life-moment h3{font-family:var(--serif);font-size:2.2rem;margin:0;color:#ffe3b0}.life-moment p{color:#c0aa8e;font-size:.85rem;margin:.3rem 0 0}
.friends{display:grid;grid-template-columns:1.15fr .85fr;min-height:680px;background:#160c07}.friends-image img{width:100%;height:100%;object-fit:cover}.friends-copy{padding:clamp(3rem,7vw,8rem);align-self:center}.sj-close{text-align:center;background:linear-gradient(180deg,#2d180b,#100805)}.sj-close blockquote{font-family:var(--serif);font-size:clamp(2.5rem,5vw,5rem);line-height:1;max-width:1100px;margin:1rem auto 2.5rem;color:#f2d3a4}
@media(max-width:1000px){.sj-hero{grid-template-columns:1fr}.sj-hero-books{min-height:540px}.sj-intro{grid-template-columns:.3fr 1fr}.sj-intro-copy{grid-column:1/-1}.stage,.stage.reverse{grid-template-columns:minmax(250px,.65fr) .2fr 1.35fr;gap:3rem}.stage.reverse .book-pair,.stage.reverse .stage-age,.stage.reverse .stage-copy{order:initial}.life-line{grid-template-columns:repeat(2,1fr)}.life-moment:nth-child(n){transform:none}.friends{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sj-hero{padding-inline:1.25rem}.sj-hero h1{font-size:clamp(4.5rem,21vw,7rem)}.sj-hero-books{min-height:400px}.sj-intro{grid-template-columns:1fr}.sj-intro-number{font-size:9rem}.stage,.stage.reverse{grid-template-columns:1fr}.stage.reverse .book-pair,.stage.reverse .stage-age,.stage.reverse .stage-copy{order:initial}.book-pair{width:min(86%,370px)}.stage-age{padding-top:1rem}.life-line{grid-template-columns:1fr}.life-moment{min-height:520px}.friends{grid-template-columns:1fr}.friends-image{min-height:420px}}