/* HAOLLA v1.28.0 — web-native education model, designed for instant comprehension */
.haollaIdentityV1280{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(80px,9vw,132px) 0;
  color:#f7f9ff;
  background:
    radial-gradient(circle at 8% 5%,rgba(78,231,218,.13),transparent 28%),
    radial-gradient(circle at 93% 28%,rgba(107,157,255,.12),transparent 29%),
    radial-gradient(circle at 54% 96%,rgba(158,111,255,.13),transparent 31%),
    linear-gradient(180deg,#080c21 0%,#070a19 52%,#090b20 100%);
}
.haollaIdentityV1280::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.27;
  background-image:
    linear-gradient(rgba(137,187,242,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(137,187,242,.05) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);
}
.haollaIdentityV1280::after{
  content:"";
  position:absolute;
  top:23%;
  left:50%;
  z-index:-1;
  width:min(920px,88vw);
  aspect-ratio:1;
  border:1px solid rgba(112,224,222,.07);
  border-radius:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 80px rgba(111,151,255,.018),0 0 0 160px rgba(155,108,255,.012);
  pointer-events:none;
}
.haollaIdentityV1280 *{box-sizing:border-box;min-width:0}
.modelIntroV1280{max-width:1040px;margin:0 auto clamp(38px,5vw,64px);text-align:center}
.modelKickerV1280{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:17px;
  color:#9ef2e6;
  font-size:11px;
  line-height:1.5;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.modelKickerV1280::before{content:"";width:7px;height:7px;border-radius:50%;background:#79ecdc;box-shadow:0 0 16px rgba(121,236,220,.74)}
.modelIntroV1280 h2{
  max-width:1000px;
  margin:0 auto;
  color:#fbfdff;
  font-size:clamp(38px,5.2vw,72px);
  line-height:1.06;
  letter-spacing:-.052em;
  text-wrap:balance;
  word-break:keep-all;
}
.modelIntroV1280 > p{
  max-width:790px;
  margin:22px auto 0;
  color:#c6d2e9;
  font-size:clamp(16px,1.45vw,19px);
  line-height:1.78;
  text-wrap:pretty;
  word-break:keep-all;
}
.modelJumpV1280{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px}
.modelJumpV1280 a{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  gap:9px;
  padding:10px 15px;
  border:1px solid rgba(136,210,231,.2);
  border-radius:999px;
  color:#eaf6ff;
  background:rgba(8,15,35,.74);
  font-size:12px;
  line-height:1.35;
  font-weight:760;
  text-decoration:none;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.modelJumpV1280 a span{color:#76eadd;font-size:10px;font-weight:950;letter-spacing:.1em}
.modelJumpV1280 a:hover,.modelJumpV1280 a:focus-visible{border-color:rgba(121,234,221,.62);background:rgba(17,35,58,.93);transform:translateY(-1px)}
.modelPanelV1280{
  position:relative;
  margin-top:clamp(22px,3vw,34px);
  padding:clamp(25px,4vw,48px);
  overflow:hidden;
  border:1px solid rgba(142,188,235,.16);
  border-radius:clamp(26px,3vw,38px);
  background:
    linear-gradient(145deg,rgba(16,24,53,.95),rgba(8,12,31,.965) 52%,rgba(20,15,47,.94));
  box-shadow:0 38px 110px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045);
}
.modelPanelV1280::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(113,238,218,.14),transparent 26%,transparent 72%,rgba(172,125,255,.12));
  mask-image:linear-gradient(#000,transparent 48%);
}
.modelPanelV1280 > *{position:relative;z-index:1}
.modelPanelHeadV1280{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:clamp(18px,3vw,32px);
  align-items:start;
  margin-bottom:clamp(25px,4vw,44px);
}
.modelPanelNoV1280{
  display:grid;
  width:72px;
  height:72px;
  place-items:center;
  border:1px solid rgba(123,232,221,.24);
  border-radius:24px;
  color:#90f1e4;
  background:linear-gradient(145deg,rgba(45,100,112,.28),rgba(22,28,57,.72));
  font-size:18px;
  font-weight:950;
  letter-spacing:.08em;
  box-shadow:0 18px 38px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.06);
}
.modelPanelCopyV1280 small{
  display:block;
  margin-bottom:7px;
  color:#82e8dd;
  font-size:10.5px;
  line-height:1.45;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.modelPanelCopyV1280 h3{
  max-width:830px;
  margin:0;
  color:#f9fbff;
  font-size:clamp(27px,3.35vw,47px);
  line-height:1.13;
  letter-spacing:-.038em;
  text-wrap:balance;
  word-break:keep-all;
}
.modelPanelCopyV1280 p{max-width:780px;margin:13px 0 0;color:#bdc9e1;font-size:15px;line-height:1.7;text-wrap:pretty}
.modelPanelBadgeV1280{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid rgba(142,184,241,.17);
  border-radius:999px;
  color:#b9c9e8;
  background:rgba(5,10,27,.58);
  font-size:9.5px;
  line-height:1.3;
  font-weight:850;
  letter-spacing:.14em;
  white-space:normal;
}
.modelPanelBadgeV1280::before{content:"";width:6px;height:6px;border-radius:50%;background:#91dff2;box-shadow:0 0 10px rgba(145,223,242,.7)}

/* 01 — connected hybrid system */
.hybridOrbitV1280{
  position:relative;
  max-width:1060px;
  min-height:650px;
  margin:0 auto;
  border-radius:36px;
  background:
    radial-gradient(circle at 50% 50%,rgba(78,207,213,.11),transparent 31%),
    radial-gradient(circle at 50% 50%,transparent 31%,rgba(117,151,246,.07) 31.4%,transparent 32%),
    radial-gradient(circle at 50% 50%,transparent 43%,rgba(137,117,242,.055) 43.4%,transparent 44%);
}
.hybridLinesV1280{position:absolute;inset:5%;width:90%;height:90%;overflow:visible;pointer-events:none}
.hybridLinesV1280 path,.hybridLinesV1280 circle{fill:none;stroke:url(#hybridLineGradientV1280);stroke-width:.34;vector-effect:non-scaling-stroke}
.hybridLinesV1280 path{stroke-dasharray:1.3 1.9;opacity:.72}
.hybridLinesV1280 circle{opacity:.34}
.hybridCoreV1280{
  position:absolute;
  top:50%;
  left:50%;
  z-index:3;
  display:flex;
  width:clamp(292px,31vw,358px);
  min-height:358px;
  padding:31px 30px 27px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(130,221,227,.42);
  border-radius:50%;
  transform:translate(-50%,-50%);
  text-align:center;
  background:
    radial-gradient(circle at 50% 21%,rgba(126,235,225,.17),transparent 31%),
    linear-gradient(145deg,rgba(14,34,59,.97),rgba(10,15,40,.98) 62%,rgba(28,19,59,.96));
  box-shadow:0 0 0 9px rgba(94,176,230,.045),0 0 0 17px rgba(119,137,241,.035),0 36px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);
}
.hybridCoreV1280::after{
  content:"";
  position:absolute;
  inset:13px;
  border:1px solid rgba(147,178,245,.12);
  border-radius:50%;
  pointer-events:none;
}
.hybridCoreOrbV1280{position:absolute;top:-28px;right:-16px;width:170px;height:170px;object-fit:contain;opacity:.22;filter:saturate(1.14) drop-shadow(0 0 28px rgba(91,220,227,.28))}
.hybridCoreCompanionV1280{position:absolute;bottom:-22px;left:-7px;width:103px;height:158px;object-fit:contain;opacity:.42;filter:drop-shadow(0 18px 25px rgba(0,0,0,.38))}
.hybridCoreContentV1280{position:relative;z-index:2;width:78%}
.hybridCoreContentV1280 > small{display:block;color:#a9bad9;font-size:10px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.hybridCoreContentV1280 > strong{display:block;margin:4px 0 16px;color:#fbfdff;font-size:clamp(25px,2.4vw,33px);line-height:1.13;letter-spacing:-.035em;word-break:keep-all}
.hybridCoreStepsV1280{display:grid;gap:6px;margin:0;padding:0;list-style:none;text-align:start}
.hybridCoreStepsV1280 li{
  display:flex;
  min-height:33px;
  align-items:center;
  padding:7px 10px;
  border:1px solid rgba(137,184,231,.13);
  border-radius:10px;
  color:#e8f2ff;
  background:rgba(5,11,29,.65);
  font-size:11px;
  line-height:1.35;
  font-weight:720;
}
.hybridCoreStepsV1280 li::before{content:"";width:5px;height:5px;margin-inline-end:8px;flex:0 0 auto;border-radius:50%;background:#78eadc;box-shadow:0 0 9px rgba(120,234,220,.66)}
.hybridNodeV1280{
  position:absolute;
  z-index:4;
  display:grid;
  width:clamp(166px,17vw,198px);
  min-height:116px;
  align-content:center;
  justify-items:center;
  padding:16px 14px;
  border:1px solid rgba(140,185,237,.19);
  border-radius:24px;
  color:#f7fbff;
  background:linear-gradient(145deg,rgba(18,28,60,.94),rgba(7,13,34,.97));
  box-shadow:0 18px 42px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.045);
  text-align:center;
}
.hybridNodeV1280::after{content:"";position:absolute;inset:auto 24% -1px;height:1px;background:linear-gradient(90deg,transparent,#73e8dd,transparent);opacity:.72}
.hybridNodeIconV1280{display:grid;width:34px;height:34px;margin-bottom:7px;place-items:center;color:#8beadf}
.hybridNodeIconV1280 svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hybridNodeV1280 strong{display:block;color:#f8fbff;font-size:clamp(16px,1.5vw,20px);line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}
.hybridNodeV1280 span:last-child{display:block;margin-top:5px;color:#aebdd8;font-size:11.5px;line-height:1.42;overflow-wrap:anywhere}
.hybridNodeV1280:nth-of-type(2){top:5%;left:5%}
.hybridNodeV1280:nth-of-type(3){top:5%;right:5%}
.hybridNodeV1280:nth-of-type(4){top:41%;left:0}
.hybridNodeV1280:nth-of-type(5){top:41%;right:0}
.hybridNodeV1280:nth-of-type(6){bottom:4%;left:9%}
.hybridNodeV1280:nth-of-type(7){right:9%;bottom:4%}
.hybridPrinciplesV1280{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  max-width:1050px;
  margin:5px auto 0;
  padding:0;
  list-style:none;
}
.hybridPrinciplesV1280 li{
  display:flex;
  min-height:56px;
  align-items:center;
  justify-content:center;
  padding:11px 12px;
  border:1px solid rgba(137,184,232,.14);
  border-radius:15px;
  color:#eaf4ff;
  background:rgba(5,11,29,.64);
  font-size:11.5px;
  line-height:1.4;
  font-weight:740;
  text-align:center;
  overflow-wrap:anywhere;
}
.hybridPrinciplesV1280 li::before{content:"";width:5px;height:5px;margin-inline-end:7px;flex:0 0 auto;border-radius:50%;background:#8eeadc}
.modelImpactV1280{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:13px}
.modelImpactV1280 article{position:relative;min-height:96px;padding:19px 19px 17px 55px;border:1px solid rgba(130,184,237,.13);border-radius:18px;background:rgba(11,18,42,.69)}
.modelImpactV1280 article > span{position:absolute;top:20px;left:18px;display:grid;width:25px;height:25px;place-items:center;border-radius:8px;color:#0d1a2e;background:#8ee8df;font-size:10px;font-weight:950}
.modelImpactV1280 strong{display:block;color:#eef6ff;font-size:14px;line-height:1.48;word-break:keep-all}

/* 02 — seven-stage cognitive learning loop */
.loopPanelV1280{background:linear-gradient(150deg,rgba(21,19,53,.96),rgba(8,13,32,.97) 48%,rgba(8,28,45,.94))}
.loopCanvasV1280{
  position:relative;
  max-width:1100px;
  margin:0 auto;
  padding:25px;
  overflow:hidden;
  border:1px solid rgba(137,183,235,.12);
  border-radius:30px;
  background:
    radial-gradient(circle at 13% 74%,rgba(113,231,219,.095),transparent 20%),
    radial-gradient(circle at 87% 28%,rgba(151,113,248,.09),transparent 22%),
    rgba(5,10,27,.53);
}
.loopPathV1280{position:absolute;inset:5%;z-index:0;width:90%;height:90%;overflow:visible;pointer-events:none}
.loopPathV1280 path{fill:none;stroke:url(#loopLineGradientV1280);stroke-width:.5;stroke-dasharray:1.3 1.45;vector-effect:non-scaling-stroke;opacity:.58}
.learningLoopV1280{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;margin:0;padding:0;list-style:none}
.learningLoopV1280 li{
  position:relative;
  min-height:190px;
  padding:18px 17px 17px;
  border:1px solid rgba(144,187,236,.16);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(19,28,59,.94),rgba(7,12,31,.96));
  box-shadow:0 18px 38px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);
}
.learningLoopV1280 li:nth-child(1){grid-column:1;grid-row:1;--step:#78eadc}
.learningLoopV1280 li:nth-child(2){grid-column:2;grid-row:1;--step:#71dcf0}
.learningLoopV1280 li:nth-child(3){grid-column:3;grid-row:1;--step:#87baf7}
.learningLoopV1280 li:nth-child(4){grid-column:4;grid-row:1;--step:#a294f5}
.learningLoopV1280 li:nth-child(5){grid-column:4;grid-row:2;--step:#b18ff3}
.learningLoopV1280 li:nth-child(6){grid-column:3;grid-row:2;--step:#8facef}
.learningLoopV1280 li:nth-child(7){grid-column:2;grid-row:2;--step:#72e4de}
.loopStepTopV1280{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.loopStepNoV1280{display:grid;width:31px;height:31px;place-items:center;border:1px solid color-mix(in srgb,var(--step) 48%,transparent);border-radius:10px;color:var(--step);background:rgba(6,12,30,.74);font-size:11px;font-weight:950}
.loopStepTopV1280 img{display:block;width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 11px 14px rgba(0,0,0,.26))}
.learningLoopV1280 strong{display:block;color:#f8fbff;font-size:19px;line-height:1.23;letter-spacing:-.02em;overflow-wrap:anywhere}
.learningLoopV1280 p{margin:7px 0 0;color:#b8c5dc;font-size:12px;line-height:1.52;text-wrap:pretty;overflow-wrap:anywhere}
.learningLoopV1280 li > small{display:block;margin-top:10px;color:var(--step);font-size:9.5px;line-height:1.35;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.loopReturnV1280{
  position:absolute;
  left:4%;
  bottom:11%;
  z-index:2;
  display:grid;
  width:19%;
  min-height:142px;
  align-content:center;
  justify-items:center;
  padding:14px;
  color:#dfeeff;
  text-align:center;
}
.loopReturnV1280 b{display:block;color:#89e8e1;font-family:Georgia,serif;font-size:84px;line-height:.7;font-weight:400;text-shadow:0 0 22px rgba(112,229,223,.25)}
.loopReturnV1280 span{display:block;margin-top:16px;color:#acbdd8;font-size:10px;line-height:1.45;font-weight:790;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}
.loopPrinciplesV1280{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:18px 0 0;padding:0;list-style:none}
.loopPrinciplesV1280 li{display:inline-flex;min-height:37px;align-items:center;padding:8px 12px;border:1px solid rgba(125,211,227,.17);border-radius:999px;color:#eaf5ff;background:rgba(6,12,30,.68);font-size:11.5px;line-height:1.4;font-weight:740}
.loopPrinciplesV1280 li::before{content:"";width:6px;height:6px;margin-inline-end:7px;border-radius:50%;background:#82e9df;box-shadow:0 0 10px rgba(130,233,223,.52)}
.loopOutcomesV1280{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:18px}
.loopOutcomesV1280 article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:center;min-height:88px;padding:17px;border:1px solid rgba(140,185,237,.14);border-radius:18px;background:rgba(10,17,40,.72)}
.loopOutcomesV1280 article span{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;color:#dffbff;background:linear-gradient(145deg,rgba(74,203,200,.34),rgba(99,101,204,.34));font-size:16px;font-weight:950;box-shadow:inset 0 1px rgba(255,255,255,.07)}
.loopOutcomesV1280 strong{color:#eef6ff;font-size:13px;line-height:1.5;word-break:keep-all}

/* Searchable depth without first-view text overload */
.modelDepthV1280{margin-top:clamp(23px,3vw,34px)}
.modelDepthHeadV1280{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px}
.modelDepthHeadV1280 div small{display:block;margin-bottom:6px;color:#82e8dd;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.modelDepthHeadV1280 h3{margin:0;color:#f7faff;font-size:clamp(22px,2.5vw,32px);line-height:1.2;letter-spacing:-.03em;word-break:keep-all}
.modelDepthHeadV1280 > p{max-width:540px;margin:0;color:#9dacC7;font-size:12px;line-height:1.55;text-align:end}
.modelDepthGridV1280{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.modelDepthV1280 details{border:1px solid rgba(139,184,235,.14);border-radius:20px;background:linear-gradient(145deg,rgba(16,24,52,.87),rgba(7,12,30,.9));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.modelDepthV1280 summary{position:relative;min-height:112px;padding:22px 50px 20px 20px;cursor:pointer;list-style:none}
.modelDepthV1280 summary::-webkit-details-marker{display:none}
.modelDepthV1280 summary::after{content:"+";position:absolute;top:21px;right:18px;display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(130,218,226,.2);border-radius:9px;color:#85e8df;background:rgba(4,10,27,.64);font-size:17px;font-weight:500;transition:transform .2s ease}
.modelDepthV1280 details[open] summary::after{content:"−";transform:rotate(180deg)}
.modelDepthV1280 summary small{display:block;margin-bottom:8px;color:#81e7dd;font-size:9.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.modelDepthV1280 summary strong{display:block;color:#f4f8ff;font-size:17px;line-height:1.35;letter-spacing:-.015em;overflow-wrap:anywhere}
.modelDepthBodyV1280{padding:0 20px 22px}
.modelDepthBodyV1280 p{margin:0;color:#b5c3dc;font-size:13px;line-height:1.62;text-wrap:pretty}
.modelDepthTagsV1280{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.modelDepthTagsV1280 span{display:inline-flex;max-width:100%;padding:6px 9px;border:1px solid rgba(132,205,226,.15);border-radius:999px;color:#e7f3ff;background:rgba(5,10,27,.66);font-size:10px;line-height:1.35;font-weight:690;overflow-wrap:anywhere}
.modelClosingV1280{
  display:grid;
  grid-template-columns:150px minmax(0,.82fr) minmax(300px,1.18fr);
  gap:clamp(21px,3.5vw,45px);
  align-items:center;
  margin-top:14px;
  padding:clamp(23px,3.4vw,39px);
  overflow:hidden;
  border:1px solid rgba(126,230,221,.2);
  border-radius:26px;
  background:linear-gradient(118deg,rgba(9,32,49,.95),rgba(12,17,42,.96) 53%,rgba(30,20,57,.91));
}
.modelClosingVisualV1280{position:relative;width:150px;height:126px}
.modelClosingVisualV1280 img:first-child{position:absolute;top:-11px;right:-1px;width:101px;height:101px;object-fit:contain;opacity:.82;filter:drop-shadow(0 13px 23px rgba(76,210,224,.16))}
.modelClosingVisualV1280 img:last-child{position:absolute;bottom:-19px;left:1px;width:73px;height:111px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.35))}
.modelClosingCopyV1280 small{display:block;margin-bottom:7px;color:#84eadd;font-size:9.5px;line-height:1.4;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.modelClosingCopyV1280 h3{margin:0;color:#f8fbff;font-size:clamp(21px,2.2vw,30px);line-height:1.22;letter-spacing:-.025em;word-break:keep-all}
.modelClosingCopyV1280 p{margin:9px 0 0;color:#b6c4dd;font-size:13px;line-height:1.62}
.modelClosingV1280 > strong{display:block;padding-inline-start:23px;border-inline-start:2px solid #7fe9df;color:#f4f8ff;font-size:clamp(16px,1.55vw,21px);line-height:1.55;letter-spacing:-.012em;text-wrap:balance;word-break:keep-all}

@media(max-width:1050px){
  .modelPanelHeadV1280{grid-template-columns:64px minmax(0,1fr)}
  .modelPanelNoV1280{width:64px;height:64px;border-radius:21px}
  .modelPanelBadgeV1280{grid-column:2;justify-self:start}
  .hybridOrbitV1280{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;min-height:0;background:none}
  .hybridLinesV1280{display:none}
  .hybridCoreV1280{position:relative;top:auto;left:auto;grid-column:1/-1;width:min(358px,100%);min-height:358px;margin:0 auto 17px;transform:none}
  .hybridNodeV1280{position:relative;inset:auto!important;width:auto;min-height:124px}
  .learningLoopV1280{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .learningLoopV1280 li:nth-child(n){grid-column:auto;grid-row:auto;min-height:170px}
  .loopPathV1280{display:none}
  .loopReturnV1280{position:relative;left:auto;bottom:auto;width:100%;min-height:100px;margin-top:8px}
  .loopReturnV1280 b{font-size:70px}
  .modelClosingV1280{grid-template-columns:126px minmax(0,1fr)}
  .modelClosingV1280 > strong{grid-column:1/-1;padding:18px 0 0;border-inline-start:0;border-top:1px solid rgba(127,233,223,.2)}
  .modelClosingVisualV1280{width:126px}
}
@media(max-width:820px){
  .haollaIdentityV1280{padding:72px 0}
  .modelIntroV1280{text-align:start}
  .modelIntroV1280 h2,.modelIntroV1280 > p{margin-inline:0}
  .modelJumpV1280{justify-content:flex-start}
  .modelPanelV1280{padding:24px 18px;border-radius:27px}
  .modelPanelHeadV1280{grid-template-columns:52px minmax(0,1fr);gap:15px}
  .modelPanelNoV1280{width:52px;height:52px;border-radius:17px;font-size:15px}
  .modelPanelCopyV1280 h3{font-size:clamp(27px,6.8vw,40px)}
  .hybridOrbitV1280{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hybridPrinciplesV1280{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modelImpactV1280,.loopOutcomesV1280{grid-template-columns:1fr}
  .modelImpactV1280 article{min-height:76px}
  .modelDepthHeadV1280{display:block}
  .modelDepthHeadV1280 > p{margin-top:8px;text-align:start}
  .modelDepthGridV1280{grid-template-columns:1fr}
  .modelDepthV1280 summary{min-height:0}
}
@media(max-width:580px){
  .haollaIdentityV1280::before{background-size:34px 34px}
  .modelIntroV1280 h2{font-size:clamp(34px,10.3vw,48px);line-height:1.09}
  .modelIntroV1280 > p{font-size:15px;line-height:1.72}
  .modelJumpV1280{display:grid;grid-template-columns:1fr}
  .modelJumpV1280 a{justify-content:center;text-align:center}
  .modelPanelHeadV1280{grid-template-columns:1fr}
  .modelPanelBadgeV1280{grid-column:1}
  .modelPanelCopyV1280 h3{font-size:28px;line-height:1.16}
  .hybridCoreV1280{width:min(314px,100%);min-height:314px;padding:25px 23px}
  .hybridCoreContentV1280{width:82%}
  .hybridCoreOrbV1280{width:140px;height:140px}
  .hybridCoreCompanionV1280{width:84px;height:129px}
  .hybridCoreContentV1280 > strong{font-size:25px}
  .hybridCoreStepsV1280 li{min-height:30px;padding:6px 9px;font-size:10.5px}
  .hybridNodeV1280{min-height:119px;padding:14px 10px;border-radius:19px}
  .hybridNodeV1280 strong{font-size:16px}
  .hybridNodeV1280 span:last-child{font-size:10.5px}
  .hybridPrinciplesV1280{grid-template-columns:1fr}
  .hybridPrinciplesV1280 li{min-height:47px}
  .loopCanvasV1280{padding:14px;border-radius:23px}
  .learningLoopV1280{grid-template-columns:1fr}
  .learningLoopV1280 li:nth-child(n){display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:13px;min-height:0;padding:15px;border-radius:19px}
  .loopStepTopV1280{grid-row:1/4;grid-column:1;display:grid;align-content:start;justify-items:center;margin:0}
  .loopStepTopV1280 img{width:45px;height:45px;margin-top:8px}
  .learningLoopV1280 strong,.learningLoopV1280 p,.learningLoopV1280 li > small{grid-column:2}
  .learningLoopV1280 strong{font-size:17px}
  .learningLoopV1280 p{font-size:11.5px}
  .loopReturnV1280{min-height:86px}
  .loopReturnV1280 b{font-size:62px}
  .loopPrinciplesV1280{justify-content:flex-start}
  .loopPrinciplesV1280 li{font-size:10.5px}
  .modelClosingV1280{grid-template-columns:94px minmax(0,1fr);gap:16px;padding:19px 17px}
  .modelClosingVisualV1280{width:94px;height:108px}
  .modelClosingVisualV1280 img:first-child{width:75px;height:75px}
  .modelClosingVisualV1280 img:last-child{width:55px;height:85px}
  .modelClosingCopyV1280 h3{font-size:20px}
}
@media(max-width:390px){
  .modelPanelV1280{padding-inline:14px}
  .hybridOrbitV1280{grid-template-columns:1fr}
  .hybridCoreV1280{min-height:290px;border-radius:42px}
  .hybridCoreV1280::after{border-radius:35px}
  .hybridNodeV1280{min-height:100px;grid-template-columns:42px minmax(0,1fr);column-gap:11px;justify-items:start;text-align:start}
  .hybridNodeIconV1280{grid-row:1/3;margin:0}
  .hybridNodeV1280 strong,.hybridNodeV1280 span:last-child{grid-column:2}
  .modelClosingV1280{grid-template-columns:1fr}
  .modelClosingVisualV1280{width:100%;height:96px}
  .modelClosingVisualV1280 img:first-child{right:18%;width:82px;height:82px}
  .modelClosingVisualV1280 img:last-child{left:21%;width:57px;height:88px}
}
@media(prefers-reduced-motion:reduce){
  .haollaIdentityV1280 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
@media(forced-colors:active){
  .haollaIdentityV1280,.modelPanelV1280,.hybridCoreV1280,.hybridNodeV1280,.learningLoopV1280 li,.modelDepthV1280 details,.modelClosingV1280{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
  .modelIntroV1280 h2,.modelPanelCopyV1280 h3,.hybridCoreContentV1280 > strong,.hybridNodeV1280 strong,.learningLoopV1280 strong,.modelDepthV1280 summary strong,.modelClosingCopyV1280 h3,.modelClosingV1280 > strong{color:CanvasText}
  .modelKickerV1280,.modelPanelCopyV1280 small,.learningLoopV1280 li > small,.modelDepthV1280 summary small,.modelClosingCopyV1280 small{color:CanvasText}
}