/* TT CMS 2.6.2 — Three responsive hero layouts + three original CSS illustrations.
   All user-facing choices are validated server-side; no remote art assets. */
.hb262-layout--reverse .hb-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1fr)}
.hb262-layout--reverse .hb-hero-copy{order:2}
.hb262-layout--reverse .hb-hero-art{order:1}
.hb262-layout--centered .hb-hero-grid{grid-template-columns:minmax(0,1fr);max-width:1080px;justify-items:center;gap:0;padding-top:clamp(70px,8vw,122px);padding-bottom:70px;text-align:center}
.hb262-layout--centered .hb-hero-copy{width:100%;max-width:910px}
.hb262-layout--centered .hb-hero h1{margin-inline:auto;max-width:950px}
.hb262-layout--centered .hb-hero-copy>p{margin-inline:auto}
.hb262-layout--centered .hb-hero-actions,.hb262-layout--centered .hb-hero-foot{justify-content:center}
.hb262-layout--centered .hb-hero-art{width:min(650px,100%);height:375px;margin:15px auto 0;--hb-pointer-x:0px;--hb-pointer-y:0px}
.hb262-layout--centered .hb-hero-foot{margin-top:38px}
.hb262-layout--centered .hb-art-photo{transform:none;width:min(520px,95%);height:340px}
.hb262-art{position:relative;width:min(510px,100%);height:min(485px,100%);isolation:isolate;display:grid;place-items:center;user-select:none;pointer-events:none}
.hb262-art *{box-sizing:border-box}
/* Preset A: refractive prism, entirely CSS. */
.hb262-art-prism:before{content:"";position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(circle,#40bffb4a 0%,#a98afd2c 32%,transparent 67%);filter:blur(20px)}
.hb262-prism-outline{position:absolute;inset:13%;border-radius:34%;border:1px solid color-mix(in srgb,var(--hb-accent) 35%,transparent);transform:rotate(-18deg);box-shadow:inset 0 0 70px #79d5f018,0 0 40px #9c8cfa1f}
.hb262-prism-body{position:absolute;inset:17% 19%;clip-path:polygon(50% 0%,98% 30%,86% 83%,50% 100%,15% 84%,1% 30%);background:linear-gradient(135deg,#fbfaffd9 4%,#7ecafa9c 25%,#445cffc5 45%,#c76ce5b3 65%,#91fff6c9 92%);filter:drop-shadow(0 20px 35px #394ecb55);animation:hb262-prism-drift 8s ease-in-out infinite alternate}
.hb262-prism-body:after{content:"";position:absolute;inset:3%;clip-path:inherit;background:linear-gradient(45deg,#1744ba55,transparent 31%,#ffffffa9 51%,transparent 70%,#4bfbe070)}
.hb262-prism-glow{position:absolute;inset:26% 26%;background:radial-gradient(circle,#ffffffcd,transparent 65%);filter:blur(24px);z-index:2}
.hb262-prism-ray{position:absolute;width:120%;height:3px;left:-10%;top:55%;transform:rotate(-27deg);background:linear-gradient(90deg,transparent,#82d9ff 45%,#fff 51%,#ca87f8 62%,transparent);box-shadow:0 0 18px #6cbaff92}
.hb262-prism-label{position:absolute;bottom:7%;letter-spacing:.3em;font-size:10px;font-weight:900;color:var(--hb-muted)}
/* Preset B: floating liquid-glass creative cards. */
.hb262-art-cards:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#6c9dff67,transparent 70%);filter:blur(27px)}
.hb262-card{position:absolute;width:65%;height:65%;border:1px solid #ffffff9c;border-radius:30px;display:flex;flex-direction:column;overflow:hidden;padding:28px;box-shadow:0 26px 65px #3257ae31, inset 0 1px 2px #fff7;backdrop-filter:blur(22px)}
.hb262-card-back{left:11%;top:8%;transform:rotate(-14deg);background:linear-gradient(136deg,#5b8af9d9,#9466ecd9)}
.hb262-card-back>span{display:block;width:80%;height:47%;border-radius:25px;background:radial-gradient(circle at 62% 31%,#ffd8b9,#c572dc 56%,#664cd0);margin-bottom:auto}
.hb262-card b{font-size:clamp(14px,2.1vw,24px);line-height:1.15;letter-spacing:-.045em;color:#fff}.hb262-card small{font-size:8px;letter-spacing:.12em;color:#e7e9ff;margin-top:10px}
.hb262-card-front{right:5%;bottom:7%;transform:rotate(9deg);background:linear-gradient(145deg,#14345de9,#278bd5d9 55%,#5ccfd3b5);justify-content:space-between}
.hb262-card-symbol{font-size:clamp(55px,7vw,94px);line-height:1;color:#b0f8ff;text-shadow:0 0 32px #b1fcfb9c}
.hb262-card-chips{display:flex;gap:8px}.hb262-card-chips i{width:21px;height:21px;display:inline-block;border-radius:50%;background:#ffc274}.hb262-card-chips i:nth-child(2){background:#9ea2ff}.hb262-card-chips i:nth-child(3){background:#5df4db}
.hb262-cards-spark{position:absolute;right:2%;top:4%;font-size:49px;color:#82caff;animation:hb262-pulse 3s ease-in-out infinite}
/* Preset C: orbiting digital rings. */
.hb262-art-orbit:before{content:"";position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#9168f85c,transparent 70%);filter:blur(25px)}
.hb262-orbit-ring{position:absolute;width:84%;aspect-ratio:1;border-radius:50%;border:2px solid #749ff457;box-shadow:inset 0 0 40px #a7d5f72b,0 0 35px #98baff27}
.hb262-orbit-ring-a{transform:rotate(22deg) scaleY(.42);border-color:#7bd5fa;animation:hb262-orbit-a 16s linear infinite}
.hb262-orbit-ring-b{transform:rotate(-36deg) scaleY(.51);border-color:#b290ff;animation:hb262-orbit-b 22s linear infinite}
.hb262-orbit-ring-c{width:63%;border-style:dashed;border-color:#83c8fb8f;animation:hb-spin 35s linear infinite}
.hb262-orbit-core{z-index:2;display:grid;place-items:center;width:43%;aspect-ratio:1;border-radius:50%;font-size:clamp(54px,8vw,112px);font-weight:950;letter-spacing:-.13em;padding-right:9%;color:white;background:linear-gradient(135deg,#3661e5,#9b65e7);box-shadow:0 25px 70px #5365e68c,inset 0 3px 21px #ffffff67}
.hb262-orbit-core span{color:#fdd58f}
.hb262-orbit-dot{position:absolute;z-index:3;border:4px solid #fff;width:23px;height:23px;border-radius:50%;background:#45d9e7;box-shadow:0 0 22px #5aecff9c}
.hb262-orbit-dot-a{top:18%;right:20%}.hb262-orbit-dot-b{bottom:16%;left:17%;background:#ffc486}
.hb262-orbit-label{position:absolute;bottom:3%;font-size:10px;letter-spacing:.35em;color:var(--hb-muted);font-weight:900}
@keyframes hb262-prism-drift{to{transform:translateY(-14px) rotate(5deg)}}
@keyframes hb262-pulse{50%{opacity:.65;transform:scale(1.13)}}
@keyframes hb262-orbit-a{to{transform:rotate(382deg) scaleY(.42)}}
@keyframes hb262-orbit-b{to{transform:rotate(-396deg) scaleY(.51)}}
.hb-home[data-hb-effects="off"] .hb262-art *, .hb-home[data-hb-effects="off"] .hb262-art:before{animation:none!important}
@media(max-width:950px){.hb262-layout--reverse .hb-hero-grid{grid-template-columns:1fr}.hb262-layout--reverse .hb-hero-copy{order:0}.hb262-layout--reverse .hb-hero-art{order:1}.hb262-layout--centered .hb-hero-grid{grid-template-columns:1fr}}
@media(max-width:600px){.hb262-layout--centered .hb-hero-art{height:270px;width:100%}.hb262-layout--centered .hb-hero-grid{padding-top:50px;padding-bottom:40px}.hb262-layout--centered .hb-hero h1{font-size:clamp(38px,10vw,56px)}.hb262-layout--centered .hb-hero-foot{margin-top:24px}.hb262-art{height:100%}.hb262-card{padding:18px;border-radius:20px}.hb262-orbit-core{font-size:64px}}
@media(prefers-reduced-motion:reduce){.hb262-art,.hb262-art *{animation:none!important;transition:none!important}}