/* INTERACTIVE PREVIEW ONLY — © 2026 ReBrandMyAI. Reuse requires a valid licence. Not the customer edition. */

:root{--r6-ochre:#d9a22e;--r6-ink:#1c2024}
.hero-r6{padding-top:clamp(40px,5vw,74px);background:#eeebe4;overflow:hidden}
.r6-hero-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(420px,.74fr);gap:clamp(28px,4vw,60px);align-items:center;position:relative;min-height:clamp(455px,50vw,660px);padding-bottom:clamp(34px,5vw,66px)}
.r6-hero-layout:before{content:"";position:absolute;top:-18px;bottom:8px;left:calc(100% - 37.6%);width:1px;background:linear-gradient(transparent,rgba(28,32,36,.23) 22%,rgba(28,32,36,.2) 82%,transparent);pointer-events:none}
.r6-hero-editorial{position:relative;z-index:2;padding-top:12px}
.r6-hero-overline{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font:500 11px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#49555a;margin-bottom:clamp(22px,3.3vw,52px)}
.r6-index-square{width:14px;height:14px;background:var(--basalt);box-shadow:inset 0 0 0 4px #eeebe4;border:1px solid var(--basalt)}
.r6-index-ref{margin-left:auto;color:#848a83}
.hero-r6 h1{font-stretch:100%;font-size:1rem;max-width:none}
.hero-r6 h1 .measured{display:block;font-stretch:72%;font-weight:300;letter-spacing:-.055em;color:#667177;font-size:clamp(35px,3.5vw,60px);line-height:1.05}
.hero-r6 h1 .traced{display:block;position:relative;width:max-content;max-width:100%;font-size:clamp(51px,5.1vw,91px);font-weight:620;line-height:.95;font-stretch:114%;letter-spacing:-.067em;color:var(--basalt);margin-top:clamp(15px,2vw,29px)}
.hero-r6 h1 .traced em{font-style:normal;color:#8f4b39;position:relative}
.hero-r6 h1 .traced em:after{content:"";position:absolute;left:3%;right:-2%;bottom:.06em;border-bottom:5px solid var(--ochre);opacity:.86;transform:rotate(-1.3deg)}
.r6-hero-lede{font-size:clamp(16px,1.18vw,19px);max-width:55ch;margin:clamp(20px,3vw,44px) 0 0;line-height:1.62;color:#4b5358;font-stretch:95%}
.r6-hero-lede strong{font-weight:650;color:var(--basalt)}
.hero-r6 .hero-actions{justify-content:flex-start;margin-top:28px;gap:12px}
.hero-r6 .hero-actions .btn{font-size:14px;min-height:48px}
.r6-fieldnote{align-self:center;position:relative;max-width:468px;padding:0 0 28px 0;color:var(--basalt);transform:rotate(.4deg);transform-origin:18% 12%;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.r6-fieldnote:before{content:"";position:absolute;inset:-18px -14px 2px -22px;background:linear-gradient(160deg,#f7f4e9 0%,#f0eddf 80%);box-shadow:18px 24px 45px rgba(28,32,36,.08),0 0 0 1px rgba(28,32,36,.10);clip-path:polygon(0 0,97.6% 0,100% 5%,100% 100%,0 100%)}
.r6-fieldnote>*{position:relative;z-index:1}
.r6-specimen-head{display:flex;justify-content:space-between;gap:12px;font:550 9px/1.4 var(--mono);color:#56636b;letter-spacing:.06em}
.r6-specimen-rule{height:3px;background:var(--basalt);margin:16px 0 30px}
.r6-specimen-copy{font-size:15px;color:#576166;margin-bottom:8px;font-weight:480;font-stretch:88%}
.r6-specimen-number{font-family:var(--mono);font-size:clamp(26px,2.65vw,43px);letter-spacing:-.085em;font-weight:580;line-height:1.1;white-space:nowrap}
.r6-specimen-number small{font-family:var(--sans);font-size:.34em;letter-spacing:0;color:#626b6b;font-weight:500}
.r6-specimen-caption{font-size:13px;margin:9px 0 29px;color:#333b3e}
.r6-specimen-crosswalk{display:grid;gap:11px;margin:8px 0 24px;padding:18px 0;border-top:1px solid #b9b7ac;border-bottom:1px solid #b9b7ac}
.r6-specimen-crosswalk span{font:500 10px/1.4 var(--mono);letter-spacing:.025em;color:#60696a;display:flex;align-items:center;gap:10px}
.r6-specimen-crosswalk span:before{content:"";width:15px;height:2px;background:#a7aea5}
.r6-specimen-crosswalk span:last-child{color:#2e7465;font-weight:600}
.r6-specimen-crosswalk span:last-child:before{background:var(--malachite)}
.r6-specimen-base{display:grid;grid-template-columns:18px 1fr auto;gap:11px;align-items:center;font-size:14px;line-height:1.3;font-weight:560}
.r6-specimen-base small{display:block;font-size:11px;font-weight:450;color:#647070;margin-top:4px}
.r6-specimen-pin{width:12px;height:12px;border-radius:100%;background:var(--ochre);box-shadow:0 0 0 4px #dfc893}
.r6-specimen-base a{display:grid;place-items:center;border:1px solid var(--basalt);border-radius:100%;width:34px;height:34px;text-decoration:none;transition:background .2s,color .2s}
.r6-specimen-base a:hover{background:var(--basalt);color:white}
.r6-specimen-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:-6px 0 18px;padding-bottom:18px;border-bottom:1px solid rgba(28,32,36,.1)}
.r6-specimen-meta div{display:grid;gap:4px}
.r6-specimen-meta span{font:500 9px/1.4 var(--mono);letter-spacing:.08em;color:#6a777c;text-transform:uppercase}
.r6-specimen-meta b{font-size:14px;font-weight:560;color:var(--basalt)}
.r6-surface-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;font:500 10px/1.4 var(--mono);letter-spacing:.12em;color:#6c726e;border-top:1px solid #b4b5ad;padding-top:12px}
.r6-surface-caption b{font-size:18px;color:var(--mud);margin-left:7px}
.hero-r6 .strata{margin-top:-2px;filter:contrast(1.01)}
.drill{padding-top:clamp(86px,10vw,150px);background:linear-gradient(180deg,#1c2024 0%,#1c2024 35%,#181c20 100%)}
.drill-intro{grid-template-columns:minmax(0,1.08fr) minmax(0,.64fr);align-items:end;margin-bottom:62px}
.drill-intro .h-section{font-size:clamp(42px,4.55vw,67px);font-stretch:116%}
.drill-intro .h-section em{font-style:normal;color:var(--ochre)}
.drill-intro .lede{font-size:17px;line-height:1.63}
.drill-grid{grid-template-columns:minmax(195px,.46fr) minmax(0,1.54fr);gap:clamp(34px,5vw,80px)}
.core-col{top:calc(var(--rmai-themebar-height,0px) + var(--header-h) + 30px)}
.r6-core-context{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:10px;color:#9a9f99;font:500 9px/1.4 var(--mono);letter-spacing:.06em}
.core-tube{grid-column:1;grid-row:3}
.core-labels{grid-column:2;grid-row:3}
.layers{gap:clamp(74px,9vw,148px);padding:18px 0 70px}
.layer{position:relative;display:block;min-height:0;isolation:isolate}
.layer:before{position:absolute;z-index:-1;top:-39px;right:0;font:300 clamp(85px,10vw,150px)/.9 var(--sans);letter-spacing:-.08em;color:rgba(234,231,224,.045);font-stretch:72%;pointer-events:none}
.layer:nth-child(1):before{content:"00"}.layer:nth-child(2):before{content:"01"}.layer:nth-child(3):before{content:"02"}.layer:nth-child(4):before{content:"03"}.layer:nth-child(5):before{content:"04"}.layer:nth-child(6):before{content:"05"}
.layer-head{margin-bottom:10px;align-items:flex-start;gap:16px}
.layer h3{font-size:clamp(27px,2.85vw,42px);font-stretch:116%}
.layer-depth{display:inline-flex;justify-content:center;flex:none;border:1px solid rgba(226,166,48,.42);border-radius:100px;padding:6px 9px;font-size:11px;margin-top:3px}
.layer>p{font-size:16px;margin:13px 0 24px;max-width:61ch;line-height:1.6}
.r6-depth-descriptor{display:block;margin:10px 0 20px 0;color:#89948f;font:500 10px/1.2 var(--mono);letter-spacing:.11em}
.layer .sheet{transition:box-shadow .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
#layer0{display:grid;grid-template-columns:minmax(135px,.52fr) minmax(0,1.48fr);column-gap:24px;align-items:start;padding-top:26px}
#layer0 .layer-head{grid-column:1;grid-row:1}#layer0 .r6-depth-descriptor{grid-column:1;grid-row:2}#layer0>p{grid-column:1;grid-row:3;font-size:14px}
#layer0 .sheet{grid-column:2;grid-row:1/span 5;position:relative;border-top:5px solid #d3b47d;box-shadow:12px 16px 0 rgba(255,255,255,.05),0 25px 50px rgba(0,0,0,.32);transform:rotate(.35deg);padding:20px 18px}
#layer0 .rn-table{font-size:clamp(11px,.95vw,13px)}#layer0 .rn-table th,#layer0 .rn-table td{padding-top:8px;padding-bottom:8px}
#layer0 .rn-top{font-size:11px}
.r6-marginalia{font-size:13px;color:#c2b69e}
.r6-marginalia-top{grid-column:1;grid-row:4;align-self:end;border-top:1px solid rgba(226,166,48,.26);padding-top:18px;font-size:13px;font-stretch:80%;font-style:italic}
.r6-scribble{font:450 38px/1 var(--sans);color:var(--ochre);display:block;margin-bottom:5px}
#layer1{margin-left:clamp(0px,6vw,84px);padding-top:26px}
#layer1 .layer-head{max-width:78%}#layer1>p{max-width:56ch}
#layer1 .sheet{position:relative;border-left:5px solid #b09a76;padding-top:28px}
#layer1 .ship-list li.pick{font-weight:600}
.r6-ledger-no{position:absolute;top:-18px;right:0;color:#7c817e;font:300 clamp(64px,7.5vw,116px)/.8 var(--mono);letter-spacing:-.10em;opacity:.16;pointer-events:none}
.r6-journal-ruler{display:flex;align-items:center;justify-content:space-between;color:#b2b6ab;font:500 9px/1.2 var(--mono);letter-spacing:.12em;margin:0 0 20px 0;width:85%;padding-top:14px;border-top:1px dashed rgba(234,231,224,.19)}
#layer2{margin:8px 0 0 clamp(-25px,-1.3vw,0px);padding:clamp(26px,3.2vw,44px);border:1px solid rgba(226,166,48,.36);background:#2a2825;box-shadow:0 24px 80px rgba(0,0,0,.16)}
#layer2:before{content:"02";top:0;right:30px;color:rgba(226,166,48,.08)}
#layer2 .sheet{box-shadow:none;background:#f1eee5;border-radius:0;padding:clamp(18px,2vw,30px)}
#layer2 .equation{gap:14px 12px;line-height:1.08}
#layer2 .term.result b{border-radius:3px;padding:10px 14px}
.r6-calculation-tag{font:500 10px/1.4 var(--mono);color:var(--ochre);letter-spacing:.12em;margin:0 0 12px}
.r6-calculation-tag span{font-size:20px;margin-left:12px}
#layer3{width:86%;margin-inline:auto;transform:rotate(-.25deg)}
#layer3 .catalog{box-shadow:18px 20px 0 rgba(234,231,224,.045);border-top:9px solid #b1a283}
#layer3 .catalog dl{padding:25px 25px 30px}
.r6-catalog-stamp{position:absolute;right:-8px;top:40px;transform:rotate(9deg);z-index:2;border:1px solid rgba(226,166,48,.55);border-radius:50%;display:grid;place-items:center;padding:12px;color:var(--ochre);font:600 10px/1.25 var(--mono);text-align:center;letter-spacing:.04em}
#layer4{margin-left:clamp(0px,3vw,38px);border-left:1px solid #72847f;padding-left:clamp(18px,2vw,33px)}
#layer4 .sheet{box-shadow:0 25px 55px rgba(0,0,0,.27);background:#f1f0eb}
#layer4 .match{border-radius:4px}
.r6-match-tag{display:block;margin:-28px 0 26px -10px;color:#91a89c;font:500 10px var(--mono);letter-spacing:.11em}
#layer5{padding:36px 0 24px;border-top:1px solid rgba(226,166,48,.22)}
#layer5 .layer-head,#layer5>p{max-width:640px}
#layer5 .bedrock-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:start}
#layer5 .bol{z-index:2;transform:rotate(-1.6deg) translate(10px,14px);box-shadow:3px 32px 45px rgba(0,0,0,.45)}
#layer5 .proof{transform:translate(-5px,43px);padding:16px;border:1px solid rgba(226,166,48,.30);background:#272a2b}
.r6-origin-label{color:var(--ochre);font:500 11px var(--mono);letter-spacing:.13em;margin:0 0 16px}
.r6-discovery-end{padding-top:45px;border-top:1px solid rgba(226,166,48,.3);margin-top:0}
.r6-discovery-kicker{grid-column:1/-1;font:550 11px/1.4 var(--mono);color:var(--ochre);letter-spacing:.12em}
.r6-discovery-end p{font-size:clamp(23px,2.4vw,38px);font-weight:400;line-height:1.18;letter-spacing:-.02em;max-width:35ch}
.r6-discovery-end p em{font-style:normal;color:var(--ochre)}
html.js .layer:not(.r6-in-view)>.sheet,html.js .layer:not(.r6-in-view)>.catalog,html.js .layer:not(.r6-in-view)>.bedrock-grid{opacity:.82;transform:translateY(18px)}
html.js .layer.r6-in-view>.sheet,html.js .layer.r6-in-view>.catalog,html.js .layer.r6-in-view>.bedrock-grid{opacity:1;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
#layer0.r6-in-view>.sheet{transform:rotate(.35deg)}
#layer3.r6-in-view>.catalog{transform:none}
#layer5.r6-in-view>.bedrock-grid{transform:none}
@media(max-width:1190px){
 .r6-hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(350px,.72fr);gap:34px}
 .hero-r6 h1 .traced{font-size:clamp(49px,5.5vw,70px)}
 #layer0{grid-template-columns:1fr}#layer0 .layer-head,#layer0 .r6-depth-descriptor,#layer0>p,#layer0 .sheet,#layer0 .r6-marginalia-top{grid-column:1;grid-row:auto}
 #layer0 .sheet{margin-top:10px}
}
@media(max-width:900px){
 .r6-hero-layout{grid-template-columns:1fr;min-height:0;gap:34px}
 .r6-hero-layout:before{display:none}
 .r6-hero-editorial{padding-top:0}
 .hero-r6 h1 .traced{font-size:clamp(50px,7.5vw,78px)}
 .r6-fieldnote{max-width:100%;width:min(100%,560px);margin:2px 0 12px 16px}
 .r6-specimen-crosswalk{grid-template-columns:1fr 1fr;gap:10px}
 .r6-surface-caption{font-size:9px}
 .drill-grid{grid-template-columns:1fr;gap:28px}
 .r6-core-context{display:none}
 .core-tube{grid-column:auto;grid-row:auto}
 .layers{gap:80px}
 #layer1{margin-left:0}#layer2{margin-left:0}
 #layer3{width:100%}#layer4{margin-left:0}
 #layer5 .bedrock-grid{grid-template-columns:1fr;gap:20px}
 #layer5 .proof{transform:none;padding:10px}
 .core-col{top:calc(var(--rmai-themebar-height,0px) + var(--header-h) - 1px);z-index:5;grid-template-columns:1fr;gap:0}
 #layer0 .sheet{transform:none}
}
@media(max-width:620px){
 .hero-r6{padding-top:31px}
 .r6-hero-overline{font-size:9px;letter-spacing:.05em;gap:8px;margin-bottom:25px}
 .r6-index-ref{display:none}
 .hero-r6 h1 .measured{font-size:clamp(30px,8.3vw,49px)}
 .hero-r6 h1 .traced{font-size:clamp(45px,10.6vw,66px);letter-spacing:-.065em;margin-top:16px}
 .hero-r6 h1 .traced em:after{border-bottom-width:3px}
 .r6-hero-lede{margin-top:22px;font-size:16px}
 .r6-fieldnote{margin-left:10px;width:calc(100% - 10px);transform:none;padding:0 6px 18px}
 .r6-fieldnote:before{inset:-13px -8px 1px -12px}
 .r6-specimen-head{font-size:8px}
 .r6-specimen-number{font-size:clamp(28px,8vw,40px)}
 .r6-specimen-meta{grid-template-columns:1fr}
 .r6-surface-caption span:last-child{display:none}
 .strata svg{width:900px;margin-left:calc(40vw - 625px)}
 .drill{padding-top:75px}
 .drill-intro{margin-bottom:42px}
 .drill-intro .h-section{font-size:clamp(36px,9vw,51px)}
 .layer-head{gap:10px}
 .layer h3{font-size:clamp(26px,7vw,38px)}
 .r6-depth-descriptor{font-size:9px}
 #layer0 .rn-top{flex-wrap:wrap}#layer0 .rn-table{font-size:12px}
 #layer0 .sheet{padding:17px 12px}
 #layer2{padding:20px 12px}
 #layer2 .sheet{padding:18px 14px}
 #layer3 .catalog dl{padding:15px}
 #layer5 .bol{transform:none}
 .r6-discovery-end p{font-size:27px}
}
html.js [data-r6-reveal]{opacity:0;transform:translateY(26px);filter:blur(2px);transition:opacity .78s cubic-bezier(.2,.7,.2,1),transform .78s cubic-bezier(.2,.7,.2,1),filter .78s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}
html.js [data-r6-reveal="left"]{transform:translate(-26px,18px);}
html.js [data-r6-reveal="right"]{transform:translate(26px,18px);}
html.js [data-r6-reveal="soft"]{transform:translateY(18px) scale(.988)}
html.js [data-r6-reveal].r6-visible{opacity:1;transform:none;filter:none}
body:not(.r6-hero-ready) .r6-hero-editorial{opacity:0;transform:translateY(18px)}
body:not(.r6-hero-ready) .r6-fieldnote{opacity:0;transform:translate(22px,16px) rotate(.4deg)}
body.r6-hero-ready .r6-hero-editorial,body.r6-hero-ready .r6-fieldnote{opacity:1;filter:none;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
body.r6-hero-ready .r6-hero-editorial{transform:none}
body.r6-hero-ready .r6-fieldnote{transform:rotate(.4deg)}
body.r6-hero-ready .r6-surface-caption{opacity:1;transform:none;transition:opacity .9s ease .28s,transform .9s cubic-bezier(.2,.7,.2,1) .28s}
.r6-surface-caption{opacity:0;transform:translateY(12px)}
@media (hover:hover){
  .r6-fieldnote:hover{transform:rotate(.15deg) translateY(-4px)}
  .sheet:hover,.catalog:hover,.tag:hover,.tray:hover,.planner:hover,.plan:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(28,32,36,.08)}
  .sheet,.catalog,.tag,.tray,.planner,.plan{transition:transform .32s ease,box-shadow .32s ease}
}
@media(prefers-reduced-motion:reduce){
 html.js [data-r6-reveal],body:not(.r6-hero-ready) .r6-hero-editorial,body:not(.r6-hero-ready) .r6-fieldnote,.r6-surface-caption{opacity:1;transform:none;filter:none;transition:none}
}
@media(prefers-reduced-motion:reduce){
 html.js .layer:not(.r6-in-view)>.sheet,html.js .layer:not(.r6-in-view)>.catalog,html.js .layer:not(.r6-in-view)>.bedrock-grid{opacity:1;transform:none}
}
