/* згенеровано tools/design_css.py з design-standard/template.html; не правити руками */
.dz{
  --bg:#FFFFFF; --fg:#0A0A0A; --body:#2A2A2D; --label:#56565B; --line:#C4C4C9; --mist:#ECEFED; --mist2:#DFE5E2;
  --inv-bg:#0A0A0A; --inv-fg:#FFFFFF; --photo-card:#FFFFFF; --photo-card-fg:#0A0A0A; --ph-a:#2B2E2C; --ph-b:#0F1110; --ph-m:#D9DFDC; --pd:none; --pl:block;
  --sans:'Jost','Futura','Century Gothic',system-ui,sans-serif; --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .dz{
  --bg:#0B0B0C; --fg:#FFFFFF; --body:#DADADE; --label:#A9A9AF; --line:#3B3B40; --mist:#151716; --mist2:#1C1F1D;
  --inv-bg:#FFFFFF; --inv-fg:#0A0A0A; --ph-a:#3A3E3B; --ph-b:#161817; --ph-m:#242826; --pd:block; --pl:none; color-scheme:dark}}
:root[data-theme="dark"] .dz{
  --bg:#0B0B0C; --fg:#FFFFFF; --body:#DADADE; --label:#A9A9AF; --line:#3B3B40; --mist:#151716; --mist2:#1C1F1D;
  --inv-bg:#FFFFFF; --inv-fg:#0A0A0A; --ph-a:#3A3E3B; --ph-b:#161817; --ph-m:#242826; --pd:block; --pl:none; color-scheme:dark}
.dz,.dz *{box-sizing:border-box}
.dz{scroll-behavior:auto}
.dz{background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:400;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .35s,color .35s}
.dz a{color:inherit;text-decoration:none}
.dz button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
.dz img{display:block;max-width:100%}
.dz :focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.dz .wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,56px)}
.dz .eyebrow{font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--label)}
.dz .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dz .loader{position:fixed;inset:0;z-index:100;background:var(--mist);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:transform 1s var(--ease);animation:dz-loaderFallback .01s 4.5s forwards}
.dz .loader.out{transform:translateY(-101%)}
.dz .loader.gone{display:none}
@keyframes dz-loaderFallback{to{transform:translateY(-101%);visibility:hidden}}
.dz .loader svg{width:min(320px,70vw);height:auto;overflow:visible}
.dz .loader path{fill:none;stroke:var(--fg);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:dz-draw 1.5s .1s var(--ease) forwards}
.dz .loader circle{fill:var(--fg);opacity:0;animation:dz-fadeIn .4s 1.4s forwards}
@keyframes dz-draw{to{stroke-dashoffset:0}}
@keyframes dz-fadeIn{to{opacity:1}}
.dz .loader .word{font-size:24px;font-weight:400;letter-spacing:.42em;margin-right:-.42em;min-height:1.2em;white-space:nowrap}
.dz .loader .sub{font-size:10px;font-weight:500;letter-spacing:.36em;color:var(--label);text-transform:uppercase}
.dz .loader .skip{position:absolute;bottom:28px;font-size:12px;color:var(--label);letter-spacing:.1em}
.dz .hd{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50;transition:background .3s,border-color .3s,transform .5s var(--ease);border-bottom:1px solid transparent}
.dz .hd.sc{background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--line)}
.dz .hd.hide{transform:translateY(-100%)}
.dz .hd-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:78px}
.dz .logo{display:inline-flex;flex-direction:column;gap:9px;width:max-content}
.dz .logo b{font-weight:500;font-size:24px;line-height:1;letter-spacing:.42em;margin-right:-.42em}
.dz .logo i{display:flex;align-items:center;gap:9px;font-style:normal;font-weight:500;font-size:9px;line-height:1;letter-spacing:.34em;color:var(--label);padding-left:.34em}
.dz .logo i::before,.dz .logo i::after{content:"";flex:1;height:2px;background:var(--label)}
.dz .nav{display:flex;gap:30px;font-size:14px}
.dz .nav a{color:var(--label);position:relative;transition:color .2s}
.dz .nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.dz .nav a:hover,.dz .nav a.on{color:var(--fg)}
.dz .nav a:hover::after,.dz .nav a.on::after{transform:scaleX(1)}
.dz .hd-r{display:flex;align-items:center;gap:20px}
.dz .hd-ph{font-size:14px;font-weight:500;white-space:nowrap}
.dz .ib{width:36px;height:36px;display:flex;align-items:center;justify-content:center}
.dz .burger{display:none}
.dz .menu{position:fixed;inset:0;z-index:45;background:var(--bg);padding:110px clamp(16px,4vw,56px) 40px;display:flex;flex-direction:column;gap:6px;transform:translateY(-100%);transition:transform .7s var(--ease);visibility:hidden}
.dz .menu.open{transform:none;visibility:visible}
.dz .menu a{font-size:30px;font-weight:300;padding:12px 0;border-bottom:1px solid var(--line)}
.dz .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 30px;border:1px solid var(--fg);background:var(--fg);color:var(--bg);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;position:relative;overflow:hidden;transition:color .4s var(--ease),border-color .4s}
.dz .btn::before{content:"";position:absolute;inset:0;background:var(--bg);transform:translateY(101%);transition:transform .45s var(--ease)}
.dz .btn span{position:relative}
.dz .btn:hover{color:var(--fg)}
.dz .btn:hover::before{transform:none}
.dz .btn.ghost{background:transparent;color:var(--fg)}
.dz .btn.ghost::before{background:var(--fg)}
.dz .btn.ghost:hover{color:var(--bg)}
.dz .btn.sm{min-height:42px;padding:0 20px;font-size:11px}
.js .dz .rv{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}
.js .dz .rv.in{opacity:1;transform:none}
.js .dz .rl{position:relative}
.js .dz .rl::before{content:"";position:absolute;left:0;top:0;height:1px;width:100%;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease);transition-delay:var(--d,0s)}
.js .dz .rl.in::before{transform:scaleX(1)}
.dz .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.dz .w>span{display:inline-block;transition:transform 1.1s var(--ease);transition-delay:calc(var(--i)*55ms + var(--d,0ms))}
.js .dz .split:not(.in) .w>span{transform:translateY(112%)}
.js:not(.ready) .dz .hero .split .w>span{transform:translateY(112%)}
.dz .ph{position:relative;margin:0;overflow:hidden;background:linear-gradient(155deg,var(--ph-a),var(--ph-b));color:#fff}
.dz .ph.light{background:linear-gradient(155deg,var(--ph-m),var(--mist2));color:var(--fg)}
.dz .ph::before{content:"";position:absolute;inset:0;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.dz .ph::after{content:attr(data-ph);position:absolute;left:14px;bottom:12px;right:14px;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.dz .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dz .ph.pic::before,.dz .ph.pic::after{display:none}
.dz .ph.pic img.pd{display:var(--pd,none)}
.dz .ph.pic img.pl{display:var(--pl,block)}
.js .dz .ph.pic.rv img{transform:scale(1.08);transition:transform 1.8s var(--ease)}
.js .dz .ph.pic.rv.in img{transform:none}
.dz .strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,28px);padding-bottom:clamp(72px,10vw,140px)}
.dz .strip .ph{aspect-ratio:4/5}
.dz .strip .ph:nth-child(2){margin-top:clamp(24px,5vw,72px)}
.dz .strip .ph:nth-child(3){margin-top:clamp(48px,10vw,144px)}
.dz .strip .ph::after{display:block;content:"";position:absolute;inset:0;left:0;right:0;bottom:0;opacity:1;background:linear-gradient(to bottom,transparent 55%,var(--bg))}
.dz .hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px clamp(28px,4vw,64px);align-items:center;padding-top:150px;padding-bottom:88px}
.dz .hero h1{margin:26px 0 0;font-size:clamp(36px,5.2vw,68px);font-weight:300;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.dz .lead{margin:30px 0 0;font-size:17px;line-height:1.75;color:var(--body);max-width:560px}
.dz .callbox{margin-top:42px;padding-top:28px;border-top:1px solid var(--fg);max-width:600px}
.dz .phone-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin-top:16px}
.dz .phone{font-size:clamp(30px,3.8vw,46px);font-weight:300;line-height:1.1;letter-spacing:.01em;white-space:nowrap;user-select:all}
.dz .copy{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);border-bottom:1px solid var(--fg);padding-bottom:3px}
.dz .phone-cap{margin-top:8px;font-size:14px;color:var(--label)}
.dz .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.dz .hero .btns{flex-wrap:nowrap;gap:8px}
.dz .hero .btn{min-height:44px;padding:0 16px;font-size:11px;letter-spacing:.14em;white-space:nowrap;flex:0 0 auto}
@media (max-width:560px){.dz .hero .btns{flex-wrap:wrap}
.dz .hero .btn{flex:1 1 130px}}
.dz .micro{margin:26px 0 0;font-size:14px;line-height:1.8;color:var(--body);max-width:480px}
.dz .collage{position:relative;aspect-ratio:1/1.08;width:100%}
.dz .collage .ph,.dz .collage .tile{position:absolute}
.dz .c1{right:0;top:0;width:62%;height:82%}
.dz .c2{left:0;top:9%;width:47%;height:56%}
.dz .c3{left:9%;bottom:0;width:42%;height:38%}
.dz .c4{right:0;bottom:3%;width:34%;height:30%}
.dz .collage>*{opacity:1;transform:none;transition:opacity 1.2s var(--ease),transform 1.4s var(--ease)}
.js:not(.ready) .dz .collage>*{opacity:0}
.js:not(.ready) .dz .c1{transform:translateX(60px)}
.js:not(.ready) .dz .c2{transform:translateX(-50px)}
.js:not(.ready) .dz .c3{transform:translateY(50px)}
.js:not(.ready) .dz .c4{transform:translateX(40px)}
.dz .collage>*:nth-child(2){transition-delay:.15s}
.dz .collage>*:nth-child(3){transition-delay:.3s}
.dz .collage>*:nth-child(4){transition-delay:.45s}
.dz .toc{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dz .toc .wrap>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;padding:20px 0;font-size:14px}
.dz .toc a{color:var(--label);transition:color .2s}
.dz .toc a:hover{color:var(--fg)}
.dz .ticker{overflow:hidden;border-bottom:1px solid var(--line);padding:26px 0;background:var(--bg)}
.dz .tk{display:flex;width:max-content;animation:dz-tk 70s linear infinite}
.dz .ticker:hover .tk{animation-play-state:paused}
.dz .tk span{font-size:clamp(26px,3.4vw,44px);font-weight:300;white-space:nowrap;padding-right:42px;color:var(--fg)}
.dz .tk span::after{content:"·";padding-left:42px;color:var(--label)}
@keyframes dz-tk{to{transform:translateX(-50%)}}
.dz .sec{padding-block:clamp(72px,10vw,140px)}
.dz .sh{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid var(--fg);padding-top:16px;margin-bottom:clamp(36px,5vw,64px);font-size:14px;font-weight:500}
.dz .sh span{font-weight:400;color:var(--label)}
.dz .h2{margin:0;font-size:clamp(28px,3.6vw,46px);font-weight:300;line-height:1.14;max-width:720px;text-wrap:balance}
.dz .intro{margin:22px 0 0;font-size:17px;line-height:1.8;color:var(--body);max-width:600px}
.dz .two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px clamp(32px,6vw,96px);align-items:start}
.dz .stick{position:sticky;top:110px}
.dz .fig{margin-top:40px;aspect-ratio:4/5;max-width:420px}
.dz .fig.wide{aspect-ratio:3/2;max-width:none}
.dz .acc-list{border-top:1px solid var(--fg)}
.dz .acc{border-bottom:1px solid var(--line)}
.dz .acc-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:20px;width:100%;padding:24px 0;font-size:clamp(18px,1.7vw,22px);line-height:1.35;font-weight:400;transition:padding .4s var(--ease)}
.dz .acc-h .n{font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--label);min-width:28px}
.dz .acc-h .ic{position:relative;width:18px;height:18px;align-self:center;flex:none}
.dz .acc-h .ic::before,.dz .acc-h .ic::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--fg);transition:transform .5s var(--ease)}
.dz .acc-h .ic::after{transform:rotate(90deg)}
.dz .acc-h[aria-expanded="true"] .ic::after{transform:rotate(0)}
.dz .acc-h:hover{padding-left:8px}
.dz .acc-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.dz .acc-h[aria-expanded="true"]+.acc-p{grid-template-rows:1fr}
.dz .acc-p>div{overflow:hidden;min-height:0}
.dz .acc-p p{margin:0;padding:0 40px 30px 48px;font-size:16px;line-height:1.85;color:var(--body);max-width:660px}
.dz .acc-p ul{margin:0;padding:0 24px 26px 48px;list-style:none;display:grid;gap:12px;max-width:660px}
.dz .acc-p li{position:relative;padding-left:26px;font-size:16px;line-height:1.7;color:var(--body)}
.dz .acc-p li::before{content:"—";position:absolute;left:0;color:var(--label)}
.dz .nonum .acc-p p{padding-left:0}
.dz .nonum .acc-p ul{padding-left:0}
.dz .acc-h{text-align:left}
.dz .nonum .acc-h{grid-template-columns:minmax(0,1fr) auto}
.dz .mani{position:relative;min-height:min(110vh,900px);display:flex;align-items:center;justify-content:center;padding:80px clamp(16px,4vw,56px);overflow:hidden}
.dz .mani .bg{position:absolute;inset:-12% 0;background:linear-gradient(160deg,#3a3d3b,#0c0d0d)}
.dz .mani .bg::before{content:"";position:absolute;inset:0;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.dz .mani .bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:saturate(.8)}
.dz .mani .shade{position:absolute;inset:0;background:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.38) 28%,rgba(0,0,0,.38) 72%,#000 100%)}
.dz .mani .lbl{position:absolute;left:clamp(16px,4vw,56px);bottom:22px;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#fff;opacity:.8}
.dz .mcard{position:relative;background:var(--photo-card);color:var(--photo-card-fg);width:min(460px,100%);padding:44px 40px 40px}
.dz .mcard .eyebrow{color:#4A4A4F}
.dz .mcard p{margin:22px 0 0;font-size:18px;line-height:1.65;font-weight:400}
.dz .mcard .btn{margin-top:30px;background:#0A0A0A;color:#fff;border-color:#0A0A0A}
.dz .mcard .btn::before{background:#fff}
.dz .mcard .btn:hover{color:#0A0A0A}
.dz .route{position:relative}
.dz .route .line{position:absolute;left:14px;top:0;bottom:0;width:1px;background:var(--line);display:none}
.dz .route .line i{position:absolute;left:0;top:0;width:1px;height:100%;background:var(--fg);transform-origin:top;transform:scaleY(var(--p,0))}
.dz .cg{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px clamp(32px,6vw,96px);align-items:start}
.dz .cl{grid-column:1;grid-row:1}
.dz .cp{grid-column:2;grid-row:1;position:sticky;top:110px;background:var(--mist);padding:34px 32px 36px}
.dz .sin{display:block;width:100%;border-bottom:1px solid var(--fg);padding:0 0 12px;font-size:16px;color:var(--fg);outline:0;border-radius:0;background:transparent;cursor:text;border-top:0;border-left:0;border-right:0;font-family:inherit}
.dz .sin::placeholder{color:var(--label)}
.dz .clist{margin-top:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));column-gap:44px}
.dz .ci{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--body);transition:color .2s,padding .35s var(--ease)}
.dz .ci span:last-child{font-size:14px;color:var(--label);white-space:nowrap}
.dz .ci:hover,.dz .ci.on{color:var(--fg);padding-left:8px}
.dz .ci.on span:last-child{color:var(--fg);font-weight:500}
.dz .ci[hidden]{display:none}
.dz .clist.collapsed .late{display:none}
.dz .more{margin-top:26px;font-size:14px;font-weight:500;border-bottom:1px solid var(--fg);padding-bottom:3px}
.dz .cnone{padding:22px 0;color:var(--body);font-size:15px}
.dz .cn{margin-top:18px;font-size:28px;font-weight:300;line-height:1.2}
.dz .cpr{margin-top:26px;font-size:clamp(44px,5vw,60px);font-weight:300;line-height:1;font-variant-numeric:tabular-nums}
.dz .ct{margin-top:12px;font-size:15px;color:var(--body)}
.dz .cf{margin:26px 0 0;font-size:13px;line-height:1.75;color:var(--label)}
.dz .cp .btn{margin-top:26px;width:100%}
.dz .geo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:20px clamp(32px,6vw,96px);margin-top:72px;padding-top:30px}
.dz .geo h3{margin:0;font-size:20px;font-weight:400;line-height:1.35}
.dz .geo p{margin:0;font-size:16px;line-height:1.85;color:var(--body);max-width:600px}
.dz .callrow{display:flex;gap:10px 26px;align-items:baseline;flex-wrap:wrap;margin-top:44px;font-size:16px;color:var(--body)}
.dz .callrow b{font-size:26px;font-weight:300;color:var(--fg);white-space:nowrap}
.dz .rc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,4vw,56px);margin-top:48px}
.dz .rc>div{padding:28px 0 36px}
.dz .rc .n{font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--label)}
.dz .rc p{margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--fg);max-width:320px}
.dz .state{margin:72px 0 0;font-size:clamp(22px,2.6vw,32px);font-weight:300;line-height:1.45;max-width:820px;text-wrap:balance}
.dz .notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px clamp(32px,6vw,96px);margin-top:48px}
.dz .notes p{margin:0;font-size:16px;line-height:1.85;color:var(--body);max-width:520px;padding-top:18px}
.dz .cer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,28px);margin-top:48px}
.dz .prod{display:block}
.dz .prod .tile{position:relative;aspect-ratio:4/5;background:var(--mist);overflow:hidden}
.dz .prod .tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform 1.1s var(--ease)}
:root[data-theme="dark"] .dz .prod .tile img{mix-blend-mode:normal}
.dz .prod:hover .tile img{transform:scale(1.05)}
.dz .prod b{display:block;margin-top:16px;font-size:16px;font-weight:400}
.dz .prod span{display:block;margin-top:4px;font-size:14px;color:var(--label)}
.dz .gal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,2vw,28px);margin-top:clamp(40px,6vw,88px)}
.dz .gal .ph:nth-child(1){grid-column:1/6;aspect-ratio:4/5}
.dz .gal .ph:nth-child(2){grid-column:6/13;aspect-ratio:3/2;align-self:end}
.dz .gal .ph:nth-child(3){grid-column:3/8;aspect-ratio:1/1}
.dz .gal .ph:nth-child(4){grid-column:8/13;aspect-ratio:4/5;margin-top:-60px}
.dz .quote{position:relative;text-align:center;padding-block:clamp(88px,12vw,170px);overflow:hidden}
.dz .quote::before{content:"";position:absolute;left:50%;top:50%;width:min(780px,90vw);aspect-ratio:1/1;transform:translate(-50%,-50%) scale(.6);border-radius:50%;background:radial-gradient(circle,var(--mist2) 0%,transparent 66%);opacity:0;transition:opacity 3s ease-out,transform 3s ease-out}
.dz .quote.in::before{opacity:1;transform:translate(-50%,-50%) scale(1)}
.dz .quote blockquote{position:relative;margin:0 auto;max-width:960px;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(26px,3.6vw,46px);line-height:1.32;color:var(--fg);text-wrap:balance}
.dz .quote .eyebrow{position:relative;margin-bottom:32px}
.dz .ctt{display:flex;flex-direction:column;align-items:flex-start}
.dz .bigph{display:block;margin-top:44px;font-size:clamp(38px,7.4vw,96px);font-weight:300;line-height:1;letter-spacing:.005em;white-space:nowrap;user-select:all}
.dz .ml{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.dz .em{margin-top:30px;font-size:15px;color:var(--body)}
.dz .em a{color:var(--fg);border-bottom:1px solid var(--fg)}
.dz .foot{position:relative;overflow:hidden}
.dz .foot-in{background:var(--mist2);padding-block:80px 40px;will-change:transform}
.dz .foot-dark{position:absolute;inset:0;background:var(--bg);opacity:0;pointer-events:none}
.dz .fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:36px;border-top:1px solid var(--fg);padding-top:28px}
.dz .fcols h4{margin:0 0 18px;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--label)}
.dz .fcols p,.dz .fcols a{display:block;margin:0 0 10px;font-size:16px;color:var(--fg)}
.dz .fcols a:hover{text-decoration:underline;text-underline-offset:4px}
.dz .fcols small{display:block;font-size:13px;line-height:1.7;color:var(--body);max-width:360px}
.dz .giant{margin:64px 0 0;font-size:clamp(34px,10.5vw,170px);font-weight:300;letter-spacing:.26em;margin-right:-.26em;line-height:1;color:var(--bg);white-space:nowrap;overflow:hidden}
.dz .fb{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--label)}
.dz .fb button{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--label);border-bottom:1px solid var(--label)}
.dz h1,.dz .h2,.dz .phone,.dz .tk span,.dz .state,.dz .cn,.dz .cpr,.dz .callrow b,.dz .bigph,.dz .giant,.dz .menu a{font-family:var(--head,var(--sans));font-weight:var(--hw,300);font-size-adjust:var(--adj,none)}
.dz .acc-h>span:not(.n),.dz .geo h3,.dz .prod b{font-family:var(--head,var(--sans));font-weight:var(--hw2,400);font-size-adjust:var(--adj,none)}
.dz .fsw{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg);color:var(--fg);border:1px solid var(--fg);font-size:12px;font-weight:500;letter-spacing:.08em;transition:background .3s,color .3s}
.dz .fsw:hover{background:var(--fg);color:var(--bg)}
.dz .fsw b{font-family:var(--head,var(--sans));font-size:20px;font-weight:var(--hw2,400);letter-spacing:0;line-height:1}
.dz .fsw i{font-style:normal;color:var(--label)}
.dz .fsw:hover i{color:inherit}
.dz .lang{display:flex;align-items:center;gap:2px}
.dz .lang button{font-size:12px;font-weight:500;letter-spacing:.1em;padding:6px 7px;color:var(--label);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.dz .lang button:hover{color:var(--fg)}
.dz .lang button[aria-pressed="true"]{color:var(--fg);border-bottom-color:var(--fg)}
.dz .menu .lang{margin-top:22px}
.dz .menu .lang button{font-size:14px;padding:10px 12px}
@media (max-width:1000px){.dz .hd-r .lang{display:none}}
@media (max-width:1000px){.dz .nav,.dz .hd-ph{display:none}
.dz .burger{display:flex}
.dz .hero{grid-template-columns:1fr;padding-top:124px;padding-bottom:64px}
.dz .collage{order:-1;aspect-ratio:1/.9}
.dz .two,.dz .cg,.dz .geo{grid-template-columns:1fr}
.dz .stick,.dz .cp{position:static}
.dz .cp{grid-row:1;grid-column:1}
.dz .cl{grid-row:2;grid-column:1}
.dz .rc{grid-template-columns:1fr}
.dz .notes{grid-template-columns:1fr}
.dz .cer{grid-template-columns:repeat(2,minmax(0,1fr))}
.dz .fig{max-width:none;aspect-ratio:3/2}
.dz .gal .ph:nth-child(1){grid-column:1/8}
.dz .gal .ph:nth-child(2){grid-column:8/13}
.dz .gal .ph:nth-child(3){grid-column:1/6}
.dz .gal .ph:nth-child(4){grid-column:6/13;margin-top:0}

}
@media (max-width:560px){.dz .acc-h{gap:14px;padding:20px 0}
.dz .acc-p p{padding:0 8px 26px 42px}
.dz .acc-p ul{padding:0 0 24px 42px}
.dz .nonum .acc-p p{padding-left:0}
.dz .mcard{padding:34px 24px 30px}
.dz .btns .btn{flex:1 1 140px}
.dz .gal{grid-template-columns:repeat(2,minmax(0,1fr))}
.dz .gal .ph:nth-child(n){grid-column:auto;margin-top:0;aspect-ratio:4/5}
.dz .gal .ph:nth-child(2){aspect-ratio:4/5}

}
@media (prefers-reduced-motion: reduce){.dz,.dz *,.dz *::before,.dz *::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
.dz .tk{animation:none}

}


/* доповнення стандарту (design-extra.css) */
.dz{background:var(--bg);color:var(--fg);font-family:var(--sans)}
.dz .ci{text-decoration:none}
.dz .cp .cn{display:block;color:var(--fg);text-decoration:none}
.dz .cp .cn:hover{text-decoration:underline;text-underline-offset:4px}
.dz .more-link{display:inline-block;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--fg);padding-bottom:3px;color:var(--fg)}
.dz .acc-p p+p{margin-top:12px}
.dz .quote .qa{position:relative;margin:28px 0 0;font-size:14px;color:var(--label)}
.dz .quote .qa a{color:inherit;border-bottom:1px solid currentColor}
.dz .rtext{font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.6;white-space:pre-line;color:var(--fg)}
.dz .btns .btn{margin:0}
/* рамка фото дизайну зветься .ph, а в рушії .ph — підсвітка заглушки (пунктир, відступи); тут скидаємо стиль рушія (власник 14.10 01:46 UTC: «Що за пунктир») */
.dz .ph{border:0;padding:0;font-weight:inherit}
/* маска заголовків по словах: запас знизу під виносні елементи (у, р, д) — на iPhone низ літер обрізало (14.10) */
.dz .w{padding-bottom:.28em;margin-bottom:-.28em}
.dz .sec.pt0{padding-top:0}
/* відступи замість вбудованих style (менша вага головної) */
.dz .mb22{margin-bottom:22px}.dz .mt36{margin-top:36px}.dz .mt48{margin-top:48px}.dz .mb56{margin-bottom:56px}.dz .mt22{margin-top:22px}.dz .mt44{margin-top:44px}.dz .mt28{margin-top:28px}.dz .mb48{margin-bottom:48px}
.dz .two.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
/* фото труни в «Послугах» на телефоні: квадрат замість 3:2, щоб труна вміщалась з відступом від країв (власник 14.10 09:59 UTC) */
@media (max-width:1000px){.dz .fig{aspect-ratio:1/1}}
/* пошук країни: під час пошуку показуємо й приховані рядки, невідповідні ховаємо */
.dz .clist.searching .late{display:flex}
.dz .clist .ci[hidden]{display:none}
.dz .cl .sin{margin-bottom:8px}
/* без білого туману внизу фото у стрічці з 3 фото (власник 14.10 21:07 UTC: «прибрати білий блюр на білому») */
.dz .strip .ph::after{display:none}
/* падаючі пелюстки в героїні (власник 14.10 21:07 UTC: «добавити падаючі пелюстки як моушн»): лише CSS, під текстом і кнопками,
   не перехоплюють натискання; на телефоні — 6 замість 12; при «зменшити рух» у системі — вимкнені */
.dz .hero{position:relative}
.dz .hero>div:not(.petals){position:relative;z-index:1}
.dz .petals{position:absolute;inset:0 -4vw;overflow:hidden;pointer-events:none;z-index:0}
.dz .petals i{position:absolute;top:-24px;left:var(--l);width:11px;height:15px;border-radius:80% 0 80% 0;background:var(--petal,#e9dcd5);opacity:0;
  transform:scale(var(--s));animation:dz-petal var(--t) linear var(--d) infinite;will-change:transform,opacity}
:root[data-theme="dark"] .dz .petals i{--petal:rgba(245,240,236,.5)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dz .petals i{--petal:rgba(245,240,236,.5)}}
@keyframes dz-petal{0%{opacity:0;transform:translate3d(0,0,0) rotate(0) scale(var(--s))}8%{opacity:.85}
  25%{transform:translate3d(28px,25vh,0) rotate(90deg) scale(var(--s))}50%{transform:translate3d(-18px,50vh,0) rotate(200deg) scale(var(--s))}
  75%{transform:translate3d(22px,75vh,0) rotate(290deg) scale(var(--s))}92%{opacity:.7}100%{opacity:0;transform:translate3d(-10px,100vh,0) rotate(380deg) scale(var(--s))}}
/* затримки появи замість inline style (тести стандарту: без style=) */
.dz .d10{--d:.1s}.dz .d12{--d:.12s}.dz .d20{--d:.2s}.dz .d24{--d:.24s}.dz .d30{--d:.3s}.dz .d50{--d:.5s}.dz .d65{--d:.65s}
.dz .petals i:nth-child(1){--l:7%;--d:-0.0s;--t:11.0s;--s:0.70}.dz .petals i:nth-child(2){--l:44%;--d:-1.9s;--t:13.3s;--s:0.82}.dz .petals i:nth-child(3){--l:81%;--d:-3.8s;--t:15.6s;--s:0.94}.dz .petals i:nth-child(4){--l:22%;--d:-5.7s;--t:17.9s;--s:1.06}.dz .petals i:nth-child(5){--l:59%;--d:-7.6s;--t:13.2s;--s:0.70}.dz .petals i:nth-child(6){--l:0%;--d:-9.5s;--t:15.5s;--s:0.82}.dz .petals i:nth-child(7){--l:37%;--d:-11.4s;--t:17.8s;--s:0.94}.dz .petals i:nth-child(8){--l:74%;--d:-0.3s;--t:13.1s;--s:1.06}.dz .petals i:nth-child(9){--l:15%;--d:-2.2s;--t:15.4s;--s:0.70}.dz .petals i:nth-child(10){--l:52%;--d:-4.1s;--t:17.7s;--s:0.82}.dz .petals i:nth-child(11){--l:89%;--d:-6.0s;--t:13.0s;--s:0.94}.dz .petals i:nth-child(12){--l:30%;--d:-7.9s;--t:15.3s;--s:1.06}
@media (max-width:700px){.dz .petals i:nth-child(n+7){display:none}}
@media (prefers-reduced-motion:reduce){.dz .petals{display:none}}
/* без JS акордеони розгорнуті — увесь вміст видно (стандарт: контент не залежить від JS) */
html:not(.js) .dz .acc-p{grid-template-rows:1fr}
/* телефон/планшет (власник 14.10 21:52 UTC, скриншоти /md/): документи в одну колонку (правило .two.g2 вище перекривало мобільне 1fr);
   над колажем не лишаємо порожнечі — відступ героя дизайну (124/150 px) розрахований на прозору шапку поверх, а в стандарті шапка стоїть над героєм */
@media (max-width:1000px){.dz .two.g2{grid-template-columns:1fr}.dz .hero{padding-top:24px;padding-bottom:56px}}
@media (min-width:1001px){.dz .hero{padding-top:72px}}
/* фон «Один дзвінок»: широкі версії 1920/2560 px (вільне фото Pexels, CREDITS.md) замість розтягнутого 896 px — без розмиття
   (власник 14.10 21:53 UTC «фото на фоні дуже низкої якості») */
/* телефон: заголовок у першому екрані (аудит 15.10 M2) — колаж нижчий, порядок дизайну той самий */
@media (max-width:600px){.dz .collage{aspect-ratio:1/.62}}
/* проміжки між блоками головної (аудит 15.10 M3): секції щільніше; галерея без заголовка (країни без атрибутики) — без верхнього відступу */
.dz .sec{padding-block:clamp(56px,7vw,104px)}
.dz #ceremony>.gal:first-child{margin-top:0}
/* телефон/планшет: текст першого екрана видно одразу, без появи (аудит 15.10 M7: LCP /md/en/ 3,3 с — абзац чекав JS і затримку); заголовок і далі анімуються */
@media (max-width:1000px){.js .dz .hero .rv{opacity:1;transform:none;transition:none}}
/* D104: підпис «Візуалізація» на фото товарів (візуалізації, не фото справжніх речей) */
.dz .prod .tile .vis{position:absolute;left:10px;bottom:10px;z-index:1;padding:3px 8px;font-size:10px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.88);color:#0A0A0A;pointer-events:none}