/* Bronvex atelier: an editorial frame for original, interactive work. */
:root{--atelier-lilac:#c7b6ef;--atelier-line:#d5dfef26}
.site-header{box-shadow:0 10px 45px #05070a26}.site-header .brand-mark{box-shadow:inset 0 1px 0 #fff8,0 0 30px #c6f46015}.site-header nav a{position:relative}.site-header nav a:hover{color:#f4f2eb}.button{border:1px solid #ffffff18;box-shadow:inset 0 1px 0 #fff4;transition:transform .25s,background .25s,box-shadow .25s}.button.secondary{box-shadow:none}.button:active{transform:translateY(0) scale(.98)}
.cinematic-stage{background:radial-gradient(ellipse at 85% 45%,#65508c3a,transparent 50%),radial-gradient(ellipse at 30% 90%,#6b985716,transparent 55%),#101319}.cinema-copy h1 span,.cinema-copy h2 span{color:#d0c3ed}.cinema-copy h1{font-size:clamp(50px,6.1vw,88px)}.cinema-copy .eyebrow{display:inline-flex;border:1px solid #d1f58a40;background:#b2da7110;padding:8px 12px;border-radius:30px;letter-spacing:.08em}.cinema-caption{padding:9px 14px;border:1px solid #ddd6f32b;border-radius:40px;background:#1417208c}.home-ribbon-wrap{background:#d9eaca!important}.home-ribbon-wrap .home-ribbon{color:#28372b;padding:23px 0}.home-ribbon span{display:flex;align-items:center;gap:17px}.home-ribbon b{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #41543e40;border-radius:50%}
.chapter-track{height:118svh}.zone-faq .chapter-track{height:auto}.zone-faq .page-head.head-spatial.chapter-stage{position:relative;top:0;height:430px;min-height:0}.zone-faq .chapter-stage .spatial-visual{height:350px}.zone-faq .chapter-guide{display:none}.chapter-stage:after{content:'BRONVEX / STUDIO';position:absolute;top:26px;right:8px;font-size:9px;letter-spacing:.2em;color:#aeb6c078}.chapter-stage .spatial-visual{filter:drop-shadow(0 20px 28px #0002)}.chapter-guide{font-size:9px}.head-spatial .intro-copy{font-size:16px}.zone-redesign .chapter-stage:after{color:#64715a}
.zone-business{background:radial-gradient(ellipse at 90% 0%,#55446445,transparent 35%),#14191f}.showroom-intro{border-bottom:1px solid var(--atelier-line);padding-bottom:40px}.showroom-intro h2{font-size:clamp(38px,4.8vw,67px)}.showroom-key{padding:12px 0;font-size:11px}.showroom-grid.business-tabs{gap:20px}.showroom-grid .demo-card{border-radius:22px;padding:0;overflow:hidden;box-shadow:0 15px 35px #0002;transition:border-color .25s,box-shadow .25s,transform .35s}.showroom-grid .demo-card:hover{transform:translateY(-5px);border-color:#d1f58a88;box-shadow:0 22px 45px #0004}.showroom-grid .demo-card[aria-pressed=true]{border-color:#d1f58a;box-shadow:0 0 0 1px #d1f58a,0 20px 45px #0003}.demo-cover{border-radius:15px;margin:8px;height:220px;position:relative;isolation:isolate}.demo-cover:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #fff7;border-radius:inherit;background:linear-gradient(135deg,#fff5,transparent 35%,#fff0 65%,#ffffff20);z-index:3}.demo-cover svg{filter:drop-shadow(9px 18px 7px #18281725)}.cover-top{border-bottom:1px solid #182a3029;padding-bottom:15px}.demo-card-label{padding:16px 22px 22px}.demo-card-label strong{font-size:18px}.demo-card-label small{font-size:11px!important;line-height:1.7;color:#c0c9ce}.demo-case-intro{border-top:1px solid var(--atelier-line);padding-top:38px}.demo-case-intro h3{font-size:clamp(31px,3.4vw,47px)}.demo-tour{display:none}.demo-case-intro{grid-template-columns:1fr}.demo-case-intro>div>p:not(.eyebrow){max-width:760px}.demo-stage-nav{border-radius:16px!important}.business-preview{box-shadow:0 25px 90px #03080d55;border:1px solid #e7e0f440}.demo-options{margin-top:38px}.demo-idea-grid button{border-radius:15px!important}.demo-idea-grid button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #d1f58a}.object-story{border-radius:18px}.sample-note{line-height:1.7}
.faq-layout{gap:45px}.faq-side{padding:25px;border:1px solid var(--atelier-line);border-radius:20px;background:linear-gradient(140deg,#282a3b,#1c2630);align-self:start}.faq-side .search{width:100%}.faq-side>p{margin-bottom:0}.faq-results details{background:#202732;border:1px solid #d0dce921;margin-bottom:12px;overflow:hidden;transition:border-color .2s,background .2s}.faq-results details[open]{background:#2a3040;border-color:#c7b6ef78}.faq-results summary{padding:22px 26px;line-height:1.5;font-size:17px}.faq-results details p{padding:0 26px 23px;margin:0;color:#d0d6df}.faq-count{color:#c5bed3!important;font-size:12px}
.zone-contact{padding:90px 0;background:radial-gradient(ellipse at 0 20%,#41466150,transparent 65%),#12181e}.atelier-contact-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px;border-bottom:1px solid var(--atelier-line);padding-bottom:35px}.atelier-contact-heading h2{font-size:clamp(45px,5.7vw,78px);max-width:830px;margin:15px 0 0;line-height:1.06;letter-spacing:-.06em}.atelier-contact-heading h2 em{color:#c7b6ef;font:inherit}.atelier-contact-heading .at-contact-arrow{font-size:90px;color:#d1f58a;line-height:1;transform:rotate(-5deg)}.contact-layout{grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.contact-details h3{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.035em}.contact-details>p{color:#bdc7ce;font-size:16px}.contact-links a{font-size:23px;padding:22px 0}.contact-links a span{color:#c7b6ef}.at-next{margin-top:28px;display:grid;gap:0}.at-next>div{display:grid;grid-template-columns:32px 1fr;gap:15px;border-top:1px solid var(--atelier-line);padding:19px 0}.at-next>div>b{font-size:11px;color:#cab6ec;padding-top:4px}.at-next strong{font-size:14px;font-weight:500;display:block;color:#f4f2eb;margin-bottom:5px}.at-next p{font-size:13px;color:#b9c2cc;line-height:1.7;margin:0}.at-contact-note{font-size:12px!important;color:#c1d5b1!important;margin-top:20px}.contact-form{background:linear-gradient(135deg,#282f3b,#1e282b);padding:35px;border-radius:24px;border:1px solid #bac8de42;box-shadow:0 25px 65px #04080944,inset 0 1px 0 #ffffff12}.at-form-top{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--atelier-line);padding-bottom:20px;margin-bottom:24px;font-size:11px;letter-spacing:.09em}.at-form-top span{color:#d1f58a}.contact-form label{font-size:13px}.contact-form input,.contact-form select,.contact-form textarea{background:#10191f;border-color:#b2c7d338;border-radius:10px;padding:14px;min-height:50px}.contact-form input:hover,.contact-form textarea:hover{border-color:#c7b6ef80}.contact-form .button{width:100%;margin-top:6px}.contact-form>p{font-size:12px;line-height:1.75;color:#b9c3cd}.message-preview{margin-top:25px;border-top:1px solid #c7b6ef66;padding-top:20px}.site-footer{position:relative;overflow:hidden;padding-bottom:55px}.site-footer:after{content:'bronvex';display:block;font:bold clamp(60px,15vw,210px)/.8 Manrope,sans-serif;letter-spacing:-.08em;color:#d0ddc80a;text-align:center;margin:75px 0 -55px;pointer-events:none}
@media(max-width:900px){.contact-layout{gap:35px}.demo-cover{height:180px}.demo-card-label{padding:12px 16px 18px}.chapter-track{height:108svh}.atelier-contact-heading h2{font-size:56px}}
@media(max-width:700px){.chapter-track{height:auto}.zone-faq .page-head.head-spatial.chapter-stage{height:auto}.zone-faq .chapter-stage .spatial-visual{height:270px}.chapter-stage:after{display:none}.cinema-copy h1{font-size:46px}.cinema-copy .eyebrow{font-size:8px;padding:7px 10px;max-width:100%;line-height:1.6}.cinema-caption{display:none}.home-ribbon-wrap .home-ribbon{gap:10px;font-size:10px}.home-ribbon span{gap:8px}.home-ribbon b{display:none}.showroom-grid.business-tabs{gap:12px}.demo-cover{height:148px;margin:6px}.cover-top{padding-bottom:8px}.demo-card-label{padding:10px 13px 17px}.demo-card-label strong{font-size:14px}.demo-card-label small{font-size:10px!important}.showroom-intro{padding-bottom:20px}.demo-case-intro{padding-top:25px}.faq-side{padding:19px}.faq-layout{gap:25px}.faq-results summary{padding:19px 18px;font-size:15px}.faq-results details p{padding:0 18px 20px;font-size:14px}.zone-contact{padding:55px 0}.atelier-contact-heading{margin-bottom:30px;padding-bottom:25px}.atelier-contact-heading h2{font-size:44px}.atelier-contact-heading .at-contact-arrow{display:none}.contact-layout{grid-template-columns:1fr;gap:28px}.contact-details h3{font-size:26px}.contact-form{padding:23px}.contact-links a{font-size:21px}.at-next{grid-template-columns:1fr}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px}.head-spatial .intro-copy{font-size:15px}.site-footer:after{margin-top:45px}}
@media(max-width:360px){.cinema-copy h1{font-size:38px}.atelier-contact-heading h2{font-size:37px}.demo-cover{height:130px}.demo-card-label small{font-size:9px!important}.contact-form{padding:19px}.at-form-top{font-size:10px}}
@media(prefers-reduced-motion:reduce){.demo-card,.button{transition:none!important;transform:none!important}.chapter-track{height:auto}.cinematic-stage{background:#101319}}
.motion-paused .demo-card,.motion-paused .button{transition:none!important;transform:none!important}
@media(max-width:700px){.contact-layout .contact-form{order:-1}}