:root{--ink:#20251f;--muted:#697068;--paper:#f6f2e9;--ivory:#fbf8f1;--sage:#7f8f81;--sage-deep:#46564b;--brown:#6f4935;--line:#20251f24;--serif:"Noto Serif SC", "Songti SC", "STSong", Georgia, serif;--sans:"Inter", "PingFang SC", "Microsoft YaHei", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.nav{border-bottom:1px solid var(--line);z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf8f1eb;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 5vw;display:grid;position:sticky;top:0}.brand{letter-spacing:.16em;align-items:center;gap:10px;width:fit-content;font-family:Georgia,serif;font-size:20px;display:inline-flex}.brand__mark{align-items:center;gap:2px;display:flex}.brand__mark i{border:1.7px solid;border-radius:50%;width:13px;height:9px;display:block}.brand__mark:after{content:"";background:currentColor;width:4px;height:1px;margin-left:12px;position:absolute}.nav__links{gap:36px;font-size:14px;display:flex}.nav__links a{position:relative}.nav__links a:after{content:"";background:var(--ink);height:1px;transition:right .25s;position:absolute;bottom:-9px;left:0;right:100%}.nav__links a:hover:after{right:0}.nav__actions{justify-self:end;align-items:center;gap:8px;display:flex}.icon-button,.bag-button,.wish-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative}.icon-button:hover,.bag-button:hover{background:#46564b14}.bag-button span{background:var(--brown);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid;position:absolute;top:1px;right:1px}.nav__try{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;height:42px;margin-left:8px;padding:0 21px}.hero{isolation:isolate;align-items:center;min-height:690px;display:flex;position:relative;overflow:hidden}.hero__image{z-index:-2;background:url(/hero-eyewear.png) 50%/cover no-repeat;position:absolute;inset:0}.hero__wash{z-index:-1;background:linear-gradient(90deg,#f7f1e6f7 0%,#f7f1e6d1 37%,#f7f1e60a 64%);position:absolute;inset:0}.hero__content{max-width:630px;margin-left:9vw;padding:72px 0}.eyebrow{color:var(--sage-deep);letter-spacing:.2em;margin:0 0 23px;font-size:11px;font-weight:650}.hero h1,.section-heading h2,.collection h2,.guide h2,.closing-cta h2{font-family:var(--serif);letter-spacing:-.045em;font-weight:500}.hero h1{margin:0;font-size:clamp(48px,5vw,76px);line-height:1.18}.hero h1 em{color:var(--sage-deep);font-style:normal}.hero__desc{color:#50574f;margin:28px 0 34px;font-size:17px;line-height:1.85}.hero__buttons{align-items:center;gap:28px;display:flex}.primary-button{border:1px solid var(--sage-deep);background:var(--sage-deep);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:13px;min-height:52px;padding:0 27px;transition:transform .2s,background .2s;display:inline-flex}.primary-button:hover{background:#35433a;transform:translateY(-2px)}.text-button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #20251f73;align-items:center;gap:8px;padding:5px 0;display:inline-flex}.hero__proof{color:#667066;align-items:center;gap:16px;margin-top:42px;font-size:12px;display:flex}.hero__proof span{align-items:center;gap:7px;display:inline-flex}.hero__proof .proof-divider{background:#20251f33;width:1px;height:13px}.hero__note{color:#fff;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#1e211d8f;border:1px solid #ffffff59;grid-template-columns:34px auto;gap:2px 12px;padding:16px 20px;display:grid;position:absolute;bottom:42px;right:4vw}.hero__note-number{grid-row:1/3;font-family:Georgia,serif;font-size:30px}.hero__note span:not(.hero__note-number){opacity:.8;font-size:11px}.hero__note strong{letter-spacing:.12em;font-size:12px}.promise-strip{background:var(--ink);color:#ffffffd6;letter-spacing:.12em;justify-content:center;align-items:center;gap:clamp(22px,5vw,74px);min-height:70px;padding:0 6vw;font-size:12px;display:flex}.promise-strip i{background:#9ca99d;border-radius:50%;width:3px;height:3px}.try-on-section,.collection,.guide{padding:110px 6vw}.section-heading,.collection__heading{justify-content:space-between;align-items:end;gap:30px;max-width:1280px;margin:0 auto 44px;display:flex}.section-heading h2,.collection h2,.guide h2,.closing-cta h2{margin:0;font-size:clamp(34px,3.5vw,52px)}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.85}.studio{background:#fff;border:1px solid #20251f1a;grid-template-columns:minmax(0,1.55fr) minmax(370px,.75fr);max-width:1280px;min-height:680px;margin:0 auto;display:grid;box-shadow:0 24px 80px #2b2f2917}.studio__viewer{border-right:1px solid var(--line);background:#ddd8ce;flex-direction:column;min-width:0;display:flex}.viewer__topbar{border-bottom:1px solid var(--line);background:#fbf8f1e0;flex:0 0 51px;justify-content:space-between;align-items:center;height:51px;padding:0 18px;display:flex}.live-status,.privacy-pill{align-items:center;gap:8px;font-size:11px;display:flex}.live-status i{background:#aaa;border-radius:50%;width:7px;height:7px}.live-status i.is-live{background:#3c9a5f;box-shadow:0 0 0 4px #3c9a5f1f}.privacy-pill{color:var(--sage-deep)}.viewer__canvas{background:#d9d3c8;flex:1;min-height:560px;position:relative;overflow:hidden}.viewer__media{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.viewer__media.is-visible{opacity:1}video.viewer__media{transform:scaleX(-1)}.viewer__media--demo{object-position:62% center}.viewer__state{color:#4c534c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.viewer__state p{margin:8px 0 0;font-size:12px}.spinner{border:2px solid #46564b33;border-top-color:var(--sage-deep);border-radius:50%;width:38px;height:38px;margin-bottom:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.face-guide{pointer-events:none;border:1px solid #ffffff2e;border-radius:46%;width:300px;height:385px;position:absolute;top:50%;left:63%;transform:translate(-50%,-50%)}.corner{border-color:#ffffffbf;width:26px;height:26px;position:absolute}.corner--tl{border-top:2px solid;border-left:2px solid;top:-4px;left:-4px}.corner--tr{border-top:2px solid;border-right:2px solid;top:-4px;right:-4px}.corner--bl{border-bottom:2px solid;border-left:2px solid;bottom:-4px;left:-4px}.corner--br{border-bottom:2px solid;border-right:2px solid;bottom:-4px;right:-4px}.glasses-position{transform-origin:50%;pointer-events:none;width:230px;height:70px;position:absolute;top:39%;left:64%}.glasses-position--camera,.glasses-position--upload{top:43%;left:50%}.viewer__controls{border-top:1px solid var(--line);background:#f7f4ed;flex:0 0 66px;justify-content:center;align-items:center;gap:8px;min-height:66px;padding:10px 14px;display:flex}.viewer__controls button,.viewer__controls label{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 15px;font-size:12px;display:inline-flex}.viewer__controls button.active,.viewer__controls label.active{color:#fff;background:var(--sage-deep)}.viewer__controls input{display:none}.camera-alert{color:#6f592b;text-align:center;background:#fff5dc;padding:9px 16px;font-size:11px}.studio__panel{background:#fbfaf6;flex-direction:column;padding:30px;display:flex}.panel__step{align-items:center;gap:13px;margin-bottom:22px;display:flex}.panel__step>span{color:var(--sage);font-family:Georgia,serif;font-size:30px}.panel__step small{color:var(--muted);letter-spacing:.14em;font-size:8px}.panel__step h3{font-family:var(--serif);margin:3px 0 0;font-size:22px;font-weight:500}.frame-list{gap:8px;display:grid}.frame-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #0000;grid-template-columns:82px 1fr auto;align-items:center;gap:10px;min-height:77px;padding:10px 12px;transition:border .2s,transform .2s;display:grid;position:relative}.frame-card:hover{transform:translate(-2px)}.frame-card.is-selected{border-color:var(--sage-deep);background:#f3f5f0}.frame-card__visual{place-items:center;height:46px;display:grid}.frame-card__copy{flex-direction:column;gap:4px;display:flex}.frame-card__copy strong{font-family:var(--serif);font-weight:600}.frame-card__copy small{color:#878d87;letter-spacing:.11em;font-size:8px}.frame-card__price{font-family:Georgia,serif;font-size:13px}.frame-card__check{color:#fff;background:var(--sage-deep);place-items:center;width:20px;height:20px;display:grid;position:absolute;top:-1px;right:-1px}.adjustment{border-bottom:1px solid var(--line);padding:18px 0 16px}.adjustment__title{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:650;display:flex}.adjustment__title button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:10px}.adjustment label{color:var(--muted);grid-template-columns:60px 1fr 38px;align-items:center;gap:10px;margin:8px 0;font-size:10px;display:grid}.adjustment input{width:100%;accent-color:var(--sage-deep)}.adjustment b{text-align:right;font-weight:500}.fit-card{background:#edf1ea;border:1px solid #d6dfd4;margin:16px 0;padding:16px}.fit-card__score{justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px;display:flex}.fit-card__score strong{color:var(--sage-deep);font-family:Georgia,serif;font-size:28px;line-height:1}.fit-card__score small{font-family:var(--sans);font-size:10px;font-weight:500}.fit-card__detail{flex-wrap:wrap;gap:8px 13px;font-size:10px;display:flex}.fit-card__detail span{align-items:center;gap:5px;display:flex}.fit-card__detail i{background:#5b8063;border-radius:50%;width:5px;height:5px}.fit-card p{color:#777f77;margin:12px 0 0;font-size:9px;line-height:1.6}.panel__actions{gap:9px;margin-top:auto;display:flex}.wish-button{border:1px solid var(--line);background:#fff;flex:0 0 52px;width:52px;height:52px}.wish-button.is-liked{color:#a34d4d;background:#fff0ee}.wish-button.is-liked svg{fill:currentColor}.primary-button--wide{flex:1;min-width:0;padding-left:18px;padding-right:18px}.glasses{--frame:#6f4935;--tint:#6f493514;filter:drop-shadow(0 4px 3px #0000001f);justify-content:center;align-items:center;width:230px;height:70px;display:flex;position:relative}.lens{border:5px solid var(--frame);background:var(--tint);z-index:2;width:90px;height:59px;position:relative}.glasses--soft-square .lens{border-radius:18px 18px 24px 24px}.glasses--round .lens{border-radius:50%;width:78px;height:64px}.glasses--cat .lens{border-radius:35% 48% 45%;width:88px;height:57px}.glasses--cat .lens--left{transform:skewY(4deg)}.glasses--cat .lens--right{transform:skewY(-4deg)}.bridge{border-top:5px solid var(--frame);z-index:3;border-radius:50%;width:24px;height:13px;margin:0 -2px}.temple{background:var(--frame);z-index:1;width:28px;height:4px;position:absolute;top:23px}.temple--left{transform-origin:100%;left:0;transform:rotate(8deg)}.temple--right{transform-origin:0;right:0;transform:rotate(-8deg)}.glasses--compact{transform:scale(.36)}.collection{background:#ece7dc}.collection__grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1280px;margin:0 auto;display:grid}.product-card{background:#f7f3ea;flex-direction:column;min-height:430px;padding:20px;display:flex;position:relative;overflow:hidden}.product-card--2{background:#d9dfd7}.product-card--3{background:#e4d7ca}.product-card:before{content:"";border:1px solid #20251f14;border-radius:50%;width:270px;height:270px;position:absolute;top:90px;left:50%;transform:translate(-50%)}.product-card__top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.product-card__top span{letter-spacing:.08em;background:#ffffff8c;padding:5px 8px;font-size:9px}.product-card__top button{cursor:pointer;background:#ffffff73;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.product-card__glasses{z-index:1;flex:1;place-items:center;display:grid;position:relative}.product-card__info{z-index:2;border-top:1px solid #20251f2b;justify-content:space-between;align-items:end;padding-top:16px;display:flex;position:relative}.product-card__info h3{font-family:var(--serif);margin:0;font-size:22px}.product-card__info p{color:var(--muted);letter-spacing:.07em;margin:5px 0 0;font-size:10px}.product-card__info strong{font-family:Georgia,serif;font-size:17px}.product-card__try{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;margin-top:16px;padding:11px 0 2px;font-size:12px;display:flex}.guide{grid-template-columns:.85fr 1.65fr;gap:8vw;max-width:1400px;margin:0 auto;display:grid}.guide__intro>p:last-child{max-width:380px;color:var(--muted);line-height:1.8}.guide__steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.guide__steps article{border-right:1px solid var(--line);padding:25px 22px 10px;position:relative}.guide__steps article:first-child{border-left:1px solid var(--line)}.guide__steps article>span{background:var(--ivory);color:var(--sage-deep);padding:0 6px;font-family:Georgia,serif;font-size:11px;position:absolute;top:-7px;left:20px}.step-icon{width:48px;height:48px;color:var(--sage-deep);background:#e8ede5;border-radius:50%;place-items:center;margin:22px 0 50px;display:grid}.ruler-icon{font-size:26px;font-weight:300}.guide__steps h3{font-family:var(--serif);font-size:18px;font-weight:600}.guide__steps p{color:var(--muted);font-size:12px;line-height:1.8}.closing-cta{color:#fff;background:var(--sage-deep);justify-content:space-between;align-items:center;gap:40px;min-height:270px;padding:50px 8vw;display:flex;position:relative;overflow:hidden}.closing-cta:after{content:"";border:1px solid #ffffff26;border-radius:50%;width:420px;height:420px;position:absolute;top:-180px;right:24%}.closing-cta .eyebrow{color:#ffffffa6}.primary-button--light{color:var(--ink);z-index:1;background:#f5f1e7;border-color:#f5f1e7;position:relative}.primary-button--light:hover{background:#fff}footer{color:#ffffffb8;background:#1e221e;grid-template-columns:1fr auto;align-items:start;gap:15px;min-height:220px;padding:52px 6vw 30px;display:grid}.brand--footer{color:#fff}footer p{font-family:var(--serif);margin:4px 0}footer div{grid-area:1/2/3;gap:28px;font-size:12px;display:flex}footer small{color:#ffffff59;letter-spacing:.08em;align-self:end;font-size:9px}.toast{z-index:100;color:#fff;background:#20251feb;border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 11px;font-size:12px;animation:.25s toast-in;display:flex;position:fixed;top:92px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0000002e}.toast__icon{width:24px;height:24px;color:var(--ink);background:#dbe7d8;border-radius:50%;place-items:center;display:grid}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media (max-width:980px){.nav{grid-template-columns:1fr auto}.nav__links{display:none}.hero{align-items:end;min-height:720px}.hero__wash{background:linear-gradient(#f7f1e61a 25%,#f7f1e6db 54%,#f7f1e6fa 100%)}.hero__image{background-position:67% 20%}.hero__content{margin:0;padding:300px 6vw 60px}.hero__note{display:none}.studio{grid-template-columns:1fr}.studio__viewer{border-right:0}.collection__grid{grid-template-columns:1fr 1fr}.collection__grid article:last-child{display:none}.guide{grid-template-columns:1fr}}@media (max-width:640px){.nav{height:66px;padding:0 18px}.nav__actions .icon-button,.nav__try{display:none}.hero{min-height:690px}.hero__image{background-color:#eee5d7;background-position:61% 0;background-size:auto 62%}.hero__content{padding:340px 22px 46px}.hero h1{font-size:39px}.hero__desc{margin:20px 0 25px;font-size:14px}.hero__buttons{flex-direction:column;align-items:stretch;gap:14px}.hero__buttons .text-button{align-self:center}.hero__proof{margin-top:26px;font-size:10px}.promise-strip{text-align:center;grid-template-columns:1fr 1fr;gap:14px;padding:19px 22px;display:grid}.promise-strip i{display:none}.try-on-section,.collection,.guide{padding:74px 18px}.section-heading,.collection__heading{flex-direction:column;align-items:flex-start;margin-bottom:30px}.section-heading>p{margin:0}.section-heading h2,.collection h2,.guide h2,.closing-cta h2{font-size:34px}.studio{border:0;margin-left:-18px;margin-right:-18px}.viewer__canvas{min-height:470px}.viewer__media--demo{object-position:67% center}.face-guide{width:230px;height:320px;left:65%}.glasses-position{width:200px;top:38%;left:66%}.glasses-position--camera,.glasses-position--upload{top:42%;left:50%}.viewer__controls{justify-content:flex-start;overflow-x:auto}.viewer__controls button,.viewer__controls label{flex:none}.studio__panel{padding:26px 18px 30px}.collection__grid{grid-template-columns:1fr}.collection__grid article:nth-child(2){display:none}.guide__steps{grid-template-columns:1fr}.guide__steps article,.guide__steps article:first-child{border-left:0;border-right:0;border-bottom:1px solid var(--line);padding:22px 10px 25px 75px}.guide__steps article>span{top:28px;left:8px}.step-icon{margin:0;position:absolute;top:60px;left:8px}.closing-cta{flex-direction:column;justify-content:center;align-items:flex-start;min-height:320px;padding:48px 22px}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap;grid-area:auto/1}}