@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');
:root{--ink:#151515;--paper:#ffffff;--soft:#efefef;--red:#a92e31;--line:#d5d5d5;--muted:#666666}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
button,a{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.overline{font-size:10px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.topline{background:#151515;color:#e5e5e5;min-height:29px;display:grid;place-items:center;font-size:10px;letter-spacing:.17em;text-transform:uppercase;text-align:center;padding:5px}
.header{background:#111111;color:#ffffff;min-height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 4vw;position:sticky;top:0;z-index:30}
.header nav{display:flex;gap:22px;align-items:center}
.header a:not(.wordmark){font-size:10px;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.header a:hover{color:#f3b4af}
.wordmark{font:30px Italiana,Georgia,serif;letter-spacing:.09em;text-align:center;white-space:nowrap}
.header-actions{justify-content:end}
.breadcrumb{padding:19px 4vw;color:#777777;font-size:10px;text-transform:uppercase;letter-spacing:.09em}
.breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.breadcrumb span{padding:0 9px;color:#b6b6b6}
.product-layout{display:grid;grid-template-columns:minmax(0,58%) minmax(360px,42%);align-items:start;max-width:1700px;margin:0 auto}
.gallery{display:grid;grid-template-columns:65% 35%;grid-template-rows:repeat(2, minmax(280px,1fr));gap:7px;padding:0 7px 0 4vw;min-height:760px}
.gallery-shot{border:0;padding:0;position:relative;overflow:hidden;background:#f0f0f0;display:block;width:100%;min-height:0}
.gallery-shot:focus-visible,.size:focus-visible,.buy:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.gallery-shot.primary{grid-row:span 2;background:#ffffff}
.gallery-shot.primary img{height:100%;width:100%;object-fit:cover;object-position:center 19%;transition:transform .35s}
.gallery-shot.primary:hover img{transform:scale(1.06)}
.gallery-shot.detail-zip{background-image:url('images/manon.jpg');background-size:190% auto;background-position:51% 11%}
.gallery-shot.detail-mat{background-image:url('images/manon.jpg');background-size:240% auto;background-position:48% 51%}
.shot-label{position:absolute;bottom:15px;left:15px;background:#111111e6;color:#fff;padding:9px 11px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.gallery-counter{position:absolute;top:16px;left:16px;background:#ffffff;color:#222222;padding:8px 10px;font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.product-panel{padding:32px clamp(30px,5vw,90px) 60px;position:sticky;top:80px}
.product-panel .brand{display:inline-block;color:var(--red);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.16em;border-bottom:1px solid var(--red);padding-bottom:6px}
.product-panel h1{font:clamp(60px,5.8vw,96px)/.9 Italiana,Georgia,serif;letter-spacing:-.035em;margin:27px 0 7px}
.product-panel .subtitle{font:clamp(24px,2.3vw,35px) Italiana,Georgia,serif;margin:0 0 26px}
.price-line{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.price{font-size:23px;font-weight:600;letter-spacing:-.02em}
.tax{font-size:11px;color:#707070}
.intro{line-height:1.7;font-size:14px;color:#4a4a4a;margin:25px 0 30px;max-width:480px}
.choice-head{display:flex;justify-content:space-between;align-items:baseline;margin:21px 0 11px;gap:15px}
.choice-head a{font-size:11px;text-decoration:underline;text-underline-offset:3px;color:#555555}
.sizes{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}
.size{border:1px solid #bcbcbc;background:transparent;padding:10px 2px;min-height:41px;font-size:11px;color:var(--ink)}
.size:hover,.size[aria-pressed='true']{background:#151515;color:#fff;border-color:#151515}
.size-hint{min-height:19px;font-size:10px;color:#8f2828;margin:10px 0 21px}
.fit-note{font-size:11px;line-height:1.55;color:#555;margin:-8px 0 22px;max-width:430px}
.fit-note a,.promise a,.accordion a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.color-row{display:flex;align-items:center;gap:11px;font-size:12px;margin:9px 0 27px}
.swatch{display:inline-block;width:27px;height:27px;border-radius:50%;background:#171717;border:3px solid var(--paper);outline:1px solid var(--ink)}
.buy{width:100%;border:0;background:var(--red);color:#fff;padding:19px 20px;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.15em;transition:background .2s}
.buy:hover{background:#821e23}
.buy span:last-child{font-size:19px;font-weight:400}
.secondary-actions{display:flex;justify-content:space-between;gap:18px;padding:18px 0 28px;border-bottom:1px solid var(--line)}
.secondary-actions button,.secondary-actions a{border:0;background:transparent;padding:0;font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;color:#4e4e4e}
.secondary-actions button[aria-pressed='true']{color:var(--red)}
.promise{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.promise strong{font-size:10px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:7px}
.promise span{color:#686868;line-height:1.45;font-size:11px}
.accordion{border-bottom:1px solid var(--line)}
.accordion summary{cursor:pointer;padding:20px 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;list-style:none;display:flex;justify-content:space-between}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary:after{content:'+';font-size:20px;line-height:.7}
.accordion[open] summary:after{content:'−'}
.accordion p{font-size:12px;line-height:1.7;color:#5c5c5c;max-width:480px;margin:0 0 20px}
.editorial-band{margin-top:85px;padding:70px 4vw 80px;background:#111111;color:#ffffff}
.editorial-band .head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}
.editorial-band h2{font:clamp(52px,6vw,92px)/.92 Italiana,Georgia,serif;margin:14px 0 0;max-width:670px}
.editorial-band .head p{max-width:310px;font-size:12px;line-height:1.7;color:#bcbcbc}
.detail-story{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}
.detail-story .photo{height:530px;background-image:url('images/manon.jpg');background-size:145% auto;background-position:47% 20%;position:relative}
.detail-story .copy{display:flex;flex-direction:column;justify-content:end;padding:45px;background:#202020;min-height:530px;position:relative;overflow:hidden}
.detail-story .copy:before{content:'';position:absolute;inset:0;background-image:url('images/manon.jpg');background-size:240% auto;background-position:51% 54%;opacity:.29;filter:contrast(1.4)}
.detail-story .copy>*{position:relative}
.detail-story .copy h3{font:clamp(41px,4vw,67px)/.95 Italiana,Georgia,serif;margin:18px 0}
.detail-story .copy p{font-size:13px;line-height:1.7;max-width:380px}
.related{padding:80px 4vw 100px;display:grid;grid-template-columns:1fr 250px 250px;gap:28px;align-items:start;max-width:1600px;margin:auto}
.related h2{font:clamp(44px,5vw,73px)/.94 Italiana,Georgia,serif;margin:13px 0}
.related p{max-width:400px;font-size:13px;line-height:1.6;color:#666666}
.related-card img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#f5f5f5}
.related-card strong{display:block;margin:13px 0 5px;font-size:12px}
.related-card span{font-size:11px;color:#666666}
.footer{background:#111111;color:#c5c5c5;padding:45px 4vw 60px;display:flex;justify-content:space-between;gap:30px;font-size:11px;line-height:1.6}
.footer a{text-decoration:underline;text-underline-offset:3px}
.prototype{position:fixed;left:14px;bottom:14px;z-index:30;background:#fff;color:#222222;border:1px solid #d5d5d5;box-shadow:0 5px 20px #0004;padding:9px 12px;font-size:9px;text-transform:uppercase;letter-spacing:.11em}
.toast{position:fixed;bottom:20px;right:20px;z-index:50;background:#111111;color:#fff;box-shadow:0 8px 40px #0005;padding:19px 23px;max-width:380px;display:none;font-size:12px;line-height:1.5}
.toast.show{display:block}
.toast a{display:inline-block;margin-top:7px;text-decoration:underline}
.lightbox{border:0;padding:0;background:#1a1a1a;color:#fff;max-width:min(950px,94vw);max-height:94vh;width:950px;box-shadow:0 10px 80px #000b}
.lightbox::backdrop{background:#050505e8}
.lightbox .lightbox-content{display:grid;grid-template-columns:1fr 210px;min-height:600px}
.lightbox-image{display:grid;place-items:center;overflow:hidden;background:#efefef}
.lightbox-image img{max-height:85vh;width:100%;height:100%;object-fit:contain}
.lightbox-image img[data-view='zip']{object-fit:cover;transform:scale(1.7);object-position:center 15%}
.lightbox-image img[data-view='mat']{object-fit:cover;transform:scale(2.3);object-position:center 45%}
.lightbox-meta{padding:26px;display:flex;flex-direction:column;justify-content:space-between}
.lightbox-close{align-self:flex-end;background:none;color:#fff;border:1px solid #fff8;width:36px;height:36px;font-size:21px}
.lightbox-meta p{font:24px Italiana,Georgia,serif}
@media(max-width:1180px){.header nav{gap:12px}.header a:not(.wordmark){font-size:9px}.product-layout{grid-template-columns:56% 44%}.product-panel{padding:25px 3vw 45px}.gallery{min-height:630px}.sizes{grid-template-columns:repeat(4,1fr)}.related{grid-template-columns:1fr 200px 200px}}
@media(max-width:760px){.header{grid-template-columns:1fr auto;padding:0 19px;min-height:68px}.header nav{display:none}.header .wordmark{grid-column:1;text-align:left;font-size:25px}.header-actions{grid-column:2;display:flex!important}.header-actions a:nth-child(1){display:none}.breadcrumb{padding:15px 19px}.product-layout{display:block}.gallery{padding:0;min-height:0;height:490px;grid-template-columns:72% 28%;grid-template-rows:1fr 1fr;gap:4px}.gallery-shot.primary{grid-row:span 2}.gallery-shot.primary img{object-position:center 10%}.shot-label{font-size:8px;left:7px;bottom:7px;padding:7px}.product-panel{position:static;padding:32px 20px 50px}.product-panel h1{font-size:76px}.product-panel .subtitle{font-size:30px}.editorial-band{margin-top:20px;padding:55px 20px}.editorial-band .head{display:block}.editorial-band .head p{margin-top:18px}.detail-story{display:block}.detail-story .photo{height:390px;background-size:185% auto}.detail-story .copy{min-height:260px;padding:28px}.related{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:58px 20px 100px}.related>div:first-child{grid-column:span 2}.footer{display:block;padding:40px 20px 85px}.footer span{display:block;margin-top:15px}.lightbox .lightbox-content{display:block;min-height:0}.lightbox-image{height:70vh}.lightbox-meta{position:absolute;top:0;right:0;padding:12px}.lightbox-meta p{display:none}.toast{left:10px;right:10px;bottom:15px;max-width:none}.prototype{display:none}}