/* TRE Interiors — site styles. Built from the approved design system tokens (v4). */

/* ---------- Fonts (self-hosted) ---------- */
@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/marcellus-400-latin.woff2) format('woff2');}
@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/mulish-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/mulish-400-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/mulish-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/mulish-600-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/mulish-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ---------- Tokens ---------- */
:root{
  --tre-gold:#BB945B;
  --tre-bronze:#706343;
  --tre-graphite:#2A2622;
  --tre-warm-white:#FAF8F5;
  --tre-stone:#E6DED2;        /* page ground, v4.1 (Pasha, 31.08: warmer, less sterile) */
  --tre-stone-light:#F7F3EC;  /* cards */
  --tre-white:#FFFFFF;
  --tre-gold-soft:rgba(187,148,91,.14);
  --tre-line:rgba(42,38,34,.18);
  --tre-line-on-dark:rgba(250,248,245,.18);

  --surface-page:var(--tre-stone);
  --surface-card:var(--tre-stone-light);
  --surface-input:var(--tre-white);
  --surface-dark:var(--tre-graphite);
  --text-body:var(--tre-graphite);
  --text-muted:rgba(42,38,34,.62);
  --text-on-dark:var(--tre-warm-white);
  --text-muted-on-dark:rgba(250,248,245,.66);
  --accent:var(--tre-gold);
  --accent-deep:var(--tre-bronze);
  --rule-gold:1px solid var(--tre-gold);
  --border-hairline:1px solid var(--tre-line);
  --border-hairline-on-dark:1px solid var(--tre-line-on-dark);

  --font-display:'Marcellus',Georgia,serif;
  --font-body:'Mulish','Segoe UI',system-ui,sans-serif;
  --fs-display:clamp(40px,5.2vw,64px);
  --fs-h1:clamp(32px,4vw,44px);
  --fs-h2:clamp(26px,3vw,34px);
  --fs-h3:20px;
  --fs-body:16px;
  --fs-small:14px;
  --fs-caption:12px;
  --fs-eyebrow:11px;
  --lh-heading:1.12;
  --lh-body:1.65;
  --ls-heading:.01em;
  --ls-eyebrow:.22em;
  --ls-button:.14em;

  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;
  --content-max:1200px;
  --gutter:clamp(20px,4vw,48px);
  --shadow-card:0 1px 2px rgba(42,38,34,.06);
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:var(--lh-heading);letter-spacing:var(--ls-heading);margin:0}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3)}
p{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.muted{color:var(--text-muted)}
.container{max-width:var(--content-max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.section{padding-top:var(--sp-8);padding-bottom:var(--sp-8)}
@media(min-width:900px){.section{padding-top:var(--sp-9);padding-bottom:var(--sp-9)}}
.stack{display:grid;gap:var(--sp-4)}
.lead{color:var(--text-muted);font-size:17px;max-width:520px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Primitives ---------- */
.eyebrow{font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--accent-deep)}
.eyebrow--dark{color:var(--tre-gold)}
.rule{border:0;border-top:var(--rule-gold);width:48px;margin:0}
.rule--hair{border-top:var(--border-hairline);width:100%}
.rule--hair-dark{border-top:var(--border-hairline-on-dark);width:100%}

.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:var(--ls-button);text-transform:uppercase;color:var(--tre-graphite);border-bottom:1px solid var(--accent);padding-bottom:3px;transition:color .15s,border-color .15s,background .15s}
.btn::after{content:"\2192"}
.btn:hover{color:var(--accent-deep);border-color:var(--accent-deep)}
.btn--noarrow::after{content:none}
.btn--outline{border:1px solid rgba(42,38,34,.35);padding:12px 22px}
.btn--outline:hover{border-color:var(--accent-deep)}
.btn--solid{background:var(--tre-graphite);color:var(--tre-warm-white);border:1px solid transparent;padding:13px 23px}
.btn--solid:hover{background:var(--accent-deep);color:var(--tre-warm-white)}
.btn--dark{color:var(--tre-warm-white)}
.btn--dark.btn--outline{border-color:rgba(250,248,245,.4)}
.btn--dark:hover{color:var(--tre-gold);border-color:var(--tre-gold)}

.card{background:var(--surface-card);border:var(--border-hairline);padding:var(--sp-6)}
.tag{position:absolute;top:10px;right:10px;background:var(--tre-graphite);color:var(--tre-warm-white);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:4px 8px}

/* ---------- Header ---------- */
.header{position:sticky;top:0;z-index:20;background:var(--surface-page);border-bottom:var(--border-hairline)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);padding-top:18px;padding-bottom:18px}
.header__logo img{width:96px;height:auto}
.nav{display:flex;align-items:center;gap:28px}
.nav a{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-body);border-bottom:1px solid transparent;padding-bottom:3px;transition:color .15s,border-color .15s}
.nav a:hover,.nav a[aria-current="page"]{color:var(--accent-deep);border-color:var(--accent)}
.nav .btn--outline{border-bottom:1px solid rgba(42,38,34,.35);padding:12px 22px}
.nav .btn--outline:hover{border-color:var(--accent-deep)}
.nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;margin-right:-10px}
.nav-toggle span{display:block;width:22px;height:1px;background:var(--tre-graphite);position:relative}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:22px;height:1px;background:var(--tre-graphite);transition:transform .2s}
.nav-toggle span::before{top:-7px}.nav-toggle span::after{top:7px}
@media(max-width:860px){
  .nav-toggle{display:flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface-page);border-bottom:var(--border-hairline);flex-direction:column;align-items:flex-start;gap:0;padding:var(--sp-3) var(--gutter) var(--sp-5)}
  .nav a{padding:14px 0;border-bottom:0;width:100%}
  .nav .btn--outline{margin-top:var(--sp-3);width:auto;padding:12px 22px;border:1px solid rgba(42,38,34,.35)}
  .header.is-open .nav{display:flex}
  .header.is-open .nav-toggle span{background:transparent}
  .header.is-open .nav-toggle span::before{transform:translateY(7px) rotate(45deg)}
  .header.is-open .nav-toggle span::after{transform:translateY(-7px) rotate(-45deg)}
}

/* ---------- Hero ---------- */
.hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:560px;max-width:1440px;margin:0 auto}
.hero__copy{padding:var(--sp-9) var(--sp-7) var(--sp-8) max(var(--gutter),calc((min(100vw,1440px) - var(--content-max)) / 2));display:grid;align-content:center;gap:20px;width:100%}
.hero__title{font-size:var(--fs-display)}
.hero__actions{display:flex;flex-wrap:wrap;gap:28px;margin-top:var(--sp-2)}
.hero__media{position:relative;min-height:420px;background:var(--tre-gold-soft)}
.hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero--portrait .hero__media{position:sticky;top:90px;aspect-ratio:4/5;min-height:0;max-height:calc(100vh - 90px);align-self:start}
.hero--portrait .hero__media img{object-position:50% 35%}
.hero--landscape .hero__media{aspect-ratio:3/2;align-self:center;min-height:0}
@media(max-width:860px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero__copy{padding:var(--sp-8) var(--gutter) var(--sp-7);justify-self:start}
  .hero__media{min-height:320px;aspect-ratio:4/3}
  .hero--portrait .hero__media{position:relative;top:auto;height:auto;min-height:0;max-height:none;aspect-ratio:2/3;order:0}
  .hero--portrait .hero__media img{object-position:50% 50%}
  .hero--landscape .hero__media{aspect-ratio:3/2;min-height:0}
}

/* ---------- Grids ---------- */
.grid{display:grid;gap:var(--sp-5)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:1000px){.grid--4{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.grid--3,.grid--2{grid-template-columns:1fr}.grid--4{grid-template-columns:repeat(2,1fr);gap:16px}.grid--4 .pcard__title{font-size:16px}}

.section-head{display:grid;gap:12px;margin-bottom:var(--sp-6)}
.section-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap}

/* ---------- Project card ---------- */
.pcard{display:block;color:var(--text-body)}
.pcard__media{position:relative;aspect-ratio:4/3;background:var(--tre-gold-soft);overflow:hidden}
.pcard__media--tall{aspect-ratio:3/4}
.pcard__media img{width:100%;height:100%;object-fit:cover;transition:opacity .2s,transform .6s ease}
.pcard:hover .pcard__media img{opacity:.92;transform:scale(1.02)}
.pcard__title{font-family:var(--font-display);font-size:18px;line-height:1.25;margin-top:12px;transition:color .15s}
.pcard:hover .pcard__title{color:var(--accent-deep)}
.pcard__meta{font-size:12px;color:var(--text-muted);margin-top:4px}

/* ---------- Dark band ---------- */
.band{background:var(--surface-dark);color:var(--text-on-dark)}
.band .muted{color:var(--text-muted-on-dark)}
.band__inner{display:grid;gap:var(--sp-4);justify-items:start}
.band h2{max-width:680px}

/* ---------- Steps ---------- */
.step{border-top:var(--rule-gold);padding-top:20px}
.step__num{font-family:var(--font-display);font-size:36px;color:var(--accent);line-height:1}
.step h3{margin:10px 0 8px}
.step p{font-size:var(--fs-small);color:var(--text-muted)}

/* ---------- Split ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:center}
.split__media{position:relative;aspect-ratio:4/3;background:var(--tre-gold-soft);overflow:hidden}
.split__media img{width:100%;height:100%;object-fit:cover}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:var(--sp-6)}}

/* ---------- Spec list ---------- */
.spec{display:grid;gap:0}
.spec__row{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-4);padding:16px 0;border-top:var(--border-hairline)}
.spec__row:last-child{border-bottom:var(--border-hairline)}
.spec__k{font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--accent-deep);padding-top:4px}
.spec__v{font-size:15px}
.spec__v small{display:block;color:var(--text-muted);font-size:13px;margin-top:2px}
@media(max-width:600px){.spec__row{grid-template-columns:1fr;gap:6px}}

/* ---------- Form ---------- */
.form{display:grid;gap:14px}
.form label{display:grid;gap:6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.form input,.form select,.form textarea{width:100%;border:var(--border-hairline);background:var(--surface-input);padding:12px 14px;font-family:var(--font-body);font-size:15px;color:var(--text-body);border-radius:0;-webkit-appearance:none;appearance:none}
.form select{background-image:linear-gradient(45deg,transparent 50%,var(--tre-graphite) 50%),linear-gradient(135deg,var(--tre-graphite) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:40px}
.form textarea{min-height:110px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--accent)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.form__row{grid-template-columns:1fr}}
.form__note{font-size:12px;color:var(--text-muted)}
.form__status{font-size:14px;color:var(--accent-deep);min-height:1.4em}
.form__status.is-error{color:#8a3b2a}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}

/* ---------- Footer ---------- */
.footer{background:var(--surface-dark);color:var(--text-on-dark)}
.footer__inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--sp-6);padding-top:56px;padding-bottom:40px}
.footer__brand img{width:120px;height:auto}
.footer__col{display:grid;gap:8px;align-content:start;font-size:13px;color:var(--text-muted-on-dark)}
.footer__col a:hover{color:var(--tre-gold)}
.footer__bottom{border-top:var(--border-hairline-on-dark);padding:20px 0;font-size:12px;color:var(--text-muted-on-dark);display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}
@media(max-width:760px){.footer__inner{grid-template-columns:1fr;gap:var(--sp-6)}}

/* ---------- Reveal ---------- */
@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
  .reveal.is-in{opacity:1;transform:none}
}

/* ---------- Album count on project cards ---------- */
.pcard__count{position:absolute;left:10px;bottom:10px;background:rgba(42,38,34,.72);color:var(--tre-warm-white);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:4px 8px;pointer-events:none}

/* ---------- Lightbox (photo albums) ---------- */
.lb{position:fixed;inset:0;z-index:50;display:grid;grid-template-columns:72px 1fr 72px;align-items:center;opacity:0;transition:opacity .25s ease}
.lb[hidden]{display:none}
.lb.is-open{opacity:1}
.lb__backdrop{position:absolute;inset:0;background:rgba(42,38,34,.985)}
.lb__frame{position:relative;z-index:1;grid-column:2;margin:0;display:grid;justify-items:center;align-content:center;gap:14px;height:100vh;height:100dvh;padding:56px 0 24px;min-width:0}
.lb__img{max-width:100%;max-height:calc(100vh - 128px);max-height:calc(100dvh - 128px);width:auto;height:auto;object-fit:contain;box-shadow:0 12px 40px rgba(0,0,0,.35);cursor:pointer;transition:opacity .2s}
.lb.is-loading .lb__img{opacity:.3}
.lb__bar{display:flex;gap:18px;align-items:baseline;justify-content:center;flex-wrap:wrap;color:var(--text-muted-on-dark);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-align:center}
.lb__title{color:var(--tre-warm-white);font-family:var(--font-display);font-size:17px;font-weight:400;letter-spacing:.01em;text-transform:none}
.lb__close,.lb__nav{position:relative;z-index:2;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--tre-warm-white);opacity:.7;transition:opacity .15s,color .15s}
.lb__close:hover,.lb__nav:hover,.lb__close:focus-visible,.lb__nav:focus-visible{opacity:1;color:var(--tre-gold);outline:none}
.lb__close{position:absolute;top:10px;right:14px}
.lb__close::before,.lb__close::after{content:"";position:absolute;width:24px;height:1px;background:currentColor;transform:rotate(45deg)}
.lb__close::after{transform:rotate(-45deg)}
.lb__nav{justify-self:center}
.lb__nav::before{content:"";width:13px;height:13px;border-top:1px solid currentColor;border-left:1px solid currentColor;transform:translateX(3px) rotate(-45deg)}
.lb__nav--next::before{transform:translateX(-3px) rotate(135deg)}
@media(max-width:700px){
  .lb{grid-template-columns:1fr}
  .lb__frame{grid-column:1;padding:56px 12px 72px}
  .lb__img{max-height:calc(100vh - 168px);max-height:calc(100dvh - 168px)}
  .lb__nav{position:absolute;bottom:12px}
  .lb__nav--prev{left:12px}
  .lb__nav--next{right:12px}
}
@media(prefers-reduced-motion:reduce){.lb,.lb__img{transition:none}}

/* Before / after compare (interior-design) */
.ba{margin:0;display:grid;gap:12px}
.ba__stage{position:relative;aspect-ratio:3/4;background:var(--tre-gold-soft);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize;-webkit-touch-callout:none}
.ba__stage.is-dragging{cursor:grabbing}
.ba__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.ba__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba__label{position:absolute;top:12px;background:var(--tre-graphite);color:var(--tre-warm-white);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:4px 8px;pointer-events:none;transition:opacity .2s}
.ba__label--before{left:12px}
.ba__label--after{right:12px}
.ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:1px;background:var(--tre-warm-white);transform:translateX(-.5px);pointer-events:none;box-shadow:0 0 0 .5px rgba(42,38,34,.25)}
.ba__knob{position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;background:var(--tre-warm-white);border:1px solid var(--tre-gold);box-shadow:0 2px 10px rgba(42,38,34,.25);display:flex;align-items:center;justify-content:center;gap:6px}
.ba__knob::before,.ba__knob::after{content:"";width:7px;height:7px;border-top:1.5px solid var(--tre-graphite);border-left:1.5px solid var(--tre-graphite)}
.ba__knob::before{transform:rotate(-45deg)}
.ba__knob::after{transform:rotate(135deg)}
.ba__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none;-webkit-appearance:none;appearance:none;background:transparent}
.ba__range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:100%}
.ba__range::-moz-range-thumb{width:44px;height:100%;border:0;background:transparent}
.ba__stage:focus-within .ba__knob{box-shadow:0 0 0 3px var(--tre-gold-soft),0 2px 10px rgba(42,38,34,.25)}
.ba__stage--wide{aspect-ratio:4/3}
.ba-grid .ba--wide{grid-column:1/-1;width:min(100%,calc((100vh - 240px) * 4 / 3));justify-self:center}
.ba-grid>.ba:not(.ba--wide):last-child:nth-child(even){grid-column:1/-1;width:calc(50% - var(--sp-5) / 2);justify-self:center}
@media(max-width:600px){.ba-grid>.ba:not(.ba--wide):last-child:nth-child(even){width:auto}}
.ba__caption{display:grid;gap:4px}
.ba__title{font-family:var(--font-display);font-size:20px;line-height:1.25}
.ba__meta{font-size:13px;color:var(--text-muted,rgba(42,38,34,.7))}
@media(prefers-reduced-motion:reduce){.ba__label{transition:none}}

/* ---------- Clinics (/clinics) ---------- */
.concept-note{font-size:13px;margin-top:var(--sp-5);max-width:720px}
.concept-note--dark{color:var(--text-muted-on-dark)}
.level{display:grid;gap:10px;align-content:start}
.level__media{position:relative;aspect-ratio:3/2;background:var(--tre-gold-soft);overflow:hidden}
.level__media img{width:100%;height:100%;object-fit:cover}
.level h3{margin-top:6px}
.level__who{font-size:var(--fs-small)}
.level__what{font-size:var(--fs-small)}
.price{display:grid;gap:0;margin:8px 0 0}
.price div{display:flex;justify-content:space-between;gap:var(--sp-4);padding:10px 0;border-top:var(--border-hairline)}
.price div:last-child{border-bottom:var(--border-hairline)}
.price dt{font-size:var(--fs-small);color:var(--text-muted)}
.price dd{margin:0;font-family:var(--font-display);font-size:17px;white-space:nowrap}
.offices{grid-template-columns:1fr;gap:var(--sp-4)}
.office{margin:0;display:grid;gap:6px}
.office img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--tre-gold-soft)}
.office figcaption{font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--accent-deep)}
.spec--dark .spec__row{border-color:var(--tre-line-on-dark)}
.spec--dark .spec__k{color:var(--tre-gold)}
.spec--dark .spec__v small{color:var(--text-muted-on-dark)}

/* Ad landings: one real photo of finished work on the first screen, above the H1 */
.lp-photo{justify-self:stretch;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--tre-gold-soft);margin-bottom:var(--sp-2)}
.lp-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:860px){#closet-form.section{padding-top:var(--sp-5)}}