:root{
  --ink:#171914;
  --ink-2:#2b2d27;
  --paper:#f6f2e9;
  --paper-2:#eee8dc;
  --white:#fffdfa;
  --accent:#c9a15a;
  --accent-2:#e4c785;
  --green:#6f7d69;
  --line:rgba(23,25,20,.14);
  --radius:24px;
  --shadow:0 18px 60px rgba(18,20,16,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--white);color:var(--ink);line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}
.demo-bar{min-height:38px;background:var(--ink);color:#f8f3e8;display:flex;align-items:center;justify-content:center;gap:24px;padding:8px 20px;font-size:12px;letter-spacing:.02em}.text-btn{border:0;background:transparent;color:var(--accent-2);font-weight:700;text-decoration:underline;padding:0}
.site-header{height:88px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,253,250,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--ink);color:var(--accent-2);border-radius:50%;font-family:'Playfair Display',serif;font-weight:700;letter-spacing:-.05em}.brand-mark span{transform:translateY(-1px)}.brand-copy{display:flex;flex-direction:column;line-height:1.06}.brand-copy strong{font-family:'Playfair Display',serif;font-size:19px}.brand-copy small{text-transform:uppercase;letter-spacing:.2em;font-size:9px;margin-top:5px;color:#77766e}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav>a{font-size:14px;font-weight:600}.menu-btn{display:none;background:transparent;border:0;font-size:24px}
.btn{border:1px solid transparent;border-radius:999px;padding:13px 22px;font-weight:700;transition:.2s transform,.2s background,.2s color,.2s border}.btn:hover{transform:translateY(-2px)}.btn-sm{padding:9px 15px;font-size:13px}.btn-primary{background:var(--accent);color:#18140d}.btn-primary:hover{background:var(--accent-2)}.btn-dark{background:var(--ink);color:#fff}.btn-light{background:#fff;color:var(--ink)}.btn-outline{background:transparent;border-color:var(--line)}.btn-ghost{background:transparent;border-color:var(--line)}.btn-outline-dark{background:transparent;border-color:var(--ink);color:var(--ink)}.full{width:100%}
.section-pad{padding:clamp(72px,8vw,120px) clamp(22px,6vw,96px)}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;overflow:hidden;background:linear-gradient(135deg,#fffdfa 0%,#f6f2e9 60%,#ece4d6 100%)}.hero-copy{max-width:720px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:800;color:#7b6848;margin-bottom:16px}.hero h1,.section-heading h2,.intro-grid h2,.tracker-copy h2,.booking-grid h2,.support-copy h2,.email-card h2,.final-cta h2,.modal-head h2{font-family:'Playfair Display',serif;letter-spacing:-.03em;line-height:.98;margin:0}.hero h1{font-size:clamp(58px,7vw,104px);max-width:820px}.hero h1 em{font-weight:600;color:#7d6e52}.lead{font-size:19px;max-width:670px;color:#5d5b54;margin:28px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-metrics{display:flex;gap:30px;margin-top:46px;padding-top:22px;border-top:1px solid var(--line);max-width:620px}.hero-metrics div{display:flex;gap:10px;align-items:center}.hero-metrics strong{font-family:'Playfair Display',serif;font-size:22px;color:#92723d}.hero-metrics span{font-size:12px;color:#727068}.hero-visual{min-height:610px;position:relative;display:grid;place-items:center}.sun-disc{position:absolute;width:400px;height:400px;background:radial-gradient(circle at 50% 42%,#e4c785,#c39b56 74%,#b28b48);border-radius:50%;right:6%;top:5%}.wall{position:absolute;background:#d5d1c8;box-shadow:0 20px 60px rgba(0,0,0,.08)}.wall-left{width:42%;height:470px;left:8%;bottom:55px;transform:skewY(-1deg)}.wall-right{width:42%;height:520px;right:5%;bottom:55px;background:#eeeae2}.door-frame{position:absolute;width:238px;height:478px;background:#171914;padding:11px;bottom:56px;left:36%;box-shadow:0 30px 45px rgba(0,0,0,.26);transform:perspective(1000px) rotateY(-5deg)}.door-panel{width:100%;height:100%;background:linear-gradient(115deg,#2b2c28,#0d0e0c);position:relative;overflow:hidden}.door-panel:before{content:'';position:absolute;width:120%;height:48%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.06) 41%,transparent 55%);transform:rotate(-15deg);top:18%;left:-10%}.door-line{position:absolute;top:0;bottom:0;left:30%;width:1px;background:rgba(201,161,90,.45)}.door-handle{position:absolute;width:5px;height:180px;border-radius:999px;background:var(--accent-2);right:35px;top:140px;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.floor-shadow{position:absolute;bottom:29px;left:16%;width:75%;height:50px;background:radial-gradient(ellipse,rgba(0,0,0,.23),transparent 67%);filter:blur(10px)}.floating-card{position:absolute;background:rgba(255,253,250,.93);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow);border-radius:16px;padding:15px 17px;display:flex;gap:11px;align-items:center}.floating-card small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#88857c}.floating-card strong{font-size:13px}.card-one{left:3%;bottom:95px}.card-two{right:1%;top:110px;display:block}.status-dot{width:9px;height:9px;border-radius:50%;background:#6c9564;box-shadow:0 0 0 5px rgba(108,149,100,.15)}
.trust-strip{padding:20px 5vw;background:var(--ink);color:#ded5c4;text-align:center;font-size:13px;letter-spacing:.07em}.trust-strip p{margin:0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro-grid h2,.section-heading h2,.tracker-copy h2,.booking-grid h2,.support-copy h2,.email-card h2,.final-cta h2{font-size:clamp(38px,4.3vw,64px)}.intro-copy{font-size:18px;color:#5d5b54}.mini-feature-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.mini-feature-row span{font-size:12px;border:1px solid var(--line);padding:8px 11px;border-radius:999px;background:#fff}.section-muted{background:var(--paper)}.section-heading{margin-bottom:44px}.split-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.split-heading p{max-width:540px;color:#67645d;margin:0}.centered{text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.narrow{max-width:760px}.filter-group{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.filter{border:1px solid var(--line);background:rgba(255,255,255,.4);padding:9px 13px;border-radius:999px;font-weight:700;font-size:12px}.filter.active{background:var(--ink);color:#fff}
.door-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.door-card{background:var(--white);border-radius:22px;overflow:hidden;border:1px solid rgba(23,25,20,.08);box-shadow:0 14px 40px rgba(25,25,20,.05);transition:.25s transform,.25s box-shadow}.door-card:hover{transform:translateY(-8px);box-shadow:0 25px 55px rgba(25,25,20,.11)}.door-card.hidden{display:none}.door-art{height:330px;display:grid;place-items:center;position:relative;overflow:hidden}.door-art:after{content:'';position:absolute;inset:auto 10% 8% 10%;height:28px;background:radial-gradient(ellipse,rgba(0,0,0,.24),transparent 70%);filter:blur(6px)}.art-obsidian{background:linear-gradient(145deg,#9b9a92,#d9d3c7)}.art-mokhibo{background:linear-gradient(145deg,#b6aa94,#eee4d1)}.art-skyline{background:linear-gradient(145deg,#a9b5b7,#e6edef)}.art-mountain{background:linear-gradient(145deg,#938c7d,#d4c8b4)}.mini-door{position:relative;width:130px;height:245px;background:#121310;border:9px solid #21221e;box-shadow:14px 18px 28px rgba(0,0,0,.25);z-index:1}.mini-door:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,#22231f,#0e0f0d)}.mini-door span{position:absolute;z-index:2;width:3px;height:95px;background:var(--accent-2);right:18px;top:72px}.woodgrain:before{background:repeating-linear-gradient(92deg,#6f4f32 0 5px,#8d6847 5px 10px,#765438 10px 14px)}.glassdoor:before{background:linear-gradient(115deg,rgba(28,55,62,.92),rgba(100,141,151,.65));border:1px solid rgba(255,255,255,.35)}.slatdoor:before{background:repeating-linear-gradient(90deg,#342d25 0 7px,#6a5139 7px 10px)}.door-card-body{padding:21px}.door-card h3{font-family:'Playfair Display',serif;font-size:25px;margin:5px 0 0}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#8b6f43;font-weight:800}.door-card p{font-size:13px;color:#6d6a62;min-height:60px}.card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.link-btn{border:0;background:transparent;padding:0;font-weight:800;text-decoration:underline;text-underline-offset:4px}.icon-btn{width:37px;height:37px;border-radius:50%;border:1px solid var(--line);background:#fff}.section-cta-line{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding:22px 24px;border-radius:18px;background:#ded4c2}.section-cta-line div{display:flex;flex-direction:column}.section-cta-line span{font-size:13px;color:#666057}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}.process-grid article{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}.process-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--paper);font-weight:800;color:#8b6d3d}.process-grid h3{font-family:'Playfair Display',serif;font-size:24px;margin:22px 0 10px}.process-grid p{font-size:13px;color:#6e6b63}.tracker-preview{margin-top:70px;background:var(--ink);border-radius:32px;padding:55px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;overflow:hidden}.tracker-copy{color:#fff}.tracker-copy p{color:#c7c1b6;max-width:540px}.eyebrow.light{color:var(--accent-2)}.tracker-card{background:#fff;border-radius:22px;padding:26px}.tracker-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.tracker-head div{display:flex;flex-direction:column}.tracker-head small,.staff-strip small{color:#8c8981;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#eee8dc;padding:6px 10px;font-size:10px;font-weight:800}.pill.success{background:#e7f2e4;color:#56704f}.pill.warning{background:#fff0cf;color:#8a651e}.progress-list{display:grid;gap:0;margin-top:8px}.step{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;position:relative;padding:13px 0}.step:not(:last-child):after{content:'';position:absolute;left:16px;top:46px;width:1px;height:28px;background:#d7d3cb}.step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #ccc8bf;color:#999;background:#fff;z-index:1}.step.done>span{background:#6f7d69;color:#fff;border-color:#6f7d69}.step.active>span{background:var(--accent);color:#1d180e;border-color:var(--accent)}.step div{display:flex;flex-direction:column}.step small{color:#8b877e;font-size:11px}
.portfolio-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.portfolio-card{background:#fff;border-radius:20px;overflow:hidden}.project-art{height:360px;position:relative;display:grid;place-items:center}.portfolio-card.tall .project-art{height:500px}.project-one{background:linear-gradient(145deg,#cfc8bb,#f1ede7)}.project-two{background:linear-gradient(145deg,#9e8668,#e0d5c6)}.project-three{background:linear-gradient(145deg,#768890,#cfdadd)}.project-door{width:130px;height:280px;background:linear-gradient(105deg,#22231f,#0f100e);border:9px solid #181916;box-shadow:16px 18px 30px rgba(0,0,0,.23);position:relative}.project-door:after{content:'';position:absolute;width:4px;height:115px;background:var(--accent-2);right:20px;top:75px}.project-door.slim{width:105px;height:250px;background:repeating-linear-gradient(90deg,#4b3625 0 7px,#74563b 7px 12px)}.project-door.glassy{background:linear-gradient(115deg,#24424a,#76949b)}.portfolio-caption{padding:18px 20px;display:flex;flex-direction:column}.portfolio-caption span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8b6f43}.portfolio-caption strong{font-family:'Playfair Display',serif;font-size:20px;margin-top:6px}
.booking-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.booking-grid>div>p{color:#66635c;max-width:620px}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{padding:10px 0;border-bottom:1px solid var(--line)}.check-list li:before{content:'✓';margin-right:10px;color:#7d6a47;font-weight:900}.booking-card{border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.booking-card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.booking-card-head div{display:flex;flex-direction:column}.booking-card-head small{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8c8981}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:20px}.calendar-grid span{height:38px;display:grid;place-items:center;border-radius:50%;font-size:12px}.calendar-grid .muted{color:#aaa69c;font-weight:800}.calendar-grid .available{background:var(--paper);outline:1px solid var(--accent);font-weight:800}.slot-row{display:flex;gap:9px;margin:20px 0}.slot-row button{flex:1;border:1px solid var(--line);background:#fff;padding:9px;border-radius:10px}.staff-strip{display:flex;align-items:center;gap:12px;background:var(--paper);padding:13px;border-radius:14px}.staff-strip div{display:flex;flex-direction:column;flex:1}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:11px;font-weight:800}
.section-dark{background:var(--ink);color:#fff}.light-heading p{color:#bbb4a8}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#20221d}.review-card.featured{background:#302b22}.stars{color:var(--accent-2);letter-spacing:.15em}.review-card p{font-family:'Playfair Display',serif;font-size:22px;line-height:1.35;color:#f7f0e4}.review-card footer{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}.review-card footer span{font-size:11px;color:#a9a297;margin-top:3px}
.support-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.support-copy p{color:#67645d}.ticket-preview{border:1px solid var(--line);border-radius:22px;padding:24px;background:#faf8f3}.ticket-head{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.ticket-head small{text-align:right;color:#858279}.chat-bubble{max-width:78%;border-radius:16px;padding:14px 16px;margin-top:16px}.chat-bubble small{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.chat-bubble p{margin:5px 0;font-size:13px}.chat-bubble.customer{background:#e9e4d9}.chat-bubble.staff{background:var(--ink);color:#fff;margin-left:auto}.attachment{display:inline-block;margin-top:6px;background:rgba(255,255,255,.55);border-radius:8px;padding:5px 8px;font-size:10px;color:#5d5b54}.ticket-footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;border-top:1px solid var(--line);margin-top:22px;padding-top:14px;color:#78756d}
.business-system{background:#f0ece4}.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ops-grid article{background:#fff;border-radius:18px;padding:24px;border:1px solid rgba(23,25,20,.08)}.ops-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--paper);font-weight:900}.ops-grid h3{font-family:'Playfair Display',serif;font-size:22px;margin:18px 0 8px}.ops-grid p{color:#6f6c65;font-size:13px}.admin-cta{margin-top:22px;background:var(--ink);color:#fff;border-radius:18px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.admin-cta div{display:flex;flex-direction:column}.admin-cta small{color:#aaa397;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.email-section{padding-top:0;background:#f0ece4}.email-card{background:linear-gradient(120deg,#1a1b17,#2e2c25);color:#fff;border-radius:28px;padding:48px;display:grid;grid-template-columns:.9fr 1.3fr auto;gap:35px;align-items:center}.email-card p{color:#c2bcaf}.mailboxes{display:grid;gap:9px}.mailboxes div{padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;display:flex;flex-direction:column;background:rgba(255,255,255,.03)}.mailboxes strong{font-size:12px}.mailboxes span{font-size:10px;color:#aaa397}.mail-price{display:flex;align-items:center;gap:8px}.mail-price span{font-family:'Playfair Display',serif;font-size:56px;color:var(--accent-2)}.mail-price small{font-size:10px;color:#c6bdae}.final-cta{display:flex;align-items:end;justify-content:space-between;gap:60px}.final-cta>div:first-child{max-width:850px}.final-cta p{color:#66635c;max-width:800px}.final-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.site-footer{background:#11120f;color:#d6d0c4;padding:34px clamp(22px,6vw,96px);display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center}.site-footer p{font-size:11px;color:#8e887e}.site-footer>a{font-size:12px}.footer-brand .brand-copy strong{color:#fff}
.modal{position:fixed;inset:0;background:rgba(12,13,11,.64);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:24px;z-index:100;overflow:auto}.modal.open{display:flex}.modal-card{position:relative;width:min(100%,650px);max-height:92vh;overflow:auto;background:var(--white);border-radius:24px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.35)}.modal-card.wide{width:min(100%,830px)}.modal-close{position:absolute;right:18px;top:15px;width:36px;height:36px;border:0;border-radius:50%;background:#ece7dd;font-size:23px;z-index:3}.modal-head{padding-right:38px;margin-bottom:24px}.modal-head h2{font-size:42px}.modal-head p{color:#6c6961;margin-bottom:0}.demo-form{display:grid;gap:15px}.demo-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.demo-form input,.demo-form select,.demo-form textarea,.track-search input{width:100%;border:1px solid #d9d4ca;background:#fff;border-radius:12px;padding:12px 13px;outline:none}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus,.track-search input:focus{border-color:#aa8547;box-shadow:0 0 0 3px rgba(201,161,90,.15)}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.upload-box{border:1px dashed #bdb6a8;border-radius:14px;padding:20px;text-align:center;display:grid!important;place-items:center;background:#faf7f0;cursor:pointer}.upload-box input{display:none}.upload-box span{font-size:24px}.upload-box small{font-weight:500;color:#89857c}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.track-search{display:flex;gap:9px}.tracking-result{margin-top:20px}.result-card{border:1px solid var(--line);border-radius:16px;padding:18px}.result-summary{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:10px}.result-summary div{display:flex;flex-direction:column}.door-detail-modal .detail-art{height:240px;background:linear-gradient(145deg,#9f9b91,#ece4d7);display:grid;place-items:center;border-radius:16px;margin-bottom:24px}.detail-door{width:105px;height:200px;background:linear-gradient(105deg,#24241f,#0f100e);border:8px solid #1a1b17;position:relative;box-shadow:12px 15px 25px rgba(0,0,0,.22)}.detail-door:after{content:'';position:absolute;width:3px;height:75px;right:16px;top:60px;background:var(--accent-2)}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.spec-grid div{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column}.spec-grid small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#99958d}.spec-grid strong{font-size:12px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,25px);background:var(--ink);color:#fff;padding:13px 18px;border-radius:999px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:200;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}
.admin-modal{padding:0}.admin-shell{width:min(96vw,1500px);height:min(92vh,920px);background:#f5f3ee;border-radius:24px;display:grid;grid-template-columns:250px 1fr;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.45)}.admin-sidebar{position:relative;background:#171914;color:#fff;padding:22px 16px;display:flex;flex-direction:column}.admin-close{background:#2e302a;color:#fff}.admin-brand{display:flex;gap:11px;align-items:center;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand>div{display:flex;flex-direction:column}.admin-brand small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#9c978c}.admin-nav{display:grid;gap:5px;margin-top:20px}.admin-nav button{border:0;background:transparent;color:#bbb6ab;text-align:left;padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:9px;font-size:12px}.admin-nav button span{margin-left:auto;background:#2a2c26;padding:2px 6px;border-radius:999px;font-size:9px}.admin-nav button.active,.admin-nav button:hover{background:#2b2e27;color:#fff}.admin-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 7px 0;display:flex;gap:10px;align-items:center}.admin-user>div{display:flex;flex-direction:column}.admin-user strong{font-size:11px}.admin-user small{font-size:8px;color:#9f9a8e}.admin-content{overflow:auto;padding:28px 32px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-top small{font-size:10px;color:#8d8980}.admin-top h2{font-family:'Playfair Display',serif;font-size:32px;margin:3px 0}.top-actions{display:flex;gap:8px}.square-btn{position:relative;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px}.square-btn span{position:absolute;right:-4px;top:-5px;background:#9b7440;color:#fff;font-size:8px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.stat-card small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#858178}.stat-card strong{display:block;font-family:'Playfair Display',serif;font-size:30px;margin:8px 0 3px}.stat-card span{font-size:9px;color:#6c8b63}.admin-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:15px;margin-top:15px}.admin-panel-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.admin-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.admin-card-head h3{font-family:'Playfair Display',serif;margin:0;font-size:20px}.admin-card-head button{border:0;background:transparent;font-size:10px;font-weight:800;text-decoration:underline}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:10px 6px;border-bottom:1px solid #eeeae3;font-size:10px}.admin-table th{color:#8a867e;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.admin-table td strong{display:block;font-size:10px}.admin-table td small{font-size:8px;color:#918d85}.mini-status{display:inline-block;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800;background:#eee9df}.mini-status.green{background:#e9f1e6;color:#61775b}.mini-status.gold{background:#f5ead3;color:#8b6b32}.task-list{display:grid;gap:9px}.task-item{border:1px solid var(--line);border-radius:11px;padding:10px}.task-item header{display:flex;justify-content:space-between;gap:10px}.task-item strong{font-size:10px}.task-item small{font-size:8px;color:#8a867e}.task-item footer{display:flex;justify-content:space-between;margin-top:8px;align-items:center}.revenue-bars{height:170px;display:flex;align-items:end;gap:11px;padding-top:15px}.bar-wrap{flex:1;text-align:center;font-size:8px;color:#8c887f}.bar{background:linear-gradient(#c9a15a,#8b6b36);border-radius:7px 7px 2px 2px;margin-bottom:5px;min-height:12px}.notice-card{background:#2e2d28;color:#fff;border-radius:14px;padding:15px}.notice-card small{color:#c0b8aa;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.notice-card h4{font-family:'Playfair Display',serif;font-size:18px;margin:6px 0}.notice-card p{font-size:9px;color:#bbb3a6}.list-view{display:grid;gap:10px}.list-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center}.list-row div{display:flex;flex-direction:column}.list-row strong{font-size:11px}.list-row small{font-size:9px;color:#88847c}.list-row button{border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:9px;font-size:9px;font-weight:800}
@media(max-width:1100px){.door-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:560px}.process-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-card.tall{grid-row:span 2}.review-grid{grid-template-columns:1fr}.email-card{grid-template-columns:1fr}.mail-price{justify-content:flex-start}.site-header nav{position:absolute;top:88px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:22px;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-btn{display:block}.intro-grid,.tracker-preview,.booking-grid,.support-grid,.split-heading{grid-template-columns:1fr}.filter-group{justify-content:flex-start}.admin-shell{grid-template-columns:210px 1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}
@media(max-width:720px){.demo-bar{justify-content:space-between}.demo-bar span{max-width:72%}.site-header{height:76px;padding:0 18px}.brand-copy strong{font-size:16px}.brand-mark{width:40px;height:40px}.site-header nav{top:76px}.section-pad{padding:66px 20px}.hero{padding-top:60px}.hero h1{font-size:55px}.hero-visual{min-height:470px}.sun-disc{width:300px;height:300px}.door-frame{width:190px;height:390px;left:35%}.wall-left{height:380px}.wall-right{height:420px}.floating-card{transform:scale(.85)}.card-one{left:-3%}.card-two{right:-5%}.hero-metrics{gap:14px;flex-direction:column}.door-grid,.process-grid,.portfolio-grid,.ops-grid{grid-template-columns:1fr}.portfolio-card.tall .project-art{height:380px}.portfolio-card.tall{grid-row:auto}.section-cta-line,.admin-cta,.final-cta,.site-footer{flex-direction:column;display:flex;align-items:flex-start}.tracker-preview{padding:30px 20px}.support-grid,.booking-grid{gap:45px}.review-card p{font-size:19px}.email-card{padding:30px 22px}.form-grid.two,.form-grid.three,.spec-grid{grid-template-columns:1fr}.modal{padding:10px}.modal-card{padding:24px 18px}.modal-head h2{font-size:35px}.admin-shell{width:100vw;height:100vh;border-radius:0;grid-template-columns:1fr}.admin-sidebar{display:none}.admin-content{padding:20px 14px}.admin-stats{grid-template-columns:1fr 1fr}.admin-top{align-items:flex-start}.admin-top .top-actions .btn{display:none}.list-row{grid-template-columns:1fr}.final-actions{justify-content:flex-start}.site-footer{gap:13px}.ticket-footer{flex-direction:column}.section-heading h2,.intro-grid h2,.tracker-copy h2,.booking-grid h2,.support-copy h2,.email-card h2,.final-cta h2{font-size:40px}}