@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#1d2823;--cream:#f5f0e7;--paper:#fffdf9;--sage:#879b88;--deep:#29473b;--clay:#c77d61;--line:#d9d4ca;--shadow:0 20px 60px rgba(32,48,40,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:92px;display:flex;align-items:center;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);background:rgba(255,253,249,.96);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:13px;font-family:'Playfair Display',serif;font-size:21px}.brand small{font:500 10px 'DM Sans';display:block;letter-spacing:.16em;text-transform:uppercase;color:#657069}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--deep);border-radius:50%;font:600 13px 'DM Sans';letter-spacing:.08em}.site-header nav{margin-left:auto;display:flex;gap:28px;align-items:center;font-size:14px}.site-header nav a:hover{color:var(--clay)}.menu-button{display:none;margin-left:auto;background:none;border:1px solid var(--line);padding:8px 12px}main{min-height:65vh}.hero{min-height:690px;display:grid;grid-template-columns:1.15fr .85fr;background:var(--cream);overflow:hidden}.hero-copy{padding:clamp(70px,9vw,140px) max(6vw,28px);max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600;color:var(--clay);margin:0 0 18px}.hero h1,.form-page h1,.admin-head h1,.empty h1{font:600 clamp(44px,6vw,82px)/1.05 'Playfair Display',serif;max-width:780px;margin:0 0 28px}.lead{font-size:clamp(18px,2vw,23px);max-width:640px;color:#56615a}.actions{display:flex;gap:25px;align-items:center;margin-top:40px}.button{display:inline-flex;justify-content:center;align-items:center;border:0;background:var(--deep);color:white;padding:14px 24px;font:600 14px 'DM Sans';cursor:pointer;border-radius:2px}.button:hover{background:#1c382d}.text-link{font-weight:600;color:var(--deep)}.hero-art{background:var(--sage);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.arch{height:430px;width:min(70%,330px);border-radius:180px 180px 8px 8px;background:#d9c6ad;position:relative;overflow:hidden;box-shadow:var(--shadow)}.portrait{position:absolute;width:190px;height:320px;background:linear-gradient(145deg,#765844,#b8977b);border-radius:50% 50% 20px 20px;left:70px;top:120px}.scissors{font-size:70px;position:absolute;z-index:2;left:30px;top:35px;transform:rotate(-18deg);color:var(--deep)}.hero-art>p{font:600 24px 'Playfair Display';text-align:center;color:white}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:100px max(7vw,28px);align-items:end}.intro h2,.cta h2{font:600 clamp(34px,4vw,55px)/1.1 'Playfair Display';margin:0}.intro>p{font-size:18px;color:#5d675f}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.features article{background:var(--paper);padding:60px max(4vw,28px)}.features span{color:var(--clay);font-size:12px}.features h3{font:600 26px 'Playfair Display'}.cta{text-align:center;background:var(--deep);color:white;padding:90px 20px}.cta .eyebrow{color:#d99c84}.cta h2{margin-bottom:30px}.button.light{background:var(--cream);color:var(--deep)}footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:55px max(6vw,28px);background:#17241f;color:#e9eee9;font-size:14px}footer span{display:block;color:#94a298;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.form-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:80px max(7vw,28px);background:var(--cream);min-height:650px}.form-page h1,.admin-head h1,.empty h1{font-size:clamp(40px,5vw,65px)}.form-intro p{max-width:450px}.panel{background:white;border:1px solid var(--line);padding:clamp(24px,4vw,50px);box-shadow:var(--shadow)}.panel.narrow{max-width:550px}.panel label{display:block;font-size:13px;font-weight:600}.panel input,.panel select,.panel textarea{display:block;width:100%;margin:7px 0 20px;border:1px solid #c7c9c4;background:#fff;padding:12px 13px;font:inherit;color:inherit}.panel input:focus,.panel select:focus,.panel textarea:focus{outline:2px solid #8ba692;outline-offset:1px}.booking-grid,.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.wide,.form-error{grid-column:1/-1}.form-error{background:#fff0eb;border-left:4px solid var(--clay);padding:12px;margin:0 0 22px}.flash{max-width:1100px;margin:20px auto;padding:14px 20px}.flash.success{background:#e7f2e8;color:#21432d}.admin-head{padding:70px max(6vw,28px) 35px;display:flex;align-items:end;justify-content:space-between;gap:30px}.admin-head h1{margin-bottom:8px}.employee-cards{padding:0 max(6vw,28px) 80px;display:grid;gap:14px}.employee-card{padding:24px;display:flex;align-items:center;gap:20px}.employee-card h2{margin:0;font:600 24px 'Playfair Display'}.employee-card p{margin:2px 0}.employee-card .text-link{margin-left:auto}.avatar{width:52px;height:52px;display:grid;place-items:center;background:var(--cream);border-radius:50%;font-family:'Playfair Display'}.role,.status{display:inline-block;padding:3px 9px;background:#e3ece5;border-radius:20px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.status.aflyst{background:#f6ded6}.status.færdig{background:#dde9ec}.employee-form,.table-panel{margin:0 max(6vw,28px) 80px}.employee-form fieldset{border:0;padding:0;margin:0 0 35px}.employee-form legend{font:600 25px 'Playfair Display';margin-bottom:20px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto;margin:0}.day-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.day-row input{margin:4px 0}.table-panel{overflow-x:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:18px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#657069}td small{display:block;color:#6c766f}.inline{display:flex;gap:7px}.inline button{border:1px solid var(--line);background:white;padding:6px;cursor:pointer}.inline .danger{color:#a3482c}.empty{text-align:center;padding:100px 20px}.empty h1{margin-inline:auto}
.invalid{color:#a33228}.panel .invalid input,.panel .invalid select,.panel input[aria-invalid="true"],.panel select[aria-invalid="true"]{border-color:#c53b31;background:#fff7f6;box-shadow:0 0 0 1px #c53b31}.day-row.invalid{border:1px solid #c53b31;border-left:4px solid #c53b31;background:#fff7f6;padding:12px}.form-error ul{margin:8px 0 0;padding-left:20px}.admin-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.admin-split{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(600px,1.35fr);gap:25px;padding:0 max(6vw,28px) 80px}.admin-split .table-panel{margin:0}.treatment-form h2{font:600 28px 'Playfair Display';margin-top:0}.treatment-form .button{margin-right:18px}.footer-hours{margin:2px 0}.footer-hours b{display:inline-block;width:32px}
.treatment-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.treatment-checks .check{border:1px solid var(--line);padding:12px;background:var(--cream)}.customer-table{margin:0 max(4vw,20px) 80px}.history-line{display:block;margin-bottom:4px}.credentials{max-width:460px;margin:25px auto;padding:20px;background:var(--cream);border:1px solid var(--line)}.customer-profile{margin:0}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1100px;margin:0 auto 80px;padding:0 20px}.history-list{padding:0;list-style:none}.history-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.form-back{display:block;margin-top:20px}.nav-register{border:1px solid var(--deep);padding:7px 10px}
@media(max-width:1100px){.admin-split{grid-template-columns:1fr}.site-header nav{gap:15px}}
@media(max-width:800px){.profile-grid{grid-template-columns:1fr}}
@media(max-width:800px){.site-header{height:76px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{padding-block:75px}.hero-art{padding:60px 20px}.arch{height:340px}.portrait{top:95px;left:20%;width:60%}.intro,.form-page{grid-template-columns:1fr}.features{grid-template-columns:1fr}.features article{padding:38px 28px}.form-page{padding-block:55px}.admin-head{align-items:flex-start;flex-direction:column}.booking-grid,.fields{grid-template-columns:1fr}.wide,.form-error{grid-column:auto}.day-row{grid-template-columns:1fr 1fr}.day-row .check{grid-column:1/-1}.employee-card{align-items:flex-start;flex-wrap:wrap}.employee-card .text-link{width:100%;margin:0}footer{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column}}