/* CARPE DIÉM — V10 IMMERSIVE 3D */
:root{--cd-black:#090406;--cd-wine:#24060c;--cd-wine2:#4a0c18;--cd-gold:#e0bb72;--cd-cream:#f7efe3}
body{background:#090406!important;color:var(--cd-cream)!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.5) .5px,transparent .5px);background-size:5px 5px;mix-blend-mode:screen}
main,footer,.chrome{position:relative;z-index:1}
.chrome{background:rgba(9,4,6,.68)!important;border-bottom:1px solid rgba(224,187,114,.14);backdrop-filter:blur(18px)!important}
.ann{background:#090406!important;color:#ead19b!important}
.logo{filter:drop-shadow(0 0 12px rgba(224,187,114,.16))}
.hero{min-height:100svh!important;background:
 radial-gradient(50% 60% at 75% 45%,rgba(143,24,47,.38),transparent 70%),
 radial-gradient(30% 40% at 18% 78%,rgba(224,187,114,.08),transparent 70%),
 #100306!important;isolation:isolate}
.hero:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 90deg at 70% 45%,transparent,rgba(224,187,114,.08),transparent 28%,rgba(123,10,37,.12),transparent 60%);animation:cdspin 18s linear infinite;pointer-events:none;z-index:-1}
@keyframes cdspin{to{transform:rotate(360deg)}}
.hero-text{position:relative;z-index:3}
.hero .cal-img{filter:drop-shadow(0 8px 30px rgba(224,187,114,.16))}
.hero .tagline{font-size:15px;letter-spacing:.32em}
.hero .kicker{color:#e0bb72!important}
.hero h2{font-size:clamp(48px,6vw,94px)!important}
.hero-art{filter:drop-shadow(0 35px 70px rgba(0,0,0,.55));transform-style:preserve-3d}
.hero-art:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(224,187,114,.18),transparent 64%);filter:blur(25px);transform:translateZ(-80px);animation:cdpulse 4s ease-in-out infinite}
@keyframes cdpulse{50%{transform:translateZ(-80px) scale(1.16);opacity:.65}}
.arch{box-shadow:0 45px 100px rgba(0,0,0,.65),inset 0 0 0 1px rgba(224,187,114,.35)!important}
.trust-strip{background:#100306!important;border-top:1px solid rgba(224,187,114,.18);border-bottom:1px solid rgba(224,187,114,.18)}
.trust-strip>div{background:rgba(255,255,255,.025)!important;color:#e7d8c5!important}

/* immersive world */
.cd3d-world{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:center;padding:10vh clamp(20px,7vw,110px);background:
 radial-gradient(50% 70% at 50% 50%,#4a0c18 0%,#19050a 48%,#080305 100%);perspective:1400px;isolation:isolate}
.cd3d-world:before{content:"";position:absolute;width:70vw;height:70vw;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(224,187,114,.12);border-radius:50%;box-shadow:0 0 100px rgba(224,187,114,.06),inset 0 0 100px rgba(224,187,114,.04)}
.cd3d-world:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 40%,rgba(0,0,0,.35));pointer-events:none}
.cd3d-noise{position:absolute;inset:0;opacity:.08;background:radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to bottom,transparent,#000,transparent)}
.cd3d-copy{position:relative;z-index:5;max-width:550px;transform:translate3d(calc(var(--mx,0)*-28px),calc(var(--my,0)*-20px),80px);transition:transform .3s ease}
.cd3d-eyebrow{font-size:11px;letter-spacing:.42em;color:var(--cd-gold);margin:0 0 18px}
.cd3d-copy h2{font:400 clamp(48px,7vw,100px)/.88 'Bodoni Moda',Georgia,serif;margin:0 0 24px;letter-spacing:-.04em}
.cd3d-copy h2 em{font-style:italic;color:#e5c889}
.cd3d-copy>p:last-child{max-width:390px;color:rgba(247,239,227,.68);font-size:16px;line-height:1.8}
.cd3d-gallery{position:absolute;inset:0;transform-style:preserve-3d}
.cd3d-card{position:absolute;width:clamp(145px,18vw,270px);aspect-ratio:.73;overflow:hidden;text-decoration:none;color:#fff;background:#120408;border:1px solid rgba(224,187,114,.3);box-shadow:0 35px 90px rgba(0,0,0,.6);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .5s;will-change:transform}
.cd3d-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.78));pointer-events:none}
.cd3d-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .7s}
.cd3d-card span{position:absolute;z-index:2;left:18px;bottom:18px;font-size:10px;letter-spacing:.25em;color:#f5dfad}
.cd3d-card:hover{box-shadow:0 55px 110px rgba(0,0,0,.78),0 0 45px rgba(224,187,114,.12);transform:translate3d(0,-18px,100px)!important}
.cd3d-card:hover img{transform:scale(1.08);filter:saturate(1.15)}
.c1{right:20%;top:8%;transform:translate3d(calc(var(--mx,0)*-50px),calc(var(--my,0)*-35px),40px) rotateY(-13deg) rotateZ(-5deg)}
.c2{right:4%;top:28%;transform:translate3d(calc(var(--mx,0)*35px),calc(var(--my,0)*25px),180px) rotateY(12deg) rotateZ(4deg)}
.c3{right:34%;bottom:5%;transform:translate3d(calc(var(--mx,0)*-25px),calc(var(--my,0)*30px),100px) rotateY(-10deg) rotateZ(4deg)}
.c4{right:47%;top:13%;transform:translate3d(calc(var(--mx,0)*20px),calc(var(--my,0)*-25px),20px) rotateY(16deg) rotateZ(-7deg)}
.cd3d-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.3em;color:rgba(247,239,227,.55);z-index:5}
.cd3d-scroll i{font-style:normal;color:var(--cd-gold);font-size:18px;margin-left:10px}
.cd3d-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:1}
.orb-a{width:190px;height:190px;left:5%;top:15%;background:radial-gradient(circle at 35% 30%,rgba(224,187,114,.2),transparent 65%);box-shadow:0 0 100px rgba(224,187,114,.1)}
.orb-b{width:320px;height:320px;right:-80px;bottom:-80px;background:radial-gradient(circle,rgba(116,9,37,.35),transparent 65%);filter:blur(20px)}

/* collection as a luxury gallery */
#collection{background:linear-gradient(180deg,#0b0305,#21060d 55%,#0b0305)!important;border-top:1px solid rgba(224,187,114,.12)}
#collection .sec-head h2{font-size:clamp(42px,6vw,76px);letter-spacing:-.035em}
#collection .lead{color:rgba(247,239,227,.62)}
.grid{perspective:1200px}
.card{background:rgba(255,255,255,.025)!important;border:1px solid rgba(224,187,114,.16)!important;box-shadow:0 20px 55px rgba(0,0,0,.3);transform-style:preserve-3d;overflow:hidden}
.card:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-2deg)!important;box-shadow:0 35px 70px rgba(0,0,0,.55),0 0 0 1px rgba(224,187,114,.25)}
.card .pic{background:#170509!important}
.card .pic img{transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .6s!important}
.card:hover .pic img{transform:scale(1.055)!important;filter:saturate(1.06) contrast(1.03)}
.card-body{background:rgba(9,4,6,.55)!important}
.card-body h3{font-family:var(--display)!important;font-size:23px!important}
.buy{border-color:rgba(224,187,114,.35)!important;color:#f0d79e!important;background:rgba(224,187,114,.06)!important}
.buy:hover{background:#e0bb72!important;color:#140408!important}
.filters button{border-color:rgba(224,187,114,.25)!important;background:rgba(255,255,255,.025)!important;color:#e9dcc9!important}
.filters button[aria-pressed="true"]{background:#e0bb72!important;color:#170509!important}

/* editorial / offer / story */
.insta-band{background:#170409!important;border-block:1px solid rgba(224,187,114,.12)}
.story{min-height:55vh!important;background:radial-gradient(circle at 20% 50%,rgba(224,187,114,.08),transparent 35%)}
.story .big{font-size:clamp(65px,11vw,160px)!important;line-height:.8!important;color:#e0bb72!important;text-shadow:0 20px 70px rgba(224,187,114,.12)}
footer{background:#070204!important;border-top:1px solid rgba(224,187,114,.16)!important}

/* custom cursor */
#cd-cursor{position:fixed;left:0;top:0;width:18px;height:18px;border:1px solid rgba(224,187,114,.9);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:screen;transform:translate3d(-100px,-100px,0);transition:width .25s,height .25s,border-color .25s}
#cd-cursor span{position:absolute;width:3px;height:3px;background:#e0bb72;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
#cd-cursor.hot{width:48px;height:48px;border-color:#fff;box-shadow:0 0 25px rgba(224,187,114,.3)}
@media(max-width:900px){
 .cd3d-world{min-height:900px;padding:8vh 22px;display:block}
 .cd3d-copy{padding-top:4vh}
 .cd3d-gallery{position:absolute;inset:280px 0 0}
 .c1{left:8%;right:auto;top:5%;transform:rotateY(-12deg) rotateZ(-5deg)}
 .c2{right:4%;top:17%;transform:rotateY(10deg) rotateZ(4deg)}
 .c3{left:24%;right:auto;bottom:2%;transform:rotateY(-8deg) rotateZ(4deg)}
 .c4{display:none}
}
@media(max-width:600px){
 .hero{grid-template-columns:1fr!important;min-height:920px!important;padding-top:150px!important}
 .hero-text{align-self:start}
 .hero-art{width:88%;margin:-30px auto 0}
 .hero .acts{display:grid;grid-template-columns:1fr 1fr}
 .cd3d-copy h2{font-size:55px}
 .cd3d-card{width:155px}
 .c1{left:2%}.c2{right:2%}.c3{left:24%;bottom:8%}
 .story{display:block!important;padding-block:90px!important}
}
@media(prefers-reduced-motion:reduce){
 .hero:before{animation:none}.cd3d-card,.cd3d-copy{transform:none!important}.cd3d-world{perspective:none}
}