@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .4s var(--ease) both}
::view-transition-new(root){animation:vt-in .4s var(--ease) both}
@keyframes vt-out{to{opacity:0;filter:blur(6px)}}
@keyframes vt-in{from{opacity:0}}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ink);color:var(--ivory);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-weight:300;font-size:var(--step-0);line-height:1.6;background:var(--ink);overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:1rem;top:-4rem;z-index:100;padding:.6rem 1rem;background:var(--ivory);color:var(--ink);text-decoration:none;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase}
.skip:focus{top:1rem}
.eyebrow{font-size:var(--step--1);letter-spacing:.32em;text-transform:uppercase;color:var(--brass);margin:0 0 1rem}
[hidden]{display:none!important}
.v5{--gold:#e5c158;--gold-hi:#fff0bf;--gold-lo:#9c7630;--red:#b02025;--red-deep:#6f0f15;--ink-glass:rgba(14,12,10,.38)}
.v5 .hero{position:relative;height:100vh;height:100svh;min-height:520px;overflow:hidden;isolation:isolate;--cy:44%;--bh:clamp(96px,23vh,210px);--ch:min(calc(var(--bh) * 1.62),48vw);--co:calc(var(--ch) * .07)}
.bg{position:absolute;inset:-3%;z-index:0;will-change:transform}
.bg-move{position:absolute;inset:0}
.bg-move img,.bg-move video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.bgv{opacity:0;transition:opacity 1.4s var(--ease)}
.bgv.on{opacity:1}
.grade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,9,7,.42),rgba(12,9,7,.06) 32%,rgba(12,9,7,.08) 58%,rgba(12,9,7,.7)),linear-gradient(90deg,rgba(40,22,10,.18),rgba(40,22,10,0) 30%,rgba(40,22,10,0) 70%,rgba(40,22,10,.18))}
.vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 48%,transparent 52%,rgba(6,5,4,.62))}
.band{position:absolute;left:0;right:0;z-index:2;top:calc(var(--cy) - var(--bh) / 2);height:var(--bh);display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(104,12,18,.9),rgba(176,32,37,.84) 24%,rgba(176,32,37,.8) 76%,rgba(98,10,16,.92));box-shadow:0 18px 50px rgba(0,0,0,.35)}
.band-edge{position:relative;flex:none;height:clamp(5px,.95vh,9px);overflow:hidden;background:linear-gradient(90deg,var(--gold-lo),var(--gold) 18%,#f4dc92 34%,var(--gold) 52%,#b38c3d 72%,var(--gold) 88%,var(--gold-lo))}
.band-edge.top{box-shadow:0 1px 0 rgba(60,24,0,.55)}
.band-edge.bottom{box-shadow:0 -1px 0 rgba(60,24,0,.55)}
.band-edge::after{content:"";position:absolute;top:0;bottom:0;left:0;width:22%;background:linear-gradient(90deg,transparent,rgba(255,250,228,.9),transparent);transform:translateX(-120%);animation:sheen 7s var(--ease) 2.4s infinite}
.band-edge.bottom::after{animation-delay:2.9s}
@keyframes sheen{0%{transform:translateX(-120%)}45%,100%{transform:translateX(560%)}}
.band-track{flex:1;display:flex;align-items:center;width:max-content;will-change:transform;animation:marquee var(--mq,48s) linear infinite}
.band-run{display:flex;align-items:center;flex:none}
@keyframes marquee{to{transform:translate3d(-50%,0,0)}}
.bt{flex:none;padding:0 .42em;font-family:var(--serif);font-weight:300;font-size:calc(var(--bh) * .42);line-height:1;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap;color:var(--gold);background:linear-gradient(180deg,var(--gold-hi),var(--gold) 46%,#b8892f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lion{flex:none;display:block;width:calc(var(--bh) * .44);height:calc(var(--bh) * .66);margin:0 .9em;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 50%,#b8892f);-webkit-mask:url(lion.webp) center/contain no-repeat;mask:url(lion.webp) center/contain no-repeat}
.crest-stage{position:absolute;z-index:3;left:50%;top:calc(var(--cy) + var(--co));width:calc(var(--ch) * 1.2365);height:var(--ch);transform:translate(-50%,-50%)}
.crest-rise{width:100%;height:100%;perspective:1100px}
.crest{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}
.crest-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transform:translateZ(36px)}
.crest-glare{position:absolute;inset:0;transform:translateZ(37px);pointer-events:none;-webkit-mask:url(crest-480.webp) center/contain no-repeat;mask:url(crest-480.webp) center/contain no-repeat;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,250,232,.55),rgba(255,240,205,.16) 26%,transparent 52%),linear-gradient(112deg,transparent 38%,rgba(255,255,255,.2) 47%,rgba(255,255,255,.04) 53%,transparent 60%) var(--sp,50%) 0/260% 100% no-repeat;opacity:.9}
.crest-shadow{position:absolute;inset:4%;filter:blur(16px);opacity:.62;transform:translate3d(var(--sx,0px),var(--sy,14px),-24px)}
.crest-shadow i{position:absolute;inset:0;background:#000;-webkit-mask:url(crest-480.webp) center/contain no-repeat;mask:url(crest-480.webp) center/contain no-repeat}
.crest-halo{position:absolute;inset:-28%;border-radius:50%;transform:translateZ(-80px);background:radial-gradient(closest-side,rgba(229,193,88,.26),rgba(229,193,88,.08) 52%,transparent 74%)}
.copy{position:absolute;z-index:4;left:0;right:0;top:calc(var(--cy) + var(--co) + var(--ch) / 2 + 14px);display:flex;flex-direction:column;align-items:center;gap:clamp(.55rem,1.6vh,1rem);padding:0 1.25rem;text-align:center}
.quote{margin:0;max-width:36ch;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.05rem,.65rem + 1vw,1.45rem);line-height:1.32;color:#f7f1e6;text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 22px rgba(0,0,0,.55)}
.quote p{margin:0}
.ell{letter-spacing:.1em}
.read-more{position:relative;background:none;border:0;padding:.55rem .2rem;min-height:44px;font:inherit;font-family:var(--sans);font-weight:400;font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:#f7f1e6;cursor:pointer;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.read-more::after{content:"";position:absolute;left:.2rem;right:.55rem;bottom:.6rem;height:1px;background:var(--gold);transform:scaleX(.35);transition:transform .5s var(--ease)}
.read-more:hover::after,.read-more:focus-visible::after{transform:scaleX(1)}
.enter{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:12.5rem;min-height:3.3rem;padding:0 2.6rem;overflow:hidden;isolation:isolate;text-decoration:none;font-family:var(--sans);font-weight:400;font-size:.78rem;letter-spacing:.46em;text-indent:.46em;text-transform:uppercase;color:#f6e7bd;background:var(--ink-glass);border:1px solid rgba(229,193,88,.78);box-shadow:inset 0 0 0 1px rgba(255,240,200,.08),0 10px 30px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .5s var(--ease),transform .25s var(--ease),box-shadow .5s var(--ease)}
.enter::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f3dc95,var(--gold) 55%,#b78a35);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.enter::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,252,236,.55),transparent);transform:skewX(-20deg);animation:btnsheen 5.5s var(--ease) 3.4s infinite}
@keyframes btnsheen{0%{left:-40%}35%,100%{left:130%}}
.enter:hover,.enter:focus-visible{color:#1a130b;box-shadow:inset 0 0 0 1px rgba(255,240,200,.3),0 14px 40px rgba(176,128,40,.35)}
.enter:hover::before,.enter:focus-visible::before{transform:scaleX(1)}
.enter:active{transform:scale(.97)}
.foot{position:absolute;z-index:4;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + .7rem);margin:0;text-align:center;font-size:.66rem;letter-spacing:.12em;color:rgba(240,232,218,.62)}
.motion-btn{position:absolute;z-index:6;right:1rem;bottom:calc(env(safe-area-inset-bottom) + 2.2rem);min-height:44px;padding:0 1rem;background:var(--ink-glass);border:1px solid rgba(229,193,88,.5);color:#f6e7bd;font:inherit;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}
.verse{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.25rem;background:rgba(8,6,5,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadein .5s var(--ease) both}
.verse-card{position:relative;width:min(34rem,100%);max-height:calc(100svh - 2.5rem);overflow:auto;padding:clamp(1.8rem,5vw,3.2rem);text-align:center;background:rgba(20,15,11,.88);border:1px solid rgba(229,193,88,.42);box-shadow:inset 0 0 0 6px rgba(20,15,11,.88),inset 0 0 0 7px rgba(229,193,88,.18),0 40px 90px rgba(0,0,0,.5);animation:rise .7s var(--ease) both}
.verse-kicker{margin:0 0 1.2rem;font-family:var(--sans);font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold)}
.verse-lines{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,.8rem + .9vw,1.35rem);line-height:1.55;color:#f7f1e6}
.verse-cite{margin:1.4rem 0 0;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.verse-close{margin-top:1.6rem;min-height:44px;padding:0 1.6rem;background:none;border:1px solid rgba(229,193,88,.6);color:#f6e7bd;font:inherit;font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;cursor:pointer}
.verse-close:hover,.verse-close:focus-visible{background:var(--gold);color:#1a130b}
@keyframes fadein{from{opacity:0}}
@keyframes rise{from{opacity:0;transform:translateY(24px) scale(.98)}}
.intro{position:fixed;inset:0;z-index:90;background:#fff;pointer-events:none;opacity:0}
.cursor{display:none}
html.fine .cursor{display:block;position:fixed;left:0;top:0;z-index:95;pointer-events:none}
html.fine,html.fine *{cursor:none!important}
.c-dot,.c-ring{position:fixed;left:0;top:0;border-radius:50%;will-change:transform}
.c-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--gold);box-shadow:0 0 10px rgba(229,193,88,.8)}
.c-ring{width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid rgba(229,193,88,.75)}
.c-ring i{display:block}
html.fine .cursor.hot .c-ring{border-color:rgba(255,240,200,.95);background:rgba(229,193,88,.1)}
@media (prefers-reduced-motion:no-preference){
.bg-move{animation:pushin 28s ease-in-out infinite alternate}
@keyframes pushin{from{transform:scale(1.03)}to{transform:scale(1.12)}}
.intro{animation:intro 1.25s var(--ease) .3s both;opacity:1}
@keyframes intro{from{opacity:1}to{opacity:0}}
.band{animation:bandin 1.3s var(--ease) .65s both}
@keyframes bandin{from{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0)}}
.crest-rise{animation:crestin 1.5s var(--ease) .85s both}
@keyframes crestin{from{opacity:0;transform:translateY(34px) scale(.8)}to{opacity:1;transform:none}}
.copy{animation:copyin 1.1s var(--ease) 1.55s both}
.foot{animation:fadein 1.2s var(--ease) 1.9s both}
@keyframes copyin{from{opacity:0;transform:translateY(16px)}}
.c-ring{transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),background .35s,border-color .35s}
html.fine .cursor.hot .c-ring{width:64px;height:64px;margin:-32px 0 0 -32px}
}
@media (prefers-reduced-motion:reduce){
.band-track{animation:none;transform:translate3d(-8%,0,0)}
.band-edge::after,.enter::after{animation:none;display:none}
.verse,.verse-card{animation:none}
}
@media (max-aspect-ratio:3/4){
.v5 .hero{--cy:40%;--bh:clamp(66px,11.5vh,112px);--ch:min(58vw,31vh);--co:calc(var(--ch) * .05)}
.bt{font-size:calc(var(--bh) * .4);letter-spacing:.14em}
.copy{gap:.55rem}
.quote{font-size:clamp(1.05rem,4.4vw,1.25rem);max-width:28ch}
.enter{min-width:min(15rem,78vw);min-height:3.4rem}
}
@media (max-height:520px) and (min-aspect-ratio:3/4){
.v5 .hero{--cy:36%;--bh:clamp(60px,20vh,110px);--ch:min(46vh,calc(var(--bh) * 1.62));--co:0px}
.copy{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.3rem 1.2rem}
.quote{flex-basis:100%;max-width:60ch;font-size:.95rem}
.enter{min-height:2.75rem;min-width:10rem}
.foot{display:none}
}
.uc-main{position:relative;min-height:100vh;min-height:100svh;display:grid;place-content:center;justify-items:center;gap:clamp(1.2rem,3vh,2rem);padding:calc(env(safe-area-inset-top) + 1.5rem) 1rem calc(env(safe-area-inset-bottom) + 1.5rem);overflow:hidden;background:var(--ink)}
.uc-bg{position:fixed;inset:-6%;z-index:0}
.uc-bg img{width:100%;height:100%;max-width:none;object-fit:cover;filter:blur(18px) brightness(.42) saturate(.75)}
.uc-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 80% at 50% 45%,rgba(14,12,10,.15),rgba(14,12,10,.85))}
.uc-frame{position:relative;z-index:1;margin:0;width:min(72vw,1100px,(100svh - 13rem) * 1.5);padding:clamp(5px,.7vw,11px);background:linear-gradient(135deg,#6e5320,var(--gold) 22%,#9c7630 48%,#f3dc95 70%,#6e5320);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 40px 100px rgba(0,0,0,.65)}
.uc-frame::after{content:"";position:absolute;inset:clamp(5px,.7vw,11px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),inset 0 0 40px rgba(0,0,0,.18);pointer-events:none}
.uc-img{width:100%;height:auto;image-rendering:auto}
.uc-bar{position:relative;z-index:1;display:flex;align-items:center;gap:1.4rem}
.uc-emblem{width:auto;height:52px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.uc-back{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:10rem;padding:0 1.8rem;overflow:hidden;isolation:isolate;border:1px solid rgba(229,193,88,.78);color:#f6e7bd;background:rgba(14,12,10,.4);text-decoration:none;font-size:.74rem;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;transition:color .5s var(--ease)}
.uc-back::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f3dc95,var(--gold) 55%,#b78a35);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.uc-back:hover,.uc-back:focus-visible{color:#1a130b}
.uc-back:hover::before,.uc-back:focus-visible::before{transform:scaleX(1)}
@media (prefers-reduced-motion:no-preference){.uc-frame{animation:rise 1s var(--ease) .1s both}.uc-bar{animation:fadein 1s var(--ease) .5s both}}
@media (max-width:700px){.uc-frame{width:min(92vw,(100svh - 12rem) * 1.5)}}
.t-main{max-width:var(--wide);margin:0 auto;padding:4rem 1.25rem}
.t-main h1{font-family:var(--serif);font-weight:300;font-size:var(--step-4);margin:0 0 1rem}
.t-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:2rem;align-items:center;padding:3rem 0;border-top:1px solid var(--line-dark)}
.t-sec figure{margin:0}
.t-sec h2{font-family:var(--serif);font-weight:400;font-size:var(--step-3);margin:0 0 .8rem}
.t-sec code{font-size:.8em;color:var(--stone)}
.t-foot{display:block}
@media (max-width:700px){.t-sec{grid-template-columns:1fr}}