/* SARGAS spatial identity: lightweight, progressive motion with one opt-out. */
body{isolation:isolate;background:radial-gradient(ellipse at 8% 15%,#46301a26,transparent 40%),linear-gradient(180deg,#080a07,#0c0d09 65%,#070907)}
.brand-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;--scroll-shift:0px;--scroll-turn:0deg;--pointer-shift:0px}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#dab57509 1px,transparent 1px),linear-gradient(90deg,#dab57509 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse at 12% 45%,#0009,transparent 68%);-webkit-mask-image:radial-gradient(ellipse at 12% 45%,#0009,transparent 68%)}
.ambient-mesh{position:absolute;top:12%;left:-240px;width:590px;height:590px;background:url('brand-wireframe.svg') center/contain no-repeat;opacity:.34;transform:translate3d(var(--pointer-shift),var(--scroll-shift),0) rotate(var(--scroll-turn))}
.brand-watermark{position:absolute;top:48%;right:-25px;display:grid;justify-items:center;gap:18px;width:300px;opacity:.075;transform:translate3d(calc(var(--pointer-shift) * -1),calc(var(--scroll-shift) * -1),0) rotate(-9deg)}
.brand-watermark img{width:210px;height:auto;display:block;filter:saturate(.75)}
.brand-watermark span{font:800 10px Manrope,Arial,sans-serif;color:#f2cb8d;letter-spacing:4px;white-space:nowrap}
.ambient-orbit{position:absolute;width:340px;height:340px;right:7%;top:2%;transform:perspective(700px) rotateX(62deg) rotateZ(calc(-24deg + var(--scroll-turn)));opacity:.13;transform-style:preserve-3d}
.ambient-orbit i{position:absolute;inset:0;border:1px solid #d6a75e;border-radius:50%}.ambient-orbit i:nth-child(2){inset:32px;transform:translateZ(40px)}.ambient-orbit i:nth-child(3){inset:64px;transform:translateZ(80px)}
.pointer-aura{position:absolute;left:0;top:0;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#e2ad541b,transparent 68%);opacity:0;transition:opacity .35s;will-change:transform}
html[data-pointer=on][data-motion=on] .pointer-aura{opacity:1}
.site-header{transition:background .3s,box-shadow .3s,border-color .3s}.site-header.header-scrolled{background:#080a08f7;border-bottom-color:#ce9c485e;box-shadow:0 10px 35px #0008}
.scroll-progress{position:absolute;bottom:-1px;inset-inline:0;height:2px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#8c632d,#f3ce8b,#b18545);box-shadow:0 0 12px #e9ba6340;pointer-events:none}
html[dir=rtl] .scroll-progress{transform-origin:right center}
.nav-links a{position:relative;padding-block:9px}.nav-links a:after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:0;height:1px;background:var(--gold-hi);transition:width .25s ease;box-shadow:0 0 9px #e5b36566}.nav-links a:hover:after,.nav-links a:focus-visible:after{width:100%}
.card,.feature,.btn,.faq-item,.journal-list-card{position:relative}
.feature:after,.faq-item:after,.journal-list-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--shine-x,50%) var(--shine-y,50%),#f0bc6912,transparent 70%);opacity:0;pointer-events:none;transition:opacity .25s}
.feature.pointer-lit:after,.faq-item.pointer-lit:after,.journal-list-card.pointer-lit:after{opacity:1}
.card:after{content:"";position:absolute;inset:0;border:1px solid #e8c07866;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:inset 0 0 24px #dba75109}
html[data-motion=on] .card:hover:after{opacity:1}
.btn{isolation:isolate;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(110px circle at var(--shine-x,50%) var(--shine-y,50%),#fff3,transparent 75%);opacity:0;pointer-events:none;transition:opacity .25s}
.btn.pointer-lit:after{opacity:1}.btn:active{filter:brightness(.93)}
.field{border-radius:9px}.field:focus-within label{color:var(--gold-hi)}.field:focus-within input,.field:focus-within select,.field:focus-within textarea{border-color:#e4bc76;box-shadow:0 0 0 3px #d6ab5d13}
.faq-item[open]{background:linear-gradient(90deg,transparent,#b78b3c0b,transparent)}
::selection{background:#d0a35b4d;color:#fff1d7}
.purchase-steps{background:#0e120de8}.custom-band{background:radial-gradient(circle at 75% 30%,#50402338,transparent 45%),#080a08eb}
html[data-motion=on].is-scrolling .spatial-divider.is-visible{background:radial-gradient(ellipse at center,#cba15622,transparent 65%)}
.main-shot{height:auto;aspect-ratio:5/4;background:#292827;max-height:none}
.main-shot img{padding:0;filter:none;object-fit:contain;object-position:center}
.thumbnails[hidden]{display:none}
.utility-panel{padding:30px;border:1px solid #b9945d66;border-radius:18px;background:linear-gradient(145deg,#192018,#0b0f0b);box-shadow:0 24px 60px #0004;margin:25px 0}
.utility-panel h2{font-size:25px;margin:10px 0 14px}.utility-panel>p{color:#ccc6b9;font-size:14px}
.request-fields{grid-column:1/-1;min-width:0;border-top:1px solid var(--hair);padding-top:22px;margin-top:7px}
.inquiry-intro{font-size:14px;color:var(--gold-hi);padding:10px 0 5px}.message-review{margin:24px 0}
.message-review textarea{font-size:12px;line-height:1.9;color:#dfd9cc;min-height:215px;background:#080d09;resize:vertical}
.delivery-result{display:block;border-inline-start:3px solid var(--gold);padding:18px;background:#080d0988;color:var(--gold-hi);margin:24px 0 14px;line-height:1.9;font-weight:700;min-height:76px}
.shipping-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.shipping-highlights>div{padding:23px 18px;border:1px solid var(--hair);border-radius:14px;background:#11180f}
.shipping-highlights span,.shipping-highlights strong,.shipping-highlights small{display:block}.shipping-highlights span{font-size:12px;color:#c1baaa}.shipping-highlights strong{font-size:25px;color:var(--gold-hi);margin:12px 0 5px}.shipping-highlights small{font-size:14px}
.contact-routes{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.motion-toggle{display:block;margin-top:15px;min-height:40px;padding:8px 13px;border:1px solid #b9945d66;background:#12170f;border-radius:8px;color:#e7cc9f;font-size:12px;cursor:pointer}
.spatial-divider{display:flex;align-items:center;justify-content:center;gap:32px;height:88px;overflow:hidden;pointer-events:none;perspective:600px;background:radial-gradient(ellipse at center,#b98d4317,transparent 60%)}
.spatial-divider:before,.spatial-divider:after{content:"";width:min(30vw,350px);height:1px;background:linear-gradient(90deg,transparent,#d5aa5d80,transparent)}
.spatial-core{position:relative;display:block;width:32px;height:32px;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(34deg)}
.spatial-core i{position:absolute;inset:0;border:1px solid #e5bd7ecc;background:linear-gradient(135deg,#ebc48433,#ae7c3110);box-shadow:inset 0 0 15px #c3984620;backface-visibility:visible}
.spatial-core i:nth-child(1){transform:translateZ(16px)}.spatial-core i:nth-child(2){transform:rotateY(90deg) translateZ(16px)}.spatial-core i:nth-child(3){transform:rotateY(180deg) translateZ(16px)}.spatial-core i:nth-child(4){transform:rotateY(-90deg) translateZ(16px)}.spatial-core i:nth-child(5){transform:rotateX(90deg) translateZ(16px)}.spatial-core i:nth-child(6){transform:rotateX(-90deg) translateZ(16px)}
html[data-motion=on] .spatial-divider.is-visible .spatial-core{animation:spatial-turn 13s linear infinite}
@keyframes spatial-turn{from{transform:rotateX(-24deg) rotateY(34deg)}to{transform:rotateX(-24deg) rotateY(394deg)}}
html[data-motion=on] .reveal-ready{transition:opacity .65s ease,transform .85s cubic-bezier(.2,.8,.2,1);opacity:0;transform:perspective(1200px) translateY(34px) rotateX(4deg);transform-origin:50% 100%}
html[data-motion=on] .reveal-ready.is-visible{opacity:1;transform:none}
html[data-motion=on] .card{transition:transform .3s ease,border-color .3s,box-shadow .3s;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));will-change:auto}
html[data-motion=on] .card:hover{--lift:-6px;box-shadow:0 28px 58px #0008,0 0 28px #ba904b18}
html[data-motion=on] .btn:hover{box-shadow:0 12px 32px #0006;transform:perspective(800px) translateY(-3px) translateZ(8px)}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=off] .reveal-ready{opacity:1;transform:none}html[data-motion=off] .card{transform:none}
html[data-motion=off] .btn:hover{transform:none}
html[data-motion=off] .hero-slide img{transform:none!important}
html.motion-suspended .spatial-core,html.motion-suspended .hero-slide img{animation-play-state:paused!important}
html[data-motion=off] .ambient-mesh,html[data-motion=off] .brand-watermark{transform:none}
html[data-motion=off] .ambient-orbit{transform:perspective(700px) rotateX(62deg) rotateZ(-24deg)}
html[data-motion=off] .pointer-aura,html[data-motion=off] .pointer-lit:after{opacity:0}
@media(max-width:750px){.utility-panel{padding:21px 16px}.utility-panel h2{font-size:22px}.shipping-highlights{grid-template-columns:1fr}.shipping-highlights>div{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:17px}.shipping-highlights strong{grid-row:1/3;grid-column:2;align-self:center;margin:0;font-size:23px}.shipping-highlights small{font-size:12px}.contact-routes{display:grid}.contact-routes .btn{width:100%}.spatial-divider{height:70px;gap:23px}.spatial-core{width:28px;height:28px}.message-review textarea{font-size:14px}.main-shot{aspect-ratio:5/4;max-height:none}.gallery{min-width:0}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1!important;transform:none!important}.spatial-core{animation:none!important}.card,.btn:hover{transform:none!important}}
@media(max-width:750px){.ambient-grid{background-size:76px 76px}.ambient-mesh{width:400px;height:400px;top:19%;left:-270px;opacity:.29}.brand-watermark{width:210px;right:-70px;top:62%;opacity:.065}.brand-watermark img{width:170px}.brand-watermark span{font-size:8px;letter-spacing:2px}.ambient-orbit{width:240px;height:240px;right:-110px;top:4%;opacity:.1}.pointer-aura{display:none}.scroll-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.ambient-mesh,.brand-watermark{transform:none!important}.pointer-aura{display:none!important}}

.catalog-empty{grid-column:1/-1;padding:35px;text-align:center;border:1px solid var(--hair);border-radius:12px;color:var(--gold-hi)}