:root{--orange:#f13a08;--orange-dark:#d72f04;--ink:#111820;--black:#090c10;--steel:#77808a;--line:#d9dde0;--off:#f2f2ef;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.utility{height:34px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#cfd3d5;font-size:9px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.utility p{margin:0}.site-header{height:106px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{width:184px;height:94px;display:block;overflow:hidden;position:relative;flex:0 0 auto}.brand-crop{position:absolute;width:184px;height:94px;left:0;top:0;overflow:hidden}.brand-crop img{display:block;width:184px;height:184px;max-width:none;transform:translateY(-35px)}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav a{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;font-weight:800;position:relative;padding:16px 0}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;height:2px;bottom:8px;background:var(--orange);transition:.2s}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{right:0}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--orange);color:#fff;border:1px solid var(--orange);padding:18px 21px;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:900;transition:.2s;cursor:pointer}.cta:hover,.cta:focus-visible{background:var(--orange-dark);border-color:var(--orange-dark);transform:translateY(-2px)}.cta-small{padding:14px 16px}.arrow{font-size:17px;line-height:1}.mobile-menu{display:none}.hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);position:relative;background:var(--black);overflow:hidden}.hero-left{padding:100px clamp(22px,5vw,80px) 130px;position:relative;color:#fff;background:radial-gradient(circle at 10% 10%,#1a232d 0,transparent 34%),linear-gradient(140deg,#0f1419,#07090c 72%)}.hero-left:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.hero-left>*{position:relative}.kicker,.section-label{text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:2.6px;color:#5f6870}.kicker{display:flex;align-items:center;gap:13px;color:#c1c7cb}.kicker span{display:block;width:31px;height:2px;background:var(--orange)}.hero h1{font-size:clamp(74px,8vw,125px);line-height:.8;letter-spacing:-6px;text-transform:uppercase;margin:45px 0 35px;font-weight:950;max-width:760px}.hero h1 em,.contact h2 em{font-style:normal;color:var(--orange)}.hero-left>p{font-size:17px;line-height:1.7;color:#aeb4b8;max-width:570px}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:37px}.quiet-link{display:flex;gap:28px;align-items:center;padding:14px 0;border-bottom:1px solid #58616a;text-transform:uppercase;letter-spacing:1.1px;font-size:9px;font-weight:900}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:82px;border-top:1px solid #2a3036}.hero-proof div{padding:21px 25px 0 0;border-right:1px solid #2a3036}.hero-proof div:not(:first-child){padding-left:25px}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{text-transform:uppercase;font-size:10px;letter-spacing:1.5px}.hero-proof small{color:#707983;font-size:10px;line-height:1.5;margin-top:7px}.hero-brand{position:relative;background:#f8f8f6;display:flex;align-items:center;justify-content:center;padding:80px 7% 130px;overflow:hidden}.hero-brand:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 78px,#0f182208 79px 80px),repeating-linear-gradient(0deg,transparent 0 78px,#0f182208 79px 80px)}.logo-stage{background:#fff;width:min(90%,610px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-shadow:0 38px 80px #17212c20;position:relative;z-index:2;border:1px solid #e4e5e4}.logo-stage img{display:block;width:100%;height:100%;object-fit:contain}.corner{position:absolute;width:44%;height:42%;z-index:1;border-color:var(--orange);opacity:.95}.corner-one{top:8%;right:-8%;border-top:18px solid var(--orange);border-right:18px solid var(--orange)}.corner-two{bottom:11%;left:-11%;border-bottom:18px solid var(--orange);border-left:18px solid var(--orange)}.hero-stamp{position:absolute;z-index:3;left:7%;bottom:88px;background:var(--ink);color:#fff;padding:18px 22px;display:flex;align-items:center;gap:20px;box-shadow:0 18px 30px #0003}.hero-stamp span{font-size:9px;color:var(--orange);border-right:1px solid #39424b;padding-right:20px}.hero-stamp p{margin:0;text-transform:uppercase;font-size:10px;line-height:1.5;letter-spacing:1px;font-weight:800}.hero-index{height:48px;position:absolute;bottom:0;left:0;right:0;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:space-around;text-transform:uppercase;font-size:8px;letter-spacing:2.1px;font-weight:900;z-index:5}.hero-index i{width:3px;height:3px;border-radius:50%;background:#fff}.section-shell{padding-left:clamp(22px,5vw,80px);padding-right:clamp(22px,5vw,80px)}.intro{padding-top:122px;padding-bottom:104px;display:grid;grid-template-columns:1fr 3fr;gap:8vw;border-bottom:1px solid var(--line)}.intro>div{display:grid;grid-template-columns:1.7fr 1fr;gap:7vw;align-items:end}.intro h2,.approach h2,.work h2{font-size:clamp(45px,5.1vw,78px);line-height:.94;letter-spacing:-4px;text-transform:uppercase;margin:0}.intro h2 span{color:var(--orange)}.intro>div>p,.approach-heading>p:last-child,.work-heading>p:last-child{margin:0;color:#687078;font-size:14px;line-height:1.8}.services{padding-top:0;padding-bottom:120px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service{min-height:490px;padding:32px 27px 30px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:.25s;background:#fff}.service:first-child{border-left:1px solid var(--line)}.service:hover{background:var(--off);transform:translateY(-6px);box-shadow:0 20px 50px #15202b0e}.service-top{display:flex;align-items:center;justify-content:space-between;color:#8c949a;font-size:9px}.service-top .arrow{color:var(--orange)}.service-rack{height:112px;display:grid;grid-template-columns:10px 1fr 1fr 10px;gap:8px;align-items:end;margin:45px 0 35px}.service-rack i{display:block;background:var(--ink);height:84px}.service-rack i:nth-child(1),.service-rack i:nth-child(4){height:105px;background:var(--orange)}.service-rack i:nth-child(2),.service-rack i:nth-child(3){background:repeating-linear-gradient(0deg,#252d34 0 15px,#fff 16px 22px);border-top:8px solid var(--ink);border-bottom:8px solid var(--ink)}.service small{text-transform:uppercase;letter-spacing:1.5px;font-size:8px;color:var(--orange);font-weight:900}.service h3{font-size:25px;line-height:1.05;letter-spacing:-1px;text-transform:uppercase;margin:13px 0}.service p{font-size:12px;line-height:1.7;color:#747b80;margin:0}.service>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:1.2px;font-weight:900}.statement{min-height:760px;background:var(--ink);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden}.statement-mark{position:relative;display:flex;align-items:center;justify-content:center;background:#0c1117;border-right:1px solid #2a333c;font-size:clamp(130px,18vw,320px);font-weight:950;letter-spacing:-35px;color:#18222c}.statement-mark:before,.statement-mark:after{content:"";position:absolute;background:var(--orange);transform:rotate(-9deg)}.statement-mark:before{height:22px;width:120%;top:28%;left:-10%}.statement-mark:after{height:22px;width:120%;bottom:23%;left:-8%}.statement-mark i{font-size:.32em;color:var(--orange);font-style:normal;position:relative;z-index:2;margin:0 -10px}.statement-mark span{position:relative;z-index:1}.statement-copy{padding:120px clamp(28px,7vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.section-label.light{color:#9aa2a8}.statement-copy h2{font-size:clamp(52px,6vw,92px);line-height:.9;letter-spacing:-4.5px;text-transform:uppercase;margin:32px 0}.statement-copy h2 em{font-style:normal;color:var(--orange)}.statement-copy>p:not(.section-label){color:#aeb5ba;line-height:1.8;max-width:610px;font-size:14px}.cta-light{background:#fff;color:var(--ink);border-color:#fff;margin-top:28px}.cta-light:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.approach{padding-top:125px;padding-bottom:125px;display:grid;grid-template-columns:1fr 1.25fr;gap:10vw}.approach-heading h2{margin:29px 0}.approach-heading>p:last-child{max-width:590px}.process article{display:grid;grid-template-columns:55px 1fr;gap:28px;padding:32px 0;border-top:1px solid var(--line)}.process article:last-child{border-bottom:1px solid var(--line)}.process article>span{font-size:9px;color:var(--orange);font-weight:900}.process h3{text-transform:uppercase;letter-spacing:-.5px;margin:0 0 9px;font-size:21px}.process p{margin:0;color:#727a80;line-height:1.7;font-size:12px;max-width:520px}.work{padding:122px clamp(22px,5vw,80px);background:#0d1116;color:#fff}.work-heading{display:grid;grid-template-columns:.65fr 1.7fr .8fr;gap:5vw;align-items:end;margin-bottom:65px}.work-grid{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:18px}.work-card{position:relative;min-height:315px;overflow:hidden;background:#161c22}.work-main{grid-row:1/3;min-height:648px}.industrial-scene{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8%;padding:8% 7%;background:radial-gradient(circle at 70% 20%,#41505b,#161d23 58%);transition:.5s}.work-card:hover .industrial-scene{transform:scale(1.035)}.industrial-scene i{border-left:10px solid var(--orange);border-right:10px solid var(--orange);background:repeating-linear-gradient(0deg,transparent 0 18%,#ff4815 18% 21%,transparent 21% 39%)}.industrial-scene b{position:absolute;height:18px;background:var(--orange);width:72%;left:8%;transform:skewX(-30deg)}.industrial-scene b:nth-of-type(1){top:30%}.industrial-scene b:nth-of-type(2){top:62%}.scene-b{background:linear-gradient(120deg,#4c545b,#151a1e 60%);transform:perspective(500px) rotateY(-4deg)}.scene-b i{border-width:6px}.scene-c{background:linear-gradient(20deg,#11171c,#68737b)}.scene-c i:nth-child(odd){border-color:#d7dadb;background:repeating-linear-gradient(0deg,transparent 0 18%,#d7dadb 18% 21%,transparent 21% 39%)}.work-caption{position:absolute;left:0;right:0;bottom:0;padding:34px;background:linear-gradient(transparent,#090c10ee);display:grid;grid-template-columns:1fr auto;align-items:end}.work-caption span{grid-column:1/3;color:#c2c7ca;text-transform:uppercase;font-size:8px;letter-spacing:1.8px;margin-bottom:9px}.work-caption h3{margin:0;text-transform:uppercase;font-size:20px;letter-spacing:-.5px}.work-caption .arrow{color:var(--orange)}.contact{padding:130px clamp(22px,5vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--orange);color:#fff}.contact h2{font-size:clamp(57px,7vw,104px);line-height:.82;letter-spacing:-5px;text-transform:uppercase;margin:35px 0}.contact h2 em{color:var(--ink)}.contact-heading>p:not(.section-label){line-height:1.8;color:#ffe2d8;max-width:550px;font-size:14px}.domain-card{display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff70;margin-top:48px;padding-top:26px}.domain-card span{font-size:8px;text-transform:uppercase;letter-spacing:1.5px}.domain-card strong{font-size:13px}.contact form{background:#fff;color:var(--ink);padding:46px;align-self:center;box-shadow:20px 20px 0 #c82c03}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}label{display:block;text-transform:uppercase;font-weight:900;letter-spacing:1.1px;font-size:8px;margin-bottom:24px}input,textarea{display:block;width:100%;background:#f4f5f4;border:1px solid #e0e3e4;border-radius:0;margin-top:9px;padding:16px 15px;font-size:12px;outline:none;resize:vertical}input:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 2px #f13a0820}.form-cta{width:100%;margin-top:2px}.form-note{color:#899096;font-size:9px;line-height:1.5;margin:14px 0 0;text-align:center}.footer-main{padding:58px clamp(22px,5vw,80px);display:grid;grid-template-columns:1fr 1.3fr .8fr;gap:8vw;align-items:start}.brand-footer{width:210px}.brand-footer .brand-crop{width:210px}.brand-footer .brand-crop img{width:210px;height:210px;transform:translateY(-40px)}.footer-main>p{color:#737b81;font-size:12px;line-height:1.7;max-width:340px}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-transform:uppercase;font-size:9px;letter-spacing:1.2px;font-weight:900}.footer-base{padding:24px clamp(22px,5vw,80px);background:var(--ink);color:#9aa2a8;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:1.2px;font-size:8px}.footer-base a{color:#fff}.footer-base a:hover{color:var(--orange)}
@media(max-width:1050px){.site-header>nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;width:45px;height:45px;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:18px;height:2px;background:#fff}.mobile-menu nav{position:absolute;right:0;top:52px;background:#fff;width:230px;box-shadow:0 20px 50px #0002;display:flex;flex-direction:column;align-items:stretch;gap:0!important;padding:12px 22px}.mobile-menu nav a{border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr}.hero-brand{min-height:680px}.intro{grid-template-columns:1fr}.intro>div{grid-template-columns:1.5fr 1fr}.services-grid{grid-template-columns:1fr 1fr}.service:nth-child(3){border-left:1px solid var(--line)}.statement{grid-template-columns:1fr}.statement-mark{min-height:420px}.approach{grid-template-columns:1fr}.work-heading{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.contact form{max-width:720px;width:100%}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.utility p:last-child{display:none}.site-header{height:88px}.brand{width:142px;height:78px}.brand-crop{width:142px;height:78px}.brand-crop img{width:142px;height:142px;transform:translateY(-27px)}.site-header>.cta{display:none}.hero-left{padding-top:72px}.hero h1{font-size:clamp(59px,19vw,88px);letter-spacing:-4px}.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.hero-proof{grid-template-columns:1fr;margin-top:52px}.hero-proof div,.hero-proof div:not(:first-child){padding:17px 0;border-right:0;border-bottom:1px solid #2a3036}.hero-brand{min-height:520px;padding-bottom:110px}.logo-stage{width:95%}.hero-stamp{bottom:68px}.hero-index span:nth-of-type(even),.hero-index i:nth-of-type(even){display:none}.intro{padding-top:85px;padding-bottom:78px}.intro>div{grid-template-columns:1fr}.intro h2,.approach h2,.work h2{font-size:clamp(42px,13vw,65px);letter-spacing:-3px}.services-grid{grid-template-columns:1fr}.service,.service:nth-child(3){border-left:1px solid var(--line)}.statement-mark{min-height:300px;font-size:170px}.statement-copy{padding:85px 24px}.statement-copy h2{font-size:49px;letter-spacing:-3px}.approach,.work,.contact{padding-top:85px;padding-bottom:85px}.work-grid{grid-template-columns:1fr;grid-template-rows:auto}.work-main{grid-row:auto;min-height:430px}.work-card{min-height:330px}.contact h2{font-size:56px;letter-spacing:-4px}.contact form{padding:28px 20px;box-shadow:10px 10px 0 #c82c03}.form-grid{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr}.footer-base{flex-direction:column;align-items:flex-start;gap:12px}.brand-footer,.brand-footer .brand-crop{width:180px}.brand-footer .brand-crop img{width:180px;height:180px;transform:translateY(-34px)}}
.utility a{color:#fff}.utility a:hover,.utility a:focus-visible{color:var(--orange)}.domain-card>div{display:flex;align-items:center;gap:16px}.domain-card>div+div{border-left:1px solid #ffffff55;padding-left:22px}.domain-card a,.domain-card strong{font-size:13px}.domain-card a{text-decoration:underline;text-underline-offset:4px}@media(max-width:650px){.utility a{display:block}.domain-card{align-items:flex-start;flex-direction:column}.domain-card>div+div{border-left:0;padding-left:0}}
.domain-card{display:grid;grid-template-columns:1fr;align-items:start;gap:14px}.domain-card>div{justify-content:space-between}.domain-card>div+div{border-left:0;padding-left:0}.domain-card a,.domain-card strong{overflow-wrap:anywhere;text-align:right}
.services-grid{grid-template-columns:repeat(5,1fr)}.service{padding-left:22px;padding-right:22px}.service h3{font-size:21px}.service:nth-child(5){border-right:1px solid var(--line)}@media(max-width:1050px){.services-grid{grid-template-columns:1fr 1fr}.service:nth-child(5){border-left:1px solid var(--line)}}@media(max-width:650px){.services-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.site-header{height:126px}.brand{width:180px;height:118px;overflow:visible}.brand-crop{position:static;width:100%;height:100%;overflow:visible}.brand-crop img{display:block;width:100%;height:100%;max-width:100%;transform:none;object-fit:contain}.brand-footer{width:210px;height:138px}.brand-footer .brand-crop{width:100%;height:100%}.brand-footer .brand-crop img{width:100%;height:100%;transform:none}@media(max-width:650px){.site-header{height:102px}.brand{width:132px;height:87px}.brand-footer{width:180px;height:119px}.brand-footer .brand-crop{width:100%;height:100%}.brand-footer .brand-crop img{width:100%;height:100%;transform:none}}
html,body{max-width:100%;overflow-x:clip}.hero-left,.hero-brand{min-width:0}@media(max-width:650px){.hero h1{font-size:clamp(52px,15.5vw,68px);letter-spacing:-3px}.kicker{line-height:1.5}}

/* Mobile layout fix — prevents the intro heading/text from widening the page */
@media(max-width:650px){
  .intro,
  .intro > div,
  .intro > div > *{
    min-width:0;
    max-width:100%;
  }

  .intro h2{
    font-size:clamp(34px,9.1vw,38px);
    line-height:.98;
    letter-spacing:-2px;
    max-width:100%;
  }

  .intro > div > p{
    width:100%;
    max-width:100%;
    overflow-wrap:break-word;
  }
}

/* Genuine project photography */
.work-heading > p:last-child{
  color:#aeb5ba;
  max-width:390px;
}

.work-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(300px,1fr)) minmax(290px,auto);
  gap:18px;
}

.work-grid > .work-card:nth-child(1){
  grid-column:1 / 8;
  grid-row:1 / 3;
  min-height:648px;
}
.work-grid > .work-card:nth-child(2){grid-column:8 / 13;grid-row:1}
.work-grid > .work-card:nth-child(3){grid-column:8 / 13;grid-row:2}
.work-grid > .work-card:nth-child(4){grid-column:1 / 5;grid-row:3}
.work-grid > .work-card:nth-child(5){grid-column:5 / 9;grid-row:3}
.work-grid > .work-card:nth-child(6){grid-column:9 / 13;grid-row:3}

.project-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .55s ease,filter .55s ease;
  filter:saturate(.92) contrast(1.02);
}

.photo-pallet{object-position:50% 52%}
.photo-drive-in{object-position:50% 53%}
.photo-shelving{object-position:50% 50%}
.photo-cantilever{object-position:50% 48%}
.photo-mesh{object-position:50% 45%}
.photo-specialist{object-position:50% 50%}

.work-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,#090c1026 0%,transparent 46%,#090c1080 100%);
}

.work-card:hover .project-photo{
  transform:scale(1.035);
  filter:saturate(1) contrast(1.03);
}

.work-caption{
  z-index:2;
  padding-top:86px;
  background:linear-gradient(transparent,#090c10f2);
}

@media(max-width:1050px){
  .work-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto;
  }

  .work-grid > .work-card:nth-child(1){
    grid-column:1 / -1;
    grid-row:auto;
    min-height:560px;
  }

  .work-grid > .work-card:nth-child(2),
  .work-grid > .work-card:nth-child(3),
  .work-grid > .work-card:nth-child(4),
  .work-grid > .work-card:nth-child(5),
  .work-grid > .work-card:nth-child(6){
    grid-column:auto;
    grid-row:auto;
    min-height:360px;
  }
}

@media(max-width:650px){
  .work-heading > p:last-child{
    font-size:13px;
    line-height:1.7;
  }

  .work-grid{
    grid-template-columns:1fr;
  }

  .work-grid > .work-card:nth-child(1),
  .work-grid > .work-card:nth-child(2),
  .work-grid > .work-card:nth-child(3),
  .work-grid > .work-card:nth-child(4),
  .work-grid > .work-card:nth-child(5),
  .work-grid > .work-card:nth-child(6){
    grid-column:auto;
    grid-row:auto;
    min-height:390px;
  }

  .work-grid > .work-card:nth-child(1){min-height:460px}
  .work-caption{padding-top:72px}
}

/* Mobile project-card tidy-up */
@media(max-width:650px){
  .work-heading{
    margin-bottom:40px;
  }

  .work-heading h2{
    font-size:clamp(42px,12vw,58px);
    line-height:.95;
    letter-spacing:-2.5px;
  }

  .work-card,
  .work-main{
    min-height:380px;
  }

  .work-caption{
    padding:24px 20px 26px;
  }

  .work-caption span{
    font-size:7px;
    letter-spacing:1.5px;
    margin-bottom:8px;
  }

  .work-caption h3{
    font-size:clamp(18px,5.7vw,24px);
    line-height:1.05;
    max-width:92%;
    overflow-wrap:break-word;
  }

  .work-caption .arrow{
    font-size:16px;
  }
}

/* Contact-section refinement */
.contact-kicker{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  color:#fff;
  font-size:10px;
  letter-spacing:2.8px;
}
.contact-kicker span{
  color:#fff;
}
.contact-kicker strong{
  display:inline-block;
  background:var(--ink);
  color:#fff;
  padding:6px 9px 5px;
  font:inherit;
  font-weight:900;
  letter-spacing:inherit;
  line-height:1;
}

@media(max-width:650px){
  .contact-kicker{
    gap:8px;
    margin-bottom:26px;
  }

  .contact-kicker strong{
    padding:6px 8px 5px;
  }

  .domain-card{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
  }

  .domain-card > div{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    align-items:start;
  }

  .domain-card > div + div{
    border-left:0;
    padding-left:0;
  }

  .domain-card span{
    font-size:8px;
  }

  .domain-card a,
  .domain-card strong{
    text-align:left;
    font-size:16px;
    line-height:1.35;
    overflow-wrap:anywhere;
  }
}

/* Mobile approach-heading refinement */
@media(max-width:650px){
  .approach-heading h2{
    font-size:clamp(38px,10.5vw,54px);
    line-height:.96;
    letter-spacing:-2.2px;
    margin:22px 0 18px;
  }

  .approach-heading > p:last-child{
    line-height:1.65;
  }

  .approach{
    row-gap:48px;
  }
}

/* Final mobile service + arrow + statement refinements */
@media(max-width:650px){
  /* Make service cards more compact */
  .service{
    min-height:390px;
    padding:26px 20px 24px;
  }

  .service-rack{
    height:88px;
    margin:26px 0 22px;
  }

  .service-rack i{
    height:62px;
  }

  .service-rack i:nth-child(1),
  .service-rack i:nth-child(4){
    height:82px;
  }

  .service h3{
    font-size:20px;
    line-height:1.08;
    margin:11px 0 10px;
  }

  .service p{
    line-height:1.6;
  }

  .service > a{
    padding-top:16px;
  }

  /* Shorten the large K&S transition graphic */
  .statement-mark{
    min-height:240px;
    font-size:135px;
  }

  .statement-mark:before,
  .statement-mark:after{
    height:14px;
  }
}

/* Force the arrow to render as a clean text glyph, not an emoji icon */
.arrow{
  font-size:0 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-style:normal !important;
}
.arrow::before{
  content:"\2197\FE0E";
  display:inline-block;
  font-size:16px;
  line-height:1;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
}

/* iPhone project-card arrow + title refinement */
@media(max-width:650px){
  .work-caption h3{
    font-size:clamp(17px,4.8vw,20px);
    line-height:1.05;
    letter-spacing:-.4px;
    max-width:88%;
  }

  .work-caption .arrow{
    display:inline-block;
    position:relative;
    width:18px;
    height:18px;
    font-size:0 !important;
    line-height:0 !important;
    color:#fff;
    vertical-align:middle;
  }

  .work-caption .arrow::before{
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    right:1px;
    top:1px;
    border-top:2px solid currentColor;
    border-right:2px solid currentColor;
  }

  .work-caption .arrow::after{
    content:"";
    position:absolute;
    width:13px;
    height:2px;
    right:2px;
    top:9px;
    background:currentColor;
    transform:rotate(-45deg);
    transform-origin:right center;
  }
}

/* Mobile spacing + K&S transition refinement */
@media(max-width:650px){
  /* Remove the large dead space after the final service card */
  .services{
    padding-bottom:0;
  }

  .service{
    min-height:0;
    padding-bottom:24px;
  }

  .service > a{
    margin-top:28px;
  }

  /* Turn the K&S artwork into a compact branded divider */
  .statement{
    min-height:0;
  }

  .statement-mark{
    min-height:0;
    height:190px;
    font-size:104px;
    letter-spacing:-22px;
    background:
      radial-gradient(circle at 50% 50%, #151d26 0, #0c1117 68%);
  }

  .statement-mark:before,
  .statement-mark:after{
    height:10px;
    width:116%;
  }

  .statement-mark:before{
    top:29%;
    left:-8%;
  }

  .statement-mark:after{
    bottom:24%;
    left:-8%;
  }

  .statement-mark i{
    margin:0 -6px;
  }

  .statement-copy{
    padding:68px 24px 78px;
  }
}

/* Credentials / trust section */
.hero-credentials{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 12px;
  margin-top:24px;
  color:#d5d9dc;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.3px;
  text-transform:uppercase;
}
.hero-credentials span{
  white-space:nowrap;
}
.hero-credentials i{
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--orange);
  flex:0 0 auto;
}

.credentials{
  padding-top:110px;
  padding-bottom:110px;
  background:var(--off);
  border-bottom:1px solid var(--line);
}
.credentials-heading{
  display:grid;
  grid-template-columns:.55fr 1.5fr 1fr;
  gap:6vw;
  align-items:end;
  margin-bottom:54px;
}
.credentials-heading h2{
  margin:0;
  font-size:clamp(44px,5.2vw,78px);
  line-height:.92;
  letter-spacing:-4px;
  text-transform:uppercase;
}
.credentials-heading h2 span{
  color:var(--orange);
}
.credentials-heading > p:last-child{
  margin:0;
  color:#687078;
  font-size:14px;
  line-height:1.8;
  max-width:480px;
}
.credentials-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #cfd4d7;
  border-left:1px solid #cfd4d7;
}
.credential{
  min-height:220px;
  padding:30px 28px 28px;
  background:#fff;
  border-right:1px solid #cfd4d7;
  border-bottom:1px solid #cfd4d7;
  display:flex;
  flex-direction:column;
}
.credential > span{
  color:var(--orange);
  font-size:9px;
  font-weight:900;
  letter-spacing:1.5px;
  margin-bottom:32px;
}
.credential h3{
  margin:0 0 12px;
  text-transform:uppercase;
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.7px;
}
.credential p{
  margin:0;
  color:#747b80;
  font-size:12px;
  line-height:1.7;
  max-width:360px;
}
.credential-feature{
  background:var(--ink);
  color:#fff;
}
.credential-feature strong{
  display:block;
  color:var(--orange);
  font-size:74px;
  line-height:.8;
  letter-spacing:-5px;
  margin-bottom:28px;
}
.credential-feature h3{
  color:#fff;
}
.credential-feature p{
  color:#aeb5ba;
}

@media(max-width:1050px){
  .credentials-heading{
    grid-template-columns:1fr;
    gap:20px;
  }
  .credentials-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:650px){
  .hero-credentials{
    margin-top:18px;
    gap:8px 10px;
    font-size:7px;
    line-height:1.5;
  }

  .credentials{
    padding-top:78px;
    padding-bottom:78px;
  }
  .credentials-heading{
    margin-bottom:34px;
  }
  .credentials-heading h2{
    font-size:clamp(38px,11vw,54px);
    line-height:.95;
    letter-spacing:-2.5px;
  }
  .credentials-heading > p:last-child{
    font-size:13px;
    line-height:1.7;
  }
  .credentials-grid{
    grid-template-columns:1fr;
  }
  .credential{
    min-height:0;
    padding:25px 22px 24px;
  }
  .credential > span{
    margin-bottom:20px;
  }
  .credential h3{
    font-size:19px;
  }
  .credential-feature strong{
    font-size:64px;
    margin-bottom:22px;
  }
}

/* Keep project labels and arrows aligned at every breakpoint */
.work-caption > span:first-child{
  grid-column:1 / 3;
  grid-row:1;
}
.work-caption > h3{
  grid-column:1;
  grid-row:2;
}
.work-caption > .arrow{
  grid-column:2;
  grid-row:2;
  align-self:end;
  justify-self:end;
  margin:0;
  color:var(--orange);
}

/* Privacy notice and registered-company details */
.form-privacy{
  margin:8px 0 0;
  color:#6f777d;
  font-size:10px;
  line-height:1.55;
  text-align:center;
}
.form-privacy a{
  color:var(--ink);
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:3px;
}

.footer-legal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:18px clamp(22px,5vw,80px);
  border-top:1px solid var(--line);
  background:#f6f6f3;
  color:#687078;
  font-size:10px;
  line-height:1.6;
}
.footer-legal p{margin:0}
.footer-legal strong{color:var(--ink)}

.legal-hero{
  padding:105px clamp(22px,8vw,130px) 110px;
  background:
    radial-gradient(circle at 85% 15%,#24303c 0,transparent 30%),
    linear-gradient(135deg,#111820,#080b0f 70%);
  color:#fff;
}
.legal-hero h1{
  margin:34px 0 28px;
  max-width:900px;
  font-size:clamp(70px,9vw,132px);
  font-weight:950;
  line-height:.82;
  letter-spacing:-6px;
  text-transform:uppercase;
}
.legal-hero h1 em{
  color:var(--orange);
  font-style:normal;
}
.legal-hero > p:not(.section-label){
  max-width:650px;
  margin:0;
  color:#b7bdc2;
  font-size:16px;
  line-height:1.75;
}
.legal-hero small{
  display:block;
  margin-top:30px;
  color:#7f8991;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.6px;
  text-transform:uppercase;
}

.legal-content{
  width:min(1120px,calc(100% - 44px));
  margin:0 auto;
  padding:70px 0 105px;
}
.legal-content section{
  display:grid;
  grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);
  column-gap:8vw;
  padding:44px 0;
  border-top:1px solid var(--line);
}
.legal-content section:last-of-type{border-bottom:1px solid var(--line)}
.legal-content section > h2{
  grid-column:1;
  grid-row:1 / span 20;
  margin:0;
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.5px;
  text-transform:uppercase;
}
.legal-content section > :not(h2){grid-column:2}
.legal-content p,
.legal-content li{
  color:#5f6870;
  font-size:14px;
  line-height:1.8;
}
.legal-content p{margin:0 0 16px}
.legal-content p:last-child{margin-bottom:0}
.legal-content ul{margin:0 0 18px;padding-left:21px}
.legal-content a:not(.quiet-link){
  color:var(--orange-dark);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
  overflow-wrap:anywhere;
}
.legal-details{
  margin:4px 0 0;
  border-top:1px solid var(--line);
}
.legal-details > div{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:20px;
  padding:13px 0;
  border-bottom:1px solid var(--line);
}
.legal-details dt{
  color:#7b8389;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.legal-details dd{
  margin:0;
  color:var(--ink);
  font-size:13px;
  line-height:1.55;
}
.legal-back{width:max-content;margin-top:42px}

@media(max-width:650px){
  .footer-legal{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
    font-size:9px;
  }

  .legal-hero{padding-top:78px;padding-bottom:82px}
  .legal-hero h1{
    font-size:clamp(58px,19vw,78px);
    line-height:.86;
    letter-spacing:-4px;
  }
  .legal-hero > p:not(.section-label){font-size:14px}

  .legal-content{padding-top:38px;padding-bottom:78px}
  .legal-content section{
    grid-template-columns:1fr;
    gap:20px;
    padding:33px 0;
  }
  .legal-content section > h2,
  .legal-content section > :not(h2){
    grid-column:1;
    grid-row:auto;
  }
  .legal-content p,
  .legal-content li{font-size:13px;line-height:1.75}
  .legal-details > div{grid-template-columns:1fr;gap:5px}
}

/* Keyboard navigation and interactive project-card refinements */
.skip-link{
  position:fixed;
  top:12px;
  left:12px;
  z-index:1000;
  padding:12px 16px;
  background:var(--orange);
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  transform:translateY(-180%);
  transition:transform .15s ease;
}
.skip-link:focus{transform:translateY(0)}
#hero-title:focus{outline:none}
.work-card{
  display:block;
  color:inherit;
  cursor:pointer;
}
.work-card:focus-visible{
  outline:3px solid var(--orange);
  outline-offset:4px;
}