:root{--paper:#f8f7f3;--ink:#282a28;--muted:#676b67;--blue:#1975bc}header{height:108px;background:white}.logo{width:140px;object-fit:contain}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-1.7px}h1{font-size:clamp(42px,4.8vw,74px)}.hero-art{border:0;padding:0;width:100%;background:#eee7de;cursor:zoom-in}.hero-art>img{height:100%;width:100%;object-fit:contain}.hero-copy{padding:50px 8% 42px 12%}.hero-note{margin-top:30px}.color-picker{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 8px}.color-picker button{display:flex;gap:8px;align-items:center;background:transparent;border:1px solid #c3c2bc;padding:10px 14px;font-size:12px}.color-picker button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 -2px var(--ink)}.swatch{width:14px;height:14px;display:inline-block;border-radius:50%;background:#222}.swatch.brown{background:#624537}#color-note{font-size:12px;color:var(--muted);min-height:2em}.section-intro{max-width:680px;color:var(--muted);font-size:16px}.detail-grid{gap:6%;align-items:center}.detail-list article{padding:20px 0}.detail-list h3{font-size:21px}.fineprint{font-size:12px;color:var(--muted);margin-top:22px}.detail-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}.detail-photos button,.color-grid button{border:0;background:transparent;padding:0;text-align:left;cursor:zoom-in}.detail-photos img{width:100%;aspect-ratio:1;object-fit:contain}.detail-photos span{display:block;padding-top:12px;font-size:13px;color:var(--muted)}.color-section{background:#eeeae3;max-width:none}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.color-grid article{background:#f8f7f3}.color-grid article>div{padding:30px}.color-grid img{width:100%;aspect-ratio:1;object-fit:contain}.color-grid button{width:100%}.color-grid .eyebrow{margin-bottom:10px}.color-grid p:not(.eyebrow){color:var(--muted);font-size:14px}.outfit-group{margin-top:46px}.outfit-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.outfit-bar h3{font-family:Georgia,serif;font-size:32px}.outfit-bar p{font-size:13px;color:var(--muted);margin:0}.controls{display:flex;gap:8px;flex-shrink:0}.controls button{background:transparent;border:1px solid #aeb5b3;width:42px;height:42px;font-size:22px;color:var(--ink)}.outfit-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#766859 #e5e1da;padding-bottom:15px;overscroll-behavior-inline:contain}.outfit{border:0;padding:0;background:transparent;text-align:left;scroll-snap-align:start;min-width:0;cursor:zoom-in}.outfit img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#eae1d5}.outfit span{display:block;font-size:13px;margin-top:10px;color:var(--muted)}.brand-trust{background:#edf1f3;max-width:none}.brand-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:42px}.brand-proof-grid article{border-top:1px solid #aeb7bb;padding-top:22px}.brand-proof-grid strong{font-size:40px;line-height:1.2;font-weight:400;letter-spacing:-1px}.brand-proof-grid strong span{font-size:18px}.brand-proof-grid h3{font-size:15px;margin-top:16px}.brand-proof-grid p{font-size:13px;color:var(--muted)}.service-assurance{border-top:1px solid #ccd2d4;margin-top:30px;padding-top:24px}.service-assurance p{font-size:14px;color:var(--muted)}.smartmen-size-chart{margin:20px 0}.smartmen-size-chart img{width:100%;height:auto}.smartmen-size-chart figcaption{font-size:12px;color:var(--muted)}.faq{gap:8%}.consult-message{max-width:610px;background:#fff;padding:25px;margin:28px auto;text-align:left}.consult-message label{display:block;font-size:12px;margin-bottom:6px}.consult-message select{padding:12px;border:1px solid #a4b6c0;background:white;color:var(--ink);font:inherit;width:100%}.consult-message p{font-size:14px}.consult-message #copy-status{color:var(--blue);margin-bottom:0}.offer #close-status{max-width:560px;margin:20px auto}.offer .btn{gap:8px}footer{background:white}dialog{max-width:94vw;max-height:94vh;background:#f8f7f3}dialog img{max-height:85vh;width:auto;max-width:94vw;margin:auto}dialog p{font-size:12px;padding:8px 15px;margin:0}#close-lightbox{font-size:26px;box-shadow:0 2px 12px #0002}.mobile-cta strong{font-size:14px}.mobile-cta .btn{font-size:12px}.zoom:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:800px){header{height:90px}.logo{width:112px}.hero-copy{padding:36px 7% 30px}.hero h1{font-size:47px}.hero-art>img{aspect-ratio:1;height:auto}.color-picker{gap:8px}.color-picker button{padding:10px 11px}.spec-strip strong{font-size:23px}.section{padding:50px 6%}.detail-photos{gap:12px;grid-template-columns:repeat(3,78%);overflow:auto;scroll-snap-type:x mandatory}.detail-photos button{scroll-snap-align:start}.color-grid{gap:14px}.color-grid article>div{padding:18px 14px}.color-grid h3{font-size:20px}.color-grid .eyebrow{font-size:9px;letter-spacing:1px}.color-grid p:not(.eyebrow){font-size:13px}.outfit-track{grid-auto-columns:80%;gap:14px}.outfit-bar{align-items:flex-start}.outfit-bar h3{font-size:28px}.outfit-bar p{font-size:12px}.controls button{width:36px;height:36px}.brand-proof-grid{grid-template-columns:1fr 1fr;gap:26px 20px}.brand-proof-grid strong{font-size:36px}.section-intro{font-size:14px}.faq{gap:12px}footer{padding:28px 6%;margin-bottom:90px}.consult-message{padding:20px}.mobile-cta{padding-left:6%;padding-right:6%}}@media(prefers-reduced-motion:reduce){.outfit-track{scroll-behavior:auto}}
.outfit img{height:auto}

.intro-videos{border-top:1px solid #e4e2de}.intro-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;max-width:860px;margin:36px auto 0}.intro-video h3{margin-bottom:16px}.intro-video-frame{aspect-ratio:9/16;background:#0d161c;overflow:hidden}.intro-video-frame iframe{display:block;width:100%;height:100%;border:0}.intro-video>.text-link{display:inline-block;margin-top:18px}@media(max-width:600px){.intro-video-grid{grid-template-columns:1fr;gap:40px;max-width:380px}}

.concept-section{border-top:1px solid #e4e2de}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:36px}.concept-card{border:0;background:transparent;padding:0;text-align:left;color:inherit}.concept-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.concept-card>span{display:block;margin-top:14px;font-size:15px}.concept-card small{display:block;color:var(--muted);font-size:11px;margin-top:4px}@media(max-width:600px){.concept-grid{grid-template-columns:1fr;gap:28px}}

.hero-art>img{max-height:780px;object-fit:contain}@media(max-width:800px){.hero-art>img{aspect-ratio:auto;max-height:none;height:auto}}
/* Keep vertical grid spacing intrinsic: percentage row gaps overflow auto-height grids. */
.detail-grid{row-gap:30px;column-gap:6%}.detail-list{min-width:0}.detail-list article>div{min-width:0}.detail-grid+.fineprint{margin:24px 0 0;line-height:1.7}@media(max-width:800px){.detail-grid{row-gap:30px;column-gap:0;align-items:start}}

.detail-photos{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.detail-photos button{min-width:0;scroll-snap-align:start}.detail-photos img{height:auto;aspect-ratio:1;object-fit:contain}@media(max-width:800px){.detail-photos{grid-template-columns:none;grid-auto-columns:78%;gap:12px}}

.product-color{display:inline-block;padding:10px 18px;border:1px solid #bbb}.hero-art>img{aspect-ratio:1;max-height:none}.outfit img{background:#eeeae3}.detail-grid .photo img{height:auto;object-fit:contain}.faq{row-gap:30px;column-gap:8%}@media(max-width:800px){.faq{column-gap:0}.hero h1{font-size:44px}}

.feedback-intro{max-width:740px}.feedback-group{margin:26px 0 12px;font-size:18px}.feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feedback-card{display:flex;gap:12px;text-align:left;background:#fff;border:1px solid #dedbd3;border-radius:10px;padding:14px;color:#292822;cursor:pointer;font:inherit;min-width:0}.feedback-card>img{width:64px;height:88px;object-fit:cover;object-position:top;border-radius:5px}.feedback-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.feedback-stars{color:#b77a08;font-size:14px;letter-spacing:2px}.feedback-copy strong{font-size:13px;overflow-wrap:anywhere}.feedback-copy small{font-weight:400;color:#76736c}.feedback-excerpt{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feedback-open{font-size:12px;color:#1975bc}.feedback-note{font-size:12px;color:#78746d}#feedback-dialog{padding:40px 12px 12px;width:min(760px,96vw);max-height:92dvh;border:0;border-radius:12px;background:#fff;overflow:auto}#feedback-dialog::backdrop{background:#000b}#close-feedback{position:sticky;top:0;float:right;margin-top:-34px;border:0;background:#fff;border-radius:50%;font-size:28px;width:36px;height:36px;cursor:pointer;z-index:1}#feedback-original{overflow:hidden;width:100%}#feedback-image{width:100%;height:auto;display:block}.feedback-card:focus-visible{outline:3px solid #2396e7;outline-offset:3px}@media(min-width:1000px){.feedback-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feedback-card{padding:12px}.feedback-card>img{display:none}}@media(max-width:480px){.feedback-card{padding:10px;gap:8px}.feedback-card>img{display:none}.feedback-excerpt{font-size:13px}.feedback-grid{gap:8px}}

#feedback-image{max-height:none;max-width:none;object-fit:initial}#feedback-original{display:block}#feedback-dialog[open]{display:block}