@font-face{font-family:Manrope;src:url(assets/manrope-cyrillic.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url(assets/manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f6;color:#242522;font:500 16px/1.55 Manrope,Arial,sans-serif}a{color:inherit}img{display:block;width:100%}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.04em}h2{font-size:clamp(32px,5vw,56px)}h3{font-size:clamp(25px,3vw,38px)}[hidden]{display:none!important}:focus-visible{outline:3px solid #647a3b;outline-offset:4px}.wrap,.top{width:min(1120px,calc(100% - 72px));margin:auto}.top{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top a{text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:.13em;margin-top:5px}.top nav{display:flex;gap:32px;font-size:14px}.top-cta{font-weight:800;font-size:13px;border-bottom:1px solid #8e914c}.hero{position:relative;min-height:660px;text-align:center;isolation:isolate;background:#e2e0da;overflow:hidden}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 58%;z-index:-2}.hero::before{content:"";position:absolute;inset:0 0 auto;height:78%;background:linear-gradient(#f3f1ec 0%,#f3f1ecef 27%,#f3f1ecd9 48%,#f3f1ec00 100%);z-index:-1}.hero-content{padding:56px 20px 0;margin:auto;max-width:1000px}.label{font-size:11px;font-weight:800;letter-spacing:.17em;color:#62664f}.hero h1{font-size:clamp(33px,5.1vw,69px);margin:14px auto;text-wrap:balance}.hero-content>p:not(.label){max-width:520px;margin:0 auto 23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:51px;padding:12px 21px;border:1px solid #e8bf39;border-radius:5px;background:#f5cc3e;color:#252112;font-weight:800;text-decoration:none}.button:hover:not(:disabled){background:#ffdb5c}.hero-note{position:absolute;bottom:22px;left:50%;translate:-50%;width:max-content;max-width:94%;padding:9px 16px;background:#f9f8f3;color:#222;text-decoration:none;font-size:12px;font-weight:800}.look,.scope,.brief{padding-block:76px}.section-title{text-align:center;margin-bottom:30px}.section-title h2{margin:8px 0 12px}.section-title>p:not(.label){max-width:570px;margin:auto}.gallery,.planner,.brief{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(22px,5vw,68px);align-items:center}.gallery figure>img{aspect-ratio:1.55;object-fit:cover}.gallery figcaption{font-size:12px;margin-top:7px;color:#5d5c54}.gallery-copy h3,.result h3{margin:10px 0 12px}.gallery-copy>p:not(.label){max-width:420px}.tabs{display:flex;gap:10px;margin-top:18px}.tabs button{padding:3px;border:2px solid transparent;background:none}.tabs [aria-pressed=true]{border-color:#777d4c}.tabs img{width:74px;height:50px;object-fit:cover}.scope{background:#eeeee5}.planner{grid-template-columns:1fr 1.2fr;align-items:start}.planner form,.result,.brief form{padding:25px;background:#faf9f6;border:1px solid #d9d9ce}.result{min-height:240px}.result ul{padding-left:20px}.result li{margin-bottom:6px}.actions{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:16px}.actions button,.actions a{border:0;background:none;padding:0;color:#3e4d22;text-decoration:underline;font-weight:800}.brief{grid-template-columns:1fr 1fr}.brief form{background:#f2f0e9}.brief h2{margin:8px 0 12px}form label{display:grid;gap:5px;font-weight:800;font-size:14px;margin:0 0 15px}form input,form select{width:100%;min-height:46px;border:1px solid #a7a79a;background:#fff;color:#242522;border-radius:4px;padding:8px;font-size:16px}form p:not(:empty){margin-bottom:10px}#status:not(:empty){margin:12px 0 0}footer.wrap{border-top:1px solid #deddd2;padding:20px 0 30px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
@media(max-width:680px){.wrap,.top{width:calc(100% - 34px)}.top{height:64px}.top nav{display:none}.hero{min-height:585px}.hero-content{padding-top:40px}.hero>img{object-position:52% bottom}.look,.scope,.brief{padding-block:47px}.gallery,.planner,.brief{grid-template-columns:1fr;gap:20px}.planner form,.result,.brief form{padding:18px}.section-title{margin-bottom:22px}.gallery-copy h3{margin-top:4px}.hero h1 br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
