:root{--bg:#11110f;--panel:#191a16;--orange:#f15628;--white:#f4f3eb;--muted:#a5a59b;--line:#34352d;--ease:cubic-bezier(.22,.68,.24,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.site-header{height:96px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{position:relative;font-size:29px;letter-spacing:-2px;font-weight:900;font-style:italic;display:inline-flex;align-items:center;gap:0}.wordmark>span:first-child{color:var(--orange);font-style:normal;font-size:33px;margin:0 3px}.brand-dot{width:5px;height:5px;background:var(--orange);border-radius:50%;margin-left:10px;align-self:flex-end;margin-bottom:8px}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:10px}.status-dot{height:5px;width:5px;border-radius:50%;background:var(--orange)}.download-link{display:flex;align-items:center;gap:10px;font-size:12px;border:1px solid #515147;padding:11px 15px;transition:border-color .2s}.download-link:hover{border-color:var(--orange)}main{max-width:1600px;margin:auto;padding:0 5%}.introduction{display:flex;justify-content:space-between;align-items:flex-end;padding:44px 0 30px}.eyebrow{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:2.1px;margin:0 0 12px}h1{font-size:clamp(29px,3.3vw,54px);letter-spacing:-1.8px;line-height:1;margin:0;font-weight:900}h1 span{color:#8d8f80}.intro-note{margin:0 0 2px;color:var(--muted);font-size:12px;line-height:1.8}.brochure-viewer{background:var(--panel);border:1px solid var(--line);isolation:isolate;position:relative}.viewer-topline{height:43px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;color:#b5b6a6;letter-spacing:1.7px;font-size:8px;border-bottom:1px solid #2e3028}.tiny-plus{color:var(--orange);font-size:18px;font-weight:400;margin-right:9px;vertical-align:middle}.stage{--book-h:min(39vw,526px);--panel-w:calc(var(--book-h)*320/868);height:calc(var(--book-h) + 58px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 73% 45%,#38382b90,transparent 60%);perspective:2200px}.stage:after{content:"";position:absolute;bottom:18px;left:20%;right:20%;height:35px;background:#0008;filter:blur(22px);border-radius:50%;pointer-events:none;z-index:-1}.cover-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%);z-index:10;transition:opacity .35s,transform .7s;max-width:48%}.micro-label{font-size:8px;color:var(--muted);letter-spacing:2px}.cover-copy p{font-size:clamp(32px,4.6vw,74px);font-weight:900;line-height:.97;letter-spacing:-2px;margin:23px 0 26px}.cover-copy p span{color:var(--orange)}.primary-button{border:0;background:var(--orange);color:#12120f;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 18px;min-height:45px;transition:background .2s,transform .2s}.primary-button:hover{background:#ff714a;transform:translateY(-2px)}.primary-button svg{width:17px;height:17px}.cover-hint{display:block;font-size:7px;color:#8f9180;letter-spacing:1.2px;margin-top:17px}.fold-area{position:absolute;left:68%;top:24px;width:calc(var(--panel-w)*4);height:var(--book-h);transform:translateX(0);transform-style:preserve-3d;transition:left 1s var(--ease),transform 1s var(--ease)}.fold-strip{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s var(--ease)}.sheet{position:absolute;width:25%;height:100%;left:calc(var(--i)*25%);transform:translateX(calc(var(--i)*-100%)) rotateY(calc(var(--i)*-10deg));transform-style:preserve-3d;transition:transform 1s var(--ease);transition-delay:calc(var(--i)*.065s);filter:drop-shadow(0 6px 8px #0005)}.paper{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#0c0c0b;backface-visibility:hidden;overflow:hidden;display:block}.paper img,.closed-cover>img{display:block;width:100%;height:100%;object-fit:contain}.paper:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0002,transparent 7%,transparent 96%,#0004)}.paper:hover:after{background:linear-gradient(90deg,#0002,transparent 7%,transparent 96%,#0004),#ffffff08}.paper:focus-visible{outline-offset:-4px}.back{transform:rotateY(180deg)}.closed-cover{position:absolute;left:0;top:0;width:25%;height:100%;padding:0;border:0;transform-origin:left center;transform:translateZ(4px);background:#0b0b0a;box-shadow:5px 14px 35px #0008;transition:transform .75s var(--ease),opacity .25s .4s;backface-visibility:hidden}.cover-corner{position:absolute;right:0;bottom:0;width:32px;height:32px;display:grid;place-items:center;color:var(--orange);border-top:1px solid #74746755;border-left:1px solid #74746755;background:#12120fc7}.spread-hint{position:absolute;bottom:11px;width:100%;text-align:center;font-size:7px;letter-spacing:1.5px;color:#a8a998;opacity:0;transition:opacity .4s .9s}.spread-hint span{color:var(--orange);margin-left:8px}.stage[data-state=open] .fold-area{left:50%;transform:translateX(-50%)}.stage[data-state=open] .sheet{transform:translateX(0) rotateY(0)}.stage[data-state=open] .closed-cover{transform:translateZ(4px) rotateY(-180deg);opacity:0;pointer-events:none}.stage[data-state=open] .cover-copy{opacity:0;transform:translate(-40px,-50%);pointer-events:none}.stage[data-state=open] .spread-hint{opacity:1}.stage[data-side=outside] .fold-strip{transform:rotateY(180deg)}.toolbar{min-height:62px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:12px}.view-controls,.reading-controls{display:flex;align-items:center;gap:16px}.tool-button{padding:8px 0;border:0;background:transparent;color:#d3d4c8;display:inline-flex;align-items:center;gap:8px;font-size:10px;min-height:36px;white-space:nowrap}.tool-button:hover:not(:disabled){color:var(--orange)}.tool-button svg{width:17px;height:17px}.side-switch{display:flex;border:1px solid #4c4e41;padding:3px;gap:3px}.side-switch button{font-size:9px;min-width:67px;min-height:27px;padding:6px 12px;border:0;background:transparent;color:#9b9d8e}.side-switch button[aria-pressed=true]{background:#3a3d31;color:var(--white)}.fullscreen-button{border-left:1px solid var(--line);padding-left:16px}.explore{padding-top:38px}.explore-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.explore-heading .eyebrow{margin:0}.explore-heading>span{color:#96988b;font-size:10px;display:flex;gap:16px;align-items:center}.explore-heading svg{width:17px;height:17px}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.chapter{border:0;border-right:1px solid var(--line);background:transparent;text-align:left;display:flex;padding:22px 20px;gap:18px;align-items:flex-start;transition:background .2s}.chapter:last-child{border-right:0}.chapter:hover{background:#20221b}.chapter-number{color:var(--orange);font-size:9px;margin-top:4px}.chapter>span:nth-child(2){font-size:12px;line-height:1.3;letter-spacing:.1px}.chapter strong{font-size:16px}.chapter-arrow{color:#8b8d7e;margin-left:auto;font-size:17px}.chapter:hover .chapter-arrow{color:var(--orange)}.download-section{margin-top:44px;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.download-section>div{position:relative;padding-left:28px}.download-section .tiny-plus{position:absolute;left:0;top:-5px}.download-section h2{font-size:16px;letter-spacing:-.3px;margin:0 0 8px}.download-section p{font-size:11px;color:var(--muted);margin:0}.download-section .primary-button{font-size:10px;flex-shrink:0}footer{display:flex;align-items:center;justify-content:space-between;margin:0 5%;height:96px;gap:16px;color:#777b6c;font-size:7px;letter-spacing:1.5px}.wordmark.small{font-size:19px;letter-spacing:-1.3px;color:#b7b9aa}.wordmark.small>span:first-child{font-size:21px;margin:0 2px}dialog{padding:0;width:min(1000px,95vw);max-width:1000px;height:96dvh;max-height:96dvh;border:1px solid #535545;background:#151610;color:var(--white);overflow:hidden}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.reader-shell{height:100%;display:flex;flex-direction:column}.reader-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);gap:12px}.reader-header .eyebrow{font-size:8px;margin-bottom:6px}.reader-header h2{font-size:17px;margin:0}.reader-actions{display:flex;gap:22px;align-items:center}.icon-button{width:36px;height:36px;border:1px solid #515244;background:transparent;display:grid;place-items:center}.reader-body{overflow:auto;flex:1;min-height:0;text-align:center;padding:18px;background:#0c0d09;overscroll-behavior:contain;scrollbar-color:#595b49 #171810}.reader-body>img{width:auto;height:100%;max-width:100%;object-fit:contain;vertical-align:top;box-shadow:0 8px 32px #0008;cursor:zoom-in}.reader-body.zoomed>img{height:auto;width:640px;max-width:none;cursor:zoom-out}.reader-footer{padding:10px 24px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.reader-dots{display:flex;gap:7px}.reader-dots button{position:relative;min-width:20px;width:20px;height:28px;background:transparent;border:0;padding:0}.reader-dots button:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;left:7px;top:11px;background:#626650}.reader-dots button[aria-current=true]:after{background:var(--orange)}.previous svg{transform:rotate(180deg)}.reader-tip{color:#929781;font-size:9px;text-align:center;margin:3px 12px 12px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body:has(dialog[open]){overflow:hidden}.brochure-viewer:fullscreen{background:var(--panel);display:flex;flex-direction:column;justify-content:center}.brochure-viewer:fullscreen .stage{--book-h:min(80vh,65vw)}.brochure-viewer:fullscreen .viewer-topline{position:absolute;inset:0 0 auto}.brochure-viewer:fullscreen .toolbar{position:absolute;inset:auto 0 0}.brochure-viewer:fullscreen .cover-copy{left:12%}
@media(min-width:1700px){.stage{--book-h:550px}}
@media(max-width:900px){.edition{display:none}.introduction{padding-top:34px}.intro-note{font-size:10px}.stage{--book-h:47vw}.cover-copy{left:5%}.cover-copy p{font-size:5.4vw}.fold-area{left:69%}.chapter{padding:18px 12px;gap:10px}.chapter>span:nth-child(2){font-size:10px}.chapter strong{font-size:12px}.chapter-arrow{font-size:14px}.cover-hint{font-size:6px}.toolbar{padding:8px 14px}.view-controls{gap:12px}.fullscreen-button{display:none}}
@media(max-width:600px){.site-header{height:75px;margin:0 5%}.wordmark{font-size:25px}.wordmark>span:first-child{font-size:28px}.download-link{font-size:10px;padding:9px 11px;gap:7px}.download-link svg{width:14px;height:14px}.introduction{padding:29px 0 24px;display:block}h1{font-size:clamp(26px,7vw,42px);letter-spacing:-1.3px}.eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:10px}.intro-note{margin:13px 0 0;font-size:11px;line-height:1.6}.intro-note br{display:none}.viewer-topline{padding:0 13px;font-size:6px;letter-spacing:1px;height:37px}.viewer-topline .tiny-plus{font-size:14px;margin-right:4px}.stage{--book-h:360px;height:424px;background:radial-gradient(ellipse at 66% 50%,#3a3b2c80,transparent 80%)}.cover-copy{top:auto;bottom:21px;left:0;max-width:none;width:100%;text-align:center;transform:none}.micro-label,.cover-copy p,.cover-hint{display:none}.cover-copy .primary-button{font-size:10px;min-height:38px;padding:9px 14px;gap:22px}.fold-area{top:14px;left:50%;transform:translateX(calc(var(--panel-w)*-.5));height:330px;--book-h:330px;--panel-w:calc(var(--book-h)*320/868)}.stage[data-state=open] .fold-area{--book-h:calc((90vw - 2px)*868/1280);left:50%;top:28px;height:var(--book-h)}.stage[data-state=open]{height:calc((90vw - 2px)*868/1280 + 81px)}.stage[data-state=open] .cover-copy{transform:none}.spread-hint{font-size:6px;bottom:20px}.toolbar{display:grid;grid-template-columns:1fr auto;gap:4px;padding:8px 11px}.view-controls{gap:14px}.tool-button{font-size:9px;gap:5px}.tool-button svg{width:15px;height:15px}.side-switch{grid-column:1;grid-row:2;justify-self:start}.side-switch button{font-size:8px;min-width:53px;min-height:23px}.reading-controls{grid-column:2;grid-row:1 / 3}.reading-controls .tool-button{border:1px solid #4c4e41;padding:9px 8px;min-height:34px}.explore{padding-top:29px}.explore-heading>span{font-size:0}.explore-heading>span svg{width:15px}.chapter-grid{grid-template-columns:1fr 1fr}.chapter{padding:19px 12px;gap:12px}.chapter:nth-child(2){border-right:0}.chapter:nth-child(-n+2){border-bottom:1px solid var(--line)}.chapter>span:nth-child(2){font-size:10px}.chapter strong{font-size:13px}.chapter-arrow{font-size:16px}.download-section{margin-top:30px;display:block;padding:25px 0}.download-section h2{font-size:13px;line-height:1.4}.download-section p{font-size:10px;line-height:1.6}.download-section .primary-button{margin-top:19px;margin-left:28px;padding:10px 14px;min-height:40px}footer{height:92px;flex-wrap:wrap;gap:0;padding:22px 0}footer>span{font-size:6px}footer>span:last-child{display:none}dialog{width:100vw;height:100dvh;max-height:100dvh;max-width:100vw;border:0;margin:0}.reader-header{padding:16px}.reader-header h2{font-size:14px}.reader-actions{gap:14px}.reader-body{padding:14px 8px}.reader-body>img{max-width:100%;height:100%}.reader-footer{padding:10px 12px 0}.reader-dots{gap:0}.reader-dots button{width:19px;min-width:19px}.reader-tip{font-size:8px;margin-bottom:15px}.reader-body.zoomed>img{width:560px}.reader-actions .tool-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;transition-delay:0ms!important}}
@media print{body{background:white}.site-header,.introduction,.brochure-viewer,.explore,.download-section,footer,dialog{display:none!important}body:after{content:'Download FITPLUS-Brochure.pdf to print the two original spreads.';color:black;display:block;padding:30px;font-size:18px}}
/* Keep folded leaves behind the cover; reveal the strip as it unfolds. */
.fold-strip{opacity:0;transition:transform 1s var(--ease),opacity .35s var(--ease)}
.stage[data-state=open] .fold-strip{opacity:1}
/* Filters flatten 3D faces in WebKit; shadows belong on the paper faces. */
.sheet{filter:none}.paper{box-shadow:0 6px 15px #0004}
.embedded .site-header,.embedded .introduction,.embedded .explore,.embedded .download-section,.embedded footer{display:none}
.embedded main{padding:0;max-width:none}.embedded .brochure-viewer{border:0}
.embedded .stage{--book-h:min(64vh,60vw)}
@media(max-width:600px){.embedded .stage{--book-h:360px}}