/* A layered stage built around the supplied brand artwork. */
.site-header{position:sticky;top:0;z-index:20;background:#091e2af2;backdrop-filter:blur(16px);transition:box-shadow .3s,border-color .3s}.site-header.is-scrolled{box-shadow:0 8px 28px #06172030;border-bottom-color:#d9c4a04f}.site-header nav a{position:relative}.site-header nav a::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover::after,.site-header nav a:focus-visible::after{transform:scaleX(1)}
.hero{isolation:isolate;min-height:700px;background:radial-gradient(ellipse at 78% 48%,#19424d 0,transparent 45%),var(--navy)}.hero::before{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 38%,#d9c4a017 0,transparent 38%);animation:ambient-light 16s ease-in-out infinite alternate}.hero-copy{padding-top:100px}.hero h1 .headline-line{display:block;color:inherit}.hero h1 .headline-accent{color:#f1dfba}.headline-accent{background:linear-gradient(110deg,#d9c4a0 15%,#fff2d2 42%,#bfa16a 65%,#d9c4a0 90%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gold-light 9s ease-in-out infinite}
.hero-art{padding:42px 30px 55px;perspective:1100px;min-width:0}.art-stage{position:relative;width:min(100%,415px);aspect-ratio:2480/3508;transform-style:preserve-3d;transform:translate3d(var(--stage-x,0px),var(--stage-scroll,0px),0) rotateX(var(--stage-rx,0deg)) rotateY(var(--stage-ry,0deg));transition:transform .5s cubic-bezier(.2,.65,.3,1);will-change:transform}.art-frame{position:absolute;inset:0;pointer-events:none;border:1px solid #d9c4a048}.art-frame-back{transform:translate3d(24px,-14px,-45px) rotate(5deg);background:linear-gradient(135deg,#d9c4a00a,transparent);box-shadow:0 35px 50px #00000015}.art-frame-front{inset:12px;transform:translate3d(-24px,18px,-20px) rotate(-5deg);border-color:#d9c4a030}.poster-float{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:poster-drift 7s ease-in-out infinite}.poster-panel{position:relative;width:100%;height:100%;background:#081b27;border:1px solid #d9c4a030;transform:translateZ(35px) rotate(-1.5deg);box-shadow:0 35px 70px #00000065,0 4px 10px #00000030;overflow:hidden}.hero-art .poster-panel img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.poster-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#fff5db09 45%,#fff5db12 50%,transparent 65%);transform:translateX(-70%);animation:poster-light 12s ease-in-out infinite}.art-caption{position:absolute;left:-35px;bottom:24px;padding:17px 23px;background:#0b2633eb;backdrop-filter:blur(16px);border:1px solid #d9c4a065;box-shadow:0 15px 40px #00000040;transform:translateZ(75px);color:var(--gold)}.art-caption span{display:block;font-size:.75rem;letter-spacing:.15em;color:#c1b390}.art-caption strong{font:500 1.1rem/1.7 var(--serif);letter-spacing:.08em}.hero-side{top:32%}
.service-ribbon{position:relative;z-index:2;max-width:1400px;width:calc(100% - 12%);margin:-22px auto 0;border:1px solid #d9c4a050;box-shadow:0 15px 30px #091e2a18;min-height:66px;align-items:center;gap:8%;padding:18px 30px}.collection{padding-top:92px}.product-card{isolation:isolate;overflow:hidden;box-shadow:0 3px 0 #091e2a04;transition:transform .45s cubic-bezier(.2,.65,.3,1),box-shadow .45s,border-color .35s}.product-card::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,25%),#d9c4a03d 0,transparent 65%);transition:opacity .4s}.product-card::after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#bda06c,transparent);transform:scaleX(.2);opacity:0;transition:transform .45s,opacity .45s}.product-card:focus-within{border-color:#b7a681;box-shadow:0 15px 30px #091e2a0a}.product-card:focus-within::after{opacity:1;transform:scaleX(1)}.add-button{transition:transform .25s,background .25s}.add-button:active{transform:scale(.9)}.button{position:relative;overflow:hidden;box-shadow:0 0 0 transparent;transition:transform .25s,box-shadow .25s,background .25s}.button:active{transform:translateY(1px)}.gold:hover{box-shadow:0 8px 24px #d9c4a026}.count.is-pulsing{animation:cart-pop .4s ease-out}.mix-bar{box-shadow:8px 8px 0 #d9d0bd40;border:1px solid #d3c8b240}.story{position:relative;isolation:isolate;background:radial-gradient(ellipse at 10% 55%,#1b3a45 0,transparent 55%),var(--navy);overflow:hidden}.story-mark{position:relative;transform:rotate(-3deg);background:linear-gradient(135deg,#d9c4a007,transparent);box-shadow:14px 14px 0 #d9c4a007,0 20px 40px #00000025}.story-mark::after{content:"";position:absolute;inset:-12px;border:1px solid #d9c4a020;transform:rotate(5deg);pointer-events:none}.delivery-grid article{transition:border-color .3s,transform .3s}dialog[open]{animation:dialog-arrive .3s ease-out}.cart-dialog[open]{animation:cart-arrive .35s cubic-bezier(.2,.65,.3,1)}
.motion-enabled .reveal{transition:opacity .75s ease,translate .75s cubic-bezier(.2,.65,.3,1),box-shadow .45s,transform .45s,border-color .35s;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0s,0s,0s}.motion-enabled .reveal:not(.is-visible){opacity:0;translate:0 24px}.motion-enabled .reveal.is-visible{opacity:1;translate:0 0}.motion-enabled .hero-copy>.eyebrow{animation:copy-arrive .8s .05s both}.motion-enabled .headline-line:first-child{animation:copy-arrive 1s .13s both}.motion-enabled .headline-line:nth-child(2){animation:copy-arrive 1s .25s both}.motion-enabled .hero-description{animation:copy-arrive .9s .4s both}.motion-enabled .hero-copy>.button,.motion-enabled .hero-meta{animation:copy-arrive .9s .52s both}.motion-enabled .hero-art{animation:stage-arrive 1.2s .15s both}
@keyframes ambient-light{from{transform:translate3d(-2%,0,0)}to{transform:translate3d(4%,3%,0)}}@keyframes gold-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes poster-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes poster-light{0%,50%,100%{transform:translateX(-85%)}75%{transform:translateX(85%)}}@keyframes copy-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes stage-arrive{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cart-pop{0%,100%{transform:scale(1)}40%{transform:scale(1.2)}}@keyframes dialog-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes cart-arrive{from{opacity:0;translate:35px 0}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){.product-card:hover{transform:perspective(1000px) translateY(-7px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));box-shadow:0 22px 40px #091e2a12}.product-card:hover::before{opacity:1}.product-card:hover::after{transform:scaleX(1);opacity:1}.delivery-grid article:hover{border-color:#8e733f;transform:translateY(-4px)}}
@media(max-width:1000px){.hero{min-height:610px}.hero-copy{padding-top:80px}.hero-art{padding:35px 24px 55px}.art-stage{max-width:360px}.art-caption{left:-16px;bottom:20px;padding:12px 16px}.art-caption strong{font-size:1rem}.service-ribbon{width:calc(100% - 10%)}.hero h1{font-size:clamp(2.6rem,4.7vw,5rem)}}
@media(max-width:700px){.hero{min-height:auto}.hero-copy{padding-top:45px}.hero h1{font-size:2.65rem}.hero-art{padding:36px 25px 55px}.art-stage{max-width:300px}.art-frame-back{transform:translate(16px,-8px) rotate(4deg)}.art-frame-front{transform:translate(-16px,12px) rotate(-4deg)}.art-caption{left:-20px;bottom:20px;padding:12px 18px}.service-ribbon{width:calc(100% - 8%);padding:16px 10px;gap:10px;font-size:.75rem;min-height:62px}.collection{padding-top:65px}.poster-float{animation-duration:9s}.poster-panel{box-shadow:0 24px 40px #00000050}.motion-enabled .reveal{--reveal-delay:0ms!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero::before,.headline-accent,.poster-float,.poster-panel::after{animation:none!important}.motion-enabled .reveal:not(.is-visible){opacity:1;translate:none}.hero-art,.art-stage,.product-card,.story-mark{will-change:auto;transform:none!important}dialog[open],.cart-dialog[open]{animation:none}.motion-enabled .hero-copy>*,.motion-enabled .headline-line,.motion-enabled .hero-art{animation:none!important;opacity:1}.art-stage{transition:none}.product-card:hover{transform:none}.headline-accent{-webkit-text-fill-color:var(--gold);background:none}}