/* Draft hero studies. All character assets are original collection artwork. */
.rd-hero{--hero-scroll:0px;position:relative;isolation:isolate;min-height:max(760px,100svh);background:#ffc928;color:#111;overflow:hidden;padding:clamp(125px,13vh,170px) 5vw 100px;display:flex;align-items:center}
.rd-hero *{box-sizing:border-box}.rd-hero [hidden]{display:none!important}
.rd-hero-copy{position:relative;z-index:4;width:57%;pointer-events:none}
.rd-eyebrow{font:700 13px/1.5 Lunema,sans-serif;letter-spacing:.11em;margin:0 0 28px}
.rd-hero h1{font:400 clamp(64px,7.7vw,126px)/.95 Jackerton,sans-serif;letter-spacing:.015em;margin:0;text-transform:uppercase}
.rd-hero h1 span{color:#fff;text-shadow:2px 3px 0 #111;-webkit-text-stroke:1px #111}
.rd-hero-lede{font:400 clamp(16px,1.4vw,20px)/1.6 Lunema,sans-serif;max-width:440px;margin:28px 0 30px}
.rd-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;pointer-events:auto}
.rd-cta{display:inline-flex;min-height:54px;align-items:center;justify-content:space-between;gap:20px;padding:15px 23px;border:1.5px solid #111;border-radius:50px;font:700 14px/1.3 Lunema,sans-serif;text-decoration:none;transition:transform .25s,box-shadow .25s}
.rd-cta-primary{background:#111;color:#fff}.rd-cta-secondary{background:#ffc928;color:#111}
.rd-cta:hover{transform:translateY(-3px);box-shadow:3px 5px 0 #1113}
.rd-cast{position:absolute;inset:0;z-index:2;pointer-events:none}
.rd-duck{position:absolute;transform:translate3d(var(--duck-x,0px),calc(var(--duck-y,0px) + var(--hero-scroll)),0) rotate(var(--tilt,0deg));transition:transform .5s ease-out;pointer-events:auto}
.rd-duck img{display:block;width:100%;height:auto;max-width:none;filter:drop-shadow(12px 22px 10px #69450027);user-select:none;-webkit-user-drag:none;transition:scale .45s}
.rd-duck-lead{--tilt:-12deg;width:min(39vw,650px);right:2%;top:19%;z-index:3}
.rd-duck-racer{--tilt:14deg;width:min(25vw,420px);right:-5%;bottom:-11%;z-index:4}
.rd-duck-back{--tilt:12deg;width:min(20vw,330px);right:3%;top:-14%;z-index:1;opacity:.84}
.rd-duck-edge{--tilt:18deg;width:180px;left:-95px;bottom:-125px;z-index:1}
.rd-duck.near img{scale:1.04}
.rd-duck-float{animation:rd-float 7s ease-in-out infinite}.rd-duck-racer .rd-duck-float{animation-delay:-3s;animation-duration:8.5s}.rd-duck-back .rd-duck-float{animation-delay:-1.8s;animation-duration:10s}
.rd-water{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 75% 28%,#ffeb9a 0%,#ffda5b55 25%,transparent 62%)}
.rd-water i{position:absolute;display:block;width:57vw;height:20vw;border:1px solid #1112;border-radius:50%;left:49%;bottom:-2vw;transform:rotate(-16deg);box-shadow:0 0 0 35px #ffffff15,0 0 0 80px #ffffff0b;animation:rd-ripple 9s ease-in-out infinite}
.rd-water i:nth-child(2){width:25vw;height:8vw;bottom:22%;left:67%;opacity:.35;animation-delay:-4s}.rd-water i:nth-child(3){width:10vw;height:10vw;bottom:auto;top:18%;left:43%;opacity:.28;box-shadow:inset 5px 6px 10px #fff5;animation-delay:-6s}
.rd-hero-bottom{position:absolute;z-index:5;left:5vw;right:5vw;bottom:23px;display:flex;justify-content:space-between;align-items:center;gap:16px;font:700 12px/1.4 Lunema,sans-serif;letter-spacing:.04em}
.rd-hero-bottom>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.rd-motion,.rd-sound{padding:10px 13px;min-height:44px;border:1px solid currentColor;background:#ffc928d9;color:inherit;border-radius:30px;font:400 13px/1.3 Lunema,sans-serif;cursor:pointer}.rd-sound-status{font:400 12px/1.4 Lunema,sans-serif;max-width:150px}.rd-sound[aria-disabled=true]{opacity:.65;cursor:default}
.rd-film-layer,.rd-film-shade{position:absolute;inset:0;z-index:-1}.rd-film-poster,.rd-hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.rd-hero-film{opacity:0;transition:opacity .5s}.rd-hero-film.is-playing{opacity:1}
.rd-film-shade{z-index:0;background:linear-gradient(90deg,#ffc928f5 0%,#ffc928e8 21%,#ffc928c4 35%,#ffc9284d 55%,#1110 74%),linear-gradient(0deg,#111d 0%,transparent 15%,transparent 85%,#111a 100%)}
.rd-hero-b .rd-hero-copy{width:58%;}.rd-hero-b .rd-hero-bottom{color:#fff}.rd-hero-b .rd-hero-bottom button{background:#111b}.rd-hero-b h1 span{color:#111;text-shadow:none;-webkit-text-stroke:0}
.rd-enter .rd-hero-copy{animation:rd-copy-in .85s cubic-bezier(.16,1,.3,1) both}.rd-enter .rd-duck-lead .rd-duck-float{animation:rd-duck-in 1.1s cubic-bezier(.16,1,.3,1) both,rd-float 7s 1.1s ease-in-out infinite}
.rd-hero.is-paused *,.motion-paused .rd-hero *{animation-play-state:paused!important}.rd-hero.is-paused .rd-duck,.motion-paused .rd-duck{transform:rotate(var(--tilt,0deg))!important}.rd-hero.is-paused .rd-hero-film,.motion-paused .rd-hero-film{opacity:0}
.rd-hero a:focus-visible,.rd-hero button:focus-visible{outline:3px solid #111;outline-offset:5px}
@keyframes rd-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -12px;rotate:1.5deg}}
@keyframes rd-ripple{0%,100%{scale:1;opacity:.65}50%{scale:1.07;opacity:.35}}
@keyframes rd-duck-in{from{opacity:0;translate:90px 90px;rotate:14deg;scale:.9}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}
@keyframes rd-copy-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.rd-hero-copy{width:52%}.rd-duck-lead{top:10%;right:8%}.rd-duck-racer{right:-2%;bottom:-15%}}
@media(max-width:899px){.rd-hero{min-height:930px;padding:130px 6vw 420px;align-items:flex-start}.rd-hero-copy,.rd-hero-b .rd-hero-copy{width:100%;max-width:620px}.rd-hero h1{font-size:clamp(60px,10vw,88px)}.rd-hero h1 span br{display:none}.rd-hero-lede{max-width:450px;margin:20px 0}.rd-eyebrow{font-size:12px;margin-bottom:20px}.rd-duck-lead{width:360px;top:auto;right:12%;bottom:5%}.rd-duck-racer{width:240px;bottom:-10%;right:-8%}.rd-duck-back{width:190px;top:auto;bottom:12%;right:auto;left:-8%}.rd-duck-edge{display:none}.rd-water i{width:100vw;height:30vw;left:10%;bottom:4%}.rd-hero-bottom{left:6vw;right:6vw}.rd-hero-b{padding-bottom:340px;min-height:930px}.rd-film-shade{background:linear-gradient(180deg,#ffc928e6 0%,#ffc928f2 17%,#ffc928c7 37%,#ffc92852 53%,#11100f00 65%,#111c 100%)}.rd-film-poster,.rd-hero-film{object-position:65% center}}
@media(max-width:599px){.rd-hero{min-height:max(820px,100svh);padding:104px 24px 330px}.rd-hero h1{font-size:clamp(43px,11.6vw,69px);line-height:1.01;letter-spacing:.015em}.rd-hero h1 span br{display:block}.rd-eyebrow{font-size:11px;letter-spacing:.07em;max-width:265px;margin-bottom:16px}.rd-hero-lede{font-size:15px;line-height:1.55;max-width:310px;margin:18px 0 20px}.rd-hero-ctas{gap:8px}.rd-cta{min-height:48px;font-size:12px;padding:12px 15px;gap:10px}.rd-duck-lead{width:260px;right:15%;bottom:1%}.rd-duck-racer{width:180px;right:-11%;bottom:-7%}.rd-duck-back{width:135px;left:-10%;bottom:9%}.rd-hero-bottom{left:24px;right:24px;bottom:13px;font-size:10px}.rd-hero-bottom>span{max-width:100px}.rd-motion,.rd-sound{font-size:12px;padding:8px 10px}.rd-hero-b{min-height:max(820px,100svh)}.rd-hero-b .rd-hero-bottom{align-items:flex-end}.rd-hero-b .rd-hero-bottom>div{justify-content:flex-end;gap:5px 8px;max-width:230px}.rd-sound-status{order:3;max-width:none;width:100%;text-align:right;font-size:11px}}
@media(prefers-reduced-motion:reduce){.rd-hero *{animation:none!important;transition:none!important}.rd-duck{transform:rotate(var(--tilt,0deg))!important}.rd-hero-film{display:none!important}}

/* Keep the background close to its native 1080p height on large displays. */
@media(min-width:900px){.rd-hero-b{min-height:clamp(760px,100svh,1080px)}}

/* White-film study: original brand colors, outlined display lettering. */
.rd-hero h1 .rd-title-intro,
.rd-hero h1 .rd-title-original,
.rd-hero h1 .rd-title-ducks,
.rd-hero h1 .rd-title-nft{display:block;width:fit-content;max-width:100%;paint-order:stroke fill;}
.rd-hero h1 .rd-title-intro{font-size:.34em;line-height:1.2;letter-spacing:.08em;margin-bottom:.12em;color:#111;text-shadow:none;-webkit-text-stroke:0;}
.rd-hero h1 .rd-title-original{color:#fff;-webkit-text-stroke:2px #111;text-shadow:5px 5px 0 #111;paint-order:normal;line-height:1.08;}
.rd-hero h1 .rd-title-ducks{font-size:.92em;line-height:1.15;color:#fff;-webkit-text-stroke:2px #111;text-shadow:5px 5px 0 #111;paint-order:normal;}
.rd-hero h1 .rd-title-nft{font-size:.42em;line-height:1.25;letter-spacing:.035em;margin-top:.3em;color:#111;text-shadow:none;-webkit-text-stroke:0;}
.rd-hero-b{background:#ffc928;}
.rd-hero-b .rd-film-shade{background:linear-gradient(90deg,#ffc928f5 0%,#ffc928e8 20%,#ffc928c9 36%,#ffc92861 53%,#ffc9280d 72%,transparent 100%),linear-gradient(180deg,#ffc928dc 0%,#ffc92870 8%,transparent 21%,transparent 80%,#ffc928c4 100%);}
.rd-hero-b .rd-hero-bottom{color:#111;}
.video-hero-page .site-header .brand{width:210px;flex-basis:210px;}
.video-hero-page .site-header .brand img{filter:none;}
.video-hero-page .site-header.scrolled .brand img{filter:none;}
@media(max-width:899px){
 .rd-hero-b .rd-film-shade{background:linear-gradient(180deg,#ffc928f5 0%,#ffc928f0 22%,#ffc928d1 39%,#ffc92880 53%,#ffc9280d 70%,#ffc92880 100%);}
 .video-hero-page .site-header .brand{width:180px;flex-basis:auto;}
}
@media(max-width:599px){
 .rd-hero h1{font-size:clamp(40px,12vw,74px);}
 .rd-hero h1 .rd-title-original,.rd-hero h1 .rd-title-ducks{-webkit-text-stroke:2px #111;text-shadow:5px 5px 0 #111;}
 .rd-hero h1 .rd-title-intro{font-size:.4em;}
 .rd-hero h1 .rd-title-nft{font-size:.44em;}
 .video-hero-page .site-header .brand{width:165px;}
}

/* Production hero: a large editorial title over the original HD collection film. */
.rd-hero-b .rd-hero-copy{width:66%;max-width:1120px;}
.rd-hero-b h1{font-size:clamp(76px,9vw,160px);letter-spacing:.02em;}
.rd-hero-b h1 .rd-title-intro{font-size:.46em;margin-bottom:.06em;}
.rd-hero-b h1 .rd-title-original{line-height:1.04;}
.rd-hero-b h1 .rd-title-ducks{font-size:.95em;line-height:1.08;}
.rd-hero-b h1 .rd-title-nft{font-size:.42em;line-height:1.25;margin-top:.2em;}
.rd-hero-b .rd-eyebrow{margin-bottom:22px;}
.rd-hero-b .rd-hero-lede{margin:24px 0;}
@media(max-width:899px){
 .rd-hero-b{min-height:max(800px,100svh);padding:130px 6vw 180px;}
 .rd-hero-b .rd-hero-copy{width:100%;max-width:740px;}
 .rd-hero-b h1{font-size:clamp(68px,11vw,96px);}
}
@media(max-width:599px){
 .rd-hero-b{min-height:max(780px,100svh);padding:112px 24px 170px;}
 .rd-hero-b h1{font-size:clamp(42px,13.7vw,78px);letter-spacing:.025em;}
 .rd-hero-b h1 .rd-title-ducks{font-size:.9em;}
 .rd-hero-b h1 .rd-title-nft{font-size:.46em;}
 .rd-hero-b .rd-hero-lede{font-size:16px;max-width:340px;margin:22px 0;}
 .rd-hero-b .rd-eyebrow{margin-bottom:22px;}
}

/* Compact title lockup: THE sits immediately over the O in ORIGINAL. */
.rd-hero-b h1{position:relative;padding-top:.26em;}
.rd-hero-b h1 .rd-title-intro{position:absolute;top:.08em;left:.05em;width:2em;max-width:none;margin:0;font-size:clamp(14px,.24em,38px);line-height:1;text-align:center;letter-spacing:.035em;}
.rd-hero-b h1 .rd-title-original{line-height:.84;}
.rd-hero-b h1 .rd-title-ducks{line-height:.9;margin-top:.025em;}
.rd-hero-b h1 .rd-title-nft{line-height:1.05;margin-top:.08em;}
.video-hero-page .site-header .brand img{filter:brightness(0);}
.video-hero-page .site-header.scrolled .brand img{filter:none;}

.rd-hero h1 [data-brand-case]{display:inline;font:inherit;letter-spacing:inherit;color:inherit;text-shadow:inherit;-webkit-text-stroke:inherit;paint-order:inherit;}