
:root{
  --black:#171717;
  --ink:#1d1d1f;
  --muted:#555;
  --line:#d9d9d9;
  --soft:#f5f5f5;
  --accent:#ef3b1a;
  --white:#fff;
  --container:1240px;
  --shadow:0 10px 28px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff;font-size:15px;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.topbar{height:38px;background:var(--black);color:#fff;font-size:13px}
.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}
.social{display:flex;gap:16px;align-items:center;font-weight:700;font-size:17px;letter-spacing:.04em}
.top-links{display:flex;align-items:center;gap:14px;color:#eee}.top-links span{opacity:.85}.divider{height:14px;width:1px;background:#555}.currency select{background:transparent;color:#fff;border:0;outline:0}.currency option{color:#111}
.navbar{height:90px;background:#fff;border-bottom:1px solid #f3f3f3;position:sticky;top:0;z-index:50}.nav-inner{height:90px;display:grid;grid-template-columns:180px 1fr 260px;align-items:center}.logo{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;position:relative;font-weight:900;font-size:18px;letter-spacing:-3px}.logo:before{content:"";position:absolute;inset:3px;border:3px solid #111;border-right-color:transparent;border-radius:50%;transform:rotate(-28deg)}.logo span{position:relative;margin-left:6px}.nav-menu{display:flex;justify-content:center;gap:36px;font-weight:800;font-size:15px;letter-spacing:.02em}.nav-menu a.active,.nav-menu a:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.user-pill{display:flex;align-items:center;gap:7px}.user-pill img{width:22px;height:22px}.icon-btn{border:0;background:transparent;padding:0;cursor:pointer;font-size:23px;line-height:1;position:relative}.bag{width:22px;height:25px;background:#111;color:#fff;font-size:12px;display:inline-flex;align-items:flex-end;justify-content:center;padding-bottom:2px;position:relative}.bag:before{content:"";position:absolute;left:6px;right:6px;top:-7px;height:10px;border:2px solid #111;border-bottom:0;border-radius:8px 8px 0 0}.cart-count{position:absolute;top:8px;left:0;right:0;text-align:center;color:#fff;font-size:11px;font-weight:bold}.mobile-menu{display:none;border:0;background:#111;color:#fff;padding:8px 10px}
.hero{position:relative;background:#111;overflow:hidden}.hero-img{width:100%;height:calc(100vh - 128px);min-height:560px;object-fit:cover;object-position:center}.hero-link{position:absolute;left:7.6%;top:71%;width:185px;height:54px;z-index:2}.hero-dots{position:absolute;left:0;right:0;bottom:9px;display:flex;justify-content:center;gap:9px}.hero-dots b{width:11px;height:11px;border-radius:50%;border:1px solid #fff;display:block}.hero-dots b:first-child{background:#fff}.help{position:fixed;right:32px;bottom:40px;width:80px;height:80px;border-radius:50%;background:#171717;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:40}
.page-banner{height:140px;background:#070707 center/cover no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.page-banner h1{margin:0;text-transform:uppercase;font-size:28px;font-weight:900;letter-spacing:-1px}.breadcrumb{margin-top:4px;color:#fff;font-size:15px}.breadcrumb a{opacity:.95}.crumb-spacer{height:100px;background:#f2f2f2;display:flex;align-items:center;justify-content:center;color:#444}.crumb-spacer span{margin:0 16px;color:#999}
.section{padding:74px 0}.section.compact{padding:48px 0}.section-title{text-align:center;margin-bottom:52px}.section-title .kicker{font-weight:800;color:#595959;letter-spacing:.17em;text-transform:uppercase;font-size:17px}.section-title h2{font-size:44px;line-height:1.05;margin:10px 0 14px;font-weight:900;text-transform:uppercase;letter-spacing:-2px}.speedline{margin:0 auto;width:145px;height:12px;background:linear-gradient(90deg,#111 0 18%,transparent 18% 23%,#989898 23% 65%,transparent 100%);transform:skewX(-25deg)}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.category-tile{height:500px;position:relative;overflow:hidden;background:#111}.category-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.category-tile:hover img{transform:scale(1.04)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:56px 40px}.product-card{position:relative}.product-card .badge{position:absolute;top:10px;left:10px;z-index:1;background:var(--accent);color:#fff;padding:5px 12px;border-radius:4px;font-size:13px}.product-card .image{aspect-ratio:1/1.18;background:#f6f6f6;overflow:hidden}.product-card .image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .image img{transform:scale(1.04)}.product-card h3{margin:16px 0 2px;font-size:17px;line-height:1.2}.meta-row{display:flex;justify-content:space-between;gap:10px;color:#555}.heart{background:transparent;border:0;font-size:23px;line-height:1;cursor:pointer}.heart.active{color:var(--accent)}.price{color:#111}.points{color:#555}.toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bbb;padding:0 0 17px;margin-bottom:74px;color:#555}.toolbar-controls{display:flex;gap:55px}.select-lite{border:0;background:transparent;color:#555}.view-more{display:flex;justify-content:center;margin-top:56px}.btn-outline,.btn-dark,.btn-soft{display:inline-flex;align-items:center;justify-content:center;height:54px;min-width:188px;padding:0 28px;border:1px solid #999;background:#fff;font-weight:800;text-transform:uppercase;cursor:pointer}.btn-dark{background:#171717;color:#fff;border-color:#171717}.btn-soft{background:#f7f7f7}.btn-outline:hover,.btn-dark:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.feature-row{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:34px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;text-align:center}.feature{color:#555}.feature b{display:block;color:#111;margin-top:8px}.feature .feature-icon{font-size:28px}.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.testimonial-card{position:relative;overflow:hidden;background:#eee}.testimonial-card img{width:100%;height:290px;object-fit:cover}.testimonial-card:after{content:"Verified collector review";position:absolute;inset:auto 0 0;background:rgba(0,0,0,.45);color:#fff;text-align:center;padding:15px;font-weight:700;opacity:0;transition:.3s}.testimonial-card:hover:after{opacity:1}
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:90px}.content h2,.content h1{font-size:42px;line-height:1.1;margin:5px 0 18px;text-transform:uppercase;letter-spacing:-2px}.content .kicker{font-weight:800;color:#5d5d5d;letter-spacing:.15em;text-transform:uppercase;font-size:18px}.content p{color:#555;max-width:720px}.stat{margin:0 0 32px}.stat strong{display:block;color:var(--accent);font-size:32px}.rule{border-top:1px solid #bbb;margin:58px 0}.about-photo-row{display:grid;grid-template-columns:1fr 1fr;gap:36px}.about-photo{height:260px;background:#111;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover}.about-photo:nth-child(1) img,.about-photo:nth-child(2) img{transform:scale(7);transform-origin:50% 70%}
.blog-layout{display:grid;grid-template-columns:1fr 280px;gap:80px}.blog-post{margin-bottom:42px}.blog-post img{width:100%;height:420px;object-fit:cover}.blog-post h2{font-size:32px;line-height:1.15}.sidebar h3{font-size:18px;text-transform:uppercase}.side-list{list-style:none;margin:0;padding:0}.side-list li{border-bottom:1px solid #bbb;padding:15px 0;color:#555}.recent{display:flex;gap:15px;margin:15px 0}.recent img{width:70px;height:70px;object-fit:cover}.recent b{font-size:14px;line-height:1.3}.muted{color:#666}.contact-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:90px}.card{background:#fff;border:1px solid #eee;box-shadow:var(--shadow);padding:44px 40px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{width:100%;height:60px;border:1px solid #d4d4d4;padding:0 18px;background:#fff}.field.textarea{height:170px;padding-top:18px;resize:vertical}.info-block{border-bottom:1px solid #bbb;padding:0 0 30px;margin:0 0 30px}.info-line{display:flex;gap:16px;align-items:flex-start;margin:20px 0;color:#555}.faq-layout{display:grid;grid-template-columns:1fr 280px;gap:80px}.accordion-item{margin-bottom:14px}.accordion-head{width:100%;height:58px;background:#fff;border:1px solid #d5d5d5;text-align:left;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-weight:800;cursor:pointer}.accordion-body{display:none;padding:24px 0;color:#555}.accordion-item.open .accordion-body{display:block}
.auth-wrap{max-width:548px;margin:70px auto 110px}.auth-tabs{display:flex;gap:24px;justify-content:center;font-weight:900;font-size:17px;margin-bottom:34px}.auth-tabs a.active{color:var(--accent)}.auth-card{box-shadow:var(--shadow);padding:52px 40px;background:#fff}.brand-title{text-align:center;font-size:28px;font-weight:900;margin-bottom:42px;text-transform:uppercase;letter-spacing:-1px}.check-row{display:flex;justify-content:space-between;align-items:center;margin:28px 0}.radio-lite{width:20px;height:20px;border:1px solid #aaa;border-radius:50%;display:inline-block;margin-right:10px;vertical-align:-4px}.phone-row{display:grid;grid-template-columns:68px 1fr;gap:15px}.phone-code{height:60px;border:1px solid #d4d4d4;background:#eee;display:flex;align-items:center;justify-content:center;color:#555}
.cart-table{width:100%;border-collapse:collapse}.cart-table th{text-align:left;color:#555;font-weight:400;padding-bottom:30px;border-bottom:1px solid #ddd}.cart-table td{padding:30px 0;border-bottom:1px solid #eee;vertical-align:middle}.cart-product{display:flex;align-items:center;gap:30px}.cart-product img{width:120px;height:142px;object-fit:cover}.qty{display:inline-flex;border:1px solid #ddd;height:50px}.qty input{width:42px;border:0;text-align:center}.qty button{width:26px;border:0;border-left:1px solid #ddd;background:#f8f8f8}.remove{border:0;background:#eee;font-size:18px;cursor:pointer}.cart-summary{max-width:420px;margin-left:auto;margin-top:40px;border:1px solid #ddd;padding:30px}.summary-line{display:flex;justify-content:space-between;border-bottom:1px solid #ccc;padding:12px 0}.summary-line.total{font-weight:900;border-bottom:0}.checkout-grid{display:grid;grid-template-columns:1fr 390px;gap:60px}.checkout-form .form-line{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;margin-bottom:20px}.checkout-form label b{color:var(--accent)}.order-box{border:1px solid #d7d7d7;padding:34px 24px;align-self:start}.payment{margin-top:30px}.stripe{display:inline-block;background:#8757ff;color:#fff;border-radius:3px;padding:0 4px;font-size:12px;font-weight:800}
.account-layout{display:grid;grid-template-columns:260px 1fr;gap:36px}.account-menu{border:1px solid #d3d3d3;align-self:start}.account-menu a{display:block;padding:16px 15px;border-bottom:1px solid #d3d3d3;font-weight:700}.account-menu a.active{background:#171717;color:#fff}.account-menu a.logout{color:var(--accent)}.account-card{border:1px solid #ddd;padding:30px;margin-bottom:24px;background:#fff}.member-box{display:grid;grid-template-columns:230px 1fr;gap:50px}.crown{text-align:center}.crown .emoji{font-size:70px}.points-big{font-size:32px;color:var(--accent)}.level-line{display:flex;align-items:center;gap:14px;margin:40px 0 14px}.level-line span{height:12px;width:12px;border-radius:50%;background:#bbb}.level-line span.active{background:var(--accent);outline:4px solid #fff;box-shadow:0 0 0 2px var(--accent)}.level-line i{height:2px;flex:1;background:#bbb}.level-labels{display:grid;grid-template-columns:repeat(5,1fr);font-weight:800;color:#aaa}.level-labels b{color:#111}.table-lite{width:100%;border-collapse:collapse}.table-lite th,.table-lite td{text-align:left;padding:14px 0;border-bottom:1px solid #e0e0e0}.voucher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.voucher{color:#fff;padding:18px;border-radius:6px;background:linear-gradient(135deg,#ff7d00,#ef3b1a)}.voucher:nth-child(2){background:linear-gradient(135deg,#935cff,#5035ff)}.voucher:nth-child(3){background:linear-gradient(135deg,#10a1ff,#1ec789)}.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.address-box{border:1px solid #ddd;padding:20px}.search-overlay{position:fixed;inset:0;background:rgba(255,255,255,.97);z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:170px}.search-overlay.open{display:flex}.search-box{width:min(700px,90vw);position:relative}.search-box input{width:100%;height:70px;border:0;border-bottom:1px solid #222;text-align:center;font-size:16px}.close-search{position:absolute;right:0;top:-60px;border:0;background:transparent;font-size:28px;cursor:pointer}.search-results{margin-top:25px;background:#fff;border:1px solid #eee;box-shadow:var(--shadow);max-height:360px;overflow:auto}.search-result{display:flex;gap:15px;align-items:center;padding:12px 15px;border-bottom:1px solid #eee}.search-result img{width:52px;height:62px;object-fit:cover}.toast{position:fixed;bottom:130px;right:30px;background:#111;color:#fff;padding:14px 20px;z-index:100;border-radius:2px;opacity:0;transform:translateY(12px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}footer{background:#f4f4f4;margin-top:40px;padding:50px 0 25px;color:#555}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px}.footer-grid h4{color:#111;text-transform:uppercase}.copyright{border-top:1px solid #ddd;margin-top:35px;padding-top:20px;font-size:13px}
@media(max-width:1000px){.nav-inner{grid-template-columns:100px 1fr 190px}.nav-menu{gap:18px}.product-grid{grid-template-columns:repeat(3,1fr)}.two-col,.contact-grid,.blog-layout,.faq-layout,.checkout-grid,.account-layout{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.category-tile{height:auto}.testimonial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{display:none}.navbar,.nav-inner{height:auto}.navbar{position:relative}.nav-inner{display:flex;justify-content:space-between;padding:15px 20px}.mobile-menu{display:block}.nav-menu{position:absolute;left:0;right:0;top:73px;background:#fff;display:none;flex-direction:column;padding:20px;border-top:1px solid #eee;z-index:3}.nav-menu.open{display:flex}.user-pill{display:none}.nav-actions{gap:12px}.hero-img{height:430px;min-height:430px;object-position:center}.section{padding:48px 0}.section-title h2{font-size:34px}.product-grid{grid-template-columns:repeat(2,1fr);gap:35px 18px}.toolbar{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:35px}.feature-row{grid-template-columns:1fr 1fr}.form-row,.checkout-form .form-line,.member-box,.voucher-grid,.address-grid,.footer-grid{grid-template-columns:1fr}.cart-table thead{display:none}.cart-table tr,.cart-table td{display:block}.cart-product{align-items:flex-start}.help{width:58px;height:58px;font-size:24px;right:18px;bottom:22px}.page-banner{height:120px}.cart-summary{margin-left:0}.testimonial-grid{grid-template-columns:1fr}.blog-post img{height:260px}}

/* Reference studio image section + wave hover effect */
.studio-showcase{background:#fff;margin:0;padding:0;overflow:hidden}
.studio-grid-full{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%}
.studio-card{position:relative;display:block;height:400px;overflow:hidden;background:#111;isolation:isolate}
.studio-card img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.16,1,.3,1),filter .75s cubic-bezier(.16,1,.3,1)}
.studio-card:before,.brand-logo:before{content:"";position:absolute;inset:-35%;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.38) 0,rgba(255,255,255,.20) 8%,rgba(255,255,255,.06) 18%,transparent 36%),repeating-radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.16) 0 2px,transparent 5px 14px);opacity:0;transform:scale(.72);transition:opacity .35s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.studio-card:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.20) 44%,transparent 62%);transform:translateX(-130%) skewX(-16deg);transition:transform .95s cubic-bezier(.16,1,.3,1)}
.studio-card:hover img{transform:scale(1.08);filter:contrast(1.08) saturate(1.08)}
.studio-card:hover:before,.brand-logo:hover:before{opacity:1;transform:scale(1.06)}
.studio-card:hover:after{transform:translateX(130%) skewX(-16deg)}
.brand-logo-section{background:#f7f7f7;padding:66px 0 72px;border-bottom:1px solid #e6e6e6}
.brand-logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:54px 72px;align-items:center}
.brand-logo{position:relative;display:flex;height:112px;align-items:center;justify-content:center;overflow:hidden;border-radius:2px;background:transparent;isolation:isolate;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s ease}
.brand-logo img{max-width:170px;max-height:112px;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s ease}
.brand-logo:hover{transform:translateY(-7px)}
.brand-logo:hover img{transform:scale(1.08);filter:contrast(1.15)}
.wave-ripple{position:absolute;width:26px;height:26px;border:2px solid rgba(255,255,255,.75);border-radius:50%;left:var(--rx);top:var(--ry);transform:translate(-50%,-50%) scale(.2);z-index:5;pointer-events:none;animation:waveRipple .85s ease-out forwards}
.brand-logo .wave-ripple{border-color:rgba(20,20,20,.22)}
@keyframes waveRipple{0%{opacity:.75;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(6)}}
@media(max-width:1000px){.studio-grid-full{grid-template-columns:repeat(2,1fr)}.studio-card{height:360px}.brand-logo-grid{grid-template-columns:repeat(3,1fr);gap:38px}}
@media(max-width:760px){.studio-grid-full{grid-template-columns:1fr}.studio-card{height:330px}.brand-logo-section{padding:46px 0}.brand-logo-grid{grid-template-columns:repeat(2,1fr);gap:26px}.brand-logo{height:96px}}


/* Home top real slideshow */
.hero-slider{height:calc(100vh - 128px);min-height:560px;position:relative;background:#070707;overflow:hidden;isolation:isolate}
.hero-slider .hero-track{position:absolute;inset:0;overflow:hidden}
.hero-slider .hero-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .85s ease,visibility .85s ease,transform 5.5s ease;z-index:1}
.hero-slider .hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:2}
.hero-slider .hero-img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.hero-slider:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 38%,rgba(0,0,0,.06))}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:54px;height:74px;border:0;background:transparent;color:#fff;font-size:58px;line-height:1;cursor:pointer;text-shadow:0 2px 12px rgba(0,0,0,.5);opacity:.86;transition:opacity .25s ease,transform .25s ease}
.hero-arrow:hover{opacity:1;transform:translateY(-50%) scale(1.08)}
.hero-prev{left:42px}.hero-next{right:42px}
.hero-slider .hero-dots{position:absolute;left:0;right:0;bottom:18px;z-index:9;display:flex;justify-content:center;gap:10px}
.hero-slider .hero-dots button{width:11px;height:11px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.3)}
.hero-slider .hero-dots button.is-active{background:#fff}
.hero-slider.is-paused .hero-dots:before{content:""}
@media(max-width:760px){.hero-slider{height:430px;min-height:430px}.hero-prev{left:16px}.hero-next{right:16px}.hero-arrow{font-size:44px;width:42px;height:58px}.hero-slider .hero-dots{bottom:12px}}
