*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;color:var(--ink);background:var(--bg);font:16px/1.7 "Segoe UI",Arial,sans-serif}body.bakery{--bg:#fff9ef;--ink:#472c22;--accent:#91532f;--pale:#f2e6d7}body.aircond{--bg:#f7fcff;--ink:#103650;--accent:#087b9b;--pale:#dceff7}body.salon{--bg:#fcf8f9;--ink:#432d40;--accent:#82576f;--pale:#f0e5ec}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5.5vw,5rem)}h2{font-size:clamp(2rem,4vw,3.3rem)}h3{font-size:1.3rem;margin:15px 0 10px}img{display:block;width:100%;height:100%;object-fit:cover}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.demo-notice{position:sticky;top:0;z-index:5;background:#10233e;color:white;display:flex;justify-content:space-between;align-items:center;padding:13px 4vw;gap:20px;font-size:.7rem;letter-spacing:.04em}.demo-notice a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.demo-nav{max-width:1200px;margin:auto;padding:28px 30px;display:flex;justify-content:space-between;align-items:center}.demo-nav a:first-child{font-family:Georgia,serif;font-size:1.65rem;font-weight:600}.demo-nav a:last-child{font-size:.85rem;border-bottom:1px solid var(--accent)}.demo-hero{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:30px 30px 75px}.overline{font-size:.7rem;font-weight:750;letter-spacing:.17em;margin-bottom:23px;color:var(--accent)}.demo-copy>p:not(.overline){margin:27px 0;max-width:480px;opacity:.82}.demo-btn{display:inline-flex;justify-content:center;text-align:center;background:var(--accent);color:white;padding:14px 23px;border-radius:5px;font-size:.9rem;font-weight:650;transition:transform .2s}.demo-btn:hover{transform:translateY(-3px)}.image-wrap{height:540px;position:relative;overflow:hidden;border-radius:160px 160px 12px 12px}.image-wrap>span{position:absolute;bottom:20px;left:20px;background:#fffffff0;padding:5px 10px;font-size:.6rem;letter-spacing:.12em;font-weight:750;color:#34404d}.demo-section{max-width:1200px;margin:auto;padding:80px 30px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.services article{padding:28px;border:1px solid #0002;border-radius:8px;background:#ffffff70}.services article>span{font-family:Georgia,serif;font-size:2.3rem;color:var(--accent)}.services p{font-size:.95rem;opacity:.8}.demo-about{background:var(--pale);padding:70px max(30px,calc((100% - 1140px)/2));display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:0;list-style:none;counter-reset:steps;margin-top:40px}.process li{padding-top:22px;border-top:1px solid #0003}.process li:before{counter-increment:steps;content:"0" counter(steps);display:block;font-size:.8rem;font-weight:750;margin-bottom:15px;color:var(--accent)}.demo-close{padding:85px 25px;background:var(--pale);text-align:center}.demo-close p:not(.overline){max-width:630px;margin:25px auto}.demo-close .demo-small{font-size:.8rem}footer{display:flex;justify-content:space-between;gap:25px;max-width:1200px;margin:auto;padding:30px;font-size:.77rem}footer a{text-decoration:underline}.aircond h1,.aircond h2{font-family:"Segoe UI",Arial,sans-serif;font-weight:750}.aircond .image-wrap{border-radius:12px}.aircond .demo-hero{grid-template-columns:1.1fr 1fr}.aircond .services article{border-top:4px solid var(--accent)}.salon .demo-hero{direction:rtl}.salon .demo-copy{direction:ltr}.salon .image-wrap{border-radius:50% 50% 0 0;direction:ltr}.salon h1{font-style:italic}.salon .services article{border:0;border-bottom:1px solid #0003;border-radius:0;background:none}.bakery .demo-nav{border-bottom:1px solid #0002}
@media(max-width:760px){.demo-notice{font-size:.58rem;gap:12px;padding:10px 16px}.demo-notice span{max-width:190px}.demo-nav{padding:22px 18px}.demo-nav a:first-child{font-size:1.35rem}.demo-nav a:last-child{font-size:.75rem}.demo-hero,.aircond .demo-hero{grid-template-columns:1fr;padding:20px 18px 40px;gap:30px}.salon .demo-hero{direction:ltr}.image-wrap{height:380px}.demo-section{padding:55px 18px}.services,.process ol{grid-template-columns:1fr;gap:16px}.demo-about{grid-template-columns:1fr;padding:48px 22px;gap:25px}.demo-close{padding:60px 20px}.demo-btn{font-size:.82rem}footer{padding:25px 18px;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}