:root{--paper:#efece6;--ink:#1a1816;--muted:#6e675e;--line:#d8d2c8;--white:#fffdfa;--olive:#455746;--sage:#dce2d5;--serif:Newsreader,Georgia,"Times New Roman",serif;--brand:"Playfair Display",Georgia,serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a{text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-.01em}h1{font-size:clamp(36px,6.4vw,58px)}h2{font-size:clamp(36px,4vw,54px)}h3{font-size:30px}em{font-weight:500;color:var(--olive)}:focus-visible{outline:3px solid var(--olive);outline-offset:5px}::selection{background:var(--sage)}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.preview-bar{background:#ded9d0;color:#514a42;font-size:11px;letter-spacing:.035em;text-align:center;padding:7px 18px}.preview-bar span{font-weight:700;text-transform:uppercase;letter-spacing:.1em}.preview-bar a{text-decoration:underline;text-underline-offset:3px;margin-left:10px}.skip-link{position:absolute;top:-80px;left:20px;z-index:20;padding:12px;background:white}.skip-link:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:23px;border-bottom:1px solid var(--line);gap:20px}.brand{font-family:var(--brand);font-size:24px;font-weight:500;line-height:1;letter-spacing:.01em;white-space:nowrap;display:flex;gap:10px;align-items:center}.brand-dot{height:8px;width:8px;background:var(--olive);border-radius:50%;margin-top:8px}.nav{display:flex;gap:30px;align-items:center;font-size:13px}.nav a{padding-block:7px}.nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.nav .nav-cta{padding:10px 18px;border:1px solid var(--ink);border-radius:99px}.eyebrow{font-family:Georgia,serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1.5}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;max-width:996px;margin-inline:auto;align-items:center;padding-block:67px 70px}.intro .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.small-line{width:28px;height:1px;background:var(--olive)}.hero h1{max-width:720px}.hero .lead{font-size:21px;line-height:1.65;max-width:450px;color:var(--muted);margin-top:22px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:28px}.button{font-family:var(--sans);display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-radius:99px;min-height:49px;padding:13px 21px;border:1px solid var(--ink);font-size:13px;font-weight:600;line-height:1.5;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--ink);color:var(--white)}.button.dark:hover{background:#39362f}.button.light{background:transparent}.button.light:hover{background:var(--white)}.arrow{font-size:19px;font-weight:400;line-height:1}.hero-actions .button{justify-content:center;gap:0;min-width:293px}.micro{font-size:12px;line-height:1.6;color:var(--muted)}.intro>.micro{margin-top:13px}.about-strip{display:flex;align-items:center;gap:45px;padding-block:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-strip .eyebrow{min-width:138px;color:var(--muted)}.about-strip p{font-family:var(--serif);font-size:22px;line-height:1.4;letter-spacing:-.015em}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading>.micro{max-width:260px}.challenge-feature{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;background:#e0e3d9;border-radius:18px;margin-block:65px;padding:46px 48px;gap:45px;overflow:hidden;border:1px solid #d1d7c8}.challenge-feature .eyebrow{color:var(--olive);margin-bottom:17px}.challenge-feature h2{max-width:430px}.challenge-feature p{color:#52604f;margin-top:18px;max-width:350px;line-height:1.7}.challenge-feature .button{margin-top:25px;background:var(--white);border-color:transparent}.challenge-feature .micro{margin-top:12px;font-size:11px}.challenge-art{position:relative;padding:10px 22px;min-height:320px;display:flex;align-items:center;justify-content:center}.calendar{background:var(--white);width:280px;transform:rotate(-5deg);padding:22px 25px 28px;box-shadow:0 14px 35px #37432b17;border-radius:5px}.calendar-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;color:var(--olive);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.calendar-number{font-family:var(--serif);font-size:137px;line-height:1;margin-top:22px;text-align:center;letter-spacing:-.075em}.calendar-sub{text-align:center;font-family:var(--serif);font-size:24px;font-style:italic}.calendar-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-top:20px}.calendar-dots i{width:11px;height:11px;border:1px solid #aab59d;border-radius:50%}.calendar-dots i:nth-child(-n+7){background:#829477;border-color:#829477}.art-note{position:absolute;right:-5px;bottom:20px;transform:rotate(4deg);background:#f5efd9;box-shadow:0 7px 20px #37432b12;padding:18px 22px;font-family:var(--serif);font-size:22px;line-height:1.2;max-width:185px}.art-note span{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;color:var(--muted)}.resources{padding-bottom:65px}.resource-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.resource{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;min-height:225px}.resource .eyebrow{font-size:10px;color:var(--muted);margin-bottom:22px}.resource h3{font-size:30px;margin-bottom:12px}.resource p{font-size:14px;color:var(--muted);line-height:1.7;max-width:280px;margin-bottom:25px}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:15px;align-items:center;min-height:44px;width:fit-content;margin-top:auto}.community-band{background:var(--ink);color:var(--white);border-radius:14px;padding:33px 38px;display:flex;gap:30px;align-items:center;justify-content:space-between}.community-band h2{font-size:35px;margin-bottom:10px}.community-band p{color:#c9c2b8;font-size:14px}.community-band .button{background:var(--white);color:var(--ink);flex-shrink:0}.footer{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:50px;padding-block:24px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:25px}.footer button{border:0;background:none;padding:0;color:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:3px;min-height:35px}.footer a:hover{text-decoration:underline}.back-link{font-size:12px;display:inline-flex;gap:10px;margin-top:26px;align-items:center;min-height:35px}.challenge-hero{display:grid;grid-template-columns:1.06fr 1fr;gap:65px;align-items:start;padding:31px 0 58px}.challenge-copy{padding-top:24px}.challenge-copy .eyebrow{color:var(--olive);margin-bottom:23px}.challenge-copy h1{font-size:clamp(36px,6.4vw,58px)}.challenge-copy .lead{max-width:450px;margin-top:23px;color:var(--muted);font-size:21px;line-height:1.65}.host{display:flex;align-items:center;gap:13px;margin-top:30px}.host img{width:48px;height:48px;object-fit:cover;border-radius:50%;object-position:center 18%}.host p{font-size:12px;color:var(--muted)}.host strong{display:block;font-weight:600;color:var(--ink);font-size:13px}.signup-card{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:31px;box-shadow:0 18px 35px -30px #1a18165c;scroll-margin-top:24px}.signup-card .eyebrow{color:var(--olive);margin-bottom:20px}.signup-card h2{font-size:35px;margin-bottom:14px}.signup-card p{color:var(--muted);font-size:14px;line-height:1.6}.signup-card form{margin-top:24px}.signup-card label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.signup-card input{border:1px solid #b8b2a8;background:#fff;width:100%;padding:13px 14px;border-radius:7px;min-height:49px;font-size:16px;color:var(--ink)}.signup-card form .button{width:100%;margin-block:13px 16px}.signup-card .micro{font-size:11px;line-height:1.65}.signup-card .preview-note{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:11px;line-height:1.7;color:var(--muted)}.preview-note strong{color:var(--ink);font-weight:600}.preview-note button{padding:0;border:0;text-decoration:underline;background:transparent;font-size:inherit;color:inherit;text-underline-offset:3px;min-height:25px}.error{color:#9c2e1f!important;margin-top:10px!important;font-size:13px!important}.saved-line{font-size:11px!important;color:var(--olive)!important;overflow-wrap:anywhere;margin-bottom:16px}.progress{display:flex;gap:6px;margin-bottom:21px}.progress span{flex:1;height:3px;background:#e6e2dc}.progress span.active{background:var(--olive)}.survey-question{font-family:var(--serif)!important;font-size:29px!important;line-height:1.12!important;font-weight:500!important;letter-spacing:-.01em!important;color:var(--ink)!important}.survey-intro{font-size:12px!important;margin-bottom:17px}.options{display:flex;flex-direction:column;gap:8px;margin-top:19px}.option{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;width:100%;background:white;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:12px 14px;font-size:13px;line-height:1.4;min-height:46px}.option:hover{background:#eff2eb;border-color:#85927b}.option .circle{width:16px;height:16px;flex-shrink:0;border:1px solid #c5cbbf;border-radius:50%}.option:hover .circle{background:var(--olive);box-shadow:inset 0 0 0 3px white}.survey-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.plain-button{background:none;border:none;text-decoration:underline;text-underline-offset:4px;padding:10px 0;font-size:12px;color:var(--muted);min-height:44px}.survey-bottom span{font-size:10px;color:var(--muted)}.complete-mark{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:var(--sage);border-radius:50%;font-size:23px;color:var(--olive);margin-bottom:25px}.complete .button{margin-top:22px}.examples{border-top:1px solid var(--line);padding-block:40px 48px}.examples .section-heading{margin-bottom:24px}.examples h2{font-size:38px}.examples .resource{min-height:160px}.examples .resource h3{font-size:26px}.examples .resource .eyebrow{margin-bottom:15px}.examples .resource p{margin-bottom:0}.how{display:flex;gap:40px;border-top:1px solid var(--line);padding-block:29px}.how .eyebrow{min-width:160px;color:var(--muted)}.how p{font-size:14px;color:var(--muted);max-width:725px}.faqs{padding-top:25px}.faqs details{border-top:1px solid var(--line);padding:18px 0;font-size:14px}.faqs details:last-child{border-bottom:1px solid var(--line)}.faqs summary{cursor:pointer;font-weight:500;min-height:30px}.faqs details p{max-width:740px;margin:12px 0 0;color:var(--muted)}dialog{background:var(--white);border:1px solid var(--line);border-radius:15px;max-width:500px;width:calc(100% - 36px);padding:30px;color:var(--ink)}dialog::backdrop{background:#1a181670;backdrop-filter:blur(3px)}dialog h2{font-size:34px;margin-bottom:18px}dialog p{font-size:14px;color:var(--muted);margin-bottom:16px}dialog .button{margin-top:12px}dialog .dialog-actions{display:flex;gap:14px;flex-wrap:wrap}.noscript{padding:20px;background:#fff0da;color:var(--ink)}[hidden]{display:none!important}
@media(min-width:1200px){.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .button{min-width:293px}.hero{padding-block:55px 60px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-actions{flex-direction:column;align-items:flex-start}.hero h1{font-size:58px}.hero .lead{font-size:21px}.challenge-feature{padding:36px;gap:20px}.challenge-art{padding:0}.art-note{right:-16px}.challenge-hero{gap:30px}.signup-card{padding:25px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.preview-bar{font-size:9px;padding:6px 10px}.preview-bar a{margin-left:5px}.site-header{padding-block:18px}.brand{font-size:19px}.nav{gap:20px;font-size:12px}.nav .desktop-link{display:none}.nav .nav-cta{padding:8px 13px}.hero{grid-template-columns:1fr;gap:0;padding-top:30px;padding-bottom:32px;position:relative}.intro .eyebrow{margin:3px 0 24px;font-size:10px}.hero h1{font-size:clamp(28px,8.6vw,38px);max-width:100%;line-height:1.12}.hero .lead{font-size:18px;margin-top:17px;max-width:360px}.hero-actions{margin-top:22px;gap:10px;align-items:stretch}.hero-actions .button{width:100%;min-width:0;font-size:13px;min-height:48px}.intro>.micro{font-size:10px;margin-top:11px}.about-strip{gap:16px;padding-block:19px;align-items:start}.about-strip .eyebrow{min-width:65px;font-size:9px;max-width:65px}.about-strip p{font-size:18px;line-height:1.4}.challenge-feature{margin-block:34px;padding:27px 25px;grid-template-columns:1fr;gap:20px}.challenge-feature h2{font-size:42px}.challenge-feature p{font-size:14px;margin-top:14px}.challenge-feature .eyebrow{font-size:9px}.challenge-feature .button{margin-top:20px;font-size:12px;padding-inline:18px}.challenge-art{min-height:225px;padding:14px 20px 10px;max-width:300px;width:100%;margin-inline:auto}.calendar{width:215px;padding:15px 18px 20px}.calendar-top{font-size:8px;padding-bottom:10px}.calendar-number{font-size:96px;margin-top:12px}.calendar-sub{font-size:19px}.calendar-dots{gap:6px;margin-top:15px}.calendar-dots i{width:8px;height:8px}.art-note{font-size:18px;right:-5px;bottom:0;padding:14px 16px;max-width:147px}.art-note span{font-size:8px}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:37px}.section-heading>.micro{margin-top:12px}.resource-grid{grid-template-columns:1fr;gap:25px}.resource{min-height:0;padding-top:20px}.resource .eyebrow{margin-bottom:12px}.resource h3{font-size:30px;margin-bottom:10px}.resource p{max-width:100%;margin-bottom:8px;font-size:14px}.resources{padding-bottom:34px}.community-band{padding:28px 25px;display:block}.community-band h2{font-size:32px}.community-band p{font-size:13px}.community-band .button{margin-top:23px;font-size:12px}.footer{margin-top:30px;align-items:start;flex-wrap:wrap;font-size:10px;gap:12px;padding-block:20px}.footer-links{gap:18px;align-items:center}.back-link{margin-top:18px}.challenge-hero{grid-template-columns:1fr;gap:27px;padding:15px 0 35px}.challenge-copy{padding:0}.challenge-copy .eyebrow{font-size:10px;margin-bottom:18px}.challenge-copy h1{font-size:clamp(28px,8.6vw,38px)}.challenge-copy .lead{font-size:18px;margin-top:19px;max-width:440px}.host{margin-top:22px}.host img{width:41px;height:41px}.signup-card{padding:25px 23px}.signup-card .eyebrow{font-size:10px;margin-bottom:15px}.signup-card h2{font-size:33px}.signup-card p{font-size:13px}.signup-card form{margin-top:20px}.signup-card .preview-note{font-size:10px}.examples{padding-block:30px}.examples h2{font-size:35px}.examples .resource{min-height:0}.examples .resource p{font-size:13px;max-width:380px}.how{display:block;padding-block:25px}.how .eyebrow{margin-bottom:12px}.how p{font-size:13px}.faqs{padding-top:10px}.faqs details{font-size:13px}.option{font-size:13px;min-height:48px}.survey-question{font-size:27px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-home{font:10px var(--sans);letter-spacing:.04em;color:var(--muted);align-self:end;margin-bottom:3px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-card{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:25px;display:flex;flex-direction:column;transition:transform .18s}.skill-card:hover{transform:translateY(-3px)}.skill-card h3{font-size:26px;line-height:1.1;margin-bottom:12px}.skill-card p{font-size:13px;color:var(--muted);margin-bottom:14px}.skills-section .eyebrow{margin-bottom:12px;color:var(--muted)}@media(max-width:720px){.brand-home{font-size:9px}.skills-grid{grid-template-columns:1fr}.skill-card{padding:23px}.skills-section .section-heading .text-link{margin-top:12px;font-size:12px}.nav{gap:10px}}
.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media(max-width:360px){.brand{font-size:16px}.brand-home{display:none}.nav .nav-cta{font-size:11px;padding:8px 12px;white-space:nowrap}.preview-bar{font-size:8px}.hero h1{font-size:clamp(28px,8.6vw,38px)}}

/* CODEX STAMP | Codex | 2026-10-10 Europe/London | Original Bingley photo geometry, mat, backing and responsive placement. */
.hero .photo{position:relative}
.hero .photo::before{content:"";position:absolute;inset:18px -16px -16px 26px;background:#1a1816;border-radius:26px}
.hero .photo img{position:relative;width:100%;height:auto;max-width:312px;display:block;margin-left:auto;border:10px solid #fff;border-radius:20px;box-shadow:0 30px 55px -30px rgba(26,24,22,.5)}
.hero .cred{font-family:var(--serif);color:#8b8378;line-height:1.45;text-align:center;margin:30px auto 0}
.hero .credlab{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#a9a096;margin-bottom:5px}
.hero .credline{display:block;font-size:clamp(12.5px,3.4vw,14px)}
@media(min-width:861px){.hero .photo img{max-width:300px}.hero .photocol{margin-top:4px;transform:translateY(calc(-1 * min(40px,max(0px,(100vh - 760px)/2.5))))}}
@media(max-width:860px){.hero{grid-template-columns:1fr;gap:18px}.hero .photocol{order:-1}.hero .photo{max-width:172px;margin:0 auto}.hero .photo img{max-width:172px}.hero .cred-desk{display:none}.hero .intro{text-align:center}.hero .intro .eyebrow{justify-content:center}.hero .lead{margin-inline:auto}.hero-actions{align-items:center;justify-content:center}}
@media(max-width:640px){.hero{gap:12px}.hero .photo{max-width:146px;margin:0 auto 10px}.hero .photo img{max-width:146px;border-width:7px;border-radius:16px}.hero .photo::before{inset:10px -8px -10px 12px;border-radius:18px}}
@media(max-width:640px) and (max-height:660px){.hero .photo,.hero .photo img{max-width:132px}}

/* CODEX STAMP | Codex | 2026-10-10 Europe/London | Match sullyscales newsletter typography; colours, photo rules and layout retained. */

/* CODEX STAMP | Codex | 2026-10-10 Europe/London | Stack three homepage hero buttons at every width; keep compact-phone tap targets within the page. */

/* CODEX STAMP | Codex | 2026-10-10 Europe/London | Centre the three hero CTA labels after removing their decorative arrows. */

/* CODEX STAMP | Codex | 2026-10-10 Europe/London | Fill the opening viewport through the closing line; allow natural growth on short screens. */
#top .hero{
  --hero-offset:90px;
  min-height:calc(100vh - var(--hero-offset));
  min-height:calc(100svh - var(--hero-offset));
  padding-block:clamp(28px,5svh,55px) max(24px,env(safe-area-inset-bottom));
}
#top .hero .intro{display:flex;flex-direction:column;align-self:stretch;min-width:0}
#top .hero .intro>*{flex-shrink:0}
#top .hero .intro>.eyebrow{margin-top:auto}
#top .hero .intro>.micro{margin-top:auto;padding-top:18px}
@media(max-width:860px){
  #top .hero{grid-template-rows:auto 1fr;gap:clamp(12px,2.5svh,24px);padding-top:clamp(24px,4svh,40px)}
}
@media(max-width:720px){#top .hero{--hero-offset:72px}}

/* CODEX STAMP | Codex | 2026-10-10 Europe/London | Fit the homepage into the iPhone browser content viewport using mobile spacing, with readable type and full button targets. */
@media(max-width:720px){
  #top .site-header{padding-block:8px}
  #top .nav .nav-cta{display:inline-flex;align-items:center;min-height:44px}
  #top .hero{--hero-offset:61px;padding-block:12px max(16px,env(safe-area-inset-bottom));gap:10px}
  #top .hero .intro>.eyebrow{margin-top:0;margin-bottom:10px}
  #top .hero .lead{margin-top:10px}
  #top .hero-actions{margin-top:14px;gap:8px}
  #top .hero .intro>.micro{padding-top:12px}
}

/* CODEX STAMP | Codex | 2026-10-10 Europe/London | APPROVED RELEASE: original card geometry and icons for the six current skills; stack the About label on phones. */
#top .skills-section{max-width:996px;margin-inline:auto}
#top .skills-section .section-heading{display:block;text-align:center;margin-bottom:32px}
#top .skills-section .section-heading .text-link{margin:12px auto 0}
#top .skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#top .skill-card{padding:19px 18px 18px;border:1px solid #e7e2da;border-radius:14px;background:var(--white);box-shadow:0 24px 48px -30px rgba(26,24,22,.38);transition:none;min-width:0}
#top .skill-card:hover{transform:none;box-shadow:0 24px 48px -30px rgba(26,24,22,.38);border-color:#e7e2da}
#top .skill-icon{width:38px;height:38px;border-radius:10px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:13px;flex-shrink:0}
#top .skill-icon svg{width:26px;height:26px}
#top .skill-card h3{font-size:20px;line-height:1.4;margin-bottom:6px}
#top .skill-card p{font-size:13px;line-height:1.5;flex:1;margin-bottom:14px}
#top .skill-card .text-link{min-height:0;font-size:13px;gap:8px;line-height:1.5;color:var(--olive)}
@media(max-width:860px){#top .skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:720px){
  #top .about-strip{display:block;padding-block:22px}
  #top .about-strip>.eyebrow{display:block;min-width:0;max-width:none;margin-bottom:10px;font-size:10px}
  #top .about-strip p{max-width:none}
}
@media(max-width:520px){
  #top .skills-grid{gap:10px}
  #top .skill-card{padding:14px 13px}
  #top .skill-icon{width:32px;height:32px;margin-bottom:10px}
  #top .skill-card p{margin-bottom:12px}
  #top .skills-section .section-heading h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){#top .skill-card{transition:none}#top .skill-card:hover{transform:none}}

/* CODEX STAMP | Codex | 2026-10-10 Europe/London | APPROVED RELEASE: gentle card lift only for desktop fine pointers without reduced motion. */
@media(min-width:861px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #top .skill-card{transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out}
  #top .skill-card:hover{transform:translateY(-2px);box-shadow:0 28px 52px -30px rgba(26,24,22,.36);border-color:var(--olive)}
}

/* CODEX STAMP | Codex | 2026-10-10 Europe/London | APPROVED RELEASE: compact, direct homepage hierarchy and natural hero height; all selectors scoped to homepage. */
#top .hero{min-height:0;padding-block:40px 46px}
#top .hero .intro{align-self:center}
#top .hero .intro>.eyebrow{margin-top:0;margin-bottom:20px}
#top .hero .lead{line-height:1.45;text-wrap:balance}
#top .hero .photocol{transform:none}
#top .about-strip{max-width:996px;margin-inline:auto;gap:36px}
#top .about-strip p{text-wrap:balance}
#top .skills-section{padding-block:42px 44px}
#top .skills-section .section-heading{margin-bottom:26px}
#top .skills-section .section-heading h2{font-size:38px}
#top .skills-section .eyebrow{margin-bottom:8px}
#top .destination-grid{max-width:996px;margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:12px}
#top .destination{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column;align-items:flex-start}
#top .destination h2{font-size:27px;line-height:1.2;margin-bottom:12px}
#top .destination p{font-size:16px;line-height:1.5;color:var(--muted);margin-bottom:12px;max-width:29ch}
#top .destination .text-link{font-size:14px;color:var(--olive);text-decoration:underline;text-underline-offset:4px}
#top .destination-newsletter h2{font-family:var(--brand);font-weight:500;letter-spacing:.01em}
#top .footer{max-width:996px;margin-top:30px}
@media(max-width:860px){
  #top .hero{grid-template-rows:auto auto;gap:14px;padding-block:24px 30px}
  #top .hero .intro>.eyebrow{margin-bottom:12px}
}
@media(max-width:720px){
  #top .hero{padding-block:12px 22px;gap:10px}
  #top .hero .intro>.eyebrow{margin-bottom:10px}
  #top .hero .lead{font-size:18px;line-height:1.45;max-width:360px}
  #top .about-strip{padding-block:20px}
  #top .about-strip>.eyebrow{margin-bottom:8px}
  #top .about-strip p{font-size:18px;line-height:1.4;text-wrap:balance}
  #top .skills-section{padding-block:30px 34px}
  #top .skills-section .section-heading{margin-bottom:22px}
  #top .skills-section .section-heading h2{font-size:32px}
  #top .destination-grid{grid-template-columns:1fr;gap:0;padding-bottom:0}
  #top .destination{padding-block:22px 16px}
  #top .destination h2{font-size:27px;margin-bottom:8px}
  #top .destination p{max-width:none;margin-bottom:6px}
  #top .destination .text-link{min-height:44px}
  #top .footer{margin-top:12px}
}
@media(max-width:860px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  #top .button{transition:none}
  #top .button:hover{transform:none}
}