.hbs{--hbs-bg:#201058;--hbs-ink:#fff8ff;--hbs-muted:#e0d9ff;--hbs-line:rgba(255,255,255,.20);--hbs-signal:#77f4ff;color:var(--hbs-ink);background:linear-gradient(180deg,#f9d5ef 0%,#9ee1ff 18%,#2d77df 56%,#0b1c43 100%);font-family:Arial,Helvetica,sans-serif;position:relative;isolation:isolate;max-width:none!important;width:100%;overflow:hidden;padding:0 clamp(18px,5vw,94px);font-size:14px;line-height:1.45;box-sizing:border-box;min-height:100vh}
.hbs *{box-sizing:border-box}.hbs button,.hbs input{font:inherit}.hbs button{cursor:pointer}.hbs button:focus-visible,.hbs a:focus-visible,.hbs input:focus-visible{outline:2px solid #b2fbfc;outline-offset:4px}.hbs a{color:inherit;text-decoration:none}.hbs-noise{pointer-events:none;position:absolute;inset:0;opacity:.06;z-index:1;background-image:url('data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.95%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 opacity=%22.14%22 filter=%22url(%23n)%22/%3E%3C/svg%3E')}.hbs>*:not(.hbs-noise){position:relative;z-index:2}.hbs-header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.24);gap:18px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.04))}.hbs-brand{display:inline-flex;gap:14px;align-items:center;max-width:240px}.hbs-brand-word{font-weight:900;letter-spacing:-.072em;font-size:25px;line-height:1;text-transform:lowercase;color:#ffffff;text-shadow:0 0 18px rgba(255,255,255,.18)}.hbs-brand:has(.hbs-logo-image) .hbs-brand-word{display:none}.hbs-logo-image{max-width:210px;max-height:46px;display:block;width:auto;height:auto;object-fit:contain}.hbs-header-right{font-size:10px;letter-spacing:.24em;font-weight:800;color:#fff6ff;display:flex;align-items:center;gap:14px}.hbs-status-light,.hbs-visual-marker{display:inline-block;width:8px;height:8px;background:#ff4fb6;border-radius:50%;box-shadow:0 0 22px #ff4fb6,0 0 40px rgba(255,79,182,.4)}.hbs-header-divider{opacity:.4}.hbs-intro{padding:82px 0 46px;max-width:1240px;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0 0 24px 24px} .hbs-kicker{display:flex;gap:32px;align-items:center;color:var(--hbs-signal);font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:20px}.hbs h1{font-size:clamp(86px,13vw,208px);line-height:.86;letter-spacing:-.1em;margin:0 0 24px;font-weight:950;white-space:nowrap;color:transparent;background:linear-gradient(180deg,#ffffff 0%,#ffe39d 28%,#ff8fd3 58%,#6eeeff 100%);-webkit-background-clip:text;background-clip:text;text-shadow:none}.hbs h1 em{font-style:normal;color:#ffd166;font-weight:300;letter-spacing:-.12em}.hbs-period{color:#72efff}.hbs-lead{font-size:clamp(15px,1.6vw,22px);font-weight:900;letter-spacing:.24em;margin:0 0 18px;color:#ffffff}.hbs-lead span{color:#ff5fbe}.hbs-copy{color:#ffffff;font-size:15px;max-width:640px;line-height:1.8;margin:0;text-shadow:0 1px 0 rgba(0,0,0,.08)}.hbs-date-panel{max-width:720px;margin:0 0 52px}.hbs-date-panel label{display:flex;justify-content:space-between;max-width:650px;color:#ffffff;font-size:10px;font-weight:800;letter-spacing:.22em;margin:0 0 14px}.hbs-date-panel label span{color:#b4bdd9}.hbs-date-row{display:flex;gap:0;max-width:680px;height:63px}.hbs-date-row input{color-scheme:dark;min-width:0;flex:1;padding:0 24px;border:1px solid rgba(255,255,255,.22);border-right:0;border-radius:18px 0 0 18px;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.16));color:#10244f;font-size:21px;letter-spacing:.04em;appearance:auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.hbs-date-row input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.85) sepia(.5) hue-rotate(140deg)}.hbs-date-row button{flex:0 0 auto;padding:0 34px;background:linear-gradient(90deg,#ffe37a 0%,#ff61b7 46%,#56ddff 100%);border:1px solid rgba(255,255,255,.14);color:#08162c;font-size:11px;font-weight:900;letter-spacing:.16em;transition:transform .2s,filter .2s;box-shadow:0 10px 35px rgba(255,105,180,.20),0 0 0 1px rgba(255,255,255,.15);border-radius:0 18px 18px 0}.hbs-date-row button:hover{filter:brightness(1.05);transform:translateY(-1px)}.hbs-date-row button:disabled{opacity:.65;cursor:wait}.hbs-date-row button span{font-size:18px;margin-left:11px}.hbs-date-hint{font-size:9px;letter-spacing:.18em;color:#fff6ff;margin-top:14px}.hbs-error{border:1px solid #935b52;color:#ffd5c8;background:#3a2226;padding:15px 17px;max-width:680px;margin:-23px 0 30px;font-size:12px}.hbs-ocean{height:clamp(430px,54vw,720px);position:relative!important;background:#36a4df;overflow:hidden;border:1px solid rgba(255,255,255,.22);margin:0 0 56px;border-radius:34px;box-shadow:0 30px 90px rgba(9,31,90,.24),0 0 0 1px rgba(255,255,255,.08)}.hbs-canvas{display:block;position:absolute;inset:0;width:100%;height:100%}.hbs-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,213,104,.10),rgba(255,99,201,.04) 30%,rgba(0,0,0,0) 56%,rgba(5,12,37,.10) 100%),radial-gradient(circle at 50% 22%,rgba(255,224,132,.36),rgba(255,99,201,.10) 20%,rgba(0,0,0,0) 44%),radial-gradient(ellipse,rgba(0,0,0,0) 36%,rgba(4,9,31,.12) 100%)}.hbs-ocean-top,.hbs-ocean-bottom{position:absolute;left:clamp(20px,3.4vw,46px);right:clamp(20px,3.4vw,46px);display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:2}.hbs-ocean-top{top:30px;color:#fff4fb;font-size:10px;letter-spacing:.18em;font-weight:800;text-shadow:0 0 16px rgba(0,0,0,.18)}.hbs-ocean-top>span:first-child{display:flex;align-items:center;gap:10px}.hbs-dim{opacity:.35}.hbs-ocean-bottom{bottom:29px}.hbs-ocean-bottom>div{display:flex;flex-direction:column;gap:5px}.hbs-ocean-bottom span{color:#fff1c9;font-size:9px;letter-spacing:.18em}.hbs-ocean-bottom strong{font-size:12px;letter-spacing:.14em;font-weight:900;color:#fff8ff}.hbs-ocean-timestamp{text-align:right}.hbs-ocean-timestamp strong{font-size:18px}.hbs-ocean-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;padding:75px 12px;z-index:2;text-shadow:0 8px 46px rgba(17,8,58,.50)}.hbs-ocean-pre{font-size:10px;letter-spacing:.42em;font-weight:900;color:#fff3c2;margin-bottom:20px}.hbs-ocean-date{font-size:clamp(52px,9.2vw,146px);font-weight:950;letter-spacing:-.08em;line-height:1;white-space:nowrap;color:#fff8ff}.hbs-ocean-sub{font-size:10px;letter-spacing:.26em;margin-top:24px;color:#ff5fbe}.hbs-compass{position:absolute;z-index:2;top:64px;right:38px;color:#fff0fa;font-size:10px;text-align:center;opacity:.95}.hbs-compass-cross{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,236,251,.65);position:relative;margin-top:6px}.hbs-compass-cross:before,.hbs-compass-cross:after{content:"";position:absolute;background:rgba(255,236,251,.55)}.hbs-compass-cross:before{width:1px;height:52px;top:-6px;left:20px}.hbs-compass-cross:after{height:1px;width:52px;left:-6px;top:20px}.hbs-compass-cross i{position:absolute;left:16px;top:6px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:13px solid #ff7bd8;z-index:1}.hbs-data-area[hidden],.hbs-error[hidden]{display:none}.hbs-data-head,.hbs-playback-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.hbs-section-number{font-size:10px;letter-spacing:.22em;font-weight:900;color:#ff5fbe}.hbs-section-note{font-size:9px;letter-spacing:.15em;color:#ffffff}.hbs-data-head{margin-bottom:20px}.hbs-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(255,255,255,.12);margin-bottom:62px;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));backdrop-filter:blur(10px)}.hbs-metric{padding:clamp(18px,2.8vw,36px);min-width:0;background:linear-gradient(180deg,rgba(32,120,220,.88),rgba(18,63,156,.86));position:relative;min-height:176px;backdrop-filter:blur(8px)}.hbs-metric:not(:last-child){border-right:1px solid rgba(255,255,255,.12)}.hbs-metric-label{font-size:9px;letter-spacing:.20em;color:#ffffff;display:flex;justify-content:space-between;font-weight:800}.hbs-metric-label i{font-style:normal;font-size:16px;color:#ffe37a}.hbs-metric>div{display:flex;align-items:baseline;gap:8px;margin:24px 0 13px}.hbs-metric strong{font-size:clamp(40px,4.4vw,68px);line-height:1;font-weight:850;letter-spacing:-.08em;white-space:nowrap;color:#ffffff}.hbs-metric small{color:#ffffff;font-size:14px}.hbs-metric-foot{color:#8ef0ff;font-size:9px;letter-spacing:.14em;font-weight:700}.hbs-playback{border-top:1px solid rgba(255,255,255,.16);padding-top:34px;margin-bottom:72px}.hbs-playback-head{margin-bottom:28px}.hbs-playback-head>span:last-child{font-size:11px;color:#ffffff;letter-spacing:.16em}.hbs-scrubber{display:flex;gap:27px;align-items:center}.hbs-scrubber>button{background:linear-gradient(135deg,#ffe37a,#ff58b0,#63e3ff);border:0;color:#051720;width:56px;height:56px;flex:0 0 56px;font-size:20px;transition:transform .2s,filter .2s;border-radius:50%;box-shadow:0 12px 28px rgba(255,106,177,.22)}.hbs-scrubber>button:hover{filter:brightness(1.06);transform:translateY(-1px)}.hbs-slider-wrap{position:relative;flex:1;height:80px;display:flex;align-items:center}.hbs-timeline-bars{position:absolute;left:0;right:0;top:10px;bottom:22px;display:flex;align-items:flex-end;gap:3px;pointer-events:none}.hbs-timeline-bars i{flex:1;background:linear-gradient(#ffe37a 0%,#ff63b7 42%,#56ddff 100%);opacity:.92;min-height:4px;border-radius:999px}.hbs-scrubber input[type=range]{-webkit-appearance:none;appearance:none;position:relative;z-index:1;width:100%;height:22px;background:transparent;cursor:pointer;display:block;margin:0}.hbs-scrubber input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,rgba(255,227,122,.6),rgba(255,95,190,.7),rgba(86,221,255,.6))}.hbs-scrubber input[type=range]::-moz-range-track{height:2px;background:linear-gradient(90deg,rgba(255,227,122,.6),rgba(255,95,190,.7),rgba(86,221,255,.6))}.hbs-scrubber input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-10px;height:22px;width:22px;border:4px solid #fff7cf;background:#ff56b3;border-radius:50%;box-shadow:0 0 0 8px rgba(86,221,255,.18),0 0 20px rgba(255,86,179,.32)}.hbs-scrubber input[type=range]::-moz-range-thumb{height:12px;width:12px;border:4px solid var(--hbs-signal);background:#031d27;border-radius:50%}.hbs-ticks{display:flex;justify-content:space-between;margin:0 0 0 84px;font-size:10px;letter-spacing:.13em;color:#fff1ff}.hbs-share{border-top:1px solid rgba(255,255,255,.12);padding:54px 0 82px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.hbs-share h2{font-size:clamp(48px,5.4vw,84px);font-weight:950;line-height:.96;letter-spacing:-.08em;margin:22px 0 23px}.hbs-share h2 em{color:#ff5fbe;font-style:normal}.hbs-share p{color:#ffffff;max-width:460px;line-height:1.8;margin:0}.hbs-share-actions{display:flex;flex-direction:column;gap:12px;width:min(100%,310px);flex:0 0 310px}.hbs-share-actions button{border:1px solid rgba(255,255,255,.18);min-height:60px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;letter-spacing:.16em;border-radius:16px}.hbs-action-primary{background:linear-gradient(90deg,#ffe37a 0%,#ff5fbf 54%,#63e3ff 100%);color:#001823;box-shadow:0 10px 32px rgba(255,108,180,.22)}.hbs-action-secondary{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));color:#ffffff}.hbs-share-actions button:hover{filter:brightness(1.05);transform:translateY(-1px)}.hbs-share-actions button span{font-size:19px}.hbs-feedback{min-height:18px;font-size:11px;color:#ffffff;letter-spacing:.08em}.hbs-footer{border-top:1px solid rgba(255,255,255,.08);padding:34px 0 62px;display:flex;justify-content:space-between;gap:30px}.hbs-footer>div:first-child{max-width:700px}.hbs-footer strong{font-size:10px;letter-spacing:.18em;color:#fff2bd}.hbs-footer p{color:#c7cfeb;font-size:11px;line-height:1.65;max-width:680px;margin:9px 0 0}.hbs-credit{display:flex;flex-direction:column;gap:5px;min-width:180px}.hbs-credit span,.hbs-credit small{font-size:9px;letter-spacing:.13em;color:#c9d4f0}.hbs-credit a{font-size:10px;color:#56ddff;letter-spacing:.1em}.hbs-credit a:hover{text-decoration:underline}.hbs-credit small{margin-top:15px}
@media (max-width:960px){.hbs-header{height:80px}.hbs h1{font-size:clamp(65px,11.7vw,116px)}.hbs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hbs-metric:nth-child(2){border-right:0}.hbs-metric:nth-child(-n+2){border-bottom:1px solid #2c434b}.hbs-share{align-items:start}.hbs-share-actions{flex:0 0 270px}.hbs-compass{right:27px}}
@media (max-width:640px){.hbs{padding:0 17px}.hbs-header{height:67px}.hbs-brand-word{font-size:22px}.hbs-logo-image{max-height:35px;max-width:170px}.hbs-header-right{font-size:8px;letter-spacing:.09em;gap:8px}.hbs-header-divider,.hbs-header-right .hbs-header-divider+span{display:none}.hbs-intro{padding:58px 0 33px}.hbs-kicker{flex-direction:column;align-items:flex-start;gap:3px;font-size:8px;margin-bottom:21px}.hbs h1{font-size:clamp(51px,12vw,82px);letter-spacing:-.092em;margin-bottom:23px}.hbs-lead{font-size:12px;line-height:1.8;letter-spacing:.115em;margin-bottom:12px}.hbs-lead span{display:block}.hbs-copy{font-size:13px;line-height:1.6}.hbs-date-panel{margin-bottom:28px}.hbs-date-panel label{font-size:9px}.hbs-date-row{height:auto;flex-direction:column;gap:9px}.hbs-date-row input{height:59px;min-height:59px;border:1px solid #3f6872;border-radius:0;width:100%}.hbs-date-row button{min-height:57px;font-size:10px}.hbs-date-hint{font-size:8px;line-height:1.6}.hbs-ocean{height:470px;margin:0 0 36px}.hbs-ocean-top,.hbs-ocean-bottom{left:16px;right:16px}.hbs-ocean-top{top:18px;align-items:flex-start}.hbs-ocean-top>span{font-size:8px;max-width:150px}.hbs-ocean-top>span:last-child{text-align:right}.hbs-compass{top:76px;right:17px;transform:scale(.75);transform-origin:top right}.hbs-ocean-pre{font-size:9px;letter-spacing:.25em;margin-bottom:14px}.hbs-ocean-date{font-size:clamp(35px,10vw,65px)}.hbs-ocean-sub{font-size:8px;line-height:1.6;letter-spacing:.14em;max-width:260px;margin-top:15px}.hbs-ocean-bottom{bottom:20px}.hbs-ocean-bottom strong{font-size:9px;letter-spacing:.05em}.hbs-ocean-bottom span{font-size:8px}.hbs-ocean-timestamp strong{font-size:15px}.hbs-data-head{align-items:start;gap:10px}.hbs-section-note{font-size:8px;text-align:right;max-width:150px}.hbs-metric{min-height:140px;padding:18px}.hbs-metric strong{font-size:clamp(38px,9vw,53px)}.hbs-metric>div{margin:22px 0 12px}.hbs-metric-label,.hbs-metric-foot{font-size:8px}.hbs-metrics{margin-bottom:42px}.hbs-playback{margin-bottom:43px}.hbs-playback-head>span:last-child{font-size:9px}.hbs-scrubber{gap:16px}.hbs-scrubber>button{height:44px;width:44px;flex-basis:44px}.hbs-ticks{margin-left:60px;font-size:8px}.hbs-share{padding:36px 0 52px;flex-direction:column;gap:28px}.hbs-share h2{font-size:56px}.hbs-share-actions{width:100%;flex:auto}.hbs-footer{padding:28px 0 42px;flex-direction:column;gap:27px}.hbs-footer p{font-size:10px}.hbs-credit small{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.hbs button{transition:none!important}}


/* V9 · SAINTGXV refined identity with real henningnson logo */
.hbs{--hbs-gutter:clamp(20px,4.4vw,82px);background:linear-gradient(180deg,#f8fbff 0%,#c7eeff 30%,#3a83e5 59%,#0b1c43 100%);padding:0 var(--hbs-gutter);font-family:Arial,Helvetica,sans-serif}
.hbs .hbs-header,.hbs .hbs-intro{width:calc(100% + var(--hbs-gutter)*2);margin-left:calc(var(--hbs-gutter)*-1);margin-right:calc(var(--hbs-gutter)*-1);max-width:none;border-radius:0}
.hbs .hbs-header{display:block;height:auto;background:#ffffff;border:0;padding:0 var(--hbs-gutter)}
.hbs .hbs-header-inner{min-height:97px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #11226b}
.hbs .hbs-parent-brand{display:inline-flex;align-items:center;gap:18px;text-decoration:none;white-space:nowrap;min-width:0}
.hbs .hbs-header-logo{display:block;width:clamp(170px,18vw,280px);height:auto;max-height:62px;object-fit:contain;flex:0 0 auto}
.hbs .hbs-parent-brandtext{font-family:'Tilt Warp','Arial Black',Impact,sans-serif;letter-spacing:-.085em;font-weight:900;font-size:clamp(26px,3vw,43px);line-height:1;color:#0608f9}
.hbs .hbs-parent-brandtext span{font-size:.33em;vertical-align:top;letter-spacing:-.03em;padding-left:3px;color:#eb0aad}
.hbs .hbs-parent-brand:hover .hbs-parent-brandtext{color:#c400dc}
.hbs .hbs-header-separator{height:28px;width:1px;background:#c4c9e8;display:block;flex:0 0 auto}
.hbs .hbs-header-edition,.hbs .hbs-header-back{font-size:10px;letter-spacing:.19em;font-weight:800;color:#162964}
.hbs .hbs-header-back{margin-left:auto;white-space:nowrap;color:#0508dc;display:flex;align-items:center;gap:8px;text-decoration:none}
.hbs .hbs-header-back span{font-size:20px;line-height:1}
.hbs .hbs-header-back:hover{text-decoration:underline}
.hbs .hbs-intro{padding:0 var(--hbs-gutter);background:linear-gradient(112deg,#ffffff 0%,#ffffff 55%,#f0f9ff 100%);border-bottom:2px solid #0608f9}
.hbs .hbs-intro-inner{max-width:1550px;margin:0 auto;position:relative}
.hbs .hbs-intro-topline,.hbs .hbs-intro-end{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#0d2573;font-size:10px;font-weight:900;letter-spacing:.18em}
.hbs .hbs-intro-topline{padding:36px 0 16px}
.hbs .hbs-intro-topline span:first-child{color:#e400ae}
.hbs .hbs-intro-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:0;align-items:center;min-height:470px}
.hbs .hbs-intro-content{position:relative;z-index:2;padding-top:4px;align-self:center}
.hbs .hbs-intro h1{font-family:'Tilt Warp','Arial Black',Impact,sans-serif;margin:14px 0 29px;line-height:.78;font-size:clamp(85px,10.6vw,190px);letter-spacing:-.09em;font-weight:900;white-space:normal;color:#0508ef;background:none;-webkit-background-clip:initial;background-clip:initial;text-shadow:none}
.hbs .hbs-intro h1 .hbs-title-born,.hbs .hbs-intro h1 .hbs-title-second{display:block;white-space:nowrap}
.hbs .hbs-intro h1 .hbs-title-born{color:#0508ef}
.hbs .hbs-intro h1 .hbs-title-second{font-size:.88em;margin-top:10px}
.hbs .hbs-intro h1 em{font-style:normal;font-weight:900;color:#0508ef;letter-spacing:-.1em}
.hbs .hbs-intro h1 .hbs-title-sea{color:transparent;background:linear-gradient(100deg,#0000ff 3%,#6800ff 47%,#ff00ff 100%);-webkit-background-clip:text;background-clip:text;font-weight:900}
.hbs .hbs-intro h1 .hbs-period{color:#ff00ff;font-weight:900}
.hbs .hbs-intro .hbs-lead{color:#051e57;letter-spacing:.065em;font-size:clamp(12px,1.35vw,20px);font-weight:900;margin:0 0 17px;line-height:1.35}
.hbs .hbs-intro .hbs-lead span{color:#e000a6}
.hbs .hbs-intro .hbs-copy{color:#142e61;font-size:clamp(13px,1.15vw,16px);max-width:640px;line-height:1.65;margin:0 0 33px;font-weight:400;text-shadow:none}
.hbs .hbs-intro .hbs-copy strong{font-weight:800}
.hbs .hbs-hero-graphic{height:410px;position:relative;align-self:center;overflow:hidden;max-width:530px;width:100%;justify-self:end}
.hbs .hbs-graphic-sun{position:absolute;width:clamp(220px,24vw,350px);height:clamp(220px,24vw,350px);background:#ffd54b;border-radius:50%;top:34px;right:6%}
.hbs .hbs-graphic-label{position:absolute;z-index:3;left:12px;top:18px;font-size:12px;font-weight:900;line-height:1.25;letter-spacing:.12em;color:#090ced}
.hbs .hbs-graphic-waves{position:absolute;inset:auto 1% 98px 0;z-index:2;transform:rotate(-10deg);display:flex;flex-direction:column;gap:13px}
.hbs .hbs-graphic-waves i{background:#0709ef;display:block;height:12px;border-radius:0 100px 100px 0;width:94%}
.hbs .hbs-graphic-waves i:nth-child(2){width:80%;margin-left:13%}
.hbs .hbs-graphic-waves i:nth-child(3){width:96%;margin-left:4%;background:#ec00b2}
.hbs .hbs-graphic-waves i:nth-child(4){width:65%;margin-left:28%;background:#0709ef}
.hbs .hbs-graphic-coord{position:absolute;right:3%;bottom:31px;text-align:right;line-height:1.55;font-size:11px;font-weight:900;letter-spacing:.12em;color:#0519b9;z-index:4}
.hbs .hbs-date-panel{max-width:795px;margin:13px 0 25px}
.hbs .hbs-date-panel label{max-width:100%;font-weight:900;font-size:10px;letter-spacing:.18em;color:#0a2376;margin-bottom:10px}
.hbs .hbs-date-panel label span{color:#0a2376}
.hbs .hbs-date-row{height:66px;max-width:100%;gap:0}
.hbs .hbs-date-row input{color-scheme:light;border:2px solid #090cec;border-radius:0;padding:0 20px;font-size:22px;color:#071b54;background:#ffffff;box-shadow:none;outline-offset:3px}
.hbs .hbs-date-row input::-webkit-calendar-picker-indicator{filter:none}
.hbs .hbs-date-row button{border:2px solid #080cdd;border-radius:0;background:#0608f9;color:#ffffff;box-shadow:none;font-size:11px;letter-spacing:.14em;padding:0 30px;transition:background .18s,color .18s}
.hbs .hbs-date-row button:hover{background:#f000bc;color:#fff;transform:none;filter:none}
.hbs .hbs-date-row button span{color:#ffd746;font-size:22px}
.hbs .hbs-date-hint{margin-top:13px;font-size:9px;letter-spacing:.13em;color:#1b3373;font-weight:800}
.hbs .hbs-intro-end{padding:24px 0 28px;border-top:1px solid rgba(12,26,113,.16);margin-top:8px;font-size:9px;justify-content:flex-start}
.hbs .hbs-science-note{background:#ffffff;color:#153162;margin:21px 0 22px;padding:18px 20px;border-left:4px solid #080aff;font:14px/1.6 Arial,Helvetica,sans-serif;letter-spacing:0}
.hbs .hbs-science-note strong{color:#0608f9;font-weight:900;letter-spacing:.1em}
.hbs .hbs-share h2,.hbs .hbs-share h2 em{color:#ffffff!important;font-style:normal}
.hbs .hbs-ocean{margin-top:0}
@media (max-width:1050px){
  .hbs .hbs-intro-grid{grid-template-columns:minmax(0,1.5fr) minmax(200px,.5fr);min-height:400px}
  .hbs .hbs-intro h1{font-size:clamp(78px,11vw,145px)}
  .hbs .hbs-hero-graphic{height:360px}
  .hbs .hbs-graphic-sun{width:260px;height:260px;right:-25px}
  .hbs .hbs-graphic-waves{bottom:85px}
}
@media (max-width:760px){
  .hbs .hbs-header-inner{min-height:78px;gap:12px}
  .hbs .hbs-header-logo{width:170px;max-height:42px}
  .hbs .hbs-header-edition{display:none}
  .hbs .hbs-header-separator{display:none}
  .hbs .hbs-header-back{font-size:9px;letter-spacing:.05em}
  .hbs .hbs-intro-grid{grid-template-columns:1fr;min-height:0}
  .hbs .hbs-intro-topline{padding:26px 0 13px;font-size:9px}
  .hbs .hbs-intro-topline span:last-child{display:none}
  .hbs .hbs-intro h1{font-size:clamp(76px,15vw,126px);margin:10px 0 24px}
  .hbs .hbs-intro h1 .hbs-title-second{font-size:.88em}
  .hbs .hbs-hero-graphic{position:absolute;right:0;top:0;width:38vw;height:290px;opacity:.22;pointer-events:none}
  .hbs .hbs-graphic-sun{width:250px;height:250px;right:-90px;top:20px}
  .hbs .hbs-graphic-label,.hbs .hbs-graphic-coord{display:none}
  .hbs .hbs-graphic-waves{bottom:50px}
  .hbs .hbs-intro .hbs-copy{max-width:570px}
  .hbs .hbs-date-panel{margin:6px 0 22px}
  .hbs .hbs-intro-end{margin-top:0}
}
@media (max-width:640px){
  .hbs{--hbs-gutter:17px;padding:0 17px}
  .hbs .hbs-header{height:auto;padding:0 17px}
  .hbs .hbs-header-inner{min-height:67px;justify-content:space-between}
  .hbs .hbs-parent-brand{gap:10px}
  .hbs .hbs-header-logo{width:145px;max-height:36px}
  .hbs .hbs-parent-brandtext{font-size:29px}
  .hbs .hbs-header-back{font-size:8px}
  .hbs .hbs-intro{padding:0 17px}
  .hbs .hbs-intro h1{font-size:clamp(71px,17.5vw,107px);line-height:.85;letter-spacing:-.095em;margin-bottom:22px}
  .hbs .hbs-intro h1 .hbs-title-second{font-size:.78em;margin-top:2px}
  .hbs .hbs-intro .hbs-lead{font-size:12px;letter-spacing:.06em;line-height:1.55;margin-bottom:12px}
  .hbs .hbs-intro .hbs-lead span{display:block}
  .hbs .hbs-intro .hbs-copy{font-size:13px;line-height:1.65;margin-bottom:28px}
  .hbs .hbs-hero-graphic{width:42vw;height:240px}
  .hbs .hbs-date-panel label{font-size:9px}
  .hbs .hbs-date-row{height:auto;flex-direction:column;gap:8px}
  .hbs .hbs-date-row input{min-height:60px;height:60px;width:100%;border:2px solid #0808d9;border-radius:0;font-size:20px}
  .hbs .hbs-date-row button{min-height:59px;border-radius:0;font-size:10px}
  .hbs .hbs-date-hint{font-size:8px;line-height:1.6}
  .hbs .hbs-intro-end{align-items:flex-start;gap:5px;padding:20px 0}
  .hbs .hbs-science-note{padding:12px 14px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.hbs .hbs-intro *{transition:none!important}}

/* V10 / ATLANTIC EDITION — editorial luxury, one brand mark, disciplined typography. */
.hbs{background:linear-gradient(180deg,#fbfbf7 0%,#d0eafb 35%,#2671c7 66%,#051946 100%)}
.hbs .hbs-header{background:#fffefa}
.hbs .hbs-header-inner{min-height:116px;border-bottom:2px solid #0b1b55;gap:32px}
.hbs .hbs-parent-brand{gap:0;display:flex;align-items:center;flex-shrink:0}
.hbs .hbs-header-logo{width:clamp(230px,23vw,370px);max-height:99px}
.hbs .hbs-header-edition{margin-left:clamp(12px,3vw,52px);color:#192d61;font-size:11px;letter-spacing:.13em;display:block!important}
.hbs .hbs-header-edition span{color:#f128b4;padding:0 8px}
.hbs .hbs-header-back{border-bottom:2px solid #0306e5;padding-bottom:5px;letter-spacing:.15em;color:#0306e5}
.hbs .hbs-intro{background:#fffefa}
.hbs .hbs-intro-inner{max-width:1570px}
.hbs .hbs-intro-topline{padding:38px 0 14px;border-top:0;border-bottom:1px solid #b8c0cf;margin-bottom:28px}
.hbs .hbs-intro-topline span:first-child{font-size:12px;color:#d0129d}
.hbs .hbs-intro h1{font-size:clamp(95px,10.4vw,188px);letter-spacing:-.084em}
.hbs .hbs-intro .hbs-copy{font-size:clamp(14px,1.13vw,17px);max-width:650px}
.hbs .hbs-hero-graphic{height:420px}
.hbs .hbs-graphic-sun{background:#ffd94b;width:clamp(230px,23vw,350px);height:clamp(230px,23vw,350px)}
.hbs .hbs-graphic-waves i{border-radius:0;height:11px}
.hbs .hbs-date-panel{border-top:2px solid #101b59;padding-top:27px;margin:4px 0 29px}
.hbs .hbs-date-row{height:73px}
.hbs .hbs-date-row button{background:#090cde;border-color:#090cde;font-size:12px;letter-spacing:.11em}
.hbs .hbs-date-row input{border-color:#172879;background:#fffefa}
.hbs .hbs-intro-end{padding:21px 0 25px;margin-top:0}
.hbs .hbs-intro-end span:last-child{color:#dc139c}
.hbs .hbs-science-note{border-left:0;border-top:3px solid #0709f2;padding:17px 20px;margin-top:24px;color:#132c64;background:#f9faf8}
.hbs .hbs-ocean{border-radius:0;border:0;box-shadow:none;height:clamp(440px,53vw,740px);margin-top:2px}
.hbs .hbs-data-head{margin-bottom:18px}
.hbs .hbs-section-number{color:#ff57c7;font-weight:900;font-size:12px}
.hbs .hbs-metrics{background:transparent;border:0;border-radius:0;overflow:visible;gap:2px;margin-bottom:70px;backdrop-filter:none}
.hbs .hbs-metric{background:#fffefa;min-height:223px;padding:29px 24px;border-top:7px solid #ff3fb5;backdrop-filter:none}
.hbs .hbs-metric:nth-child(2){border-top-color:#ffd146}
.hbs .hbs-metric:nth-child(3){border-top-color:#59cfe9}
.hbs .hbs-metric:nth-child(4){border-top-color:#1924ef}
.hbs .hbs-metric:not(:last-child){border-right:1px solid #bcc6de}
.hbs .hbs-metric-label{color:#142965;font-size:11px;letter-spacing:.12em}
.hbs .hbs-metric-label i{color:#ef129f}
.hbs .hbs-metric strong{color:#061d62;font-size:clamp(52px,4.4vw,82px)}
.hbs .hbs-metric small{color:#0c2d6c}
.hbs .hbs-metric-foot{color:#283f71;font-size:10px}
.hbs .hbs-scrubber>button{border-radius:0;background:#ffe16c;color:#081f60;box-shadow:none}
.hbs .hbs-share{padding-top:64px}
.hbs .hbs-share h2{font-size:clamp(56px,6vw,103px);letter-spacing:-.07em}
.hbs .hbs-share h2,.hbs .hbs-share h2 em{color:#ffffff!important}
.hbs .hbs-share-actions button{border-radius:0;box-shadow:none}
.hbs .hbs-action-primary{background:#ffe064;color:#061d55}
.hbs .hbs-action-secondary{background:transparent;border:2px solid #ffffff!important}
@media(max-width:1100px){
 .hbs .hbs-header-edition{display:none!important}
 .hbs .hbs-header-back{margin-left:auto}
 .hbs .hbs-intro h1{font-size:clamp(78px,11vw,155px)}
}
@media(max-width:760px){
 .hbs .hbs-header-inner{min-height:88px}
 .hbs .hbs-header-logo{width:230px;max-height:70px}
 .hbs .hbs-intro-grid{min-height:0}
 .hbs .hbs-intro h1{font-size:clamp(75px,14vw,112px)}
 .hbs .hbs-metric:nth-child(-n+2){border-bottom:none}
}
@media(max-width:640px){
 .hbs .hbs-header-inner{min-height:76px;gap:7px}
 .hbs .hbs-header-logo{width:175px;max-height:56px}
 .hbs .hbs-header-back{font-size:9px;letter-spacing:.06em;white-space:nowrap}
 .hbs .hbs-intro-topline{padding-top:25px;margin-bottom:20px}
 .hbs .hbs-intro h1{font-size:clamp(72px,17vw,99px)}
 .hbs .hbs-date-row{height:auto}
 .hbs .hbs-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
 .hbs .hbs-metric{padding:19px 15px;min-height:159px}
 .hbs .hbs-metric strong{font-size:clamp(39px,9vw,60px)}
 .hbs .hbs-metric-label,.hbs .hbs-metric-foot{font-size:9px}
 .hbs .hbs-share h2{font-size:clamp(47px,13vw,64px)}
 .hbs .hbs-hero-graphic{display:none!important}
}