/* Layout: one continuous pasture that lasts a year. Each section is a season (spring, summer,
   autumn, winter, spring again); the page tint, the weather and the almanac rail follow the scroll. */
:root{
  --cream:#ECF7BE; --lime:#CCFF00; --ink:#0A0A08; --hide:#8C8C8C; --snout:#FCBCBB; --bell:#FFC02D;
  --sky:#5CD3FF; --grass:#44B16D; --grass-deep:#2F8A55; --barn:#DD474A; --paper:#FBFDF1;
  --summer:#CBEFFF; --autumn:#FFE3B3; --winter:#E9F1F7;
  --muted:#3F4433; --line:rgba(10,10,8,.16);
  --f-display:"Fraunces","Cooper Black","Georgia",serif;
  --f-body:"Schibsted Grotesk",ui-sans-serif,system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --stroke:3px; --gutter:clamp(16px,4vw,48px); --maxw:1240px;
  --hand:26px 34px 28px 38px / 34px 26px 36px 28px;
  --ease-out:cubic-bezier(.2,.8,.2,1); --ease-pop:cubic-bezier(.3,1.6,.5,1);
  color-scheme:light;
}
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces-italic.woff2") format("woff2");font-weight:500 900;font-style:italic;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url("../fonts/schibsted.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/plex-mono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/plex-mono-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip}
body{margin:0;background-color:var(--cream);color:var(--ink);font:400 17px/1.55 var(--f-body);
  transition:background-color 1.2s ease;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased}
html[data-season="summer"] body{background-color:var(--summer)}
html[data-season="autumn"] body{background-color:var(--autumn)}
html[data-season="winter"] body{background-color:var(--winter)}
img,svg{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:3px dashed var(--ink);outline-offset:4px;border-radius:6px}
[hidden]{display:none!important}
.sr-only{position:absolute;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:16px;top:-80px;z-index:200;background:var(--ink);color:var(--lime);padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none}
.skip:focus{top:16px}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}

.display,.h2,h1,h2{font-family:var(--f-display);font-weight:900;font-variation-settings:"SOFT" 100,"WONK" 0;
  letter-spacing:-.025em;line-height:.95;text-wrap:balance}
em,.it{font-family:var(--f-display);font-style:italic;font-weight:800;font-variation-settings:normal}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);position:relative}
main,footer{position:relative;z-index:1}
.sec{position:relative;padding-block:clamp(72px,8.5vw,120px)}
.kicker{display:inline-flex;align-items:center;gap:10px;font:600 12.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.kicker svg{width:22px;height:22px;flex:none}
.sec-head{display:grid;gap:18px;margin-bottom:clamp(36px,5vw,64px);max-width:980px}
.sec-head h2{font-size:clamp(40px,6.1vw,92px)}
.lead{font-size:clamp(17px,1.4vw,20px);color:var(--muted);max-width:52ch}

/* ---------- buttons ---------- */
.btn{--bg:var(--paper);--fg:var(--ink);--sh:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 22px;font:700 16px/1 var(--f-body);color:var(--fg);background:var(--bg);text-decoration:none;
  border:var(--stroke) solid var(--ink);border-radius:999px;box-shadow:4px 4px 0 var(--sh);cursor:pointer;
  transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),background-color .2s}
.btn svg{width:20px;height:20px;flex:none}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--sh)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--sh)}
.btn-buy{--bg:var(--lime)}
.btn-ink{--bg:var(--ink);--fg:var(--lime);--sh:var(--paper)}
.btn-lg{min-height:60px;padding:0 28px;font-size:18px}
.btn .arrow{transition:transform .2s var(--ease-out)}
.btn:hover .arrow{transform:translateX(4px)}

/* ---------- nav ---------- */
.nav{position:fixed;z-index:50;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translateX(-50%);
  width:min(calc(100% - 2 * var(--gutter)),1180px);display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:7px 7px 7px 8px;background:rgba(251,253,241,.94);border:var(--stroke) solid var(--ink);border-radius:999px;
  box-shadow:4px 4px 0 var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .35s var(--ease-out)}
.nav.is-hidden{transform:translate(-50%,calc(-100% - 30px))}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;padding-right:6px}
.brand img{width:42px;height:42px;border-radius:50%}
.brand span{font:900 25px/1 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.02em}
.nav-links{display:flex;gap:2px}
.nav-links a{padding:10px 14px;border-radius:999px;font-weight:650;font-size:15px;text-decoration:none;transition:background-color .2s}
.nav-links a:hover,.nav-links a.is-active{background:var(--lime)}
.nav-actions{display:flex;align-items:center;gap:8px}
.icon-btn{width:46px;height:46px;display:grid;place-items:center;border:var(--stroke) solid var(--ink);border-radius:50%;background:var(--paper);
  transition:transform .2s var(--ease-pop),background-color .2s}
.icon-btn svg{width:19px;height:19px}
.icon-btn:hover{transform:rotate(-8deg) scale(1.06);background:var(--lime)}
.nav .btn{min-height:46px;box-shadow:none;padding:0 18px}
.nav .btn:hover{transform:none;box-shadow:none;background:#BDF000}
.menu-btn{display:none;width:46px;height:46px;border:var(--stroke) solid var(--ink);border-radius:50%;background:var(--ink);cursor:pointer;place-items:center}
.menu-btn span{display:block;width:18px;height:2.5px;background:var(--lime);border-radius:2px;box-shadow:0 6px 0 var(--lime),0 -6px 0 var(--lime);transition:.25s}
.menu-btn[aria-expanded="true"] span{box-shadow:none;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] span::after{content:"";display:block;width:18px;height:2.5px;background:var(--lime);transform:rotate(90deg)}
.menu{position:fixed;inset:0;z-index:45;background:var(--lime);padding:calc(env(safe-area-inset-top,0px) + 100px) var(--gutter) 40px;
  display:flex;flex-direction:column;gap:6px}
.menu a.m-link{font:900 clamp(40px,11vw,64px)/1.05 var(--f-display);font-variation-settings:"SOFT" 100;text-decoration:none;letter-spacing:-.03em}
.menu .m-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@media (max-width:980px){.nav-links{display:none}.menu-btn{display:grid}}
@media (max-width:560px){.nav .icon-btn{display:none}.brand span{font-size:22px}.nav .btn{padding:0 16px;font-size:15px}}

/* ---------- almanac rail ---------- */
.almanac{position:fixed;z-index:40;right:16px;top:50%;width:28px;height:min(58vh,440px);transform:translateY(-50%);display:none}
@media (min-width:1360px){.almanac{display:block}}
.alm-track{position:absolute;inset:0;display:flex;flex-direction:column;border:var(--stroke) solid var(--ink);border-radius:999px;overflow:hidden;background:var(--paper)}
.alm-seg{flex:var(--h,1) 1 0;min-height:0;border:0;border-top:2px solid var(--ink);background:var(--c);cursor:pointer;padding:0;
  display:grid;place-items:center;font:600 8.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
.alm-seg:last-child{border-top:0}
.alm-seg:hover{filter:brightness(.94)}
.alm-marker{position:absolute;left:50%;top:var(--y,0%);transform:translate(-50%,-50%);transition:top .25s linear;pointer-events:none}
.alm-bell{width:40px;height:40px;filter:drop-shadow(2px 2px 0 var(--ink))}
.almanac:hover .alm-label{opacity:1}
.alm-label{position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);white-space:nowrap;
  font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:8px 11px;border-radius:999px;
  opacity:0;transition:opacity .3s}
.almanac.is-talking .alm-label{opacity:1}

/* ---------- weather canvas ---------- */
.weather{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}

/* ---------- hand-drawn line boil ---------- */
html[data-boil="0"] .boil{filter:url(#boil0)}
html[data-boil="1"] .boil{filter:url(#boil1)}
html[data-boil="2"] .boil{filter:url(#boil2)}

/* ---------- hero ---------- */
.hero{position:relative;padding-top:calc(env(safe-area-inset-top,0px) + 118px);overflow:hidden;overflow:clip}
.hero-inner{max-width:1320px;margin-inline:auto;padding-inline:var(--gutter);position:relative}
.hero-copy{position:relative;z-index:4;max-width:min(900px,70%)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);
  font:600 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.eyebrow a{text-decoration:none;background:var(--lime);padding:3px 6px;border-radius:6px}
.eyebrow a:hover{background:var(--ink);color:var(--lime)}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--barn);box-shadow:0 0 0 0 rgba(221,71,74,.6);animation:ping 1.8s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(221,71,74,.55)}80%,100%{box-shadow:0 0 0 10px rgba(221,71,74,0)}}
.hero-title{font-size:clamp(40px,5.3vw,80px);margin:20px 0 16px}
.hero-title .w{display:inline-block}
.hero-sub{font-size:clamp(17px,1.45vw,20.5px);line-height:1.5;color:var(--muted);max-width:46ch}
.hero-sub strong{color:var(--ink);font-weight:750}
.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px}

.sign{position:relative;z-index:2;width:min(100%,1180px);margin:clamp(20px,3vw,40px) auto 0;aspect-ratio:4722/1520}
.sign-letters{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sl{transform-box:fill-box;transform-origin:50% 100%}
.sun{position:absolute;z-index:0;width:11%;left:85%;bottom:176%;aspect-ratio:1}
.sun .rays{transform-origin:50% 50%;animation:spin 60s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cloud{position:absolute;z-index:0;pointer-events:none}
.cloud.c1{width:clamp(110px,12vw,180px);left:47%;top:-12%;animation:drift 38s ease-in-out infinite alternate}
.cloud.c2{width:clamp(80px,8vw,130px);left:63%;top:-60%;animation:drift 46s ease-in-out infinite alternate-reverse}
.cloud.c3{width:clamp(90px,9vw,150px);left:4%;top:-8%;animation:drift 52s ease-in-out infinite alternate;display:none}
@keyframes drift{from{transform:translateX(-30px)}to{transform:translateX(40px)}}

/* rigged cow */
.rig{position:absolute;z-index:3;width:25.5%;left:calc(84.4% - 12.75%);bottom:95.2%;aspect-ratio:1046/1209;cursor:pointer;
  -webkit-tap-highlight-color:transparent;outline-offset:6px}
.rig-core{position:absolute;inset:0;transform-origin:50% 98%;animation:breathe 3.4s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.008,1.018)}}
.rig img,.rig-eyes{position:absolute;inset:0;width:100%;height:100%;user-select:none;-webkit-user-drag:none;pointer-events:none}
.rig-tail{transform-origin:74.67% 75.85%;animation:tail 4.6s ease-in-out infinite}
@keyframes tail{0%,100%{transform:rotate(-3deg)}22%{transform:rotate(7deg)}40%{transform:rotate(-5deg)}52%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}}
.rig-earl{transform-origin:22.2% 17.5%}
.rig-earr{transform-origin:63.9% 17.7%}
.rig-bell{transform-origin:36.7% 44.7%;animation:bell 5s ease-in-out infinite}
@keyframes bell{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
.rig-browl,.rig-browr{transition:transform .25s var(--ease-pop)}
.rig.is-excited .rig-browl,.rig.is-excited .rig-browr{transform:translateY(-1.6%)}
.rig-eyes .pupil{fill:#000}
.rig-hint{position:absolute;z-index:3;right:calc(100% - 71.5%);bottom:126%;display:flex;align-items:flex-end;gap:4px;
  font:600 11.5px/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;text-align:right}
.rig-hint svg{width:64px;height:40px;flex:none}
.bubble{position:absolute;left:62%;top:-8%;padding:10px 16px 12px;background:var(--paper);border:3px solid var(--ink);border-radius:24px 24px 24px 6px;
  font:900 clamp(18px,2vw,30px)/1 var(--f-display);font-variation-settings:"SOFT" 100;white-space:nowrap;
  opacity:0;transform:translateY(10px) scale(.6) rotate(-6deg);transform-origin:0% 100%;pointer-events:none;box-shadow:3px 3px 0 var(--ink)}
.bubble.is-on{animation:bubble 1.5s var(--ease-out) forwards}
@keyframes bubble{0%{opacity:0;transform:translateY(10px) scale(.6) rotate(-6deg)}12%{opacity:1;transform:translateY(0) scale(1.06) rotate(-3deg)}
  20%{transform:scale(1) rotate(-3deg)}80%{opacity:1;transform:translateY(-6px) scale(1) rotate(-3deg)}100%{opacity:0;transform:translateY(-16px) scale(.95) rotate(-3deg)}}
.ufo{position:absolute;z-index:4;width:22%;left:73.4%;bottom:95%;pointer-events:none;display:none}
.ufo .beam{opacity:0}
.ground{position:relative;z-index:3;margin-top:-2.6%;height:clamp(56px,7vw,96px)}
.ground svg{width:100%;height:100%}

/* ---------- ear tag (contract) ---------- */
.eartag{display:inline-flex;align-items:stretch;max-width:100%;border:var(--stroke) solid var(--ink);border-radius:18px 999px 999px 18px;
  background:var(--bell);box-shadow:4px 4px 0 var(--ink);transform-origin:22px 50%;min-width:0}
.eartag.is-swing{animation:tag .9s var(--ease-out)}
@keyframes tag{0%{transform:rotate(0)}20%{transform:rotate(-6deg)}45%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}100%{transform:rotate(0)}}
.et-hole{flex:none;width:44px;display:grid;place-items:center;border-right:2px dashed rgba(10,10,8,.5)}
.et-hole i{width:16px;height:16px;border-radius:50%;background:var(--paper);border:3px solid var(--ink);box-shadow:inset 2px 2px 0 rgba(0,0,0,.18)}
.et-body{display:grid;gap:3px;padding:8px 14px;min-width:0}
.et-label{font:600 10px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.et-value{font:600 14.5px/1.2 var(--f-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.et-copy{flex:none;margin:5px;padding:0 16px;border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--lime);
  font:600 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,color .2s}
.et-copy:hover:not(:disabled){background:var(--lime);color:var(--ink)}
.et-copy:disabled{cursor:default;background:transparent;color:var(--ink);border-style:dashed}

/* ---------- section: thesis ---------- */
.morph-block{display:grid;gap:14px;margin-bottom:clamp(40px,6vw,72px)}
.morph{font:900 clamp(64px,13vw,190px)/.9 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.035em;display:flex;height:.98em;overflow:hidden}
.morph .col{display:inline-block;overflow:hidden;height:1em;transition:width .45s var(--ease-out)}
.morph .strip{display:flex;flex-direction:column}
.morph .strip span{height:1em;line-height:1em;display:block}
.morph-note{font:500 13.5px/1.6 var(--f-mono);max-width:70ch;color:var(--muted)}
.morph-note b{color:var(--ink);font-weight:600;background:var(--lime);padding:1px 5px;border-radius:4px}
.facts{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,2vw,24px)}
.fact{grid-column:span 4;background:var(--paper);border:var(--stroke) solid var(--ink);border-radius:var(--hand);padding:24px 24px 26px;display:grid;gap:10px;align-content:start;
  transition:transform .3s var(--ease-pop)}
.fact:hover{transform:rotate(-1.2deg) translateY(-4px)}
.fact:nth-child(2):hover{transform:rotate(1.2deg) translateY(-4px)}
.fact-k{font:600 13px/1 var(--f-mono);letter-spacing:.08em;display:inline-flex;align-self:start;justify-self:start;background:var(--ink);color:var(--lime);padding:7px 10px;border-radius:999px}
.fact h3{font:850 26px/1.05 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.015em}
.fact p:not(.fact-k){color:var(--muted)}
.fact em{color:var(--ink)}
.ticket{grid-column:span 7;position:relative;background:var(--paper);border:var(--stroke) solid var(--ink);border-radius:14px;padding:22px 26px 20px;
  box-shadow:6px 6px 0 var(--ink);display:grid;gap:14px;
  -webkit-mask:radial-gradient(circle 12px at 0 62%,transparent 11px,#000 12px) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 62%,transparent 11px,#000 12px) right/51% 100% no-repeat;
          mask:radial-gradient(circle 12px at 0 62%,transparent 11px,#000 12px) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 62%,transparent 11px,#000 12px) right/51% 100% no-repeat}
.ticket header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:600 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;
  padding-bottom:12px;border-bottom:2px solid var(--ink)}
.ticket dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.ticket dl div{display:grid;gap:4px;min-width:0}
.ticket dt{font:600 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ticket dd{font:800 20px/1.15 var(--f-display);font-variation-settings:"SOFT" 100}
.ticket dd i{display:block;font:500 13px/1.3 var(--f-mono);font-style:normal;color:var(--muted);margin-top:2px}
.ticket footer{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px;border-top:2px dashed var(--ink);flex-wrap:wrap}
.ticket footer span{font:600 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase}
.ticket footer strong{font:900 clamp(34px,4vw,52px)/1 var(--f-display);font-variation-settings:"SOFT" 100;color:var(--barn);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ticket-note{font:500 13px/1.5 var(--f-mono);color:var(--muted)}
.stamp-loss{position:absolute;right:22px;top:58px;transform:rotate(-12deg);border:3px solid var(--barn);color:var(--barn);border-radius:10px;padding:6px 10px;
  font:600 13px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.yield{grid-column:span 5;position:relative;background:var(--lime);border:var(--stroke) solid var(--ink);border-radius:var(--hand);padding:24px 24px 0;display:grid;
  grid-template-columns:1fr auto;gap:8px;overflow:hidden;min-height:320px}
.yield-copy{display:grid;gap:12px;align-content:start;padding-bottom:24px;position:relative;z-index:1}
.yield-list{display:grid;gap:0;border-top:2px solid var(--ink)}
.yield-list li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:2px solid var(--ink);font-size:15px}
.yield-list b{font:850 19px/1.1 var(--f-display);font-variation-settings:"SOFT" 100}
.yield-list span{font:600 12px/1.6 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;text-align:right}
.yield-punch{font:850 22px/1.12 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.01em}
.yield .cameo{width:clamp(130px,13vw,190px);align-self:end;margin-right:-10px;margin-bottom:-6px}

/* cameos: the logo cow with seasonal gear */
.cameo{position:relative;aspect-ratio:1046/1209;flex:none}
.cameo img,.cameo svg{position:absolute;inset:0;width:100%;height:100%}
.cameo .bob{position:absolute;inset:0;animation:sway 4.2s ease-in-out infinite;transform-origin:50% 100%}
@keyframes sway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}
.leaf-fall{transform-box:fill-box;transform-origin:50% 50%;animation:leafwob 3s ease-in-out infinite}
@keyframes leafwob{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}

/* ---------- section: onchain (abduction) ---------- */
.scene{display:grid;gap:14px}
.scene-frame{position:relative;aspect-ratio:1548/1000;border:4px solid var(--ink);border-radius:var(--hand);overflow:hidden;box-shadow:8px 8px 0 var(--ink);background:#5CD3FF;isolation:isolate}
.scene-frame>img,.scene-frame>div{position:absolute}
.scene-bg{inset:0;width:100%;height:100%;object-fit:cover}
.scene-cow{left:37.6%;top:41.6%;width:18.15%;transform-origin:50% 40%;will-change:transform;filter:drop-shadow(0 0 14px rgba(230,255,170,.85))}
.scene-beam{inset:0;pointer-events:none;mix-blend-mode:screen;
  clip-path:polygon(44.4% 32.5%,56.1% 33%,56.5% 85.6%,41.9% 83%,27.8% 76.5%);
  background:repeating-linear-gradient(180deg,rgba(220,255,150,0) 0 18px,rgba(220,255,150,.5) 18px 22px,rgba(220,255,150,0) 22px 44px);
  background-size:100% 44px;animation:beam 1.4s linear infinite;opacity:.75}
@keyframes beam{to{background-position:0 -44px}}
.scene-lights i{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side,#fff 0,#F3FFB8 45%,rgba(204,255,0,0) 100%);mix-blend-mode:screen;opacity:0;animation:light 1.5s ease-in-out infinite;animation-delay:var(--d)}
@keyframes light{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.6)}60%{opacity:.25}}
.scene-sparks i{position:absolute;width:7px;height:7px;border-radius:50%;background:#F6FFD0;box-shadow:0 0 10px 3px rgba(204,255,0,.8);
  left:var(--x);top:86%;opacity:0;animation:spark var(--t) linear infinite;animation-delay:var(--d)}
@keyframes spark{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(calc(-1 * var(--rise))) scale(1)}}
.scene figcaption{display:flex;flex-wrap:wrap;gap:8px 22px;font:600 12px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.scene figcaption span{display:inline-flex;gap:8px;align-items:center}
.scene figcaption span::before{content:"";width:8px;height:8px;background:var(--ink);border-radius:2px;transform:rotate(45deg)}
.onchain-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(24px,4vw,56px);align-items:start}
.onchain-copy{display:grid;gap:18px;position:sticky;top:120px}
.onchain-copy p{font-size:clamp(17px,1.35vw,19.5px);color:var(--muted)}
.onchain-copy p strong{color:var(--ink)}
.onchain-stats{display:grid;gap:0;border-top:2px solid var(--ink)}
.onchain-stats div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:2px solid var(--ink)}
.onchain-stats dt{font:600 11.5px/1.5 var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.onchain-stats dd{font:800 18px/1.3 var(--f-display);font-variation-settings:"SOFT" 100;text-align:right}

/* ---------- section: board ---------- */
.board-wrap{position:relative;padding-top:clamp(64px,8vw,104px)}
.board-cow{position:absolute;z-index:0;right:clamp(10px,6vw,90px);top:0;width:clamp(150px,17vw,250px)}
.board{position:relative;z-index:1;background:#121210;border:4px solid var(--ink);border-radius:22px;padding:clamp(14px,2.2vw,28px);color:#F3F4E6;
  box-shadow:8px 8px 0 rgba(10,10,8,.9);overflow:hidden}
.board::before,.board::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#3A3A35;top:12px;box-shadow:inset 1px 1px 0 rgba(255,255,255,.25)}
.board::before{left:12px}.board::after{right:12px}
.board-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:600 11.5px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;
  color:#A9AC98;padding:4px 14px 16px;border-bottom:1px solid #2C2C28;margin-bottom:12px}
.board-top b{color:var(--lime);font-weight:600}
.brd{display:grid;grid-template-columns:7fr 9fr 13fr 13fr;gap:clamp(8px,1.4vw,18px);align-items:center;padding:clamp(7px,1vw,11px) clamp(6px,1vw,14px);border-radius:10px}
.brd+.brd{border-top:1px solid #23231F}
.brd.head{font:600 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#8E917E;padding-block:4px 10px}
.brd.me{background:rgba(204,255,0,.08);outline:1px solid rgba(204,255,0,.35)}
.flap{display:flex;gap:2px;font:600 clamp(11px,1.2vw,17.5px)/1 var(--f-mono);min-width:0;flex-wrap:nowrap}
.flap .t{position:relative;display:grid;place-items:center;width:1.18em;height:1.62em;background:#1D1D1A;border-radius:3px;color:#F3F4E6;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.04);overflow:hidden;flex:none}
.flap .t::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.65)}
.flap .t.f{animation:flip .09s linear}
@keyframes flip{0%{transform:scaleY(1)}50%{transform:scaleY(.15)}100%{transform:scaleY(1)}}
.brd.me .flap .t{color:var(--lime)}
.board-note{margin-top:22px;font:850 clamp(22px,2.4vw,32px)/1.15 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.015em;max-width:30ch}
.brd .lbl{display:none}

/* ---------- winter line ---------- */
.winter-line{position:relative;padding-block:clamp(36px,5vw,80px);overflow:hidden;overflow:clip}
.wl-big{font:900 clamp(56px,12.5vw,210px)/.86 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.045em;display:grid}
.wl-big span{display:block;will-change:transform}
.wl-big .a{transform:translateX(calc(var(--p,0) * -8%))}
.wl-big .b{font-style:italic;font-weight:850;padding-left:clamp(20px,9vw,170px);transform:translateX(calc(var(--p,0) * 6%));color:var(--ink)}
.wl-note{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:clamp(20px,3vw,34px);font:600 12.5px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.wl-note span{display:inline-flex;gap:8px;align-items:center}
.wl-note b{background:var(--ink);color:var(--paper);padding:4px 8px;border-radius:6px;font-weight:600}
.icicles{display:block;width:min(100%,1100px);height:auto;margin-top:6px}

/* ---------- section: tokenomics (certificate) ---------- */
.cert-stage{position:relative;perspective:1600px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(10px,2vw,28px)}
.cert{position:relative;background:var(--paper);border:4px solid var(--ink);border-radius:18px;box-shadow:10px 10px 0 var(--ink);overflow:hidden;
  transform-style:preserve-3d;transition:transform .2s var(--ease-out);min-width:0}
.cert-guilloche{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cert-inner{position:relative;padding:clamp(36px,5.5vw,70px) clamp(28px,6vw,84px) clamp(34px,5vw,60px);display:grid;gap:clamp(18px,2.4vw,28px)}
.cert-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:600 11.5px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase}
.cert-title{font:900 clamp(36px,5.2vw,76px)/.95 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.03em;text-align:center}
.cert-title em{display:block;font-size:.42em;letter-spacing:0;margin-bottom:.35em;font-weight:700}
.cert-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,40px);padding:clamp(16px,2.4vw,26px) 0;
  border-block:2px solid var(--ink)}
.cert-portrait{position:relative;width:clamp(96px,12vw,150px);aspect-ratio:1;border-radius:50%;border:3px solid var(--ink);background:var(--lime);overflow:hidden;
  box-shadow:0 0 0 6px var(--paper),0 0 0 8px var(--ink)}
.cert-portrait img{position:absolute;width:170%;max-width:none;left:-23%;top:-4%}
.cert-supply{display:grid;gap:6px;min-width:0}
.cert-num{font:900 clamp(28px,4.5vw,66px)/.95 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.cert-supply span:last-child{font:600 12.5px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:rgba(251,253,241,.86)}
.cert-grid div{padding:14px 16px;display:grid;gap:6px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);min-width:0}
.cert-grid div:nth-child(3n){border-right:0}
.cert-grid div:nth-last-child(-n+3){border-bottom:0}
.cert-grid dt{font:600 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.cert-grid dd{font:850 clamp(20px,2.1vw,28px)/1.05 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.01em}
.cert-foot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:clamp(14px,3vw,36px)}
.cert-sign{display:grid;gap:4px;justify-items:start}
.cert-sign svg{width:clamp(130px,14vw,190px);height:auto}
.cert-sign svg path{stroke-dasharray:var(--len,900);stroke-dashoffset:0}
.cert.is-pending .cert-sign svg path{stroke-dashoffset:var(--len,900)}
.cert.is-signed .cert-sign svg path{transition:stroke-dashoffset 1.4s ease-in-out .5s;stroke-dashoffset:0}
.cert-sign span{font:600 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;border-top:2px solid var(--ink);padding-top:6px}
.cert-fine{font:500 12px/1.6 var(--f-mono);color:var(--muted);max-width:56ch}
.seal{width:clamp(92px,10vw,124px);aspect-ratio:1;transform:rotate(-12deg)}
.cert.is-pending .seal{opacity:0;transform:scale(1.9) rotate(-30deg)}
.cert.is-stamped .seal{animation:stamp .5s cubic-bezier(.5,0,.4,1.5) both}
@keyframes stamp{0%{opacity:0;transform:scale(1.9) rotate(-30deg)}70%{opacity:1;transform:scale(.94) rotate(-10deg)}100%{opacity:1;transform:scale(1) rotate(-12deg)}}
.cert.is-thud{animation:thud .35s ease-out}
@keyframes thud{0%{translate:0 0}30%{translate:2px 3px}60%{translate:-2px -1px}100%{translate:0 0}}
.foil{position:absolute;top:0;bottom:0;right:clamp(10px,1.6vw,22px);width:clamp(12px,1.2vw,16px);pointer-events:none;opacity:.9;
  background:linear-gradient(180deg,#CCFF00,#9EF0FF 25%,#FCBCBB 50%,#FFE07A 75%,#CCFF00);background-size:100% 300%;animation:foil 6s linear infinite;
  -webkit-mask:repeating-linear-gradient(180deg,#000 0 14px,rgba(0,0,0,.35) 14px 18px);mask:repeating-linear-gradient(180deg,#000 0 14px,rgba(0,0,0,.35) 14px 18px);
  border-inline:1px solid rgba(10,10,8,.35)}
@keyframes foil{to{background-position:0 300%}}
.cert-cow{width:clamp(150px,16vw,240px);margin-bottom:-4px;z-index:2}

/* ---------- section: buy ---------- */
.buy-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(18px,2.6vw,32px);align-items:start}
.fastlane{position:relative;background:var(--lime);border:4px solid var(--ink);border-radius:var(--hand);padding:clamp(24px,3vw,36px);display:grid;gap:16px;
  box-shadow:8px 8px 0 var(--ink);overflow:hidden;min-height:100%}
.fastlane h3{font:900 clamp(38px,4.6vw,64px)/.92 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.03em}
.fastlane p{font-size:17px;max-width:30ch}
.fastlane .btn{justify-self:start;position:relative;z-index:2}
.fl-steps{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:2}
.fl-steps li{font:600 11.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink);border-radius:999px;padding:7px 10px;background:rgba(251,253,241,.6)}
.fl-cow{position:absolute;right:-14px;bottom:-26px;width:clamp(120px,12vw,170px);z-index:1}
.fl-space{height:clamp(70px,9vw,120px)}
.steps{display:grid;gap:14px;counter-reset:s}
.step{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 18px;background:var(--paper);border:var(--stroke) solid var(--ink);border-radius:20px;
  padding:18px 20px 18px 18px;align-items:start;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}
.step:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink)}
.step-ico{width:64px;height:64px;position:relative}
.step-ico svg{width:100%;height:100%}
.step-ico b{position:absolute;left:-8px;top:-8px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;
  font:600 13px/1 var(--f-mono)}
.step h3{font:850 24px/1.05 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.01em;margin:4px 0 6px}
.step p{color:var(--muted);font-size:16px}
.step .eartag{margin-top:12px}
.safety{display:flex;gap:12px;align-items:center;margin-top:22px;font:600 13px/1.5 var(--f-mono);letter-spacing:.04em;flex-wrap:wrap}
.safety svg{width:26px;height:26px;flex:none}

/* ---------- footer / herd ---------- */
.herd{position:relative;padding-top:clamp(64px,8vw,110px);overflow:hidden;overflow:clip}
.herd h2{font-size:clamp(56px,10vw,150px)}
.herd-top{display:grid;gap:22px}
.herd-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,22px);margin-top:16px;max-width:900px}
.social{display:flex;align-items:center;gap:16px;padding:20px 22px;border:var(--stroke) solid var(--ink);border-radius:22px;background:var(--paper);text-decoration:none;
  box-shadow:6px 6px 0 var(--ink);transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),background-color .2s;min-width:0}
.social:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink);background:var(--lime)}
.social .ico{flex:none;width:56px;height:56px;border-radius:16px;background:var(--ink);color:var(--paper);display:grid;place-items:center}
.social .ico svg{width:26px;height:26px}
.social b{display:block;font:900 clamp(24px,2.6vw,34px)/1 var(--f-display);font-variation-settings:"SOFT" 100;letter-spacing:-.02em}
.social i{display:block;font:500 13px/1.4 var(--f-mono);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social span{min-width:0;flex:1}
.social .arrow{width:26px;height:26px;flex:none;transition:transform .2s}
.social:hover .arrow{transform:translate(3px,-3px)}
.pasture{position:relative;height:clamp(170px,17vw,240px);margin-top:clamp(16px,3vw,40px)}
.hill-far{position:absolute;left:0;bottom:0;width:100%;height:78%}
.hill-near{position:absolute;left:0;bottom:0;width:100%;height:46%}
.barn{position:absolute;right:7%;bottom:30%;width:clamp(110px,13vw,200px);height:auto}
.herd-cows{position:absolute;inset:0}
.mini{position:absolute;bottom:22%;width:clamp(56px,6vw,86px);aspect-ratio:1046/1209;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;padding:0;background:none}
.mini img{width:100%;height:100%;transition:transform .2s}
.mini .inner{position:absolute;inset:0}
.watchers{position:relative;padding-inline:var(--gutter);margin-top:-1px;background:var(--grass);padding-block:clamp(10px,2vw,24px) clamp(18px,3vw,36px)}
.watchers-svg{width:min(100%,1240px);height:auto;margin-inline:auto;overflow:visible}
.legal{position:relative;background:var(--ink);color:#DCE0CB;padding-block:clamp(36px,5vw,56px) calc(env(safe-area-inset-bottom,0px) + 34px)}
.legal-inner{display:grid;gap:22px}
.legal p{font-size:14px;line-height:1.65;max-width:92ch}
.legal-row{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid #34362B;
  font:500 12.5px/1.4 var(--f-mono);letter-spacing:.06em}
.legal-row nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.legal-row a{text-decoration:none;color:var(--lime)}
.legal-row a:hover{text-decoration:underline}
.to-top{display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:var(--ink);border:2px solid var(--lime);border-radius:999px;padding:9px 14px;cursor:pointer;
  font:600 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.to-top svg{width:16px;height:16px}
.to-top:hover{background:transparent;color:var(--lime)}

/* ---------- intro ---------- */
.intro{position:fixed;inset:0;z-index:100;display:none;pointer-events:auto}
html.intro-on .intro{display:block}
.intro-wipe{position:absolute;inset:0;width:100%;height:100%}
.intro-word{position:absolute;left:50%;top:50%;width:min(76vw,760px);transform:translate(-50%,-56%)}
.intro-svg{width:100%;height:auto;overflow:visible}
.intro-line{position:absolute;left:0;right:0;top:calc(50% + min(15vw,150px));text-align:center;font:600 12.5px/1.4 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;padding-inline:16px}
.intro.is-out .intro-word,.intro.is-out .intro-line{opacity:0;transform:translate(-50%,-56%) scale(.92);transition:opacity .25s,transform .3s}
.intro.is-out .intro-line{transform:none}

/* hero entrance (only while html.intro-play is set; final state is the default) */
html.intro-play .sign{z-index:5}
html.intro-play .sl{animation:rise .9s var(--ease-pop) both;animation-delay:calc(.15s + var(--i) * .12s)}
@keyframes rise{from{transform:translateY(105%) scaleY(.7)}to{transform:none}}
html.intro-play .sign-letters{clip-path:inset(-60% -5% 0 -5%)}
html.intro-play .hero-copy>*{animation:up .8s var(--ease-out) both;animation-delay:calc(.25s + var(--d,0) * .09s)}
@keyframes up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
html.intro-play .rig{animation:drop 2.9s both}
@keyframes drop{0%,38%{opacity:0;transform:translateY(-120%) scale(.55)}
  42%{opacity:1}
  72%{opacity:1;transform:translateY(-6%) scale(.98,1.02)}
  78%{transform:translateY(0) scale(1.08,.9)}
  86%{transform:translateY(-3%) scale(.97,1.04)}
  100%{opacity:1;transform:none}}
html.intro-play .ufo{display:block;animation:ufo 3s var(--ease-out) both}
@keyframes ufo{0%{transform:translate(160%,-80%) rotate(14deg);opacity:0}
  22%{opacity:1}35%,78%{transform:translate(0,0) rotate(-3deg)}
  84%{transform:translate(-8%,6%) rotate(4deg)}100%{transform:translate(-260%,-170%) rotate(-12deg);opacity:0}}
html.intro-play .ufo .beam{animation:beamon 3s both}
@keyframes beamon{0%,36%{opacity:0}42%,70%{opacity:1}78%,100%{opacity:0}}
html.intro-play .ground{animation:up .8s var(--ease-out) both .05s}

/* ---------- reveal on scroll ---------- */
[id]{scroll-margin-top:96px}
html{scroll-behavior:smooth}
[data-reveal].pre{opacity:0;transform:translateY(34px)}
[data-reveal].pre.in{opacity:1;transform:none;transition:opacity .8s var(--ease-out),transform .9s var(--ease-out);transition-delay:calc(var(--rd,0) * 90ms)}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .fact{grid-column:span 6}
  .facts .fact:nth-child(3){grid-column:span 12}
  .ticket,.yield{grid-column:span 12}
  .onchain-grid{grid-template-columns:1fr}
  .onchain-copy{position:static}
  .buy-grid{grid-template-columns:1fr}
  .fl-space{display:none}
}
@media (max-width:900px){
  .hero{padding-top:calc(env(safe-area-inset-top,0px) + 100px)}
  .hero-copy{max-width:100%}
  .sign{margin-top:calc(min(100%,1180px) * .52)}
  .rig{width:42%;left:calc(53.8% - 21%);bottom:95.6%}
  .rig-hint{right:auto;left:0;bottom:calc(95.6% + 18%)}
  .sun{width:17%;left:76%;bottom:205%}
  .cloud.c1{left:auto;right:-4%;top:-120%}
  .cloud.c2{left:2%;top:-90%}
  .ufo{width:36.5%;left:35.6%;bottom:95.6%}
  .cert-stage{grid-template-columns:1fr}
  .cert-cow{justify-self:end;margin-top:-40px;margin-right:6%}
  .cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cert-grid div:nth-child(3n){border-right:2px solid var(--ink)}
  .cert-grid div:nth-child(2n){border-right:0}
  .cert-grid div:nth-last-child(-n+3){border-bottom:2px solid var(--ink)}
  .cert-grid div:nth-last-child(-n+2){border-bottom:0}
  .cert-foot{grid-template-columns:1fr auto}
  .cert-fine{grid-column:1 / -1;order:3}
}
@media (max-width:760px){
  .board .brd.head{display:none}
  .board{padding:14px 12px}
  .brd{grid-template-columns:1fr 1fr;gap:12px 14px;padding:14px 8px}
  .brd>.cell:first-child,.brd>.cell:nth-child(3){grid-column:1 / -1}
  .cell{display:grid;gap:6px;min-width:0}
  .brd .lbl{display:block;font:600 9.5px/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#8E917E}
  .brd>.cell:first-child .lbl{display:none}
  .brd>.cell:first-child .flap{font-size:clamp(16px,5vw,24px)}
  .flap{font-size:clamp(10px,2.9vw,15px)}
  .flap .t.pad{display:none}
}
@media (max-width:640px){
  body{font-size:16px}
  .fact{grid-column:span 12}
  .ticket dl{grid-template-columns:1fr}
  .stamp-loss{display:none}
  .yield{grid-template-columns:1fr;padding-bottom:0}
  .yield .cameo{justify-self:end;margin-top:-40px}
  .herd-links{grid-template-columns:1fr}
  .cert-main{grid-template-columns:1fr;justify-items:start}
  .cert-title{text-align:left}
  .foil{display:none}
  .step{grid-template-columns:1fr}
  .step-ico{width:56px;height:56px}
  .hero-ctas .btn{flex:1 1 auto}
  .hero-ctas .btn-buy{flex-basis:100%}
  .hero-ctas .eartag{flex-basis:100%}
  .wl-big .b{padding-left:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .cloud,.sun .rays,.rig-core,.rig-tail,.rig-bell,.cameo .bob,.scene-beam,.scene-lights i,.scene-sparks i,.foil{animation:none!important}
}