:root{--container:1360px;--bg:#f4f2ef;--surface:#e8e5e1;--ink:#171718;--muted:#5d5a5b;--accent:#a2203b;--accent-text:#fff8f8;--line:#c9c4c1;--header:72px;color-scheme:light dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.55}img{display:block;max-width:100%;height:auto}a{color:inherit}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.skip{position:fixed;left:12px;top:8px;transform:translateY(-140%);background:var(--ink);color:var(--bg);padding:10px 14px;z-index:20}.skip:focus{transform:none}.site-header{height:var(--header);background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{width:180px;height:63px;overflow:hidden;display:flex;align-items:center}.brand img{width:180px;height:auto}nav{display:flex;align-items:center;gap:32px;white-space:nowrap}nav a{text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.02em}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-text);min-height:48px;padding:0 24px;text-decoration:none;font-weight:800;white-space:nowrap;border:1px solid var(--accent);transition:transform .2s ease,background .2s ease}.nav-cta{min-height:40px;padding-inline:18px}.button:hover,.nav-cta:hover{background:#84172e}.button:active,.nav-cta:active{transform:translateY(1px)}.menu-button{display:none}.hero{height:84svh;min-height:680px;max-height:840px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:after{content:"SKVALLER";position:absolute;right:-32px;bottom:-76px;font-size:clamp(150px,25vw,390px);line-height:.8;font-weight:900;color:color-mix(in srgb,var(--ink) 5%,transparent);letter-spacing:-.08em;pointer-events:none}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.hero-label,.section-heading p{margin:0 0 20px;text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:800;color:var(--accent)}h1{font-size:clamp(68px,8.2vw,124px);line-height:.83;letter-spacing:-.075em;text-transform:uppercase;margin:0;max-width:980px}h2{font-size:clamp(42px,5vw,76px);line-height:.94;letter-spacing:-.055em;margin:0 0 28px;max-width:820px}h3{font-size:28px;line-height:1.1;margin:0 0 28px}.hero-text{font-size:21px;max-width:560px;margin:34px 0 28px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:26px}.text-link{font-weight:800;text-underline-offset:5px}.intro{padding:130px 0}.intro-grid{display:grid;grid-template-columns:1fr 491px;gap:clamp(60px,10vw,150px);align-items:end}.intro p{max-width:610px;font-size:22px;color:var(--muted)}.salon-image{margin:0;width:491px;max-width:100%;border-left:14px solid var(--accent)}.salon-image img{width:491px}.price-section{padding:120px 0;background:var(--ink);color:#f6f2ef}.price-section .section-heading p{color:#ff9aae}.price-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;margin-top:70px;align-items:start}.price-feature{border-left:6px solid var(--accent);padding:34px}.price-feature span{font-size:14px;text-transform:uppercase;letter-spacing:.14em}.price-feature strong{display:block;font-size:34px;line-height:1.1;margin:18px 0}.price-feature p{color:#c9c4c1;max-width:30ch}.price-list{margin:0}.price-list div{display:grid;grid-template-columns:1fr auto;gap:24px;padding:18px 0;border-bottom:1px solid #4a4748}.price-list dt,.price-list dd{margin:0}.price-list dd{font-weight:800}.price-note{font-size:14px;color:#c9c4c1;margin:36px 0 0}.visit{padding:130px 0}.visit-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:110px;align-items:start}.visit-copy p{font-size:22px;color:var(--muted);margin:0 0 30px}.hours{background:var(--surface);padding:42px;border-top:6px solid var(--accent)}.hours div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.hours a{display:block;margin-top:28px;font-weight:800;overflow-wrap:anywhere}footer{padding:64px 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:249px 1fr 1.5fr;gap:70px;align-items:center}.footer-grid img{width:249px}.footer-grid div:nth-child(2){display:grid;gap:8px}.footer-grid p{font-size:14px;color:var(--muted);margin:0}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.js .reveal.visible{opacity:1;transform:none}.no-js .reveal{opacity:1;transform:none}
@media(prefers-color-scheme:dark){:root{--bg:#171718;--surface:#252426;--ink:#f2efec;--muted:#c4bfc0;--accent:#d34a68;--accent-text:#171215;--line:#414043}.hero:after{color:color-mix(in srgb,var(--ink) 4%,transparent)}.brand img,.footer-grid img{filter:invert(1)}}
@media(max-width:900px){.container{width:min(var(--container),calc(100% - 32px))}.menu-button{display:block;background:transparent;color:var(--ink);border:1px solid var(--line);padding:9px 14px;font:inherit;font-size:15px;font-weight:800}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg);padding:24px 16px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:12px}nav.open{display:flex}nav a{padding:8px}.hero{height:auto;min-height:calc(100svh - 72px);max-height:none}.hero-copy{padding-block:70px}.intro-grid,.price-layout,.visit-grid,.footer-grid{grid-template-columns:1fr}.intro-grid{gap:48px}.price-layout,.visit-grid{gap:44px}.footer-grid{gap:28px}.footer-grid img{width:200px}.intro,.price-section,.visit{padding:88px 0}.salon-image{width:min(491px,100%)}}
@media(max-width:520px){h1{font-size:clamp(48px,16vw,66px);line-height:.88}h2{font-size:42px}.hero-text{font-size:18px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero:after{font-size:130px;bottom:-20px}.price-list div{grid-template-columns:1fr}.price-section .price-list dd{color:#f6f2ef}.hours{padding:28px}.brand{width:150px}.brand img{width:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.button,.nav-cta{transition:none}}