.reveal-hero{--bg:#0b0a09;--ink:#f3efe7;--mute:#9b958b;--gold:#c9a45c;--line:rgba(255,255,255,.08);position:relative;height:640vh;background:var(--bg);color:var(--ink);font-family:inherit;-webkit-font-smoothing:antialiased}.reveal-hero *,.reveal-hero *:before,.reveal-hero *:after{box-sizing:border-box}.reveal-hero h1,.reveal-hero h2,.reveal-hero h3,.reveal-hero p{margin:0;padding:0;color:inherit}.reveal-hero a{color:inherit;text-decoration:none}.reveal-hero .eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}.reveal-hero .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#151311}.reveal-hero .world{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.reveal-hero .wall{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 55% at 50% 38%,#3a3631,#26231f 45%,#141210)}.reveal-hero .wall:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .18 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.reveal-hero .frame{position:absolute;left:50%;top:50%;height:38vh;aspect-ratio:3/4;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1c1915,#0a0908 60%);padding:2.6%;border-radius:1px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #ffffff0d,-.5vh 1.4vh 1.6vh -.4vh #0000008c,-1.6vh 4vh 6vh -1vh #140a0080}.reveal-hero .mat{width:100%;height:100%;background:#f4f1ea;padding:12%;box-shadow:inset 0 .4vh .8vh #00000040}.reveal-hero .art{position:relative;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #00000026}.reveal-hero .art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.reveal-hero .art-reveal{opacity:0;will-change:opacity}.reveal-hero .vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(70% 70% at 50% 50%,transparent 40%,rgba(0,0,0,.75))}.reveal-hero .intro{position:absolute;left:0;right:0;top:7vh;text-align:center}.reveal-hero .intro h1{font-size:clamp(38px,4.4vw,68px);font-weight:600;letter-spacing:-.045em;line-height:1}.reveal-hero .hint{position:absolute;left:50%;bottom:4vh;transform:translate(-50%);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}.reveal-hero .panel,.reveal-hero .final{position:absolute;opacity:0;visibility:hidden;will-change:opacity,transform}.reveal-hero .panel{top:50%;margin-top:-90px;width:min(400px,29vw)}.reveal-hero .panel.left{left:6vw}.reveal-hero .panel.right{right:6vw}.reveal-hero .panel h2{font-size:clamp(26px,2.4vw,38px);font-weight:600;letter-spacing:-.035em;line-height:1.08}.reveal-hero .panel h3{font-size:clamp(26px,2.4vw,36px);font-weight:600;letter-spacing:-.03em;line-height:1.12}.reveal-hero .panel h3 span{color:var(--mute);font-weight:400}.reveal-hero .panel p:not(.eyebrow){margin-top:16px;color:var(--mute);font-size:17px;line-height:1.5}.reveal-hero .final{left:58vw;top:50%;margin-top:-150px;width:min(440px,36vw)}.reveal-hero .final h2{font-size:clamp(40px,4.4vw,68px);font-weight:600;letter-spacing:-.045em;line-height:1}.reveal-hero .final p:not(.eyebrow){color:var(--mute);font-size:17px;line-height:1.5;margin:20px 0 32px}.reveal-hero .btn{display:inline-block;padding:16px 30px;border-radius:999px;background:var(--gold);color:#14110b;font-weight:500;font-size:15px;transition:background .3s}.reveal-hero .btn:hover{background:#dcb978}@media(max-width:767px){.reveal-hero .room:not(.is-placed) .frame{height:34vh;top:42%}.reveal-hero .panel,.reveal-hero .final{left:22px!important;right:22px!important;width:auto;top:auto;bottom:5vh;margin:0;padding:20px 22px;border-radius:16px;background:#0c0b0ab8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.reveal-hero .final{bottom:4vh}.reveal-hero .final p:not(.eyebrow){margin:10px 0 18px;font-size:15px}.reveal-hero .final h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.reveal-hero{height:auto}.reveal-hero .stage{position:relative}.reveal-hero .intro,.reveal-hero .panel{display:none}}.reveal-hero .panel h2,.reveal-hero .panel h3{text-wrap:balance}@media(max-width:767px){.reveal-hero .panel{top:auto;bottom:calc(26vh + 12px);background:#0c0b0ae6}.reveal-hero .panel p:not(.eyebrow){color:#c9c3b8}}.reveal-hero .room{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.reveal-hero .room-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.reveal-hero .room.is-placed .frame{transform:none;height:auto;padding:0}.reveal-hero .room.is-placed .mat{position:absolute;top:3%;right:4%;bottom:3%;left:4%;width:auto;height:auto;padding:0}.reveal-hero .room.is-placed .art{position:absolute;top:13%;right:15%;bottom:13%;left:15%;width:auto;height:auto}.reveal-hero .mat{box-shadow:inset .15vh .4vh .8vh #00000059}@media(min-width:768px){.reveal-hero .intro{left:6vw;right:auto;top:24%;text-align:left;max-width:30vw}}@media(max-width:767px){.reveal-hero .intro{top:auto;bottom:14vh;padding:0 22px;text-shadow:0 2px 18px rgba(0,0,0,.7)}}.reveal-hero .frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--dim,1);mix-blend-mode:multiply;background:linear-gradient(205deg,#ffd696e6,#c49660eb 45%,#785634f2)}.reveal-hero .frame:before{content:"";position:absolute;left:-40%;right:-40%;top:-30%;height:70%;pointer-events:none;opacity:var(--dim,1);mix-blend-mode:screen;background:radial-gradient(50% 50% at 50% 30%,rgba(255,196,120,.16),transparent 70%)}.reveal-hero .picture-light{position:absolute;left:50%;top:-5.5%;width:44%;height:2.2%;min-height:3px;transform:translate(-50%);z-index:1;background:linear-gradient(#a8874d,#4e3c20);border-radius:3px;box-shadow:-.3vh .6vh .8vh #00000080}.reveal-hero .picture-light:after{content:"";position:absolute;left:-55%;right:-55%;top:100%;height:900%;opacity:var(--dim,1);mix-blend-mode:screen;background:radial-gradient(50% 100% at 50% 0,rgba(255,206,140,.28),transparent 72%)}.reveal-hero .room-plain{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 55% at 50% 38%,#3a3631,#26231f 45%,#141210)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/scroll-reveal-hero.css.map */