@charset "UTF-8";:root{--ink:#352e29;--paper:#f8f5ee;--line:#dcd6cd;--brown:#6c4936}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px "Yu Gothic",YuGothic,sans-serif}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:transparent;border:1px solid var(--line);min-height:44px;padding:10px 15px}button:hover{background:#e9e2d6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ad7c54;outline-offset:3px}header{height:94px;display:flex;justify-content:space-between;align-items:center;margin:0 5vw;border-bottom:1px solid var(--line)}.logo{font:25px Georgia,serif;letter-spacing:-.8px}.logo i{font-weight:400}nav{display:flex;gap:25px;font-size:10px}nav a{padding:15px 0}main{max-width:1460px;margin:auto}.intro{position:relative;margin:44px 7vw 39px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.eyebrow{font:9px Arial,sans-serif;letter-spacing:2.5px}.intro .eyebrow{grid-column:1/-1}h1{font-family:"Yu Mincho",serif;font-size:clamp(34px,4vw,59px);font-weight:500;letter-spacing:-2px;margin:16px 0}h1 em{font-style:normal;color:#9a795b}.intro>p:not(.eyebrow){font-size:12px;line-height:2.2;margin:0 0 23px 20px}.study{font:8px Arial;letter-spacing:1.3px;grid-column:1/-1;color:#8f8175;margin-top:4px}.tryon{display:grid;grid-template-columns:minmax(0,1fr) 350px;max-width:1060px;margin:0 auto 80px;border-top:1px solid var(--line)}.portrait-area{background:#dfd4c4;position:relative;display:flex;flex-direction:column;align-self:start}.portrait-top{display:flex;position:absolute;left:21px;right:21px;top:18px;z-index:2;align-items:center;justify-content:space-between;gap:15px}.portrait-top>span{font:9px Arial;letter-spacing:2px}.portrait-top button{background:#f7f3e9d9;border:0;border-radius:30px;font-size:10px;min-height:38px}.portrait-wrap{position:relative;width:100%;aspect-ratio:4/5}.portrait-wrap canvas{display:block;width:100%;height:100%;object-fit:contain}.photo-loading{position:absolute;inset:45% 0;text-align:center;font-size:12px}.portrait-caption{display:flex;justify-content:space-between;padding:15px 21px;font-size:9px;background:#e8e1d6}.portrait-caption span:last-child{letter-spacing:1px}.controls{padding:23px 0 0 33px}.controls>.eyebrow{font-size:8px;margin-bottom:19px}.controls h2{font:32px Georgia,serif;margin:0 0 12px}.frame-copy{font-size:11px;margin-bottom:19px;color:#827161}.frame-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.frame-types button{min-width:0;padding:8px 3px;font:8px Arial;letter-spacing:1px;border-radius:2px}.frame-types button[aria-pressed=true]{border-color:var(--brown);background:#eae1d4}.frame-types svg{display:block;width:100%;height:39px;fill:none;stroke:#51463b;stroke-width:3;margin-bottom:5px}.colors{display:flex;align-items:center;gap:12px;margin:19px 0}.colors>span{font:8px Arial;letter-spacing:1px;margin-right:auto}.colors button{width:26px;height:26px;min-height:26px;background:var(--c);border:3px solid var(--paper);outline:1px solid #d8cbbd;padding:0;border-radius:50%}.colors button[aria-pressed=true]{outline:2px solid #756452}.price{font:24px Georgia;margin:15px 0 22px}.price small{font:8px "Yu Gothic";margin-left:10px;color:#85796c}.steps{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.steps>span{font:italic 12px Georgia;color:#9b7d5c}.steps h3{font-size:11px;font-weight:500;margin:0}.upload{display:block;position:relative;text-align:center;border:1px solid #aa9581;padding:13px;margin-top:13px;cursor:pointer;font-size:11px}.upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.small{font-size:9px;line-height:1.9;color:#8a7c6d}.calibrate{display:block;width:100%;font-size:10px;margin-top:13px}.calibrate[aria-pressed=true]{background:#6c4936;color:white}.fit-status{font-size:10px;line-height:1.8;min-height:36px;color:#765e40}.sliders{margin:10px 0 18px}.sliders label{display:grid;grid-template-columns:41px 1fr 36px;align-items:center;gap:9px;font-size:9px;margin:7px 0;min-height:32px}.sliders input{width:100%;accent-color:#7a5e45}.sliders output{text-align:right;font-family:Arial;font-size:10px}.primary{background:#583e2e;color:#fff;border:0;width:100%;height:49px;font-size:12px}.primary:hover{background:#816149}.text-button{border:0;font-size:9px;display:block;width:100%;text-decoration:underline}.disclaimer{font-size:8px;border-top:1px solid var(--line);padding-top:10px}.collection{margin:0 5vw 70px;display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;border-top:1px solid var(--line);padding-top:48px}.product-stage{height:420px;background:#e9e2d8;position:relative}.product-stage>div:first-child{position:absolute;inset:0}.product-stage canvas{display:block;width:100%;height:100%}.stage-label{position:absolute;left:20px;top:20px;font:8px Arial;letter-spacing:2px}.stage-actions{position:absolute;right:18px;bottom:18px;display:flex;background:#f7f2e7d9}.stage-actions button{border:0;font-size:10px}.product-story h2{font-family:"Yu Mincho",serif;font-size:37px;font-weight:400;line-height:1.65;margin:25px 0 15px}.product-story>p:not(.eyebrow){font-size:11px;line-height:2.1}.product-story dl{font-size:10px;margin:27px 0}.product-story dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;gap:10px}.product-story dd{margin:0}.product-story button{font-size:11px;width:100%;border-color:#ac9783}footer{padding:30px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}footer a{padding:12px;margin:-12px}
@media(max-width:1150px){.tryon{margin-inline:5vw}.controls{padding-left:25px}.tryon{grid-template-columns:minmax(0,1fr) 315px}.portrait-area{position:sticky;top:20px}}
@media(max-width:700px){header{height:80px}.logo{font-size:21px}nav{gap:15px}nav>a:nth-child(2){display:none}nav a{font-size:9px}.intro{display:block;margin:30px 6vw}.intro h1{font-size:43px}.intro>p:not(.eyebrow){margin:15px 0;font-size:11px}.study{display:block;margin-top:20px;font-size:7px}.tryon{display:flex;flex-direction:column;margin:0 5vw 50px}.portrait-area{position:relative;top:0}.portrait-top{left:14px;right:14px;top:14px}.portrait-top button{font-size:9px}.portrait-caption{font-size:8px;padding:12px 15px}.controls{padding:27px 0}.frame-types button{padding:12px;font-size:9px}.frame-types svg{height:45px}.small{font-size:10px}.controls h2{font-size:31px}.steps h3{font-size:12px}.sliders label{font-size:11px;min-height:37px}.collection{grid-template-columns:1fr;gap:30px;padding-top:25px}.product-stage{height:330px}.product-story{padding:0 3vw}.product-story h2{font-size:34px}.product-story>p:not(.eyebrow){font-size:12px}.product-story dl{font-size:11px}footer{font-size:7px;gap:15px}.disclaimer{font-size:9px}.text-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}