@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600;700&display=swap');
:root{--ink:#191c1f;--paper:#f0f1ef;--copper:#efab6e;--line:#42474b;--body:'Barlow',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--paper);font:1.125rem/1.6 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}::selection{background:var(--copper);color:var(--ink)}h1,h2,p{margin:0}.skip{position:fixed;top:-100px;left:20px;background:var(--copper);color:var(--ink);z-index:50;padding:10px 20px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{padding:14px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px;font-size:1rem;font-weight:700;letter-spacing:.04em}.brand-mark{display:block;width:56px;height:auto;flex-shrink:0}.site-header nav{display:flex;align-items:center;gap:32px;font-size:1rem}.site-header nav a{white-space:nowrap}.site-header nav a:hover{color:var(--copper)}.nav-cta{border-bottom:1px solid var(--copper);padding-bottom:4px}.menu-button{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.hero-copy{padding:70px 8% 60px 10%;align-self:center}.eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.16em;margin-bottom:24px}h1{font:600 clamp(4rem,6.8vw,7rem)/.98 var(--display);letter-spacing:-.025em;margin-bottom:28px}h1 em{font-style:normal;color:var(--copper)}.hero-intro{font-size:1.25rem;color:#c6c9ca;line-height:1.55;margin-bottom:30px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:13px 25px;font-weight:600;font-size:1rem;line-height:1.5;transition:background .2s}.button-copper{background:var(--copper);color:var(--ink)}.button-copper:hover{background:#ffd0a7}.hero-image{position:relative;overflow:hidden;background:#15191b;display:flex;align-items:center;justify-content:center;padding:40px}.material-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}.brand-emblem{position:relative;display:block;width:min(85%,390px);height:auto;filter:drop-shadow(0 10px 26px #0008)}
.section-pad{padding:70px 7%}h2{font:500 clamp(2.75rem,4vw,4rem)/1.05 var(--display);letter-spacing:-.015em}.work-section{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.section-heading h2{margin-bottom:22px}.section-heading p{max-width:350px;font-size:1.0625rem;color:#596168}.services{border-top:1px solid #aab0b2}.service{border-bottom:1px solid #aab0b2}.service summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;cursor:pointer;list-style:none;font:500 1.875rem/1.2 var(--display)}.service summary::-webkit-details-marker{display:none}.toggle{font:400 1.6rem/1 var(--body);color:#687178;flex-shrink:0;transition:transform .2s}.service[open] .toggle{transform:rotate(45deg)}.service p{padding:0 30px 22px 0;font-size:1rem;color:#596168;line-height:1.6}
.project-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--copper);color:var(--ink);align-items:center}.project-content>p:first-child{max-width:440px;margin-bottom:24px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#343c42}.contact-route{font-size:.875rem;margin-top:12px;color:#3f3b38}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.875rem;color:#b8c0c5}footer a{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1700px){body{max-width:2000px;margin:auto}}
@media(max-width:1100px){.hero{min-height:500px}.hero-copy{padding:50px 8% 50px 10%}h1{font-size:clamp(3.5rem,7vw,5.5rem)}.hero-intro{font-size:1.125rem}.section-pad{padding:60px 6%}.work-section,.project-section{gap:40px}.service summary{font-size:1.7rem}.desktop-break{display:none}}
@media(max-width:800px){.site-header{padding:12px 5%}.brand-mark{width:48px}.brand{font-size:.9375rem;gap:10px}.menu-button{display:flex;align-items:center;gap:14px;font-size:1rem;color:var(--paper);background:transparent;border:0;padding:10px 0}.menu-button span{font-size:1.4rem}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:#242a2e;padding:25px 5%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px}.site-header nav.is-open{display:flex}.nav-cta{align-self:flex-start}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 7%}.eyebrow{margin-bottom:18px}h1{font-size:clamp(3.5rem,11vw,5.5rem);margin-bottom:22px}.hero-intro{max-width:470px;margin-bottom:24px}.hero-image{padding:28px;height:370px}.brand-emblem{width:auto;height:100%;max-width:90%;object-fit:contain}.section-pad{padding:48px 7%}.work-section,.project-section{grid-template-columns:1fr;gap:28px}.section-heading h2{margin-bottom:15px}.section-heading p{max-width:470px}.service summary{font-size:1.625rem;padding:18px 0;gap:16px}.project-content>p:first-child{max-width:480px}.project-section h2 br{display:none}.project-section h2{max-width:470px}.contact-route{font-size:.875rem}footer{padding:24px 7%;align-items:flex-start;flex-wrap:wrap;gap:12px 24px}}
@media(max-width:420px){.brand{font-size:.875rem}.brand-mark{width:43px}.hero-image{height:330px}.button{padding:12px 20px}.service summary{font-size:1.5rem}h2{font-size:2.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Project studio: a visual starting point, not a quote or engineering drawing. */
.project-studio{grid-template-columns:1.05fr 1fr;background:#141a1c;min-height:590px}.project-studio .hero-copy{padding:72px 7% 70px 10%}.project-studio h1{font-size:clamp(4rem,6.7vw,7rem)}.project-studio .eyebrow{font-size:.72rem;letter-spacing:.17em}.project-studio .button{gap:35px}.studio-note{font-size:.8rem;color:#899798;margin-top:18px}.blueprint{color:#c8e2d6;position:relative;display:flex;flex-direction:column;justify-content:center;padding:36px;background-color:#1b2929;background-image:linear-gradient(#a7d3c008 1px,transparent 1px),linear-gradient(90deg,#a7d3c008 1px,transparent 1px);background-size:28px 28px;border-left:1px solid #41514b}.blueprint svg{width:100%;filter:drop-shadow(0 0 20px #b5f6cd15)}.drawing-label,.drawing-footer{font:10px/1.5 monospace;letter-spacing:.1em;color:#9aafa6}.drawing-label{position:absolute;top:30px;left:30px}.drawing-footer{display:flex;justify-content:space-between;gap:16px}.studio{background:#e9e9e2;color:var(--ink);padding-top:64px;padding-bottom:75px}.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.studio-heading .eyebrow{color:#58675f;font-size:.75rem;margin-bottom:12px}.studio-heading>p{max-width:330px;font-size:1rem;color:#5a635f}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-options{display:flex;flex-direction:column;gap:10px}.project-option{width:100%;display:flex;align-items:center;gap:20px;text-align:left;background:transparent;border:1px solid #bdc5be;padding:25px 22px;color:#26342c;cursor:pointer;transition:background .2s,transform .2s}.project-option>span:nth-child(2){flex:1;font:500 1.8rem/1.1 var(--display)}.project-option small{display:block;font:400 .85rem/1.5 var(--body);margin-top:7px}.project-option .option-number{font:12px monospace;color:#67756c;align-self:flex-start;padding-top:5px}.project-option.is-selected{background:#233b32;color:#fff;border-color:#233b32}.project-option.is-selected .option-number{color:#b2cfbf}.project-option:hover{transform:translateX(3px)}.brief-panel{background:#fffef7;border:1px solid #cad0c7;padding:28px 30px;box-shadow:8px 8px 0 #d8ddd2}.brief-top{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.1em;color:#6b766d;border-bottom:1px solid #d0d5ca;padding-bottom:15px}.brief-panel h3{font:500 2.5rem/1.1 var(--display);margin:22px 0 10px}.brief-panel p{font-size:.94rem;line-height:1.5;color:#5b665d}.brief-panel ul{padding:0;margin:17px 0 22px;list-style:none;font-size:.94rem;min-height:96px}.brief-panel li{padding:5px 0 5px 23px;position:relative}.brief-panel li:before{content:'+';position:absolute;left:0;color:#60846a}.brief-panel label{display:block;font-size:.85rem;font-weight:600}.brief-panel label span{font-weight:400;color:#667066}.brief-panel textarea{resize:vertical;width:100%;border:1px solid #b6c0b5;border-radius:0;padding:12px;margin-top:8px;background:white;color:#19251d;font:400 .9rem/1.5 var(--body)}.brief-panel textarea:focus{outline:2px solid #376748;outline-offset:2px}.brief-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:16px}.brief-actions button{border:0;cursor:pointer}.continue-link{font-size:.9rem;text-decoration:underline;text-underline-offset:4px}.brief-panel .brief-status{margin-top:15px;font-size:.76rem;min-height:35px}.studio a:focus-visible,.studio button:focus-visible{outline-color:#216545}.work-section{border-top:1px solid #ccd1c7}
@media(max-width:900px){.project-studio h1{font-size:clamp(3.5rem,7.7vw,5rem)}.studio-layout{gap:20px}.project-option{padding:22px 15px;gap:12px}.project-option>span:nth-child(2){font-size:1.5rem}.brief-panel{padding:24px 22px}.blueprint{padding:25px}}
@media(max-width:800px){.project-studio{grid-template-columns:1fr}.project-studio .hero-copy{padding:45px 7%}.project-studio h1{font-size:clamp(3.5rem,12vw,5.5rem)}.blueprint{height:300px;border-left:0;border-top:1px solid #41514b;padding:30px 7% 16px}.blueprint svg{height:235px}.drawing-label{top:17px;left:7%;font-size:9px}.drawing-footer{font-size:8px}.studio-heading{display:block}.studio-heading>p{margin-top:18px;max-width:100%}.studio-layout{grid-template-columns:1fr;gap:22px}.project-option{padding:18px 16px}.project-option>span:nth-child(2){font-size:1.6rem}.brief-panel{box-shadow:5px 5px 0 #d8ddd2}.studio{padding-bottom:55px}.studio-heading h2{font-size:2.75rem}}
.project-option>span:last-child,.project-studio .button span,.continue-link>span[aria-hidden]{font-family:Arial,sans-serif}
.design-wall{background:#233b32;color:#f1f0e8;padding-top:65px;padding-bottom:70px}.design-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.design-intro .eyebrow{color:#b9ccb9;font-size:.7rem;margin-bottom:15px}.design-intro h2{font-size:clamp(2.6rem,4.5vw,4.6rem)}.design-intro>p{color:#c8d1c7;font-size:1rem}.design-experience{display:grid;grid-template-columns:1.7fr 1fr;border:1px solid #698071}.design-stage{background:#d0d2c4;min-width:0;display:flex;flex-direction:column;justify-content:space-between;color:#24372b}.stage-caption,.stage-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;font:10px/1.5 monospace;letter-spacing:.07em}.stage-caption{border-bottom:1px solid #84968555}.stage-footer{font-size:9px;border-top:1px solid #84968555;flex-wrap:wrap;gap:8px}.concept-scene{width:100%;overflow:hidden}.concept-scene svg{width:100%;height:auto;display:block}.design-controls{background:#1a2b24;padding:30px}.design-step{font:10px/1.5 monospace;letter-spacing:.11em;margin-bottom:13px;color:#c1cebe;display:block}.pattern-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:27px}.pattern-controls button,.tone-controls button{cursor:pointer;background:transparent;border:1px solid #687c6e;color:#c4cec2;font-size:.85rem;padding:12px 4px}.pattern-controls button>span{display:block;font:24px Arial,sans-serif;margin-bottom:7px}.pattern-controls button.active,.tone-controls button.active{border-color:#efab6e;background:#354c3e;color:white;box-shadow:inset 0 -2px #efab6e}.tone-controls{display:flex;gap:8px;margin-bottom:27px}.tone-controls button{flex:1;padding:9px 3px;font-size:.8rem}.tone-controls i{display:block;width:24px;height:24px;border-radius:50%;background:var(--swatch);border:1px solid #ccd3c488;margin:0 auto 7px}.design-controls input[type=range]{width:100%;accent-color:#efab6e;cursor:pointer;min-height:28px;margin:0}.range-labels{display:flex;justify-content:space-between;font-size:.7rem;color:#bdc8b9;margin-bottom:28px}.design-controls .button{width:100%;cursor:pointer;border:0;font-size:.9rem;padding:12px}.concept-disclaimer{font-size:.72rem;line-height:1.5;color:#b7c5b4;margin-top:16px}.concept-status{font-size:.8rem;line-height:1.5;color:#efab6e;margin-top:8px;min-height:0}.design-wall button:focus-visible,.design-wall input:focus-visible{outline:3px solid #efab6e;outline-offset:3px}
@media(max-width:1050px){.design-experience{grid-template-columns:1.35fr 1fr}.design-controls{padding:24px}.design-intro>p{max-width:240px}}
@media(max-width:800px){.design-intro{display:block}.design-intro>p{max-width:none;margin-top:20px}.design-experience{grid-template-columns:1fr}.design-controls{padding:25px}.stage-caption,.stage-footer{padding:16px;font-size:9px}.design-wall{padding-top:48px;padding-bottom:50px}.pattern-controls button{padding:12px 8px}.tone-controls button{padding:12px}.design-intro h2{font-size:2.75rem}}
/* Hero designer: the live metal studio sits in the first screen so visitors can play before they read. */
.project-studio{grid-template-columns:1fr 1.08fr;min-height:0;align-items:stretch}.project-studio .hero-copy{padding:56px 5% 56px 9%;align-self:center}.project-studio .hero-intro{font-size:1.15rem;margin-bottom:26px}
.hero-designer{background:#1b2929;border-left:1px solid #41514b;display:flex;flex-direction:column;min-width:0;scroll-margin-top:0}
.hero-designer .stage-caption,.hero-designer .stage-footer{color:#9aafa6;border:0;padding:14px 24px;font:10px/1.5 monospace;letter-spacing:.09em}.hero-designer .stage-caption{border-bottom:1px solid #41514b}.hero-designer .stage-footer{border-top:1px solid #41514b;font-size:9px}
.hero-designer .concept-scene svg{height:clamp(230px,24vw,330px);width:100%;display:block}
.hero-designer .design-controls{background:transparent;padding:18px 24px 20px}
.ctl-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;align-items:end}.ctl-go{align-self:end}
.hero-designer .design-step{margin-bottom:9px}
.hero-designer .pattern-controls{margin-bottom:0;gap:6px}.hero-designer .tone-controls{margin-bottom:0;gap:6px}
.hero-designer .pattern-controls button,.hero-designer .tone-controls button{min-height:44px;padding:8px 4px;font-size:.82rem;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .2s,border-color .2s}
.hero-designer .tone-controls i{width:16px;height:16px;margin:0}
.hero-designer .pattern-controls button:hover,.hero-designer .tone-controls button:hover{border-color:#a9bba9}
.hero-designer .range-labels{margin-bottom:0}
.hero-designer .design-controls .button{min-height:50px;font-size:.95rem;padding:10px 14px;gap:10px}
.hero-designer .concept-disclaimer{margin-top:14px}
.hero-designer button:focus-visible,.hero-designer input:focus-visible{outline:3px solid #efab6e;outline-offset:3px}
.concept-scene #metal-pattern>*{animation:bar-in .5s cubic-bezier(.2,.7,.2,1) both;transform-box:fill-box}
.concept-scene #metal-pattern.no-anim>*{animation:none}
@keyframes bar-in{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.project-studio .hero-copy{padding:44px 4% 44px 7%}.project-studio h1{font-size:clamp(3.2rem,6.6vw,4.6rem)}.ctl-grid{grid-template-columns:1fr}.hero-designer .design-controls{padding:16px 20px 20px}}
@media(max-width:800px){
 .project-studio{grid-template-columns:1fr}
 .project-studio .hero-copy{padding:28px 7% 24px}
 .project-studio .eyebrow{margin-bottom:12px}
 .project-studio h1{font-size:clamp(3.1rem,13vw,4.6rem);margin-bottom:14px}
 .project-studio .hero-intro{font-size:1.02rem;margin-bottom:0}.project-studio .hero-intro br{display:none}
 .hero-cta,.project-studio .studio-note{display:none}
 .hero-designer{border-left:0;border-top:1px solid #41514b}
 .hero-designer .stage-caption,.hero-designer .stage-footer{padding:12px 7%}
 .hero-designer .stage-footer span:last-child{display:none}
 .hero-designer .concept-scene svg{height:clamp(210px,58vw,300px)}
 .hero-designer .design-controls{padding:16px 7% 26px}
 .ctl-grid{gap:14px}
}
@media(prefers-reduced-motion:reduce){.concept-scene #metal-pattern>*{animation:none!important}}

/* Phone-only bottom bar: appears after the visitor starts designing, hides when the main button is on screen. */
.dock{display:none}
@media(max-width:800px){.dock:not([hidden]){display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px 5% calc(10px + env(safe-area-inset-bottom));background:#141a1cf5;border-top:1px solid #41514b;box-shadow:0 -10px 30px #0006}.dock .button{width:100%;min-height:52px;border:0;cursor:pointer;gap:10px}.hero-designer .concept-scene svg{height:clamp(200px,56vw,290px)}}
/* Services gallery: image cards that lead into the project brief. Replaces the old text accordion. */
.work-section{display:block;background:#101416;color:var(--paper);border-top:1px solid #2a3135;padding-top:72px;padding-bottom:70px}
.work-section .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}.work-section .section-heading h2{margin:0}.work-section .section-heading p{max-width:360px;color:#aab3b7;font-size:1rem;margin:0}
.svc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc{display:flex;flex-direction:column;background:#181e21;border:1px solid #2c3438;overflow:hidden;transition:transform .25s,border-color .25s}.svc:hover{transform:translateY(-4px);border-color:var(--copper)}
.svc-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0c0f10}.svc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.svc:hover .svc-img img{transform:scale(1.05)}
.svc-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#101416aa,transparent 45%);pointer-events:none}
.svc-tag{position:absolute;top:10px;left:10px;z-index:1;font:9px/1 monospace;letter-spacing:.1em;background:#101416d9;color:#c4cbc9;padding:5px 7px}
.svc-body{padding:18px 20px 12px;display:flex;flex-direction:column;gap:8px;flex:1}.svc-body h3{margin:0;font:500 1.75rem/1.1 var(--display)}.svc-body p{margin:0;font-size:.95rem;color:#b4bcbf;line-height:1.5;flex:1}
.svc-go{align-self:flex-start;background:transparent;border:0;color:var(--copper);font:600 .95rem var(--body);padding:0;min-height:44px;cursor:pointer}.svc-go:hover{text-decoration:underline;text-underline-offset:4px}
.svc-go:focus-visible{outline:3px solid var(--copper);outline-offset:2px}
.svc-note{margin-top:20px;font-size:.78rem;color:#8d979b}.svc-swipe{display:none}
@media(max-width:1050px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){
 .work-section{padding-top:48px;padding-bottom:44px}.work-section .section-heading{display:block;margin-bottom:24px}.work-section .section-heading p{margin-top:14px;max-width:470px}
 .work-section h2 br{display:inline}
 .svc-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -7%;padding:0 7% 10px;scroll-padding:0 7%;-webkit-overflow-scrolling:touch}
 .svc{flex:0 0 82%;scroll-snap-align:start}.svc:hover{transform:none}.svc-swipe{display:inline}
}
@media(prefers-reduced-motion:reduce){.svc,.svc-img img{transition:none!important}.svc:hover{transform:none}}

/* Direct contact: call in the header, email/text the brief, contact buttons at the bottom. Text buttons only on touch devices. */
.sms-only{display:none}
@media(hover:none) and (pointer:coarse){.sms-only{display:inline-flex}}
.header-call{display:none}.nav-phone{color:var(--copper);font-weight:600;white-space:nowrap}
.brief-actions .button{flex:1 1 220px;text-align:center}.copy-link{background:none;color:#26342c;text-decoration:underline;text-underline-offset:4px;font-size:.9rem;min-height:44px;padding:8px 4px}
.button-outline{border:2px solid var(--ink);color:var(--ink);background:transparent}.button-outline:hover{background:#0000001a}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.contact-actions .button{flex:0 1 auto}
.contact-route{margin-top:16px}.contact-route a{text-decoration:underline;text-underline-offset:4px}
footer p a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){
 .header-call{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;margin-right:6px;border:1px solid var(--copper);border-radius:50%;color:var(--copper)}
 .contact-actions .button{flex:1 1 100%}.brief-actions .button{flex:1 1 100%}
}

/* Ten service cards: on wide screens the last card spans the full row so the grid has no orphan. */
@media(min-width:1051px){.svc-grid .svc:last-child{grid-column:1/-1;flex-direction:row}.svc-grid .svc:last-child .svc-img{flex:0 0 50%;aspect-ratio:auto;min-height:260px}.svc-grid .svc:last-child .svc-body{justify-content:center;padding:24px 32px}}
@media(min-width:1051px){.svc-grid .svc:last-child .svc-img img{position:absolute;inset:0}.svc-grid .svc:last-child .svc-img{min-height:300px}}

/* Cinematic hero: full-bleed crossfading welding scenes, headline, call + brief buttons. The live designer now sits in its own section below. */
.hero-cine{position:relative;min-height:clamp(560px,88vh,780px);display:flex;align-items:flex-end;overflow:hidden;background:#0c0f10;isolation:isolate}
.cine-slides{position:absolute;inset:0;z-index:-1}
.cine-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:cine 30s infinite;animation-delay:calc(var(--i)*6s - 1s)}
.cine-slide:first-of-type{opacity:1}
@keyframes cine{0%{opacity:0;transform:scale(1)}4%{opacity:1}20%{opacity:1}26%{opacity:0;transform:scale(1.08)}100%{opacity:0;transform:scale(1.08)}}
.cine-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c0f10ee 0%,#0c0f10b8 42%,#0c0f1030 75%),linear-gradient(0deg,#0c0f10f2 0%,transparent 45%)}
.cine-copy{position:relative;padding:120px 8% 56px 10%;max-width:880px}
.cine-copy h1{font-size:clamp(3.6rem,8vw,7.6rem);margin-bottom:20px}
.cine-intro{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.5;color:#e4e8e6;max-width:34em;margin-bottom:28px}
.cine-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.button-glass{background:#ffffff14;border:2px solid #ffffff66;color:#fff;backdrop-filter:blur(6px)}.button-glass:hover{background:#ffffff2a}
.cine-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cine-chips a{display:inline-block;padding:8px 14px;border:1px solid #ffffff40;border-radius:99px;font-size:.85rem;color:#e4e8e6;background:#0c0f1066;transition:border-color .2s,color .2s}.cine-chips a:hover{border-color:var(--copper);color:var(--copper)}
.cine-tag{position:absolute;right:16px;bottom:14px;font:9px/1 monospace;letter-spacing:.1em;background:#101416d9;color:#c4cbc9;padding:5px 7px}
.design-section{background:#141a1c;padding:72px 6% 80px}
.design-head{max-width:760px;margin:0 auto 32px;text-align:center}.design-head h2{margin:10px 0 14px}.design-head p:last-child{color:#b4bcbf}
.design-section .hero-designer{max-width:1000px;margin:0 auto;border:1px solid #41514b}
@media(min-width:900px){.design-section .hero-designer .concept-scene svg{height:clamp(300px,34vw,440px)}.design-section .hero-designer .concept-scene{overflow:hidden}}
@media(max-width:800px){
 .hero-cine{min-height:clamp(540px,86svh,720px)}
 .cine-copy{padding:90px 7% 44px}
 .cine-shade{background:linear-gradient(0deg,#0c0f10f5 0%,#0c0f10cc 45%,#0c0f1055 100%)}
 .cine-actions .button{flex:1 1 100%;justify-content:center;text-align:center}
 .cine-chips{gap:6px}.cine-chips a{font-size:.8rem;padding:7px 11px}
 .design-section{padding:48px 0 56px}.design-head{padding:0 7%;text-align:left}
 .design-section .hero-designer{border-left:0;border-right:0}
}
@media(prefers-reduced-motion:reduce){.cine-slide{animation:none}.cine-slide:not(:first-of-type){display:none}}