/* ABOUT — "Rings": paper, heartwood red, editorial */
.page-about{--bg:#F3EDE2;--fg:#15120F;--muted:rgba(21,18,15,.64);--line:rgba(21,18,15,.15);--accent:#A4442A}
.page-about .btn--solid{color:#F3EDE2}
.page-about .btn--solid::before{background:#15120F}

.ab-hero{position:relative;padding:150px 0 clamp(90px,10vw,150px);overflow:hidden}
.ab-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,90px);align-items:end}
.ab-hero__title{font-size:clamp(76px,12.5vw,214px);margin:26px 0 34px}
.ab-hero__title .serif{color:var(--accent)}
.ab-hero__arch{margin:0;position:relative;aspect-ratio:3/4;border-radius:999px 999px 0 0;overflow:hidden;background:#d9cbb4}
.ab-hero__arch img{width:100%;height:100%;object-fit:cover;filter:sepia(.45) saturate(.75) contrast(1.06)}
.ab-hero__arch figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;font-size:11px;letter-spacing:.06em;color:#F3EDE2;background:linear-gradient(transparent,rgba(21,18,15,.7))}
.ab-hero__stamp{position:absolute;left:52%;top:120px;width:150px;color:var(--accent);animation:spin 24s linear infinite}
.ab-hero__stamp text{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.2em;fill:currentColor}
.ab-hero__stamp .stamp-y{font-family:var(--f-serif);font-style:italic;font-size:26px;letter-spacing:0}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:900px){
  .ab-hero{padding-top:120px}
  .ab-hero__grid{grid-template-columns:1fr}
  .ab-hero__arch{aspect-ratio:4/5;max-width:520px}
  .ab-hero__stamp{left:auto;right:var(--gutter);top:96px;width:110px}
}

/* ring timeline */
.rings{background:#15120F;color:#F3EDE2;--muted:rgba(243,237,226,.6);--line:rgba(243,237,226,.14);padding:clamp(80px,10vw,140px) 0}
.rings__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,110px)}
.rings__stage{position:sticky;top:12vh;height:76vh;display:flex;flex-direction:column;justify-content:center}
.rings__svg{width:100%;max-height:64vh;overflow:visible}
.rings__years path{fill:none;stroke:rgba(243,237,226,.14);stroke-width:.8;transition:stroke .5s,stroke-width .5s}
.rings__years path.lit{stroke:rgba(233,162,59,.55)}
.rings__marks path{fill:none;stroke:rgba(243,237,226,.35);stroke-width:1.4;transition:stroke .5s,stroke-width .5s,filter .5s}
.rings__marks path.on{stroke:#E9A23B;stroke-width:3;filter:drop-shadow(0 0 8px rgba(233,162,59,.8))}
.rings__marks text{font-family:var(--f-mono);font-size:11px;fill:rgba(243,237,226,.5);transition:fill .4s}
.rings__marks text.on{fill:#E9A23B}
.rings__pith{fill:#A4442A}
.rings__read{display:flex;align-items:baseline;gap:16px;margin-top:20px}
.rings__read span{font-family:var(--f-display);font-weight:800;font-size:clamp(56px,6vw,96px);line-height:1;color:#E9A23B}
.rings__read small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rings__list{list-style:none;margin:0;padding:22vh 0 30vh}
.rings__list li{min-height:58vh;display:flex;flex-direction:column;justify-content:center;opacity:.25;transition:opacity .6s}
.rings__list li.on{opacity:1}
.rings__list li span{font-size:13px;color:#E9A23B;letter-spacing:.14em}
.rings__list h3{font-family:var(--f-serif);font-weight:400;font-size:clamp(36px,3.8vw,60px);line-height:1.02;margin:14px 0 18px;letter-spacing:-.01em}
.rings__list p{color:var(--muted);font-size:17px;max-width:44ch;margin:0}
@media (max-width:900px){
  .rings__grid{grid-template-columns:1fr;gap:0}
  .rings__stage{top:60px;height:auto;padding:14px 0;background:#15120F;z-index:2;flex-direction:row;align-items:center;gap:16px;border-bottom:1px solid var(--line)}
  .rings__svg{width:120px;max-height:none;flex:none}
  .rings__read{margin:0;flex-direction:column;gap:2px}
  .rings__list{padding:6vh 0 10vh}
  .rings__list li{min-height:52vh}
}

/* creed */
.creed{padding:clamp(100px,12vw,170px) 0}
.creed__grid{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;border-top:1px solid var(--line)}
.creed article{padding:42px 40px 46px 0;border-bottom:1px solid var(--line);position:relative}
.creed article:nth-child(odd){border-right:1px solid var(--line)}
.creed article:nth-child(even){padding-left:40px;padding-right:0}
.creed__n{font-family:var(--f-mono);font-size:12px;color:var(--accent);letter-spacing:.1em}
.creed h3{font-family:var(--f-serif);font-weight:400;font-size:clamp(32px,3.2vw,50px);line-height:1.04;letter-spacing:-.01em;margin:18px 0 16px;max-width:16ch}
.creed p{color:var(--muted);margin:0;max-width:40ch}
@media (max-width:760px){.creed__grid{grid-template-columns:1fr}.creed article:nth-child(odd){border-right:0}.creed article:nth-child(even){padding-left:0}}

/* quote */
.quote{background:#A4442A;color:#F3EDE2;padding:clamp(100px,12vw,180px) 0;position:relative;overflow:hidden}
.quote::before{content:"";position:absolute;inset:0;opacity:.18;background:repeating-radial-gradient(circle at 110% 120%,transparent 0 22px,rgba(0,0,0,.6) 23px 24px)}
.quote__in{position:relative;max-width:1180px}
.quote__mark{width:72px;color:#E9A23B;margin-bottom:30px}
.quote blockquote{margin:0;font-family:var(--f-serif);font-size:clamp(38px,5vw,84px);line-height:1.04;letter-spacing:-.015em}
.quote__by{margin-top:40px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.75}

/* crew mosaic */
.crew{padding:clamp(100px,12vw,170px) 0}
.crew__grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(80px,auto);gap:18px}
.crew figure{margin:0;overflow:hidden}
.crew img{width:100%;height:100%;object-fit:cover;filter:sepia(.35) saturate(.8)}
.crew__a{grid-column:1/8;grid-row:1/5;aspect-ratio:16/10}
.crew__stats{grid-column:9/13;grid-row:1/4;display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.crew__stats div{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:baseline;gap:18px}
.crew__stats b{font-family:var(--f-display);font-weight:800;font-size:clamp(56px,6vw,96px);line-height:.9;color:var(--accent);min-width:1.8ch}
.crew__stats span{color:var(--muted);font-size:15px}
.crew__b{grid-column:6/11;grid-row:5/8;aspect-ratio:16/9;margin-top:-60px!important}
.crew__txt{grid-column:1/5;grid-row:6/8;align-self:end;font-family:var(--f-serif);font-size:clamp(24px,2.2vw,34px);line-height:1.18;margin:0}
@media (max-width:900px){
  .crew__grid{grid-template-columns:1fr}
  .crew__a,.crew__stats,.crew__b,.crew__txt{grid-column:1;grid-row:auto}
  .crew__b{margin-top:0!important}
}

/* land */
.land{position:relative;background:#1F3A2B;color:#F3EDE2;--muted:rgba(243,237,226,.66);padding:clamp(110px,13vw,190px) 0 clamp(220px,24vw,340px);overflow:hidden}
.land__in{position:relative;z-index:2}
.land__title{font-size:clamp(56px,8.4vw,150px);margin:24px 0 60px}
.land__title .serif{color:#D3E3A2}
.land__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1000px}
.land__facts b{font-family:var(--f-display);font-size:clamp(46px,4.6vw,72px);font-weight:800;line-height:1}
.land__facts p{color:var(--muted);margin:10px 0 0;font-size:15px;max-width:28ch}
.land__forest{position:absolute;left:0;right:0;bottom:0;height:42%;z-index:1}
.pines{position:absolute;left:-5%;right:-5%;bottom:0;height:100%;background-repeat:repeat-x;background-position:bottom left}
.pines.p3{opacity:.35;height:100%;background-size:180px 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 200' preserveAspectRatio='none'%3E%3Cpath d='M40 200V60l-14 30h8L18 120h10L8 150h20l-4 50zm0 0V60l14 30h-8l16 30h-10l20 30H52l4 50zM130 200V30l-18 40h10l-20 40h12l-24 40h26l-4 50zm0 0V30l18 40h-10l20 40h-12l24 40h-26l4 50z' fill='%23142a1f'/%3E%3C/svg%3E")}
.pines.p2{opacity:.7;height:80%;background-size:240px 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 200' preserveAspectRatio='none'%3E%3Cpath d='M70 200V20L46 70h12L32 120h14L14 170h34l-6 30zm0 0V20l24 50H82l26 50H94l32 50H92l6 30zM190 200V70l-14 30h8l-18 34h10l-20 36h22l-4 30zm0 0V70l14 30h-8l18 34h-10l20 36h-22l4 30z' fill='%230f2118'/%3E%3C/svg%3E")}
.pines.p1{height:55%;background-size:300px 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200' preserveAspectRatio='none'%3E%3Cpath d='M0 200V176q150-14 300 0v24z' fill='%23080f0b'/%3E%3Cpath d='M110 200V10L80 70h16L62 130h18L40 186h70zm0 0V10l30 60h-16l34 60h-18l40 56h-70z' fill='%23080f0b'/%3E%3C/svg%3E")}
@media (max-width:760px){.land__facts{grid-template-columns:1fr}}