:root{--ink:#35120f;--gold:#ffcf73;--cream:#fff0d5;--coral:#e86649;--wine:#521b18}
body{background:var(--wine);color:var(--cream)}
.wrapper{overflow:hidden;background:var(--wine)}
.header__body{background:#fff0dcf5;border-color:var(--ink);box-shadow:0 7px 0 #712b22,0 12px 35px #59201440}
.logo-text{font-family:Montserrat,sans-serif;font-weight:900;font-size:clamp(24px,3vw,42px);color:var(--ink);letter-spacing:-.055em;line-height:1}
.header__social-item,.header__buy{background:linear-gradient(145deg,#fff1c5,#ffb951);box-shadow:0 4px 0 #b9682f;border-color:var(--ink);color:var(--ink)}
.header__social-item:hover,.header__buy:hover,.top-about__button:hover{box-shadow:0 0 0 4px #ffcc7d}
.hero{background:#df6d4b}
.hero__bg,.loaded .hero__bg{animation:none;transform:none}
.hero__bg img{transform:none!important}
.hero__bg img:nth-child(2){opacity:.14;mix-blend-mode:screen}
.hero__container,.loaded .hero__container{animation:none;transform:none;opacity:1;visibility:visible;min-height:105vh;padding-top:clamp(145px,12vw,220px)}
.hero__title{z-index:5;transform:none!important;text-align:center}
.father-title{display:block;color:#fff1d5;font:900 clamp(46px,7.4vw,142px)/.98 Montserrat,sans-serif;letter-spacing:-.065em;-webkit-text-stroke:3px #682819;paint-order:stroke fill;text-shadow:0 7px 0 #8b3824,0 14px 35px #7d2c31a0;white-space:nowrap}
.father-tagline{display:block;color:#fff9e9;font:800 clamp(13px,1.5vw,24px)/1.5 Inter,sans-serif;margin-top:16px;text-shadow:0 2px 6px #51180b}
.hero__images{transform:none!important;pointer-events:none}
.hero__image.p1{left:0;top:72%;width:24%}
.hero__image.p2{top:64%;width:49%}
.hero__image.p3{top:44%;right:7%;width:13%}
.hero__image.p3 img{animation:none}
.hero__image.p4{right:-2%;top:77%;width:27%}
.hero__image.p4 img{border-radius:44% 44% 18% 18%;mask-image:linear-gradient(#000 85%,transparent)}
.hero__actions{position:absolute;bottom:7%;left:0;gap:30px;align-items:center;transform:none!important}
.hero__socail{margin:0;gap:10px;align-items:center;align-self:center}
.hero__social-item,.hero__social-item.x,.hero__social-item.tel,.hero__social-item.dex,.join__social-item.x,.join__social-item.tel,.join__social-item.dex{width:70px;margin:0;flex:0 0 auto}
.platform-mark{width:100%;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle at 33% 25%,#ffedbb,#eeaa44 70%,#aa532b);border:3px solid #713519;border-radius:50%;box-shadow:0 4px 0 #7c301b,0 0 22px #ffd66e55}
.platform-mark svg{width:43%;height:43%}
.platform-mark svg path{fill:#452015}
.platform-mark:hover{transform:translateY(-3px)}
.hero__buy,.join__buy{width:130px;align-self:center;overflow:visible;border-radius:50%;flex-shrink:0}
.buy-label{display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1;background:radial-gradient(circle at 35% 20%,#fff9d3,#ffc35e 58%,#ed852b);border:3px solid #873c1f;border-radius:50%;box-shadow:0 6px 0 #843318,0 0 26px #ffe4a375;color:#562116;font:800 23px/1.12 Montserrat,sans-serif;transform:rotate(-9deg)}
.buy-label strong{font-size:18px}.buy-label>span{font-size:28px}
.top-about{padding-top:120px;background:linear-gradient(#a2392a,#521b18);padding-bottom:50px}
.top-about__bg{display:none}
.top-about__title,.bottom-about__content-title,.feature__title,.roadmap__title,.roadmap__item h3{color:var(--cream);-webkit-text-stroke-color:#692b1c}
.top-about__title{font-size:clamp(32px,5.3vw,84px)}
.ticker{color:var(--gold)}
.top-about__text{width:min(620px,100%)}
.top-about__text video{max-height:340px;object-fit:cover;border:2px solid #c57b46;border-radius:18px;margin:0 0 24px;background:#35120f}
.top-about__text>div{justify-content:center}
.top-about__text a{background:linear-gradient(130deg,#bb5135,#8d3423)!important;border:1px solid #f2aa68;color:#fff1d5!important}
.top-about__button{background:#602820;box-shadow:0 4px 0 #bd7137;border-color:#d59a56;color:#ffe2ad}
.top-about__supply{transform:rotate(-7deg);width:210px;margin-top:35px}
.family-seal{display:block;padding:20px 14px;border:3px double #eab063;border-radius:50%;background:#783923;color:#ffe4ae;font:800 15px/1.5 Montserrat,sans-serif}
.family-seal strong{font-size:30px}
.bottom-about{background:#521b18;padding-bottom:65px}
.bottom-about__bg{display:none}
.bottom-about__image-left img,.bottom-about__image-right img{border:2px solid #edb771;box-shadow:0 18px 55px #23090788}
.bottom-about__content{margin-top:36px;transform:none!important}
.bottom-about__content-text p{color:#e8c5ae;line-height:1.6}
.bottom-about__container{gap:4%;align-items:flex-start}
.bottom-about__column{min-width:0;flex:1 1 0}
.bottom-about__column:nth-child(2){padding-left:0}
.bottom-about__image-left,.bottom-about__image-right{width:100%;transform:none;margin:0}
.bottom-about__image-left img,.bottom-about__image-right img{width:100%;height:auto;position:static;transform:none}
.bottom-about__image-left:after,.bottom-about__image-right:after{display:none}
.top-about__container{transform:none!important}
.father-reference{width:100%;height:340px;object-fit:cover;border-radius:18px;border:2px solid #c57b46;margin-bottom:24px}
.feature{background:#8a3125;padding:70px 0 90px}
.feature:before{display:none}
.feature__bg{inset:0;width:100%;height:100%;transform:none;opacity:.2}
.feature__container{min-height:600px;align-items:flex-start;justify-content:center}
.feature__title{position:relative;z-index:4;max-width:none;font-size:clamp(46px,6vw,100px);text-shadow:0 4px 20px #512113}
.feature__image{width:62%;top:58%;aspect-ratio:1179/1198;max-height:560px}
.feature__image img{object-fit:cover;border-radius:24px;border:2px solid #eec076}
.roadmap{background:radial-gradient(ellipse at top,#9b492d,#491815);padding-top:85px;padding-bottom:380px}
.roadmap:before{background-image:url('father-assets/p1-2.png.webp');width:40%;bottom:0}
.roadmap:after{background-image:url('father-assets/p2-2.png.webp');width:48%;bottom:0}
.roadmap__container:after{display:none}
.roadmap__body{max-width:100%;transform:none!important}
.roadmap__items{max-width:900px}
.roadmap__item{background:#3d170dd9!important;border:1px solid #d79751;border-radius:16px;padding:18px 25px}
.roadmap__item h3{font-size:clamp(24px,3vw,44px);border:0;margin:0;white-space:nowrap}
.join{margin-top:0!important;aspect-ratio:1920/1476;background:#942b19}
.join__bg img{width:100%;height:100%;object-fit:cover}
.join__bg img:nth-child(2){display:none}
.join__container{padding:0 20px 9%;justify-content:center;gap:24px;align-items:center}
.join__social{flex-direction:row;gap:10px;margin:0}
.footer{background:#35120f;color:#f0cbab}
a:focus-visible,button:focus-visible{outline:3px solid #ffe5a5;outline-offset:6px}
@media(max-width:767px){
.menu__body{background:#fff0da}.menu__link{color:#542118}
.hero__container{min-height:860px;padding-top:140px}
.hero__bg img:nth-child(1){content:url('father-assets/mq5ytkp1-bg-mob.png.webp')}
.hero__bg img:nth-child(2){content:url('father-assets/mq5ytkl8-front-mob.png.webp')}
.father-title{white-space:normal;font-size:clamp(44px,11.8vw,78px);line-height:1.04;-webkit-text-stroke:2px #682819}
.father-tagline{max-width:280px;margin:16px auto 0;font-size:13px}
.hero__image.p2{width:100%;top:51%;left:48%}
.hero__image.p1{width:43%;top:73%;left:-5%}
.hero__image.p3{width:24%;top:35%;right:-1%}
.hero__image.p4{width:49%;top:74%;right:-8%}
.hero__actions{bottom:6%;padding:0 15px;gap:16px;margin:0}
.hero__socail{margin:0;padding:0;gap:8px}
.hero__social-item.x,.hero__social-item.tel,.hero__social-item.dex,.join__social-item.x,.join__social-item.tel,.join__social-item.dex{width:48px}
.hero__buy,.join__buy{width:100px}
.buy-label{font-size:18px}.buy-label strong{font-size:14px}
.top-about{padding-top:65px}.top-about__text video{max-height:260px}
.bottom-about__container{flex-direction:column;gap:32px}
.bottom-about__column{width:100%}
.father-reference{height:260px}
.bottom-about__image-left{margin-top:0}.bottom-about__image-right{width:80%;margin:auto}
.bottom-about__content{margin-top:40px}
.bottom-about__content-title{font-size:42px}
.feature{padding:50px 0}.feature__container{min-height:0}
.feature__title{margin-bottom:20px}
.feature__image-mob{width:100%;margin:0;padding:0 16px}
.feature__image-mob img{width:100%;border-radius:16px;border:1px solid #ffc77b}
.roadmap{padding-top:55px;padding-bottom:270px}
.roadmap__body{align-items:stretch}.roadmap__items{grid-template-columns:1fr;gap:14px}
.roadmap__title{font-size:48px}.roadmap__item h3{font-size:27px}
.roadmap:before{width:60%;bottom:0}.roadmap:after{width:64%;bottom:0;animation:none}
.join{aspect-ratio:768/1030}
.join__bg img:nth-child(1){display:none}.join__bg img:nth-child(2){display:block;content:url('father-assets/mq5ytkn2-bg-1-mob.png.webp');object-position:center}
.join__container{padding-bottom:12%;gap:14px}.join__social{flex-direction:row;gap:7px}
}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on"]) *,html:not([data-motion="on"]) *:before,html:not([data-motion="on"]) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Floating, deliberately staggered controls: retain the reference's collage rhythm. */
.hero__actions{height:240px;bottom:6%;pointer-events:none;display:block}
.hero__actions a{pointer-events:auto}
.hero__socail{position:absolute;left:10%;bottom:25%;gap:15px;align-items:flex-start}
.hero__social-item.x{width:68px;translate:0 -18px;rotate:-15deg}
.hero__social-item.tel{width:91px;translate:0 18px;rotate:20deg}
.hero__social-item.dex{width:77px;translate:0 -38px;rotate:-9deg}
.hero__buy{position:absolute;left:68%;top:2%;width:154px;rotate:22deg}
.hero__social-item,.join__social-item{animation:father-bob 4.8s ease-in-out infinite}
.hero__social-item.tel,.join__social-item.tel{animation-delay:-1.8s;animation-duration:5.7s}
.hero__social-item.dex,.join__social-item.dex{animation-delay:-3.2s;animation-duration:4.3s}
.hero__buy,.join__buy{animation:father-bob 5.3s ease-in-out -.8s infinite}
.platform-mark,.buy-label{transition:scale .22s ease,filter .22s ease}
a:hover>.platform-mark,a:hover>.buy-label{scale:1.09;filter:brightness(1.12)}
a:active>.platform-mark,a:active>.buy-label{scale:.96}
.join__container{gap:70px;padding-bottom:12%;align-items:flex-end}
.join__buy{rotate:-17deg;translate:0 -42px;width:160px}
.join__social{gap:18px;align-items:flex-start}
.join__social-item.x{width:66px;rotate:14deg;translate:0 18px}
.join__social-item.tel{width:89px;rotate:-19deg;translate:0 -34px}
.join__social-item.dex{width:76px;rotate:12deg;translate:0 -85px}
.hero__image.p3 img{animation:father-roll 9s ease-in-out infinite}
.hero__bg img:first-child{translate:0 var(--father-bg-y,0px);scale:1.06}
.hero__title{translate:0 var(--father-title-y,0px)}
.hero__images{translate:0 var(--father-images-y,0px)}
@keyframes father-bob{0%,100%{transform:translateY(-8px) rotate(-4deg)}50%{transform:translateY(10px) rotate(5deg)}}
@keyframes father-roll{0%,100%{transform:rotate(-12deg) translateY(-7px)}50%{transform:rotate(12deg) translateY(8px)}}
@media(max-width:767px){
.hero__actions{height:160px;bottom:3%;padding:0}
.hero__socail{left:5%;bottom:26%;gap:11px}
.hero__social-item.x{width:45px;translate:0 -16px}
.hero__social-item.tel{width:57px;translate:0 8px}
.hero__social-item.dex{width:49px;translate:0 -24px}
.hero__buy{width:106px;left:auto;right:5%;top:5%;rotate:17deg}
.join__container{padding-bottom:10%;gap:24px}
.join__buy{width:106px;translate:0 -16px}
.join__social{gap:10px}
.join__social-item.x{width:43px;translate:0 8px}
.join__social-item.tel{width:55px;translate:0 -16px}
.join__social-item.dex{width:46px;translate:0 -48px}
}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on"]) .hero__bg img:first-child,html:not([data-motion="on"]) .hero__title,html:not([data-motion="on"]) .hero__images{translate:none}}

/* Restore the reference keyframes rather than replacing its choreography. */
.loaded .hero__bg{animation:hero-start 1.2s ease both}
.loaded .hero__container{animation:hero-cont-start 1.2s ease .2s both}
.hero__image.p1,.hero__image.p4{animation:fly 5s ease -.3s infinite}
.hero__image.p2{animation:fly2 5s ease infinite}
.hero__image.p3{animation:fly 5s ease -.6s infinite}
.hero__image.p3 img{animation:fly-p3 32s linear infinite}
.motion-toggle{position:fixed;right:16px;bottom:16px;z-index:1000;padding:10px 15px;border:1px solid #ffcf73;border-radius:30px;color:#ffedc9;background:#451c15e8;font:600 12px/1.2 Inter,sans-serif;cursor:pointer;box-shadow:0 3px 12px #35120f44}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation-play-state:paused!important}
html[data-motion="off"] .hero__bg,html[data-motion="off"] .hero__container{animation:none!important;transform:none;opacity:1;visibility:visible}
html[data-motion="off"] .hero__bg img:first-child,html[data-motion="off"] .hero__title,html[data-motion="off"] .hero__images{translate:none}
/* Keep the source entrance timing, without its 3D stacking occlusion. */
.hero{perspective:none;transform-style:flat}
@keyframes hero-start{from{transform:scale(1.18);opacity:.3}to{transform:scale(1);opacity:1}}
@keyframes hero-cont-start{from{transform:translateY(65px) scale(1.08);opacity:0;visibility:visible}to{transform:translateY(0) scale(1);opacity:1;visibility:visible}}