.dao-cinematic-hero{position:relative;isolation:isolate;overflow:hidden;--dao-hero-exit: 0;--dao-hero-handoff: 0;--dao-hero-stage-width: var(--dao-home-hero-stage-width, 1440px);--dao-hero-inline: var(--dao-home-hero-inline, clamp(32px, 7vw, 104px));--dao-hero-action-width: clamp(260px, 18vw, 316px);min-height:680px;height:min(var(--dao-hero-desktop-height, 900px),max(680px,calc(100svh - var(--header-height, 0px))));max-height:960px;background:#030303;color:#e8e2d6eb}.dao-cinematic-hero *,.dao-cinematic-hero *:before,.dao-cinematic-hero *:after{box-sizing:border-box}.dao-cinematic-hero__media,.dao-cinematic-hero__poster,.dao-cinematic-hero__poster img,.dao-cinematic-hero__video,.dao-cinematic-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.dao-cinematic-hero__media{z-index:-2;background:#030303;transform:scale(calc(1 + var(--dao-hero-exit) * .045));transform-origin:58% 50%;will-change:transform}.dao-cinematic-hero__poster{display:block;z-index:1;opacity:1;transition:opacity .62s ease}.dao-cinematic-hero.is-video-ready .dao-cinematic-hero__poster{opacity:0}.dao-cinematic-hero.is-video-buffering .dao-cinematic-hero__poster{opacity:1;transition-duration:.16s}.dao-cinematic-hero__poster img,.dao-cinematic-hero__video{width:100%;height:100%;object-fit:cover;object-position:56% center}.dao-cinematic-hero__video{z-index:0;display:block;opacity:1;transition:opacity .62s ease;pointer-events:none}.dao-cinematic-hero.is-video-ready .dao-cinematic-hero__video{opacity:1}.dao-cinematic-hero__overlay{z-index:-1;background:linear-gradient(90deg,rgb(4 4 3 / calc(var(--dao-desktop-overlay-strength, .72) * .88)),rgb(4 4 3 / calc(var(--dao-desktop-overlay-strength, .72) * .62)) 32%,rgb(4 4 3 / calc(var(--dao-desktop-overlay-strength, .72) * .18)) 58%,rgb(4 4 3 / calc(var(--dao-desktop-overlay-strength, .72) * .02)) 78%),linear-gradient(180deg,#04040329,#04040300 42%,#04040333);pointer-events:none}.dao-cinematic-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(100%,var(--dao-hero-stage-width));height:100%;margin-inline:auto;padding:clamp(72px,8vw,126px) var(--dao-hero-inline);opacity:calc(1 - var(--dao-hero-exit) * 1.14);transform:translate3d(0,calc(var(--dao-hero-exit) * -56px),0);will-change:opacity,transform}.dao-cinematic-hero[data-desktop-position=left-bottom] .dao-cinematic-hero__content{justify-content:flex-end;padding-bottom:clamp(88px,9vw,142px)}.dao-cinematic-hero__eyebrow{margin:0 0 18px;max-width:650px;color:#b98b44e6;font-size:clamp(11px,.86vw,13px);font-weight:600;letter-spacing:.22em;line-height:1.35;text-transform:uppercase}.dao-cinematic-hero__heading{margin:0;max-width:650px;color:#e8e2d6eb;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,5.5vw,88px);font-weight:500;letter-spacing:0;line-height:.98;text-wrap:balance}.dao-cinematic-hero__motion-line{display:block;overflow:clip}.dao-cinematic-hero__motion-line-inner{display:block}.dao-cinematic-hero__body{margin:28px 0 0;max-width:610px;color:#d2cbbead;font-size:clamp(15px,1.08vw,17px);line-height:1.64}.dao-cinematic-hero__actions{display:flex;flex-wrap:wrap;gap:12px;width:min(100%,calc(var(--dao-hero-action-width) * 2 + 12px));margin-top:32px}.dao-cinematic-hero__button{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;width:auto;max-width:100%;min-height:56px;margin-top:0;padding:0 32px;border:1px solid rgb(177 132 59 / .62);background:#06050442;color:#e8e2d6e0;font-size:13px;font-weight:650;letter-spacing:.18em;line-height:1;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.dao-cinematic-hero__button--secondary{border-color:#e8e2d647;background:#06050424;color:#e8e2d6b3}.dao-cinematic-hero__button:hover{border-color:#be8e42c7;background:#b1843bc7;color:#16110bf5}.dao-cinematic-hero__button:focus-visible{outline:2px solid rgb(226 190 126 / .96);outline-offset:4px}.dao-cinematic-hero__proof{max-width:620px;margin:20px 0 0;color:#e8e2d680;font-size:9px;letter-spacing:.13em;line-height:1.5;text-transform:uppercase}.dao-cinematic-hero__social{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(7px,.55vw,10px);width:var(--dao-hero-action-width);max-width:100%;margin-top:20px;padding:9px;border:1px solid rgb(177 132 59 / .18);border-radius:999px;background:#06050447;box-shadow:inset 0 0 0 1px #fff8e808,0 18px 46px #00000038;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dao-cinematic-hero__social-link{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgb(246 240 230 / .14);border-radius:50%;background:radial-gradient(circle at 35% 25%,#f6f0e61f,#f6f0e600 42%),#0c0b0a7a;color:#f8f1e8e0;text-decoration:none;transition:border-color .22s ease,background-color .22s ease,color .22s ease,transform .22s ease}.dao-cinematic-hero__social-link:hover,.dao-cinematic-hero__social-link:focus-visible{border-color:#d0aa64b8;background-color:#b1843b29;color:#ffe4a8f5;transform:translateY(-2px);outline:none}.dao-cinematic-hero__social-link:focus-visible{box-shadow:0 0 0 3px #e2be7e38}.dao-cinematic-hero__social-link:before{position:absolute;left:50%;bottom:calc(100% + 14px);z-index:3;padding:8px 11px;border-radius:7px;background:#2c2926fa;color:#fff8ef;content:attr(data-tooltip);font-size:12px;line-height:1;white-space:nowrap;box-shadow:0 12px 32px #00000057;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .16s ease,transform .16s ease}.dao-cinematic-hero__social-link:hover:before,.dao-cinematic-hero__social-link:focus-visible:before{opacity:1;transform:translate(-50%)}.dao-cinematic-hero__social-icon,.dao-cinematic-hero__social-icon svg,.dao-cinematic-hero__social-icon path{width:17px;height:17px;flex:0 0 17px;fill:currentColor}.dao-cinematic-hero__social-divider{flex:0 0 1px;width:1px;height:24px;margin-inline:1px;background:linear-gradient(180deg,transparent,rgb(246 240 230 / .22),transparent)}.dao-cinematic-hero__scroll{position:absolute;left:50%;bottom:24px;z-index:2;width:1px;height:48px;background:linear-gradient(180deg,#b98b4400,#b98b44cc,#b98b4400);transform:translate(-50%)}.dao-cinematic-hero__measure{position:absolute;z-index:2;top:50%;right:clamp(24px,3vw,52px);display:grid;justify-items:center;gap:12px;color:#e8e2d657;opacity:calc(1 - var(--dao-hero-exit));pointer-events:none;transform:translateY(-50%)}.dao-cinematic-hero__measure span{width:1px;height:clamp(96px,16vh,168px);background:linear-gradient(180deg,transparent,rgb(185 139 68 / .58),transparent)}.dao-cinematic-hero__measure i{font-size:8px;font-style:normal;letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl}.dao-cinematic-hero__handoff{position:absolute;z-index:3;left:50%;bottom:clamp(20px,4vh,42px);display:grid;grid-template-columns:minmax(70px,9vw) auto 18px;align-items:center;gap:18px;color:#e8e2d680;opacity:var(--dao-hero-handoff);pointer-events:none;transform:translate3d(-50%,calc((1 - var(--dao-hero-handoff)) * 18px),0)}.dao-cinematic-hero__handoff>span{height:1px;background:linear-gradient(90deg,transparent,rgb(185 139 68 / .72));transform:scaleX(var(--dao-hero-handoff));transform-origin:right}.dao-cinematic-hero__handoff p,.dao-cinematic-hero__handoff b{margin:0;font-size:8px;font-weight:500;letter-spacing:.22em;white-space:nowrap}.dao-cinematic-hero__handoff p i{color:#b98b44e6;font-style:normal}.dao-cinematic-hero__handoff b{color:#b98b44d1}@media(prefers-reduced-motion:no-preference){.dao-cinematic-hero[data-dao-cinematic-ready=true]:not(.is-content-ready) .dao-cinematic-hero__eyebrow,.dao-cinematic-hero[data-dao-cinematic-ready=true]:not(.is-content-ready) .dao-cinematic-hero__motion-line-inner,.dao-cinematic-hero[data-dao-cinematic-ready=true]:not(.is-content-ready) .dao-cinematic-hero__body,.dao-cinematic-hero[data-dao-cinematic-ready=true]:not(.is-content-ready) .dao-cinematic-hero__actions,.dao-cinematic-hero[data-dao-cinematic-ready=true]:not(.is-content-ready) .dao-cinematic-hero__proof,.dao-cinematic-hero[data-dao-cinematic-ready=true]:not(.is-content-ready) .dao-cinematic-hero__social{opacity:0}.dao-cinematic-hero.is-content-ready .dao-cinematic-hero__eyebrow{animation:dao-hero-label .82s cubic-bezier(.18,.84,.2,1) both}.dao-cinematic-hero.is-content-ready .dao-cinematic-hero__motion-line-inner{animation:dao-hero-line 1.08s cubic-bezier(.16,.84,.2,1) both;animation-delay:calc(.12s + var(--dao-hero-line-index, 0) * 105ms)}.dao-cinematic-hero.is-content-ready .dao-cinematic-hero__body{animation:dao-hero-copy .86s cubic-bezier(.18,.84,.2,1) .38s both}.dao-cinematic-hero.is-content-ready .dao-cinematic-hero__actions{animation:dao-hero-action .82s cubic-bezier(.18,.84,.2,1) .52s both}.dao-cinematic-hero.is-content-ready .dao-cinematic-hero__proof{animation:dao-hero-copy .82s cubic-bezier(.18,.84,.2,1) .61s both}.dao-cinematic-hero.is-content-ready .dao-cinematic-hero__social{animation:dao-hero-copy .82s cubic-bezier(.18,.84,.2,1) .65s both}}@keyframes dao-hero-label{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate3d(-18px,0,0);letter-spacing:.34em}to{opacity:1;clip-path:inset(0);transform:none;letter-spacing:.22em}}@keyframes dao-hero-line{0%{opacity:0;transform:translate3d(0,112%,0) skewY(2deg)}to{opacity:1;transform:none}}@keyframes dao-hero-copy{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,18px,0)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes dao-hero-action{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate3d(20px,0,0)}to{opacity:1;clip-path:inset(0);transform:none}}@media(max-width:749px){.dao-cinematic-hero{--dao-hero-stage-width: 100%;--dao-hero-inline: var(--dao-home-hero-inline-mobile, clamp(20px, 6.15vw, 26px));--dao-hero-action-width: clamp(248px, 66vw, 258px);min-height:700px;height:min(var(--dao-hero-mobile-height, 820px),max(700px,calc(100svh - var(--header-height, 0px))));max-height:980px}.dao-cinematic-hero__poster img,.dao-cinematic-hero__video{object-position:center center}.dao-cinematic-hero__overlay{background:linear-gradient(90deg,rgb(4 4 3 / calc(var(--dao-mobile-overlay-strength, .64) * .62)),rgb(4 4 3 / calc(var(--dao-mobile-overlay-strength, .64) * .22)) 52%,rgb(4 4 3 / calc(var(--dao-mobile-overlay-strength, .64) * .04))),linear-gradient(180deg,#04040305,#04040338 48%,#040403d1)}.dao-cinematic-hero__content{justify-content:flex-start;width:100%;padding:76px var(--dao-hero-inline) 50px}.dao-cinematic-hero__measure{display:none}.dao-cinematic-hero__handoff{bottom:18px;grid-template-columns:52px auto 16px;gap:11px}.dao-cinematic-hero__handoff p,.dao-cinematic-hero__handoff b{font-size:7px;letter-spacing:.17em}.dao-cinematic-hero[data-mobile-position=center-left] .dao-cinematic-hero__content{justify-content:flex-start;padding:76px var(--dao-hero-inline) 50px}.dao-cinematic-hero[data-mobile-position=bottom-left] .dao-cinematic-hero__content{justify-content:flex-end;padding:96px var(--dao-hero-inline) 64px}.dao-cinematic-hero__eyebrow{margin-bottom:10px;max-width:300px;font-size:10px;letter-spacing:.15em}.dao-cinematic-hero__heading{max-width:min(88vw,348px);font-size:clamp(31px,8.35vw,39px);line-height:1.01}.dao-cinematic-hero__body{max-width:min(89vw,350px);margin-top:14px;font-size:clamp(12.5px,3.45vw,14px);line-height:1.46}.dao-cinematic-hero__actions{width:min(89vw,350px);gap:9px;margin-top:18px}.dao-cinematic-hero__button{flex:0 0 auto;width:100%;max-width:100%;min-height:46px;padding-inline:20px;font-size:10px}.dao-cinematic-hero__proof{max-width:min(89vw,350px);margin-top:14px;font-size:7px;letter-spacing:.1em;line-height:1.55}.dao-cinematic-hero__social{gap:7px;width:var(--dao-hero-action-width);max-width:100%;margin-top:clamp(82px,10svh,116px);padding:8px}.dao-cinematic-hero__social-link{flex-basis:36px;width:36px;height:36px}.dao-cinematic-hero__social-icon,.dao-cinematic-hero__social-icon svg,.dao-cinematic-hero__social-icon path{width:15px;height:15px;flex-basis:15px}}@media(prefers-reduced-motion:reduce){.dao-cinematic-hero__poster,.dao-cinematic-hero__video,.dao-cinematic-hero__button,.dao-cinematic-hero__actions,.dao-cinematic-hero__proof,.dao-cinematic-hero__social,.dao-cinematic-hero__social-link,.dao-cinematic-hero__media{transition:none}.dao-cinematic-hero__eyebrow,.dao-cinematic-hero__heading,.dao-cinematic-hero__body,.dao-cinematic-hero__actions,.dao-cinematic-hero__proof,.dao-cinematic-hero__social{animation:none;opacity:1;transform:none}.dao-cinematic-hero__motion-line-inner{opacity:1;transform:none}.dao-cinematic-hero__handoff,.dao-cinematic-hero__measure{display:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/dao-home-cinematic-hero.css.map */