/* ==========================================================================
   BRIT WEBSITE | DESIGN SYSTEM
   Sections: 01 Tokens · 02 Base · 03 Header · 04 Buttons · 05 Home ·
   06 Interior · 07 Forms · 08 Downloads · 09 Footer · 10 Responsive
   Brand green sampled from the ORIGINAL BRIT logo: #84B413.
   ========================================================================== */

/* 01 | TOKENS ------------------------------------------------------------ */
:root{--lime:#84b413;--lime-light:#d6ef87;--ink:#10201d;--ink2:#20312b;--muted:#65736c;--paper:#f8f9f4;--white:#fff;--line:#dfe5d9;--sand:#edf1e7;--radius:20px;--wrap:1360px;--shadow:0 26px 80px rgba(8,28,20,.12)}
/* 02 | BASE -------------------------------------------------------------- */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Segoe UI',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.09}h1{font-size:clamp(3.45rem,6vw,6.7rem)}h2{font-size:clamp(2.5rem,4.1vw,4.6rem)}h3{font-size:1.4rem}p{color:var(--muted)}em{font-style:normal;color:var(--lime)}.wrap{width:min(calc(100% - 96px),var(--wrap));margin:auto}.section{padding:112px 0}.icon{width:22px;height:22px;flex:0 0 auto;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none}.eyebrow{display:inline-flex;align-items:center;gap:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:750;font-size:.72rem;color:#739d12}.eyebrow:before{content:'';width:17px;height:2px;background:currentColor}.lead{font-size:clamp(1.08rem,1.6vw,1.35rem);max-width:670px;line-height:1.65}.section-heading{margin-bottom:42px}.section-heading h2{margin:14px 0 0}.section-heading.split{display:flex;justify-content:space-between;gap:60px;align-items:end}.section-heading.split>p{max-width:340px;margin-bottom:8px}.skip-link{position:fixed;z-index:300;top:-100px;left:15px;background:#fff;padding:12px}.skip-link:focus{top:15px}:focus-visible{outline:3px solid #84b413;outline-offset:3px}.text-link{display:inline-flex;align-items:center;gap:11px;font-weight:750;border-bottom:1px solid #94aa8a;padding-bottom:8px;white-space:nowrap}.text-link .icon{width:18px}.text-link:hover{color:#638c00}
/* 03 | HEADER / MEGA NAV ------------------------------------------------ */
.utility{background:#101d19;color:#e6f1e3;font-size:.78rem}.utility-inner{height:43px;display:flex;align-items:center;justify-content:space-between}.utility-location,.utility-actions,.utility-actions a{display:flex;align-items:center;gap:9px}.utility-actions{height:100%;gap:25px}.utility .icon{width:15px;height:15px}.utility-actions>a:hover{color:var(--lime-light)}.utility-actions .quick-support{padding:0 17px;height:100%;background:var(--lime);color:var(--ink);font-weight:800;gap:8px}.utility-actions .quick-support:hover{background:#a7d43d;color:var(--ink)}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(22px);border-bottom:1px solid #e8ede6}.header-inner{height:91px;display:flex;justify-content:space-between;align-items:center;gap:35px}.brand{width:104px;height:72px;display:flex;align-items:center}.brand img{width:100%;max-height:72px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:clamp(15px,1.5vw,28px);height:100%;margin-left:auto}.nav-direct,.nav-trigger{display:flex;align-items:center;gap:4px;height:100%;font-weight:700;white-space:nowrap;font-size:.86rem;background:none;border:0;color:var(--ink)}.nav-trigger .icon{width:14px;height:14px;transition:transform .2s}.nav-item{position:static;height:100%}.nav-item:hover .nav-trigger,.nav-item:focus-within .nav-trigger,.nav-direct:hover{color:#64910b}.nav-item:hover .nav-trigger .icon,.nav-item:focus-within .nav-trigger .icon{transform:rotate(180deg)}.mega{position:absolute;top:100%;left:0;right:0;max-height:min(70vh,670px);overflow:auto;display:grid;grid-template-columns:290px 1fr;padding:38px max(48px,calc((100vw - var(--wrap))/2));background:white;box-shadow:0 26px 45px #111c1725;opacity:0;visibility:hidden;transform:translateY(10px);transition:.18s ease;pointer-events:none;gap:50px}.nav-item:hover .mega,.nav-item:focus-within .mega,.nav-item.is-open .mega{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-intro{border-right:1px solid var(--line);padding-right:25px}.mega-intro small{display:block;color:#7b9b58;letter-spacing:.13em;text-transform:uppercase;font-weight:800;margin-bottom:20px}.mega-intro strong{font-size:2rem;line-height:1.15;display:block;letter-spacing:-.05em}.mega-intro p{margin:15px 0}.mega-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mega-links a{padding:15px 14px;background:#f6f8f3;border-radius:11px;display:flex;align-items:center;gap:12px;font-size:.85rem;font-weight:700}.mega-links a:hover{background:#eaf4d8}.mega-links a>.icon:first-child{color:#6e9a0f}.mega-links a>.icon:last-child{width:15px;height:15px;margin-left:auto;color:#8da387}.header-right{display:flex;align-items:center;gap:8px}.menu-toggle,.mobile-menu{display:none}
/* 04 | BUTTONS ----------------------------------------------------------- */
.btn{display:inline-flex;justify-content:center;align-items:center;gap:21px;border:1px solid transparent;border-radius:9px;min-height:52px;padding:14px 20px;font-weight:800;font-size:.89rem;line-height:1.2;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn .icon{width:18px;height:18px}.btn-lime{background:var(--lime);color:#0c1a11}.btn-lime:hover{background:#a5cc48}.btn-ink{background:var(--ink);color:white}.btn-ink:hover{background:#294b35}.btn-outline{border-color:#a5b3a1;color:var(--ink)}.btn-outline:hover{background:#e7f0df}.btn-light-outline{border-color:#76897f;color:#fff}.btn-light-outline:hover{background:#ffffff1c}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}
/* 05 | HOME -------------------------------------------------------------- */
.home-hero{background:#101e1b;color:#fff;position:relative;overflow:hidden}.hero-grain{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 10% 90%,#84b41322 0%,transparent 40%),linear-gradient(120deg,transparent 50%,#729b1011)}.home-grid{min-height:675px;display:grid;grid-template-columns:1.04fr .96fr;gap:5%;align-items:center;padding-top:74px;padding-bottom:46px;position:relative}.home-text{position:relative;z-index:2}.home-text h1{margin:27px 0;max-width:830px;font-size:clamp(3.6rem,5.5vw,6.7rem);line-height:1.06}.h1-outline{color:transparent;-webkit-text-stroke:1px #e2f0da}.home-text h1 em{color:#a3ce39}.home-text .lead{color:#b9ccc1;max-width:600px}.hero-sub{display:flex;align-items:center;gap:10px;margin-top:75px;color:#bdd0c0;font-size:.83rem;letter-spacing:.04em}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px #84b41325}.hero-visual{position:relative}.hero-visual-frame{height:min(520px,43vw);min-height:380px;position:relative;border:1px solid #ffffff30;border-radius:160px 14px 14px 14px;overflow:hidden;background:#203d31;transform:rotate(-1deg)}.hero-visual-frame>img{height:100%;width:100%;object-fit:cover;filter:saturate(.72) brightness(.7)}.hero-visual-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0e1d19ba)}.floating-note{position:absolute;bottom:25px;left:30px;z-index:2;padding:21px 24px;background:#f8f9f1;color:#10201d;border-radius:10px;max-width:260px;box-shadow:var(--shadow)}.floating-note small{display:block;font-size:.58rem;letter-spacing:.12em;font-weight:800;color:#5f8035}.floating-note strong{font-size:1.25rem;line-height:1.2;display:block;margin-top:10px;letter-spacing:-.04em}.note-line{display:block;width:30px;height:3px;background:var(--lime);margin-bottom:14px}.hero-coordinate{margin-top:18px;text-align:right;color:#98b3a0;font-size:.67rem;letter-spacing:.18em}.home-hero-bottom{border-top:1px solid #ffffff26;min-height:65px;display:flex;align-items:center;justify-content:space-between;color:#b6c9b6;font-size:.67rem;letter-spacing:.12em}.home-hero-bottom a{display:flex;gap:14px;align-items:center;color:#fff}.home-hero-bottom .icon{width:16px;height:16px}.signal-strip{background:#dcecb8}.signal-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:78px}.signal-inner span{font-size:.7rem;letter-spacing:.13em;font-weight:800}.signal-inner strong{font-size:1.15rem;letter-spacing:-.03em}.signal-inner i{width:5px;height:5px;border-radius:50%;background:#84b413}.intro-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:end}.intro-layout h2{margin-top:16px}.intro-layout p{font-size:1.15rem;color:#44534a}.intro-layout .btn{margin-top:14px}.navigation-section{background:#edf1e9}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;min-height:400px;border-radius:12px;padding:27px 27px 23px;transition:transform .22s}.category-tile:hover{transform:translateY(-6px)}.category-tile>.icon{width:46px;height:46px;margin-top:48px}.category-tile .tile-no{font-weight:800;font-size:.68rem;letter-spacing:.12em}.category-tile h3{font-size:2.25rem;margin:25px 0 14px}.category-tile p{font-size:.9rem;color:inherit;opacity:.76}.category-tile>span:last-child{display:flex;gap:8px;align-items:center;font-weight:800;margin-top:auto;font-size:.82rem}.category-tile>span:last-child .icon{width:16px;height:16px}.category-dark{background:#142923;color:white}.category-lime{background:#98c432;color:#122017}.category-sand{background:#dce8d0}.category-photo{color:white;background:#20362e}.category-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.35)}.category-photo>*:not(img){position:relative;z-index:1}.spotlight{background:#fbfcf9}.spotlight-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.spotlight-major{display:flex;flex-direction:column;justify-content:space-between;min-height:560px;overflow:hidden;border-radius:15px;background:#e6efe1;position:relative;padding:44px}.spotlight-major>div{max-width:360px;z-index:2;position:relative}.spotlight-major h3{font-size:clamp(2.7rem,4vw,4.4rem);margin:18px 0}.spotlight-major img{position:absolute;bottom:-12%;right:-18%;width:88%;height:76%;object-fit:cover;object-position:center;border-radius:110px 0 0 0}.spotlight-major:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e6efe1 0%,#e6efe1e8 32%,transparent 85%)}.inline-arrow{display:flex;align-items:center;gap:12px;font-weight:800;margin-top:25px}.inline-arrow .icon{width:18px}.spotlight-side{display:grid;gap:16px}.spotlight-side .solution-card{min-height:270px}.approach-section{background:#152821;color:#fff}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:15%}.approach-section h2{margin-top:20px}.approach-section p{color:#b7cabc;max-width:500px;font-size:1.1rem}.approach-section .btn{margin-top:15px}.approach-list>div{display:grid;grid-template-columns:50px 1fr;gap:6px 18px;padding:22px 0;border-bottom:1px solid #ffffff30}.approach-list span{color:var(--lime-light);font-size:.9rem}.approach-list strong{font-size:1.5rem;letter-spacing:-.04em}.approach-list p{grid-column:2;margin:0;font-size:.92rem}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-grid a{border:1px solid #c9d4c4;border-radius:9px;padding:25px 22px;display:flex;align-items:center;gap:18px;font-weight:800}.quick-grid a:hover{background:#eff6e5}.quick-grid a>.icon:last-child{margin-left:auto}.quick-grid .icon{color:#698d21}
/* 06 | INTERIOR PAGES ---------------------------------------------------- */
.directory-hero{padding:105px 0 95px;background:#192a24;color:white;position:relative;overflow:hidden}.directory-hero:after{content:'';position:absolute;right:-110px;bottom:-220px;width:520px;height:520px;border:1px solid #9abf5436;border-radius:50%;box-shadow:0 0 0 80px #a3ce3907,0 0 0 160px #a3ce3905}.directory-hero .wrap{position:relative;z-index:1}.directory-hero h1{max-width:1000px;margin:24px 0}.directory-hero .lead{color:#cad9cf}.directory-hero h1 em,.detail-hero em{color:#b3d961}.dir-section:nth-child(odd){background:#eff3eb}.card-grid{display:grid;gap:16px}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.solution-card,.value-card{padding:32px;border:1px solid #e1e8dc;background:white;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;min-height:305px;transition:transform .2s,border-color .2s,box-shadow .2s}.solution-card:hover{transform:translateY(-5px);border-color:#adc995;box-shadow:0 15px 40px #1b371517}.card-icon{width:49px;height:49px;border-radius:12px;background:#e9f4d9;display:inline-flex;align-items:center;justify-content:center;color:#638c11}.card-icon .icon{width:27px;height:27px}.card-meta{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#7e9b67;margin-top:24px}.solution-card h3{margin:5px 0 12px;font-size:1.55rem}.solution-card p{font-size:.9rem;line-height:1.5}.card-link{margin-top:auto;display:flex;align-items:center;gap:9px;font-weight:800;font-size:.83rem}.card-link .icon{width:17px}.detail-hero{background:#edf2e8;padding:90px 0}.detail-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:6%;align-items:center}.detail-copy h1{font-size:clamp(3.2rem,4.9vw,5.8rem);margin:24px 0}.detail-copy .lead{color:#43574c}.detail-image{position:relative;min-height:430px;height:33vw;max-height:570px;border-radius:130px 12px 12px 12px;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover}.image-index{position:absolute;bottom:20px;right:24px;font-size:.7rem;font-weight:800;color:white;background:#10201dbb;padding:7px 12px;border-radius:5px}.hero-proof{font-size:.83rem;font-weight:700;display:flex;gap:8px;align-items:center;margin-top:26px;color:#4e6548}.hero-proof .icon{color:#6d9815;width:17px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-chip{background:#ecf3e5;border:1px solid #d5e3c8;border-radius:11px;display:flex;align-items:center;gap:14px;padding:20px;font-weight:750;line-height:1.35}.feature-chip .icon{color:#6b9b09;width:21px;height:21px}.process-section{background:#12261f;color:white}.process-section .section-heading p{color:#b0c2b3}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.process-step{border-top:1px solid #68816a;padding:25px 15px 20px 0;min-height:180px}.process-step span{color:#b5dc75;font-weight:800;font-size:1rem}.process-step h3{font-size:1.7rem;margin-top:35px;max-width:290px}.pair-section{background:#edf3e7}.pair-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.pair-image{overflow:hidden;border-radius:12px 130px 12px 12px;height:500px}.pair-image img{width:100%;height:100%;object-fit:cover}.pair-copy h2{margin:20px 0}.pair-copy p{font-size:1.08rem}.pair-copy .feature-chip{margin:20px 0;font-size:.9rem}.pair-copy .btn{margin-top:16px}.related{background:#f8f9f4}.value-card{min-height:235px}.value-card>.icon{width:36px;height:36px;color:#84b413}.value-card h3{margin:20px 0 10px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%}.contact-lines>a{display:flex;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);font-weight:800}.contact-lines>a>.icon{color:#6a9314;width:30px;height:30px}.contact-lines small{display:block;color:#67756a;font-size:.75rem;font-weight:600}.contact-note{margin-top:23px}.contact-panel{padding:38px;background:white;border:1px solid var(--line);border-radius:15px}.contact-panel h2{font-size:2.2rem;margin:12px 0 28px}.contact-panel form{display:flex;flex-direction:column}.contact-panel label{font-size:.84rem;font-weight:750;margin:14px 0 7px}.contact-panel input:not([type=checkbox]),.contact-panel select,.contact-panel textarea{border:1px solid #bfccbf;border-radius:7px;padding:12px 15px;width:100%;background:#fafbf9;color:var(--ink)}.contact-panel input:focus,.contact-panel textarea:focus,.contact-panel select:focus{border-color:#84b413;outline:2px solid #84b41333}.check-row{display:flex;align-items:flex-start;gap:12px;font-weight:500!important}.check-row input{margin-top:6px;accent-color:#84b413}.check-row a{text-decoration:underline}.contact-panel button{align-self:flex-start}.form-hint{font-size:.75rem;margin-top:18px}.form-notice{font-size:.84rem;margin:9px 0;color:#a14b1f}.form-notice.success{color:#356e21}
/* 08 | SEARCHABLE DOWNLOAD CENTER --------------------------------------- */
.download-hero{background:#142820}.download-searchbox{margin-top:40px;background:#fff;border-radius:10px;display:flex;align-items:center;gap:15px;padding:12px 20px;max-width:870px;color:#1a2a22}.download-searchbox>.icon{color:#7a9f3b}.download-searchbox input{flex:1;border:0;outline:0;padding:8px 0;min-width:0;background:none;font-size:1.04rem}.download-searchbox span{font-size:.75rem;color:#7c897b;white-space:nowrap}.download-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.download-controls button{background:#ecf1e8;border:1px solid #d5e0cf;border-radius:100px;padding:9px 18px;margin:0 8px 8px 0;font-size:.82rem;font-weight:750}.download-controls button.active{background:var(--ink);color:white;border-color:var(--ink)}#download-count{font-size:.82rem;white-space:nowrap;color:#778675}.downloads-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.download-item{display:flex;align-items:center;gap:20px;padding:25px;background:white;border:1px solid #dfe7dc;border-radius:10px}.download-item .card-icon{flex:none}.download-item h3{font-size:1.16rem;margin:3px 0 6px}.download-item p{font-size:.82rem;margin:0}.download-item .type{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#6e9b18}.download-item>a{margin-left:auto;color:#507a0a;display:flex;gap:6px;align-items:center;font-weight:800;font-size:.8rem}.download-item>a .icon{width:17px}.downloads-help{background:#ecf3e6;border-radius:12px;margin-top:45px;padding:26px;display:flex;align-items:center;gap:21px}.downloads-help strong{display:block}.downloads-help p{margin:3px 0 0;font-size:.86rem}.downloads-help .btn{margin-left:auto;flex:none}.download-empty{grid-column:1/-1;padding:45px;background:#eff4e9;border-radius:12px}
/* 09 | FOOTER ------------------------------------------------------------ */
.site-footer{background:#0e2019;color:#f3f8ef}.footer-top{padding:85px 0 75px;display:flex;align-items:end;justify-content:space-between;gap:35px;border-bottom:1px solid #ffffff21}.footer-top h2{margin:16px 0 0}.footer-top h2 em{color:#b9df81}.footer-grid{padding:65px 0 75px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:55px}.footer-grid h3{font-size:.84rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:25px;color:#e6f2e0}.footer-grid>div>a{display:block;margin-bottom:10px;color:#b9cbbd;font-size:.9rem}.footer-grid>div>a:hover{color:#a7d34e}.footer-grid p{color:#abbeb0;font-size:.88rem}.footer-about img{width:105px;background:#fff;border-radius:8px;padding:8px;margin-bottom:17px}.footer-about p{max-width:290px}.footer-about .social{display:flex;align-items:center;gap:10px;margin-top:22px}.footer-about .social .icon{width:18px}.footer-grid .hours-title{margin-top:25px;margin-bottom:12px}.footer-bottom{padding:20px 0 26px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;color:#9daea3;font-size:.72rem}
/* 10 | RESPONSIVE -------------------------------------------------------- */
@media(max-width:1250px){.wrap{width:min(calc(100% - 64px),var(--wrap))}.desktop-nav{gap:11px}.nav-direct,.nav-trigger{font-size:.76rem}.header-contact{padding:12px}.category-tile{padding:20px}.category-tile h3{font-size:1.9rem}.mega{padding:32px}}
@media(max-width:1050px){.desktop-nav,.header-contact{display:none}.menu-toggle{display:flex;align-items:center;justify-content:center;border:1px solid #d9e3d5;background:white;width:43px;height:43px;border-radius:8px}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:white;max-height:calc(100vh - 135px);overflow:auto;padding:22px 32px 40px;border-top:1px solid var(--line);box-shadow:0 15px 30px #14211a20}.mobile-menu.open{display:block}.mobile-menu>a,.mobile-menu summary{display:block;padding:13px;font-weight:800;border-bottom:1px solid #edf0ea;cursor:pointer}.mobile-menu details>a{display:block;padding:9px 23px;color:#486046;font-size:.9rem}.home-grid{grid-template-columns:1fr 1fr}.hero-visual-frame{min-height:340px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile{min-height:350px}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap{width:calc(100% - 38px)}.section{padding:70px 0}.utility-location{display:none}.utility-inner{justify-content:flex-end}.utility-actions{gap:15px}.utility-actions>a:first-child{display:none}.utility .quick-support{font-size:.68rem;padding:0 11px}.header-inner{height:76px}.brand{width:87px}.home-grid{grid-template-columns:1fr;padding:65px 0 25px;gap:40px}.home-text h1{font-size:clamp(3.25rem,10vw,5rem)}.hero-sub{margin-top:35px}.hero-visual-frame{height:360px;min-height:0}.home-hero-bottom>span:last-child{display:none}.signal-inner{flex-wrap:wrap;justify-content:center;padding:20px 0;gap:15px}.signal-inner strong{font-size:.9rem}.intro-layout,.spotlight-grid,.approach-layout,.detail-hero-grid,.pair-layout,.contact-layout{grid-template-columns:1fr;gap:30px}.section-heading.split{align-items:flex-start;flex-direction:column;gap:15px}.category-grid,.card-grid.three,.quick-grid,.process-grid,.downloads-grid{grid-template-columns:1fr}.category-tile{min-height:330px}.spotlight-major{min-height:440px}.spotlight-major img{height:55%;bottom:-18%;width:100%}.detail-hero{padding:65px 0}.detail-copy h1{font-size:clamp(3.1rem,9vw,4.8rem)}.detail-image{height:330px;min-height:0;border-radius:85px 12px 12px 12px}.pair-image{height:330px}.feature-grid{grid-template-columns:1fr}.footer-top{align-items:flex-start;flex-direction:column;padding:65px 0 45px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px;padding:50px 0}.footer-about{grid-column:1/-1}.footer-bottom{gap:8px;flex-direction:column}.download-searchbox span{display:none}.download-controls{align-items:flex-start;flex-direction:column}.download-item{flex-wrap:wrap}.download-item>a{margin-left:0}.downloads-help{align-items:flex-start;flex-wrap:wrap}.downloads-help .btn{margin-left:0}.directory-hero{padding:75px 0}.contact-panel{padding:23px}}
@media(max-width:430px){h1{font-size:3rem}.category-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero-visual-frame{height:300px}.floating-note{padding:15px;left:12px;bottom:12px}.spotlight-major{padding:27px}.solution-card{padding:25px}.home-hero-bottom{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ==========================================================================
   11 | EDITORIAL DETAIL MODULES – 2026 CONTENT REFRESH
   Source texts: tools/extended_pages_data.py
   These sections are responsive and use the existing BRIT design tokens.
   ========================================================================== */
.editorial-intro{background:var(--white)}
.editorial-intro-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:10%;align-items:start}
.editorial-side h2{margin:25px 0 0;max-width:570px;font-size:clamp(2.5rem,3.8vw,4.5rem)}
.editorial-number{display:block;margin-top:30px;color:#81917d;letter-spacing:.17em;font-size:.69rem;font-weight:800}
.editorial-period{color:var(--lime)}
.editorial-prose{padding-top:25px;border-top:2px solid var(--lime)}
.editorial-prose p{font-size:clamp(1.05rem,1.22vw,1.22rem);line-height:1.85;color:#43574b;margin-bottom:25px}
.editorial-features{background:#f0f4ec}
.editorial-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.editorial-feature{padding:34px 31px 37px;background:var(--white);border-radius:12px;border:1px solid #e0e8d9;min-height:245px;position:relative;transition:transform .2s,border-color .2s}
.editorial-feature:hover{transform:translateY(-3px);border-color:#a8c77d}
.editorial-feature:before{content:'';position:absolute;top:0;left:30px;right:30px;height:3px;background:var(--lime)}
.editorial-feature .feature-count{display:inline-block;color:#6e9714;font-size:.74rem;letter-spacing:.09em;font-weight:850;margin-bottom:25px}
.editorial-feature h3{font-size:1.34rem;margin-bottom:12px;letter-spacing:-.038em}
.editorial-feature p{font-size:.94rem;line-height:1.7;margin:0}
.editorial-scenario{background:#e8efdf}
.scenario-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:10%;align-items:center}
.scenario-narrative h2{font-size:clamp(2.4rem,3.55vw,4.1rem);margin:22px 0;max-width:680px}
.scenario-narrative>p{font-size:1.06rem;line-height:1.85;max-width:650px}
.scenario-narrative .text-link{margin-top:20px}
.scenario-steps{display:flex;flex-direction:column;gap:13px}
.scenario-step{display:grid;grid-template-columns:48px 1fr 23px;gap:12px;align-items:center;padding:25px;background:#fff;border-radius:10px;border:1px solid #dbe6d1}
.scenario-step strong{font-size:1.04rem;line-height:1.45}
.scenario-step-num{font-size:.78rem;font-weight:800;color:#76a00f}
.scenario-step .icon{width:20px;color:#6c9911}
.editorial-faq{background:var(--paper)}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%;align-items:start}
.faq-layout h2{font-size:clamp(2.4rem,3.5vw,4.1rem);margin:20px 0 16px}
.faq-questions{border-top:1px solid #d5dfd2}
.faq-item{border-bottom:1px solid #d5dfd2;padding:0}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;cursor:pointer;list-style:none;font-weight:800;font-size:1.05rem;line-height:1.5}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .icon{width:18px;transition:transform .2s;color:#739b22}
.faq-item[open] summary .icon{transform:rotate(180deg)}
.faq-item p{padding:0 45px 23px 4px;line-height:1.8;margin:0;color:#42524b}
.editorial-compare{background:#fff}
.editorial-compare h2{margin:19px 0 38px;font-size:clamp(2.5rem,3.65vw,4.2rem)}
.editorial-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.editorial-comparison.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.editorial-comparison article{padding:33px;background:#eff4e9;border-top:4px solid #84b413;border-radius:0 0 10px 10px;min-height:300px;display:flex;flex-direction:column}
.editorial-comparison small{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:#739b21}
.editorial-comparison h3{font-size:1.65rem;margin:18px 0}
.editorial-comparison .text-link{margin-top:auto;align-self:flex-start}
.entry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.entry-grid>div{padding:25px 20px;background:#eff4e9;border-radius:8px;display:flex;flex-direction:column;gap:12px;border-bottom:3px solid #84b413}
.entry-grid strong{font-size:1.15rem}
.entry-grid span{font-size:.87rem;color:#4d5d52}
.printflow{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:15px}
.printflow>div{min-height:145px;display:flex;justify-content:center;flex-direction:column;gap:13px;border-radius:10px;padding:24px;background:#eef3e9;border:1px solid #dee8d7}
.printflow>div.focus{background:#193327;color:white;border-color:#193327}
.printflow strong{font-size:1.35rem}.printflow span{font-size:.85rem;line-height:1.4}
.printflow>div.focus span{color:#c0d5c3}.printflow>.icon{color:#81b414;width:25px}
@media(max-width:1050px){.editorial-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.editorial-intro-layout,.scenario-layout,.faq-layout{grid-template-columns:1fr;gap:30px}.editorial-feature-grid,.editorial-comparison,.editorial-comparison.two{grid-template-columns:1fr}.editorial-feature{min-height:0}.scenario-step{padding:18px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.printflow{grid-template-columns:1fr;gap:12px}.printflow>.icon{transform:rotate(90deg);justify-self:center}.editorial-compare h2{overflow-wrap:anywhere}}
@media(max-width:430px){.entry-grid{grid-template-columns:1fr}.editorial-feature{padding:26px}}