:root{--navy:#153a53;--teal:#13a7b6;--purple:#6c3caa;--ink:#193849}*{box-sizing:border-box}body{margin:0;background:#e6edef;font:15px/1.5 Arial,Helvetica,sans-serif;color:var(--ink)}a{color:#0b718b}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #a9cbd3;border-radius:8px;padding:9px 13px;background:#f2f8fa;color:var(--ink)}button:hover{background:#e1f4f7}button:disabled{opacity:.3;cursor:default}.top{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:10px max(20px,3vw);gap:20px;position:sticky;top:0;z-index:4}.top a{color:white;text-decoration:none}.top nav{display:flex;gap:20px}.home{display:flex;align-items:center;gap:20px}.home img{width:125px;max-height:44px;object-fit:contain}.wordmark{font-size:22px;font-weight:850}.wordmark span,.teal{color:var(--teal)}.wordmark b,.purple{color:var(--purple)}.wrap{max-width:1350px;margin:20px auto;padding:0 18px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:bold;letter-spacing:.1em;gap:10px}.toolbar>div{display:flex;gap:8px}.toolbar select{border-radius:8px;max-width:190px;background:white;padding:7px}.book{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d1e2e8;box-shadow:0 15px 45px #17344530;border-radius:4px;overflow:hidden}.paper{background:white;min-height:770px;padding:36px 39px 52px}.paper:first-child{border-right:1px solid #cedee5}.eyebrow{color:#148da7;font-size:12px;letter-spacing:.13em;font-weight:800}.paper h1{font-size:clamp(38px,4vw,65px);line-height:1.1;margin:25px 0}.paper h2{font-size:clamp(29px,3vw,43px);line-height:1.12;margin:16px 0}.paper h3{font-size:20px;margin:10px 0}.paper p{font-size:16px;line-height:1.6}.coverline{height:7px;border-radius:8px;background:linear-gradient(90deg,var(--teal),var(--purple));margin:35px 0}.big72{font-size:125px;font-weight:900;color:var(--teal);line-height:1.1;margin:60px 0 18px}.pagecount{text-align:center;padding:12px;color:#6d8290;font-size:13px}.tiles,.collection{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.tiles div,.collection button{background:#edf6f9;border:1px solid #d5e5eb;border-radius:10px;padding:20px;text-align:left;font-weight:700}.collection small{display:block;font-weight:normal;color:#517080;margin-top:4px}.compliance{background:#e8f4f7;padding:19px;border-radius:12px;font-weight:800;margin-top:40px}.tm{float:right;width:150px;max-height:40px;object-fit:contain}.product{display:block;width:100%;height:290px;object-fit:contain;margin:10px auto}.chip{display:inline-block;background:#e5f4f6;color:#116e83;border-radius:100px;font-size:12px;padding:7px 11px;margin:4px 5px 4px 0}.small{font-size:12px!important;color:#647b88;line-height:1.4!important}.variants{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0 16px}.variant{font-size:11px;padding:6px 8px}.variant small{display:block;font-size:9px}.variant.active,.tabs .chosen{background:var(--navy);color:white}.tabs{display:flex;gap:7px;margin:13px 0}.specs{border:1px solid #dbe8ec;border-radius:9px;overflow:hidden}.spec{display:grid;grid-template-columns:40% 60%;gap:8px;font-size:11px;padding:7px 10px;border-bottom:1px solid #e1ebed}.spec:nth-child(2n){background:#f5f9fa}.spec span{color:#54717b}.spec strong{overflow-wrap:anywhere}.download,.submit{display:inline-block;border-radius:9px;background:#167c95!important;color:white!important;border:0;text-decoration:none;padding:11px 16px;margin-top:14px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.visual{background:white;padding:10px;display:flex;flex-direction:column;gap:6px;text-align:center}.visual img{display:block;width:100%;height:240px;object-fit:contain}.lightbox{border:none;border-radius:12px;box-shadow:0 20px 75px #0008;max-width:94vw;max-height:94vh;padding:18px}.lightbox::backdrop{background:#102736c9}.lightbox img{max-width:88vw;max-height:76vh;object-fit:contain}.lightbox .close{float:right}.adminwrap{max-width:1050px;margin:25px auto;padding:0 20px}.panel{border:1px solid #cddfe5;background:white;border-radius:12px;padding:22px;margin:14px 0}.panels{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel label{display:block;font-weight:bold;margin:13px 0}.panel input:not([type=checkbox]),.panel select,.panel textarea{display:block;width:100%;margin:7px 0;padding:9px;border:1px solid #a9c6ce;border-radius:7px}.editform textarea{font:13px/1.5 monospace}.checkbox{display:flex!important;gap:12px;align-items:center}.previewgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview{width:100%;height:180px;object-fit:contain}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white}td,th{padding:11px;text-align:left;border-bottom:1px solid #d8e6ec}.flashes{background:#effbf9;padding:8px 24px}.flashes p{margin:5px 0}@media(max-width:900px){.book{display:block}.paper{min-height:0;padding:27px 23px}.paper:first-child{border-bottom:1px solid #d6e2e7}.top{flex-wrap:wrap}.charts{grid-template-columns:1fr}.panels,.previewgrid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}}
/* PDF asset extraction editor */
.extract-editor{max-width:1660px}.extract-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.source-badge{background:#e4f4f4;color:#175e71;border-radius:14px;padding:14px;font-weight:600;white-space:nowrap}
.extract-layout{display:grid;grid-template-columns:minmax(400px,.95fr) minmax(470px,1.05fr);gap:22px;align-items:start}.extract-source{position:sticky;top:90px}.asset-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.asset-toolbar h2{margin:0}.asset-toolbar label{display:flex;align-items:center;gap:8px}.asset-toolbar select,.asset-add select,.asset-controls select{width:auto;min-width:150px;padding:7px;border:1px solid #c7d9de;border-radius:8px;background:white}.asset-add{display:flex;align-items:center;gap:8px}.asset-add .submit{margin:0}
.pdf-canvas{position:relative;display:block;max-width:100%;margin:14px auto 0;user-select:none;touch-action:none;cursor:crosshair;background:#fff;border:1px solid #d8e5e8}.pdf-canvas>img{display:block;width:100%;height:auto;pointer-events:none}.selection-box{position:absolute;border:3px solid #05a5b3;background:#05a5b322;pointer-events:none}.selection-box span{background:#126f85;color:white;position:absolute;top:0;left:0;padding:3px 8px;font-size:10px;white-space:nowrap}.asset-record{margin:10px 0;padding:14px}.asset-record.selected{border:2px solid #12a9b7;background:#f5fcfd}.asset-record-head{margin-bottom:10px}.asset-select{border:none;background:none;padding:5px;color:#17485b;font-weight:800;cursor:pointer;text-align:left;font-size:15px}.asset-select span{color:#657c87;font-size:11px;font-weight:normal;padding-left:10px}.asset-body{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px}.asset-thumbnail{width:130px;height:115px;object-fit:contain;background:white;border:1px solid #d4e2e8;border-radius:8px}.asset-placeholder{width:130px;min-height:105px;background:#edf3f5;padding:15px;color:#789;text-align:center;border-radius:8px;display:grid;place-items:center}.asset-controls{min-width:0}.asset-save label{display:flex;gap:8px;align-items:center;justify-content:space-between}.asset-save .submit{padding:8px 12px;margin:4px 0}.coordinate-display{font-size:11px;color:#577181}.asset-buttons{display:flex;gap:8px;flex-wrap:wrap}.asset-buttons button{border:1px solid #bbcdd5;padding:7px 10px;border-radius:7px;background:white;cursor:pointer}.asset-buttons button:disabled{opacity:.4;cursor:not-allowed}.asset-launch{display:inline-block;text-decoration:none}
@media(max-width:1050px){.extract-layout{grid-template-columns:1fr}.extract-source{position:static}.extract-title{display:block}.asset-body{grid-template-columns:110px minmax(0,1fr)}}

/* Brochure page manager */
.inline-form{display:inline-flex;gap:3px;margin-left:12px}.inline-form button{padding:4px 9px}.page-form .panel{min-width:0}.page-form input,.page-form select,.page-form textarea{width:100%;max-width:100%;padding:9px;border:1px solid #b8cbd2;border-radius:6px}.page-form label{display:block;margin-bottom:14px}.page-form input[type=checkbox]{width:auto}.admin-image{max-width:100%;max-height:160px;object-fit:contain}.editorial-image{display:block;width:100%;max-height:290px;object-fit:contain;margin:16px 0;border-radius:9px}.editorial-metric{font-size:clamp(42px,5vw,86px);font-weight:900;color:#13a5b4;margin:18px 0}.editorial-body{white-space:normal;line-height:1.6}.paper{overflow:auto}

.page-cover{background:linear-gradient(145deg,#09283b,#146e82 65%,#69409b);color:#fff}.page-cover .eyebrow{color:#a2eee7}.page-cover h2{color:#fff}.page-cover a{color:white}.page-cover .editorial-metric{color:#fff}.page-service .editorial-metric{font-size:110px}.page-contact .download{display:inline-block}.page-collection .collection{margin-top:22px}

/* === Version 4 enhancements: live preview + fixed-size public booklet === */
.brochure-public .toolbar{max-width:1320px;margin:0 auto 14px}
.book-stage{display:grid;place-items:center}
.book-frame{width:min(96vw,1320px);perspective:2600px}
.brochure-book,.admin-book{width:100%;aspect-ratio:1.414/1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#cadde4;box-shadow:0 18px 60px rgba(23,52,69,.22);border-radius:8px;overflow:hidden;position:relative;transform-style:preserve-3d}
.brochure-book::before,.brochure-book::after,.admin-book::before,.admin-book::after{content:"";position:absolute;top:0;bottom:0;width:16px;pointer-events:none;z-index:2}.brochure-book::before,.admin-book::before{left:0;background:linear-gradient(90deg,rgba(14,39,54,.12),transparent)}.brochure-book::after,.admin-book::after{right:0;background:linear-gradient(270deg,rgba(14,39,54,.12),transparent)}
.brochure-book .paper,.admin-book .paper{min-height:0;height:100%;padding:28px 30px 44px;overflow:hidden;position:relative;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .28s ease,box-shadow .28s ease,opacity .28s ease}
.brochure-book .paper:first-child,.admin-book .paper:first-child{border-right:1px solid #d7e5ea}
.brochure-book.turn-next .paper:first-child{transform-origin:right center;transform:rotateY(-14deg) scale(.988);box-shadow:inset -18px 0 28px rgba(0,0,0,.08)}
.brochure-book.turn-next .paper:last-child{transform-origin:left center;transform:rotateY(7deg) translateX(4px);opacity:.92;box-shadow:inset 18px 0 28px rgba(0,0,0,.06)}
.brochure-book.turn-prev .paper:first-child{transform-origin:right center;transform:rotateY(7deg) translateX(-4px);opacity:.92;box-shadow:inset -18px 0 28px rgba(0,0,0,.06)}
.brochure-book.turn-prev .paper:last-child{transform-origin:left center;transform:rotateY(-14deg) scale(.988);box-shadow:inset 18px 0 28px rgba(0,0,0,.08)}
.brochure-book.turn-reset .paper{transform:rotateY(0) translateX(0) scale(1);opacity:1}
.brochure-public .paper h1{font-size:clamp(32px,3.4vw,58px)}
.brochure-public .paper h2,.page-editor-preview .paper h2{font-size:clamp(24px,2.25vw,38px);margin:12px 0}
.brochure-public .paper p,.page-editor-preview .paper p{font-size:14px;line-height:1.45;margin:10px 0}
.brochure-public .paper h3{font-size:18px}.brochure-public .eyebrow,.page-editor-preview .eyebrow{font-size:11px}
.brochure-public .product{height:220px}.brochure-public .editorial-image,.page-editor-preview .editorial-image{max-height:180px;margin:12px 0}.brochure-public .editorial-metric,.page-editor-preview .editorial-metric{font-size:clamp(36px,4.2vw,76px);margin:12px 0}.brochure-public .big72{font-size:88px;margin:28px 0 12px}
.brochure-public .tiles,.brochure-public .collection,.page-editor-preview .collection{gap:10px;margin-top:14px}.brochure-public .tiles div,.brochure-public .collection button,.page-editor-preview .collection button{padding:14px;border-radius:9px}
.brochure-public .compliance,.page-editor-preview .compliance{margin-top:16px;padding:15px;font-size:14px}.brochure-public .spec{padding:6px 9px;font-size:10.5px}.brochure-public .variant{font-size:10px;padding:5px 7px}.brochure-public .tabs{margin:10px 0}.brochure-public .download,.page-editor-preview .download{padding:10px 14px;font-size:14px}
.brochure-public .visual img{height:170px}.brochure-public .charts{gap:10px}.brochure-public .small,.page-editor-preview .small{font-size:11px!important;line-height:1.35!important}
.page-editor-wrap{max-width:1700px}.page-editor-layout{display:grid;grid-template-columns:minmax(560px,.95fr) minmax(500px,.85fr);gap:22px;align-items:start}.page-editor-form{min-width:0}.page-editor-preview{position:sticky;top:90px}.preview-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.preview-shell{display:grid;place-items:center}.preview-book{max-width:760px}.preview-meta{margin-top:12px}
.page-editor-preview .paper{background:#fff}.page-editor-preview .paper h2{line-height:1.18}.page-editor-preview .product{height:200px}.page-editor-preview .compliance{font-weight:800}.page-editor-preview .download{pointer-events:none}
@media(max-width:1200px){.page-editor-layout{grid-template-columns:1fr}.page-editor-preview{position:static}.preview-book{max-width:100%}}
@media(max-width:900px){.book-frame{width:min(96vw,760px)}.brochure-book,.admin-book{aspect-ratio:auto;display:block}.brochure-book .paper,.admin-book .paper{height:auto;min-height:0;overflow:visible}.brochure-book .paper:first-child,.admin-book .paper:first-child{border-right:0;border-bottom:1px solid #d7e5ea}.brochure-book::before,.brochure-book::after,.admin-book::before,.admin-book::after{display:none}}

/* === Version 5: more realistic public page turn === */
.brochure-book{position:relative;overflow:hidden;perspective:3000px;transform-style:preserve-3d;background:linear-gradient(90deg,#fdfefe 0%,#f9fcfd 49.2%,#eef4f6 50%,#f9fcfd 50.8%,#fdfefe 100%)}
.brochure-book .paper{transition:filter .25s ease, opacity .25s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.brochure-book.is-turning .paper{pointer-events:none}
.brochure-book.is-turning #left,.brochure-book.is-turning #right{filter:saturate(.94) brightness(.99)}
.flip-sheet{position:absolute;top:0;bottom:0;width:50%;display:none;transform-style:preserve-3d;z-index:5;pointer-events:none}
.flip-sheet.active{display:block}
.flip-sheet.next{left:50%;transform-origin:left center}
.flip-sheet.prev{left:0;transform-origin:right center}
.flip-sheet .sheet-face{position:absolute;inset:0;background:white;padding:28px 30px 44px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;box-shadow:0 10px 30px rgba(8,29,41,.12)}
.flip-sheet .sheet-face.front::after,.flip-sheet .sheet-face.back::after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none}
.flip-sheet.next .sheet-face.front::after{right:0;background:linear-gradient(270deg,rgba(0,0,0,.16),transparent)}
.flip-sheet.next .sheet-face.back::after{left:0;background:linear-gradient(90deg,rgba(0,0,0,.14),transparent)}
.flip-sheet.prev .sheet-face.front::after{left:0;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent)}
.flip-sheet.prev .sheet-face.back::after{right:0;background:linear-gradient(270deg,rgba(0,0,0,.14),transparent)}
.flip-sheet.next .front{transform:rotateY(0deg)}
.flip-sheet.next .back{transform:rotateY(180deg)}
.flip-sheet.prev .front{transform:rotateY(0deg)}
.flip-sheet.prev .back{transform:rotateY(-180deg)}
.flip-sheet.next.go{animation:sheetTurnNext .95s cubic-bezier(.22,.7,.2,1) forwards}
.flip-sheet.prev.go{animation:sheetTurnPrev .95s cubic-bezier(.22,.7,.2,1) forwards}
.flip-sheet .sheet-shadow{position:absolute;top:0;bottom:0;width:140%;left:-20%;opacity:0;pointer-events:none}
.flip-sheet.next .sheet-shadow{background:linear-gradient(90deg,rgba(10,27,37,0) 0%,rgba(10,27,37,.05) 28%,rgba(10,27,37,.22) 48%,rgba(10,27,37,.08) 65%,rgba(10,27,37,0) 100%)}
.flip-sheet.prev .sheet-shadow{background:linear-gradient(90deg,rgba(10,27,37,0) 0%,rgba(10,27,37,.08) 35%,rgba(10,27,37,.22) 52%,rgba(10,27,37,.05) 72%,rgba(10,27,37,0) 100%)}
.flip-sheet.go .sheet-shadow{animation:sheetShadow .95s ease forwards}
.center-glow{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);z-index:4;pointer-events:none;opacity:0}
.center-glow.active{opacity:1}
.center-glow.next{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.9),rgba(255,255,255,0));box-shadow:0 0 24px rgba(255,255,255,.65), 16px 0 36px rgba(14,39,54,.08)}
.center-glow.prev{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.9),rgba(255,255,255,0));box-shadow:0 0 24px rgba(255,255,255,.65), -16px 0 36px rgba(14,39,54,.08)}
@keyframes sheetTurnNext{
  0%{transform:rotateY(0deg) translateX(0);filter:brightness(1)}
  20%{transform:rotateY(-24deg) translateX(-2px);filter:brightness(.98)}
  50%{transform:rotateY(-94deg) translateX(-10px);filter:brightness(.95)}
  100%{transform:rotateY(-180deg) translateX(-1px);filter:brightness(.99)}
}
@keyframes sheetTurnPrev{
  0%{transform:rotateY(0deg) translateX(0);filter:brightness(1)}
  20%{transform:rotateY(24deg) translateX(2px);filter:brightness(.98)}
  50%{transform:rotateY(94deg) translateX(10px);filter:brightness(.95)}
  100%{transform:rotateY(180deg) translateX(1px);filter:brightness(.99)}
}
@keyframes sheetShadow{
  0%{opacity:0;transform:scaleX(.7)}
  18%{opacity:.45}
  50%{opacity:.85;transform:scaleX(1)}
  100%{opacity:0;transform:scaleX(.78)}
}
@media (prefers-reduced-motion: reduce){.flip-sheet.go,.flip-sheet.go .sheet-shadow{animation:none!important}}
@media(max-width:900px){.flip-sheet,.center-glow{display:none!important}}

/* v6: true two-sided leaf and readable reverse face. The back is a different
   destination page, never a mirrored image of the departing page. */
.book-frame { perspective: 3200px; }
.brochure-book { overflow: visible; perspective: none; transform-style: preserve-3d; isolation: isolate; }
.brochure-book > .paper { overflow: hidden; }
.flip-sheet { transform-style: preserve-3d; will-change: transform; }
.flip-sheet .sheet-face {
  display:block; box-sizing:border-box; width:100%; height:100%;
  -webkit-backface-visibility:hidden;backface-visibility:hidden;
  transform-style:flat;
  overflow:hidden;
  box-shadow:0 12px 35px rgba(16,40,50,.16);
}
.flip-sheet.next .sheet-face.front,.flip-sheet.prev .sheet-face.front {
  transform: translateZ(1px) rotateY(0deg);
}
.flip-sheet.next .sheet-face.back {
  transform: rotateY(180deg) translateZ(1px);
}
.flip-sheet.prev .sheet-face.back {
  transform: rotateY(-180deg) translateZ(1px);
}
/* Sheet-content is rendered as normal HTML on the back face, not reflected. */
.flip-sheet .sheet-face.back { direction:ltr; text-align:left; }
@media(max-width:900px){.brochure-book{overflow:hidden}}

/* v7: avoid compositor flattening of the true two-sided leaf.
   A CSS filter on an animated transform-style:preserve-3d element causes
   Chromium to flatten front/back faces; users see mirrored text. */
.flip-sheet,
.flip-sheet.next.go,
.flip-sheet.prev.go { filter:none!important; }
@keyframes sheetTurnNext {
  0% { transform:rotateY(0deg) translateX(0) }
  20% { transform:rotateY(-24deg) translateX(-2px) }
  50% { transform:rotateY(-94deg) translateX(-10px) }
  100% { transform:rotateY(-180deg) translateX(-1px) }
}
@keyframes sheetTurnPrev {
  0% { transform:rotateY(0deg) translateX(0) }
  20% { transform:rotateY(24deg) translateX(2px) }
  50% { transform:rotateY(94deg) translateX(10px) }
  100% { transform:rotateY(180deg) translateX(1px) }
}
/* Back-of-sheet faces must not paint through when turned away */
.flip-sheet .sheet-face {backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.flip-sheet .sheet-face.back {background:#fff;}

.flip-sheet .reverse-content{transform:none;transform-origin:center center;height:100%;}

.flip-sheet.next .sheet-face.back{transform:rotateY(180deg) scaleX(-1)!important;}

/* v7 browser-safe leaf turn: show the outgoing front to edge-on, then reveal
   the incoming page with upright HTML, never the mirrored reverse of a 3D plane. */
.flip-sheet.next.go {animation:outgoingNext .48s ease-in forwards!important;}
.flip-sheet.prev.go {animation:outgoingPrev .48s ease-in forwards!important;}
@keyframes outgoingNext {0%{transform:rotateY(0)}100%{transform:rotateY(-90deg)}}
@keyframes outgoingPrev {0%{transform:rotateY(0)}100%{transform:rotateY(90deg)}}
.flip-sheet .sheet-face.back{display:none!important;}
.incoming-leaf{position:absolute;top:0;bottom:0;width:50%;background:white;z-index:6;pointer-events:none;visibility:hidden;padding:28px 30px 44px;overflow:hidden;box-sizing:border-box;box-shadow:0 4px 24px rgba(20,42,58,.13)}
.incoming-leaf.next{left:0;transform-origin:right center;transform:perspective(2400px) rotateY(87deg)}
.incoming-leaf.prev{right:0;transform-origin:left center;transform:perspective(2400px) rotateY(-87deg)}
.incoming-leaf.next.go{animation:incomingNext .49s .46s ease-out both}
.incoming-leaf.prev.go{animation:incomingPrev .49s .46s ease-out both}
@keyframes incomingNext{0%{visibility:hidden;transform:perspective(2400px) rotateY(87deg)}1%{visibility:visible;transform:perspective(2400px) rotateY(87deg)}100%{visibility:visible;transform:perspective(2400px) rotateY(0)}}
@keyframes incomingPrev{0%{visibility:hidden;transform:perspective(2400px) rotateY(-87deg)}1%{visibility:visible;transform:perspective(2400px) rotateY(-87deg)}100%{visibility:visible;transform:perspective(2400px) rotateY(0)}}
@media (prefers-reduced-motion:reduce){.flip-sheet.next.go,.flip-sheet.prev.go,.incoming-leaf.next.go,.incoming-leaf.prev.go{animation:none!important}}
@media(max-width:900px){.incoming-leaf{display:none!important}}

/* v8 continuous leaf motion driven by the Web Animations API. */
.brochure-book .flip-sheet.active{display:block;visibility:visible;z-index:7;transform-style:flat;filter:none!important;}
.brochure-book .flip-sheet.next{left:50%;transform-origin:0% 50%;}
.brochure-book .flip-sheet.prev{left:0;transform-origin:100% 50%;}
.brochure-book .flip-sheet .sheet-face.front{display:block;transform:none!important;backface-visibility:visible;filter:none!important;}
.brochure-book .flip-sheet .sheet-face.back{display:none!important;}
.brochure-book .incoming-leaf.active{display:block;visibility:visible;z-index:6;filter:none!important;}
.brochure-book .incoming-leaf.next{left:0;right:auto;transform:rotateY(89.8deg);transform-origin:100% 50%;}
.brochure-book .incoming-leaf.prev{left:50%;right:auto;transform:rotateY(-89.8deg);transform-origin:0% 50%;}
.brochure-book .incoming-leaf.go,.brochure-book .flip-sheet.go{animation:none!important;}
.brochure-book .incoming-leaf,.brochure-book .flip-sheet{will-change:transform;}
.brochure-book.is-turning #left,.brochure-book.is-turning #right{filter:none!important;}
.brochure-book .center-glow{z-index:3;}
@media(max-width:900px){.brochure-book .flip-sheet,.brochure-book .incoming-leaf{display:none!important;}}
/* Multi-brochure landing and admin (v11) */
.brochure-home{max-width:1420px;margin:0 auto;padding:52px 26px 90px}.home-hero{text-align:center;max-width:900px;margin:0 auto 44px}.home-hero h1{font-size:clamp(36px,4.5vw,68px);line-height:1.1;color:#153a53;margin:15px 0}.home-hero p{font-size:18px;color:#547181}
.brochure-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.brochure-card{display:block;color:inherit;text-decoration:none;background:white;border:1px solid #d5e4e9;box-shadow:0 15px 35px #17344517;border-radius:18px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.brochure-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px #1734452a}
.brochure-cover{aspect-ratio:0.81;display:flex;flex-direction:column;align-items:flex-start;padding:36px 32px;color:white;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(148deg,#12374d,#087f95 65%,#6645aa)}.theme-purple .brochure-cover,.admin-brochure-preview.theme-purple{background:linear-gradient(145deg,#291c4f,#6b42a7 65%,#129fae)}.theme-blue .brochure-cover,.admin-brochure-preview.theme-blue{background:linear-gradient(145deg,#08273f,#235c97 65%,#13a7b6)}.brochure-cover::after{content:"";position:absolute;width:70%;aspect-ratio:1;border:22px solid #ffffff1a;border-radius:42px;right:-28%;top:28%;transform:rotate(34deg);z-index:-1}.cover-top{font-size:11px;font-weight:800;letter-spacing:.15em;opacity:.8}.cover-mark{font-size:14px;font-weight:900;letter-spacing:.2em;margin-top:19%}.brochure-cover h2{font-size:clamp(30px,3.2vw,50px);line-height:1.03;margin:18px 0 10px;color:white}.brochure-cover p{font-size:14px;text-transform:uppercase;letter-spacing:.1em;opacity:.85}.cover-foot{margin-top:auto;width:100%;border-top:1px solid #ffffff68;padding-top:17px;font-size:11px;letter-spacing:.12em;display:flex;justify-content:space-between}.brochure-card-details{padding:23px 25px 28px}.brochure-card-details h3{font-size:24px;margin:0 0 8px;color:#163d54}.brochure-card-details p{font-size:14px;color:#58717f;min-height:3em}.browse-link{font-weight:800;color:#117b95}
.brochure-admin-list{display:grid;gap:18px}.brochure-admin-item{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.admin-brochure-preview{border-radius:12px;background:linear-gradient(145deg,#12374d,#128fa3,#7048b2);color:white;padding:22px;min-height:300px;display:flex;flex-direction:column;justify-content:center}.admin-brochure-preview span{letter-spacing:.14em;font-size:11px;font-weight:900}.admin-brochure-preview h2{font-size:34px;line-height:1.1;color:white}.admin-brochure-preview small{letter-spacing:.09em}.admin-brochure-controls label{display:block;margin:10px 0;font-weight:700}.admin-brochure-controls input,.admin-brochure-controls select,.new-page-fields input,.new-page-fields select{width:100%;padding:9px;border-radius:7px;border:1px solid #b8cbd2;display:block;margin-top:5px}.admin-brochure-controls .checkbox{display:flex;align-items:center}.admin-brochure-controls .checkbox input{width:auto}.new-page-fields{display:grid;grid-template-columns:1fr 220px auto;gap:15px;align-items:end}.new-page-fields label{font-weight:700}.new-page-fields button{white-space:nowrap}.brochure-public .book-frame{margin:auto}
@media(max-width:950px){.brochure-cards{grid-template-columns:1fr 1fr}.brochure-admin-item{grid-template-columns:180px 1fr}}
@media(max-width:650px){.brochure-cards{grid-template-columns:1fr}.brochure-cover{aspect-ratio:1.1}.brochure-admin-item{grid-template-columns:1fr}.admin-brochure-preview{min-height:180px}.new-page-fields{grid-template-columns:1fr}}

.brochure-return{margin-bottom:12px;font-size:13px;color:#567383}.brochure-return a{font-weight:700;text-decoration:none}

/* Accessory cards in fitting-family technical panel */
.accessory-list{display:grid;gap:9px;margin:10px 0;max-height:440px;overflow:auto}
.accessory-card{display:grid;grid-template-columns:85px 1fr;gap:12px;align-items:center;border:1px solid #d7e5ea;border-radius:9px;padding:9px;background:#f8fcfd}
.accessory-card img{width:85px;height:95px;object-fit:contain;background:white;border-radius:5px}
.accessory-card strong{display:block;color:#173e54;font-size:13px}.accessory-card a{font-size:12px}