@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/montserrat.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/playfair-italic.woff2) format('woff2')}
:root{
  --bg:#fbf9f5;
  --ink:#1f2d33;
  --gold:#9c7b4f;
  --sub:#4d5a5f;
  --max:linear-gradient(90deg,#5a1fd0 0%,#3d68e4 100%);
  --tg:linear-gradient(90deg,#2aabee 0%,#1e96d4 100%);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Montserrat',Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}

.page{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:40px;padding-bottom:40px}

.logo{display:inline-block;text-decoration:none;color:var(--ink);line-height:1}
.logo .word{display:block;font-family:'Playfair Display',Georgia,serif;font-size:40px;letter-spacing:10px;margin-right:-10px}
.logo .caps{display:block;font-size:9px;letter-spacing:3.2px;text-transform:uppercase;color:var(--gold);margin-top:7px;font-weight:600}

.display{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:40px;line-height:1.18;margin:26px auto 0;padding:0 20px;color:var(--ink)}
.display em{font-style:italic;color:var(--gold)}
.sub{font-size:14px;color:var(--sub);text-transform:uppercase;letter-spacing:.6px;margin:14px 0 0}

.btns{display:flex;gap:12px;margin:26px 0 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:200px;height:50px;border-radius:999px;color:#fff;text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.2px}
.btn svg{width:19px;height:19px;flex:none}
.btn.max{background:var(--max);box-shadow:0 8px 20px -10px rgba(74,48,214,.6)}
.btn.tg{background:var(--tg);box-shadow:0 8px 20px -10px rgba(30,150,212,.6)}
.note{font-size:12px;color:var(--sub);margin:14px 0 34px}

/* лента пар «ткань / образ» */
.belt{overflow:hidden;width:100%}
.belt-track{display:flex;gap:14px;height:380px}
.tile{flex:none;margin:0;width:440px;height:100%;display:flex;gap:4px;border-radius:6px;overflow:hidden}
.half{position:relative;flex:1;background:#ece6de}
.half img{width:100%;height:100%;object-fit:cover}
.half figcaption{position:absolute;left:10px;bottom:10px;right:10px;text-align:left}
.half figcaption{font-size:11px;font-weight:600;color:var(--ink);background:rgba(251,249,245,.92);padding:6px 9px;border-radius:4px;width:max-content;max-width:calc(100% - 20px);line-height:1.3}
.belt-track.js{display:block;position:relative}
.belt-track.js .tile{position:absolute;left:0;top:0;will-change:transform}

.fade{animation:fade-in 1.1s ease both}
.fade.d2{animation-delay:.15s}
@keyframes fade-in{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}

@media(max-width:760px){
  .page{padding-top:10px;padding-bottom:18px}
  .logo{order:1}
  .logo .word{font-size:30px;letter-spacing:8px;margin-right:-8px}
  .logo .caps{font-size:8px;margin-top:5px}
  .belt{order:2;margin-top:12px}
  .display{order:3;font-size:27px;margin-top:16px;padding:0 16px}
  .sub{order:4;font-size:12px;margin-top:9px}
  .btns{order:5;margin-top:16px;gap:10px;padding:0 16px;width:100%;justify-content:center}
  .btn{width:auto;flex:1;max-width:190px;height:46px;font-size:14px}
  .note{order:6;font-size:11px;margin:12px 16px 0}
  .belt-track{height:335px;height:clamp(180px,calc(100vh - 330px),470px);height:clamp(180px,calc(100svh - 330px),470px);gap:10px;padding-left:12px}
  .belt-track.js{padding-left:0}
  .tile{width:calc(100vw - 22px)}
  .half figcaption{font-size:10px;left:8px;bottom:8px;padding:5px 7px}
}
@media(prefers-reduced-motion:reduce){.fade{animation:none}}
.note,.sub{text-wrap:balance}
@media(max-width:350px){.sub{font-size:11px;letter-spacing:.3px}.note{font-size:10.5px}}
.foot{max-width:900px;margin:0 auto;padding:6px 20px 26px;text-align:center;font-size:10px;line-height:1.6;color:#8b9396;text-wrap:balance}
.foot a{color:inherit}
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:100;background:#fff;box-shadow:0 -6px 18px -8px rgba(31,45,51,.18);padding:8px 20px;text-align:center}
.cookie-bar[hidden]{display:none}
.cookie-bar p{max-width:640px;margin:0 auto;font-size:11px;line-height:1.6;color:#6c7579}
.cookie-bar a{color:inherit}
.cookie-bar button{margin-left:8px;background:#1f2d33;color:#fff;border:0;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:600;cursor:pointer}
@media(max-width:760px){.foot{font-size:9px;padding:14px 16px 18px}.cookie-bar{padding:7px 14px}.cookie-bar p{font-size:10px}}