.page-shell { min-height:100vh; position:relative; z-index:2; }
.page-hero { padding:clamp(85px,12vw,170px) 8.5vw 90px; border-bottom:1px solid var(--line); }
.page-hero h1 { max-width:920px; margin-bottom:28px; }
.page-hero__intro { max-width:510px; color:var(--muted); font-size:16px; line-height:1.6; }
.page-content { padding:clamp(70px,9vw,130px) 8.5vw; }
.page-kicker { margin:0 0 22px; color:var(--orange); font:10px var(--mono); letter-spacing:.14em; text-transform:uppercase; }
.page-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }
.page-card { border:1px solid var(--line); padding:30px; background:rgba(244,241,233,.42); }
.page-card h2, .page-card h3 { font:700 clamp(1.7rem,3vw,3rem)/.95 var(--display); letter-spacing:-.07em; margin-bottom:20px; }
.page-card p { color:var(--muted); font-size:14px; line-height:1.65; }
.blog-card { grid-column:span 4; min-height:320px; display:flex; flex-direction:column; justify-content:space-between; transition:transform .3s, background .3s; }
.blog-card:hover { transform:translateY(-7px); background:var(--lime); }
.blog-card__meta { display:flex; justify-content:space-between; font:10px var(--mono); text-transform:uppercase; color:var(--muted); }
.blog-card a { align-self:flex-start; margin-top:26px; font:11px var(--mono); text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:7px; }
.blog-card { color:inherit; }
.blog-card__summary { display:block; color:var(--muted); font-size:14px; line-height:1.65; }
.blog-card__link { display:inline-block; margin-top:26px; font:11px var(--mono); text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:7px; }
.articles { max-width:920px; }
.article { padding:45px 0 60px; border-top:1px solid var(--line); scroll-margin-top:30px; }
.article:last-child { border-bottom:1px solid var(--line); }
.article h2 { margin:0 0 24px; font-size:clamp(2.8rem,6vw,6rem); }
.article p:not(.page-kicker) { max-width:650px; color:var(--muted); font-size:16px; line-height:1.7; }
.article .text-link { display:inline-block; margin-top:10px; }
.admin-page { cursor:auto; }
.admin-shell { position:relative; z-index:2; max-width:1100px; margin:0 auto; padding:clamp(70px,10vw,130px) 6vw; }
.admin-intro { max-width:720px; margin-bottom:70px; }.admin-intro h1 { margin-bottom:25px; }.admin-intro p:not(.eyebrow) { max-width:560px; color:var(--muted); line-height:1.7; }
.admin-panel { max-width:760px; padding:clamp(26px,5vw,60px); background:var(--cream); border:1px solid var(--line); }.admin-panel[hidden] { display:none; }.admin-panel h2 { font-size:clamp(2.5rem,5vw,5rem); margin-bottom:20px; }.admin-panel > p { color:var(--muted); }.admin-panel__heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }.admin-panel__heading h2 { margin-bottom:0; }
.article-form { display:grid; grid-template-columns:1fr 1fr; gap:22px 16px; margin-top:35px; }.article-form label { display:flex; flex-direction:column; gap:8px; font:10px var(--mono); text-transform:uppercase; }.article-form label:nth-child(5), .article-form label:nth-child(6), .article-form label:nth-child(7), .article-form__actions, .article-form .admin-message { grid-column:span 2; }.article-form input, .article-form select, .article-form textarea { width:100%; padding:11px 0; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); outline:none; }.article-form textarea { resize:vertical; line-height:1.5; }.article-form__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:10px; }.admin-message { min-height:18px; margin:0; color:var(--muted); font:11px var(--mono); }.drafts { margin-top:60px; padding-top:28px; border-top:1px solid var(--line); }.draft-item { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:14px 0; border-bottom:1px solid var(--line); }.draft-item span, .admin-muted { display:block; color:var(--muted); font:11px var(--mono); margin-top:4px; }.draft-item__actions { display:flex; gap:16px; flex-shrink:0; }.draft-item__actions button { font:11px var(--mono); text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:2px; background:none; border-top:0; border-left:0; border-right:0; cursor:pointer; }
.faq-list { max-width:920px; }
details { border-top:1px solid var(--line); padding:24px 0; }
details:last-child { border-bottom:1px solid var(--line); }
summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:20px; font:700 clamp(1.25rem,2.5vw,2.2rem)/1 var(--display); letter-spacing:-.05em; }
summary::-webkit-details-marker { display:none; } summary::after { content:'+'; color:var(--orange); font:400 25px var(--body); } details[open] summary::after { content:'−'; } details p { max-width:650px; margin:18px 45px 0 0; color:var(--muted); line-height:1.65; }
.enquiry-panel { margin-top:16px; }
.enquiry-panel h2 { font-size:clamp(2.5rem,5vw,4.5rem); margin-bottom:14px; }
.enquiry-panel > p { color:var(--muted); max-width:520px; margin-bottom:10px; }
.enquiry-form { display:grid; grid-template-columns:1fr 1fr; gap:22px 16px; margin-top:30px; }
.enquiry-form label { display:flex; flex-direction:column; gap:8px; font:10px var(--mono); text-transform:uppercase; }
.enquiry-form label span { color:var(--muted); font-size:9px; text-transform:none; }
.enquiry-form input, .enquiry-form select, .enquiry-form textarea { width:100%; padding:11px 0; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); outline:none; font-family:var(--body); }
.enquiry-form textarea { resize:vertical; line-height:1.5; grid-column:span 2; }
.enquiry-form select { appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%); background-position:calc(100% - 5px) 18px, 100% 18px; background-size:5px 5px; background-repeat:no-repeat; }
.enquiry-form .honeypot { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.enquiry-form__actions, .enquiry-form .admin-message { grid-column:span 2; }
.enquiry-form button[disabled] { opacity:.6; pointer-events:none; }
@media (max-width:600px) { .enquiry-form { display:block; } .enquiry-form label { margin-bottom:22px; } }
.contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:16px; align-items:stretch; }
.contact-panel { background:var(--ink); color:var(--cream); padding:clamp(28px,5vw,65px); display:flex; flex-direction:column; justify-content:space-between; min-height:500px; }
.contact-panel h2 { font-size:clamp(3.5rem,6vw,6rem); margin-bottom:25px; }
.contact-panel p { color:#aaa99e; line-height:1.6; max-width:320px; }
.contact-details { display:flex; flex-direction:column; gap:15px; margin-top:45px; font:12px var(--mono); }
.contact-details a:hover { color:var(--lime); }
.map-frame { min-height:500px; border:0; width:100%; filter:grayscale(1) contrast(1.05); }
.service-list { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.service-detail { min-height:250px; display:flex; flex-direction:column; justify-content:space-between; gap:24px; scroll-margin-top:110px; }
.service-detail:nth-child(1) { background:var(--ink); color:var(--cream); }.service-detail:nth-child(2) { background:var(--orange); }.service-detail:nth-child(3) { background:var(--lime); }.service-detail:nth-child(4) { background:#242d2d; color:var(--cream); }.service-detail:nth-child(5) { background:transparent; border:1px solid var(--line); }
.service-detail__number { font:11px var(--mono); opacity:.7; }.service-detail h2 { margin:0; font-size:clamp(2rem,4vw,4rem); line-height:.95; }.service-detail p { max-width:300px; margin:0; line-height:1.5; }.service-cta { margin-top:55px; display:flex; align-items:center; justify-content:space-between; gap:25px; padding-top:28px; border-top:1px solid var(--line); }.service-cta h2 { margin:0; font:700 clamp(2rem,4vw,4.5rem)/.9 var(--display); letter-spacing:-.07em; }
@media (max-width:800px) { .page-hero, .page-content { padding-left:6vw; padding-right:6vw; }.blog-card { grid-column:span 6; }.contact-layout { grid-template-columns:1fr; }.contact-panel, .map-frame { min-height:420px; }.service-list { grid-template-columns:1fr; }.service-detail { min-height:230px; } }
@media (max-width:500px) { .blog-card { grid-column:span 12; min-height:260px; }.page-hero h1 { font-size:clamp(3.8rem,16vw,6rem); }.service-cta { display:block; }.service-cta .button { margin-top:25px; } }
@media (max-width:600px) { .article-form { display:block; }.article-form label { margin-bottom:22px; }.article-form__actions { display:block; }.article-form__actions .button { width:100%; margin-bottom:12px; }.draft-item { display:block; }.draft-item span { display:block; margin-top:7px; } }