/* Material, form and light. CF-001 Article XIII; approved local direction.
   Brand artwork is a decorative surface, never a substitute for project media.
   Each section uses one continuous image. The closer crop isolates the fine
   cream/gold veins and keeps the broad dark band outside the decorative field. */
:root{--paper:#faf9f5;--ink:#121414;--green:#20543d;--gold:#886220;--gold-line:#b99342;--gold-light:#d5bc82;--pale:#efeee8;--line:#d7d5cc;--surface:url('assets/brand-material-surface.webp');--surface-dark-color:#111413;--surface-dark-opacity:.3;--surface-dark-filter:grayscale(1) brightness(1.25);--surface-light:url('assets/brand-mandeville-plaster-detail.webp');--surface-light-opacity:.48;--surface-light-filter:saturate(.72) contrast(1.16) brightness(1.08);--surface-light-mask:linear-gradient(110deg,#0008 0%,#000 100%);--surface-light-position:20% 37%;--surface-light-size:max(175%,1100px) auto}
.site-header{background:#faf9f5f5}.reading-progress{background:var(--gold-line)}
.motif::before{background:var(--surface-light) var(--surface-light-position)/var(--surface-light-size) no-repeat;filter:var(--surface-light-filter);opacity:var(--surface-light-opacity);mask-image:var(--surface-light-mask)}
/* Text reads directly on the plaster; controls retain their own clear edges. */
:is(.field-opening,.purpose-opening,.note-opening,.pilot-section,.site-process,.takeaway).motif p:not(.lead):not(.eyebrow),
:is(.purpose-opening,.note-opening,.site-process).motif figcaption{color:#4b4d47}
.motif::after{content:'';position:absolute;right:5%;top:0;bottom:0;width:1px;background:#b9934238;pointer-events:none;z-index:-1}
.home .home-hero{grid-template-columns:44% 56%;min-height:660px;border-bottom:5px solid var(--ink)}
.home .hero-stage{min-height:660px;border-left:8px solid var(--ink)}
.home .hero-copy{padding:54px 9% 38px 11.4%;overflow:hidden}
.home .hero-copy .eyebrow{margin-bottom:25px;font-size:8px;letter-spacing:.12em}
.home .hero-copy .eyebrow::before{content:'';display:inline-block;width:6px;height:6px;background:var(--green);margin-right:8px}
.home .hero-copy h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(90px,9.1vw,145px);font-weight:900;line-height:.94;letter-spacing:-.035em;margin-bottom:24px}
.home .hero-copy h1 .script{font-family:ExotiCreteScript,cursive;font-weight:400;font-size:.72em;line-height:1.3;padding:0 .12em 0 0}
.home .hero-statement{color:var(--ink);font-size:25px;line-height:1.25;letter-spacing:-.035em;margin-bottom:18px}
.home .hero-description{font-size:14px;line-height:1.7;max-width:340px}
.home .hero-audience{font-size:12px;margin:12px 0}
.home .hero-footnote{font-size:8px;padding-top:29px;letter-spacing:.16em}
.home .hero-copy .actions{margin-top:24px;gap:20px}
.hero-controls{padding-top:85px}.hero-controls p{border-left:2px solid var(--gold-line);padding:0 0 0 15px;font-size:11px;max-width:250px}
.hero-controls button{background:#12141480}.hero-controls button:hover{border-color:var(--gold-line)}
.hero-slide[data-project=broadcasting-commission-rooftop] img{object-position:52% center}
.discipline-strip{background:var(--ink);color:#f2f1eb;border-bottom:1px solid #b9934255;padding-top:15px;padding-bottom:15px}
.discipline-strip a>span{color:var(--gold-light)}.discipline-strip a:hover{color:white;border-color:var(--gold-light)}
.discipline-strip a:focus-visible{outline-color:var(--gold-light)}
.button.dark{border-bottom:2px solid var(--gold-line)}.button.dark:hover{background:var(--green)}
.story-hero{position:relative;isolation:isolate}.story-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--surface-light) var(--surface-light-position)/var(--surface-light-size) no-repeat;filter:var(--surface-light-filter);opacity:var(--surface-light-opacity);mask-image:var(--surface-light-mask);pointer-events:none}
.story-lead-image,.note-context-image{padding-left:16px;border-left:1px solid var(--gold-line)}
.story-lead-image img,.note-context-image img{box-shadow:0 12px 22px -24px #121414}
.story-body,.article-layout{border-top:5px solid var(--ink)}
.home-founder-photo{padding-left:16px;border-left:1px solid var(--gold-line)}
.home-institute,.institute,.institute-journal,.invitation{position:relative;isolation:isolate;overflow:hidden;background:var(--surface-dark-color)}
.home-institute::before,.institute::before,.institute-journal::before,.invitation::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--surface) center/cover no-repeat;opacity:var(--surface-dark-opacity);filter:var(--surface-dark-filter);mask-image:none;pointer-events:none}
.home-institute{border-left:3px solid var(--gold-line);box-shadow:10px 10px 0 #20543d;gap:45px}
.home-institute h3 em{color:var(--gold-light)}
.institute.motif::after,.institute-journal.motif::after{background:#b993424a}
.home-institute .eyebrow::before,.institute .section-heading .eyebrow::before{content:'';display:inline-block;width:7px;height:7px;margin-right:10px;background:#7eaa89}
.invitation{border-top:6px solid #080a09}.invitation::after{content:'';position:absolute;top:0;left:6.5%;width:18%;height:1px;background:var(--gold-line)}
.invitation .button{border-bottom:2px solid var(--gold-line)}
.home-journey,.story-directory{border-top:1px solid #c8c7bc}
.home-notes{border-top:1px solid var(--line)}.home-note-links>a:not(.text-link){border-color:var(--gold-line)}
.enquiry-form-wrap{border-left:1px solid var(--gold-line);padding-left:45px}
.enquiry-intro.motif{padding:25px 28px 25px 0}.enquiry-intro.motif::before{opacity:var(--surface-light-opacity);mask-image:linear-gradient(110deg,transparent,#000)}
.enquiry-intro.motif::after{display:none}
.enquiry-steps li[aria-current=step]{border-left-color:var(--gold-line)}
.dna-composition{transform:none;gap:8px}.dna-composition .dna-mass{background:linear-gradient(#12141477,#12141477),var(--surface) center/cover;border-left:2px solid var(--gold-line)}
.dna-composition .dna-surface{background:linear-gradient(#12141466,#12141466),var(--surface) center/cover;color:var(--paper);border-top:1px solid var(--gold-line)}
.dna-composition .dna-void{background:#faf9f580;box-shadow:inset 7px 0 10px -10px #121414;border-color:var(--gold-line)}
.dna-composition .dna-place{border-bottom:3px solid var(--green)}
.published-note>header{position:relative;isolation:isolate;padding:30px 0 35px;border-bottom:1px solid var(--gold-line)}
.published-note>header::before{content:'';position:absolute;inset:0;z-index:-1;opacity:var(--surface-light-opacity);background:var(--surface-light) var(--surface-light-position)/var(--surface-light-size) no-repeat;filter:var(--surface-light-filter);mask-image:var(--surface-light-mask);pointer-events:none}
.brand-surface-experience{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;margin-top:65px;padding-top:55px;border-top:1px solid #c8c7bc}
.surface-story .eyebrow{color:var(--green);margin-bottom:24px}.surface-story h3{font-size:clamp(34px,3.5vw,48px);margin-bottom:25px}
.surface-story>p:not(.eyebrow){max-width:360px;font-size:15px;line-height:1.8}.surface-story .text-link{font-size:12px;margin-top:22px}
.surface-context{font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px;max-width:580px}
.material-study{min-width:0}.material-scene{height:410px;position:relative;isolation:isolate;background:#e3e1d7;overflow:hidden;border:1px solid #d1d0c6;box-shadow:0 20px 35px -28px #12141480}.stone-plane{position:absolute;inset:0 28% 0 0;background:#131716;overflow:hidden;box-shadow:8px 0 14px #0006;z-index:2}.stone-plane::before{content:'';position:absolute;inset:-1px;background:var(--surface) center/cover;opacity:.7;filter:grayscale(1) brightness(1.4);transition:opacity .55s,transform .8s,filter .55s;transform:scale(1)}.stone-light{position:absolute;inset:0;background:linear-gradient(110deg,#e2d1a83d,transparent 35%);mix-blend-mode:screen;opacity:.2;transition:opacity .6s}.white-plane{position:absolute;top:0;right:0;bottom:0;width:28%;background:var(--paper);box-shadow:inset 18px 0 20px -22px #111;z-index:1}.white-plane::before{content:'';position:absolute;inset:0;background:var(--surface-light) var(--surface-light-position)/var(--surface-light-size) no-repeat;filter:saturate(.72) contrast(1.16) brightness(1.08);opacity:var(--surface-light-opacity)}.white-plane::after{content:'';position:absolute;top:12%;left:29%;height:44%;width:1px;background:#b9934260}.inlay{position:absolute;z-index:3;top:0;bottom:0;left:71%;width:2px;background:linear-gradient(#f4e4b2,#8a661f 55%,#c7a657)}.joint{position:absolute;z-index:4;top:65%;height:7px;left:0;right:28%;background:#080909;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff12;box-shadow:0 4px 9px #0008}.specimen-index{position:absolute;top:28px;left:29px;font-size:8px;letter-spacing:.14em;color:#c8c9c4;z-index:2}.plane-word{position:absolute;bottom:29px;left:29px;color:#fff;font-size:24px;line-height:1.1;letter-spacing:-.015em;z-index:2}.detail-callout{position:absolute;top:67%;right:5%;width:18%;font-size:10px;color:#494d48;z-index:2;line-height:1.6}.detail-scale{position:absolute;bottom:21px;right:3.5%;color:#7b7059;font-size:7px;letter-spacing:.04em;z-index:2}.material-controls{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #c5c4bb}.material-controls button{display:flex;gap:9px;align-items:center;justify-content:flex-start;min-height:58px;padding:10px 10px 10px 0;background:none;border:0;border-bottom:2px solid transparent;color:#626561;font-size:9px}.material-controls button span{font-size:11px}.material-controls button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--gold)}#material-caption{font-size:12px;color:#494e48;margin-top:18px;min-height:42px;max-width:580px}.study-note{display:block;margin-top:12px;font-size:10px;color:#6b6f67;line-height:1.6}.material-study[data-material-mode=reveal] .stone-plane::before{opacity:1;filter:grayscale(1) brightness(2)}.material-study[data-material-mode=reveal] .stone-light{opacity:.75}.material-study[data-material-mode=detail] .stone-plane::before{opacity:1;filter:grayscale(1) brightness(2.3);transform:scale(2.1)}.material-study[data-material-mode=detail] .stone-light{opacity:.4}

@media(max-width:1100px){.home .hero-copy{padding:45px 10% 35px}.home .hero-copy h1{font-size:clamp(78px,9.7vw,110px)}.home .hero-copy .actions{gap:16px}.home .hero-copy .actions .button{padding-left:16px;padding-right:16px;gap:20px}.home .hero-statement{font-size:23px}.brand-surface-experience{gap:6%;grid-template-columns:.85fr 1.15fr}.material-scene{height:380px}.material-controls button{gap:5px}.material-controls button span{font-size:10px}.enquiry-form-wrap{padding-left:30px}}
@media(max-width:850px){.home .home-hero{display:grid;grid-template-columns:1fr;min-height:0}.home .hero-stage{grid-row:1;min-height:0;height:390px;border-left:0;border-bottom:5px solid var(--ink)}.home .hero-copy{grid-row:2;min-height:0;padding:36px 7% 36px;display:block}.home .hero-copy h1{font-size:105px;margin-bottom:20px;display:block;white-space:normal}.home .hero-copy h1 .script{display:inline-block}.home .hero-copy h1 br{display:block}.home .hero-copy .eyebrow{font-size:9px;margin-bottom:20px}.home .hero-description{max-width:550px;font-size:15px}.home .hero-audience{font-size:13px}.home .hero-statement{font-size:25px}.home .hero-footnote{display:block;padding-top:25px}.home .hero-copy .actions{display:flex;margin-top:22px;gap:24px}.home .hero-copy .actions .button,.home .hero-copy .actions .text-link{font-size:12px}.home .hero-slide[data-project=broadcasting-commission-rooftop] img{object-position:50% 50%}.brand-surface-experience{grid-template-columns:1fr;gap:32px;margin-top:45px;padding-top:40px}.surface-story>p:not(.eyebrow){max-width:600px}.material-scene{height:390px}.material-controls button{justify-content:center;padding:10px 3px;gap:7px}.material-controls button span{font-size:11px}.surface-story h3{font-size:40px}.enquiry-form-wrap{border-left:0;border-top:1px solid var(--gold-line);padding:30px 0 0}.home-institute{gap:25px}.home-founder-photo{padding-left:12px}.story-lead-image,.note-context-image{padding-left:12px}}
@media(max-width:520px){.home .hero-stage{height:335px;min-height:0}.home .hero-copy{padding:31px 6% 30px}.home .hero-copy .eyebrow{font-size:8px;line-height:1.7;max-width:95%}.home .hero-copy h1{font-size:90px;line-height:.94;letter-spacing:-.035em;margin-bottom:21px}.home .hero-copy h1 .script{font-size:.72em;line-height:1.3;display:inline-block;padding:0 .12em 0 0}.home .hero-copy .actions{gap:20px}.home .hero-copy .actions .button{font-size:11px;gap:22px}.home .hero-copy .actions .text-link{font-size:11px}.home .hero-controls{padding:65px 18px 20px;gap:8px}.home .hero-controls p{font-size:9px;max-width:170px;padding-left:11px}.home .hero-controls>div{gap:8px}.home .hero-controls button{width:44px}.home .hero-statement{font-size:24px}.home .hero-footnote{padding-top:24px;margin:0}.home-institute{box-shadow:6px 7px 0 var(--green);padding:28px 23px}.material-scene{height:350px}.specimen-index{left:22px;font-size:7px}.plane-word{left:22px;font-size:22px}.detail-callout{font-size:9px}.detail-scale{font-size:6px}.material-controls button{gap:5px;font-size:8px}.material-controls button span{font-size:10px}#material-caption{min-height:58px}.enquiry-intro.motif{padding:20px 15px 20px 0}.surface-story h3{font-size:35px}.published-note>header{padding-top:15px}.published-note>header::before{inset:0}.story-body,.article-layout{border-top-width:4px}}
@media(max-width:360px){.home .hero-copy h1{font-size:82px}.home .hero-copy .eyebrow{font-size:7px}.home .hero-stage{height:315px}.home .hero-controls p{max-width:125px}.home .hero-controls>div{gap:5px}.home .hero-controls{padding-left:13px;padding-right:13px}.home .hero-copy .actions{gap:17px}.material-scene{height:320px}}
/* Each light section has one full-height plaster layer. Preserve the close
   crop on narrow screens while allowing unusually tall sections to stay covered. */
@media(max-width:850px){
  :is(.field-opening,.purpose-opening,.note-opening,.pilot-section,.site-process,.takeaway).motif::before,
  .published-note>header::before{
    inset:0;
    height:auto;
    background-size:auto max(100%,1467px,233.334vw);
    background-position:var(--surface-light-position);
    opacity:var(--surface-light-opacity);
    filter:var(--surface-light-filter);
    mask-image:var(--surface-light-mask);
  }
  .home-institute::before,.institute::before,.institute-journal::before,.invitation::before{
    inset:0;
    height:auto;
    background-position:center;
    opacity:var(--surface-dark-opacity);
    filter:var(--surface-dark-filter);
    mask-image:none;
  }
}
@media(prefers-reduced-motion:reduce){.material-study *,.material-study *::before,.material-study *::after{transition:none!important;animation:none!important}}