:root{--ink:#111;--muted:#777;--line:#e8e8e8;--paper:#fff;--soft:#f4f4f1;--accent:#d8ff3e;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body)}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #8cae00;outline-offset:3px}.announcement{height:30px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:9px;letter-spacing:2px;font-weight:700}.announcement span{color:var(--accent)}.site-header{height:82px;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:8}.brand{width:120px;height:62px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.desktop-nav{display:flex;gap:27px;font-size:11px;font-weight:600}.desktop-nav a:hover,.text-link:hover,.subtle-link:hover{opacity:.55}.header-actions{display:flex;align-items:center;gap:17px}.icon-action,.cart-trigger{border:0;background:none;font-size:12px;font-weight:700}.icon-action span,.cart-trigger span{display:inline-grid;place-items:center;background:#111;color:white;border-radius:50%;width:20px;height:20px;margin-left:4px;font-size:10px}.hero{min-height:585px;padding:78px 10%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:700;color:#777;margin:0 0 20px}.hero h1,.customise h2,.contact-section h2{font:600 clamp(48px,6vw,78px)/.98 var(--display);letter-spacing:-5px;margin:0}.hero h1 span,.customise h2 span,.contact-section h2 span{color:#aaa}.hero-text{font-size:14px;line-height:1.8;color:#777;max-width:390px;margin:26px 0 27px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;font-size:11px;font-weight:700}.button-dark{background:#111;color:#fff}.button-dark:hover{background:#333}.button-outline{background:#fff;border:1px solid var(--line);color:#111}.subtle-link{font-size:10px;font-weight:700}.hero-proof{display:flex;gap:24px;margin-top:48px;font-size:8px;letter-spacing:1.4px;color:#888}.hero-art{height:390px;position:relative;background:#f4f4f1;display:flex;align-items:center;justify-content:center}.hero-orbit{position:absolute;width:300px;height:300px;border:1px solid #ddd;border-radius:50%}.floating-card{position:absolute;width:260px;height:164px;border-radius:12px;padding:18px;box-shadow:0 25px 50px #0002}.card-back{background:#d9d9d5;transform:rotate(12deg) translate(48px,15px);display:flex;flex-direction:column;justify-content:space-between}.mini-mark{font:700 30px var(--display)}.back-lines{height:35px;border-top:1px solid #aaa;border-bottom:1px solid #aaa}.card-back small{font-size:8px;letter-spacing:2px}.card-front{background:#111;color:white;transform:rotate(-8deg) translate(-20px,-5px);z-index:1}.card-top,.card-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.avatar-placeholder{position:absolute;right:18px;top:54px;width:58px;height:65px;background:#444;display:grid;place-items:center;font-size:12px;color:#bbb}.sample-name{font:600 19px var(--display);margin-top:28px}.sample-role{font-size:7px;letter-spacing:1.5px;color:#aaa;margin-top:3px}.card-bottom{position:absolute;bottom:15px;left:18px;right:18px;color:#aaa}.hero-stamp{position:absolute;right:7%;top:9%;font:700 10px/1.4 var(--display);letter-spacing:1px;transform:rotate(9deg);border:1px solid #111;border-radius:50%;width:65px;height:65px;display:grid;place-content:center;text-align:center}.hero-index{position:absolute;bottom:15px;left:18px;font-size:7px;letter-spacing:1.3px;color:#888}.trust-strip{min-height:55px;background:#f4f4f1;display:flex;justify-content:space-evenly;align-items:center;gap:12px;font-size:8px;letter-spacing:1.6px;font-weight:700}.trust-strip i{font-style:normal;font-size:13px}.section{padding:95px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section h2,.about h2,.faq-section h2{font:600 clamp(34px,4vw,52px)/1.05 var(--display);letter-spacing:-2.5px;margin:0}.section h2 span,.faq-section h2 span{color:#aaa}.section-note{font-size:11px;line-height:1.7;color:#888}.catalog-tools{display:flex;align-items:center;gap:12px;margin-top:38px}.search-box{height:42px;max-width:360px;flex:1;border:1px solid var(--line);display:flex;align-items:center;padding:0 12px;gap:9px}.search-box>span{font-size:22px;color:#888}.search-box input{border:0;outline:0;flex:1;min-width:0;font-size:11px}.search-box kbd{font-size:9px;color:#999;border:1px solid var(--line);padding:3px 6px}.favourites-filter{height:42px;border:1px solid var(--line);background:#fff;padding:0 14px;font-size:10px;font-weight:700}.favourites-filter.active{background:#111;color:#fff;border-color:#111}.filter-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0;border-bottom:1px solid var(--line);padding-bottom:15px;gap:15px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;padding:9px 15px;border-radius:30px;font-size:10px}.filter.active,.filter:hover{background:#111;color:#fff;border-color:#111}.result-count{font-size:9px;color:#888;letter-spacing:1px;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.product-card[hidden]{display:none}.product-visual{width:100%;height:330px;border:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-visual.original-design-visual{background:#f4f4f1;padding:34px 18px 18px}.visual-tag{position:absolute;top:17px;left:18px;font-size:8px;letter-spacing:1.5px;color:#888;z-index:1}.original-design-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transition:transform .25s ease}.product-visual.original-design-visual:hover .original-design-image{transform:translateY(-4px)}.product-card[data-category="staff"] .original-design-image{max-width:62%;width:auto}.favourite-btn{position:absolute;right:12px;top:12px;width:35px;height:35px;border:0;border-radius:50%;background:#fff;color:#111;font-size:20px;display:grid;place-items:center;box-shadow:0 2px 12px #0001;z-index:2}.favourite-btn.is-favourite{color:#d32650}.product-meta{display:flex;justify-content:space-between;align-items:start;margin:16px 0 10px;gap:10px}.product-meta h3{font:600 16px var(--display);margin:0 0 5px}.product-meta p{font-size:10px;color:#888;margin:0}.price{font-size:9px;font-weight:700;letter-spacing:.7px;white-space:nowrap;color:#888}.product-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px}.text-link{padding:0;border:0;background:none;font-size:10px;font-weight:700;text-align:left}.text-link.add-cart{color:#555}.no-results{padding:35px;text-align:center;color:#777;font-size:12px;background:var(--soft)}.setup-note,.form-hint{font-size:10px;color:#999;line-height:1.7;margin-top:25px}.customise{background:#f5f5f2;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.customise-copy>p:not(.eyebrow),.contact-section>div:first-child>p:not(.eyebrow){max-width:390px;color:#777;font-size:13px;line-height:1.8;margin-top:25px}.steps{display:grid;gap:15px;margin-top:35px}.steps div{display:flex;align-items:center;gap:15px;font-size:11px;font-weight:600}.steps b{font:600 12px var(--display);color:#999}.custom-form{background:white;padding:30px;display:flex;flex-direction:column;gap:15px;box-shadow:0 15px 45px #00000008}.custom-form label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:700}.custom-form input,.custom-form select{min-height:43px;border:1px solid var(--line);padding:0 12px;background:#fff;font-size:11px;max-width:100%}.preview-card{min-height:115px;background:#111;color:#fff;padding:15px;display:flex;align-items:center;gap:15px;position:relative;overflow:hidden}.preview-photo{width:60px;height:75px;flex:none;background:#444;display:grid;place-items:center;font-size:8px;color:#aaa;background-size:cover;background-position:center}.preview-card>div:nth-child(2){display:flex;flex-direction:column;gap:6px;min-width:0}.preview-card b{font:600 14px var(--display);overflow-wrap:anywhere}.preview-card small{font-size:7px;letter-spacing:1px;color:#aaa}.preview-card>span{position:absolute;right:14px;bottom:12px;font-size:8px;color:#aaa}.custom-form .button{width:100%}.custom-form .form-hint{margin:0}.how-section{padding-top:85px;padding-bottom:90px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.how-grid article{padding:25px;background:#f5f5f2;min-height:175px}.how-grid article>span{font-size:8px;letter-spacing:1.4px;color:#888}.how-grid h3{font:600 21px var(--display);margin:22px 0 9px}.how-grid p{font-size:11px;line-height:1.7;color:#777;margin:0;max-width:260px}.about{text-align:center;padding-top:115px;padding-bottom:105px;background:#111;color:#fff}.about .eyebrow{color:#aaa}.about h2 em{font-style:normal;color:var(--accent)}.about>p:last-of-type{font-size:12px;color:#aaa;margin:22px auto 0;max-width:440px;line-height:1.8}.about-mark{margin-top:55px;padding-top:18px;border-top:1px solid #333;font:700 10px var(--display);letter-spacing:2px}.about-mark span{font:400 8px var(--body);color:#888;margin-left:8px}.faq-section{padding-top:90px;padding-bottom:90px}.faq-list{max-width:850px;margin:38px auto 0;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:20px 3px}.faq-list summary{font:600 14px var(--display);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font:400 20px var(--body);color:#888}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:11px;line-height:1.8;color:#777;max-width:650px;margin:14px 0 0}.contact-section{background:#f4f4f1;display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center}.contact-section h2{font-size:clamp(42px,5vw,62px)}.contact-panel{background:#fff;padding:30px;min-height:250px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.contact-symbol{font-size:28px}.contact-panel h3{font:600 19px var(--display);margin:18px 0 6px}.contact-panel p{font-size:11px;color:#777;line-height:1.7;margin:5px 0}.contact-panel .button{margin-top:15px}.footer{min-height:100px;border-top:1px solid var(--line);padding:20px 8%;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand img{width:85px;height:55px;object-fit:contain;background:#000}.footer span,.footer a{font-size:8px;letter-spacing:1px;color:#888}.footer>div{display:flex;gap:20px}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:#0007;z-index:19;opacity:0;pointer-events:none;transition:.25s}.cart-drawer{position:fixed;z-index:20;right:0;top:0;height:100%;width:min(420px,100%);background:#fff;padding:25px;transform:translateX(100%);transition:.3s;display:flex;flex-direction:column}.cart-open .drawer-backdrop{opacity:1;pointer-events:auto}.cart-open .cart-drawer{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.drawer-head .eyebrow{margin-bottom:7px}.drawer-head h2{font:600 24px var(--display);margin:0}.drawer-head button,.modal-close{border:0;background:none;font-size:25px}.cart-items{flex:1;overflow:auto}.empty-cart{font-size:12px;color:#888;text-align:center;margin-top:50px}.cart-line{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-line img{width:58px;height:58px;object-fit:contain;background:var(--soft)}.cart-line-copy{flex:1;min-width:0;font-size:11px}.cart-line-copy small{display:block;color:#888;margin-top:5px}.remove-item{border:0;background:none;text-decoration:underline;font-size:10px}.drawer-bottom{border-top:1px solid var(--line);padding-top:18px}.subtotal{display:flex;justify-content:space-between;font-size:13px;margin-bottom:18px}.checkout-button{width:100%;cursor:not-allowed;opacity:.7}.drawer-bottom .form-hint{margin-bottom:0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#111;color:#fff;padding:12px 18px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:30;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{z-index:21;opacity:1;pointer-events:auto}.modal-backdrop[hidden]{display:none}.quick-modal{position:fixed;z-index:22;left:50%;top:50%;width:min(820px,calc(100% - 32px));max-height:90vh;overflow:auto;background:#fff;display:grid;grid-template-columns:1.1fr .9fr;transform:translate(-50%,-46%) scale(.98);opacity:0;pointer-events:none;transition:.2s;padding:25px;gap:28px}.quick-modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.modal-close{position:absolute;right:12px;top:8px;z-index:1}.modal-image-wrap{background:var(--soft);min-height:330px;display:grid;place-items:center;padding:30px}.modal-image-wrap img{max-width:100%;max-height:55vh;object-fit:contain}.modal-copy{align-self:center;padding:20px 10px}.modal-copy h2{font:600 34px var(--display);margin:0 0 8px}.modal-copy>p:not(.eyebrow){font-size:12px;color:#777}.modal-copy .modal-note{margin:30px 0}.modal-copy .button{width:100%}
@media(max-width:900px){.site-header{padding:0 4%}.desktop-nav{gap:14px}.hero{padding-left:7%;padding-right:7%}.section{padding-left:6%;padding-right:6%}.product-grid{gap:22px 14px}.product-visual{height:290px}}
@media(max-width:700px){html{scroll-padding-top:78px}.site-header{height:70px;padding:0 4%}.brand{width:88px;height:50px}.desktop-nav{gap:10px}.desktop-nav a{font-size:9px}.header-actions{gap:8px}.icon-action,.cart-trigger{font-size:10px}.hero{padding:60px 7%;grid-template-columns:1fr;gap:35px}.hero h1{font-size:58px}.hero-art{height:310px}.trust-strip{overflow:hidden;justify-content:flex-start;padding:0 20px;white-space:nowrap}.trust-strip span{font-size:7px}.section{padding:70px 6%}.section-heading{align-items:start;flex-direction:column;gap:8px}.section-note br{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.product-visual{height:240px}.product-visual.original-design-visual{padding:32px 12px 14px}.product-meta{gap:6px;flex-direction:column}.product-meta h3{font-size:14px}.product-actions{align-items:flex-start;flex-direction:column;gap:10px}.customise,.contact-section{grid-template-columns:1fr;gap:32px}.custom-form{padding:22px}.how-grid{grid-template-columns:1fr;gap:10px}.how-grid article{min-height:unset}.about{padding:80px 8%}.footer{padding:20px 6%;flex-wrap:wrap}.footer>div{gap:12px}.quick-modal{grid-template-columns:1fr;gap:10px;padding:18px}.modal-image-wrap{min-height:240px}.modal-image-wrap img{max-height:38vh}.modal-copy{padding:10px}.modal-copy h2{font-size:27px}}
@media(max-width:430px){.desktop-nav{gap:7px}.desktop-nav a{font-size:8px}.icon-action{font-size:0}.icon-action span{font-size:10px}.cart-trigger{font-size:9px}.hero h1{font-size:51px}.hero-proof{gap:12px;font-size:7px}.product-grid{grid-template-columns:1fr}.product-visual{height:300px}.product-meta{flex-direction:row}.product-actions{flex-direction:row}.filter{padding:8px 11px}.filter-row{align-items:flex-start}.result-count{font-size:8px}.catalog-tools{align-items:stretch}.favourites-filter{padding:0 9px;font-size:9px}.footer>div{width:100%;justify-content:space-between}.footer span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}


/* ── SHADO MOTION LAB: neon atmosphere + interactive motion ── */
:root {
  --shado-x: 50%;
  --shado-y: 50%;
  --motion-glow: rgba(151, 255, 230, .16);
}
html { scroll-behavior: smooth; }
body { isolation: isolate; }
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  opacity: .16;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0px,
    transparent 3px,
    rgba(255,255,255,.035) 4px
  );
  mix-blend-mode: screen;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(500px circle at var(--shado-x) var(--shado-y), var(--motion-glow), transparent 68%),
    radial-gradient(ellipse at 85% 12%, rgba(155, 80, 255, .075), transparent 38%),
    radial-gradient(ellipse at 8% 72%, rgba(0, 235, 190, .055), transparent 36%);
}
::selection { background: #b7ffe9; color: #090909; }
.announcement span { display: inline-block; animation: shado-spin 7s linear infinite; }
.brand img { transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .45s; }
.brand:hover img { transform: rotate(-4deg) scale(1.07); filter: drop-shadow(0 0 13px rgba(155,255,225,.45)); }
.site-header { transition: background .35s, box-shadow .35s, backdrop-filter .35s; }
.site-header.motion-scrolled { background: rgba(12,12,12,.88); backdrop-filter: blur(16px); box-shadow: 0 12px 35px rgba(0,0,0,.2); }
.hero-copy > * { animation: shado-rise .8s both; }
.hero-copy > :nth-child(2) { animation-delay: .08s; }
.hero-copy > :nth-child(3) { animation-delay: .16s; }
.hero-copy > :nth-child(4) { animation-delay: .24s; }
.hero-copy > :nth-child(5) { animation-delay: .32s; }
.hero-art { animation: shado-float-in 1.1s .12s both; }
.hero-orbit { animation: shado-orbit 24s linear infinite; }
.floating-card { will-change: transform; transition: transform .5s cubic-bezier(.2,.8,.2,1), filter .5s; }
.hero-art:hover .card-front { transform: translate3d(-8px,-12px,0) rotate(-5deg) scale(1.035); filter: drop-shadow(0 22px 35px rgba(0,0,0,.32)); }
.hero-art:hover .card-back { transform: translate3d(12px,8px,0) rotate(9deg); }
.hero-stamp { animation: shado-stamp 5s ease-in-out infinite; }
.trust-strip i { display: inline-block; animation: shado-spin 12s linear infinite; }
.button, .cart-trigger, .filter, .favourites-filter, .text-link, .icon-action {
  transition: transform .22s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
}
.button:hover, .cart-trigger:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.2); }
.button:active, .cart-trigger:active, .filter:active { transform: scale(.97); }
.product-card {
  position: relative;
  transform-style: preserve-3d;
  will-change: transform;
  transition: transform .22s ease, opacity .45s ease, filter .35s ease;
}
.product-card::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(280px circle at var(--card-x,50%) var(--card-y,50%), rgba(166,255,226,.25), transparent 65%);
  transition: opacity .25s;
  z-index: 2;
}
.product-card:hover::after { opacity: 1; }
.product-card:hover { filter: drop-shadow(0 18px 28px rgba(0,0,0,.18)); }
.product-visual { overflow: hidden; }
.original-design-image { transition: transform .65s cubic-bezier(.2,.8,.2,1), filter .4s; }
.product-card:hover .original-design-image { transform: scale(1.045); filter: drop-shadow(0 0 14px rgba(255,255,255,.12)); }
.favourite-btn { transition: transform .25s cubic-bezier(.2,1.8,.4,1), background .25s; }
.favourite-btn:hover { transform: scale(1.16) rotate(-8deg); }
.favourite-btn.is-favourite { animation: shado-heart .38s ease; }
.section-heading h2 span { display: inline-block; animation: shado-pulse 2.8s ease-in-out infinite; }
.reveal-on-scroll { opacity: 0; transform: translateY(28px) scale(.985); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.75,.2,1); }
.reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0) scale(1); }
.product-card.reveal-on-scroll { transition: opacity .65s ease, transform .65s cubic-bezier(.2,.75,.2,1), filter .35s ease; }
.product-card.reveal-on-scroll.is-visible { transform: translateY(0) scale(1); }
.product-card.reveal-on-scroll.is-visible:hover { transform: translateY(-7px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)); }
.filter.active { box-shadow: 0 0 0 1px rgba(255,255,255,.15), 0 0 18px rgba(139,255,220,.12); }
.preview-card { transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s; }
.preview-card:hover { transform: perspective(800px) rotateY(-5deg) rotateX(3deg) translateY(-5px); box-shadow: 0 24px 50px rgba(0,0,0,.24); }
.toast.show { animation: shado-toast .3s both; }
.cart-drawer, .quick-modal { transition: transform .4s cubic-bezier(.2,.8,.2,1), opacity .3s ease; }
@keyframes shado-spin { to { transform: rotate(360deg); } }
@keyframes shado-rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
@keyframes shado-float-in { from { opacity: 0; transform: translateY(25px) scale(.94) rotate(2deg); } to { opacity: 1; transform: translateY(0) scale(1) rotate(0); } }
@keyframes shado-orbit { to { transform: rotate(360deg); } }
@keyframes shado-stamp { 0%,100% { transform: rotate(9deg) translateY(0); } 50% { transform: rotate(5deg) translateY(-8px); } }
@keyframes shado-heart { 0% { transform: scale(.7); } 65% { transform: scale(1.28); } 100% { transform: scale(1); } }
@keyframes shado-pulse { 0%,100% { opacity: 1; text-shadow: 0 0 0 transparent; } 50% { opacity: .7; text-shadow: 0 0 18px rgba(155,255,225,.45); } }
@keyframes shado-toast { from { opacity: 0; transform: translate(-50%,12px) scale(.96); } to { opacity: 1; transform: translate(-50%,0) scale(1); } }
@media (max-width: 700px) {
  body::before { opacity: .09; }
  .product-card.reveal-on-scroll.is-visible:hover { transform: translateY(-3px); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .reveal-on-scroll { opacity: 1; transform: none; }
}


/* ── SHADO V2: holographic showroom + custom studio ── */
.shado-loader {
  position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 18px; background: #08090d; color: #fff;
  transition: opacity .65s ease, visibility .65s ease;
}
.shado-loader.is-done { opacity: 0; visibility: hidden; pointer-events: none; }
.loader-mark { font: 700 clamp(76px,15vw,140px)/.9 var(--display); letter-spacing: -12px; text-shadow: 0 0 24px rgba(116,255,220,.45); animation: loaderPulse 1.5s ease-in-out infinite; }
.loader-mark span { color: #8fffe1; }
.shado-loader p { font-size: 9px; letter-spacing: 3px; color: #9aa5a4; }
.loader-track { width: 160px; height: 2px; background: #252a30; overflow: hidden; }
.loader-track span { display: block; height: 100%; width: 40%; background: #8fffe1; animation: loaderProgress 1.6s ease-in-out infinite; box-shadow: 0 0 14px #8fffe1; }
.shado-loader button { border: 0; background: transparent; color: #7f898a; font-size: 10px; text-decoration: underline; cursor: pointer; }
@keyframes loaderPulse { 50% { transform: scale(1.05); text-shadow: 0 0 38px rgba(116,255,220,.7); } }
@keyframes loaderProgress { from { transform: translateX(-110%); } to { transform: translateX(360%); } }
.particle-canvas { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; opacity: .45; }
body > *:not(.particle-canvas):not(.shado-loader) { position: relative; z-index: 1; }
.new-arrivals { background: #111318; color: #fff; position: relative; overflow: hidden; }
.new-arrivals .eyebrow, .new-arrivals .section-note { color: #92999c; }
.new-arrivals .section-heading h2 span { color: #8fffe1; }
.arrival-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 36px; }
.arrival-tile { min-width: 0; background: #191d22; border: 1px solid #2b3338; padding: 14px; transition: transform .35s,border-color .35s,box-shadow .35s; }
.arrival-tile:hover { transform: translateY(-7px); border-color: rgba(143,255,225,.6); box-shadow: 0 18px 45px #0006,0 0 25px #8fffe11a; }
.arrival-tile img { display: block; width: 100%; height: 180px; object-fit: contain; background: #101216; }
.arrival-tile span { display: block; color: #8fffe1; font-size: 8px; letter-spacing: 1.8px; margin-top: 14px; }
.arrival-tile h3 { font: 600 17px var(--display); margin: 7px 0 3px; }
.arrival-tile p { color: #9da4a8; font-size: 10px; margin: 0; }
.arrival-tile button { border: 0; padding: 10px 0 0; color: #fff; background: none; font-size: 10px; font-weight: 700; }
.product-visual.original-design-visual { isolation: isolate; background: radial-gradient(ellipse at 50% 45%, #fff 0%, #f4f4f1 70%); }
.product-visual.original-design-visual::before, .viewer-card::before {
  content: ""; position: absolute; inset: -60%; z-index: 1; pointer-events: none; opacity: 0;
  background: linear-gradient(115deg,transparent 35%,rgba(255,255,255,.0) 42%,rgba(255,255,255,.72) 49%,rgba(117,255,224,.28) 52%,rgba(190,128,255,.25) 56%,transparent 64%);
  transform: translateX(-45%) rotate(12deg); mix-blend-mode: screen; transition: opacity .25s;
}
.product-card:hover .product-visual::before { opacity: .9; animation: holoSweep 1.35s ease forwards; }
.product-visual .original-design-image { position: relative; z-index: 0; }
.product-card:hover .original-design-image { filter: drop-shadow(0 10px 18px rgba(0,0,0,.18)); }
@keyframes holoSweep { to { transform: translateX(45%) rotate(12deg); } }
.viewer-stage { perspective: 1100px; background: radial-gradient(ellipse at center,#30383e,#11151a 72%); display: grid; place-items: center; min-height: 390px; position: relative; overflow: hidden; }
.viewer-card { width: min(72%,340px); height: 300px; display: grid; place-items: center; position: relative; transform-style: preserve-3d; border-radius: 15px; transition: transform .12s ease-out; box-shadow: 0 30px 65px #0008; }
.viewer-card img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; border-radius: 12px; position: relative; z-index: 0; }
.viewer-card::before { opacity: .5; animation: holoFloat 5s linear infinite; }
.viewer-hint { position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; font-size: 8px; letter-spacing: 1.6px; color: #b6c2c5; pointer-events: none; }
@keyframes holoFloat { 0% { transform: translate(-15%,-8%) rotate(12deg); } 50% { transform: translate(15%,8%) rotate(12deg); } 100% { transform: translate(-15%,-8%) rotate(12deg); } }
.request-section { background: #f3f4f1; }
.request-form { margin: 35px auto 0; max-width: 760px; padding: 30px; background: #fff; display: grid; gap: 17px; box-shadow: 0 20px 60px #0000000a; }
.request-form label { display: flex; flex-direction: column; gap: 8px; font-size: 10px; font-weight: 700; }
.request-form input,.request-form select,.request-form textarea { width: 100%; min-height: 44px; border: 1px solid var(--line); padding: 12px; background: #fff; font: 11px var(--body); resize: vertical; }
.request-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.request-actions .button { flex: 1; }
.request-form .form-hint { margin: 0; }
@media (max-width: 760px) {
  .arrival-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .arrival-tile img { height: 135px; }
  .viewer-stage { min-height: 300px; }
  .viewer-card { width: 82%; height: 245px; }
  .request-form { padding: 20px; }
}
@media (max-width: 480px) {
  .arrival-grid { grid-template-columns: 1fr; }
  .arrival-tile img { height: 190px; }
  .request-actions { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .shado-loader *, .viewer-card::before { animation: none !important; }
}

/* Live studio artwork panel: source art is shown unchanged. */
.preview-card { min-height: 150px; gap: 12px; }
.studio-artwork { width: 94px; height: 118px; flex: none; object-fit: contain; background: #202020; border-radius: 4px; }
.preview-photo { width: 48px; height: 60px; }
@media (max-width: 480px) {
  .studio-artwork { width: 78px; height: 98px; }
  .preview-card { gap: 8px; padding: 10px; }
}

/* ── SHADO V3 ADVANCED DESIGN STUDIO ── */
.studio-form{gap:17px;border:1px solid #e8e9e5;border-radius:3px}
.studio-form-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1.4px;color:#888}
.studio-form-heading b{color:#151719;font:700 9px var(--display)}
.studio-form label{gap:7px}
.studio-form input,.studio-form select{border-radius:2px;min-height:45px}
.studio-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.studio-preview-wrap{background:#11151a;padding:14px;border:1px solid #293238}
.studio-preview-top{display:flex;justify-content:space-between;gap:10px;color:#8fffe1;font-size:8px;letter-spacing:1.5px;margin:0 0 12px}
.studio-preview-top span:last-child{color:#a4adb2}
#studioPreview{position:relative;display:grid;grid-template-columns:minmax(95px, .9fr) 1.1fr;align-items:center;gap:15px;min-height:205px;padding:16px;background:linear-gradient(135deg,#242a30,#101216);border:1px solid color-mix(in srgb,var(--studio-accent) 55%,transparent);box-shadow:0 12px 32px #0006;overflow:hidden}
#studioPreview::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 25%,color-mix(in srgb,var(--studio-accent) 13%,transparent) 50%,transparent 75%);opacity:.8}
#studioPreview[data-finish="holographic"]{box-shadow:0 0 22px color-mix(in srgb,var(--studio-accent) 22%,transparent),0 12px 32px #0006}
#studioPreview[data-finish="matte"]{box-shadow:0 8px 20px #0005}
#studioPreview[data-finish="gloss"]{background:linear-gradient(135deg,#343a40,#101216 65%,#252b31)}
.studio-artwork{position:relative;z-index:1;width:100%;height:165px;object-fit:contain;background:#f4f4f1;border-radius:2px}
.studio-preview-details{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.studio-preview-details .preview-photo{width:44px;height:48px;border:1px solid #ffffff40;background-color:#30383e;border-radius:2px;overflow:hidden}
.studio-preview-details b{font:700 clamp(13px,2vw,20px) var(--display);color:#fff;overflow-wrap:anywhere;max-width:100%}
.studio-preview-details small{font-size:8px;letter-spacing:1px;color:var(--studio-accent);overflow-wrap:anywhere}
.studio-preview-details>span{font-size:9px;color:#b4bdc1;overflow-wrap:anywhere}
.studio-watermark{position:absolute;right:13px;bottom:9px;font-size:7px;letter-spacing:1.5px;color:#879095}
.preview-caption{font-size:8px;color:#929a9e;margin:10px 0 0}
.studio-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.studio-buttons .button,.studio-cart-button,.studio-form>#copyRequest{width:100%;margin:0}
.studio-privacy{font-size:10px;color:#888;line-height:1.7;margin-top:28px;max-width:360px}
@media(max-width:480px){.studio-fields{grid-template-columns:1fr}.studio-form-heading{align-items:flex-start;flex-direction:column}.studio-buttons{grid-template-columns:1fr}#studioPreview{grid-template-columns: minmax(85px,.8fr) 1.2fr;gap:10px;padding:11px}.studio-artwork{height:140px}}

/* Simple, native-feeling UPI checkout */
.upi-checkout{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);text-align:center}.upi-heading>span{font-size:9px;letter-spacing:1.6px;color:#888;font-weight:700}.upi-heading h3{font:600 20px var(--display);margin:9px 0 5px}.upi-heading p,.upi-note{font-size:11px;line-height:1.7;color:#777}.upi-qr-frame{width:min(250px,100%);margin:16px auto;padding:12px;border:1px solid #e8e8e4;background:#fff}.upi-qr-frame img{display:block;width:100%;height:auto}.upi-note{margin:12px 0}.upi-instagram-link{display:inline-block;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px;margin:4px 0 10px}.upi-checkout .form-hint{margin:8px 0 0}.upi-checkout[hidden]{display:none}

/* Screenshot-inspired, clean checkout preview */
.checkout-backdrop{position:fixed;inset:0;z-index:40;background:rgba(20,18,32,.42);backdrop-filter:blur(3px)}
.checkout-page{position:fixed;inset:0;z-index:41;overflow-y:auto;background:radial-gradient(ellipse at 50% 100%,#f4d9e8 0%,#f0eaff 48%,#f7f5fb 100%);color:#252936;font-family:var(--body);}
.checkout-page[hidden],.checkout-backdrop[hidden]{display:none}
.checkout-topbar{height:58px;background:#fff;display:flex;align-items:center;padding:0 22px;gap:18px;position:sticky;top:0;z-index:2;border-bottom:1px solid #eeeaf3}
.checkout-back{border:0;background:none;font-size:27px;line-height:1;cursor:pointer;color:#222}
.checkout-brand{font:800 16px var(--display);letter-spacing:-.7px;color:#111;text-decoration:none}.checkout-brand span{color:#6b55f5}
.checkout-step-label{margin-left:auto;font-size:9px;letter-spacing:1.2px;color:#8a8793;font-weight:700}
.checkout-shipping{text-align:center;background:#f0e8ff;color:#17151f;padding:13px 12px;font-size:14px}
.checkout-content{width:min(760px,100%);margin:0 auto;padding:22px 14px 36px}
.checkout-contact-card,.checkout-summary-card{background:rgba(255,255,255,.78);border:1px solid rgba(221,218,235,.9);border-radius:11px;box-shadow:0 3px 14px rgba(48,37,82,.09);margin-bottom:20px}
.checkout-contact-card{padding:22px 15px 16px}.checkout-prompt{font-size:16px;margin:4px 0 24px;color:#181922}
.checkout-phone-row{height:60px;display:flex;background:#fff;border:1px solid #e7e5ec;border-radius:5px;overflow:hidden;box-shadow:0 2px 8px #20203012}
.checkout-phone-row>span{display:flex;align-items:center;padding:0 12px;color:#6d6d77;border-right:1px solid #eee;font-size:14px}
.checkout-phone-row input{flex:1;min-width:0;border:0;outline:0;padding:0 10px;font:15px var(--body);background:#fff;color:#24242b}
.checkout-phone-row button{width:31%;border:0;background:#6a55ee;color:#fff;font-weight:700;font-size:15px;cursor:pointer}.checkout-phone-row button:disabled{background:#aeb0b9;cursor:not-allowed}
.checkout-phone-error{font-size:11px;color:#b3261e;min-height:13px;margin:7px 0 0}.checkout-privacy{font-size:10px;color:#777783;margin:3px 0 0}
.checkout-summary-card{padding:0 15px 14px}.checkout-summary-title{display:flex;align-items:center;gap:9px;margin:0 -15px;padding:20px 15px;border-bottom:1px dashed #d9d6e2;color:#444b59;font-size:16px}.checkout-summary-title>span:first-child{font-size:22px}.checkout-summary-title>span:last-child{margin-left:-5px}
.checkout-order-items{padding:8px 0 12px}.checkout-order-line{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e5e2eb}.checkout-order-line img{width:68px;height:68px;object-fit:contain;background:#f0edf4;border-radius:8px}.checkout-order-line>div{flex:1;min-width:0}.checkout-order-line b{display:block;font-size:14px;font-weight:500;color:#444b59}.checkout-order-line small{display:block;font-size:11px;color:#858795;margin-top:4px}.checkout-order-line>span{font-size:13px;color:#555b66;white-space:nowrap}
.checkout-summary-lines{margin-left:82px}.checkout-summary-lines>div{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #d9d6e2;font-size:14px}.checkout-summary-lines>div:first-child{color:#8295ac}.checkout-summary-lines>div:first-child b{color:#20a568;font-weight:500}.checkout-summary-lines .checkout-total{font-size:16px;color:#343b47}.checkout-total b{text-align:right;font-size:14px}
.checkout-demo-note{text-align:center;font-size:10px;color:#787482;line-height:1.6;margin:8px auto 0;max-width:500px}
.checkout-payment-step{text-align:center}.checkout-payment-heading>span{font-size:9px;letter-spacing:1.5px;color:#858391;font-weight:700}.checkout-payment-heading h2{font:600 23px var(--display);margin:8px 0}.checkout-payment-heading p{font-size:12px;color:#777;margin:0}.checkout-qr{width:min(245px,80%);margin:18px auto;padding:10px;background:#fff;border:1px solid #e4e1ec;border-radius:8px}.checkout-qr img{display:block;width:100%;height:auto}.checkout-qr-note{font-size:11px;line-height:1.65;color:#6e6d78;max-width:420px;margin:0 auto 10px}.checkout-instagram{font-size:12px;color:#5746d8;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(min-width:760px){.checkout-content{padding-top:28px}.checkout-contact-card{padding:26px 22px 18px}.checkout-summary-card{padding-left:22px;padding-right:22px}.checkout-summary-title{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.checkout-order-line img{width:76px;height:76px}}
@media(max-width:420px){.checkout-content{padding:16px 10px 28px}.checkout-shipping{font-size:13px}.checkout-contact-card{padding:18px 12px 14px}.checkout-phone-row{height:56px}.checkout-phone-row button{font-size:14px}.checkout-summary-card{padding-left:12px;padding-right:12px}.checkout-summary-title{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;font-size:14px}.checkout-summary-lines{margin-left:0}.checkout-order-line img{width:58px;height:58px}.checkout-order-line b{font-size:12px}.checkout-total b{font-size:12px}}
.manual-order-form{max-width:430px;margin:20px auto 12px;text-align:left;display:grid;gap:9px}.manual-order-form label{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#555}.manual-order-form input{height:46px;border:1px solid #dedbe7;border-radius:5px;padding:0 12px;background:#fff;color:#222;font:13px var(--body)}.manual-order-form .button{width:100%;cursor:pointer}.manual-order-form .button:disabled{opacity:.55;cursor:wait}.manual-order-message{font-size:11px;color:#9b352e;min-height:15px;text-align:center}.manual-order-form[hidden]{display:none}#orderConfirmation{text-align:center;padding:26px}#orderConfirmation h2{font:600 24px var(--display);margin:8px 0}#orderConfirmation p{font-size:12px;color:#777;line-height:1.7}#confirmationOrderId{display:block;margin-top:14px;font:700 13px var(--body);letter-spacing:1px}


/* SHADO checkout refresh — premium editorial delivery form */
.checkout-page{background:#f4f3ef;color:#171717;font-family:var(--body)}
.checkout-topbar{height:68px;background:#111;color:#fff;border-bottom:1px solid #292929;padding:0 clamp(16px,4vw,48px)}
.checkout-back{color:#fff;width:38px;height:38px;border:1px solid #3b3b3b;border-radius:50%;font-size:21px}
.checkout-brand{color:#fff;font-size:17px;letter-spacing:-.8px}.checkout-brand span{color:#c7a875}
.checkout-step-label{color:#bcb8b0;letter-spacing:2px;font-size:9px}
.checkout-shipping{background:#e9e5dc;color:#4d473d;font-size:11px;letter-spacing:1.15px;text-transform:uppercase;padding:12px}
.checkout-content{width:min(1040px,100%);padding:32px 20px 54px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);align-items:start;gap:22px}
.checkout-contact-card,.checkout-summary-card{background:#fff;border:1px solid #e5e2dc;border-radius:3px;box-shadow:0 12px 35px rgba(20,18,14,.045);margin:0}
.checkout-contact-card{padding:30px 28px 26px}
.checkout-section-kicker{font-size:9px;letter-spacing:2px;color:#9a805a;font-weight:800;margin-bottom:14px}
.checkout-form-title{font:600 clamp(25px,3vw,34px)/1.12 var(--display);letter-spacing:-1.2px;margin:0 0 10px;color:#171717}
.checkout-form-intro{font-size:12px;line-height:1.7;color:#77736b;margin:0 0 25px;max-width:480px}
.delivery-form{display:grid;gap:17px}
.delivery-field{display:grid;gap:7px;min-width:0}
.delivery-field label,.manual-order-form label{font-size:9px;letter-spacing:1.25px;font-weight:800;color:#5d5951}
.delivery-field label span{color:#a19b91;font-weight:500;letter-spacing:.5px}
.delivery-field input,.delivery-field textarea,.manual-order-form input{width:100%;min-width:0;border:1px solid #dedbd4;border-radius:2px;background:#fbfaf8;color:#191919;padding:13px 13px;font:13px var(--body);outline:none;transition:border-color .18s,background .18s}
.delivery-field textarea{resize:vertical;min-height:72px}
.delivery-field input:focus,.delivery-field textarea:focus,.manual-order-form input:focus{border-color:#9a805a;background:#fff}
.delivery-phone{display:flex;border:1px solid #dedbd4;background:#fbfaf8}
.delivery-phone:focus-within{border-color:#9a805a;background:#fff}
.delivery-phone span{display:flex;align-items:center;padding:0 13px;border-right:1px solid #dedbd4;color:#716b61;font-size:12px}
.delivery-phone input{border:0;background:transparent}
.delivery-phone input:focus{border:0}
.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.checkout-phone-error{font-size:10px;color:#b3261e;min-height:0;margin:0}
.delivery-continue{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:#171717;color:#fff;padding:17px 18px;margin-top:5px;font-size:10px;font-weight:800;letter-spacing:1.3px;cursor:pointer;transition:background .2s}
.delivery-continue:hover{background:#4d4233}
.delivery-continue span{font-size:17px}
.checkout-privacy{font-size:10px;line-height:1.6;color:#918b81;margin:0}
.checkout-summary-card{padding:0 22px 20px;position:sticky;top:88px}
.checkout-summary-title{margin:0 -22px;padding:20px 22px;border-bottom:1px solid #ece9e3;color:#1b1b1b;font-size:13px;font-weight:700;letter-spacing:.2px}
.checkout-summary-title>span:first-child{font-size:16px;color:#a58a63}
.checkout-summary-title>span:last-child{font-size:10px;color:#918b81;margin-left:auto}
.checkout-order-items{padding:7px 0 14px}
.checkout-order-line{gap:12px;padding:14px 0;border-bottom:1px solid #efede8}
.checkout-order-line img{width:62px;height:62px;background:#f5f3ef;border-radius:2px}
.checkout-order-line b{font-size:12px;font-weight:700;color:#242321}
.checkout-order-line small{font-size:10px;color:#918b81}
.checkout-order-line>span{font-size:10px;color:#77736b;white-space:normal;text-align:right;max-width:90px}
.checkout-summary-lines{margin:0}
.checkout-summary-lines>div{padding:13px 0;border-top:1px solid #ece9e3;font-size:11px;color:#77736b}
.checkout-summary-lines>div:first-child{color:#77736b}
.checkout-summary-lines>div:first-child b{color:#77736b;font-weight:600}
.checkout-summary-lines .checkout-total{font-size:13px;color:#171717}
.checkout-total b{text-align:right;font-size:11px;color:#171717}
.checkout-demo-note{grid-column:1/-1;text-align:left;font-size:10px;color:#8a857c;margin:0}
.checkout-payment-step{text-align:left}
.checkout-payment-heading>span{color:#9a805a;letter-spacing:2px}
.checkout-payment-heading h2{font-size:26px;color:#171717}
.checkout-payment-heading p{color:#77736b}
.checkout-qr{width:min(245px,80%);margin:20px auto;background:#fff;border:1px solid #e8e5df;border-radius:2px}
.checkout-qr-note{font-size:10px;color:#77736b;line-height:1.7}
.manual-order-form{display:grid;gap:10px;margin:18px auto 12px;max-width:430px}
.manual-order-form input{margin:0}
.manual-order-form .button{margin-top:6px;border-radius:0;letter-spacing:1px;font-size:10px}
.checkout-instagram{color:#8a704b;font-size:11px}
@media(max-width:760px){.checkout-content{display:flex;flex-direction:column;padding:18px 12px 34px;gap:14px}.checkout-contact-card,.checkout-summary-card{width:100%}.checkout-contact-card{padding:23px 17px 19px}.checkout-summary-card{position:static;padding:0 17px 17px}.checkout-summary-title{margin:0 -17px;padding:17px}.checkout-demo-note{order:3}.checkout-topbar{height:60px}.checkout-step-label{font-size:8px;letter-spacing:1px}}
@media(max-width:390px){.delivery-grid{grid-template-columns:1fr}.checkout-form-title{font-size:27px}}