/* acearte.com landing, implemented from the Claude Design comp "ACE Arte.dc.html", 5 Sep 2026.
   Dark theme; the cream twin swaps the tokens under [data-theme="cream"]. */
@font-face{font-family:"Italiana";src:url("/assets/fonts/italiana.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-var-ext.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--bg:#0A0A0A;--bg2:#121110;--fg:#F4F1EA;--fg2:#B9B3A6;--gold:#E2C68B;--gold-deep:#8B6F3D;--line:rgba(226,198,139,.28);--field:#161513;--btn-bg:linear-gradient(154deg,#E2C68B,#C6A669,#8B6F3D);--btn-fg:#0A0A0A;--hero-fade:linear-gradient(180deg,rgba(10,10,10,.1) 0%,rgba(10,10,10,.5) 42%,#0A0A0A 80%);--wash:rgba(10,10,10,.62);
  --pad:clamp(20px,5vw,72px);--sec:clamp(56px,8vw,110px);--max:1360px;--font-display:"Italiana",Georgia,serif;--font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  /* tokens the capture popup reads */
  --gold-1:#E2C68B;--gold-2:#8B6F3D;--gold-fill:linear-gradient(154deg,#EFD9A8 0%,#E2C68B 38%,#AE8A4E 100%);--ground:#0A0A0A;--ground-2:#121110;--paper:#F4F1EA;--paper-dim:rgba(244,241,234,.84);--paper-faint:rgba(244,241,234,.66);--rule:rgba(226,198,139,.24);--rule-2:rgba(226,198,139,.48);--radius:0;--fs-100:.8125rem}
[data-theme="cream"]{--bg:#F6EEE2;--bg2:#FFFDFA;--fg:#0D0B08;--fg2:#6E5730;--gold:#6E5730;--gold-deep:#C9A44E;--line:rgba(110,87,48,.28);--field:#FFFDFA;--btn-bg:#6E5730;--btn-fg:#FFFDFA;--hero-fade:linear-gradient(180deg,rgba(13,11,8,.08) 0%,rgba(246,238,226,.4) 44%,#F6EEE2 80%);--wash:rgba(246,238,226,.78)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-wrap:pretty;font-variant-numeric:tabular-nums lining-nums}
a{color:var(--gold);text-decoration:none}a:hover{color:var(--fg)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--font-display);font-weight:400;margin:0;line-height:1.05;text-wrap:balance}
h2{font-size:clamp(32px,3.6vw,52px)}
h3{font-size:24px;line-height:1.1}
p{margin:0}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--bg);padding:.6rem 1rem;z-index:100}.skip:focus{left:1rem;top:1rem}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.eyebrow{font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.fine{font-size:14px;line-height:1.6;color:var(--fg2);max-width:62em}
.fine a{text-decoration:underline;text-underline-offset:.15em}
.dim{color:var(--fg2)}
.lede{font-size:17px;line-height:1.6;max-width:36em;margin:0 0 40px}
strong{font-weight:600;color:var(--fg)}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:0;background:var(--btn-bg);color:var(--btn-fg);font:600 16px/1.2 var(--font-body);cursor:pointer;text-align:center}
.btn-gold:hover{color:var(--btn-fg);filter:brightness(1.05)}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--bg)}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hero__fade{position:absolute;inset:0;background:linear-gradient(180deg,#0A0A0A 0,#0A0A0A 12%,rgba(10,10,10,.7) 18%,rgba(10,10,10,0) 34%),var(--hero-fade)}
[data-theme="cream"] .hero__fade{background:linear-gradient(180deg,rgba(13,11,8,.55) 0,rgba(13,11,8,0) 24%),var(--hero-fade)}
.top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px var(--pad);z-index:2}
.top__brand{display:flex;align-items:center;gap:14px;color:var(--fg)}
.top__brand img{height:44px;width:auto}
.top__name{font-family:var(--font-display);font-size:22px;letter-spacing:.22em;color:#F4F1EA}
.top__ace{height:34px;width:auto}
.hero__grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,4vw,64px);align-items:end;padding:clamp(120px,22vh,200px) var(--pad) clamp(40px,6vw,80px);max-width:var(--max);margin:0 auto;width:100%}
.hero__copy{display:flex;flex-direction:column;gap:18px;max-width:640px}
.eyebrow-stack{display:flex;flex-direction:column;gap:6px;font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.eyebrow-stack__place{color:var(--fg)}
h1{display:flex;flex-direction:column;gap:10px}
.wordmark{font-family:var(--font-display);font-size:22px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);line-height:1}
.h1__claim{font-size:clamp(42px,5.4vw,78px);line-height:1;letter-spacing:.01em;color:var(--fg)}
.hero__sub{font-size:clamp(17px,1.3vw,20px);max-width:34em}
.hero__dev{font-size:14px;color:var(--fg2)}
.pricebox{display:inline-flex;flex-direction:column;gap:2px;border:1px solid var(--line);padding:16px 22px;align-self:flex-start;background:var(--bg2)}
.pricebox__label{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.pricebox__fig{font-family:var(--font-display);font-size:clamp(30px,3vw,42px);line-height:1.1}
.pricebox sup{font-size:.5em}

/* form */
.enq{background:var(--bg2);border:1px solid var(--line);padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:14px;max-width:460px;width:100%;justify-self:end;margin:0}
.enq__title{font-family:var(--font-display);font-size:26px;line-height:1.15}
.enq label{display:flex;flex-direction:column;gap:6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.enq input,.enq select{font:16px/1 var(--font-body);padding:0 14px;height:50px;background:var(--field);border:1px solid var(--line);color:var(--fg);outline:none;letter-spacing:0;text-transform:none;border-radius:0;width:100%;appearance:none;-webkit-appearance:none}
.enq input::placeholder{color:var(--fg2)}
.enq input:focus,.enq select:focus{border-color:var(--gold)}
.enq select option{color:#111}
.enq .btn-gold{width:100%}
.enq__err{font-size:14px;color:#E8A08F}
.enq__done{font-size:15px;color:var(--gold);display:flex;flex-direction:column;gap:6px}.enq__done p:last-child{color:var(--fg2)}
.enq__note{font-size:13px;color:var(--fg2)}.enq__note a{text-decoration:underline}

/* capsule (AEO, markup byte-identical) */
.capsule{padding-top:22px}
.answer{font-size:14px;line-height:1.6;color:var(--fg2);max-width:78em}
.answer p{margin:0}.answer__stamp{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}

/* manifesto */
.manifesto{padding-top:clamp(64px,9vw,130px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,5vw,80px);align-items:center}
.manifesto__copy{display:flex;flex-direction:column;gap:22px}
.manifesto h2{font-size:clamp(36px,4.2vw,62px);line-height:1}
.manifesto p{font-size:17px;line-height:1.65;max-width:34em}
.manifesto__credit{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--fg2)}.manifesto__credit img{height:36px;width:auto;flex:none}
.manifesto__fig{margin:0;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);padding:10px}.manifesto__fig img{width:100%;height:100%;object-fit:cover}

/* figures */
.figures{padding-top:var(--sec);padding-bottom:var(--sec)}
.sec-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:36px}
.sec-head h2{max-width:16em}
.figgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.fig{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 22px 28px;display:flex;flex-direction:column;gap:10px;min-height:190px}
.fig__eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.fig__big{font-family:var(--font-display);font-size:clamp(34px,3vw,46px);line-height:1;margin-top:auto}.fig__big sup{font-size:.5em}
.fig__label{font-size:16px;line-height:1.4}.fig__sub{font-size:13px;color:var(--fg2)}
.figures .fine{margin-top:18px}

/* gallery */
.gallery{padding:0 0 var(--sec)}
.sec-head--gallery{padding-bottom:32px}.sec-head--gallery>div{display:flex;flex-direction:column;gap:12px}.sec-head--gallery img{height:44px;width:auto}
.galgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:4px;padding:0 4px}
.galgrid figure{margin:0;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg2)}
.galgrid img{width:100%;height:100%;object-fit:cover}
.galgrid figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 12px;font-size:14px;color:#F4F1EA;background:linear-gradient(180deg,rgba(10,10,10,0),rgba(10,10,10,.82))}

/* bands */
.band{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.band>.wrap,.band__in{position:relative;padding-top:var(--sec);padding-bottom:var(--sec)}
.band .eyebrow{margin-bottom:12px}.band h2{margin-bottom:36px}
.band--img .band__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band__img--faint{opacity:.18}
.band__wash{position:absolute;inset:0;background:var(--wash)}
#location h2{margin-bottom:16px;max-width:16em}

/* price */
.pricecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.pc{background:var(--bg);border:1px solid var(--line);padding:28px 26px;display:flex;flex-direction:column;gap:14px}
.pc__type{font-family:var(--font-display);font-size:34px;line-height:1}
.pc__rows{display:flex;flex-direction:column;gap:8px;font-size:16px;border-top:1px solid var(--line);padding-top:14px}
.pc__rows>div{display:flex;justify-content:space-between;gap:12px}.pc__rows>div>span:first-child{color:var(--fg2)}.pc__rows>div>span:last-child{text-align:right}
.pc__cta{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:50px;border:1px solid var(--gold);color:var(--gold);font-size:15px;font-weight:500;text-align:center;padding:0 12px}
.pc__cta:hover{background:var(--gold);color:var(--bg)}
#price .fine{margin-top:22px}

/* plan */
.plan{padding-top:var(--sec);padding-bottom:var(--sec)}.plan h2{margin-bottom:36px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:2px}
.step{border-top:2px solid var(--gold-deep);padding:18px 4px 0;display:flex;flex-direction:column;gap:6px}
.step__pct{font-family:var(--font-display);font-size:40px;line-height:1;color:var(--gold)}.step__label{font-size:15px;line-height:1.4}
.plan .fine{margin-top:22px}

/* location list (ACE's grouping, existing markup) */
.locgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:28px 32px}
.loccat{display:flex;flex-direction:column;gap:10px}
.loccat h3{font:500 13px/1.4 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:10px}
.loclist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.loclist li{display:flex;justify-content:space-between;gap:12px;font-size:16px;line-height:1.4}
.loclist b{font:400 20px/1.2 var(--font-display);color:var(--gold);white-space:nowrap}
#location .fine{margin-top:28px}

/* amenities (existing markup) */
.amenities{padding-top:var(--sec);padding-bottom:var(--sec)}
.amenities .eyebrow{margin-bottom:12px}.amenities h2{margin-bottom:40px}
.amen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:32px}
.amen__i{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start}
.amen__ico{width:52px;height:52px;border:1px solid var(--line);padding:8px;object-fit:contain;background:var(--bg2)}
.amen__i h3{margin:0 0 4px}.amen__i p{font-size:15px;color:var(--fg2);line-height:1.5}
.amenities .fine{margin-top:32px}

/* in writing */
.writing{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:36px;align-items:center}
.writing__head{display:flex;flex-direction:column;gap:20px}.writing__head img{height:44px;width:auto;align-self:flex-start}.writing__head h2{margin:0}
.writing__body{display:flex;flex-direction:column;gap:18px}
.writing__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;font-size:17px}
.writing__list li{display:flex;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px}
.writing__list .num{font-family:var(--font-display);color:var(--gold);font-size:22px;line-height:1.2;flex:none}
.writing .btn-gold{align-self:flex-start}

/* register */
.register{padding-top:var(--sec);padding-bottom:var(--sec);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:36px}
.register__reg{display:flex;gap:22px;align-items:flex-start}.register__reg img{width:92px;height:92px;flex:none;border:1px solid var(--line)}
.register__reg p{font-size:16px;line-height:1.6}.h2--small{font-size:26px;margin-bottom:8px}
.register__reg a{text-decoration:underline;text-underline-offset:.15em}
.account{border:1px solid var(--line);padding:24px 26px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5}
.account .eyebrow{font-size:13px;letter-spacing:.18em}
.account__no{font-family:var(--font-display);font-size:26px;letter-spacing:.06em}.account__warn{color:var(--gold);font-weight:500}
.account .fine{font-size:13px;margin-top:6px}

/* faq */
.faq{padding-bottom:var(--sec)}.faq h2{margin-bottom:28px}
.faq-list{display:flex;flex-direction:column;border-top:1px solid var(--line);max-width:860px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px;padding:12px 0;font-size:17px;font-weight:500}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font:500 24px/1 var(--font-body);color:var(--gold);flex:none}
.faq-item[open] summary::after{content:"\2212"}
.faq-item p{padding:0 0 20px;font-size:16px;line-height:1.6;color:var(--fg2);max-width:60em}
.faq .fine{margin-top:22px}.faq .fine a{text-decoration:underline}

/* footer */
.foot{background:var(--bg2);border-top:1px solid var(--line)}
.foot__in{padding-top:48px;padding-bottom:40px;display:flex;flex-direction:column;gap:28px;font-size:14px;line-height:1.6;color:var(--fg2)}
.foot__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:flex-start}
.foot__brand{display:flex;flex-direction:column;gap:4px}
.foot__name{font-family:var(--font-display);font-size:24px;letter-spacing:.18em;color:var(--fg)}
.foot__nav{display:flex;flex-wrap:wrap;gap:8px 20px;max-width:520px}
.foot__cp{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:24px}
.foot__disc{max-width:78em}.foot__disc a{text-decoration:underline}

/* phone bar + float */
.stickybar{display:none}
@media (max-width:760px){
  body.past-hero{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.past-hero .stickybar{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:1px;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--line);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
  .stickybar a{display:flex;align-items:center;justify-content:center;min-height:56px;background:var(--bg2);color:var(--fg);font-size:15px;font-weight:500}
  .stickybar a.stickybar__main{background:var(--btn-bg);color:var(--btn-fg);font-weight:600}
  .hero__grid{padding-top:120px}
  .top__ace{height:28px}
  .enq{justify-self:stretch;max-width:none}
}
@media (max-width:900px){.vdcp-overlay{padding-bottom:72px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float-wa{transition:none}}

/* 5 Sep, late: amenities wrap, contact rail, site-visit form, map */
.top__lockup{height:44px;width:auto}
.amen__i{grid-template-columns:52px 1fr;grid-template-areas:"ico head" "ico body"}
.amen__i .amen__ico{grid-area:ico}.amen__i h3{grid-area:head}.amen__i p{grid-area:body}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-line{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid var(--gold);color:var(--gold);font:500 16px/1.2 var(--font-body)}
.btn-line:hover{background:var(--gold);color:var(--bg)}
.btn-call{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid var(--line);color:var(--fg);font:500 15px/1.2 var(--font-body);background:transparent}
.btn-call:hover{border-color:var(--gold);color:var(--gold)}
.locwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:36px;align-items:start}
.locmap{margin:0;border:1px solid var(--line);background:var(--bg);padding:8px}.locmap img{width:100%;height:auto}
.rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:1px;background:var(--line)}
.rail a{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--bg2);color:var(--gold);border:1px solid var(--line);border-right:0}
.rail a:hover{background:var(--gold);color:var(--bg)}
@media (max-width:900px){.locwrap{grid-template-columns:1fr}}
@media (max-width:760px){.rail{display:none}.top__lockup{height:36px}}
.hero__grid>.enq__done{justify-self:end;max-width:460px;width:100%;background:var(--bg2);border:1px solid var(--line);padding:clamp(22px,3vw,36px)}
/* review 5 Sep: selects show a chevron, links get a thumb-sized hit area, the phone hero shows the render */
.enq select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23E2C68B' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.fine a,.enq__note a,.register__reg a{display:inline-block;padding:.35em 0}
.locmap{overflow:auto;-webkit-overflow-scrolling:touch}
@media (max-width:760px){
  .hero{min-height:0;padding-top:88px}
  .hero__img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/10;object-position:center 40%;display:block}
  .hero__fade{background:linear-gradient(180deg,#0A0A0A 0,#0A0A0A 88px,transparent 88px)}
  .hero__grid{padding-top:28px;padding-bottom:28px}
  .locwrap{display:flex;flex-direction:column}
  .locwrap .locgrid{order:-1}
  .locmap img{min-width:820px}
  .locmap::after{content:"Drag the map to pan";display:block;font-size:13px;color:var(--fg2);padding:8px 0 0}
}

/* arteace.com, the cream host, 5 Sep 2026. The page body breathes on cream; dark is punctuation:
   the top bar, the money bands, the footer, the contact rail. The hero is ACE's own arrangement,
   copy on cream to the left and one render owning the right of the first screen. */
[data-theme="cream"]{--bg:#F4ECDF;--bg2:#FBF6EE;--fg:#1A1510;--fg2:#6B5638;--gold:#7A5F33;--gold-deep:#C9A44E;--line:rgba(122,95,51,.26);--field:#FFFDFA;--btn-bg:linear-gradient(154deg,#E2C68B,#C6A669,#8B6F3D);--btn-fg:#0A0A0A;--wash:rgba(244,236,223,.8)}
[data-theme="cream"] .top{position:relative;background:#0A0A0A;min-height:72px;border-bottom:1px solid rgba(226,198,139,.22);gap:24px}
.top__nav{display:flex;gap:26px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin-left:auto;margin-right:28px}
.top__nav a{color:#F4F1EA}.top__nav a:hover{color:#E2C68B}
[data-theme="cream"] .hero{min-height:calc(100svh - 72px)}
[data-theme="cream"] .hero__img{object-position:center right}
[data-theme="cream"] .hero__fade{background:linear-gradient(90deg,#F4ECDF 0%,#F4ECDF 30%,rgba(244,236,223,.94) 42%,rgba(244,236,223,.45) 58%,rgba(244,236,223,0) 76%),linear-gradient(180deg,rgba(244,236,223,0) 62%,rgba(244,236,223,.55) 100%)}
[data-theme="cream"] .hero__grid{align-items:center;padding-top:clamp(36px,6vh,72px);padding-bottom:clamp(36px,6vh,72px)}
[data-theme="cream"] .hero__sub{color:var(--fg)}
.pricerow{display:flex;flex-wrap:wrap;gap:12px}
.pricebox__fig small{font-size:.42em;letter-spacing:.02em}
[data-theme="cream"] .pricebox{background:rgba(251,246,238,.9)}
[data-theme="cream"] .enq{background:var(--bg2);box-shadow:0 34px 60px -34px rgba(26,21,16,.45)}
[data-theme="cream"] .enq select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237A5F33' stroke-width='1.6'/%3E%3C/svg%3E")}
[data-theme="cream"] .hero__grid>.enq__done{background:var(--bg2)}
[data-theme="cream"] .band,[data-theme="cream"] .foot{--bg:#0A0A0A;--bg2:#121110;--fg:#F4F1EA;--fg2:#B9B3A6;--gold:#E2C68B;--line:rgba(226,198,139,.28);--field:#161513;color:var(--fg)}
[data-theme="cream"] .band{border-color:rgba(226,198,139,.22)}
[data-theme="cream"] .rail a,[data-theme="cream"] .stickybar a{background:#0A0A0A;color:#E2C68B;border-color:rgba(226,198,139,.28)}
[data-theme="cream"] .rail a:hover{background:#E2C68B;color:#0A0A0A}
[data-theme="cream"] .stickybar{background:rgba(226,198,139,.28);border-top-color:rgba(226,198,139,.28)}
[data-theme="cream"] .stickybar a.stickybar__main{background:var(--btn-bg);color:var(--btn-fg)}
[data-theme="cream"] .galgrid figure{background:#0A0A0A}
[data-theme="cream"] .manifesto__fig{background:var(--bg2)}
[data-theme="cream"] .checks{margin:0 0 28px;padding-left:1.2em;display:flex;flex-direction:column;gap:12px;font-size:17px;line-height:1.5;max-width:44em}
[data-theme="cream"] .checks b{font-weight:600;color:var(--fg)}
.floorplan{padding-bottom:var(--sec)}.floorplan h2{margin-bottom:14px;max-width:18em}
.docs{padding-top:var(--sec);padding-bottom:var(--sec)}.docs h2{margin-bottom:12px}
.doclinks{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:2px}
.doclinks a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 16px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);font-size:16px}

.doclinks a:hover{border-color:var(--gold)}
@media (max-width:900px){.top__nav{display:none}}
@media (max-width:760px){
  [data-theme="cream"] .hero{padding-top:0;min-height:0}
  [data-theme="cream"] .hero__fade{background:none}
  [data-theme="cream"] .hero__img{object-position:center}
  [data-theme="cream"] .top{padding:14px var(--pad);min-height:60px}
}

/* 5 Sep, late: six figure tiles and nine amenities divide by three, not by whatever auto-fit yields */
.figgrid{grid-template-columns:repeat(3,1fr)}
.amen{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.amen{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.figgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.amen{grid-template-columns:1fr}}
@media (max-width:400px){.figgrid{grid-template-columns:1fr}}

@media (max-width:760px){
  [data-theme="cream"] .hero__fade{background:linear-gradient(180deg,rgba(10,10,10,.85) 0,rgba(10,10,10,.5) 70px,rgba(10,10,10,0) 170px)}
  html[data-theme="cream"] body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  [data-theme="cream"] .stickybar{display:grid}
}

/* image and trademark credits, 5 Sep late */
.imgcredit{font:400 12px/1.4 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--fg2);margin:0}
.hero__credit{grid-column:1/-1;align-self:end}
.manifesto__fig{position:relative}
.imgcredit--corner{position:absolute;right:16px;bottom:14px;color:rgba(244,241,234,.85);text-shadow:0 1px 2px rgba(0,0,0,.6)}
.locmap .imgcredit{padding:8px 4px 0}
.gallery__credit{padding:14px var(--pad) 0;margin:0 auto;max-width:var(--max)}
.foot__credit{max-width:78em}.foot__credit a{text-decoration:underline}

/* 5 Sep, laptop fit: the first screen must hold the claim, the price and the whole form at 1440x780 */
.h1__claim{font-size:clamp(38px,4.1vw,62px)}
.hero__grid{align-items:center;padding-top:104px;padding-bottom:clamp(24px,4vh,56px)}
.hero__copy{gap:14px}
.enq{padding:clamp(18px,2.2vw,28px);gap:10px}
.enq__title{font-size:23px}
.enq input,.enq select{height:46px}
.enq__note{font-size:12px;line-height:1.45}
.btn-call{min-height:44px}
.hero__credit{margin-top:-6px}
@media (max-width:760px){.hero__grid{padding-top:28px}}

[data-theme="cream"] .hero__grid{padding-top:clamp(28px,5vh,56px)}
@media (max-width:760px){[data-theme="cream"] .hero__grid{padding-top:24px}}

/* 5 Sep, laptop pass 2: the hero grid is two explicit columns (the spanning credit line had opened a third, empty one) */
@media (min-width:761px){
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(320px,460px);column-gap:clamp(32px,5vw,96px)}
  .hero__copy{max-width:700px}
  .hero__credit{grid-column:1/-1}
}
@media (max-width:760px){
  .hero__ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .pricebox{align-self:stretch}
  .pricerow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .stickybar{display:grid}
}
@media (max-width:760px){.hero__img{aspect-ratio:4/3;object-position:72% 50%}}
@media (max-width:760px){
  [data-theme="cream"] .hero__img{object-position:88% 50%}
  [data-theme="cream"] .pricebox{padding:12px 14px;gap:0}
  [data-theme="cream"] .pricebox__label{font-size:11px;letter-spacing:.14em}
  [data-theme="cream"] .pricebox__fig{font-size:26px;white-space:nowrap}
  [data-theme="cream"] .hero__sub{font-size:16px}
}

/* document pages on the cream host (about, review, privacy, terms), 5 Sep late */
.doc{max-width:900px;margin:0 auto;padding:clamp(36px,6vw,72px) var(--pad) var(--sec)}
.doc h1{font-size:clamp(32px,3.8vw,52px);line-height:1.08;margin:12px 0 20px;max-width:18em}
.doc .lede{font-size:18px;line-height:1.6;max-width:40em;margin:0 0 22px}
.doc h2{font-size:clamp(26px,2.6vw,36px);margin:46px 0 14px}
.doc h3{font-size:22px;margin:30px 0 10px}
.doc p{margin:0 0 16px;max-width:42em;line-height:1.65}
.doc ul,.doc ol{margin:0 0 20px;padding-left:1.25em;max-width:42em;display:flex;flex-direction:column;gap:8px;line-height:1.55}
.doc p a,.doc li a{text-decoration:underline;text-underline-offset:.15em}
.doc strong{font-weight:600}
.doc .btn-gold{margin-top:8px;text-decoration:none}
.doc .desk__cred{font-size:14px;color:var(--fg2);margin-bottom:4px}
.doc .verdictbox{border:1px solid var(--line);background:var(--bg2);padding:22px 24px;margin:26px 0 8px;max-width:46em}
.doc .verdictbox h3{margin:0 0 12px;font-size:20px}
.doc .verdictbox p{margin-bottom:10px;font-size:16px}
.doc .verdictbox .fine{margin:6px 0 0}
.doc .faq{margin-top:44px}.doc .faq h2{margin-top:0}
.doc .fine{margin:26px 0 18px}
.doc__cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.doc .btn-line{text-decoration:none}

/* site-visit page: the enquiry form as a block inside the document column */
.doc__form{margin:28px 0 12px}
.doc__form .enq{max-width:560px;justify-self:start}
.doc__form .enq__done{max-width:560px;background:var(--bg2);border:1px solid var(--line);padding:clamp(22px,3vw,36px);margin-top:12px}

/* 6 Sep: the dated fact capsule under the H1, the block the answer engines asked for. Border only; it inherits the section's colours and never sets a background. */
.factcap{border:1px solid var(--line);padding:12px 16px;margin:0;max-width:640px;min-width:0;font-size:14px;line-height:1.45;color:var(--fg)}
.factcap__label{margin:0 0 8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.factcap__list{list-style:none;margin:0;padding:0;display:block}
.factcap__list li{margin:0;padding:0;max-width:none;overflow-wrap:anywhere}
.factcap__list li+li{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
.factcap__asof{margin:8px 0 0;padding-top:6px;border-top:1px solid var(--line);font-size:12px;color:var(--fg2)}
@media (max-width:760px){.factcap{max-width:none;padding:12px 14px}}
.doc .factcap{margin:0 0 22px;max-width:42em;font-size:15px}
.doc .factcap__list{display:block;padding:0;margin:0;max-width:none}
.doc .factcap__list li{max-width:none}
/* in the hero the H1 is the capsule's label, and the first screen must still hold the form at 1440x780 and 1280x720 */
.hero__copy .factcap{max-width:none;padding:6px 12px;font-size:13px;line-height:1.3}
.hero__copy .factcap__list li+li{margin-top:2px;padding-top:0;border-top:0}
.hero__copy .factcap__asof{margin-top:6px;padding-top:4px}
.hero__copy .hero__sub{margin-bottom:-18px}

/* hero fact strip: label-value, selling host */
.factcap__list{margin:0;padding:0}
.factcap__list li{list-style:none;margin:0 0 .38rem;line-height:1.5}
.factcap__k{display:inline-block;min-width:4.9rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.factcap__asof{margin:.45rem 0 0;font-size:.72rem;opacity:.55}

/* fact strip: label column, value column, wrapped lines aligned */
.factcap__list li{display:flex;gap:.75rem;align-items:baseline}
.factcap__k{flex:0 0 auto;min-width:4.6rem}

/* Laptop heights: the hero fact capsule gained a lead sentence on 7 Sep 2026 and its
   tail fell below a 720px fold. Tighten only where the fold is actually tight. */
@media (min-width:761px) and (max-height:760px){
  .hero__copy .factcap{padding:4px 12px;line-height:1.22}
  .hero__copy .factcap__label{margin-bottom:5px}
  .hero__copy .factcap__list li+li{margin-top:1px}
  .hero__copy .factcap__asof{margin-top:4px;padding-top:3px}
}