@charset "UTF-8";
:root{color-scheme:dark;--ink:#f0f0e9;--paper:#131413;--muted:#aaa9a1;--line:#ffffff26;--accent:#d8a784;--gutter:clamp(24px,4.3vw,88px);--sans:"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:wait}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.07}h1,h2{letter-spacing:-.055em}em{font-family:var(--serif);font-weight:400}::selection{background:#d8a784;color:#171715}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1:focus{outline:none}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;color:#111;padding:14px 22px}.skip-link:focus{top:12px}.no-js{padding:10vw}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:600;line-height:1.6;text-transform:uppercase}.mini-line{display:inline-block;width:30px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}.text-link{padding:0;font-size:.875rem;display:inline-flex;gap:22px;align-items:center}.text-link:hover{color:var(--accent)}.muted{color:var(--muted)}#app{position:relative;z-index:1}#atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.75}.reading-line{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:50}.motion-control{position:fixed;bottom:19px;left:22px;z-index:25;display:flex;gap:9px;align-items:center;background:#161715e8;border:1px solid #ffffff30;color:#edece4;border-radius:30px;padding:9px 14px;font-size:.75rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 2px 20px #0002}.motion-icon{height:14px;display:flex;gap:3px;align-items:center}.motion-icon i{height:8px;width:2px;background:#e7bd9b;animation:equalizer 1s ease-in-out infinite alternate}.motion-icon i:nth-child(2){height:14px;animation-delay:-.4s}.motion-icon i:nth-child(3){animation-delay:-.7s}.motion-off .motion-icon i{animation-play-state:paused}.content-section{padding:110px var(--gutter)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:56px}.section-heading .eyebrow{margin-bottom:25px}.section-heading h2{font-size:clamp(2.8rem,5.2vw,6rem)}.section-heading>p{max-width:390px;color:var(--muted);padding-bottom:8px}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(30px)}.reveal{transition:opacity 1s var(--ease),transform 1s var(--ease)}.pill-cta,.square-cta{display:inline-flex;gap:44px;justify-content:space-between;align-items:center;padding:19px 26px;background:var(--ink);color:var(--paper);font-size:.875rem;font-weight:600;transition:transform .35s var(--ease),background .3s}.pill-cta{border-radius:100px}.pill-cta span,.square-cta span{font-size:1.25rem}.pill-cta:hover,.square-cta:hover{transform:translateY(-4px);background:var(--accent)}.line-cta{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid currentColor;padding:20px 0;text-align:left}.line-cta:hover span{transform:translate(3px,-3px)}.line-cta span{transition:transform .3s}.small-cta{font-size:.875rem;border:1px solid currentColor;padding:11px 19px;display:flex;gap:24px;align-items:center}.small-cta:hover{background:var(--ink);color:var(--paper)}
/* The showroom: three immediate doorways into distinct visual worlds. */
.showroom-header{height:90px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.eltie-logo{font-size:2.1rem;font-weight:800;letter-spacing:-.07em;line-height:1}.eltie-logo span{font-size:.75rem;vertical-align:top;margin-left:5px;letter-spacing:0}.header-caption{font-size:.68rem;letter-spacing:.2em;color:#babbb3}.header-link{font-size:.8rem}.home-main{padding:0 var(--gutter)}.showroom-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:46px 0 38px;gap:32px}.showroom-intro .eyebrow{margin-bottom:22px;color:#b9b9b0;font-size:.65rem}.showroom-intro h1{font-size:clamp(3.8rem,6.35vw,7.4rem);line-height:.98;letter-spacing:-.06em}.showroom-intro h1 em{color:#c8c9bd}.intro-aside{font-size:.875rem;color:#b5b7ac;line-height:1.8;padding-bottom:6px}.worlds{display:flex;gap:16px;min-height:410px;height:clamp(390px,45vw,510px)}.world-card{flex:1;min-width:0;position:relative;overflow:hidden;background:#292820;isolation:isolate;transition:flex .8s var(--ease),transform .5s;--card-accent:#e0bca4}.world-card img{position:absolute;inset:0;transition:transform 1.8s var(--ease),filter .8s;transform:scale(1.035);animation:card-breathe 16s ease-in-out infinite alternate}.world-hair img{object-position:65% 45%}.world-bread img{object-position:65% 50%;animation-delay:-6s}.world-electric img{object-position:65% 50%;animation-delay:-11s}.card-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0004 0%,transparent 35%,#0007 65%,#000d 100%);z-index:1}.world-card:after{content:"";position:absolute;inset:0;border:1px solid #fff2;z-index:4;pointer-events:none}.world-top{position:absolute;left:24px;right:24px;top:25px;z-index:2;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.63rem;letter-spacing:.06em;font-weight:600}.world-type{font-size:.7rem;padding:5px 9px;border:1px solid #ffffff5c;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:0}.world-bottom{position:absolute;bottom:24px;left:27px;right:27px;z-index:2;transition:transform .6s var(--ease)}.card-kicker{font-size:.63rem;letter-spacing:.14em;margin-bottom:9px;color:#e6e0d8}.world-bottom h2{font-size:clamp(1.75rem,3vw,3.6rem);letter-spacing:-.04em;white-space:nowrap;line-height:1.2}.world-hair h2{font-weight:300}.world-hair h2 span{font-family:var(--serif);font-style:italic;font-weight:400}.world-bread h2{font-family:var(--serif);font-weight:700;font-size:clamp(3.2rem,5.2vw,6rem);line-height:.97;letter-spacing:-.08em}.world-electric h2{font-weight:700;font-size:clamp(1.65rem,2.6vw,3.1rem);letter-spacing:-.05em}.world-electric h2>span{font-size:.75em;color:#d2e3ba;margin-left:4px}.world-action{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:18px;font-size:.8rem;color:#ddd9d0}.round-arrow{width:43px;height:43px;border:1px solid #fff7;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;transition:background .4s,color .4s,transform .4s}.card-discover{position:absolute;bottom:29px;left:27px;z-index:2;font-size:.63rem;letter-spacing:.16em;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}.world-card:is(:hover,:focus-visible){flex:1.12}.world-card:is(:hover,:focus-visible) .world-bottom{transform:translateY(-29px)}.world-card:is(:hover,:focus-visible) .card-discover{opacity:1;transform:none}.world-card:is(:hover,:focus-visible) .round-arrow{background:#ede8db;color:#222;transform:rotate(45deg)}.showroom-caption{display:flex;justify-content:space-between;gap:20px;font-size:.65rem;letter-spacing:.1em;color:#95988d;padding:23px 0}.showroom-caption>span:last-child{letter-spacing:0;font-size:.75rem}.showroom-caption>span:last-child span{margin-left:20px}.showroom-note{padding:120px 0 100px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:32px 100px}.showroom-note>.eyebrow{grid-column:1/-1;color:var(--muted)}.showroom-note h2{font-size:clamp(2.5rem,4.5vw,5rem)}.showroom-note>div{max-width:500px;padding-top:6px}.showroom-note>div p+p{margin-top:25px;font-size:.875rem}.showroom-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:42px var(--gutter) 92px}.showroom-footer>span{font-size:.65rem;color:var(--muted);letter-spacing:.09em}
/* Shared frame stays quiet while each brand takes over. */
.demo-bar{height:42px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:15px;background:#151615;color:#dddcd2;font-size:.69rem;border-bottom:1px solid #ffffff20}.demo-bar>a{display:flex;gap:10px;align-items:center;min-height:38px}.demo-bar>span{letter-spacing:.07em}.demo-bar b{font-size:.6rem;letter-spacing:.08em;font-weight:400;color:#a8aa9f;border-left:1px solid #565951;padding-left:16px;margin-left:16px}.brand-header{min-height:98px;display:flex;justify-content:space-between;align-items:center;padding:20px var(--gutter);gap:20px}.brand-header nav{display:flex;align-items:center;gap:40px;font-size:.8rem}.brand-header nav>a:hover{color:var(--accent)}.brand-hero{position:relative;min-height:650px;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-image img{animation:hero-breathe 24s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#16120fe8 0%,#16120f93 38%,#16120f12 75%),linear-gradient(0deg,#16120f70,transparent 40%)}.hero-foot{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.65rem;letter-spacing:.13em}.hero-foot a{display:flex;align-items:center;gap:25px}.hero-foot a span{font-size:1.2rem}.marquee{overflow:hidden;white-space:nowrap;padding:26px 0;border-block:1px solid var(--line)}.marquee>div{width:max-content;animation:marquee 36s linear infinite;font-size:1.15rem;letter-spacing:.18em}.brand-closing{text-align:center;padding:100px var(--gutter) 110px}.brand-closing h2{font-size:clamp(3rem,6.5vw,7.5rem);margin:25px 0 38px}.brand-closing>p:last-child{font-size:.875rem;margin-top:22px}.brand-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px var(--gutter) 90px;border-top:1px solid var(--line);font-size:.75rem}.brand-footer>span:nth-child(2){color:var(--muted)}.brand-footer a{white-space:nowrap}
/* Friseur (ATELIER 08) – an expressive fashion editorial. */
body[data-page="friseur"]{--paper:#211e1c;--ink:#f4eee5;--accent:#dca981;--muted:#bfb5aa;--line:#e3d1bf30}.hair-logo{font-size:1.6rem;letter-spacing:.04em;font-weight:300;white-space:nowrap}.hair-logo b{font-family:var(--serif);font-weight:400;font-style:italic;font-size:1.2em}.hair-header{background:#211e1c}.hair-hero{height:min(820px,calc(100svh - 140px));min-height:640px}.hair-hero .hero-image img{object-position:60% 44%}.hair-hero-copy{padding:66px var(--gutter) 100px;position:relative;max-width:1000px}.hair-hero-copy .eyebrow{font-size:.65rem;color:#ded2c4;margin-bottom:32px}.hair-hero h1{font-size:clamp(4rem,7vw,8.2rem);line-height:.99;letter-spacing:-.05em}.hair-hero h1 em{color:#e8bb97}.hair-hero-copy>p:not(.eyebrow){font-size:.94rem;line-height:1.8;color:#ded7ce;margin-top:27px}.hair-hero-copy .pill-cta{margin-top:29px}.hair-side-label{position:absolute;right:26px;top:50%;writing-mode:vertical-rl;font-size:.63rem;letter-spacing:.2em}.hair-marquee{color:#bd9778;background:#1c1917}.hair-philosophy{background:#ece7dc;color:#302c26;--muted:#756c62;--line:#0002}.hair-statement{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;margin-top:36px}.hair-statement h2{font-size:clamp(2.6rem,4.5vw,5.2rem)}.hair-statement>div{max-width:470px;color:#6a6156}.hair-statement p+p{margin-top:25px}.hair-values{display:flex;gap:35px;border-top:1px solid #b2a899;margin-top:65px;padding-top:24px;font-size:.8rem}.hair-values span{flex:1}.hair-values span:before{content:"✳\FE0E";margin-right:14px;color:#9d6d4d}.look-section{background:#2b2623}.look-experience{display:grid;grid-template-columns:1.05fr 1fr;min-height:560px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.look-visual{position:relative;overflow:hidden;min-height:520px}.look-visual img{object-position:65% 30%;transition:filter 1s,transform 1.8s var(--ease);transform:scale(1.03)}.look-visual[data-look="edge"] img{filter:grayscale(1) contrast(1.15);transform:scale(1.12) translateX(-1%)}.look-visual[data-look="glow"] img{filter:sepia(.35) saturate(1.35);transform:scale(1.08)}.look-word{position:absolute;bottom:32px;left:35px;font:italic clamp(4rem,8vw,9rem)/1 var(--serif);letter-spacing:-.06em;color:#f2dfcb}.look-options{padding:34px 0 30px 58px;display:flex;flex-direction:column;justify-content:space-between}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented button{border:1px solid #f2eee14d;border-radius:30px;padding:10px 16px;font-size:.8rem}.segmented button[aria-pressed="true"]{background:#e8d8c6;border-color:#e8d8c6;color:#352d27}.look-description{padding:45px 0 28px}.look-description .eyebrow{color:#c3a58e;font-size:.63rem}.look-description h3{font:400 clamp(2rem,3.2vw,3.6rem)/1.15 var(--serif);letter-spacing:-.035em;margin:20px 0}.look-description p{color:var(--muted);max-width:350px}.look-service{font-size:.65rem;letter-spacing:.15em;display:block;margin-top:32px}.services{display:grid;grid-template-columns:1fr 2.3fr;gap:60px}.service-list details{border-bottom:1px solid var(--line)}.service-list summary{display:flex;align-items:center;gap:28px;cursor:pointer;padding:25px 0;list-style:none}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{font-size:.75rem;color:var(--muted)}.service-list summary h3{font-size:clamp(1.5rem,2.8vw,3rem);flex:1}.service-list summary b{font-weight:300;font-size:1.6rem;transition:transform .3s}.service-list details[open] summary b{transform:rotate(45deg)}.service-list details p{padding:0 40px 30px 45px;color:var(--muted);max-width:650px}.hair-closing{background:#c09d80;color:#251f1a;--ink:#251f1a;--paper:#eadccf;--accent:#f1e8dd}.hair-closing .pill-cta{background:#251f1a;color:#f1e8dd}
/* Bäckerei (morgenkrume.) – warmth, tactile type, an unhurried daily rhythm. */
body[data-page="baeckerei"]{color-scheme:light;--paper:#f0e7d2;--ink:#4c271b;--accent:#b44324;--muted:#80604d;--line:#5d2d252b}.bread-logo{font-family:var(--serif);font-weight:700;font-size:2.8rem;line-height:1;letter-spacing:-.085em}.bread-header{border-bottom:1px solid var(--line);min-height:100px}.bread-header .small-cta{border-radius:30px}.bread-hero{display:grid;grid-template-columns:1fr 1fr;min-height:700px}.bread-hero-copy{padding:55px 35px 60px var(--gutter);position:relative;z-index:1}.bread-hero-copy .eyebrow{font-size:.65rem;margin-bottom:26px}.bread-hero h1{font-family:var(--serif);font-size:clamp(3.8rem,6.15vw,7rem);line-height:1.01;font-weight:400;letter-spacing:-.068em}.bread-hero h1 em{color:#aa4228}.bread-hero-copy>p:not(.eyebrow){margin-top:30px;font-size:.94rem;color:#80604d;line-height:1.8}.bread-hero-copy .pill-cta{margin-top:28px;background:#9f371f;color:#fff2dc;gap:28px}.bread-hero-copy .pill-cta:hover{background:#54271c}.bread-handnote{display:block;margin-top:27px;transform:rotate(-7deg);transform-origin:left;font:italic 1.12rem/1.35 var(--serif);color:#a15136;margin-left:9px}.bread-hero-photo{position:relative;overflow:hidden;margin:25px 25px 25px 0;min-height:640px;border-radius:48% 48% 0 0}.bread-hero-photo>picture>img{object-position:67% 50%;animation:hero-breathe 25s ease-in-out infinite alternate}.bread-stamp{position:absolute;right:22px;bottom:65px;width:136px;height:136px;background:#ecdcae;color:#793a22;border:1px solid #6c402d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg);outline:5px solid #ecdcae;box-shadow:0 5px 40px #0003}.bread-stamp span{font-size:.48rem;letter-spacing:.13em}.bread-stamp b{font:italic 1.75rem/1.05 var(--serif);margin:8px 0}.photo-caption{position:absolute;bottom:22px;left:24px;font-size:.56rem;letter-spacing:.13em;color:#efdbc3}.bread-marquee{background:#ac4026;color:#f3e5c9;padding:24px 0}.bread-marquee>div{font:italic 1.5rem/1.2 var(--serif);letter-spacing:.04em}.bread-story h2{font-family:var(--serif);font-size:clamp(2.8rem,5.5vw,6rem);margin-top:25px}.bread-story h2 em{color:#b34c2d}.bread-story-body{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:50px}.time-number{font:400 11rem/.9 var(--serif);letter-spacing:-.1em;display:flex;align-items:center;gap:35px;color:#a7462b}.time-number span{font:.8rem/1.6 var(--sans);letter-spacing:0;color:#715644}.bread-story-body>p{color:#80604d;max-width:490px}.bake-section{background:#e8dbc0}.bake-section h2,.bread-selection h2{font-family:var(--serif)}.bake-experience{display:grid;grid-template-columns:.85fr 1.15fr;border-block:1px solid #9d7c5955;gap:50px;padding:48px 0}.bake-clock{display:flex;flex-direction:column;align-items:flex-start}.bake-clock strong{font:400 clamp(4.5rem,9.5vw,10rem)/1.2 var(--serif);letter-spacing:-.07em;color:#a54429;font-variant-numeric:tabular-nums}.bake-clock>span:last-child{font-size:.875rem;max-width:300px}.bake-process{padding-top:30px}.bake-process>label{font-size:.8rem}.bake-line{height:2px;background:#bfa57f;position:relative;margin-bottom:38px}.bake-line>span{display:block;width:10px;height:10px;border-radius:50%;background:#ac4026;position:absolute;top:-4px;left:0;transition:left .6s var(--ease)}input[type="range"]{width:100%;accent-color:var(--accent);cursor:pointer;height:28px;margin:12px 0 3px}.bake-steps{display:flex;justify-content:space-between;font-size:.68rem;color:#725945}.bake-story{padding-top:29px}.bake-story h3{font:400 1.8rem/1.2 var(--serif);margin-bottom:14px}.bake-story p{font-size:.9rem;color:#725945;max-width:490px;min-height:75px}.bread-products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bread-product{background:#e4d4b7;text-align:left;padding:30px;position:relative;transition:background .4s,transform .5s var(--ease)}.bread-product:nth-child(2){background:#e7d9c3}.bread-product:nth-child(3){background:#dcc9ad}.bread-product:hover{transform:translateY(-10px);background:#d8bf9b}.product-top{display:flex;justify-content:space-between;gap:10px;font-size:.61rem;letter-spacing:.1em;align-items:center}.product-top b{font-size:1.5rem;font-weight:400}.bread-product h3{font:400 clamp(2.6rem,4.4vw,5.3rem)/1.04 var(--serif);letter-spacing:-.055em;margin:35px 0 24px}.bread-product>p{font-size:.83rem;margin-bottom:15px;font-weight:600}.bread-product>span:not(.product-top):not(.product-bottom){font-size:.86rem;color:#785841}.product-bottom{display:flex;flex-direction:column;gap:20px;border-top:1px solid #98673f55;margin-top:32px;padding-top:15px;font-size:.68rem;color:#735942}.product-bottom b{font-size:.8rem;color:#643523;font-weight:600}.bread-closing{background:#a63c24;color:#faeace;--ink:#faeace;--paper:#6d281a;--accent:#eac595}.bread-closing h2{font-family:var(--serif);font-size:clamp(4rem,8.8vw,10rem)}.bread-closing .eyebrow{color:#efcbb2}.bread-closing>p:last-child{color:#f2cfb6}
/* Elektro (WEITLICHT) – an architectural grid, light as the interface. */
body[data-page="elektro"]{--paper:#171c1b;--ink:#e9eee4;--accent:#d0e7ac;--muted:#a9b5ab;--line:#d5e4cf29}.electric-logo{font-weight:750;font-size:1.7rem;letter-spacing:-.07em;white-space:nowrap}.electric-logo>span{color:var(--accent);font-size:.9em;margin-left:7px}.electric-header{border-bottom:1px solid var(--line)}.electric-header .small-cta{border-color:#adc69699}.electric-hero{min-height:690px;height:calc(100svh - 140px);max-height:870px}.electric-hero .hero-shade{background:linear-gradient(90deg,#0e1719bf,transparent 90%),linear-gradient(0deg,#0e1719bb,transparent 70%)}.electric-hero .hero-image img{object-position:50% 55%}.electric-hero-copy{padding:57px var(--gutter) 110px}.electric-hero-copy>.eyebrow{color:#d8e4d6;margin-bottom:32px;font-size:.67rem}.electric-hero h1{font-weight:600;font-size:clamp(3.5rem,6.6vw,7.5rem);line-height:1.04;letter-spacing:-.065em}.electric-hero h1>span{color:#d0e7ac}.electric-hero-bottom{display:flex;align-items:center;gap:40px;margin-top:35px}.electric-hero-bottom p{font-size:.9rem;line-height:1.8;color:#e0e4dc}.electric-hero-bottom .square-cta{background:#d0e7ac;color:#273224}.electric-services h2,.light-section h2{font-weight:500}.electric-services h2>span,.light-section h2>span{color:#a1b69d}.electric-service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.electric-service-grid article{padding:32px 34px 0 0;position:relative;overflow:hidden}.electric-service-grid article+article{padding-left:34px;border-left:1px solid var(--line)}.service-index{font-size:.66rem;letter-spacing:.1em;color:#a9bda4}.electric-service-grid h3{font-size:clamp(1.7rem,2.8vw,3rem);letter-spacing:-.04em;line-height:1.2;margin:44px 0 25px}.electric-service-grid p{color:var(--muted);font-size:.94rem;max-width:345px}.technical-line{display:block;height:1px;width:100%;background:#9aaa913d;position:relative;margin-top:45px}.technical-line:after{content:"";position:absolute;width:30%;height:1px;background:#d0e7ac;animation:signal 5s linear infinite}.electric-service-grid article:nth-child(2) .technical-line:after{animation-delay:-1.5s}.electric-service-grid article:nth-child(3) .technical-line:after{animation-delay:-3s}.light-section{background:#202724}.light-experience{display:grid;grid-template-columns:1.6fr 1fr;min-height:520px;border:1px solid #aabd9733;--room-brightness:.88;--room-temperature:0}.light-room{position:relative;overflow:hidden;min-height:480px;background:#050c13}.light-room>picture>img{object-position:65%;filter:brightness(var(--room-brightness));transition:filter .6s;transform:scale(1.03)}.light-tint{position:absolute;inset:0;background:#c5732933;mix-blend-mode:soft-light;transition:background .6s}.light-experience[data-scene="fokus"] .light-tint{background:#c9e9ff33;mix-blend-mode:screen}.light-experience[data-scene="abend"] .light-tint{background:linear-gradient(135deg,#06122f99,#b9561229);mix-blend-mode:multiply}.room-label{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:10px;font-size:.59rem;letter-spacing:.08em;color:#fff;text-shadow:0 1px 8px #000}.room-label span{background:#14211dbf;padding:6px 8px}.room-status{position:absolute;bottom:25px;left:25px;font-size:.8rem;display:flex;gap:12px;align-items:center;padding:8px 12px;background:#15201cbf;color:#f0efe5}.light-pulse{width:6px;height:6px;background:#d0e7ac;border-radius:50%;box-shadow:0 0 12px #d0e7ac;animation:pulse 3s ease-in-out infinite}.light-console{padding:28px 30px;background:#19221c}.console-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.console-top .eyebrow{font-size:.65rem;color:#b7c9b0}.console-icon{font-size:1.5rem}.scene-buttons{display:flex;flex-direction:column}.scene-buttons button{padding:17px 13px;display:flex;gap:18px;align-items:center;text-align:left;border-top:1px solid #c2d4b82d;transition:background .4s,color .4s;font-size:.95rem}.scene-buttons button>span{font-size:.65rem;color:#a8b69f}.scene-buttons button>b{margin-left:auto;font-size:1.2rem;font-weight:400}.scene-buttons button[aria-pressed="true"]{background:#d0e7ac;color:#283323}.scene-buttons button[aria-pressed="true"]>span{color:#44593a}.dimmer-label{display:flex;justify-content:space-between;font-size:.8rem;margin-top:32px}.dimmer-label output{color:#d0e7ac;font-variant-numeric:tabular-nums}.light-console>p{font-size:.86rem;color:#bbcab5;margin-top:22px;min-height:70px}.console-note{display:block;font-size:.65rem;color:#9cac96;margin-top:24px;line-height:1.6}.electric-process>.eyebrow{margin-bottom:45px}.process-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;align-items:center;border-top:1px solid var(--line);padding:36px 0}.process-row>span{font-size:.7rem;color:#a6bb9c}.process-row h3{font-size:clamp(1.8rem,3.5vw,4rem);letter-spacing:-.055em}.process-row p{max-width:430px;color:var(--muted);font-size:.93rem}.electric-closing{background:#d0e7ac;color:#293a24;--ink:#293a24;--paper:#d0e7ac;--accent:#f3f7ef;position:relative;overflow:hidden}.electric-closing h2{font-weight:600;font-size:clamp(4rem,9vw,10rem);line-height:.98}.electric-closing h2 span{font-family:var(--serif);font-style:italic;font-weight:400}.electric-closing .square-cta{background:#273824;color:#e9f5df}
/* Native dialogs provide keyboard focus containment and Escape handling. */
dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);width:min(590px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:50px 42px 38px;box-shadow:0 25px 150px #0007;overflow:auto}dialog::backdrop{background:#090b0cbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}dialog[open]{animation:dialog-in .35s var(--ease)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:13px;top:10px;width:40px;height:40px;font-size:1.8rem;font-weight:300}.dialog-close:hover{background:var(--line)}dialog .eyebrow{font-size:.66rem;color:var(--muted);margin-bottom:17px}dialog h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin-bottom:20px}dialog p{color:var(--muted);font-size:.9rem}dialog form{margin-top:26px}dialog label{display:block;font-size:.8rem;margin-top:18px;margin-bottom:7px}dialog select,dialog input[type="date"],dialog textarea{display:block;width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:13px 12px;min-height:49px;border-radius:0}dialog select option{color:var(--ink);background:var(--paper)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-notice{font-size:.75rem!important;border-left:2px solid var(--accent);padding:0 0 0 12px;margin:25px 0;color:var(--muted)}dialog .pill-cta,dialog .square-cta{width:100%;margin-top:12px}.confirmation-mark{font-size:2rem;border:1px solid var(--accent);width:62px;height:62px;display:grid;place-items:center;border-radius:50%;margin-bottom:24px}.confirmation-summary{padding:20px;border:1px solid var(--line);margin:24px 0;display:flex;flex-direction:column;gap:5px}.confirmation-summary strong{font-size:1.1rem;font-weight:500}.confirmation-summary span{color:var(--muted);font-size:.86rem}.info-copy p+p{margin-top:18px}.info-copy a{text-decoration:underline;text-underline-offset:3px}.info-copy h3{font-size:1.25rem;margin:25px 0 12px}.info-copy ul{padding-left:20px;font-size:.875rem;color:var(--muted)}
@keyframes hero-breathe{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-.8%,.4%,0)}}@keyframes card-breathe{from{transform:scale(1.035)}to{transform:scale(1.11)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes equalizer{to{transform:scaleY(.35)}}@keyframes pulse{50%{opacity:.4}}@keyframes signal{from{transform:translateX(-110%)}to{transform:translateX(435%)}}@keyframes dialog-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
::view-transition-old(root){animation:route-out .2s ease both}::view-transition-new(root){animation:route-in .5s var(--ease) both}@keyframes route-out{to{opacity:0;transform:translateY(-12px)}}@keyframes route-in{from{opacity:0;transform:translateY(18px)}}
@media(min-width:1800px){.home-main,.showroom-header,.showroom-footer{max-width:1920px;margin-inline:auto}.showroom-header{padding-inline:var(--gutter)}.worlds{height:570px}.brand-hero{max-height:960px}.hair-hero-copy{padding-top:90px}}
@media(max-width:1100px){.world-top{left:18px;right:18px}.world-top>span:first-child{font-size:.53rem}.world-bottom{left:19px;right:19px}.card-kicker{font-size:.52rem}.world-action{font-size:.7rem}.world-type{font-size:.6rem}.brand-header nav{gap:24px}.content-section{padding:85px var(--gutter)}.bread-hero{min-height:650px}.bread-hero-photo{min-height:590px}.bread-hero h1{font-size:6.2vw}.hair-statement{gap:40px}.look-options{padding-left:32px}.segmented button{padding:9px 12px;font-size:.74rem}.light-experience{grid-template-columns:1.2fr 1fr}.light-console{padding:25px 22px}.bread-product{padding:24px}.brand-footer{flex-wrap:wrap}.brand-footer>span:nth-child(2){flex:1;text-align:center}.showroom-note{gap:30px 60px}.showroom-footer{flex-wrap:wrap}}
@media(max-width:800px){:root{--gutter:28px}.header-caption{font-size:.57rem}.showroom-intro{padding-top:38px}.showroom-intro h1{font-size:4.5rem}.intro-aside{font-size:.77rem;max-width:250px}.worlds{gap:10px;min-height:400px}.world-top{display:block;top:18px}.world-type{display:table;margin-top:10px}.world-bottom h2{font-size:1.6rem}.world-bread h2{font-size:3.1rem}.world-electric h2{font-size:1.38rem}.world-action{align-items:flex-end}.world-action>span:first-child{max-width:115px;line-height:1.5}.round-arrow{flex:none;width:32px;height:32px;font-size:1rem}.card-kicker{max-width:140px;line-height:1.5}.showroom-note{padding-top:85px;grid-template-columns:1fr;gap:28px}.showroom-note>div{max-width:600px}.showroom-footer>span:last-child{display:none}.brand-header nav{gap:16px}.brand-header nav>a{display:none}.hair-hero{min-height:630px}.hair-hero h1{font-size:5.2rem}.hair-hero-copy{padding-top:65px}.hair-hero .hero-image img{object-position:62%}.hair-hero .hero-shade{background:linear-gradient(90deg,#16120fdb,#16120f45)}.hair-statement{grid-template-columns:1fr;gap:28px}.hair-statement>div{max-width:600px}.section-heading{gap:30px;align-items:flex-start;flex-direction:column;margin-bottom:35px}.section-heading>p{font-size:.93rem}.look-experience{grid-template-columns:1fr 1fr}.look-visual{min-height:540px}.look-description h3{font-size:2.1rem}.services{grid-template-columns:1fr;gap:20px}.bread-hero-copy{padding:45px 20px 45px var(--gutter)}.bread-hero h1{font-size:3.2rem}.bread-hero-photo{margin:20px 18px 20px 0;min-height:640px;border-radius:150px 150px 0 0}.bread-hero-copy .pill-cta{padding:16px 18px;gap:10px;font-size:.77rem}.bread-hero-copy>p:not(.eyebrow){font-size:.88rem}.bread-stamp{width:110px;height:110px;right:16px;bottom:80px}.bread-stamp b{font-size:1.5rem}.photo-caption{font-size:.5rem;max-width:160px}.bread-story-body{gap:40px}.time-number{font-size:8rem;gap:25px;flex-wrap:wrap}.time-number span{width:100%;font-size:.83rem}.bake-experience{grid-template-columns:1fr 1.1fr;gap:35px}.bread-products{gap:12px}.bread-product{padding:22px 18px}.bread-product h3{font-size:2.5rem}.bread-product>span:not(.product-top):not(.product-bottom){font-size:.8rem}.electric-hero h1{font-size:4.1rem}.electric-hero{min-height:650px}.electric-hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.electric-service-grid article{padding-right:22px}.electric-service-grid article+article{padding-left:22px}.electric-service-grid p{font-size:.86rem}.electric-service-grid h3{font-size:1.8rem}.light-experience{grid-template-columns:1fr}.light-room{min-height:430px;max-height:520px}.light-console{padding:28px}.scene-buttons{flex-direction:row;gap:7px}.scene-buttons button{flex:1;gap:10px;border:1px solid var(--line);font-size:.84rem}.scene-buttons button>b{display:none}.light-console>p{min-height:0;max-width:500px}.process-row{grid-template-columns:35px 1fr 1fr;gap:18px}.process-row p{font-size:.85rem}.brand-footer{font-size:.68rem}.brand-footer>span:nth-child(2){text-align:left}}
@media(max-width:600px){:root{--gutter:22px}.showroom-header{height:76px}.eltie-logo{font-size:1.9rem}.header-caption{display:none}.header-link{font-size:.75rem}.showroom-intro{display:block;padding:36px 0 30px}.showroom-intro .eyebrow{font-size:.56rem;letter-spacing:.1em;margin-bottom:24px}.showroom-intro h1{font-size:clamp(3.7rem,15vw,5.7rem)}.intro-aside{margin-top:22px;font-size:.86rem;max-width:none}.intro-aside br{display:none}.worlds{height:auto;min-height:0;display:grid;grid-template-columns:1fr;gap:18px}.world-card{min-height:400px}.world-card:is(:hover,:focus-visible){flex:1}.world-top{display:flex;left:23px;right:23px;top:22px}.world-top>span:first-child{font-size:.63rem}.world-type{margin:0;font-size:.7rem}.world-bottom{left:24px;right:24px;bottom:25px}.world-bottom h2{font-size:2.5rem}.world-bread h2{font-size:4.8rem}.world-electric h2{font-size:2.4rem}.card-kicker{font-size:.61rem;max-width:none}.world-action{font-size:.85rem;align-items:center}.world-action>span:first-child{max-width:none}.round-arrow{width:44px;height:44px;font-size:1.2rem}.world-hair img{object-position:65% 25%}.world-bread img{object-position:65% 50%}.world-electric img{object-position:65% 55%}.showroom-caption{display:block;padding:22px 0;font-size:.58rem}.showroom-caption>span:last-child{display:none}.showroom-note{padding:65px 0}.showroom-note h2{font-size:2.5rem}.showroom-note>div p{font-size:.93rem}.showroom-footer{padding-top:32px;gap:26px}.showroom-footer>span{display:none}.showroom-footer .text-link{margin-left:auto}.demo-bar{padding-inline:18px;font-size:.62rem;height:40px}.demo-bar>span{font-size:.59rem}.demo-bar b{display:none}.demo-bar>a:last-child span{display:none}.demo-bar>a:first-child{gap:6px}.brand-header{min-height:82px;padding-block:20px}.hair-logo{font-size:1.2rem}.bread-logo{font-size:2.3rem}.electric-logo{font-size:1.35rem}.small-cta{font-size:.7rem;padding:9px 12px;gap:12px}.brand-header nav{gap:0}.brand-hero{min-height:650px}.hair-hero{height:calc(100svh - 122px);min-height:680px;max-height:820px}.hair-hero .hero-image img{object-position:64% center}.hair-hero .hero-shade{background:linear-gradient(90deg,#1513108f,#15131020),linear-gradient(0deg,#191512ee 0%,#19151230 90%)}.hair-hero-copy{padding:40px var(--gutter) 90px}.hair-hero-copy .eyebrow{font-size:.54rem;margin-bottom:230px}.hair-hero h1{font-size:clamp(3.2rem,13vw,4.8rem);line-height:1}.hair-hero-copy>p:not(.eyebrow){margin-top:18px;font-size:.8rem}.hair-hero-copy .pill-cta{margin-top:20px;padding:15px 22px;font-size:.78rem}.hair-side-label{right:15px;top:120px;font-size:.5rem}.hero-foot{bottom:20px;font-size:.5rem;letter-spacing:.07em}.hero-foot a{gap:8px}.hair-marquee{padding:21px 0}.marquee>div{font-size:.95rem}.content-section{padding:65px var(--gutter)}.eyebrow{font-size:.64rem}.hair-statement h2{font-size:2.55rem}.hair-statement p{font-size:.94rem}.hair-values{margin-top:38px;padding-top:20px;gap:17px;flex-direction:column;font-size:.85rem}.section-heading h2{font-size:2.9rem}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{font-size:.86rem}.look-experience{grid-template-columns:1fr}.look-visual{min-height:0;height:420px}.look-visual img{object-position:65% 30%}.look-word{font-size:5.5rem;bottom:25px;left:25px}.look-options{padding:28px 0 22px}.segmented button{font-size:.8rem;padding:10px 16px}.look-description{padding:32px 0 20px}.look-description h3{font-size:2.4rem}.look-description p{font-size:.94rem}.look-service{margin-top:24px}.service-list summary{gap:18px;padding:23px 0}.service-list summary h3{font-size:1.6rem}.service-list details p{padding:0 12px 25px 32px;font-size:.9rem}.brand-closing{padding:70px var(--gutter) 78px}.brand-closing h2{font-size:2.95rem;line-height:1.1}.brand-closing .pill-cta,.brand-closing .square-cta{font-size:.8rem;padding:17px 24px;gap:25px}.brand-footer{display:grid;grid-template-columns:1fr 1fr;padding-top:35px;gap:22px;font-size:.68rem}.brand-footer>span:nth-child(2){grid-column:1/-1;grid-row:2;font-size:.68rem}.brand-footer>.text-link{font-size:.68rem;justify-content:flex-end}.brand-footer>a{grid-column:1/-1}.bread-hero{display:flex;flex-direction:column;min-height:0}.bread-hero-copy{padding:38px var(--gutter) 25px}.bread-hero-copy .eyebrow{font-size:.57rem;margin-bottom:24px}.bread-hero h1{font-size:clamp(3.8rem,15.5vw,5.7rem)}.bread-hero-copy>p:not(.eyebrow){font-size:.92rem;margin-top:23px}.bread-hero-copy .pill-cta{font-size:.8rem;padding:17px 23px;gap:25px;margin-top:23px}.bread-handnote{display:none}.bread-hero-photo{height:420px;min-height:0;margin:15px 22px 28px;border-radius:200px 200px 0 0}.bread-hero-photo>picture>img{object-position:65%}.bread-stamp{width:112px;height:112px;right:18px;bottom:45px}.photo-caption{max-width:160px;bottom:17px;font-size:.48rem;left:18px}.bread-marquee{padding:22px 0}.bread-marquee>div{font-size:1.1rem}.bread-story h2{font-size:2.9rem}.bread-story-body{grid-template-columns:1fr;gap:35px;margin-top:30px}.time-number{font-size:7rem;gap:25px;flex-wrap:nowrap}.time-number span{width:auto}.bread-story-body>p{font-size:.93rem}.bake-experience{grid-template-columns:1fr;gap:30px;padding:30px 0}.bake-clock strong{font-size:6.4rem}.bake-process{padding-top:0}.bake-line{margin:0 0 25px}.bake-story p{min-height:0;font-size:.9rem}.bread-products{grid-template-columns:1fr;gap:17px}.bread-product{padding:27px}.product-top{font-size:.64rem}.bread-product h3{font-size:3.5rem;margin:22px 0 19px}.bread-product h3 br{display:none}.bread-product>span:not(.product-top):not(.product-bottom){font-size:.9rem}.bread-product>span:not(.product-top):not(.product-bottom) br{display:none}.product-bottom{font-size:.7rem;margin-top:24px}.bread-closing h2{font-size:4.8rem}.bread-closing>p:last-child{font-size:.76rem}.electric-hero{height:calc(100svh - 122px);min-height:640px;max-height:800px}.electric-hero-copy{padding-top:39px}.electric-hero-copy>.eyebrow{font-size:.55rem;margin-bottom:44px}.electric-hero h1{font-size:clamp(2.85rem,11.3vw,4.5rem);line-height:1.13}.electric-hero h1>span{font-size:.88em}.electric-hero .hero-shade{background:linear-gradient(90deg,#111b1eda,#111b1e12),linear-gradient(0deg,#111b1edb,transparent 80%)}.electric-hero .hero-image img{object-position:66%}.electric-hero-bottom{gap:24px;margin-top:36px}.electric-hero-bottom p{font-size:.84rem}.electric-hero-bottom .square-cta{font-size:.8rem;padding:17px 23px;gap:50px}.electric-service-grid{grid-template-columns:1fr}.electric-service-grid article,.electric-service-grid article+article{padding:28px 0 0;border-left:0}.electric-service-grid article+article{margin-top:30px}.electric-service-grid h3{font-size:2.5rem;margin:24px 0 20px}.electric-service-grid p{font-size:.94rem}.technical-line{margin-top:28px}.light-room{min-height:330px;max-height:390px}.room-label{left:12px;right:12px;top:14px;font-size:.47rem;gap:5px;flex-wrap:wrap}.room-label span{padding:4px 6px}.room-status{left:15px;bottom:18px;font-size:.71rem}.light-console{padding:24px 19px}.scene-buttons{gap:5px;flex-wrap:wrap}.scene-buttons button{font-size:.74rem;padding:14px 8px;gap:6px}.scene-buttons button>span{font-size:.56rem}.light-console>p{font-size:.85rem}.console-note{font-size:.63rem}.process-row{grid-template-columns:28px 1fr;gap:13px;padding:27px 0}.process-row h3{font-size:2.3rem}.process-row p{grid-column:2;font-size:.9rem}.electric-closing h2{font-size:5.2rem}.motion-control{bottom:12px;left:12px;padding:8px 12px;font-size:.68rem}.motion-icon{height:12px}dialog{padding:48px 24px 28px}.form-row{gap:12px}dialog .pill-cta,dialog .square-cta{gap:18px;padding:17px 20px;font-size:.85rem}}
@media(max-width:360px){:root{--gutter:18px}.small-cta{font-size:.65rem;padding:9px 10px;gap:8px}.showroom-intro h1{font-size:3.5rem}.hair-hero-copy .eyebrow{margin-bottom:220px}.hair-hero h1{font-size:3rem}.segmented button{padding:9px 12px;font-size:.74rem}.electric-hero h1{font-size:2.62rem}.brand-footer{column-gap:15px}.world-electric h2{font-size:2rem}.form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.motion-ready .reveal:not(.visible){opacity:1;transform:none}#atmosphere{display:none}.world-card img,.hero-image img,.bread-hero-photo>picture>img{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
.motion-off *,.motion-off *:before,.motion-off *:after{animation-play-state:paused!important;transition-duration:.01ms!important}.motion-off .reveal{opacity:1!important;transform:none!important}.motion-off #atmosphere{opacity:0}.motion-off{scroll-behavior:auto}.motion-off .world-card:is(:hover,:focus-visible) .world-bottom{transform:none}.motion-off .world-card:is(:hover,:focus-visible) .card-discover{display:none}
/* Keep labels legible and let enlarged text determine section height. */
body{font-size:1rem}h1,h2,h3{overflow-wrap:anywhere}.brand-header{flex-wrap:wrap}.brand-header nav{min-width:0}.hair-hero,.electric-hero{height:auto;max-height:none;min-height:max(680px,calc(100svh - 140px))}.world-bottom h2{white-space:normal}.world-top{flex-wrap:wrap}.eyebrow,.header-caption,.showroom-intro .eyebrow,.world-top>span:first-child,.world-type,.card-kicker,.card-discover,.showroom-caption,.showroom-footer>span,.demo-bar,.demo-bar>span,.demo-bar b,.hero-foot,.hair-hero-copy .eyebrow,.hair-side-label,.look-description .eyebrow,.look-service,.bread-hero-copy .eyebrow,.photo-caption,.bake-steps,.product-top,.product-bottom,.electric-hero-copy>.eyebrow,.service-index,.room-label,.console-top .eyebrow,.console-note,.brand-footer,.brand-footer>span:nth-child(2),.brand-footer>.text-link,dialog .eyebrow{font-size:.75rem}.world-action,.header-link,.intro-aside,.small-cta,.segmented button,.scene-buttons button,.motion-control,.light-console>p,.demo-notice{font-size:.875rem}.demo-bar b{letter-spacing:0}.bread-stamp span{font-size:.6rem}.photo-caption{max-width:240px;letter-spacing:.07em}.room-label{letter-spacing:.02em}.hero-foot{letter-spacing:.06em}.hair-side-label{font-size:.625rem}.world-top>span:first-child{font-size:.6875rem}.card-kicker{font-size:.6875rem}.showroom-intro .eyebrow{font-size:.6875rem}.scene-buttons button{min-height:48px}.segmented button{min-height:44px}.small-cta{min-height:44px}.bread-stamp{width:145px;height:145px}.bread-stamp span{font-size:.625rem}.brand-footer>span:nth-child(2){min-width:0}.showroom-note h2,.hair-statement h2{overflow-wrap:normal}.look-options,.light-console,.bread-hero-copy{min-width:0}.section-heading>div,.hair-statement>div{min-width:0}
@media(max-width:1100px){.world-top{align-items:flex-start}.world-top>span:first-child{max-width:190px}.room-label{flex-direction:column;align-items:flex-start}.demo-bar b{display:none}}
@media(max-width:800px){.world-top{display:flex;flex-direction:column;gap:8px}.world-top .world-type{margin:0}.world-action>span:first-child{font-size:.75rem}.hero-foot{font-size:.625rem}.bread-stamp{width:120px;height:120px}.bread-stamp span{font-size:.5rem}.brand-footer{gap:22px}.hair-hero h1{font-size:clamp(3.25rem,9vw,5.2rem)}}
@media(max-width:600px){.world-top{flex-direction:row;align-items:center}.world-top>span:first-child{max-width:none}.world-card{min-height:430px}.world-action>span:first-child{font-size:.875rem}.hair-hero,.electric-hero{min-height:max(680px,calc(100svh - 122px))}.hair-hero-copy{padding-bottom:105px}.hair-hero h1{font-size:clamp(3rem,13vw,4.8rem)}.hair-hero-copy .eyebrow{max-width:230px}.hair-hero-copy>p:not(.eyebrow){font-size:.875rem}.hero-foot{align-items:flex-end}.hero-foot>span:first-child{max-width:210px}.hero-foot a{white-space:nowrap}.hair-side-label{font-size:.625rem}.brand-header{row-gap:15px}.brand-header nav{margin-left:auto}.brand-header .small-cta{font-size:.75rem}.brand-footer{grid-template-columns:1fr 1fr}.brand-footer>span:first-child{font-size:1.25rem}.brand-footer>.bread-logo{font-size:2rem}.brand-footer>a{white-space:normal}.photo-caption{font-size:.625rem;max-width:180px}.bread-stamp{width:112px;height:112px}.bake-clock strong{font-size:clamp(4rem,23vw,6.4rem)}.bread-closing h2{font-size:clamp(3.8rem,19vw,4.8rem)}.scene-buttons{flex-direction:column}.scene-buttons button{padding:13px 16px}.scene-buttons button>b{display:block}.scene-buttons button>span{font-size:.75rem}.console-top .eyebrow{font-size:.75rem}.console-note{font-size:.75rem}.motion-control{font-size:.75rem}.section-heading>p{font-size:.9375rem}.demo-bar>span{font-size:.625rem}.electric-hero-copy>.eyebrow{font-size:.625rem}.electric-hero h1{font-size:clamp(2.6rem,11.3vw,4.5rem)}.demo-bar{gap:8px}.demo-bar>a:first-child{font-size:.6875rem}}
.hero-foot{bottom:66px}.hero-foot>span:first-child{max-width:65%}@media(max-width:600px){.hero-foot{bottom:65px;font-size:.625rem}.hero-foot>span:first-child{max-width:175px}}
.hero-foot{flex-wrap:wrap}.service-list summary h3{min-width:0}.brand-footer>*{min-width:0;overflow-wrap:anywhere}.brand-footer .text-link{white-space:normal}.demo-bar{height:auto;min-height:42px;flex-wrap:wrap}.demo-bar>span{min-width:0}.form-row>div{min-width:0}dialog input,dialog select{min-width:0;max-width:100%}@media(max-width:600px){.brand-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-foot{row-gap:12px}.hero-foot a{white-space:normal}.time-number{flex-wrap:wrap}.time-number span{max-width:100%}}
.showroom-header{height:auto;min-height:90px;flex-wrap:wrap;padding-block:22px}.service-list details[open] summary b{transform:none;font-size:0}.service-list details[open] summary b:after{content:"−";font-size:1.6rem}.bake-experience>*,.bread-product{min-width:0}.bake-steps{flex-wrap:wrap;gap:10px}.console-top .eyebrow{min-width:0;overflow-wrap:anywhere}.console-icon{flex-shrink:0}@media(max-width:600px){.showroom-header{min-height:76px}.bread-products{grid-template-columns:minmax(0,1fr)}.bake-experience{grid-template-columns:minmax(0,1fr)}.bake-clock strong{font-size:clamp(3rem,23vw,6.4rem)}}
.services>*{min-width:0}@media(max-width:800px){.services{grid-template-columns:minmax(0,1fr)}}