@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#121214;--surface:#1E1E24;--orange:#00FF66;--white:#FFFFFF;--muted:#a5a5a5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{height:88px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;background:#090a0beF;border-bottom:1px solid #ffffff1c;position:relative;z-index:5}.brand img{width:174px;height:65px;object-fit:contain;object-position:left}.site-header nav{display:flex;gap:32px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.site-header nav a:hover,.service-info a:hover{color:var(--orange)}.header-cta{border:1px solid var(--orange);padding:15px 22px;color:var(--orange);font-size:12px;letter-spacing:1px;font-weight:700}.header-cta span{margin-left:14px}.hero{height:min(820px,calc(100svh - 88px));min-height:610px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 62%,#4b3423 0%,transparent 39%),linear-gradient(115deg,#101113 20%,#292c30 70%,#090909);}.hero-image:after{content:'AXLE';font:900 clamp(180px,33vw,590px)/1 'Barlow Condensed';letter-spacing:-.07em;position:absolute;right:-2%;bottom:2%;color:#ffffff08}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08090be8 0%,#08090b9a 58%,#08090b30 100%)}.hero-inner{position:relative;z-index:1;padding:20px 7%;max-width:1100px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;color:var(--orange);text-transform:uppercase}.line{display:inline-block;width:28px;border-top:2px solid var(--orange);vertical-align:middle;margin-right:10px}h1,h2,h3,p{margin-top:0}h1,h2,.statement h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.89;letter-spacing:-.015em}h1{font-size:clamp(78px,10vw,158px);margin:36px 0 25px}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-desc{font-size:17px;line-height:1.75;max-width:530px;color:#d3d3d3}.hero-actions,.visit-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 25px;font-size:12px;font-weight:800;letter-spacing:1px;border:1px solid transparent;text-transform:uppercase}.button.orange{background:var(--orange);color:#101010}.button.orange:hover{background:#5CFF99}.button.outline{border-color:#ffffff7a;color:white;background:#1116}.button.outline:hover{border-color:var(--orange)}.hero-bottom{position:absolute;bottom:26px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#c2c2c2}.hero-bottom b{color:var(--orange)}.ticker{background:var(--orange);color:#121212;overflow:hidden;padding:18px 0;white-space:nowrap;font:800 22px 'Barlow Condensed';letter-spacing:2px}.ticker div{min-width:max-content;text-align:center}.ticker span{margin:0 25px}.section{padding:110px 7%}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-intro h2,.studio h2,.enquiry h2,.visit h2{font-size:clamp(58px,7vw,110px);margin:20px 0 0}.section-intro>p{max-width:360px;color:var(--muted);line-height:1.8;font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{background:#17191b;border:1px solid #ffffff13;overflow:hidden;transition:transform .2s}.service-card:hover{transform:translateY(-4px);border-color:#00FF6655}.service-visual{height:170px;background:radial-gradient(circle at 70% 40%,#393c3f,#17191b 68%);position:relative;padding:17px;display:flex;align-items:end;justify-content:flex-end}.service-visual:after{content:'';position:absolute;width:65%;height:50%;right:6%;top:22%;border:2px solid #ffffff14;border-radius:60% 35% 20% 20%;transform:skew(-18deg)}.service-visual span{position:absolute;left:17px;top:17px;color:var(--orange);font:700 16px 'Barlow Condensed'}.service-visual strong{font:900 48px 'Barlow Condensed';color:#ffffff13;letter-spacing:2px}.service-info{padding:23px}.service-info h3{font:800 24px 'Barlow Condensed';letter-spacing:.4px}.service-info p{font-size:12px;line-height:1.8;color:var(--muted);min-height:65px}.service-info a{font-size:11px;font-weight:800;color:var(--orange);letter-spacing:1px}.studio{display:grid;grid-template-columns:1.05fr .95fr;background:#1a1c1e;min-height:620px}.studio-photo{min-height:500px;position:relative;background:radial-gradient(ellipse at 60% 45%,#414447,#17191b 65%);border-right:1px solid #ffffff1a}.studio-photo:before{content:'';position:absolute;inset:10%;border:1px solid #ffffff1b;transform:skew(-8deg)}.photo-caption{position:absolute;bottom:32px;left:32px;font-size:12px;letter-spacing:2px;color:#b6b6b6}.studio-copy{padding:85px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.studio-copy>p:not(.eyebrow){color:#aaa;line-height:1.8;margin-top:26px}.studio-points{width:100%;margin:20px 0 35px}.studio-points div{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid #ffffff20;font-size:12px;letter-spacing:1px}.studio-points b{color:var(--orange)}.work-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.work-tile{height:350px;background:radial-gradient(ellipse at 55% 50%,#414345,#17191b 65%);position:relative;display:flex;align-items:end;padding:24px;overflow:hidden}.work-tile:before{content:'';width:80%;height:45%;border:3px solid #ffffff19;border-radius:60% 50% 25% 25%;position:absolute;top:23%;left:12%;transform:skew(-12deg)}.work-tile span{z-index:1;font:800 22px 'Barlow Condensed';letter-spacing:1px}.work-tile b{color:var(--orange)}.work-note{color:#929292;font-size:12px;line-height:1.8;margin-top:20px}.work-note a{color:var(--orange);font-weight:800}.statement{padding:110px 7%;text-align:center;background:radial-gradient(ellipse at center,#302117,#0c0d0f 65%)}.statement h2{font-size:clamp(60px,8vw,135px);margin:30px 0}.enquiry{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;background:#121416}.enquiry-text>p:not(.eyebrow){color:#aaa;line-height:1.8;margin-top:30px}.contact-detail{margin-top:38px;display:flex;flex-direction:column;gap:10px}.contact-detail small{font-size:10px;letter-spacing:2px;color:var(--orange)}.contact-detail a,.contact-detail span{font-size:17px;line-height:1.6}.lead-form{background:#202225;padding:35px;border:1px solid #ffffff1b}.lead-form h3{font:800 30px 'Barlow Condensed';letter-spacing:1px;margin:0 0 8px}.lead-form>p{color:#aaa;font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lead-form label{display:block;font-size:10px;letter-spacing:1px;font-weight:700;color:#d7d7d7;margin:14px 0}.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{display:block;width:100%;margin-top:9px;background:#111315;border:1px solid #414345;color:white;border-radius:0;padding:14px;font-size:13px;outline:none}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--orange)}.lead-form .consent{display:flex;align-items:start;gap:10px;letter-spacing:0;line-height:1.6}.consent input{accent-color:var(--orange)}.lead-form .privacy{font-size:11px;line-height:1.7}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.submit{width:100%;border:0}.visit{display:flex;align-items:end;justify-content:space-between;padding:95px 7%;gap:30px}.visit p:not(.eyebrow){color:#aaa;margin-top:20px}footer{background:#050607;padding:40px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff16}footer img{width:145px;height:65px;object-fit:contain}footer p,footer a:not(.footer-logo),footer small{font-size:10px;letter-spacing:1px;color:#a0a0a0}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:repeat(2,1fr)}.work-tile:first-child{grid-column:span 2}.studio-copy{padding:60px 8%}}@media(max-width:720px){.site-header{height:76px;padding:8px 5%}.brand img{width:132px}.site-header nav{display:none}.header-cta{padding:12px;font-size:10px}.hero{min-height:650px;height:calc(100svh - 76px)}.hero-inner{padding:0 6%}.hero h1{font-size:clamp(67px,14vw,105px)}.hero-desc{font-size:14px}.hero-bottom{left:6%;right:6%;font-size:9px}.hero-bottom span:last-child{display:none}.section{padding:75px 6%}.section-intro{display:block}.section-intro h2,.studio h2,.enquiry h2,.visit h2{font-size:65px}.service-grid{grid-template-columns:1fr 1fr;gap:9px}.service-visual{height:125px}.service-info{padding:15px}.service-info h3{font-size:21px}.service-info p{min-height:95px}.studio{grid-template-columns:1fr}.studio-photo{min-height:290px}.studio-copy{padding:70px 6%}.work-grid{grid-template-columns:1fr}.work-tile,.work-tile:first-child{grid-column:auto;height:230px}.enquiry{grid-template-columns:1fr;gap:35px}.lead-form{padding:22px}.visit{display:block;padding:75px 6%}.two{grid-template-columns:1fr}.statement{padding:80px 6%}footer{padding:30px 6%}}@media(max-width:390px){.service-grid{grid-template-columns:1fr}.service-info p{min-height:auto}.hero h1{font-size:60px}}

/* Axle contact and social channels */
.contact-hub{background:#0b0d0f}.contact-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}.contact-link{display:flex;flex-direction:column;gap:16px;padding:30px;background:#17191b;border:1px solid #ffffff24;color:#fff;text-decoration:none;transition:border-color .2s,transform .2s;min-width:0}.contact-link:hover{border-color:#00FF66;transform:translateY(-3px)}.contact-label{color:#00FF66;font-size:11px;font-weight:800;letter-spacing:2px}.contact-link strong{font-size:clamp(16px,1.7vw,25px);overflow-wrap:anywhere}.contact-link>span:last-child{font-size:11px;letter-spacing:1.5px;color:#c5c5c5}.social-hub{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.social-hub a{border:1px solid #ffffff35;padding:15px 20px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:1px}.social-hub a:hover{background:#00FF66;color:#101010}.footer-social{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:850px){.contact-hub-grid{grid-template-columns:1fr}.contact-link{padding:22px}.social-hub a{flex:1;text-align:center;min-width:125px}}

/* AXLE MATRIX / premium charcoal and neon green theme */
:root{--bg:#121214;--surface:#1E1E24;--orange:#00FF66;--white:#FFFFFF;--muted:#B8B8C2}
body{background:#121214;color:#FFFFFF}
.site-header{background:rgba(18,18,20,.97)}
.hero-image{background:radial-gradient(ellipse at 76% 58%,#25392e 0%,transparent 42%),linear-gradient(115deg,#121214 15%,#25272c 72%,#121214)}
.hero-shade{background:linear-gradient(90deg,rgba(18,18,20,.94) 0%,rgba(18,18,20,.65) 58%,rgba(18,18,20,.2) 100%)}
.service-card,.contact-link{background:#1E1E24}
.service-visual{background:radial-gradient(circle at 70% 40%,#32363a,#1E1E24 68%)}
.studio{background:#1E1E24}
.studio-photo{background:radial-gradient(ellipse at 60% 45%,#30373a,#1E1E24 65%)}
.work-tile{background:radial-gradient(ellipse at 55% 50%,#343a3b,#1E1E24 65%)}
.statement{background:radial-gradient(ellipse at center,#193326,#121214 68%)}
.enquiry,.contact-hub{background:#121214}
.lead-form{background:#1E1E24}
.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{background:#121214;color:#FFFFFF}
footer{background:#121214}
.button.orange,.ticker{background:#00FF66;color:#121214}
.button.orange:hover,.social-hub a:hover{background:#5CFF99;color:#121214}
.header-cta{border-color:#00FF66;color:#00FF66}
.contact-link:hover,.service-card:hover{border-color:#00FF66}
:focus-visible{outline:2px solid #00FF66;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Filled imagery: replace files in /assets/gallery/ without editing the PHP. */
.studio-photo{overflow:hidden;background:#151719}
.studio-photo:before{display:none}
.studio-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.studio-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68));pointer-events:none}
.photo-caption{z-index:2;color:#fff;text-shadow:0 2px 10px #000}
.work-tile{background:#17191b;isolation:isolate}
.work-tile:before{display:none}
.work-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.work-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.88) 100%);z-index:0;pointer-events:none}
.work-tile:hover .work-image{transform:scale(1.055)}
.work-tile span{position:relative;z-index:1;color:#fff;text-shadow:0 2px 8px #000}
/* Provide a cinematic hero backdrop rather than an empty gradient */
.hero-image{background:linear-gradient(90deg,#12121499,#12121444),url('/assets/gallery/studio.webp') center 44%/cover no-repeat}
.hero-image:after{display:none}