:root{color-scheme:light;--ink:#15332e;--muted:#3c5b55;--green:#326c41;--lime:#dbec5b;--sky:#c5e4ed;--px:0;--py:0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9f1eb;color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #215932;outline-offset:5px}button[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:12px;left:20px;background:white;padding:15px;z-index:30;transform:translateY(-160%)}.skip-link:focus{transform:none}
.sky{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#b9e1ef}.cloudscape{position:absolute;inset:-3%;background:url('sky-clouds.png') center/cover no-repeat;animation:sky-breathe 32s ease-in-out infinite alternate}.sky-wash{position:absolute;inset:0;background:linear-gradient(105deg,#ecf8f1b3,transparent 48%,#edfaf133),linear-gradient(0deg,#f5f8ee66,transparent 60%)}.cloud{position:absolute;bottom:-8%;width:74%;height:40%;filter:blur(14px);background:radial-gradient(ellipse at 40% 75%,#ffffffe6 10%,#ffffffe0 25%,transparent 65%);animation:drift 19s ease-in-out infinite alternate}.cloud-one{left:-22%}.cloud-two{right:-18%;animation-delay:-9s;animation-duration:26s}
.shell{max-width:1920px;margin:auto;padding:26px 4vw 18px;min-height:100svh;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:104px}.brand{display:flex;align-items:center;gap:16px}.brand img{width:94px;height:94px;object-fit:contain}.brand span{font-size:9px;line-height:1.7;letter-spacing:.13em;font-weight:700}.edition,.prototype-tag{font:9px/1.5 'Courier New',monospace;letter-spacing:.12em}.edition{display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;border-radius:50%;background:#357c43;box-shadow:0 0 0 4px #d6e9b666}.prototype-tag{border:1px solid #34584a40;padding:10px 13px;border-radius:30px}
.composition{flex:1;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(360px,1.85fr) minmax(240px,1fr);align-items:center;gap:14px;min-height:640px;padding:15px 0 25px}.navigation{z-index:5;align-self:center;padding-top:16px}.primary{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.primary a{min-height:48px;display:flex;align-items:center;gap:13px;position:relative;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(28px,2.65vw,48px);font-weight:400;letter-spacing:-.02em;padding:3px 8px 3px 0;transition:transform .24s,color .24s;isolation:isolate}.primary .number{font:9px 'Courier New',monospace;letter-spacing:.06em;opacity:.65;align-self:center;margin-right:1px}.primary .arrow{font-family:Arial,sans-serif;font-size:20px;opacity:0;transform:translate(-7px,5px);transition:.24s}.primary a::before{content:'';background:var(--lime);position:absolute;left:24px;right:0;bottom:9px;height:12px;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .24s}.primary a:hover,.primary a:focus-visible{transform:translateX(5px);color:#142e20}.primary a:hover::before,.primary a:focus-visible::before{transform:scaleX(1)}.primary a:hover .arrow,.primary a:focus-visible .arrow{opacity:1;transform:none}.secondary{display:flex;flex-wrap:wrap;gap:4px 19px;margin-top:28px}.secondary a{font-size:9px;letter-spacing:.1em;font-weight:700;min-height:44px;display:flex;align-items:center}.secondary a:hover{text-decoration:underline;text-underline-offset:5px}.nav-note{font:11px/1.7 Arial,sans-serif;color:var(--muted);margin-top:16px}
.lion-stage{position:relative;aspect-ratio:1;width:116%;margin-left:-8%;align-self:center;isolation:isolate;min-width:0}.lion-approach{position:absolute;inset:0;transform-origin:50% 94%;transform:translate(calc(var(--px)*5px),calc(var(--py)*2px));transition:transform .8s ease-out}.lion-idle,.lion-roar{position:absolute;inset:0}.lion-idle img,.lion-roar img{display:block;width:100%;height:100%;object-fit:contain}.lion-roar{opacity:0;transition:opacity .18s ease}.lion-idle{transition:opacity .18s ease}.ground{position:absolute;bottom:1%;left:21%;width:58%;height:5%;border-radius:50%;background:radial-gradient(ellipse,#365b424d,transparent 68%);filter:blur(7px);z-index:-1}.arrival-mist{position:absolute;bottom:-2%;left:-8%;width:116%;height:20%;pointer-events:none;opacity:.35;background:radial-gradient(ellipse,#fff 0%,#fff9 25%,transparent 65%);filter:blur(15px)}.roar-button{position:absolute;left:50%;bottom:-42px;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:10px;border:0;background:transparent;min-height:44px;font:9px 'Courier New',monospace;letter-spacing:.12em}.roar-button span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #315e4444;background:#f7f9dc99;width:31px;height:31px;border-radius:50%;font:20px Arial,sans-serif;transition:transform .4s}.roar-button:hover span{transform:rotate(90deg);background:var(--lime)}
.manifesto{z-index:2;align-self:center;padding-left:12px;padding-bottom:8px}.eyebrow{font:8px/1.6 'Courier New',monospace;letter-spacing:.1em;display:flex;align-items:center;gap:8px;margin:0 0 24px}.eyebrow span{height:1px;width:26px;background:var(--green)}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(42px,4.1vw,76px);line-height:.97;font-weight:400;letter-spacing:-.025em;margin:0}h1 span{color:#477449}.deck{font-size:12px;line-height:1.85;max-width:260px;margin:25px 0 23px}.feature-link{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;min-height:47px;border-bottom:1px solid #2a594a77;font-size:10px;letter-spacing:.12em;font-weight:700}.feature-link span{font-size:24px;font-weight:400;transition:transform .2s}.feature-link:hover span{transform:translate(3px,-3px)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #224a3926;padding-top:14px;min-height:58px;z-index:6}.footer p{font:8px/1.8 'Courier New',monospace;letter-spacing:.08em}.footer p span{margin-left:10px;color:var(--muted)}.motion-controls{display:flex;gap:15px}.motion-controls button{border:0;background:transparent;padding:10px 4px;min-height:44px;font:9px 'Courier New',monospace}.motion-controls button:hover{text-decoration:underline;text-underline-offset:4px}.motion-controls button:disabled{opacity:.55}.review-note{color:var(--muted)}.transition-curtain{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#eaf2dc;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility .4s}.transition-curtain #transition-label{font:clamp(44px,8vw,100px)/1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase}.transition-rule{width:60px;height:4px;background:var(--green)}.transition-small{font:10px 'Courier New',monospace;letter-spacing:.15em}.no-script{position:fixed;bottom:0;left:0;background:white;padding:5px 10px;font-size:10px}
.reveal{transition:opacity .6s ease,transform .6s ease}.roar-button.reveal{transition:opacity .6s}body[data-roaring=true] .lion-roar{opacity:1}body[data-roaring=true] .lion-idle{opacity:0}body[data-roaring=true] .lion-approach{animation:roar .9s ease-out both}body[data-leaving=true] .transition-curtain{opacity:1;visibility:visible;pointer-events:auto}body[data-paused=true] *,body[data-paused=true] *::before{animation-play-state:paused!important}body[data-reduced=true] *,body[data-reduced=true] *::before{animation:none!important;transition:none!important}body[data-reduced=true] .lion-approach{transform:none}body[data-quiet=true] .cloudscape,body[data-quiet=true] .cloud{animation-play-state:paused}
@keyframes roar{0%,100%{transform:scale(1)}38%{transform:scale(1.022)}}@keyframes sky-breathe{from{transform:translate(-.5%,0) scale(1)}to{transform:translate(.5%,-.3%) scale(1.025)}}@keyframes drift{from{transform:translateX(-4%)}to{transform:translateX(6%)}}
@media(min-width:1600px){.composition{min-height:750px;gap:28px}.primary a{min-height:61px}.lion-stage{max-width:850px}.deck{font-size:14px;max-width:300px}}
@media(min-width:701px){@media not all and (min-width:1051px){.shell{padding:24px 30px 18px}.brand span{display:none}.composition{grid-template-columns:190px minmax(0,1fr);grid-template-rows:auto auto;min-height:770px;column-gap:20px;padding-top:34px}.navigation{grid-column:1;grid-row:1/3}.manifesto{grid-column:2;grid-row:1;padding:0 0 6px 10px;align-self:end}.manifesto h1{font-size:47px}.manifesto h1 br:nth-of-type(1),.manifesto h1 span br{display:none}.manifesto h1 span{display:block}.deck{max-width:355px;margin:16px 0 4px;font-size:12px}.eyebrow{margin-bottom:14px}.feature-link{min-height:43px}.lion-stage{grid-column:2;grid-row:2;width:100%;margin:0;align-self:start;max-width:510px}.primary a{font-size:30px;min-height:49px}.primary .arrow{font-size:16px}.secondary{gap:0 14px}.roar-button{bottom:-32px}.footer{margin-top:30px;flex-wrap:wrap;gap:6px 16px}.review-note{display:none}}}
@media(max-width:700px){.shell{padding:18px 22px 14px;min-height:100svh}.masthead{min-height:70px;gap:12px}.brand img{width:68px;height:68px}.brand span{font-size:7px;letter-spacing:.06em}.edition,.prototype-tag{display:none}.composition{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto auto;gap:20px 12px;min-height:0;padding:34px 0 30px}.manifesto{grid-column:1/-1;grid-row:1;padding:0;align-self:stretch;min-width:0}.eyebrow{font-size:8px;margin-bottom:16px}.manifesto h1{font-size:clamp(38px,10.7vw,64px);line-height:1.02}.manifesto h1 br:nth-of-type(1),.manifesto h1 span br{display:none}.manifesto h1 span{display:block}.deck{max-width:360px;font-size:12px;line-height:1.75;margin:16px 0 3px}.feature-link{min-height:44px;gap:32px;font-size:9px}.navigation{display:block;position:static;grid-column:1;grid-row:2;align-self:center;min-width:0;padding:0}.primary{gap:2px;width:100%}.primary a{font-size:clamp(22px,4.4vw,34px);min-height:44px;width:100%;padding:3px 0;gap:0;white-space:nowrap}.primary .number,.primary .arrow{display:none}.secondary{flex-direction:column;gap:0;margin-top:12px}.secondary a{font-size:10px;min-height:44px}.lion-stage{grid-column:2;grid-row:2;align-self:center;width:100%;height:clamp(300px,62vw,440px);margin:0;aspect-ratio:auto}.lion-stage .roar-button{bottom:0;font-size:8px;gap:5px;letter-spacing:.04em}.nav-note{margin-top:22px}.footer{margin-top:30px;display:grid;grid-template-columns:1fr;gap:3px;padding-top:12px}.footer p{margin:4px 0;font-size:8px}.motion-controls{justify-content:space-between;gap:5px;grid-row:1}.motion-controls button{font-size:9px}.review-note{font-size:7px!important}.cloudscape{background-position:53% center}.sky-wash{background:linear-gradient(#e1f2f24d,#edf8ee33)}}
/* Full-pass composition refinements: keep the desktop scene inside one viewport. */
body{position:relative;min-height:100svh}.sky{position:absolute}.arrival-mist{left:0;width:100%}.sr-only{top:0;left:0;margin:0}
@media(min-width:1051px){.lion-stage{width:100%;margin:0;max-width:calc(100svh - 285px);justify-self:center}.composition{padding-bottom:45px}}
body:not([data-enhanced]) .motion-controls,body:not([data-enhanced]) .roar-button{display:none}
@media(max-width:700px){body:not([data-enhanced]) .navigation{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before{animation:none!important;transition:none!important}.lion-approach{transform:none!important}}
/* Locked composition completion: source PNG pixels are never recolored. */
:root{--green:#527520}
.lion-volume{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:2}
.lion-stage{cursor:grab}.lion-stage:active{cursor:grabbing}
.brand span{border-left:1px solid #15332e66;padding-left:17px;font-size:10px}
.lion-approach{perspective:1100px;transition:none;transform-origin:50% 94%;will-change:transform,opacity}
.lion-turn{position:absolute;inset:0;transform-origin:50% 40%;transform-style:preserve-3d;will-change:transform}
.lion-idle,.lion-roar{transition:none;overflow:visible;will-change:opacity;transform:translateZ(0)}
.lion-idle img,.lion-roar img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:auto;height:100%;max-width:none;object-fit:contain;filter:none}
.lion-stage{touch-action:pan-y}.ground{transition:none}.arrival-mist{pointer-events:none;filter:blur(10px)}
.roar-button{bottom:-30px;opacity:0;pointer-events:none}
.lion-stage:hover .roar-button,.roar-button:focus-visible{opacity:1;pointer-events:auto}
.navigation{padding-top:0}
.manifesto h1{white-space:nowrap;line-height:1.02}.manifesto h1 span{display:block;color:#527520}
.manifesto h1 br{display:none}.manifesto .deck{font-size:clamp(13px,1.16vw,20px);max-width:490px;line-height:1.65}
.feature-link{font-size:12px;letter-spacing:.12em;min-height:50px}
.footer .review-note{display:none}.footer{position:relative}.motion-controls{margin-left:auto}
.transition-curtain{transition:none}
body[data-ui=false] .reveal,body[data-ui=false] .brand,body[data-ui=false] .edition,body[data-ui=false] .prototype-tag{opacity:0;transform:translateY(7px);pointer-events:none}
.brand,.edition,.prototype-tag{transition:opacity .4s,transform .4s}
.navigation{transition-delay:90ms}.manifesto{transition-delay:170ms}
.manifesto>*{transition:opacity .5s,transform .5s}.manifesto h1{transition-delay:140ms}.manifesto .deck{transition-delay:220ms}.manifesto .feature-link{transition-delay:290ms}
body[data-ui=false] .manifesto>*{opacity:0;transform:translateY(7px)}
body[data-phase=INTERACTIVE] .lion-approach{filter:none}
@media(min-width:1051px){
  .shell{padding:22px 4vw 17px;min-height:100svh}.masthead{min-height:112px}.brand img{width:112px;height:112px}
  .composition{grid-template-columns:27% 41% 32%;gap:0;min-height:calc(100svh - 205px);padding:8px 0 20px;align-items:center}
  .navigation{grid-column:1;grid-row:1;align-self:center}.lion-stage{grid-column:2;grid-row:1}.manifesto{grid-column:3;grid-row:1}.primary a{font-size:clamp(32px,2.65vw,52px);min-height:clamp(48px,6.4vh,68px)}
  .secondary{margin-top:27px;gap:21px}.secondary a{font-size:11px}.nav-note{font-size:13px;margin-top:22px}
  .lion-stage{height:100%;width:100%;max-width:none;aspect-ratio:auto;align-self:stretch;margin:0;container-type:inline-size}
  .lion-approach{inset:-48px -18px 0;top:auto;bottom:0;height:min(calc(100% + 48px),170cqw,900px)}.ground{bottom:0;left:10%;width:80%}.arrival-mist{bottom:-1%;height:13%}
  .manifesto{align-self:start;margin-top:clamp(75px,9vh,110px);padding:0 0 0 7px}.manifesto h1{font-size:clamp(43px,4.65vw,90px);letter-spacing:-.035em}
  .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:23px}.deck{margin-top:25px}.feature-link{margin-top:8px}
  .footer{min-height:53px;padding-top:6px}.footer p{font-size:9px}.motion-controls button{font-size:11px;padding:10px 13px}
}
@media(min-width:701px){@media not all and (min-width:1051px){
  .manifesto h1{font-size:clamp(35px,4.8vw,50px)}.composition{grid-template-rows:auto 1fr;min-height:calc(100svh - 250px);padding-top:25px}
  .lion-stage{height:560px;width:100%;max-width:none;aspect-ratio:auto}.lion-approach{inset:0 0 20px}
  .manifesto .deck{font-size:14px;max-width:410px}.manifesto{padding-bottom:20px}.nav-note{font-size:12px}.navigation{align-self:center}
  .footer{margin-top:0}.roar-button{bottom:-5px}
}}
@media(max-width:700px){
  .brand span{font-size:7px;padding-left:10px}.manifesto h1{font-size:clamp(30px,9.2vw,60px)}
  .manifesto .deck{font-size:13px}.lion-stage{max-width:none;overflow:visible}
  .lion-approach{inset:0 4px 48px}.lion-idle img,.lion-roar img{left:0;transform:none;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center bottom}
  .roar-button{opacity:1;pointer-events:auto;bottom:0}.motion-controls{margin-left:0}.footer{margin-top:25px}
}

/* R5 practical completion: stable exact-art HOME plus a masked real-3D handoff. */
.lion-stage{
  --life-x:0px;
  --life-y:0px;
  --life-scale:1;
  --life-shadow:0;
  --veil:0;
  --veil-bloom:0;
}
.lion-turn{
  transform:translate3d(var(--life-x),var(--life-y),0) scale(var(--life-scale));
  transition:transform 220ms cubic-bezier(.2,.7,.2,1);
}
.lion-idle img{
  filter:none;
}
.lion-transform-veil{
  position:absolute;
  inset:0;
  z-index:6;
  opacity:calc(var(--veil) * .28);
  pointer-events:none;
  overflow:clip;
  transform:translateZ(0);
  will-change:opacity,transform;
  background:linear-gradient(90deg,transparent,#fff 23% 77%,transparent);
  mask-image:linear-gradient(0deg,transparent,#000 13% 83%,transparent);
  filter:blur(15px);
}
.lion-transform-veil span{position:absolute;display:block;pointer-events:none}
.veil-cloud{
  inset:10% 15%;
  background:#fff;
  filter:blur(22px);
  transform:translateX(calc((1 - var(--veil-bloom)) * -12px));
}
body[data-orbit-state=ENTERING_3D] .lion-transform-veil,
body[data-orbit-state=EXITING_3D] .lion-transform-veil{mix-blend-mode:normal}
/* R8: neutral landing source-occlusion only; the established orbit veil is retained. */
.arrival-mist{display:none}
body:not([data-phase=ENTERING_3D]):not([data-phase=EXITING_3D]):not([data-phase=LAND]) .lion-transform-veil{display:none}
body[data-phase=LAND] .lion-transform-veil{
  inset:-7% -7% -2%;
  opacity:var(--veil);
  background:linear-gradient(96deg,transparent 2%,#f5f8ef 21% 79%,transparent 98%);
  mask-image:linear-gradient(0deg,transparent,#000 5% 95%,transparent);
  filter:blur(13px);
  transform:translateX(calc((var(--veil-bloom) - .5) * 18px));
}
body[data-phase=LAND] .veil-cloud{inset:1% 11%;background:#f5f8ef;filter:blur(10px)}
body[data-orbit-state=ORBIT_3D] .lion-stage,
body[data-orbit-state=RETURNING_3D] .lion-stage{cursor:grabbing}
body[data-paused=true] .lion-turn,
body[data-reduced=true] .lion-turn{transform:none!important}
body[data-paused=true] .lion-transform-veil,
body[data-reduced=true] .lion-transform-veil{display:none!important}
/* R6: real native social anchors occupy the reserved lower-hero clearance. */
.social-links{display:flex;justify-content:center;align-items:center;gap:6px;z-index:7;align-self:center;height:44px;margin:-12px 0 4px}
.social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#15332e;transition:opacity .18s,transform .18s}
.social-links a:hover{opacity:.7;transform:scale(1.06)}
.social-links svg{width:18px;height:18px;fill:currentColor}
.social-links svg[fill=none]{fill:none;stroke:currentColor;stroke-width:1.8}
.social-links .social-dot{fill:currentColor;stroke:none}
@media(min-width:1051px){.social-links{position:absolute;left:47.7%;bottom:69px;transform:translateX(-50%);margin:0}.roar-button{left:auto;right:0;transform:none;font-size:8px;gap:5px}}
@media(min-width:701px){@media not all and (min-width:1051px){.social-links{align-self:flex-end;margin-right:calc((100% - 210px)/2 - 97px);margin-top:18px}}}
@media(max-width:700px){.social-links{margin:4px 0 -16px}}
@media(prefers-reduced-motion:reduce){.lion-transform-veil{display:none!important}.lion-idle img{filter:none!important}}

/* R8 wave manipulates only transient clip/opacity and the independent translate
   property. It never replaces the approved layout's transform or final styling. */
body[data-roar-wave] .navigation,
body[data-roar-wave] .manifesto,
body[data-roar-wave] .brand,
body[data-roar-wave] .manifesto>*{transition:none}
body[data-roar-wave=reveal][data-ui=true] .navigation,
body[data-roar-wave=reveal][data-ui=true] .manifesto{opacity:1;transform:none}
body[data-roar-wave=reveal][data-ui=true] .brand{transform:none}
body[data-roar-wave=reveal][data-ui=true] .manifesto>*{transform:none}
body[data-ui=false] .social-links{opacity:0;pointer-events:none}
body[data-reduced=true] [data-wave-target]{clip-path:none!important;opacity:1!important;translate:none!important}

/* Isolated static-hero sequence. All approved layout/art rules above are intact. */
html[data-hero-boot=pending]{--composition-reveal:0}
.sky,.lion-stage{opacity:var(--composition-reveal,1)}
html[data-hero-boot=pending] .reveal,
html[data-hero-boot=pending] .brand,
html[data-hero-boot=pending] .social-links{opacity:0;pointer-events:none}
.lion-stage,.lion-stage:active{cursor:default}
body[data-ui=false] .footer>p{opacity:0}
body[data-ui=false] .lion-stage .roar-button{opacity:0;pointer-events:none}
body[data-phase=QUIET] .cloudscape,body[data-phase=QUIET] .cloud,
body[data-phase=PRELOAD] .cloudscape,body[data-phase=PRELOAD] .cloud{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){html[data-hero-boot=pending]{--composition-reveal:1}}

/* Existing policy access; approved minimal footer exception. */
.footer-policy{display:flex;gap:14px}
@media(max-width:320px){
  .footer-policy{position:absolute;right:0;bottom:0}
}

/* Cosmetic subtraction preserves the approved reserved geometry. */
.primary .number,.primary .arrow{visibility:hidden}
.primary a::before{content:none}
.feature-link{border-bottom-color:transparent}
.footer{border-top-color:transparent}
.brand img{transition:transform .24s ease}
.brand:hover img,.brand:focus-visible img{transform:translateX(5px)}
.social-links a{transition:opacity .18s,transform .24s ease}
.social-links a:hover,.social-links a:focus-visible{transform:translateX(5px)}

/* Keep footer geometry while retiring manual controls from view and focus. */
.social-links{translate:0 12px}
#replay,#motion{visibility:hidden;pointer-events:none}
/* Narrow tablet boundary: contain the square roar artwork without clipping. */
@media(min-width:701px) and (max-width:767px){.lion-roar img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center bottom}}

/* R5.2 primary navigation: shared yellow, weight and restrained edge depth. */
.primary a{font-weight:900;line-height:1.1;letter-spacing:.01em;white-space:nowrap;color:#ffe600;text-shadow:1px 1px 0 rgba(0,0,0,.75),2px 2px 2px rgba(0,0,0,.25)}
.primary a:hover,.primary a:focus-visible{color:#ffe600}

/* R4 mobile navigation: links directly on the sky; Submit stays separate. */
@media(max-width:700px){
  .primary{gap:0}
  .primary a{font-size:clamp(22px,4vw,28px);min-height:44px}
  .secondary{margin-top:20px}
  .secondary a[data-destination="Drops"],.secondary a[data-destination="Search"]{display:none}
}

/* Match the square ROAR to the tall HOME artwork's contained height and baseline. */
@media(max-width:767px){
  .lion-roar img{left:50%;transform:translateX(-50%);width:calc(100% * 1402 / 1122);max-width:none}
}