/* Approved homepage: brand first, one menu trigger. */
.restyle-home>header{height:74px;min-height:74px;box-sizing:border-box;display:flex;justify-content:space-between;padding:10px 5vw;gap:20px}
.restyle-home header .home-menu-control{display:flex;align-items:center;margin-right:auto}
.restyle-home header .home-menu-control .menu-toggle{border:0;border-radius:0;padding:8px 0;gap:14px;font:15px/1 Arial,sans-serif;letter-spacing:.02em;background:transparent;color:#111;cursor:pointer}
.restyle-home header .home-menu-control .menu-toggle:hover{opacity:.6}
.restyle-home header .node-header-actions{margin-left:auto;flex:0 0 auto}
.restyle-home .home-brand{width:100%;max-width:635px;margin:0 auto 16px;animation:brand-arrive .8s ease-out both}
.restyle-home .home-brand svg{display:block;width:100%;height:auto}
.restyle-home .hero-copy{text-align:center;min-width:0}
.restyle-home.home-intro-preview .hero h1{font:400 clamp(25px,2.8vw,43px)/1.14 Arial,sans-serif;letter-spacing:-.045em;margin:14px 0 30px}
.restyle-home.home-intro-preview .hero h1>span:first-child{max-width:none}
.restyle-home.home-intro-preview .hero h1>span+span{font:italic 400 1.05em/1.15 Georgia,serif;letter-spacing:-.04em}
.restyle-home .hero .eyebrow{font-size:11px;letter-spacing:.2em;margin:0}
.restyle-home .hero-intro{margin-inline:auto}
@media(min-width:761px){
 .restyle-home header .node-language{gap:0;align-items:center;font:14px/1 Arial,sans-serif}
 .restyle-home header .node-language::before{content:attr(data-current-label);white-space:pre;color:#111}
 .restyle-home header .node-language a{border:0;border-radius:0;min-width:30px;min-height:44px;padding:0 0 0 8px;color:#777!important;background:transparent!important;font:14px/1 Arial,sans-serif}
 .restyle-home header .node-language a:hover{color:#111!important;text-decoration:underline}
 .restyle-home .hero{align-items:start}
 .restyle-home .hero-button-menu{align-self:start}
}
@media(max-width:760px){
 .restyle-home>header{height:74px;min-height:74px}
 .restyle-home header .home-menu-control .menu-toggle{font-size:12px;gap:9px}
 .restyle-home .home-brand{max-width:440px;margin-bottom:14px}
 .restyle-home.home-intro-preview .hero h1{font-size:clamp(22px,5.8vw,34px);margin:14px 0 20px}
 .restyle-home .hero .eyebrow{font-size:8px;letter-spacing:.15em}
}
@keyframes brand-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.restyle-home .home-brand{animation:none}}
/* Mobile follows the approved brand hierarchy in one explicit column. */
@media(max-width:760px){
 .restyle-home>header{height:64px;min-height:64px}
 .restyle-home.home-intro-preview .hero{grid-template-columns:minmax(0,1fr);gap:14px;padding:24px 6vw 28px;min-height:0}
 .restyle-home .hero-copy{display:contents}
 .restyle-home .hero-copy>.home-brand{grid-column:1;grid-row:1;display:block;width:min(100%,330px);max-width:100%;margin:0 auto 0;min-width:0}
 .restyle-home .home-brand svg{display:block;width:100%;height:auto;aspect-ratio:635/390}
 .restyle-home .hero-copy>.eyebrow{grid-column:1;grid-row:2;text-align:center;margin:0;font-size:8px;letter-spacing:.16em}
 .restyle-home.home-intro-preview .hero-copy>h1{grid-column:1;grid-row:3;text-align:center;font-size:clamp(23px,6vw,34px);line-height:1.15;margin:0}
 .restyle-home .hero-copy>.hero-intro{grid-column:1;grid-row:4;text-align:center;font-size:13px;line-height:1.6;margin:2px auto 8px;max-width:34em}
 .restyle-home.home-intro-preview .hero-button-menu{grid-column:1;grid-row:5;margin:0;width:100%;max-width:none}
 .restyle-home .hero-button-menu .button-menu-label{margin:0 0 10px;font-size:9px}
 .restyle-home .hero-button-menu .button-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0;align-items:stretch}
 .restyle-home .hero-button-menu .button-menu-grid>a{width:100%;min-width:0;min-height:44px;white-space:normal;font-size:12px;padding:10px 8px;text-align:center;box-sizing:border-box}
 .restyle-home .hero-button-menu .button-menu-grid>.create-button{grid-column:1/-1;width:100%;order:1}
 .restyle-home .node-guide-home{margin:7px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .restyle-home .node-guide-home a{min-width:0;font-size:11px;line-height:1.4;padding:9px 8px;box-sizing:border-box}
 .restyle-home.home-intro-preview .hero-lookbook.charms-home{grid-column:1;grid-row:6;margin:14px 0 0;gap:5vw}
 .restyle-home.home-intro-preview .hero:has(.charms-home) .hero-media{grid-column:1;grid-row:7;width:100%;max-width:300px;margin:10px auto 0;justify-self:center}
}
