/*
 * Effective section redesigns
 * These overrides deliberately give the first product-story section of each
 * affected theme a different composition. They replace the repeated equal-card
 * treatment without disturbing the richer hero, case-study and closing sections.
 */

/* 01 — a real product workspace, not three equal feature cards */
.template-t01 .growth-capabilities{padding:96px 64px;border-radius:32px;background:#10182a;color:#fff;box-shadow:0 35px 90px rgba(31,54,112,.16)}
.template-t01 .growth-capabilities .growth-section-head{align-items:end}
.template-t01 .growth-capabilities .growth-section-head span{color:#8da6ff}
.template-t01 .growth-capabilities .growth-section-head p{color:#9da9bd}
.template-t01 .growth-cap-grid{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:repeat(2,minmax(238px,1fr));gap:16px;margin-top:54px}
.template-t01 .growth-cap-grid article{position:relative;min-height:0;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#151f34;color:#fff;overflow:hidden}
.template-t01 .growth-cap-grid article:first-child{grid-row:1/3;padding:34px;background:radial-gradient(circle at 82% 20%,rgba(73,103,255,.22),transparent 38%),#151f34}
.template-t01 .growth-cap-grid article:first-child:after{content:"LIVE DATA WORKSPACE";position:absolute;right:28px;top:30px;color:#7d91b1;font:700 12px/1 Inter,sans-serif;letter-spacing:.15em}
.template-t01 .growth-cap-grid article:not(:first-child){display:grid;grid-template-columns:1fr 150px;grid-template-rows:auto auto 1fr;column-gap:20px}
.template-t01 .growth-cap-grid article:not(:first-child)>figure{grid-column:2;grid-row:1/4;margin:0;align-self:stretch}
.template-t01 .growth-cap-grid article:not(:first-child)>a{grid-column:1;align-self:end}
.template-t01 .growth-cap-grid article h3{color:#fff;font-size:24px}
.template-t01 .growth-cap-grid article p{color:#9da9bd}
.template-t01 .growth-cap-grid article>span{color:#7587a8}
.template-t01 .growth-cap-grid article>figure{border-color:rgba(255,255,255,.08);background:#0d1526}
.template-t01 .growth-cap-grid article:first-child>figure{height:300px;margin-top:34px;background:linear-gradient(rgba(91,113,170,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(91,113,170,.09) 1px,transparent 1px),#0d1526;background-size:32px 32px}
.template-t01 .growth-cap-grid article a{color:#9fb1ff}

/* 03 — the process becomes a landscape/root map */
.template-t03 .grove-roots{position:relative;width:100%;max-width:none;min-height:880px;padding:110px max(72px,calc((100vw - 1280px)/2));color:#f6f3e9;overflow:hidden;background:linear-gradient(90deg,rgba(22,48,34,.94) 0%,rgba(22,48,34,.72) 42%,rgba(22,48,34,.2) 100%),url('../../img/t03-organic-growth-v1.webp') center/cover no-repeat}
.template-t03 .grove-roots:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,40,28,.6),transparent 45%);pointer-events:none}
.template-t03 .grove-roots-intro{position:relative;z-index:2;display:block;width:min(470px,44vw);margin:0}
.template-t03 .grove-roots-intro span{color:#b9d08d}
.template-t03 .grove-roots-intro h2{color:#fff;font-size:clamp(54px,5vw,76px)}
.template-t03 .grove-roots-intro p{color:rgba(255,255,255,.7)}
.template-t03 .grove-roots ol{position:absolute;z-index:3;inset:0;margin:0;padding:0;list-style:none}
.template-t03 .grove-roots ol:before{content:"";position:absolute;left:48%;top:18%;width:43%;height:58%;border:1px solid rgba(213,232,174,.4);border-left-color:transparent;border-radius:50%;transform:rotate(-13deg)}
.template-t03 .grove-roots li{position:absolute;display:block;width:330px;min-height:0;padding:22px 24px 22px 64px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(17,43,29,.72);backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.18)}
.template-t03 .grove-roots li:nth-child(1){left:48%;top:18%}.template-t03 .grove-roots li:nth-child(2){right:7%;top:43%}.template-t03 .grove-roots li:nth-child(3){left:53%;bottom:10%}
.template-t03 .grove-roots li b{position:absolute;left:20px;top:22px;color:#c7da9f}.template-t03 .grove-roots li h3{margin:0 0 8px;color:#fff}.template-t03 .grove-roots li p{max-width:none;margin:0 0 13px;color:rgba(255,255,255,.65)}.template-t03 .grove-roots li a{color:#d9e8bb}
.template-t03 .grove-roots .grove-leaf{position:absolute;left:-16px;top:50%;transform:translateY(-50%);filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}

/* 05 — an asymmetric dimensional lab */
.template-t05 .lab-model{position:relative;padding-block:130px;background:radial-gradient(circle at 19% 58%,rgba(91,206,255,.12),transparent 30%),radial-gradient(circle at 73% 20%,rgba(173,104,255,.13),transparent 28%)}
.template-t05 .lab-dimensions{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,minmax(260px,1fr));gap:16px;perspective:1200px}
.template-t05 .lab-dimensions article{position:relative;min-height:0;border:1px solid rgba(126,171,255,.2);background:rgba(16,25,43,.68);backdrop-filter:blur(12px);overflow:hidden}
.template-t05 .lab-dimensions article:first-child{grid-row:1/3;padding:42px;background:linear-gradient(0deg,rgba(11,18,32,.92),rgba(11,18,32,.28)),url('../../img/t05-dimensional-cube-v1.webp') center/cover no-repeat}
.template-t05 .lab-dimensions article:first-child>p{max-width:520px}.template-t05 .lab-dimensions article:first-child figure{position:absolute;left:42px;right:42px;bottom:38px;height:250px;background:rgba(5,13,25,.55)}
.template-t05 .lab-dimensions article:not(:first-child){display:grid;grid-template-columns:1fr 210px;grid-template-rows:auto auto 1fr;padding:28px}
.template-t05 .lab-dimensions article:not(:first-child) figure{grid-column:2;grid-row:1/4;margin:0;align-self:stretch;background:#091323}
.template-t05 .lab-dimensions article h3{font-size:24px}

/* 07 — a continuous bathymetric section */
.template-t07 .depth-layers{position:relative;width:100%;max-width:none;min-height:900px;padding:120px max(72px,calc((100vw - 1280px)/2));overflow:hidden;background:linear-gradient(90deg,rgba(5,18,35,.96),rgba(5,18,35,.72)),url('../../img/t07-depth-map-v1.webp') center/cover fixed no-repeat}
.template-t07 .depth-layers:before{content:"DEPTH / 1,280M";position:absolute;right:5%;top:88px;color:rgba(126,220,244,.28);font:600 clamp(48px,8vw,120px)/1 Inter,sans-serif;letter-spacing:-.06em}
.template-t07 .depth-layers header{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:120px minmax(420px,1fr) minmax(280px,.7fr);gap:52px;align-items:end;margin-bottom:0}
.template-t07 .layer-stack{position:relative;z-index:2;margin:72px 0 0 20%;border-left:1px solid rgba(121,211,236,.35)}
.template-t07 .layer-stack article{position:relative;display:grid;grid-template-columns:140px 1fr auto;gap:40px;align-items:center;min-height:150px;padding:24px 24px 24px 54px;border:0;border-bottom:1px solid rgba(121,211,236,.16);background:linear-gradient(90deg,rgba(17,44,69,.5),transparent)}
.template-t07 .layer-stack article:before{content:"";position:absolute;left:-7px;top:50%;width:13px;height:13px;border:2px solid #7dd8ec;border-radius:50%;background:#07182b;box-shadow:0 0 0 8px rgba(125,216,236,.08)}
.template-t07 .layer-stack article:nth-child(2){margin-left:8%}.template-t07 .layer-stack article:nth-child(3){margin-left:16%}
.template-t07 .layer-stack h3{margin:5px 0;color:#fff;font-size:28px}.template-t07 .layer-stack p{max-width:580px}.template-t07 .layer-stack em{color:#7dd8ec}

/* 08 — an editorial curation wall */
.template-t08 .atelier-service-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,minmax(310px,1fr));gap:18px;border:0}
.template-t08 .atelier-service-grid article{position:relative;min-height:0;padding:34px;border:1px solid #cfc7be;background:#f6f1eb;overflow:hidden}
.template-t08 .atelier-service-grid article:first-child{grid-row:1/3;padding:46px;color:#fff;background:linear-gradient(0deg,rgba(43,20,28,.82),rgba(43,20,28,.18)),url('../../img/t08-private-performance-v1.webp') center/cover no-repeat}
.template-t08 .atelier-service-grid article:first-child p{max-width:470px;color:rgba(255,255,255,.75)}
.template-t08 .atelier-service-grid article:first-child .media-book{position:absolute;left:46px;right:46px;bottom:42px;height:250px;border-color:rgba(255,255,255,.28);background:rgba(40,20,28,.35);backdrop-filter:blur(7px)}
.template-t08 .atelier-service-grid article:not(:first-child){display:grid;grid-template-columns:1fr 180px;grid-template-rows:auto auto 1fr;column-gap:20px}
.template-t08 .atelier-service-grid article:not(:first-child) figure{grid-column:2;grid-row:1/4;margin:0;align-self:stretch}

/* 09 — race circuit instead of a numbered list */
.template-t09 .pace-system{position:relative;overflow:hidden}
.template-t09 .pace-system ol{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;min-height:500px;margin-top:64px;padding:72px 38px;list-style:none;border:2px solid #171717;border-radius:240px;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(20,20,20,.035) 80px)}
.template-t09 .pace-system ol:before{content:"";position:absolute;inset:34px;border:1px dashed #a5a5a5;border-radius:210px}
.template-t09 .pace-system ol:after{content:"LIVE RACE  /  04 LAPS";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 32px;background:#171717;color:#fff;font:700 13px/1 Inter,sans-serif;letter-spacing:.12em}
.template-t09 .pace-system li{position:relative;z-index:2;display:block;min-height:280px;padding:26px;border:0;background:#fff;box-shadow:0 16px 35px rgba(0,0,0,.08);transform:translateY(var(--lift,0))}
.template-t09 .pace-system li:nth-child(1){--lift:-38px}.template-t09 .pace-system li:nth-child(2){--lift:34px}.template-t09 .pace-system li:nth-child(3){--lift:-20px}.template-t09 .pace-system li:nth-child(4){--lift:45px}
.template-t09 .pace-system li>span{color:#ef4b2c}.template-t09 .pace-system li>b{display:block;margin:18px 0;font-size:46px}.template-t09 .pace-system li em{position:absolute;left:26px;bottom:24px;background:#d6ff35}

/* 11 — engine schematic with modules around a shared core */
.template-t11 .module-grid{position:relative;display:block;height:760px;border:1px solid rgba(218,169,71,.3);background:linear-gradient(rgba(218,169,71,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(218,169,71,.055) 1px,transparent 1px),#171916;background-size:44px 44px;overflow:hidden}
.template-t11 .module-grid:before{content:"86";position:absolute;left:50%;top:50%;width:190px;height:190px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #d7a942;border-radius:50%;background:radial-gradient(circle,#2d2d25 0 38%,#171916 39%);color:#e2b44e;font:54px/1 Georgia,serif;box-shadow:0 0 0 35px rgba(218,169,71,.045),0 0 0 70px rgba(218,169,71,.025)}
.template-t11 .module-grid:after{content:"STRATEGY CORE / STABLE";position:absolute;left:50%;top:calc(50% + 68px);transform:translateX(-50%);color:#8f8f7f;font:600 12px/1 Inter,sans-serif;letter-spacing:.14em}
.template-t11 .module-grid article{position:absolute;width:36%;min-height:225px;padding:24px;border:1px solid rgba(218,169,71,.22);background:rgba(24,26,23,.91);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.template-t11 .module-grid article:nth-child(1){left:4%;top:6%}.template-t11 .module-grid article:nth-child(2){right:4%;top:6%}.template-t11 .module-grid article:nth-child(3){left:4%;bottom:6%}.template-t11 .module-grid article:nth-child(4){right:4%;bottom:6%}
.template-t11 .module-grid article figure{height:96px;margin-top:18px;background:#10120f}.template-t11 .module-grid h3{font-size:21px}

/* 13 — asymmetric recipe workbench */
.template-t13 .ingredient-grid{display:grid;grid-template-areas:"audience content content" "audience channel timing";grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:repeat(2,minmax(310px,1fr));gap:14px;border:0}
.template-t13 .ingredient-grid article{position:relative;min-height:0;padding:34px;border:1px solid #292c23;overflow:hidden}
.template-t13 .ingredient-a{grid-area:audience;background:#252e23!important;color:#fff}.template-t13 .ingredient-b{grid-area:content;background:#e9c852!important}.template-t13 .ingredient-c{grid-area:channel;background:#d96343!important;color:#fff}.template-t13 .ingredient-d{grid-area:timing;background:#f1ead9!important}
.template-t13 .ingredient-grid article>p{max-width:420px}.template-t13 .ingredient-a>p,.template-t13 .ingredient-c>p{color:rgba(255,255,255,.68)}
.template-t13 .ingredient-a .ingredient-visual{position:absolute;left:34px;right:34px;bottom:32px;height:350px;background:#f2ead8;color:#252e23}
.template-t13 .ingredient-b .ingredient-visual{position:absolute;width:42%;right:26px;top:26px;bottom:26px;height:auto;background:rgba(255,255,255,.52)}
.template-t13 .ingredient-c .ingredient-visual,.template-t13 .ingredient-d .ingredient-visual{height:135px;margin-top:24px;background:rgba(255,255,255,.46)}

/* 14 — diagnostic pathway on one shared clinical canvas */
.template-t14 .clinic-path{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:0;min-height:640px;padding:56px 52% 56px 50px;border:1px solid #cbd9d5;border-radius:26px;background:linear-gradient(90deg,#fff 0 48%,transparent 48%),linear-gradient(180deg,#e4f3ef,#f8fbfa);box-shadow:0 24px 70px rgba(45,91,82,.09);overflow:hidden}
.template-t14 .clinic-path:before{content:"CAMPAIGN HEALTH REPORT";position:absolute;left:53%;top:54px;color:#66847d;font:600 13px/1 Inter,sans-serif;letter-spacing:.14em}
.template-t14 .clinic-path:after{content:"92";position:absolute;left:64%;top:155px;width:210px;height:210px;display:grid;place-items:center;border:22px solid #c8e7df;border-right-color:#4b9587;border-radius:50%;color:#25453f;font:58px/1 Georgia,serif;box-shadow:0 0 0 1px #bcd6d0}
.template-t14 .clinic-path article{position:relative;min-height:245px;padding:24px 20px 24px 64px;border:0;border-bottom:1px solid #dae5e2;background:transparent}
.template-t14 .clinic-path article:nth-child(odd){border-right:1px solid #dae5e2}.template-t14 .clinic-path article:nth-child(n+3){border-bottom:0}
.template-t14 .clinic-path article>span{position:absolute;left:20px;top:26px;color:#4b9587}.template-t14 .clinic-path .path-icon{width:42px;height:42px;margin:0 0 16px}.template-t14 .clinic-path h3{font-size:20px}.template-t14 .clinic-path p{font-size:14px}.template-t14 .clinic-path ul{display:none}

/* 15 — research canvas, evidence is the visual anchor */
.template-t15 .method-grid{display:grid;grid-template-areas:"question evidence knowledge" "experiment evidence knowledge";grid-template-columns:.8fr 1.1fr .8fr;grid-template-rows:repeat(2,minmax(300px,1fr));gap:14px;border:0;background:transparent}
.template-t15 .method-grid article{position:relative;min-height:0;padding:32px;border:1px solid #aeb6aa;background:#f8f6ef;overflow:hidden}
.template-t15 .method-grid article:nth-child(1){grid-area:question}.template-t15 .method-grid article:nth-child(2){grid-area:experiment}.template-t15 .method-grid article:nth-child(3){grid-area:evidence;padding:50px;background:linear-gradient(135deg,#264b3b,#183127);color:#fff}.template-t15 .method-grid article:nth-child(4){grid-area:knowledge}
.template-t15 .method-grid article:nth-child(3):before{content:"PEER REVIEWED / P < 0.01";position:absolute;right:34px;top:30px;color:#c7d5b5;font:600 12px/1 Inter,sans-serif;letter-spacing:.14em}
.template-t15 .method-grid article:nth-child(3) h3{font-size:38px}.template-t15 .method-grid article:nth-child(3) p{color:rgba(255,255,255,.66)}
.template-t15 .method-confidence{position:absolute;left:50px;right:50px;bottom:50px;height:240px;padding:38px;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:36px 36px}
.template-t15 .method-confidence:after{content:"";position:absolute;left:36px;right:36px;bottom:42px;height:90px;border-top:3px solid #d1b56c;transform:skewY(-9deg)}

/* 16 — a usable investment committee memo, not abstract infographic cards */
.template-t16 .capital-policy-sheet{border:1px solid #d5cdbb;background:#f4f0e7;color:#182230;box-shadow:18px 18px 0 rgba(228,182,88,.11)}
.template-t16 .policy-sheet-head{min-height:112px;padding:26px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfc6b4}.template-t16 .policy-sheet-head span,.template-t16 .policy-objective>span,.template-t16 .policy-allocation>header span,.template-t16 .policy-decision span{color:#8a6b2d;font-size:12px;letter-spacing:.16em}.template-t16 .policy-sheet-head h3{margin:8px 0 0;font:30px/1.1 Georgia,"Songti SC",serif}.template-t16 .policy-sheet-status{display:grid;grid-template-columns:auto auto;gap:2px 9px;align-items:center;text-align:right}.template-t16 .policy-sheet-status i{width:8px;height:8px;border-radius:50%;background:#2f8c64;box-shadow:0 0 0 4px rgba(47,140,100,.1)}.template-t16 .policy-sheet-status b{font-size:13px}.template-t16 .policy-sheet-status small{grid-column:1/3;color:#7c817f;font-size:12px}
.template-t16 .policy-sheet-body{display:grid;grid-template-columns:34% 66%;min-height:520px}.template-t16 .policy-objective{padding:38px 34px;border-right:1px solid #cfc6b4;background:#ebe3d2}.template-t16 .policy-objective h4{margin:42px 0 16px;font:32px/1.22 Georgia,"Songti SC",serif}.template-t16 .policy-objective>p{margin:0;color:#62665f;font-size:14px;line-height:1.85}.template-t16 .policy-objective dl{margin:34px 0 0;border-top:1px solid #aaa28f}.template-t16 .policy-objective dl>div{padding:15px 0;display:flex;justify-content:space-between;border-bottom:1px solid #c6bdab}.template-t16 .policy-objective dt{font-size:12px}.template-t16 .policy-objective dd{margin:0;font:22px/1 Georgia,serif;color:#826221}.template-t16 .policy-guardrail{margin-top:26px;padding:17px;border-left:3px solid #d8ab4f;background:rgba(255,255,255,.5)}.template-t16 .policy-guardrail b{font-size:12px}.template-t16 .policy-guardrail p{margin:8px 0 0;color:#66685f;font-size:12px;line-height:1.65}
.template-t16 .policy-allocation{padding:38px 36px}.template-t16 .policy-allocation>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.template-t16 .policy-allocation h4{margin:8px 0 0;font-size:22px}.template-t16 .policy-allocation h4 b{margin-left:8px;color:#8a6b2d;font-size:12px;letter-spacing:.12em}.template-t16 .policy-allocation>header small{color:#7e827e;font-size:12px}.template-t16 .policy-row{min-height:72px;display:grid;grid-template-columns:1.35fr 1.35fr .75fr .55fr .75fr;gap:18px;align-items:center;border-bottom:1px solid #d7d0c2;font-size:12px}.template-t16 .policy-labels{min-height:32px;color:#85877f;font-size:12px;letter-spacing:.08em;border-top:1px solid #9e978a}.template-t16 .policy-row>span:first-child{display:flex;align-items:center;gap:10px}.template-t16 .policy-row>span:first-child i{width:26px;height:26px;display:grid;place-items:center;border:1px solid #83909a;font-style:normal;font-size:12px}.template-t16 .policy-row>span:nth-child(2){display:flex;align-items:center;gap:9px}.template-t16 .policy-row>span:nth-child(2) em{width:82px;height:5px;background:linear-gradient(90deg,#c69538 var(--share),#d9d3c7 var(--share));font-style:normal}.template-t16 .policy-row>span:nth-child(4) small{padding:5px 9px;border-radius:20px;background:#d7eadf;color:#286a4c}.template-t16 .policy-row>span:nth-child(4) .risk-mid{background:#eee0bd;color:#855f1f}.template-t16 .action-up{color:#24704f}.template-t16 .action-down{color:#9b5b46}
.template-t16 .policy-decision{min-height:138px;padding:25px 34px;display:grid;grid-template-columns:1.5fr 1fr auto;gap:34px;align-items:center;border-top:1px solid #bdb5a6;background:#172434;color:#f4f0e7}.template-t16 .policy-decision p{margin:9px 0 0;color:#b9c0c7;font-size:13px;line-height:1.75}.template-t16 .policy-decision p b{color:#e4b658}.template-t16 .policy-decision dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0}.template-t16 .policy-decision dt{color:#84909d;font-size:12px}.template-t16 .policy-decision dd{margin:8px 0 0;color:#e4b658;font:18px/1 Georgia,serif}.template-t16 .policy-decision>a{padding:13px 16px;border:1px solid #e4b658;color:#e4b658;font-size:12px;white-space:nowrap}.template-t16 .policy-decision>a b{margin-left:12px}

/* 17 — tactical board, not three tactic cards */
.template-t17 .playbook-grid{position:relative;display:block;height:650px;border:1px solid rgba(151,77,243,.35);background:linear-gradient(rgba(151,77,243,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(151,77,243,.07) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(151,77,243,.16),transparent 35%),#100d19;background-size:42px 42px,42px 42px,auto,auto;overflow:hidden}
.template-t17 .playbook-grid:before{content:"LIVE TACTICAL MAP";position:absolute;left:50%;top:50%;width:190px;height:190px;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #a640fb;color:#d4ff4e;font:700 12px/1 Inter,sans-serif;letter-spacing:.14em;box-shadow:0 0 0 30px rgba(166,64,251,.05)}
.template-t17 .playbook-grid:after{content:"";position:absolute;left:18%;right:18%;top:50%;border-top:2px dashed rgba(121,224,211,.45);transform:rotate(-8deg)}
.template-t17 .playbook-grid article{position:absolute;z-index:2;width:290px;min-height:210px;padding:24px;border:1px solid rgba(121,224,211,.36);background:rgba(20,14,31,.88);box-shadow:0 20px 50px rgba(0,0,0,.28)}
.template-t17 .playbook-grid article:nth-child(1){left:5%;top:10%}.template-t17 .playbook-grid article:nth-child(2){right:6%;top:18%}.template-t17 .playbook-grid article:nth-child(3){left:28%;bottom:7%}
.template-t17 .playbook-grid .play-icon{position:absolute;right:20px;top:18px;width:90px;height:70px;margin:0}.template-t17 .playbook-grid h3{margin-top:44px}.template-t17 .playbook-grid footer{margin-top:24px}

/* 18 — one architectural blueprint with positioned systems */
.template-t18 .system-grid{position:relative;display:block;height:780px;border:1px solid #3f65a0;background:linear-gradient(rgba(56,97,157,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(56,97,157,.13) 1px,transparent 1px),#eef3f7;background-size:36px 36px;overflow:hidden}
.template-t18 .system-grid:before{content:"GENERAL ARRANGEMENT / GA-018";position:absolute;left:34px;top:28px;color:#496a9d;font:600 12px/1 Inter,sans-serif;letter-spacing:.14em}
.template-t18 .system-grid:after{content:"4.28";position:absolute;left:50%;top:50%;width:150px;height:150px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid #c96742;border-radius:50%;background:#f6f4ec;color:#c45f3b;font:44px/1 Georgia,serif;box-shadow:0 0 0 18px rgba(63,101,160,.08)}
.template-t18 .system-grid article{position:absolute;width:300px;min-height:230px;padding:26px;border:2px solid #4e70a3;background:rgba(248,250,251,.92);box-shadow:8px 8px 0 rgba(63,101,160,.08)}
.template-t18 .system-grid article:nth-child(1){left:6%;top:15%}.template-t18 .system-grid article:nth-child(2){right:6%;top:12%}.template-t18 .system-grid article:nth-child(3){left:10%;bottom:8%}.template-t18 .system-grid article:nth-child(4){right:9%;bottom:9%}
.template-t18 .system-grid .structure-icon{position:absolute;right:18px;top:18px;width:100px;height:80px}.template-t18 .system-grid h3{margin-top:72px}.template-t18 .system-grid footer{margin-top:22px}

/* 19 — a DAW-like timeline */
.template-t19 .sound-grid{display:flex;flex-direction:column;border:1px solid #3a353d;background:#121115}
.template-t19 .sound-grid article{display:grid;grid-template-columns:130px minmax(300px,1fr) 310px;grid-template-rows:auto auto;gap:8px 32px;align-items:center;min-height:205px;padding:26px 30px;border:0;border-bottom:1px solid #3a353d;background:transparent}
.template-t19 .sound-grid article:last-child{border-bottom:0}.template-t19 .sound-grid article>span{grid-column:1;grid-row:1/3;color:#e2647d}.template-t19 .sound-grid .sound-visual{grid-column:2;grid-row:1/3;width:100%;height:145px;margin:0;background:repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.045) 59px),#1b191f}
.template-t19 .sound-grid h3{grid-column:3;grid-row:1;margin:0;font-size:26px}.template-t19 .sound-grid article>p{grid-column:3;grid-row:2;margin:0;color:#9a929f}.template-t19 .sound-grid footer{grid-column:1/4;display:none}
.template-t19 .sound-grid .rhythm{display:flex;align-items:center;justify-content:center;gap:14px}.template-t19 .sound-grid .rhythm i{width:18px}.template-t19 .sound-grid .tone,.template-t19 .sound-grid .resonance{display:grid;place-content:center}

/* 20 — districts become nodes on a single city network */
.template-t20 .city-districts{position:relative;width:100%;max-width:none;min-height:1050px;padding:120px max(72px,calc((100vw - 1320px)/2));overflow:hidden;background:linear-gradient(180deg,rgba(4,18,31,.8),rgba(4,18,31,.94)),url('../../img/t20-connected-city-v1.webp') center/cover fixed no-repeat}
.template-t20 .city-districts>header{position:relative;z-index:2;width:55%}
.template-t20 .district-grid{position:absolute;z-index:2;inset:0;display:block;border:0}
.template-t20 .district-grid:before{content:"URBAN NETWORK / LIVE";position:absolute;right:6%;top:9%;color:rgba(115,216,230,.42);font:700 14px/1 Inter,sans-serif;letter-spacing:.15em}
.template-t20 .district-grid:after{content:"";position:absolute;left:35%;right:12%;top:29%;bottom:12%;border:1px solid rgba(115,216,230,.26);border-radius:50% 42% 56% 38%;transform:rotate(-8deg);box-shadow:0 0 0 38px rgba(115,216,230,.03),0 0 0 76px rgba(115,216,230,.02)}
.template-t20 .district-grid article{position:absolute;z-index:2;width:270px;min-height:165px;padding:22px;border:1px solid rgba(115,216,230,.35);background:rgba(8,28,46,.78);backdrop-filter:blur(13px);box-shadow:0 18px 46px rgba(0,0,0,.24)}
.template-t20 .district-grid article:nth-child(1){left:37%;top:25%}.template-t20 .district-grid article:nth-child(2){right:8%;top:21%}.template-t20 .district-grid article:nth-child(3){right:15%;top:52%}.template-t20 .district-grid article:nth-child(4){left:31%;bottom:9%}.template-t20 .district-grid article:nth-child(5){right:36%;bottom:7%}
.template-t20 .district-grid article h3{font-size:21px}.template-t20 .district-grid article p{font-size:13px}.template-t20 .district-grid .district-viz{position:absolute;right:14px;top:14px;width:92px;height:68px;margin:0;border:0;background:rgba(5,19,32,.6)}.template-t20 .district-grid footer{margin-top:18px}

@media(max-width:1080px){
  .template-t01 .growth-capabilities{padding:72px 34px}
  .template-t01 .growth-cap-grid,.template-t05 .lab-dimensions,.template-t08 .atelier-service-grid,.template-t13 .ingredient-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .template-t01 .growth-cap-grid article:first-child,.template-t05 .lab-dimensions article:first-child,.template-t08 .atelier-service-grid article:first-child,.template-t13 .ingredient-grid article{grid-row:auto;grid-area:auto}
  .template-t16 .policy-sheet-body{grid-template-columns:1fr}.template-t16 .policy-objective{border-right:0;border-bottom:1px solid #cfc6b4}.template-t16 .policy-decision{grid-template-columns:1fr 1fr}.template-t16 .policy-decision>a{grid-column:1/3;text-align:center}
  .template-t09 .pace-system ol{grid-template-columns:repeat(2,1fr);border-radius:70px}
  .template-t11 .module-grid,.template-t17 .playbook-grid,.template-t18 .system-grid{height:auto;padding:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  .template-t11 .module-grid:before,.template-t11 .module-grid:after,.template-t17 .playbook-grid:before,.template-t17 .playbook-grid:after,.template-t18 .system-grid:after{display:none}
  .template-t11 .module-grid article,.template-t17 .playbook-grid article,.template-t18 .system-grid article{position:relative;inset:auto!important;width:auto}
  .template-t20 .city-districts{min-height:auto;padding-bottom:100px}.template-t20 .district-grid{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:60px}.template-t20 .district-grid:after{display:none}.template-t20 .district-grid article{position:relative;inset:auto!important;width:auto}
}

/* Readability and palette correction — original figures stay unchanged. */
.template-page small{font-size:12px!important}
.template-t01 .growth-home{--muted:#8895a8}.template-t02 .network-home{--muted:#aeb9c9}.template-t04 .scroll-home{--muted:#66594c}.template-t05 .lab-home{--muted:#aab7ca}
.template-t06 .focus-home{--muted:#565653}.template-t07 .depth-home{--muted:#99b3c4}.template-t08 .atelier-home{--muted:#635750}.template-t09 .pace-home{--muted:#55554f}
.template-t10 .journal-home{--muted:#66594f}.template-t11 .engine-home{--muted:#b8b4aa}.template-t12 .orbit-home{--muted:#a6b8cf}.template-t13 .recipe-home{--muted:#625b52}
.template-t14 .clinic-home{--muted:#536a67}.template-t15 .academy-home{--muted:#5b655e}.template-t16 .capital-home{--muted:#a9b5c2}.template-t17 .arena-home{--muted:#c2b1ca}
.template-t18 .architect-home{--muted:#52616c}.template-t19 .studio-home{--muted:#bbb5bd}.template-t20 .city-home{--muted:#a8c0ca}
.template-t16 .capital-desk{background:#e8e3d8}
.template-t16 .allocation-board{border-color:#c8bfae;background:#f8f5ee;box-shadow:10px 10px 0 #d0c7b7}
.template-t16 .allocation-ring{background:conic-gradient(#d4a94d 0 42%,#8395a8 42% 69%,#466b8f 69% 88%,#7d8b72 88%);box-shadow:inset 0 0 0 38px #f8f5ee}
.template-t16 .allocation-main li>i{background:#d4a94d}.template-t16 .allocation-main li>.c2{background:#8395a8}.template-t16 .allocation-main li>.c3{background:#466b8f}.template-t16 .allocation-main li>.c4{background:#7d8b72}
.template-t16 .allocation-ring span,.template-t16 .allocation-ring small,.template-t16 .allocation-impact>span,.template-t16 .allocation-impact dt{color:#515d67}
.template-t16 .allocation-board>footer p{color:#4f5962}.template-t16 .allocation-impact{background:#f0ece3}

@media(max-width:980px){
  .template-t01 .growth-capabilities{padding:68px 16px;border-radius:0}.template-t01 .growth-cap-grid{display:block}.template-t01 .growth-cap-grid article{margin-bottom:14px}.template-t01 .growth-cap-grid article:first-child>figure{height:220px}.template-t01 .growth-cap-grid article:not(:first-child){display:block}.template-t01 .growth-cap-grid article:not(:first-child)>figure{height:150px;margin:22px 0}
  .template-t03 .grove-roots{min-height:auto;padding:80px 16px;background-position:62% center}.template-t03 .grove-roots-intro{width:100%}.template-t03 .grove-roots ol{position:relative;margin-top:260px}.template-t03 .grove-roots ol:before{display:none}.template-t03 .grove-roots li{position:relative;inset:auto!important;width:100%;margin-top:12px}
  .template-t05 .lab-model{padding-block:85px}.template-t05 .lab-dimensions{display:block}.template-t05 .lab-dimensions article{margin-bottom:14px}.template-t05 .lab-dimensions article:first-child{min-height:610px;padding:26px}.template-t05 .lab-dimensions article:first-child figure{left:26px;right:26px;bottom:26px}.template-t05 .lab-dimensions article:not(:first-child){display:block}.template-t05 .lab-dimensions article:not(:first-child) figure{height:190px;margin-top:20px}
  .template-t07 .depth-layers{min-height:auto;padding:85px 16px;background-attachment:scroll}.template-t07 .depth-layers header{width:100%;display:block}.template-t07 .depth-layers header>span{display:block;margin-bottom:18px}.template-t07 .depth-layers header p{margin-top:20px}.template-t07 .layer-stack{margin:50px 0 0 8px}.template-t07 .layer-stack article{grid-template-columns:1fr;gap:12px;margin-left:0!important;padding:28px 18px 28px 34px}.template-t07 .layer-stack em{justify-self:start}
  .template-t08 .atelier-service-grid{display:block}.template-t08 .atelier-service-grid article{margin-bottom:14px}.template-t08 .atelier-service-grid article:first-child{min-height:650px;padding:28px}.template-t08 .atelier-service-grid article:first-child .media-book{left:28px;right:28px}.template-t08 .atelier-service-grid article:not(:first-child){display:block}.template-t08 .atelier-service-grid article:not(:first-child) figure{height:190px;margin-top:24px}
  .template-t09 .pace-system ol{display:block;min-height:0;padding:42px 24px;border-radius:42px}.template-t09 .pace-system ol:before,.template-t09 .pace-system ol:after{display:none}.template-t09 .pace-system li{min-height:235px;margin:0 0 18px;transform:none}
  .template-t11 .module-grid,.template-t17 .playbook-grid,.template-t18 .system-grid{display:block;padding:16px}.template-t11 .module-grid article,.template-t17 .playbook-grid article,.template-t18 .system-grid article{margin-bottom:14px}
  .template-t13 .ingredient-grid{display:block}.template-t13 .ingredient-grid article{min-height:390px;margin-bottom:14px}.template-t13 .ingredient-a .ingredient-visual{height:210px}.template-t13 .ingredient-b .ingredient-visual{position:relative;inset:auto;width:100%;height:180px;margin-top:30px}
  .template-t14 .clinic-path{display:block;min-height:0;padding:350px 18px 30px;background:linear-gradient(180deg,transparent 0 310px,#fff 310px),linear-gradient(180deg,#e4f3ef,#f8fbfa)}.template-t14 .clinic-path:before{left:24px;top:28px}.template-t14 .clinic-path:after{left:50%;top:72px;transform:translateX(-50%);width:170px;height:170px}.template-t14 .clinic-path article{border-right:0!important;border-bottom:1px solid #dae5e2!important}
  .template-t15 .method-grid{display:block}.template-t15 .method-grid article{min-height:330px;margin-bottom:14px}.template-t15 .method-grid article:nth-child(3){min-height:560px;padding:32px}.template-t15 .method-confidence{left:32px;right:32px;bottom:32px}
  .template-t16 .capital-policy-sheet{box-shadow:7px 7px 0 rgba(228,182,88,.11)}.template-t16 .policy-sheet-head{padding:22px 18px;align-items:flex-start}.template-t16 .policy-sheet-head h3{font-size:23px}.template-t16 .policy-sheet-status{margin-top:4px}.template-t16 .policy-objective,.template-t16 .policy-allocation{padding:30px 18px}.template-t16 .policy-objective h4{margin-top:30px;font-size:29px}.template-t16 .policy-allocation>header{display:block}.template-t16 .policy-allocation>header small{display:block;margin-top:9px}.template-t16 .policy-labels{display:none}.template-t16 .policy-row{padding:16px 0;grid-template-columns:1.3fr .9fr .65fr;gap:8px}.template-t16 .policy-row>span:nth-child(2) em,.template-t16 .policy-row>span:nth-child(3){display:none}.template-t16 .policy-row>span:nth-child(4){text-align:center}.template-t16 .policy-row>span:nth-child(5){text-align:right}.template-t16 .policy-decision{padding:25px 18px;display:block}.template-t16 .policy-decision dl{margin:22px 0}.template-t16 .policy-decision>a{display:block;text-align:center}
  .template-t19 .sound-grid article{display:block;min-height:0;padding:24px}.template-t19 .sound-grid article>span{display:block;margin-bottom:16px}.template-t19 .sound-grid .sound-visual{height:150px;margin-bottom:24px}.template-t19 .sound-grid h3{margin-bottom:10px}
  .template-t20 .city-districts{padding:85px 16px;background-attachment:scroll}.template-t20 .city-districts>header{width:100%}.template-t20 .district-grid{display:block;margin-top:50px}.template-t20 .district-grid article{min-height:190px;margin-bottom:14px}
}