/* Shared, dependency-free layout. Direction-specific composition follows below. */
:root{--bg:#f8f5ee;--ink:#223e33;--muted:#53635b;--accent:#ab4c30;--surface:#fffdf8;--soft:#eceee3;--line:#cdd1c5;--on-accent:#fff;--display:Georgia,'Times New Roman',serif;--radius:3px;--body:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--on-accent)}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 72px));margin:auto}.skip{position:fixed;top:-100px;left:16px;z-index:1000;background:var(--ink);color:var(--bg);padding:12px 22px}.skip:focus{top:8px}.review-bar{font:12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:#e9eaec;color:#252c36;border-bottom:1px solid #d2d5d8}.review-inner{min-height:42px;display:flex;gap:16px;align-items:center;justify-content:space-between}.review-inner a{text-decoration:underline;text-underline-offset:3px;padding:8px 0}.review-inner label{display:flex;gap:8px;align-items:center}.review-inner select{background:#fff;color:#252c36;border:1px solid #b9bdc4;border-radius:4px;padding:5px 24px 5px 8px;font-size:12px;min-height:30px;max-width:230px}.review-note{margin-left:auto}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{display:flex;align-items:center;gap:25px;min-height:92px}.brand{font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:-.04em;white-space:nowrap}.nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px}.nav a{padding:12px 0}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.nav-topic{position:relative}.nav-topic summary{cursor:pointer;list-style:none;padding:12px 0;white-space:nowrap}.nav-topic summary::after{content:'⌄';margin-left:7px}.nav-topic summary::-webkit-details-marker{display:none}.dropdown{position:absolute;top:100%;left:-20px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:245px;box-shadow:0 18px 45px #0000000b;z-index:20}.dropdown a{display:block;padding:10px 12px;border-radius:var(--radius)}.dropdown a:hover{background:var(--soft)}.header-actions{display:flex;gap:20px;align-items:center}.lang{display:flex;gap:5px;font-size:12px;font-weight:600;white-space:nowrap}.lang a{min-height:40px;min-width:28px;display:grid;place-items:center}.lang [aria-current]{color:var(--accent)}.lang span{padding-top:9px;opacity:.5}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);width:44px;height:44px;border-radius:var(--radius)}.menu-toggle svg{width:20px;height:20px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:14px 23px;min-height:50px;border:1px solid transparent;background:var(--ink);color:var(--bg);font-size:14px;line-height:1.4;font-weight:600;border-radius:var(--radius);text-align:center;transition:background .16s,transform .16s}.button:hover{transform:translateY(-1px);background:var(--accent);color:var(--on-accent)}.button.accent{background:var(--accent);color:var(--on-accent)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{border-color:var(--ink);background:var(--soft)}.button.small{padding:10px 17px;min-height:43px;font-size:12px;gap:8px}.arrow{font-size:23px;line-height:1;font-weight:400}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--accent);text-decoration:underline;text-underline-offset:5px;font-size:14px;min-height:44px}.eyebrow{display:block;color:var(--accent);font-size:13px;font-weight:600;margin:0 0 16px;letter-spacing:.02em}.hero{display:grid;grid-template-columns:1.5fr .7fr;align-items:center;gap:64px;padding:76px 0 62px}.hero-copy{min-width:0}.hero h1{font:600 clamp(52px,5.4vw,80px)/1.03 var(--display);letter-spacing:-.045em;margin:0 0 18px;max-width:840px}.hero .intro-title{font-size:24px;line-height:1.35;margin:0 0 20px;max-width:620px;font-weight:500}.lead{font-size:18px;color:var(--muted);max-width:660px;margin:0 0 24px;line-height:1.65}.hero-portrait{width:100%;max-width:310px;justify-self:center}.hero-portrait img{width:100%;aspect-ratio:1/1.13;object-fit:cover;border-radius:var(--radius)}.portrait-caption{font-size:12px;color:var(--muted);margin:10px 0 0;display:flex;justify-content:space-between;gap:8px}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:25px}.section{padding:54px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:28px}.section-head h2,.section>h2{font:500 37px/1.18 var(--display);letter-spacing:-.025em;margin:0}.section-head p{color:var(--muted);font-size:14px;margin:0;max-width:440px}.section-intro{color:var(--muted);max-width:740px;margin:16px 0 30px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.topic-card{display:flex;flex-direction:column;position:relative;border-left:1px solid var(--line);padding:0 0 0 23px;min-height:155px;transition:color .16s}.topic-card:first-child{border-left:0;padding-left:0}.topic-index{font-size:12px;font-variant-numeric:tabular-nums;color:var(--accent);margin-bottom:16px}.topic-card h3{font:500 25px/1.2 var(--display);letter-spacing:-.025em;margin:0 0 12px}.topic-card p{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 16px;max-width:230px}.topic-card .arrow{color:var(--accent);margin-top:auto}.topic-card:hover h3{text-decoration:underline;text-underline-offset:5px}.topic-icon{display:none}.icon{width:25px;height:25px;stroke:currentColor;stroke-width:1.6;fill:none}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resource-card{display:flex;gap:20px;align-items:center;border:1px solid var(--line);background:var(--surface);padding:25px;border-radius:var(--radius);min-width:0}.resource-icon{width:49px;height:49px;border-radius:50%;background:var(--soft);display:grid;place-items:center;flex-shrink:0}.resource-info{flex:1;min-width:0}.resource-card h3{font:500 21px/1.3 var(--display);margin:0 0 6px}.resource-card p{color:var(--muted);font-size:13px;margin:4px 0}.resource-card .arrow{color:var(--accent)}.resource-card:hover{border-color:var(--accent)}.badge{display:inline-flex;padding:3px 9px;background:var(--soft);border-radius:3px;font-size:11px;line-height:1.5;letter-spacing:.02em}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:var(--surface)}.project-art{height:210px;background:var(--soft);display:flex;justify-content:center;align-items:center;padding:28px;overflow:hidden}.project-art img{width:100%;height:100%;object-fit:cover}.structure-art{display:flex;gap:20px;align-items:center}.structure-art span{font:600 43px/1 var(--display);letter-spacing:-.06em}.structure-art i{font-style:normal;font-size:25px}.project-art.measure{gap:9px;font-size:11px;background:var(--ink);color:var(--bg)}.measure span{border:1px solid currentColor;border-radius:30px;padding:9px}.project-art.creative{background:#26332f;color:#f4eddc;flex-direction:column;align-items:flex-start;gap:20px}.creative .orbit{width:72px;height:72px;border:2px solid currentColor;border-radius:50%;position:relative}.orbit::after{content:'';position:absolute;width:16px;height:16px;top:5px;left:3px;background:currentColor;border-radius:50%}.creative strong{font:500 28px/1.1 var(--display);max-width:230px}.project-body{padding:25px;display:flex;flex-direction:column;flex:1}.project-body h3{font:500 24px/1.2 var(--display);margin:15px 0 10px}.project-body p{font-size:14px;color:var(--muted);margin:0 0 20px}.project-body .text-link{margin-top:auto}.product-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;background:var(--soft);padding:46px;border-radius:var(--radius)}.product-feature h2{font:500 37px/1.17 var(--display);margin:16px 0}.product-feature p{color:var(--muted)}.paper-stack{max-width:340px;background:var(--surface);border:1px solid var(--line);padding:30px;box-shadow:9px 9px 0 var(--bg),10px 10px 0 var(--line);transform:rotate(-3deg)}.paper-stack .paper-title{font:500 30px/1.15 var(--display);margin:24px 0}.paper-stack hr{border:0;border-top:1px solid var(--line);margin:18px 0}.paper-stack small{color:var(--muted);font-size:11px}.about-strip{display:grid;grid-template-columns:.55fr 1.45fr;gap:65px;align-items:center}.about-strip img{width:230px;border-radius:var(--radius);aspect-ratio:1;object-fit:cover}.about-strip p{max-width:730px;color:var(--muted)}.contact-band{margin:34px 0 68px;padding:42px 45px;background:var(--soft);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:38px}.contact-band h2{font:500 33px/1.2 var(--display);margin:0 0 10px;letter-spacing:-.025em}.contact-band p{color:var(--muted);margin:0;max-width:600px;font-size:15px}.contact-choices{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:12px}.contact-choices button{border:0;background:none;padding:5px 0;color:var(--ink);font-size:13px;text-decoration:underline;text-underline-offset:4px;min-height:40px}.contact-choices a{font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:5px 0;min-height:40px;display:flex;align-items:center}.contact-actions{min-width:275px}.contact-actions>.button{width:100%}.site-footer{border-top:1px solid var(--line);padding:36px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;flex-wrap:wrap;gap:23px;font-size:13px}.footer-top p{font-size:13px;color:var(--muted);margin:7px 0 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;margin-top:35px;padding-top:20px;border-top:1px solid var(--line)}.breadcrumb{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:12px;padding-top:28px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px;min-height:30px;display:flex;align-items:center}.page-hero{padding:48px 0 52px}.page-hero h1{font:500 clamp(40px,4.8vw,66px)/1.08 var(--display);letter-spacing:-.035em;margin:0 0 22px;max-width:850px}.page-hero .lead{max-width:780px}.marketing-hero{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}.marketing-hero h1{max-width:940px}.marketing-contact{display:none}.author{display:flex;gap:13px;align-items:center;margin-top:24px}.author img{width:43px;height:43px;object-fit:cover;border-radius:50%}.author p{margin:0;font-size:12px;color:var(--muted)}.author strong{font-size:13px;font-weight:600}.situation-list{display:grid;grid-template-columns:1fr 1fr;gap:0 42px;padding:0;list-style:none}.situation-list li{padding:20px 0;border-bottom:1px solid var(--line);font-size:17px;display:flex;gap:15px}.situation-list li::before{content:'↗';color:var(--accent)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-card{padding:28px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.service-card .eyebrow{margin-bottom:25px}.service-card h3{font:500 27px/1.2 var(--display);letter-spacing:-.025em;margin:0 0 14px}.service-card p{color:var(--muted);font-size:15px;flex:1;margin:0 0 20px}.service-card .text-link{align-self:flex-start}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.panel{border:1px solid var(--line);padding:32px;border-radius:var(--radius);background:var(--surface)}.panel h2,.panel h3{font:500 29px/1.2 var(--display);margin:0 0 18px}.panel p{color:var(--muted);font-size:16px}.panel.highlight{background:var(--soft)}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;padding:0}.steps li{font-size:15px;color:var(--muted)}.steps li::before{counter-increment:step;content:'0'counter(step);display:block;font:500 31px/1 var(--display);color:var(--accent);margin-bottom:22px}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:18px;min-height:35px}.faq summary::after{content:'+';font-size:26px;color:var(--accent)}.faq details[open] summary::after{content:'−'}.faq details p{color:var(--muted);max-width:760px;font-size:16px}.prose{max-width:800px}.prose p{color:var(--muted)}.prose h2{font:500 31px/1.2 var(--display);margin:38px 0 18px}.prose h3{font:500 24px/1.2 var(--display);margin-top:30px}.prose ul{padding-left:22px;color:var(--muted)}.prose li{margin:10px 0}.prose .button{margin:12px 0}.notice{font-size:13px;background:var(--soft);border-left:3px solid var(--accent);padding:18px 22px;color:var(--ink);border-radius:0 var(--radius) var(--radius) 0;line-height:1.6}.narrow{max-width:860px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin:20px 0 26px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;min-width:0}.field input,.field select,.field textarea{width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px;min-height:50px;font-size:16px}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.85}.field textarea{resize:vertical;min-height:140px}.field small{font-size:12px;color:var(--muted)}.filter-count{font-size:13px;color:var(--muted);margin-bottom:23px}.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.empty{padding:42px;text-align:center;background:var(--soft);border-radius:var(--radius)}.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding-bottom:60px}.form-intro{position:sticky;top:35px;align-self:start}.form-intro p{color:var(--muted);font-size:15px}.form-card{background:var(--surface);border:1px solid var(--line);padding:32px;border-radius:var(--radius)}.form-card form{display:grid;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-card legend{font-size:15px;margin-bottom:12px}.form-card fieldset{border:0;padding:0;margin:0}.choice-group{display:flex;gap:15px;flex-wrap:wrap}.choice{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:12px 16px;border-radius:var(--radius);font-size:14px;cursor:pointer}.choice input{accent-color:var(--accent)}.form-card .notice{margin:0}.form-result{margin-top:25px;background:var(--soft);padding:25px;border-radius:var(--radius)}.form-result h2{font:500 26px/1.2 var(--display);margin:0 0 15px}.form-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 var(--body);border-top:1px solid var(--line);padding-top:20px}.form-result .actions{margin-top:15px}.checklist{display:grid;gap:10px;padding:20px 0}.checklist label{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding:14px 0;cursor:pointer}.checklist input{margin-top:7px;accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}.template-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.template-box pre{font:15px/1.8 var(--body);white-space:pre-wrap;margin:0;overflow-wrap:anywhere}.table-scroll{overflow-x:auto;border:1px solid var(--line);margin:25px 0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:var(--soft);font-weight:600}tbody tr:last-child td{border:0}.case-metrics{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:35px 0}.case-metrics div{border-top:1px solid var(--line);padding-top:24px}.case-metrics strong{font:500 48px/1 var(--display);letter-spacing:-.04em}.case-metrics p{font-size:14px}.case-visual{background:var(--soft);padding:30px;margin:26px 0;border-radius:var(--radius)}.bar-row{display:grid;grid-template-columns:80px 1fr 40px;gap:15px;align-items:center;margin:16px 0;font-size:13px}.bar{height:35px;background:var(--accent);min-width:1px}.bar.muted{background:var(--ink)}.full-photo{width:320px;aspect-ratio:1;object-fit:cover;border-radius:var(--radius)}.about-layout{display:grid;grid-template-columns:1.4fr .7fr;gap:70px}.about-layout .full-photo{justify-self:end}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);max-width:470px;width:calc(100% - 36px);padding:32px}.dialog::backdrop{background:#16201ab0}.dialog h2{font:500 30px/1.2 var(--display);margin:0 0 18px}.dialog p{color:var(--muted);font-size:15px}.dialog-close{float:right;border:1px solid var(--line);background:none;color:var(--ink);width:40px;height:40px;border-radius:var(--radius);font-size:20px;margin:-12px -12px 12px 12px}

/* 02: left-hand portrait, wide humanist typography, horizontal bands and side contact panel. */
.coastal{--bg:#fcfaf6;--ink:#173c4c;--muted:#466474;--accent:#277483;--surface:#fff;--soft:#ede7dd;--line:#d8dfe0;--display:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--radius:9px}.coastal .brand{letter-spacing:-.04em;font-size:21px}.coastal .hero{grid-template-columns:240px 1fr;gap:48px}.coastal .hero-portrait{grid-column:1;grid-row:1}.coastal .hero-copy{grid-column:2;grid-row:1}.coastal .hero h1{font-size:clamp(42px,4.4vw,68px);font-weight:750}.coastal .hero .intro-title{font-size:29px;font-weight:650;color:var(--accent);max-width:680px;line-height:1.2}.coastal h2,.coastal h3{font-weight:650}.coastal .button{background:var(--accent);color:white}.coastal .button.secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.coastal .topic-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e0eeee;margin-bottom:16px}.coastal .topic-index{display:none}.coastal .topic-card h3{font-size:20px;font-weight:650}.coastal .resource-section{background:var(--soft);padding:35px;border:0;border-radius:var(--radius);margin:20px 0 35px}.coastal .resource-card{border:0}.coastal .resource-card h3{font-size:19px}.coastal .marketing-hero{grid-template-columns:1.2fr .8fr;gap:48px}.coastal .marketing-hero h1{font-size:clamp(38px,4vw,57px);font-weight:730}.coastal .marketing-contact{display:block;background:#e1efed;padding:30px;border-radius:var(--radius)}.coastal .marketing-contact h2{font-size:23px;margin:0 0 12px}.coastal .marketing-contact p{font-size:14px;color:var(--muted)}.coastal .marketing-contact .button{width:100%}.coastal .marketing-hero .hero-direct-actions{display:none}.coastal .service-card{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.coastal .service-card h3{font-size:23px}.coastal .contact-band{background:var(--soft)}

/* 03: oversized grotesk, flat ruled directories and compact indexed services. */
.minimal{--bg:#faf9f5;--ink:#17191a;--muted:#53565c;--accent:#2448d8;--surface:#fff;--soft:#eeeff2;--line:#cacbd0;--display:Arial,Helvetica,sans-serif;--radius:1px}.minimal .brand{font-weight:800;letter-spacing:-.05em;font-size:22px}.minimal .hero{grid-template-columns:1.7fr .75fr;gap:28px}.minimal .hero h1{font-size:clamp(60px,6.5vw,98px);font-weight:800;letter-spacing:-.06em;line-height:.98}.minimal .hero .intro-title{font-size:24px;font-weight:650}.minimal .button{background:var(--accent);color:white}.minimal .button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.minimal .section-head h2,.minimal h2,.minimal h3{font-weight:750}.minimal .topic-grid{grid-template-columns:1fr;gap:0}.minimal .topic-card,.minimal .topic-card:first-child{display:grid;grid-template-columns:35px 1fr 1.3fr 30px;align-items:center;gap:20px;padding:20px 0;border:0;border-bottom:1px solid var(--line);min-height:0}.minimal .topic-card:first-child{border-top:1px solid var(--line)}.minimal .topic-card h3,.minimal .topic-card p,.minimal .topic-index{margin:0}.minimal .topic-card .arrow{margin:0}.minimal .topic-card h3{font-size:24px;font-weight:750}.minimal .topic-card p{max-width:none;font-size:15px}.minimal .topic-index{color:var(--muted)}.minimal .resource-card{border:0;border-top:1px solid var(--line);background:transparent;padding:25px 0}.minimal .resource-card h3{font-size:21px;font-weight:650}.minimal .resource-icon{background:none;border-radius:0}.minimal .resource-icon .icon{width:36px;height:36px}.minimal .service-grid{grid-template-columns:1fr;gap:0}.minimal .service-card{display:grid;grid-template-columns:45px .85fr 1.1fr 140px;gap:20px;align-items:center;padding:28px 0}.minimal .service-card>*{margin:0}.minimal .service-card h3{font-size:25px}.minimal .service-card .text-link{align-self:center}.minimal .page-hero h1{font-weight:750}.minimal .contact-band{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);background:transparent;padding:35px 0}.minimal .paper-stack{transform:none;box-shadow:9px 9px 0 var(--ink)}

/* 04: four equal topic cards, generous rounded surfaces, contrasting contact band. */
.modular{--bg:#fbf8f3;--ink:#23343e;--muted:#50616b;--accent:#aa4c32;--surface:#fffdf9;--soft:#efdfd3;--line:#dddcd6;--display:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--radius:18px}.modular .brand{font-size:21px;font-weight:750;letter-spacing:-.05em}.modular .site-header{border:0}.modular .hero{background:var(--soft);border-radius:24px;padding:46px;margin:24px 0 43px;gap:38px}.modular .hero h1{font-size:clamp(42px,4.8vw,65px);font-weight:750}.modular .hero .intro-title{color:var(--accent);font-size:29px;font-weight:650}.modular .hero-portrait{max-width:260px}.modular .button{background:var(--accent);color:#fff;border-radius:9px}.modular .button.secondary{background:transparent;color:var(--accent);border-color:#c68c78}.modular .section{border:0;padding:36px 0}.modular .section-head h2{font-size:31px;font-weight:720}.modular .topic-grid{grid-template-columns:1fr 1fr;gap:16px}.modular .topic-card,.modular .topic-card:first-child{border:1px solid var(--line);padding:25px 70px 25px 26px;border-radius:var(--radius);min-height:125px;background:var(--surface)}.modular .topic-card:nth-child(1),.modular .topic-card:nth-child(4){background:var(--soft);border-color:transparent}.modular .topic-card:nth-child(2){background:#dfe6da;border-color:transparent}.modular .topic-card h3{font-size:25px;font-weight:720;margin-bottom:8px}.modular .topic-card p{margin:0;max-width:450px}.modular .topic-index{display:none}.modular .topic-card .arrow{position:absolute;right:24px;top:calc(50% - 19px);border-radius:50%;height:38px;width:38px;display:grid;place-items:center;background:#fff9}.modular .resource-grid{grid-template-columns:1fr}.modular .resource-card{padding:20px 26px}.modular .resource-icon{display:none}.modular .resource-card h3{font:600 20px/1.3 var(--display)}.modular .resource-info{display:flex;align-items:center;gap:30px;justify-content:space-between}.modular .resource-info p{margin:0}.modular .marketing-hero{padding:42px;background:var(--soft);border-radius:24px;margin-top:26px}.modular .marketing-hero h1{font-size:clamp(39px,4.5vw,62px);font-weight:750}.modular .service-card{padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.modular .service-card:nth-child(1){background:var(--soft);border:0}.modular .service-card:nth-child(2){background:#dfe6da;border:0}.modular .service-card h3{font-size:25px;font-weight:700}.modular .contact-band{background:var(--ink);color:#fff}.modular .contact-band h2{font-family:var(--display);font-size:30px;font-weight:650}.modular .contact-band p,.modular .contact-band .contact-choices button,.modular .contact-band .contact-choices a{color:#e2e9ec}.modular .page-hero h1{font-weight:720}.modular .project-body h3{font-size:24px;font-weight:680}

/* 05: dark editorial, sage actions and a contrasting light resource band. */
.dark{--bg:#222d2b;--ink:#f1eee5;--muted:#c1cbc4;--accent:#d8b279;--surface:#293633;--soft:#34443c;--line:#53625b;--on-accent:#1b2721;--display:Georgia,'Times New Roman',serif;--radius:4px;color-scheme:dark}.dark .hero h1{font-size:clamp(47px,5vw,74px)}.dark .button{background:#b9d0b8;color:#18251f}.dark .button.accent{background:var(--accent);color:#15241e}.dark .button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.dark .eyebrow{color:#c4d5c3}.dark .topic-icon{display:block;margin:5px 0 14px;color:#e1d7b6}.dark .topic-icon .icon{width:29px;height:29px}.dark .topic-index{display:none}.dark .resource-section{background:#ece8df;color:#1d2925;padding:35px;margin:30px 0;border:0;border-radius:5px;--muted:#526058;--line:#c9cec4;--accent:#254936;--soft:#d5e0cc;--surface:transparent}.dark .resource-card{border:0;background:none;padding:10px}.dark .resource-card+.resource-card{border-left:1px solid var(--line);border-radius:0}.dark .resource-icon{background:none}.dark .contact-band{background:#ece8df;color:#1d2925;--muted:#526058;--ink:#1d2925;--line:#c9cec4;--bg:#ece8df}.dark .contact-band .button{background:#b9d0b8}.dark .paper-stack{background:#ede8df;color:#20322b;--line:#b3beb0;--muted:#526058}.dark .template-box{background:#1c2623}.dark .case-visual{background:#34443c}.dark .bar.muted{background:#bdccb9}

@media(min-width:1500px){.wrap{width:min(1280px,calc(100% - 110px))}.hero h1{font-size:83px}.minimal .hero h1{font-size:100px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-inner{gap:18px}.nav{gap:17px;font-size:13px}.header-actions{gap:14px}.brand{font-size:20px}.header-actions>.button{display:none}.hero{gap:36px}.hero h1{font-size:64px}.topic-grid{gap:18px}.topic-card{padding-left:16px}.topic-card h3{font-size:23px}.coastal .hero{grid-template-columns:200px 1fr;gap:34px}.coastal .hero h1{font-size:50px}.minimal .hero h1{font-size:72px}.modular .hero{padding:34px}.modular .hero h1{font-size:49px}.section-head h2{font-size:33px}.project-body{padding:20px}.project-art{height:180px;padding:18px}.structure-art span{font-size:35px}.marketing-hero{gap:25px}.coastal .marketing-hero{gap:30px}.form-layout{gap:35px}.contact-band{padding:32px}.minimal .service-card{grid-template-columns:30px 1fr 1fr}.minimal .service-card .text-link{grid-column:2 / -1}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 36px)}.review-note{display:none}.review-inner{gap:8px;min-height:43px}.review-inner label>span{display:none}.review-inner select{max-width:185px}.header-inner{min-height:78px;gap:10px;flex-wrap:wrap;padding:14px 0;position:relative}.brand{font-size:21px}.header-actions{margin-left:auto;gap:7px}.menu-toggle{display:grid;place-items:center}.nav{display:none;order:3;width:100%;margin:0;flex-direction:column;gap:0;align-items:stretch;padding:16px 0 4px;border-top:1px solid var(--line);font-size:16px}.nav.is-open{display:flex}.nav a{padding:12px 0;min-height:48px}.nav-topic summary{padding:12px 0;min-height:48px}.dropdown{position:static;box-shadow:none;background:var(--soft);padding:6px 18px;min-width:0;border:0}.dropdown a{font-size:15px}.lang{font-size:11px}.lang a{min-width:24px}.hero{grid-template-columns:1fr;gap:24px;padding:35px 0}.hero h1{font-size:clamp(39px,10.5vw,59px);max-width:100%;overflow-wrap:normal}.hero .intro-title{font-size:21px}.hero .lead{font-size:16px}.hero-portrait{max-width:none;justify-self:start;display:flex;align-items:flex-end;gap:20px;width:100%}.hero-portrait img{width:108px;aspect-ratio:1;flex-shrink:0}.portrait-caption{display:block;font-size:12px;max-width:170px;margin:0 0 8px}.portrait-caption span{display:block}.hero .actions{margin-top:20px;gap:12px}.actions .button{padding:14px 19px}.section{padding:34px 0}.section-head{display:block;margin-bottom:23px}.section-head h2{font-size:29px}.section-head p{margin-top:13px}.section-head .text-link{margin-top:8px}.topic-grid{grid-template-columns:1fr;gap:0}.topic-card,.topic-card:first-child{min-height:0;border:0;border-bottom:1px solid var(--line);padding:21px 38px 21px 35px}.topic-index{position:absolute;left:0;top:24px}.topic-card h3{font-size:25px;margin-bottom:7px}.topic-card p{max-width:none;font-size:14px;margin:0}.topic-card .arrow{position:absolute;right:2px;top:31px}.resource-grid,.project-grid,.two-columns,.service-grid,.resource-list{grid-template-columns:1fr}.resource-card{padding:21px 18px;gap:14px}.resource-card h3{font-size:22px}.resource-icon{width:40px;height:40px}.project-art{height:205px}.project-grid{gap:23px}.project-body{padding:24px}.project-body h3{font-size:27px}.product-feature{grid-template-columns:1fr;gap:38px;padding:29px 24px}.product-feature h2{font-size:32px}.paper-stack{max-width:290px;margin:0 auto}.about-strip{grid-template-columns:1fr;gap:22px}.about-strip img{width:150px}.contact-band{display:block;padding:27px 24px;margin:25px 0 42px}.contact-band h2{font-size:30px}.contact-actions{min-width:0;margin-top:22px}.contact-choices{gap:18px}.footer-top{display:block}.footer-links{margin-top:24px;gap:13px 22px}.footer-links a{min-height:36px;display:flex;align-items:center}.footer-bottom{display:block;font-size:11px;line-height:1.8}.breadcrumb{padding-top:22px}.page-hero{padding:32px 0}.page-hero h1{font-size:39px;overflow-wrap:normal}.lead{font-size:17px}.marketing-hero{display:block}.situation-list{grid-template-columns:1fr;gap:0}.situation-list li{font-size:16px;padding:16px 0}.service-card{padding:24px 0}.service-card .eyebrow{margin-bottom:15px}.service-card h3{font-size:29px}.panel{padding:25px}.panel h2{font-size:28px}.steps{grid-template-columns:1fr 1fr;gap:26px}.steps li::before{margin-bottom:15px}.faq summary{font-size:17px;gap:20px}.faq details p{font-size:15px}.form-layout{grid-template-columns:1fr;gap:25px}.form-intro{position:static}.form-card{padding:24px 20px}.form-row{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr;gap:13px}.filters .field:first-child{grid-column:1 / -1}.field select{padding-right:10px}.filter-count{margin-bottom:20px}.prose h2{font-size:29px}.case-metrics{gap:20px}.case-metrics strong{font-size:38px}.about-layout{grid-template-columns:1fr;gap:30px}.about-layout .full-photo{grid-row:1;justify-self:start;width:190px}.form-result{padding:20px}.template-box{padding:22px}.table-scroll{font-size:13px}.dialog{padding:28px}.coastal .hero{grid-template-columns:1fr;gap:24px}.coastal .hero-copy{grid-column:1;grid-row:1}.coastal .hero-portrait{grid-column:1;grid-row:2}.coastal .hero h1{font-size:43px}.coastal .hero .intro-title{font-size:24px}.coastal .topic-card,.coastal .topic-card:first-child{padding-left:63px}.coastal .topic-icon{position:absolute;left:0;top:23px;width:43px;height:43px;margin:0}.coastal .topic-card h3{font-size:21px}.coastal .resource-section{padding:26px 18px}.coastal .marketing-hero{display:block}.coastal .marketing-hero h1{font-size:39px}.coastal .marketing-contact{margin-top:28px;padding:25px}.coastal .service-card h3{font-size:26px}.minimal .hero{grid-template-columns:1fr;gap:23px}.minimal .hero h1{font-size:clamp(39px,12vw,60px);line-height:.98}.minimal .hero .intro-title{font-size:21px}.minimal .topic-card,.minimal .topic-card:first-child{grid-template-columns:25px 1fr 24px;gap:5px 10px;padding:20px 0}.minimal .topic-index{position:static;grid-column:1;grid-row:1 / 3}.minimal .topic-card h3{grid-column:2;font-size:22px}.minimal .topic-card p{grid-column:2;font-size:13px}.minimal .topic-card .arrow{position:static;grid-column:3;grid-row:1 / 3}.minimal .service-card{grid-template-columns:25px 1fr;gap:13px}.minimal .service-card .eyebrow{grid-row:1 / 4;margin:0}.minimal .service-card h3{font-size:27px}.minimal .service-card p{grid-column:2}.minimal .service-card .text-link{grid-column:2;margin:0}.minimal .contact-band{padding:28px 0}.modular .hero{display:grid;grid-template-columns:1fr;padding:26px 23px;margin:12px 0 22px;border-radius:19px;gap:25px}.modular .hero h1{font-size:36px}.modular .hero .intro-title{font-size:24px}.modular .hero-portrait{max-width:none}.modular .hero-portrait img{width:94px;border-radius:12px}.modular .hero .actions{display:grid;grid-template-columns:1fr;gap:10px}.modular .topic-grid{grid-template-columns:1fr;gap:12px}.modular .topic-card,.modular .topic-card:first-child{padding:21px 61px 21px 20px;min-height:110px}.modular .topic-card h3{font-size:24px}.modular .topic-card .arrow{right:18px;top:calc(50% - 18px)}.modular .section-head h2{font-size:28px}.modular .resource-card{padding:20px}.modular .resource-info{display:block}.modular .resource-info p{margin-top:8px}.modular .resource-card h3{font-size:20px}.modular .marketing-hero{padding:26px 23px;border-radius:19px;margin-top:18px}.modular .marketing-hero h1{font-size:34px}.modular .service-card{padding:25px}.modular .service-card h3{font-size:27px}.modular .section{padding:27px 0}.dark .hero h1{font-size:44px}.dark .topic-card{padding-left:50px}.dark .topic-icon{position:absolute;left:0;top:24px}.dark .resource-section{padding:25px 17px}.dark .resource-card{padding:17px 0}.dark .resource-card+.resource-card{border-left:0;border-top:1px solid var(--line)}.dark .contact-band{padding:28px 24px}}
@media(max-width:370px){.wrap{width:calc(100% - 28px)}.brand,.coastal .brand,.modular .brand,.minimal .brand{font-size:18px}.header-actions{gap:3px}.menu-toggle{width:40px}.hero h1{font-size:37px}.hero .intro-title{font-size:20px}.hero .actions{display:grid;grid-template-columns:1fr}.hero .actions .button{width:100%}.page-hero h1{font-size:35px}.modular .hero,.modular .marketing-hero{padding:24px 18px}.modular .hero h1{font-size:31px}.modular .marketing-hero h1{font-size:31px}.minimal .hero h1{font-size:38px}.coastal .hero h1{font-size:37px}.contact-choices{gap:12px}.review-inner select{max-width:172px}.filters{grid-template-columns:1fr}.filters .field:first-child{grid-column:auto}.case-metrics{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Form spacing applies to the form itself as well as an embedded form. */
form.form-card{display:grid;gap:22px}.modular .contact-band .button{background:#ebc5ac;color:#20323b}.modular .contact-band .button:hover{background:#f6dbc5}.form-result:focus{outline:2px solid var(--accent);outline-offset:5px}caption{text-align:left;padding:16px;color:var(--muted);font-size:13px}

/* Long Cyrillic words wrap within narrow screens instead of widening the page. */
h1,h2,h3,.brand{overflow-wrap:anywhere}form.form-card{min-width:0}
@media(max-width:760px){.page-hero h1,.hero h1{overflow-wrap:anywhere}}
/* Working tools, shared across the four approved palette previews. */
.tool-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:40px;align-items:start;margin-bottom:60px}.tool-layout>*,.resource-info>div{min-width:0}.tool-layout aside .section{padding-top:20px}.tool-layout aside p{font-size:16px}.form-result pre,.skill-preview{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;max-width:100%;font-size:14px;line-height:1.7}.skill-preview{max-height:560px;overflow:auto}.check-option{display:flex;gap:12px;align-items:flex-start;font-size:15px}.check-option input{margin-top:6px;width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.tool-status{min-height:1.5em;font-size:14px;color:var(--muted)}.resource-info>p{flex-shrink:0}.modular .resource-card .arrow{flex-shrink:0}.resource-card:focus-visible{outline-offset:3px}
@media(max-width:760px){.tool-layout{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.tool-layout aside .section{padding-top:0}.skill-preview{font-size:13px}.resource-info>p{white-space:normal}}
.contact-details{margin-bottom:28px}.contact-details h2{font-size:23px}.contact-details p{margin:5px 0}.contact-details a{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:760px){.footer-bottom>span,.footer-bottom>a{display:block;margin-top:6px}.footer-bottom>a{min-height:36px;padding-top:4px}}