:root{--bg:#0b0c0e;--surface:#111316;--surface-2:#17191d;--orange:#ff5a1f;--orange-2:#ff7a32;--text:#f5f3ef;--muted:#a3a4a8;--line:#292c31;--max:1180px;--radius:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--orange);padding:12px 18px;color:#fff}.skip-link:focus{top:16px}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(11,12,14,.78);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:2px;font-size:.9rem}.logo-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--orange);color:#fff;font-size:.85rem;letter-spacing:-1px;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.site-nav{display:flex;align-items:center;gap:30px;font-size:.82rem;font-weight:600}.site-nav>a:not(.nav-cta){color:#c8c8cb;transition:.2s}.site-nav>a:not(.nav-cta):hover{color:#fff}.nav-cta{padding:11px 17px;border:1px solid var(--orange);color:#fff}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}
.hero{min-height:820px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 45%,rgba(255,90,31,.12),transparent 25%),linear-gradient(112deg,#0b0c0e 0%,#111317 64%,#0b0c0e 64%)}.hero:after{content:"";position:absolute;width:42vw;height:120%;right:-5%;top:-10%;border-left:1px solid rgba(255,90,31,.32);transform:skewX(-13deg);background:linear-gradient(135deg,transparent,rgba(255,90,31,.08))}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to right,#000,transparent 70%)}.hero-content{position:relative;z-index:2;padding-top:95px}.eyebrow{display:flex;align-items:center;gap:10px;color:#d0d0d2;font-size:.72rem;font-weight:700;letter-spacing:2.3px;text-transform:uppercase}.eyebrow span{width:32px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(3.3rem,7.4vw,6.8rem);line-height:.95;letter-spacing:-5px;margin:24px 0 30px;max-width:900px}.hero h1 em,.contact h2 em{font-style:normal;color:var(--orange)}.hero-lead{max-width:620px;color:#b9babd;font-size:1.08rem}.hero-actions{display:flex;gap:12px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 21px;font-size:.8rem;font-weight:800;letter-spacing:.4px;transition:.25s;border:1px solid transparent}.button-primary{background:var(--orange);color:#fff}.button-primary:hover{background:var(--orange-2);transform:translateY(-2px)}.button-ghost{border-color:#3a3d42;background:rgba(255,255,255,.02)}.button-ghost:hover{border-color:#fff}.hero-meta{display:flex;gap:58px;margin-top:70px}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font-size:1.35rem}.hero-meta span{color:#777a80;font-size:.69rem;text-transform:uppercase;letter-spacing:1px}.hero-badge{position:absolute;right:7%;bottom:12%;z-index:2;width:125px;height:125px;border:1px solid #43464c;border-radius:50%;display:grid;place-items:center;transform:rotate(-8deg)}.hero-badge strong{font-size:2.2rem;color:var(--orange)}.hero-badge span{font-size:.5rem;letter-spacing:2px;color:#929399}
.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading h2,.why h2,.contact h2{font-size:clamp(2.35rem,5vw,4.6rem);line-height:1.05;letter-spacing:-3px;margin:18px 0 0}.section-heading>p{max-width:390px;color:var(--muted);margin-bottom:7px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:345px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.25s;background:var(--bg)}.service-card:hover,.service-card.featured{background:var(--surface-2);transform:translateY(-4px)}.service-card.featured{box-shadow:inset 0 3px var(--orange)}.service-number{position:absolute;right:26px;top:24px;color:#55585e;font-size:.7rem}.service-icon{font-size:2rem;color:var(--orange);margin:18px 0 48px}.service-card h3{font-size:1.15rem;margin-bottom:12px}.service-card p{font-size:.84rem;color:var(--muted)}.service-card a{position:absolute;bottom:28px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.service-card a span{color:var(--orange);margin-left:7px}.why{background:#0e1012}.why-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:9%;align-items:center}.why-visual{height:590px;position:relative;display:flex;align-items:end;padding:45px;overflow:hidden;background:linear-gradient(145deg,#1b1e22,#0d0f11)}.why-visual:before{content:"";position:absolute;inset:12% -25%;border:1px solid #34373d;transform:rotate(-20deg)}.why-visual:after{content:"";position:absolute;width:260px;height:700px;left:38%;top:-12%;background:linear-gradient(90deg,transparent,rgba(255,90,31,.18),transparent);transform:rotate(22deg)}.visual-lines{position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 80px,rgba(255,255,255,.018) 81px 82px)}.why-visual strong{position:relative;z-index:1;font-size:3rem;line-height:.94;letter-spacing:-2px}.image-label{position:absolute;right:24px;top:24px;color:#666a70;font-size:.58rem;letter-spacing:2px}.why-copy>p:not(.eyebrow){color:var(--muted);max-width:500px;margin:28px 0}.check-list{list-style:none;padding:0;margin:35px 0 0}.check-list li{display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--line)}.check-list li>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--orange);color:var(--orange);flex:0 0 auto}.check-list strong,.check-list small{display:block}.check-list small{color:var(--muted);margin-top:3px}
.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:280px 280px;gap:16px}.gallery-item{margin:0;position:relative;overflow:hidden;background:var(--surface)}.gallery-large{grid-row:span 2}.gallery-wide{grid-column:span 2}.placeholder-art{height:100%;position:relative;transition:.5s;background-color:#191c20;overflow:hidden}.placeholder-art:before{content:"";position:absolute;width:75%;height:140%;left:25%;top:-20%;border:1px solid #34383e;transform:skewX(-20deg)}.placeholder-art:after{content:"DS";position:absolute;right:7%;bottom:-8%;font-size:9rem;font-weight:800;color:rgba(255,255,255,.025)}.placeholder-art span{position:absolute;left:24px;top:24px;color:#62656a;font-size:.58rem;letter-spacing:2px}.art-two{background:linear-gradient(135deg,#191c20,#24170f)}.art-three{background:linear-gradient(35deg,#111317,#211c1b)}.art-four{background:linear-gradient(110deg,#17191d,#22150f)}.gallery-item:hover .placeholder-art{transform:scale(1.025)}.gallery-item figcaption{position:absolute;inset:auto 0 0;padding:45px 24px 20px;background:linear-gradient(transparent,rgba(0,0,0,.84));display:flex;justify-content:space-between;align-items:end}.gallery-item figcaption strong{font-size:.9rem}.gallery-item figcaption span{font-size:.66rem;color:#bbb;text-transform:uppercase;letter-spacing:1px}
.contact{padding-top:70px}.contact-panel{display:grid;grid-template-columns:1.35fr .65fr;background:var(--surface);border:1px solid var(--line);position:relative}.contact-panel:before{content:"";position:absolute;left:0;top:0;width:90px;height:3px;background:var(--orange)}.contact-copy{padding:70px}.contact-copy>p:not(.eyebrow){max-width:570px;color:var(--muted);margin:26px 0 34px}.contact-links{display:flex;gap:9px;flex-wrap:wrap}.contact-links a{border:1px solid var(--line);padding:12px 15px;display:flex;align-items:center;gap:12px;min-width:170px;transition:.2s}.contact-links a:hover{border-color:var(--orange)}.contact-links a>span{color:var(--orange);font-weight:800}.contact-links small,.contact-links strong{display:block;font-size:.63rem}.contact-links strong{font-size:.69rem}.contact-links b{margin-left:auto;color:#666}.contact-card{background:var(--orange);padding:65px 48px;color:#fff}.contact-card p{font-size:.61rem;letter-spacing:2px;font-weight:800;margin-bottom:8px}.contact-card h3{font-size:1.5rem;margin-bottom:0}.contact-card>span{font-size:.79rem;color:rgba(255,255,255,.8)}.contact-card hr{border:0;border-top:1px solid rgba(255,255,255,.3);margin:35px 0}.contact-card .button{background:#0b0c0e;width:100%;margin-top:45px}footer{border-top:1px solid var(--line);padding:30px 0}.footer-row{display:flex;align-items:center;justify-content:space-between}.footer-row p,.footer-row>a:last-child{font-size:.68rem;color:#777a80}
.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:900px){.site-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#101216;padding:25px 20px;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:760px}.hero h1{letter-spacing:-3px}.hero-badge{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr}.why-visual{height:430px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 250px 250px}.gallery-large{grid-column:span 2;grid-row:auto}.gallery-wide{grid-column:span 2}.contact-panel{grid-template-columns:1fr}.contact-copy{padding:55px 40px}.contact-card{padding:45px 40px}}
@media(max-width:600px){.container{width:min(calc(100% - 28px),var(--max))}.nav-wrap{height:68px}.site-nav{top:68px}.hero{min-height:720px}.hero-content{padding-top:85px}.hero h1{font-size:3.3rem;letter-spacing:-3px}.hero-lead{font-size:.94rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-meta{gap:22px;justify-content:space-between;margin-top:45px}.section{padding:78px 0}.section-heading{display:block}.section-heading>p{margin-top:24px}.section-heading h2,.why h2,.contact h2{letter-spacing:-2px}.service-grid{grid-template-columns:1fr}.service-card{min-height:310px}.why-visual{height:350px;padding:28px}.why-visual strong{font-size:2.2rem}.gallery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.gallery-item,.gallery-large,.gallery-wide{min-width:86%;height:400px;scroll-snap-align:start}.contact-copy{padding:45px 24px}.contact-links{display:grid}.contact-links a{width:100%}.contact-card{padding:40px 24px}.footer-row{flex-direction:column;gap:22px;text-align:center}}
.brand-banner{padding:42px 0 0;background:var(--bg)}.brand-banner img{display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.38)}
@media(max-width:600px){.brand-banner{padding-top:20px}.brand-banner .container{width:100%}.brand-banner img{border-left:0;border-right:0}}
.wordmark-main{font-size:1.05rem;font-weight:800;font-style:italic;letter-spacing:-.5px}.wordmark-accent{font-size:1.05rem;font-weight:800;font-style:italic;letter-spacing:-.5px;color:var(--orange);margin-left:-6px}.service-card p strong{color:#e7e7e8;font-weight:700}.materials{padding:0 0 95px}.materials-inner{border:1px solid var(--line);background:var(--surface);padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:35px}.materials-title span,.materials-title strong{display:block}.materials-title span{color:var(--orange);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:1.7px;margin-bottom:6px}.materials-title strong{font-size:.85rem}.brand-marks{display:flex;align-items:center;justify-content:flex-end;gap:25px;flex-wrap:wrap}.brand-marks a{color:#8d9095;filter:grayscale(1);transition:.2s;font-weight:800;line-height:1}.brand-marks a:hover{color:#fff;filter:none}.brand-marks .skyfol{font-size:1.2rem;font-style:italic;color:#88a9c9}.brand-marks .stek{font-size:1.28rem;letter-spacing:2px}.brand-marks .avery{font-size:.73rem;max-width:75px;line-height:.9}.brand-marks .oracal{font-size:1.05rem;color:#bc7777}.brand-marks .kpmf{font-size:1.08rem;letter-spacing:1px}
@media(max-width:800px){.materials-inner{align-items:flex-start;flex-direction:column}.brand-marks{justify-content:flex-start}}@media(max-width:600px){.materials{padding-bottom:70px}.materials-inner{padding:26px 22px}.brand-marks{gap:22px}}