@font-face{font-family:Manrope;src:url('atelier/assets/fonts/manrope-cyrillic-400-normal.woff2') format('woff2');font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('atelier/assets/fonts/manrope-latin-400-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:Manrope;src:url('atelier/assets/fonts/manrope-cyrillic-800-normal.woff2') format('woff2');font-weight:800;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('atelier/assets/fonts/manrope-latin-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Editorial;src:url('classic/assets/fonts/cormorant-italic.ttf') format('truetype');font-style:italic;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#f1eee7;color:#22211f;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}header,footer{display:flex;justify-content:space-between;align-items:center;margin:0 4vw;padding:25px 0}header{border-bottom:1px solid #d5cfc3}header>span{font-size:9px;line-height:1.7;text-align:right;letter-spacing:.06em}.brand{font-size:31px;font-weight:800;letter-spacing:-.08em}.brand>span{font-weight:400;margin-left:7px}.intro{padding:46px 4vw 38px}.intro>p{font-size:9px;letter-spacing:.12em;margin:0 0 15px}h1{font-size:clamp(45px,6.4vw,90px);letter-spacing:-.065em;line-height:1;margin:0;font-weight:800}em{font-family:Editorial,Georgia,serif;font-weight:400}.editions{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 4vw}.card{min-height:590px;position:relative;isolation:isolate;overflow:hidden;border-radius:20px;display:flex;flex-direction:column;padding:26px 32px}.card-top{display:flex;justify-content:space-between;gap:20px;align-items:center;position:relative;z-index:3;font-size:9px;letter-spacing:.08em}.card-top>span:last-child{font-size:29px;line-height:1}.card>img{position:absolute;z-index:-1;transition:transform .7s}.classic{background:#121311;color:#f4eddc}.classic>img{width:100%;height:100%;object-fit:cover;inset:0;opacity:.7}.classic::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e100fbd,transparent),linear-gradient(0deg,#0e100fec,transparent 80%)}.classic .card-copy>span:first-child{color:#e0c386}.card-copy{margin-top:auto;padding-top:190px;position:relative;z-index:2}.card-copy>span:first-child{font-size:9px;letter-spacing:.13em}.card-copy h2{font-size:clamp(54px,5.5vw,83px);line-height:.93;letter-spacing:-.065em;font-weight:800;margin:16px 0 20px}.classic h2{font-family:Editorial,Georgia,serif;font-weight:400;letter-spacing:-.035em;font-style:italic}.card-copy p{font-size:11px;line-height:1.8;margin:0 0 26px}.open{border-top:1px solid #ffffff40;padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.open b{font-weight:400;font-size:24px}.atelier{background:#e2dbcf}.atelier>img{width:92%;height:360px;object-fit:contain;right:-22%;top:53px;transform:rotate(-8deg);z-index:1}.backword{font-size:clamp(70px,6.6vw,108px);font-weight:800;letter-spacing:-.09em;position:absolute;top:74px;left:30px;color:#7a6950}.atelier .card-copy{padding-top:230px}.atelier .open{border-color:#22211f40}.card:hover>img{transform:scale(1.035)}.atelier:hover>img{transform:rotate(-3deg) translateY(-10px)}a:focus-visible{outline:3px solid #806a48;outline-offset:6px}footer{font-size:8px;letter-spacing:.08em;padding-block:25px 30px}@media(max-width:850px){.card{padding:22px;min-height:555px}.card-copy h2{font-size:57px}.backword{left:20px;font-size:8vw}.atelier>img{top:90px;width:110%;right:-32%}.card-copy>p{font-size:10px}.editions{gap:16px}}@media(max-width:600px){header,footer{margin-inline:22px}header>span{font-size:7px}.brand{font-size:27px}.intro{padding:35px 22px 30px}.intro>p{font-size:8px}h1{font-size:47px}.editions{grid-template-columns:1fr;margin:0 22px;gap:22px}.card{min-height:580px;padding:24px}.card-copy h2{font-size:70px}.card-top{font-size:8px}.backword{font-size:15.8vw;left:24px;top:76px}.atelier>img{top:77px;width:108%;right:-25%}.card-copy p{font-size:11px}.atelier .card-copy{padding-top:245px}footer{font-size:7px;gap:20px}footer>span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.card:hover>img{transform:none}}
@media(max-width:600px){.atelier>img{top:7px}}
