/* GARRAN HILL - RESPONSIVE LAYER (consolidated 2026-09-05, Rachel word).
   One file, linked from index.html at the exact position the first patch layer
   used to occupy, so the cascade order matches what shipped before, stratum for
   stratum: first the stylesheet support.js used to inject at runtime (now present
   at first paint - no flash of desktop layout on phones), then the six patch
   layers that lived at the end of index.html, in their original order.
   New responsive work goes at the END of this file. */

/* ===== stratum I: formerly injected by support.js (gh-responsive-art-direction) ===== */
@media(max-width:1100px){
[data-plx][data-burned]::after{display:none!important}
#dc-root>.sc-host{isolation:isolate!important}
#dc-root>.sc-host>div:first-child{position:relative!important;isolation:isolate!important}
[data-descent]{display:block!important;visibility:visible!important;width:100vw!important;height:100svh!important;height:100dvh!important;min-height:100svh!important;z-index:-1!important;will-change:opacity,transform!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}
[data-descent]>img,[data-descent]>video{width:100%!important;height:100%!important;object-fit:cover!important}
[data-intro-spread]{max-width:760px!important;margin:0 auto!important;padding:clamp(5rem,9vh,7rem) clamp(1.2rem,4.5vw,2.8rem) clamp(4rem,8vh,6rem)!important;gap:clamp(1.6rem,4vh,2.8rem)!important}
[data-intro-spread]>[data-intro-mk],[data-intro-spread]>[data-intro-a],[data-intro-spread]>[data-intro-id]{width:min(100%,620px)!important;margin:0 auto!important;align-items:flex-start!important;text-align:left!important;justify-content:flex-start!important}
[data-intro-spread]>[data-intro-a] h3{font-size:clamp(2.5rem,6.2vw,4.1rem)!important;max-width:16ch!important;text-wrap:balance!important}
[data-intro-spread]>[data-intro-id] p{text-align:left!important;max-width:38ch!important}
[data-intro-spread]>figure{width:min(72vw,390px)!important;margin:0 auto!important}
[data-spread]:not([data-intro-spread]){grid-template-columns:minmax(0,1fr)!important;gap:clamp(1.8rem,4vh,2.8rem)!important}
[data-room-spread]{min-height:0!important;align-content:start!important}
[data-bench-rail]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
[data-room-car]{grid-template-columns:1fr!important}
}
@media(max-width:760px){
html,body{overflow-x:clip!important}body{font-size:16px}
[data-masthead]{grid-template-columns:minmax(0,1fr) auto!important;gap:.65rem!important;padding:.62rem 1rem!important;min-height:58px!important}
[data-masthead]>a span:first-child{font-size:clamp(1.6rem,8vw,2rem)!important;white-space:nowrap}[data-menu-btn]{display:inline-flex!important}
#hero,[data-hero-pin]{height:100svh!important;min-height:640px!important}[data-hero-wrap]{inset:0!important;background:#000!important}[data-hero-media]{object-fit:cover!important;object-position:50% 58%!important;animation:none!important;transform:none!important}[data-hero-fx="1"]{display:none!important}
[data-hero-center]{justify-content:flex-start!important;padding:clamp(5rem,10vh,6.3rem) 1rem 12rem!important}
[data-hero-title]{font-size:clamp(3.6rem,17vw,5.4rem)!important;line-height:1.02!important;max-width:100%!important;white-space:nowrap!important;padding:.08em .12em .12em!important}
[data-hero-addr]{max-width:78vw!important;font-size:.58rem!important;letter-spacing:.18em!important;line-height:1.75!important;text-align:center!important}
[data-belt]{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(52px,15vw,78px) minmax(0,1fr)!important;align-items:end!important;column-gap:0!important;padding:0 .45rem!important}
[data-belt-spacer]{display:block!important;width:auto!important;grid-column:2/3!important;grid-row:2!important}
[data-belt-group]{width:auto!important;box-sizing:border-box!important;padding:0 clamp(.35rem,1.8vw,.7rem) .72rem!important;gap:.42rem!important}
[data-belt-stack]{flex:1 1 0!important;min-width:0!important;gap:.25rem!important}[data-belt-divider]{height:2.8rem!important;margin:0 .45rem!important}
[data-belt-num]{font-size:clamp(1.12rem,5.6vw,1.55rem)!important}[data-belt-lab],[data-belt-sub]{font-size:.49rem!important;letter-spacing:.075em!important;line-height:1.2!important;white-space:normal!important;text-align:center!important}
[data-belt-frame="2"]{height:clamp(6.6rem,13vh,8.1rem)!important}[data-belt-veil],[data-belt-frame="1"]{bottom:clamp(6.6rem,13vh,8.1rem)!important}[data-belt-veil]{height:8rem!important}[data-crest-hang]{bottom:calc(clamp(6.6rem,13vh,8.1rem) / 2)!important;transform:translate(-50%,50%)!important}[data-crest]{width:clamp(54px,15vw,70px)!important}
[data-gate]{min-height:100svh!important}[data-gate]>div{height:100svh!important}[data-gate-now]{object-position:50% 34%!important}[data-gate-statement]{font-size:clamp(1.8rem,8.2vw,2.5rem)!important;line-height:1.13!important;max-width:18ch!important;margin:0 auto!important}
#provenance>div{padding-left:1.15rem!important;padding-right:1.15rem!important;gap:clamp(3rem,7vh,4.6rem)!important}
[data-intro-spread]{padding:clamp(4rem,8vh,5.4rem) .25rem clamp(2.8rem,6vh,4rem)!important;gap:1.35rem!important}[data-intro-spread]>[data-intro-a] h3{font-size:clamp(2.35rem,11vw,3.4rem)!important;line-height:1.08!important;max-width:14ch!important}[data-intro-spread]>[data-intro-id] p{font-size:1.02rem!important;line-height:1.55!important;max-width:34ch!important}[data-intro-spread]>figure{width:min(88vw,380px)!important;margin-top:.35rem!important}
[data-prov-rail]{padding-left:1.55rem!important}[data-rail-entry],[data-duet]{gap:1.15rem!important}
#detail>div[style*="max-width:1600px"],#detail>div[data-tempo],#grounds>div[style*="max-width:1600px"]{padding-left:1.05rem!important;padding-right:1.05rem!important;gap:clamp(3.4rem,7vh,4.8rem)!important}
[data-room-spread]{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}[data-room-spread] h3{font-size:clamp(1.55rem,8vw,2.25rem)!important;line-height:1.05!important;text-wrap:balance!important}
[data-plx],[data-walk]{aspect-ratio:3/2!important;height:auto!important;min-height:0!important}[data-plx] img,[data-plx] video,[data-walk] [data-walk-img]{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;transform:none!important;object-fit:cover!important;animation:none!important}[data-jewel][data-plx]{aspect-ratio:4/5!important}
[data-door-fig]{gap:2rem!important}[data-door-fig] figure:nth-child(2){transform:none!important}[data-dr-card]{width:100%!important;max-width:100%!important;margin:1rem 0 0!important}
[data-bench-rail]{grid-template-columns:1fr!important;gap:1.45rem!important}[data-vogue-line] p{font-size:clamp(1.65rem,9vw,2.35rem)!important;line-height:1.22!important}
[data-screen-label="The Back Stair"]{max-width:min(88vw,460px)!important;margin-left:auto!important;margin-right:auto!important}[data-screen-label="The Right Wing Powder Room"]{max-width:min(88vw,420px)!important}
[data-room-car]>div:first-child{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:.35rem!important;scrollbar-width:none}[data-room-car-btn]{min-width:6.5rem!important;flex:0 0 auto!important}[data-room-car]>div:last-child{aspect-ratio:4/3!important}
#grounds>div:first-child{padding-left:1.15rem!important;padding-right:1.15rem!important}#grounds h2{font-size:clamp(2.7rem,13vw,4rem)!important;white-space:normal!important}[data-screen-label="XI The Tennis Courts"]{grid-template-columns:1fr!important}
#inquiry [data-close-col]{padding-left:1.15rem!important;padding-right:1.15rem!important}#inquiry [data-close-stmt]{font-size:clamp(1.6rem,8vw,2.25rem)!important;line-height:1.3!important;max-width:20ch!important}
[data-gal] [data-gal-tabs]{display:none!important}[data-gal-grid]{columns:1!important}[data-gal-view-img]{max-width:94vw!important;max-height:72vh!important}
}
@media(max-width:520px){[data-masthead]>a span:last-child{display:none!important}[data-hero-title]{font-size:clamp(3.3rem,18vw,4.7rem)!important}[data-hero-addr]{max-width:84vw!important;font-size:.55rem!important;letter-spacing:.15em!important}[data-intro-spread]>figure{width:min(92vw,365px)!important}}
/* NAV SEAM (Claude, Rachel word, 2026-09-05): the head patch hides the nav links to 767px
   but the menu button only appeared to 760px - at 761-767px the page had NO navigation.
   The button now covers the full hidden-links band. */
@media(max-width:767px){[data-menu-btn]{display:inline-flex!important}}
/* LEGIBILITY FLOOR (same word): the mini-me buckle stays ONE object - nothing restacks.
   Under 600px its smallest engravings cut deeper so post-scale text clears ~7.5px visual
   instead of 4-5px: address 8->16, stat labels 11->15, numerals ~22->26. Measured live at
   375px: no wrap, no overflow, crest clearance held. */
@media(max-width:600px){
:root:root:root [data-belt-address] span{font-size:16px!important;letter-spacing:.18em!important}
[data-belt] div[style*="flex-direction: column"] > span:first-child{font-size:26px!important}
[data-belt] div[style*="flex-direction: column"] > span:last-child{font-size:15px!important;letter-spacing:.08em!important}
}

/* ===== stratum: id="gh-responsive-qa-20260823" ===== */
@media (max-width:760px){
  [data-masthead]{padding:.55rem 1rem !important}
  [data-masthead] > a > span:last-child{display:none !important}
  [data-masthead] > a > span:first-child{font-size:var(--type-body-lead) !important}
  [data-mast-progress]{height:1px !important}
  [data-screen-label="Provenance"] [data-fx]{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important;-webkit-mask-image:none !important;mask-image:none !important}
  [data-screen-label="II The House — Cover"] [data-plx]{aspect-ratio:5/4 !important}
  [data-brick-h2]{font-size:var(--type-statement) !important;line-height:1.08 !important;padding:0 1rem !important}
  [data-brick-h2] > span:first-child{font-size:1.28em !important;line-height:1 !important;vertical-align:-.03em !important;margin-right:.04em !important;z-index:auto !important}
  [data-screen-label="II The House — Cover"] [data-plate-statement]{font-size:var(--type-body-small) !important;line-height:1.25 !important}
  [data-screen-label="II The House — Cover"] [data-plx] > div[style*="bottom"]{gap:.55rem !important;bottom:1rem !important}
  [data-screen-label="II The House — Cover"] [data-fact-row],
  [data-screen-label="II The House — Cover"] div[style*="flex-wrap"]{gap:.35rem .72rem !important}
  [data-screen-label="The Threshold"] [data-plx]{aspect-ratio:4/5 !important}
  [data-screen-label="II The Dining Room"] [data-plx]{aspect-ratio:5/4 !important}
  [data-screen-label="II The Dining Room"] [data-slide]{display:none !important}
  [data-screen-label="II The Dining Room"] [data-car-show]:not([data-car-show="-1"]){display:none !important}
  [data-screen-label="II The Dining Room"] [data-plate-statement]{left:0 !important;right:0 !important;bottom:0 !important;width:auto !important;padding:3rem 1.15rem 1rem !important;gap:.45rem !important;background:linear-gradient(0deg,rgba(7,6,5,.9) 0%,rgba(7,6,5,.68) 58%,rgba(7,6,5,0) 100%) !important}
  [data-screen-label="II The Dining Room"] [data-plate-statement] > span:first-child{font-size:var(--type-body) !important;line-height:1.2 !important}
  [data-screen-label="II The Dining Room"] [data-plate-statement] > span:last-child{font-size:.6875rem !important;letter-spacing:.14em !important;line-height:1.4 !important}
  [data-screen-label="III The Kitchen"] [data-bench-rail] figure:nth-child(1) > div{aspect-ratio:16/10 !important}
  [data-screen-label="III The Kitchen"] [data-bench-rail] figure:nth-child(2) > div{aspect-ratio:4/5 !important}
  [data-screen-label="III The Kitchen"] [data-bench-rail] figure:nth-child(3) > div{aspect-ratio:5/4 !important}
  [data-screen-label="III The Kitchen"] [data-vogue] [data-plx]{aspect-ratio:5/4 !important}
  [data-screen-label="III The Kitchen"] [data-vogue] [data-plx] > div:has(> p){left:1.1rem !important;right:1.1rem !important;bottom:1rem !important}
  [data-screen-label="III The Kitchen"] [data-vogue] [data-plx] > div:has(> p) p{font-size:clamp(.72rem,.9vw,.84rem) !important;line-height:1.45 !important}
  [data-screen-label="IV The Library"] [data-plx]{aspect-ratio:1/1 !important}
  [data-screen-label="IV The Library"] [data-plx] > div:has(> h3){left:1.15rem !important;right:1.15rem !important;top:1.15rem !important}
  [data-screen-label="IV The Library"] [data-plate-statement]{left:1.15rem !important;right:1.15rem !important;bottom:1.15rem !important;width:auto !important;max-width:none !important;gap:.45rem !important}
  [data-screen-label="IV The Library"] [data-plate-statement] > span:first-child{font-size:clamp(.72rem,.9vw,.84rem) !important;line-height:1.35 !important}
  [data-screen-label="IV The Library"] [data-plate-statement] > span:last-child{font-size:var(--type-body) !important;line-height:1.15 !important}
  [data-screen-label="V The Sitting Room"] [data-plx]{aspect-ratio:5/4 !important}
  [data-screen-label="V The Sitting Room"] [data-plx] > div:has(> h3){left:1.15rem !important;right:1.15rem !important;top:1.15rem !important;max-width:none !important}
  [data-screen-label="V The Sitting Room"] h3{font-size:var(--type-body-lead) !important;line-height:1.08 !important}
  [data-screen-label="V The Sitting Room"] h3 + div{font-size:.6875rem !important;letter-spacing:.14em !important}
  [data-screen-label="X The Walled Pool"] [data-plx]{aspect-ratio:1/1 !important}
  [data-screen-label="X The Walled Pool"] [data-plx] > div[data-fx]{left:1.2rem !important;right:1.2rem !important;top:1.2rem !important;max-width:none !important}
  [data-screen-label="X The Walled Pool"] [data-ink-watch]{left:1.2rem !important;right:1.2rem !important;bottom:1.2rem !important;gap:.45rem !important}
  [data-screen-label="X The Walled Pool"] [data-once-fade]{font-size:var(--type-body) !important;line-height:1.2 !important;max-width:18ch !important}
  [data-screen-label="XI The Tennis Courts"]{gap:1.5rem !important}
  [data-screen-label="XI The Tennis Courts"] [data-plx]{aspect-ratio:16/10 !important}
  [data-legal]{font-size:.6875rem !important;line-height:1.65 !important;letter-spacing:.08em !important}
}
@media (max-width:430px){
  [data-belt-sub]{font-size:.6875rem !important;letter-spacing:.08em !important;line-height:1.25 !important}
  [data-belt-group]{padding-bottom:.45rem !important}
}

/* ===== stratum: id="gh-responsive-qa-batch2-20260823" ===== */
@media (max-width:760px){
  [data-masthead]{height:60px !important;min-height:60px !important;box-sizing:border-box !important;padding:.4rem .9rem !important}
  [data-masthead] button{transform:scale(.92) !important;transform-origin:right center !important}
  [data-fx],[data-fx] span[style*="will-change"],[data-brick-h2],[data-brick-h2] span,h2 span[style*="will-change"],h3 span[style*="will-change"],p span[style*="will-change"]{opacity:1 !important;filter:none !important;transform:none !important;transition:none !important;animation:none !important;-webkit-mask-image:none !important;mask-image:none !important}
  [data-descent],[data-close-bed]{inset:0 !important;width:100% !important;max-width:none !important;transform:none !important;overflow:hidden !important}
  [data-descent] > img,[data-descent] > video,[data-close-bed] > img,[data-close-bed] > video{inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;animation:none !important}
  [data-close-bed] > img,[data-close-bed] > video{transform:none !important}
  [data-descent] > [data-bed-a]{object-position:58% 50% !important}
  [data-descent] > [data-bed-b]{object-position:50% 50% !important}
  [data-descent] > div:last-child{background:linear-gradient(180deg,rgba(8,7,6,.2) 0%,transparent 24%,transparent 72%,rgba(8,7,6,.48) 100%) !important}
  [data-close-bed] > div:last-child{background:linear-gradient(180deg,rgba(8,7,6,.25) 0%,rgba(8,7,6,.08) 22%,transparent 42%,transparent 62%,rgba(8,7,6,.52) 100%) !important}
  [data-plx][data-burned]::before{content:none !important;display:none !important;background:none !important}
}

@media (max-width:760px){
  [data-gate-s2]{opacity:1 !important;transform:none !important;filter:none !important}
  [data-brick-h2]{
    display:block !important;white-space:normal !important;max-width:14ch !important;
    margin-inline:auto !important;text-align:center !important;line-height:1.12 !important;
    color:#fcf9f2 !important
  }
  [data-brick-h2] em{white-space:nowrap !important;color:#e6c992 !important}
}

@media (max-width:1100px){
  [data-dc-tpl="23"],
  [data-dc-tpl="24"],
  [data-descent],
  [data-close-bed],
  [data-menu-overlay]{
    inset:0 !important;left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;
    width:auto !important;height:auto !important;max-width:none !important;max-height:none !important;
    transform:none !important;overflow:hidden !important
  }
  [data-descent] > img,
  [data-descent] > video,
  [data-close-bed] > img,
  [data-close-bed] > video{
    inset:0 !important;width:100% !important;height:100% !important;
    object-fit:cover !important;animation:none !important
  }
  [data-close-bed] > img,[data-close-bed] > video{transform:none !important}
  [data-descent] > div,
  [data-close-bed] > div{inset:0 !important;width:auto !important;height:auto !important}
  [data-dusk-haze]{
    inset:0 !important;width:auto !important;height:auto !important;
    transform:none !important;animation:none !important
  }
  [data-dusk-bloom]{
    left:0 !important;right:0 !important;width:auto !important;
    transform:none !important;animation:none !important
  }
  [style*="56vmax"]{
    width:100vmin !important;height:100vmin !important;
    margin:-50vmin 0 0 -50vmin !important
  }
}
@media (max-width:760px){
  [data-intro-a],[data-intro-b]{
    opacity:1 !important;transform:none !important;filter:none !important
  }
}

@media (max-width:1100px){
  [style*="56vmax"]{display:none !important}
}

@media (min-width:761px) and (max-width:1100px){
  [data-intro-a],[data-intro-b]{
    opacity:1 !important;transform:none !important;filter:none !important
  }
  [data-fx],
  [data-fx] :is(h1,h2,h3,h4,p,span,em,strong,blockquote,cite){
    filter:none !important
  }
}

@media (max-width:1100px){
  [data-plx][data-burned]::before{
    content:none !important;display:none !important;background:none !important
  }
}



@media (max-width:1100px){
  /* films play at every width (owner law). Only the fold transforms rest on small panes. */
  [data-fold-l],[data-fold-r]{transform:none !important}
  [data-fold-shade]{display:none !important;opacity:0 !important}
}

@media (max-width:1100px){
  [data-plx][data-burned] > img{
    inset:0 !important;top:0 !important;left:0 !important;
    width:100% !important;height:100% !important;
    transform:none !important;animation:none !important;will-change:auto !important;
    object-fit:cover !important
  }
}

@media (max-width:1100px){
  [data-plx][data-burned] > img{
    filter:none !important;transition:none !important
  }
}

/* ===== stratum: id="gh-responsive-qa-after-cleanup-20260823" ===== */
@media (max-width:1100px){
  [data-plx][data-burned]::after{
    content:none !important;display:none !important;background:none !important
  }
}

@media (max-width:1100px){
  [data-folio]{
    left:max(1rem,env(safe-area-inset-left)) !important;
    right:auto !important;top:auto !important;
    bottom:max(1rem,env(safe-area-inset-bottom)) !important;
    width:auto !important;height:auto !important;
    max-width:calc(100vw - 2rem) !important;max-height:none !important;
    padding:.5rem .75rem !important;overflow:visible !important
  }
}

/* ===== stratum: data-coco-phone-hero="4" ===== */
@media (max-width:640px){
[data-hero-fx="3"]{display:none !important}
.mnav{font-size:.58rem !important;letter-spacing:.14em !important;white-space:nowrap !important}
nav{gap:.7rem !important;flex-wrap:nowrap !important}
nav a{white-space:nowrap !important}
[data-hero-title="1"]{font-size:clamp(64px,19vw,86px) !important;white-space:normal !important;text-align:center !important;line-height:1.05 !important}
}

/* ===== stratum: data-coco-hero-title="enormous" ===== */
[data-hero-title]{font-size:clamp(96px,11.5vw,200px) !important}
@media (max-width:640px){[data-hero-title]{font-size:clamp(74px,21vw,98px) !important}}

/* ===== stratum: data-coco-titles="aug31-v5" ===== */
/* ONE CURVE for the whole sequence — Remotion's cinematic push, no bounce */
:root{--ghc:cubic-bezier(0.16,1,0.3,1)}

/* BEAT 1 · the name — rises out of the dusk, blur clears (0.7s -> 2.3s) */
[data-hero-title],#hero h1{
  animation:ghTitleName 1.6s var(--ghc) .7s both !important}
@keyframes ghTitleName{
  0%{opacity:0;transform:translateY(30px);filter:blur(10px)}
  55%{filter:blur(2px)}
  100%{opacity:1;transform:translateY(0);filter:blur(0)}}

/* BEAT 2 · the line beneath (1.9s -> 3.0s) */
[data-hero-tag]{animation:ghTitleTag 1.1s var(--ghc) 1.9s both !important}
@keyframes ghTitleTag{
  0%{opacity:0;transform:translateY(14px);letter-spacing:.34em}
  100%{opacity:1;transform:translateY(0)}}

/* BEAT 3 · the belt rises as one band (2.5s -> 3.7s) */
[data-belt]{animation:ghTitleBelt 1.2s var(--ghc) 2.5s both !important}
@keyframes ghTitleBelt{
  0%{opacity:0;transform:translateY(34px)}
  100%{opacity:1;transform:translateY(0)}}

/* BEAT 4 · the crest settles into its buckle, one glow bloom (2.9s -> 4.3s) */
[data-crest-img],[data-belt] img[alt*="crest"]{
  animation:ghTitleCrest 1.4s var(--ghc) 2.9s both !important}
@keyframes ghTitleCrest{
  0%{opacity:0;transform:translateX(-50%) translateY(12px) scale(1.14)}
  62%{opacity:1;filter:drop-shadow(0 0 22px rgba(233,206,153,.75))}
  100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1);
       filter:drop-shadow(0 2px 6px rgba(0,0,0,.65)) drop-shadow(0 0 10px rgba(233,206,153,.45))}}

/* BEAT 5 · the address writes itself last (3.6s -> 4.6s) */
[data-belt-address]{animation:ghTitleAddr 1.0s var(--ghc) 3.6s both !important}
@keyframes ghTitleAddr{
  0%{opacity:0;transform:translateY(10px)}
  100%{opacity:1;transform:translateY(0)}}

/* masthead nav breathes in after the plate is set */
header,[data-mast]{animation:ghTitleMast .9s var(--ghc) 4.1s both}
@keyframes ghTitleMast{0%{opacity:0}100%{opacity:1}}

/* the quiet after: nothing loops, nothing bounces — the film carries from here */
@media (prefers-reduced-motion:reduce){
  [data-hero-title],#hero h1,[data-hero-tag],[data-belt],[data-belt-address],
  [data-crest-img],[data-belt] img[alt*="crest"],header,[data-mast]{
    animation:none !important;opacity:1 !important;transform:none !important;filter:none !important}
  [data-belt] img[alt*="crest"]{transform:translateX(-50%) !important}}

/* ===== stratum: data-patch="punchlist-wave1-20260831" ===== */
/* PUNCH LIST wave 1 (Claude, Rachel word). */
[data-ink-watch]{left:0 !important;right:0 !important;bottom:0 !important;padding:2.4rem clamp(1rem,2.4vw,1.8rem) 1rem !important;background:linear-gradient(180deg,transparent,rgba(6,6,5,.55) 55%,rgba(6,6,5,.82)) !important}
p sup,div sup{line-height:0}
@media (max-width:760px){
  span[style*="left:calc(.5px - clamp"]{display:none !important}
}
[data-masthead]{animation-range:0 640px;animation-fill-mode:both}
[data-fx="paint"],[data-fx="paint"] *{-webkit-mask-image:none !important;mask-image:none !important}
@media (max-width:760px){[data-sepdot]{display:none !important}}
[data-car] [data-mark-dot]{display:none !important}
figcaption[data-fineprint]{position:relative;z-index:2}
[data-screen-label="XI The Tennis Courts"] > div:first-child{background:linear-gradient(100deg,rgba(6,6,5,.78),rgba(6,6,5,.42) 72%,rgba(6,6,5,.1));padding:clamp(1.4rem,3vw,2.2rem);border-left:1px solid rgba(184,152,99,.14)}
#hero::before{content:"";position:absolute;top:0;left:0;right:0;height:11%;background:linear-gradient(180deg,rgba(6,6,5,.5),transparent);z-index:1;pointer-events:none}

/* ===== stratum IX: touch targets (new, 2026-09-05) ===== */
@media (pointer:coarse){
  /* touch targets to 44px (2026-09-05) - geometry nudges only, nothing restacks */
  [data-menu-btn]{min-width:44px!important;min-height:44px!important}
  button[aria-label^="Photograph"]{min-width:44px!important;min-height:44px!important}
  [data-room-car-btn]{min-height:44px!important}
  a[href$="details.dc.html"]:not([data-masthead] a),a[href$="tour.dc.html"]:not([data-masthead] a),
  a[href$="history.dc.html"]:not([data-masthead] a),a[href$="gallery.dc.html"]:not([data-masthead] a),
  a[href$="inquire.dc.html"]:not([data-masthead] a){display:inline-block;padding-top:.35rem;padding-bottom:.35rem}
}

/* ===== stratum X: belt air at tablet/desktop widths (2026-09-05, Rachel word:
   "address is very small on sides of crest and pool and tennis look smushed").
   The band gets a deeper cut, the address reads at 13-17px beside the crest,
   and the pool/tennis sub-line lifts clear of the viewport edge. The crest
   grows with the band (buckle derives from --band) - proportions stay locked.
   Verified live at 900x950 before shipping. */
@media (min-width:768px){
:root{--band:clamp(104px,13.5vh,134px)}
:root:root:root [data-belt-address] span{font-size:clamp(13px,1.35vw,17px)!important;letter-spacing:.22em!important}
div[style*="--band)*0.07"]{bottom:calc(var(--band)*0.115)!important}
div[style*="--band)*0.07"] span{font-size:12.5px!important;letter-spacing:.3em!important}
}

/* ===== stratum XI: the gate reads clean (2026-09-05, Rachel word:
   "remove the black fade over top of gate"). The 24vh top shade is retired;
   its companion baked gradient is stripped in the photo-cleanup script. */
div[style*="24vh"]{display:none!important} /* unique to the gate top shade */

/* ===== stratum XII: the Provenance reveal (2026-09-05, Rachel word: content
   appears artfully and tastefully on scroll, gate through "What follows is
   Garran Hill"). Each story beat rises 18px with a breath of blur clearing,
   staggered 130ms within a view, then stays. Armed by support.js; reduced-motion
   visitors see everything immediately (this whole block is motion-gated). */
/* Treatment: LETTERPRESS (Rachel's pick from the animation lab, 2026-09-05:
   HANDOFF mode=letterpress speed=0.65s stagger=130ms trigger=12%).
   Type settles into its measure - a hair wide, then home. No lift, no blur. */
@media (prefers-reduced-motion: no-preference){
.gh-rv{opacity:0 !important;transform:scaleX(1.045) !important;transform-origin:50% 50% !important;filter:none !important;animation:none !important;-webkit-mask-image:none !important;mask-image:none !important;transition:opacity .65s cubic-bezier(.22,.61,.36,1) var(--ghr,0s),transform .8125s cubic-bezier(.22,.61,.36,1) var(--ghr,0s) !important}
.gh-rv.gh-in{opacity:1 !important;transform:scaleX(1) !important}
[data-gate-s1].gh-rv,[data-gate-s2].gh-rv{display:block!important}
}

/* ===== stratum XIII: the nomination letter meets its sentence (2026-09-05,
   Rachel word: "the letter behind Walter Hines Page should show up where it says
   Six weeks later, Woodrow Wilson appointed him"). The letter panel is parallax-
   driven, so the move is its layout anchor: 580px deeper, which lands its typed
   lines and Wilson's signature behind that paragraph at every measured width
   (needed 546-618px at 840/1000/1440). */
/* Contained plate (Rachel word: "the letter needs to [be] contained - will look
   better"): the nomination document gets the site's exhibit treatment - clean
   crop, gold hairline, laid-on-the-desk shadow, darkened so the sentence reads
   over it. Same language as the portrait and Plymouth plates. */
[data-intro-spread] > [data-intro-letter-lit]{display:none!important}
[data-intro-spread] > [data-intro-letter]{
  /* -690 (was -560): the review panel confirmed the Wilson sentence crossed the
     plate; seated ~130px lower the document sits fully BELOW its sentence —
     evidence follows the claim, nothing overlaps */
  bottom:calc(clamp(2.4rem,5vh,3.4rem) - 690px)!important;
  width:min(44%,470px)!important;
  right:clamp(.5rem,3vw,3rem)!important;
  opacity:1!important;
  background-image:url("https://res.cloudinary.com/dghn2xpif/image/upload/c_crop,w_0.8,h_0.48,x_0.1,y_0.5/e_grayscale/f_auto,q_auto,w_1400/v1786401791/garran-hill/archive/page-nomination-1913.jpg")!important;
  filter:brightness(.42) sepia(.28) contrast(1.04)!important;
  border:1px solid rgba(184,152,99,.32)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.5)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
/* the div's inner layers are echo copies with their own masks (built for the old
   ghost look) - silenced so the single clean document shows */
[data-intro-spread] > [data-intro-letter] > *{display:none!important}

/* ===== stratum XIV: the letter arrives (2026-09-05, Rachel word: "motion on the
   letter so it comes in from the edge of screen"). Claim first, then proof: the
   sentence settles, and a beat later the nomination document slides in from the
   right edge on the house curve, a 1.4deg rotation settling flat as it lands -
   paper laid on the desk. Rides translate/rotate so the parallax transform
   rewrites cannot erase it. */
@media (prefers-reduced-motion: no-preference){
[data-intro-spread] > [data-intro-letter]{
  translate:min(38vw,420px) 18px;rotate:1.1deg;opacity:0!important;
  transition:translate 1.6s cubic-bezier(.16,.56,.2,1),rotate 1.6s cubic-bezier(.16,.56,.2,1),opacity .7s ease .05s!important;
  will-change:translate,opacity;
}
[data-intro-spread] > [data-intro-letter].gh-in{translate:0 0;rotate:0deg;opacity:1!important}
}

/* ============ STRATUM XV · GATE HINGE PIN (2026-09-06, Rachel: "push this to floor so i can see entire website") ============
   Act I of the cinematic spine: the gate section holds for 260svh on desktop and its
   own sticky inner frame (built for the dip-through-black entry) does the pinning.
   The choreography engine lives in support.js (GATE HINGE) — House Cut values from
   /gate-hinge-lab.html. Phones, tablets and reduced-motion keep the single-screen gate. */
@media (min-width:1101px) and (prefers-reduced-motion: no-preference){
  div[data-gate]{height:260svh !important}
}

/* ============ STRATUM XVI · THE CARD'S STAGE (2026-09-06, Rachel: "the card needs time to come out before the larger photo") ============
   The nomination letter hangs ~560px below the 1913 spread and was overlapping the
   1917 Plymouth plate by ~49px. Push the war chapter down so the settled card owns
   a quiet dark beat before the larger photograph arrives. The 1917 entry is the
   rail column's second child. Widened to the tablet band Sep 6 — Rachel's own
   window sits in 761-1100px and the stage must exist where she reads. */
@media (min-width:761px){
  div[data-rail-entry]:nth-child(2){margin-top:clamp(220px,33vh,370px)!important}
}

/* ============ STRATUM XVII · THE ENDING SWEEP (2026-09-06, Rachel: "it is hard to read the text" + "full record at very end") ============
   Three beats over the aerial close bed, each with ink to stand on: the grounds
   caption owns a centered screen, the verdict line owns its own beat, and the
   record doors now live inside The Close above the fine print. Soft radial scrims
   + the gate lines' shadow treatment carry the type over sunlit trees. */
@media (min-width:761px){
  /* the tennis treatment (Rachel's word): text stands on a solid dark plate,
     gold hairline inset, so it reads over whatever the aerial shows behind.
     Widened to the tablet band — Rachel reads at 761-1100px. */
  /* narrow left column like the tennis panel — not a full-width slab
     (Rachel, on the wide version: "this looks awful") */
  [data-gh-groundscap]{max-width:min(620px,88%)!important;margin:clamp(2rem,4vh,3rem) auto clamp(7rem,16vh,11rem) clamp(1.6rem,5vw,5.5rem)!important;padding:clamp(1.8rem,4vh,2.6rem) clamp(1.8rem,3.5vw,2.8rem)!important;background:rgba(8,7,6,.86);box-shadow:inset 0 0 0 1px rgba(184,152,99,.14),0 30px 80px rgba(0,0,0,.5)}
  [data-gh-record]{margin-top:clamp(2rem,5vh,3.2rem)!important}
}

/* ============ STRATUM XVIII · THE SEAM CURE (2026-09-06) ============
   THE root cause of every "black scrim band" Rachel reported (porch, dining,
   tennis, house cover, primary, sitting, library): the runtime's caption burn —
   the ::after with an explicit ~44% height and a 0deg dark-at-bottom gradient
   meant to seat captions at the plate FOOT — is over-constrained (inset:0 plus
   height), so CSS resolves it TOP-anchored: the gradient hits peak darkness
   mid-photo and cuts off in a razor-straight seam under multiply blending.
   Anchor it back to the bottom on every burned plate, at every width. The
   full-height subtle grades on unburned plates are untouched (scoped by
   [data-burned]). */
[data-plx][data-burned]::after{top:auto!important;bottom:0!important}