:root{--ink:#201914;--muted:#77716b;--line:#d9d3ca;--paper:#f8f6f2;--brown:#513929;--gold:#a68d6c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--paper)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:400;letter-spacing:-.055em}p{line-height:1.7}.kicker{display:block;font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--gold)}.concept-nav{height:42px;background:#211914;color:#c9beb2;display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:0 3.5%;font-size:10px;letter-spacing:.08em}.concept-nav>span{margin-right:auto;opacity:.7}.concept-nav a{padding:7px 0;opacity:.55}.concept-nav a b{font-weight:400;margin-left:4px}.concept-nav a[aria-current]{opacity:1;color:#fff;border-bottom:1px solid #b39b79}header nav{display:flex;gap:34px;font-size:12px}header nav a:hover,.text-link:hover{text-decoration:underline}.company{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid currentColor;padding-top:30px;margin-top:65px}.company div{display:flex;flex-direction:column;gap:12px}.company small{font-size:10px;letter-spacing:.16em;opacity:.55}.company strong,.company a{font-size:13px;font-weight:400;overflow-wrap:anywhere}footer{padding:100px 6% 75px}footer h2{font-size:clamp(36px,5vw,80px);margin:23px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:55px}.section-heading h2{font-size:clamp(44px,5vw,78px);max-width:750px;margin:0}.rows article{display:grid;grid-template-columns:70px minmax(230px,.8fr) 1fr;gap:25px;border-top:1px solid var(--line);padding:28px 0;align-items:baseline}.rows article:last-child{border-bottom:1px solid var(--line)}.num{font-size:11px;color:var(--gold);font-weight:700}.rows h3{font-size:clamp(21px,2vw,31px);font-weight:400;letter-spacing:-.03em;margin:0}.rows p{font-size:14px;color:var(--muted);max-width:600px;margin:0}.tile-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.tile-list article{padding:31px;min-height:205px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.tile-list h3{font-weight:400;font-size:24px;letter-spacing:-.03em;margin:28px 0 9px}.tile-list p{color:var(--muted);font-size:13px;line-height:1.6;max-width:340px;margin:0}.lead{font-size:clamp(20px,2.1vw,32px);line-height:1.45;color:var(--ink)}

/* 01: original brand artwork occupies the entire opening composition. */
.reference{background:#fff}.ref-header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%}.ref-header img{width:260px}.ref-art{height:min(72vw,760px);min-height:500px;overflow:hidden;background:#fff}.ref-art img{width:100%;height:100%;object-fit:cover;object-position:center}.ref-art-caption{display:flex;justify-content:space-between;padding:21px 5.5%;font-size:10px;letter-spacing:.18em;border-bottom:1px solid var(--line)}.ref-statement{display:grid;grid-template-columns:1fr 1.65fr;gap:9vw;padding:150px 8%;}.ref-statement h1{font-size:clamp(56px,7vw,112px);line-height:1.02;max-width:1000px;margin-bottom:46px}.ref-statement p{max-width:750px;font-size:15px;color:var(--muted)}.ref-statement .lead{color:var(--ink);margin-bottom:42px}.ref-services,.ref-sectors{padding:115px 8%}.ref-services{background:#f3f0eb}.ref-sectors{background:#fff}.reference footer{background:#211914;color:#fff}.reference footer .kicker{color:#c0a789}

/* 02: tactile timber cover with one calm, dark information pane. */
.walnut{background:#211914;color:#f4eee7}.wal-hero{min-height:calc(100vh - 42px);display:grid;grid-template-columns:42% 58%}.wal-image{position:relative;overflow:hidden;background:#3d2c20}.wal-image img{width:100%;height:100%;object-fit:cover}.wal-image span{position:absolute;bottom:5%;left:9%;font-size:10px;letter-spacing:.2em;color:#fff}.wal-content{display:flex;flex-direction:column;padding:48px 8% 35px;background:#211914}.wal-content header{display:flex;align-items:center;justify-content:space-between;gap:25px}.wal-content header img{width:235px;filter:invert(1)}.wal-content header nav{color:#d0c2b5}.wal-copy{margin:auto 0;padding:85px 0}.wal-copy h1{font-size:clamp(66px,7.2vw,142px);line-height:.96;margin:32px 0 40px;letter-spacing:-.06em}.wal-copy p{font-size:17px;max-width:540px;color:#c6b9ad}.text-link{display:inline-flex;gap:60px;border-bottom:1px solid #a78b6d;margin-top:38px;padding-bottom:13px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.wal-foot{font-size:10px;letter-spacing:.15em;color:#a99988}.wal-about{display:grid;grid-template-columns:1fr 2fr;padding:150px 10%;gap:50px;background:#efe9e1;color:var(--ink)}.wal-about h2{font-size:clamp(36px,4.6vw,75px);line-height:1.12;max-width:1000px}.wal-about p{font-size:15px;color:#70685e;max-width:800px}.wal-services,.wal-sectors,.wal-process{padding:125px 10%}.wal-services{background:#211914}.wal-services .rows article{border-color:#514a43}.wal-services .rows p{color:#bcafa2}.wal-sectors{background:#efe9e1;color:var(--ink)}.wal-sectors h2,.wal-process h2{font-size:clamp(45px,5vw,80px);margin:25px 0 55px}.wal-sectors .tile-list{--line:#c9beb1}.wal-process{background:#38281e}.process-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #6a5545}.process-list article{padding:38px 25px 40px 0;border-bottom:1px solid #6a5545}.process-list h3{font-size:26px;font-weight:400;margin:25px 0 10px}.process-list p{font-size:13px;color:#c2b3a5;max-width:300px}.walnut footer{background:#1c1510}.walnut .company{border-color:#6a5545}

/* 03: an architectural sidebar and an asymmetrical, cropped material plane. */
.composition{background:#ece8e1}.comp-shell{display:grid;grid-template-columns:250px minmax(0,1fr)}.comp-side{position:sticky;top:0;height:calc(100vh - 42px);padding:37px 25px;display:flex;flex-direction:column;border-right:1px solid #c9c1b6;background:#ece8e1}.comp-side img{width:195px}.comp-side nav{display:flex;flex-direction:column;gap:22px;margin:auto 0;font-size:12px}.comp-side>span{font-size:10px;letter-spacing:.18em;color:#8e8172}.comp-hero{min-height:calc(100vh - 42px);display:grid;grid-template-columns:47% 53%;background:#f8f6f1}.comp-hero-art{overflow:hidden}.comp-hero-art img{height:100%;width:100%;object-fit:cover}.comp-hero-type{display:flex;flex-direction:column;padding:9% 10% 5%}.comp-hero-type h1{font-size:clamp(64px,7vw,140px);line-height:.95;margin:auto 0 40px}.comp-hero-type h1 i{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}.comp-hero-type p{max-width:490px;font-size:17px;color:#6e675e}.comp-index{margin-top:auto;font-size:10px;letter-spacing:.18em;color:#8c7964}.comp-about,.comp-services,.comp-sectors{padding:110px 8%}.comp-about{display:grid;grid-template-columns:170px 1fr;gap:60px;background:#25201b;color:#eee9e2}.comp-about h2{font-size:clamp(38px,4vw,70px);line-height:1.1;max-width:900px}.comp-about p{font-size:15px;max-width:750px;color:#bab1a6}.comp-services h2,.comp-sectors h2{font-size:clamp(46px,5vw,82px);margin:25px 0 60px}.comp-sectors{background:#fff}.composition footer{background:#d7cfc4}.composition .company{border-color:#9c9182}

/* 04: gallery-like white space, wordmark, and one narrow strip of the source artwork. */
.quiet{background:#fff}.quiet-header{height:80px;border-bottom:1px solid #eee9e2;padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.14em}.quiet-header nav{letter-spacing:0}.quiet-hero{min-height:calc(100vh - 122px);padding:8vh 7% 34px;display:flex;flex-direction:column;align-items:center}.quiet-mark{width:min(900px,72vw);margin:auto 0 15px}.quiet-mark img{width:100%}.quiet-sub{font-size:10px;letter-spacing:.27em;color:#7f776e;margin-bottom:auto}.quiet-image{width:100%;height:22vh;min-height:155px;overflow:hidden;margin-top:7vh}.quiet-image img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.quiet-bottom{width:100%;display:flex;justify-content:space-between;margin-top:22px;font-size:10px;letter-spacing:.16em}.quiet-about{padding:160px 12%;display:grid;grid-template-columns:1fr 1.35fr;gap:5vw;background:#f6f4f0}.quiet-about h1{grid-column:1;font-size:clamp(52px,6vw,105px);line-height:1}.quiet-about>div{grid-column:2;grid-row:1 / span 2;padding-top:45px}.quiet-about p{max-width:750px;font-size:15px;color:#77716b}.quiet-about .lead{color:var(--ink)}.quiet-services,.quiet-sectors{padding:130px 12%}.quiet-services h2,.quiet-sectors h2{font-size:clamp(44px,5vw,78px);margin:20px 0 55px}.quiet-sectors{background:#f6f4f0}.quiet footer{background:#fff;border-top:1px solid var(--line)}

@media(max-width:900px){.concept-nav{gap:12px;padding:0 14px}.concept-nav>span{display:none}.concept-nav a b{display:none}.concept-nav a{font-size:11px}.company{grid-template-columns:repeat(2,1fr)}.tile-list{grid-template-columns:repeat(2,1fr)}.rows article{grid-template-columns:45px 1fr}.rows p{grid-column:2}.ref-header{height:75px;padding:0 5%}.ref-header img{width:200px}.ref-header nav{gap:14px}.ref-art{min-height:420px;height:65vh}.ref-statement{display:block;padding:90px 7%}.ref-statement h1{margin-top:28px}.ref-services,.ref-sectors{padding:90px 7%}.wal-hero{grid-template-columns:38% 62%}.wal-content{padding:35px 7%}.wal-content header nav{display:none}.wal-copy h1{font-size:clamp(54px,8vw,90px)}.wal-about{display:block;padding:90px 7%}.wal-about h2{margin-top:30px}.wal-services,.wal-sectors,.wal-process{padding:90px 7%}.comp-shell{grid-template-columns:1fr}.comp-side{position:relative;height:auto;min-height:80px;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 5%}.comp-side nav{flex-direction:row;gap:18px;margin:0}.comp-side>span{display:none}.comp-hero{min-height:70vh}.comp-about,.comp-services,.comp-sectors{padding:90px 7%}.quiet-about,.quiet-services,.quiet-sectors{padding:90px 7%}}
@media(max-width:620px){header nav{font-size:11px;gap:13px}.company{grid-template-columns:1fr;gap:22px;margin-top:40px}footer{padding:75px 7% 60px}.tile-list{grid-template-columns:1fr}.tile-list article{min-height:160px}.section-heading{display:block}.section-heading h2{margin-top:24px}.ref-header nav a:nth-child(2),.ref-header nav a:nth-child(3){display:none}.ref-header img{width:190px}.ref-art{height:60vh;min-height:380px}.ref-art img{object-position:40% center}.ref-art-caption span:first-child{display:none}.ref-statement{padding:80px 7%}.ref-statement h1{font-size:56px}.wal-hero{display:flex;flex-direction:column}.wal-image{height:36vh}.wal-content{min-height:65vh;padding:25px 7%}.wal-content header img{width:190px}.wal-copy{padding:65px 0}.wal-copy h1{font-size:60px}.wal-copy p{font-size:15px}.wal-foot{font-size:9px}.process-list{grid-template-columns:1fr 1fr}.comp-side nav{display:none}.comp-side img{width:180px}.comp-hero{display:flex;flex-direction:column}.comp-hero-art{height:36vh}.comp-hero-type{min-height:60vh;padding:40px 7% 30px}.comp-hero-type h1{font-size:68px;margin:45px 0}.comp-about{display:block}.comp-about h2{margin-top:25px}.quiet-header nav a:nth-child(2){display:none}.quiet-hero{min-height:75vh;padding:8vh 6% 25px}.quiet-mark{width:90vw}.quiet-image{height:20vh}.quiet-bottom span{display:none}.quiet-about{display:block}.quiet-about h1{font-size:62px;margin:25px 0}.quiet-about>div{padding:0}.rows h3{font-size:23px}}
.quiet-mark{width:min(620px,72vw)}
@media(max-width:620px){.quiet-mark{width:86vw}}

/* 05 — mechanical: precision marks, concentric machining and safety orange. */
.mechanical{background:#11171a;color:#eff0ea}.mechanical .concept-nav{background:#090d0f;border-bottom:1px solid #333d40}.mechanical .concept-nav a[aria-current]{border-color:#f36b35;color:#f36b35}.mech-page{background:#11171a}.mech-header{height:108px;display:flex;align-items:center;gap:50px;padding:0 4.5%;border-bottom:1px solid #394145}.mech-header>a img{width:228px;filter:invert(1)}.mech-header nav{margin-left:auto;font:700 11px/1 Arial,sans-serif;letter-spacing:.14em}.mech-header>span{padding-left:28px;border-left:1px solid #495054;font:10px/1.3 monospace;letter-spacing:.12em;color:#a4aaa8}.mech-hero{display:grid;grid-template-columns:53% 47%;min-height:720px;height:calc(100vh - 150px);max-height:1050px}.mech-hero-copy{display:flex;flex-direction:column;padding:55px 7% 34px 8.5%;border-right:1px solid #495054;background:linear-gradient(90deg,transparent 49.93%,#303a3d 50%,transparent 50.07%),repeating-linear-gradient(0deg,transparent 0 78px,rgba(255,255,255,.025) 79px 80px),#11171a}.mech-techline,.mech-service-index,.mech-visual-caption{display:flex;justify-content:space-between;gap:25px;font:10px/1.4 monospace;letter-spacing:.17em;color:#a5aaa7}.mech-techline span:first-child{color:#f36b35}.mech-hero h1{font-size:clamp(62px,6.2vw,126px);line-height:.97;letter-spacing:-.065em;margin:auto 0 35px;font-weight:700;text-transform:uppercase}.mech-hero h1 em{font-style:normal;color:#f36b35}.mech-hero-copy>p{max-width:590px;font-size:17px;color:#b9c1bd;margin:0 0 30px}.mech-cta{width:215px;display:flex;justify-content:space-between;padding:15px 0;border-top:2px solid #f36b35;font:700 11px monospace;letter-spacing:.13em}.mech-cta span{font-size:19px;color:#f36b35}.mech-service-index{margin-top:auto;padding-top:40px;border-top:1px solid #435056;color:#77858a}.mech-hero-visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#253034 0 21%,transparent 21.2%),repeating-radial-gradient(circle at center,transparent 0 87px,rgba(255,255,255,.06) 88px 89px,transparent 90px 106px),repeating-linear-gradient(90deg,transparent 0 75px,rgba(255,255,255,.03) 76px 77px),#1a2327}.mech-hero-visual:before,.mech-hero-visual:after{content:"";position:absolute;inset:8%;border:1px solid #697377;clip-path:polygon(0 0,24% 0,24% 1px,76% 1px,76% 0,100% 0,100% 100%,0 100%);pointer-events:none}.mech-hero-visual:after{inset:15%;border:1px dashed #6c777a;opacity:.5;clip-path:none}.mech-cross{position:absolute;font:27px/1 monospace;color:#f36b35}.mech-cross.one{top:6%;left:6%}.mech-cross.two{top:6%;right:6%}.mech-cross.three{bottom:6%;left:6%}.mech-cross.four{bottom:6%;right:6%}.mech-disc{width:min(73%,620px);aspect-ratio:1;border:2px solid #768184;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 0 22px #1a2327,0 0 0 23px #637074,0 0 0 46px #1a2327,0 0 0 47px #3e4d51;background:repeating-conic-gradient(from 0deg,#253136 0 3deg,#1b262a 3deg 6deg)}.mech-disc:before{content:"";position:absolute;inset:10%;border:2px solid #f36b35;border-radius:50%;opacity:.8}.mech-disc:after{content:"";position:absolute;inset:18%;border:1px dashed #8d9b9c;border-radius:50%}.mech-disc-inner{position:relative;z-index:2;width:62%;aspect-ratio:1;background:#11171a;border:1px solid #798589;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;box-shadow:0 0 0 16px rgba(17,23,26,.55)}.mech-disc-inner img{width:75%;filter:invert(1)}.mech-disc-inner span{font:9px monospace;letter-spacing:.18em;color:#f36b35}.mech-visual-caption{position:absolute;bottom:35px;left:7%;right:7%}.mech-about,.mech-services,.mech-sectors,.mech-process{padding:120px 8%}.mech-about{display:grid;grid-template-columns:23% 1fr;gap:5%;background:#e6e8e4;color:#172126}.mech-label,.mech-section-head>span{font:700 11px monospace;letter-spacing:.16em;color:#f36b35}.mech-about h2{font-size:clamp(38px,4vw,74px);font-weight:700;line-height:1.05;text-transform:uppercase;max-width:1050px}.mech-about p{font-size:15px;max-width:760px;color:#526064}.mech-services{background:#172126}.mech-section-head{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:55px}.mech-section-head h2{font-size:clamp(48px,6vw,96px);font-weight:700;text-transform:uppercase;line-height:1;margin:0}.mech-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4c5b5e;border-left:1px solid #4c5b5e}.mech-list article{padding:35px;min-height:275px;border-right:1px solid #4c5b5e;border-bottom:1px solid #4c5b5e}.mech-list h3,.mech-sector-list h3,.mech-process-list h3{font-size:23px;font-weight:700;text-transform:uppercase;line-height:1.15;margin:45px 0 14px}.mech-list p,.mech-sector-list p,.mech-process-list p{font-size:13px;color:#a7b3b1;line-height:1.6;margin:0}.mech-list .num,.mech-sector-list .num,.mech-process-list .num{font:700 11px monospace;color:#f36b35}.mech-sectors{background:#e6e8e4;color:#172126}.mech-sector-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 50px}.mech-sector-list article{display:grid;grid-template-columns:50px 1fr;column-gap:20px;border-top:1px solid #b6c0c0;padding:25px 0}.mech-sector-list h3{margin:0 0 8px}.mech-sector-list p{grid-column:2;color:#526064}.mech-process{background:#202c30}.mech-process-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.mech-process-list article{border-top:3px solid #f36b35;padding-top:25px}.mech-process-list h3{margin:25px 0 12px}.mechanical footer{background:#0d1113}.mechanical footer .kicker{color:#f36b35}.mechanical footer h2{font-weight:700;text-transform:uppercase}.mechanical .company{border-color:#4b5557}

/* 06 — comic: inked frames, primary color blocks and halftone texture. */
.comic{background:#f9f1de;color:#171411}.comic .concept-nav{background:#151313;color:#f6f0e7}.comic .concept-nav a[aria-current]{border-color:#ffd44b;color:#ffd44b}.comic-page{background:#f9f1de;overflow:hidden}.comic-header{height:96px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:5px solid #171411}.comic-header img{width:238px}.comic-header nav{font-weight:800;letter-spacing:.06em}.comic-hero{display:grid;grid-template-columns:55% 45%;grid-template-rows:minmax(520px,70vh) minmax(220px,28vh);gap:10px;padding:10px;background:#171411}.comic-panel{position:relative;overflow:hidden;border:4px solid #171411}.comic-title-panel{grid-row:1 / span 2;background:radial-gradient(circle,#dc3c38 1px,transparent 1.5px) 0 0/12px 12px,#f6cb40;padding:48px 7%;display:flex;flex-direction:column;justify-content:center}.comic-title-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 62%,rgba(255,255,255,.28) 62.2% 64%,transparent 64.2%);pointer-events:none}.comic-issue{position:absolute;top:38px;left:7%;background:#fff;color:#171411;border:3px solid #171411;box-shadow:7px 7px 0 #171411;padding:10px 15px;font:800 11px Arial,sans-serif;letter-spacing:.12em}.comic-title-panel h1{font-size:clamp(65px,7.4vw,150px);font-weight:900;line-height:.93;text-transform:uppercase;letter-spacing:-.075em;transform:rotate(-3deg);text-shadow:5px 5px 0 #fff,-2px -2px 0 #fff;margin:75px 0 0;position:relative;z-index:1}.comic-title-panel h1 strong{font-weight:900;color:#d93632;-webkit-text-stroke:2px #171411;text-shadow:5px 5px 0 #fff}.comic-star{position:absolute;right:5%;bottom:5%;width:170px;height:170px;display:grid;place-items:center;text-align:center;background:#fff;color:#111;border:4px solid #111;clip-path:polygon(50% 0%,62% 22%,85% 7%,83% 32%,100% 36%,87% 54%,99% 74%,74% 76%,72% 100%,50% 86%,28% 100%,26% 76%,1% 74%,13% 54%,0 36%,17% 32%,15% 7%,38% 22%);font:900 12px/1.2 Arial,sans-serif;transform:rotate(13deg)}.comic-image-panel{background:#281e18}.comic-image-panel img{width:100%;height:100%;object-fit:cover;filter:contrast(1.5) saturate(.75)}.comic-image-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(9,8,8,.25) 1px,transparent 1.5px) 0 0/9px 9px;mix-blend-mode:multiply}.comic-photo-label{position:absolute;left:25px;bottom:22px;z-index:2;background:#fff;border:3px solid #111;padding:9px 14px;font:900 12px Arial,sans-serif;letter-spacing:.1em;transform:rotate(-2deg)}.comic-intro-panel{background:#f8f2e5;padding:25px 6% 20px;display:flex;flex-direction:column;justify-content:center}.comic-intro-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#171411 1px,transparent 1.5px) 0 0/12px 12px;opacity:.06}.comic-intro-panel>span,.comic-section-tag{display:inline-block;align-self:start;background:#171411;color:#fff;padding:9px 13px;font:900 11px Arial,sans-serif;letter-spacing:.12em;transform:rotate(-2deg)}.comic-intro-panel p{position:relative;font-size:clamp(17px,1.8vw,27px);font-weight:700;line-height:1.3;margin:17px 0}.comic-intro-panel a{font:900 12px Arial,sans-serif;letter-spacing:.08em;align-self:end;border-bottom:3px solid #171411;padding-bottom:6px}.comic-about,.comic-services,.comic-sectors,.comic-process{padding:115px 7%}.comic-about{display:grid;grid-template-columns:1fr 1fr;gap:4%;background:#e7e6df;border-top:6px solid #111}.comic-about .comic-section-tag{grid-column:1/-1}.comic-about h2{font-size:clamp(40px,4.4vw,78px);font-weight:900;line-height:1.04;text-transform:uppercase;letter-spacing:-.06em}.comic-about-copy{background:#fff;border:4px solid #111;box-shadow:12px 12px 0 #111;padding:40px}.comic-about-copy p{font-size:15px}.comic-services{background:#d83732;border-top:6px solid #111}.comic-services h2,.comic-sectors h2,.comic-process h2{font-size:clamp(58px,7vw,120px);font-weight:900;text-transform:uppercase;letter-spacing:-.07em;line-height:.9;margin:35px 0 65px;text-shadow:4px 4px 0 #fff}.comic-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.comic-cards article,.comic-sector-cards article,.comic-steps article{background:#fff;border:4px solid #111;box-shadow:8px 8px 0 #111;padding:27px;min-height:280px}.comic-cards article:nth-child(2n){background:#f5d54a}.comic-cards .num,.comic-sector-cards .num,.comic-steps .num{background:#111;color:#fff;padding:6px 9px;font:900 12px Arial,sans-serif}.comic-cards h3,.comic-sector-cards h3,.comic-steps h3{font-size:clamp(22px,2vw,32px);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:1.05;margin:32px 0 14px}.comic-cards p,.comic-sector-cards p,.comic-steps p{font-size:14px;line-height:1.55}.comic-sectors{background:#f9f1de;border-top:6px solid #111}.comic-sector-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.comic-sector-cards article{min-height:220px;background:#e8edf0}.comic-sector-cards article:nth-child(3n+2){background:#ffd44b}.comic-process{background:#e5ecee;border-top:6px solid #111}.comic-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.comic-steps article{min-height:240px}.comic-steps article:nth-child(3n){background:#f5d54a}.comic footer{border-top:6px solid #111;background:#171411;color:#fff}.comic footer>span{background:#ffdb55;color:#111;padding:9px 13px;font:900 11px Arial,sans-serif}.comic footer h2{font-weight:900;text-transform:uppercase;letter-spacing:-.06em;text-shadow:4px 4px 0 #c83531}.comic .company{border-color:#fff}

@media(max-width:1050px){.mech-header nav{display:none}.mech-header>span{margin-left:auto}.mech-hero{grid-template-columns:55% 45%}.mech-hero h1{font-size:clamp(50px,6.7vw,78px)}.mech-disc{width:67%}.comic-title-panel h1{font-size:clamp(58px,7vw,90px)}.comic-star{width:130px;height:130px}.comic-intro-panel p{font-size:19px}}
@media(max-width:700px){.mechanical .concept-nav,.comic .concept-nav{justify-content:space-around}.mech-header{height:76px;padding:0 6%}.mech-header>a img{width:190px}.mech-header>span{font-size:9px}.mech-hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none}.mech-hero-copy{min-height:580px;padding:35px 7%}.mech-hero h1{font-size:clamp(48px,11vw,74px)}.mech-hero-copy>p{font-size:15px}.mech-service-index{font-size:8px;flex-wrap:wrap}.mech-hero-visual{min-height:460px}.mech-disc{width:min(65%,300px)}.mech-about,.mech-services,.mech-sectors,.mech-process{padding:85px 7%}.mech-about{display:block}.mech-about h2{margin-top:30px}.mech-section-head{display:block}.mech-section-head h2{margin-top:22px}.mech-list,.mech-process-list{grid-template-columns:1fr}.mech-list article{min-height:0}.mech-sector-list{grid-template-columns:1fr}.comic-header{height:78px;padding:0 5%}.comic-header img{width:190px}.comic-header nav a:not(:last-child){display:none}.comic-hero{display:flex;flex-direction:column;gap:8px;padding:8px}.comic-title-panel{min-height:550px}.comic-title-panel h1{font-size:clamp(55px,12vw,90px)}.comic-image-panel{height:320px}.comic-intro-panel{min-height:230px}.comic-about,.comic-services,.comic-sectors,.comic-process{padding:85px 7%}.comic-about{display:block}.comic-about h2{margin:35px 0}.comic-cards,.comic-sector-cards,.comic-steps{grid-template-columns:1fr}.comic-cards article,.comic-sector-cards article,.comic-steps article{min-height:0}.comic-star{width:120px;height:120px;font-size:10px}}