/* Brava's authored identity, presented within APOLO's existing type system. */
.brava-guide{--brava-navy:#131e29;--brava-copper:#dfa374;--brava-ivory:#f0e3ce;margin:45px 0 85px;background:var(--brava-navy);color:var(--brava-ivory);border:1px solid #ab825c55;border-radius:26px;overflow:hidden;scroll-margin-top:105px}
.brava-guide .brava-kicker{font:500 12px/1.6 var(--sans);letter-spacing:.14em;color:var(--brava-copper);margin:0}
.brava-opener{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.brava-intro{padding:clamp(30px,4vw,65px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.brava-intro h4{font:600 clamp(88px,11vw,170px)/.85 var(--display);letter-spacing:-.025em;margin:34px 0;color:var(--brava-ivory)}
.brava-intro h4 span{display:block;font:500 12px/1.6 var(--sans);letter-spacing:.22em;margin-top:17px}
.brava-intro h5{font:600 clamp(32px,3.4vw,49px)/1 var(--display);letter-spacing:-.01em;color:var(--brava-copper);margin:0 0 25px}
.brava-intro>p:not(.brava-kicker){font-size:16px;line-height:1.75;max-width:365px;margin:0 0 18px;color:#ece0d2}
.brava-intro>p.brava-intro-secondary{color:#b1b4b7;font-size:15px}
.brava-explore{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfa37477;border-radius:30px;background:#dfa3740d;color:var(--brava-ivory);min-height:48px;padding:12px 23px;font-size:14px;margin-top:14px;transition:background .2s,border-color .2s}
.brava-explore:hover{background:#dfa37422;border-color:var(--brava-copper)}
.brava-scope{display:flex;flex-wrap:wrap;gap:12px 17px;border-top:1px solid #ffffff20;margin-top:35px;padding-top:23px;font-size:10px;letter-spacing:.09em;color:#b3b5b7}
.brava-guide figure{margin:0;min-width:0}.brava-cover{position:relative;background:#282521}
.brava-guide .brava-image{border-radius:0;height:100%;display:block;width:100%;padding:0;background:transparent}
.brava-guide .brava-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.brava-cover .brava-image{aspect-ratio:3/4;min-height:100%}
.brava-cover figcaption{position:absolute;left:22px;bottom:20px;pointer-events:none;font-size:10px;color:#fff;letter-spacing:.12em;text-shadow:0 1px 4px #000}
.brava-guide .brava-image>span{font-size:12px;bottom:18px;right:18px}
.brava-manual{padding:clamp(24px,4vw,58px);scroll-margin-top:100px;background:linear-gradient(135deg,#182430,#101921)}
.brava-manual-heading{display:grid;grid-template-columns:1fr 1fr;gap:16px 36px;align-items:end;padding-bottom:35px}
.brava-manual-heading .brava-kicker{grid-column:1/-1}.brava-manual-heading h5{font:600 clamp(34px,4vw,58px)/.97 var(--display);margin:0;letter-spacing:-.01em}.brava-manual-heading>p:last-child{font-size:15px;line-height:1.6;color:#b5b7bb;max-width:240px;justify-self:end;margin:0}
.brava-chapters{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}
.brava-chapters button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#afb5bb;padding:20px 13px;min-height:85px;font:400 14px/1.4 var(--sans);text-align:left;cursor:pointer;transition:color .2s,background .2s}
.brava-chapters button span{font-size:11px;letter-spacing:.1em;color:#8a919a}.brava-chapters button:hover{background:#ffffff05;color:#fff}.brava-chapters button[aria-selected=true]{color:var(--brava-ivory);border-bottom-color:var(--brava-copper);background:#dfa3740b}.brava-chapters button[aria-selected=true] span{color:var(--brava-copper)}
.brava-panel{display:grid;grid-template-columns:1fr 1fr;min-height:560px;outline-offset:-4px;animation:brava-chapter .35s ease both}.brava-panel[hidden]{display:none}.brava-panel-art{min-width:0;padding:30px 0}.brava-panel-art>.brava-image{height:520px;border-radius:12px;overflow:hidden}.brava-panel-art>.brava-image img{object-fit:contain;background:#10171d}
.brava-panel-copy{padding:45px 0 30px 40px;align-self:center}.brava-panel-copy h5{font:600 clamp(35px,3.8vw,55px)/.97 var(--display);letter-spacing:-.012em;color:var(--brava-ivory);margin:22px 0}.brava-panel-copy>p:not(.brava-kicker){font-size:15px;color:#c0c2c4;line-height:1.8;margin:0 0 17px}
.brava-rules{list-style:none;padding:0;margin:27px 0 0;border-top:1px solid #ffffff20}.brava-rules li{display:flex;gap:15px;padding:14px 0;border-bottom:1px solid #ffffff15;font-size:13px;line-height:1.6;color:#ded6cb}.brava-rules li>span{font-size:11px;color:var(--brava-copper);padding-top:2px}
.brava-swatches{display:flex;height:100px;border-radius:9px;overflow:hidden;margin:24px 0}.brava-swatches>div{flex:1;display:flex;align-items:flex-end;background:var(--ink);padding:12px;color:#fff}.brava-swatches span{font-size:11px;line-height:1.4}.brava-swatches .brava-swatch-light{color:#19232c}
.brava-voice{display:flex;flex-direction:column;justify-content:space-between;min-height:520px;border:1px solid #dfa37444;padding:32px;background:#101923;border-radius:12px}.brava-voice>span{font-size:11px;letter-spacing:.12em;color:#a7acb2}.brava-voice blockquote{font:600 clamp(46px,5.2vw,78px)/.95 var(--display);letter-spacing:-.02em;margin:40px 0;color:var(--brava-ivory)}.brava-voice em{font-style:normal;color:var(--brava-copper)}.brava-voice>p{font-size:13px;color:#b9b8b6;margin:0}
.brava-app-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;height:520px}.brava-app-pair .brava-image{height:auto;aspect-ratio:3/4;border-radius:12px;overflow:hidden}.brava-app-pair .brava-image:first-child{transform:translateY(-35px)}.brava-app-pair .brava-image:last-child{transform:translateY(35px)}.brava-app-pair .brava-image>span{font-size:10px;right:8px;bottom:8px;padding:8px}
.brava-manual-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:22px;gap:15px}.brava-page-count{font-size:12px;letter-spacing:.17em;color:var(--brava-copper)}.brava-manual-footer>div{display:flex;gap:10px}.brava-manual-footer button{border:1px solid #dfa37444;border-radius:30px;padding:11px 17px;min-height:44px;background:#ffffff05;color:var(--brava-ivory);font:400 13px/1.3 var(--sans);cursor:pointer}.brava-manual-footer button:hover{background:#ffffff0d}.brava-manual-footer button:disabled{opacity:.3;cursor:default}
.brava-closing{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px clamp(24px,4vw,58px);background:#e9ddc9;color:#16222d}.brava-closing>p{font:600 clamp(22px,2.6vw,37px)/1.1 var(--display);margin:0}.brava-closing em{font-style:normal;color:#8b4828}.brava-closing>span{font-size:11px;line-height:1.65;max-width:220px}
.brava-guide button:focus-visible,.brava-guide a:focus-visible{outline:2px solid var(--brava-copper);outline-offset:4px}
@keyframes brava-chapter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:950px){.brava-intro{padding:30px}.brava-intro h4{font-size:100px}.brava-intro>p:not(.brava-kicker){font-size:14px}.brava-panel-copy{padding-left:25px}.brava-panel-art>.brava-image{height:470px}.brava-panel-copy h5{font-size:37px}.brava-panel{min-height:530px}}
@media(max-width:700px){.brava-guide{margin:28px -12px 45px;border-radius:20px}.brava-opener{display:flex;flex-direction:column}.brava-intro{padding:32px 25px}.brava-intro h4{font-size:110px;margin:26px 0}.brava-intro h5{font-size:36px}.brava-intro>p:not(.brava-kicker){font-size:16px}.brava-cover .brava-image{aspect-ratio:3/4;min-height:0}.brava-manual{padding:30px 20px}.brava-manual-heading{display:block;padding-bottom:25px}.brava-manual-heading h5{font-size:37px;margin:20px 0 15px}.brava-manual-heading>p:last-child{font-size:14px;max-width:none}.brava-chapters{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ad7c56 #111c25}.brava-chapters button{flex:0 0 auto;min-height:76px;padding:15px;font-size:13px}.brava-panel{display:flex;flex-direction:column;min-height:0}.brava-panel-art{padding:24px 0 0}.brava-panel-art>.brava-image{height:auto;aspect-ratio:3/4;max-height:520px}.brava-panel-copy{padding:28px 0}.brava-panel-copy h5{font-size:39px}.brava-panel-copy>p:not(.brava-kicker){font-size:15px}.brava-rules li{font-size:14px}.brava-voice{min-height:380px;padding:25px}.brava-voice blockquote{font-size:58px}.brava-app-pair{height:auto;padding:20px 0}.brava-app-pair .brava-image:first-child{transform:translateY(-15px)}.brava-app-pair .brava-image:last-child{transform:translateY(15px)}.brava-app-pair .brava-image>span{font-size:10px;padding:6px;right:4px;bottom:6px}.brava-manual-footer button{padding-inline:12px;font-size:12px}.brava-closing{display:block;padding:25px}.brava-closing>p{font-size:28px;margin-bottom:18px}.brava-closing>span{display:block;font-size:12px}.brava-cover figcaption{bottom:26px;left:15px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.brava-panel{animation:none}.brava-guide *{transition:none!important}}
.motion-paused .brava-panel{animation:none}