﻿/* Native PRP section. All selectors stay inside the component namespace. */
.prp-explorer{position:relative;background:var(--color-surface-light,#f7f4f0);padding:clamp(3.5rem,6vw,5.5rem) 0 3rem;scroll-margin-top:6rem;color:var(--color-primary-dark,#3e2518)}
.prp-explorer .prp-heading{max-width:none;margin-bottom:2.5rem;display:grid;grid-template-columns:1fr 23rem;column-gap:3rem;align-items:end}
.prp-explorer .prp-eyebrow,.prp-explorer .prp-kicker{font:500 .66rem/1.5 var(--font-body);letter-spacing:.15em;color:#806443;text-transform:uppercase}
.prp-explorer .prp-eyebrow{grid-column:1/-1;margin:0 0 1.25rem;display:flex;align-items:center;gap:.8rem}
.prp-explorer .prp-eyebrow:before{content:'';width:1.75rem;height:1px;background:#b2946c}
.prp-explorer h2{font:400 clamp(2.8rem,5vw,4.6rem)/1.02 var(--font-display);letter-spacing:-.035em;margin:0;scroll-margin-top:7rem}
.prp-explorer h2 em{font-weight:400;color:#96703f}
.prp-explorer .prp-heading>p:last-child{font:400 .94rem/1.75 var(--font-body);color:var(--color-text-secondary);margin:0}
.prp-explorer .prp-layout{display:grid;grid-template-columns:minmax(0,1fr) 23rem;border:1px solid #d8cdbd;border-radius:4px;overflow:hidden;background:#f8f5ee;box-shadow:0 24px 65px -38px #50392155}
.prp-explorer .prp-viewer{position:relative;min-width:0;height:auto;min-height:620px;background:#e6e0d6;overflow:hidden;isolation:isolate}
.prp-explorer .prp-poster,.prp-explorer .prp-canvas-host{position:absolute;inset:0;width:100%;height:100%}
.prp-explorer .prp-poster{object-fit:cover;object-position:center;transition:opacity .25s}
.prp-explorer .prp-canvas-host{opacity:0}
.prp-explorer[data-prp-ready=true] .prp-canvas-host{opacity:1}
.prp-explorer[data-prp-ready=true] .prp-poster{opacity:0;visibility:hidden}
.prp-explorer canvas{display:block;max-width:100%;touch-action:pan-y;cursor:grab}
.prp-explorer canvas:active{cursor:grabbing}
.prp-explorer .prp-loading{position:absolute;z-index:3;left:1.5rem;right:1.5rem;bottom:5.5rem;background:#f8f5eeed;padding:.8rem 1rem;border-radius:.3rem;color:#69553e;font:.8rem/1.6 var(--font-body)}
.prp-explorer [hidden]{display:none!important}
.prp-explorer .prp-caption{position:absolute;left:1.5rem;bottom:1.5rem;display:flex;flex-direction:column;gap:.4rem;pointer-events:none;max-width:calc(100% - 13rem)}
.prp-explorer .prp-caption>span:first-child{font:500 .6rem/1.5 var(--font-body);letter-spacing:.12em;color:#705c43}
.prp-explorer .prp-caption>span:last-child{font:italic 1.3rem/1.2 var(--font-display);color:#6e5335}
.prp-explorer .prp-actions{position:absolute;right:1rem;bottom:1.25rem;display:flex;gap:.3rem}
.prp-explorer button{font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent}
.prp-explorer button:disabled{cursor:default}
.prp-explorer button:focus-visible,.prp-explorer canvas:focus-visible,.prp-explorer a:focus-visible{outline:2px solid #846032;outline-offset:4px}
.prp-explorer .prp-actions button{display:grid;place-items:center;width:2.65rem;height:2.65rem;border:1px solid #bbaa92;background:#f5eee2;color:#685032;border-radius:50%;font-size:1.2rem;padding:0}
.prp-explorer .prp-actions button:hover:not(:disabled){background:#fffaf0;border-color:#8f704b}
.prp-explorer .prp-actions button:disabled{opacity:.5}
.prp-explorer .prp-annotation{position:absolute;left:0;top:0;z-index:2;pointer-events:none;opacity:0;white-space:nowrap;padding:.55rem .75rem .55rem 1.8rem;border:1px solid #c4b295;border-radius:.3rem;background:#faf6edf2;color:#71532e;font:500 .68rem/1.3 var(--font-body);transition:opacity .25s}
.prp-explorer .prp-annotation-line{position:absolute;left:.6rem;top:50%;width:.8rem;height:1px;background:#997747}
.prp-explorer .prp-annotation-line:before{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;background:#997747;border-radius:50%}
.prp-explorer .prp-panel{padding:2rem 1.8rem;border-left:0;background:linear-gradient(145deg,#483327,#30221b);color:#f6eee1;display:flex;flex-direction:column;min-width:0}
.prp-explorer .prp-panel-intro{font:400 1.55rem/1.2 var(--font-display);color:#f5e8d5;margin:0 0 1.5rem}
.prp-explorer .prp-layers{border-top:1px solid #ffffff26}
.prp-explorer .prp-layer{display:flex;align-items:center;gap:.85rem;width:100%;padding:1.25rem .6rem;border:0;border-bottom:1px solid #ffffff26;background:transparent;text-align:left;color:#fff5e8;transition:background .2s,box-shadow .2s}
.prp-explorer .prp-layer.active,.prp-explorer .prp-layer:hover:not(:disabled){background:#ffffff0d;box-shadow:inset 2px 0 #dbb879}
.prp-explorer .prp-layer>span:nth-child(2){display:flex;flex-direction:column;gap:.25rem;flex:1}
.prp-explorer .prp-layer strong{font:500 1.75rem/1.05 var(--font-display);letter-spacing:-.02em}
.prp-explorer .prp-layer .prp-kicker{font-size:.59rem;letter-spacing:.11em;color:#d1b896}
.prp-explorer .prp-layer-sub{font:400 .73rem/1.55 var(--font-body);color:#d9cbbb}
.prp-explorer .prp-arrow{color:#e3c59c;font-size:1.15rem;transition:transform .2s}
.prp-explorer .prp-layer.active .prp-arrow{transform:rotate(45deg)}
.prp-explorer .prp-swatch{display:block;width:1.7rem;height:2.1rem;flex-shrink:0;border-radius:50%;transform:rotate(25deg);box-shadow:inset 2px 1px 4px #ffffff90,2px 3px 7px #77624920}
.prp-explorer .prp-swatch-gold{background:radial-gradient(ellipse at 33% 20%,#fff2b8,#dfb43a 45%,#a8741c 90%)}
.prp-explorer .prp-swatch-pearl{height:.8rem;background:linear-gradient(170deg,#fffdf0,#d2bda1 70%,#a18a71)}
.prp-explorer .prp-swatch-red{height:1.4rem;background:radial-gradient(ellipse at 50% 50%,#772922 3%,#b44b3b 35%,#a74332 53%,#591c16 90%)}
.prp-explorer .prp-detail{padding:1.35rem 0;min-height:10.5rem}.prp-explorer .prp-detail .prp-kicker{color:#d8bd96;font-size:.6rem}
.prp-explorer .prp-detail p{margin:0}
.prp-explorer .prp-detail p:last-child{font:400 .77rem/1.85 var(--font-body);color:#e1d4c5;margin-top:.7rem}
.prp-explorer .prp-explode{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-top:auto;padding:.9rem 1rem;border:1px solid #af9069;background:transparent;color:#f5e8d5;font-size:.78rem}
.prp-explorer .prp-explode:hover:not(:disabled),.prp-explorer .prp-explode[aria-pressed=true]{background:#e1c398;color:#30221b}
.prp-explorer .prp-help{font:400 .67rem/1.6 var(--font-body);color:#c8b6a1;text-align:center;margin:.8rem 0 0}
.prp-explorer .prp-section-foot{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem 0 0}
.prp-explorer .prp-section-foot p{max-width:33rem;color:#746452;font:400 .7rem/1.65 var(--font-body);margin:0}
.prp-explorer .prp-section-foot a{font:500 .8rem/1.5 var(--font-body);color:#6d4d2c;text-underline-offset:5px}
.prp-explorer .prp-section-foot a span{margin-left:.75rem}
.prp-explorer .prp-nojs{font-size:.8rem;margin-top:1rem}
@media(max-width:1050px){.prp-explorer .prp-layout{grid-template-columns:minmax(0,1fr) 19rem}.prp-explorer .prp-panel{padding:1.6rem 1.2rem}.prp-explorer .prp-layer strong{font-size:1.55rem}.prp-explorer .prp-caption{bottom:4.75rem;max-width:90%}}
@media(max-width:900px){.prp-explorer{padding:3.5rem 0 2rem}.prp-explorer .prp-heading{margin-bottom:1.7rem;grid-template-columns:1fr;gap:1rem}.prp-explorer .prp-eyebrow{margin-bottom:0}.prp-explorer .prp-layout{grid-template-columns:1fr}.prp-explorer .prp-viewer{height:480px;min-height:0}.prp-explorer .prp-panel{border-left:0;border-top:0;padding:1.4rem 1.2rem}.prp-explorer .prp-caption{left:1rem;bottom:4.75rem}.prp-explorer .prp-caption>span:last-child{font-size:1.1rem}.prp-explorer .prp-layer{padding:1rem .3rem}.prp-explorer .prp-layer strong{font-size:1.8rem}.prp-explorer .prp-detail{min-height:8.5rem}.prp-explorer .prp-section-foot{align-items:flex-start;flex-direction:column;gap:1rem}.prp-explorer .prp-annotation{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.prp-explorer *{transition:none!important;animation:none!important}}

/* Page composition: film, interactive study, then the human experience. */
.hiw-page .hiw-hero{height:90svh;min-height:640px;max-height:1080px;background:#32251c}
.hiw-page .hiw-hero__overlay{justify-content:flex-end;padding:0 max(6vw,24px) 110px;background:linear-gradient(0deg,rgba(35,24,17,.8),rgba(35,24,17,.08) 65%)}
.hiw-page .hiw-hero__overlay .section-label{color:#f0d6b3;font-size:.65rem;letter-spacing:.18em}
.hiw-page .hiw-hero__heading{color:#fff8ed;font-size:clamp(3.8rem,6.5vw,6.8rem);line-height:.95;letter-spacing:-.04em;margin:1.25rem 0 0;font-weight:400}
.hiw-page .hiw-hero__heading em{font-weight:300;color:#ead1ad}
.hiw-page .hiw-hero__subheading{color:#f3e7d7;max-width:26rem;font-size:.9rem;line-height:1.8;letter-spacing:0;margin-top:1.5rem}
.hiw-page .hiw-scroll-cue{left:auto;right:6vw;bottom:42px;transform:none;flex-direction:row;gap:1.5rem}
.hiw-page .hiw-scroll-cue__label{color:#f5e8d5}
.hiw-film-control{position:absolute;z-index:8;bottom:42px;left:max(6vw,24px);border:1px solid #f4e6d366;border-radius:30px;padding:.65rem 1rem;background:#32251c55;color:#fff4e5;font:400 .7rem/1.4 var(--font-body);cursor:pointer;display:flex;align-items:center;gap:1.1rem}
.hiw-film-control:hover{background:#32251caa}.hiw-film-control:focus-visible,.hiw-chapters a:focus-visible{outline:2px solid #c49a6c;outline-offset:5px}
.hiw-film-control[hidden]{display:none}
.hiw-chapters{display:flex;justify-content:center;gap:clamp(2rem,8vw,8rem);padding:1.5rem 24px;border-bottom:1px solid #dfd4c7;background:#f7f4f0}
.hiw-chapters a{font:400 .72rem/1.5 var(--font-body);color:#584331;text-decoration:none;transition:color .2s}
.hiw-chapters a:hover{color:#a07844}.hiw-chapters a span{color:#9a7953;margin-right:.7rem;font-size:.6rem}
.prp-explorer>.container{max-width:1440px;padding-inline:clamp(24px,6vw,88px)}
.prp-explorer .prp-heading-copy{padding-bottom:.35rem;max-width:23rem}
.prp-explorer .prp-stage-label{position:absolute;inset:1.5rem 1.5rem auto;display:flex;justify-content:space-between;gap:1rem;pointer-events:none;color:#705a40;font:500 .57rem/1.5 var(--font-body);letter-spacing:.13em;text-transform:uppercase}
.prp-explorer .prp-stage-hint{letter-spacing:.07em;text-transform:none;font-size:.64rem}.prp-explorer .prp-stage-hint>span{margin-left:.5rem}
.prp-explorer .prp-panel button:focus-visible{outline-color:#f0c68a}
.hiw-page .hiw-visit-section{background:#f2e8dc;border-top:1px solid #e0d5c8}
.hiw-page .visit{padding-top:clamp(4rem,7vw,7rem)}
.hiw-page .visit-head__title{font-weight:400;letter-spacing:-.025em;font-size:clamp(2.8rem,4.5vw,4.5rem)}
.hiw-page .visit-head__eyebrow{font-size:.65rem;font-weight:500;letter-spacing:.15em;color:#806443}
.hiw-page .visit-head__sub{font-size:.94rem;line-height:1.8;max-width:34rem;margin-inline:auto}
.hiw-page #visit-heading,.hiw-page #the-science{scroll-margin-top:6rem}
.hiw-page.prp-viewing .wl-tab{visibility:hidden;pointer-events:none}
@media(min-width:901px) and (max-width:1050px){.prp-explorer .prp-heading{grid-template-columns:1fr 19rem;column-gap:2rem}.prp-explorer .prp-viewer{min-height:640px}.prp-explorer .prp-stage-hint{display:none}}
@media(max-width:900px){
  .hiw-page .hiw-hero{height:88svh;min-height:590px;max-height:850px}
  .hiw-page .hiw-hero__overlay{padding:0 24px 130px;background:linear-gradient(0deg,rgba(35,24,17,.9),rgba(35,24,17,.05) 85%)}
  .hiw-page .hiw-hero__heading{font-size:clamp(3.1rem,10.5vw,4.7rem)}
  .hiw-page .hiw-hero__subheading{max-width:21rem;font-size:.85rem}
  .hiw-page .hiw-scroll-cue{right:24px;bottom:49px;gap:.7rem}.hiw-page .hiw-scroll-cue__label{font-size:.53rem}
  .hiw-chapters{justify-content:space-between;gap:.75rem;padding:1.1rem 24px}.hiw-chapters a{font-size:.62rem}.hiw-chapters a span{margin-right:.3rem;font-size:.52rem}
  .prp-explorer h2{font-size:clamp(2.8rem,10vw,4rem)}
  .prp-explorer .prp-heading-copy{font-size:.87rem!important;max-width:26rem}
  .prp-explorer .prp-stage-label{inset:1.1rem 1rem auto}.prp-explorer .prp-stage-hint{font-size:.56rem}
  .prp-explorer .prp-caption{bottom:1.25rem;max-width:calc(100% - 6rem)}
  .prp-explorer .prp-actions{right:.75rem;bottom:1rem;display:grid;grid-template-columns:repeat(2,2.25rem)}
  .prp-explorer .prp-actions button{width:2.25rem;height:2.25rem;font-size:1.05rem}
  .prp-explorer .prp-layout{background:#35261d}
  .prp-explorer .prp-panel{display:contents}
  .prp-explorer .prp-panel-intro{display:none}
  .prp-explorer .prp-layers{order:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);border:0}
  .prp-explorer .prp-layer{padding:1rem .5rem;min-height:64px;justify-content:center;gap:.45rem;border-bottom:0;border-right:1px solid #ffffff26;text-align:center}
  .prp-explorer .prp-layer:last-child{border-right:0}
  .prp-explorer .prp-layer>span:nth-child(2){flex:0 1 auto}
  .prp-explorer .prp-layer strong{font-size:1.15rem;line-height:1.1}
  .prp-explorer .prp-layer .prp-kicker,.prp-explorer .prp-layer-sub,.prp-explorer .prp-arrow{display:none}
  .prp-explorer .prp-swatch{width:.65rem;height:.8rem}
  .prp-explorer .prp-swatch-pearl{height:.35rem}.prp-explorer .prp-swatch-red{height:.55rem}
  .prp-explorer .prp-layer.active{box-shadow:inset 0 -2px #dbb879}
  .prp-explorer .prp-viewer{order:1}
  .prp-explorer .prp-detail{order:2;min-height:10rem;padding:1.4rem}
  .prp-explorer .prp-explode{order:3;width:auto;margin:0 1.4rem}
  .prp-explorer .prp-help{order:4;margin:1rem 1.4rem 1.4rem}
  .prp-explorer .prp-section-foot{padding-top:1.1rem}.prp-explorer .prp-section-foot p{font-size:.65rem}
  .hiw-page .visit-step__copy{min-width:0}
  .hiw-page .visit-step__meta{flex-wrap:wrap;gap:1rem}
}
@media(prefers-reduced-motion:reduce){.hiw-page .hiw-scroll-cue__arrow{animation:none}.hiw-chapters a{transition:none}}
