:root { --ink:#0b2d38; --sea:#285e5b; --sage:#e6efea; --gold:#e9c879; --muted:#425a60; --line:#cedbd6; color:var(--ink); background:#fff; font:18px/1.65 'Segoe UI',Arial,sans-serif; }
* { box-sizing:border-box; } body { margin:0; } a { color:inherit; text-underline-offset:5px; } p,h1,h2 { margin:0; } img { display:block; max-width:100%; } h1,h2 { font-family:'Palatino Linotype','Book Antiqua',Georgia,serif; font-weight:400; letter-spacing:-.035em; } a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #277cc0; outline-offset:4px; }
.wrap { width:min(1200px,calc(100% - 96px)); margin-inline:auto; } .skip { position:absolute; top:-90px; left:20px; background:white; padding:12px; z-index:10; } .skip:focus { top:12px; }
.coming-header { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-block:26px; border-bottom:1px solid var(--line); }
.coming-brand { text-decoration:none; display:inline-flex; align-items:center; gap:7px; white-space:nowrap; } .coming-brand img { width:63px; height:57px; object-fit:contain; } .coming-brand strong { display:block; font:34px/1.1 'Palatino Linotype',Georgia,serif; letter-spacing:-.8px; } .coming-brand span span { display:block; font-size:12px; letter-spacing:.6px; margin-top:5px; }
.header-phone { display:flex; gap:12px; align-items:center; text-decoration:none; border:1px solid var(--ink); padding:11px 17px; border-radius:4px; } .header-phone span { white-space:nowrap; }
.coming-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:75px; padding-block:76px 90px; align-items:start; }
.coming-label { color:var(--sea); margin-bottom:25px; } h1 { font-size:clamp(48px,4.8vw,68px); line-height:1.1; max-width:10ch; } .coming-lead { margin-top:28px; font-size:21px; color:var(--muted); max-width:38ch; } .coming-contact { margin-top:38px; padding-top:28px; border-top:1px solid var(--line); } .coming-contact p { color:var(--muted); margin-bottom:12px; } .coming-phone { display:block; font:38px/1.3 'Palatino Linotype',Georgia,serif; text-decoration:none; white-space:nowrap; } .coming-email { display:inline-block; margin-top:14px; overflow-wrap:anywhere; } .coming-area { color:var(--muted); font-size:17px; margin-top:28px; max-width:38ch; }
.coming-form { background:var(--sage); padding:34px; border-top:3px solid var(--gold); border-radius:0 0 6px 6px; }
.coming-footer { border-top:1px solid var(--line); display:flex; flex-wrap:wrap; align-items:center; gap:18px 28px; padding-block:26px; color:var(--muted); font-size:14px; } .coming-credit { margin-left:auto; font-size:13px; }
.simple-page { max-width:760px; padding-block:75px 95px; min-height:60vh; } .simple-page h1 { max-width:none; font-size:clamp(42px,5vw,60px); margin-bottom:28px; } .simple-page p + p { margin-top:22px; } .simple-page h2 { font-size:30px; margin-top:35px; margin-bottom:15px; } .simple-actions { display:flex; flex-wrap:wrap; gap:20px; margin-top:32px; } .simple-actions a { display:inline-block; padding:12px 18px; border:1px solid var(--ink); border-radius:4px; }
@media(max-width:1000px) { .coming-layout { gap:40px; } .coming-form { padding:28px; } .header-phone { font-size:16px; } h1 { font-size:53px; } }
@media(max-width:800px) { .wrap { width:calc(100% - 48px); } .coming-layout { grid-template-columns:1fr; gap:40px; padding-block:48px 60px; } .coming-intro { max-width:620px; } h1 { font-size:clamp(44px,7vw,60px); max-width:13ch; } .coming-lead { max-width:50ch; } .coming-header { padding-block:20px; } .coming-contact { margin-top:26px; } .coming-area { max-width:50ch; } }
@media(max-width:480px) { .wrap { width:calc(100% - 40px); } .coming-brand strong { font-size:28px; } .coming-brand img { width:46px; height:43px; } .coming-brand span span { font-size:10px; } .header-phone { padding:9px 12px; } .header-phone span { display:none; } .coming-header { gap:12px; } h1 { font-size:44px; } .coming-lead { font-size:20px; } .coming-phone { font-size:34px; } .coming-form { padding:25px 20px; } .coming-footer { display:block; } .coming-footer > * + * { margin-top:14px; } .coming-footer > a { display:inline-block; } .coming-credit { margin-left:0; } .simple-page { padding-block:45px 65px; } }