/* Strict native-mini scope. One real inner document scroller per mini-site. */
#concept-stage:has(>.html-study){overflow:hidden;scrollbar-gutter:auto;background:#f8f5ed}
.html-study{--hs-bg:#f8f5ed;--hs-fg:#171715;--hs-ac:#a32424;--hs-muted:#62615c;--hs-line:#d6d3ca;--hs-panel:#fffdf7;container-type:inline-size;height:100%;background:var(--hs-bg);color:var(--hs-fg);font-family:Onest,Arial,sans-serif;font-size:16px;line-height:1.5;isolation:isolate}
.html-study *{box-sizing:border-box}.html-study .hs-scroll{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-color:var(--hs-muted) var(--hs-bg)}
.html-study .hs-page{min-width:0}.html-study h1,.html-study h2,.html-study h3,.html-study p,.html-study figure{margin:0}.html-study a{color:inherit;text-decoration:none}.html-study button,.html-study input,.html-study textarea{font:inherit}.html-study button{cursor:pointer}.html-study a:focus-visible,.html-study button:focus-visible,.html-study input:focus-visible{outline:2px solid var(--hs-ac);outline-offset:5px}.html-study :is(h2,h3)[tabindex="-1"]:focus{outline:none}.html-study a>svg,.html-study button>svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3}.html-study .hs-icon{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.3}
.html-study .hs-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 5%}.html-study .hs-brand{display:grid;gap:3px;flex:none}.html-study .hs-brand strong{font-size:23px;line-height:1.1;font-weight:850;letter-spacing:-.035em}.html-study .hs-brand small{font-size:8px;letter-spacing:.47em}.html-study .hs-header nav{display:flex;gap:30px;margin-left:auto;margin-right:4%}.html-study .hs-header nav a{padding:8px 0;font-size:14px;transition:color .24s}.html-study .hs-header nav a:hover{color:var(--hs-ac)}
.html-study .hs-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:15px 24px;border-radius:13px;border:1px solid transparent;background:var(--hs-ac);color:#fff;min-height:49px;line-height:1.25;font-size:14px;font-weight:500;transition:filter .25s,box-shadow .25s}.html-study .hs-button:hover{filter:brightness(1.12);box-shadow:0 5px 18px #00000012}.html-study .hs-kicker{font-size:10px;letter-spacing:.16em;line-height:1.6}.html-study .hs-lead{font-size:clamp(18px,2cqw,28px);letter-spacing:-.035em;line-height:1.35}.html-study h1{font-size:clamp(45px,7.1cqw,101px);line-height:.99;letter-spacing:-.07em;font-weight:800}.html-study h2{font-size:clamp(30px,3.5cqw,50px);line-height:1.13;font-weight:500;letter-spacing:-.045em}.html-study h3{font-size:25px;line-height:1.22;font-weight:500;letter-spacing:-.035em}
.html-study .hs-section{padding:86px 5%}.html-study .hs-section-head{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;margin-bottom:48px}.html-study .hs-section-head>.hs-kicker{grid-column:1/-1}.html-study .hs-section-head>p:last-child{max-width:420px;align-self:end;color:var(--hs-muted)}.html-study .hs-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;border-top:1px solid var(--hs-line);padding:38px 0;scroll-margin-top:24px}.html-study .hs-detail h3{margin-top:15px;max-width:370px;font-size:32px}.html-study .hs-detail p:not(.hs-kicker){color:var(--hs-muted);max-width:560px}.html-study .hs-detail ul{padding-left:20px;margin:22px 0;line-height:1.9}.html-study .hs-text-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--hs-line);padding:9px 0;font-size:14px}.html-study .hs-text-link:hover{color:var(--hs-ac)}.html-study .hs-about{border-top:1px solid var(--hs-line)}.html-study .hs-about h2{margin-top:22px}.html-study .hs-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:50px}.html-study .hs-process article{border-top:1px solid var(--hs-line);padding-top:20px}.html-study .hs-process article>span{font-size:12px;color:var(--hs-ac)}.html-study .hs-process h3{margin:20px 0 12px}.html-study .hs-process p{color:var(--hs-muted);max-width:280px}
.html-study .hs-task{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;background:var(--hs-panel);border-top:1px solid var(--hs-line)}.html-study .hs-task h2{margin:24px 0}.html-study .hs-task>div>p:last-child{max-width:330px;color:var(--hs-muted)}.html-study .hs-form{min-width:0}.html-study fieldset{border:0;padding:0;margin:0 0 27px}.html-study legend{font-size:16px;margin-bottom:15px}.html-study .hs-goals{display:grid;gap:9px}.html-study .hs-goals label{cursor:pointer;display:flex;align-items:center;gap:13px;padding:13px 16px;border:1px solid var(--hs-line);border-radius:8px;line-height:1.4;transition:background .2s,border-color .2s}.html-study .hs-goals label:has(:checked){border-color:var(--hs-ac);background:color-mix(in srgb,var(--hs-ac) 7%,var(--hs-panel))}.html-study .hs-goals input{accent-color:var(--hs-ac);width:15px;height:15px;flex:none;margin:0}.html-study .hs-draft-label{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:10px}.html-study .hs-draft-label span{color:var(--hs-muted);font-size:12px}.html-study textarea{width:100%;display:block;resize:none;box-sizing:border-box;height:120px;min-height:120px;max-height:240px;overflow:auto;scrollbar-gutter:stable;background:var(--hs-bg);color:var(--hs-fg);border:1px solid var(--hs-line);padding:14px 16px;border-radius:8px;line-height:1.5;margin-bottom:20px}.html-study textarea::placeholder{color:var(--hs-muted)}.html-study .hs-demo-note{color:var(--hs-muted);font-size:12px;margin-top:13px}.html-study .hs-plan{border-top:1px solid var(--hs-line);margin-top:32px;padding:28px 0}.html-study .hs-plan[hidden]{display:none}.html-study .hs-plan h3{margin-top:14px}.html-study .hs-plan ol{padding-left:22px;line-height:2;margin-bottom:0}.html-study .hs-footer{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;border-top:1px solid var(--hs-line);font-size:12px}.html-study .hs-footer a{display:flex;gap:20px;align-items:center;padding:8px}
.html-b .hb-hero{position:relative;min-height:650px;padding:30px 5% 0;display:flex;flex-direction:column;isolation:isolate}.html-b .hb-heading{position:relative;z-index:2;pointer-events:none}.html-b .hb-heading>*{pointer-events:auto}.html-b .hb-heading h1{margin:22px 0 25px;max-width:57%;font-size:clamp(45px,7.4cqw,109px)}.html-b .hb-heading .hs-lead{color:var(--hs-muted)}.html-b .hb-heading .hs-button{margin-top:25px}.html-b .hb-landscape{position:absolute;inset:50px 0 70px 28%;pointer-events:none;z-index:0}.html-b .hb-landscape img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:right bottom}.html-b .hb-landscape svg{position:absolute;width:100%;height:100%;stroke:var(--hs-ac);stroke-width:2.3;overflow:visible}.html-b .hb-landscape circle{fill:var(--hs-bg)}.html-b .hb-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;position:relative;z-index:2;padding:24px 0;background:linear-gradient(#f8f5eddd,#f8f5ed);border-bottom:1px solid var(--hs-line)}.html-b .hb-route a{display:grid;grid-template-columns:1fr 20px;gap:5px 15px;padding:12px 20px 12px 0;border-right:1px solid var(--hs-line)}.html-b .hb-route a:last-child{border:0}.html-b .hb-route span{font-size:9px;color:var(--hs-ac);letter-spacing:.12em}.html-b .hb-route strong{font-size:23px;font-weight:500}.html-b .hb-route small{color:var(--hs-muted);font-size:13px}.html-b .hb-route svg{grid-column:2;grid-row:2;align-self:center}.html-b .hb-route a:hover strong{color:var(--hs-ac)}.html-b .hb-services{padding-top:65px}.html-b .hs-about{background:#efebe1}.html-b .hs-process{counter-reset:steps}.html-b .hs-process article{border-top:2px solid var(--hs-ac)}
@media(prefers-reduced-motion:reduce){.html-study *{transition:none!important;scroll-behavior:auto!important}}
.html-b .hb-route a>span{grid-column:1;grid-row:1}.html-b .hb-route a>strong{grid-column:1;grid-row:2}.html-b .hb-route a>small{grid-column:1;grid-row:3}.html-b .hb-landscape svg{height:74%;top:26%}
.html-study .hs-brand{padding:4px 0}
/* C: the continuous path is a real vector; service labels are HTML. */
.html-c{--hs-bg:#c4fa37;--hs-fg:#10120b;--hs-ac:#11140b;--hs-muted:#4a542f;--hs-line:#b7bf9e;--hs-panel:#f6f7f0}.html-c .hs-header{background:var(--hs-bg)}.html-c .hs-button{border-radius:40px}.html-c .hc-hero{position:relative;padding:50px 5% 55px;min-height:620px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;isolation:isolate}.html-c .hc-copy{z-index:2;position:relative;pointer-events:none}.html-c .hc-copy>*{pointer-events:auto}.html-c .hc-copy h1{font-size:clamp(44px,5.8cqw,85px);line-height:1.03;letter-spacing:-.065em;margin:26px 0 23px;white-space:nowrap}.html-c .hc-copy .hs-lead{font-size:23px;max-width:660px}.html-c .hc-copy>.hs-button{margin-top:30px}.html-c .hc-note{font-size:9px;letter-spacing:.12em;line-height:1.6;margin-top:60px;border-left:1px solid #11140b55;padding-left:18px}.html-c .hc-ribbon{height:560px;position:relative;isolation:isolate;margin-left:-60px}.html-c .hc-three{position:absolute;width:100%;height:100%;filter:drop-shadow(0 15px 13px #1d280632)}.html-c .hc-node{position:absolute;display:flex;align-items:center;gap:13px;color:#10120b;padding:13px 18px;background:#c4fa37;border:1px solid #10120b;border-radius:70px;box-shadow:0 7px 22px #0002;min-width:225px;z-index:2}.html-c .hc-node-0{left:0;top:35px}.html-c .hc-node-1{right:-6px;top:250px}.html-c .hc-node-2{left:0;bottom:25px}.html-c .hc-node>.hs-icon{width:34px;height:34px}.html-c .hc-node span{display:grid;gap:2px}.html-c .hc-node strong{font-size:18px}.html-c .hc-node small{font-size:10px;letter-spacing:.04em}.html-c .hc-node>svg:last-child{margin-left:auto}.html-c .hc-node:hover{background:#e4ff9a}.html-c .hc-services{background:#f5f6f0}.html-c .hs-detail{grid-template-columns:1fr 1fr}.html-c .hs-about{background:#e7eadd}.html-c .hs-about h2{font-weight:700}.html-c .hs-task{background:#11140b;color:#f1f5e7;--hs-bg:#171c10;--hs-fg:#f1f5e7;--hs-ac:#c4fa37;--hs-panel:#11140b;--hs-line:#465036;--hs-muted:#b9c3a9}.html-c .hs-task .hs-button{color:#10120b}.html-c .hs-footer{background:#11140b;color:#e0e8d6;border-color:#465036}
/* D: native, readable glass cards with useful content, no image UI. */
.html-d{--hs-bg:#efedfa;--hs-fg:#1c1b2b;--hs-ac:#e45643;--hs-muted:#646375;--hs-line:#d7d4e5;--hs-panel:#faf9ff}.html-d .hs-header{background:#f6f5fc}.html-d .hs-button{border-radius:40px}.html-d .hd-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;isolation:isolate;min-height:620px;padding:45px 5% 65px;background:radial-gradient(ellipse at 88% 10%,#c8c5dfaa,transparent 50%),linear-gradient(135deg,#faf9ff,#e6e3f3)}.html-d .hd-copy{z-index:2;position:relative;pointer-events:none}.html-d .hd-copy>*{pointer-events:auto}.html-d .hd-copy h1{font-size:clamp(45px,6cqw,87px);font-weight:500;line-height:1.05;margin:27px 0 22px;white-space:nowrap}.html-d .hd-copy .hs-lead{font-size:23px}.html-d .hd-copy .hs-button{margin-top:32px}.html-d .hd-note{margin-top:65px;border-left:1px solid #7d7b9844;padding-left:20px;font-size:9px;line-height:1.8;letter-spacing:.16em;color:var(--hs-muted)}.html-d .hd-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;min-height:430px;position:relative;z-index:1;margin-left:-5%;perspective:1200px}.html-d .hd-panel{display:flex;flex-direction:column;gap:15px;min-width:0;background:linear-gradient(135deg,#ffffffb5,#ffffff35);border:1px solid #ffffffee;border-radius:13px;padding:24px 17px;box-shadow:10px 15px 30px #605d8d20,inset 0 1px 0 #fff;backdrop-filter:blur(10px);transform:rotateY(-9deg);height:340px}.html-d .hd-panel-1{margin-bottom:37px}.html-d .hd-panel-2{margin-bottom:74px}.html-d .hd-panel small{font-size:8px;letter-spacing:.12em;color:var(--hs-muted)}.html-d .hd-panel .hs-icon{width:25px;height:25px;color:#585478}.html-d .hd-panel h3{font-size:23px}.html-d .hd-panel p{font-size:13px;line-height:1.4;color:var(--hs-muted)}.html-d .hd-panel-example{padding:14px 12px;background:#ffffffc4;border:1px solid #fff;border-radius:8px;min-height:100px;margin-top:auto;display:grid;gap:12px}.html-d .hd-panel-example span{font-size:9px;color:var(--hs-muted)}.html-d .hd-panel-example strong{font-size:14px;line-height:1.3;font-weight:500}.html-d .hd-panel-link{display:flex;align-items:center;justify-content:space-between;font-size:11px}.html-d .hd-panel-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1}.html-d .hd-panel:hover{border-color:#a6a0c1;background:#ffffffb0}.html-d .hd-services{background:#faf9ff}.html-d .hd-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.html-d .hd-detail-grid article{display:flex;flex-direction:column;gap:20px;padding:30px 25px;background:linear-gradient(145deg,#f2effa,#fff);border:1px solid var(--hs-line);border-radius:18px}.html-d .hd-detail-grid article>p:not(.hs-kicker){color:var(--hs-muted)}.html-d .hd-detail-grid ul{padding-left:18px;line-height:1.8;font-size:14px;margin:0 0 10px}.html-d .hd-detail-grid .hs-text-link{margin-top:auto}.html-d .hs-about{background:#e6e3f0}.html-d .hs-process article{background:#f5f3fc80;border:1px solid #fff;border-radius:14px;padding:25px}.html-d .hs-task{background:#faf9ff}.html-d .hs-plan{padding:28px;background:#f0edf8;border:1px solid #d7d4e5;border-radius:14px}
/* E: editorial metal composition and restrained magenta landmarks. */
.html-e{--hs-bg:#101011;--hs-fg:#eeeef0;--hs-ac:#bc1768;--hs-muted:#a8a8b0;--hs-line:#343438;--hs-panel:#18181b}.html-e .hs-header{border-bottom:1px solid var(--hs-line)}.html-e .hs-brand strong{font-weight:500;letter-spacing:.17em;font-size:20px}.html-e .hs-brand small{letter-spacing:.36em}.html-e .hs-button{border-radius:40px}.html-e .he-hero{display:grid;grid-template-columns:1.03fr .97fr;gap:15px 40px;align-items:center;padding:45px 5% 0;position:relative;background:radial-gradient(ellipse at 70% 45%,#30303455,transparent 60%)}.html-e .he-copy h1{font-size:clamp(45px,6.2cqw,90px);font-weight:400;line-height:1.03;letter-spacing:-.065em;margin:27px 0}.html-e .he-copy h1>span{color:#d72a7f}.html-e .he-copy .hs-lead{color:var(--hs-muted);font-size:24px}.html-e .he-copy>.hs-button{margin-top:36px}.html-e .he-sculpture{margin:0;position:relative;min-width:0}.html-e .he-sculpture img{display:block;width:100%;height:570px;object-fit:contain}.html-e .he-sculpture figcaption{text-align:center;color:#96969c;letter-spacing:.23em;font-size:8px;padding:15px}.html-e .he-tools{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hs-line);margin-top:24px}.html-e .he-tools a{display:flex;align-items:center;gap:20px;padding:26px 20px;border-right:1px solid var(--hs-line)}.html-e .he-tools a:last-child{border:0}.html-e .he-tools a>span{font-size:10px;color:#dd6aa2}.html-e .he-tools a>strong{font-size:22px;font-weight:400}.html-e .he-tools a>svg{margin-left:auto;color:#dd6aa2}.html-e .he-tools a:hover{background:#ffffff05}.html-e .he-services{padding-top:70px}.html-e .hs-detail .hs-kicker{color:#dd6aa2}.html-e .hs-detail ul{list-style:none;padding:0}.html-e .hs-detail li{border-top:1px solid var(--hs-line);padding:7px 0}.html-e .hs-detail li:before{content:'↗';color:#dd6aa2;margin-right:16px}.html-e .hs-about{background:#18181b}.html-e .hs-process{grid-template-columns:1fr}.html-e .hs-process article{display:grid;grid-template-columns:50px .7fr 1fr;gap:35px;align-items:center;padding:26px 0}.html-e .hs-process h3{margin:0}.html-e .hs-process article>span{color:#dd6aa2}.html-e .hs-process p{max-width:100%}.html-e .hs-plan{border-left:2px solid #bd1768;padding-left:25px}
/* F: poster typography and three useful service columns. */
.html-f{--hs-bg:#ffe22f;--hs-fg:#12130b;--hs-ac:#12130b;--hs-muted:#5e5521;--hs-line:#c4ae29;--hs-panel:#fff3aa}.html-f .hs-header{padding:25px 4%}.html-f .hs-button{border-radius:40px}.html-f .hf-heading{padding:22px 4% 30px}.html-f .hf-heading h1{font-size:clamp(55px,10.3cqw,151px);line-height:.95;font-weight:850;letter-spacing:-.078em}.html-f .hf-heading .hs-lead{margin-top:22px;font-size:25px}.html-f .hf-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hs-line);border-bottom:1px solid var(--hs-line)}.html-f .hf-column{position:relative;min-height:325px;padding:30px 10% 30px 12%;border-right:1px solid var(--hs-line);overflow:hidden;isolation:isolate}.html-f .hf-column:last-child{border:0}.html-f .hf-column>.hs-kicker{font-size:9px}.html-f .hf-column h3{font-size:37px;font-weight:700;margin:15px 0 12px}.html-f .hf-column p{font-size:16px;max-width:170px;line-height:1.4;position:relative;z-index:2}.html-f .hf-column>svg{position:relative;z-index:2;margin-top:28px}.html-f .hf-object{position:absolute;width:56%;height:225px;right:0;bottom:3px;z-index:-1;background-image:url('assets/html-studies/ivory-objects.png?rev=9e43b161ca13');background-repeat:no-repeat;background-size:300% auto;pointer-events:none}.html-f .hf-object-0{background-position:0% center}.html-f .hf-object-1{background-position:50% center}.html-f .hf-object-2{background-position:100% center}.html-f .hf-column:hover{background:#fff38b55}.html-f .hf-baseline{display:flex;justify-content:space-between;align-items:center;padding:24px 4%;gap:30px;font-size:9px;letter-spacing:.13em}.html-f .hf-baseline a{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:0}.html-f .hf-services{background:#fff9d9}.html-f .hs-detail{grid-template-columns:.72fr 1.28fr}.html-f .hs-detail h3{font-weight:650;font-size:37px;max-width:430px}.html-f .hs-about{background:#ffe22f}.html-f .hs-task{background:#12130b;color:#fff9dd;--hs-bg:#1c1d14;--hs-fg:#fff9dd;--hs-ac:#ffe22f;--hs-muted:#c7c3a8;--hs-panel:#12130b;--hs-line:#454638}.html-f .hs-task .hs-button{color:#12130b}.html-f .hs-footer{background:#12130b;color:#fff9dd;border-color:#454638}
.html-f .hf-heading h1{letter-spacing:-.045em}
/* Explicit body scale prevents legacy miniature-demo paragraph rules leaking in. */
.html-study p{font-size:16px;line-height:1.5}.html-study{color-scheme:light}.html-e{color-scheme:dark}.html-c .hs-task,.html-f .hs-task{color-scheme:dark}

.html-study textarea:focus{outline:0;outline-offset:0;border-color:var(--hs-ac);box-shadow:inset 0 0 0 1px var(--hs-ac)}

/* A paper itinerary uses sequential steps, not another priority form. */
.html-study .hs-path-stack{display:grid;min-width:0;min-height:460px;position:relative;isolation:isolate}
.html-study .hs-path-layer{grid-area:1/1;min-width:0;padding:30px;background:var(--hs-panel);border:1px solid var(--hs-line);border-radius:12px;clip-path:inset(0 round 12px)}
.html-study .hs-path-layer h3{margin:15px 0 20px;font-size:30px}
.html-study .hs-path-lead{max-width:42em;color:var(--hs-muted);margin-bottom:25px}
.html-study .hs-path-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}
.html-study .hs-text-button{border:0;border-bottom:1px solid var(--hs-line);background:transparent;color:var(--hs-fg);padding:10px 0;font-size:14px;cursor:pointer}
.html-study select{display:block;width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--hs-line);border-radius:8px;background:var(--hs-bg);color:var(--hs-fg);font:inherit;margin-bottom:24px}
.html-study select:focus{outline:0;border-color:var(--hs-ac);box-shadow:inset 0 0 0 1px var(--hs-ac)}
.html-study .hs-local-result{margin-top:24px;padding:20px;border:1px solid var(--hs-line);border-radius:10px;background:var(--hs-bg);overflow-wrap:anywhere}
.html-study .hs-local-result[hidden]{display:none}
.html-b .hb-workbench{background:#efebe1}
.html-b .hb-workbench-grid{display:grid;grid-template-columns:.32fr 1fr;gap:30px;align-items:start}
.html-b .hb-step-nav{display:grid;gap:8px;position:sticky;top:20px}
.html-b .hb-step-nav button{display:flex;gap:18px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;padding:17px 13px;color:var(--hs-muted)}
.html-b .hb-step-nav button[aria-selected=true]{color:var(--hs-ac);border-color:var(--hs-line);background:var(--hs-panel)}
.html-b .hb-step-nav span{font-size:11px}
.html-b .hb-service-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0}
.html-b .hb-service-choice button{display:flex;flex-direction:column;align-items:flex-start;gap:15px;text-align:left;padding:20px 14px;border:1px solid var(--hs-line);border-radius:9px;background:var(--hs-bg);color:var(--hs-fg)}
.html-b .hb-service-choice button[aria-pressed=true]{border-color:var(--hs-ac);box-shadow:inset 0 0 0 1px var(--hs-ac)}
.html-b .hb-service-choice strong{font-size:18px;font-weight:500}
.html-b .hb-service-choice span{font-size:12px;line-height:1.5;color:var(--hs-muted)}
.html-b .hb-route-list{padding-left:22px;line-height:1.8;margin:24px 0}
/* C connects selected channels into one concrete client path. */
.html-c .hc-builder{background:#e7eadd}
.html-c .hc-builder>.hs-path-lead{margin-top:24px;max-width:45em}
.html-c .hc-builder-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;margin-top:35px;align-items:start}
.html-c .hc-channel{display:flex;align-items:center;gap:16px;border:1px solid var(--hs-line);border-radius:12px;padding:20px;margin:10px 0;background:#f6f7f0;cursor:pointer}
.html-c .hc-channel:has(:checked){border-color:#11140b;background:#d4fa80}
.html-c .hc-channel input{width:18px;height:18px;accent-color:#11140b;flex:none}
.html-c .hc-channel span{display:grid;gap:5px}.html-c .hc-channel strong{font-weight:550;font-size:19px}.html-c .hc-channel small{color:var(--hs-muted);font-size:13px}
.html-c .hc-chain{list-style:none;display:grid;gap:0;padding:0;margin:30px 0}.html-c .hc-chain li{border-top:1px solid var(--hs-line);padding:17px 0;font-size:19px}.html-c .hc-chain li:last-child{border-bottom:1px solid var(--hs-line)}
.html-study button:disabled{opacity:.45;cursor:default;filter:none;box-shadow:none}
/* D opens individual layers. The moving clipping edge always owns its content. */
.html-d .hd-layers{display:grid;gap:15px}
.html-d .hd-layer{border:1px solid var(--hs-line);border-radius:14px;background:linear-gradient(130deg,#f4f1fc,#fff);overflow:hidden}
.html-d .hd-layer-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:30px;padding:24px 28px;text-align:left;border:0;background:transparent;color:var(--hs-fg)}
.html-d .hd-layer-toggle>span:first-child{display:flex;align-items:center;gap:22px}.html-d .hd-layer-toggle strong{font-size:25px;font-weight:500}
.html-d .hd-layer-toggle[aria-expanded=true]{color:#6a4260}.html-d .hd-layer-glyph{font-size:26px;font-weight:300;transition:transform .25s}.html-d .hd-layer-toggle[aria-expanded=true] .hd-layer-glyph{transform:rotate(45deg)}
.html-d .hd-layer-panel{overflow:hidden;min-height:0}.html-d .hd-layer-panel[hidden]{display:none}
.html-d .hd-layer-inner{padding:10px 28px 30px 80px;display:grid;grid-template-columns:.85fr 1.15fr;gap:20px 40px}
.html-d .hd-layer-inner h3{font-size:30px}.html-d .hd-layer-inner>p{color:var(--hs-muted)}.html-d .hd-layer-inner ul{grid-column:2;padding-left:20px;margin:0;line-height:1.8}.html-d .hd-layer-inner button{grid-column:2;justify-self:start;display:flex;align-items:center;gap:20px}
.html-d .hd-layer-toggle:focus-visible{outline-offset:-4px;border-radius:14px}
/* E distinguishes the visitor's message from its underlying implementation. */
.html-e .he-workbench-grid{display:grid;grid-template-columns:.5fr 1fr;gap:45px;margin-top:45px;align-items:start}
.html-e .he-topic-list{display:grid;gap:5px}.html-e .he-topic-list button{display:flex;gap:18px;text-align:left;padding:20px 0;border:0;border-top:1px solid var(--hs-line);background:transparent;color:var(--hs-muted);font-size:18px}
.html-e .he-topic-list button[aria-pressed=true]{color:#f2d8e5}.html-e .he-topic-list span{color:#e36ca7;font-size:10px;padding-top:5px}
.html-e .he-view-tabs{display:flex;gap:20px;margin-bottom:18px}.html-e .he-view-tabs button{border:0;border-bottom:1px solid transparent;background:transparent;color:var(--hs-muted);padding:12px 0;font-size:14px}.html-e .he-view-tabs button[aria-selected=true]{color:#f2d8e5;border-color:#dd6aa2}
.html-e .hs-path-layer{background:#202024}.html-e .he-meaning-list{margin:28px 0}.html-e .he-meaning-list p{display:flex;gap:24px;border-top:1px solid #44434c;padding:15px 0;font-size:19px}.html-e .he-meaning-list span{font-size:11px;color:#e36ca7;padding-top:5px}
.html-e .he-build-list{display:grid;gap:0;list-style:none;padding:0;margin:28px 0}.html-e .he-build-list li{display:flex;gap:24px;align-items:center;padding:18px 0;border-top:1px solid #44434c}.html-e .he-build-list span{font-size:11px;color:#e36ca7}.html-e .he-build-list strong{font-size:19px;font-weight:450}
/* F's poster columns are the entry controls for the actual service panel. */
.html-f .hf-column{display:grid;grid-template-columns:minmax(0,min(170px,55%)) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:16px;text-align:left;background:transparent;color:var(--hs-fg);border:0;border-right:1px solid var(--hs-line);font:inherit;cursor:pointer}
.html-f .hf-column>.hs-kicker,.html-f .hf-column h3{grid-column:1/-1}
.html-f .hf-column h3{margin:12px 0 10px}
.html-f .hf-column p{grid-column:1;grid-row:3;max-width:170px}
.html-f .hf-column>svg{grid-column:1;grid-row:4;margin-top:16px}
.html-f .hf-column .hf-object{position:relative;grid-column:2;grid-row:3/5;width:100%;height:auto;aspect-ratio:1;right:auto;bottom:auto;align-self:end;z-index:0}
.html-f .hf-column[aria-pressed=true]{background:#fff38b55;box-shadow:inset 0 -3px 0 #12130b}.html-f .hf-column:focus-visible{outline-offset:-5px}
.html-f .hf-service-workbench{display:grid;grid-template-columns:.4fr 1fr;gap:35px;align-items:start}
.html-f .hf-service-switch{display:grid}.html-f .hf-service-switch button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border:0;border-top:1px solid var(--hs-line);color:var(--hs-fg);background:transparent;text-align:left;font-size:24px;font-weight:550}.html-f .hf-service-switch button[aria-pressed=true]{text-decoration:underline;text-underline-offset:8px}.html-f .hf-service-switch svg{width:22px;height:22px}
.html-f .hs-path-layer{background:#fff3aa}.html-f .hf-service-points{padding-left:20px;line-height:1.9;margin:28px 0}
.html-study .hs-local-result{max-height:200px;overflow:auto;white-space:pre-wrap;overscroll-behavior:contain}
.html-study .hs-path-layer :is(h2,h3)[tabindex="-1"]:focus{outline:none}
.reduced .html-study *{transition:none!important;scroll-behavior:auto!important}

.html-study .hs-local-result:focus-visible{outline:2px solid var(--hs-ac);outline-offset:3px}
/* The short desktop keeps F's poster scale and all three service controls. */
@media(min-width:1101px) and (max-height:760px){
 .html-f .hs-header{padding:14px 4%}
 .html-f .hf-heading{padding:8px 4% 12px}
 .html-f .hf-heading h1{font-size:clamp(55px,8.5cqw,127px)}
 .html-f .hf-heading .hs-lead{font-size:22px;margin-top:12px}
 .html-f .hf-column{min-height:240px;padding-top:20px;padding-bottom:20px}
}
/* Short desktop: reduce framing and decorative height, keep the site's body type. */
@media(min-width:1101px) and (max-height:760px){
 .html-study .hs-header{padding-block:14px}
 .html-b .hb-hero{padding-top:20px}
 .html-c .hc-hero{min-height:0;padding-top:20px;padding-bottom:25px}
 .html-c .hc-ribbon{height:410px}
 .html-c .hc-node-1{top:180px}
 .html-c .hc-note{margin-top:28px}
 .html-d .hd-hero{min-height:0;padding-top:25px;padding-bottom:25px}
 .html-d .hd-note{margin-top:28px}
 .html-e .he-hero{padding-top:20px}
 .html-e .he-sculpture img{height:400px}
}

/* R1: selected route points own their native service labels. */
.html-b .hb-hero{min-height:clamp(480px,44cqw,670px);padding-top:28px;padding-bottom:36px;display:block}
.html-b .hb-heading{width:52%}
.html-b .hb-heading h1{max-width:none;font-size:clamp(45px,6.7cqw,103px)}
.html-b .hb-landscape{inset:auto;right:3%;top:3%;width:69%;aspect-ratio:1000/580}
.html-b .hb-landscape img{height:90%;bottom:0;opacity:.9}
.html-b .hb-landscape>svg{height:100%;top:0;left:0;overflow:visible;stroke-width:2}
.html-b .hb-route{position:absolute;inset:0;display:block;margin:0;padding:0;border:0;background:none;z-index:2}
.html-b .hb-route a{position:absolute;display:grid;grid-template-columns:1fr 18px;gap:3px 14px;width:clamp(180px,14cqw,220px);padding:10px 12px;border:0;background:#f8f5edf2;pointer-events:auto;transform:translateY(-100%);border-left:1px solid #a3242460}
.html-b .hb-route a:nth-child(1){left:2.5%;top:89.655%}
.html-b .hb-route a:nth-child(2){left:53.5%;top:58.276%}
.html-b .hb-route a:nth-child(3){right:15.1%;top:19.31%;transform:translateY(-50%);border-left:0;border-right:1px solid #a3242460}
.html-b .hb-route a:after{content:'';position:absolute;width:1px;height:15px;left:0;top:100%;background:var(--hs-ac)}
.html-b .hb-route a:nth-child(3):after{left:auto;right:0;top:50%;width:15px;height:1px;transform:translateX(100%)}
.html-b .hb-route strong{font-size:clamp(19px,1.7cqw,26px)}
.html-b .hb-route small{line-height:1.4;font-size:12px;grid-column:1/-1;max-width:170px}
.html-b .hb-route a>svg{width:17px;height:17px}
.html-b .hb-route a:hover{background:#fffdf8}
/* D: light architecture and staggered glass planes, all text remains HTML. */
.html-d{--hs-ac:#c54535}
.html-d .hs-button{background:#c54535;transition:background .24s,box-shadow .24s;filter:none}
.html-d .hs-button:hover{background:#b83e30;filter:none;box-shadow:0 6px 18px #71281f22}
.html-d .hs-button:focus-visible{background:#c54535;outline:2px solid #822c22;outline-offset:4px}
.html-d .hs-button:active{background:#9e3328;filter:none}
.html-d .hd-hero{display:block;min-height:clamp(480px,44cqw,680px);padding:48px 5% 54px;background:#edeaf1;overflow:hidden}
.html-d .hd-room{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(115deg,#f8f7f9 0 43%,#dedbe5 43% 44%,#e6e3ed 44% 100%)}
.html-d .hd-room i{position:absolute;display:block;pointer-events:none}
.html-d .hd-room i:nth-child(1){inset:0 0 29% 44%;background:linear-gradient(120deg,#d1ced9,#eeedf3 66%);clip-path:polygon(0 0,100% 0,100% 100%,0 71%);box-shadow:inset 1px 0 #fff}
.html-d .hd-room i:nth-child(2){inset:49% 0 0;background:linear-gradient(165deg,#d5d1dd,#f2f0f5 75%);clip-path:polygon(44% 0,100% 26%,100% 100%,0 100%,0 48%)}
.html-d .hd-room i:nth-child(3){width:70%;height:20%;right:-7%;bottom:8%;background:#645e7930;filter:blur(24px);transform:skewX(-35deg)}
.html-d .hd-copy{width:44%;padding-top:16px}
.html-d .hd-copy h1{font-size:clamp(45px,5.2cqw,80px);letter-spacing:-.055em;margin:25px 0}
.html-d .hd-copy .hs-lead{font-size:clamp(20px,1.65cqw,26px)}
.html-d .hd-note{margin-top:44px}
.html-d .hd-panels{position:absolute;display:block;width:53%;right:3%;top:14%;height:76%;min-height:0;margin:0;perspective:1400px;perspective-origin:40% 45%;isolation:isolate}
.html-d .hd-panel{position:absolute;width:31%;height:clamp(320px,28cqw,430px);padding:22px 16px;gap:14px;border-radius:8px;background:linear-gradient(115deg,#ffffffbc,#ffffff55 45%,#e5e1f37a);border:1px solid #fff;backdrop-filter:blur(14px);box-shadow:inset 1px 0 #fff,2px 2px 0 #b5b0c444,12px 24px 25px #5d536c30;transform:rotateY(-16deg) rotateZ(-2deg);transform-origin:center;transition:background .25s,border-color .25s;z-index:3}
.html-d .hd-panel-0{left:0;top:20%;margin:0}
.html-d .hd-panel-1{left:34%;top:9%;margin:0;z-index:2}
.html-d .hd-panel-2{left:68%;top:-2%;margin:0;z-index:1}
.html-d .hd-panel h3{font-size:clamp(22px,1.9cqw,29px)}
.html-d .hd-panel p{font-size:13px;line-height:1.5;color:#514e62}
.html-d .hd-panel-example{border-radius:5px;min-height:105px;padding:13px 10px;background:linear-gradient(120deg,#ffffffd9,#ffffff90);box-shadow:0 5px 12px #665e7a0c}
.html-d .hd-panel-example span{color:#5c566c}
.html-d .hd-panel-link{font-size:12px;color:#3e374f}
.html-d .hd-panel:hover{background:linear-gradient(115deg,#ffffffed,#ffffff99);border-color:#a7a1b7}
/* E: the sculpture and native callouts are one semantic composition. */
.html-e .he-hero{display:block;min-height:clamp(480px,45cqw,690px);padding:48px 5% 46px;isolation:isolate;overflow:hidden}
.html-e .he-copy{position:relative;z-index:2;width:48%;pointer-events:none}
.html-e .he-copy>*{pointer-events:auto}
.html-e .he-copy h1{font-size:clamp(45px,5.8cqw,88px)}
.html-e .he-sculpture{position:absolute;right:3%;top:0;width:52%;height:100%;z-index:1}
.html-e .he-sculpture img{width:67%;height:100%;margin-left:10%;object-fit:contain;mix-blend-mode:lighten}
.html-e .he-sculpture .he-callouts{position:absolute;inset:0;padding:0;text-align:left;font-size:14px;letter-spacing:0}
.html-e .he-callout{position:absolute;display:grid;gap:5px;width:clamp(115px,10cqw,155px);padding:8px 0;color:#eeeef0;background:#101011df}
.html-e .he-callout strong{font-size:clamp(15px,1.25cqw,19px);font-weight:400;line-height:1.3;border-bottom:1px solid #96969c66;padding-bottom:5px}
.html-e .he-callout small{font-size:12px;line-height:1.4;letter-spacing:0;color:#b6b6be}
.html-e .he-callout>svg{display:none}
.html-e .he-callout:before{content:'';position:absolute;height:1px;width:clamp(28px,4cqw,65px);background:linear-gradient(90deg,#96969c,#bc1768);top:26px;left:100%}
.html-e .he-callout:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#ce267a;top:24px;left:calc(100% + clamp(28px,4cqw,65px))}
.html-e .he-callout-0{left:0;top:18%}
.html-e .he-callout-1{right:0;top:43%}
.html-e .he-callout-2{right:0;top:72%}
.html-e .he-callout-1:before,.html-e .he-callout-2:before{left:auto;right:100%;background:linear-gradient(90deg,#bc1768,#96969c)}
.html-e .he-callout-1:after,.html-e .he-callout-2:after{left:auto;right:calc(100% + clamp(28px,4cqw,65px))}
.html-e .he-callout:hover strong{color:#ee91be;border-color:#bc1768}
@media(min-width:1101px) and (max-height:760px){
 .html-b .hb-hero{padding-top:14px}.html-b .hb-heading h1{margin-top:15px;margin-bottom:20px;font-size:6.3cqw}.html-b .hb-heading .hs-button{margin-top:20px}
 .html-d .hd-hero{padding-top:22px;padding-bottom:30px}.html-d .hd-copy{padding-top:0}.html-d .hd-note{margin-top:30px}.html-d .hd-panels{top:11%;height:80%}.html-d .hd-panel{height:325px;gap:12px;padding:18px 14px}.html-d .hd-panel-example{min-height:94px}
 .html-e .he-hero{padding-top:25px;padding-bottom:30px}.html-e .he-copy h1{margin:22px 0}.html-e .he-copy .hs-lead{font-size:22px}.html-e .he-copy>.hs-button{margin-top:25px}
}

.html-b .hb-heading .hs-lead{width:max-content;max-width:100%}
.html-e .he-callout strong{letter-spacing:0}

/* R4: useful exploration in the hero, separate task preparation in the header. */
.html-study .hs-header>.hs-button{background:transparent;color:var(--hs-fg);border:1px solid color-mix(in srgb,var(--hs-fg) 35%,transparent);box-shadow:none;filter:none}
.html-study .hs-header>.hs-button:hover{background:color-mix(in srgb,var(--hs-fg) 7%,transparent);border-color:var(--hs-fg);box-shadow:none;filter:none}
.html-study .hs-header>.hs-button:active{background:color-mix(in srgb,var(--hs-fg) 12%,transparent)}