:root{--ink:#171b1e;--paper:#fff;--muted:#697177;--accent:#f8b119;--line:#dce0e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:100px;z-index:99;background:white;padding:12px}header{height:92px;padding:0 5%;background:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.logo{font-size:43px;font-weight:900;letter-spacing:-3px;display:flex;align-items:center;gap:12px;line-height:1}.logo span{font-size:14px;letter-spacing:3px;font-weight:400;border-left:1px solid;padding:8px 0 8px 13px}nav{display:flex;gap:30px}nav a{text-transform:uppercase;font-size:13px;letter-spacing:1.3px;font-weight:700}nav a:hover{border-bottom:2px solid var(--ink)}.menu-button{display:none}.hero{background:#171b1e;color:#fff}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;min-height:640px}.hero-copy{padding:70px 8% 60px 10%}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:2.1px;line-height:1.6;margin:0 0 28px;color:var(--muted)}.hero .eyebrow{color:#c7cdd0}h1{font-size:clamp(55px,6.3vw,100px);line-height:.95;letter-spacing:-5px;margin:0 0 30px;font-weight:900}.period{color:var(--accent)}.hero h2{font-size:clamp(23px,2.5vw,38px);line-height:1.2;letter-spacing:-1px;margin:0 0 22px}.hero-copy p:not(.eyebrow){max-width:480px;color:#c6cbd0}.button{display:inline-block;background:var(--accent);color:var(--ink);border:0;padding:15px 24px;margin-top:18px;font-size:14px;font-weight:700;cursor:pointer}.button:hover{background:#f8b119}.hero-visual{position:relative;overflow:hidden;background:#292c2a}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:saturate(.55);position:absolute}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111a 0%,transparent 55%)}.vertical{position:absolute;right:22px;top:38px;writing-mode:vertical-rl;letter-spacing:3px;font-size:12px;z-index:1}.image-label{position:absolute;bottom:40px;left:40px;font-size:12px;letter-spacing:2px;z-index:1}.hero-bottom{padding:20px 5%;display:flex;justify-content:space-between;border-top:1px solid #ffffff25;font-size:12px;letter-spacing:1.5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:38px 5%;border-bottom:1px solid var(--line)}.stats div{padding:0 30px;border-right:1px solid var(--line)}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{display:block;font-size:40px;letter-spacing:-1.5px;line-height:1.3}.stats span{font-size:13px;color:var(--muted)}.section{padding:100px 7%;scroll-margin-top:10px}h2{font-size:clamp(32px,3.6vw,54px);line-height:1.06;letter-spacing:-1.8px;margin:0 0 32px}h3{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:24px 0 16px}h4{font-size:16px;line-height:1.4}p{margin:0 0 20px}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.about h2{font-size:38px}.about h3{font-size:19px;color:var(--muted)}.about aside{border-left:1px solid var(--line);padding-left:50px}.outline-number{font-size:120px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px #89929a;letter-spacing:-8px}.about aside>p:first-of-type{font-size:12px;letter-spacing:2px;margin:15px 0 25px}.fine-line{width:50px;height:3px;background:var(--accent);margin:30px 0}.brands{background:#f1f3f4}.section-head{display:grid;grid-template-columns:1fr 1fr;column-gap:10%;margin-bottom:55px}.section-head .eyebrow{grid-column:1/-1}.section-head p{max-width:520px;color:var(--muted)}.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.brand{padding:38px;grid-column:span 2;background:white;display:flex;flex-direction:column;justify-content:space-between}.brand.dot,.brand.wright{grid-column:span 3;min-height:480px}.brand-name{font-size:50px;font-weight:900;letter-spacing:-2px;line-height:1;margin-bottom:50px}.brand-name small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:3px;font-weight:400;margin-top:12px}.brand h3{font-size:23px}.brand p{font-size:15px}.brand a{display:inline-block;font-size:14px;font-weight:700;border-bottom:1px solid;padding-bottom:5px;margin-top:15px}.dot{border-top:5px solid #efc522}.wright{background:#202428;color:white;border-top:5px solid #ed2929}.titan{border-top:5px solid #c63036}.patriot{background:#202428;color:white;border-top:5px solid #aeb4b8}.ella{border-top:5px solid #ed9cbd}.ella .brand-name{font-style:italic;font-weight:400;letter-spacing:2px}.scale{background:#202428;color:#fff;display:grid;grid-template-columns:1.7fr 1fr;gap:10%;align-items:end}.scale .eyebrow{color:#aeb6bd}.scale h2{font-size:36px}.large-number{font-size:clamp(55px,8vw,118px);line-height:1;letter-spacing:-6px;margin:30px 0 12px;font-weight:800}.large-number span{color:var(--accent)}.scale-title>p{font-size:12px;letter-spacing:3px}.scale>div:last-child p{color:#b8c0c5}.scale h3{font-size:25px;line-height:1.6}.section-content{max-width:1050px}.development .section-content{display:grid;grid-template-columns:1fr 1fr;gap:0 8%}.development h2,.development h3{grid-column:1/-1}.development h3{font-size:19px}.development h4{border-top:2px solid #f8b119;padding-top:18px;margin:25px 0 12px}.development h4+p{padding-top:12px}.innovation{position:relative;background:#f1f3f4;display:grid;grid-template-columns:1fr .85fr;gap:0 9%}.innovation>.eyebrow{grid-column:1/-1}.innovation h2{font-size:24px;color:var(--muted)}.innovation h3{font-size:42px;line-height:1.12}.detail-image{width:100%;height:480px;object-fit:cover;object-position:70%;filter:grayscale(1);align-self:center}.manufacturing{border-bottom:1px solid var(--line)}.manufacturing .section-content{max-width:900px}.manufacturing h2{font-size:24px;color:var(--muted)}.manufacturing h3:first-of-type{font-size:45px;max-width:750px}.manufacturing h4{font-size:20px}.bespoke{background:#171b1e;color:white}.bespoke .eyebrow{color:#b8c0c5}.bespoke h2{font-size:24px;color:#b8c0c5}.bespoke h3:first-of-type{font-size:50px}.bespoke .section-content{columns:2;column-gap:9%;max-width:none}.bespoke h2,.bespoke h3,.bespoke p:first-of-type{column-span:all}.bespoke h4{margin-bottom:6px;break-after:avoid;border-top:1px solid #ffffff30;padding-top:20px}.bespoke p{color:#cbd1d5;break-inside:avoid}.bespoke p:first-of-type{font-size:24px;max-width:950px;color:white}.footprint .section-content{display:grid;grid-template-columns:repeat(3,1fr);gap:0 7%}.footprint h2,.footprint h3{grid-column:1/-1}.footprint h4{margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.footprint h4+p{grid-row:4}.story{background:#eef1f3}.story .section-content{max-width:850px;margin:auto}.story h2{font-size:24px;color:var(--muted)}.story h3{font-size:38px}.story h4{font-size:27px;padding:25px 0}.credentials{padding-top:65px;padding-bottom:65px}.credentials>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.credentials article{border-top:1px solid var(--line);padding-top:20px}.credentials strong{font-size:32px;letter-spacing:-1px}.credentials p{font-size:14px;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eef1f3}.contact h2{font-size:clamp(48px,5.6vw,80px)}.contact h3{font-size:28px}.contact-details{margin-top:30px}.contact-details a{display:block}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;margin:10px 0}input,select,textarea{display:block;width:100%;background:transparent;border:1px solid #a4abb0;border-radius:0;padding:12px;color:var(--ink);margin-top:6px;min-width:0}textarea{resize:vertical}.form-note{font-size:13px;color:#555e64;margin-top:14px}footer{background:#111618;color:#e4e8ea;padding:60px 7% 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer .logo{margin-bottom:22px}footer h4{font-size:12px;letter-spacing:2px;color:#a8b0b5;margin-top:0}footer>div>a:not(.logo){display:block;font-size:14px;margin:7px 0}footer p{font-size:14px;color:#a8b0b5}.legal{grid-column:1/-1;display:flex;gap:30px;border-top:1px solid #ffffff22;padding-top:25px;margin-top:20px;font-size:12px;color:#a8b0b5}.legal button{background:none;border:0;color:inherit;cursor:pointer;font-size:12px}dialog{border:0;max-width:650px;padding:40px;width:90%}dialog::backdrop{background:#0009}dialog button{float:right;padding:7px 15px}dialog h2{font-size:30px}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){.hero-copy{padding-left:14%}.hero-grid{min-height:760px}.section{padding-left:12%;padding-right:12%}}@media(max-width:1000px){nav{gap:15px}nav a{font-size:12px}.hero-grid{min-height:590px}h1{letter-spacing:-3px}.hero-copy{padding:55px 8%}.brand{padding:25px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand,.brand.dot,.brand.wright{grid-column:span 1}.brand.ella{grid-column:1/-1}.stats strong{font-size:30px}.stats div{padding:0 18px}.section{padding:75px 6%}.about{gap:6%}.about aside{padding-left:30px}}@media(max-width:700px){header{height:75px;padding:0 6%}.logo{font-size:35px}.logo span{font-size:12px}.menu-button{display:block;border:1px solid var(--line);background:white;padding:8px 12px;font-size:14px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:24px 6%;flex-direction:column;box-shadow:0 15px 25px #0002}nav.open{display:flex}nav a{font-size:15px;padding:7px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero h1{font-size:clamp(46px,12vw,78px);letter-spacing:-2.5px}.hero h2{font-size:29px}.hero-visual{height:340px}.hero-bottom{padding:18px 6%;font-size:10px;gap:14px}.hero-bottom span:nth-child(2){display:none}.stats{grid-template-columns:1fr 1fr;padding:22px 6%;gap:20px}.stats div{padding:0!important;border:0}.stats strong{font-size:30px}.section{padding:60px 6%}.about,.section-head,.scale,.innovation,.contact{display:block}.about aside{padding:30px 0 0;margin-top:30px;border-left:0;border-top:1px solid var(--line)}.outline-number{font-size:85px}.section-head h2{font-size:39px}.brand-grid{grid-template-columns:1fr}.brand,.brand.dot,.brand.wright{grid-column:1;min-height:0;padding:30px}.brand-name{margin-bottom:30px}.brand p{font-size:16px}.scale>div:last-child{margin-top:30px}.large-number{font-size:64px;letter-spacing:-3px}.development .section-content{display:block}.development h4+p{padding:0}.detail-image{height:320px;margin-top:25px}.innovation h3{font-size:37px}.manufacturing h3:first-of-type{font-size:36px}.bespoke .section-content{columns:1}.bespoke h3:first-of-type{font-size:39px}.bespoke p:first-of-type{font-size:21px}.footprint .section-content{display:block}.story h3{font-size:31px}.credentials>div{grid-template-columns:1fr 1fr;gap:22px}.credentials strong{font-size:26px}.contact form{margin-top:45px}.fields{grid-template-columns:1fr}.contact h2{font-size:55px}footer{grid-template-columns:1fr 1fr;padding:50px 6% 25px;gap:30px}footer>div:first-child{grid-column:1/-1}.legal{gap:15px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original supplied brand artwork, with native colours and proportions. */
.official-group-logo{letter-spacing:0;gap:14px}.official-group-logo img{display:block;width:122px;height:auto}.official-group-logo span{letter-spacing:3px}.brand-logo{height:135px;width:100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom:34px}.brand-logo img{display:block;max-width:100%;width:290px;height:100%;object-fit:contain;object-position:left center}.brand-logo-wright{background:#fff;padding:5px 8px}.brand-logo-titan{background:#050707}.brand-logo-patriot{background:#fff}.brand-logo-ella img{width:220px}.titan{border-top-color:#ffb511}.innovation-visual{align-self:center}.technology-logo{background:white;padding:8px 20px;margin-bottom:16px}.technology-logo img{width:250px;max-width:100%;height:auto;display:block}.innovation-visual .detail-image{height:345px;margin-top:0}footer .official-group-logo img{width:135px}footer .official-group-logo{justify-content:flex-start}@media(max-width:700px){.official-group-logo img{width:98px}.official-group-logo span{font-size:11px}.brand-logo{height:130px;margin-bottom:26px}.brand-logo img{max-width:100%}.innovation-visual{margin-top:28px}.innovation-visual .detail-image{height:300px}}

.scale{position:relative;isolation:isolate;overflow:hidden;min-height:530px;background:#151b20}.scale-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.scale:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,21,.87),rgba(10,16,21,.68));z-index:-1}.scale .eyebrow,.scale>div:last-child p{color:#e0e6ea}.scale-title>p{color:#fff}@media(max-width:700px){.scale{min-height:660px}.scale-photo{object-position:40% center}.scale:before{background:rgba(10,16,21,.78)}}

.hero-visual img{object-position:52% center;filter:none}.hero-visual:after{background:linear-gradient(0deg,#1119,transparent 65%)}.brand-photo{display:block;width:100%;height:230px;object-fit:cover;margin:0 0 26px}.brand-photo-dot{object-position:center 62%}.brand-photo-ella{object-position:center 60%}.brand-photo-patriot{object-position:center}.brand.dot,.brand.wright{justify-content:flex-start}.section-photograph{margin:44px 0 0;max-width:1100px}.section-photograph img{display:block;width:100%;height:440px;object-fit:cover}.development .section-photograph img{object-position:center 55%}.manufacturing .section-photograph img{object-position:center 50%}.bespoke .section-photograph img{object-position:center 64%}.story .section-photograph{max-width:850px;margin:40px auto 0}.about-photo{width:100%;height:235px;object-fit:cover;margin-top:15px}.technology-logos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.technology-logo{display:flex;align-items:center;justify-content:center;padding:6px;margin:0;height:112px}.technology-logo img{width:100%;max-height:100%;object-fit:contain}.innovation-visual .detail-image{height:390px;object-fit:contain;object-position:center;filter:none;background:#111}.brand.titan{justify-content:flex-start}.brand.titan .brand-logo{margin-bottom:35px}@media(max-width:700px){.hero-visual{height:360px}.hero-visual img{object-position:center}.brand-photo{height:245px}.section-photograph img{height:310px}.technology-logo{height:95px}.innovation-visual .detail-image{height:350px}}

header{height:108px}.official-group-logo img{width:100px;height:100px;object-fit:contain}.official-group-logo{gap:0}footer .official-group-logo{width:150px;background:#fff}footer .official-group-logo img{width:150px;height:150px}html{scroll-padding-top:108px}@media(max-width:700px){header{height:88px}.official-group-logo img{width:82px;height:82px}nav{top:88px}html{scroll-padding-top:88px}}

/* Group palette and coherent section composition. */
.brand.wright,.brand.patriot{background:#fff;color:var(--ink)}.brand-logo{background:#fff;height:140px;padding:10px;margin-bottom:25px}.brand-logo-dot,.brand-logo-titan{background:#050707}.brand-photo{height:250px}.brand-photo-wright{object-position:center 55%}.brand.patriot{border-top-color:#aeb4b8}.innovation{background:#f1f3f4}.contact{background:#eef1f3}.development .section-content{display:block;max-width:none}.development .section-content>p{max-width:840px}.development .section-content>h3:first-of-type{font-size:clamp(30px,3.3vw,46px);max-width:950px}.development .section-content>h2{font-size:24px;color:var(--muted)}.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:35px}.process-step{border-top:2px solid var(--accent);padding-top:20px}.step-index{font-size:14px;color:var(--muted);display:block;margin-bottom:18px}.process-step h4{margin:0 0 12px;border:0;padding:0;font-size:15px}.process-step p{font-size:15px;line-height:1.6;padding:0;margin:0}.bespoke .section-content{columns:auto}.bespoke .section-content>p{max-width:900px}.bespoke .process-steps{grid-template-columns:repeat(4,1fr);gap:30px}.bespoke .step-index{color:#b3bbc0}.bespoke .process-step h4{font-size:15px}.bespoke .process-step p{font-size:15px;color:#cbd1d5}.story .section-content{max-width:850px}.brand.ella .brand-photo{height:250px}@media(max-width:1000px){.process-steps{grid-template-columns:repeat(3,1fr)}.bespoke .process-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.process-steps,.bespoke .process-steps{grid-template-columns:1fr;gap:25px}.process-step{padding-top:16px}.step-index{margin-bottom:10px}.process-step h4,.process-step p,.bespoke .process-step h4,.bespoke .process-step p{font-size:16px}.brand-logo{height:130px}.brand-photo{height:245px}}

/* DOT and TITAN lead the Group brand portfolio. */
.brand.dot,.brand.titan{grid-column:span 3;min-height:0}.brand.wright,.brand.patriot,.brand.ella{grid-column:span 2;min-height:0}.brand.titan{justify-content:flex-start}.brand-photo-titan{object-fit:contain;background:#fff;height:250px;padding:10px}.brand.wright .brand-logo{margin-bottom:26px}.operations-images{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}.operations-images figure{margin:0;background:#f1f3f4}.operations-images img{display:block;width:100%;height:270px;object-fit:cover}.operations-images .titan-collection-image img{object-fit:contain;background:#fff;padding:15px}.operations-images figcaption{padding:15px 18px;font-size:12px;letter-spacing:2px;font-weight:700}.manufacturing .section-photograph img{object-fit:contain;background:#f1f3f4;height:330px}.bespoke .section-photograph img{height:390px;object-position:center 65%}@media(max-width:1000px){.brand.dot,.brand.titan,.brand.wright,.brand.patriot,.brand.ella{grid-column:span 1}.brand.ella{grid-column:1/-1}}@media(max-width:700px){.brand.dot,.brand.titan,.brand.wright,.brand.patriot,.brand.ella{grid-column:1}.operations-images{grid-template-columns:1fr}.operations-images img{height:245px}.bespoke .section-photograph img{height:300px}.manufacturing .section-photograph img{height:250px}}

.operations-images .titan-warehouse-image img{object-fit:cover;object-position:center;padding:0;background:#e8ecef}

.brand-photo-titan{object-fit:cover;object-position:center 68%;padding:0;background:none}

.brand-photo-wright{object-fit:cover;object-position:center 58%;padding:0}

/* Keep each row of brand images level beneath consistent logo areas. */
.brand-grid .brand{justify-content:flex-start}
.brand-grid .brand .brand-logo{flex-shrink:0;margin-bottom:26px}
.brand-grid .brand .brand-photo{flex-shrink:0;margin-top:0}

/* Unified opening hero: Group introduction and stockholding. */
.hero-warehouse{position:relative;isolation:isolate;overflow:hidden}
.hero-warehouse-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero-warehouse:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,21,.9),rgba(10,16,21,.62));z-index:-1}
.hero-warehouse-content{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:center;max-width:1600px;margin:auto;padding:70px 7%}
.hero-warehouse .hero-copy{padding:0}
.hero-warehouse h1{font-size:clamp(56px,6.2vw,100px)}
.hero-supply h3{font-size:clamp(25px,2.4vw,36px);line-height:1.2;margin:0 0 24px}
.hero-stock{display:block;font-size:clamp(54px,6.5vw,104px);line-height:1;letter-spacing:-4px}
.hero-supply .hero-stock-label{font-size:12px;letter-spacing:2.5px;margin:18px 0 28px}
.hero-supply>p:last-child{color:#e0e6ea;max-width:440px}
.stats{grid-template-columns:repeat(3,1fr)}
@media(max-width:700px){.hero-warehouse-content{grid-template-columns:1fr;gap:40px;padding:45px 6%}.hero-warehouse h1{font-size:clamp(46px,12vw,78px)}.hero-stock{font-size:70px}.hero-warehouse:before{background:rgba(10,16,21,.8)}.stats{grid-template-columns:1fr}}

.brand-grid .brand-photo-wright{object-fit:contain;object-position:center;background:#fff}

.development-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:start;margin-bottom:35px}
.development-workspace{display:block;width:100%;height:auto;margin-top:10px}
@media(max-width:800px){.development-intro{grid-template-columns:1fr;gap:24px}.development-workspace{margin-top:0}}

.technology-logos{grid-template-columns:repeat(3,minmax(0,1fr))}


.innovation-visual .detail-image{display:block;height:auto;object-fit:contain;background:transparent;filter:none}

.innovation .section-content .technology-logos{margin-top:32px;margin-bottom:0}
.innovation .innovation-visual{align-self:start}

.manufacturing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:9%;align-items:start}
.manufacturing .section-content{max-width:none}
.manufacturing-image{display:block;width:100%;height:auto;margin-top:0}
@media(max-width:800px){.manufacturing-layout{grid-template-columns:1fr;gap:28px}}

.story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:9%;align-items:start}
.story .section-content{max-width:none;margin:0}
.story-milestones{display:block;width:100%;height:auto}
@media(max-width:800px){.story-layout{grid-template-columns:1fr;gap:32px}}

.story-values{margin-top:36px;padding:30px;background:var(--ink);color:#fff;border-left:5px solid var(--accent)}
.story .story-values h3{margin:0 0 22px;font-size:clamp(24px,2.4vw,34px);line-height:1.2;color:var(--accent)}
.story-values p{color:#fff}
.story-values .story-achievement{margin:24px 0 0;padding-top:22px;border-top:1px solid #555b60;font-size:20px;line-height:1.45}
@media(max-width:550px){.story-values{padding:24px}.story-values .story-achievement{font-size:19px}}

/* Homepage specialist headline hierarchy. */
.hero-warehouse h1{font-size:clamp(44px,5.2vw,84px);letter-spacing:-.045em;line-height:1.02}.hero-footwear{display:block;color:#fff}.hero-specialist{display:block;color:var(--accent);font-size:1.08em;margin-top:.1em}.hero-supply h3{font-weight:800}
@media(max-width:700px){.hero-warehouse h1{font-size:clamp(36px,10vw,70px)}}

/* Timeline: independent date, logo and copy layers preserve exact brand assets. */
.story-timeline{width:100%;--timeline-bg:#eef0f1;container-type:inline-size}
.timeline-top{position:relative;aspect-ratio:1024/1300;background:var(--timeline-bg);overflow:hidden}
.timeline-top>h3{position:absolute;left:24%;top:1%;margin:0;font-size:6cqw;line-height:1;font-weight:900;letter-spacing:-.035em}
.timeline-top>h3 span{color:#ff4b00}
.timeline-lace{position:absolute;inset:7% 0 0;overflow:hidden}
.timeline-lace>img{display:block;width:100%;height:100%;object-fit:fill;clip-path:polygon(32% 0,37% 0,41% 7%,46% 9%,54% 12%,57% 15%,55% 18%,47% 21%,46% 23%,54% 25%,58% 28%,58% 30%,53% 33%,47% 35%,46% 37%,53% 39%,58% 42%,59% 44%,55% 47%,46% 50%,45% 52%,51% 54%,58% 57%,61% 60%,61% 62%,58% 65%,51% 67%,43% 71%,42% 73%,46% 75%,57% 77%,66% 80%,71% 83%,76% 86%,80% 89%,77% 92%,72% 90%,67% 87%,63% 85%,56% 83%,43% 81%,39% 78%,39% 74%,42% 71%,49% 68%,56% 64%,58% 62%,57% 60%,50% 57%,44% 55%,42% 52%,42% 49%,46% 47%,53% 44%,55% 42%,52% 41%,44% 39%,42% 37%,42% 34%,46% 32%,53% 30%,55% 28%,51% 26%,44% 25%,42% 23%,42% 21%,45% 19%,53% 16%,53% 14%,49% 12%,41% 10%,36% 7%,33% 4%)}
.timeline-event{position:absolute;top:var(--event-y);width:30%;z-index:2;color:#101619;line-height:1.15}
.timeline-event.left{left:4%;text-align:left}.timeline-event.right{left:68%;width:30%}
.timeline-date{font-weight:900;font-size:4.3cqw;line-height:1;color:#ff4b00;margin-bottom:1cqw}
.timeline-logo{height:6cqw;margin:0 0 1cqw;display:flex;align-items:center;justify-content:flex-start}
.timeline-logo>img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain}
.timeline-event h4{font-size:1.65cqw;line-height:1.15;margin:0 0 .6cqw;font-weight:800}
.timeline-event p{font-size:1.65cqw;line-height:1.22;margin:0}
.historic-logo{display:block;height:6cqw;background-image:url('assets/story-milestones-official-logos.png');background-repeat:no-repeat}
.historic-logo.old-dot{width:6cqw;background-size:47.628cqw 71.442cqw;background-position:-3.442cqw -5.674cqw}
.historic-logo.dot-2006{width:13cqw;background-size:72.28cqw 108.42cqw;background-position:-53.39cqw -13.88cqw}
.timeline-archive{position:relative;aspect-ratio:1024/666;overflow:hidden}.timeline-archive img{position:absolute;width:100%;height:auto;left:0;top:-130.63%}
@media(max-width:650px){.story-timeline{margin-top:1.5rem}.timeline-event h4,.timeline-event p{font-size:2.05cqw}.timeline-event.left{left:2%;width:35%}.timeline-event.right{left:66%;width:33%}}

.timeline-top{aspect-ratio:1024/1400}
.timeline-lace{clip-path:none}
.timeline-lace>.lace-svg{display:block;width:100%;height:100%;overflow:visible}
.timeline-native-logo{display:block;height:100%;width:auto;max-width:none;overflow:hidden;flex:none}
.timeline-date{position:relative;z-index:3;background:var(--timeline-bg);width:max-content;padding-right:1cqw}
.timeline-event::before{content:"";position:absolute;top:1.9cqw;height:.23cqw;background:#ff4b00;z-index:-1}
.timeline-event.left::before{left:13cqw;width:calc(var(--dot-x) - 17cqw)}
.timeline-event.right::before{right:100%;width:calc(68cqw - var(--dot-x))}
.timeline-event.right:last-child{left:78%;width:22%}
.timeline-event.right:last-child::before{width:calc(78cqw - var(--dot-x))}
.timeline-top>h3{z-index:4;background:var(--timeline-bg);padding:.4cqw 0}
.timeline-event h4,.timeline-event p{font-size:1.8cqw}
.timeline-logo svg{aspect-ratio:auto}
.timeline-event:has([aria-label="Department of Threads Industrial"]) .timeline-native-logo{width:5.91cqw}
.timeline-event:has([aria-label="DOT Safety Footwear 2006"]) .timeline-native-logo{width:12.82cqw}
.timeline-event:has([aria-label="WRIGHT W logo"]) .timeline-native-logo{width:9.68cqw}
.timeline-event:has([aria-label="ELLA"]) .timeline-native-logo{width:10.91cqw}
.timeline-event:has([aria-label="TITAN Safety Footwear"]) .timeline-native-logo{width:12.28cqw}
@media(max-width:650px){.timeline-event.left{left:4%;width:30%}.timeline-event.right{left:68%;width:30%}.timeline-event h4,.timeline-event p{font-size:1.9cqw}}
.story-timeline{--timeline-bg:#eef1f3}
.timeline-top{aspect-ratio:1024/1600}
.timeline-event h4{padding:0}
.timeline-event h4,.timeline-event p{font-size:2.1cqw}
@media(max-width:550px){
.timeline-top{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;padding:20px 0 30px;overflow:visible}
.timeline-top>h3{position:static;grid-column:1/-1;font-size:28px;margin-bottom:12px}
.timeline-lace{display:none}
.timeline-event{position:static!important;width:auto!important;text-align:left}
.timeline-event::before{display:none}
.timeline-date{font-size:26px;margin-bottom:10px}
.timeline-logo{height:40px;margin-bottom:12px}
.timeline-event h4,.timeline-event p{font-size:14px;line-height:1.25}
.timeline-event:has([aria-label="Department of Threads Industrial"]) .timeline-native-logo{width:39.4px}
.timeline-event:has([aria-label="DOT Safety Footwear 2006"]) .timeline-native-logo{width:85.45px}
.timeline-event:has([aria-label="WRIGHT W logo"]) .timeline-native-logo{width:64.56px}
.timeline-event:has([aria-label="ELLA"]) .timeline-native-logo{width:72.76px}
.timeline-event:has([aria-label="TITAN Safety Footwear"]) .timeline-native-logo{width:81.88px}
}

/* Approved timeline supplied by DOT Group. */
.approved-story-timeline{background:transparent}
.approved-timeline-image{display:block;width:100%;height:auto;object-fit:contain}

/* Brand hierarchy: DOT / TITAN, full-width WRIGHT, PATRIOT / ELLA. */
.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.brand-grid .brand.dot,.brand-grid .brand.titan,.brand-grid .brand.patriot,.brand-grid .brand.ella{grid-column:span 1}
.brand-grid .brand.wright{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 40px;align-items:center}
.brand-grid .brand.wright .brand-logo{grid-column:1/-1;height:120px;margin-bottom:28px}
.brand-grid .brand.wright .brand-logo img{width:330px}
.brand-grid .brand.wright .brand-photo{width:100%;height:auto;max-height:420px;object-fit:contain;margin-bottom:0}
.brand-grid .brand.wright h3{font-size:clamp(25px,2.8vw,38px);margin-top:0}
.brand-grid .brand.wright p{font-size:16px}
@media(max-width:700px){
.brand-grid{grid-template-columns:minmax(0,1fr)}
.brand-grid .brand.wright{display:flex;gap:0}
.brand-grid .brand.wright .brand-logo{height:130px;margin-bottom:26px}
.brand-grid .brand.wright .brand-photo{margin-bottom:24px}
}

/* Supplied white footer logo on the dark footer. */
footer .official-group-logo{background:transparent}