@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

/* Brand geometry: inset panels, clipped frames and angled contour lines. */
:root{--red:#721c10;--accent-rgb:114,28,16;--accent-light:#ab3928;--highlight:#dc654e;--display:'Orbitron',sans-serif;--bg:#0c0e10;--panel:#15181b;--ink:#d9d8d8;--muted:#a8aaae;--line:#35383d}
body{background:radial-gradient(ellipse at 90% 45%,rgba(75,82,98,.08),transparent 45%),linear-gradient(135deg,#0c0e10 25%,#15171b 63%,#0b0d0f);background-attachment:fixed}
h1,h2{font-family:var(--display);font-weight:600;letter-spacing:.035em}
h2{font-size:clamp(1.45rem,2.6vw,2.65rem);line-height:1.4}
nav,.button,.text-link{font-family:var(--display);font-weight:500}
.eyebrow{font-family:Inter,Arial,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.22em}
.red,.hero-caption b{color:var(--highlight)}
.header{height:94px;min-height:94px;padding:0 4.2%;justify-content:flex-end;background:linear-gradient(110deg,#131619 22%,#080a0c 85%);border:0;isolation:isolate}
.header:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 10%,var(--red) 45%,var(--accent-light) 80%,transparent);z-index:-1}
.brand{position:absolute;top:14px;left:2.2%;width:420px;max-width:42%;height:208px;display:flex;align-items:center;justify-content:center;isolation:isolate;filter:drop-shadow(0 10px 20px #0007)}
.brand:before,.brand:after{content:'';position:absolute;inset:0;z-index:-2;clip-path:polygon(0 0,100% 0,100% 72%,86% 100%,0 100%)}
.brand:before{background:linear-gradient(140deg,#4c4e54,transparent 35%,var(--red) 68%,var(--accent-light))}
.brand:after{inset:1px;z-index:-1;background:radial-gradient(ellipse at 25% 0,#32343a88,transparent 75%),linear-gradient(140deg,#191b1f,#0b0d10 80%)}
.brand img{width:94%;height:auto;max-height:100%;object-fit:contain;filter:none;mix-blend-mode:normal;transform:translateY(-3px)}
nav{gap:clamp(18px,2.8vw,42px);font-size:.78rem;letter-spacing:.07em}
nav a{position:relative}
nav a:after{content:'';position:absolute;left:0;right:100%;bottom:5px;height:2px;background:linear-gradient(90deg,var(--red),var(--highlight));transition:right .25s}
nav a:hover:after,nav a[aria-current=page]:after{right:0}
nav a:hover,nav a[aria-current=page],.contact-link{color:var(--highlight)}
.hero{min-height:685px;overflow:hidden;background:#171c21}
.hero-copy{padding:180px 4.2% 130px;max-width:850px;position:relative}
.hero-copy:before{content:'';position:absolute;top:130px;bottom:100px;left:2.1%;width:1px;background:linear-gradient(transparent,#7b879366,transparent)}
.hero h1{font-size:clamp(2.2rem,4.55vw,4.8rem);font-weight:500;line-height:1.1;letter-spacing:.055em;margin:18px 0 24px}
.hero h1 span{display:block;width:fit-content;background:linear-gradient(165deg,#f2f1f0 12%,#cac9cb 54%,#8f929b 100%);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}
.hero-shade{background:linear-gradient(90deg,#05080bf0,rgba(5,8,11,.76) 35%,rgba(5,8,11,.09) 72%),linear-gradient(0deg,#05080b80,transparent 65%)}
.hero-symbol{opacity:.16;right:-6%;top:3%;width:49%;filter:drop-shadow(0 0 28px rgba(var(--accent-rgb),.4))}
.hero-caption{border:0;bottom:0;padding:22px 4.2% 17px;background:linear-gradient(90deg,#0c0e10f8,#11151ae8);font-size:.7rem;letter-spacing:.18em;z-index:2}
.tech-divider{position:absolute;left:0;bottom:43px;width:100%;height:35px;overflow:visible;pointer-events:none;z-index:3;fill:none}
.tech-divider path{vector-effect:non-scaling-stroke;stroke-width:1}
.trace-primary{stroke:var(--red)}.trace-secondary{stroke:#62697944}.trace-highlight{stroke:var(--accent-light)}
.actions{gap:20px;margin-top:30px}
.button{min-height:52px;padding:17px 28px;font-size:.76rem;letter-spacing:.075em}
.button:before{transform:none;border:0;clip-path:polygon(17px 0,100% 0,calc(100% - 17px) 100%,0 100%);background:linear-gradient(120deg,#fff2,var(--accent-light) 25%,var(--red) 85%);transition:filter .25s}
.button:after{content:'';position:absolute;inset:1px;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);background:linear-gradient(120deg,#993628,#63190f);z-index:-1;transition:background .25s}
.button.secondary:before{background:linear-gradient(120deg,var(--red),var(--accent-light),var(--red))}
.button.secondary:after{background:linear-gradient(130deg,#25282ae8,#080a0dee)}
.button:hover:before{filter:brightness(1.6);background:linear-gradient(120deg,var(--accent-light),var(--red))}
.button:hover:after{background:linear-gradient(120deg,#993628,#46100b)}
.section{position:relative;padding-top:65px;padding-bottom:60px;background:radial-gradient(ellipse at 90% 0,rgba(93,106,130,.075),transparent 65%)}
.section:after{content:'';position:absolute;bottom:0;left:4.2%;width:91.6%;height:24px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--red) 38%,var(--red) 68%,transparent);clip-path:polygon(0 0,65% 0,calc(65% + 22px) 22px,100% 22px,100% 23px,calc(65% + 21px) 23px,calc(65% - 1px) 1px,0 1px);opacity:.6}
.section-heading{align-items:center;position:relative;gap:28px;margin-bottom:35px}
.section-heading:after{content:'';flex:1;height:21px;order:1;min-width:40px;background:linear-gradient(90deg,var(--red),var(--accent-light),transparent);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 21px,calc(100% - 21px) 1px,0 1px)}
.section-heading>a{order:2}.section-heading>div,.section-heading>h2{max-width:80%}
.section-heading .eyebrow{margin-bottom:12px}
.work-grid{grid-template-columns:1.12fr 1fr;gap:32px}
.work-visual{padding:1px;background:linear-gradient(140deg,var(--accent-light),#42464a 18%,#25272e 55%,var(--red));clip-path:polygon(48px 0,100% 0,100% calc(100% - 48px),calc(100% - 48px) 100%,0 100%,0 48px)}
.work-visual img{clip-path:polygon(48px 0,100% 0,100% calc(100% - 48px),calc(100% - 48px) 100%,0 100%,0 48px);aspect-ratio:1.8;height:auto}
.work-card:nth-child(2) .work-visual{clip-path:polygon(27px 0,100% 0,100% calc(100% - 48px),calc(100% - 48px) 100%,0 100%,0 27px)}
.work-caption{position:relative;border:0;padding:22px 2px;align-items:center}
.work-caption:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:12px;background:linear-gradient(90deg,var(--red),transparent);clip-path:polygon(0 0,82% 0,calc(82% + 10px) 10px,100% 10px,100% 11px,calc(82% + 9px) 11px,calc(82% - 1px) 1px,0 1px)}
.work-caption h3{font-size:.88rem;font-weight:500;line-height:1.7}
.wire-grid{inset:1px;background-image:linear-gradient(30deg,#e6e7ef4d 1px,transparent 1px),linear-gradient(150deg,#e6e7ef4d 1px,transparent 1px);background-size:32px 28px;clip-path:polygon(48px 0,100% 0,100% calc(100% - 48px),calc(100% - 48px) 100%,0 100%,0 48px);mask-image:linear-gradient(90deg,transparent 15%,black 70%)}
.asset-card{padding-bottom:24px;position:relative}
.asset-card:after{content:'';position:absolute;bottom:0;left:0;height:1px;width:88%;background:linear-gradient(90deg,var(--red),#353a4480,transparent)}
.asset-card .cover{padding:1px;clip-path:polygon(26px 0,100% 0,100% calc(100% - 32px),calc(100% - 32px) 100%,0 100%,0 26px);background:linear-gradient(140deg,#73767e55,var(--red))}
.asset-card img{clip-path:polygon(26px 0,100% 0,100% calc(100% - 32px),calc(100% - 32px) 100%,0 100%,0 26px)}
.asset-card h3{color:#d9d8dc}.asset-card .text-link{color:var(--highlight)}
.asset-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px}.asset-links .text-link{font-size:.65rem;white-space:nowrap}.asset-card .youtube-link{color:#cbb3a9}.video-play{color:var(--highlight);margin-right:5px;font-size:1em}.detail-info .youtube-link{white-space:nowrap}
.text-link{position:relative;border:0;padding-bottom:12px;line-height:1.6;letter-spacing:.06em}
.text-link:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--red),var(--accent-light));clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,0 1px)}
.page-head{position:relative;overflow:hidden;min-height:330px;padding-top:155px;padding-bottom:62px;background:radial-gradient(ellipse at 90% 0,#4b1c1738,transparent 55%),linear-gradient(125deg,#181d25 0,#0b0e12 60%,#171b24)}
.page-head:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(132deg,transparent 64.8%,#6c748133 64.9%,transparent 65%),linear-gradient(132deg,transparent 67%,#721c1088 67.1%,transparent 67.2%)}
.page-head h1{font-size:clamp(2rem,4vw,4rem);line-height:1.3;max-width:1100px;overflow-wrap:anywhere}
.page-head .tech-divider{bottom:0}.page-head>p:last-of-type{position:relative;line-height:1.8}
.gallery figure>a{display:block;padding:1px;background:linear-gradient(135deg,#4d515a,var(--red));clip-path:polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px)}
.gallery img{clip-path:polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px)}
.gallery figcaption{padding:8px 0 18px;border-bottom:1px solid #35383d;line-height:1.8}
.detail-image{clip-path:polygon(36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%,0 36px)}
.reel{clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px)}
footer{position:relative;border:0;padding-top:62px;margin-top:12px;background:radial-gradient(ellipse at 25% 0,#4d25251a,transparent 70%)}
footer:before{content:'';position:absolute;top:0;left:-4.6%;width:109.2%;height:28px;background:linear-gradient(90deg,var(--red),var(--accent-light) 55%,var(--red));clip-path:polygon(0 0,46% 0,calc(46% + 25px) 25px,100% 25px,100% 26px,calc(46% + 24px) 26px,calc(46% - 1px) 1px,0 1px)}
footer>img{width:110px;filter:drop-shadow(0 0 20px rgba(var(--accent-rgb),.15))}footer h2{font-weight:500;font-size:clamp(1.2rem,2.1vw,2.1rem)}
.footer-bottom{border-color:#363a404d}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#ef9687}
@media(min-width:1550px){.hero-copy{max-width:1000px}.brand{width:450px}}
@media(max-width:1080px) and (min-width:801px){.brand{width:350px;height:184px}.header{height:84px;min-height:84px}nav{gap:22px;font-size:.68rem}.hero-copy{padding-top:160px}.hero h1{font-size:4.8vw}.work-caption{align-items:start;flex-direction:column}.section-heading>div{max-width:70%}}
@media(max-width:800px){.header{height:82px;min-height:82px}.brand{width:310px;max-width:62%;height:166px;top:10px;left:3%}.header nav{padding-top:24px;top:82px;z-index:5;gap:12px 25px;background:linear-gradient(135deg,#1b1e24,#080a0c);border-color:var(--red)}.header nav.open{display:flex}.menu-toggle{color:var(--ink);font-family:var(--display);font-size:.78rem;border:1px solid #753123;background:linear-gradient(130deg,#20252c,#101113);padding:13px 17px}.hero{min-height:620px}.hero-copy{padding-top:135px;padding-bottom:120px;max-width:100%}.hero h1{font-size:clamp(2rem,6.5vw,3.5rem)}.hero-symbol{width:60%;opacity:.11;top:16%}.hero-caption{font-size:.68rem}.tech-divider{height:24px;bottom:46px}.page-head{padding-top:120px;min-height:305px}.page-head .tech-divider{bottom:0}.page-head h1{font-size:2.4rem}.work-grid{grid-template-columns:1fr}.work-visual img{aspect-ratio:1.7}.section-heading{gap:20px}.section-heading:after{display:none}.section-heading>div,.section-heading>h2{max-width:100%}.section-heading h2{font-size:clamp(1.4rem,4vw,2rem)}.button{font-size:.72rem;padding:16px 23px}.gallery{gap:30px}.section{padding-top:48px;padding-bottom:52px}.footer-bottom{gap:18px}footer>img{width:75px}}
@media(max-width:480px){.brand{width:246px;max-width:65%;height:136px;top:10px}.header{height:74px;min-height:74px}.header nav{top:74px}.menu-toggle{font-size:.7rem;padding:12px}.hero{min-height:610px}.hero-copy{padding-top:123px;padding-bottom:120px}.hero h1{font-size:clamp(1.8rem,7.4vw,2.3rem);letter-spacing:.025em}.hero-copy:before{display:none}.hero .eyebrow{font-size:.68rem;letter-spacing:.18em}.intro{font-size:1rem;max-width:330px}.hero-shade{background:linear-gradient(90deg,#080c11ee,#080c1155),linear-gradient(0deg,#080c1199,transparent)}.hero .actions{gap:10px;flex-wrap:nowrap}.hero .button{flex:1;padding:17px 13px;font-size:.65rem;letter-spacing:.025em}.hero-caption{padding-bottom:18px;font-size:.62rem}.page-head{padding-top:107px}.page-head h1{font-size:1.8rem;letter-spacing:.015em}.page-head>p:last-of-type{font-size:1rem}.section{padding-top:43px}.work-caption{align-items:start}.work-visual,.work-visual img,.gallery figure>a,.gallery img{clip-path:polygon(27px 0,100% 0,100% calc(100% - 27px),calc(100% - 27px) 100%,0 100%,0 27px)}.section-heading h2{font-size:1.45rem}.footer-bottom{font-size:.75rem}footer{gap:22px}footer h2{font-size:1.2rem;line-height:1.6}footer>img{width:66px}.detail-info h2{font-size:1.25rem}}