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

.hero-r6 h1 .traced{margin-top:0;font-size:clamp(58px,5.5vw,96px)}
.r6-hero-overline{margin-bottom:clamp(24px,3vw,46px)}
.r6-hero-lede{margin-top:clamp(26px,3vw,43px)}
#layer5 .bedrock-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(24px,3.6vw,52px);align-items:start}
#layer5 .source-object{position:relative;isolation:isolate;min-width:0;padding-left:23px;transform:rotate(-.35deg);filter:drop-shadow(0 25px 28px rgba(0,0,0,.22));transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .42s ease}
#layer5 .archive-spine{position:absolute;z-index:0;left:0;top:12px;bottom:12px;width:28px;border:1px solid #927b56;background:#ac9874;color:#1c2024;display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:13px 0;box-shadow:inset -4px 0 rgba(45,36,25,.15)}
#layer5 .archive-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font:600 9px/1.1 var(--mono);letter-spacing:.1em;white-space:nowrap}
#layer5 .archive-paper{position:relative;z-index:1;padding:clamp(18px,2.3vw,29px);background:linear-gradient(90deg,rgba(87,67,38,.035) 0,transparent 12%),repeating-linear-gradient(0deg,rgba(63,52,36,.015) 0 1px,transparent 1px 6px),#f1eddf;box-shadow:0 0 0 1px #baa983,2px 3px 0 #d5c8ad,4px 6px 0 #8a775b;min-width:0;color:#21292b}
#layer5 .archive-paper::after{content:"";position:absolute;pointer-events:none;inset:9px;border:1px solid rgba(96,80,51,.24)}
#layer5 .archive-masthead{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:0 0 16px;border-bottom:3px double #565b55}
#layer5 .archive-carrier{display:flex;gap:10px;align-items:center;min-width:0}
#layer5 .archive-monogram{display:grid;place-items:center;position:relative;width:44px;height:44px;background:#29383a;color:#f4ead5;font:600 27px/1 var(--sans);flex:none}
#layer5 .archive-monogram span{color:#d7a243;position:absolute;bottom:3px;right:7px;font-size:23px}
#layer5 .archive-carrier small{display:block;color:#6a6b5c;font:500 9px/1.3 var(--mono);letter-spacing:.07em}
#layer5 .archive-carrier strong{display:block;margin-top:4px;font:570 clamp(14px,1.35vw,20px)/1 var(--sans);font-stretch:115%;letter-spacing:-.025em;white-space:normal}
#layer5 .archive-ident{text-align:right;min-width:110px;color:#464e50;display:grid;gap:3px}
#layer5 .archive-ident>span,#layer5 .archive-ident>small{font:500 8px/1.25 var(--mono);letter-spacing:.075em}
#layer5 .archive-ident b{color:#1f292b;font:650 clamp(14px,1.45vw,19px)/1.2 var(--mono);letter-spacing:-.06em;white-space:nowrap}
#layer5 .archive-route{display:grid;grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);align-items:center;gap:4px;padding:20px 0 17px;border-bottom:1px solid rgba(51,56,54,.37)}
#layer5 .archive-port{display:grid;align-content:start;gap:3px;min-width:0}
#layer5 .archive-port small{font:530 8px/1.35 var(--mono);letter-spacing:.035em;color:#6b7370}
#layer5 .archive-port b{font:540 clamp(23px,2.05vw,31px)/1 var(--sans);font-stretch:100%;letter-spacing:-.05em;color:#233331}
#layer5 .archive-port span{font-size:11px;color:#5f6663}
#layer5 .archive-port-to{text-align:right}
#layer5 .archive-voyage{width:100%;height:auto;overflow:visible;min-width:0}
#layer5 .archive-lanes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid #666f68}
#layer5 .archive-entry{display:grid;align-content:start;gap:6px;padding:13px 12px 13px 0;min-width:0;line-height:1.32;font-size:12px;border-bottom:1px solid rgba(94,101,96,.26)}
#layer5 .archive-entry:nth-child(even){border-left:1px solid rgba(94,101,96,.26);padding-left:13px;padding-right:0}
#layer5 .archive-entry:nth-last-child(-n+2){border-bottom:none}
#layer5 .archive-entry small{font:550 9px/1.35 var(--mono);color:#6e7770;letter-spacing:.04em}
#layer5 .archive-entry span{font-weight:500}
#layer5 .archive-entry b{font-family:var(--mono);font-size:11px}
#layer5 .archive-weight{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:8px;padding:17px 0 14px;border-bottom:1px solid #666f68}
#layer5 .archive-weight-main small{font:600 9px/1.3 var(--mono);letter-spacing:.05em;color:#6b746c}
#layer5 .archive-weight-main strong{position:relative;display:block;width:max-content;max-width:100%;margin-top:5px;font:650 clamp(25px,2.5vw,36px)/1.12 var(--mono);letter-spacing:-.075em;color:#212e2c;white-space:nowrap}
#layer5 .archive-weight-main strong::after{content:"";position:absolute;left:0;right:-5px;bottom:-4px;border-bottom:3px solid #d5a23a;transform:rotate(-1.5deg);border-radius:50%}
#layer5 .archive-weight-main strong span{font-size:.43em;font-weight:500;letter-spacing:0}
#layer5 .archive-weight-note{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.3;color:#515c54}
#layer5 .archive-weight-note b{display:block;margin-top:4px;font:600 8px/1.35 var(--mono);letter-spacing:.01em;color:#876b29}
#layer5 .archive-correction-mark{font:700 12px/1 var(--mono);background:rgba(47,125,111,.13);border:1px solid rgba(47,125,111,.32);padding:5px;color:#2e7d6f;flex:none}
#layer5 .archive-foot{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:15px}
#layer5 .archive-foot small{display:block;font:550 9px/1.3 var(--mono);color:#6f776e}
#layer5 .archive-foot strong{display:block;font:610 11px/1.4 var(--mono);margin-top:5px;color:#303a36}
#layer5 .archive-serial{width:52px;height:27px;background:repeating-linear-gradient(90deg,#313a34 0 2px,transparent 2px 4px,#313a34 4px 5px,transparent 5px 9px);opacity:.7;flex:none}
#layer5 .archive-sample{border:1px solid #a26250;color:#9a4b36;font:600 10px/1.3 var(--mono);text-align:center;padding:6px 8px;transform:rotate(-6deg);letter-spacing:.02em;flex:none}
#layer5 .proof{z-index:0;position:relative;transform:none!important;padding:18px 18px 8px;border:1px solid rgba(226,166,48,.25);background:#272a2b;min-width:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
#layer5 .fingerprint{position:relative;z-index:1;background:#222729;min-width:0}
#layer5 .fingerprint code{overflow-wrap:anywhere;word-break:break-word}
#layer5 .proof::before{content:"AUDIT RECEIPT / RETAINED RECORD";display:block;color:#b8ac8d;font:500 10px/1.35 var(--mono);letter-spacing:.11em;margin:0 0 16px}
@media(hover:hover){#layer5 .source-object:hover{transform:rotate(0deg) translateY(-3px);filter:drop-shadow(0 28px 31px rgba(0,0,0,.25))}}
@media(max-width:900px){
 #layer5 .bedrock-grid{grid-template-columns:1fr;gap:30px}
 #layer5 .source-object{width:100%;max-width:620px;transform:none}
 #layer5 .proof{transform:none!important;padding:18px;max-width:620px}
 #layer5 .archive-route{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)}
}
@media(max-width:620px){
 .hero-r6 h1 .traced{font-size:clamp(43px,10vw,65px);margin-top:0}
 #layer5 .source-object{padding-left:15px}
 #layer5 .archive-spine{width:21px}
 #layer5 .archive-spine span{font-size:8px}
 #layer5 .archive-paper{padding:15px}
 #layer5 .archive-monogram{width:33px;height:33px;font-size:23px}
 #layer5 .archive-ident{min-width:85px}
 #layer5 .archive-ident b{font-size:13px}
 #layer5 .archive-ident>span,#layer5 .archive-ident>small{font-size:7px}
 #layer5 .archive-carrier strong{font-size:13px}
 #layer5 .archive-route{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:4px}
 #layer5 .archive-port b{font-size:clamp(20px,6vw,28px)}
 #layer5 .archive-port small{font-size:7px}
 #layer5 .archive-entry{font-size:11px}
 #layer5 .archive-entry small{font-size:8px}
 #layer5 .archive-weight{grid-template-columns:1fr;gap:13px}
 #layer5 .archive-weight-main strong{font-size:clamp(24px,7.2vw,33px)}
 #layer5 .archive-foot{gap:5px}
 #layer5 .archive-serial{width:30px;height:24px}
 #layer5 .archive-sample{font-size:8px}
}
@media(prefers-reduced-motion:reduce){#layer5 .source-object{transform:none!important;transition:none!important}}