@font-face{font-family:Onest;src:url(assets/fonts/Onest-Regular.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url(assets/fonts/Onest-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
body{margin:0;background:#faf9f6;color:#28212f}
.preview-notice{padding:10px 20px;background:#2b163c;color:#fff;font:13px/1.5 Onest,sans-serif;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.preview-notice a{color:#ffc18f}.preview-notice label{margin-left:auto}.preview-notice select{color:#2b163c;padding:5px;border-radius:6px}
#pd-page .pd-breadcrumb{max-width:1440px;margin:20px auto;padding:0 32px;font:14px Onest,sans-serif;box-sizing:border-box}#pd-page .pd-breadcrumb a{color:#6b2fd6}
body>footer{margin-top:60px}
.tb-blueprint{--pd-violet:#6b2fd6;--pd-deep:#2b163c;--pd-lilac:#eae0fb;--pd-orange:#df6d25}
.tb-blueprint .sg-wrap{max-width:1440px;box-sizing:border-box}
#pd-page .sg-hero-grid{display:grid;grid-template-columns:minmax(0,550px) minmax(0,1fr);gap:44px;align-items:start;max-width:none;margin-inline:0;padding:20px 0 36px}
#pd-page .sg-hero-grid>*{min-width:0}
.tb-blueprint .sg-hero h1{font-size:clamp(34px,3.1vw,50px);line-height:1.1}
.tb-blueprint .sg-btn,.tb-blueprint button[type=submit]{white-space:normal!important;line-height:1.3!important;min-height:58px;height:auto!important;text-align:center}
.tb-blueprint .sg-quick-form button[type=submit]{width:100%;box-sizing:border-box;font-size:18px!important}
.tb-blueprint .pd-format{width:100%;box-sizing:border-box;min-height:52px;border:1px solid #cfc0e3;border-radius:14px;padding:0 14px;font:400 16px Onest,sans-serif;background:#fff;color:#30243e;margin:6px 0 14px}
.tb-blueprint .sg-quick-form label{display:block;font:700 14px/1.4 Onest,sans-serif}
.tb-blueprint .bp-snapshot{display:none}
/* ---- hero slider (block 01 right) ---- */
#pd-page .pd-hero-slider{background:#fff;border-radius:30px;padding:18px;box-shadow:0 20px 60px rgba(43,22,60,.12);min-width:0;box-sizing:border-box}
#pd-page .pd-stage{position:relative;aspect-ratio:4/3;background:linear-gradient(160deg,#f1eafc,#e4d7f8);border-radius:22px;overflow:hidden}
#pd-page .pd-stage:focus-visible{outline:3px solid #df6d25;outline-offset:3px}
#pd-page .pd-stage-img{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;border-radius:10px;filter:drop-shadow(0 12px 22px rgba(43,22,60,.22))}
#pd-page .pd-view{position:absolute;top:14px;right:14px;z-index:3;width:44px;height:44px;border-radius:50%;background:#fff;color:#2b163c;display:grid;place-items:center;box-shadow:0 4px 14px rgba(43,22,60,.2);text-decoration:none}
#pd-page .pd-view svg{width:20px;height:20px}#pd-page .pd-view-s{width:34px;height:34px;font:700 18px/1 Onest,sans-serif;top:12px;right:12px}
#pd-page .pd-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;border:0;background:#6b2fd6;color:#fff;font:700 22px/1 Arial;cursor:pointer;box-shadow:0 6px 18px rgba(107,47,214,.4)}
#pd-page .pd-prev{left:12px}#pd-page .pd-next{right:12px}#pd-page .pd-nav:hover{background:#5a21c2}
#pd-page .pd-pause{position:absolute;left:14px;bottom:14px;z-index:3;border:0;border-radius:999px;background:#fff;color:#2b163c;padding:10px 16px;font:700 14px Onest,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(43,22,60,.18)}
#pd-page .pd-pick{position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;gap:10px;align-items:center;background:linear-gradient(115deg,#8b4df5,#5a21c2);color:#fff;border-radius:14px;padding:13px 18px;font:700 15px/1.2 Onest,sans-serif;text-decoration:none;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 8px 22px rgba(90,33,194,.4)}
#pd-page .pd-stage:hover .pd-pick,#pd-page .pd-stage:focus-within .pd-pick{opacity:1;transform:none;pointer-events:auto}
@media (hover:none){#pd-page .pd-pick{opacity:1;transform:none;pointer-events:auto}}
#pd-page .pd-caption{margin:14px 6px 8px;font:700 15px/1.4 Onest,sans-serif;color:#2b163c;min-height:42px}
#pd-page .pd-thumbs{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin;scrollbar-color:#ba9edf #f0eaf6}
#pd-page .pd-thumb{flex:0 0 auto;width:96px;height:72px;border:2px solid transparent;border-radius:12px;padding:0;background:#f4eefb;cursor:pointer;overflow:hidden}
#pd-page .pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
#pd-page .pd-thumb[aria-current=true]{border-color:#6b2fd6;box-shadow:0 0 0 2px #fff inset}
#pd-page .pd-thumb:focus-visible{outline:3px solid #df6d25;outline-offset:2px}
/* ---- notes / gaps ---- */
#pd-page .pd-gap{margin:6px 0 18px;padding:12px 16px;border-radius:14px;background:#fff6ec;border:1px solid #ffd9b3;color:#6a3b10;font:400 14px/1.55 Onest,sans-serif}
#pd-page .pd-work-title{display:block;font:700 15px/1.4 Onest,sans-serif;color:#2b163c;margin-top:12px}
/* ---- block 02 / 03 / 05 headings ---- */
.tb-blueprint .sg-choice-visual{height:260px;background:#ece4f8;border-radius:22px;overflow:hidden}.tb-blueprint .sg-choice-visual img{width:100%;height:100%;object-fit:cover}
.tb-blueprint .sg-choice-card h3{font-size:23px;line-height:1.25}.tb-blueprint .sg-choice-card p{line-height:1.6}
/* ---- block 04 manager (large lilac composition) ---- */
.tb-blueprint .sg-manager{background:linear-gradient(135deg,#7a43dc 0%,#5a21c2 55%,#43188f 100%);color:#fff;border:0;border-radius:36px;padding:52px 56px;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:34px 64px;overflow:hidden;position:relative}
.tb-blueprint .sg-manager .sg-manager-person{text-align:center}
.tb-blueprint [data-sg=manager] .sg-person-photo{width:min(330px,100%);aspect-ratio:4/5;background:linear-gradient(170deg,#efe4ff,#cdb4f6);border-radius:999px 999px 28px 28px;overflow:hidden;display:block}
.tb-blueprint [data-sg=manager] .sg-person-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}
.tb-blueprint .sg-manager .sg-manager-person strong{font:800 28px/1.2 Onest,sans-serif;color:#fff}.tb-blueprint .sg-manager .sg-manager-person span,.tb-blueprint .sg-manager .sg-manager-person p,.tb-blueprint .sg-manager .sg-manager-portrait-note{color:#e8dcff}
.tb-blueprint .sg-manager-copy h2{color:#fff;font-size:clamp(30px,3vw,46px);line-height:1.12}.tb-blueprint .sg-manager-copy h2 em{color:#ffc18f;font-style:normal}
.tb-blueprint .sg-manager-copy .sg-kicker{color:#d9c4ff}.tb-blueprint .sg-manager-copy>p{color:#efe6ff;font-size:18px;line-height:1.65}
.tb-blueprint .sg-manager .sg-checks li strong{color:#fff;font-size:17px}.tb-blueprint .sg-manager .sg-checks span{color:#e4d6fb;font-size:15px}.tb-blueprint .sg-manager .sg-checks li:before{color:#ffc18f}
.tb-blueprint .sg-manager .sg-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.tb-blueprint .sg-manager .sg-project-team{border-top:1px solid #ffffff3d;color:#fff}.tb-blueprint .sg-manager .sg-project-team p{color:#e8dcff;margin:0}.tb-blueprint .sg-manager .sg-project-team span,.tb-blueprint .sg-manager .sg-project-team small{color:#e4d6fb}
.tb-blueprint .sg-project-team{grid-template-columns:1.2fr repeat(2,1fr)}
.tb-blueprint .sg-teammate img{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#efe4ff}
/* ---- block 05 portfolio 4x2 (owner sample: full-bleed 4:5 cards, hover CTA) ---- */
#pd-page [data-block="05"] .sg-work-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 66px)/4);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px}
#pd-page [data-block="05"] .sg-work-grid>figure{scroll-snap-align:start;position:relative;margin:0;min-height:0;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#211d2a;border:1px solid #e5dced;display:block}
#pd-page [data-block="05"] .sg-work-grid>figure>a{position:absolute;inset:0;height:100%;border-radius:0}
#pd-page [data-block="05"] .sg-work-grid img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}
#pd-page [data-block="05"] .sg-work-grid .sg-expand{top:14px;right:14px;bottom:auto;left:auto;width:42px;height:42px;background:#2b163cb0;border:1px solid #ffffff66;color:#fff}
#pd-page [data-block="05"] figcaption{position:absolute;inset:auto 0 0;padding:0 16px 16px;background:none;color:inherit;display:block;pointer-events:none}
#pd-page [data-block="05"] .pd-work-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#pd-page [data-block="05"] .sg-work-select{pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;width:auto;min-height:0;margin:0;padding:13px 18px;border:0;border-radius:14px;background:linear-gradient(115deg,#8b4df5,#5a21c2);color:#fff;font:700 15px/1.2 Onest,sans-serif;box-shadow:0 8px 22px rgba(90,33,194,.45)}
#pd-page [data-block="05"] figure:hover .sg-work-select,#pd-page [data-block="05"] figure:focus-within .sg-work-select{opacity:1;transform:none;pointer-events:auto}
@media (hover:none){#pd-page [data-block="05"] .sg-work-select{opacity:1;transform:none;pointer-events:auto}}
#pd-page [data-block="05"] .sg-work-grid>figure[hidden]{display:none}
/* ---- block 06 moving carousel ---- */
#pd-page .pd-factory-head{text-align:center;max-width:860px;margin:0 auto 30px}#pd-page .pd-factory-head h2{margin:0 0 14px}#pd-page .pd-factory-head p{color:#51475a;font-size:17px;line-height:1.65}
#pd-page .pd-factory-stage{position:relative;display:flex;align-items:center;gap:14px}
#pd-page .pd-factory-viewport{overflow:hidden;flex:1;min-width:0;border-radius:26px}
#pd-page .pd-factory-track{display:flex;gap:20px;will-change:transform}
#pd-page .pd-factory-card{flex:0 0 min(520px,78vw);margin:0}#pd-page .pd-factory-card a{display:block;position:relative;border-radius:24px;overflow:hidden;aspect-ratio:3/2;background:#e6dcf3}
#pd-page .pd-factory-card img{width:100%;height:100%;object-fit:cover;display:block}
#pd-page .pd-factory-card figcaption{margin-top:10px;font:700 15px Onest,sans-serif;color:#2b163c;text-align:center}
#pd-page .pd-fnav{flex:0 0 auto;width:48px;height:48px;border-radius:50%;border:0;background:#6b2fd6;color:#fff;font:700 22px Arial;cursor:pointer;box-shadow:0 6px 18px rgba(107,47,214,.35)}
#pd-page .pd-fpause{position:absolute;left:70px;bottom:52px}
#pd-page .pd-factory-copy{max-width:900px;margin:30px auto 0}#pd-page .pd-factory-copy p{font-size:17px;line-height:1.7;color:#51475a}
/* ---- content sections ---- */
#pd-page .pd-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
#pd-page .pd-topic{background:#fff;border:1px solid #e8e0ed;padding:34px;border-radius:28px;min-width:0}#pd-page .pd-topic-wide{grid-column:1/-1}
#pd-page .pd-topic h2{font-size:clamp(25px,2.4vw,34px)!important;line-height:1.18!important;margin:0 0 20px!important}
#pd-page .pd-answer p{font-size:16px;line-height:1.72;margin:0 0 16px;color:#51475a}#pd-page .pd-answer p:last-child{margin-bottom:0}
#pd-page .pd-links{margin:18px 0 0;font:700 15px/1.7 Onest,sans-serif}#pd-page .pd-links a{color:#6b2fd6}
#pd-page .pd-topic-fig{margin:0 0 22px;border-radius:22px;overflow:hidden;background:#f1eafc}#pd-page .pd-topic-fig img{display:block;width:100%;height:auto}#pd-page .pd-topic-fig figcaption{padding:8px 14px;font:13px Onest,sans-serif;color:#6c5a87;background:#f8f4ff}
#pd-page .pd-fine{font-size:13px!important;line-height:1.55;color:#6c5a87}
#pd-page .pd-table-wrap{overflow-x:auto;margin:6px 0 8px;border-radius:16px;border:1px solid #e8e0ed}#pd-page .pd-table{width:100%;border-collapse:collapse;min-width:480px;font:400 15px/1.5 Onest,sans-serif}
#pd-page .pd-table caption{caption-side:top;text-align:left;font:700 15px Onest,sans-serif;padding:14px 16px 8px;color:#2b163c}#pd-page .pd-table th,#pd-page .pd-table td{padding:12px 16px;border-top:1px solid #efe8f6;text-align:left;vertical-align:top}#pd-page .pd-table thead th{background:#f6f0fd;font-weight:700;border-top:0}#pd-page .pd-table tbody th{font-weight:700;color:#2b163c}#pd-page .pd-table a{color:#6b2fd6}
#pd-page .pd-inline-cta{margin-top:16px}
#pd-page .pd-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}#pd-page .pd-steps li{display:flex;gap:16px;align-items:flex-start;background:#f8f4ff;border-radius:20px;padding:16px 18px}#pd-page .pd-steps b{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:#6b2fd6;color:#fff;display:grid;place-items:center;font:800 16px Onest,sans-serif}#pd-page .pd-steps h3{margin:2px 0 4px!important;font-size:19px!important;line-height:1.3!important}#pd-page .pd-steps p{margin:0;font-size:15px;line-height:1.6;color:#51475a}
/* ---- planner (configurator) ---- */
#pd-page .pd-planner{padding:40px;border-radius:34px;background:#eae0fb}
#pd-page .pd-planner-head h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:0 0 14px}#pd-page .pd-planner-head h2 em{color:#6b2fd6;font-style:normal}#pd-page .pd-planner-head p{max-width:820px;font-size:17px;line-height:1.65;color:#40354f}
#pd-page .pd-planner-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;margin-top:26px;align-items:start}
#pd-page .pd-planner-form fieldset{border:0;border-top:1px solid #cdbbec;margin:0;padding:18px 0 14px;min-width:0}#pd-page .pd-planner-form fieldset:first-child{border-top:0}
#pd-page .pd-planner-form legend{font:800 18px/1.3 Onest,sans-serif;color:#2b163c;padding:0 0 12px}#pd-page .pd-planner-form legend b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#6b2fd6;color:#fff;font-size:13px;margin-right:10px}
#pd-page .pd-chips{display:flex;flex-wrap:wrap;gap:10px}#pd-page .pd-chips label{position:relative}#pd-page .pd-chips input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
#pd-page .pd-chips span{display:block;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid #cfc0e3;font:700 15px/1.3 Onest,sans-serif;color:#40354f}
#pd-page .pd-chips input:checked+span{background:#6b2fd6;border-color:#6b2fd6;color:#fff}#pd-page .pd-chips input:focus-visible+span{outline:3px solid #df6d25;outline-offset:3px}
#pd-page .pd-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#pd-page .pd-fields label{display:flex;flex-direction:column;gap:8px;font:700 14px/1.4 Onest,sans-serif;min-width:0}
#pd-page .pd-fields input,#pd-page .pd-fields select{min-height:50px;border:1px solid #cfc0e3;border-radius:14px;padding:10px 12px;font:400 16px Onest,sans-serif;background:#fff;color:#30243e;width:100%;box-sizing:border-box}
#pd-page .pd-planner-card{background:#fff;border-radius:28px;padding:22px;position:sticky;top:20px;min-width:0}
#pd-page .pd-planner-card figure{margin:0 0 16px;border-radius:20px;overflow:hidden;background:#f1eafc}#pd-page .pd-planner-card img{display:block;width:100%;height:auto}#pd-page .pd-planner-card figcaption{padding:8px 14px;font:13px Onest,sans-serif;color:#6c5a87}
#pd-page .pd-planner-card h3{font-size:21px!important;line-height:1.25!important;margin:0 0 12px!important}
#pd-page .pd-summary{margin:0 0 18px;display:grid;gap:0;font:400 15px/1.5 Onest,sans-serif}#pd-page .pd-summary div{display:grid;grid-template-columns:42% 1fr;gap:10px;padding:9px 0;border-top:1px solid #efe8f6}#pd-page .pd-summary dt{color:#6c5a87}#pd-page .pd-summary dd{margin:0;font-weight:700;color:#2b163c;overflow-wrap:anywhere}
#pd-page .pd-planner-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}#pd-page .pd-ghost{border:1px solid #cfc0e3;background:#fff;border-radius:12px;padding:14px 18px;font:700 14px Onest,sans-serif;color:#6b2fd6;cursor:pointer}
/* ---- free mockup ---- */
#pd-page .pd-free{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center;background:linear-gradient(135deg,#f4eefb,#fff);border:1px solid #e5dbef;border-radius:34px;padding:44px}
#pd-page .pd-free-art{margin:0}#pd-page .pd-free-art img{display:block;width:100%;height:auto;border-radius:26px}#pd-page .pd-free-art figcaption{font:13px Onest,sans-serif;color:#6c5a87;margin-top:10px}
#pd-page .pd-free h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:0 0 14px}#pd-page .pd-free h2 em,#pd-page .pd-warranty h2 em,#pd-page .pd-final h2 em{font-style:normal;color:#6b2fd6}
#pd-page .pd-free-copy>p{font-size:17px;line-height:1.65;color:#40354f}
#pd-page .pd-free details{border-top:1px solid #dccdf0;padding:12px 0}#pd-page .pd-free summary{cursor:pointer;font:700 17px Onest,sans-serif;color:#2b163c}#pd-page .pd-free details p{margin:10px 0 0;font-size:15px;line-height:1.65;color:#51475a}
#pd-page .pd-free-form{margin:18px 0}
/* ---- warranty/materials ---- */
#pd-page .pd-warranty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0}
#pd-page .pd-warranty-dark{background:linear-gradient(140deg,#2b163c,#5a21c2);color:#fff;border-radius:34px;padding:44px}#pd-page .pd-warranty-dark .sg-kicker{color:#d9c4ff}#pd-page .pd-warranty-dark h2{color:#fff;font-size:clamp(26px,2.7vw,38px);line-height:1.15;margin:0 0 16px}#pd-page .pd-warranty-dark h2 em{color:#ffc18f}
#pd-page .pd-big{font:800 clamp(64px,8vw,110px)/1 Onest,sans-serif;color:#ffb26b;margin:12px 0 4px}#pd-page .pd-big-cap{font-size:17px;color:#efe6ff;margin:0 0 20px}
#pd-page .pd-checks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:14px}#pd-page .pd-checks li{font-size:16px;line-height:1.6;color:#efe6ff;padding-left:28px;position:relative}#pd-page .pd-checks li:before{content:'✓';position:absolute;left:0;color:#ffc18f;font-weight:700}#pd-page .pd-checks b{color:#fff}
#pd-page .pd-warranty-light{background:#fff;border:1px solid #e8e0ed;border-radius:34px;padding:44px}#pd-page .pd-warranty-light h3{font-size:clamp(24px,2.4vw,32px)!important;line-height:1.2!important;margin:0 0 18px!important}#pd-page .pd-warranty-light p{font-size:16px;line-height:1.7;color:#51475a}#pd-page .pd-warranty-light figure{margin:20px 0 0}#pd-page .pd-warranty-light img{width:100%;max-width:420px;height:auto;border-radius:20px;display:block}#pd-page .pd-warranty-light figcaption{font:13px Onest,sans-serif;color:#6c5a87;margin-top:8px}
/* ---- final order ---- */
#pd-page .pd-final{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;align-items:center;background:radial-gradient(ellipse at 95% 5%,#603e78,transparent 70%),#25182f;border-radius:36px;padding:52px;color:#fff;overflow:hidden}
#pd-page .pd-final h2{color:#fff;font-size:clamp(30px,3.2vw,48px);line-height:1.12;margin:0 0 16px}#pd-page .pd-final h2 em{color:#ffc18f}#pd-page .pd-final .sg-kicker{color:#d9c4ff}#pd-page .pd-final-copy>p{font-size:18px;line-height:1.65;color:#efe6ff}
#pd-page .pd-final-copy figure{margin:20px 0 0;max-width:420px}#pd-page .pd-final-copy img{width:100%;height:auto;border-radius:24px;display:block}#pd-page .pd-final-copy figcaption{font:13px Onest,sans-serif;color:#d9c4ff;margin-top:8px}
#pd-page .pd-final-card{background:#fff;color:#28212f;border-radius:28px;padding:30px}#pd-page .pd-final-person{display:flex;gap:14px;align-items:center;margin-bottom:16px}#pd-page .pd-final-person img{width:72px;height:90px;object-fit:cover;object-position:top;border-radius:36px 36px 12px 12px;background:#efe4ff}#pd-page .pd-final-person strong{display:block;font:800 20px Onest,sans-serif}#pd-page .pd-final-person span{font-size:14px;color:#6c5a87}
/* ---- block 11 articles ---- */
#pd-page .pd-articles{margin-top:26px;background:linear-gradient(135deg,#eae0fb,#f6f0fd);border-radius:26px;padding:30px;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:30px;align-items:start}#pd-page .pd-articles h3{font-size:26px!important;line-height:1.2!important;margin:0!important}#pd-page .pd-articles ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}#pd-page .pd-articles li{background:#fff;border-radius:16px;padding:14px 18px}#pd-page .pd-articles a{display:flex;justify-content:space-between;gap:14px;font:700 16px/1.4 Onest,sans-serif;color:#2b163c;text-decoration:none}#pd-page .pd-articles li small{display:block;margin-top:6px;color:#6c5a87;font-size:13px}
/* ---- focus / touch ---- */
.tb-blueprint button,.tb-blueprint a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #df6d25;outline-offset:4px}
/* ---- responsive ---- */
@media(max-width:1200px){#pd-page [data-block="05"] .sg-work-grid{grid-auto-columns:calc((100% - 44px)/3)}}
@media(max-width:1000px){
 #pd-page .sg-hero-grid{grid-template-columns:1fr}.tb-blueprint .sg-copy{max-width:650px}
 #pd-page .pd-content,#pd-page .pd-planner-grid,#pd-page .pd-free,#pd-page .pd-warranty,#pd-page .pd-final,#pd-page .pd-articles{grid-template-columns:1fr}#pd-page .pd-planner-card{position:static}
 .tb-blueprint .sg-manager{grid-template-columns:1fr;padding:34px 28px}.tb-blueprint .sg-manager .sg-checks{grid-template-columns:1fr}
 #pd-page [data-block="05"] .sg-work-grid{grid-auto-columns:calc((100% - 22px)/2);grid-template-rows:repeat(2,auto)}
 #pd-page .pd-free,#pd-page .pd-final,#pd-page .pd-planner{padding:30px}#pd-page .pd-warranty-dark,#pd-page .pd-warranty-light{padding:32px}
}
@media(max-width:600px){
 #pd-page .pd-breadcrumb{padding:0 16px}.tb-blueprint .sg-hero h1{font-size:32px}.tb-blueprint .sg-section{margin-top:44px;margin-bottom:44px}.tb-blueprint .sg-copy{max-width:none}.tb-blueprint .sg-hero-grid{gap:26px}
 .tb-blueprint .sg-quick-form button[type=submit]{font-size:17px!important}.tb-blueprint .sg-trust{font-size:13px!important}.tb-blueprint .sg-lead{font-size:16px!important}
 #pd-page .pd-hero-slider{padding:12px;border-radius:24px}#pd-page .pd-stage{aspect-ratio:1/1}#pd-page .pd-nav{width:40px;height:40px}#pd-page .pd-thumb{width:80px;height:60px}#pd-page .pd-pick{font-size:13px;padding:10px 12px;max-width:62%}
 #pd-page .pd-topic{padding:22px}#pd-page .pd-fields{grid-template-columns:1fr}#pd-page .pd-planner,#pd-page .pd-free,#pd-page .pd-final{padding:22px;border-radius:26px}
 .tb-blueprint .sg-choice-visual{height:auto;aspect-ratio:3/2}
 #pd-page [data-block="05"] .sg-work-grid{grid-auto-columns:80%;grid-template-rows:auto}
 #pd-page .pd-factory-card{flex-basis:84vw}#pd-page .pd-fnav{display:none}#pd-page .pd-fpause{left:10px;bottom:56px}
 #pd-page .pd-summary div{grid-template-columns:1fr}.tb-blueprint .sg-manager{border-radius:26px}
 .preview-notice{font-size:10px;line-height:1.3;padding:6px 10px;gap:5px}.preview-notice label{margin-left:0;font-size:10px}.preview-notice select,.preview-notice a{font-size:10px;padding:2px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#pd-page .pd-content{align-items:stretch}
#pd-page .pd-topic-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 34px;align-items:start}
#pd-page .pd-topic-wide>h2{grid-column:1/-1}
#pd-page .pd-topic-wide .pd-topic-fig{margin:0}
#pd-page .pd-answer p{margin:0 0 16px}#pd-page .pd-answer p:last-child{margin-bottom:0}
#pd-page .sg-proof-showcase .pd-gap{margin:6px clamp(16px,4vw,57px) 18px}
@media(max-width:1000px){#pd-page .pd-topic-wide{grid-template-columns:1fr}#pd-page .pd-topic-wide .pd-topic-fig{margin-bottom:20px}}

#pd-page .sg-manager-copy>p{color:#efe6ff}

/* ---- masonry-like topic grid ---- */
#pd-page .pd-content{display:block;column-count:2;column-gap:30px}
#pd-page .pd-content .pd-topic{break-inside:avoid;margin:0 0 30px;display:block}
#pd-page .pd-content .pd-topic-wide{column-span:all;display:grid}
@media(max-width:1000px){#pd-page .pd-content{column-count:1}}
/* ---- block 11 related cards (owner sample: 4 large image cards + round arrow) ---- */
#pd-page [data-block="11"]{background:#fff;border-radius:30px;padding:36px 32px 32px}
#pd-page [data-block="11"] .sg-related-heading{text-align:left;margin-bottom:22px}
#pd-page [data-block="11"] .sg-related-heading h2{font-size:clamp(26px,2.6vw,38px);line-height:1.15}
#pd-page .sg-related-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}
#pd-page .sg-related-links li{margin:0;min-width:0}
#pd-page .sg-related-links a{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid #e8e0ed;border-radius:24px;overflow:hidden;background:#fff;text-decoration:none;color:#2b163c;transition:box-shadow .2s,transform .2s}
#pd-page .sg-related-links a:hover{box-shadow:0 14px 34px rgba(43,22,60,.14);transform:translateY(-2px)}
#pd-page .sg-related-image{display:block;aspect-ratio:780/483;background:#efe8f8;overflow:hidden;width:100%;height:auto}
#pd-page .sg-related-image img{width:100%;height:100%;object-fit:cover;display:block}
#pd-page .sg-related-name{display:block;padding:18px 66px 22px 20px;font:700 19px/1.3 Onest,sans-serif;text-align:left}
#pd-page .sg-related-links a::after{content:"↗";position:absolute;right:16px;bottom:16px;width:40px;height:40px;border-radius:50%;background:#6b2fd6;color:#fff;display:grid;place-items:center;font:700 18px/1 Arial}
@media(max-width:1000px){#pd-page .sg-related-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#pd-page .sg-related-links{grid-template-columns:1fr}#pd-page [data-block="11"]{padding:24px 18px}}

/* fixed site header (as on live Surgut pages): content starts below it */
.pd-breadcrumb{margin:166px auto 14px}
@media(max-width:1000px){.pd-breadcrumb{margin-top:124px}}
@media(max-width:600px){.pd-breadcrumb{margin-top:112px}}
.preview-notice{max-width:1440px;margin:0 auto 6px;border-radius:12px;box-sizing:border-box}

.pd-breadcrumb{width:min(1440px,calc(100% - 64px));padding:0 48px;box-sizing:border-box;font:14px Onest,sans-serif;color:#51475a}.pd-breadcrumb a{color:#6b2fd6}
.preview-notice{width:min(1440px,calc(100% - 64px))}
#pd-page .sg-hero{padding-top:8px!important;margin-top:0!important}#pd-page .sg-hero-grid{padding-top:8px}
@media(max-width:600px){.pd-breadcrumb{width:100%;padding:0 16px}.preview-notice{width:calc(100% - 32px)}}

#pd-page.tb-blueprint{padding-top:12px}

#pd-page .sg-related-name{word-break:normal;overflow-wrap:normal;hyphens:manual;white-space:normal}
#pd-page .sg-related-links li{width:auto;max-width:none;flex:initial}
@media(max-width:600px){
 #pd-page .sg-related-links{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:2px 2px 12px;border:0}
 #pd-page .sg-related-links li{flex:0 0 80%;scroll-snap-align:start}
 #pd-page .sg-related-name{font-size:17px;padding:16px 62px 18px 18px}
}

/* ===== revision 1 (independent design review D1–D10) ===== */
/* D1 hero form as white card */
#pd-page .sg-hero .sg-quick-form{background:#fff;border:1px solid #e8e0ed;border-radius:24px;padding:22px 22px 16px;box-shadow:0 14px 40px rgba(43,22,60,.08)}
#pd-page .pd-optional{margin:0 0 14px;border-top:1px solid #efe8f6;padding-top:10px}
#pd-page .pd-optional summary{cursor:pointer;font:700 14px Onest,sans-serif;color:#6b2fd6}
#pd-page .pd-optional input,#pd-page .pd-optional textarea{width:100%;box-sizing:border-box;border:1px solid #cfc0e3;border-radius:12px;padding:10px 12px;font:400 15px Onest,sans-serif;margin:6px 0 10px;resize:vertical}
/* D2 Yandex card: thumbnails + trust line instead of 3D star */
#pd-page .sg-hero-rating{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e8e0ed;border-radius:22px;padding:18px 20px}
#pd-page .pd-trust{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:230px;text-align:right}
#pd-page .pd-trust-thumbs{display:flex}
#pd-page .pd-trust-thumbs img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:3px solid #fff;margin-left:-12px;box-shadow:0 2px 8px rgba(43,22,60,.15)}
#pd-page .pd-trust-text{font:700 13px/1.4 Onest,sans-serif;color:#40354f}
/* D4 Kristina: light lilac composition like owner sample */
#pd-page .sg-manager{background:linear-gradient(135deg,#efe6fd 0%,#e4d6fb 100%);color:#28212f}
#pd-page .sg-manager .sg-manager-person strong{color:#2b163c}
#pd-page .sg-manager .sg-manager-person span,#pd-page .sg-manager .sg-manager-person p,#pd-page .sg-manager .sg-manager-portrait-note{color:#51475a}
#pd-page .sg-manager-copy h2{color:#28212f}#pd-page .sg-manager-copy h2 em{color:#6b2fd6}
#pd-page .sg-manager-copy .sg-kicker{color:#6b2fd6}#pd-page .sg-manager-copy>p{color:#40354f}
#pd-page .sg-manager .sg-checks li strong{color:#2b163c}#pd-page .sg-manager .sg-checks span{color:#51475a}#pd-page .sg-manager .sg-checks li:before{color:#6b2fd6}
#pd-page .sg-manager .sg-project-team{border-top:1px solid #cdb9ef;color:#28212f}#pd-page .sg-manager .sg-project-team p{color:#51475a}#pd-page .sg-manager .sg-project-team span,#pd-page .sg-manager .sg-project-team small{color:#6c5a87}
#pd-page [data-sg=manager] .sg-person-photo{width:min(380px,100%);background:linear-gradient(170deg,#fff,#d8c4f8)}
#pd-page .pd-help-badge{display:inline-block;margin:-26px 0 10px;position:relative;background:#6b2fd6;color:#fff;font:800 15px Onest,sans-serif;padding:10px 16px;border-radius:999px;box-shadow:0 8px 20px rgba(107,47,214,.35)}
#pd-page .pd-cta-note{margin:12px 0 4px;font:400 14px Onest,sans-serif;color:#51475a}
#pd-page .pd-trust-line{margin:0;font:700 14px Onest,sans-serif;color:#6b2fd6}
/* D8 neutral note under strip heading */
#pd-page .sg-proof-showcase .pd-gap{background:none;border:0;border-left:3px solid #cdb9ef;border-radius:0;padding:4px 0 4px 12px;color:#6c5a87;font-size:13px}
/* D10 production cards: more visible cards per row */
#pd-page .pd-factory-card{flex-basis:min(400px,78vw)}
/* D5 phone first screen: H1 -> form -> works -> rest */
@media(max-width:600px){
 #pd-page .sg-hero-grid{display:flex;flex-direction:column;gap:18px}
 #pd-page .sg-hero .sg-copy{display:contents}
 #pd-page .sg-hero .sg-kicker{order:1;margin:0}#pd-page .sg-hero h1{order:2;font-size:29px!important;margin:0}
 #pd-page .sg-hero .sg-actions{order:3;margin:0}#pd-page .pd-hero-slider{order:4}
 #pd-page .sg-hero .sg-tagline{order:5;margin:0}#pd-page .sg-hero .sg-lead{order:6;margin:0}#pd-page .sg-hero .sg-trust{order:7;margin:0}#pd-page .sg-hero-rating{order:8}
 #pd-page .sg-hero .sg-quick-form{padding:16px 14px 12px}
 #pd-page .sg-hero-rating{flex-direction:column;align-items:flex-start}#pd-page .pd-trust{align-items:flex-start;text-align:left;max-width:none}#pd-page .pd-trust-thumbs img:first-child{margin-left:0}
 /* D7 block 03 cards full width on phones */
 #pd-page .sg-choice-grid{display:grid;grid-template-columns:1fr;gap:18px}
 #pd-page .sg-choice-card{display:block}
 #pd-page .sg-choice-visual{width:100%!important;height:auto!important;aspect-ratio:4/3;margin:0 0 14px}
 #pd-page .pd-help-badge{margin-top:-20px}
}
@media(max-width:600px){#pd-page .sg-hero-grid{align-items:stretch}#pd-page .pd-hero-slider{width:100%;max-width:100%;min-width:0}}
#pd-page .sg-manager .sg-manager-person .pd-help-badge{color:#fff}
#pd-page .sg-manager .sg-project-team strong{color:#2b163c}
/* revision 2: explicit grid (N1) — singles full width, pairs equal height */
#pd-page .pd-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-count:auto;gap:30px;align-items:stretch}
#pd-page .pd-content .pd-topic{margin:0}
#pd-page .pd-content .pd-topic-full{grid-column:1/-1}
#pd-page .pd-content .pd-topic-full .pd-answer{max-width:980px}
#pd-page .pd-content .pd-topic-wide{grid-column:1/-1}
@media(max-width:1000px){#pd-page .pd-content{grid-template-columns:1fr}}
/* D10 */
#pd-page .pd-factory-card{flex-basis:min(320px,74vw)}
@media(max-width:600px){#pd-page .pd-factory-copy p{font-size:16px}}
/* F1: price table as stacked rows on phones */
@media(max-width:600px){
 #pd-page .pd-table{min-width:0}
 #pd-page .pd-table thead{display:none}
 #pd-page .pd-table,#pd-page .pd-table tbody,#pd-page .pd-table tr,#pd-page .pd-table th,#pd-page .pd-table td{display:block;width:100%;box-sizing:border-box}
 #pd-page .pd-table tr{padding:10px 14px;border-top:1px solid #efe8f6}
 #pd-page .pd-table tbody th,#pd-page .pd-table td{border:0;padding:2px 0}
 #pd-page .pd-table caption{display:block}
}
/* revision 3: F3 sticky slider on desktop, F4 portfolio scrollbar + CTA */
@media(min-width:1001px){#pd-page .pd-hero-slider{position:sticky;top:170px}}
#pd-page [data-block="05"] .sg-work-grid{scrollbar-width:auto;scrollbar-color:#8b4df5 #ece4f8}
#pd-page [data-block="05"] .sg-work-grid::-webkit-scrollbar{height:10px}#pd-page [data-block="05"] .sg-work-grid::-webkit-scrollbar-track{background:#ece4f8;border-radius:999px}#pd-page [data-block="05"] .sg-work-grid::-webkit-scrollbar-thumb{background:#8b4df5;border-radius:999px}
#pd-page .pd-portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#fff;border:1px solid #e8e0ed;border-radius:24px;padding:20px 26px;margin:-40px 0 50px}
#pd-page .pd-portfolio-cta p{margin:0;font-size:16px;line-height:1.55;color:#40354f;max-width:720px}#pd-page .pd-portfolio-cta b{color:#2b163c}
@media(max-width:600px){#pd-page .pd-portfolio-cta{margin-top:-20px;padding:18px}#pd-page .pd-portfolio-cta .sg-btn{width:100%}}

/* ===================== REV6 visual rework ===================== */
#pd-page{--pd-ink:#241a30;--pd-text:#4a4058;--pd-line:#e6ddf0}
/* hero: 3D illustrations fill the stage */
#pd-page .pd-stage-img[src*="scenes3d"]{inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;filter:none}
#pd-page .pd-stage{box-shadow:inset 0 0 0 1px #ffffff40}
/* content groups: explicit grid, varied rhythm */
#pd-page .pd-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;column-count:auto;align-items:stretch}
#pd-page .pd-content .pd-topic{margin:0;padding:0;overflow:hidden;border-radius:30px;border:1px solid var(--pd-line);background:#fff;display:flex;flex-direction:column}
#pd-page .pd-topic h2{font-size:clamp(24px,2.3vw,34px)!important;line-height:1.16!important;margin:0 0 16px!important;color:var(--pd-ink)}
#pd-page .pd-answer p{font-size:16.5px;line-height:1.7;color:var(--pd-text)}
#pd-page .pd-answer p.pd-lead{font-size:19px;line-height:1.6;color:var(--pd-ink);font-weight:500}
#pd-page .pd-topic-fig{margin:0;border-radius:0;background:#efe8f8;position:relative}
#pd-page .pd-topic-fig img{display:block;width:100%;height:100%;object-fit:cover}
#pd-page .pd-topic-fig figcaption{position:absolute;left:14px;bottom:14px;background:#ffffffd9;backdrop-filter:blur(4px);border-radius:999px;padding:5px 12px;font:600 12px Onest,sans-serif;color:#5a4d6c}
/* card: image on top */
#pd-page .pd-l-card .pd-topic-fig{aspect-ratio:16/10}
#pd-page .pd-card-copy{padding:28px 32px 32px;display:flex;flex-direction:column;gap:0;flex:1}
/* wide: image + copy side by side */
#pd-page .pd-content .pd-l-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch}
#pd-page .pd-l-wide .pd-wide-media{min-height:100%;background:#efe8f8;display:flex}
#pd-page .pd-l-wide .pd-wide-media .pd-topic-fig{flex:1}
#pd-page .pd-l-wide .pd-wide-copy{padding:40px 44px}
#pd-page .pd-content #topic-houses .pd-wide-media{order:2}
#pd-page .pd-content #topic-houses .pd-topic-fig img{object-fit:contain;padding:20px;box-sizing:border-box}
/* full */
#pd-page .pd-content .pd-l-full{grid-column:1/-1;padding:44px}
#pd-page .pd-l-full .pd-answer{columns:2;column-gap:44px}
#pd-page .pd-l-full .pd-answer p{break-inside:avoid}
/* dark (approval) */
#pd-page .pd-content .pd-l-dark{background:linear-gradient(140deg,#24142f,#4a1f8f);border:0;color:#fff}
#pd-page .pd-l-dark h2{color:#fff}#pd-page .pd-l-dark .pd-answer p{color:#e6dcfa}#pd-page .pd-l-dark .pd-answer p.pd-lead{color:#fff}
/* chips row */
#pd-page .pd-chips-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
#pd-page .pd-chips-row span{background:#f1eafc;color:#4b2a8f;border-radius:999px;padding:7px 14px;font:700 13.5px Onest,sans-serif}
/* icon tiles */
#pd-page .pd-ico{width:26px;height:26px;color:#6b2fd6;flex:none}
#pd-page .pd-facts,#pd-page .pd-stats,#pd-page .pd-roles,#pd-page .pd-methods{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
#pd-page .pd-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
#pd-page .pd-facts li,#pd-page .pd-methods li{background:#f6f1fd;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px}
#pd-page .pd-facts b,#pd-page .pd-methods b,#pd-page .pd-stats b,#pd-page .pd-roles b{font:800 16px/1.25 Onest,sans-serif;color:var(--pd-ink)}
#pd-page .pd-facts span,#pd-page .pd-methods span,#pd-page .pd-stats span,#pd-page .pd-roles span{font:400 14px/1.45 Onest,sans-serif;color:#6c5a87}
#pd-page .pd-methods{grid-template-columns:repeat(2,minmax(0,1fr))}
#pd-page .pd-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:30px}
#pd-page .pd-stats li{border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(150deg,#f3ecff,#fff)}
#pd-page .pd-stats li:first-child{background:linear-gradient(150deg,#7a43dc,#5a21c2)}#pd-page .pd-stats li:first-child *{color:#fff}
#pd-page .pd-stats li:nth-child(3){background:linear-gradient(150deg,#ffb15e,#ff7a3a)}#pd-page .pd-stats li:nth-child(3) b,#pd-page .pd-stats li:nth-child(3) span,#pd-page .pd-stats li:nth-child(3) .pd-ico{color:#2b163c}
#pd-page .pd-stats b{font-size:22px}
#pd-page .pd-roles{grid-template-columns:repeat(3,minmax(0,1fr));margin:6px 0 30px;counter-reset:r}
#pd-page .pd-roles li{background:#ffffff14;border:1px solid #ffffff2b;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px}
#pd-page .pd-roles b{color:#fff;font-size:19px}#pd-page .pd-roles span{color:#e3d6fb}#pd-page .pd-roles .pd-ico{color:#ffb26b}
/* segments */
#pd-page .pd-segs{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px}
#pd-page .pd-segs li{border:1px solid #dccdf3;border-radius:999px;padding:8px 14px;font:600 14px Onest,sans-serif;color:#40354f;background:#fbf9ff}
/* steps timeline */
#pd-page #topic-steps .pd-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative}
#pd-page #topic-steps .pd-steps li{flex-direction:column;background:#f6f1fd;border-radius:22px;padding:20px;gap:12px;position:relative}
#pd-page #topic-steps .pd-steps li:not(:last-child)::after{content:"";position:absolute;top:43px;right:-14px;width:14px;height:2px;background:#c8b2ef}
#pd-page #topic-steps .pd-steps h3{font-size:17px!important;line-height:1.3!important}#pd-page #topic-steps .pd-steps p{font-size:14.5px}
/* phone photoreport mock */
#pd-page .pd-phone{margin:34px auto;width:min(300px,80%);background:#1a1022;border-radius:40px;padding:14px;box-shadow:0 30px 60px rgba(43,22,60,.35)}
#pd-page .pd-phone-head{background:#6b2fd6;color:#fff;border-radius:26px 26px 12px 12px;padding:14px;font:800 14px Onest,sans-serif;text-align:center}
#pd-page .pd-phone-row{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:8px;margin-top:8px}
#pd-page .pd-phone-row img{width:70px;height:52px;object-fit:cover;border-radius:10px;flex:none}
#pd-page .pd-phone-row b{display:block;font:700 12.5px/1.3 Onest,sans-serif;color:#241a30}#pd-page .pd-phone-row small{font:600 11.5px Onest,sans-serif;color:#1d9a5b}
#pd-page #topic-photoreport .pd-wide-media{background:linear-gradient(150deg,#efe6fd,#d9c8f7);align-items:center;justify-content:center}
/* free mockup / final: photo-like art */
#pd-page .pd-free-art img,#pd-page .pd-final-copy img{border-radius:26px;box-shadow:0 20px 50px rgba(43,22,60,.18)}
/* block 03 cards with 3D */
#pd-page .sg-choice-visual{height:250px;border-radius:24px}
#pd-page .sg-choice-visual img{object-fit:cover}
/* responsive */
@media(max-width:1100px){#pd-page #topic-steps .pd-steps{grid-template-columns:repeat(3,minmax(0,1fr))}#pd-page .pd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){
 #pd-page .pd-content{grid-template-columns:1fr}
 #pd-page .pd-content .pd-l-wide{grid-template-columns:1fr}
 #pd-page .pd-content #topic-houses .pd-wide-media{order:0}
 #pd-page .pd-l-wide .pd-wide-copy,#pd-page .pd-content .pd-l-full{padding:30px}
 #pd-page .pd-l-full .pd-answer{columns:1}
 #pd-page .pd-roles{grid-template-columns:1fr}
}
@media(max-width:600px){
 #pd-page .pd-card-copy,#pd-page .pd-l-wide .pd-wide-copy,#pd-page .pd-content .pd-l-full{padding:22px}
 #pd-page .pd-facts{grid-template-columns:1fr}#pd-page .pd-methods{grid-template-columns:1fr}
 #pd-page .pd-stats{grid-template-columns:1fr 1fr;gap:10px}#pd-page .pd-stats li{padding:14px}#pd-page .pd-stats b{font-size:17px}
 #pd-page #topic-steps .pd-steps{grid-template-columns:1fr}#pd-page #topic-steps .pd-steps li:not(:last-child)::after{display:none}
 #pd-page .pd-answer p.pd-lead{font-size:17px}
 #pd-page .pd-content .pd-topic{border-radius:24px}
}
#pd-page #topic-what .pd-topic-fig img{object-position:18% 50%}
#pd-page .pd-inline-cta{align-self:flex-start;display:inline-flex;width:auto}
#pd-page .pd-l-full .pd-inline-cta{margin-top:18px}
/* REV6: tablet related services — 2 readable columns instead of the component's 146px column strip */
@media(min-width:601px) and (max-width:1100px){#pd-page .sg-related-links{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible}}