/* A shared entrance, three scales. Content is visible before enhancement. */
.experience-hero{--experience-ink:#303b2e;--experience-gold:#806532;--hero-rx:0deg;--hero-ry:0deg;--hero-drift:0px;position:relative;isolation:isolate}
.experience-hero--editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,88px);padding:48px var(--gutter) 40px;min-height:590px}
.experience-copy{min-width:0;position:relative;z-index:1}
.experience-copy .page-intro-grid,.experience-copy .story-index-heading{display:block}
.experience-copy .page-intro-grid>.latin{display:block;margin-top:22px;font-size:12px;letter-spacing:.12em;line-height:1.8}
.experience-hero--editorial .experience-copy h1{font-size:clamp(32px,3.8vw,58px);line-height:1.5;max-width:15em}
.experience-hero--editorial .experience-copy p{max-width:38em;font-size:clamp(15px,1.2vw,18px);line-height:1.95}
.experience-hero--editorial .breadcrumb{margin-bottom:30px;flex-wrap:wrap}
.experience-hero--editorial .section-kicker{flex-wrap:wrap;gap:12px}
.experience-hero--compact{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:center;min-height:225px;padding:30px 34px;margin-bottom:0;background:#e8e5db;border:1px solid #d3cfbf;border-radius:4px;text-align:start}
.experience-hero--compact .experience-copy h1{font-size:clamp(26px,2.7vw,42px);line-height:1.55;margin:10px 0 14px;max-width:28em}
.experience-hero--compact .experience-copy p{max-width:70ch}
.experience-hero--compact .experience-copy>.portal-text-link{display:inline-flex;margin-top:12px}
.experience-hero--compact .experience-copy>.breadcrumb{margin-bottom:20px}
.portal-welcome.experience-hero--compact .experience-copy{display:flex;justify-content:space-between;align-items:center;gap:28px}
/* Public reader pages span the site; portal pages already have outer gutters. */
body:not(.investor-site) :is(.page-intro,.policy-intro,.law-article-intro,.digital-receipt,.error-page).experience-hero--compact{padding:40px var(--gutter);border-inline:0;border-radius:0}
.experience-scene{min-width:0;position:relative;z-index:1}
.experience-slide{margin:0;min-width:0}
.experience-slide[hidden]{display:none}
.experience-image-link{position:relative;display:block;overflow:hidden;isolation:isolate;background:#343b30;aspect-ratio:1.22;clip-path:polygon(0 0,91% 0,100% 12%,100% 100%,0 100%)}
.experience-image-link img{height:100%;width:100%;object-fit:cover;transform:scale(1.018) translateY(var(--hero-drift));transition:transform .75s cubic-bezier(.22,.68,0,1)}
.experience-image-link:after{content:'';position:absolute;inset:0;border:1px solid #ffffff30;pointer-events:none}
.experience-image-mark{position:absolute;inset-inline-end:18px;bottom:18px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #e7e0d080;border-radius:50%;background:#263022e8;color:#faf9f5;font:26px/1 var(--body-font);transition:background .2s}
.experience-image-link:hover .experience-image-mark{background:#715a2e}
.experience-slide figcaption{display:flex;justify-content:space-between;align-items:end;gap:16px;min-height:78px;padding:16px 0;color:#3f4839}
.experience-slide figcaption strong{display:block;font-size:17px;line-height:1.7;font-weight:700}
.experience-slide figcaption small{display:block;color:#606550;font-size:12px;line-height:1.8}
.experience-slide figcaption>a{flex-shrink:0;font-size:12px;line-height:1.8;border-bottom:1px solid #ad9970;padding-bottom:3px}
.experience-scene-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #cbc7b8;padding-top:12px;min-height:58px}
.experience-counter{font:12px/1.5 var(--body-font);letter-spacing:.1em;color:#656b5a;min-width:55px}
.experience-dots{display:flex;gap:4px}
.experience-scene-controls button{appearance:none;font:inherit;border:0;background:none;color:#3a4434;cursor:pointer}
.experience-dots button{width:40px;min-height:44px;border-bottom:2px solid transparent;font:12px/1 var(--body-font)}
.experience-dots button[aria-pressed=true]{border-bottom-color:#806532;background:#dfd9ca}
.experience-scene-controls .experience-next{font-size:13px;min-height:44px;display:flex;align-items:center;gap:15px}
.experience-object{height:100%;min-height:300px;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;color:#655332;background:#e2dccd;border-radius:2px;border:1px solid #c7bea8}
.experience-object-grid{position:absolute;inset:0;background-image:linear-gradient(#87755315 1px,transparent 1px),linear-gradient(90deg,#87755315 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(45deg,transparent,#000 40%,#000 65%,transparent)}
.experience-planes{position:relative;width:220px;height:240px;transform-style:preserve-3d;transform:perspective(700px) rotateX(var(--hero-rx)) rotateY(var(--hero-ry));transition:transform .7s cubic-bezier(.22,.68,0,1)}
.experience-plane{position:absolute;width:146px;height:168px;border:1px solid #9c8b67;transform:skewY(-12deg);box-shadow:-18px 20px 22px #292f2310}
.plane-back{inset:16px auto auto 58px;background:#394533}
.plane-middle{inset:39px auto auto 36px;background:#b0a384}
.plane-front{inset:62px auto auto 14px;background:#ece7d9;display:grid;place-items:center}
.plane-front:after{content:'';position:absolute;inset:12px;border:1px solid #bcb39e}
.plane-front svg{width:58px;height:58px;stroke-width:1;color:#635231}
.experience-object-caption{position:absolute;bottom:20px;font:9px/1.5 var(--body-font);letter-spacing:.16em;color:#59604d}
.experience-hero--compact .experience-object{min-height:175px;max-height:205px;background:transparent;border:0}
.experience-hero--compact .experience-planes{scale:.64}
.experience-hero--compact .experience-object-caption{bottom:8px;font-size:7px;letter-spacing:.1em}
[data-hero-art]:not(.experience-object){transform:perspective(800px) rotateX(var(--hero-rx)) rotateY(var(--hero-ry));transition:transform .7s cubic-bezier(.22,.68,0,1)}
.experience-hero[data-hero-angle="1"]{--hero-rx:5deg;--hero-ry:-13deg}
.experience-hero[data-hero-angle="2"]{--hero-rx:-5deg;--hero-ry:13deg}
.experience-toolbar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 var(--gutter) 30px;padding:18px 0;border-bottom:1px solid #ccc9bb;color:#414c39;min-height:82px}
.portal-main .experience-toolbar,.assistant-page .experience-toolbar,.auction-main .experience-toolbar{margin-inline:0}
.experience-toolbar[hidden],.experience-toolbar [hidden],.experience-scene-controls[hidden]{display:none}
.experience-wayfinder{display:flex;align-items:center;gap:24px;min-width:0;flex:1}
.experience-wayfinder-label{font-size:12px;white-space:nowrap;color:#686d5b;display:flex;gap:10px}
[data-hero-links]{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
[data-hero-links] a{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;min-height:44px;padding:8px 12px;border:1px solid transparent;transition:background .2s,border-color .2s}
[data-hero-links] a:hover,[data-hero-links] a:focus-visible{background:#e5dfd0;border-color:#cfc4ad}
[data-hero-links] a span{font:10px/1.5 var(--body-font);color:#6a582f}
.experience-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.experience-actions button{font:inherit;font-size:12px;line-height:1.6;min-height:44px;cursor:pointer;background:transparent;border:1px solid #bcb7a5;color:#384531;padding:10px 16px;display:flex;gap:12px;align-items:center}
.experience-actions button:hover{background:#dfd9c8}
.experience-toolbar a:focus-visible,.experience-toolbar button:focus-visible,.experience-scene a:focus-visible,.experience-scene button:focus-visible,.experience-viewer button:focus-visible{outline:2px solid #806532;outline-offset:4px}
.experience-image-link:focus-visible{outline-offset:-5px}
.experience-chapter{scroll-margin-top:calc(var(--header,124px) + 24px)}
.experience-chapter:focus{outline:0}
.experience-chapter:focus-visible{outline:2px solid #806532;outline-offset:10px}
.experience-viewer{border:0;padding:0;background:#20271f;color:#f4f0e5;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}
.experience-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.experience-viewer::backdrop{background:#20271f}
.experience-viewer-head,.experience-viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left));min-height:74px}
.experience-viewer-head{border-bottom:1px solid #65705e}
.experience-viewer-head p{font-size:17px;margin:0}
.experience-viewer button{appearance:none;border:1px solid #86927c;background:transparent;color:inherit;cursor:pointer;min-width:48px;min-height:46px;font:16px/1.5 inherit;padding:8px 15px}
.experience-viewer button[hidden]{display:none}
.experience-viewer-head button{display:flex;gap:20px;align-items:center;font-size:14px}
.experience-viewer-head button span{font:26px/1 var(--body-font)}
.experience-viewer-stage{min-height:0;overflow:hidden;display:grid;place-items:center;padding:12px}
.experience-viewer-stage img{max-width:100%;max-height:100%;height:100%;width:100%;object-fit:contain}
.experience-viewer-bottom{border-top:1px solid #65705e;padding-bottom:max(18px,env(safe-area-inset-bottom));font-size:14px;text-align:center}
html:has(.experience-viewer[open]){overflow:hidden}
body:has(.experience-viewer[open]) :is(.whatsapp-launcher,.assistant-launcher,.auction-launcher,.digital-launcher){visibility:hidden}
.assistant-embedded .experience-toolbar{display:none}
@media(min-width:761px){
 .experience-hero--editorial .experience-object{min-height:420px}
 .experience-hero--editorial .experience-object .experience-planes{scale:1.25}
}
@media(max-width:1180px){
 .experience-hero--editorial{min-height:500px;gap:32px}
 .experience-wayfinder{align-items:flex-start;flex-direction:column;gap:8px}
 .experience-toolbar{align-items:flex-end}
 .experience-hero--compact{grid-template-columns:minmax(0,1fr) 150px;padding:28px;gap:18px}
 .experience-hero--compact .experience-planes{scale:.56}
 .experience-slide figcaption{flex-wrap:wrap;align-items:start;gap:6px;min-height:104px}
}
@media(max-width:760px){
 .experience-hero--editorial{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding:30px var(--gutter) 22px}
 .experience-hero--editorial .experience-copy h1{font-size:32px}
 .experience-hero--editorial .experience-copy p{font-size:15px;margin-top:18px}
 .experience-hero--editorial .breadcrumb{margin-bottom:22px}
 .experience-image-link{aspect-ratio:1.35}
 .experience-image-link img{transform:none;transition:none}
 .experience-slide figcaption{min-height:75px;flex-wrap:nowrap;padding:12px 0}
 .experience-slide figcaption strong{font-size:15px}
 .experience-slide figcaption small,.experience-slide figcaption>a{font-size:11px}
 .experience-scene-controls{gap:8px}
 .experience-scene-controls .experience-next{font-size:12px;gap:8px}
 .experience-dots button{width:34px}
 .experience-hero--compact{grid-template-columns:minmax(0,1fr);padding:24px;gap:0;overflow:hidden}
 .experience-hero--compact .experience-copy{padding-inline-end:0}
 .portal-welcome.experience-hero--compact .experience-copy{display:block}
 .experience-hero--compact .experience-copy h1{font-size:27px;max-width:100%}
 .experience-hero--compact .experience-object{height:110px;min-height:110px;max-height:110px;margin-top:12px}
 .experience-hero--compact .experience-planes{scale:.44;transform-origin:center top}
 .experience-hero--compact .experience-object-caption{bottom:0}
 body:not(.investor-site) :is(.page-intro,.policy-intro,.law-article-intro,.digital-receipt,.error-page).experience-hero--compact{padding:26px var(--gutter)}
 .experience-object{min-height:245px}
 .experience-planes{scale:.86}
 .experience-toolbar{display:block;padding:16px 0;margin-bottom:22px}
 .experience-wayfinder{display:block}
 .experience-wayfinder-label{margin-bottom:10px}
 [data-hero-links]{gap:3px}
 [data-hero-links] a{padding:8px 9px;font-size:12px}
.experience-actions{margin-top:12px}
 .experience-actions button{font-size:12px;padding:8px 12px}
 .experience-viewer-head,.experience-viewer-bottom{padding-inline:18px;gap:12px}
 .experience-viewer-head p{font-size:15px}
 .experience-viewer-bottom{font-size:12px}
 /* Keep a small visual entrance on touch devices instead of a hidden-art control. */
 .experience-hero--existing :is(.twin-diagram,.arc-art,.auction-emblem,.law-seal){display:block;width:210px;max-width:100%;margin:24px auto 0;text-align:center}
 .experience-hero--existing :is(.twin-diagram,.arc-art,.auction-emblem,.law-seal) svg{display:block;max-height:145px;width:100%;margin:auto}
 .experience-hero--existing :is(.arc-art,.auction-emblem,.law-seal)>span{font-size:12px;line-height:1.8;margin-top:10px}
 .experience-hero--existing .twin-diagram>div{font-size:11px}
 .experience-hero--existing .contract-art{display:grid;min-height:200px;margin-top:24px}
 .experience-hero--existing .sim-hero-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:5px;font-size:11px;margin:24px 0 0}
 .experience-hero--existing .sim-hero-diagram span{min-width:0;padding:12px 7px;line-height:1.7}
 .experience-hero--existing .sim-hero-diagram i{height:1px;width:12px;border:0;background:#998352}
}
@media(prefers-reduced-motion:reduce){
 .experience-hero *,[data-hero-art],.experience-toolbar *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .experience-image-link img{transform:none}
}
@media print{
 .experience-toolbar,.experience-scene,.experience-object,.experience-viewer{display:none!important}
 .experience-hero--compact,.experience-hero--editorial{display:block;min-height:0;padding:15px 0!important;background:none;border:0;break-inside:avoid}
}