/*
Theme Name: fl-atelier
Description: Журнал о моде и личном стиле
Version: 1.2
Author: Fashion Lady
*/
:root{--krem:#f6f1e8;--ink:#262019;--sec:#7a7264;--grn:#274538;--grn2:#1b3229;--zoloto:#b08d3f;--hair:#e2d9c8;--bel:#fffdf8}
*{box-sizing:border-box}
body{margin:0;background:var(--krem);color:var(--ink);font:16.5px/1.7 Georgia,"Times New Roman",serif}
a{color:var(--grn);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.rama{max-width:1080px;margin:0 auto;padding:0 22px}
.caps{letter-spacing:.2em;text-transform:uppercase;font-size:11.5px;font-family:"Segoe UI",system-ui,sans-serif;font-weight:600}
/* header */
.ateler-shapka{padding:26px 22px 0;text-align:center}
.ateler-shapka .znak{font-size:clamp(30px,5vw,44px);letter-spacing:.14em;text-transform:uppercase;font-weight:400;margin:0}
.ateler-shapka .znak a{color:var(--ink)}
.ateler-shapka .znak a:hover{text-decoration:none}
.ateler-shapka .liniya-zoloto{width:60px;height:2px;background:var(--zoloto);margin:14px auto}
.ateler-shapka .slogan{color:var(--sec);font-style:italic;font-size:14.5px;margin:0 0 16px}
.ateler-menu{display:flex;justify-content:center;gap:8px 30px;flex-wrap:wrap;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:13px 22px;margin-bottom:6px}
.ateler-menu a{color:var(--ink);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-family:"Segoe UI",system-ui,sans-serif;font-weight:600}
.ateler-menu a:hover{color:var(--grn);text-decoration:none}
.ateler-menu ul{list-style:none;display:flex;gap:8px 30px;flex-wrap:wrap;margin:0;padding:0}
/* hero */
.podium{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;padding:46px 0 30px}
.arka{margin:0;position:relative}
.arka img{display:block;width:100%;aspect-ratio:3/3.6;object-fit:cover;border-radius:999px 999px 18px 18px;border:1px solid var(--hair);padding:12px;background:var(--bel)}
.arka figcaption{text-align:center;font-size:12px;color:var(--sec);font-style:italic;margin-top:10px}
.podium-slovo .caps{color:var(--zoloto);margin:0 0 14px;display:block}
.podium-slovo h1{font-weight:400;font-size:clamp(32px,4.8vw,50px);line-height:1.14;margin:0 0 18px;letter-spacing:.01em}
.podium-slovo h1 em{font-style:italic;color:var(--grn)}
.podium-slovo .lead{color:var(--sec);margin:0 0 24px;max-width:44ch}
.priglashenie{display:inline-block;background:var(--grn);color:#f2ede2;padding:13px 30px;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-family:"Segoe UI",system-ui,sans-serif;font-weight:600;border-radius:2px}
.priglashenie:hover{background:var(--grn2);text-decoration:none;color:#fff}
/* grid */
.vitrina-title{text-align:center;margin:40px 0 26px}
.vitrina-title .caps{color:var(--sec)}
.vitrina-title h2{font-weight:400;font-size:30px;margin:8px 0 0}
.vitrina{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;border-top:1px solid var(--hair)}
.veshch{padding:26px 0;border-bottom:1px solid var(--hair)}
.veshch .caps{color:var(--zoloto);display:block;margin-bottom:10px}
.veshch h3{font-weight:400;font-size:21px;line-height:1.32;margin:0 0 10px}
.veshch h3 a{color:var(--ink)}
.veshch h3 a:hover{color:var(--grn);text-decoration:none}
.veshch p{margin:0 0 10px;color:var(--sec);font-size:14.5px}
.veshch .data{font-size:12px;color:var(--sec);font-style:italic}
/* archive section */
.garderobnaya{background:var(--bel);border:1px solid var(--hair);border-radius:4px;padding:30px 36px;margin:44px 0}
.garderobnaya .caps{color:var(--zoloto)}
.garderobnaya h2{font-weight:400;font-size:26px;margin:6px 0 6px}
.garderobnaya .pod{color:var(--sec);font-style:italic;font-size:14px;margin:0 0 18px}
.garderobnaya ul{list-style:none;margin:0;padding:0;columns:2;column-gap:44px}
.garderobnaya li{break-inside:avoid;padding:9px 0;border-bottom:1px dotted var(--hair);font-size:15px}
.garderobnaya a{color:var(--ink)}
.garderobnaya a:hover{color:var(--grn)}
.kredo{text-align:center;max-width:520px;margin:40px auto 66px;color:var(--sec);font-style:italic}
.kredo .liniya-zoloto{width:60px;height:2px;background:var(--zoloto);margin:0 auto 16px}
/* article */
.material{max-width:680px;margin:0 auto;padding:46px 22px 24px}
.material-shapka{text-align:center;margin-bottom:30px}
.material-shapka .caps{color:var(--zoloto)}
.material-shapka h1{font-weight:400;font-size:clamp(28px,4.4vw,40px);line-height:1.2;margin:12px 0 12px}
.material-shapka .data{font-style:italic;color:var(--sec);font-size:13.5px}
.material-shapka .liniya-zoloto{width:60px;height:2px;background:var(--zoloto);margin:18px auto 0}
.material-telo h2{font-weight:400;font-size:25px;margin:34px 0 12px}
.material-telo h2::after{content:"";display:block;width:44px;height:1px;background:var(--zoloto);margin-top:8px}
.material-telo h3{font-weight:400;font-size:20px;margin:26px 0 10px}
.material-telo p{margin:0 0 17px}
.material-telo ul,.material-telo ol{margin:0 0 17px;padding-left:26px}
.material-telo li{margin-bottom:7px}
.material-telo blockquote{margin:0 0 17px;padding:4px 26px;border-left:2px solid var(--zoloto);font-style:italic;color:var(--sec)}
.eshche{max-width:900px;margin:10px auto 70px;padding:0 22px}
.eshche h2{font-weight:400;text-align:center;font-size:24px}
.eshche .vitrina{grid-template-columns:1fr 1fr;max-width:760px;margin:0 auto}
/* footer */
.ateler-niz{background:var(--grn);color:#d9d2c0}
.ateler-niz .rama{display:flex;justify-content:space-between;flex-wrap:wrap;gap:22px;padding-top:32px;padding-bottom:40px}
.ateler-niz a{color:#f2ede2}
.niz-znak{letter-spacing:.14em;text-transform:uppercase;font-size:19px;color:#fff}
.niz-znak p{letter-spacing:0;text-transform:none;font-style:italic;font-size:13px;color:#bcc7b8;margin:8px 0 0}
.niz-menu{display:flex;flex-direction:column;gap:7px;font-size:14px;text-align:right}
.niz-menu p{color:#bcc7b8;margin:6px 0 0;font-size:12.5px}
@media(max-width:860px){
 .podium{grid-template-columns:1fr;gap:30px}
 .vitrina{grid-template-columns:1fr}
 .garderobnaya ul{columns:1}
 .eshche .vitrina{grid-template-columns:1fr}
 .niz-menu{text-align:left}
}