.detail-page{background:#151515;color:#f4f2ee}
.detail-intro{padding:34px 5.5% 58px;max-width:1500px;margin:auto}
.detail-intro .breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 28px;color:#8f8e8a}
.detail-intro .breadcrumbs a{color:#bbb9b4}
.detail-intro .breadcrumbs a:hover{color:#fff}
.detail-intro-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:5%;align-items:start}
.detail-intro-copy{padding-top:10px}
.detail-intro-image{margin:0;min-width:0;overflow:hidden;background:#bcb8b1}
.detail-intro-image img{display:block;width:100%;height:min(58vw,660px);min-height:480px;object-fit:cover;object-position:center 20%}
.detail-intro .eyebrow{color:#f0474b;letter-spacing:2px}
.detail-intro h1{font:700 clamp(55px,6vw,94px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;margin:20px 0 27px;max-width:850px}
.detail-intro h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #f4f2ee}
.detail-lede{font-size:clamp(16px,1.25vw,20px);line-height:1.65;color:#d0cec9;max-width:650px;margin:0 0 24px}
.detail-facts{border-top:1px solid #44433f;border-bottom:1px solid #44433f;display:flex;flex-wrap:wrap;gap:9px 20px;padding:16px 0;margin:0 0 24px;font-size:10px;letter-spacing:1.1px;font-weight:700}
.detail-facts span::before{content:'•';color:#e52b32;margin-right:12px}
.detail-facts span:first-child::before{display:none}
.detail-primary{display:inline-flex}
.detail-disclaimer{margin:18px 0 0;font-size:11px;color:#aaa7a2;line-height:1.7}
.detail-panels{border-top:1px solid #464540}
.detail-section{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(295px,.65fr);align-items:stretch;border-bottom:1px solid #464540;background:#161616;color:#f4f2ee}
.detail-section:nth-child(even){background:#efeee9;color:#1c1b1a}
.detail-figure{margin:0;min-width:0}
.detail-figure img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.detail-copy{padding:clamp(26px,5vw,90px) clamp(24px,4vw,72px);display:flex;flex-direction:column;justify-content:center}
.detail-number{font-size:13px;letter-spacing:2px;color:#e3262e;font-weight:700;margin:0 0 28px}
.detail-copy h2{font:700 clamp(37px,3.8vw,68px)/.99 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 28px;max-width:460px}
.detail-copy>p:last-child{font-size:clamp(15px,1.15vw,19px);line-height:1.78;max-width:500px;margin:0;color:#c5c2bc}
.detail-section:nth-child(even) .detail-copy>p:last-child{color:#57544e}
.detail-quote{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7%;padding:105px 5.5%;max-width:1500px;margin:auto;scroll-margin-top:95px}
.detail-quote .eyebrow{color:#ef4448}
.detail-quote h2{font:700 clamp(56px,5.5vw,94px)/.92 'Barlow Condensed',Impact,sans-serif;margin:24px 0 30px}
.detail-quote-intro>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#c7c4be;max-width:570px}
.brief-steps{display:flex;flex-direction:column;gap:15px;margin:43px 0 38px;padding-top:22px;border-top:1px solid #55524e;font-size:12px;letter-spacing:1.4px;font-weight:700;color:#eeece8}
.detail-quote-intro .brief-file-note{border-left:3px solid #e3262e;padding-left:16px;color:#e1ded8;font-size:14px;line-height:1.6}
.design-brief-form{border-top:2px solid #e3262e;background:#1e1e1e;padding:clamp(24px,3vw,48px);box-shadow:0 18px 55px rgba(0,0,0,.13)}
.brief-form-heading{display:flex;justify-content:space-between;gap:12px;margin:0 0 26px;font:700 30px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px}
.brief-form-heading span{align-self:end;color:#a8a5a0;font:700 11px/1.3 Arial,sans-serif;letter-spacing:1px}
.brief-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px}
.brief-form-grid>label{display:block;color:#eceae5;font-size:13px;font-weight:700;letter-spacing:.2px}
.brief-form-grid label>span{color:#ee4047}
.brief-form-grid label>small{font-size:11px;font-weight:400;color:#a9a7a2;letter-spacing:0}
.brief-form-grid label>input,.brief-form-grid label>select,.brief-form-grid label>textarea{display:block;margin-top:8px}
.brief-form-grid label>input+small{display:block;margin-top:7px}
.brief-full{grid-column:1/-1}
.design-brief-form input:not([type=checkbox]),.design-brief-form select,.design-brief-form textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #5b5854;border-radius:0;background:#151515;color:#f4f2ee;font:400 15px/1.4 Arial,sans-serif;padding:13px 14px;min-height:48px;outline:none}
.design-brief-form textarea{min-height:138px;resize:vertical}
.design-brief-form input::placeholder,.design-brief-form textarea::placeholder{color:#92908b;opacity:1}
.design-brief-form input:focus-visible,.design-brief-form select:focus-visible,.design-brief-form textarea:focus-visible{border-color:#ef4448;box-shadow:0 0 0 2px rgba(239,68,72,.28)}
.design-brief-form input[readonly]{color:#c9c6c0;background:#292827}
.brief-options{border:0;border-top:1px solid #514f4b;border-bottom:1px solid #514f4b;padding:22px 0;margin:25px 0}
.brief-options legend{padding:22px 0 0;color:#eceae5;font-size:13px;font-weight:700}
.brief-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}
.brief-options label{display:flex;align-items:flex-start;gap:9px;color:#d4d1cb;font-size:14px;line-height:1.4;cursor:pointer}
.brief-options input{accent-color:#e3262e;width:17px;height:17px;margin:0;flex:0 0 auto}
.brief-privacy,.brief-submit-note{font-size:12px;line-height:1.6;color:#a8a5a0;margin:18px 0}
.brief-submit{width:100%;justify-content:center;cursor:pointer;border:0;min-height:55px}
.brief-submit-note{margin-bottom:0}
.detail-back{margin:0;padding:0 5.5% 70px;max-width:1500px;margin-inline:auto}
.detail-back a{font-size:13px;letter-spacing:1.1px;color:#fff;border-bottom:1px solid #a5a19c;padding-bottom:5px}
.detail-back a:hover{color:#ef4448;border-color:#ef4448}
#credits-dialog{max-width:620px;padding:38px;border:1px solid #999;background:#171717;color:#eee}
#credits-dialog p:last-child{line-height:1.8;color:#c9c6c0}
@media(max-width:900px){.detail-intro-grid{grid-template-columns:1fr;gap:34px}.detail-intro-image img{height:auto;min-height:0;max-height:600px;object-fit:cover}.detail-section{grid-template-columns:1fr}.detail-figure img{max-height:none}.detail-copy{padding:40px 6% 55px}.detail-copy h2{font-size:54px}.detail-quote{grid-template-columns:1fr;gap:35px}.brief-steps{flex-direction:row;flex-wrap:wrap;gap:20px}}
@media(max-width:600px){.detail-intro{padding:30px 6% 47px}.detail-intro .breadcrumbs{margin-bottom:30px;font-size:9px}.detail-intro h1{font-size:clamp(51px,14vw,76px);margin:19px 0 25px}.detail-intro h1 em{-webkit-text-stroke:1px #f4f2ee}.detail-lede{font-size:16px}.detail-facts{gap:8px 22px;font-size:10px;line-height:1.8}.detail-facts span::before{margin-right:7px}.detail-copy{padding:29px 6% 43px}.detail-copy h2{font-size:43px;margin-bottom:18px}.detail-copy>p:last-child{font-size:15px}.detail-number{margin-bottom:17px}.detail-quote{padding:74px 6%}.detail-quote h2{font-size:61px}.detail-quote-intro>p:not(.eyebrow){font-size:16px}.brief-steps{gap:10px}.brief-steps span{flex-basis:100%}.design-brief-form{padding:24px 18px}.brief-form-grid{grid-template-columns:1fr}.brief-form-grid>label{grid-column:1}.brief-options>div{grid-template-columns:1fr}.detail-back{padding:0 6% 55px}}
@media(prefers-reduced-motion:reduce){.detail-page *{scroll-behavior:auto!important}}
