@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(assets/cormorant-italic-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(assets/cormorant-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url(assets/cormorant-normal-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url(assets/cormorant-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(assets/golos-normal-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(assets/golos-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --paper:#efebe2;--ink:#27291f;--olive:#353c2a;--rule:#292b2338;--muted:#5e5e51;--cream:#f5efe3;
  --serif:"Cormorant Garamond",Georgia,serif;--sans:"Golos Text",Arial,sans-serif;
  --gutter:clamp(20px,4.35vw,80px);color:var(--ink);background:var(--paper);font-family:var(--sans);
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth}
body,h1,h2,p,figure {margin:0}
a {color:inherit;text-decoration:none}
button {color:inherit;background:none;border:0;padding:0;cursor:pointer;font:inherit}
img {display:block;width:100%;height:auto}
:focus-visible {outline:2px solid #777c5b;outline-offset:5px}
[hidden] {display:none!important}
.shell {padding-inline:var(--gutter)}
.skip {position:fixed;z-index:10;top:12px;left:12px;padding:12px 18px;background:var(--paper);transform:translateY(-160%)}
.skip:focus {transform:none}
.header {
  min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;border-bottom:1px solid var(--rule);
}
.wordmark {width:max-content;font:600 clamp(25px,3vw,38px)/1 var(--serif);letter-spacing:.22em;margin-right:-.22em}
.nav {display:flex;gap:36px;font-size:13px}
.header a:hover,.footer a:hover {text-decoration:underline;text-underline-offset:5px}
.saved-trigger {justify-self:end;display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px}
.count {min-width:24px;padding:3px 5px;border:1px solid var(--rule);border-radius:40px;text-align:center;font-size:11px}
.hero {
  min-height:min(770px,calc(100svh - 76px));display:grid;grid-template-columns:1fr 1.035fr 54px;
  border-bottom:1px solid var(--rule);
}
.hero-copy {padding:clamp(46px,6.3vw,102px) var(--gutter) clamp(36px,5.4vw,84px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.label {font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}
h1,h2 {font-family:var(--serif);font-weight:500}
.hero h1 {font-size:clamp(82px,11.6vw,192px);font-size-adjust:.48;line-height:.95;letter-spacing:-.085em;margin:clamp(35px,4.7vw,68px) 0 clamp(34px,4.6vw,69px)}
h1 em,h2 em {font-weight:500}
.hero h1 em {display:inline-block;margin-left:.34em}
.hero-bottom {display:grid;gap:23px}
.hero-bottom p,.coat-copy p {max-width:29ch;font-size:clamp(14px,1.25vw,17px);line-height:1.6}
.line-link {display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;width:max-content;max-width:100%;font-size:13px;font-weight:600}
.line-link span {border-bottom:1px solid currentColor;padding-bottom:5px;transition:padding-inline .25s ease}
.line-link:hover span {padding-inline:6px}
.hero-image {position:relative;min-height:0;background:#9b866c;overflow:hidden}
.hero-image img {position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero-index {border-left:1px solid var(--rule);writing-mode:vertical-rl;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-bottom:26px;font-size:12px}
.hero-index span:last-child {font-size:19px;line-height:1}
.fit {margin:0 auto;background:#bfa88c}
.fit-stage {min-height:80svh;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr}
.fit-image {position:relative;overflow:hidden;background:#a38b6f}
.fit-image img {height:100%;width:100%;object-fit:cover;object-position:50% 41%}
.fit-copy {position:absolute;z-index:4;left:var(--gutter);top:17%;width:min(24%,23ch);color:#211d16}
.fit-copy h2 {font-size:clamp(47px,7vw,112px);letter-spacing:-.067em;line-height:.84}
.fit-copy p {margin-top:22px;max-width:21ch;font-size:13px;line-height:1.55}
.fit-legend,.pier {display:none}
.fit.is-scroll {height:230svh}
.is-scroll .fit-stage {display:block;position:sticky;top:0;height:100svh;overflow:clip}
.is-scroll .fit-image {position:absolute;inset:0}
.is-scroll .fit-overview img {object-position:50% 35%}
.is-scroll .fit-detail {clip-path:inset(0 0 0 var(--edge,100%))}
.is-scroll .fit-detail img {object-position:50% 39%;transform:scale(1.02)}
.is-scroll .pier {
  display:block;position:absolute;inset:0 auto 0 0;width:clamp(80px,18vw,260px);z-index:3;
  background:#c3a98a url("assets/stone.webp") center/cover;box-shadow:12px 0 25px #2a211931;
  transform:translate3d(var(--pier-x,100vw),0,0);
}
.is-scroll .fit-copy {opacity:var(--copy-alpha,1)}
.is-scroll .fit-legend {
  position:absolute;z-index:5;right:var(--gutter);bottom:24px;display:flex;align-items:center;gap:11px;padding:10px 14px;
  background:var(--paper);color:var(--ink);font-size:11px;
}
.fit-legend span {width:34px;height:1px;background:linear-gradient(90deg,var(--ink) var(--progress,0%),#b8ab98 0)}
.collection {padding-block:clamp(72px,11vw,160px)}
.collection-head {display:flex;justify-content:space-between;align-items:end;gap:16px;padding-bottom:23px;border-bottom:1px solid var(--rule)}
.collection-head h2 {font-size:clamp(62px,9.3vw,142px);letter-spacing:-.08em;line-height:.84}
.collection-head p {color:var(--muted);font-size:clamp(12px,1.05vw,15px);line-height:1.5}
.edit-grid {display:grid;grid-template-columns:1.1fr .86fr 1fr;align-items:start;gap:clamp(14px,3.4vw,56px);margin-top:clamp(24px,4vw,58px)}
.piece-trousers {margin-top:13%}
.piece-knit {margin-top:25%}
.piece-open {width:100%;text-align:left}
.piece-photo {display:block;overflow:hidden;aspect-ratio:4/5;background:#a99175}
.piece-photo img {width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.piece-trousers img {object-position:center 80%}
.piece-open:hover img {transform:scale(1.035)}
.piece-info {display:flex;gap:7px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--rule)}
.piece-info strong {display:block;font-family:var(--serif);font-size:clamp(22px,2.35vw,36px);font-weight:600;letter-spacing:-.04em;line-height:1}
.piece-info small {display:block;color:var(--muted);margin-top:6px;font-size:12px}
.piece-plus {flex:none;display:grid;place-items:center;width:clamp(27px,3vw,42px);aspect-ratio:1;border:1px solid var(--rule);border-radius:50%;font-size:20px;font-weight:400;transition:background .2s,color .2s}
.piece-open:hover .piece-plus {color:var(--paper);background:var(--olive)}
.coat {display:grid;grid-template-columns:1fr 1fr;background:var(--olive);color:var(--cream);min-height:min(760px,95svh)}
.coat figure {position:relative;min-height:0;background:#755c44}
.coat img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%}
.coat-copy {align-self:center;padding:clamp(44px,8vw,126px) var(--gutter)}
.coat h2 {font-size:clamp(62px,8.5vw,136px);line-height:.81;letter-spacing:-.07em;margin:30px 0}
.coat p {margin-bottom:17px}
.footer {display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-block:26px;font-size:12px}
.footer p {color:var(--muted)}
.footer>a:last-child {justify-self:end}
dialog {margin:auto;width:min(760px,calc(100% - 28px));max-height:calc(100% - 28px);border:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:0;overscroll-behavior:contain}
dialog::backdrop {background:#23221992}
body:has(dialog[open]) {overflow:hidden}
.dialog-top {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);padding:4px 12px 4px 21px;font-size:12px}
.close {width:44px;height:44px;font-size:25px}
.dialog-product {display:grid;grid-template-columns:1fr 1fr}
.dialog-product img {width:100%;height:100%;object-fit:cover;max-height:510px}
.dialog-copy {padding:clamp(22px,4vw,45px);align-self:center}
.dialog-copy h2,.saved-content h2 {font-size:clamp(38px,5vw,67px);line-height:.89;letter-spacing:-.06em;margin:13px 0}
.dialog-copy p,.saved-content p {font-size:14px;line-height:1.5;margin-bottom:20px}
.solid-button {min-height:44px;padding:9px 17px;background:var(--olive);color:var(--cream);font-size:13px}
#saved-dialog {width:min(525px,calc(100% - 28px))}
.saved-content {padding:22px clamp(18px,4vw,35px) 30px}
#saved-items {list-style:none;margin:22px 0 0;padding:0}
#saved-items li {display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--rule)}
#saved-items button {min-height:44px;text-align:left}
#saved-items .remove {font-size:12px;text-decoration:underline;text-underline-offset:3px}
@media (min-width:901px) {
  .is-scroll .fit-overview img {object-position:50% 38%}
  .is-scroll .fit-detail img {object-position:50% 44%}
}
@media (max-width:900px) {
  .hero {grid-template-columns:1fr 1.07fr 38px;min-height:630px}
  .hero h1 {font-size:clamp(67px,12vw,114px)}
}
@media (max-width:640px) {
  .header {min-height:63px;gap:10px;grid-template-columns:1fr auto 1fr}
  .wordmark {font-size:24px}
  .nav {gap:13px;font-size:11px}
  .saved-trigger {font-size:11px;gap:4px}
  .count {min-width:19px;padding:2px 3px;font-size:10px}
  .hero {min-height:0;display:flex;flex-direction:column}
  .hero-copy {padding:34px var(--gutter) 23px}
  .hero h1 {font-size:clamp(70px,19vw,112px);margin:19px 0 22px}
  .hero h1 em {margin-left:.21em}
  .hero-bottom {width:100%;display:flex;align-items:end;justify-content:space-between;gap:10px}
  .hero-bottom p {font-size:12px;max-width:21ch}
  .hero-bottom .line-link {font-size:11px;min-height:32px;flex-shrink:0}
  .hero-image {aspect-ratio:5/6;max-height:75svh}
  .hero-image img {object-position:50% 31%}
  .hero-index {display:none}
  .fit-stage {min-height:0;display:block}
  .fit-image {aspect-ratio:4/5}
  .is-scroll .fit-image {aspect-ratio:auto}
  .is-scroll .fit-overview img {object-position:54% 44%}
  .is-scroll .fit-detail img {object-position:56% 45%}
  .fit-copy {top:11%;width:34%}
  .fit-copy h2 {font-size:clamp(38px,11.7vw,68px)}
  .fit-copy p {margin-top:15px;font-size:11px}
  .collection-head {align-items:start;flex-direction:column;padding-bottom:16px}
  .collection-head h2 {font-size:clamp(54px,15vw,86px)}
  .collection-head p br {display:none}
  .edit-grid {grid-template-columns:1fr 1fr;gap:18px 14px}
  .piece-jacket {grid-column:1/-1;margin-right:13%}
  .piece-jacket .piece-photo {aspect-ratio:6/5}
  .piece-jacket img {object-position:center 38%}
  .piece-trousers {margin-top:0}
  .piece-knit {margin-top:18%}
  .piece-info strong {font-size:clamp(19px,5.6vw,29px)}
  .piece-info small {font-size:10px}
  .coat {display:flex;flex-direction:column}
  .coat figure {aspect-ratio:4/5}
  .coat img {object-position:50% 47%}
  .coat-copy {align-self:stretch}
  .footer {grid-template-columns:1fr auto}
  .footer p {grid-row:2;grid-column:1/-1}
}
@media (max-width:365px) {
  .saved-trigger {gap:3px}
  .header {padding-inline:13px}
  .nav {gap:10px}
  .hero-bottom .line-link {font-size:10px}
  .dialog-copy {padding:15px}
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {scroll-behavior:auto!important;transition:none!important}
}