/* All selectors belong to new client components; MQ shell remains unchanged. */
.tw-mini{--tw-u:1cqw;--tw-bg:#e9f0e5;--tw-fg:#193b2e;--tw-ac:#c9ec99;background:var(--tw-bg);color:var(--tw-fg);font-family:Arial,Helvetica,sans-serif;position:relative;container-type:size;isolation:isolate;width:100%;height:100%;min-height:620px;overflow:hidden;display:flex;flex-direction:column;text-align:left;font-size:clamp(12px,calc(1.5 * var(--tw-u)),17px)}
.tw-mini *{box-sizing:border-box}.tw-mini button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;text-align:left}.tw-mini button:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.tw-header{height:clamp(54px,calc(7.6 * var(--tw-u)),88px);padding:0 calc(4.5 * var(--tw-u));display:flex;align-items:center;gap:calc(3 * var(--tw-u));border-bottom:1px solid #223b2e25;position:relative;z-index:8;background:var(--tw-bg);flex:none}.tw-logo{display:flex;flex-direction:column;gap:4px;margin-right:auto;padding:8px 0}.tw-logo b{font-size:clamp(11px,calc(1.5 * var(--tw-u)),20px);letter-spacing:-.04em}.tw-logo small{font-size:clamp(5px,calc(.6 * var(--tw-u)),8px);letter-spacing:.2em}.tw-header nav{display:flex;gap:calc(2 * var(--tw-u))}.tw-header nav button{padding:9px 2px;font-size:clamp(8px,calc(1.1 * var(--tw-u)),14px)}.tw-menu-toggle{width:34px;height:36px;display:grid;align-content:center;gap:5px;padding:7px!important}.tw-menu-toggle span{display:block;width:20px;height:1px;background:currentColor;transition:transform .3s}.tw-menu-open .tw-menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.tw-menu-open .tw-menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}
.tw-scroll{position:relative;z-index:0;flex:1;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable}.tw-pages{position:relative;min-height:100%}.tw-page{display:none;visibility:hidden;position:absolute;inset:0 auto auto 0;width:100%;min-height:100%;padding:calc(5 * var(--tw-u)) calc(5 * var(--tw-u)) calc(4 * var(--tw-u));background:var(--tw-bg);z-index:0}.tw-page.tw-current{display:block;visibility:visible;position:relative;z-index:2}.tw-page.tw-under{display:block;visibility:visible;z-index:1}.tw-page h1,.tw-page h2{font-family:inherit;font-size:clamp(32px,calc(6.7 * var(--tw-u)),86px);font-weight:500;line-height:1.02;letter-spacing:-.06em;margin:calc(4 * var(--tw-u)) 0}.tw-page p{line-height:1.5}.tw-kicker{font-size:clamp(7px,calc(.85 * var(--tw-u)),11px);letter-spacing:.13em;display:block}.tw-page .tw-solid{background:var(--tw-fg);color:var(--tw-bg);padding:calc(1.6 * var(--tw-u)) calc(2.4 * var(--tw-u));border-radius:40px;min-height:38px;font-size:clamp(10px,calc(1.3 * var(--tw-u)),16px);display:inline-flex;align-items:center;justify-content:center;gap:20px}.tw-outline{border:1px solid currentColor!important;border-radius:40px;padding:calc(1.6 * var(--tw-u)) calc(2.4 * var(--tw-u))!important;min-height:38px}.tw-actions{display:flex;align-items:center;gap:calc(2 * var(--tw-u));flex-wrap:wrap;margin-top:calc(4 * var(--tw-u))}.tw-actions>button:not(.tw-solid):not(.tw-outline){padding:10px 4px}.tw-page .tw-lead{font-size:clamp(19px,calc(3.5 * var(--tw-u)),40px);line-height:1.12;max-width:20em;letter-spacing:-.03em}.tw-service-info{display:grid;grid-template-columns:1fr 1fr;gap:calc(4 * var(--tw-u));border-top:1px solid #8885;margin-top:calc(4 * var(--tw-u));padding-top:calc(2 * var(--tw-u))}.tw-service-info ol{padding-left:20px;line-height:2}.tw-service-tabs{display:flex;gap:8px;flex-wrap:wrap}.tw-service-tabs button{border:1px solid #8886;border-radius:20px;padding:10px 16px}.tw-case-list{margin:calc(4 * var(--tw-u)) 0}.tw-case-list button{display:grid;grid-template-columns:30px 1fr 24px;width:100%;gap:12px;border-top:1px solid #8885;padding:calc(3 * var(--tw-u)) 0;align-items:center}.tw-case-list b{font-size:clamp(18px,calc(3.5 * var(--tw-u)),36px);font-weight:400;letter-spacing:-.04em}.tw-case-art{height:calc(25 * var(--tw-u));max-height:300px;min-height:140px;position:relative;overflow:hidden;background:var(--tw-ac);border-radius:8px}.tw-case-art svg{width:100%;height:100%}.tw-case-story{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(3 * var(--tw-u));margin-top:calc(3 * var(--tw-u))}.tw-case-story small{font-size:clamp(7px,calc(.85 * var(--tw-u)),11px);letter-spacing:.1em}.tw-case-story p{font-size:clamp(11px,calc(1.4 * var(--tw-u)),16px)}.tw-goals{display:flex;flex-direction:column;gap:10px;margin:calc(4 * var(--tw-u)) 0}.tw-goals button{padding:18px;border:1px solid #8886;border-radius:9px}.tw-goals button[aria-pressed=true]{background:var(--tw-ac);color:var(--tw-fg)}.tw-brief-result{border-left:2px solid currentColor;padding:calc(1 * var(--tw-u)) calc(3 * var(--tw-u))}.tw-brief-result>span{font-size:10px;letter-spacing:.12em}.tw-brief-result h3{font-size:clamp(22px,calc(3 * var(--tw-u)),38px);font-weight:400;letter-spacing:-.04em}.tw-menu{position:absolute;inset:0;z-index:7;background:var(--tw-fg);color:var(--tw-bg);clip-path:inset(0 0 100% 0);transition:clip-path .45s cubic-bezier(.22,1,.36,1);padding:clamp(70px,calc(10 * var(--tw-u)),110px) calc(5 * var(--tw-u)) calc(4 * var(--tw-u));overflow:auto;overscroll-behavior:contain}.tw-menu-open .tw-menu{clip-path:inset(0 0 0 0)}.tw-menu>div>span{font-size:10px;letter-spacing:.1em}.tw-menu button{display:grid;grid-template-columns:24px 1fr 30px;width:100%;align-items:center;font-size:clamp(25px,calc(5.8 * var(--tw-u)),65px);letter-spacing:-.05em;padding:calc(2.5 * var(--tw-u)) 0;border-bottom:1px solid #ffffff30}.tw-menu button small{font-size:10px}.tw-menu button i{font-size:24px;font-style:normal}.tw-menu-open .tw-header{background:var(--tw-fg);color:var(--tw-bg)}
.tw-a .tw-home{padding:calc(5 * var(--tw-u)) calc(4.5 * var(--tw-u)) 0}.tw-a-intro h1{position:relative;max-width:95%;font-size:clamp(33px,calc(7.5 * var(--tw-u)),95px);margin-top:calc(5 * var(--tw-u))}.tw-a-intro h1>span{font-size:calc(13 * var(--tw-u));font-weight:400;color:#97b777;display:inline-block;position:absolute;right:0;bottom:calc(-1 * var(--tw-u))}.tw-a-intro p{font-size:clamp(12px,calc(1.8 * var(--tw-u)),22px);margin:calc(3 * var(--tw-u)) 0}.tw-a-services{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(1.3 * var(--tw-u));margin-top:calc(5 * var(--tw-u))}.tw-service-tile{display:flex;flex-direction:column;background:#d5e2cc!important;border-radius:9px;padding:calc(2 * var(--tw-u))!important;min-height:calc(15 * var(--tw-u))}.tw-service-tile:nth-child(2){background:#bfd099!important}.tw-service-tile:nth-child(3){background:#cee7bd!important}.tw-service-tile small{font-size:8px}.tw-service-tile strong{font-size:clamp(14px,calc(2.7 * var(--tw-u)),34px);font-weight:400;letter-spacing:-.04em;margin:calc(2 * var(--tw-u)) 0}.tw-service-tile>span{font-size:clamp(8px,calc(1 * var(--tw-u)),12px);margin-top:auto}.tw-selected{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #193b2e40;margin-top:calc(4 * var(--tw-u));padding:calc(2 * var(--tw-u)) 0;font-size:clamp(8px,calc(1 * var(--tw-u)),12px)}
.tw-b{--tw-bg:#eeeeea;--tw-fg:#151916;--tw-ac:#c7e364}.tw-b .tw-header nav{display:none}.tw-b .tw-home{padding:calc(3 * var(--tw-u)) calc(4 * var(--tw-u)) 0}.tw-b-title{font-size:clamp(46px,calc(12 * var(--tw-u)),150px)!important;line-height:.85!important;position:relative;z-index:2;max-width:75%;margin:calc(4 * var(--tw-u)) 0!important;font-weight:650!important;letter-spacing:-.07em!important}.tw-b-title em{font-style:normal}.tw-b-art{position:absolute;right:0;top:calc(2 * var(--tw-u));width:40%;height:calc(48 * var(--tw-u));max-height:470px;overflow:hidden;background:var(--tw-ac);border-radius:45% 0 0 45%;z-index:0}.tw-b-art>b{font-size:calc(48 * var(--tw-u));line-height:1.1;position:absolute;right:calc(-4 * var(--tw-u));top:calc(-1 * var(--tw-u));font-weight:700;letter-spacing:-.15em;color:#1b2819}.tw-b-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding:calc(2 * var(--tw-u)) 0;z-index:2;margin-top:calc(8 * var(--tw-u))}.tw-round{border:1px solid currentColor!important;border-radius:50%;height:calc(12 * var(--tw-u));width:calc(12 * var(--tw-u));min-width:66px;min-height:66px;font-size:clamp(8px,calc(1 * var(--tw-u)),12px)!important;text-align:center!important;padding:12px!important}.tw-ribbons{position:absolute;inset:0;overflow:hidden;transform:rotate(-18deg)}.tw-ribbons i{position:absolute;top:10%;left:calc(-20% + var(--i)*9%);width:20%;height:130%;border:1px solid currentColor;border-radius:50%;opacity:.25;transform:rotate(25deg)}
.tw-c{--tw-bg:#f2f1ed;--tw-fg:#222425;--tw-ac:#c9c9eb}.tw-c .tw-header{border:0}.tw-c .tw-home{padding:calc(3 * var(--tw-u)) calc(4 * var(--tw-u))}.tw-c .tw-header nav{display:none}.tw-c-intro{text-align:center;max-width:85%;margin:calc(1 * var(--tw-u)) auto calc(5 * var(--tw-u))}.tw-c-intro>span{font-size:clamp(7px,calc(.8 * var(--tw-u)),11px);letter-spacing:.08em}.tw-c-intro h1{font-size:clamp(36px,calc(6.2 * var(--tw-u)),80px);margin:calc(3 * var(--tw-u)) 0}.tw-c-intro p{font-size:clamp(11px,calc(1.4 * var(--tw-u)),18px)}.tw-c-mosaic{display:grid;grid-template-columns:1.25fr 1fr;gap:calc(1.4 * var(--tw-u))}.tw-c-project{border-radius:7px;background:#b8b5d5!important;position:relative;min-height:calc(22 * var(--tw-u));padding:calc(2 * var(--tw-u))!important;display:flex;flex-direction:column;overflow:hidden}.tw-c-project:first-child{grid-row:span 2;min-height:calc(42 * var(--tw-u));background:#e9b19f!important}.tw-c-project:last-child{background:#b3cfc0!important}.tw-c-project>span{font-size:clamp(6px,calc(.7 * var(--tw-u)),10px);z-index:1}.tw-c-project>b{font-size:clamp(15px,calc(2.8 * var(--tw-u)),34px);font-weight:400;letter-spacing:-.04em;margin-top:auto;z-index:1;max-width:90%}.tw-c-project>i{font-size:calc(18 * var(--tw-u));position:absolute;right:0;top:calc(1 * var(--tw-u));font-weight:400;color:#0003}.tw-c-footer{display:flex;justify-content:space-between;gap:8px;margin-top:calc(3 * var(--tw-u));font-size:clamp(8px,calc(1 * var(--tw-u)),12px)}
.tw-d{--tw-bg:#eee9df;--tw-fg:#4c493d;--tw-ac:#d7c2a5}.tw-d .tw-header{border-bottom:1px solid #6d665230}.tw-d .tw-header nav{display:none}.tw-d-index{display:flex;gap:calc(2 * var(--tw-u));align-items:center;font-size:clamp(7px,calc(.9 * var(--tw-u)),12px);letter-spacing:.1em}.tw-d-index>i{height:1px;background:#7f7865;flex:1}.tw-d h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(39px,calc(7.4 * var(--tw-u)),94px);line-height:1.04;margin:calc(4 * var(--tw-u)) 0 0;letter-spacing:-.06em}.tw-d h1 em{font-weight:400;color:#98805d}.tw-d-object{height:calc(31 * var(--tw-u));max-height:320px;margin-top:calc(-2 * var(--tw-u));position:relative}.tw-d-object svg{height:100%;width:100%}.tw-d-caption{display:flex;align-items:center;justify-content:space-between;gap:calc(2 * var(--tw-u))}.tw-d-caption p{font-size:clamp(10px,calc(1.4 * var(--tw-u)),17px)}.tw-d-steps{display:flex;justify-content:space-between;border-top:1px solid #665c4740;margin-top:calc(3 * var(--tw-u));padding-top:calc(2 * var(--tw-u))}.tw-d-steps button{display:flex;gap:calc(1 * var(--tw-u));font-size:clamp(14px,calc(2 * var(--tw-u)),26px)}.tw-d-steps small{font-size:8px;align-self:center}
.tw-e{--tw-bg:#121d26;--tw-fg:#e2ecea;--tw-ac:#91cdb9}.tw-e .tw-header{border-color:#ffffff25}.tw-e-label{font-size:clamp(7px,calc(.8 * var(--tw-u)),11px);letter-spacing:.08em;display:flex;align-items:center;gap:10px}.tw-e-label i{width:5px;height:5px;border-radius:50%;background:var(--tw-ac)}.tw-e h1{font-size:clamp(34px,calc(6.8 * var(--tw-u)),88px);margin:calc(3 * var(--tw-u)) 0 0}.tw-e h1 em{color:var(--tw-ac);font-style:normal}.tw-e-map{height:calc(35 * var(--tw-u));min-height:175px;max-height:390px;position:relative}.tw-e-map svg{width:100%;height:100%;filter:drop-shadow(0 0 12px #74d7a72c)}.tw-node{position:absolute;transform:translate(-50%,-50%);padding:9px 12px!important;font-size:clamp(9px,calc(1.1 * var(--tw-u)),14px)!important;background:#1b3038!important;border:1px solid #87cdb966!important;border-radius:30px;white-space:nowrap}.tw-node:hover{background:#294b4e!important}.tw-e-bottom{display:flex;justify-content:space-between;align-items:center;gap:calc(3 * var(--tw-u))}.tw-e-bottom>span{font-size:clamp(9px,calc(1.2 * var(--tw-u)),15px);line-height:1.5}.tw-e .tw-solid{background:var(--tw-ac);color:#142b2d}.tw-e .tw-case-art{background:#1b333c}
.tw-f{--tw-bg:#f1f4f2;--tw-fg:#173b4a;--tw-ac:#ccdfdf}.tw-f-grid{background-image:linear-gradient(#456b7410 1px,transparent 1px),linear-gradient(90deg,#456b7410 1px,transparent 1px);background-size:calc(4 * var(--tw-u)) calc(4 * var(--tw-u))}.tw-f h1{font-size:clamp(35px,calc(6.3 * var(--tw-u)),80px);margin:calc(4 * var(--tw-u)) 0 calc(2 * var(--tw-u))}.tw-f h1 em{font-weight:400;font-style:normal;color:#6b9398}.tw-f-board{border:1px solid #234a5b35;background:#e4eae6;padding:calc(2 * var(--tw-u));margin-top:calc(4 * var(--tw-u));border-radius:10px;box-shadow:0 calc(3 * var(--tw-u)) calc(5 * var(--tw-u)) #264c5810}.tw-f-board>span{font-size:8px;letter-spacing:.1em}.tw-f-board button{display:grid;grid-template-columns:26px 1fr 20px;gap:9px;align-items:center;width:100%;padding:calc(2.6 * var(--tw-u)) 0;border-bottom:1px solid #4c727b30}.tw-f-board button strong{font-size:clamp(15px,calc(2.5 * var(--tw-u)),30px);font-weight:400;letter-spacing:-.03em}.tw-f-board button small{font-size:8px}.tw-f-bottom{display:flex;gap:calc(2 * var(--tw-u));justify-content:space-between;margin-top:calc(4 * var(--tw-u))}.tw-audit-lines{border-top:1px solid #234a5b30;margin:calc(5 * var(--tw-u)) 0}.tw-audit-lines>div{display:flex;justify-content:space-between;gap:12px;padding:22px 0;border-bottom:1px solid #234a5b30}.tw-audit-lines b{font-size:12px;font-weight:400;border-radius:20px;padding:5px 10px;background:var(--tw-ac)}
.tw-proof{border-radius:26px;background:#1d1d1d;border:0;padding:42px;margin-top:55px}
.tw-proof-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:52px;align-items:stretch}
.tw-proof-editor{min-width:0;padding:3px 0 0}
.tw-proof .tw-proof-label{display:block;font-size:10px;color:#adadad;letter-spacing:.13em;line-height:1.5}
.tw-proof-editor h3{font-size:25px;font-weight:400;letter-spacing:-.035em;margin:13px 0 29px;color:#ededed}
.tw-proof-field{margin-top:22px}
.tw-proof label{display:flex;align-items:center;gap:9px;font-size:12px;margin:0 0 10px;color:#b3b3b3;line-height:1.4}
.tw-proof label:before{content:'';width:4px;height:4px;flex:none;border-radius:50%;background:#737373;opacity:0}
.tw-proof-field:focus-within label{color:#e4e4e4}.tw-proof-field:focus-within label:before{opacity:1;background:#cdcdcd}
.tw-proof input,.tw-proof textarea{display:block;box-sizing:border-box;width:100%;padding:17px 20px;background:#282828;border:0;border-radius:13px;font:16px/1.55 Arial,Helvetica,sans-serif;color:#ededed;outline:none;box-shadow:none;caret-color:#dedede;transition:background-color 180ms ease}
.tw-proof input:hover,.tw-proof textarea:hover{background:#2e2e2e}
.tw-proof input:focus,.tw-proof textarea:focus,.tw-proof input:focus-visible,.tw-proof textarea:focus-visible{outline:none;box-shadow:none;background:#363636}
.tw-proof textarea{height:118px;min-height:118px;resize:vertical}
.tw-proof .tw-proof-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.tw-proof button{box-sizing:border-box;min-height:46px;border:0;border-radius:30px;padding:13px 22px;background:#292929;color:#d8d8d8;font:13px/1.4 Arial,Helvetica,sans-serif;cursor:pointer;outline:none;transition:background-color 180ms ease,color 180ms ease}
.tw-proof button[data-proof=save]{background:#e5e5e5;color:#252525}
.tw-proof button[data-proof=save]:hover{background:#f3f3f3}.tw-proof button[data-proof=reset]:hover{background:#3b3b3b;color:#f0f0f0}
.tw-proof button:focus-visible{text-decoration:underline;text-underline-offset:5px;background:#454545;color:#fff}.tw-proof button[data-proof=save]:focus-visible{background:#f3f3f3;color:#252525}
.tw-proof-state{font-size:12px;line-height:1.5;min-height:36px;margin:16px 0 0;color:#bfbfbf}
.tw-proof-preview{box-sizing:border-box;display:flex;flex-direction:column;align-self:stretch;padding:34px 38px 30px;border:0;border-radius:20px;background:#ececec;color:#292929;min-width:0;box-shadow:0 18px 40px #00000012}
.tw-proof-preview>span{display:block;padding-bottom:22px;border-bottom:1px solid #30303026;font-size:10px;letter-spacing:.13em;line-height:1.5}
.tw-proof-preview .tw-proof-live{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;letter-spacing:.03em;color:#686868;margin:22px 0 0}
.tw-proof-live:before{content:'';width:5px;height:5px;flex:none;background:#737373;border-radius:50%}
.tw-proof-preview h3{font-weight:400;font-size:42px;line-height:1.06;letter-spacing:-.045em;margin:26px 0 18px;overflow-wrap:anywhere;max-width:14em}
.tw-proof-preview p{font-size:16px;line-height:1.65;overflow-wrap:anywhere;max-width:34em;margin:0 0 35px;color:#5a5a5a}
.tw-proof-preview small{display:block;border-top:1px solid #30303026;padding-top:20px;margin-top:auto;font-size:9px;line-height:1.5;letter-spacing:.11em;color:#696969}
.tw-proof-note{font-size:12px;line-height:1.7;color:#a3a3a3;max-width:78em;margin:24px 0 0;padding-top:23px;border-top:1px solid #ffffff0d}
@media(prefers-reduced-motion:reduce){.tw-proof input,.tw-proof textarea,.tw-proof button{transition:none}}.reduced .tw-proof input,.reduced .tw-proof textarea,.reduced .tw-proof button{transition:none}
.tw-material{background:#e2e7df;border-radius:20px;min-height:230px;padding:25px;position:relative;overflow:hidden;color:#1d3a30}.tw-material small{font-size:8px;letter-spacing:.1em}.tw-material h4{font-size:24px;font-weight:400;letter-spacing:-.04em;max-width:15em;margin:22px 0 10px}.tw-material p{font-size:12px;line-height:1.6;max-width:32em}.tw-material>i{position:absolute;right:-20px;top:0;width:130px;height:130px;border:28px solid #9fb28c;border-radius:50%;opacity:.35}.tw-material.tw-material-e{background:#1b3039;color:#d8e5df}
@media(prefers-reduced-motion:reduce){.tw-mini .tw-menu{transition:none}}

.tw-mini .tw-scroll{font-size:clamp(12px,calc(1.5 * var(--tw-u)),17px)}

.reduced .tw-mini .tw-menu{transition:none}
.tw-mini .tw-service-info p{font-size:clamp(12px,calc(1.65 * var(--tw-u)),20px)}

.tw-mini p{font-size:clamp(12px,calc(1.5 * var(--tw-u)),18px);line-height:1.5}

/* Each direction carries its own navigation and editorial rhythm. */
.tw-c .tw-header nav{display:flex}.tw-c .tw-header nav button{border:1px solid #2224;border-radius:30px;padding:9px 16px}.tw-c-project>b{margin-top:calc(2 * var(--tw-u));max-width:95%;font-size:clamp(14px,calc(2.5 * var(--tw-u)),31px)}.tw-c-project>i{top:auto;bottom:calc(-1 * var(--tw-u))}.tw-c-project:first-child{min-height:calc(36 * var(--tw-u))}.tw-c-project:first-child:after{content:'ЗАДАЧА.\A РЕШЕНИЕ.\A РЕЗУЛЬТАТ.';white-space:pre;position:absolute;left:19%;top:38%;width:68%;height:57%;padding:calc(3 * var(--tw-u)) calc(2 * var(--tw-u));background:linear-gradient(140deg,#ece8dd,#bfa39c);box-shadow:calc(1 * var(--tw-u)) calc(1 * var(--tw-u)) 0 #ce8870,calc(2 * var(--tw-u)) calc(2 * var(--tw-u)) 0 #d49d89,calc(4 * var(--tw-u)) calc(5 * var(--tw-u)) calc(5 * var(--tw-u)) #703b2930;transform:rotate(-12deg);font-size:calc(3.4 * var(--tw-u));line-height:.98;letter-spacing:-.06em;font-weight:600;color:#733c2e}.tw-b .tw-menu button{font-weight:600;text-transform:uppercase;letter-spacing:-.06em}.tw-d .tw-menu button{font-family:Georgia,serif;font-weight:400}.tw-e .tw-menu button{font-family:monospace;font-size:clamp(22px,calc(4.5 * var(--tw-u)),52px)}.tw-f .tw-header nav button{padding:12px 14px;border-left:1px solid #183d4c35}.tw-f .tw-menu button{border-bottom-style:dashed;font-size:clamp(24px,calc(4.3 * var(--tw-u)),52px)}

/* Purpose-specific material studies, sharing only the presentation frame. */
.tw-material{min-height:330px}.tw-material h4{margin:10px 0}.tw-material:focus-visible{outline:2px solid #dedfcf;outline-offset:5px}.tw-detail-stage{height:175px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:18px;overflow:hidden}.tw-detail-journey{display:flex;list-style:none;gap:12px;padding:0;width:100%;margin:0}.tw-detail-journey li{flex:1;display:flex;flex-direction:column;border:1px solid #183b2c25;border-radius:9px;padding:14px 10px;background:#cbd9ba;transform:translateY(0);transition:transform .65s cubic-bezier(.22,1,.36,1)}.tw-detail-journey b{font-size:15px;font-weight:400;margin:20px 0 6px;line-height:1.2}.tw-detail-journey small{font-size:8px}.tw-material:is(:hover,:focus-visible) .tw-detail-journey li:nth-child(2){transform:translateY(-13px)}.tw-material:is(:hover,:focus-visible) .tw-detail-journey li:nth-child(3){transform:translateY(-25px)}.tw-detail-type{width:100%;font-size:48px;font-weight:600;line-height:.85;letter-spacing:-.07em;position:relative}.tw-detail-type span{display:block}.tw-detail-type i{position:absolute;right:5%;top:0;width:22%;height:100%;background:#c5de6b;mix-blend-mode:multiply;transform:rotate(-9deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}.tw-material-b{background:#eeeee9;color:#1f221b}.tw-material:is(:hover,:focus-visible) .tw-detail-type i{transform:translateX(-130%) rotate(5deg)}.tw-detail-posters{position:relative;height:155px;width:100%;perspective:500px}.tw-detail-posters>div{position:absolute;left:19%;top:8px;width:59%;height:140px;padding:14px;background:#deb29d;border-radius:5px;box-shadow:0 12px 15px #2c243a20;font-size:7px;letter-spacing:.06em;transition:transform .8s cubic-bezier(.22,1,.36,1)}.tw-detail-posters>div:nth-child(2){background:#c5c1dd;transform:translateX(13%) rotate(7deg)}.tw-detail-posters>div:nth-child(3){background:#b9cec0;transform:translateX(26%) rotate(14deg)}.tw-detail-posters b{display:block;font-size:25px;line-height:.95;letter-spacing:-.05em;margin-top:30px;font-weight:400}.tw-material:is(:hover,:focus-visible) .tw-detail-posters>div:first-child{transform:translateX(-40%) rotate(-11deg)}.tw-material:is(:hover,:focus-visible) .tw-detail-posters>div:nth-child(2){transform:translateY(-7px) rotate(0)}.tw-material:is(:hover,:focus-visible) .tw-detail-posters>div:nth-child(3){transform:translateX(40%) rotate(11deg)}.tw-material-c{background:#eeece7}.tw-material-d{background:#e9e3d8;color:#514936}.tw-detail-path{width:100%;height:100%;filter:drop-shadow(0 12px 5px #4e341617)}.tw-detail-draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}.tw-material:is(:hover,:focus-visible) .tw-detail-draw{stroke-dashoffset:0}.tw-detail-system{position:relative;width:100%;height:170px}.tw-detail-system svg{width:100%;height:100%;filter:drop-shadow(0 0 12px #97d8b82c)}.tw-detail-system>span{position:absolute;font-size:7px;letter-spacing:.1em;top:10%;left:1%}.tw-detail-system>span:nth-of-type(2){top:80%}.tw-detail-system>span:nth-of-type(3){left:auto;right:1%}.tw-detail-system>span:nth-of-type(4){left:auto;right:1%;top:80%}.tw-detail-flow{animation:tw-flow 3s linear infinite;animation-play-state:paused}.tw-material:is(:hover,:focus-visible) .tw-detail-flow{animation-play-state:running}.tw-detail-checks{width:100%;padding:5px 3px}.tw-detail-checks>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #2a54502a;padding:13px 0;font-size:13px}.tw-detail-checks b{font-size:8px;font-weight:400;letter-spacing:.06em;padding:6px 9px;border:1px solid #668c7666;border-radius:20px;transition:background .6s}.tw-material:is(:hover,:focus-visible) .tw-detail-checks b{background:#c4d7ca}.tw-material-f{background:#e4eae5;color:#254d50}@keyframes tw-flow{to{stroke-dashoffset:-116}}
@media(prefers-reduced-motion:reduce){.tw-material *{animation:none!important;transition:none!important}}.reduced .tw-material *{animation:none!important;transition:none!important}

/* Client-specific static views use the same palette/type as their live demo. */
.tw-first-screen{margin:0;width:100%;min-height:100%;display:grid;place-items:center;background:var(--tw-static-bg);overflow:hidden}.tw-first-screen img{display:block;width:100%;height:auto}.concept-structure[class*="theme-"]{background:var(--tw-static-bg);color:var(--tw-static-fg);font-family:Arial,Helvetica,sans-serif}.concept-structure[class*="theme-"] h3{font-family:inherit}.concept-structure.theme-d h3{font-family:Georgia,serif}
.tw-palette-a,.concept-structure.theme-a{--tw-static-bg:#e9f0e5;--tw-static-fg:#193b2e}
.tw-palette-b,.concept-structure.theme-b{--tw-static-bg:#eeeeea;--tw-static-fg:#151916}
.tw-palette-c,.concept-structure.theme-c{--tw-static-bg:#f2f1ed;--tw-static-fg:#222425}
.tw-palette-d,.concept-structure.theme-d{--tw-static-bg:#eee9df;--tw-static-fg:#4c493d}
.tw-palette-e,.concept-structure.theme-e{--tw-static-bg:#121d26;--tw-static-fg:#e2ecea}
.tw-palette-f,.concept-structure.theme-f{--tw-static-bg:#f1f4f2;--tw-static-fg:#173b4a}

/* Source plane follows the pinned cover contract: hide it once the texture can paint. */
.tw-cover-source{width:100%;height:100%;overflow:hidden;background:var(--tw-static-bg)}.tw-cover-source img{display:block;width:100%;height:100%;object-fit:cover}
/* Only home composition uses the smaller of available width/height units. Detail pages retain width-based sizing and scrolling. */
.tw-home{--tw-u:min(1cqw,1cqh)}.tw-pages:has(>.tw-home.tw-current){height:100%}
.tw-first-screen{display:block;height:100%;min-height:0}.tw-first-screen img{height:100%;min-height:0;max-height:100%;object-fit:contain}

/* Fitting the home must not shrink useful copy or action labels into microtype. */
.tw-mini .tw-home p{font-size:16px}.tw-home .tw-solid,.tw-home .tw-outline{font-size:14px}.tw-home .tw-kicker,.tw-c-intro>span,.tw-e-label,.tw-d-index{font-size:10px}.tw-home .tw-round{font-size:12px!important}.tw-home .tw-service-tile>span,.tw-home .tw-c-footer{font-size:12px}.tw-home .tw-selected{font-size:11px}.tw-home .tw-node{font-size:12px!important}.tw-home .tw-e-bottom>span{font-size:14px}

/* Six selected reference compositions — authored art at its original ratio,
   semantic controls at the original coordinates, independent working surfaces. */
.tr-mini{height:100%!important;min-height:0!important;width:100%;border:0!important;border-radius:0!important;container-type:size!important;background:var(--tr-bg)!important;color:var(--tr-fg)!important;font:16px/1.5 Arial,Helvetica,sans-serif!important;isolation:isolate}
.tr-mini .tr-viewport{position:absolute;inset:0;width:100%;height:100%;overflow:hidden!important;overscroll-behavior:contain}
.tr-scene{position:absolute;left:50%;top:50%;width:min(100cqw,calc(100cqh * 1.5987903226));aspect-ratio:1586/992;transform:translate(-50%,-50%);container-type:inline-size;overflow:hidden;isolation:isolate;background:var(--tr-bg)}
.tr-reference-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.tr-home-controls{position:absolute;inset:0;z-index:2}
.tr-mini .tr-hit{position:absolute!important;display:block;padding:0!important;border:0!important;background:transparent!important;color:var(--tr-ac)!important;cursor:pointer;border-radius:32px;outline:none;transition:background-color .25s,box-shadow .3s;touch-action:manipulation}
.tr-mini .tr-hit-service{border-radius:12px}
.tr-mini .tr-hit:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tr-ac) 62%,transparent),0 0 24px color-mix(in srgb,var(--tr-ac) 15%,transparent);background:color-mix(in srgb,var(--tr-ac) 6%,transparent)!important}
.tr-mini .tr-hit:focus-visible{outline:2px solid var(--tr-ac);outline-offset:-2px;background:color-mix(in srgb,var(--tr-ac) 9%,transparent)!important}
.tr-mini .tr-hit-brand:hover{box-shadow:none;background:transparent!important}
.tr-energy{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:hidden}
.tr-energy-line,.tr-energy-run{stroke:var(--tr-ac);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000;filter:drop-shadow(0 0 6px var(--tr-ac))}
.tr-c .tr-energy-run{stroke:#f4ffd4;filter:drop-shadow(0 0 4px #e9ff8c)}
.tr-b .tr-energy-run{stroke-width:4;filter:none}
.tr-f .tr-energy-run{stroke-width:5;filter:none}
.tr-trace{animation:tr-trace 1.15s ease-in-out both}@keyframes tr-trace{0%{stroke-opacity:0;stroke-dashoffset:1000}20%{stroke-opacity:1}85%{stroke-opacity:1}100%{stroke-opacity:0;stroke-dashoffset:0}}
.tr-mini .tr-panel{position:absolute;z-index:5;inset:auto;left:18%;top:13%;width:76%;height:77%;margin:0;padding:0!important;background:var(--tr-sheet);color:var(--tr-fg);border:1px solid color-mix(in srgb,var(--tr-fg) 24%,transparent);border-radius:22px;overflow:hidden;transform-origin:50% 100%;will-change:clip-path,transform;box-shadow:0 30px 80px #0005;isolation:isolate}
.tr-a{--tr-sheet:#122432}.tr-b{--tr-sheet:#fbf8f0}.tr-c{--tr-sheet:#15170f;--tr-panel-fg:#d1ff52}.tr-d{--tr-sheet:#efeff8}.tr-e{--tr-sheet:#151516}.tr-f{--tr-sheet:#ffe22f}
.tr-mini .tr-content-host{position:absolute;inset:0;isolation:isolate;overflow:hidden}
.tr-mini .tr-content{position:absolute;inset:0;background:var(--tr-sheet);color:var(--tr-panel-fg,var(--tr-fg));padding:clamp(24px,3.1cqw,48px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;will-change:clip-path}
.tr-mini .tr-content>small{display:block;font-size:10px;letter-spacing:.16em;margin:0 45px 20px 0;opacity:.7}
.tr-mini .tr-content h2{font:400 clamp(30px,3.5cqw,58px)/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:0 40px 22px 0;color:inherit}
.tr-mini .tr-content h3{font:400 clamp(20px,1.9cqw,30px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.03em;color:inherit;margin:14px 0}
.tr-mini .tr-content p{font:400 clamp(13px,1.05cqw,17px)/1.6 Arial,Helvetica,sans-serif;color:inherit;margin:12px 0;max-width:55em}
.tr-mini .tr-content .tr-lead{font-size:clamp(17px,1.5cqw,23px);line-height:1.35;margin:0 0 18px;opacity:.9}
.tr-mini .tr-content ul,.tr-mini .tr-content ol{padding:0 0 0 19px;font-size:clamp(12px,1cqw,16px);line-height:1.7;margin:22px 0}
.tr-mini .tr-content li{margin:7px 0;padding-left:3px}
.tr-mini .tr-close{position:absolute;z-index:20;right:15px;top:14px;width:38px;height:38px;border:1px solid color-mix(in srgb,currentColor 40%,transparent);border-radius:50%;background:var(--tr-sheet);color:var(--tr-panel-fg,var(--tr-fg));font:300 29px/1 Arial;display:grid;place-items:center;padding:0;cursor:pointer}
.tr-mini .tr-close:hover{background:var(--tr-ac);color:var(--tr-bg)}
.tr-mini .tr-content button{color:inherit;font:inherit;text-align:left;cursor:pointer}
.tr-mini .tr-content .tr-primary,.tr-mini .tr-content .tr-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:12px 22px;border-radius:35px;background:var(--tr-ac);color:var(--tr-bg);border:1px solid var(--tr-ac);font-size:clamp(12px,.98cqw,15px);margin:13px 0 0;line-height:1.3;max-width:100%}
.tr-mini .tr-secondary{background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 40%,transparent)}
.tr-mini .tr-content button:focus-visible,.tr-mini .tr-close:focus-visible{outline:2px solid var(--tr-ac);outline-offset:3px}
.tr-mini .tr-primary:hover{filter:brightness(1.06)}
.tr-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.tr-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 18px}
.tr-process article{padding:22px 18px;border:1px solid color-mix(in srgb,currentColor 26%,transparent);border-radius:12px}
.tr-process b{font-size:12px;font-weight:400;color:var(--tr-ac)}
.tr-process h3{margin-top:25px!important}.tr-process p{font-size:14px!important}
.tr-mini .tr-service-choice{display:flex;width:100%;align-items:center;gap:12px;padding:17px 16px;background:transparent;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:11px;margin-bottom:10px}
.tr-service-choice>span{font-size:10px;opacity:.6}.tr-service-choice strong{font-size:clamp(17px,1.6cqw,24px);font-weight:400;letter-spacing:-.04em}.tr-service-choice i{margin-left:auto;font-style:normal;font-size:22px}
.tr-mini .tr-service-choice.is-selected{background:color-mix(in srgb,var(--tr-ac) 13%,var(--tr-sheet));border-color:var(--tr-ac)}
.tr-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 18px}
.tr-mini .tr-goal{display:flex;align-items:center;gap:14px;padding:19px 17px;border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:12px;background:transparent;font-size:clamp(13px,1.14cqw,18px)}
.tr-goal>span{font-size:10px;opacity:.6}.tr-mini .tr-goal.is-selected{background:var(--tr-ac);color:var(--tr-bg);border-color:var(--tr-ac)}
.tr-choice-note{border-left:2px solid var(--tr-ac);padding:8px 20px;margin:16px 0 12px}
.tr-choice-note>span{display:block;font-size:9px;letter-spacing:.14em;opacity:.6;margin-bottom:6px}.tr-choice-note strong{font-size:clamp(17px,1.65cqw,26px);font-weight:400;letter-spacing:-.03em}.tr-choice-note p{margin:7px 0!important;font-size:14px!important}
.tr-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0 23px}
.tr-result article{padding:24px 18px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:12px;min-height:150px;display:flex;flex-direction:column;gap:25px}
.tr-result b{font-size:11px;font-weight:400;opacity:.7}.tr-result span{font-size:clamp(18px,1.7cqw,27px);line-height:1.2;letter-spacing:-.03em}
.tr-mini .tr-demo-note{font-size:12px!important;opacity:.55}
/* A: a connected circuit deck, growing from the shared system node. */
.tr-a .tr-panel{border-color:#9af4d644;border-radius:20px;box-shadow:0 25px 90px #0009,0 0 35px #70edb916}
.tr-circuit-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:start}.tr-system-choices{position:relative;padding-left:16px}.tr-system-choices:before{content:'';position:absolute;left:0;top:28px;bottom:56px;border-left:1px solid #9ff9d76b}.tr-system-core{margin:25px 0 0;padding:16px;border:1px solid #9ff9d752;border-radius:50%;width:130px;height:130px;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.8;letter-spacing:.13em;color:#a5f9d9;box-shadow:0 0 35px #9ff9d717}
.tr-a .tr-result article{position:relative;background:#1b3340}.tr-a .tr-result article:not(:last-child):after{content:'→';position:absolute;right:-14px;top:50%;z-index:2;color:var(--tr-ac)}
/* B: editorial paper, one folding sheet and numbered red route points. */
.tr-b .tr-panel{left:7%;top:9%;width:86%;height:82%;border-radius:0;border-color:#7774;box-shadow:0 35px 70px #30251e40}
.tr-paper-layout{display:grid;grid-template-columns:.75fr 1.65fr;gap:50px}.tr-b .tr-service-choice{border-radius:0;border:0;border-bottom:1px solid #1113;padding:23px 0}.tr-b .tr-service-choice.is-selected{background:transparent;color:#a42424;border-bottom-color:#a42424}
.tr-paper-layout>article{border-left:1px solid #1113;padding-left:38px}.tr-b .tr-content h2{font-weight:650;letter-spacing:-.055em}.tr-b .tr-content ol{list-style:decimal-leading-zero}.tr-b .tr-primary{border-radius:6px}.tr-b .tr-goals{grid-template-columns:1fr;gap:0;margin:24px 0}.tr-b .tr-goal{padding:13px 0;border:0;border-bottom:1px solid #1113;border-radius:0}.tr-b .tr-goal.is-selected{background:transparent;color:#a42424}.tr-b .tr-goal>span{border:1px solid currentColor;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;opacity:1}.tr-b .tr-choice-note{position:absolute;right:6%;top:35%;max-width:40%}.tr-b .tr-page-brief .tr-goals{max-width:48%}.tr-b .tr-result{display:flex;flex-direction:column;gap:0}.tr-b .tr-result article{min-height:0;flex-direction:row;align-items:center;border:0;border-bottom:1px solid #1113;border-radius:0;padding:20px 0}.tr-b .tr-result b{color:#a42424;width:27px;height:27px;border:1px solid #a42424;border-radius:50%;display:grid;place-items:center}.tr-b .tr-result span{font-size:23px}
/* C: the graphic3 becomes a rhythmic, high contrast sequence of bands. */
.tr-c .tr-panel{left:4%;top:12%;width:92%;height:80%;border:0;border-radius:30px 0 30px 0;box-shadow:0 30px 65px #1b260544}
.tr-c .tr-content h2{font-weight:700;font-size:clamp(40px,4.8cqw,76px);letter-spacing:-.065em}.tr-route-bands{margin:20px 0 10px}.tr-route-bands article{border-top:1px solid #d7ff6555;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;min-height:88px}.tr-route-bands article:last-child{border-bottom:1px solid #d7ff6555}.tr-route-bands article.is-selected{background:#d1ff52;color:#13150d;margin:0 -18px;padding:0 18px}.tr-route-bands button{padding:17px 0;border:0;background:transparent;display:flex;align-items:center;gap:24px;width:100%}.tr-route-bands button>span{font-size:11px}.tr-route-bands strong{font-size:clamp(24px,2.7cqw,43px);font-weight:600;letter-spacing:-.06em}.tr-route-bands button i{font-style:normal;margin-left:auto;font-size:28px}.tr-route-bands p{font-size:14px!important}.tr-c .tr-primary,.tr-c .tr-secondary{border-radius:0;font-weight:600}.tr-c .tr-goals{gap:0}.tr-c .tr-goal{border-radius:0;min-height:85px;border-color:#d1ff5266}.tr-c .tr-result article{border-radius:0;background:#d1ff52;color:#10120b;min-height:190px}.tr-c .tr-result article:nth-child(2){background:#a3c448}.tr-c .tr-result article:nth-child(3){background:#75933c}
/* D: translucent panes and staggered perspective cards, not an opaque drawer. */
.tr-d .tr-panel{left:25%;top:11%;width:71%;height:80%;background:#eeeff5ad;border:1px solid #fff9;border-radius:26px;backdrop-filter:blur(24px);box-shadow:0 35px 90px #29224533}
.tr-d .tr-content{inset:12px;border-radius:19px;background:#efeff8}.tr-d .tr-close{background:#efeff8}.tr-d .tr-glass-services,.tr-glass-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:28px 0 14px;perspective:900px}
.tr-mini .tr-glass-card{display:flex;flex-direction:column;min-height:230px;padding:22px 18px;text-align:left;background:linear-gradient(145deg,#fff9,#dbdff3aa);border:1px solid #fff;border-radius:14px;box-shadow:0 12px 20px #40435d12;transform-origin:50% 50%}
.tr-glass-card>small{font-size:9px;color:#72718b;margin-bottom:30px}.tr-glass-card>strong{font-size:clamp(21px,1.8cqw,29px);font-weight:400;letter-spacing:-.04em;margin-bottom:16px}.tr-glass-card>span{font-size:13px;line-height:1.55;color:#626178}.tr-d .tr-glass-card.is-selected{border-color:#ff725b;box-shadow:0 14px 25px #ff755b16;background:linear-gradient(145deg,#fff,#ede3eb)}.tr-d .tr-result article{background:linear-gradient(145deg,#fff,#dedff0);border-color:#fff;box-shadow:0 10px 20px #36385016}.tr-d .tr-goals{grid-template-columns:1fr;gap:9px;margin-bottom:14px}.tr-d .tr-goal{padding:13px 17px;background:#fff6}.tr-d .tr-goal.is-selected{background:#ff6d53;color:white}.tr-d .tr-choice-note p{font-size:13px!important}.tr-d .tr-page-brief h2{font-size:clamp(29px,3cqw,47px)}
/* E: an iris from the metallicT, compact pink tool navigation and fine rules. */
.tr-e .tr-panel{left:6%;top:11%;width:88%;height:81%;border:1px solid #ffffff30;border-radius:5px;background:#151516}
.tr-metal-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.tr-e .tr-content h2{font-size:clamp(38px,4.8cqw,75px);font-weight:300;letter-spacing:-.055em}.tr-metal-list{border-top:1px solid #fff4;padding-top:5px}.tr-metal-list>button{display:flex;align-items:center;gap:14px;width:100%;padding:25px 0;border:0;border-bottom:1px solid #fff4;background:none}.tr-metal-list>button>span{font-size:10px;opacity:.6}.tr-metal-list strong{font-size:23px;font-weight:400}.tr-metal-list i{margin-left:auto;font-style:normal;color:#d31d78}.tr-metal-list .is-selected{color:#f55aa7}.tr-metal-list>small{display:block;font-size:10px;letter-spacing:.1em;opacity:.5;margin-top:30px}.tr-e .tr-primary{color:#fff;border-radius:32px}.tr-e .tr-goals{grid-template-columns:1fr;gap:0;max-width:65%;margin:20px 0}.tr-e .tr-goal{padding:18px 0;border:0;border-bottom:1px solid #fff4;border-radius:0;font-size:22px}.tr-e .tr-goal.is-selected{color:#f65ba6;background:transparent}.tr-e .tr-choice-note{position:absolute;right:5%;top:39%;max-width:28%;border-color:#d22277}.tr-e .tr-choice-note strong{font-size:22px}.tr-e .tr-page-brief h2{font-size:clamp(33px,3.7cqw,59px)}.tr-e .tr-result article{border:0;border-top:1px solid #d22277;border-radius:0;min-height:200px;background:linear-gradient(#c6197014,transparent)}.tr-compact-menu .tr-service-choice{border-radius:0;background:transparent!important;border:0;border-bottom:1px solid #fff4}
/* F: the original service row becomes three live, independently weighted columns. */
.tr-f .tr-panel{left:0;top:52.3%;width:100%;height:47.7%;border-radius:0;border:0;border-top:1px solid #13130d55;box-shadow:none}
.tr-f .tr-content{padding:26px 40px}.tr-f .tr-content>small{margin-bottom:10px}.tr-f .tr-content h2{font-size:clamp(28px,3.2cqw,50px);font-weight:650;margin-bottom:16px;letter-spacing:-.05em}.tr-f .tr-content .tr-primary,.tr-f .tr-content .tr-secondary{border-radius:0;margin-top:7px;min-height:38px;padding:9px 17px}
.tr-f .tr-primary{background:#111;color:#ffe22f;border-color:#111}.tr-f .tr-goals{margin:10px 0;gap:0}.tr-f .tr-goal{border-radius:0;border-color:#10110c66;padding:12px 17px}.tr-f .tr-goal.is-selected{background:#111;color:#ffe22f}.tr-f .tr-choice-note{margin:8px 0;padding:0 16px}.tr-f .tr-choice-note>span{font-size:8px}.tr-f .tr-choice-note p{font-size:12px!important;margin:3px 0!important}.tr-f .tr-choice-note strong{font-size:20px}.tr-f .tr-result{margin:12px 0;gap:0}.tr-f .tr-result article{border:0;border-left:1px solid #1117;border-radius:0;min-height:115px;padding:12px 22px;gap:15px}.tr-f .tr-result span{font-size:24px}.tr-f .tr-demo-note{margin:4px 0!important}.tr-f .tr-actions{gap:12px}.tr-f .tr-page-service{padding:0}.tr-yellow-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:100%}.tr-yellow-column{padding:30px;border-right:1px solid #1116;overflow:hidden}.tr-yellow-column:last-child{border:0}.tr-yellow-column.is-selected{background:#111;color:#ffe22f}.tr-yellow-column>button:not(.tr-primary){border:0;background:transparent;display:flex;flex-direction:column;padding:0;width:100%;color:inherit}.tr-yellow-column small{font-size:11px}.tr-yellow-column strong{font-size:clamp(27px,3cqw,47px);font-weight:650;letter-spacing:-.05em;margin:13px 0 0}.tr-yellow-column i{font-style:normal;font-size:30px;line-height:1.4}.tr-yellow-column p{font-size:clamp(13px,1.1cqw,17px)!important;margin:8px 0!important}.tr-yellow-column.is-selected .tr-primary{background:#ffe22f;color:#111;border-color:#ffe22f}.tr-f .tr-process{margin:5px 0 0;gap:0}.tr-f .tr-process article{border:0;border-left:1px solid #1114;border-radius:0;padding:8px 18px}.tr-f .tr-process h3{margin:8px 0!important}.tr-f .tr-process p{font-size:13px!important;margin:5px 0!important}
/* Original source views and cover planes never crop or recolor the artwork. */
.tr-static{margin:0;display:block;width:100%;height:100%;min-height:0;overflow:hidden;background:#101214}.tr-static img,.tr-cover img{display:block;width:100%;height:100%;object-fit:contain;max-height:100%}.tr-cover{width:100%;height:100%;overflow:hidden}.tr-static.tr-a,.tr-cover.tr-a{background:#0b1522}.tr-static.tr-b,.tr-cover.tr-b{background:#f8f5ed}.tr-static.tr-c,.tr-cover.tr-c{background:#c4fa37}.tr-static.tr-d,.tr-cover.tr-d{background:#efedfa}.tr-static.tr-e,.tr-cover.tr-e{background:#101011}.tr-static.tr-f,.tr-cover.tr-f{background:#ffe22f}
.concept-structure .structure-cover.photographic-cover .study-image{object-fit:contain;transform:none;opacity:1}.concept-structure .structure-cover.photographic-cover:after{display:none}.concept-structure .structure-cover.photographic-cover>h3,.concept-structure .structure-cover.photographic-cover>span{display:none}
.tr-study{padding:22px;border-radius:20px;border:1px solid #ffffff24;background:#191d20;overflow:hidden;color:#eee}.tr-study>small{font-size:9px;letter-spacing:.14em;opacity:.6}.tr-study-art{position:relative;margin-top:18px;aspect-ratio:1586/992;overflow:hidden;border-radius:10px}.tr-study-art img{width:100%;height:100%;object-fit:contain;display:block}.tr-study-art:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #fff1;border-radius:10px}.tr-study h4{font-size:23px;font-weight:400;letter-spacing:-.035em;margin:20px 0 7px}.tr-study p{font-size:13px;line-height:1.6;color:#b7bec4}.tr-study .tr-energy{color:#b4e8d0;--tr-ac:#b4e8d0}.tr-study:is(:hover,:focus-visible) .tr-energy-run{animation:tr-trace 1.4s ease both}
@media(prefers-reduced-motion:reduce){.tr-mini *, .tr-study *{animation:none!important;transition:none!important}}.reduced .tr-mini *, .reduced .tr-study *{animation:none!important;transition:none!important}

/* Keep CTA text contrast above the inherited panel button rule. */
.tr-mini .tr-content .tr-primary{color:var(--tr-bg)}
.tr-e .tr-content .tr-primary{color:#fff}
.tr-f .tr-content .tr-primary{color:#ffe22f}
.tr-f .tr-yellow-column.is-selected .tr-primary{color:#111}
/* Compact action widths and true two-column briefs prevent note/action collisions. */
.tr-mini .tr-content .tr-primary,.tr-mini .tr-content .tr-secondary{width:auto}
.tr-b .tr-page-brief,.tr-e .tr-page-brief{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto auto auto;column-gap:38px;align-content:start;align-items:start}
.tr-b .tr-page-brief>small,.tr-e .tr-page-brief>small,.tr-b .tr-page-brief>h2,.tr-e .tr-page-brief>h2{grid-column:1/-1}
.tr-b .tr-page-brief .tr-goals,.tr-e .tr-page-brief .tr-goals{grid-column:1;grid-row:3;max-width:none;width:100%;margin:18px 0}
.tr-b .tr-page-brief .tr-choice-note,.tr-e .tr-page-brief .tr-choice-note{position:static;grid-column:2;grid-row:3;max-width:none;margin:24px 0}
.tr-b .tr-page-brief>.tr-primary,.tr-e .tr-page-brief>.tr-primary{grid-column:1;grid-row:4;justify-self:start}
/* Living concept studies: isolated from the presentation shell and full mini-sites. */
.dm-scene{position:relative;margin-top:26px;padding:20px;border-radius:23px;background:#101c2a;color:#edf6ff;border:1px solid #b8dbff20;overflow:hidden;container-type:inline-size;isolation:isolate}
.dm-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;min-height:28px}.dm-heading>small{font-size:9px;letter-spacing:.13em;font-weight:400;opacity:.66}.dm-scene .dm-pause{width:28px;height:28px;min-height:0;padding:6px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;opacity:.54;cursor:pointer}.dm-pause svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}.dm-pause .dm-play-mark{display:none}.dm-pause[aria-pressed=true] .dm-play-mark{display:block}.dm-pause[aria-pressed=true] .dm-pause-mark{display:none}.dm-pause:hover{opacity:1}
.dm-stage{position:relative;aspect-ratio:600/330;overflow:hidden;border-radius:14px;isolation:isolate;contain:layout paint}.dm-svg{display:block;width:100%;height:100%;overflow:hidden}.dm-architecture{background:radial-gradient(ellipse at 58% 68%,#203743aa,transparent 67%)}.dm-a [data-plane]{transform-origin:center;will-change:transform}.dm-a .dm-controls{--dm-ac:#a5f8d7}
.dm-scene .dm-controls{display:flex;gap:5px;position:relative;margin-top:14px;--dm-ac:currentColor}.dm-scene .dm-controls>button{position:relative;flex:1;min-width:0;display:flex;gap:7px;align-items:center;justify-content:flex-start;padding:10px 8px;min-height:37px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:transparent;color:inherit;border-radius:7px;text-align:left;font:400 12px/1.15 Onest,Arial,sans-serif;cursor:pointer;overflow:hidden;transition:background-color .3s,border-color .3s}
.dm-controls .dm-choice-no{font-size:8px;opacity:.5}.dm-controls button>i{height:2px;position:absolute;bottom:0;left:0;width:100%;background:var(--dm-ac);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s}.dm-controls button[aria-pressed=true]>i{transform:scaleX(1)}.dm-controls button[aria-pressed=true]{background:color-mix(in srgb,var(--dm-ac) 13%,transparent);border-color:var(--dm-ac)}
.dm-scene button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.dm-scene h4{font:400 clamp(19px,5.3cqw,25px)/1.08 Onest,Arial,sans-serif;letter-spacing:-.04em;margin:24px 28px 11px 0;min-height:2.15em;color:inherit}.dm-scene .dm-copy{font:400 12px/1.55 Onest,Arial,sans-serif;color:inherit;opacity:.72;margin:0;min-height:3.1em;max-width:36em}.dm-state{position:absolute;right:20px;bottom:86px;font-size:8px;letter-spacing:.13em;opacity:.4;writing-mode:vertical-rl}.dm-clock{position:absolute;right:4px;bottom:3px;height:4px;width:72px;display:flex;pointer-events:none;z-index:10}.dm-clock>i{width:3px;height:4px;flex:none}
@media(prefers-reduced-motion:reduce){.dm-scene *{animation:none!important;transition:none!important}}.reduced .dm-scene *{animation:none!important;transition:none!important}
.dm-a .dm-controls{--dm-ac:#a5f8d7}.dm-b{background:#f5f1e8;color:#262923;border-color:#fff5}.dm-b .dm-controls{--dm-ac:#a5282a}.dm-b .dm-stage{background:#faf7ef;border-radius:2px}.dm-map-art{filter:grayscale(1);opacity:.55}.dm-b-route-base{stroke:#665e4c25;fill:none;stroke-width:1.5;stroke-dasharray:3 4}.dm-b-route{stroke:#a5282a;stroke-width:3.2;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000;stroke-linecap:round}.dm-b-pin circle{fill:#faf7ef;stroke:#a5282a;stroke-width:1.6}.dm-b-pin text{font:500 10px Arial;fill:#a5282a}.dm-b-pen circle{fill:#a5282a}.dm-b-pen path{fill:#d8b799;stroke:#67513e;stroke-width:.9}.dm-b-mapnote{font:italic 13px Georgia,serif;fill:#6d6057}.dm-b .dm-controls>button{border-radius:0;border:0;border-bottom:1px solid #2c272533}.dm-b .dm-controls>button[aria-pressed=true]{background:transparent;border-color:#a5282a;color:#a5282a}.dm-b h4{font-weight:550}
.dm-c{background:#c9f93d;color:#12160c;border-color:#c9f93d}.dm-c .dm-stage{border-radius:0}.dm-c .dm-controls{--dm-ac:#161a11;gap:0}.dm-c .dm-controls>button{border-radius:0;border-color:#151b1166}.dm-c .dm-controls>button[aria-pressed=true]{background:#151911;color:#d2ff55}.dm-c .dm-controls button>i{background:#151911}.dm-c-ribbon{fill:none;stroke:#12170e;stroke-width:57;stroke-linecap:round;stroke-linejoin:round}.dm-c-route{fill:none;stroke:#d4ff5c;stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000;stroke-linecap:round}.dm-c-small{font:500 10px Arial;letter-spacing:1.8px;fill:#17200c}.dm-c-types text{font:750 50px Arial,sans-serif;letter-spacing:-3px;fill:#10150b}.dm-c-sub{font:500 12px Arial;letter-spacing:1.6px;fill:#283612}.dm-c-orb{fill:#d7ff70;stroke:#efffc9;stroke-width:2}.dm-c-pointer{fill:#12170e}.dm-c h4{font-weight:650;letter-spacing:-.06em}
.dm-d{background:#eeedf6;color:#202332;border-color:#fff9}.dm-d .dm-stage{background:linear-gradient(125deg,#f8f7ff,#dcdeec);border:1px solid #fff9;border-radius:15px}.dm-d .dm-controls{--dm-ac:#e56049}.dm-glass-space{position:absolute;inset:0;perspective:850px;isolation:isolate}.dm-pane{position:absolute;left:29%;top:10%;width:42%;height:80%;padding:18px 13px 12px;border:1px solid #fff;background:linear-gradient(150deg,#ffffffec,#dfe2f4c9);box-shadow:0 10px 22px #44466027;border-radius:10px;backdrop-filter:blur(5px);display:flex;flex-direction:column;overflow:hidden;will-change:transform;transform-style:preserve-3d}.dm-pane-no{font-size:6px;letter-spacing:.09em;color:#787b91}.dm-pane>strong{font-size:19px;font-weight:400;letter-spacing:-.04em;margin:12px 0 15px}.dm-pane-bottom{font-size:5px;letter-spacing:.08em;color:#8b8ba1;margin-top:auto}.dm-browser-top{display:flex;gap:3px;padding:5px 0;background:#fff8}.dm-browser-top>i{width:3px;height:3px;border-radius:50%;background:#b5b8c8}.dm-browser-art{height:48px;flex-shrink:0;background-image:url('assets/gallery/study-7.png?rev=efdb57626d9f');background-size:245%;background-position:90% 44%;border:1px solid #fff9}.dm-pane-lines{display:flex;flex-direction:column;gap:4px;margin-top:8px}.dm-pane-lines b{height:3px;width:75%;background:#bfc3dd}.dm-pane-lines b:last-child{width:50%}.dm-search-pill{padding:8px 7px;background:#fff9;border-radius:20px;font-size:13px;white-space:nowrap;display:flex;gap:6px;align-items:center}.dm-search-pill>span{font-size:8px;color:#83869b}.dm-search-results{display:flex;flex-direction:column;gap:4px;margin-top:12px}.dm-search-results b{height:4px;width:90%;background:#9da6df;margin-top:5px}.dm-search-results i{height:3px;width:70%;background:#c8cbdf}.dm-search-results i:nth-child(3n){width:52%}.dm-ad{position:relative;background:#fff9;border-radius:6px;padding:8px 7px;display:flex;flex-direction:column;gap:4px}.dm-ad>span{font-size:5px;color:#9599b1}.dm-ad>b{height:4px;background:#a7aee3;width:89%}.dm-ad>i{height:3px;background:#ced0e2;width:73%}.dm-ad>em{position:absolute;bottom:5px;right:6px;font-size:11px;color:#ff6b52}.dm-ad-small{margin-top:10px}.dm-glass-link{position:absolute;top:51%;left:33%;color:#626783;font-size:20px;font-weight:300}.dm-glass-link-2{left:64%}.dm-d .dm-controls>button[aria-pressed=true]{background:#ff694c;color:#fff}.dm-d .dm-controls button>i{background:#ff694c}
.dm-e{background:#111214;color:#f1f1f2;border-color:#c9cbd029}.dm-e .dm-stage{background:#0c0d0f;border-radius:4px}.dm-e .dm-controls{--dm-ac:#d32377;gap:0}.dm-e .dm-controls>button{border:0;border-bottom:1px solid #ffffff3b;border-radius:0}.dm-e .dm-controls>button[aria-pressed=true]{background:transparent;color:#ff65ad;border-color:#df2b83}.dm-e-lines{stroke:#d5d4d5;stroke-width:.8;opacity:.6}.dm-e-nodes{fill:#cf297a}.dm-metal-label{font:500 8px Arial;letter-spacing:1.7px;fill:#b4b0b5}.dm-e h4{font-weight:300;letter-spacing:-.055em}
.dm-f{background:#ffe432;color:#17170b;border-color:#ffe432}.dm-f .dm-stage{border-radius:0;border:1px solid #1d1c1355;background:#ffe432}.dm-yellow-columns{display:flex;position:absolute;inset:0;overflow:hidden}.dm-yellow-col{position:relative;min-width:0;flex:1 1 0;padding:15px 9px 10px;border-right:1px solid #17170c55;overflow:hidden;display:flex;flex-direction:column;background:#ffe432}.dm-yellow-col:last-child{border:0}.dm-yellow-col>span{font:500 8px Arial;opacity:.6}.dm-yellow-col>strong{font:700 18px/1 Arial;letter-spacing:-.055em;margin:12px 0 0;white-space:nowrap}.dm-paper-object{width:100%;height:112px;display:block;margin:5px auto 0;flex-shrink:1;overflow:visible;will-change:transform}.dm-yellow-col>i{font:400 8px/1.4 Arial;font-style:normal;white-space:nowrap;opacity:.7;margin-top:auto}.dm-yellow-col>b{position:absolute;bottom:12px;right:9px;font-size:16px;font-weight:400}.dm-f .dm-controls{--dm-ac:#1b1b10;gap:0}.dm-f .dm-controls>button{border-radius:0;border:1px solid #24221366}.dm-f .dm-controls>button[aria-pressed=true]{background:#1a1a10;color:#ffe432}.dm-f .dm-controls button>i{background:#16160a}.dm-f h4{font-weight:700}
/* SVG viewports crop the original paper objects; their source page must not leak. */
.dm-f .dm-paper-object{overflow:hidden}
.dm-f .dm-paper-object{height:100px;margin-top:17px}
.dm-f .dm-paper-object{filter:drop-shadow(2px 5px 3px #5e4a1425)}

/* Authorized device/zoom QA: retain desktop compositions; let content reflow. */
@media(max-width:1000px){
 .tw-proof-layout{grid-template-columns:minmax(0,1fr);gap:30px}
 .tw-proof{padding:28px}.tw-proof-preview{min-height:330px}
}
@media(max-width:540px){
 .tw-proof{padding:20px;border-radius:20px;margin-top:30px}
 .tw-proof-editor h3{font-size:23px;margin-bottom:25px}
 .tw-proof-preview{padding:25px 22px;min-height:340px}
 .tw-proof-preview h3{font-size:34px}.tw-proof-preview p{font-size:15px}
 .tw-proof .tw-proof-actions{gap:10px}.tw-proof button{padding:13px 17px}
 .tw-proof input,.tw-proof textarea{font-size:16px;padding:16px}
 .tw-proof-note{font-size:11px}
}
@container(max-width:340px){
 .dm-scene .dm-controls>button{font-size:11px;padding:11px 5px;min-height:44px;justify-content:center;gap:0}
 .dm-controls .dm-choice-no{display:none}
 .dm-pane{padding:9px 7px 8px}.dm-pane>strong{font-size:clamp(10px,4.4cqw,16px);margin:8px 0 10px}
 .dm-search-pill{padding:6px 4px;font-size:10px}.dm-search-pill>span{font-size:6px}
 .dm-browser-art{height:30px}.dm-pane-lines{gap:3px}.dm-pane-bottom{font-size:4px}
 .dm-yellow-col{padding:10px 5px 8px}.dm-yellow-col>strong{font-size:clamp(9px,4cqw,14px);margin-top:9px}
 .dm-yellow-col>i{font-size:5px;white-space:normal}.dm-f .dm-paper-object{height:58px;margin-top:10px}
 .dm-yellow-col>b{font-size:11px;right:5px;bottom:8px}
}

/* Full reference stays fitted; small screens receive usable native navigation. */
.tr-mobile-nav{display:none}
.tr-mini .tr-viewport{scrollbar-gutter:auto}
/* This self-contained demo owns its scrolling; avoid the shared stage's empty light gutter. */
#concept-stage:has(.tr-mini){overflow:hidden;scrollbar-gutter:auto}
@media(max-width:1000px),(max-height:600px),(pointer:coarse){
 .tr-mini .tr-scene{inset:0;left:0;top:0;width:100%;height:100%;aspect-ratio:auto;transform:none;container-type:size}
 .tr-mini .tr-reference-image,.tr-mini .tr-energy{inset:0;width:100%;height:calc(100% - 68px);object-fit:contain}
 .tr-mini .tr-home-controls{display:none}
 .tr-mobile-nav{display:flex;position:absolute;left:10px;right:10px;bottom:10px;gap:6px;z-index:4}
 .tr-mini .tr-mobile-nav>button{flex:1;min-width:0;min-height:44px;padding:9px 5px;border:1px solid color-mix(in srgb,var(--tr-fg) 30%,transparent);border-radius:9px;color:var(--tr-fg);background:var(--tr-bg);font:13px/1.2 Arial;text-align:center;cursor:pointer}
 .tr-mini .tr-mobile-nav>button:focus-visible{outline:2px solid var(--tr-ac);outline-offset:2px}
 .tr-mini .tr-panel{left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px)}
 .tr-mini .tr-content{padding:22px 18px;scrollbar-gutter:auto;scroll-padding:14px;overflow-x:hidden}
 .tr-mini .tr-content h2{font-size:29px;overflow-wrap:anywhere;margin-right:32px}
 .tr-mini .tr-content>small{font-size:9px;margin-right:30px;line-height:1.5}
 .tr-mini .tr-content p{font-size:14px}.tr-mini .tr-content ul,.tr-mini .tr-content ol{font-size:13px}
 .tr-circuit-layout,.tr-paper-layout,.tr-metal-layout,.tr-process,.tr-goals,.tr-result,.tr-d .tr-glass-services,.tr-glass-menu,.tr-yellow-columns{grid-template-columns:minmax(0,1fr);gap:14px}
 .tr-paper-layout>article{padding-left:0;border-left:0}.tr-system-choices{padding-left:0}.tr-system-choices:before{display:none}
 .tr-route-bands article{grid-template-columns:minmax(0,1fr);gap:0;padding:10px 0}.tr-route-bands article.is-selected{padding:10px 12px;margin:0 -12px}
 .tr-route-bands strong{font-size:24px}.tr-route-bands button{gap:12px}
 .tr-b .tr-page-brief,.tr-e .tr-page-brief{display:block}
 .tr-b .tr-page-brief .tr-goals,.tr-e .tr-page-brief .tr-goals{max-width:none;width:100%}
 .tr-b .tr-page-brief .tr-choice-note,.tr-e .tr-page-brief .tr-choice-note{position:static;max-width:none;width:100%;margin:20px 0}
 .tr-e .tr-goal{font-size:17px}.tr-mini .tr-result article{min-height:90px;padding:18px;gap:13px}
 .tr-mini .tr-result article:after{display:none}.tr-mini .tr-result span{font-size:20px}
 .tr-mini .tr-glass-card{min-height:155px;padding:18px}.tr-glass-card>small{margin-bottom:14px}
 .tr-f .tr-page-service{padding:0}.tr-yellow-columns{height:auto;display:grid}
 .tr-yellow-column{padding:22px;border-right:0;border-bottom:1px solid #1116}
 .tr-yellow-column strong{font-size:27px}.tr-yellow-column>button:not(.tr-primary){min-height:44px}
 .tr-mini .tr-content .tr-primary,.tr-mini .tr-content .tr-secondary{min-height:44px;font-size:13px;white-space:normal;overflow-wrap:anywhere;padding:12px 16px}
}

/* Keep interaction chrome inside each control. Legacy .tw-menu grid tracks
   must not determine the center of this self-contained demo's close icon. */
.tr-mini .tr-close{display:flex;align-items:center;justify-content:center;grid-template-columns:none;gap:0;width:44px;height:44px;min-width:44px;min-height:44px;top:16px;right:16px;padding:0;line-height:1;outline:none;box-shadow:none;flex:none;box-sizing:border-box;letter-spacing:0}
.tr-mini .tr-close svg{display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;pointer-events:none}
.tr-mini .tr-close:focus-visible{outline:none;border-color:var(--tr-ac);box-shadow:inset 0 0 0 1px var(--tr-ac)}
.tr-mini .tr-content button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px currentColor}
.tr-mini .tr-hit-nav:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tr-ac) 55%,transparent);background:color-mix(in srgb,var(--tr-ac) 6%,transparent)!important}
.tr-mini .tr-hit-nav:focus-visible{outline:1.5px solid var(--tr-ac);outline-offset:-1.5px;box-shadow:none}
.tr-mini .tr-hit-cta:focus-visible{outline:2px solid var(--tr-bg);outline-offset:-5px;box-shadow:none}
/* A shared inset curve for the six current covers; original cover sizes stay. */
.directions-grid .touch-cover .touch-entry:focus-visible{outline:none}
.directions-grid .touch-cover .touch-entry:after{content:'';position:absolute;inset:6px;border:1px solid color-mix(in srgb,currentColor 65%,transparent);border-radius:16px;opacity:0;pointer-events:none;z-index:40}
.directions-grid .touch-cover .touch-entry:focus-visible:after{opacity:1}
.dm-a .dm-controls button>i,.dm-d .dm-controls button>i{left:8px;bottom:4px;width:calc(100% - 16px);height:1px;border-radius:1px}
.dm-scene button:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px currentColor}
/* Focus paint needs real breathing room around the first number and label. */
.tr-b .tr-service-choice{padding:23px 12px}
.tr-b .tr-goal{padding:13px 12px}
.tr-metal-list>button{padding:25px 12px}
.tr-e .tr-goal{padding:18px 12px}
.tr-route-bands button{padding:17px 12px}
.tr-yellow-column>button:not(.tr-primary){padding:8px 12px}

.tr-b .tr-hit-service,.tr-e .tr-hit-service{border-radius:4px}
.tr-c .tr-hit-service,.tr-f .tr-hit-service{border-radius:2px}
.tr-mini .tr-hit-service:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tr-ac) 55%,transparent)}
.tr-mini .tr-hit-link:focus-visible{outline:1.5px solid var(--tr-ac);outline-offset:-1.5px;box-shadow:none}
/* CTA focus follows each original corner shape, including the two less-rounded buttons. */
.tr-b .tr-hit-cta{border-radius:6.64% / 32.65%}
.tr-d .tr-hit-cta[data-hit="6"]{border-radius:6.98% / 30.51%}

.dm-scene .dm-pause:focus-visible{outline:none;box-shadow:inset 0 0 0 1px currentColor;opacity:1}

/* Reserve the existing glass-card projection inside narrow, scrollable sheets. */
@media(max-width:1000px),(max-height:600px),(pointer:coarse){
 .tr-d .tr-glass-services,.tr-d .tr-glass-menu{padding-inline-end:18px}
}

/* V1 review: auxiliary motion stays secondary to each real mini-site. */
.dm-scene{margin-top:18px;padding:16px;border-radius:18px}
.dm-a{--dm-hint:#b7c5d0}.dm-b{--dm-hint:#59574f}.dm-c{--dm-hint:#3e4c19}.dm-d{--dm-hint:#53566b}.dm-e{--dm-hint:#bfc0c4}.dm-f{--dm-hint:#575018}
.dm-scene .dm-heading>small,.dm-scene .dm-state{color:var(--dm-hint);opacity:1}
.dm-scene .dm-pause{opacity:.78}
.dm-scene .dm-choice-no{font-size:9px;opacity:1}
.dm-scene .dm-controls{margin-top:12px}
.dm-scene h4{font-size:18px;line-height:1.18;min-height:2.36em;margin:18px 28px 10px 0;letter-spacing:-.03em}
.dm-scene .dm-state{right:16px;bottom:74px}
.dm-d .dm-pane-no,.dm-d .dm-pane-bottom,.dm-d .dm-search-pill>span,.dm-d .dm-ad>span{color:#53566b}
.dm-d .dm-pane-no{font-size:7px}.dm-d .dm-pane-bottom{font-size:6px}
.dm-d .dm-controls>button[aria-pressed=true]{color:#291813}
.dm-f .dm-yellow-col>span,.dm-f .dm-yellow-col>i{opacity:1}
.dm-b-route{stroke-linejoin:round}
/* Inverting foreground/backing is atomic: interpolation would briefly erase
   the labels. The existing animated selection rule and scene spring remain. */
.dm-c .dm-controls>button,.dm-f .dm-controls>button{transition-property:border-color}
/* Reuse the six approved SVG/DOM motion mechanisms in the live first screen. */
#directions .ap-live-preview.dm-scene{margin:0;padding:20px 24px;border-radius:20px;display:grid;grid-template-columns:42% 58%;grid-template-rows:34px 1fr auto;column-gap:0;container-type:normal;min-width:0;height:100%;box-sizing:border-box;overflow:hidden}
#directions .ap-live-preview .dm-heading{grid-column:1/-1;grid-row:1;margin:0;align-self:start;z-index:2}
#directions .ap-live-preview .dm-heading small{font-size:11px;letter-spacing:.17em;font-weight:600;color:inherit}
#directions .ap-live-preview h4{grid-column:1;grid-row:2;align-self:center;font-size:clamp(25px,2.6vw,40px);font-weight:500;line-height:1.05;letter-spacing:-.035em;margin:0;padding-right:8px;min-height:0;z-index:1;color:inherit}
#directions .ap-live-preview .dm-stage{grid-column:2;grid-row:2 / 4;align-self:center;aspect-ratio:600/330;width:100%;height:auto;overflow:hidden;min-width:0}
#directions .ap-live-preview .dm-controls{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr;gap:5px;margin:10px 12px 0 0;z-index:2}
#directions .ap-live-preview .dm-controls>button{min-height:29px;padding:5px 9px;font-size:10px;line-height:1.3;border-radius:6px}
#directions .ap-live-preview .dm-copy{display:none}
#directions .ap-live-preview .dm-state{right:24px;bottom:13px;font-size:8px;color:var(--dm-hint)}
#directions .ap-live-preview .dm-pause{width:26px;height:26px;padding:6px}
#directions .ap-live-preview.dm-a{background:linear-gradient(130deg,#101d29,#09131b);color:#ecf5f4}
#directions .ap-live-preview.dm-b{background:#f6f2e9;color:#24231f}
#directions .ap-live-preview.dm-e h4{font-weight:350}
#directions .ap-live-preview.dm-f h4{font-weight:750}
#directions .ap-live-preview.dm-scene{min-height:0;grid-template-rows:30px minmax(0,1fr) auto}
#directions .ap-live-preview.dm-scene{height:100%;max-height:100%;align-self:stretch;grid-template-rows:30px minmax(0,1fr) 100px}
#directions .ap-live-preview .dm-stage{min-height:0;max-height:100%;overflow:hidden}

/* Service names remain fully readable in native controls while the graphic route moves. */
.ap-live-preview.dm-c .dm-c-types,.ap-live-preview.dm-c .dm-c-small,.ap-live-preview.dm-c .dm-c-sub{display:none}