@import url('automotive-redesign.css');
/* Four autonomous compositions. Shared demo functions remain outside this layer. */
.campaign-image{margin:0;overflow:hidden}.campaign-image img{display:block;width:100%;height:100%;object-fit:cover}
.chat-short{display:none}

/* ÉTERA — quiet spa architecture, circular rhythm, editorial serif. */
.studio-01{--studio-bg:#f4e7df;--studio-ink:#3e2433;--studio-accent:#9f405f;background:#f4e7df;color:#3e2433}
.studio-01 .build-nav{margin:1rem 2%;min-height:4.8rem;padding:.7rem 1.2rem;border:1px solid #8e6474;border-radius:4rem;background:#f7eee8e8;backdrop-filter:blur(18px)}
.studio-01 .build-brand{font-family:BuildSerif;font-size:2.1rem;font-weight:500;letter-spacing:.08em}.studio-01 .build-brand span{font-family:BuildSans}
.studio-01 .demo-bar{padding:.35rem 4%;border:0}.etera-hero{min-height:min(850px,calc(100svh - 7rem));margin:0 2%;position:relative;display:grid;align-items:center;overflow:hidden;border-radius:2.5rem;background:#e7d4ca}
.etera-hero>.campaign-image{position:absolute;inset:0}.etera-hero>.campaign-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4e7df 2%,#f4e7dfe8 35%,transparent 70%)}
.etera-hero-copy{position:relative;z-index:2;width:min(43rem,52%);padding:clamp(2rem,5vw,5rem)}.etera-hero-copy>p:first-child{font-size:.875rem;letter-spacing:.16em}.etera-hero-copy h1{max-width:7ch;margin:.3rem 0 1.2rem;font:500 clamp(3.5rem,7.4vw,7.5rem)/.82 BuildSerif;letter-spacing:-.04em}.etera-hero-copy h1 em{color:#9f405f}.etera-hero-copy>p{max-width:38ch;font-size:1.1rem}.etera-hero-copy a,.etera-closing a{display:inline-flex;gap:3rem;margin-top:1rem;padding:1rem 1.2rem;border:1px solid currentColor;border-radius:3rem;text-decoration:none}
.etera-seal{position:absolute;right:3%;bottom:3%;z-index:2;width:9rem;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#f4e7df;color:#3e2433}.etera-seal span{position:absolute;font-size:.62rem;letter-spacing:.15em}.etera-seal b{font:500 3rem BuildSerif}
.etera-philosophy{padding:clamp(5rem,10vw,10rem) 8%;display:grid;grid-template-columns:.6fr 2fr 1fr;gap:4vw;align-items:end}.etera-philosophy>p{font-size:.875rem;letter-spacing:.14em}.etera-philosophy blockquote{margin:0;font:500 clamp(2.8rem,5.2vw,5.7rem)/.95 BuildSerif}.etera-philosophy>div p{font-size:1.1rem}.etera-rituals{padding:7rem 6%;background:#3e2433;color:#f7eee8;border-radius:7rem 7rem 0 0}.etera-rituals>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:4rem}.etera-rituals h2{font:500 clamp(3rem,6vw,6rem)/.9 BuildSerif}.etera-rituals>div{display:grid;grid-template-columns:repeat(4,1fr)}.etera-rituals article{min-height:25rem;padding:2rem;border-left:1px solid #c59aac;display:flex;flex-direction:column}.etera-rituals article h3{margin-top:auto;font:500 2rem BuildSerif}.etera-rituals article a{margin-top:1rem}.etera-sensory{display:grid;grid-template-columns:1.15fr .85fr;min-height:44rem;background:#efe1d8}.etera-detail{min-height:44rem}.etera-sensory>div{padding:clamp(3rem,7vw,7rem);align-self:center}.etera-sensory h2{font:500 clamp(3rem,5vw,5.5rem)/.95 BuildSerif}.etera-closing{min-height:36rem;padding:6rem;display:grid;place-content:center;text-align:center}.etera-closing h2{font:500 clamp(4rem,9vw,9rem)/.8 BuildSerif}

/* ONDA — fashion magazine in cobalt and lacquer red. */
.studio-02{--studio-bg:#f1eee9;--studio-ink:#111;--studio-accent:#ef2d31;background:#f1eee9;color:#111}.studio-02 .build-nav{min-height:5rem;padding:.7rem 2%;border:0;border-bottom:1px solid #111;background:#f1eee9}.studio-02 .build-brand{font-size:2rem;letter-spacing:-.08em}.studio-02 .build-nav>nav a{text-decoration:none;text-transform:uppercase;font-size:.875rem}.studio-02 .nav-action{background:#ef2d31!important;color:#fff!important}.studio-02 .demo-bar{background:#173fa4;color:#fff;border:0}
.onda-hero{height:min(830px,calc(100svh - 7rem));min-height:42rem;position:relative;overflow:hidden;background:#173fa4;color:#fff}.onda-hero>.campaign-image{position:absolute;inset:0 0 0 28%}.onda-hero>.campaign-image img{object-position:center}.onda-hero>.campaign-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#173fa4 0,transparent 38%)}.onda-red{position:absolute;left:0;bottom:0;width:24%;height:29%;background:#ef2d31}.onda-logo{position:absolute;right:2%;top:1%;z-index:2;font:900 clamp(6rem,15vw,14rem)/.68 BuildSans;letter-spacing:-.12em;text-align:right;mix-blend-mode:difference}.onda-hero-copy{position:absolute;left:4%;bottom:11%;z-index:3}.onda-hero-copy>p{letter-spacing:.18em}.onda-hero-copy h1{font-size:clamp(3.4rem,7vw,7rem);max-width:9ch;text-transform:uppercase}.onda-hero-copy h1 em{color:#ff5252}.onda-hero-copy a{display:inline-block;padding:1rem 1.3rem;background:#fff;color:#111;text-decoration:none}.onda-scroll{position:absolute;right:2%;bottom:2%;z-index:2;font-size:.8rem;letter-spacing:.15em}.onda-statement{padding:9rem 7%;display:grid;grid-template-columns:.5fr 2fr 1fr;gap:4vw;align-items:start}.onda-statement h2{font-size:clamp(3rem,6vw,6.5rem);text-transform:uppercase}.onda-statement>p{font-size:1.15rem}.onda-lookbook{background:#ef2d31;color:#111;padding:6rem 4%;display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw}.onda-lookbook h2{font-size:clamp(4rem,7vw,8rem);text-transform:uppercase}.onda-look-list{border-top:2px solid}.onda-look-list article{display:grid;grid-template-columns:3rem 1fr 3rem;gap:1rem;padding:1.5rem 0;border-bottom:2px solid;align-items:center}.onda-look-list h3{font-size:1.7rem;text-transform:uppercase;margin:0}.onda-look-list p{margin:0}.onda-look-list a{font-size:2rem;text-decoration:none}.onda-color{position:relative;min-height:48rem;background:#111;color:#fff;display:grid;grid-template-columns:1fr 1fr}.onda-portrait{height:48rem}.onda-color>div{padding:6rem;align-self:center}.onda-color h2{font-size:clamp(3.5rem,7vw,7rem);text-transform:uppercase}.onda-color>span{position:absolute;right:1%;bottom:-.05em;font-size:10vw;font-weight:900;line-height:.7;color:#173fa4}.onda-book{padding:5rem 4%;display:flex;justify-content:space-between;align-items:center;background:#173fa4;color:#fff}.onda-book a{font-size:clamp(1.4rem,3vw,3rem);text-decoration:none;border-bottom:2px solid}

/* TAGLIO 13 — brutal workshop, hard rules, no decorative salon language. */
.studio-03{--studio-bg:#181715;--studio-ink:#f1e9da;--studio-accent:#d45f2d;background:#181715;color:#f1e9da}.studio-03 .build-nav{min-height:5.5rem;padding:.8rem 3%;border:0;background:#181715;color:#f1e9da}.studio-03 .build-brand{font:800 1.8rem/1 BuildSans;letter-spacing:-.04em}.studio-03 .build-nav>nav a{text-transform:uppercase;text-decoration:none;font-weight:800}.studio-03 .build-nav button{color:#f1e9da;border-color:#f1e9da}.studio-03 .demo-bar{border-block:1px solid #6d655c;font-family:monospace}.studio-03 .service-chat-open{border-radius:0;background:#d45f2d;color:#111}
.taglio-hero{height:min(820px,calc(100svh - 8rem));min-height:42rem;position:relative;overflow:hidden;background:#111}.taglio-hero>.campaign-image{position:absolute;inset:0}.taglio-hero>.campaign-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#111 78%)}.taglio-mark{position:absolute;right:-.04em;top:-.16em;font:900 min(45vw,40rem)/1 BuildSans;color:#d45f2d;opacity:.15}.taglio-hero-copy{position:absolute;z-index:2;right:4%;top:17%;width:45%}.taglio-hero-copy>p{font-family:monospace;letter-spacing:.14em}.taglio-hero-copy h1{font-size:clamp(3.3rem,6.5vw,7rem);line-height:.84}.taglio-hero-copy h1 span{color:#d45f2d}.taglio-hero-copy a{display:inline-block;margin-top:1rem;padding:1rem 1.3rem;background:#f1e9da;color:#181715;text-decoration:none;text-transform:uppercase;font-weight:800}.taglio-cut{position:absolute;left:0;right:0;top:52%;border-top:1px solid #d45f2d;transform:rotate(-4deg)}.taglio-board{padding:6rem 4%}.taglio-board header{display:flex;justify-content:space-between;align-items:end;border-bottom:5px solid;padding-bottom:2rem}.taglio-board h2{font-size:clamp(3rem,6vw,6rem);text-transform:uppercase}.taglio-board ol{list-style:none;padding:0;margin:0}.taglio-board li{display:grid;grid-template-columns:4rem 1fr 1fr auto;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid #6d655c}.taglio-board li strong{font-size:1.7rem;text-transform:uppercase}.taglio-board li a{padding:.7rem;border:1px solid;text-decoration:none}.taglio-code{display:grid;grid-template-columns:.5fr repeat(3,1fr);padding:6rem 4%;background:#f1e9da;color:#181715}.taglio-code>div{padding:2rem;border-left:1px solid}.taglio-code h2{font-size:2.3rem;text-transform:uppercase}.taglio-ticket{margin:7rem 8%;display:grid;grid-template-columns:.65fr 1.35fr;background:#d45f2d;color:#171614;transform:rotate(-1deg)}.taglio-ticket>div{padding:4rem;border-right:2px dashed #181715}.taglio-ticket strong{display:block;font-size:15rem;line-height:.75}.taglio-ticket h2{font-size:clamp(3rem,6vw,6rem);text-transform:uppercase}.taglio-ticket a{display:inline-block;padding:1rem;background:#181715;color:#f1e9da;text-decoration:none}

/* PULSE — immersive performance arena and instrument-panel content. */
.studio-04{--studio-bg:#090d1a;--studio-ink:#f6f7ff;--studio-accent:#ff3438;background:#090d1a;color:#f6f7ff}.studio-04 .build-nav{position:absolute;inset:0 0 auto;z-index:20;color:#fff;background:linear-gradient(#070b17e8,transparent);border:0}.studio-04 .build-brand{font-style:italic;letter-spacing:-.09em}.studio-04 .build-nav button{color:#fff;border-color:#fff}.studio-04 .demo-bar{position:absolute;top:6rem;z-index:19;width:100%;color:#fff;border-color:#ffffff50}.studio-04 .service-chat-open{background:#ff3438;color:#fff;border:0;border-radius:.3rem;text-transform:uppercase;font-weight:800}
.pulse-hero{height:100svh;min-height:44rem;position:relative;overflow:hidden;background:#060911}.pulse-hero>.campaign-image{position:absolute;inset:0}.pulse-hero>.campaign-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060911e8 0,#06091155 55%,#06091110)}.pulse-grid{position:absolute;inset:0;background:linear-gradient(#6684ff20 1px,transparent 1px),linear-gradient(90deg,#6684ff20 1px,transparent 1px);background-size:5rem 5rem;mask-image:linear-gradient(90deg,#000,transparent 75%)}.pulse-hero-copy{position:absolute;left:5%;top:27%;z-index:2}.pulse-hero-copy>p{font-family:monospace;letter-spacing:.17em}.pulse-hero-copy h1{font-size:clamp(4rem,9vw,9.5rem);font-style:italic;line-height:.72;transform:skewX(-5deg)}.pulse-hero-copy h1 span{color:#ff3438}.pulse-hero-copy a{display:inline-block;margin-top:2rem;padding:1rem 1.3rem;background:#ff3438;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:800}.pulse-live{position:absolute;right:3%;bottom:4%;z-index:2;display:grid;grid-template-columns:auto auto;gap:.2rem 1rem;padding:1rem;border:1px solid #fff}.pulse-live i{width:.8rem;height:.8rem;border-radius:50%;background:#55ff83;grid-row:1/3;align-self:center}.pulse-strip{display:flex;overflow:hidden;background:#ff3438;color:#fff}.pulse-strip span{flex:1;padding:1rem 2rem;border-right:1px solid #090d1a;font-weight:900;font-style:italic;font-size:clamp(1.2rem,2.3vw,2.4rem)}.pulse-programs{padding:8rem 4%}.pulse-programs header{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start}.pulse-programs h2{font-size:clamp(3rem,6vw,6rem);font-style:italic}.pulse-programs>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem}.pulse-programs article{min-height:27rem;padding:2rem;border:1px solid #55617b;display:flex;flex-direction:column}.pulse-programs article:nth-child(even){transform:translateY(3rem);background:#101831}.pulse-programs h3{margin-top:auto;font-size:2rem;text-transform:uppercase}.pulse-programs a{color:#ff6265}.pulse-score{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr;background:#f6f7ff;color:#090d1a}.pulse-score>div{min-height:38rem;padding:6rem;display:flex;flex-direction:column;justify-content:center}.pulse-score>div:first-child{background:#173fa4;color:#fff;align-items:center}.pulse-score strong{font-size:17rem;line-height:.8;font-style:italic}.pulse-score h2{font-size:clamp(3rem,5vw,5rem);font-style:italic}.pulse-final{min-height:42rem;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;background:#ff3438}.pulse-final>span{position:absolute;font-size:45vw;font-weight:900;line-height:1;opacity:.15}.pulse-final>div{position:relative}.pulse-final h2{font-size:clamp(4rem,9vw,9rem);font-style:italic}.pulse-final a{display:inline-block;padding:1rem 1.3rem;background:#090d1a;color:#fff;text-decoration:none}

@media(prefers-reduced-motion:no-preference){.etera-seal{animation:etera-float 5s ease-in-out infinite}.onda-logo{animation:onda-shift 5s ease-in-out infinite alternate}.taglio-cut{animation:taglio-cut 4s ease-in-out infinite alternate}.pulse-live i{animation:pulse-live 1.3s ease-out infinite}.pulse-grid{animation:pulse-grid 12s linear infinite}}
@keyframes etera-float{50%{transform:translateY(-.7rem) rotate(3deg)}}@keyframes onda-shift{to{transform:translateX(-1.5rem)}}@keyframes taglio-cut{to{transform:rotate(-2deg) translateY(1rem)}}@keyframes pulse-live{50%{box-shadow:0 0 0 .7rem #55ff8322}}@keyframes pulse-grid{to{background-position:5rem 5rem}}
.motion-paused .etera-seal,.motion-paused .onda-logo,.motion-paused .taglio-cut,.motion-paused .pulse-live i,.motion-paused .pulse-grid{animation-play-state:paused!important}

@media(max-width:900px){.etera-philosophy{grid-template-columns:1fr 2fr}.etera-philosophy>div{grid-column:2}.etera-rituals>div,.pulse-programs>div{grid-template-columns:repeat(2,1fr)}.onda-statement{grid-template-columns:1fr 2fr}.onda-statement>p{grid-column:2}.taglio-board li{grid-template-columns:3rem 1fr}.taglio-board li p,.taglio-board li a{grid-column:2}.taglio-code{grid-template-columns:1fr}.taglio-code>div{border-left:0;border-top:1px solid}.pulse-programs header{grid-template-columns:1fr 2fr}.pulse-score>div{padding:4rem}.pulse-score strong{font-size:12rem}}
@media(max-width:700px){
 .studio-01 .build-nav,.studio-02 .build-nav,.studio-03 .build-nav,.studio-04 .build-nav{position:relative;margin:0;border-radius:0;background:var(--studio-bg);color:var(--studio-ink)}.studio-04 .demo-bar{position:relative;top:auto}.campaign-image img{object-position:center}.studio:is(.studio-01,.studio-02,.studio-03,.studio-04) .service-chat-open{max-width:11rem;padding:.8rem 1rem;font-size:.875rem;line-height:1.2}.chat-long{display:none}.chat-short{display:inline}
 .etera-hero,.onda-hero,.taglio-hero,.pulse-hero{height:auto;min-height:44rem;margin:0;border-radius:0}.etera-hero>.campaign-image,.onda-hero>.campaign-image,.taglio-hero>.campaign-image,.pulse-hero>.campaign-image{position:absolute;inset:0}.etera-hero>.campaign-image:after,.onda-hero>.campaign-image:after,.taglio-hero>.campaign-image:after,.pulse-hero>.campaign-image:after{background:linear-gradient(0deg,#17111bf2 0,#17111b88 58%,transparent)}
 .etera-hero-copy,.onda-hero-copy,.taglio-hero-copy,.pulse-hero-copy{position:relative;inset:auto;width:auto;padding:13rem 1.25rem 2rem;align-self:end;color:#fff}.etera-hero-copy h1,.onda-hero-copy h1,.taglio-hero-copy h1,.pulse-hero-copy h1{font-size:clamp(3.2rem,16vw,5rem);max-width:9ch}.etera-seal,.onda-logo,.onda-red,.taglio-mark{display:none}.etera-philosophy,.onda-statement{display:block;padding:5rem 1.25rem}.etera-philosophy>*{margin-bottom:2rem}.etera-rituals{padding:5rem 1.25rem;border-radius:3rem 3rem 0 0}.etera-rituals>header{display:block}.etera-rituals>div,.pulse-programs>div{display:grid;grid-template-columns:1fr}.etera-rituals article{min-height:20rem;border-left:0;border-top:1px solid}.etera-sensory,.onda-color,.pulse-score{grid-template-columns:1fr}.etera-detail,.onda-portrait{min-height:26rem;height:26rem}.etera-sensory>div,.onda-color>div,.pulse-score>div{padding:4rem 1.25rem}.etera-closing{padding:5rem 1.25rem;min-height:30rem}
 .onda-hero>.campaign-image{inset:0}.onda-hero-copy{position:absolute;bottom:0}.onda-statement h2,.onda-lookbook h2{font-size:clamp(3rem,14vw,4.5rem)}.onda-lookbook{display:block;padding:5rem 1.25rem}.onda-look-list article{grid-template-columns:2rem 1fr 2rem}.onda-color>span{display:none}.onda-book{display:grid;gap:1rem;padding:3rem 1.25rem}
 .taglio-hero-copy{position:absolute;top:auto;bottom:0}.taglio-hero>.campaign-image img{object-position:28% center}.taglio-board{padding:5rem 1.25rem}.taglio-board header{display:block}.taglio-board li{gap:1rem}.taglio-ticket{margin:4rem 1rem;grid-template-columns:1fr;transform:none}.taglio-ticket>div{padding:2rem;border-right:0;border-bottom:2px dashed}.taglio-ticket strong{font-size:9rem}.taglio-code{padding:4rem 1.25rem}
 .pulse-hero-copy{position:absolute;top:auto;bottom:0}.pulse-hero>.campaign-image img{object-position:60% center}.pulse-live{right:1rem;top:1rem;bottom:auto}.pulse-strip{display:grid;grid-template-columns:1fr 1fr}.pulse-programs{padding:5rem 1.25rem}.pulse-programs header{display:block}.pulse-programs article{min-height:20rem}.pulse-programs article:nth-child(even){transform:none}.pulse-score{margin:0}.pulse-score strong{font-size:9rem}.pulse-final{min-height:32rem;padding:3rem 1.25rem}
}

/* Contrast corrections retained across the expressive palettes. */
.studio-02 .nav-action{background:#b91820!important;color:#fff!important}.onda-hero-copy h1 em{color:#ffd9d9}
.studio-04 .service-chat-open,.pulse-hero-copy a,.pulse-strip,.pulse-final{color:#090d1a}.pulse-programs a{color:#ff9294}