.bbg-apparel-type{color:#121412;background:#fff;font:16px/1.5 Arial,sans-serif;max-width:1600px;margin:auto}.bbg-apparel-type *{box-sizing:border-box}.bbg-apparel-type :is(h1,h2,p){margin:0}.bbg-apparel-type :is(h1,h2){font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:0;line-height:1.02}.bbg-apparel-type a{color:inherit;text-decoration:none}.bbg-apparel-type a:focus-visible{outline:3px solid #c69756;outline-offset:4px}.bbg-apparel-type .bbg-landing-photo{position:relative;overflow:hidden}.bbg-apparel-type .bbg-landing-photo svg{position:absolute;width:100%;height:100%;inset:0}.bat-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 60% 50%,#342b1f,#101210 65%);color:white;min-height:clamp(350px,43.6vw,620px);display:flex;align-items:center}.bbg-apparel-type .bat-hero-art{position:absolute;inset:0 0 0 46%;z-index:-2}.bat-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111310 12%,#111310e0 30%,transparent 60%)}.bat-hero-copy{padding:70px 7% 42px;position:relative}.bat-hero-copy .bat-eyebrow{color:#dfb168;font-size:15px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}.bat-hero h1{font-size:clamp(40px,5.9vw,84px);text-transform:uppercase;color:white}.bat-hero-copy>p:last-child{font-size:clamp(16px,1.7vw,24px);margin-top:20px}.bat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:20px 2.4%}.bat-card{grid-column:span 2;min-height:clamp(360px,44.7vw,610px);position:relative;isolation:isolate;overflow:hidden;background:#11120f;color:white!important}.bat-card-wide{grid-column:span 3;min-height:clamp(300px,38vw,520px)}.bat-card>.bbg-landing-photo,.bat-custom-image{position:absolute!important;inset:0 0 30%;z-index:-2;transition:transform .4s}.bat-card-wide>.bbg-landing-photo{bottom:27%}.bat-custom-image{inset:0}.bat-custom-image img{width:100%;height:100%;object-fit:cover}.bat-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#10110f 0%,#10110ff5 20%,#10110f00 52%)}.bat-card:hover>.bbg-landing-photo,.bat-card:hover>.bat-custom-image{transform:scale(1.025)}.bat-card-copy{position:absolute;bottom:20px;left:7%;right:6%}.bat-card h2{font-size:clamp(25px,2.8vw,40px);color:white;text-transform:uppercase}.bat-card p{font-size:clamp(14px,1.45vw,20px);line-height:1.3;margin:8px 0 15px;min-height:2.6em}.bat-button{display:inline-flex;gap:22px;align-items:center;border:1px solid #ddd;padding:11px 18px;font:600 11px/1.3 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}.bat-button-gold{color:white!important;background:#bf914f;border-color:#bf914f;margin-top:20px;padding:15px 25px}.bat-closing{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:38px 7%;background:#eee9e0}.bat-closing h2{font-size:clamp(27px,3.2vw,44px)}.bat-closing>p{padding-top:8px;font-size:clamp(14px,1.5vw,20px)}.bbg-apparel-type .bbg-craft{background:#faf9f6;padding:25px 4%}.bbg-apparel-type .bbg-craft-description{font-size:11px}
@media(max-width:800px){.bat-grid{gap:12px}.bat-card{min-height:355px}.bat-card-wide{min-height:310px}.bat-button{padding:10px 12px;font-size:10px;gap:12px}.bat-card h2{font-size:23px}.bat-card-copy{left:7%;right:5%;bottom:16px}}
@media(max-width:600px){.bat-hero{min-height:390px}.bbg-apparel-type .bat-hero-art{left:25%;opacity:.7}.bat-hero:after{background:linear-gradient(90deg,#111310e8,transparent),linear-gradient(0deg,#111310aa,transparent)}.bat-hero-copy{padding:90px 7% 40px}.bat-hero h1{font-size:42px}.bat-grid{grid-template-columns:1fr;padding:16px 5%;gap:16px}.bat-card,.bat-card-wide{grid-column:auto;min-height:480px}.bat-card h2{font-size:32px}.bat-card p{font-size:16px}.bat-card-copy{bottom:25px}.bat-button{font-size:11px;padding:12px 18px}.bat-closing{grid-template-columns:1fr;padding:32px 7%;gap:20px}.bat-closing h2{font-size:30px}.bat-closing>p{font-size:15px;padding:0}.bat-card>.bbg-landing-photo{bottom:25%}}
@media(prefers-reduced-motion:reduce){.bat-card>.bbg-landing-photo,.bat-custom-image{transition:none}}
/* The apparel guide has the compact, winged-brand masthead from its reference. */
.bbg-header.bbg-header--apparel{background:#0d100e;border-bottom:1px solid #888b80;min-height:76px;padding:12px 5%;gap:30px;color:#fbfaf7}.bbg-header--apparel .bbg-logo{gap:6px}.bbg-header--apparel .bbg-logo>.bat-header-brand{display:flex;align-items:center;gap:10px;font:16px Georgia,serif;letter-spacing:.05em}.bat-header-crest{display:block;width:62px;height:23px}.bat-header-crest svg{width:100%;height:100%}.bbg-header--apparel .bbg-logo>.bat-header-caption{font:600 8px Arial,sans-serif;letter-spacing:.14em}.bbg-header--apparel .bbg-nav{margin-left:auto;gap:clamp(12px,1.7vw,26px)}.bbg-header--apparel .bbg-nav a,.bbg-header--apparel .bbg-nav-pending{font:600 10px Arial,sans-serif;text-transform:uppercase;white-space:nowrap;letter-spacing:0}.bbg-header--apparel .bbg-nav a:first-child{color:#d6a459;text-decoration:underline;text-underline-offset:10px}.bbg-header--apparel .bbg-actions a:not(:last-child){display:none}.bbg-header--apparel .bbg-actions svg{width:24px;height:24px}.bbg-header--apparel .bbg-mobile-menu nav{background:#0d100e}.bbg-apparel-type-page .bbg-footer{--bbg-gold:#d6b17b;--bbg-cream:#fbfaf7}.bbg-apparel-type-page .bbg-footer .bbg-crest{width:88px;height:36px}
@media(max-width:1000px){.bbg-header.bbg-header--apparel{gap:20px;padding-inline:4%}.bbg-header--apparel .bbg-logo>.bat-header-brand{font-size:13px}.bbg-header--apparel .bbg-logo>.bat-header-caption{font-size:7px}.bbg-header--apparel .bbg-nav{gap:13px}.bbg-header--apparel .bbg-nav a,.bbg-header--apparel .bbg-nav-pending{font-size:9px}}
@media(max-width:800px){.bbg-header.bbg-header--apparel{min-height:70px;flex-wrap:nowrap}.bbg-header--apparel .bbg-nav{display:none}.bbg-header--apparel .bbg-actions{margin-left:auto}.bbg-header--apparel .bbg-mobile-menu{display:block;font:11px Arial;text-transform:uppercase}.bbg-header--apparel .bbg-mobile-menu summary{cursor:pointer;list-style:none}.bbg-header--apparel .bbg-mobile-menu nav{position:absolute;z-index:10;top:100%;left:0;right:0;padding:22px 6%;display:grid;gap:22px;box-shadow:0 12px 20px #0005}}
@media(max-width:400px){.bbg-header.bbg-header--apparel{gap:12px}.bbg-header--apparel .bbg-logo>.bat-header-brand{font-size:11px;gap:7px}.bbg-header--apparel .bbg-logo>.bat-header-caption{font-size:6px}.bat-header-crest{width:45px;height:19px}}
