@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#0a0a0b;--panel:#121214;--soft:#1b1b1e;--text:#f5f4f1;--muted:#a4a4aa;--orange:#ff5a12;--line:#2c2c30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,10,11,.92);backdrop-filter:blur(12px);z-index:20}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.35rem;letter-spacing:.04em}.brand>span>span{color:var(--orange)}.hex{width:38px;height:38px;display:grid;place-items:center;background:var(--orange);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);font-size:1.5rem}.nav nav{display:flex;gap:34px}.nav nav a,.ghost{color:#c4c4c8;text-decoration:none;font-size:.92rem}.nav nav a:hover,.ghost:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--orange);color:white;border:0;text-decoration:none;padding:16px 22px;font:700 .88rem Inter;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.button:hover{background:#ff6d2d}.button.small{padding:12px 17px;font-size:.76rem}.hero{min-height:740px;display:grid;grid-template-columns:1.03fr .97fr;max-width:1500px;margin:auto}.hero-copy{padding:120px max(5vw,55px)}.eyebrow{color:var(--orange);font-weight:700;letter-spacing:.13em;font-size:.75rem;margin:0 0 20px}.hero h1,.section-head h2,.services h2,.quote h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:clamp(4.3rem,7vw,7rem);line-height:.86;letter-spacing:-.025em;margin:0}.hero h1 em,.quote h2 em{font-style:normal;color:var(--orange)}.lead{max-width:570px;color:#b8b8bd;font-size:1.15rem;margin:28px 0 34px}.actions{display:flex;gap:26px;align-items:center}.proof{display:flex;gap:38px;margin-top:74px;color:var(--muted);font-size:.78rem;text-transform:uppercase}.proof span{display:flex;flex-direction:column}.proof strong{color:white;font:700 1.7rem 'Barlow Condensed'}.hero-art{position:relative;overflow:hidden;background:radial-gradient(circle at 60% 45%,#3d1e10 0,#17100d 25%,#0d0d0e 62%)}.grid{position:absolute;inset:0;background-image:linear-gradient(#ff5a1217 1px,transparent 1px),linear-gradient(90deg,#ff5a1217 1px,transparent 1px);background-size:42px 42px;transform:perspective(450px) rotateX(58deg) scale(1.6);transform-origin:center bottom}.print{position:absolute;width:290px;height:290px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-10deg);background:linear-gradient(145deg,#ff6a22,#b82d00);box-shadow:0 42px 70px #000,0 0 90px #ff5a1233;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);display:grid;place-items:center}.print:after{content:"";position:absolute;inset:13px;border:2px solid #ff9b6b55;clip-path:inherit}.print .face{font:800 6rem 'Barlow Condensed';text-shadow:0 6px 0 #7e2102}.print .face span{font-size:2rem}.layers{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#ffb08c18 6px)}.tag{position:absolute;padding:9px 12px;border:1px solid #ff6d2d66;background:#100c0acc;color:#f49a70;font:600 .7rem Inter;letter-spacing:.1em}.tag-a{top:20%;left:10%}.tag-b{right:8%;bottom:19%}.catalog{padding:110px max(5vw,24px);max-width:1500px;margin:auto}.section-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:50px;margin-bottom:45px}.section-head h2,.services h2,.quote h2{font-size:clamp(3rem,5vw,5.2rem)}.section-head>p{color:var(--muted);max-width:500px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line)}.visual{height:270px;background:#19191c;display:grid;place-items:center;overflow:hidden}.card>div:last-child{padding:26px}.card h3,.services h3{font:700 1.65rem 'Barlow Condensed';text-transform:uppercase;margin:12px 0 5px}.card p,.services p,.quote p{color:var(--muted);margin:0}.pill{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--orange)}.sign span{border:7px solid #e8e3db;padding:25px 18px;border-radius:8px;color:#e8e3db;font:800 2.6rem 'Barlow Condensed';transform:rotate(-5deg);box-shadow:8px 8px 0 var(--orange)}.tech{position:relative}.tech i{position:absolute;width:90px;height:90px;border:20px solid #777;border-radius:50%;box-shadow:inset 0 0 0 2px #222}.tech i:nth-child(1){transform:translate(-65px,-35px)}.tech i:nth-child(2){transform:translate(60px,38px) scale(.8)}.tech i:nth-child(3){transform:translate(0,115px) scale(.45)}.proto b{font:800 8rem 'Barlow Condensed';color:var(--orange);transform:perspective(300px) rotateY(-25deg);text-shadow:10px 8px 0 #7f2809}.services{background:#111113;border-block:1px solid var(--line);padding:110px max(5vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.services>div>p:last-child{max-width:500px;margin-top:25px}.services ol{list-style:none;padding:0;margin:0}.services li{display:flex;gap:28px;padding:25px 0;border-bottom:1px solid var(--line)}.services li>span{color:var(--orange);font:700 1rem 'Barlow Condensed'}.services h3{margin:0 0 4px}.quote{padding:110px max(5vw,24px);display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;max-width:1500px;margin:auto}.quote>div>p:last-child{margin-top:24px;max-width:440px}.quote form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quote label{font-size:.78rem;color:#c7c7cb;text-transform:uppercase;letter-spacing:.06em}.quote input,.quote textarea{width:100%;display:block;margin-top:8px;border:1px solid var(--line);background:#111113;color:white;padding:15px;font:1rem Inter;outline:none}.quote input:focus,.quote textarea:focus{border-color:var(--orange)}.wide{grid-column:1/-1}.form-note{font-size:.78rem;text-align:center;color:var(--muted)!important}footer{border-top:1px solid var(--line);padding:35px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;color:#777;font-size:.75rem}
@media(max-width:850px){.nav nav{display:none}.nav .button{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:85px 24px 65px}.hero-art{min-height:480px}.proof{margin-top:50px;gap:24px}.section-head,.services,.quote{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.services,.quote{gap:55px}.section-head{gap:18px}.quote form{grid-template-columns:1fr}.wide{grid-column:auto}footer{flex-direction:column;gap:14px;text-align:center}}
@media(max-width:480px){.hero h1{font-size:3.5rem}.actions{align-items:flex-start;flex-direction:column}.proof{justify-content:space-between;gap:8px}.print{width:225px;height:225px}.print .face{font-size:4.8rem}.visual{height:220px}}

.topbar{background:var(--orange);color:#fff;text-align:center;padding:8px 20px;font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.topbar span{padding:0 12px;color:#ffc5aa}.nav{top:0}.audience-tabs{display:flex;gap:8px;margin:0 0 18px}.tab{flex:1;border:1px solid var(--line);background:#111113;color:#aaa;padding:17px;font:700 .85rem Inter;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.tab.active{background:var(--orange);border-color:var(--orange);color:#fff}.audience-panel{display:none}.audience-panel.active{display:block}.audience-panel .card{min-height:215px}.audience-panel .card>div{padding:32px}.workshop{background:#111113;border-block:1px solid var(--line);padding:110px max(5vw,24px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.workshop h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:clamp(3rem,5vw,5.2rem);line-height:.9;margin:0}.workshop h2 em{font-style:normal;color:var(--orange)}.workshop>div>p:last-child{color:var(--muted);margin-top:25px;max-width:520px}.machine-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.machine-grid article{background:#151517;padding:27px}.machine-grid strong{font:800 3rem 'Barlow Condensed';color:var(--orange)}.machine-grid h3{font:700 1.25rem 'Barlow Condensed';text-transform:uppercase;margin:4px 0}.machine-grid p{color:var(--muted);font-size:.88rem;margin:0}.materials{padding:110px max(5vw,24px);max-width:1500px;margin:auto}.material-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.material-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#161618,#0f0f10);padding:24px;min-height:170px}.material-grid b{font:800 2rem 'Barlow Condensed';color:var(--orange)}.material-grid p{color:var(--muted);font-size:.88rem}.quote select{width:100%;display:block;margin-top:8px;border:1px solid var(--line);background:#111113;color:white;padding:15px;font:1rem Inter;outline:none}.upload{border:1px dashed #555!important;background:#111113;padding:24px!important;text-align:center;cursor:pointer;text-transform:none!important;display:flex!important;flex-direction:column;align-items:center}.upload:hover{border-color:var(--orange)!important}.upload input{position:absolute;opacity:0;width:1px;height:1px}.upload-icon{font-size:2rem;color:var(--orange)}.upload strong{font-size:.95rem;color:white}.upload small{color:var(--muted);font-size:.78rem}.upload em{font-style:normal;color:#777;font-size:.72rem;margin-top:8px}
@media(max-width:950px){.workshop{grid-template-columns:1fr}.material-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{font-size:.65rem}.topbar span{padding:0 4px}.audience-tabs{flex-direction:column}.machine-grid,.material-grid{grid-template-columns:1fr}.workshop{padding-block:75px}}
.logo-showcase{position:absolute;width:min(76%,560px);aspect-ratio:1;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-2deg);background:#f1f0ec;border:1px solid #ffffff55;box-shadow:0 42px 80px #000,0 0 90px #ff5a1227;overflow:hidden}.logo-showcase:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 60px #0000000f;pointer-events:none}.logo-showcase img{width:100%;height:100%;display:block;object-fit:cover}
.showcase{padding:110px max(5vw,24px);max-width:1500px;margin:auto;border-top:1px solid var(--line)}.showcase h2,.shop h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:clamp(3rem,5vw,5.2rem);line-height:.9;margin:0}.showcase h2 em,.shop h2 em{font-style:normal;color:var(--orange)}.showcase-empty{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:32px;border:1px solid var(--line);background:linear-gradient(110deg,#151517,#0d0d0e)}.showcase-mark{width:92px;height:92px;display:grid;place-items:center;background:var(--orange);color:white;font:800 2rem 'Barlow Condensed';clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.showcase-empty h3{font:700 1.65rem 'Barlow Condensed';text-transform:uppercase;margin:0 0 4px}.showcase-empty p{color:var(--muted);margin:0}.ghost-link{color:white;text-decoration:none;border-bottom:1px solid var(--orange);padding-bottom:5px;font-weight:700;font-size:.84rem;text-transform:uppercase}.ghost-link span,.shop-copy a span{color:var(--orange)}.shop{padding:110px max(5vw,24px);background:#111113;border-block:1px solid var(--line)}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.shop-card{background:#0d0d0f;border:1px solid var(--line)}.shop-visual{height:190px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#3b1a0c,#17110f 48%,#0b0b0c);overflow:hidden}.shop-visual span{font:800 6rem 'Barlow Condensed';color:#ff5a1238;text-shadow:0 0 45px #ff5a1266}.shop-copy{padding:25px}.shop-copy h3{font:700 1.7rem 'Barlow Condensed';text-transform:uppercase;margin:10px 0 6px}.shop-copy p{color:var(--muted);min-height:52px}.shop-copy a{color:white;text-decoration:none;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.shop-note{display:flex;align-items:center;gap:20px;margin-top:18px;padding:18px 20px;border-left:3px solid var(--orange);background:#18181b}.shop-note strong{font:700 1.1rem 'Barlow Condensed';text-transform:uppercase}.shop-note span{color:var(--muted);font-size:.86rem;flex:1}
@media(max-width:1100px){.nav nav{display:none}.shop-grid{grid-template-columns:1fr}.showcase-empty{grid-template-columns:auto 1fr}.showcase-empty .ghost-link{grid-column:2}.shop-copy p{min-height:auto}}
@media(max-width:600px){.showcase,.shop{padding-block:75px}.showcase-empty{grid-template-columns:1fr}.showcase-empty .ghost-link{grid-column:1}.showcase-mark{width:70px;height:70px}.shop-note{align-items:flex-start;flex-direction:column}}
