#flipbook{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#141414;color:#fff;font-family:Montserrat,sans-serif;overflow:hidden}#flipbook::backdrop{background:#141414}#flipbook *{box-sizing:border-box;font-family:inherit}#flipbook [hidden]{display:none!important}.fb-shell{height:100%;display:flex;flex-direction:column}.fb-top,.fb-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#1c1c1c;flex-shrink:0;padding:14px 24px;border-bottom:1px solid #353535;z-index:20}.fb-bottom{border-bottom:0;border-top:1px solid #353535;flex-wrap:wrap}.fb-brand{font-size:24px;font-weight:850;white-space:nowrap}.fb-brand span{font-size:12px;letter-spacing:.12em;font-weight:500;color:#aaa;margin-left:12px}.fb-top-actions,.fb-pagination,.fb-tools{display:flex;align-items:center;gap:8px}#flipbook button,#flipbook .fb-tools a{font-size:14px;background:#292929;border:1px solid #454545;color:#eee;border-radius:5px;min-height:44px;padding:10px 14px;cursor:pointer;text-decoration:none}#flipbook button:hover,#flipbook a:hover{background:#383838;border-color:#888}#flipbook button:focus-visible,#flipbook a:focus-visible{outline:2px solid #ff7900;outline-offset:3px}#flipbook button:disabled{opacity:.3;cursor:default}#flipbook .fb-accent{background:#ff7900;color:#121212;border-color:#ff7900;font-weight:700}#flipbook .fb-accent:hover{background:#ff9638}#flipbook [data-fb=close]{font-size:27px;line-height:1;padding:6px 14px}.fb-workspace{position:relative;flex:1;min-height:0;display:flex;overflow:hidden}.fb-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:radial-gradient(ellipse at center,#303030 0,#181818 70%);outline:none;touch-action:none}.fb-book-position{flex-shrink:0;transform-origin:center;filter:drop-shadow(0 20px 24px #0008)}#fb-book{position:relative}.fb-page{position:relative;background:#fff;overflow:hidden}.fb-page>img{width:100%;height:100%;display:block;object-fit:contain;user-select:none;pointer-events:none}.fb-page:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#00000009,transparent 8%,transparent 94%,#00000008)}.fb-intro{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px;background:#161616df;border-radius:8px;z-index:15;white-space:nowrap}.fb-edge{position:absolute;top:calc(50% - 32px);z-index:10;font-size:40px!important;width:46px;height:64px;border-color:#555!important;background:#222b!important}.fb-edge-left{left:15px}.fb-edge-right{right:15px}.fb-page-label{display:flex;gap:8px;align-items:center;font-size:14px;color:#bbb}#flipbook #fb-page-input{width:58px;font-size:14px;background:#303030;border:1px solid #555;padding:10px 6px;color:white;border-radius:4px;height:44px}#fb-range{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.fb-panel{position:absolute;top:0;bottom:0;right:0;width:min(390px,100%);background:#202020f7;box-shadow:-15px 0 30px #0005;z-index:25;display:flex;flex-direction:column;backdrop-filter:blur(10px)}.fb-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #444;gap:12px}.fb-panel-head h2{font-size:22px;line-height:1.3;letter-spacing:0;margin:0}.fb-panel-tabs{display:flex;gap:8px;padding:12px 18px}.fb-panel-body{padding:8px 18px 24px;overflow-y:auto;flex:1;font-size:16px;line-height:1.5}#flipbook .fb-toc-item{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:14px;width:100%;border:0;border-radius:0;border-bottom:1px solid #3c3c3c;background:transparent;padding:14px 0;line-height:1.4}#flipbook .fb-toc-item>span:last-child{color:#ff9638;white-space:nowrap}#flipbook .fb-toc-section{color:#ff9638;font-weight:700;margin-top:16px}.fb-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:start}.fb-thumbnails img{width:100%;height:auto;display:block}.fb-thumbnails button{padding:5px!important}.fb-thumbnails span{display:block;padding-top:4px}.fb-zoomed{cursor:grab}.fb-zoomed:active{cursor:grabbing}.fb-zoomed .fb-edge{display:none}.fb-kit-row{display:flex;flex-direction:column;gap:8px;padding:20px 0;border-bottom:1px solid #444;margin-bottom:16px}.fb-kit-row span{color:#aaa;font-size:13px;overflow-wrap:anywhere}.fb-kit-row>div{display:flex;gap:8px}#flipbook .fb-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:12;min-width:44px;min-height:44px;padding:0;border-radius:50%;border:1px solid #ff7900;background:#ff7900;color:#161616;font-size:24px;box-shadow:0 3px 15px #0004}.fb-status{position:absolute;left:50%;bottom:105px;transform:translateX(-50%);padding:14px 20px;background:#111f;color:#eee;border:1px solid #777;border-radius:6px;z-index:35;max-width:calc(100% - 32px);font-size:14px;text-align:center}.fb-cover-pair{display:flex;justify-content:center;max-height:calc(100% - 24px);max-width:calc(100% - 110px);aspect-ratio:1.406;box-shadow:0 20px 35px #0008;transform-origin:center}.fb-cover-pair>div{width:50%;height:100%}.fb-cover-pair img{width:100%;height:100%;object-fit:contain;display:block}.fb-retry{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fb-load-error .fb-retry{display:block}#flipbook .fb-resume{color:#ffae67}.fb-site-kit{white-space:nowrap}@media(max-width:760px){.fb-top{padding:10px 12px;gap:8px}.fb-brand{font-size:20px}.fb-brand span{display:none}.fb-top-actions{gap:5px}#flipbook .fb-top-actions button{padding:8px;font-size:12px}#flipbook .fb-top-actions [data-fb=close]{font-size:25px;width:38px}.fb-bottom{padding:9px 12px;gap:8px;justify-content:center}.fb-tools{flex:1;justify-content:center;gap:6px}.fb-pagination{justify-content:center;width:100%}.fb-edge{display:none}.fb-page-label{font-size:12px}#flipbook .fb-tools button,#flipbook .fb-tools a{padding:10px;font-size:12px;min-height:44px}.fb-stage{background:#181818}.fb-intro{bottom:14px;padding:10px}.fb-panel{width:100%}.fb-status{bottom:150px}.fb-controls-hidden .fb-bottom{display:none}.fb-controls-hidden .fb-brand,.fb-controls-hidden .fb-kit{visibility:hidden}.fb-cover-pair{max-width:calc(100% - 20px);height:auto;width:100%;aspect-ratio:1.406}.fb-thumbnails{grid-template-columns:repeat(3,1fr)}.fb-site-kit{font-size:12px!important}}@media(max-width:420px){.fb-kit{max-width:98px}.fb-tools{gap:4px}#flipbook .fb-tools button,#flipbook .fb-tools a{padding:8px}.fb-top-actions .fb-accent{max-width:104px}.fb-brand{font-size:18px}}@media(prefers-reduced-motion:reduce){#flipbook *{scroll-behavior:auto!important}}

#flipbook .stf__wrapper{position:static;width:100%;height:100%}#flipbook .stf__block{inset:0}#flipbook .stf__parent{touch-action:none}
/* Round controls anchored to the original article line. */
.fb-page{container-type:inline-size}
#flipbook .fb-hotspot{width:3.8%!important;aspect-ratio:1;height:auto;min-width:0;min-height:0;transform:translate(-50%,-50%);padding:0;border-radius:50%;display:grid;place-items:center;font-size:clamp(12px,2.8cqw,22px);line-height:1;font-weight:600;box-shadow:0 2px 6px #0003;touch-action:manipulation}
#flipbook .fb-hotspot:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,36px);height:max(100%,36px);transform:translate(-50%,-50%);border-radius:50%}
#flipbook .fb-hotspot[aria-pressed=true]{background:#202020;color:#ffac60;border-color:#ff7900}

/* Keep catalogue controls independent of the main page form styles. */
#flipbook .fb-kit,#flipbook .fb-accent{font-weight:700}
#flipbook .fb-page-label{margin:0;padding:0;min-height:44px;line-height:1;display:flex;flex-direction:row;align-items:center;align-self:center}
#flipbook .fb-bottom :is(button,a){height:44px;min-height:44px;line-height:1;display:inline-flex;align-items:center;justify-content:center;margin:0;vertical-align:middle}
#flipbook .fb-pagination,#flipbook .fb-tools{align-items:center}
#flipbook #fb-page-input{margin:0;line-height:1;text-align:center;vertical-align:middle}
#flipbook #fb-range{display:inline-flex;align-items:center;min-height:44px;line-height:1}
#flipbook .fb-edge{display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
#flipbook .fb-pagination [data-fb=prev],#flipbook .fb-pagination [data-fb=next]{width:44px;padding:0}
#flipbook .fb-arrow{display:block;width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
#flipbook .fb-edge .fb-arrow{width:30px;height:30px}
/* Image and sheet must share the exact same bounds, without white letterboxing. */
#flipbook .fb-page{background:#191d1e}
#flipbook .fb-page>img{object-fit:fill}
@media(max-width:760px){#flipbook .fb-edge{display:none}}

/* Section colours sampled from the original catalogue. */
#flipbook [data-line=training]{--line-color:#6e9cd0}
#flipbook [data-line=athletic]{--line-color:#f68e2b}
#flipbook [data-line=ceremony]{--line-color:#f04543}
#flipbook .fb-hotspot[data-line]{background:var(--line-color,#ff7900);border-color:var(--line-color,#ff7900);color:#111}
#flipbook .fb-hotspot[data-line]:hover{background:var(--line-color,#ff7900);border-color:var(--line-color,#ff7900);filter:brightness(1.12)}
#flipbook .fb-hotspot[data-line][aria-pressed=true]{background:#202020;border-color:var(--line-color,#ff7900);color:var(--line-color,#ff7900)}
#flipbook .fb-toc-item[data-line]:not([data-line=""]){border-left:3px solid var(--line-color);padding-left:12px}
#flipbook .fb-toc-item[data-line]:not([data-line=""])>span:last-child{color:var(--line-color)}
#flipbook .fb-toc-section[data-line]{color:var(--line-color);background:color-mix(in srgb,var(--line-color) 10%,transparent);padding:16px 10px 16px 12px;margin-top:20px}

/* Authentic catalogue wordmark, isolated from homepage branding. */
#flipbook .fb-brand{display:flex;align-items:center;gap:12px}#flipbook .fb-brand img{display:block;width:132px;height:auto;filter:brightness(0) invert(1)}#flipbook .fb-brand span{margin-left:0}@media(max-width:700px){#flipbook .fb-brand img{width:96px}}

/* The catalogue uses the same quiet kit badge as the site header. */
#flipbook .fb-kit{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#d4dadd;text-decoration:none;transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease}
#flipbook .fb-kit-label-short{display:none}
#flipbook .fb-kit-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:22px;height:22px;padding:0 7px;border:1px solid #ff7900;border-radius:4px;background:#ff7900;color:#171b1d;font-size:12px;font-weight:600;line-height:1;letter-spacing:0;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}
#flipbook .fb-kit-badge[data-empty=true]{background:#2c3235;border-color:#4b555a;color:#c3cbd0}
#flipbook .fb-kit-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#flipbook .fb-kit-badge.kit-updated{animation:fb-badge-update 180ms ease-in-out}
@keyframes fb-badge-update{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media(hover:hover) and (pointer:fine){#flipbook .fb-kit:hover{color:#fff}#flipbook .fb-kit:hover .fb-kit-badge[data-empty=true]{border-color:#76828a}}
@media(max-width:420px){#flipbook .fb-kit{max-width:none;gap:7px}#flipbook .fb-kit-label{display:none}#flipbook .fb-kit-label-short{display:inline}}
@media(prefers-reduced-motion:reduce){#flipbook .fb-kit,#flipbook .fb-kit-badge{transition:none!important;animation:none!important}}

/* A static example of the article-line control, beside page navigation. */
#flipbook .fb-kit-hint{flex:1 1 270px;min-width:0;margin:0;color:#c2c8cc;font-size:14px;font-weight:400;line-height:1.6;text-align:center}
#flipbook .fb-kit-hint-symbol{display:inline-grid;place-items:center;vertical-align:middle;width:22px;height:22px;margin:0 3px;border:1px solid var(--line-color,#ff7900);border-radius:50%;background:var(--line-color,#ff7900);color:#111;font-size:18px;line-height:1;font-weight:600;box-shadow:0 2px 6px #0003}
@media(max-width:1200px){#flipbook .fb-kit-hint{order:3;flex-basis:100%}}
@media(max-width:900px){#flipbook .fb-kit-hint{flex:0 0 auto;width:100%;font-size:13px;line-height:1.5;padding-top:2px}#flipbook .fb-kit-hint-symbol{width:20px;height:20px;font-size:16px}}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){#flipbook .fb-kit-hint{font-size:12px;padding-top:0}#flipbook .fb-kit-hint-symbol{width:18px;height:18px;font-size:15px}}

/* Draw attention once on entering a spread that actually offers add controls. */
#flipbook .fb-kit-hint{padding:6px 10px;border-radius:5px}
@keyframes fb-kit-hint-appear{
  0%{opacity:0;transform:translateY(4px);background:transparent;box-shadow:0 0 0 transparent}
  30%{opacity:1;transform:translateY(0);background:#ff790014;box-shadow:0 0 12px #ff79001a}
  60%{opacity:1;transform:translateY(0);background:#ff79000c;box-shadow:0 0 8px #ff790010}
  100%{opacity:1;transform:translateY(0);background:transparent;box-shadow:0 0 0 transparent}
}
@media(prefers-reduced-motion:no-preference){#flipbook .fb-kit-hint:not([hidden]){animation:fb-kit-hint-appear 1600ms cubic-bezier(.22,.65,.25,1) both}}
@media(prefers-reduced-motion:reduce){#flipbook .fb-kit-hint{animation:none}}

/* Article rows inside suits remain independent, including nearby touch targets. */
#flipbook .fb-hotspot[data-independent]:before{height:min(44px,var(--hotspot-hit-height))}
#flipbook a.fb-brand{color:inherit;text-decoration:none;background:transparent;border-radius:3px}
#flipbook a.fb-brand:hover{background:transparent}
