/* B&D: editorial identity, October 2026 */
:root{--paper:#f5f5f1;--page:1400px}
body{font-size:16px}.wrap{width:min(var(--page),calc(100% - 112px))}p{color:#53666e}h2 em,h3 em{font-weight:400;color:var(--green)}
.header{height:106px;position:relative;z-index:4;background:var(--paper)}.header-inner{width:min(var(--page),calc(100% - 112px))}.brand-name{font-size:43px}.brand-desc{font-size:8px;letter-spacing:.16em}.nav a{font-size:10px}.nav .nav-cta{padding:14px 22px}.skip-link{position:absolute;left:20px;top:-60px;background:white;padding:12px;z-index:20}.skip-link:focus{top:10px}:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.hero{padding:0;position:relative;min-height:700px;height:calc(100svh - 106px);max-height:1050px;background:var(--slate);isolation:isolate;overflow:hidden}.hero-landscape{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 56%;z-index:-2}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,32,34,.62),rgba(13,32,34,.26) 60%,rgba(13,32,34,.08)),linear-gradient(0deg,rgba(13,32,34,.46),transparent 45%)}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:62px}.hero .eyebrow{color:#fff;font-size:10px;letter-spacing:.19em}.hero .eyebrow:before{display:none}.hero h1{font-size:clamp(64px,7.3vw,112px);max-width:1080px;line-height:.97;color:#fff;letter-spacing:-.025em;margin:28px 0}.hero h1 em{font-weight:400}.hero-lede{color:#fff;font-size:16px;max-width:580px;line-height:1.8}.hero-link{color:#fff;display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid #ffffff88;padding:16px 0 12px;margin-top:8px;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.hero-link span{font-size:24px}.hero-link:hover{border-color:white}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;color:white;font-size:9px;text-transform:uppercase;letter-spacing:.16em}.hero-bottom span:last-child{font-size:8px;opacity:.85}
.intro{padding:130px 0 120px}.intro-grid{border:0;padding:0;gap:10%;grid-template-columns:1.05fr .95fr}.intro-statement h2{font-size:clamp(44px,4.3vw,68px);line-height:1.05}.intro-grid>p{font-size:16px;line-height:1.95;padding-top:32px}.eyebrow{margin-bottom:24px;font-size:10px}.band{background:#eceee8;padding:110px 0}.section-head{margin-bottom:65px}.section-head h2{font-size:clamp(44px,4.8vw,72px);line-height:1.04}.section-head p{font-size:14px;line-height:1.9}.service-number{font-size:17px;margin-bottom:46px}.service h3{font-size:33px;max-width:290px;line-height:1.12}.service p{line-height:1.9}.service li{font-size:12px;padding:12px 0}.service{padding-right:44px}.service+.service{padding-left:44px}.audiences{padding:125px 0}.audience-intro{padding-right:0}.audience-intro h2{font-size:clamp(42px,4.4vw,66px);line-height:1.04}.audience-intro p{font-size:15px;line-height:1.9}.audience{padding:30px 0}.audience h3{font-size:29px}.audience p{font-size:14px;line-height:1.85}.process{padding:115px 0;background:#263d46}.process h2 em{color:#c2d1c7}.steps{margin-top:70px}.step h3{font-size:29px}.step p{font-size:13px;line-height:1.85}.step-no{font-size:10px}.partners{padding:120px 0}.partners h2{font-size:clamp(44px,4.4vw,66px);line-height:1.03}.partners-copy{padding-left:50px}.partners-copy p{line-height:1.9}.partner-note{background:transparent;border-left:0;border-top:1px solid var(--line);padding:24px 0 0;line-height:1.9}.contact{padding:112px 0;background:#e5e9e1}.contact h2{font-size:clamp(46px,4.7vw,72px);line-height:1.03;max-width:660px}.contact-inner{grid-template-columns:1.2fr .8fr;gap:9%}.contact p{font-size:15px;line-height:1.9}.contact-card{padding:32px 0}.contact-card p{font-size:13px;margin-bottom:25px}.contact .button{cursor:pointer;border:0;font-size:10px;padding:18px 22px}.contact .smallcaps{margin-top:24px;letter-spacing:.12em;font-size:9px}.footer-top{align-items:center}.footer-logo{width:140px;height:auto}.footer-bottom{font-size:10px}footer{padding:58px 0 26px}.footer-links a{font-size:10px}
dialog{border:0;background:var(--paper);color:var(--slate);width:min(580px,calc(100% - 32px));padding:48px;max-height:90svh;overflow:auto}dialog::backdrop{background:#172a30b8;backdrop-filter:blur(5px)}dialog h2{font-size:50px}dialog p{font-size:13px;line-height:1.8}.close-dialog{position:absolute;top:12px;right:18px;background:none;border:0;font-size:30px;color:var(--slate);cursor:pointer}form label{display:block;margin:20px 0 7px;font-size:12px;font-weight:600}input,textarea,select{width:100%;font:14px var(--sans);color:var(--slate);padding:12px;background:#fff;border:1px solid #b8bcb8;border-radius:0}textarea{resize:vertical}form .button{margin-top:24px;border:0;cursor:pointer}#brief-status{margin:15px 0 0;font-size:12px}
@media(min-width:1600px){.hero-content{padding-bottom:70px}}
@media(max-width:950px){.wrap,.header-inner{width:calc(100% - 64px)}.nav{gap:20px}.nav a{font-size:9px}.hero{min-height:620px}.service,.service+.service{padding-left:22px;padding-right:22px}.service:first-child{padding-left:0}.contact-inner{gap:6%}}
@media(max-width:650px){.wrap,.header-inner{width:calc(100% - 40px)}.header{height:88px}.brand-name{font-size:35px}.brand-desc{font-size:7px}.nav{top:88px}.nav a{font-size:11px;padding:15px 0}.nav .nav-cta{padding:15px 0}.hero{height:calc(100svh - 88px);min-height:610px;max-height:900px}.hero-landscape{object-position:59% center}.hero-shade{background:linear-gradient(90deg,#132b3599,#132b3522),linear-gradient(0deg,#132b3588,transparent)}.hero-content{padding-bottom:75px}.hero h1{font-size:clamp(47px,10.5vw,68px);line-height:1.02;margin:23px 0}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-lede{font-size:14px;line-height:1.8;max-width:330px}.hero-link{font-size:10px;margin-top:16px}.hero-bottom{bottom:24px;flex-direction:column;gap:8px;font-size:8px}.hero-bottom span:last-child{font-size:7px}.intro{padding:76px 0}.intro-grid{grid-template-columns:1fr;gap:7px}.intro-grid>p{padding:0;font-size:15px;line-height:1.9}.intro-statement h2{font-size:44px}.eyebrow{font-size:9px;margin-bottom:22px}.band{padding:75px 0}.section-head{gap:18px;margin-bottom:32px}.section-head h2{font-size:46px}.section-head p{font-size:14px}.service,.service+.service{padding:29px 0}.service-number{margin-bottom:24px}.service h3{max-width:340px;font-size:33px}.service p{font-size:14px}.audiences{padding:77px 0}.audience-grid{gap:22px}.audience-intro h2{font-size:46px}.audience{padding:25px 0}.audience p{font-size:13px}.process{padding:76px 0}.steps{margin-top:38px;grid-template-columns:1fr}.step,.step+.step,.step:nth-child(even){border-left:0;border-bottom:1px solid #ffffff26;padding:23px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:0 20px}.step-no{grid-column:1/-1;margin-bottom:12px}.step h3{font-size:29px}.step p{max-width:none;margin-bottom:0;font-size:13px}.partners{padding:76px 0}.partners h2{font-size:46px}.partners-copy{padding-left:20px}.contact{padding:75px 0}.contact-inner{grid-template-columns:1fr;gap:32px}.contact h2{font-size:46px}.contact-card{padding:25px 0}.footer-top{align-items:flex-start}.footer-logo{width:125px}.footer-links{gap:20px}dialog{padding:35px 24px}dialog h2{font-size:44px}}
