/* Homepage only. The rest of Hayden HQ retains its existing templates. */
html.writing-first { background:#f7f4ed; color:#252d2b; color-scheme:light; }
.writing-first body { margin:0; background:#f7f4ed; color:#252d2b; font:16px/1.6 Arial,Helvetica,sans-serif; }
.wf-page, .wf-page * { box-sizing:border-box; }
.wf-page { max-width:1120px; margin:0 auto; padding:0 64px; }
.wf-page a { color:inherit; text-decoration:none; }
.wf-page a:hover { text-decoration:underline; text-underline-offset:5px; }
.wf-page a:focus-visible,.wf-skip:focus-visible { outline:3px solid #376eb8; outline-offset:6px; }
.wf-header { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:28px 0; border-bottom:1px solid #d9d9cf; }
.wf-name { font:26px/1.3 Georgia,'Times New Roman',serif; }
.wf-name span { display:block; margin-top:5px; font:14px/1.4 Arial,Helvetica,sans-serif; color:#5d635e; }
.wf-nav { display:flex; flex-wrap:wrap; gap:26px; font-size:14px; }
.wf-nav a { padding:10px 0; }
.wf-intro { max-width:670px; margin:36px 0 0; font:21px/1.5 Georgia,'Times New Roman',serif; }
.wf-feature { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:center; gap:64px; padding:46px 0 56px; }
.wf-copy h1 { font:400 clamp(40px,5vw,60px)/1.08 Georgia,'Times New Roman',serif; letter-spacing:-1.5px; margin:0 0 24px; }
.wf-description { max-width:440px; margin:0 0 28px; color:#5d635e; font-size:17px; line-height:1.65; }
.wf-actions { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
.wf-page .wf-button { display:inline-block; padding:14px 24px; background:#252d2b; color:#f7f4ed; border:1px solid #252d2b; border-radius:2px; }
.wf-page .wf-button:hover { background:#3c4541; text-decoration:none; }
.wf-book-link { font-size:14px; padding:8px 0; }
.wf-cover-link { display:block; width:100%; max-width:300px; justify-self:center; }
.wf-cover { display:block; width:100%; height:auto; box-shadow:10px 14px 24px rgb(37 45 43 / 12%); }
.wf-footer { border-top:1px solid #d9d9cf; padding:22px 0 28px; color:#5d635e; font-size:12px; }
.wf-skip { position:absolute; left:16px; top:-100px; padding:12px 18px; background:#252d2b; color:#fff; z-index:10000; }
.wf-skip:focus { top:16px; }
/* Existing Ghost Code Injection decorations are intentionally hidden on / only. */
html.writing-first #countdown-label,
html.writing-first #countdown,
html.writing-first #booker-guide,
html.writing-first #ghost-portal-root,
html.writing-first #announcement-bar-root { display:none !important; }
@media(max-width:680px) {
 .wf-page { padding:0 24px; }
 .wf-header { align-items:flex-start; flex-direction:column; gap:12px; padding:24px 0 18px; }
 .wf-nav { gap:24px; }
 .wf-intro { font-size:18px; margin-top:26px; }
 .wf-feature { grid-template-columns:minmax(0,1fr); gap:34px; padding:34px 0 40px; }
 .wf-copy h1 { font-size:44px; }
 .wf-description { font-size:16px; }
 .wf-cover-link { max-width:230px; }
}