/* About page (Nov 11, 3:00 AM): the site's own light sand palette, the same paper background,
   emerald headings and graphite body copy that the home page's statement and vertical sections use.
   Words and layout are unchanged; the black background is removed. */
html,body{background:var(--paper)}
body{color:var(--ink)}
.about{max-width:none;margin:0;padding:clamp(9rem,18vw,12.5rem) var(--gutter) clamp(5rem,10vw,8rem);text-align:left}
.about h1{font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,4.8vw,4.3rem);line-height:1.1;margin:0 0 2.6rem;max-width:14em;color:var(--emerald);text-align:left}
.about p{font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.95;color:var(--graphite);font-weight:300;margin:0 0 1.4rem;max-width:38em;text-align:left}
.about h2{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;color:var(--emerald);margin:3.6rem 0 1.2rem;text-align:left}
/* Header on this light page: the site's own light header bar (the one the other pages show once
   scrolled), so the menu, Enquire and the logo read on the sand background from the first paint. */
.hdr{--fg:var(--emerald)}
.hdr::before{background:rgba(244,241,235,.95);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}
.hdr::after{transform:scaleX(1)}
.hdr .wm{opacity:0;transform:translateY(-8px) scale(.9)}
.hdr .ic{opacity:1;transform:none}