:root{--ink:#121110;--ink-2:#2a2724;--paper:#f6f2eb;--paper-2:#eee7db;--card:#fffdf9;--line:#e3dacb;--line-2:#d4c8b5;--muted:#6e665b;--accent:#a87a3d;--accent-2:#e0b46c;--good:#2f6b45;--danger:#b3261e;--tortoise:radial-gradient(circle at 30% 30%, #3a1a08 0 22%, transparent 23%), radial-gradient(circle at 70% 65%, #2a1206 0 20%, transparent 21%), #a4652c;--radius:18px;--radius-sm:12px;--shadow:0 1px 2px #1211100a, 0 8px 28px #12111012;--shadow-lg:0 30px 80px -30px #12111059;--serif:"Instrument Serif", "Times New Roman", serif;--sans:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}img,svg,canvas,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4{margin:0;line-height:1.15}p{margin:0 0 .8em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{min-height:60vh}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:11.5px;font-weight:700;display:inline-block}.display{font-family:var(--serif);letter-spacing:-.02em;margin:14px 0 22px;font-size:clamp(50px,7.4vw,100px);font-weight:400;line-height:.98}.display em,.display-md em{color:var(--accent);font-style:italic}.display-md{font-family:var(--serif);letter-spacing:-.01em;margin:8px 0 10px;font-size:clamp(34px,4.6vw,56px);font-weight:400;line-height:1.02}.display-sm{font-family:var(--serif);margin:6px 0 18px;font-size:clamp(28px,3vw,38px);font-weight:400;line-height:1.05}.serif-lg{font-family:var(--serif);font-size:30px;line-height:1.1}.lead{color:var(--ink-2);max-width:56ch;font-size:clamp(16px,1.4vw,18.5px)}.muted{color:var(--muted)}.small{font-size:13.5px}.fine{color:var(--muted);margin-top:14px;font-size:12.5px}.center{text-align:center;justify-content:center}.block{width:100%;display:flex}.grow{flex:1}.link{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.link-arrow{border-bottom:1.5px solid;padding-bottom:2px;font-size:14px;font-weight:700}.btn{letter-spacing:.01em;height:46px;transition:transform .2s var(--ease), background .2s, color .2s, box-shadow .2s;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14.5px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.98)}.btn-lg{height:54px;padding:0 28px;font-size:15.5px}.btn-sm{height:38px;padding:0 16px;font-size:13.5px}.btn-primary{background:var(--ink);color:#fff;box-shadow:0 10px 24px -12px #0009}.btn-primary:hover{background:#000;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:progress}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.btn-ghost:hover,.btn-ghost.on{background:var(--ink);color:#fff}.btn-light{color:var(--ink);background:#fff}.btn-light:hover{background:var(--accent-2)}.btn-disabled,.btn-disabled:disabled{color:#8f877b;cursor:not-allowed;box-shadow:none;background:#ddd6ca;margin-top:10px;font-size:14px}.icon-only{width:54px;padding:0}.chip{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.chip:hover{border-color:var(--ink)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip-dot{background:var(--line-2);border-radius:50%;width:8px;height:8px}.chip.on .chip-dot{background:var(--accent-2);box-shadow:0 0 0 3px #e0b46c40}.chip-accent{background:var(--accent-2);border-color:var(--accent-2);color:var(--ink)}.chip-accent:hover{background:var(--ink);color:#fff}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--line-2);background:var(--card);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:all .15s}.pill:hover{border-color:var(--ink)}.pill.on{background:var(--ink);border-color:var(--ink);color:#fff}.tag{background:var(--paper-2);border-radius:999px;margin:2px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-block}.tag:hover{background:var(--accent-2)}.input{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--card);width:100%;height:46px;font:inherit;color:var(--ink);padding:0 14px;font-size:15px;transition:border .15s,box-shadow .15s}textarea.input{resize:vertical;height:auto;padding:12px 14px}.input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #a87a3d2e}.input-wrap{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.input-wrap em{color:var(--danger);font-size:12.5px;font-style:normal;font-weight:600}.input-wrap.has-error .input{border-color:var(--danger)}.input-wrap.wide{grid-column:1/-1}.range{appearance:none;background:var(--line-2);border-radius:4px;outline:none;width:100%;height:4px;margin:12px 0}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:4px solid var(--card);width:22px;height:22px;box-shadow:0 0 0 1px var(--ink);cursor:grab;border-radius:50%}.range::-moz-range-thumb{background:var(--ink);border:4px solid var(--card);cursor:grab;border-radius:50%;width:16px;height:16px}.radio{border:1.5px solid var(--line-2);background:var(--card);border-radius:50%;flex:none;width:18px;height:18px;position:relative}.on>.radio,.radio.on{border-color:var(--ink)}.on>.radio:after,.radio.on:after{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:3px}.spinner{border:2px solid var(--line-2);border-top-color:var(--ink);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:120px 0;display:flex}.announce{background:var(--ink);color:#e9e2d6;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:12.5px;font-weight:600;display:flex}.announce a{color:var(--accent-2)}.announce-dot{background:var(--accent-2);border-radius:50%;width:4px;height:4px}.header{z-index:50;-webkit-backdrop-filter:saturate(1.4)blur(14px);background:#f6f2ebdb;border-bottom:1px solid #0000;transition:border .2s,box-shadow .2s;position:sticky;top:0}.header.is-scrolled{border-bottom-color:var(--line);box-shadow:0 6px 30px -20px #0000004d}.header-inner{align-items:center;gap:24px;height:72px;display:flex}.brand{flex:none;align-items:center;gap:10px;display:flex}.brand img{width:44px;height:44px}.brand-word{letter-spacing:.2em;font-size:15px;font-weight:800}.brand-word em{color:var(--muted);font-style:normal;font-weight:500}.nav{gap:4px;margin:0 auto;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600;transition:background .15s}.nav a:hover,.nav a.active{background:var(--paper-2);color:var(--ink)}.header-actions{gap:4px;margin-left:auto;display:flex}.icon-btn{border-radius:50%;place-items:center;width:42px;height:42px;transition:background .15s;display:grid;position:relative}.icon-btn:hover{background:var(--paper-2)}.badge-count{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:3px;right:2px}.menu-btn{display:none}.hero{padding:clamp(28px,5vw,64px) 0 clamp(40px,6vw,80px);position:relative;overflow:clip}.hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#e0b46c47,#0000 70%);width:70%;height:140%;position:absolute;top:-20%;right:-10%}.hero-grid{grid-template-columns:1.02fr 1fr;align-items:center;gap:32px;display:grid}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero-points{color:var(--muted);flex-wrap:wrap;gap:26px;margin:34px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.hero-points b{font-family:var(--serif);color:var(--ink);font-size:34px;font-weight:400;line-height:1;display:block}.hero-stage{aspect-ratio:1/.92;min-height:340px;position:relative}.hero-glow{background:radial-gradient(closest-side,#fffdf9f2,#ece0cd8c 60%,#0000 100%);border-radius:50%;position:absolute;inset:10% 8% 0}.hero-gender{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);z-index:2;background:#fffdf9d9;border-radius:999px;padding:4px;display:flex;position:absolute;top:4%;right:4%}.hero-gender button{color:var(--muted);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .2s}.hero-gender button.on{background:var(--ink);color:#fff}.hero-stage .viewer3d{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.hero-fallback{position:absolute;inset:30% 12%}.hero-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);color:var(--muted);background:#fffdf9e6;border-radius:14px;flex-direction:column;padding:12px 18px;font-size:13px;transition:transform .2s;display:flex;position:absolute;bottom:8%;left:4%}.hero-tag strong{font-family:var(--serif);color:var(--ink);font-size:26px;font-weight:400;line-height:1.05}.hero-tag:hover{transform:translateY(-2px)}.hero-dots{gap:8px;display:flex;position:absolute;bottom:10%;right:6%}.hero-dots button{background:var(--line-2);width:8px;height:8px;transition:.3s var(--ease);border-radius:8px}.hero-dots button.on{background:var(--ink);width:26px}.viewer3d{opacity:0;touch-action:none;width:100%;height:100%;transition:opacity .6s}.viewer3d.is-ready{opacity:1}.marquee{background:var(--ink);color:#f5efe6;padding:18px 0;overflow:hidden}.marquee-track{gap:48px;width:max-content;animation:50s linear infinite marquee;display:flex}.marquee-item{font-family:var(--serif);white-space:nowrap;align-items:center;gap:14px;font-size:26px;display:flex}.marquee-svg{width:74px;height:auto}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:clamp(56px,8vw,110px) 0}.section-tight{padding:clamp(32px,5vw,60px) 0}.section-head{margin-bottom:36px}.section-head.row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.studio-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.studio-card{background:var(--card);border:1px solid var(--line);min-height:460px;transition:transform .35s var(--ease), box-shadow .35s;border-radius:26px;flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden}.studio-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.studio-card h3{font-family:var(--serif);margin:10px 0;font-size:36px;font-weight:400}.studio-card p{color:var(--muted);font-size:15px}.studio-dark{background:var(--ink);color:#f5efe6;border-color:var(--ink)}.studio-dark p{color:#b9b0a3}.studio-num{letter-spacing:.2em;color:var(--accent);font-size:12px;font-weight:800}.studio-visual{flex:1;justify-content:center;align-items:center;min-height:150px;margin:14px 0;display:flex}.studio-configure{position:relative}.studio-configure svg{width:62%;transition:transform .5s var(--ease);position:absolute}.studio-configure svg:first-child{transform:translate(-22%,-26%)rotate(-8deg)}.studio-configure svg:nth-child(2){transform:translate(0)}.studio-configure svg:nth-child(3){transform:translate(22%,28%)rotate(7deg)}.studio-card:hover .studio-configure svg:first-child{transform:translate(-28%,-34%)rotate(-12deg)}.studio-card:hover .studio-configure svg:nth-child(3){transform:translate(28%,36%)rotate(11deg)}.studio-tryon svg{width:72%}.studio-face{flex-wrap:wrap;align-content:center;gap:8px}.face-chip{background:var(--paper);border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 9px;font-size:13px;font-weight:700;display:inline-flex}.face-chip i{border:1.8px solid var(--accent);border-radius:50%;width:14px;height:18px}.face-chip.face-square i{border-radius:4px}.face-chip.face-round i{width:17px}.face-chip.face-heart i{border-radius:50%/30% 30% 70% 70%}.face-chip.face-oblong i{border-radius:6px;width:11px}.face-chip.face-diamond i{border-radius:3px;width:14px;height:14px;transform:rotate(45deg)scale(.8)}.studio-link{font-size:14.5px;font-weight:700}.cat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cat-card{aspect-ratio:3/4.2;background:var(--paper-2);border-radius:22px;position:relative;overflow:hidden}.cat-card img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.cat-card:hover img{transform:scale(1.06)}.cat-overlay{color:#fff;background:linear-gradient(#0000,#0a0908d1);padding:60px 20px 20px;position:absolute;inset:auto 0 0}.cat-overlay h3{font-family:var(--serif);font-size:30px;font-weight:400}.cat-overlay p{color:#ddd4c6;margin:4px 0 0;font-size:13.5px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.pcard{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);transition:transform .3s var(--ease), box-shadow .3s;flex-direction:column;display:flex;position:relative;overflow:hidden}.pcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pcard-media{aspect-ratio:4/3;background:radial-gradient(circle at 50% 45%,#fffdf9,#f1eadf);place-items:center;display:grid;position:relative}.pcard-svg{filter:drop-shadow(0 14px 12px #00000024);width:82%;transition:transform .5s var(--ease)}.pcard:hover .pcard-svg{transform:scale(1.06)rotate(-2deg)}.pcard-badge{background:var(--ink);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.pcard-match{color:var(--good);background:#e3efe6;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;position:absolute;bottom:10px;left:12px}.pcard-wish{background:#fffdf9e6;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .2s;display:grid;position:absolute;top:10px;right:10px}.pcard-wish:hover,.pcard-wish.on{color:#c2364b}.pcard-body{flex-direction:column;gap:4px;padding:14px 16px 16px;display:flex}.pcard-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.pcard-name{font-family:var(--serif);font-size:26px;line-height:1.1}.pcard-meta{color:var(--muted);margin-bottom:6px;font-size:13px}.swatches{gap:5px;display:flex}.swatch{border-radius:50%;width:18px;height:18px;transition:all .15s;box-shadow:inset 0 0 0 1px #00000026}.swatch.on{box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px var(--ink)}.price{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;display:flex}.price strong{font-size:17px}.price s{color:var(--muted);font-size:13px}.price .off{color:var(--good);font-size:12.5px;font-weight:700}.price.big strong{font-size:26px}.pcard-try{background:var(--paper-2);white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.pcard-try:hover{background:var(--ink);color:#fff}.pcard-custom{background:var(--ink);color:#f5efe6;background-image:radial-gradient(circle at 80% 10%,#e0b46c59,#0000 50%);border:0;justify-content:flex-end;gap:8px;min-height:330px;padding:28px}.pcard-custom h3{font-family:var(--serif);font-size:36px;font-weight:400}.pcard-custom p{color:#b9b0a3;font-size:14px}.pcard-custom .btn{align-self:flex-start}.face-band{background:var(--ink);color:#f5efe6}.face-band .display-md{color:#fff}.guide-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:36px;display:grid}.guide-card{border-radius:var(--radius);text-align:center;transition:.25s var(--ease);border:1px solid #3a3531;flex-direction:column;align-items:center;gap:8px;padding:24px 18px;display:flex}.guide-card:hover{border-color:var(--accent);background:#1f1c1a;transform:translateY(-3px)}.guide-card h3{font-family:var(--serif);margin-top:8px;font-size:26px;font-weight:400}.guide-card p{color:#a79e91;margin:0;font-size:12.5px}.face-outline{border:2px solid var(--accent-2);border-radius:50%;width:46px;height:62px;display:block}.face-outline.face-round{width:56px;height:60px}.face-outline.face-square{border-radius:12px 12px 16px 16px;width:52px}.face-outline.face-heart{border-radius:50%/34% 34% 66% 66%;width:54px}.face-outline.face-oblong{border-radius:20px/24px;width:40px;height:66px}.face-outline.face-diamond{clip-path:polygon(50% 0,100% 45%,50% 100%,0 45%);background:linear-gradient(var(--accent-2), var(--accent-2));border-width:0;border-radius:40% 40% 50% 50%/55% 55% 45% 45%;width:50px;position:relative}.face-outline.face-diamond:after{content:"";clip-path:polygon(50% 0,100% 45%,50% 100%,0 45%);background:var(--ink);position:absolute;inset:3px}.store-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(28px,5vw,70px);display:grid}.store-photos{grid-template-rows:230px 230px;grid-template-columns:1fr 1fr;gap:14px;display:grid}.store-photos img{object-fit:cover;border-radius:20px;width:100%;height:100%}.sp-a{grid-row:span 2}.store-info{gap:14px;margin:24px 0 0;display:grid}.store-info dt{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:800}.store-info dd{margin:2px 0 0;font-weight:600}.hotspot{position:relative}.hotspot-dot{background:var(--ink);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;animation:2.2s infinite pulse;display:grid;box-shadow:0 0 0 5px #e0b46c73}@keyframes pulse{50%{box-shadow:0 0 0 10px #e0b46c00}}.hotspot-card{background:var(--card);width:210px;box-shadow:var(--shadow-lg);color:var(--muted);opacity:0;pointer-events:none;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;font-size:12.5px;transition:all .2s;display:flex;position:absolute;top:50%;left:34px;transform:translateY(-50%)scale(.95)}.hotspot-card strong{color:var(--ink);font-size:13.5px}.hotspot:hover .hotspot-card,.hotspot:focus .hotspot-card{opacity:1;transform:translateY(-50%)scale(1)}.shop{padding-top:32px;padding-bottom:80px}.shop-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.shop-head h1{text-transform:capitalize}.shop-tools{flex-wrap:wrap;gap:10px;display:flex}.shop-tools .input{width:auto;min-width:180px}.filter-toggle{display:none}.face-banner{border-radius:var(--radius-sm);color:#234b31;background:#e7efe6;margin-bottom:22px;padding:12px 18px;font-size:14.5px}.shop-layout{grid-template-columns:250px 1fr;align-items:start;gap:32px;display:grid}.filters{flex-direction:column;gap:24px;display:flex;position:sticky;top:90px}.filter-group h4{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:800}.filter-group .pill{padding:6px 12px;font-size:13px}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.empty-svg{opacity:.8;width:220px}.product-page{padding-top:20px;padding-bottom:80px}.crumbs{color:var(--muted);text-transform:capitalize;margin-bottom:16px;font-size:13px}.crumbs a:hover{color:var(--ink)}.config{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.config-stage{position:sticky;top:88px}.config-viewer{aspect-ratio:1/.84;border:1px solid var(--line);background:radial-gradient(circle at 50% 38%,#fffdf9 0%,#f0e8db 60%,#e6dac6 100%);border-radius:28px;position:relative;overflow:hidden}.viewer-fallback{position:absolute;inset:28% 14%}.viewer-hint{color:var(--muted);pointer-events:none;font-size:12px;font-weight:600;position:absolute;top:16px;left:18px}.viewer-views{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);background:#fffdf9d9;border-radius:999px;gap:6px;padding:5px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.viewer-views .chip{background:0 0;border:0;height:32px}.viewer-views .chip.on{background:var(--ink)}.viewer-tools{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.fit-note{border-radius:var(--radius-sm);background:var(--paper-2);margin-top:12px;padding:10px 14px;font-size:14px}.fit-note.good{color:#234b31;background:#e7efe6}.fit-note .link{font-size:inherit}.config-panel{flex-direction:column;gap:18px;display:flex}.p-head .muted{margin-top:10px}.variant-row{flex-wrap:wrap;gap:8px;margin:14px 0 6px;display:flex}.variant{border:1px solid var(--line-2);background:var(--card);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:600;display:inline-flex}.variant i{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000026}.variant.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.suits{color:var(--muted);margin-top:6px;font-size:13.5px}.tabs{background:var(--paper-2);scrollbar-width:none;border-radius:999px;gap:2px;padding:4px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;border-radius:999px;flex:1;padding:10px 14px;font-size:13.5px;font-weight:700;transition:all .2s}.tab.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.tab-body{min-height:300px;animation:fade .3s var(--ease);flex-direction:column;gap:22px;display:flex}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.field{flex-direction:column;gap:10px;display:flex}.field-head{letter-spacing:.04em;justify-content:space-between;font-size:13px;font-weight:800;display:flex}.field-value{color:var(--muted);font-weight:600}.shape-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.shape-opt{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;font-size:11.5px;font-weight:700;transition:all .15s;display:flex}.shape-opt svg{width:100%;height:34px}.shape-opt:hover{border-color:var(--ink-2)}.shape-opt.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#fff}.opt-cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.opt-cards.two{grid-template-columns:1fr 1fr;margin-bottom:14px}.opt-card{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);flex-direction:column;gap:3px;padding:12px 14px;transition:all .15s;display:flex}.opt-card strong{font-size:14px}.opt-card span{color:var(--muted);font-size:12px;line-height:1.35}.opt-card.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#fff}.color-grid{flex-wrap:wrap;gap:10px;display:flex}.color-opt{cursor:pointer;border-radius:50%;width:36px;height:36px;transition:transform .15s;position:relative;box-shadow:inset 0 0 0 1px #0000002e}.color-opt:hover{transform:scale(1.1)}.color-opt.on{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--ink)}.color-custom{background:conic-gradient(#e55,#ec5,#5c6,#5ce,#56e,#c5e,#e55);overflow:hidden}.color-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.lens-list{flex-direction:column;gap:8px;display:flex}.lens-opt{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);align-items:center;gap:12px;padding:12px 14px;display:flex}.lens-opt.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.lens-text{flex-direction:column;flex:1;display:flex}.lens-text strong{font-size:14px}.lens-text span{color:var(--muted);font-size:12.5px}.lens-price{white-space:nowrap;font-size:13px;font-weight:700}.tint-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.tint-opt{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;font-size:11.5px;font-weight:700;line-height:1.2;display:flex}.tint-opt i{border-radius:45% 45% 50% 50%/50% 50% 60% 60%;width:38px;height:26px;box-shadow:inset 0 0 0 1px #0000001f}.tint-opt.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.rx-table{color:var(--muted);grid-template-columns:90px repeat(4,1fr);align-items:center;gap:6px;font-size:12px;font-weight:700;display:grid}.rx-table b{color:var(--ink);font-size:12.5px}.rx-input{height:38px;padding:0 8px;font-size:14px}.upload-box{border:1.5px dashed var(--line-2);border-radius:var(--radius-sm);text-align:center;cursor:pointer;background:var(--card);padding:18px;font-size:14px;font-weight:600;display:block}.upload-box:hover{border-color:var(--ink)}.summary{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:20px}.summary-lines{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.summary-lines>div{justify-content:space-between;gap:12px;display:flex}.summary-total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:10px;padding:14px 0;font-weight:700;display:flex}.summary-total strong{font-family:var(--serif);font-size:34px;font-weight:400}.summary-actions{gap:10px;margin-bottom:10px;display:flex}.added{border-radius:var(--radius-sm);color:#234b31;background:#e7efe6;margin-bottom:10px;padding:10px 14px;font-size:14px;font-weight:600;animation:.3s fade}.specs{background:var(--card);border:1px solid var(--line);border-radius:24px;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;padding:32px;display:grid}.specs h3{font-family:var(--serif);margin-bottom:14px;font-size:28px;font-weight:400}.specs dl{gap:8px;margin:0;display:grid}.specs dl div{border-bottom:1px dashed var(--line);justify-content:space-between;padding-bottom:8px;font-size:14.5px;display:flex}.specs dt{color:var(--muted)}.specs dd{text-transform:capitalize;margin:0;font-weight:700}.ticks{gap:10px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.ticks li:before{content:"✓";color:var(--good);margin-right:10px;font-weight:800}.tryon,.faceshape{padding-top:28px;padding-bottom:80px}.tryon-head{max-width:720px;margin-bottom:24px}.tryon-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:28px;display:grid}.tryon-stage{flex-direction:column;gap:12px;display:flex}.stage{flex-direction:column;gap:10px;display:flex}.stage-frame{width:100%;max-height:min(68vh,640px);box-shadow:var(--shadow-lg);background:#1a1816;border-radius:28px;position:relative;overflow:hidden}.stage-frame.is-empty{aspect-ratio:4/3;box-shadow:none;border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,#fffdf9,#efe6d6 60%,#e3d4bc)}.stage-media{position:absolute;inset:0}.stage-media.mirrored{transform:scaleX(-1)}.stage-media video,.stage-media canvas,.stage-media .overlay{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.intro-art{flex-direction:column;align-items:center;gap:6px;max-width:440px;display:flex}.intro-art h3{font-family:var(--serif);font-size:30px;font-weight:400}.intro-svg{filter:drop-shadow(0 18px 16px #00000029);width:220px;animation:4s ease-in-out infinite floaty}@keyframes floaty{50%{transform:translateY(-8px)rotate(-1.5deg)}}.stage-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.stage-actions label{cursor:pointer}.stage-toast{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#121110c7;border-radius:999px;max-width:92%;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;top:16px;left:50%;overflow:hidden;transform:translate(-50%)}.stage-msg{color:var(--danger);font-size:14px;font-weight:600}.stage-bar{flex-wrap:wrap;gap:8px;display:flex}.stage-bar label{cursor:pointer}.tryon-adjust{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.tryon-adjust label{flex:1;align-items:center;gap:10px;min-width:160px;font-size:13px;font-weight:700;display:flex}.tryon-adjust .range{margin:0}.shot{z-index:100;background:#0a0908d1;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:fixed;inset:0}.shot img{border-radius:20px;max-height:78vh}.shot-actions{gap:10px;display:flex}.shot .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px #fff}.tryon-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:88px}.now-trying{background:var(--card);border:1px solid var(--line);border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.now-svg{flex:none;width:110px}.now-trying h3{font-family:var(--serif);font-size:28px;font-weight:400}.tryon-cta{gap:10px;display:flex}.face-result{background:var(--paper-2);border-radius:18px;padding:18px}.face-result h3{font-family:var(--serif);text-transform:capitalize;margin:4px 0 6px;font-size:30px;font-weight:400}.face-result h3 small{font-family:var(--sans);color:var(--muted);margin-left:6px;font-size:12.5px;font-weight:700}.face-result .fit-note{background:var(--card);margin:0 0 8px}.face-result .fit-note.good{background:#e7efe6}.side-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:12px;font-weight:800}.try-list{grid-template-columns:repeat(3,1fr);gap:8px;max-height:420px;padding:2px;display:grid;overflow-y:auto}.try-item{border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;font-size:12px;font-weight:700;display:flex;position:relative}.try-item svg{width:100%;height:34px}.try-item.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.fit-dot{background:var(--good);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.face-scan-art{place-items:center;width:120px;height:150px;margin-bottom:8px;display:grid;position:relative}.face-scan-art .face-outline{border-width:2.5px;border-color:var(--accent);width:100px;height:136px}.scan-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;animation:2.4s ease-in-out infinite scan;position:absolute;left:0;right:0}@keyframes scan{0%,to{top:8%}50%{top:92%}}.scan-progress{background:var(--paper-2);border-radius:999px;height:34px;position:relative;overflow:hidden}.scan-progress div{background:var(--accent-2);transition:width .2s;position:absolute;inset:0 auto 0 0}.scan-progress span{place-items:center;height:100%;font-size:13px;font-weight:700;display:grid;position:relative}.shape-result{background:var(--card);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:10px;padding:22px;display:flex}.shape-title{align-items:center;gap:14px;display:flex}.shape-title .display-sm{margin:0;font-size:44px}.shape-title .face-outline{border-color:var(--accent)}.shape-title .face-diamond:after{background:var(--card)}.bars{flex-direction:column;gap:6px;margin:6px 0;display:flex}.bar{text-transform:capitalize;grid-template-columns:70px 1fr 40px;align-items:center;gap:10px;font-size:12.5px;font-weight:600;display:grid}.bar div{background:var(--paper-2);border-radius:6px;height:6px;overflow:hidden}.bar i{background:var(--accent);border-radius:6px;height:100%;display:block}.bar b{text-align:right}.best-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.best-item{border-radius:var(--radius-sm);background:var(--paper);flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:12.5px;font-weight:700;display:flex}.best-item svg{width:100%;height:34px}.best-item:hover{background:var(--paper-2)}.steps{gap:8px;margin:10px 0;padding-left:20px;font-size:14.5px;display:grid}.cart,.checkout,.order-done{padding-top:32px;padding-bottom:90px}.cart-grid,.checkout-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;margin-top:18px;display:grid}.cart-items{flex-direction:column;gap:14px;display:flex}.cart-item{background:var(--card);border:1px solid var(--line);border-radius:20px;grid-template-columns:150px 1fr auto;gap:18px;padding:18px;display:grid}.cart-thumb{background:var(--paper);border-radius:14px;place-items:center;padding:12px;display:grid}.cart-info h3{font-family:var(--serif);font-size:26px;font-weight:400}.cart-info p{margin:2px 0}.cart-row{align-items:center;gap:16px;margin-top:10px;display:flex}.qty{border:1px solid var(--line-2);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.qty button{width:34px;height:34px;font-size:18px}.qty button:hover{background:var(--paper-2)}.qty span{text-align:center;min-width:26px;font-weight:700}.cart-price{font-size:17px;font-weight:800}.order-summary{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:10px;padding:22px;display:flex;position:sticky;top:90px}.order-summary h3{font-family:var(--serif);font-size:28px;font-weight:400}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;margin-bottom:16px;padding:24px}.panel h3{margin-bottom:16px;font-size:17px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.pay-soon{border-radius:var(--radius-sm);background:#fbf3e4;border:1px solid #f0dcb6;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px 16px;font-size:14px;display:flex}.pay-soon p{margin:0}.soon-badge{background:var(--accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:none;padding:4px 10px;font-size:11px;font-weight:800}.pay-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.pay-opt{border-radius:var(--radius-sm);border:1px solid var(--line);align-items:center;gap:14px;padding:14px 16px;display:flex}.pay-opt>span:nth-child(2){flex-direction:column;flex:1;display:flex}.pay-opt strong{font-size:14.5px}.pay-opt small{color:var(--muted);font-size:12.5px}.pay-opt.disabled{filter:grayscale();opacity:.55;cursor:not-allowed;background:#f1eee9}.soon-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.pay-opt.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#fff}.mini-item{border-bottom:1px dashed var(--line);grid-template-columns:70px 1fr auto;align-items:center;gap:12px;padding:8px 0;font-size:14px;font-weight:700;display:grid}.mini-item span{flex-direction:column;display:flex}.mini-item small{color:var(--muted);font-size:12px;font-weight:500}.done-hero{text-align:center;flex-direction:column;align-items:center;padding:30px 0 40px;display:flex}.done-hero .lead{margin:0 auto}.done-check{background:var(--ink);width:72px;height:72px;color:var(--accent-2);animation:pop .5s var(--ease);border-radius:50%;place-items:center;margin-bottom:16px;font-size:32px;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.done-items{max-width:640px;margin:0 auto 24px}.visit{padding-top:32px;padding-bottom:80px}.visit-grid{grid-template-columns:1fr 1.2fr;gap:28px;margin-top:20px;display:grid}.visit-photo{object-fit:cover;border-radius:22px;width:100%;max-height:460px;margin-top:20px}.map{border:0;border-radius:22px;width:100%;min-height:480px}.footer{background:var(--ink);color:#cfc6b8;padding:64px 0 28px;font-size:14.5px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:32px;display:grid}.footer-logo{border-radius:50%;width:120px;height:120px;margin-bottom:18px;box-shadow:0 0 0 1.5px #ffffffd9}.footer-brand .serif-lg{color:#fff;max-width:14ch}.footer h4{color:#fff;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-size:12px}.footer a{margin-bottom:8px;display:block}.footer a:hover{color:var(--accent-2)}.footer-base{color:#8e8578;border-top:1px solid #2d2926;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:20px;font-size:12.5px;display:flex}@media (width<=1180px){.nav a{padding:8px 9px;font-size:13.5px}}@media (width<=1080px){.header{background:var(--paper);-webkit-backdrop-filter:none}.menu-btn{display:grid}.nav{background:var(--paper);width:min(320px,86vw);box-shadow:var(--shadow-lg);transition:transform .35s var(--ease);z-index:-1;flex-direction:column;gap:2px;padding:100px 20px 20px;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.nav.is-open{transform:none}.nav a{padding:12px 14px;font-size:17px}.header-actions{margin-left:auto}.config,.tryon-grid{grid-template-columns:minmax(0,1fr)}.config-stage,.tryon-side{position:static}.guide-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.hero-grid,.store-grid,.visit-grid{grid-template-columns:minmax(0,1fr)}.hero-stage{aspect-ratio:1;order:-1;width:100%;max-width:560px;min-height:0;margin:0 auto}.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-card{min-height:0}.cat-grid{grid-template-columns:1fr 1fr}.shop-layout{grid-template-columns:minmax(0,1fr)}.filter-toggle{display:inline-flex}.filters{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;display:none;position:static}.filters.is-open{display:flex}.cart-grid,.checkout-grid{grid-template-columns:minmax(0,1fr)}.order-summary{position:static}.specs{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.hide-sm{display:none}.header-inner{gap:8px;height:62px}.brand-word{letter-spacing:.14em;font-size:13px}.brand img{width:38px;height:38px}.hero-points{gap:18px}.hero-tag{padding:10px 14px;bottom:2%;left:2%}.hero-tag strong{font-size:21px}.hero-dots{bottom:4%;right:4%}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.pcard-body{padding:10px 12px 12px}.pcard-name{font-size:21px}.pcard-row{flex-wrap:wrap}.pcard-try{display:none}.price strong{font-size:15px}.price .off{display:none}.pcard-custom{grid-column:1/-1;min-height:0}.guide-grid{grid-template-columns:1fr 1fr}.store-photos{grid-template-rows:170px 170px}.shape-grid{grid-template-columns:repeat(4,1fr)}.opt-cards,.opt-cards.two,.form-grid{grid-template-columns:minmax(0,1fr)}.rx-table{grid-template-columns:64px repeat(4,1fr);gap:4px}.cart-item{grid-template-columns:90px 1fr}.cart-price{grid-column:2}.viewer-views{bottom:10px}.viewer-views .chip{padding:0 10px}.try-list{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:minmax(0,1fr)}.shop-tools{width:100%}.shop-tools .input{flex:1;min-width:0}.stage-frame.is-empty{aspect-ratio:3/4}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.rot-word{vertical-align:top;white-space:nowrap;margin:0 -.2em -.28em -.06em;padding:0 .2em .28em .06em;display:inline-grid;position:relative;overflow:hidden}.rot-sizer{visibility:hidden;grid-area:1/1;font-style:italic}.rot-word em{white-space:nowrap;color:var(--accent);opacity:0;visibility:hidden;transition:transform .8s var(--ease), opacity .5s, visibility 0s .8s;font-style:italic;position:absolute;top:0;left:.06em;transform:translateY(160%)}.rot-word em.in{opacity:1;visibility:visible;transition:transform .8s var(--ease), opacity .5s .1s, visibility 0s;transform:none}.rot-word em.out{opacity:0;visibility:visible;transition:transform .8s var(--ease), opacity .35s, visibility 0s .8s;transform:translateY(-160%)}.hero-line{white-space:nowrap;margin-bottom:-.26em;padding:0 .2em .26em 0;display:block;overflow:hidden}.hero-line>span{animation:rise 1s var(--ease) both;display:inline-block}.hero-line:nth-child(2)>span{animation-delay:.12s}.hero-line:nth-child(3)>span{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(110%)skewY(6deg)}}.hero-copy .eyebrow,.hero-copy .lead,.hero-copy .hero-ctas,.hero-copy .hero-points{animation:fadeUp .9s var(--ease) both}.hero-copy .lead{animation-delay:.3s}.hero-copy .hero-ctas{animation-delay:.42s}.hero-copy .hero-points{animation-delay:.55s}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}}.reveal-mask{vertical-align:bottom;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}.reveal-mask>span{transition:transform .9s var(--ease);display:inline-block;transform:translateY(110%)rotate(4deg)}.reveal.in .reveal-mask>span{transform:none}.big-marquee{border-block:1px solid var(--line);padding:clamp(20px,3vw,36px) 0;overflow:hidden}.big-marquee-track{will-change:transform;width:max-content;display:flex}.big-marquee-track span{font-family:var(--serif);white-space:nowrap;color:#0000;-webkit-text-stroke:1.2px var(--ink);padding-right:.3em;font-size:clamp(64px,11vw,168px);line-height:1}.big-marquee-track span:nth-child(2n){color:var(--ink);-webkit-text-stroke:0;font-style:italic}.big-marquee-track i{color:var(--accent);-webkit-text-stroke:0;vertical-align:middle;margin-left:.3em;font-size:.4em;font-style:normal}.lens-section{text-align:center;padding:clamp(40px,7vw,100px) 0;overflow:hidden}.lens-stage{cursor:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;--lx:50%;--ly:50%;--r:clamp(90px, 13vw, 170px);position:relative}.lens-text{font-family:var(--serif);letter-spacing:-.02em;padding:.1em 16px;font-size:clamp(52px,9.5vw,150px);line-height:.92}.lens-text em{color:var(--accent)}.lens-text.blurred{filter:blur(9px);opacity:.4}.lens-text.sharp{clip-path:circle(var(--r) at var(--lx) var(--ly));transform-origin:var(--lx) var(--ly);position:absolute;inset:0;transform:scale(1.06)}.lens-ring{left:var(--lx);top:var(--ly);width:calc(var(--r) * 2);height:calc(var(--r) * 2);border:clamp(6px, .9vw, 12px) solid var(--ink);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #fff9,inset 20px 20px 60px #ffffff59,0 30px 60px -30px #00000080}.lens-ring:after{content:"";width:calc(var(--r) * .55);background:var(--ink);border-radius:6px;height:clamp(6px,.8vw,11px);position:absolute;top:34%;left:100%}.lens-caption{color:var(--muted);margin-top:26px;font-size:15px}.lens-caption b{color:var(--ink)}.try-step{margin-bottom:28px}.try-step-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.try-step-head h2{font-family:var(--serif);font-size:30px;font-weight:400}.try-step-head p{margin:2px 0 0}.step-num{background:var(--ink);width:38px;height:38px;color:var(--accent-2);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.try-carousel{scroll-snap-type:x proximity;scrollbar-width:thin;gap:10px;padding:4px 2px 12px;display:flex;overflow-x:auto}.try-card{scroll-snap-align:start;background:var(--card);border:1px solid var(--line);width:150px;transition:.2s var(--ease);border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:14px 10px 10px;display:flex;position:relative}.try-card:hover{border-color:var(--ink-2);transform:translateY(-2px)}.try-card svg{width:100%;height:46px;margin-bottom:6px}.try-card strong{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.1}.try-card span{color:var(--muted);font-size:11.5px}.try-card.on{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink), var(--shadow)}.try-card-tag{background:var(--ink);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 10px;font-size:10.5px;font-style:normal;font-weight:800;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.intro-art h3 small{font-family:var(--sans);color:var(--muted);font-size:15px}.stage-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);background:#fffdf9e6;border-radius:14px;align-items:center;gap:10px;padding:8px 14px 8px 10px;font-size:13px;display:flex;position:absolute;bottom:14px;left:14px}.stage-badge svg{width:58px}.stage-badge span{flex-direction:column;line-height:1.25;display:flex}.stage-badge small{color:var(--muted)}.spinner.light{vertical-align:-2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px;margin-right:6px}.gallery{columns:3 280px;column-gap:14px}.gallery button{break-inside:avoid;background:var(--paper-2);border-radius:18px;width:100%;margin:0 0 14px;display:block;position:relative;overflow:hidden}.gallery img{width:100%;height:auto;transition:transform .7s var(--ease)}.gallery button:hover img{transform:scale(1.04)}.gallery figcaption{color:#fff;text-align:left;opacity:0;transition:.3s var(--ease);background:linear-gradient(#0000,#0a0908bf);padding:40px 16px 14px;font-size:13.5px;font-weight:600;position:absolute;inset:auto 0 0;transform:translateY(8px)}.gallery button:hover figcaption,.gallery button:focus-visible figcaption{opacity:1;transform:none}.lightbox{z-index:120;background:#0a0908eb;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;animation:.25s fade;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:16px;max-width:min(1100px,100%);max-height:80vh}.lightbox p{color:#e9e2d6;margin:0;font-size:14px}.lightbox-nav{gap:10px;display:flex}.lightbox .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px #ffffffb3}@media (width<=600px){.try-card{width:128px}.gallery{columns:2 140px;column-gap:10px}.gallery button{border-radius:12px;margin-bottom:10px}.gallery figcaption{display:none}}.stage-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.shutter{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:4px solid #fff;border-radius:50%;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 8px 24px #00000059}.shutter span{background:#fff;border-radius:50%;width:52px;height:52px;transition:transform .15s}.shutter:active span{transform:scale(.86)}.stage-badge{top:14px;bottom:auto!important}.stage-links{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;display:flex}.stage-links button,.stage-links label{cursor:pointer;text-underline-offset:3px;color:var(--ink-2);text-decoration:underline}.try-hint{border-radius:var(--radius-sm);color:#234b31;background:#e7efe6;margin:4px 0 0;padding:10px 14px;font-size:13.5px}.quick-swap{gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.quick-swap button{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:2px;width:92px;padding:8px 6px 6px;font-size:11px;font-weight:700;display:flex}.quick-swap svg{width:100%;height:28px}.quick-swap button.on{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}details.tryon-adjust summary{cursor:pointer;width:100%;font-size:13.5px;font-weight:700}details.tryon-adjust:not([open]){padding:10px 16px}.tryon-grid>*,.config>*,.cart-grid>*,.checkout-grid>*,.shop-layout>*{min-width:0}.ready-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(360px,100% - 28px);box-shadow:var(--shadow-lg);z-index:3;animation:fadeUp .3s var(--ease);background:#fffdf9f2;border-radius:18px;padding:16px 18px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.stage-frame.is-empty .ready-card{bottom:50%;transform:translate(-50%,50%)}.ready-card strong{font-size:14.5px}.ready-card ol{color:var(--muted);gap:8px;margin:10px 0 0;padding:0;font-size:13.5px;list-style:none;display:grid}.ready-card li{padding-left:26px;position:relative}.ready-card li:before{content:"";border:1.5px solid var(--line-2);border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:0}.ready-card li.active{color:var(--ink);font-weight:700}.ready-card li.active:before{border-color:var(--line-2);border-top-color:var(--ink);animation:.8s linear infinite spin}.ready-card li.done{color:var(--good)}.ready-card li.done:before{content:"✓";background:var(--good);color:#fff;border:0;place-items:center;font-size:10px;font-weight:800;display:grid}.ready-bar{background:var(--paper-2);border-radius:4px;height:4px;margin-top:6px;display:block;overflow:hidden}.ready-bar i{background:var(--accent);height:100%;transition:width .2s;display:block}.stage-toast.live{animation:fadeUp .3s var(--ease);background:#2f6b45eb}.page-iris{animation:.75s cubic-bezier(.65,0,.35,1) backwards iris}@keyframes iris{0%{clip-path:circle(0% at 50% 45vh)}to{clip-path:circle(150% at 50% 45vh)}}.scroll-meter{pointer-events:none;background:repeating-linear-gradient(90deg,#12111024 0 1px,#0000 1px 24px);height:4px;position:absolute;bottom:-1px;left:0;right:0}.scroll-meter i{width:calc(var(--p,0) * 100%);background:linear-gradient(90deg, var(--accent), var(--accent-2));position:absolute;inset:0 auto 0 0}.scroll-meter i:after{content:"";background:var(--ink);width:10px;height:10px;box-shadow:0 0 0 2px var(--accent-2);border-radius:50%;position:absolute;top:-3px;right:-5px}.eyechart-section{background:linear-gradient(180deg, transparent, var(--paper-2) 30%, var(--paper-2) 70%, transparent);padding:clamp(56px,8vw,110px) 0}.eyechart-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.eyechart{--chart:clamp(38px, 6.4vw, 92px);box-shadow:var(--shadow-lg), inset 0 0 0 10px #f2eee6;background:#fdfdfb;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:34px 28px 26px;display:flex;position:relative;overflow:hidden}.eyechart-row{grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;transition:filter .15s linear;display:grid}.eyechart-letters{color:#111;letter-spacing:.02em;justify-content:center;gap:.35em;font-family:Manrope,sans-serif;font-weight:800;line-height:1.05;display:flex}.eyechart-letters b{font-weight:800;display:inline-block}.eyechart.kids .eyechart-letters b{color:var(--ink)}.eyechart-row small{color:var(--muted);text-align:right;min-width:44px;font-size:10.5px;font-weight:700}.eyechart-line{opacity:.55;background:#c8372d;height:1.5px;transition:top .2s linear;position:absolute;left:18px;right:18px}.diopter{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 16px;max-width:360px;margin-top:26px;display:grid}.diopter span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:800}.diopter strong{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:40px;font-weight:400;line-height:1}.diopter-scale{background:repeating-linear-gradient(90deg, var(--line-2) 0 1px, transparent 1px 12px);border-bottom:1px solid var(--line-2);grid-column:1/-1;height:14px;position:relative}.diopter-scale i{background:var(--accent);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;box-shadow:0 0 0 3px #a87a3d40}.lenslab-list{flex-direction:column;gap:clamp(40px,6vw,80px);display:flex}.lensdemo{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(22px,4vw,56px);display:grid}.lensdemo:nth-child(2n) .lensdemo-copy{order:2}.lensdemo-copy h3{font-family:var(--serif);margin:8px 0 12px;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.02}.lensdemo-copy p{color:var(--muted);max-width:46ch;margin-bottom:18px}.lensdemo-stage{--r:clamp(70px, 13vw, 140px);aspect-ratio:16/10;box-shadow:var(--shadow-lg);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;border-radius:24px;position:relative;overflow:hidden}.lensdemo.compact .lensdemo-stage{--r:clamp(60px, 10vw, 110px)}.lensdemo-filtered{clip-path:circle(var(--r) at var(--x) 50%);position:absolute;inset:0}.lensdemo-ring{left:var(--x);width:calc(var(--r) * 2);height:calc(var(--r) * 2);pointer-events:none;border:7px solid #141414;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px -12px #0000008c,inset 14px 14px 30px #ffffff2e}.lensdemo-ring:before,.lensdemo-ring:after{content:"";background:#141414;border-radius:4px;width:26%;height:7px;position:absolute;top:36%}.lensdemo-ring:before{right:100%}.lensdemo-ring:after{left:100%}.lensdemo-ring span{white-space:nowrap;color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#141414;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}.ring-blue span{background:#2f6fd6}.ring-night span{color:#141414;background:#caa21b}.ring-polar span{background:#2e6b58}.lensdemo-tag{color:#fff;background:#00000073;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700;position:absolute;top:14px}.lensdemo-tag.left{left:14px}.lensdemo-tag.right{right:14px}.lensdemo-hint{color:#ffffffbf;font-size:11px;font-weight:600;position:absolute;bottom:12px;right:14px}.scene{position:absolute;inset:0;overflow:hidden}.scene-blue{background:radial-gradient(60% 70% at 50% 45%,#4f86e8 0%,#1d3b73 35%,#0a1222 70%,#05080f 100%)}.scene-blue .laptop{width:62%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.scene-blue .screen{aspect-ratio:16/10;background:linear-gradient(160deg,#f4f9ff,#b9d7ff 55%,#8fbaff);border:8px solid #1b1f27;border-radius:10px 10px 0 0;flex-direction:column;gap:7%;padding:7%;display:flex;box-shadow:0 0 26px 6px #468cff8c}.scene-blue .base{background:linear-gradient(#3a3f49,#1a1d23);border-radius:0 0 14px 14px;height:12px;margin:0 -6%}.ui-bar{background:#2f7bff;border-radius:6px;height:12%}.ui-row{gap:6%;height:26%;display:flex}.ui-row i{background:#fff;border-radius:6px;flex:1;box-shadow:0 0 12px #78b4ffcc}.ui-lines{flex-direction:column;flex:1;gap:7%;display:flex}.ui-lines span{background:#5f98ff;border-radius:3px;height:9%;min-height:3px}.scene-blue.on{background:radial-gradient(60% 70% at 50% 45%,#8a6536 0%,#3b2c1c 35%,#15100b 70%,#0a0806 100%)}.scene-blue.on .screen{filter:sepia(.55)saturate(.85)hue-rotate(-12deg)brightness(.93);box-shadow:0 0 18px 4px #ffbe6e47}.scene-blue.on:after{content:"";background:#ffaa3c1a;position:absolute;inset:0}.scene-night .sky{background:linear-gradient(#03050b,#10172a 55%,#1a2033);position:absolute;inset:0}.scene-night .road{clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);background:linear-gradient(#1b1d22,#2a2c31);height:52%;position:absolute;bottom:0;left:0;right:0}.scene-night .lane{opacity:.35;background:repeating-linear-gradient(#6b6a5c 0 14px,#0000 14px 30px);width:1.2%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.scene-night .lamp{background:radial-gradient(circle,#ffd9a0 0 5px,#ffaa4680 7px,#0000 70%);border-radius:50%;width:70px;height:70px;margin:-32px 0 0 -32px;position:absolute;top:38%}.lamp.l1{left:24%}.lamp.l2{left:76%}.scene-night .car{width:22%;height:7%;position:absolute;top:56%;left:50%;transform:translate(-50%)}.beam{background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:0}.beam:before{content:"";background:radial-gradient(circle,#ffffeef2 0,#ffffe18c 14%,#ffffdc29 38%,#0000 68%);border-radius:50%;width:1100%;height:1100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.beam:after{content:"";background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:600%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.beam.b1{left:10%}.beam.b2{right:10%}.scene-night.on .beam:before{background:radial-gradient(circle,#fff5bed9 0,#ffe69633 45%,#0000 70%);width:320%;height:320%}.scene-night.on .sky{background:linear-gradient(#0b0c10,#2a2a2e 55%,#3a3a3e)}.scene-night.on .road{background:linear-gradient(#2c2d30,#45464a)}.scene-night.on .beam:after{opacity:.25}.scene-night.on .lane{opacity:.95}.scene-night.on:after{content:"";mix-blend-mode:multiply;background:#ffcd283d;position:absolute;inset:0}.scene-polar{background:linear-gradient(#e3eef5,#fbf6e9 48%)}.scene-polar:after{content:"";background:radial-gradient(at 78% 18%,#ffffffd9,#ffffff4d 45%,#ffffff26);position:absolute;inset:0}.scene-polar .sun{background:radial-gradient(circle,#fffbe8 0 34px,#fff6d2bf 40px,#0000 70%);border-radius:50%;width:200px;height:200px;margin:-65px -65px 0 0;position:absolute;top:8%;right:16%}.scene-polar .hills{clip-path:polygon(0 60%,14% 20%,30% 55%,48% 10%,66% 50%,82% 25%,100% 55%,100% 100%,0 100%);background:#93ad8f;height:16%;position:absolute;top:34%;left:0;right:0}.scene-polar .water{background:linear-gradient(#9cc6db,#6c9fbb);height:50%;position:absolute;bottom:0;left:0;right:0}.glint{background:radial-gradient(#fff 0,#ffffffbf 30%,#0000 70%);border-radius:50%;width:90px;height:22px;margin:-8px 0 0 -22px;animation:1.6s ease-in-out infinite glint;position:absolute}@keyframes glint{50%{opacity:.35}}.scene-polar .boat{clip-path:polygon(0 0,100% 0,84% 100%,12% 100%);background:#b5452f;width:70px;height:16px;position:absolute;top:62%;left:30%}.scene-polar.on{background:linear-gradient(#8fc3e6,#e9e0c8 48%)}.scene-polar.on:after{background:#28463c1a}.scene-polar.on .hills{background:#4f7f45}.scene-polar.on .water{background:linear-gradient(#2f86b3,#0f4a6e)}.scene-polar.on .boat{background:#c23a1e}.scene-polar.on .glint{display:none}.scene-polar.on .sun{background:radial-gradient(circle,#fff3c4 0 30px,#fff0be59 36px,#0000 55%)}@media (width<=900px){.eyechart-grid,.lensdemo{grid-template-columns:minmax(0,1fr)}.lensdemo:nth-child(2n) .lensdemo-copy{order:0}}.shop-extra{margin-top:clamp(40px,6vw,80px)}.shop-extra .eyechart-section .container,.shop .lenslab .container,.product-page .lenslab .container{padding:0}.eyechart{cursor:ns-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.eyechart-row{cursor:pointer;text-align:inherit;border-radius:8px;padding:2px 6px}.eyechart-row:hover{background:#a87a3d14}.eyechart-row.picked{box-shadow:inset 0 0 0 1.5px var(--accent);background:#a87a3d24}.eyechart-row:focus-visible{outline:2px solid var(--accent)}.eyechart.manual .eyechart-line{transition:top 80ms linear}.dial{grid-column:1/-1;align-items:center;gap:10px;margin-top:4px;display:flex}.dial .range{margin:0}.dial button{border:1.5px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:18px;font-weight:700;transition:all .15s;display:grid}.dial button:hover{background:var(--ink);color:#fff}.chart-result{border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line);max-width:440px;margin-top:18px;padding:12px 14px;font-size:14px}.chart-result small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.lensdemo-visual{flex-direction:column;gap:12px;min-width:0;display:flex}.lensdemo:nth-child(2n) .lensdemo-visual{order:1}.lensdemo-range{margin:4px 0 0}.lensdemo-stage:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.rot-word{cursor:pointer}
