/* Static text and local section navigation replace the original animated hero. */
header.sh,.sh-right { display:none!important; }
.js-i-mask,.js-i-page-intro,.js-i-logo-pre-fade,.js-i-flip { display:none!important; }
.canopy-home-start { color:var(--color-carbon); }
.canopy-nav { position:fixed; inset:0 0 auto; z-index:100; display:flex; align-items:center; justify-content:space-between; gap:32px; padding:18px 4vw; background:var(--color-sky-wash); border-bottom:1px solid #272e2730; }
.canopy-nav__logo { font:400 28px/1.1 'Slush Display',sans-serif; letter-spacing:-.025em; }
.canopy-nav nav { display:flex; align-items:center; gap:clamp(16px,2vw,32px); }
.canopy-nav nav a { display:flex; align-items:center; min-height:44px; font:600 18px/1.3 'Slush UI',sans-serif; }
.canopy-nav nav a:hover { text-decoration:underline; text-underline-offset:5px; }
.canopy-nav .canopy-nav__contact,.canopy-hero__button { border:1px solid var(--canopy-olive); border-radius:999px; padding:14px 24px; background:var(--canopy-olive); color:var(--canopy-chalk); font:700 18px/1.3 'Slush UI',sans-serif; }
.canopy-nav__toggle { display:none; min-height:44px; padding:8px 16px; border:1px solid currentColor; border-radius:999px; font:600 18px/1.3 'Slush UI',sans-serif; }
.canopy-skip { position:fixed; left:24px; top:-100px; padding:14px 20px; background:var(--color-paper-white); font-size:18px; z-index:120; }
.canopy-skip:focus { top:12px; }
.canopy-home-start a:focus-visible,.canopy-home-start button:focus-visible { outline:3px solid var(--canopy-olive); outline-offset:5px; }
.canopy-hero { position:relative; padding:272px 5vw 48px; overflow:clip; background:var(--color-sky-wash); }
.canopy-hero__inner { position:relative; z-index:1; max-width:1680px; margin:auto; }
.canopy-hero__title { text-align:center; margin:0 auto 100px; }
.canopy-hero__title h1 { margin:0 auto; max-width:1100px; font:400 clamp(76px,9.5vw,152px)/.98 'Slush Display',sans-serif; text-transform:uppercase; letter-spacing:-.025em; }
.canopy-hero__title h1 span { display:block; }
.canopy-hero__title p { margin:32px 0; font:400 20px/1.5 'Slush UI',sans-serif; }
.canopy-hero__button { display:inline-flex; min-height:48px; }
.canopy-hero__button:hover,.canopy-nav__contact:hover { background:#303c29; }
.canopy-hero__studio { position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:7vw; height:min(70vh,720px); min-height:400px; }
.canopy-hero__intro { position:relative; }
.canopy-hero__studio h2 { max-width:620px; margin:0 0 32px; font:600 clamp(28px,3.3vw,52px)/1.18 'Slush UI',sans-serif; letter-spacing:-.025em; }
.canopy-hero__spaces { font:600 18px/1.5 'Slush UI',sans-serif; text-decoration:underline; text-underline-offset:5px; }
.canopy-hero__media { position:relative; width:100%; aspect-ratio:3/2; z-index:2; overflow:hidden; border-radius:12px; background:var(--color-carbon); }
.canopy-hero__media > img,.canopy-hero__media > video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.canopy-hero__media > video { visibility:hidden; }
.canopy-hero__media.is-playing > video { visibility:visible; object-fit:contain; background:var(--color-carbon); }
.canopy-hero__play { position:absolute; inset:auto 24px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; padding:12px 20px; background:var(--canopy-olive); color:var(--canopy-chalk); border-radius:999px; font:600 18px/1.4 'Slush UI',sans-serif; }
.canopy-hero__play img { width:24px; height:24px; filter:brightness(0) invert(1); }
.canopy-hero__media.is-playing .canopy-hero__play { display:none; }
.canopy-hero__close { position:absolute; top:16px; right:16px; padding:12px 20px; background:var(--canopy-chalk); color:var(--color-carbon); border-radius:999px; font:600 18px/1.3 'Slush UI',sans-serif; }
.canopy-hero__error { position:absolute; inset:16px 16px auto; padding:16px; background:var(--canopy-chalk); font:400 18px/1.5 'Slush UI',sans-serif; }
.canopy-hero__media button:focus-visible { outline:3px solid var(--canopy-chalk); outline-offset:-6px; }
[id^='canopy-'] { scroll-margin-top:110px; }
@media(max-width:1000px) {
  .canopy-nav { padding:14px 24px; }
  .canopy-nav__toggle { display:block; }
  .canopy-nav nav { display:none; position:absolute; top:100%; left:0; right:0; flex-wrap:wrap; padding:24px; background:var(--color-sky-wash); border-bottom:1px solid #272e2730; gap:12px 24px; }
  .canopy-nav nav.is-open { display:flex; }
  .canopy-hero { padding-top:240px; }
}
@media(max-width:700px) {
  .canopy-hero { padding:200px 24px 48px; }
  .canopy-hero__title { margin-bottom:72px; }
  .canopy-hero__title h1 { font-size:clamp(48px,11.5vw,80px); }
  .canopy-hero__title p { margin:24px 0; font-size:18px; }
  .canopy-hero__studio { grid-template-columns:1fr; gap:32px; height:auto; min-height:0; }
  .canopy-hero__studio h2 { font-size:30px; }
  .canopy-hero__play { inset:auto 12px 12px; padding:12px; gap:8px; }
  .canopy-hero__play span:last-child { display:none; }
}
