/* v3-type-scale-rem applied */
/* v3-type-scale applied */
/* Each design owns its structure. Shared primitives remain in the factory CSS. */
.template-t01 .section-heading,.template-t02 .section-heading,.template-t03 .section-heading,.template-t04 .section-heading,.template-t05 .section-heading,.template-t06 .section-heading,.template-t07 .section-heading,.template-t08 .section-heading,.template-t09 .section-heading,.template-t10 .section-heading,.template-t11 .section-heading,.template-t12 .section-heading,.template-t13 .section-heading,.template-t14 .section-heading,.template-t15 .section-heading,.template-t16 .section-heading,.template-t17 .section-heading{margin-bottom:38px}
.template-t01 .item-index,.template-t02 .item-index,.template-t03 .item-index,.template-t04 .item-index,.template-t05 .item-index,.template-t06 .item-index,.template-t07 .item-index,.template-t08 .item-index,.template-t09 .item-index,.template-t10 .item-index,.template-t11 .item-index,.template-t12 .item-index,.template-t13 .item-index,.template-t14 .item-index,.template-t15 .item-index,.template-t16 .item-index,.template-t17 .item-index{display:block;font-size:13px;letter-spacing:.12em;font-weight:600;color:var(--accent)}
.template-t01 h1,.template-t02 h1,.template-t03 h1,.template-t04 h1,.template-t05 h1,.template-t06 h1,.template-t07 h1,.template-t08 h1,.template-t09 h1,.template-t10 h1,.template-t11 h1,.template-t12 h1,.template-t13 h1,.template-t14 h1,.template-t15 h1,.template-t16 h1,.template-t17 h1{overflow-wrap:anywhere}
.template-t01 .hero-description,.template-t02 .hero-description,.template-t03 .hero-description,.template-t04 .hero-description,.template-t05 .hero-description,.template-t06 .hero-description,.template-t07 .hero-description,.template-t08 .hero-description,.template-t09 .hero-description,.template-t10 .hero-description,.template-t11 .hero-description,.template-t12 .hero-description,.template-t13 .hero-description,.template-t14 .hero-description,.template-t15 .hero-description,.template-t16 .hero-description,.template-t17 .hero-description{font-size:17px;line-height:1.7;color:var(--muted);max-width:49ch;margin:25px 0 30px}
.template-t01 .concept-art,.template-t02 .concept-art,.template-t03 .concept-art,.template-t04 .concept-art,.template-t05 .concept-art,.template-t07 .concept-art,.template-t08 .concept-art,.template-t09 .concept-art,.template-t10 .concept-art,.template-t11 .concept-art,.template-t14 .concept-art,.template-t17 .concept-art{position:relative}
.template-t01 .diagram-label,.template-t05 .diagram-label,.template-t12 .diagram-label,.template-t13 .diagram-label,.template-t15 .diagram-label{font-size:12px;letter-spacing:.05em;line-height:1.6;opacity:.8;margin:20px 0 0}

/* 01 — Signal / Systems: technical editorial, ruled and angular. */
.template-t01 .signal-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding-top:70px;padding-bottom:65px;align-items:center}
.template-t01 .signal-copy{position:relative;z-index:1}
.template-t01 .signal-copy h1{font-size:clamp(44px,5.6vw,78px);line-height:1.02;letter-spacing:-.055em;max-width:10ch}
.template-t01 .signal-copy .eyebrow{color:var(--accent);max-width:35ch}
.template-t01 .signal-hero-foot{display:flex;justify-content:space-between;margin-top:65px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
.template-t01 .signal-hero-foot span:last-child{font-size:28px;color:var(--accent)}
.template-t01 .signal-visual{position:relative;min-height:495px;border:1px solid var(--line);background:radial-gradient(circle at 50% 52%,#c8f96c16,transparent 65%);color:var(--accent)}
.template-t01 .signal-visual .concept-art{height:495px;display:flex;align-items:center}
.template-t01 .signal-visual svg{width:100%;height:auto}
.template-t01 .signal-visual .art-caption{position:absolute;bottom:18px;left:20px;letter-spacing:.06em;font-size:12px;color:var(--muted)}
.template-t01 .signal-corner{position:absolute;font-size:12px;letter-spacing:.1em;background:var(--bg);padding:5px 12px}
.template-t01 .corner-top{top:-12px;left:18px}.template-t01 .corner-bottom{right:18px;bottom:-12px}
.template-t01 .signal-capabilities{padding-block:70px;border-top:1px solid var(--line)}
.template-t01 .signal-capabilities h2{max-width:650px;font-size:clamp(30px,4vw,46px);letter-spacing:-.04em}
.template-t01 .signal-capabilities .services-rows{border-bottom:1px solid var(--line)}
.template-t01 .signal-manifesto{display:grid;grid-template-columns:.45fr 1.4fr .75fr;gap:45px;padding-block:80px;border-block:1px solid var(--line)}
.template-t01 .manifesto-mark{font-size:110px;line-height:.9;color:var(--accent)}
.template-t01 .signal-manifesto h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.04em;margin-bottom:24px}
.template-t01 .signal-manifesto p{color:var(--muted);line-height:1.7}
.template-t01 .signal-manifesto aside{padding-left:24px;border-left:1px solid var(--line);align-self:end;font-size:15.5px}
.template-t01 .signal-manifesto aside span{font-size:12px;letter-spacing:.12em;color:var(--accent)}
.template-t01 .signal-manifesto .button{margin-top:20px}
.template-t01 .signal-delivery{padding-block:80px}
.template-t01 .signal-delivery .process-steps article{border-top:1px solid var(--line);padding-top:22px}
.template-t01 .closing-cta{border:1px solid var(--accent);padding:40px;margin-block:15px 80px;background:var(--surface)}

/* 02 — Quiet Advisory: warm paper and editorial serif space. */
.template-t02 .quiet-hero{padding-top:75px;padding-bottom:40px;text-align:center}
.template-t02 .quiet-hero h1{font-size:clamp(48px,7vw,94px);line-height:1.05;font-weight:400;letter-spacing:-.045em;max-width:900px;margin:22px auto 32px}
.template-t02 .quiet-hero>.eyebrow{font-family:Arial,sans-serif;font-size:12px}
.template-t02 .quiet-hero-base{display:flex;align-items:center;justify-content:center;gap:42px;text-align:left;margin-bottom:50px}
.template-t02 .quiet-hero-base p{max-width:44ch;color:var(--muted);font-size:18px;line-height:1.6}
.template-t02 .quiet-panorama{height:265px;background:var(--surface);overflow:hidden;position:relative}
.template-t02 .quiet-panorama .concept-art{height:100%}
.template-t02 .quiet-panorama svg{height:480px;width:100%;position:absolute;top:-125px;left:0;opacity:.72;stroke-width:1}
.template-t02 .quiet-panorama .art-caption{position:absolute;bottom:15px;left:22px;font-size:12px;font-family:Arial,sans-serif;color:var(--muted);letter-spacing:.09em}
.template-t02 .quiet-services{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:32px;padding-block:75px}
.template-t02 .quiet-services .section-heading{margin:0}
.template-t02 .quiet-services h2{font-size:38px;line-height:1.14;font-weight:400;letter-spacing:-.03em}
.template-t02 .quiet-service{padding-top:20px;border-top:1px solid var(--line)}
.template-t02 .quiet-service h3{font-size:26px;line-height:1.2;font-weight:400;margin:25px 0 15px}
.template-t02 .quiet-service p{font-size:16px;line-height:1.7;color:var(--muted)}
.template-t02 .quiet-service .text-link{font-family:Arial,sans-serif;font-size:12.5px;margin-top:15px}
.template-t02 .quiet-principles{display:grid;grid-template-columns:1fr 1fr;gap:13%;border-block:1px solid var(--line);padding-block:65px}
.template-t02 .quiet-principles h2{font-size:clamp(36px,5vw,61px);font-weight:400;line-height:1.1;letter-spacing:-.035em}
.template-t02 .quiet-principles p{font-size:19px;line-height:1.7;color:var(--muted);margin-bottom:22px}
.template-t02 .quiet-principles .button{margin-top:12px}
.template-t02 .quiet-process{padding-block:75px}
.template-t02 .quiet-process h2{font-weight:400;font-size:39px}
.template-t02 .quiet-process .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.template-t02 .quiet-process article{border-top:1px solid var(--line);padding-top:20px}
.template-t02 .quiet-process article h3{font-size:24px;font-weight:400}
.template-t02 .closing-cta{padding-block:45px 65px;border-top:1px solid var(--line);margin-bottom:20px}
.template-t02 .closing-cta h2{font-weight:400;font-size:clamp(35px,4.5vw,56px);line-height:1.12;max-width:700px}
.template-t02 .eyebrow,.template-t02 .item-index,.template-t02 .button{font-family:Arial,sans-serif}

/* 03 — A graphic development billboard. */
.template-t03 .cobalt-hero{background:var(--accent);color:white;position:relative;overflow:hidden}
.template-t03 .cobalt-hero-inner{position:relative;padding-block:55px 65px;min-height:540px}
.template-t03 .cobalt-kicker{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff66;padding-bottom:22px;margin-bottom:42px;font-size:12.5px}
.template-t03 .cobalt-kicker .eyebrow{color:white;margin:0}
.template-t03 .cobalt-hero h1{font-size:clamp(48px,7.5vw,103px);line-height:.98;letter-spacing:-.06em;max-width:10ch;position:relative;z-index:1}
.template-t03 .cobalt-hero-bottom{display:flex;align-items:center;gap:40px;margin-top:35px;max-width:750px;position:relative;z-index:1}
.template-t03 .cobalt-hero-bottom p{font-size:17px;line-height:1.7;max-width:42ch;color:#e4e9ff}
.template-t03 .cobalt-hero .button{background:white;color:var(--accent);border-color:white;flex-shrink:0}
.template-t03 .cobalt-brace{font-size:620px;line-height:.8;font-weight:200;position:absolute;right:-50px;bottom:5px;opacity:.14;pointer-events:none}
.template-t03 .cobalt-services{padding-block:80px}
.template-t03 .cobalt-services h2{font-size:clamp(36px,4.8vw,62px);line-height:1.02;letter-spacing:-.045em}
.template-t03 .cobalt-service-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}
.template-t03 .cobalt-service{border:1px solid var(--line);background:var(--surface);min-height:295px;padding:28px;display:flex;flex-direction:column}
.template-t03 .cobalt-service:first-child{background:var(--accent);color:white}
.template-t03 .cobalt-service:first-child .item-index,.template-t03 .cobalt-service:first-child p,.template-t03 .cobalt-service:first-child .text-link{color:#e4e9ff}
.template-t03 .cobalt-service h3{font-size:24px;line-height:1.2;margin:25px 0 18px;max-width:17ch}
.template-t03 .cobalt-service p{font-size:15.5px;line-height:1.7;color:var(--muted)}
.template-t03 .cobalt-service .text-link{margin-top:auto;padding-top:25px}
.template-t03 .cobalt-build-ribbon{border-block:1px solid var(--accent)}
.template-t03 .cobalt-build-ribbon .section{display:flex;justify-content:space-between;align-items:center;padding-block:25px;font-size:clamp(25px,4vw,48px);font-weight:600;letter-spacing:-.045em}
.template-t03 .cobalt-build-ribbon i{font-style:normal;font-weight:400}
.template-t03 .cobalt-principle{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-block:80px}
.template-t03 .cobalt-principle-art{background:var(--surface);border:1px solid var(--line)}
.template-t03 .cobalt-principle-art svg{width:100%;height:auto}
.template-t03 .cobalt-principle-art .art-caption{display:block;font-size:12px;padding:0 22px 20px;color:var(--muted)}
.template-t03 .cobalt-principle h2{font-size:clamp(36px,4.5vw,60px);line-height:1.05;letter-spacing:-.04em}
.template-t03 .cobalt-principle p{color:var(--muted);line-height:1.7;margin:20px 0}
.template-t03 .cobalt-process{padding-block:45px 80px;border-top:1px solid var(--line)}
.template-t03 .closing-cta{background:var(--accent);color:white;padding:45px;margin-bottom:70px}
.template-t03 .closing-cta p,.template-t03 .closing-cta .eyebrow{color:#dce4ff}
.template-t03 .closing-cta .button{background:white;color:var(--accent);border-color:white}

/* 04 — Orbital Cloud: a centered map with margin annotations. */
.template-t04 .orbital-hero{padding-block:65px 30px}
.template-t04 .orbital-title{text-align:center;position:relative;z-index:1}
.template-t04 .orbital-title h1{font-size:clamp(45px,6vw,79px);line-height:1.06;letter-spacing:-.05em;max-width:15ch;margin:20px auto 25px}
.template-t04 .orbital-title>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);max-width:56ch;margin:0 auto 28px}
.template-t04 .orbital-map{position:relative;margin-top:25px;height:390px;background:radial-gradient(ellipse at center,#658cda29,transparent 64%)}
.template-t04 .orbital-map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b9cfff66 1px,transparent 1px);background-size:47px 47px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.template-t04 .orbital-map .concept-art{height:100%;width:60%;margin:auto}
.template-t04 .orbital-map svg{height:100%;width:100%;color:var(--accent);stroke-width:1}
.template-t04 .orbital-map .art-caption{display:block;position:absolute;bottom:0;width:100%;text-align:center;font-size:12px;letter-spacing:.06em;color:var(--muted)}
.template-t04 .orbital-caption{position:absolute;font-size:12.5px;max-width:175px;border-top:1px solid var(--line);padding-top:13px}
.template-t04 .orbital-caption span{letter-spacing:.12em;font-size:9px;color:var(--accent)}
.template-t04 .orbital-caption p{line-height:1.6;color:var(--muted);margin-top:9px}
.template-t04 .caption-a{top:30px;left:0}.template-t04 .caption-b{top:70px;right:0}.template-t04 .caption-c{left:6%;bottom:20px}
.template-t04 .orbital-services{padding-block:55px 70px}
.template-t04 .orbital-services .section-heading{text-align:center}
.template-t04 .orbital-services h2{font-size:clamp(30px,4vw,46px);max-width:650px;margin-inline:auto;letter-spacing:-.03em}
.template-t04 .orbital-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.template-t04 .orbital-panel{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden}
.template-t04 .orbital-panel .item-index{width:50px;height:50px;display:grid;place-content:center;border:1px solid var(--accent);border-radius:50%;margin-bottom:25px}
.template-t04 .orbital-panel h3{font-size:22px;line-height:1.25;margin-bottom:18px}
.template-t04 .orbital-panel p{color:var(--muted);font-size:15.5px;line-height:1.7;margin-bottom:25px}
.template-t04 .orbital-perspective{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding-block:60px;border-block:1px solid var(--line)}
.template-t04 .orbital-perspective h2{font-size:clamp(32px,4vw,49px);line-height:1.12;letter-spacing:-.035em}
.template-t04 .orbital-perspective p{font-size:17px;color:var(--muted);line-height:1.8;margin-bottom:25px}
.template-t04 .orbital-launch{padding-block:75px}
.template-t04 .orbital-launch .process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.template-t04 .orbital-launch article{padding:30px;border:1px solid var(--line);border-radius:20px}
.template-t04 .orbital-launch article:nth-child(even){transform:translateY(20px)}
.template-t04 .closing-cta{padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:24px;margin-block:20px 80px}

/* 05 — Precise, soft technology modules. */
.template-t05 .morrow-hero{display:grid;grid-template-columns:.95fr 1.15fr;gap:60px;align-items:center;padding-block:80px 65px}
.template-t05 .morrow-copy h1{font-size:clamp(41px,5vw,69px);letter-spacing:-.055em;line-height:1.05;max-width:12ch}
.template-t05 .morrow-workspace{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:0 20px 55px #17372910;transform:rotate(2deg);position:relative;margin:20px 0 30px}
.template-t05 .workspace-chrome{display:flex;gap:6px;padding:8px 9px 15px;align-items:center;font-size:8px;letter-spacing:.1em}
.template-t05 .workspace-chrome i{width:6px;height:6px;border-radius:50%;background:#a3b79f}.template-t05 .workspace-chrome span{margin-left:auto;color:var(--muted)}
.template-t05 .workspace-body{display:grid;grid-template-columns:40px 1fr;gap:12px;min-height:300px}
.template-t05 .workspace-sidebar{display:flex;flex-direction:column;gap:18px;align-items:center;background:#d7e5d3;border-radius:10px;padding-top:20px}
.template-t05 .workspace-sidebar b{width:14px;height:14px;border:1px solid #759e73;border-radius:4px}.template-t05 .workspace-sidebar b:first-child{background:var(--accent)}
.template-t05 .workspace-canvas{padding:10px;background:var(--bg);border-radius:12px}
.template-t05 .workspace-top{display:flex;gap:9px;border-bottom:1px solid var(--line);padding:12px 5px 20px;font-size:12px;color:var(--muted)}
.template-t05 .workspace-top span:first-child{color:var(--text);font-weight:700}
.template-t05 .workspace-modules{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:18px}
.template-t05 .workspace-module{background:white;border:1px solid var(--line);border-radius:12px;padding:15px;min-height:115px}
.template-t05 .workspace-module>span{font-size:9px;color:var(--muted)}
.template-t05 .workspace-module.wide{grid-column:1/-1;min-height:80px}
.template-t05 .module-bars{display:flex;gap:8px;align-items:flex-end;height:55px;margin-top:12px}.template-t05 .module-bars i{width:22%;height:65%;background:#8ab69a;border-radius:4px 4px 0 0}.template-t05 .module-bars i:nth-child(2){height:90%;background:var(--accent)}.template-t05 .module-bars i:nth-child(3){height:45%;background:#b6ccb7}
.template-t05 .module-nodes{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:25px;position:relative}.template-t05 .module-nodes:before{content:"";height:1px;width:100%;background:var(--line);position:absolute;top:50%}.template-t05 .module-nodes i{width:24px;height:24px;border-radius:50%;border:1px solid var(--accent);background:var(--bg);z-index:1}
.template-t05 .module-lines{display:grid;gap:8px;margin-top:16px}.template-t05 .module-lines i{height:5px;width:85%;background:#d7e5d3;border-radius:3px}.template-t05 .module-lines i:nth-child(2){width:60%}.template-t05 .module-lines i:nth-child(3){width:72%}
.template-t05 .morrow-workspace .diagram-label{position:absolute;left:5px;bottom:-27px}
.template-t05 .morrow-benefits{padding-block:45px 75px}
.template-t05 .morrow-bento{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:18px}
.template-t05 .morrow-bento article{background:var(--surface);border-radius:22px;padding:32px}
.template-t05 .morrow-bento .morrow-bento-large{grid-row:1/3;position:relative;overflow:hidden}
.template-t05 .morrow-bento h2{font-size:clamp(31px,3.5vw,44px);line-height:1.12;letter-spacing:-.03em}
.template-t05 .morrow-bento h3{font-size:22px;margin:16px 0 13px}
.template-t05 .morrow-bento p{color:var(--muted);line-height:1.7;font-size:16px;max-width:42ch}
.template-t05 .morrow-bento-large .concept-art{height:210px;margin:8px -15px -15px}
.template-t05 .morrow-bento-large svg{height:100%;width:100%;color:var(--accent);stroke-width:1.5}
.template-t05 .morrow-bento-large .art-caption{display:none}
.template-t05 .benefit-symbol{font-size:30px;color:var(--accent)}
.template-t05 .morrow-services{padding-block:35px 70px}
.template-t05 .morrow-service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}
.template-t05 .morrow-service{border-top:1px solid var(--line);padding:25px 0}
.template-t05 .morrow-service:first-child{grid-row:1/3;background:var(--surface);padding:35px;border-radius:22px;border-top:0;display:flex;flex-direction:column;justify-content:center}
.template-t05 .morrow-service h3{font-size:25px;line-height:1.25;margin:16px 0}
.template-t05 .morrow-service p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:20px}
.template-t05 .morrow-process{padding-block:40px 70px;border-top:1px solid var(--line)}
.template-t05 .morrow-process .process-steps article{background:var(--surface);padding:25px;border-radius:16px}
.template-t05 .closing-cta{background:#173729;color:var(--bg);padding:45px;border-radius:24px;margin-bottom:75px}
.template-t05 .closing-cta p,.template-t05 .closing-cta .eyebrow{color:#bcd5bb}
.template-t05 .closing-cta .button{background:var(--bg);color:#173729;border-color:var(--bg)}

/* 06 — Guard / Protocol: industrial poster with a shield cutout. */
.template-t06 .guard-hero{margin-top:35px;margin-bottom:60px;border:1px solid var(--line);padding-inline:35px}
.template-t06 .guard-topline,.template-t06 .guard-bottomline{display:flex;justify-content:space-between;gap:25px;padding:20px 0;font-size:12px;letter-spacing:.1em;color:var(--muted)}
.template-t06 .guard-topline{border-bottom:1px solid var(--line)}.template-t06 .guard-topline>span:last-child{color:var(--accent);font-size:20px;line-height:12px}
.template-t06 .guard-bottomline{border-top:1px solid var(--line)}
.template-t06 .guard-hero-body{display:grid;grid-template-columns:1.4fr .8fr;gap:25px;align-items:center;padding-block:55px}
.template-t06 .guard-copy h1{font-size:clamp(45px,6.4vw,88px);font-weight:600;line-height:1;letter-spacing:-.055em;max-width:12ch}
.template-t06 .guard-copy .eyebrow{color:var(--accent)}
.template-t06 .guard-shield{color:var(--accent);background:repeating-linear-gradient(0deg,transparent,transparent 19px,#ff84520e 20px);padding:20px}
.template-t06 .guard-shield svg{width:100%;height:auto}
.template-t06 .guard-statement{background:var(--accent);color:var(--bg)}
.template-t06 .guard-statement>.section{display:grid;grid-template-columns:.4fr 1.2fr 1fr;gap:35px;align-items:center;padding-block:45px}
.template-t06 .guard-statement-mark{font-size:150px;line-height:.7;align-self:end}
.template-t06 .guard-statement h2{font-size:clamp(35px,4.4vw,57px);line-height:1.05;letter-spacing:-.04em}
.template-t06 .guard-statement p{font-size:16px;line-height:1.8;color:var(--bg)}
.template-t06 .guard-services{padding-block:80px 65px}
.template-t06 .guard-services h2{font-size:42px;letter-spacing:-.03em}
.template-t06 .guard-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block:1px solid var(--line)}
.template-t06 .guard-capability{padding:30px;border-left:1px solid var(--line)}.template-t06 .guard-capability:first-child{padding-left:0;border-left:0}
.template-t06 .guard-capability .item-index{font-size:35px;font-weight:400;letter-spacing:-.04em}
.template-t06 .guard-capability h3{font-size:23px;line-height:1.3;margin:24px 0 18px}
.template-t06 .guard-capability p{color:var(--muted);font-size:15.5px;line-height:1.7;margin-bottom:25px}
.template-t06 .guard-process{display:grid;grid-template-columns:1fr 1.5fr;gap:85px;padding-block:30px 75px}
.template-t06 .guard-process>div:first-child h2{font-size:43px;line-height:1.05;letter-spacing:-.04em}
.template-t06 .guard-process>div:first-child p{color:var(--muted);line-height:1.7;margin-top:25px}
.template-t06 .guard-process .process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.template-t06 .guard-process article{border-top:1px solid var(--line);padding-top:18px}
.template-t06 .closing-cta{border:1px solid var(--accent);padding:35px;margin-bottom:75px}

/* 07 — Synapse Atelier: offset typography and circular cutouts. */
.template-t07 .synapse-hero{padding-top:55px;padding-bottom:35px}
.template-t07 .synapse-kicker{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;font-size:12.5px;gap:25px}
.template-t07 .synapse-kicker .eyebrow{margin:0}
.template-t07 .synapse-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto;gap:25px 35px;padding-top:40px;align-items:start}
.template-t07 .synapse-hero h1{font-size:clamp(46px,6.5vw,87px);line-height:1.04;letter-spacing:-.06em;max-width:11ch}
.template-t07 .synapse-visual{grid-column:2;grid-row:1/3;margin-top:20px;aspect-ratio:1;background:var(--surface);border-radius:50% 50% 5% 50%;position:relative}
.template-t07 .synapse-visual .concept-art{height:100%;display:grid;place-items:center}
.template-t07 .synapse-visual svg{width:100%;height:auto;color:var(--accent)}
.template-t07 .synapse-visual .art-caption{position:absolute;bottom:40px;font-size:12px;color:var(--muted)}
.template-t07 .synapse-description{max-width:45ch;padding-left:18%;padding-bottom:25px}
.template-t07 .synapse-description p{font-size:17px;line-height:1.75;color:var(--muted);margin-bottom:25px}
.template-t07 .synapse-ribbon{margin-block:30px;border-block:1px solid var(--line)}
.template-t07 .synapse-ribbon>.section{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:23px;font-size:13px}
.template-t07 .synapse-ribbon [aria-hidden]{font-size:23px;color:var(--accent)}
.template-t07 .synapse-services{padding-block:45px 80px}
.template-t07 .synapse-services h2{font-size:clamp(32px,4vw,49px);letter-spacing:-.045em}
.template-t07 .synapse-service-windows{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.template-t07 .synapse-window{position:relative;padding:45px 30px 35px;border:1px solid var(--line);border-radius:150px 150px 22px 22px;text-align:center;background:var(--surface)}
.template-t07 .synapse-window:nth-child(2){background:var(--bg);transform:translateY(25px)}
.template-t07 .synapse-window .item-index{width:45px;height:45px;border:1px solid var(--accent);border-radius:50%;display:grid;place-content:center;margin-inline:auto;margin-bottom:25px}
.template-t07 .synapse-window h3{font-size:24px;line-height:1.2;margin-bottom:20px}
.template-t07 .synapse-window p{font-size:15.5px;color:var(--muted);line-height:1.75;margin-bottom:22px}
.template-t07 .synapse-method{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-block:40px 50px}
.template-t07 .synapse-method article{padding:40px;border:1px solid var(--line);border-radius:25px;position:relative;overflow:hidden}
.template-t07 .synapse-method h2{font-size:clamp(31px,4vw,48px);line-height:1.12;letter-spacing:-.04em;margin-bottom:28px}
.template-t07 .synapse-method p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:25px}
.template-t07 .synapse-method article:last-child{background:var(--text);color:var(--bg)}
.template-t07 .synapse-method article:last-child .eyebrow,.template-t07 .synapse-method article:last-child p{color:#c5b6dc}
.template-t07 .synapse-method .concept-art{height:210px;margin-top:20px;color:#bfa5e4}
.template-t07 .synapse-method svg{height:100%;width:100%;stroke-width:1}
.template-t07 .synapse-method .art-caption{display:none}
.template-t07 .closing-cta{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:55px 75px;border-top:1px solid var(--line)}
.template-t07 .closing-cta h2{font-size:clamp(35px,5vw,62px);letter-spacing:-.045em;line-height:1.08;max-width:800px;margin:0 auto 20px}
.template-t07 .closing-cta p{max-width:55ch;margin:0 auto 25px}

/* 08 — Framework Index: a Swiss ledger, not a card-based homepage. */
.template-t08 .framework-hero{display:grid;grid-template-columns:.45fr 1.5fr .8fr;gap:30px;padding-block:50px 65px;border-bottom:1px solid var(--line)}
.template-t08 .framework-label{display:flex;flex-direction:column;justify-content:space-between;gap:30px;border-right:1px solid var(--line);padding-right:20px;font-size:12.5px;line-height:1.6}
.template-t08 .framework-label>span:first-child{color:var(--accent);letter-spacing:.1em}
.template-t08 .framework-plus{font-size:95px;line-height:.8;color:var(--accent);font-weight:200}
.template-t08 .framework-copy h1{font-size:clamp(41px,4.7vw,64px);line-height:1.04;letter-spacing:-.055em;max-width:12ch}
.template-t08 .framework-copy .hero-description{font-size:16px}
.template-t08 .framework-note{font-size:12.5px;margin-top:35px;color:var(--muted);padding-top:16px;border-top:1px solid var(--line)}
.template-t08 .framework-plate{align-self:start;background:var(--accent);color:var(--bg);position:relative;margin-top:36px}
.template-t08 .framework-plate .concept-art{color:var(--bg)}
.template-t08 .framework-plate svg{height:255px;width:100%;stroke-width:1}
.template-t08 .framework-plate .art-caption{display:block;font-size:9px;line-height:1.6;padding:0 15px 15px;color:#fff5ee}
.template-t08 .framework-services{padding-block:55px 70px}
.template-t08 .framework-services .section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}
.template-t08 .framework-services h2{font-size:39px;letter-spacing:-.045em;margin:0}
.template-t08 .framework-entry{display:grid;grid-template-columns:.2fr 1.2fr 1.5fr .4fr;gap:25px;border-top:1px solid var(--line);padding-block:27px;align-items:center}
.template-t08 .framework-entry:last-child{border-bottom:1px solid var(--line)}
.template-t08 .framework-entry h3{font-size:23px;line-height:1.2;margin:0}
.template-t08 .framework-entry p{font-size:14.5px;line-height:1.7;color:var(--muted);margin:0}
.template-t08 .framework-entry .text-link{font-size:12.5px;white-space:nowrap}
.template-t08 .framework-brief{background:var(--text);color:var(--bg)}
.template-t08 .framework-brief>.section{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;padding-block:55px}
.template-t08 .framework-brief h2{font-size:clamp(32px,4vw,47px);line-height:1.12;letter-spacing:-.045em}
.template-t08 .framework-brief p{font-size:15.5px;line-height:1.8;color:#c7cec0;margin-bottom:18px}
.template-t08 .framework-brief .eyebrow{color:#c7cec0}
.template-t08 .framework-brief .button{border-color:#a2b094;color:var(--bg);margin-top:15px}
.template-t08 .framework-process{display:grid;grid-template-columns:.75fr 1.6fr;gap:75px;padding-block:65px}
.template-t08 .framework-process h2{font-size:44px;letter-spacing:-.05em;line-height:1.05}
.template-t08 .framework-process .process-grid{display:flex;flex-direction:column;gap:0}
.template-t08 .framework-process article{display:grid;grid-template-columns:35px 1fr 1.6fr;gap:25px;border-top:1px solid var(--line);padding-block:25px}
.template-t08 .framework-process article h3,.template-t08 .framework-process article p{margin:0}
.template-t08 .framework-process article h3{font-size:20px}
.template-t08 .framework-process article p{font-size:14.5px}
.template-t08 .closing-cta{border:1px solid var(--line);padding:30px;margin-bottom:65px}

/* Template 09: a tall architectural composition. */
.template-t09 .network-hero{display:grid;grid-template-columns:1.1fr 1fr .22fr;gap:35px;padding-block:60px;align-items:start}
.template-t09 .network-hero-copy{padding-top:25px}
.template-t09 .network-hero h1{font-size:clamp(42px,5.2vw,68px);line-height:1.08;letter-spacing:-.05em;max-width:10ch}
.template-t09 .network-margin-note{border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1fr;gap:15px;padding-top:25px;margin-top:45px;font-size:12.5px;line-height:1.65}
.template-t09 .network-margin-note>span{font-size:9px;letter-spacing:.12em;color:var(--accent)}
.template-t09 .network-margin-note p{margin:0;color:var(--muted)}
.template-t09 .network-tower{min-height:555px;background:var(--text);color:var(--surface);position:relative;display:grid;align-items:center;overflow:hidden}
.template-t09 .network-tower .concept-art{color:#ddc6a4}
.template-t09 .network-tower:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 34px,#eee8dd0b 35px)}
.template-t09 .network-tower svg{width:100%;height:380px;stroke-width:1}
.template-t09 .network-tower .art-caption{display:block;position:absolute;bottom:-60px;left:20px;font-size:12px;line-height:1.7;color:#c1c6be;max-width:70%}
.template-t09 .tower-side{position:absolute;right:13px;top:22px;font-size:8px;letter-spacing:.15em;writing-mode:vertical-rl;color:#c8b9a1}
.template-t09 .network-hero-aside{height:555px;border-left:1px solid var(--line);padding:25px 0 25px 20px;display:flex;flex-direction:column;justify-content:space-between;font-size:13px;color:var(--muted)}
.template-t09 .network-hero-aside>span:first-child{font-size:31px;font-weight:300;color:var(--accent)}
.template-t09 .network-hero-aside>span:last-child{font-size:29px;color:var(--text)}
.template-t09 .network-services{padding-block:40px 75px}
.template-t09 .network-service-columns{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:0}
.template-t09 .network-service{padding:35px;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.template-t09 .network-service:first-child{background:var(--surface);border-left:0}
.template-t09 .network-service h3{font-size:25px;line-height:1.25;margin:30px 0 18px}
.template-t09 .network-service p{font-size:15.5px;line-height:1.8;color:var(--muted);margin-bottom:22px}
.template-t09 .network-statement{padding-block:55px;border-block:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end}
.template-t09 .network-statement h2{font-size:clamp(31px,4.4vw,52px);line-height:1.15;letter-spacing:-.04em}
.template-t09 .network-statement>p{font-size:16px;line-height:1.8;color:var(--muted)}
.template-t09 .network-process{padding-block:75px}
.template-t09 .network-process .process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 45px}
.template-t09 .network-process article{display:grid;grid-template-columns:35px 1fr;gap:10px 20px;padding-block:25px;border-top:1px solid var(--line)}
.template-t09 .network-process article p{grid-column:2;margin:0}.template-t09 .network-process article h3{margin:0}
.template-t09 .network-contact{display:grid;grid-template-columns:1.7fr 1fr;gap:80px;background:var(--text);color:var(--bg);padding:40px;margin-bottom:70px}
.template-t09 .network-contact h2{font-size:44px;line-height:1.1;letter-spacing:-.035em}
.template-t09 .network-contact p{color:#cbc7bb;font-size:15.5px;line-height:1.7;margin:20px 0}
.template-t09 .network-contact>.section{padding:0}
.template-t09 .network-contact>div:last-child{border-left:1px solid #eee8dd44;padding-left:30px;align-self:end;overflow-wrap:anywhere}
.template-t09 .network-contact>div:last-child>span{font-size:9px;letter-spacing:.1em;color:#adac9f}
.template-t09 .network-contact .eyebrow{color:#c5b296}
.template-t09 .network-contact .button{background:var(--bg);color:var(--text);border-color:var(--bg)}

/* 10 — Evergreen Managed: arched windows and broad service ribbons. */
.template-t10 .evergreen-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding-top:45px;padding-bottom:50px}
.template-t10 .evergreen-copy{padding:48px 40px;background:var(--surface);border-radius:28px;display:flex;align-items:center}
.template-t10 .evergreen-copy h1{font-size:clamp(42px,5vw,65px);line-height:1.08;letter-spacing:-.05em;max-width:11ch}
.template-t10 .evergreen-portal{background:var(--text);border-radius:28px;min-height:490px;position:relative;overflow:hidden;color:#b1c79e}
.template-t10 .evergreen-portal .concept-art{height:420px;display:grid;place-items:center;color:#b1c79e}
.template-t10 .evergreen-portal svg{width:100%;height:auto;stroke-width:1}
.template-t10 .evergreen-portal .art-caption{position:absolute;bottom:20px;left:25px;right:25px;font-size:9px;letter-spacing:.06em;color:#a1b39b}
.template-t10 .evergreen-portal>span{position:absolute;bottom:32px;left:32px;font-size:18px;line-height:1.4;color:var(--bg)}
.template-t10 .evergreen-portal .art-caption{bottom:82px}
.template-t10 .evergreen-promise{padding-block:35px 60px;text-align:center}
.template-t10 .evergreen-promise h2{font-size:clamp(33px,4.6vw,57px);line-height:1.1;letter-spacing:-.045em}
.template-t10 .evergreen-promise>p:last-child{max-width:65ch;margin:25px auto 0;color:var(--muted);line-height:1.8;font-size:17px}
.template-t10 .evergreen-services{padding-block:35px 70px}
.template-t10 .evergreen-ribbons{display:flex;flex-direction:column;gap:16px}
.template-t10 .evergreen-ribbon{display:grid;grid-template-columns:.25fr 1fr 1.4fr .4fr;gap:28px;align-items:center;background:var(--surface);border-radius:24px;padding:30px}
.template-t10 .evergreen-ribbon:nth-child(2){background:var(--bg);border:1px solid var(--line);margin-left:5%}
.template-t10 .evergreen-ribbon:nth-child(3){margin-right:5%}
.template-t10 .evergreen-ribbon .item-index{width:45px;height:45px;border:1px solid var(--line);border-radius:50%;display:grid;place-content:center}
.template-t10 .evergreen-ribbon h3{font-size:24px;line-height:1.25;margin:0}
.template-t10 .evergreen-ribbon p{font-size:15.5px;line-height:1.75;color:var(--muted);margin:0}
.template-t10 .evergreen-ribbon .text-link{font-size:12.5px}
.template-t10 .evergreen-support{display:grid;grid-template-columns:.9fr 1.4fr;gap:75px;padding-block:25px 75px}
.template-t10 .evergreen-support h2{font-size:42px;line-height:1.12;letter-spacing:-.035em}
.template-t10 .evergreen-support>div:first-child p{font-size:16px;color:var(--muted);line-height:1.8;margin:25px 0}
.template-t10 .evergreen-support .process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.template-t10 .evergreen-support article{padding:25px;border:1px solid var(--line);border-radius:20px}
.template-t10 .closing-cta{background:var(--text);color:var(--bg);border-radius:28px;padding:45px;margin-bottom:75px}
.template-t10 .closing-cta p,.template-t10 .closing-cta .eyebrow{color:#b2c5aa}
.template-t10 .closing-cta .button{background:var(--bg);color:var(--text);border-color:var(--bg)}

/* 11 — Relay Automation: a circuit at landscape scale. */
.template-t11 .relay-hero{padding-block:40px 50px}
.template-t11 .relay-top{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding-block:15px;font-size:9px;letter-spacing:.15em;color:var(--muted)}
.template-t11 .relay-top span:last-child{color:var(--accent)}
.template-t11 .relay-hero-content{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:center;padding-top:50px}
.template-t11 .relay-copy h1{font-size:clamp(45px,5.8vw,76px);letter-spacing:-.055em;line-height:1.04;max-width:11ch}
.template-t11 .relay-copy .eyebrow{color:var(--accent)}
.template-t11 .relay-circuit{height:430px;position:relative;background:linear-gradient(90deg,#56e0c70c 1px,transparent 1px),linear-gradient(0deg,#56e0c70c 1px,transparent 1px);background-size:30px 30px}
.template-t11 .relay-circuit .concept-art{height:100%;color:var(--accent)}
.template-t11 .relay-circuit svg{height:100%;width:100%;stroke-width:1.5}
.template-t11 .relay-circuit .art-caption{display:none}
.template-t11 .relay-node{position:absolute;border:1px solid var(--accent);background:var(--bg);font-size:8px;letter-spacing:.15em;padding:10px 13px;color:var(--accent)}
.template-t11 .node-a{left:4%;bottom:11%}.template-t11 .node-b{top:7%;left:37%}.template-t11 .node-c{right:3%;top:47%}
.template-t11 .relay-status{border-bottom:1px solid var(--line);padding:22px 0 17px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}
.template-t11 .relay-status i{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.template-t11 .relay-flow{padding-block:45px 70px}
.template-t11 .relay-flow-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative}
.template-t11 .relay-flow-nodes:before{content:"";position:absolute;top:22px;left:0;right:0;height:1px;background:var(--line)}
.template-t11 .relay-flow-nodes article{border:1px solid var(--line);background:var(--bg);padding:30px;position:relative}
.template-t11 .relay-flow-nodes article:nth-child(2){margin-top:25px}.template-t11 .relay-flow-nodes article:nth-child(3){margin-top:50px}
.template-t11 .relay-flow-nodes article>span{font-size:9px;letter-spacing:.1em;color:var(--accent)}
.template-t11 .relay-flow-nodes article h3{font-size:24px;margin:22px 0 17px}
.template-t11 .relay-flow-nodes article p{color:var(--muted);font-size:15.5px;line-height:1.7}
.template-t11 .relay-services{padding-block:25px 75px}
.template-t11 .relay-service-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.template-t11 .relay-service{background:var(--surface);border:1px solid var(--line);padding:30px;border-radius:8px}
.template-t11 .relay-service:first-child{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 30% 20%,#56e0c71a,transparent 60%),var(--surface)}
.template-t11 .relay-service:first-child .item-index{font-size:48px;font-weight:300}
.template-t11 .relay-service h3{font-size:25px;line-height:1.25;margin:20px 0}
.template-t11 .relay-service p{color:var(--muted);font-size:15.5px;line-height:1.8;margin-bottom:20px}
.template-t11 .relay-control{background:var(--accent);color:var(--bg)}
.template-t11 .relay-control>.section{display:grid;grid-template-columns:.3fr 1.7fr .6fr;gap:35px;align-items:center;padding-block:45px}
.template-t11 .relay-control-icon{font-size:80px;line-height:1}
.template-t11 .relay-control h2{font-size:clamp(32px,3.7vw,46px);letter-spacing:-.04em}
.template-t11 .relay-control p{font-size:15.5px;line-height:1.7;margin-top:20px;max-width:65ch;color:var(--bg)}
.template-t11 .relay-control .eyebrow{color:#27494b}
.template-t11 .relay-control .button{border-color:var(--bg);color:var(--bg);font-size:13px}
.template-t11 .closing-cta{padding-block:65px;margin-block:30px 50px;border-bottom:1px solid var(--line)}

/* 12 — Pocket Form: offset phones and a rising delivery staircase. */
.template-t12 .pocket-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-block:65px 55px}
.template-t12 .pocket-copy h1{font-size:clamp(45px,5.5vw,74px);line-height:1.03;letter-spacing:-.055em;max-width:11ch}
.template-t12 .pocket-label{display:block;margin-top:40px;font-size:12px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}
.template-t12 .pocket-phones{position:relative;height:485px;border-radius:35% 35% 10% 10%;background:var(--surface)}
.template-t12 .phone{width:190px;height:365px;background:var(--bg);border:6px solid var(--text);border-radius:32px;position:absolute;box-shadow:14px 16px 0 #16353b10;padding:25px 13px 15px;overflow:hidden}
.template-t12 .phone-one{left:12%;top:42px;transform:rotate(-10deg)}
.template-t12 .phone-two{right:7%;top:75px;transform:rotate(9deg);background:#c2dde1}
.template-t12 .phone-speaker{position:absolute;top:8px;left:calc(50% - 20px);width:40px;height:5px;border-radius:5px;background:var(--text)}
.template-t12 .phone>span{font-size:8px;letter-spacing:.15em;display:block;margin:15px 0 25px}
.template-t12 .phone-orbit{width:110px;height:110px;border:1px solid var(--accent);border-radius:50%;margin:10px auto 25px;position:relative;background:radial-gradient(circle,var(--accent) 21%,transparent 22%)}
.template-t12 .phone-orbit:before,.template-t12 .phone-orbit:after{content:"";position:absolute;inset:20px -10px;border:1px solid var(--accent);border-radius:50%;transform:rotate(35deg)}
.template-t12 .phone-orbit:after{transform:rotate(-35deg)}
.template-t12 .phone-lines{display:grid;gap:9px;margin-top:15px}.template-t12 .phone-lines i{width:90%;height:6px;border-radius:3px;background:#8cb9c0}.template-t12 .phone-lines i:nth-child(2){width:65%}.template-t12 .phone-lines i:nth-child(3){width:78%}
.template-t12 .phone-dock{position:absolute;bottom:18px;left:13px;right:13px;display:flex;justify-content:space-around;border-top:1px solid #16353b2a;padding-top:16px}
.template-t12 .phone-dock i{width:13px;height:13px;border:1px solid var(--accent);border-radius:4px}
.template-t12 .phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0 30px}.template-t12 .phone-grid i{height:66px;background:#ffffff99;border-radius:10px}.template-t12 .phone-grid i:first-child{background:var(--accent)}
.template-t12 .pocket-phones .diagram-label{position:absolute;bottom:14px;left:25px;right:25px;font-size:9px;text-align:center}
.template-t12 .pocket-services{padding-block:45px 75px}
.template-t12 .pocket-services h2{font-size:clamp(35px,4.7vw,60px);line-height:1.04;letter-spacing:-.045em}
.template-t12 .pocket-service-mosaic{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;align-items:end}
.template-t12 .pocket-service{background:var(--surface);padding:30px;border-radius:16px;min-height:310px;display:flex;flex-direction:column}
.template-t12 .pocket-service:first-child{background:var(--text);color:var(--bg);min-height:360px}
.template-t12 .pocket-service:first-child .item-index,.template-t12 .pocket-service:first-child p{color:#abcfd5}
.template-t12 .pocket-service:nth-child(3){min-height:340px;background:#c5e0e4}
.template-t12 .pocket-service h3{font-size:25px;line-height:1.2;margin:30px 0 20px}
.template-t12 .pocket-service p{font-size:15.5px;color:var(--muted);line-height:1.7}
.template-t12 .pocket-service .text-link{margin-top:auto;padding-top:22px}
.template-t12 .pocket-intent{border-block:1px solid var(--line)}
.template-t12 .pocket-intent>.section{display:grid;grid-template-columns:.3fr 1.2fr 1fr;gap:35px;align-items:center;padding-block:55px}
.template-t12 .pocket-intent-mark{font-size:82px;color:var(--accent);line-height:1}
.template-t12 .pocket-intent h2{font-size:clamp(36px,4.7vw,59px);line-height:1.05;letter-spacing:-.045em}
.template-t12 .pocket-intent p{color:var(--muted);font-size:15.5px;line-height:1.8;margin-bottom:20px}
.template-t12 .pocket-process{padding-block:75px 100px}
.template-t12 .pocket-process .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.template-t12 .pocket-process article{border:1px solid var(--line);border-radius:16px;padding:25px;background:var(--surface)}
.template-t12 .pocket-process article:nth-child(2){transform:translateY(18px)}.template-t12 .pocket-process article:nth-child(3){transform:translateY(36px)}.template-t12 .pocket-process article:nth-child(4){transform:translateY(54px)}
.template-t12 .closing-cta{background:var(--surface);border-radius:22px;padding:40px;margin-block:30px 80px}

/* 13 — Commerce / Edition: a publication with an abstract shop window. */
.template-t13 .edition-hero{padding-block:30px 50px}
.template-t13 .edition-masthead{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding-block:14px;font-size:9px;letter-spacing:.14em;font-family:Arial,sans-serif;gap:25px}
.template-t13 .edition-title{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end;padding-block:45px}
.template-t13 .edition-title h1{font-size:clamp(47px,6.6vw,89px);line-height:1.01;font-weight:400;letter-spacing:-.045em;max-width:12ch}
.template-t13 .edition-title>div>p:not(.eyebrow){font-size:19px;line-height:1.6;color:var(--muted);margin:20px 0 25px}
.template-t13 .edition-shop{background:var(--surface);padding:20px 35px;position:relative;overflow:hidden}
.template-t13 .shop-mast{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;gap:15px;font-size:12px;letter-spacing:.1em;font-family:Arial,sans-serif}
.template-t13 .shop-display{height:235px;display:flex;align-items:end;justify-content:center;gap:13%;padding:25px 40px 0;border-bottom:1px solid var(--line);background:linear-gradient(0deg,#faf3ed44,transparent)}
.template-t13 .shop-object{width:95px;height:150px;background:var(--accent);position:relative;box-shadow:16px 5px 0 #b84b401f}
.template-t13 .object-one{height:155px;border-radius:60px 60px 4px 4px;background:linear-gradient(90deg,#a6443c,#ce7261)}
.template-t13 .object-two{height:95px;width:155px;border-radius:100px 100px 0 0;background:linear-gradient(0deg,#7a3c35,#b96758);transform:rotate(-7deg);transform-origin:bottom}
.template-t13 .object-three{width:95px;height:180px;background:linear-gradient(90deg,#dba991,#ad6452);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
.template-t13 .shop-line{display:flex;justify-content:space-between;padding-top:13px;font-family:Arial,sans-serif;font-size:12px;color:var(--muted)}
.template-t13 .edition-shop .diagram-label{font-family:Arial,sans-serif;font-size:9px;margin-top:14px}
.template-t13 .edition-services{padding-block:30px 75px}
.template-t13 .edition-services h2{font-size:43px;font-weight:400;letter-spacing:-.025em}
.template-t13 .edition-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.template-t13 .edition-story{border-top:4px solid var(--accent);padding-top:23px}
.template-t13 .edition-story:nth-child(2){border-color:#bd8a6b}.template-t13 .edition-story:nth-child(3){border-color:#7e7160}
.template-t13 .edition-story .item-index{font-size:45px;font-weight:400;letter-spacing:-.06em}
.template-t13 .edition-story h3{font-size:29px;font-weight:400;line-height:1.15;margin:25px 0 20px}
.template-t13 .edition-story p{font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:22px}
.template-t13 .edition-story .text-link{font-family:Arial,sans-serif;font-size:12.5px}
.template-t13 .edition-perspective{background:var(--text);color:var(--bg)}
.template-t13 .edition-perspective>.section{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;padding-block:65px}
.template-t13 .edition-perspective h2{font-size:clamp(38px,5vw,65px);font-weight:400;line-height:1.06;letter-spacing:-.03em}
.template-t13 .edition-perspective p{font-size:18px;line-height:1.75;color:#d5bdb1;margin-bottom:22px}
.template-t13 .edition-perspective .eyebrow{color:#cfb9ac}
.template-t13 .edition-perspective .button{border-color:#c09c8a;color:var(--bg)}
.template-t13 .edition-process{padding-block:75px}
.template-t13 .edition-process h2{font-size:40px;font-weight:400}
.template-t13 .edition-process .process-grid{display:flex;flex-direction:column;gap:0}
.template-t13 .edition-process article{display:grid;grid-template-columns:60px 1fr 1.8fr;gap:35px;padding-block:25px;border-top:1px solid var(--line);align-items:center}
.template-t13 .edition-process article h3{font-weight:400;font-size:28px;margin:0}
.template-t13 .edition-process article p{font-size:17px;margin:0}
.template-t13 .closing-cta{background:var(--surface);padding:45px;margin-bottom:70px}
.template-t13 .closing-cta h2{font-size:clamp(38px,4.8vw,62px);font-weight:400;line-height:1.1}
.template-t13 .eyebrow,.template-t13 .button{font-family:Arial,sans-serif}

/* 14 — Assembly Enterprise: modules and a project board. */
.template-t14 .assembly-hero{padding-block:35px 65px}
.template-t14 .assembly-kicker{display:flex;justify-content:space-between;gap:30px;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:12px}
.template-t14 .assembly-kicker .eyebrow{margin:0}
.template-t14 .assembly-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;margin-top:55px}
.template-t14 .assembly-copy h1{font-size:clamp(42px,5.3vw,71px);line-height:1.05;letter-spacing:-.055em;max-width:11ch}
.template-t14 .assembly-diagram{position:relative;background:linear-gradient(135deg,#d5deeb,#edf0f4);border:1px solid var(--line)}
.template-t14 .assembly-diagram .concept-art{height:350px;color:var(--accent)}
.template-t14 .assembly-diagram svg{height:100%;width:100%;stroke-width:1.5}
.template-t14 .assembly-diagram .art-caption{position:absolute;left:22px;bottom:12px;font-size:9px;letter-spacing:.06em;color:var(--muted)}
.template-t14 .assembly-diagram-note{border-top:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:12px;line-height:1.6}
.template-t14 .assembly-diagram-note>span{font-size:8px;letter-spacing:.11em;color:var(--accent)}
.template-t14 .assembly-diagram-note p{color:var(--muted);margin:0}
.template-t14 .assembly-scope{display:grid;grid-template-columns:.85fr 1.5fr;gap:75px;border-top:1px solid var(--line);padding-block:65px}
.template-t14 .assembly-scope h2{font-size:38px;letter-spacing:-.035em;line-height:1.13}
.template-t14 .assembly-scope>div:first-child>p{font-size:16px;line-height:1.75;color:var(--muted)}
.template-t14 .assembly-service{display:grid;grid-template-columns:35px 1fr;gap:15px 25px;border-bottom:1px solid var(--line);padding:25px 0}
.template-t14 .assembly-service:first-child{padding-top:0}
.template-t14 .assembly-service h3{font-size:22px;line-height:1.25;margin:0}
.template-t14 .assembly-service p,.template-t14 .assembly-service .text-link{grid-column:2;margin:0}
.template-t14 .assembly-service p{font-size:15.5px;color:var(--muted);line-height:1.75}
.template-t14 .assembly-service .text-link{font-size:12.5px;margin-top:8px}
.template-t14 .assembly-board{padding-block:30px 75px}
.template-t14 .assembly-board .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:var(--surface);padding:18px;border:1px solid var(--line)}
.template-t14 .assembly-board article{background:var(--bg);border:1px solid var(--line);padding:22px;position:relative}
.template-t14 .assembly-board article:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}
.template-t14 .assembly-board article h3{font-size:19px}.template-t14 .assembly-board article p{font-size:14.5px}
.template-t14 .assembly-statement{background:var(--text);color:var(--bg)}
.template-t14 .assembly-statement>.section{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-block:55px;align-items:center}
.template-t14 .assembly-statement h2{font-size:clamp(33px,4.2vw,52px);line-height:1.13;letter-spacing:-.04em}
.template-t14 .assembly-statement p{font-size:16px;line-height:1.75;color:#b5c3d8;margin-bottom:25px}
.template-t14 .assembly-statement .eyebrow{color:#a2b9de}.template-t14 .assembly-statement .button{color:var(--bg);border-color:#90a5c9}
.template-t14 .closing-cta{padding-block:65px;margin-bottom:25px}

/* 15 — Fieldnote Intelligence: annotated charts on paper. */
.template-t15 .fieldnote-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-block:75px 65px;border-bottom:1px solid var(--line)}
.template-t15 .fieldnote-cover h1{font-size:clamp(47px,6vw,82px);line-height:1.04;font-weight:400;letter-spacing:-.04em;max-width:12ch}
.template-t15 .fieldnote-cover>p:not(.eyebrow){font-size:20px;line-height:1.6;color:var(--muted);max-width:41ch;margin:28px 0}
.template-t15 .fieldnote-figure{padding-top:30px}
.template-t15 .fieldnote-chart{border:1px solid var(--line);padding:25px;background:var(--surface);transform:rotate(-2deg)}
.template-t15 .chart-heading{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-family:Arial,sans-serif;border-bottom:1px solid var(--line);padding-bottom:20px}
.template-t15 .chart-heading span:last-child{font-size:7px;letter-spacing:.1em;color:var(--muted);align-self:center}
.template-t15 .chart-bars{display:flex;gap:12px;align-items:end;height:245px;padding-top:30px;border-bottom:1px solid var(--line);position:relative;background:repeating-linear-gradient(0deg,transparent 0,transparent 39px,#2435430c 40px)}
.template-t15 .chart-bars i{flex:1;background:var(--accent);height:35%;opacity:.75;position:relative}
.template-t15 .chart-bars i:nth-child(2){height:58%;background:#789ba5}.template-t15 .chart-bars i:nth-child(3){height:42%;background:#9eb9b3}.template-t15 .chart-bars i:nth-child(4){height:83%;background:#507e8c}.template-t15 .chart-bars i:nth-child(5){height:66%;background:#9cae98}.template-t15 .chart-bars i:nth-child(6){height:95%;opacity:1}
.template-t15 .chart-notes{display:flex;justify-content:space-between;margin-top:17px;font-family:Arial,sans-serif;font-size:9px;color:var(--muted)}
.template-t15 .fieldnote-chart .diagram-label{font-family:Arial,sans-serif;font-size:9px}
.template-t15 .figure-number{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.1em;margin-top:30px;color:var(--muted)}
.template-t15 .fieldnote-services{padding-block:70px}
.template-t15 .fieldnote-services h2{font-size:43px;font-weight:400;line-height:1.15;max-width:700px;letter-spacing:-.025em}
.template-t15 .fieldnote-sheets{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.template-t15 .fieldnote-sheet{padding:30px;background:#fbf8ef;border:1px solid var(--line);border-top:5px solid var(--accent);box-shadow:4px 5px 0 #24354308;min-height:310px}
.template-t15 .fieldnote-sheet:nth-child(2){border-top-color:#7f9886}.template-t15 .fieldnote-sheet:nth-child(3){border-top-color:#b7a67b}
.template-t15 .fieldnote-sheet h3{font-size:28px;font-weight:400;line-height:1.2;margin:25px 0 20px}
.template-t15 .fieldnote-sheet p{font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:25px}
.template-t15 .fieldnote-sheet .text-link{font-family:Arial,sans-serif;font-size:12px}
.template-t15 .fieldnote-spread{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-block:55px;border-block:1px solid var(--line)}
.template-t15 .fieldnote-question{position:relative}
.template-t15 .fieldnote-question h2{font-size:clamp(38px,5.3vw,67px);font-weight:400;line-height:1.04;letter-spacing:-.04em}
.template-t15 .fieldnote-asterisk{display:block;font-size:70px;line-height:1;color:var(--accent);margin-top:30px}
.template-t15 .fieldnote-method{border-left:1px solid var(--line);padding-left:40px;align-self:center}
.template-t15 .fieldnote-method p{font-size:19px;line-height:1.8;color:var(--muted);margin-bottom:25px}
.template-t15 .fieldnote-process{padding-block:75px}
.template-t15 .fieldnote-process h2{font-size:40px;font-weight:400}
.template-t15 .fieldnote-process article{border-top:1px solid var(--line);padding-top:20px}.template-t15 .fieldnote-process article h3{font-size:24px;font-weight:400}
.template-t15 .closing-cta{background:var(--accent);color:var(--bg);padding:40px;margin-bottom:75px}
.template-t15 .closing-cta h2{font-size:clamp(34px,4.5vw,58px);font-weight:400;line-height:1.15}
.template-t15 .closing-cta p,.template-t15 .closing-cta .eyebrow{color:#d8e7de}.template-t15 .closing-cta .button{background:var(--bg);color:var(--text);border-color:var(--bg)}
.template-t15 .eyebrow,.template-t15 .button,.template-t15 .item-index{font-family:Arial,sans-serif}

/* 16 — Goodline Support: a big half-ring and a clear help card. */
.template-t16 .goodline-hero{display:grid;grid-template-columns:1.25fr .95fr;gap:35px;position:relative;padding-block:70px 50px}
.template-t16 .goodline-copy{position:relative;z-index:1;grid-row:1/3;padding-top:30px}
.template-t16 .goodline-copy h1{font-size:clamp(45px,5.6vw,74px);line-height:1.06;letter-spacing:-.055em;max-width:12ch}
.template-t16 .goodline-ring{height:240px;position:relative;overflow:hidden;border-radius:22px 22px 0 0;background:var(--surface)}
.template-t16 .goodline-ring-shape{width:290px;height:290px;border:62px solid var(--accent);border-radius:50%;position:absolute;right:-30px;top:-75px;opacity:.85}
.template-t16 .goodline-ring>span{position:absolute;bottom:28px;left:30px;font-size:18px;line-height:1.4;color:var(--text);background:var(--surface);padding:6px 10px;border-radius:8px}
.template-t16 .goodline-help{background:var(--text);color:var(--bg);border-radius:0 0 22px 22px;padding:30px;margin-top:-35px}
.template-t16 .goodline-help h3{font-size:23px;line-height:1.2}
.template-t16 .goodline-help p{font-size:15.5px;line-height:1.75;color:#b5cbdf;margin:20px 0}
.template-t16 .goodline-help .eyebrow{color:#a9c8ec}
.template-t16 .goodline-help .button{color:var(--bg);border-color:#688db2;font-size:13px;padding:13px 16px}
.template-t16 .goodline-needs{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid var(--line);padding-block:24px;margin-bottom:20px}
.template-t16 .goodline-needs>span{font-size:9px;letter-spacing:.12em;color:var(--muted);max-width:80px}
.template-t16 .goodline-needs p{font-size:15.5px;margin:0}.template-t16 .goodline-needs i{font-style:normal;color:var(--accent)}
.template-t16 .goodline-services{padding-block:50px 70px}
.template-t16 .goodline-services h2{font-size:clamp(33px,4vw,48px);letter-spacing:-.04em}
.template-t16 .goodline-service-rows{display:flex;flex-direction:column;gap:13px}
.template-t16 .goodline-service{display:grid;grid-template-columns:45px 1fr 1.4fr .3fr;gap:25px;align-items:center;background:var(--surface);border-radius:18px;padding:28px}
.template-t16 .goodline-service .item-index{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;display:grid;place-content:center}
.template-t16 .goodline-service h3{font-size:23px;line-height:1.25;margin:0}
.template-t16 .goodline-service p{font-size:15.5px;line-height:1.75;color:var(--muted);margin:0}
.template-t16 .goodline-service .text-link{font-size:12px}
.template-t16 .goodline-approach{display:grid;grid-template-columns:.95fr 1.3fr;gap:75px;padding-block:20px 80px}
.template-t16 .goodline-approach h2{font-size:43px;line-height:1.1;letter-spacing:-.04em}
.template-t16 .goodline-approach>div:first-child p{font-size:16px;line-height:1.8;color:var(--muted);margin:25px 0}
.template-t16 .goodline-approach .process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.template-t16 .goodline-approach article{border:1px solid var(--line);border-radius:20px;padding:25px}
.template-t16 .goodline-approach article h3{font-size:20px}
.template-t16 .closing-cta{border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:55px 70px}
.template-t16 .closing-cta h2{font-size:clamp(35px,4.8vw,61px);line-height:1.1;letter-spacing:-.045em;max-width:800px;margin:0 auto 20px}
.template-t16 .closing-cta p{max-width:60ch;margin:0 auto 25px}

/* 17 — Host / Outline: oversized slash and a horizontal stack. */
.template-t17 .host-hero{padding-block:30px 55px}
.template-t17 .host-index{display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.1em;border-block:1px solid var(--line);padding-block:15px}
.template-t17 .host-headline{display:grid;grid-template-columns:.35fr 1.6fr;gap:25px;align-items:start;padding-block:40px}
.template-t17 .host-slash{font-size:240px;line-height:.85;font-weight:200;color:var(--accent)}
.template-t17 .host-headline h1{font-size:clamp(45px,6vw,83px);line-height:1.04;letter-spacing:-.065em;max-width:14ch}
.template-t17 .host-hero-bottom{display:flex;gap:40px;align-items:center;justify-content:space-between;margin-top:25px}
.template-t17 .host-hero-bottom p{font-size:17px;line-height:1.7;color:var(--muted);max-width:47ch;margin:0}
.template-t17 .host-hero-bottom .button{flex-shrink:0}
.template-t17 .host-landscape{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center;border:1px solid var(--line);background:var(--surface);padding:25px 35px}
.template-t17 .host-landscape .concept-art{height:230px}
.template-t17 .host-landscape svg{width:100%;height:100%;color:var(--accent);stroke-width:1}
.template-t17 .host-landscape .art-caption{position:absolute;bottom:0;left:0;font-size:9px;color:var(--muted);line-height:1.5}
.template-t17 .host-landscape>div:last-child{border-left:1px solid var(--line);padding-left:30px;font-size:16px;line-height:1.6}
.template-t17 .host-landscape>div:last-child span{font-size:9px;letter-spacing:.12em;color:var(--accent)}
.template-t17 .host-landscape>div:last-child p{color:var(--muted);max-width:24ch;margin-top:20px}
.template-t17 .host-services{padding-block:35px 70px}
.template-t17 .host-service-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block:1px solid var(--line)}
.template-t17 .host-service{padding:30px;border-left:1px solid var(--line)}.template-t17 .host-service:first-child{border-left:0;padding-left:0}
.template-t17 .host-service h3{font-size:25px;line-height:1.25;letter-spacing:-.035em;margin:30px 0 20px}
.template-t17 .host-service p{color:var(--muted);font-size:15.5px;line-height:1.75;margin-bottom:24px}
.template-t17 .host-considerations{display:grid;grid-template-columns:1.35fr 1fr;gap:85px;border-top:1px solid var(--line);padding-block:55px}
.template-t17 .host-considerations h2{font-size:clamp(34px,4.5vw,56px);line-height:1.1;letter-spacing:-.05em}
.template-t17 .host-considerations p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:25px}
.template-t17 .host-considerations aside{background:var(--surface);padding:30px;align-self:center}
.template-t17 .host-considerations aside h3{font-size:24px;letter-spacing:-.04em}
.template-t17 .host-considerations aside .button{margin-top:25px}
.template-t17 .host-roadmap{padding-block:30px 70px}
.template-t17 .host-roadmap .process-steps article{border-top:1px solid var(--line);padding-top:20px}
.template-t17 .closing-cta{background:var(--text);color:var(--bg);padding:35px;margin-bottom:70px}
.template-t17 .closing-cta p,.template-t17 .closing-cta .eyebrow{color:#b5c4b8}.template-t17 .closing-cta .button{background:var(--bg);color:var(--text);border-color:var(--bg)}

/* Tablet adaptations preserve each design's composition. */
@media(max-width:1000px){
 .template-t01 .signal-hero{gap:22px}.template-t01 .signal-visual,.template-t01 .signal-visual .concept-art{min-height:400px;height:400px}.template-t01 .signal-manifesto{grid-template-columns:.25fr 1.4fr .8fr;gap:25px}
 .template-t02 .quiet-services{grid-template-columns:repeat(3,1fr)}.template-t02 .quiet-services .section-heading{grid-column:1/-1;max-width:500px;margin-bottom:15px}
 .template-t03 .cobalt-service-grid{grid-template-columns:1fr 1fr 1fr}.template-t03 .cobalt-service{padding:23px}.template-t03 .cobalt-principle{gap:40px}
 .template-t04 .orbital-perspective{gap:45px}.template-t04 .orbital-panel{padding:24px}
 .template-t05 .morrow-hero{gap:25px}.template-t05 .morrow-workspace{transform:none}.template-t05 .workspace-body{grid-template-columns:30px 1fr}.template-t05 .workspace-module{padding:12px}
 .template-t06 .guard-hero{padding-inline:25px}.template-t06 .guard-statement>.section{grid-template-columns:.2fr 1.2fr 1fr;gap:25px}.template-t06 .guard-statement-mark{font-size:100px}.template-t06 .guard-process{gap:45px}
 .template-t07 .synapse-description{padding-left:8%}.template-t07 .synapse-window{padding-inline:22px}.template-t07 .synapse-method article{padding:30px}
 .template-t08 .framework-hero{grid-template-columns:.4fr 1.5fr .8fr;gap:20px}.template-t08 .framework-entry{grid-template-columns:30px 1fr 1.2fr 70px;gap:20px}.template-t08 .framework-process{gap:40px}
 .template-t09 .network-hero{grid-template-columns:1.2fr 1fr;gap:25px}.template-t09 .network-hero-aside{display:none}.template-t09 .network-tower{min-height:535px}.template-t09 .network-service{padding:25px}.template-t09 .network-statement{gap:45px}
 .template-t10 .evergreen-copy{padding:32px}.template-t10 .evergreen-ribbon{gap:20px;padding:25px}.template-t10 .evergreen-support{gap:40px}
 .template-t11 .relay-flow-nodes{gap:18px}.template-t11 .relay-flow-nodes article{padding:23px}.template-t11 .relay-control>.section{grid-template-columns:.3fr 1.7fr;gap:25px}.template-t11 .relay-control .button{grid-column:2;justify-self:start}
 .template-t12 .pocket-hero{gap:20px}.template-t12 .phone{width:165px;height:335px}.template-t12 .phone-one{left:4%;top:45px}.template-t12 .phone-two{right:3%;top:85px}.template-t12 .phone-orbit{width:90px;height:90px}.template-t12 .phone-grid i{height:50px}.template-t12 .pocket-phones{height:450px}.template-t12 .pocket-service{padding:23px}.template-t12 .pocket-intent>.section{grid-template-columns:.2fr 1.2fr 1fr;gap:25px}.template-t12 .pocket-process article{padding:20px}
 .template-t13 .edition-title{gap:40px}.template-t13 .edition-perspective>.section{gap:40px}.template-t13 .edition-stories{gap:25px}
 .template-t14 .assembly-hero-grid{gap:35px}.template-t14 .assembly-scope{gap:40px}.template-t14 .assembly-board .process-grid{grid-template-columns:repeat(2,1fr)}.template-t14 .assembly-statement>.section{gap:40px}
 .template-t15 .fieldnote-hero{gap:35px}.template-t15 .fieldnote-chart{padding:20px}.template-t15 .chart-bars{gap:8px;height:205px}.template-t15 .fieldnote-spread{gap:40px}.template-t15 .fieldnote-sheet{padding:23px}
 .template-t16 .goodline-hero{gap:25px}.template-t16 .goodline-help{margin-top:-25px;padding:25px}.template-t16 .goodline-service{gap:18px;padding:25px}.template-t16 .goodline-approach{gap:40px}
 .template-t17 .host-headline{grid-template-columns:.25fr 1.6fr}.template-t17 .host-slash{font-size:195px}.template-t17 .host-hero-bottom{gap:25px}.template-t17 .host-landscape{gap:25px;padding:22px}.template-t17 .host-considerations{gap:45px}
}

/* Dedicated mobile layouts: normal flow, readable type, no clipped content. */
@media(max-width:700px){
 .template-t01 .signal-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:40px;gap:40px}.template-t01 .signal-copy h1{font-size:clamp(39px,11vw,62px);max-width:12ch}.template-t01 .signal-hero-foot{margin-top:30px}.template-t01 .signal-visual,.template-t01 .signal-visual .concept-art{height:310px;min-height:310px}.template-t01 .signal-capabilities{padding-block:45px}.template-t01 .signal-manifesto{grid-template-columns:55px 1fr;gap:25px;padding-block:45px}.template-t01 .manifesto-mark{font-size:60px}.template-t01 .signal-manifesto aside{grid-column:2;padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:20px}.template-t01 .signal-manifesto h2{font-size:34px}.template-t01 .signal-delivery{padding-block:45px}.template-t01 .closing-cta{padding:25px;margin-bottom:45px}
 .template-t02 .quiet-hero{padding-top:40px;padding-bottom:20px}.template-t02 .quiet-hero h1{font-size:clamp(43px,11vw,65px);max-width:14ch}.template-t02 .quiet-hero-base{display:block;text-align:center;margin-bottom:30px}.template-t02 .quiet-hero-base p{margin:0 auto 25px;font-size:18px}.template-t02 .quiet-panorama{height:185px}.template-t02 .quiet-panorama svg{height:330px;top:-70px}.template-t02 .quiet-services{grid-template-columns:1fr;padding-block:40px;gap:25px}.template-t02 .quiet-services .section-heading{grid-column:auto}.template-t02 .quiet-service{padding-top:18px}.template-t02 .quiet-service h3{margin-top:14px}.template-t02 .quiet-principles{grid-template-columns:1fr;gap:25px;padding-block:40px}.template-t02 .quiet-principles h2{font-size:40px}.template-t02 .quiet-principles p{font-size:18px}.template-t02 .quiet-process{padding-block:40px}.template-t02 .quiet-process .process-grid{grid-template-columns:repeat(2,1fr);gap:24px 18px}.template-t02 .quiet-process h2{font-size:34px}.template-t02 .closing-cta{padding-block:35px 45px}.template-t02 .closing-cta h2{font-size:38px}
 .template-t03 .cobalt-hero-inner{padding-block:30px 40px;min-height:auto}.template-t03 .cobalt-kicker{display:block;margin-bottom:32px}.template-t03 .cobalt-kicker>span{display:block;margin-top:10px}.template-t03 .cobalt-hero h1{font-size:clamp(45px,12vw,67px)}.template-t03 .cobalt-hero-bottom{display:block}.template-t03 .cobalt-hero-bottom .button{margin-top:20px}.template-t03 .cobalt-brace{font-size:400px;right:-65px;bottom:60px}.template-t03 .cobalt-services{padding-block:45px}.template-t03 .cobalt-service-grid{grid-template-columns:1fr;gap:14px}.template-t03 .cobalt-service{min-height:240px;padding:26px}.template-t03 .cobalt-service h3{max-width:none;margin-top:20px}.template-t03 .cobalt-service .text-link{margin-top:15px;padding-top:0}.template-t03 .cobalt-build-ribbon .section{font-size:clamp(18px,5vw,30px);padding-block:22px}.template-t03 .cobalt-principle{grid-template-columns:1fr;padding-block:45px;gap:35px}.template-t03 .cobalt-principle-art{max-height:330px}.template-t03 .cobalt-principle-art .concept-art{height:300px}.template-t03 .cobalt-principle-art svg{height:250px}.template-t03 .cobalt-process{padding-block:35px 45px}.template-t03 .closing-cta{padding:25px;margin-bottom:45px}
 .template-t04 .orbital-hero{padding-top:40px}.template-t04 .orbital-title h1{font-size:clamp(42px,11vw,63px)}.template-t04 .orbital-title>p:not(.eyebrow){font-size:17px}.template-t04 .orbital-map{height:330px;margin-top:30px}.template-t04 .orbital-map .concept-art{width:100%;height:260px}.template-t04 .orbital-map .art-caption{bottom:5px;font-size:8px}.template-t04 .orbital-caption{max-width:110px;font-size:9px;padding-top:7px;border-color:#596681}.template-t04 .orbital-caption span{font-size:7px}.template-t04 .orbital-caption p{font-size:9px;margin-top:5px}.template-t04 .caption-a{top:0;left:0}.template-t04 .caption-b{top:0;right:0}.template-t04 .caption-c{bottom:0;left:calc(50% - 55px);text-align:center}.template-t04 .orbital-panels{grid-template-columns:1fr;gap:15px}.template-t04 .orbital-services{padding-block:35px 45px}.template-t04 .orbital-panel{padding:25px}.template-t04 .orbital-perspective{grid-template-columns:1fr;gap:25px;padding-block:40px}.template-t04 .orbital-perspective h2{font-size:35px}.template-t04 .orbital-launch{padding-block:45px}.template-t04 .orbital-launch .process-grid{grid-template-columns:1fr;gap:15px}.template-t04 .orbital-launch article{padding:24px}.template-t04 .orbital-launch article:nth-child(even){transform:none}.template-t04 .closing-cta{padding:25px;margin-block:0 45px}
 .template-t05 .morrow-hero{grid-template-columns:1fr;padding-block:40px 35px;gap:20px}.template-t05 .morrow-copy h1{font-size:clamp(42px,11vw,62px)}.template-t05 .morrow-workspace{max-width:510px;margin:15px 0 35px}.template-t05 .workspace-body{min-height:290px}.template-t05 .workspace-module{min-height:110px}.template-t05 .workspace-chrome span{font-size:7px}.template-t05 .morrow-benefits{padding-block:20px 40px}.template-t05 .morrow-bento{grid-template-columns:1fr;grid-template-rows:auto;gap:15px}.template-t05 .morrow-bento .morrow-bento-large{grid-row:auto}.template-t05 .morrow-bento article{padding:25px}.template-t05 .morrow-bento-large .concept-art{height:190px}.template-t05 .morrow-services{padding-block:25px 40px}.template-t05 .morrow-service-list{grid-template-columns:1fr;gap:20px}.template-t05 .morrow-service:first-child{grid-row:auto;padding:25px}.template-t05 .morrow-service{padding:20px 0}.template-t05 .morrow-process{padding-block:30px 45px}.template-t05 .morrow-process .process-steps{gap:15px}.template-t05 .closing-cta{padding:28px;margin-bottom:45px}
 .template-t06 .guard-hero{margin-top:25px;margin-bottom:40px;padding-inline:20px}.template-t06 .guard-topline{font-size:8px}.template-t06 .guard-hero-body{grid-template-columns:1fr;padding-block:35px;gap:20px}.template-t06 .guard-copy h1{font-size:clamp(42px,11vw,64px);max-width:12ch}.template-t06 .guard-shield{max-width:260px;margin:0 auto;padding:5px}.template-t06 .guard-bottomline{font-size:8px;gap:12px}.template-t06 .guard-statement>.section{grid-template-columns:50px 1fr;gap:20px;padding-block:35px}.template-t06 .guard-statement-mark{font-size:65px;align-self:start}.template-t06 .guard-statement h2{font-size:35px}.template-t06 .guard-statement p{grid-column:2;font-size:15.5px}.template-t06 .guard-services{padding-block:45px}.template-t06 .guard-services h2{font-size:35px}.template-t06 .guard-triptych{grid-template-columns:1fr;border-bottom:0}.template-t06 .guard-capability,.template-t06 .guard-capability:first-child{border-left:0;border-bottom:1px solid var(--line);padding:25px 0}.template-t06 .guard-capability h3{margin:15px 0}.template-t06 .guard-process{grid-template-columns:1fr;gap:30px;padding-block:20px 45px}.template-t06 .guard-process>div:first-child h2{font-size:35px}.template-t06 .guard-process .process-grid{gap:25px 20px}.template-t06 .closing-cta{padding:25px;margin-bottom:45px}
 .template-t07 .synapse-hero{padding-top:35px}.template-t07 .synapse-kicker{display:block;font-size:12px}.template-t07 .synapse-kicker>span{display:block;margin-top:10px;color:var(--muted)}.template-t07 .synapse-hero-grid{grid-template-columns:1fr;grid-template-rows:auto;padding-top:30px;gap:25px}.template-t07 .synapse-hero h1{font-size:clamp(42px,11vw,65px);max-width:13ch}.template-t07 .synapse-visual{grid-column:auto;grid-row:auto;max-width:370px;width:100%;margin:0 auto}.template-t07 .synapse-visual .art-caption{bottom:30px;font-size:9px}.template-t07 .synapse-description{padding-left:0;max-width:none}.template-t07 .synapse-ribbon{margin-block:10px 20px}.template-t07 .synapse-ribbon>.section{display:grid;grid-template-columns:1fr auto;gap:13px;font-size:12.5px;padding-block:20px}.template-t07 .synapse-ribbon>div>span:nth-last-child(1){grid-column:1/-1}.template-t07 .synapse-services{padding-block:30px 40px}.template-t07 .synapse-service-windows{grid-template-columns:1fr;gap:20px}.template-t07 .synapse-window{border-radius:80px 80px 20px 20px;padding:30px}.template-t07 .synapse-window:nth-child(2){transform:none}.template-t07 .synapse-window h3{font-size:25px}.template-t07 .synapse-method{grid-template-columns:1fr;padding-block:25px 35px;gap:18px}.template-t07 .synapse-method article{padding:28px}.template-t07 .synapse-method h2{font-size:37px}.template-t07 .closing-cta{padding-block:40px 45px}.template-t07 .closing-cta h2{font-size:38px}
 .template-t08 .framework-hero{grid-template-columns:1fr;padding-block:30px 40px;gap:30px}.template-t08 .framework-label{flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line);padding:0 0 15px;font-size:12px}.template-t08 .framework-plus{font-size:45px}.template-t08 .framework-copy h1{font-size:clamp(40px,10.5vw,59px);max-width:13ch}.template-t08 .framework-note{margin-top:25px}.template-t08 .framework-plate{margin-top:0;max-width:350px}.template-t08 .framework-plate svg{height:215px}.template-t08 .framework-services{padding-block:40px}.template-t08 .framework-services .section-heading{display:block}.template-t08 .framework-services h2{font-size:35px}.template-t08 .framework-entry{grid-template-columns:30px 1fr;gap:15px 20px;padding-block:23px}.template-t08 .framework-entry p,.template-t08 .framework-entry .text-link{grid-column:2}.template-t08 .framework-entry h3{font-size:23px}.template-t08 .framework-entry p{font-size:15.5px}.template-t08 .framework-brief>.section{grid-template-columns:1fr;gap:25px;padding-block:40px}.template-t08 .framework-process{grid-template-columns:1fr;gap:30px;padding-block:40px}.template-t08 .framework-process h2{font-size:37px}.template-t08 .framework-process article{grid-template-columns:30px 1fr;gap:10px 20px}.template-t08 .framework-process article p{grid-column:2;font-size:15.5px}.template-t08 .closing-cta{padding:25px;margin-bottom:40px}
 .template-t09 .network-hero{grid-template-columns:1fr;padding-block:30px 35px;gap:30px}.template-t09 .network-hero-copy{padding-top:0}.template-t09 .network-hero h1{font-size:clamp(42px,11vw,63px);max-width:12ch}.template-t09 .network-margin-note{margin-top:28px;padding-top:18px}.template-t09 .network-tower{min-height:365px;max-width:440px;width:100%;margin:auto}.template-t09 .network-tower svg{height:270px}.template-t09 .network-tower .art-caption{bottom:-35px;left:18px;font-size:9px}.template-t09 .network-services{padding-block:25px 45px}.template-t09 .network-service-columns{grid-template-columns:1fr}.template-t09 .network-service{border-left:0;padding:28px 20px}.template-t09 .network-service h3{margin:20px 0 15px}.template-t09 .network-statement{grid-template-columns:1fr;gap:22px;padding-block:40px}.template-t09 .network-statement h2{font-size:36px}.template-t09 .network-process{padding-block:45px}.template-t09 .network-process .process-grid{grid-template-columns:1fr}.template-t09 .network-contact{grid-template-columns:1fr;gap:35px;padding:28px;margin-bottom:45px}.template-t09 .network-contact h2{font-size:36px}.template-t09 .network-contact>div:last-child{border-left:0;border-top:1px solid #eee8dd44;padding:25px 0 0}.template-t09 .network-contact>div:last-child p{margin-block:13px}
 .template-t10 .evergreen-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px;gap:18px}.template-t10 .evergreen-copy{padding:30px 25px}.template-t10 .evergreen-copy h1{font-size:clamp(42px,10.5vw,60px);max-width:12ch}.template-t10 .evergreen-portal{min-height:350px}.template-t10 .evergreen-portal .concept-art{height:300px}.template-t10 .evergreen-portal>span{left:25px;bottom:25px;font-size:17px}.template-t10 .evergreen-portal .art-caption{bottom:73px;left:25px;font-size:8px}.template-t10 .evergreen-promise{padding-block:25px 35px}.template-t10 .evergreen-promise h2{font-size:37px}.template-t10 .evergreen-promise>p:last-child{font-size:17px}.template-t10 .evergreen-services{padding-block:25px 45px}.template-t10 .evergreen-ribbon{grid-template-columns:40px 1fr;gap:16px 20px;padding:25px}.template-t10 .evergreen-ribbon:nth-child(2),.template-t10 .evergreen-ribbon:nth-child(3){margin:0}.template-t10 .evergreen-ribbon .item-index{width:38px;height:38px}.template-t10 .evergreen-ribbon p,.template-t10 .evergreen-ribbon .text-link{grid-column:2}.template-t10 .evergreen-ribbon h3{font-size:23px}.template-t10 .evergreen-support{grid-template-columns:1fr;gap:30px;padding-block:20px 45px}.template-t10 .evergreen-support h2{font-size:36px}.template-t10 .evergreen-support .process-grid{gap:15px}.template-t10 .evergreen-support article{padding:20px}.template-t10 .closing-cta{padding:28px;margin-bottom:45px}
 .template-t11 .relay-hero{padding-block:25px 30px}.template-t11 .relay-top{font-size:8px}.template-t11 .relay-hero-content{grid-template-columns:1fr;gap:25px;padding-top:35px}.template-t11 .relay-copy h1{font-size:clamp(42px,11vw,64px);max-width:12ch}.template-t11 .relay-circuit{height:295px}.template-t11 .relay-node{font-size:7px;padding:8px 10px}.template-t11 .relay-status{font-size:9px}.template-t11 .relay-flow{padding-block:30px 45px}.template-t11 .relay-flow-nodes{grid-template-columns:1fr;gap:15px}.template-t11 .relay-flow-nodes:before{display:none}.template-t11 .relay-flow-nodes article:nth-child(2),.template-t11 .relay-flow-nodes article:nth-child(3){margin-top:0}.template-t11 .relay-flow-nodes article{padding:25px}.template-t11 .relay-services{padding-block:20px 45px}.template-t11 .relay-service-grid{grid-template-columns:1fr;gap:15px}.template-t11 .relay-service:first-child{grid-row:auto}.template-t11 .relay-service{padding:25px}.template-t11 .relay-service:first-child .item-index{font-size:30px}.template-t11 .relay-control>.section{grid-template-columns:45px 1fr;gap:20px;padding-block:35px}.template-t11 .relay-control-icon{font-size:45px;align-self:start}.template-t11 .relay-control h2{font-size:34px}.template-t11 .relay-control .button{grid-column:2}.template-t11 .closing-cta{padding-block:40px;margin-block:15px 30px}
 .template-t12 .pocket-hero{grid-template-columns:1fr;padding-block:40px 30px;gap:25px}.template-t12 .pocket-copy h1{font-size:clamp(43px,11vw,64px);max-width:12ch}.template-t12 .pocket-label{margin-top:25px}.template-t12 .pocket-phones{height:410px;max-width:425px;width:100%;margin:auto}.template-t12 .phone{width:158px;height:315px;padding-inline:12px;border-width:5px}.template-t12 .phone-one{left:8%;top:25px}.template-t12 .phone-two{right:7%;top:60px}.template-t12 .phone>span{margin-bottom:16px}.template-t12 .phone-orbit{width:90px;height:90px;margin-bottom:15px}.template-t12 .phone-grid{margin-bottom:15px}.template-t12 .phone-grid i{height:50px}.template-t12 .pocket-phones .diagram-label{font-size:8px;bottom:10px}.template-t12 .pocket-services{padding-block:30px 45px}.template-t12 .pocket-services h2{font-size:39px}.template-t12 .pocket-service-mosaic{grid-template-columns:1fr;gap:15px}.template-t12 .pocket-service,.template-t12 .pocket-service:first-child,.template-t12 .pocket-service:nth-child(3){min-height:255px;padding:27px}.template-t12 .pocket-service .text-link{margin-top:20px;padding:0}.template-t12 .pocket-intent>.section{grid-template-columns:45px 1fr;gap:20px;padding-block:40px}.template-t12 .pocket-intent-mark{font-size:45px;align-self:start}.template-t12 .pocket-intent h2{font-size:36px}.template-t12 .pocket-intent>div>div{grid-column:2}.template-t12 .pocket-process{padding-block:45px}.template-t12 .pocket-process .process-grid{grid-template-columns:repeat(2,1fr);gap:15px}.template-t12 .pocket-process article:nth-child(n){transform:none}.template-t12 .pocket-process article{padding:20px}.template-t12 .closing-cta{padding:28px;margin-block:0 45px}
 .template-t13 .edition-hero{padding-block:25px 30px}.template-t13 .edition-masthead{font-size:7px;gap:15px}.template-t13 .edition-issue{max-width:85px;text-align:right}.template-t13 .edition-title{grid-template-columns:1fr;gap:25px;padding-block:30px}.template-t13 .edition-title h1{font-size:clamp(44px,12vw,67px);max-width:14ch}.template-t13 .edition-title>div>p:not(.eyebrow){font-size:18px}.template-t13 .edition-shop{padding:20px}.template-t13 .shop-mast{font-size:7px}.template-t13 .shop-display{height:185px;padding:20px 10px 0;gap:10%}.template-t13 .object-one{width:65px;height:110px}.template-t13 .object-two{width:110px;height:75px}.template-t13 .object-three{width:65px;height:130px}.template-t13 .shop-line{font-size:9px}.template-t13 .edition-shop .diagram-label{font-size:8px}.template-t13 .edition-services{padding-block:25px 45px}.template-t13 .edition-services h2{font-size:37px}.template-t13 .edition-stories{grid-template-columns:1fr;gap:28px}.template-t13 .edition-story .item-index{font-size:35px}.template-t13 .edition-story h3{margin:18px 0 15px}.template-t13 .edition-perspective>.section{grid-template-columns:1fr;gap:30px;padding-block:45px}.template-t13 .edition-perspective h2{font-size:43px}.template-t13 .edition-perspective p{font-size:17px}.template-t13 .edition-process{padding-block:45px}.template-t13 .edition-process h2{font-size:34px}.template-t13 .edition-process article{grid-template-columns:35px 1fr;gap:10px 20px;padding-block:22px}.template-t13 .edition-process article p{grid-column:2;font-size:17px}.template-t13 .edition-process article h3{font-size:26px}.template-t13 .closing-cta{padding:28px;margin-bottom:45px}.template-t13 .closing-cta h2{font-size:41px}
 .template-t14 .assembly-hero{padding-block:25px 40px}.template-t14 .assembly-kicker{display:block;font-size:9px}.template-t14 .assembly-kicker>span{display:block;margin-top:10px;color:var(--muted)}.template-t14 .assembly-hero-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.template-t14 .assembly-copy h1{font-size:clamp(42px,11vw,62px);max-width:12ch}.template-t14 .assembly-diagram .concept-art{height:275px}.template-t14 .assembly-diagram .art-caption{font-size:8px}.template-t14 .assembly-diagram-note{padding:18px;gap:15px;font-size:9px}.template-t14 .assembly-scope{grid-template-columns:1fr;gap:20px;padding-block:40px}.template-t14 .assembly-scope h2{font-size:35px}.template-t14 .assembly-service:first-child{padding-top:20px;border-top:1px solid var(--line)}.template-t14 .assembly-service{gap:14px 20px}.template-t14 .assembly-board{padding-block:20px 45px}.template-t14 .assembly-board .process-grid{grid-template-columns:1fr;gap:12px;padding:13px}.template-t14 .assembly-board article{padding:23px}.template-t14 .assembly-statement>.section{grid-template-columns:1fr;gap:28px;padding-block:40px}.template-t14 .assembly-statement h2{font-size:36px}.template-t14 .closing-cta{padding-block:40px;margin-bottom:20px}
 .template-t15 .fieldnote-hero{grid-template-columns:1fr;padding-block:40px;gap:30px}.template-t15 .fieldnote-cover h1{font-size:clamp(45px,12vw,68px);max-width:14ch}.template-t15 .fieldnote-cover>p:not(.eyebrow){font-size:19px}.template-t15 .fieldnote-figure{padding-top:0}.template-t15 .fieldnote-chart{transform:none;padding:22px}.template-t15 .chart-heading{font-size:12.5px}.template-t15 .chart-bars{height:190px;gap:10px}.template-t15 .figure-number{margin-top:20px;font-size:7px}.template-t15 .fieldnote-services{padding-block:40px}.template-t15 .fieldnote-services h2{font-size:37px}.template-t15 .fieldnote-sheets{grid-template-columns:1fr;gap:20px}.template-t15 .fieldnote-sheet{min-height:250px;padding:26px}.template-t15 .fieldnote-sheet h3{font-size:29px;margin:20px 0}.template-t15 .fieldnote-spread{grid-template-columns:1fr;gap:30px;padding-block:40px}.template-t15 .fieldnote-question h2{font-size:46px}.template-t15 .fieldnote-asterisk{font-size:55px;margin-top:25px}.template-t15 .fieldnote-method{padding-left:0;padding-top:25px;border-left:0;border-top:1px solid var(--line)}.template-t15 .fieldnote-method p{font-size:18px}.template-t15 .fieldnote-process{padding-block:40px}.template-t15 .fieldnote-process h2{font-size:35px}.template-t15 .closing-cta{padding:28px;margin-bottom:45px}.template-t15 .closing-cta h2{font-size:40px}
 .template-t16 .goodline-hero{grid-template-columns:1fr;padding-block:35px;gap:25px}.template-t16 .goodline-copy{grid-row:auto;padding-top:0}.template-t16 .goodline-copy h1{font-size:clamp(43px,11vw,64px);max-width:13ch}.template-t16 .goodline-ring{height:210px}.template-t16 .goodline-ring-shape{right:-30px;top:-90px}.template-t16 .goodline-help{margin-top:-25px;padding:28px}.template-t16 .goodline-needs{display:grid;grid-template-columns:1fr auto;gap:13px;padding-block:22px}.template-t16 .goodline-needs>span{grid-column:1/-1;max-width:none}.template-t16 .goodline-needs>p:last-child{grid-column:1/-1}.template-t16 .goodline-needs i{transform:rotate(90deg)}.template-t16 .goodline-services{padding-block:25px 45px}.template-t16 .goodline-services h2{font-size:36px}.template-t16 .goodline-service{grid-template-columns:35px 1fr;gap:15px 20px;padding:25px}.template-t16 .goodline-service .item-index{width:33px;height:33px}.template-t16 .goodline-service p,.template-t16 .goodline-service .text-link{grid-column:2}.template-t16 .goodline-service h3{font-size:23px}.template-t16 .goodline-approach{grid-template-columns:1fr;gap:30px;padding-block:20px 45px}.template-t16 .goodline-approach h2{font-size:37px}.template-t16 .goodline-approach .process-grid{gap:15px}.template-t16 .goodline-approach article{padding:20px}.template-t16 .closing-cta{padding-block:40px 45px}.template-t16 .closing-cta h2{font-size:39px}
 .template-t17 .host-hero{padding-block:25px 35px}.template-t17 .host-index{font-size:7px;gap:20px}.template-t17 .host-index>span:last-child{max-width:160px;text-align:right;line-height:1.7}.template-t17 .host-headline{grid-template-columns:36px 1fr;gap:15px;padding-block:30px}.template-t17 .host-slash{font-size:95px}.template-t17 .host-headline h1{font-size:clamp(38px,10.2vw,58px);max-width:13ch}.template-t17 .host-hero-bottom{display:block;margin-top:25px}.template-t17 .host-hero-bottom p{font-size:16px;margin-bottom:24px}.template-t17 .host-hero-bottom .button{font-size:13px}.template-t17 .host-landscape{grid-template-columns:1fr;gap:15px;padding:20px}.template-t17 .host-landscape .concept-art{height:215px}.template-t17 .host-landscape .art-caption{font-size:8px}.template-t17 .host-landscape>div:last-child{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.template-t17 .host-landscape>div:last-child p{max-width:none;margin-top:12px}.template-t17 .host-services{padding-block:25px 40px}.template-t17 .host-service-columns{grid-template-columns:1fr}.template-t17 .host-service,.template-t17 .host-service:first-child{border-left:0;border-bottom:1px solid var(--line);padding:25px 0}.template-t17 .host-service h3{margin:20px 0 15px}.template-t17 .host-considerations{grid-template-columns:1fr;gap:25px;padding-block:40px}.template-t17 .host-considerations h2{font-size:38px}.template-t17 .host-considerations aside{padding:25px}.template-t17 .host-roadmap{padding-block:20px 45px}.template-t17 .closing-cta{padding:25px;margin-bottom:45px}
}

@media(max-width:370px){
 .template-t05 .workspace-body{grid-template-columns:23px 1fr;gap:7px}.template-t05 .workspace-module{padding:10px}.template-t05 .workspace-module>span{font-size:8px}.template-t05 .workspace-top{font-size:8px;gap:7px}
 .template-t10 .evergreen-support .process-grid,.template-t12 .pocket-process .process-grid,.template-t16 .goodline-approach .process-grid{grid-template-columns:1fr}
 .template-t12 .phone{width:135px;height:295px}.template-t12 .phone-one{left:5%}.template-t12 .phone-two{right:5%}.template-t12 .phone-orbit{width:80px;height:80px}.template-t12 .phone-grid i{height:43px}
 .template-t13 .shop-display{gap:8%}.template-t13 .object-one{width:55px}.template-t13 .object-two{width:90px}.template-t13 .object-three{width:55px}
 .template-t17 .host-headline{grid-template-columns:25px 1fr;gap:10px}.template-t17 .host-slash{font-size:75px}
}

@media(prefers-reduced-motion:reduce){
 .template-t04 .orbital-launch article:nth-child(even),.template-t07 .synapse-window:nth-child(2),.template-t12 .pocket-process article:nth-child(n){transform:none}
}

/* V2 — authored layered scenes, rather than a single decorative diagram. */
:is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) .scene-tokens{list-style:none;padding:0;margin:0;display:grid;gap:12px;text-align:left}
:is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) .scene-tokens li{display:flex;gap:12px;align-items:baseline;min-width:0}
:is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) .scene-tokens li>span{font-size:8px;letter-spacing:.08em;flex-shrink:0;opacity:.65}
:is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) .scene-tokens b{font-size:12.5px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
:is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) [data-tilt]{will-change:transform;transition:transform 450ms cubic-bezier(.2,.6,.2,1)}
:is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) [data-parallax]{will-change:transform}

/* 01 — the instrument carries routes, bearings, a core and a live visual cursor. */
.template-t01 .signal-hero{grid-template-columns:1fr 1.18fr;gap:65px;padding-block:65px 75px}
.template-t01 .signal-copy h1{font-size:clamp(44px,5.2vw,74px)}
.template-t01 .signal-visual{border:0;background:none;min-height:600px}
.template-t01 .signal-instrument{position:relative;min-height:600px;padding:20px;background:linear-gradient(135deg,#35462e,#131c13 18%,#101810 65%,#314128);border:1px solid #657658;color:#c8f96c;box-shadow:20px 25px 0 #c8f96c06,0 32px 70px #0007;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));isolation:isolate;overflow:hidden}
.template-t01 .instrument-grain{position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,40%),#c8f96c20,transparent 50%),repeating-linear-gradient(90deg,transparent 0,transparent 40px,#c8f96c09 41px),repeating-linear-gradient(0deg,transparent 0,transparent 40px,#c8f96c09 41px);z-index:-1}
.template-t01 .instrument-top{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.12em;padding-bottom:16px;border-bottom:1px solid #c8f96c39;color:#d8e4ce}
.template-t01 .instrument-dial{height:390px;position:relative;margin:20px -5px}
.template-t01 .instrument-ring{position:absolute;left:50%;top:50%;border:1px dashed #c8f96c60;border-radius:50%;width:315px;height:315px;margin:-157px 0 0 -157px;animation:a-dial 38s linear infinite}
.template-t01 .instrument-ring.ring-two{width:250px;height:250px;margin:-125px 0 0 -125px;border:12px double #c8f96c17;animation-direction:reverse;animation-duration:26s}
.template-t01 .instrument-core{position:absolute;inset:60px 35px}
.template-t01 .instrument-core .concept-art{height:100%;display:grid;place-items:center}
.template-t01 .instrument-core .concept-art svg{height:100%;width:100%;filter:drop-shadow(0 0 20px #c8f96c25)}
.template-t01 .instrument-core .art-caption{display:none}
.template-t01 .instrument-routes{position:absolute;inset:0;width:100%;height:100%;stroke:#8cac6c;stroke-width:1}
.template-t01 .instrument-coordinate{position:absolute;font-size:8px;letter-spacing:.08em;background:#152013;padding:5px 8px;border-left:1px solid #c8f96c}
.template-t01 .coord-one{left:5px;top:80px}.template-t01 .coord-two{right:0;top:20px}.template-t01 .coord-three{right:0;bottom:10px}
.template-t01 .instrument-register{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;border-top:1px solid #c8f96c39;padding-top:20px}
.template-t01 .instrument-register>span{font-size:12px;line-height:1.6;color:#9ba990;align-self:end}
.template-t01 .instrument-cursor{position:absolute;inset:48px 20px 165px;width:auto;background:linear-gradient(90deg,#c8f96c50 0,#c8f96c50 1px,transparent 1px);animation:a-scan-x 8s linear infinite;pointer-events:none}
.template-t01 .signal-capabilities .service-card{position:relative;transition:background 240ms,border 240ms,transform 240ms}
.template-t01 .signal-capabilities .service-card:hover{background:#c8f96c07;transform:translateX(5px)}
.template-t01 .exp-console{--experience-panel-bg:#182417}
.template-t01 .experience-story{border-block:1px solid var(--line);background:linear-gradient(135deg,#c8f96c05,transparent 55%)}
.template-t01 .experience-delivery .scope-card{border-left:3px solid var(--accent)}

/* 02 — topography with folded perspective sheets; warm material and route drawing. */
.template-t02 .quiet-hero{padding-bottom:35px}
.template-t02 .quiet-landscape{height:410px;position:relative;background:#e1dfd0;border:1px solid #cbc8b8;margin-top:45px;isolation:isolate;text-align:left;overflow:hidden}
.template-t02 .quiet-landscape-grid{position:absolute;inset:0;background:linear-gradient(135deg,#818c6519,#f4f0e800),repeating-linear-gradient(90deg,transparent 0,transparent 67px,#6b755916 68px),repeating-linear-gradient(0deg,transparent 0,transparent 67px,#6b755916 68px);z-index:-1}
.template-t02 .quiet-contours{position:absolute;inset:0;width:100%;height:100%;stroke:#8b907348;stroke-width:1}
.template-t02 .quiet-contours .landscape-route{stroke:#65754b;stroke-width:2;stroke-dasharray:5 7}.template-t02 .quiet-contours circle{fill:#e1dfd0;stroke:#65754b}
.template-t02 .quiet-landscape-caption{position:absolute;left:25px;bottom:20px;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.08em;color:#687052;max-width:38%}
.template-t02 .quiet-landscape-caption span{display:block;letter-spacing:0;line-height:1.6;margin-top:8px;font-size:9px}
.template-t02 .quiet-paper{position:absolute;background:#faf7f0;border:1px solid #d5cfbd;box-shadow:0 20px 35px #535a4025;padding:30px}
.template-t02 .quiet-paper .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:20px}
.template-t02 .paper-one{left:9%;top:45px;width:300px;transform:translateY(var(--parallax-y,0px)) rotate(-7deg)}
.template-t02 .paper-one strong{display:block;font-size:32px;line-height:1.1;font-weight:400;letter-spacing:-.03em;margin-bottom:15px}
.template-t02 .paper-one p{font-size:15.5px;line-height:1.6;color:#767c69;max-width:25ch}
.template-t02 .paper-fold{position:absolute;right:0;top:0;border-width:0 30px 30px 0;border-style:solid;border-color:transparent #e1dfd0 #d1ceba transparent}
.template-t02 .paper-two{right:12%;top:65px;width:305px;transform:rotate(6deg);animation:a-paper-drift 9s ease-in-out infinite}
.template-t02 .paper-two .scene-tokens{gap:18px;padding-bottom:22px;border-bottom:1px solid #d5cfbd}
.template-t02 .paper-two .scene-tokens b{font-size:16px;font-weight:400}.template-t02 .paper-two .scene-tokens span{font-family:Arial,sans-serif}
.template-t02 .paper-seal{display:block;margin:20px 0 0 auto;width:36px;height:36px;border:1px solid #99a185;border-radius:50%;text-align:center;line-height:32px;font-size:26px;color:#68724e}
.template-t02 .experience-heading h2{font-weight:400}.template-t02 .experience-story{border-top:1px solid var(--line)}
.template-t02 .experience-panel{background:#e9e5d7}.template-t02 .experience-tabs button{border-radius:0;font-family:Arial,sans-serif}
.template-t02 .experience-delivery .scope-card{background:#faf7ef;border-top:1px solid #9d9f85}

/* 03 — a slanted development workbench beside the graphic headline. */
.template-t03 .cobalt-hero-inner{min-height:750px;padding-block:45px 65px}
.template-t03 .cobalt-billboard{display:grid;grid-template-columns:1fr 1.08fr;gap:65px;align-items:center;position:relative;z-index:1}
.template-t03 .cobalt-hero h1{font-size:clamp(47px,5.6vw,78px);max-width:11ch}
.template-t03 .cobalt-hero-bottom{display:block;margin-top:25px}
.template-t03 .cobalt-hero-bottom p{margin-bottom:25px}
.template-t03 .cobalt-brace{right:-70px;opacity:.08;font-size:740px}
.template-t03 .cobalt-workbench{height:570px;position:relative;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));isolation:isolate}
.template-t03 .workbench-backplate{position:absolute;inset:5px 0 55px 35px;border:1px solid #ffffff66;background:linear-gradient(135deg,#ffffff30,#ffffff05);transform:rotate(8deg);box-shadow:0 25px 50px #0b198e50;z-index:-1}
.template-t03 .workbench-window{position:absolute;inset:45px 20px 105px 0;background:#f2f4ff;color:#172e99;border:1px solid #becdff;box-shadow:0 20px 45px #07137c55;transform:rotate(-3deg)}
.template-t03 .workbench-titlebar{display:flex;align-items:center;gap:6px;border-bottom:1px solid #cbd4f7;padding:16px;font-size:7px;letter-spacing:.12em}
.template-t03 .workbench-titlebar i{width:6px;height:6px;border:1px solid #183de8;border-radius:50%}.template-t03 .workbench-titlebar span{margin-left:auto}
.template-t03 .workbench-grid{display:grid;grid-template-columns:45px 1fr;min-height:260px}
.template-t03 .workbench-menu{background:#e0e7fc;border-right:1px solid #c7d2f7;display:flex;flex-direction:column;gap:22px;align-items:center;padding-top:25px}
.template-t03 .workbench-menu b{width:15px;height:15px;border:1px solid #183de8}.template-t03 .workbench-menu b:first-child{background:#183de8}
.template-t03 .workbench-preview{padding:25px}.template-t03 .workbench-label{font-size:8px;letter-spacing:.12em;display:block;margin-bottom:25px}
.template-t03 .workbench-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}
.template-t03 .workbench-large{background:#183de8;color:#f4f6ff;font-size:70px;line-height:1;text-align:center;padding:20px}
.template-t03 .workbench-small{border:1px solid #afc1f3;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:15px}.template-t03 .workbench-small i{width:85%;height:7px;background:#b3c5f5}.template-t03 .workbench-small i:nth-child(2){width:65%}
.template-t03 .workbench-wide{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.template-t03 .workbench-wide b{height:55px;border:1px solid #b7c9f6;background:#e0e8fc}
.template-t03 .workbench-code{display:flex;flex-wrap:wrap;gap:15px;align-items:center;padding:18px;border-top:1px solid #cbd4f7;background:#101f8c;color:#bdceff;font-size:12px}.template-t03 .workbench-code p{font-size:12px;color:#d4dcfa}.template-t03 .workbench-cursor{width:6px;height:12px;background:#b9cdff;animation:a-cursor 1.7s steps(1) infinite}
.template-t03 .workbench-ticket{position:absolute;background:#f4f6ff;color:#172e99;border:1px solid #afc2f4;padding:22px;box-shadow:0 15px 35px #07137c45}
.template-t03 .workbench-ticket>span{font-size:7px;letter-spacing:.13em;display:block;margin-bottom:15px}
.template-t03 .ticket-front{right:0;bottom:22px;width:235px;transform:translateY(var(--parallax-y,0px)) rotate(4deg);z-index:3}
.template-t03 .ticket-back{left:10px;bottom:0;width:275px;background:#d6e1ff;transform:rotate(-6deg);z-index:2}
.template-t03 .ticket-back strong{font-size:15.5px;line-height:1.5;display:block;max-width:20ch}.template-t03 .ticket-back p{font-size:8px;margin-top:16px;color:#59699d}
.template-t03 .experience-story{background:#e6ebfc;border-block:1px solid #afc2f4}
.template-t03 .experience-delivery .scope-card:nth-child(2){transform:translateY(22px)}

/* 04 — a material planet, three orbit planes and actual service satellites. */
.template-t04 .orbital-map{height:510px;margin-top:45px;background:none}
.template-t04 .orbital-map:before{display:none}
.template-t04 .orbital-expedition{height:100%;position:relative;isolation:isolate;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,45%),#7995e022,transparent 57%)}
.template-t04 .orbital-space-grid{position:absolute;inset:0;background:radial-gradient(#b9cfff7a 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#000,transparent 73%)}
.template-t04 .orbital-planet{width:210px;height:210px;border-radius:50%;position:absolute;left:calc(50% - 105px);top:calc(50% - 115px);background:radial-gradient(circle at 29% 22%,#d4e0ff,#839fd6 32%,#324879 69%,#121e3e 90%);box-shadow:inset -25px -25px 35px #030a20aa,0 0 70px #779ded23;animation:a-planet-breathe 10s ease-in-out infinite;overflow:hidden}
.template-t04 .planet-surface{position:absolute;inset:-50%;background:repeating-linear-gradient(23deg,transparent 0,transparent 17px,#d9e5ff12 18px,#d9e5ff12 21px);transform:rotate(-28deg)}
.template-t04 .orbital-trace{position:absolute;left:50%;top:50%;width:520px;height:175px;margin:-90px 0 0 -260px;border:1px solid #9ebaff71;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 18px #9ebaff0c}
.template-t04 .trace-one{animation:a-orbital-tilt 22s ease-in-out infinite}.template-t04 .trace-two{width:425px;height:220px;margin:-115px 0 0 -212px;transform:rotate(35deg);border-color:#d2e1ff32;animation:a-orbital-counter 30s ease-in-out infinite}
.template-t04 .trace-three{width:325px;height:325px;margin:-168px 0 0 -162px;border-style:dashed;border-color:#9ebaff30;transform:rotate(25deg)}
.template-t04 .orbital-guides{position:absolute;inset:15px 0;width:100%;height:calc(100% - 30px);stroke:#87a6e664;stroke-width:1}
.template-t04 .orbital-guides circle{fill:#1b2540;stroke:#bad0ff}
.template-t04 .orbital-service{position:absolute;width:220px;padding:17px 20px;background:linear-gradient(135deg,#253251cc,#151f39cc);border:1px solid #738bb55c;box-shadow:0 20px 30px #050b2020;backdrop-filter:blur(12px);transform:translateY(var(--parallax-y,0px))}
.template-t04 .orbital-service>span{font-size:7px;letter-spacing:.14em;color:#9ebaff;display:block;margin-bottom:10px}.template-t04 .orbital-service b{font-size:14.5px;font-weight:500;line-height:1.45;display:block}
.template-t04 .satellite-a{left:0;top:80px}.template-t04 .satellite-b{right:0;top:155px}.template-t04 .satellite-c{left:19%;bottom:28px}
.template-t04 .orbital-colophon{position:absolute;bottom:0;left:0;right:0;font-size:7px;letter-spacing:.06em;display:flex;justify-content:space-between;gap:20px;color:#9fb3d3}
.template-t04 .experience-panel{border:1px solid #4f6490;background:radial-gradient(ellipse at right,#43588b33,transparent 70%)}
.template-t04 .experience-story .scenario-visual{box-shadow:inset 0 0 60px #9ebaff08}
.template-t04 .experience-delivery .scope-card{border-radius:22px;background:#1b2540}

/* 05 — software paper planes and overlapping contextual windows. */
.template-t05 .morrow-hero{grid-template-columns:1fr 1.2fr;gap:60px;padding-block:90px 75px}
.template-t05 .morrow-windows{height:570px;position:relative;transform:perspective(1300px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.template-t05 .morrow-window-rear{position:absolute;top:30px;left:12%;right:0;bottom:120px;background:#dbe8d5;border:1px solid #b4c9ad;border-radius:18px;transform:rotate(7deg);padding:20px;display:flex;flex-direction:column;gap:24px}
.template-t05 .morrow-window-rear>span{font-size:8px;letter-spacing:.1em}.template-t05 .morrow-window-rear i{height:18px;background:#c1d5bb;border-radius:8px;width:75%}.template-t05 .morrow-window-rear i:nth-child(3){width:50%}
.template-t05 .morrow-windows .morrow-workspace{position:absolute;top:80px;left:0;right:9%;margin:0;transform:rotate(-4deg);padding:14px;z-index:2;box-shadow:0 30px 55px #20473326}
.template-t05 .morrow-windows .workspace-body{min-height:310px}.template-t05 .morrow-windows .diagram-label{font-size:8px;bottom:-22px}
.template-t05 .morrow-floating{position:absolute;background:#fcfef9;border:1px solid #b8d2b7;border-radius:15px;box-shadow:0 17px 30px #1737291e;z-index:3;padding:20px}
.template-t05 .floating-scope{left:-15px;bottom:12px;width:245px;display:flex;align-items:center;gap:15px;transform:translateY(var(--parallax-y,0px)) rotate(-5deg)}
.template-t05 .floating-icon{width:40px;height:40px;display:grid;place-content:center;border-radius:12px;background:#e2eedb;color:#248b54;font-size:23px}
.template-t05 .floating-scope div>span,.template-t05 .floating-context>span{display:block;font-size:7px;letter-spacing:.12em;margin-bottom:8px;color:#6d8067}.template-t05 .floating-scope strong{font-size:12.5px;line-height:1.5;display:block;max-width:22ch}
.template-t05 .floating-context{right:0;bottom:65px;width:195px;animation:a-floating-window 8s ease-in-out infinite}
.template-t05 .floating-connectors{display:flex;justify-content:space-between;gap:12px;position:relative;margin-block:16px}.template-t05 .floating-connectors:before{content:"";position:absolute;top:15px;left:0;right:0;height:1px;background:#91b98b}.template-t05 .floating-connectors i{width:30px;height:30px;border-radius:50%;border:1px solid #248b54;background:#f3f8ef;position:relative}.template-t05 .floating-connectors i:nth-child(2){background:#248b54}
.template-t05 .floating-context p{font-size:8px;color:#647a62;line-height:1.6}
.template-t05 .morrow-window-note{position:absolute;top:0;left:0;font-size:8px;display:flex;flex-direction:column;gap:8px;color:#6a8066}.template-t05 .morrow-window-note span{letter-spacing:.1em}.template-t05 .morrow-window-note b{font-size:13px;font-weight:500}
.template-t05 .experience-story{background:#e8f0e4;border-radius:26px}.template-t05 .experience-panel{background:#f5f8f3;border-radius:18px}
.template-t05 .experience-delivery .scope-card:nth-child(2){background:#d8e8d2}

/* 06 — a lit protocol console with a scan layer and scope register. */
.template-t06 .guard-hero-body{grid-template-columns:1.1fr 1fr;gap:55px;padding-block:55px}
.template-t06 .guard-copy h1{font-size:clamp(44px,5.4vw,77px)}
.template-t06 .guard-protocol{height:560px;position:relative;border:1px solid #736051;background:linear-gradient(130deg,#392c23,#151515 42%,#251e19);overflow:hidden;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));isolation:isolate}
.template-t06 .protocol-grain{position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,45%),#ff845225,transparent 55%),repeating-linear-gradient(0deg,transparent 0,transparent 20px,#ff84520b 21px);z-index:-1}
.template-t06 .protocol-corners{position:absolute;inset:13px;pointer-events:none;z-index:4}.template-t06 .protocol-corners i{position:absolute;width:15px;height:15px;border-style:solid;border-color:#ff8452}.template-t06 .protocol-corners i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.template-t06 .protocol-corners i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.template-t06 .protocol-corners i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.template-t06 .protocol-corners i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}
.template-t06 .protocol-axis{position:absolute;background:#ff845221}.template-t06 .axis-horizontal{left:0;right:0;top:43%;height:1px}.template-t06 .axis-vertical{top:0;bottom:0;left:50%;width:1px}
.template-t06 .guard-protocol .guard-shield{position:absolute;top:35px;left:18%;right:18%;padding:0;background:none}.template-t06 .guard-protocol .guard-shield svg{max-height:315px;filter:drop-shadow(0 0 25px #ff845228)}
.template-t06 .protocol-scan{position:absolute;left:0;right:0;top:20px;height:30px;background:linear-gradient(transparent,#ff84521a);border-bottom:1px solid #ff84524d;animation:a-protocol-scan 7s linear infinite;z-index:2}
.template-t06 .protocol-route{position:absolute;inset:0;width:100%;height:100%;stroke:#a96946;stroke-width:1}.template-t06 .protocol-route circle{fill:#ff8452}
.template-t06 .protocol-code{position:absolute;left:15px;top:42px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.18em;color:#aa8061}
.template-t06 .protocol-register{position:absolute;left:25px;right:25px;bottom:30px;padding-top:18px;border-top:1px solid #a96c464a;color:#dbc5b0}.template-t06 .protocol-register>span{font-size:7px;letter-spacing:.15em;display:block;margin-bottom:17px;color:#b5825b}
.template-t06 .protocol-register .scene-tokens{gap:9px}.template-t06 .protocol-register .scene-tokens b{font-size:12px}
.template-t06 .protocol-tag{position:absolute;left:14%;top:345px;right:14%;border:1px solid #78533d;background:#221b17;padding:16px;text-align:center}.template-t06 .protocol-tag>span{font-size:7px;letter-spacing:.12em;color:#b68d73;display:block;margin-bottom:7px}.template-t06 .protocol-tag strong{font-size:12.5px;line-height:1.5;font-weight:500}
.template-t06 .experience-story{border:1px solid #67513e;background:linear-gradient(115deg,#ff845209,transparent)}
.template-t06 .experience-delivery .scope-card{border-top:3px solid #ff8452}

/* 07 — a sculptural object with counter-rotating material ribbons. */
.template-t07 .synapse-hero-grid{grid-template-columns:1.08fr 1fr;gap:25px 55px}
.template-t07 .synapse-visual{background:transparent;aspect-ratio:auto;border-radius:0;height:600px;margin-top:0}
.template-t07 .synapse-sculpture{position:relative;height:100%;transform:perspective(1300px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,40%),#cab9e35c,transparent 64%)}
.template-t07 .synapse-pedestal{position:absolute;left:22%;right:22%;bottom:70px;height:56px;border-radius:50%;background:linear-gradient(0deg,#9d87b6,#f2eafc);box-shadow:0 18px 30px #55368120;transform:rotateX(45deg)}
.template-t07 .synapse-orb{position:absolute;top:95px;left:9%;right:9%;height:330px;display:grid;place-items:center;perspective:700px}
.template-t07 .synapse-ribbon-form{position:absolute;width:255px;height:255px;border:28px solid #a789d4;border-radius:50%;box-shadow:inset 6px 5px 12px #ffffffa0,4px 9px 20px #583d7f38}
.template-t07 .form-one{transform:rotateX(45deg) rotateY(-40deg) rotate(-20deg);animation:a-synapse-ribbon 20s ease-in-out infinite}
.template-t07 .form-two{border-color:#d1bce9;transform:rotateX(-40deg) rotateY(40deg) rotate(30deg);animation:a-synapse-counter 24s ease-in-out infinite}
.template-t07 .form-three{width:170px;height:170px;border-width:18px;border-color:#7859a8;transform:rotateX(60deg) rotate(-35deg)}
.template-t07 .synapse-core{width:95px;height:95px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fbf6ff,#b894df 40%,#543981 90%);box-shadow:15px 15px 25px #4f328431;animation:a-orb-drift 8s ease-in-out infinite}
.template-t07 .synapse-note{position:absolute;background:#faf7ffde;border:1px solid #c8b9de;box-shadow:0 15px 30px #6c4b9830;padding:18px;width:180px;transform:translateY(var(--parallax-y,0px))}
.template-t07 .synapse-note>span{display:block;font-size:7px;letter-spacing:.15em;color:#8e74ae;margin-bottom:12px}.template-t07 .synapse-note strong{font-size:13px;font-weight:500;line-height:1.5;display:block}.template-t07 .synapse-note p{font-size:12.5px;line-height:1.65;color:#857395}
.template-t07 .note-left{left:0;top:40px;transform:translateY(var(--parallax-y,0px)) rotate(-5deg)}.template-t07 .note-right{right:0;bottom:95px;transform:translateY(var(--parallax-y,0px)) rotate(5deg)}
.template-t07 .synapse-axis{position:absolute;inset:0;width:100%;height:100%;stroke:#9b83ba5c;stroke-width:1;pointer-events:none}.template-t07 .synapse-axis circle{fill:#f2eff8;stroke:#9b83ba}
.template-t07 .synapse-art-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.05em;color:#8a749d}
.template-t07 .experience-story{background:#e5def2;border-radius:32px}.template-t07 .experience-tabs button{border-radius:50px}.template-t07 .experience-delivery .scope-card{border-radius:50% 50% 22px 22px;padding-top:45px}

/* 08 — an exploded drafting board and a technical register. */
.template-t08 .framework-hero{grid-template-columns:.3fr 1.12fr 1fr;gap:32px;align-items:start;padding-block:55px 70px}
.template-t08 .framework-copy h1{font-size:clamp(39px,4.1vw,60px)}
.template-t08 .framework-plate{margin-top:0;background:#d64432;box-shadow:9px 11px 0 #d6443210}
.template-t08 .framework-draft{position:relative;color:#f6f5f1;background:linear-gradient(145deg,#e3654b,#cb3c2e 55%,#a62f27)}
.template-t08 .draft-title{display:flex;justify-content:space-between;gap:15px;padding:18px;border-bottom:1px solid #fff4;font-size:7px;letter-spacing:.14em}
.template-t08 .draft-board{height:325px;position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent 24px,#f6f5f112 25px),repeating-linear-gradient(0deg,transparent 0,transparent 24px,#f6f5f112 25px);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.template-t08 .draft-plane{position:absolute;width:120px;height:120px;left:calc(50% - 60px);top:calc(50% - 60px);transform:rotate(45deg) skew(-10deg,-10deg);border:1px solid #f6f5f1cc;box-shadow:8px 8px 0 #571a1925}
.template-t08 .plane-base{background:#f6f5f121;top:calc(50% - 18px + var(--scene-progress,0)*14px)}.template-t08 .plane-middle{background:#f6f5f13a;top:calc(50% - 58px)}.template-t08 .plane-top{background:#f6f5f18c;top:calc(50% - 98px - var(--scene-progress,0)*14px)}
.template-t08 .draft-measures{position:absolute;inset:0;height:100%;width:100%;stroke:#f6f5f166;stroke-width:1}
.template-t08 .draft-coordinate{position:absolute;font-size:6px;letter-spacing:.12em;color:#fee6cf;z-index:2}.template-t08 .draft-a{left:18px;bottom:26px}.template-t08 .draft-b{right:16px;top:45px}.template-t08 .draft-c{right:16px;bottom:26px}
.template-t08 .draft-register{background:#f1eee7;color:#2f322c;border:1px solid #c8b5a1;padding:22px;display:grid;gap:20px}.template-t08 .draft-register .scene-tokens{gap:11px}.template-t08 .draft-register .scene-tokens b{font-size:12px}.template-t08 .draft-register>span{padding-top:12px;border-top:1px solid #b9b8a8;font-size:9px;line-height:1.6;color:#797b6d}
.template-t08 .experience-story{border-block:1px solid var(--line);background:#e9e9e1}.template-t08 .experience-panel{border-radius:0;border:1px solid #bfc2b7}.template-t08 .experience-delivery .scope-card{border-radius:0;border-top:2px solid #d64432}

/* 09 — an isometric city with routed connections and architectural shadows. */
.template-t09 .network-tower{min-height:640px;overflow:visible;background:none}
.template-t09 .network-tower:before{display:none}
.template-t09 .network-hero-aside{height:640px}
.template-t09 .network-city{position:relative;height:640px;background:linear-gradient(145deg,#384348,#20292c);border:1px solid #6d7774;box-shadow:15px 18px 0 #262d3008;overflow:hidden;transform:perspective(1300px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));isolation:isolate}
.template-t09 .city-mesh{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,#ddc6a40c 40px),repeating-linear-gradient(0deg,transparent 0,transparent 39px,#ddc6a40c 40px);mask-image:linear-gradient(transparent,#000 30%)}
.template-t09 .city-drawing{height:510px;width:100%;position:absolute;top:45px;left:0;stroke:#ddc6a479;stroke-width:1;transform:translateY(calc(var(--scene-progress,0)*-14px))}
.template-t09 .city-top{fill:#b6a68d;stroke:#ead5b2}.template-t09 .city-left{fill:#7a796b;stroke:#b3b5a0}.template-t09 .city-right{fill:#4a5c5a;stroke:#809a8b}.template-t09 .city-ground{fill:#57706212;stroke:#8f9e7866}.template-t09 .city-links{stroke:#e4c08a;stroke-width:1.5;stroke-dasharray:5 4}
.template-t09 .city-legend{position:absolute;left:22px;right:22px;bottom:28px;border-top:1px solid #d1baa44a;padding-top:20px;color:#eee8dd}
.template-t09 .city-legend>span{font-size:7px;letter-spacing:.12em;color:#c8b69c;display:block;margin-bottom:8px}.template-t09 .city-legend strong{font-size:15.5px;line-height:1.5;font-weight:500}.template-t09 .city-legend p{font-size:8px;color:#9faa9e;line-height:1.6;margin-top:10px;max-width:39ch}
.template-t09 .city-ticket{position:absolute;top:22px;left:20px;right:22px;background:#eee8ddd9;color:#29332f;padding:17px;border:1px solid #ddc6a4;transform:translateY(var(--parallax-y,0px));z-index:2}.template-t09 .city-ticket>span{font-size:6px;letter-spacing:.15em;display:block;margin-bottom:6px}.template-t09 .city-ticket b{font-size:12px;line-height:1.5;font-weight:500;display:block}
.template-t09 .city-caption{position:absolute;right:12px;top:180px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.1em;color:#b6bbaa}
.template-t09 .experience-story{border-top:1px solid var(--line)}.template-t09 .experience-panel{background:#ddd3c3}.template-t09 .experience-delivery .scope-grid{gap:0}.template-t09 .experience-delivery .scope-card{border-radius:0;border-left:1px solid #bcae96}

/* 10 — an architectural green room with stone, arches and a floating service card. */
.template-t10 .evergreen-hero{grid-template-columns:1fr 1.1fr;gap:25px;padding-top:55px}
.template-t10 .evergreen-copy{padding:45px 35px}
.template-t10 .evergreen-portal{min-height:630px;overflow:visible;background:none}
.template-t10 .evergreen-room{height:630px;position:relative;border-radius:28px;background:linear-gradient(130deg,#284d35,#112b1e 58%,#365b36);overflow:hidden;isolation:isolate;transform:perspective(1300px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 25px 40px #24422d17}
.template-t10 .evergreen-room-grain{position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,30%),#cedcb121,transparent 62%),repeating-linear-gradient(90deg,transparent 0,transparent 28px,#edf4dc04 29px);z-index:-1}
.template-t10 .evergreen-arch{position:absolute;width:70%;height:395px;left:15%;top:55px;border-radius:50% 50% 0 0;border:1px solid #c3d4a841;box-shadow:inset 10px 0 25px #0002,10px 0 20px #0001;background:linear-gradient(100deg,#53775030,#14351f70)}
.template-t10 .arch-middle{width:56%;left:22%;height:345px;top:90px;background:linear-gradient(100deg,#77986f20,#102f1c80)}.template-t10 .arch-inner{width:41%;left:29.5%;height:275px;top:135px;background:radial-gradient(ellipse at center,#78905a40,#122e1c)}
.template-t10 .evergreen-sphere{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#e4ecd0,#9bb585 35%,#3e633b 80%);position:absolute;left:calc(50% - 70px);top:230px;box-shadow:0 20px 28px #03190970;animation:a-orb-drift 9s ease-in-out infinite}
.template-t10 .evergreen-plinth{position:absolute;left:23%;right:23%;top:410px;height:35px;border-radius:50%;background:linear-gradient(#7c9863,#3a6036);box-shadow:0 17px 0 #284929,0 33px 30px #03190970}
.template-t10 .evergreen-orbit{width:215px;height:75px;position:absolute;left:calc(50% - 107px);top:280px;border:1px solid #e4edc659;border-radius:50%;transform:rotate(-30deg);animation:a-leaf-orbit 16s ease-in-out infinite}
.template-t10 .evergreen-leaf{width:80px;height:145px;border-radius:0 100% 0 100%;background:linear-gradient(135deg,#94ae77,#244b2b);position:absolute;box-shadow:10px 15px 20px #02190950;transform:translateY(var(--parallax-y,0px)) rotate(-20deg)}
.template-t10 .leaf-one{left:4%;top:335px}.template-t10 .leaf-two{right:3%;top:105px;width:55px;height:110px;transform:translateY(var(--parallax-y,0px)) rotate(30deg)}
.template-t10 .evergreen-room-card{position:absolute;left:28px;right:28px;bottom:80px;background:#ecf4e0e6;border:1px solid #aecb90;border-radius:14px;padding:18px 20px;color:#26452c;box-shadow:0 18px 30px #061c1650;display:grid;grid-template-columns:1fr 75px;gap:10px}
.template-t10 .evergreen-room-card>span{font-size:7px;letter-spacing:.12em;grid-column:1}.template-t10 .evergreen-room-card b{font-size:13px;line-height:1.5;font-weight:500;grid-column:1}.template-t10 .evergreen-room-card>div{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:8px}.template-t10 .evergreen-room-card i{width:15px;height:15px;border-radius:50%;border:1px solid #396d46}.template-t10 .evergreen-room-card i:nth-child(2){background:#396d46}
.template-t10 .evergreen-room-note{position:absolute;bottom:22px;left:28px;right:28px;color:#d1ddbd;display:flex;justify-content:space-between;gap:15px;align-items:end}.template-t10 .evergreen-room-note>span{font-size:6px;letter-spacing:.09em;max-width:90px;line-height:1.5}.template-t10 .evergreen-room-note p{font-size:9px;line-height:1.5;color:#c1d3b0;text-align:right}
.template-t10 .experience-story{background:#dfe9d9;border-radius:28px}.template-t10 .experience-delivery .scope-card{border-radius:28px}.template-t10 .experience-delivery .scope-card:nth-child(2){background:#e2ebdc;transform:translateY(25px)}

/* 11 — routed branches between tangible process modules. */
.template-t11 .relay-hero-content{grid-template-columns:1fr 1.18fr;gap:50px}
.template-t11 .relay-circuit{height:580px;background:none}
.template-t11 .relay-machine{height:580px;position:relative;background:linear-gradient(135deg,#15383f,#0b1820 60%);border:1px solid #3b6870;isolation:isolate;overflow:hidden;transform:perspective(1300px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.template-t11 .relay-machine-grid{position:absolute;inset:0;background:radial-gradient(#56e0c737 1px,transparent 1px);background-size:22px 22px;z-index:-1}
.template-t11 .relay-machine-path{position:absolute;inset:0;height:100%;width:100%;stroke:#4f9e98;stroke-width:1}
.template-t11 .machine-traveller{stroke:#b2ffdf;stroke-width:2;stroke-dasharray:8 150;animation:a-route-travel 5s linear infinite}
.template-t11 .relay-machine-path circle{fill:#0b1820;stroke:#95ead6}
.template-t11 .machine-node{position:absolute;background:linear-gradient(130deg,#1d4148f0,#122731);border:1px solid #55877f;padding:20px;color:#e6f5f7;width:155px;box-shadow:0 12px 20px #020d1455}
.template-t11 .machine-node>span{font-size:6px;letter-spacing:.13em;color:#72bea9;display:block;margin-bottom:12px}.template-t11 .machine-node strong{font-size:15.5px;font-weight:500;line-height:1.4;display:block}.template-t11 .machine-node p{font-size:9px;line-height:1.6;color:#a0c3c5;margin-top:12px}
.template-t11 .node-input{left:4%;top:205px}.template-t11 .node-transform{left:42%;top:55px;width:175px;text-align:center}.template-t11 .node-outcome{right:3%;top:295px}
.template-t11 .machine-core{width:68px;height:68px;display:grid;place-content:center;border:1px solid #62b7a5;border-radius:12px;background:radial-gradient(circle,#56e0c72a,transparent);font-size:30px;color:#9effd7;margin:0 auto 15px;animation:a-core-pulse 6s ease-in-out infinite}
.template-t11 .machine-sidecar{position:absolute;left:25px;bottom:50px;width:210px;background:#d9f5eade;color:#193b37;border:1px solid #86d9be;padding:20px;transform:translateY(var(--parallax-y,0px));box-shadow:0 20px 25px #020d1433}.template-t11 .machine-sidecar>span{font-size:6px;letter-spacing:.12em;display:block;margin-bottom:12px}
.template-t11 .machine-colophon{position:absolute;left:20px;bottom:15px;font-size:6px;letter-spacing:.12em;color:#73a79e}
.template-t11 .experience-story{border-block:1px solid #3d6d68;background:linear-gradient(120deg,#56e0c709,transparent 70%)}.template-t11 .experience-delivery .scope-card{background:#15303a;border-top:2px solid #56e0c7}

/* 12 — two devices, a specification sheet and a tactile detail tile. */
.template-t12 .pocket-hero{grid-template-columns:1fr 1.14fr;gap:60px;padding-block:75px}
.template-t12 .pocket-copy h1{font-size:clamp(43px,5.2vw,72px)}
.template-t12 .pocket-lab{height:600px;position:relative;transform:perspective(1300px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.template-t12 .pocket-lab .pocket-phones{height:540px;position:absolute;top:10px;left:0;right:0;width:100%;margin:0;border-radius:45% 45% 15% 15%;background:linear-gradient(135deg,#e0eff2,#c1d9dc)}
.template-t12 .pocket-lab .phone-one{left:11%;top:65px;animation:a-phone-left 10s ease-in-out infinite}.template-t12 .pocket-lab .phone-two{right:7%;top:105px;animation:a-phone-right 12s ease-in-out infinite}
.template-t12 .pocket-lab .phone-one,.template-t12 .pocket-lab .phone-two{box-shadow:11px 18px 0 #16353b12,0 25px 40px #16353b1d}
.template-t12 .pocket-lab .pocket-phones .diagram-label{bottom:30px;font-size:7px}
.template-t12 .pocket-floating{position:absolute;z-index:3;border:1px solid #9abec5;background:#f7fbf8e8;box-shadow:0 14px 30px #16353b20;padding:20px;border-radius:14px}
.template-t12 .floating-outline{left:0;bottom:0;width:240px;transform:translateY(var(--parallax-y,0px)) rotate(-5deg)}
.template-t12 .floating-outline>span{font-size:6px;letter-spacing:.12em;display:block;margin-bottom:10px;color:#698c92}.template-t12 .floating-outline b{display:block;font-size:12.5px;font-weight:500;line-height:1.5;max-width:24ch}
.template-t12 .pocket-steps{display:flex;gap:8px;margin-top:15px}.template-t12 .pocket-steps i{height:4px;background:#a1c6c9;width:35px;border-radius:3px}.template-t12 .pocket-steps i:nth-child(2){background:#248c9a}
.template-t12 .floating-touch{top:20px;right:-5px;background:#16353b;color:#e2eef0;display:flex;gap:15px;align-items:center;transform:rotate(5deg);animation:a-touch-drift 9s ease-in-out infinite}.template-t12 .floating-touch>span{font-size:38px;line-height:1;color:#82c1c6}.template-t12 .floating-touch p{font-size:9px;line-height:1.5;color:#c0dfe2}
.template-t12 .pocket-guides{position:absolute;inset:0;width:100%;height:100%;stroke:#248c9a60;stroke-width:1;pointer-events:none}.template-t12 .pocket-guides circle{fill:#e2eef0;stroke:#248c9a}
.template-t12 .pocket-lab-caption{position:absolute;bottom:10px;right:0;font-size:6px;letter-spacing:.13em;color:#66898d;max-width:130px;text-align:right}
.template-t12 .experience-story{background:#e2eef0;border-radius:20px}.template-t12 .experience-delivery .scope-card{border-radius:18px;border-top:3px solid #248c9a}

/* 13 — an editorial material composition on three unequal plinths. */
.template-t13 .edition-gallery{position:relative;background:linear-gradient(150deg,#f3ddd0,#dbb39f);border:1px solid #d7b6a5;margin-top:5px;isolation:isolate;overflow:hidden}
.template-t13 .edition-gallery-grain{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,#6b362907 3px);z-index:-1}
.template-t13 .edition-gallery-label{display:flex;justify-content:space-between;gap:15px;margin:25px 30px;padding-bottom:15px;border-bottom:1px solid #a8735d66;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.12em;color:#855b46}
.template-t13 .edition-stage{height:360px;display:grid;grid-template-columns:1fr 1.2fr .9fr;gap:65px;align-items:end;padding:35px 10% 0;position:relative}
.template-t13 .edition-stage-grid{position:absolute;inset:20px 0 0;background:repeating-linear-gradient(90deg,transparent 0,transparent 90px,#713e2610 91px);transform:perspective(700px) rotateX(65deg);transform-origin:bottom}
.template-t13 .edition-column{position:relative;height:135px;background:linear-gradient(90deg,#cd9478,#ebc6b0 45%,#d8a486);box-shadow:20px 0 0 #b4795d48,30px 15px 25px #7142242b;transform:translateY(var(--parallax-y,0px));border-top:1px solid #f9e7d8}
.template-t13 .column-two{height:85px}.template-t13 .column-three{height:165px}
.template-t13 .edition-column>span{font-family:Arial,sans-serif;font-size:7px;letter-spacing:.1em;position:absolute;bottom:20px;left:15px;right:10px;color:#6d4634}
.template-t13 .edition-arch{position:absolute;bottom:100%;left:20%;right:20%;height:170px;background:linear-gradient(90deg,#a44a3c,#d77e65,#974135);border-radius:100px 100px 0 0;box-shadow:12px 0 0 #7d352b80;animation:a-object-float 10s ease-in-out infinite}
.template-t13 .edition-arch:before{content:"";position:absolute;inset:40px 24% 0;background:linear-gradient(90deg,#704438,#d1a98f);border-radius:60px 60px 0 0;box-shadow:inset 8px 0 12px #59271870}
.template-t13 .edition-sphere{position:absolute;bottom:100%;left:15%;right:15%;height:160px;border-radius:50%;background:radial-gradient(circle at 32% 23%,#efb3a0,#b85e4b 42%,#743227 90%);box-shadow:0 16px 20px #7131253a;animation:a-object-float 12s ease-in-out infinite;animation-delay:-4s}
.template-t13 .edition-fold{position:absolute;bottom:100%;left:18%;right:18%;height:170px;background:linear-gradient(110deg,#f2cbb3 0,#e4af95 49%,#a96548 50%,#d39276);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(10px 7px 0 #a45d4755)}
.template-t13 .edition-overlay-paper{position:absolute;left:30px;top:95px;background:#faf3eddc;border:1px solid #c8a58f;padding:20px;width:220px;box-shadow:0 18px 30px #633f2820;transform:rotate(-5deg);z-index:3}
.template-t13 .edition-overlay-paper>span{font-family:Arial,sans-serif;font-size:6px;letter-spacing:.13em;display:block;margin-bottom:15px;color:#a2745b}.template-t13 .edition-overlay-paper .scene-tokens b{font-size:14.5px;font-weight:400}.template-t13 .edition-overlay-paper>b{display:block;font-size:35px;line-height:1;text-align:right;margin-top:20px;color:#b84b40}
.template-t13 .edition-gallery-colophon{padding:25px 30px 20px;display:flex;justify-content:space-between;gap:25px;font-family:Arial,sans-serif;font-size:8px;line-height:1.5;color:#795845}
.template-t13 .experience-heading h2{font-weight:400}.template-t13 .experience-story{background:#edd8d0;border-block:1px solid #d6b7ac}.template-t13 .scope-card h3{font-weight:400}.template-t13 .experience-delivery .scope-card{border-radius:0;border-top:4px solid #b84b40}

/* 14 — three exploded material planes and a component register. */
.template-t14 .assembly-hero-grid{grid-template-columns:1fr 1.18fr;gap:65px}
.template-t14 .assembly-diagram{border:0;background:none}
.template-t14 .assembly-exploded{height:590px;position:relative;background:linear-gradient(140deg,#dde6f2,#afc2df);border:1px solid #a9bad5;overflow:hidden;transform:perspective(1300px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));isolation:isolate;box-shadow:12px 16px 0 #4669b510}
.template-t14 .assembly-scene-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,#324c7d0c 40px),repeating-linear-gradient(0deg,transparent 0,transparent 39px,#324c7d0c 40px)}
.template-t14 .assembly-plane{position:absolute;left:calc(50% - 110px);top:130px;width:220px;height:220px;transform:rotateX(55deg) rotateZ(-35deg);border:1px solid #7697c1;box-shadow:-10px 18px 0 #344d7429,0 30px 25px #29456c1a;background:linear-gradient(135deg,#f1f5ff,#9cb5d9);display:flex;align-items:center;justify-content:center}
.template-t14 .assembly-plane>span{font-size:8px;letter-spacing:.12em;color:#345787;transform:rotateZ(35deg)}
.template-t14 .assembly-base{top:calc(235px + var(--scene-progress,0)*18px);background:linear-gradient(135deg,#738faf,#cbd9ed)}.template-t14 .assembly-middle{top:175px;background:linear-gradient(135deg,#a8bee0,#e5edf9)}.template-t14 .assembly-top{top:calc(95px - var(--scene-progress,0)*18px);background:linear-gradient(135deg,#f8fbff,#a8bfdf)}
.template-t14 .assembly-upright{position:absolute;left:50%;top:90px;height:335px;width:1px;background:#5e81b970}
.template-t14 .assembly-scene-guides{position:absolute;inset:0;width:100%;height:100%;stroke:#627ead55;stroke-width:1;pointer-events:none}
.template-t14 .assembly-scene-ticket{position:absolute;bottom:60px;right:22px;width:220px;padding:22px;background:#f0f4fbdc;border:1px solid #97b0d2;box-shadow:0 12px 25px #3a568924;transform:translateY(var(--parallax-y,0px)) rotate(3deg);z-index:3}
.template-t14 .assembly-scene-ticket>span{display:block;font-size:6px;letter-spacing:.12em;color:#7188a8;margin-bottom:10px}.template-t14 .assembly-scene-ticket b{font-size:13px;font-weight:500;line-height:1.5;display:block}.template-t14 .assembly-scene-ticket p{font-size:9px;color:#7288a5;line-height:1.6;margin-top:14px}
.template-t14 .assembly-scene-foot{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;gap:15px;font-size:6px;letter-spacing:.07em;color:#567296;line-height:1.5}
.template-t14 .experience-story{border-block:1px solid #afbdd3;background:#dfe5ee}.template-t14 .experience-delivery .scope-card{border-radius:4px;border-top:3px solid #4669b5}

/* 15 — folded data journal, enquiry note and an abstract analytic dial. */
.template-t15 .fieldnote-hero{grid-template-columns:1fr 1.2fr;gap:65px;padding-top:75px}
.template-t15 .fieldnote-lab{height:560px;position:relative;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.template-t15 .fieldnote-paper-back{position:absolute;left:10%;right:0;top:15px;height:360px;background:#e1e6d7;border:1px solid #b6c3b2;transform:rotate(6deg);padding:25px;box-shadow:0 15px 30px #45512f10;display:flex;flex-direction:column;gap:24px}
.template-t15 .fieldnote-paper-back>span{font-family:Arial,sans-serif;font-size:7px;letter-spacing:.12em}.template-t15 .fieldnote-paper-back i{height:10px;background:#c0cebc;width:75%}.template-t15 .fieldnote-paper-back i:nth-child(3){width:45%}
.template-t15 .fieldnote-lab .fieldnote-chart{position:absolute;left:0;right:13%;top:55px;transform:rotate(-5deg);background:#f6f3e9;box-shadow:0 24px 40px #24354320;z-index:2}
.template-t15 .fieldnote-lab .chart-bars{height:220px}.template-t15 .fieldnote-lab .chart-bars i{transform-origin:bottom;animation:a-chart-breathe 10s ease-in-out infinite}.template-t15 .fieldnote-lab .chart-bars i:nth-child(2n){animation-delay:-3s}.template-t15 .fieldnote-lab .chart-bars i:nth-child(3n){animation-delay:-5s}
.template-t15 .fieldnote-side-note{position:absolute;bottom:5px;right:0;width:225px;background:#fdfbf1;border:1px solid #bfccb9;box-shadow:0 14px 25px #2435431f;padding:22px;transform:translateY(var(--parallax-y,0px)) rotate(5deg);z-index:3}.template-t15 .fieldnote-side-note>span{font-family:Arial,sans-serif;font-size:6px;letter-spacing:.12em;display:block;margin-bottom:16px;color:#819080}.template-t15 .fieldnote-side-note .scene-tokens b{font-size:16px;font-weight:400}.template-t15 .fieldnote-side-note>b{display:block;font-size:35px;text-align:right;line-height:1;margin-top:22px;color:#397a96}
.template-t15 .fieldnote-radar{position:absolute;bottom:30px;left:10px;width:160px;height:160px;background:#e1e8d9;border:1px solid #b5c5b0;border-radius:50%;box-shadow:0 10px 25px #24354312;animation:a-radar-drift 12s ease-in-out infinite;z-index:3}.template-t15 .fieldnote-radar svg{width:100%;height:100%;stroke:#487975;stroke-width:1}
.template-t15 .fieldnote-lab-caption{position:absolute;left:0;bottom:5px;font-family:Arial,sans-serif;font-size:6px;letter-spacing:.08em;color:#7f8e7c;max-width:165px;line-height:1.5}
.template-t15 .experience-heading h2{font-weight:400}.template-t15 .experience-story{background:#e7e5d9;border-block:1px solid #c9cfca}.template-t15 .experience-delivery .scope-card{background:#fbf8ef;border-top:3px solid #397a96;border-radius:0}

/* 16 — a message sculpture and a service slip, no pretend support status. */
.template-t16 .goodline-hero{grid-template-columns:1fr 1.15fr;gap:65px;align-items:center;padding-block:70px}
.template-t16 .goodline-copy{grid-row:auto;padding-top:0}
.template-t16 .goodline-conversation{height:590px;position:relative;background:linear-gradient(130deg,#dceaf9,#b9d2ee);border-radius:28px;overflow:hidden;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));isolation:isolate}
.template-t16 .goodline-conversation-grid{position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,45%) var(--pointer-y,30%),#f4f8ffb3,transparent 60%),radial-gradient(#2672c515 1px,transparent 1px);background-size:auto,27px 27px;z-index:-1}
.template-t16 .goodline-disc{position:absolute;width:290px;height:290px;border:48px solid #2672c5;border-radius:50%;box-shadow:inset 8px 3px 20px #ffffff66,12px 18px 30px #1b4b8129;left:20%;top:45px;transform:rotateX(35deg) rotate(-20deg);animation:a-conversation-disc 20s ease-in-out infinite}
.template-t16 .disc-two{width:220px;height:220px;left:28%;top:90px;border-width:20px;border-color:#86add7;transform:rotateX(-40deg) rotate(-20deg);animation-direction:reverse;animation-duration:27s}
.template-t16 .goodline-message{position:absolute;border:1px solid #a1bfdc;border-radius:14px;background:#f6fafff0;box-shadow:0 18px 30px #24487520;padding:25px;color:#21354e;z-index:2}
.template-t16 .goodline-message>span:first-child{font-size:6px;letter-spacing:.13em;color:#668bad;display:block;margin-bottom:12px}.template-t16 .goodline-message strong{font-size:17px;font-weight:500;line-height:1.5;display:block}
.template-t16 .message-context{top:260px;left:20px;width:270px;transform:translateY(var(--parallax-y,0px)) rotate(-4deg)}.template-t16 .message-context>div{display:grid;gap:8px;margin-top:20px}.template-t16 .message-context i{height:5px;background:#bdd4e7;border-radius:3px;width:85%}.template-t16 .message-context i:nth-child(2){width:65%}.template-t16 .message-context i:nth-child(3){width:75%}
.template-t16 .message-clarity{top:360px;right:20px;width:260px;background:#21354e;color:#f0f5fa;border-color:#577695;animation:a-conversation-card 10s ease-in-out infinite}.template-t16 .message-clarity>span:first-child{color:#a8c7e5}.template-t16 .message-clarity p{font-size:9px;line-height:1.6;color:#a8c7e5;margin-top:15px}.template-t16 .message-arrow{position:absolute;right:18px;bottom:12px;font-size:30px;line-height:1;color:#b0d5ff}
.template-t16 .goodline-service-slip{position:absolute;left:20px;right:20px;top:25px;border:1px solid #b1cae0;background:#f6faffc9;backdrop-filter:blur(12px);padding:15px 20px;color:#315779;z-index:2}.template-t16 .goodline-service-slip>span{display:block;font-size:6px;letter-spacing:.12em;margin-bottom:6px}.template-t16 .goodline-service-slip b{display:block;font-size:12px;line-height:1.5;font-weight:500}
.template-t16 .goodline-conversation-caption{position:absolute;left:20px;right:20px;bottom:18px;font-size:7px;line-height:1.6;color:#617e9b}
.template-t16 .experience-story{border-radius:28px;background:#deebf7}.template-t16 .experience-panel{border-radius:22px;background:#f0f5fa}.template-t16 .experience-delivery .scope-card{border-radius:24px}

/* 17 — an exploded foundation index with a service register. */
.template-t17 .host-landscape{display:block;padding:0;background:none;border:0}
.template-t17 .host-layers{height:420px;position:relative;background:linear-gradient(140deg,#d4dfd1,#bac7b7);border:1px solid #a6b5a5;overflow:hidden;isolation:isolate;transform:perspective(1300px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.template-t17 .host-landscape>div:last-child{border:1px solid #a6b5a5;padding:0;font-size:inherit;line-height:inherit}
.template-t17 .host-layer{position:absolute;left:11%;width:43%;height:155px;border:1px solid #718575;transform:rotateX(50deg) rotateZ(-15deg);background:linear-gradient(135deg,#d8e3d3,#82947f);box-shadow:-9px 14px 0 #4b614860,0 22px 25px #2f412b25;display:flex;justify-content:space-between;padding:28px;color:#3d5240}
.template-t17 .layer-bottom{top:calc(185px + var(--scene-progress,0)*14px);background:linear-gradient(135deg,#a5b59f,#637b65)}.template-t17 .layer-middle{top:120px;background:linear-gradient(135deg,#c5d1be,#81977b)}.template-t17 .layer-top{top:calc(50px - var(--scene-progress,0)*14px);background:linear-gradient(135deg,#e5eee0,#a3b79e)}
.template-t17 .host-layer>span{font-size:9px;letter-spacing:.13em;line-height:1.5}.template-t17 .host-layer>div{display:flex;gap:9px;align-items:center}.template-t17 .host-layer i{width:20px;height:20px;border:1px solid #677e67;border-radius:2px;background:#ecf1e641}
.template-t17 .host-layer-guides{position:absolute;inset:0;width:100%;height:100%;stroke:#5e735b45;stroke-width:1;pointer-events:none}
.template-t17 .host-layer-index{position:absolute;left:66%;right:25px;top:40px;bottom:45px;border-left:1px solid #8ca18a;padding-left:25px;display:flex;flex-direction:column;justify-content:center}
.template-t17 .host-layer-index>span{font-size:6px;letter-spacing:.13em;display:block;margin-bottom:25px;color:#5e745d}.template-t17 .host-layer-index .scene-tokens{gap:18px}.template-t17 .host-layer-index .scene-tokens b{font-size:13px;font-weight:500}.template-t17 .host-layer-index p{font-size:12px;line-height:1.6;color:#667d63;margin-top:25px}
.template-t17 .host-layer-caption{position:absolute;left:25px;bottom:20px;font-size:7px;letter-spacing:.12em;color:#61775f}
.template-t17 .experience-story{border-block:1px solid #a6b5a5;background:#d9ded7}.template-t17 .experience-delivery .scope-card{border-radius:0;border-left:2px solid #44534b}

@keyframes a-dial{to{transform:rotate(360deg)}}
@keyframes a-scan-x{0%{transform:translateX(0);opacity:0}15%,85%{opacity:1}100%{transform:translateX(100%);opacity:0}}
@keyframes a-paper-drift{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-8px) rotate(5deg)}}
@keyframes a-cursor{0%,70%{opacity:1}71%,100%{opacity:0}}
@keyframes a-planet-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.025)}}
@keyframes a-orbital-tilt{0%,100%{transform:rotate(-25deg) rotateX(15deg)}50%{transform:rotate(-13deg) rotateX(-10deg)}}
@keyframes a-orbital-counter{0%,100%{transform:rotate(35deg) rotateY(-15deg)}50%{transform:rotate(22deg) rotateY(15deg)}}
@keyframes a-floating-window{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes a-protocol-scan{0%{transform:translateY(0);opacity:0}12%,85%{opacity:1}100%{transform:translateY(345px);opacity:0}}
@keyframes a-synapse-ribbon{0%,100%{transform:rotateX(45deg) rotateY(-40deg) rotate(-20deg)}50%{transform:rotateX(25deg) rotateY(-25deg) rotate(10deg)}}
@keyframes a-synapse-counter{0%,100%{transform:rotateX(-40deg) rotateY(40deg) rotate(30deg)}50%{transform:rotateX(-25deg) rotateY(20deg) rotate(-5deg)}}
@keyframes a-orb-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes a-leaf-orbit{0%,100%{transform:rotate(-30deg) rotateY(20deg)}50%{transform:rotate(-15deg) rotateY(-15deg)}}
@keyframes a-route-travel{to{stroke-dashoffset:-632}}
@keyframes a-core-pulse{0%,100%{opacity:.78;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-3px) scale(1.035)}}
@keyframes a-phone-left{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-9px) rotate(-8deg)}}
@keyframes a-phone-right{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(8px) rotate(7deg)}}
@keyframes a-touch-drift{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes a-object-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes a-chart-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.92)}}
@keyframes a-radar-drift{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes a-conversation-disc{0%,100%{transform:rotateX(35deg) rotate(-20deg)}50%{transform:rotateX(15deg) rotate(-5deg)}}
@keyframes a-conversation-card{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-8px) rotate(2deg)}}

@media(max-width:1100px){
 .template-t01 .signal-hero{gap:30px}.template-t01 .signal-instrument{padding:15px}.template-t01 .instrument-ring{width:270px;height:270px;margin:-135px 0 0 -135px}.template-t01 .instrument-ring.ring-two{width:220px;height:220px;margin:-110px 0 0 -110px}.template-t01 .instrument-register{grid-template-columns:1fr}.template-t01 .instrument-register>span{display:none}
 .template-t02 .paper-one{left:5%;width:275px}.template-t02 .paper-two{right:5%;width:275px}
 .template-t03 .cobalt-billboard{gap:40px}.template-t03 .cobalt-workbench{height:560px}.template-t03 .workbench-preview{padding:20px}.template-t03 .workbench-large{font-size:60px}.template-t03 .ticket-front{width:200px}.template-t03 .ticket-back{width:215px}
 .template-t04 .orbital-service{width:175px;padding:15px}.template-t04 .orbital-service b{font-size:12.5px}
 .template-t05 .morrow-hero{gap:35px}.template-t05 .floating-scope{left:0;width:205px}.template-t05 .floating-context{width:175px}.template-t05 .morrow-windows .morrow-workspace{right:6%;padding:10px}
 .template-t06 .guard-hero-body{gap:30px}.template-t06 .guard-protocol{height:550px}.template-t06 .protocol-register{left:20px;right:20px}.template-t06 .protocol-tag{left:9%;right:9%}
 .template-t07 .synapse-hero-grid{gap:25px 35px}.template-t07 .synapse-note{width:165px;padding:16px}.template-t07 .synapse-ribbon-form{width:230px;height:230px;border-width:24px}.template-t07 .synapse-ribbon-form.form-three{width:155px;height:155px;border-width:16px}
 .template-t08 .framework-hero{grid-template-columns:.24fr 1fr .85fr;gap:22px}.template-t08 .draft-board{height:290px}.template-t08 .draft-plane{width:95px;height:95px;left:calc(50% - 47px)}.template-t08 .draft-register{padding:18px}
 .template-t09 .network-hero{grid-template-columns:1fr 1.1fr;gap:35px}.template-t09 .network-city{height:620px}
 .template-t10 .evergreen-copy{padding:32px 27px}.template-t10 .evergreen-room{height:620px}.template-t10 .evergreen-room-card{left:20px;right:20px;padding:16px}.template-t10 .evergreen-room-note{left:20px;right:20px}
 .template-t11 .relay-hero-content{gap:35px}.template-t11 .machine-node{width:130px;padding:16px}.template-t11 .node-transform{width:150px;left:39%}.template-t11 .machine-sidecar{width:175px;padding:17px}
 .template-t12 .pocket-hero{gap:35px}.template-t12 .pocket-lab .phone-one{left:7%;top:85px}.template-t12 .pocket-lab .phone-two{right:4%;top:120px}.template-t12 .floating-outline{width:205px}.template-t12 .floating-touch{right:0}
 .template-t13 .edition-stage{gap:45px;padding-inline:10%}.template-t13 .edition-overlay-paper{width:190px;left:25px}.template-t13 .edition-arch{height:150px}.template-t13 .edition-sphere{height:140px}.template-t13 .edition-fold{height:155px}
 .template-t14 .assembly-hero-grid{gap:35px}.template-t14 .assembly-plane{width:185px;height:185px;left:calc(50% - 92px)}.template-t14 .assembly-scene-ticket{width:200px;padding:19px}
 .template-t15 .fieldnote-hero{gap:40px}.template-t15 .fieldnote-side-note{width:190px;padding:20px}.template-t15 .fieldnote-radar{width:135px;height:135px}.template-t15 .fieldnote-lab .chart-bars{height:205px}
 .template-t16 .goodline-hero{gap:35px}.template-t16 .goodline-message{padding:22px}.template-t16 .message-context{width:240px;left:15px}.template-t16 .message-clarity{width:230px;right:15px}.template-t16 .goodline-disc{left:10%}.template-t16 .disc-two{left:20%}
 .template-t17 .host-layer-index{left:62%;right:20px;padding-left:20px}.template-t17 .host-layer{left:7%;width:45%}.template-t17 .host-layer-index .scene-tokens b{font-size:12.5px}
}

@media(max-width:760px){
 .template-t11 .machine-traveller{animation:none!important}
 :is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) [data-tilt]{transform:none;will-change:auto}
 :is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) [data-parallax]{will-change:auto}
 .template-t01 .signal-hero{grid-template-columns:1fr;gap:35px;padding-block:40px}.template-t01 .signal-copy h1{font-size:clamp(42px,10.8vw,64px)}.template-t01 .signal-visual{height:auto;min-height:0}.template-t01 .signal-instrument{height:auto;min-height:510px;padding:16px;box-shadow:8px 12px 0 #c8f96c06}.template-t01 .instrument-dial{height:330px;margin:15px -5px}.template-t01 .instrument-core{inset:50px 15px}.template-t01 .instrument-register{grid-template-columns:1fr;padding-top:16px}.template-t01 .instrument-register .scene-tokens{gap:9px}.template-t01 .instrument-register .scene-tokens b{font-size:12px}.template-t01 .instrument-cursor{bottom:145px}.template-t01 .instrument-coordinate{font-size:6px}.template-t01 .coord-one{top:30px}.template-t01 .coord-two{top:265px;right:5px}.template-t01 .coord-three{bottom:0;left:5px;right:auto}.template-t01 .instrument-top{font-size:6px}
 .template-t02 .quiet-landscape{height:570px;margin-top:30px}.template-t02 .quiet-paper{padding:25px}.template-t02 .paper-one{left:7%;right:12%;top:35px;width:auto}.template-t02 .paper-one strong{font-size:31px}.template-t02 .paper-two{right:6%;left:13%;top:290px;width:auto}.template-t02 .paper-two .scene-tokens{gap:13px;padding-bottom:16px}.template-t02 .paper-two .scene-tokens b{font-size:14.5px}.template-t02 .paper-seal{margin-top:14px;width:30px;height:30px;line-height:27px;font-size:22px}.template-t02 .quiet-landscape-caption{left:16px;bottom:15px;max-width:75%;font-size:6px}.template-t02 .quiet-landscape-caption span{font-size:7px;margin-top:5px}.template-t02 .quiet-contours{width:200%;left:-50%;height:100%}
 .template-t03 .cobalt-hero-inner{min-height:auto;padding-block:30px 40px}.template-t03 .cobalt-billboard{grid-template-columns:1fr;gap:40px}.template-t03 .cobalt-hero h1{font-size:clamp(45px,12vw,68px)}.template-t03 .cobalt-workbench{height:570px;max-width:500px;width:100%;margin:auto}.template-t03 .workbench-backplate{inset:15px 15px 85px 35px;transform:rotate(5deg)}.template-t03 .workbench-window{inset:35px 15px 135px 4px;transform:rotate(-3deg)}.template-t03 .workbench-preview{padding:18px}.template-t03 .workbench-grid{grid-template-columns:35px 1fr;min-height:235px}.template-t03 .workbench-large{font-size:50px;padding:18px 10px}.template-t03 .workbench-label{font-size:6px;letter-spacing:.06em}.template-t03 .workbench-code{gap:8px;padding:15px;font-size:8px}.template-t03 .workbench-code p{font-size:8px}.template-t03 .workbench-ticket{padding:17px}.template-t03 .ticket-front{width:185px;right:2px;bottom:5px}.template-t03 .ticket-back{left:4px;bottom:90px;width:215px}.template-t03 .ticket-back strong{font-size:13px}.template-t03 .ticket-back p{font-size:7px}.template-t03 .cobalt-brace{font-size:550px;bottom:300px;right:-90px}.template-t03 .experience-delivery .scope-card:nth-child(2){transform:none}
 .template-t04 .orbital-map{height:590px;margin-top:25px}.template-t04 .orbital-planet{width:150px;height:150px;left:calc(50% - 75px);top:205px}.template-t04 .orbital-trace{width:320px;height:135px;margin:0;left:calc(50% - 160px);top:215px}.template-t04 .trace-two{width:260px;height:190px;left:calc(50% - 130px);top:190px;margin:0}.template-t04 .trace-three{width:240px;height:240px;left:calc(50% - 120px);top:160px;margin:0}.template-t04 .orbital-service{width:175px;padding:15px}.template-t04 .satellite-a{top:15px;left:0}.template-t04 .satellite-b{top:98px;right:0}.template-t04 .satellite-c{bottom:80px;left:0;width:215px}.template-t04 .orbital-service b{font-size:12.5px}.template-t04 .orbital-service>span{font-size:6px;margin-bottom:7px}.template-t04 .orbital-colophon{bottom:15px;display:block;font-size:6px;line-height:1.7}.template-t04 .orbital-colophon>span{display:block}.template-t04 .orbital-guides{width:200%;left:-50%;opacity:.5}.template-t04 .orbital-expedition{overflow:hidden}
 .template-t05 .morrow-hero{grid-template-columns:1fr;gap:35px;padding-block:40px}.template-t05 .morrow-windows{height:570px;max-width:500px;width:100%;margin:auto}.template-t05 .morrow-window-rear{top:40px;left:12%;right:7%;bottom:130px;transform:rotate(5deg)}.template-t05 .morrow-windows .morrow-workspace{top:110px;left:3%;right:6%;padding:10px}.template-t05 .morrow-windows .workspace-body{min-height:290px}.template-t05 .floating-scope{left:2%;bottom:5px;width:205px;padding:17px;z-index:4}.template-t05 .floating-context{right:1%;bottom:120px;width:165px;padding:17px}.template-t05 .morrow-window-note{top:0;left:3%}.template-t05 .morrow-windows .diagram-label{bottom:-20px;font-size:7px}.template-t05 .morrow-floating .floating-icon{width:34px;height:34px;font-size:20px}.template-t05 .floating-scope strong{font-size:12px}
 .template-t06 .guard-hero-body{grid-template-columns:1fr;gap:35px;padding-block:35px}.template-t06 .guard-copy h1{font-size:clamp(42px,11vw,64px)}.template-t06 .guard-protocol{height:570px;width:100%;max-width:450px;margin:auto}.template-t06 .guard-protocol .guard-shield{top:45px;left:10%;right:10%;max-width:none;margin:0}.template-t06 .guard-protocol .guard-shield svg{height:315px;width:100%}.template-t06 .protocol-tag{top:345px;left:12%;right:12%;padding:16px 12px}.template-t06 .protocol-tag strong{font-size:12px}.template-t06 .protocol-register{bottom:32px;left:20px;right:20px}.template-t06 .protocol-register .scene-tokens b{font-size:9px}.template-t06 .protocol-register>span{font-size:6px}.template-t06 .protocol-code{font-size:6px;left:12px}
 .template-t07 .synapse-hero-grid{grid-template-columns:1fr;gap:25px}.template-t07 .synapse-visual{height:570px;max-width:430px;width:100%;margin:auto;grid-row:auto;grid-column:auto}.template-t07 .synapse-sculpture{height:100%}.template-t07 .synapse-orb{top:130px;height:300px;left:0;right:0}.template-t07 .synapse-note{width:170px;padding:17px}.template-t07 .note-left{top:15px;left:0}.template-t07 .note-right{bottom:85px;right:0}.template-t07 .synapse-pedestal{bottom:100px;left:20%;right:20%}.template-t07 .synapse-ribbon-form{width:220px;height:220px;border-width:23px}.template-t07 .synapse-ribbon-form.form-three{width:145px;height:145px;border-width:15px}.template-t07 .synapse-core{width:80px;height:80px}.template-t07 .synapse-art-caption{bottom:25px;font-size:7px}.template-t07 .experience-delivery .scope-card{border-radius:22px;padding-top:25px}
 .template-t08 .framework-hero{grid-template-columns:1fr;gap:30px;padding-block:35px}.template-t08 .framework-plate{width:100%;max-width:450px;margin:auto}.template-t08 .framework-copy h1{font-size:clamp(42px,11vw,64px)}.template-t08 .draft-board{height:335px}.template-t08 .draft-plane{width:125px;height:125px;left:calc(50% - 62px)}.template-t08 .draft-register{padding:24px;grid-template-columns:1.2fr 1fr;gap:25px}.template-t08 .draft-register>span{border-top:0;border-left:1px solid #b9b8a8;padding:0 0 0 17px;align-self:center;font-size:8px}.template-t08 .draft-register .scene-tokens b{font-size:9px}.template-t08 .draft-coordinate{font-size:6px}
 .template-t09 .network-hero{grid-template-columns:1fr;gap:35px;padding-block:35px}.template-t09 .network-tower{min-height:0;max-width:480px;width:100%;margin:auto}.template-t09 .network-city{height:625px}.template-t09 .network-city .city-drawing{top:80px;height:430px}.template-t09 .city-ticket{top:22px}.template-t09 .city-legend{bottom:28px}.template-t09 .city-caption{right:10px;top:170px;font-size:6px}
 .template-t10 .evergreen-hero{grid-template-columns:1fr;gap:22px;padding-top:30px}.template-t10 .evergreen-copy{padding:30px 25px}.template-t10 .evergreen-portal{min-height:0;max-width:480px;width:100%;margin:auto}.template-t10 .evergreen-room{height:620px}.template-t10 .evergreen-arch{top:60px;height:350px}.template-t10 .arch-middle{top:95px;height:295px}.template-t10 .arch-inner{top:140px;height:235px}.template-t10 .evergreen-sphere{top:235px;width:120px;height:120px;left:calc(50% - 60px)}.template-t10 .evergreen-plinth{top:400px}.template-t10 .evergreen-orbit{width:185px;height:65px;left:calc(50% - 92px);top:275px}.template-t10 .evergreen-leaf{width:55px;height:115px}.template-t10 .leaf-one{left:4%;top:325px}.template-t10 .leaf-two{width:40px;height:85px;right:3%;top:135px}.template-t10 .evergreen-room-card{left:20px;right:20px;bottom:85px;grid-template-columns:1fr 50px;padding:17px}.template-t10 .evergreen-room-card i{width:11px;height:11px}.template-t10 .evergreen-room-card>div{gap:5px}.template-t10 .evergreen-room-card b{font-size:12.5px}.template-t10 .evergreen-room-note{bottom:22px}.template-t10 .experience-delivery .scope-card:nth-child(2){transform:none}
 .template-t11 .relay-hero-content{grid-template-columns:1fr;gap:35px}.template-t11 .relay-circuit{height:620px;max-width:470px;width:100%;margin:auto}.template-t11 .relay-machine{height:620px}.template-t11 .relay-machine-path{width:150%;left:-25%;opacity:.75}.template-t11 .node-input{left:15px;top:180px;width:140px}.template-t11 .node-transform{top:25px;right:15px;left:auto;width:155px}.template-t11 .node-outcome{top:320px;right:15px;width:145px}.template-t11 .machine-sidecar{left:20px;bottom:55px;width:215px;padding:20px}.template-t11 .machine-colophon{left:20px;right:15px;bottom:20px;font-size:6px}.template-t11 .machine-node strong{font-size:15.5px}
 .template-t12 .pocket-hero{grid-template-columns:1fr;gap:35px;padding-block:40px}.template-t12 .pocket-copy h1{font-size:clamp(43px,11vw,64px)}.template-t12 .pocket-lab{height:620px;max-width:445px;width:100%;margin:auto}.template-t12 .pocket-lab .pocket-phones{height:550px;top:15px;left:0;right:0;border-radius:42% 42% 15% 15%}.template-t12 .pocket-lab .phone-one{left:8%;top:115px}.template-t12 .pocket-lab .phone-two{right:5%;top:170px}.template-t12 .pocket-lab .pocket-phones .diagram-label{bottom:28px;font-size:6px}.template-t12 .floating-outline{left:3%;bottom:5px;width:200px;padding:18px}.template-t12 .floating-touch{top:20px;right:2%;padding:17px;font-size:9px;gap:13px}.template-t12 .floating-touch>span{font-size:30px}.template-t12 .pocket-lab-caption{font-size:6px;bottom:7px;max-width:105px;right:0}.template-t12 .pocket-guides{opacity:.7}
 .template-t13 .edition-gallery-label{font-size:6px;margin:20px 20px 15px;gap:10px}.template-t13 .edition-stage{height:505px;gap:18px;padding:250px 25px 0}.template-t13 .edition-column{height:95px;box-shadow:9px 0 0 #b4795d48,15px 12px 20px #7142242b}.template-t13 .column-two{height:65px}.template-t13 .column-three{height:120px}.template-t13 .edition-column>span{font-size:5px;left:8px;right:5px;bottom:13px;letter-spacing:0;line-height:1.5}.template-t13 .edition-arch{height:115px;left:14%;right:14%;box-shadow:6px 0 0 #7d352b80}.template-t13 .edition-arch:before{inset:30px 25% 0}.template-t13 .edition-sphere{height:95px;left:7%;right:7%}.template-t13 .edition-fold{height:120px;left:13%;right:13%}.template-t13 .edition-overlay-paper{top:70px;left:9%;right:20%;width:auto;padding:22px}.template-t13 .edition-overlay-paper>span{font-size:6px}.template-t13 .edition-overlay-paper .scene-tokens{gap:10px}.template-t13 .edition-overlay-paper .scene-tokens b{font-size:13px}.template-t13 .edition-overlay-paper>b{font-size:28px;margin-top:10px}.template-t13 .edition-gallery-colophon{padding:20px;display:block;font-size:7px}.template-t13 .edition-gallery-colophon>span{display:block;margin-bottom:5px}
 .template-t14 .assembly-hero-grid{grid-template-columns:1fr;gap:35px}.template-t14 .assembly-exploded{height:610px;max-width:460px;width:100%;margin:auto;box-shadow:7px 10px 0 #4669b510}.template-t14 .assembly-plane{width:200px;height:200px;left:calc(50% - 100px)}.template-t14 .assembly-base{top:250px}.template-t14 .assembly-middle{top:180px}.template-t14 .assembly-top{top:110px}.template-t14 .assembly-scene-ticket{bottom:65px;right:18px;width:220px;padding:22px}.template-t14 .assembly-scene-foot{bottom:20px;left:18px;right:18px;font-size:6px;display:block}.template-t14 .assembly-scene-foot>span{display:block;margin-bottom:4px}
 .template-t15 .fieldnote-hero{grid-template-columns:1fr;gap:35px;padding-top:40px}.template-t15 .fieldnote-lab{height:590px;max-width:460px;width:100%;margin:auto}.template-t15 .fieldnote-paper-back{left:8%;right:4%;top:35px;height:370px}.template-t15 .fieldnote-lab .fieldnote-chart{left:3%;right:8%;top:75px;padding:20px}.template-t15 .fieldnote-lab .chart-bars{height:200px;gap:8px}.template-t15 .fieldnote-lab .chart-heading{font-size:9px;gap:10px}.template-t15 .fieldnote-lab .chart-heading>span:last-child{font-size:6px}.template-t15 .fieldnote-side-note{bottom:5px;right:1%;width:205px;padding:21px}.template-t15 .fieldnote-side-note .scene-tokens b{font-size:15.5px}.template-t15 .fieldnote-radar{width:130px;height:130px;left:0;bottom:50px}.template-t15 .fieldnote-lab-caption{left:0;bottom:10px;font-size:5px;max-width:115px}.template-t15 .figure-number{font-size:6px;line-height:1.6}
 .template-t16 .goodline-hero{grid-template-columns:1fr;gap:35px;padding-block:40px}.template-t16 .goodline-copy{grid-row:auto}.template-t16 .goodline-conversation{height:625px;max-width:450px;width:100%;margin:auto}.template-t16 .goodline-disc{width:260px;height:260px;border-width:42px;left:12%;top:90px}.template-t16 .disc-two{width:205px;height:205px;border-width:18px;left:20%;top:120px}.template-t16 .goodline-service-slip{left:17px;right:17px;top:22px;padding:15px 17px}.template-t16 .goodline-message{padding:22px}.template-t16 .message-context{width:255px;left:17px;top:320px}.template-t16 .message-clarity{width:250px;right:17px;top:435px;padding-bottom:28px}.template-t16 .goodline-message strong{font-size:16px}.template-t16 .goodline-conversation-caption{left:17px;right:17px;bottom:15px;font-size:6px;line-height:1.6}
 .template-t17 .host-layers{height:650px;max-width:490px;width:100%;margin:auto}.template-t17 .host-layer{width:68%;left:16%;height:155px;padding:24px}.template-t17 .layer-bottom{top:185px}.template-t17 .layer-middle{top:120px}.template-t17 .layer-top{top:55px}.template-t17 .host-layer>span{font-size:8px}.template-t17 .host-layer i{width:16px;height:16px}.template-t17 .host-layer>div{gap:6px}.template-t17 .host-layer-index{top:370px;left:25px;right:25px;bottom:50px;border-left:0;border-top:1px solid #8ca18a;padding:25px 0 0;justify-content:start}.template-t17 .host-layer-index>span{margin-bottom:20px}.template-t17 .host-layer-index .scene-tokens{gap:13px}.template-t17 .host-layer-index .scene-tokens b{font-size:13px}.template-t17 .host-layer-index p{font-size:9px;margin-top:18px}.template-t17 .host-layer-caption{left:25px;bottom:20px;font-size:6px}.template-t17 .host-layer-guides{height:370px;width:150%;left:-25%}
}

@media(max-width:370px){
 .template-t01 .instrument-ring{width:245px;height:245px;margin:-122px 0 0 -122px}.template-t01 .instrument-ring.ring-two{width:200px;height:200px;margin:-100px 0 0 -100px}
 .template-t03 .workbench-preview{padding:14px}.template-t03 .workbench-label{font-size:5px}.template-t03 .workbench-grid{grid-template-columns:28px 1fr}.template-t03 .ticket-front{width:165px}.template-t03 .ticket-back{width:195px}
 .template-t05 .floating-scope{width:190px;padding:16px}.template-t05 .floating-context{width:155px;padding:15px}
 .template-t07 .synapse-ribbon-form{width:205px;height:205px;border-width:22px}.template-t07 .synapse-note{width:155px}
 .template-t08 .draft-register{grid-template-columns:1fr}.template-t08 .draft-register>span{display:none}
 .template-t11 .machine-node{width:125px;padding:15px}.template-t11 .node-transform{width:140px}.template-t11 .node-outcome{width:130px}.template-t11 .machine-sidecar{width:200px}
 .template-t12 .pocket-lab .phone-one{left:7%}.template-t12 .pocket-lab .phone-two{right:5%}.template-t12 .floating-outline{width:175px}.template-t12 .pocket-lab-caption{max-width:85px;font-size:5px}
 .template-t13 .edition-stage{padding-inline:20px;gap:13px}.template-t13 .edition-overlay-paper{left:9%;right:13%}
 .template-t15 .fieldnote-side-note{width:180px;padding:18px}.template-t15 .fieldnote-radar{width:115px;height:115px}
 .template-t16 .message-context{width:230px}.template-t16 .message-clarity{width:230px}.template-t16 .goodline-disc{left:7%}
 .template-t17 .host-layer{width:74%;left:13%;padding:22px}.template-t17 .host-layer i{width:13px;height:13px}
}

/* All continuously animated layers honour both the explicit pause and reduce preference. */
:is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17).motion-paused .scene-loop,
:is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17).motion-paused .phone,
:is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17).motion-paused .chart-bars i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 :is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) .scene-loop,
 :is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) .phone,
 :is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) .chart-bars i{animation:none!important}
 :is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) [data-tilt]{transform:none;transition:none;will-change:auto}
 :is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) [data-parallax]{--parallax-y:0px!important;will-change:auto}
 .template-t03 .experience-delivery .scope-card:nth-child(2),.template-t10 .experience-delivery .scope-card:nth-child(2){transform:none}
}

/* Actual service names may be long; annotations retain a safe wrapping path. */
:is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) main b,
:is(.template-t01,.template-t02,.template-t03,.template-t04,.template-t05,.template-t06,.template-t07,.template-t08,.template-t09,.template-t10,.template-t11,.template-t12,.template-t13,.template-t14,.template-t15,.template-t16,.template-t17) main strong{overflow-wrap:anywhere}