:root{--fu-cream:#f2f0ea;--fu-ink:#123d38;--fu-green:#0a443e;--fu-line:rgba(18,61,56,.18)}
.accessories-page{background:#fff;color:var(--fu-ink)}
.accessories-page .accessories-header{background:rgba(255,255,255,.98);color:#111;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.accessories-page .accessories-header .brand img{filter:none}
.accessories-page .accessories-header .header-language{border-color:rgba(0,0,0,.28)}
.accessories-page main{padding-top:100px}

.accessories-hero{display:grid;grid-template-columns:1.22fr .78fr;gap:8vw;align-items:end;min-height:570px;padding:100px 6vw 80px;border-bottom:1px solid var(--fu-line)}
.accessories-hero>div{min-width:0}
.accessories-kicker{display:flex;align-items:center;gap:13px;margin:0 0 45px;text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:600}
.accessories-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.accessories-hero h1{margin:0;font:300 clamp(90px,13.2vw,205px)/.78 "Manrope",sans-serif;letter-spacing:-.078em}
.accessories-hero-copy{padding-bottom:9px}
.accessories-hero-copy>p{max-width:590px;margin:0;font-size:20px;line-height:1.62;color:#526b67}
.accessories-hero-copy>a{display:flex;align-items:center;justify-content:space-between;max-width:320px;margin-top:45px;padding:15px 0;border-bottom:1px solid currentColor;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.accessories-hero-copy>a span{font-size:17px}

.furniture-collection{padding:125px 4vw 140px;background:var(--fu-cream)}
.furniture-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:6vw;align-items:start;margin:0 2vw 80px}
.furniture-heading>p,.furniture-values-head>p{display:flex;align-items:center;gap:13px;margin:12px 0 0;text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:600}
.furniture-heading>p::before,.furniture-values-head>p::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.furniture-heading h2{max-width:1080px;margin:0;font:300 clamp(56px,7vw,108px)/.88 "Manrope",sans-serif;letter-spacing:-.066em}
.furniture-heading h2 em,.furniture-values h2 em,.furniture-closing h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}

.furniture-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 18px}
.furniture-card{min-width:0}
.furniture-card-wide{grid-column:1/-1}
.furniture-card-wide .furniture-media{aspect-ratio:2.05/1}
.furniture-media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#ddd}
.furniture-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.furniture-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,32,29,.28),transparent 46%);opacity:.45;transition:opacity .4s}
.furniture-media:hover img{transform:scale(1.035);filter:saturate(1.05) contrast(1.02)}
.furniture-media:hover::after{opacity:.75}
.furniture-media>span{position:absolute;z-index:3;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:105px;padding:11px 14px;background:rgba(255,255,255,.94);color:#111;text-transform:uppercase;letter-spacing:.12em;font-size:9px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.furniture-media:hover>span{opacity:1;transform:none}
.furniture-media>span i{font-style:normal;font-size:15px}
.furniture-card-title{display:grid;grid-template-columns:48px 1fr;align-items:start;gap:16px;padding:21px 3px 0;border-top:1px solid var(--fu-line)}
.furniture-card-title small{padding-top:6px;font-size:9px;opacity:.5}
.furniture-card-title h3{margin:0;font:300 clamp(25px,2.35vw,38px)/1.1 "Manrope",sans-serif;letter-spacing:-.045em}
.furniture-card-title a{position:relative;display:inline-block}
.furniture-card-title a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:currentColor;transition:width .35s}
.furniture-card:hover .furniture-card-title a::after{width:100%}

.furniture-values{padding:135px 6vw;background:#fff}
.furniture-values-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:6vw;align-items:start;margin-bottom:85px}
.furniture-values h2{margin:0;font:300 clamp(62px,7.6vw,118px)/.87 "Manrope",sans-serif;letter-spacing:-.067em}
.furniture-value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--fu-line);border-left:1px solid var(--fu-line)}
.furniture-value-grid article{min-height:285px;padding:34px;border-right:1px solid var(--fu-line);border-bottom:1px solid var(--fu-line)}
.furniture-value-grid span{display:block;margin-bottom:75px;font-size:10px;opacity:.45}
.furniture-value-grid h3{margin:0 0 18px;font-size:22px;font-weight:400}
.furniture-value-grid p{max-width:390px;margin:0;color:#5b716e;font-size:14px;line-height:1.7}

.furniture-closing{position:relative;min-height:88vh;display:flex;align-items:flex-end;padding:95px 6vw;color:#fff;overflow:hidden}
.furniture-closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.furniture-closing::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,32,29,.82),rgba(2,32,29,.12) 70%)}
.furniture-closing>div{position:relative;z-index:1;width:100%}
.furniture-closing p{margin:0 0 28px;text-transform:uppercase;letter-spacing:.2em;font-size:10px}
.furniture-closing h2{max-width:1150px;margin:0;font:300 clamp(62px,8vw,124px)/.87 "Manrope",sans-serif;letter-spacing:-.068em}
.furniture-closing a{display:flex;align-items:center;justify-content:space-between;width:min(305px,100%);margin:45px 0 0 auto;padding:17px 21px;border:1px solid rgba(255,255,255,.75);border-radius:40px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;transition:background .3s,color .3s}
.furniture-closing a:hover{background:#fff;color:var(--fu-green)}

@media(max-width:900px){
  .accessories-hero{grid-template-columns:1fr;gap:50px;min-height:700px}
  .furniture-heading,.furniture-values-head{grid-template-columns:1fr;gap:32px}
  .furniture-grid{grid-template-columns:1fr;gap:55px}
  .furniture-card-wide{grid-column:auto}
  .furniture-card-wide .furniture-media,.furniture-media{aspect-ratio:4/3}
  .furniture-value-grid{grid-template-columns:1fr}
  .furniture-value-grid article{min-height:220px}
  .furniture-value-grid span{margin-bottom:48px}
}
@media(max-width:820px){
  .accessories-page main{padding-top:78px}
  .accessories-hero{padding:80px 20px 65px}
  .accessories-hero h1{font-size:clamp(64px,19vw,90px)}
  .accessories-hero-copy>p{font-size:17px}
  .furniture-collection{padding:90px 15px 105px}
  .furniture-heading{margin:0 5px 55px}
  .furniture-heading h2,.furniture-values h2{font-size:clamp(52px,14vw,78px)}
  .furniture-values{padding:95px 20px}
  .furniture-closing{min-height:720px;padding:75px 20px}
  .furniture-closing h2{font-size:clamp(54px,14vw,76px)}
}
@media(max-width:560px){
  .accessories-page{overflow-x:clip}
  .accessories-hero{min-height:620px}
  .furniture-media,.furniture-card-wide .furniture-media{aspect-ratio:5/4}
  .furniture-media>span{display:none}
  .furniture-card-title{grid-template-columns:35px 1fr}
  .furniture-card-title h3{font-size:28px}
  .furniture-closing>img{object-position:48% center}
}
@media(prefers-reduced-motion:reduce){.furniture-media img,.furniture-media>span{transition:none}}