@layer site {
  :root { --still-black: oklch(7% 0 0); --still-charcoal: oklch(18% .005 95); --still-light: oklch(86% .16 92); --still-white: oklch(96% .01 95); --still-muted: oklch(78% .015 95); }
  body { background: var(--still-black); color: var(--still-white); font-family: "Gill Sans", "Trebuchet MS", sans-serif; }
  .site-header { background: var(--still-black); color: var(--still-white); border-color: oklch(35% 0 0); }.site-header .brand { font-size: 1.25rem; letter-spacing: .26em; text-transform: uppercase; }.header-call { background: var(--still-light); color: var(--still-black); }
  .still-hero { position: relative; min-height: calc(100vh - 72px); overflow: hidden; }.still-facade { position: absolute; inset: 0; background: #080808; }.facade-panel { position: absolute; top: 0; bottom: 0; background: #161817; }.panel-one { left: 14%; width: 23%; }.panel-two { right: 12%; width: 24%; background: #1c1d1c; }.still-door { position: absolute; left: 41%; bottom: 0; width: 19%; height: 76%; border: 1px solid #46463f; background: #171714; }.still-beam { position: absolute; left: 38%; top: 13%; width: 28%; height: 75%; clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%); background: oklch(86% .16 92 / .68); filter: blur(8px); transform: translateX(var(--beam-x, 0px)) scaleX(.58); transition: transform .35s var(--ease-out), opacity .35s var(--ease-out); }.still-hero[data-light-open] .still-beam { transform: translateX(var(--beam-x, 0px)) scaleX(1); opacity: .92; }
  .still-copy { position: relative; z-index: 2; min-height: calc(100vh - 72px); display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(30px, 6vw, 80px); }.still-time { position: absolute; top: 30px; right: clamp(30px, 6vw, 80px); color: var(--still-muted); text-align: right; }.still-copy h1 { max-width: 8ch; margin: 0; font-family: "Bodoni 72", Didot, serif; font-size: clamp(4.4rem, 10vw, 6rem); font-weight: 400; line-height: .86; letter-spacing: -.035em; }.still-copy > p:not(.still-time) { max-width: 34ch; color: var(--still-white); font-size: 1.15rem; }
  .site-action, .light-toggle { min-height: 48px; width: fit-content; border: 0; border-radius: 0; padding: 13px 17px; background: var(--still-light); color: var(--still-black); font-weight: 800; cursor: pointer; box-shadow: 0 7px 0 oklch(47% .1 92); transition: transform .24s var(--ease-out), box-shadow .24s var(--ease-out); }.site-action:hover, .light-toggle:hover { transform: translateY(-3px); box-shadow: 0 10px 0 oklch(47% .1 92); }.light-toggle { position: absolute; right: 24px; bottom: 24px; z-index: 3; }
  .site-shell { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }.still-listen { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(45px, 9vw, 130px); padding-block: clamp(90px, 12vw, 160px); }.still-listen h2, .still-promise h2, .page-mast h1 { margin: 0; font-family: "Bodoni 72", Didot, serif; font-size: clamp(3.3rem, 7vw, 6rem); font-weight: 400; line-height: .92; letter-spacing: -.03em; }.sound-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: oklch(36% 0 0); }.sound-grid button { min-height: 150px; border: 0; padding: 22px; background: var(--still-charcoal); color: var(--still-white); text-align: left; cursor: pointer; transition: background .22s var(--ease-out), color .22s var(--ease-out); }.sound-grid button:hover { background: var(--still-light); color: var(--still-black); }
  .still-promise { padding-block: clamp(100px, 14vw, 190px); background: var(--still-white); color: var(--still-black); }.still-promise .site-action { margin-top: 25px; background: var(--still-black); color: var(--still-white); box-shadow: 0 7px 0 oklch(60% 0 0 / .25); }.promise-line { display: flex; flex-wrap: wrap; gap: 14px 34px; margin-top: 36px; padding-top: 20px; border-top: 1px solid #777; font-weight: 700; }
  .still-ending { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; padding-block: 100px; }.still-ending blockquote { max-width: 22ch; margin: 0; font-family: "Bodoni 72", serif; font-size: clamp(2.4rem, 5vw, 4.8rem); line-height: 1; }
  .page-mast { padding-block: clamp(110px, 15vw, 200px); border-bottom: 1px solid oklch(35% 0 0); }.page-mast p { color: var(--still-muted); font-size: 1.2rem; }
  .still-services { padding-block: 50px 130px; }.still-services article { display: grid; grid-template-columns: 80px 1fr 1fr; gap: 30px; padding: 38px 0; border-bottom: 1px solid oklch(35% 0 0); }.still-services article h2 { margin: 0; font-family: "Bodoni 72", serif; font-size: clamp(2.3rem, 5vw, 4rem); font-weight: 400; }.still-services article p { color: var(--still-muted); }
  .still-story { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 10vw, 140px); padding-block: 120px; }.still-story-lead h2 { font-family: "Bodoni 72", serif; font-size: clamp(3rem, 7vw, 6rem); font-weight: 400; line-height: .95; }.still-values p { padding: 22px 0; border-top: 1px solid oklch(35% 0 0); }.still-values strong { display: block; color: var(--still-light); }
  .still-night-note { padding-block: 130px; background: var(--still-light); color: var(--still-black); }.still-night-note h2 { max-width: 15ch; font-family: "Bodoni 72", serif; font-size: clamp(3rem, 7vw, 6rem); font-weight: 400; line-height: .95; }
  .contact-workbench { width: min(1120px, calc(100% - 40px)); margin-inline: auto; display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(45px, 9vw, 130px); padding-block: 100px; }.contact-intro h2 { font-family: "Bodoni 72", serif; font-size: clamp(2.8rem, 6vw, 5rem); font-weight: 400; line-height: .95; }.contact-form-wrap form { display: grid; gap: 7px; }.contact-form-wrap input, .contact-form-wrap textarea { min-height: 48px; border: 1px solid oklch(55% 0 0); border-radius: 0; padding: 11px; background: transparent; color: var(--still-white); }.contact-form-wrap textarea { min-height: 130px; }.contact-form-wrap [data-field-error] { color: var(--still-light); }.still-contact-note { padding-block: 70px 120px; }.still-contact-note a { font-family: "Bodoni 72", serif; font-size: clamp(2.5rem, 6vw, 5rem); text-decoration: none; }
  footer { background: var(--still-white); color: var(--still-black); }
  @media (max-width: 800px) { .still-listen, .still-story, .contact-workbench { grid-template-columns: 1fr; }.still-copy { min-height: 720px; }.still-time { left: 24px; right: auto; text-align: left; }.light-toggle { right: 16px; bottom: 16px; }.sound-grid { grid-template-columns: 1fr; }.still-ending { grid-template-columns: 1fr; }.still-services article { grid-template-columns: 50px 1fr; }.still-services article p { grid-column: 2; } }
}