@font-face{font-family:Fallback;src:local("Avenir Next"),local("Segoe UI"),local("Arial")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#112e3d;background:#f2f5f3;font-family:Fallback,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #00a99b;outline-offset:4px}button:disabled{cursor:default;opacity:.3}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.site-header{height:92px;max-width:1320px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8e2de}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:11px;background:#0b343e;color:#72e3d0}.brand-mark svg{width:28px;height:28px}.brand b{display:block;font-size:16px;letter-spacing:2.6px}.brand small{display:block;font-size:9px;letter-spacing:2.3px;margin-top:4px;color:#557275}.edition{font-size:10px;font-weight:700;letter-spacing:1.6px;display:flex;gap:9px;align-items:center}.edition>span{height:7px;width:7px;border-radius:50%;background:#16a792}main{max-width:1320px;margin:auto;padding:0 48px}.intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0 30px}.eyebrow{margin:0 0 12px;font-size:9px;font-weight:800;letter-spacing:2px;color:#517a79}h1{font-size:clamp(28px,3.15vw,43px);font-weight:600;line-height:1.1;letter-spacing:-1.6px;margin:0}h1 span{color:#137d79}.intro-copy{font-size:13px;color:#58716f;margin:15px 0 0}.download-button{display:flex;align-items:center;gap:10px;padding:14px 17px;background:#fff;border:1px solid #ccdcd5;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 3px 6px #233e2c04}.download-button:hover{border-color:#109a8b;background:#effbf8}.download-button svg{width:18px;height:18px}.file-tag{font-size:8px;color:#7b8d87;letter-spacing:1px;padding-left:7px;border-left:1px solid #d5e1db}.viewer{background:#071b2c;border-radius:12px;overflow:hidden;box-shadow:0 18px 45px #0d3a3420;color:#d8e6e9;border:1px solid #193b4b}.viewer-toolbar{height:58px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12;background:#0c2434}.viewer-heading{display:flex;gap:12px;align-items:center;font-size:11px}.viewer-heading b{font-size:9px;letter-spacing:1.7px;color:#d4e6e7}.live-dot{width:6px;height:6px;background:#60dcca;border-radius:50%}.toolbar-divider{height:13px;width:1px;background:#ffffff25}#view-label{color:#96afba}.viewer-tools{display:flex;align-items:center;gap:18px}.text-tool,.icon-button{display:flex;align-items:center;gap:8px;background:transparent;color:#b2c8cf;border:0;padding:7px 0;font-size:11px}.text-tool:hover,.icon-button:hover{color:#7de8d6}.text-tool svg{width:17px;height:17px}.icon-button svg{width:18px;height:18px}.stage{position:relative;height:clamp(400px,57vh,620px);overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:2000px;outline-offset:-4px!important;background:radial-gradient(ellipse at 50% 52%,#173f4b 0%,#0a2637 40%,#071b2c 75%);--paper-h:min(480px,calc(57vh - 68px));--paper-w:calc(var(--paper-h) * 1280 / 1144);--panel-w:calc(var(--paper-w) / 3)}.stage-grid{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#70a09e 0.6px,transparent .6px);background-size:20px 20px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.stage-caption{position:absolute;top:22px;left:24px;font-size:8px;letter-spacing:2px;color:#64828f}.paper-wrap{width:var(--paper-w);height:var(--paper-h);perspective:2400px;transform:translateX(0);transition:transform 1s cubic-bezier(.3,.1,.2,1);position:relative}.brochure{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.3,.1,.2,1)}.panel{width:33.333333%;height:100%;position:absolute;top:0;transform-style:preserve-3d}.base{left:33.333333%}.face{position:absolute;inset:0;background-size:300% 100%;background-repeat:no-repeat;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1px 0 #ffffff33 inset;background-color:#001234}.face::after{content:"";position:absolute;inset:0;border-right:1px solid #0000001a;border-left:1px solid #ffffff08;pointer-events:none}.back{transform:rotateY(180deg)}.inside{background-image:url("assets/HHWEP-INSIDE.png")}.outside{background-image:url("assets/HHWEP-FRONT.png")}.crop-left{background-position:left center}.crop-middle{background-position:center center}.crop-right{background-position:right center}.flap{transition:transform 1s cubic-bezier(.3,.1,.2,1)}.left-flap{left:0;transform-origin:right center;transform:translateZ(1px) rotateY(180deg);z-index:3}.right-flap{left:66.666667%;transform-origin:left center;transform:rotateY(-180deg);z-index:2}.brochure[data-step="1"] .left-flap,.brochure[data-step="2"] .left-flap,.brochure[data-step="3"] .left-flap{transform:translateZ(1px) rotateY(0deg)}.brochure[data-step="2"] .right-flap,.brochure[data-step="3"] .right-flap{transform:rotateY(0deg)}.brochure[data-step="3"]{transform:rotateY(180deg)}.brochure[data-step="0"] .left-flap .back{box-shadow:-9px 12px 28px #0006,1px 0 2px #fff3 inset}.brochure[data-step="1"] .right-flap .back{box-shadow:4px 12px 28px #0005}.paper-wrap:has(.brochure[data-step="1"]){transform:translateX(calc(var(--panel-w) / 2))}.stage-open{position:absolute;bottom:5px;display:flex;align-items:center;gap:12px;border:0;border-radius:20px;padding:6px 13px;background:#0e4650;color:#a9ede1;font-size:10px;box-shadow:0 2px 15px #0017;transition:opacity .2s}.stage-open svg{height:15px;width:15px}.stage-hint{position:absolute;bottom:13px;color:#88a5b0;font-size:9px;letter-spacing:.25px;display:none;gap:8px;align-items:center}.stage-hint>span{font-size:18px}.stage.has-opened .stage-open{display:none}.stage.has-opened .stage-hint{display:flex}.viewer-navigation{height:82px;padding:0 23px;display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff10;background:#0c2434}.nav-arrow{width:33px;height:33px;border:1px solid #5d7d864d;border-radius:50%;background:transparent;color:#c6e0e1;display:grid;place-items:center}.rotate{transform:rotate(180deg)}.nav-arrow svg{width:17px;height:17px}.steps{display:flex;align-items:center;gap:35px;flex:1}.step{display:flex;align-items:center;gap:8px;position:relative;height:82px;padding:0;border:0;background:transparent;color:#7c9ca8}.step span{font-size:8px;font-weight:700;letter-spacing:.7px;color:#65818c}.step b{font-size:11px;font-weight:500}.step::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent}.step.active{color:#a7f4e3}.step.active span{color:#72d8c6}.step.active::after{background:#64d9c4}.next-button{display:flex;align-items:center;gap:17px;padding:11px 15px;border:0;border-radius:6px;background:#9ee7d4;color:#0d3840;font-size:11px;font-weight:700;min-width:146px;justify-content:space-between}.next-button:hover{background:#c2f5e5}.next-button svg{width:18px;height:18px}.below-viewer{padding:16px 2px 36px;display:flex;justify-content:space-between;align-items:center;color:#677d79;font-size:10px}.below-viewer p{margin:0;display:flex;gap:8px;align-items:center}.below-viewer svg{width:14px;height:14px}.below-viewer button{border:0;background:transparent;color:#55736d;display:flex;gap:7px;align-items:center;font-size:10px}.panel-index{padding:27px 0 38px;border-top:1px solid #d8e2de;display:grid;grid-template-columns:240px 1fr;gap:35px}.index-title h2{font-size:24px;letter-spacing:-.7px;font-weight:600;margin:0 0 9px}.index-title>p:last-child{font-size:11px;color:#73847f;line-height:1.5;margin:0}.index-title .eyebrow{font-size:8px;letter-spacing:1.5px}.panel-links{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.panel-links button{display:flex;text-align:left;align-items:center;gap:13px;background:#fff9;border:1px solid #d9e4de;padding:10px;border-radius:7px;min-width:0;transition:border-color .15s,transform .15s}.panel-links button:hover{border-color:#59b5a6;transform:translateY(-2px)}.mini-thumb{height:56px;width:21px;flex-shrink:0;background-size:300% 100%;border-radius:1px}.panel-links small{display:block;font-size:7px;letter-spacing:1px;color:#7d8f86;margin-bottom:6px}.panel-links b{font-size:10px;font-weight:600;display:block}.panel-links svg{margin-left:auto;height:14px;width:14px;color:#7caaa1}footer{max-width:1224px;padding:20px 0 28px;margin:auto;border-top:1px solid #d8e2de;font-size:9px;color:#70827b;display:flex;justify-content:space-between;gap:16px}footer>div{display:flex;gap:24px}footer a{display:flex;align-items:center;gap:7px}footer a:hover{color:#107b73}footer svg{height:11px;width:11px}.sr-only{position:absolute!important;height:1px;width:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{max-width:none;width:min(1020px,calc(100vw - 40px));height:min(900px,calc(100dvh - 40px));padding:0;border:1px solid #bccfc6;border-radius:12px;background:#f2f5f3;box-shadow:0 30px 120px #0008;color:#14333d;overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#041825d9;backdrop-filter:blur(7px)}.reader-header{padding:19px 24px;display:flex;justify-content:space-between;align-items:center}.reader-header .eyebrow{font-size:8px;margin:0 0 5px}.reader-header h2{margin:0;font-size:21px;letter-spacing:-.5px}.close-button{width:33px;height:33px;display:grid;place-items:center;background:#e0e9e4;border:0;border-radius:50%}.close-button:hover{background:#cee6dd}.close-button svg{height:18px;width:18px}.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 24px;border-block:1px solid #d4e0d9}.reader-controls select{min-width:0;max-width:60%;padding:9px 26px 9px 9px;background:#fff;border:1px solid #c9d9d1;border-radius:5px;font-size:11px;color:#214e50}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls button{height:29px;min-width:29px;border:1px solid #cbdcd2;background:#fff;border-radius:4px;display:grid;place-items:center;font-size:10px}.zoom-controls button svg{width:14px;height:14px}.zoom-controls output{font-size:10px;min-width:39px;text-align:center;font-variant-numeric:tabular-nums}#zoom-fit{padding:0 8px;margin-left:5px}.reader-scroll{overflow:auto;flex:1;min-height:0;padding:24px;background:#dce5e0;overscroll-behavior:contain}.reader-art{position:relative;overflow:hidden;margin:0 auto;flex-shrink:0;box-shadow:0 5px 18px #12382b30;background:#001238}.reader-art img{display:block;width:300%;height:100%;max-width:none;user-select:none;pointer-events:none}.reader-art[data-panel="0"] img{transform:translateX(-66.666667%)}.reader-art[data-panel="1"] img{transform:translateX(0)}.reader-art[data-panel="2"] img{transform:translateX(-33.333333%)}.reader-art[data-panel="3"] img{transform:translateX(0)}.reader-art[data-panel="4"] img{transform:translateX(-33.333333%)}.reader-art[data-panel="5"] img{transform:translateX(-66.666667%)}.reader-art.full-spread img{width:100%;transform:none}.reader-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 24px;border-top:1px solid #d2dfd7;font-size:10px}.reader-footer p{margin:0;color:#6a8279;font-size:9px}.reader-footer button{display:flex;align-items:center;gap:8px;padding:3px 0;border:0;background:transparent;font-size:10px}.reader-footer svg{height:14px;width:14px}.no-script{padding:25px}.no-script img{width:100%;max-width:1280px;display:block;margin:20px auto}.viewer:fullscreen{border-radius:0;display:flex;flex-direction:column}.viewer:fullscreen .stage{height:auto;flex:1;--paper-h:min(calc(100dvh - 220px),calc((100vw - 80px) * 1144 / 1280));--paper-w:calc(var(--paper-h) * 1280 / 1144)}.viewer.expanded{position:fixed;inset:0;z-index:50;border-radius:0;display:flex;flex-direction:column}.viewer.expanded .stage{flex:1;height:auto;--paper-h:min(calc(100dvh - 220px),calc((100vw - 40px) * 1144 / 1280));--paper-w:calc(var(--paper-h) * 1280 / 1144)}
@media(min-width:1400px){.stage{--paper-h:min(550px,calc(57vh - 68px))}}@media(max-width:1100px){.panel-index{grid-template-columns:180px 1fr;gap:20px}.panel-links{grid-template-columns:repeat(2,1fr)}footer{margin:0 48px}.steps{gap:22px}}
@media(max-width:760px){.site-header{height:76px;padding:0 24px}.brand b{font-size:13px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.9px}.brand-mark{width:36px;height:36px;border-radius:9px}.brand-mark svg{width:24px;height:24px}.edition{font-size:7px;letter-spacing:1px;gap:6px}.edition>span{width:5px;height:5px}main{padding:0 24px}.intro{padding:27px 0 25px;gap:15px;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:31px;letter-spacing:-1.1px}.intro-copy{font-size:11px;margin-top:12px}.download-button{padding:10px;font-size:10px;margin-top:18px;white-space:nowrap;gap:7px}.file-tag{display:none}.download-button svg{width:16px;height:16px}.viewer-toolbar{height:51px;padding:0 17px}.viewer-heading{gap:9px;font-size:10px}.viewer-heading b{font-size:8px;letter-spacing:1px}.viewer-tools{gap:13px}.text-tool{font-size:10px}.stage{height:470px;--paper-h:min(390px,calc((100vw - 80px) * 1144 / 1280));--paper-w:calc(var(--paper-h) * 1280 / 1144)}.stage[data-step="0"]{--paper-h:390px}.stage[data-step="1"]{--paper-h:min(390px,calc((100vw - 80px) * 1144 / 853.333333))}.stage-caption{left:17px;top:19px;font-size:7px;letter-spacing:1.4px}.viewer-navigation{gap:13px;height:78px;padding:0 17px}.steps{gap:20px;justify-content:space-around}.step{height:78px;flex-direction:column;justify-content:center;gap:7px}.step b{font-size:9px}.step span{font-size:7px}.nav-arrow{width:28px;height:28px;flex-shrink:0}.next-button{min-width:0;width:34px;height:34px;padding:0;justify-content:center;flex-shrink:0}.next-button span{display:none}.below-viewer{font-size:8px;gap:10px;padding-bottom:26px}.below-viewer button{font-size:8px;white-space:nowrap}.below-viewer p{gap:6px}.below-viewer svg{width:12px;height:12px}.panel-index{grid-template-columns:1fr;gap:19px;padding:25px 0 28px}.index-title h2{font-size:23px;margin:0}.index-title>p:last-child{display:none}.panel-links{gap:8px}.panel-links button{gap:10px;padding:9px}.panel-links b{font-size:9px}.panel-links small{font-size:6px;letter-spacing:.8px}.mini-thumb{height:51px;width:19px}.panel-links svg{width:12px;height:12px}footer{margin:0 24px;flex-direction:column;font-size:8px;gap:14px;padding:20px 0 26px}footer>div{gap:23px}.reader-controls{padding:10px 14px;gap:8px}.reader-header{padding:17px}.reader-header h2{font-size:19px}dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:8px}.reader-controls select{max-width:53%;font-size:10px;padding:8px 0 8px 5px}.zoom-controls{gap:3px}.zoom-controls button{min-width:26px;height:28px}.zoom-controls output{font-size:9px;min-width:31px}#zoom-fit{padding:0 6px;margin-left:2px}.reader-scroll{padding:16px}.reader-footer{padding:14px 17px}.reader-footer p{display:none}.viewer:fullscreen .stage[data-step="0"],.viewer.expanded .stage[data-step="0"]{--paper-h:min(570px,calc(100dvh - 230px))}.viewer:fullscreen .stage[data-step="1"],.viewer.expanded .stage[data-step="1"]{--paper-h:min(calc(100dvh - 230px),calc((100vw - 50px) * 1144 / 853.333333))}}
@media(max-width:430px){.site-header{padding:0 18px}.edition{font-size:6px;letter-spacing:.5px}main{padding:0 14px}.intro{padding:25px 4px 22px;display:block}h1{font-size:30px}.intro-copy{margin-top:11px}.download-button{margin-top:18px;display:inline-flex;padding:9px 12px}.stage{height:445px}.stage[data-step="0"]{--paper-h:365px}.stage[data-step="1"]{--paper-h:min(365px,calc((100vw - 70px) * 1144 / 853.333333))}.stage-caption{font-size:6px}.viewer-heading b{font-size:7px}.viewer-heading{font-size:9px;gap:8px}.viewer-tools{gap:10px}.text-tool span{display:none}.text-tool{padding:8px}.viewer-toolbar{padding:0 14px}.viewer-navigation{padding:0 13px;gap:11px}.steps{gap:14px}.step b{font-size:8px}.stage-hint{font-size:8px}.panel-links button{gap:8px}.panel-links b{font-size:8px}.panel-links small{font-size:5.5px}.panel-links svg{display:none}.panel-index{padding-left:4px;padding-right:4px}.below-viewer{padding-inline:4px}.below-viewer p{font-size:7px}footer{margin:0 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}