.framework-page{background:#0b0d0d;color:#f4f1e9}.framework-page .site-header{background:#0b0d0d;border-bottom-color:#2a2e2c}.framework-page .site-footer{background:#070909}.framework-hero{min-height:620px;padding-top:clamp(110px,15vh,180px);padding-bottom:90px;background:radial-gradient(circle at 72% 25%,rgba(88,201,138,.12),transparent 30%),linear-gradient(120deg,#0b0d0d,#13261c)}.framework-kicker,.framework-hero-meta{color:#8ea599;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.framework-kicker{display:flex;align-items:center;gap:12px}.framework-kicker span,.eyebrow span{display:inline-block;width:30px;height:1px;background:#58c98a}.framework-hero h1{margin:38px 0 28px;color:#f4f1e9;font-size:clamp(68px,10vw,150px);line-height:.82}.framework-hero h1 em,.framework-intro h2 em,.framework-step h2 em,.framework-close h2 em{color:#58c98a;font-family:'Playfair Display',serif;font-weight:500}.framework-hero>p{max-width:530px;color:#b4c8ba;line-height:1.8;font-size:15px}.framework-hero-meta{display:flex;justify-content:space-between;gap:20px;margin-top:100px;padding-top:18px;border-top:1px solid #31503e}.framework-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,10vw,150px);padding-top:125px;padding-bottom:100px;background:#142b20}.framework-intro h2{margin:26px 0 0;color:#f4f1e9;font-size:clamp(52px,6vw,88px);line-height:.9}.framework-intro>p{align-self:end;max-width:470px;margin:0;color:#b4c8ba;line-height:1.8}.framework-steps{padding-top:100px;padding-bottom:120px;background:#101413}.framework-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.82fr);gap:clamp(55px,9vw,150px);align-items:center;padding:95px 0;border-bottom:1px solid #2c3d34}.framework-step.step-reverse{grid-template-columns:minmax(350px,.82fr) minmax(0,1fr)}.framework-step.step-reverse .step-copy{grid-column:2;grid-row:1}.framework-step.step-reverse .step-figure{grid-column:1;grid-row:1}.step-number{display:block;color:#58c98a;font-size:11px;letter-spacing:.18em;margin-bottom:25px}.step-copy h2{margin:0 0 25px;color:#f4f1e9;font-size:clamp(42px,5vw,74px);line-height:.88}.step-copy>p{max-width:490px;color:#aab8af;line-height:1.8;margin:0 0 26px}.step-copy ul{list-style:none;padding:0;margin:0;color:#d2ded6;font-size:12px;line-height:2}.step-copy li:before{content:'+';color:#58c98a;margin-right:12px}.step-figure{height:330px;position:relative;perspective:900px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(88,201,138,.1),transparent 54%),#17221c;border:1px solid #31503e}.figure-ground{position:absolute;inset:55% 8% 10%;background:linear-gradient(135deg,#274936,#193224);transform:skewY(-12deg) rotateX(55deg);box-shadow:0 20px 35px rgba(0,0,0,.25)}.drawing-sheet{position:absolute;left:27%;top:25%;width:46%;height:42%;padding:20px;background:#d9e4dc;transform:rotateX(55deg) rotateZ(-25deg);box-shadow:18px 18px 0 #6f8d7a}.drawing-sheet i{display:block;height:3px;background:#507062;margin:9px 0;width:80%}.drawing-sheet b{display:block;color:#274936;font-size:24px;margin-top:14px}.measure{position:absolute;background:#58c98a}.measure-x{left:24%;right:25%;top:21%;height:1px}.measure-y{top:23%;bottom:32%;left:21%;width:1px}.steel-stack{position:absolute;left:27%;top:39%;width:48%;height:22%;transform:skewY(-12deg) rotateX(50deg)}.steel-stack i{display:block;height:22px;margin:4px;background:linear-gradient(90deg,#9eb4aa,#d9e4dc 55%,#6f8d7a);box-shadow:8px 7px 0 #506e5d}.check-ring,.inspection-check{position:absolute;display:grid;place-items:center;width:58px;height:58px;border:2px solid #58c98a;border-radius:50%;color:#58c98a;font-size:27px;background:#17221c;box-shadow:0 0 0 8px rgba(88,201,138,.08)}.check-ring{right:17%;top:19%}.tag,.dispatch-label{position:absolute;padding:8px 10px;border:1px solid #58c98a;background:#173324;color:#bde8cc;font-size:10px;letter-spacing:.12em}.tag{left:17%;bottom:20%}.cut-table{position:absolute;left:16%;right:15%;bottom:22%;height:45%;background:linear-gradient(145deg,#809a8b,#3d5a49);transform:skewY(-13deg) rotateX(48deg);box-shadow:15px 16px 0 #21392b}.cut-bar{position:absolute;left:27%;top:27%;width:52%;height:16px;background:#d5e2da;transform:rotate(-18deg);box-shadow:12px 9px 0 #5a7867}.cut-line{position:absolute;left:33%;top:47%;width:37%;height:2px;background:#58c98a;transform:rotate(-18deg);box-shadow:0 0 18px #58c98a}.cut-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#f36c21;box-shadow:0 0 12px #f36c21}.s1{left:32%;top:44%}.s2{left:39%;top:37%}.s3{left:46%;top:40%}.frame-a,.frame-b{position:absolute;border:9px solid #8da99a;transform:skewY(-15deg) rotateX(50deg)}.frame-a{left:18%;top:24%;width:48%;height:52%}.frame-b{left:41%;top:33%;width:43%;height:45%;border-color:#4f7560}.weld-arc{position:absolute;left:50%;top:47%;width:58px;height:58px;border:4px solid #f36c21;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(35deg);box-shadow:0 0 20px rgba(243,108,33,.55)}.weld-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#f6c35a;box-shadow:0 0 12px #f6c35a}.d1{left:52%;top:42%}.d2{left:59%;top:47%}.d3{left:50%;top:54%}.inspection-part{position:absolute;left:25%;top:31%;width:52%;height:37%;background:linear-gradient(145deg,#d5e1da,#789584);transform:skewY(-12deg) rotateX(48deg);box-shadow:15px 16px 0 #456653}.inspection-line{position:absolute;height:2px;background:#274936}.l1{left:31%;top:48%;width:38%;transform:rotate(-12deg)}.l2{left:42%;top:35%;width:28%;transform:rotate(72deg)}.inspection-check{right:17%;top:18%}.inspection-glow{position:absolute;left:25%;top:28%;width:52%;height:40%;border:1px solid #58c98a;transform:skewY(-12deg) rotateX(48deg);box-shadow:0 0 28px rgba(88,201,138,.18)}.crate{position:absolute;left:27%;top:30%;width:47%;height:38%;background:linear-gradient(145deg,#c18b4f,#81582f);transform:skewY(-12deg) rotateX(48deg);box-shadow:16px 17px 0 #52391f}.crate i{position:absolute;display:block;background:#e0b477;width:4px;height:100%;transform:rotate(24deg);opacity:.65}.crate i:nth-child(1){left:25%}.crate i:nth-child(2){left:50%}.crate i:nth-child(3){left:75%}.arrow-line{position:absolute;right:12%;top:32%;width:23%;height:2px;background:#58c98a}.arrow-head{position:absolute;right:11%;top:28%;width:11px;height:11px;border-top:2px solid #58c98a;border-right:2px solid #58c98a;transform:rotate(45deg)}.dispatch-label{left:16%;bottom:18%;color:#f6c35a;border-color:#f6c35a;background:#362919}.framework-close{padding-top:130px;padding-bottom:150px;background:#142b20}.framework-close h2{margin:25px 0;color:#f4f1e9;font-size:clamp(54px,7vw,100px);line-height:.88}.framework-close>p:not(.eyebrow){max-width:440px;color:#b4c8ba;line-height:1.8}.framework-close .button{margin-top:20px}.framework-page .site-footer{padding-left:10.8%;padding-right:10.8%}@media(max-width:800px){.framework-hero{min-height:560px;padding-top:100px}.framework-hero-meta{display:block;line-height:2.3;margin-top:70px}.framework-intro{display:block;padding-top:90px;padding-bottom:80px}.framework-intro>p{margin-top:45px}.framework-steps{padding-top:35px}.framework-step,.framework-step.step-reverse{display:flex;flex-direction:column;gap:45px;align-items:stretch;padding:70px 0}.framework-step.step-reverse .step-copy,.framework-step.step-reverse .step-figure{order:initial}.step-figure{height:280px}.framework-close{padding-top:90px;padding-bottom:100px}}
.figure-mark .mark-table,.figure-weld .weld-table{position:absolute;left:15%;right:14%;bottom:22%;height:18%;background:linear-gradient(145deg,#6f8d7a,#304e3b);transform:skewY(-12deg) rotateX(50deg);box-shadow:14px 14px 0 #203a2b}.mark-plate{position:absolute;left:23%;top:42%;width:54%;height:23%;background:linear-gradient(145deg,#c9d8d0,#728f80);transform:skewY(-12deg) rotateX(50deg);box-shadow:10px 10px 0 #486654}.mark-plate i{position:absolute;display:block;height:2px;background:#f36c21;transform:rotate(-12deg)}.mark-plate i:nth-child(1){left:15%;right:15%;top:28%}.mark-plate i:nth-child(2){left:15%;right:27%;top:51%}.mark-plate i:nth-child(3){left:43%;right:15%;top:73%}.mark-worker,.weld-worker{position:absolute;width:72px;height:155px;z-index:4}.mark-worker{right:19%;top:17%;transform:rotate(8deg)}.weld-worker{right:16%;top:15%;transform:rotate(-9deg)}.mark-worker b,.weld-worker b{position:absolute;left:28px;top:0;width:25px;height:25px;border-radius:50%;background:#e6b07a;box-shadow:0 0 0 5px #d7e2dc}.mark-worker i,.weld-worker i{position:absolute;left:23px;top:29px;width:35px;height:70px;background:#3d7155;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);border-radius:8px}.mark-worker em,.weld-worker em,.mark-worker u,.weld-worker u{position:absolute;top:91px;width:12px;height:58px;background:#263c32;text-decoration:none;border-radius:6px;transform-origin:top}.mark-worker em,.weld-worker em{left:24px;transform:rotate(8deg)}.mark-worker u,.weld-worker u{left:43px;transform:rotate(-8deg)}.mark-worker:after,.weld-worker:after{content:'';position:absolute;left:7px;top:26px;width:67px;height:15px;border-radius:10px;background:#d7e2dc;transform:rotate(27deg);transform-origin:right center}.marker-pen{position:absolute;right:26%;top:48%;width:46px;height:4px;background:#f36c21;transform:rotate(67deg);z-index:5;box-shadow:0 0 10px rgba(243,108,33,.6)}.mark-line{position:absolute;left:31%;top:56%;width:24%;height:2px;background:#f36c21;transform:rotate(-12deg);box-shadow:0 0 10px rgba(243,108,33,.55);z-index:3}.figure-weld .weld-table{bottom:20%}.weld-frame{position:absolute;left:17%;top:35%;width:56%;height:35%;border:8px solid #86a394;transform:skewY(-14deg) rotateX(48deg);box-shadow:12px 12px 0 #355542;z-index:2}.weld-torch{position:absolute;right:30%;top:48%;width:58px;height:8px;background:#d7e2dc;transform:rotate(21deg);z-index:5;box-shadow:0 0 0 3px #456653}.weld-arc{z-index:6}.figure-inspect:before{content:'';position:absolute;left:22%;top:20%;width:72px;height:155px;z-index:5;background:radial-gradient(circle at 50% 8%,#e6b07a 0 12px,transparent 13px),linear-gradient(75deg,transparent 0 38%,#3d7155 39% 62%,transparent 63%);clip-path:polygon(27% 0,73% 0,87% 25%,100% 45%,75% 54%,69% 100%,52% 100%,44% 57%,34% 100%,17% 100%,24% 51%,0 43%,14% 27%)}.figure-inspect:after{content:'';position:absolute;left:39%;top:46%;width:72px;height:9px;background:#d7e2dc;transform:rotate(-21deg);z-index:7;box-shadow:0 0 0 3px #456653}.figure-inspect .inspection-glow:before{content:'';position:absolute;left:30%;top:45%;width:6px;height:6px;border-radius:50%;background:#f6c35a;box-shadow:18px -12px #f6c35a,35px -18px #f6c35a,48px -9px #f6c35a,61px -24px #f6c35a;z-index:8}.figure-inspect .inspection-check{z-index:9}
.figure-mark,.figure-weld,.figure-inspect{background-size:cover;background-position:center;filter:saturate(.78) contrast(1.04)}.figure-mark{background-image:linear-gradient(90deg,rgba(8,18,13,.28),rgba(8,18,13,.08)),url('https://commons.wikimedia.org/wiki/Special:FilePath/A%20metal%20fabricator%20cutting%20metal%20plate%20in%20to%20shape.jpg')}.figure-weld{background-image:linear-gradient(90deg,rgba(8,18,13,.25),rgba(8,18,13,.08)),url('https://commons.wikimedia.org/wiki/Special:FilePath/Welding%20work.jpg')}.figure-inspect{background-image:linear-gradient(90deg,rgba(8,18,13,.28),rgba(8,18,13,.06)),url('https://commons.wikimedia.org/wiki/Special:FilePath/Jeremy%20Hamblin%20grinds%20a%20sheet%20of%20metal,%202011.jpg')}.figure-mark>*:not(.figure-ground),.figure-weld>*:not(.figure-ground),.figure-inspect>*:not(.figure-ground){display:none}.framework-credits{margin-top:35px;color:#86a796;font-size:11px;line-height:1.7}.framework-credits a{color:#bde8cc}
.figure-mark .figure-ground,.figure-weld .figure-ground,.figure-inspect .figure-ground{display:none}
.figure-mark:before,.figure-mark:after,.figure-weld:before,.figure-weld:after,.figure-inspect:before,.figure-inspect:after{display:none}
.framework-step .step-figure{background-size:cover;background-position:center;filter:saturate(.82) contrast(1.03)}.framework-step:nth-child(1) .step-figure{background-image:linear-gradient(90deg,rgba(8,18,13,.3),rgba(8,18,13,.08)),url('./framework-assets/01-enquiry.png')}.framework-step:nth-child(2) .step-figure{background-image:linear-gradient(90deg,rgba(8,18,13,.3),rgba(8,18,13,.08)),url('./framework-assets/02-material-inspection.png')}.framework-step:nth-child(3) .step-figure{background-image:linear-gradient(90deg,rgba(8,18,13,.24),rgba(8,18,13,.05)),url('./framework-assets/03-marking-form.png')}.framework-step:nth-child(4) .step-figure{background-image:linear-gradient(90deg,rgba(8,18,13,.2),rgba(8,18,13,.05)),url('./framework-assets/04-weld-assemble.png')}.framework-step:nth-child(5) .step-figure{background-image:linear-gradient(90deg,rgba(8,18,13,.18),rgba(8,18,13,.04)),url('./framework-assets/05-finish-inspect.png')}.framework-step:nth-child(6) .step-figure{background-image:linear-gradient(90deg,rgba(8,18,13,.25),rgba(8,18,13,.06)),url('./framework-assets/06-pack-dispatch.png')}.framework-step .step-figure>*{display:none}.framework-credits{display:none}
.framework-steps{padding-left:0;padding-right:0}.framework-step,.framework-step.step-reverse{position:relative;display:flex;min-height:560px;margin:0;padding:110px 10.8%;border-bottom:1px solid #31503e;background-position:center;background-size:cover;overflow:hidden}.framework-step:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,14,11,.94) 0%,rgba(7,14,11,.78) 38%,rgba(7,14,11,.28) 72%,rgba(7,14,11,.48) 100%),linear-gradient(180deg,rgba(7,14,11,.2),rgba(7,14,11,.62));z-index:0}.framework-step:nth-child(1){background-image:url('./framework-assets/01-enquiry.png')}.framework-step:nth-child(2){background-image:url('./framework-assets/02-material-inspection.png')}.framework-step:nth-child(3){background-image:url('./framework-assets/03-marking-form.png')}.framework-step:nth-child(4){background-image:url('./framework-assets/04-weld-assemble.png')}.framework-step:nth-child(5){background-image:url('./framework-assets/05-finish-inspect.png')}.framework-step:nth-child(6){background-image:url('./framework-assets/06-pack-dispatch.png')}.framework-step.step-reverse:before{background:linear-gradient(90deg,rgba(7,14,11,.48) 0%,rgba(7,14,11,.28) 28%,rgba(7,14,11,.78) 64%,rgba(7,14,11,.94) 100%),linear-gradient(180deg,rgba(7,14,11,.2),rgba(7,14,11,.62))}.framework-step .step-copy,.framework-step .step-figure{position:relative;z-index:1}.framework-step .step-copy,.framework-step.step-reverse .step-copy{width:min(520px,58%);grid-column:auto;grid-row:auto}.framework-step.step-reverse{justify-content:flex-end}.framework-step .step-figure{display:none}.framework-step .step-copy>p{color:#d0ddd5;text-shadow:0 2px 16px rgba(0,0,0,.42)}.framework-step .step-copy ul{color:#e0ece4;text-shadow:0 2px 12px rgba(0,0,0,.42)}@media(max-width:800px){.framework-step,.framework-step.step-reverse{min-height:540px;padding:82px 8%;align-items:flex-end}.framework-step:before{background:linear-gradient(90deg,rgba(7,14,11,.92),rgba(7,14,11,.56)),linear-gradient(180deg,rgba(7,14,11,.12),rgba(7,14,11,.8))}.framework-step.step-reverse:before{background:linear-gradient(90deg,rgba(7,14,11,.92),rgba(7,14,11,.56)),linear-gradient(180deg,rgba(7,14,11,.12),rgba(7,14,11,.8))}.framework-step .step-copy,.framework-step.step-reverse .step-copy{width:100%}}
.framework-step:nth-child(1){background-image:url('./framework-assets/01-enquiry-estimation.png')}.framework-step:nth-child(2){background-image:url('./framework-assets/02-material-inspection.png')}.framework-step:nth-child(3){background-image:url('./framework-assets/03-marking-form.png')}.framework-step:nth-child(4){background-image:url('./framework-assets/04-weld-assemble.png')}.framework-step:nth-child(5){background-image:url('./framework-assets/05-welding-qc.png')}.framework-step:nth-child(6){background-image:url('./framework-assets/06-pack-dispatch.png')}
.framework-page h1,.framework-page h2{font-weight:500;letter-spacing:-.035em;word-spacing:.02em}.framework-page h1 em,.framework-page h2 em{letter-spacing:-.025em}.framework-hero h1{font-weight:500;letter-spacing:-.045em}.framework-step h2,.framework-close h2{line-height:.92}