@font-face{font-family:'Brygada 1918';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/brygada-1918-italic-400-latin-ext.woff2') format('woff2');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;}
@font-face{font-family:'Brygada 1918';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/brygada-1918-italic-400-latin.woff2') format('woff2');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:'Brygada 1918';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/brygada-1918-normal-400-700-latin-ext.woff2') format('woff2');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;}
@font-face{font-family:'Brygada 1918';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/brygada-1918-normal-400-700-latin.woff2') format('woff2');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:'Hanken Grotesk';font-style:normal;font-weight:400 600;font-display:swap;src:url('/assets/fonts/hanken-grotesk-normal-400-600-latin-ext.woff2') format('woff2');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;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 600;font-display:swap;src:url('/assets/fonts/hanken-grotesk-normal-400-600-latin.woff2') format('woff2');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;}
:root {
--ns-lead: oklch(0.296 0.007 165);
--ns-linen: oklch(0.928 0.008 122);
--ns-glass: oklch(0.872 0.014 162);
--ns-sheet: oklch(0.968 0.005 118);
--ns-green: oklch(0.434 0.058 165);
--ns-green-mid: oklch(0.600 0.061 163);
--ns-leaf: oklch(0.708 0.034 161);
--ns-leaf-lit: oklch(0.791 0.034 161);
--ns-ruby: oklch(0.456 0.160 17);
--ns-ruby-deep: oklch(0.381 0.134 17);
--ns-muted: oklch(0.442 0.011 161);
--ns-redlead: oklch(0.459 0.124 43);
--ns-came: 8px;
--ns-came-major: 10px;
--ns-came-minor: 6px;
--ns-joint: calc(var(--ns-came) * 1.75);
--ns-font-display: "Brygada 1918", "Iowan Old Style", Georgia, serif;
--ns-font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
--shell: 1240px;
--gutter: clamp(16px, 4vw, 48px);
--measure: 66ch;
--space: clamp(3rem, 7vw, 6rem);
--brand: url(/assets/brand/);
}
@media (max-width: 640px) { :root { --ns-came: 6px; --ns-came-major: 8px; } }
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 1rem; }
body {
margin: 0; background: var(--ns-linen) url(/assets/brand/tile-linen-whisper.webp) 0 0 / 512px repeat;
color: var(--ns-lead); font: 400 1.0625rem/1.58 var(--ns-font-body);
font-feature-settings: "kern"; text-rendering: optimizeLegibility;
}
img, svg { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4 { font-family: var(--ns-font-display); color: var(--ns-lead); margin: 0 0 .5em; letter-spacing: 0; text-wrap: balance; }
h1 { font-weight: 500; font-size: clamp(2.25rem, 4.5vw, 3.5rem); line-height: 1.1; }
h2 { font-weight: 600; font-size: clamp(1.6rem, 3vw, 2.25rem); line-height: 1.15; }
h3 { font-weight: 500; font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.25; }
h2 em, h1 em { font-style: normal; color: var(--ns-green); }
p, ul, ol, dl { margin: 0 0 1rem; }
p { text-wrap: pretty; }
a { color: var(--ns-green); text-decoration-thickness: 2px; text-underline-offset: .18em; }
a:hover { color: var(--ns-lead); }
:focus-visible { outline: 3px solid var(--ns-lead); outline-offset: 3px; box-shadow: 0 0 0 6px var(--ns-sheet); }
strong { font-weight: 600; }
hr { height: 4px; border: 0; margin: 2.5rem 0; background: var(--ns-lead); }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 1rem; top: 1rem; z-index: 50; background: var(--ns-sheet); padding: .75rem 1rem; }
.hp { position: absolute; left: -9999px; opacity: 0; pointer-events: none; }
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.shell { width: min(var(--shell), 100% - 2 * var(--gutter)); margin-inline: auto; }
.prose { max-width: var(--measure); }
.prose > :last-child { margin-bottom: 0; }
.lede { font-size: clamp(1.125rem, 1.6vw, 1.3rem); line-height: 1.5; max-width: 52ch; }
.muted { color: var(--ns-muted); }
.split { display: grid; gap: clamp(2rem, 5vw, 4.5rem); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 900px) {
.split { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.split--even { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.split--wide { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.sticky { position: sticky; top: 1.5rem; }
}
.split > * { min-width: 0; }
.band { padding-block: var(--space); position: relative; }
.band--tight { padding-block: clamp(2rem, 4vw, 3.5rem); }
.band--glass { background: var(--ns-glass) url(/assets/brand/tile-glass-whisper.webp) 0 0 / 512px repeat; }
.band--edge { background-image: url(/assets/brand/motif-came-edge.svg), url(/assets/brand/tile-glass-whisper.webp);
background-size: 480px 35px, 512px; background-repeat: repeat-x, repeat; background-position: 0 0, 0 0;
padding-top: calc(var(--space) + 35px); }
.band--edge:not(.band--glass) { background-image: url(/assets/brand/motif-came-edge.svg); background-size: 480px 35px; background-repeat: repeat-x; }
.band--green { background: var(--ns-green); color: var(--ns-sheet); }
.band--green h2, .band--green h3 { color: var(--ns-sheet); }
.band--green a:not(.btn) { color: var(--ns-sheet); }
.band--green p, .band--green li { font-weight: 500; }
.band--wm, .band--cartoon { overflow: clip; isolation: isolate; }
.band--wm::after { content: ""; position: absolute; z-index: -1; right: -6%; top: 50%; width: 486px; height: 520px;
translate: 0 -50%; pointer-events: none; background: url(/assets/brand/watermark.svg) center / contain no-repeat; }
.band--wm-left::after { right: auto; left: -8%; }
.band--cartoon::after { content: ""; position: absolute; z-index: -1; right: -2%; bottom: -60px; width: 400px; height: 658px;
pointer-events: none; background: url(/assets/brand/motif-cartoon.svg) right bottom / contain no-repeat; }
.band--green.band--cartoon::after { background-image: url(/assets/brand/motif-cartoon-reversed.svg); }
@media (max-width: 899.98px) { .band--wm::after, .band--cartoon::after { opacity: .55; width: 300px; } }
.band-head { max-width: 60ch; margin-bottom: clamp(1.75rem, 3vw, 2.75rem); }
.band-head p { margin-bottom: 0; }
.leaded { display: grid; gap: var(--ns-came); background: var(--ns-lead); border: var(--ns-came-major) solid var(--ns-lead); position: relative; }
.leaded > * { background: var(--ns-glass); padding: clamp(1.25rem, 2.4vw, 2rem); min-width: 0; position: relative; }
.leaded > .pane--sheet { background: var(--ns-sheet); }
.leaded > .pane--linen { background: var(--ns-linen); }
.leaded > .pane--firm { background: var(--ns-glass) url(/assets/brand/tile-glass-firm.webp) 0 0 / 320px repeat; }
.leaded > .pane--green { background: var(--ns-green) url(/assets/brand/tile-greenglass-firm.webp) 0 0 / 384px repeat; color: var(--ns-sheet); }
.pane--green h2, .pane--green h3, .pane--green a:not(.btn) { color: var(--ns-sheet); }
.pane--green p { font-weight: 500; }
.leaded > * > :last-child { margin-bottom: 0; }
.leaded--row { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 760px) {
.leaded--row { grid-auto-flow: column; grid-auto-columns: auto; grid-template-columns: none; }
.leaded--row > .grow { grid-column: span 1; }
.leaded--2-1 { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-auto-flow: row; }
.leaded--1-2 { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); grid-auto-flow: row; }
.leaded--3-2 { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); grid-auto-flow: row; }
}
.joints > * + *::before, .joints > * + *::after { content: ""; position: absolute; width: var(--ns-joint); height: var(--ns-joint);
background: var(--ns-lead); border-radius: 50%; left: calc(-0.5 * var(--ns-came) - 0.5 * var(--ns-joint)); }
.joints > * + *::before { top: calc(-1 * var(--ns-came-major) - 0.5 * var(--ns-joint) + 0.5 * var(--ns-came-major)); }
.joints > * + *::after { bottom: calc(-1 * var(--ns-came-major) - 0.5 * var(--ns-joint) + 0.5 * var(--ns-came-major)); }
@media (max-width: 759.98px) { .joints > * + *::before, .joints > * + *::after { display: none; } }
.pane-link { display: flex; flex-direction: column; gap: .6rem; text-decoration: none; color: inherit; }
.pane-link h3 { margin: 0; }
.pane-link .go { margin-top: auto; font-weight: 600; color: var(--ns-green); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .18em; }
.pane-link:hover .go { color: var(--ns-lead); }
.pane--green .pane-link .go, .pane--green .go { color: var(--ns-sheet); }
.icon { width: 88px; height: 88px; }
.icon--lg { width: 132px; height: 132px; }
.list-panes { display: flex; flex-wrap: wrap; gap: var(--ns-came); background: var(--ns-lead); border: var(--ns-came-major) solid var(--ns-lead); list-style: none; padding: 0; margin: 0; }
.list-panes > * { flex: 1 1 14rem; background: var(--ns-glass); padding: 0; }
.list-panes > * > a { display: flex; align-items: center; min-height: 64px; padding: .9rem 1.25rem; font: 500 1.15rem/1.25 var(--ns-font-display); color: var(--ns-lead); text-decoration: none; }
.list-panes > * > a:hover { background: var(--ns-sheet); }
.index-list { display: flex; flex-wrap: wrap; gap: var(--ns-came); background: var(--ns-lead); border: var(--ns-came-major) solid var(--ns-lead); list-style: none; padding: 0; margin: 0; }
.index-list > li { flex: 1 1 20rem; background: var(--ns-sheet); }
.index-list > li.lead { flex-basis: 100%; background: var(--ns-glass); }
.index-list a { display: flex; flex-direction: column; gap: .4rem; height: 100%; padding: clamp(1.1rem, 2vw, 1.6rem); color: inherit; text-decoration: none; }
.index-list a:hover { background: var(--ns-glass); }
.index-list li.lead a:hover { background: var(--ns-sheet); }
.index-list h2, .index-list h3 { font-size: clamp(1.2rem, 1.8vw, 1.4rem); margin: 0; }
.index-list p { margin: 0; }
.index-list .go { margin-top: auto; padding-top: .4rem; font-weight: 600; color: var(--ns-green); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .18em; }
.list-panes .soon { color: var(--ns-muted); }
.caps { font: 500 .75rem/1.4 var(--ns-font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--ns-muted); }
.pane--green .caps, .band--green .caps { color: var(--ns-leaf-lit); }
.leafs { list-style: none; padding: 0; }
.leafs li { position: relative; padding-left: 1.6rem; margin-bottom: .55rem; }
.leafs li::before { content: ""; position: absolute; left: 0; top: .36em; width: 15px; height: 15px; background: url(/assets/brand/bullet.svg) center / contain no-repeat; }
.quote { margin: 2rem 0; padding: 1.75rem 1.75rem 1.5rem 5.25rem; background: var(--ns-glass); border: var(--ns-came) solid var(--ns-lead); position: relative; max-width: var(--measure); }
.quote::before { content: ""; position: absolute; left: 1.25rem; top: 1.5rem; width: 48px; height: 34px; background: url(/assets/brand/quote.svg) center / contain no-repeat; }
.quote p { font: italic 400 clamp(1.2rem, 2vw, 1.4rem)/1.45 var(--ns-font-display); margin: 0 0 .5rem; }
.quote cite { font-style: normal; font-size: .9rem; color: var(--ns-muted); }
.steps { list-style: none; padding: 0; margin: 0; counter-reset: s; display: grid; gap: var(--ns-came); background: var(--ns-lead); border: var(--ns-came-major) solid var(--ns-lead); }
@media (min-width: 820px) { .steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.steps li { counter-increment: s; background: var(--ns-glass); padding: 1.5rem 1.5rem 1.75rem; display: grid; grid-template-columns: auto 1fr; gap: .25rem 1rem; align-content: start; }
.steps li::before { content: counter(s); grid-row: span 2; font: 600 1.75rem/1 var(--ns-font-display); color: var(--ns-lead);
width: 3rem; height: 3rem; display: grid; place-items: center; background: var(--ns-sheet); border: 4px solid var(--ns-lead); }
.steps h3 { margin: .35rem 0 .25rem; }
.steps p { margin: 0; }
.band--green .steps li { color: var(--ns-lead); }
.band--green .steps h3 { color: var(--ns-lead); }
.band--green .steps p { font-weight: 400; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 48px; padding: .7rem 1.35rem;
font: 600 1rem/1.2 var(--ns-font-body); text-decoration: none; cursor: pointer;
color: var(--ns-sheet); background: var(--ns-ruby); border: var(--ns-came-minor) solid var(--ns-lead); border-radius: 0; }
.btn:hover, .btn:active { background: var(--ns-ruby-deep); color: var(--ns-sheet); }
a.btn, .band--green a.btn, .pane--green a.btn, .foot a.btn { color: var(--ns-sheet); }
.btn--quiet { background: var(--ns-sheet); color: var(--ns-lead); border-width: 3px; }
.btn--quiet:hover { background: var(--ns-glass); color: var(--ns-lead); }
a.btn--quiet, .band--green a.btn--quiet { color: var(--ns-lead); }
.btn svg { width: 16px; height: 16px; flex: 0 0 auto; }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-top: 1.5rem; }
.site-header { position: relative; z-index: 20; }
.site-header .bar { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; padding-block: clamp(.75rem, 1.6vw, 1.1rem); }
.brand { display: block; margin-right: auto; }
.brand img { height: clamp(32px, 9.2vw, 50px); width: auto; }
.hdr-cta { order: 1; min-height: 44px; padding: .55rem 1rem; }
.nav-toggle { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.nav-burger { display: none; }
@media (min-width: 1000px) { .nav-toggle { display: none; } }
.nav { order: 3; flex-basis: 100%; display: grid; grid-auto-flow: column; grid-auto-columns: auto; gap: var(--ns-came-minor);
background: var(--ns-lead); border: var(--ns-came-minor) solid var(--ns-lead); }
.nav a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: .45rem .9rem; background: var(--ns-glass);
color: var(--ns-lead); text-decoration: none; font-weight: 500; font-size: .98rem; white-space: nowrap; }
.nav a:hover { background: var(--ns-sheet); }
.nav a[aria-current="page"], body[data-page="back"] .nav a[data-nav="back"], body[data-page="front"] .nav a[data-nav="front"],
body[data-page="apartments"] .nav a[data-nav="apartments"], body[data-page="offices"] .nav a[data-nav="offices"],
body[data-page="measure"] .nav a[data-nav="measure"], body[data-page="areas"] .nav a[data-nav="areas"],
body[data-page="advice"] .nav a[data-nav="advice"] { background: var(--ns-green); color: var(--ns-sheet); }
@media (max-width: 999.98px) {
.hdr-cta { margin-left: auto; }
.brand { margin-right: 0; }
.nav-burger { order: 2; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; cursor: pointer; color: var(--ns-lead); border: 3px solid var(--ns-lead); background: var(--ns-sheet); }
.nav-burger span, .nav-burger span::before, .nav-burger span::after { content: ""; display: block; width: 20px; height: 3px; background: currentColor; transition: transform .2s ease, background .2s ease; }
.nav-burger span { position: relative; }
.nav-burger span::before { position: absolute; top: -7px; }
.nav-burger span::after { position: absolute; top: 7px; }
.nav-toggle:checked ~ .nav-burger span { background: transparent; }
.nav-toggle:checked ~ .nav-burger span::before { transform: translateY(7px) rotate(45deg); }
.nav-toggle:checked ~ .nav-burger span::after { transform: translateY(-7px) rotate(-45deg); }
.nav-toggle:focus-visible ~ .nav-burger { outline: 3px solid var(--ns-lead); outline-offset: 3px; }
.nav { display: none; grid-auto-flow: row; margin-top: .25rem; }
.nav a { justify-content: flex-start; padding: .8rem 1rem; font-size: 1.05rem; }
.nav-toggle:checked ~ .nav { display: grid; }
}
@media (max-width: 420px) { .site-header .bar { gap: .5rem; } .hdr-cta { padding-inline: .7rem; font-size: .95rem; } }
.crumbs { padding-top: .25rem; }
.crumbs ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .25rem .5rem; font-size: .9rem; color: var(--ns-muted); }
.crumbs li:not(:last-child) { white-space: nowrap; }
.crumbs li:not(:last-child)::after { content: "/"; margin-left: .5rem; }
.crumbs a { color: var(--ns-muted); }
.page-hero { padding-block: clamp(2rem, 5vw, 4rem) clamp(2.5rem, 5vw, 4.5rem); }
.page-hero h1 { max-width: 22ch; }
.page-hero .lede { margin-top: 1rem; }
.facts { width: 100%; max-width: 44rem; border-collapse: collapse; background: var(--ns-sheet); border: var(--ns-came) solid var(--ns-lead); }
.facts th, .facts td { text-align: left; vertical-align: top; padding: .85rem 1rem; border-bottom: 3px solid var(--ns-glass); }
.facts th { font-weight: 600; width: 38%; }
.facts tr:last-child th, .facts tr:last-child td { border-bottom: 0; }
.facts .num { text-align: right; font-variant-numeric: tabular-nums; }
.table-wrap { overflow-x: auto; }
.faq { display: grid; gap: var(--ns-came-minor); background: var(--ns-lead); border: var(--ns-came) solid var(--ns-lead); max-width: 52rem; }
.faq details { background: var(--ns-sheet); }
.faq summary { cursor: pointer; padding: 1rem 1.25rem; font-weight: 600; list-style: none; display: flex; justify-content: space-between; gap: 1rem; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font: 600 1.4rem/1 var(--ns-font-display); }
.faq details[open] summary::after { content: "\2212"; }
.faq details > div { padding: 0 1.25rem 1.1rem; max-width: var(--measure); }
.faq details > div > :last-child { margin-bottom: 0; }
.scenes { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ns-came); grid-template-columns: repeat(2, minmax(0, 1fr));
background: var(--ns-lead); border: var(--ns-came-major) solid var(--ns-lead); }
.scenes > li { background: var(--ns-sheet); min-width: 0; }
.scenes > li:first-child { grid-column: 1 / -1; }
.scenes .pane-link, .scenes figure { height: 100%; }
.scenes .pane-link { gap: 0; }
.scenes figure, .scene { margin: 0; display: flex; flex-direction: column; }
.scenes img, .scene img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; background: var(--ns-glass); }
.scenes figcaption, .scene figcaption { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: .15rem; padding: .7rem 1rem .9rem; border-top: var(--ns-came-minor) solid var(--ns-lead); line-height: 1.35; }
.scene-tag { font-size: .85rem; color: var(--ns-muted); }
.scenes figcaption .go, .scene figcaption { text-wrap: balance; }
.scenes .go { margin-top: 0; font-size: 1rem; font-weight: 500; color: var(--ns-lead); text-decoration: none; }
.scenes .pane-link:is(:hover, :focus-visible) .go { color: var(--ns-green); }
@media (max-width: 559.98px) {
.scenes figcaption { padding: .55rem .7rem .75rem; }
.scenes > li:not(:first-child) .go { font-size: .95rem; }
}
@media (min-width: 900px) {
.scenes { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); }
.scenes > li:first-child { grid-column: 1; grid-row: span 2; }
.scenes > li:first-child img { flex: 1 1 0; min-height: 0; aspect-ratio: auto; height: 0; }
.scenes > li:first-child figcaption { flex: 0 0 auto; }
.scenes > li:first-child .go { font-size: 1.1rem; }
}
.leaded > .scene { padding: 0; background: var(--ns-sheet); }
.refs { font-size: .95rem; max-width: var(--measure); }
.refs li { margin-bottom: .6rem; }
.form { display: grid; gap: 1.1rem; }
.form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.form legend, .form label, .field-label { display: block; font-weight: 600; margin-bottom: .35rem; }
.form .hint { display: block; font-weight: 400; font-size: .92rem; color: var(--ns-muted); margin-top: .1rem; }
.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form select, .form textarea {
width: 100%; min-height: 48px; padding: .65rem .8rem; font: 400 1rem/1.4 var(--ns-font-body); color: var(--ns-lead);
background: var(--ns-sheet); border: 3px solid var(--ns-lead); border-radius: 0; }
.form textarea { min-height: 7.5rem; resize: vertical; }
::placeholder { color: var(--ns-muted); opacity: 1; }
.form input:focus-visible, .form select:focus-visible, .form textarea:focus-visible { outline: 3px solid var(--ns-green); outline-offset: 2px; box-shadow: none; }
.form .row2 { display: grid; gap: 1.1rem; grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr)); }
.choices { display: grid; gap: .5rem; grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr)); }
.choice { display: flex; align-items: center; gap: .65rem; min-height: 44px; padding: .5rem .75rem; background: var(--ns-sheet); border: 3px solid var(--ns-lead); font-weight: 500; cursor: pointer; }
.choice input { flex: 0 0 auto; }
.form .choice { display: flex; }
.choice > span { min-width: 0; }
:where(input[type="radio"], input[type="checkbox"]) {
appearance: none; -webkit-appearance: none; margin: 0; width: 1.3rem; height: 1.3rem;
display: inline-grid; place-content: center; vertical-align: middle; cursor: pointer;
background: var(--ns-sheet); border: 3px solid var(--ns-lead); border-radius: 0; }
:where(input[type="radio"]) { border-radius: 50%; }
:where(input[type="radio"])::before { content: ""; width: .6rem; height: .6rem; border-radius: 50%; background: var(--ns-green); transform: scale(0); }
:where(input[type="checkbox"])::before { content: ""; width: .75rem; height: .75rem; background: var(--ns-sheet);
clip-path: polygon(12% 45%, 0 62%, 42% 100%, 100% 18%, 86% 4%, 40% 70%); transform: scale(0); }
:where(input[type="radio"]:checked) { border-color: var(--ns-green); }
:where(input[type="checkbox"]:checked) { background: var(--ns-green); border-color: var(--ns-green); }
:where(input[type="radio"], input[type="checkbox"]):checked::before { transform: scale(1); }
:where(input[type="radio"], input[type="checkbox"]):focus-visible { outline: 3px solid var(--ns-lead); outline-offset: 3px; box-shadow: none; }
.form .choice input:focus-visible { outline-color: var(--ns-lead); outline-offset: 3px; }
@media (forced-colors: active) {
:where(input[type="radio"], input[type="checkbox"]) { border-color: ButtonText; }
:where(input[type="radio"], input[type="checkbox"])::before { forced-color-adjust: none; background: Highlight; }
:where(input[type="checkbox"]:checked) { forced-color-adjust: none; background: Canvas; border-color: Highlight; }
}
.choice:has(input:checked) { background: var(--ns-glass); outline: 3px solid var(--ns-green); outline-offset: -6px; }
.form .req { color: var(--ns-muted); font-weight: 400; }
.form-note { font-size: .92rem; color: var(--ns-muted); margin: 0; }
.lead-ok { background: var(--ns-sheet); border: var(--ns-came) solid var(--ns-lead); padding: 1.5rem; display: grid; gap: 1rem; grid-template-columns: 110px 1fr; align-items: center; }
.lead-ok img { width: 110px; }
.lead-err { color: var(--ns-redlead); font-weight: 600; background: var(--ns-sheet); border: 3px solid var(--ns-redlead); padding: .85rem 1rem; }
.lead-err::before { content: "! "; }
.sched { display: grid; gap: var(--ns-came); background: var(--ns-lead); border: var(--ns-came-major) solid var(--ns-lead); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 980px) { .sched { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); } }
.sched > * { background: var(--ns-sheet); min-width: 0; }
.sched-draw { padding: clamp(.75rem, 2vw, 1.25rem); display: grid; gap: .75rem; background: var(--ns-linen); }
.sched-sides { display: flex; flex-wrap: wrap; gap: max(8px, var(--ns-came)); background: var(--ns-lead); border: max(8px, var(--ns-came)) solid var(--ns-lead); justify-self: start; max-width: 100%; }
.sched-sides button { min-height: 44px; padding: .45rem 1rem; border: 0; border-radius: 0; background: var(--ns-glass); color: var(--ns-lead); font: 500 .98rem/1.2 var(--ns-font-body); cursor: pointer; flex: 1 1 auto; }
.sched-sides button[aria-pressed="true"] { background: var(--ns-lead); color: var(--ns-sheet); }
.sched-art { position: relative; overflow: clip; }
.sched-art svg { width: 100%; height: auto; touch-action: manipulation; }
.sched-art .wipe { position: absolute; top: 0; bottom: 0; left: 0; width: var(--ns-came); background: var(--ns-lead); opacity: 0; pointer-events: none; }
.sched-art.is-wiping svg { animation: wipe-in .55s cubic-bezier(.3,.6,.2,1) both; }
.sched-art.is-wiping .wipe { animation: wipe-bar .55s cubic-bezier(.3,.6,.2,1) both; }
@keyframes wipe-in { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes wipe-bar { 0% { opacity: 1; left: 0; } 92% { opacity: 1; left: calc(100% - var(--ns-came)); } 100% { opacity: 0; left: calc(100% - var(--ns-came)); } }
.sv-pencil { fill: none; stroke: var(--ns-muted); stroke-width: 3; stroke-dasharray: 7 6; stroke-linecap: round; stroke-linejoin: round; }
.sv-ground { fill: none; stroke: var(--ns-lead); stroke-width: 6; stroke-linecap: round; }
.sv-note { font: 500 13px var(--ns-font-body); letter-spacing: .12em; fill: var(--ns-muted); }
.pn { cursor: pointer; outline: none; }
.pn .hit { fill: transparent; stroke: none; pointer-events: all; }
.pn .g { fill: var(--ns-glass); stroke: var(--ns-lead); stroke-width: 6; stroke-linejoin: round; transition: fill .15s; }
.pn .lm { fill: var(--ns-leaf); stroke: var(--ns-lead); stroke-width: 4; }
.pn .lj { fill: var(--ns-leaf-lit); stroke: var(--ns-lead); stroke-width: 3; }
.pn .film { fill: var(--ns-green); transform-box: fill-box; transform-origin: left center; transform: scaleX(0); transition: transform .38s cubic-bezier(.3,.6,.2,1); pointer-events: none; }
.pn .trim { fill: none; stroke: var(--ns-sheet); stroke-width: 2.5; stroke-dasharray: 5 4; opacity: 0; pointer-events: none; }
.pn .tick, .pn .tag, .pn .tagt, .pn .ring { opacity: 0; pointer-events: none; transition: opacity .2s .25s; }
.pn .tick { fill: none; stroke: var(--ns-sheet); stroke-width: 4; stroke-linecap: square; }
.pn .tag { fill: var(--ns-sheet); stroke: var(--ns-lead); stroke-width: 3; }
.pn .tagt { font: 600 13px var(--ns-font-body); fill: var(--ns-lead); text-anchor: middle; }
.pn .ring { fill: none; stroke: var(--ns-green); stroke-width: 5; stroke-dasharray: 9 6; }
.pn:hover .g, .pn:focus-visible .g { fill: var(--ns-green-mid); }
.pn:focus-visible .g { stroke-width: 9; }
.pn.is-sel .g { stroke-width: 9; }
.pn.is-film .film { transform: scaleX(1); }
.pn.is-film .tick, .pn.is-film .tag, .pn.is-film .tagt, .pn.is-look .tag, .pn.is-look .tagt, .pn.is-look .ring, .pn.is-lead .tag, .pn.is-lead .tagt, .pn.is-lead .ring { opacity: 1; }
.pn.is-film .trim { opacity: .8; transition: opacity .2s .35s; }
.sched-pick { background: var(--ns-sheet); border: var(--ns-came-minor) solid var(--ns-lead); padding: .9rem 1rem; display: grid; gap: .6rem; }
.sched-pick .caps { color: var(--ns-lead); }
.sched-pick .why { display: flex; flex-wrap: wrap; gap: .45rem; }
.sched-pick .why button { min-height: 44px; padding: .4rem .85rem; border: 3px solid var(--ns-lead); border-radius: 0; background: var(--ns-sheet); color: var(--ns-lead); font: 500 .95rem/1.1 var(--ns-font-body); cursor: pointer; }
.sched-pick .why button[aria-pressed="true"] { background: var(--ns-green); color: var(--ns-sheet); border-color: var(--ns-lead); }
.sched-pick .why button[aria-pressed="true"]::before { content: "\2713\00a0"; }
.sched-pick .pick-note { margin: 0; font-size: .93rem; color: var(--ns-muted); }
.sched-pick .pick-done { justify-self: start; }
.sched-help { margin: 0; font-size: .95rem; color: var(--ns-muted); }
.sched-list { padding: clamp(1rem, 2vw, 1.5rem); display: flex; flex-direction: column; gap: 1rem; }
.sched-list h2, .sched-list h3 { font-size: 1.35rem; margin: 0; }
.sched-rows { list-style: none; padding: 0; margin: 0; display: grid; gap: 3px; background: var(--ns-lead); border: 3px solid var(--ns-lead); }
.sched-rows li { background: var(--ns-glass); padding: .6rem .7rem; display: grid; grid-template-columns: auto 1fr auto; gap: .15rem .65rem; align-items: start; }
.sched-rows .ref { font: 600 .95rem/1.4 var(--ns-font-body); background: var(--ns-sheet); border: 3px solid var(--ns-lead); padding: 0 .35rem; }
.sched-rows .caps { color: var(--ns-lead); }
.sched-rows .note { grid-column: 2 / 4; font-size: .88rem; color: var(--ns-muted); margin: 0; }
.sched-rows button { border: 0; background: none; color: var(--ns-green); font: 600 .88rem/1 var(--ns-font-body); text-decoration: underline; text-underline-offset: .18em; cursor: pointer; min-height: 44px; min-width: 44px; margin: -.7rem -.4rem -.7rem 0; }
.sched-empty { display: grid; grid-template-columns: 84px 1fr; gap: .9rem; align-items: center; font-size: .95rem; color: var(--ns-muted); margin: 0; }
.sched-empty img { width: 84px; }
.sched-go { margin-top: auto; display: grid; gap: .5rem; }
.sched-go .btn { width: 100%; }
.sched-fallback { padding: 1.25rem; }
.hero { padding-block: clamp(1.5rem, 4vw, 3.25rem) var(--space); }
.hero-top { display: grid; gap: 1rem 3rem; margin-bottom: clamp(1.5rem, 3vw, 2.25rem); align-items: end; }
@media (min-width: 900px) { .hero-top { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.hero-top h1 { margin: 0; max-width: 17ch; }
.hero-top .lede { margin: 0; }
.hero-top .voice { font: italic 400 clamp(1.2rem, 1.9vw, 1.45rem)/1.4 var(--ns-font-display); margin: 0 0 .5rem; }
.foot { background: var(--ns-lead) url(/assets/brand/motif-came-edge-reversed.svg) 0 0 / 480px 35px repeat-x; color: var(--ns-sheet);
padding: calc(35px + clamp(2.5rem, 6vw, 4.5rem)) 0 2rem; position: relative; overflow: clip; isolation: isolate; }
.foot::after { content: ""; position: absolute; z-index: -1; right: -5%; bottom: 8%; width: 470px; height: 504px; pointer-events: none;
background: url(/assets/brand/watermark-reversed.svg) center / contain no-repeat; }
.foot a:not(.btn) { color: var(--ns-sheet); }
.foot-cta { display: grid; gap: var(--ns-came); background: var(--ns-lead); border: var(--ns-came-major) solid var(--ns-lead); margin-bottom: clamp(2.5rem, 5vw, 4rem); }
@media (min-width: 860px) { .foot-cta { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }
.foot-cta > * { background: var(--ns-glass); color: var(--ns-lead); padding: clamp(1.25rem, 3vw, 2.25rem); }
.foot-cta h2 { margin-bottom: .35rem; }
.foot-cta p { margin: 0; }
.foot-cta .act { display: flex; flex-direction: column; justify-content: center; gap: .75rem; background: var(--ns-sheet); }
.foot-cta a:not(.btn) { color: var(--ns-green); }
.foot-grid { display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr)); align-items: start; }
.foot-brand img { width: 125px; }
.foot h2 { color: var(--ns-leaf-lit); font: 500 1.15rem/1.3 var(--ns-font-display); margin: 0 0 .5rem; }
.foot ul { list-style: none; padding: 0; margin: 0; }
.foot li a { display: inline-flex; align-items: center; min-height: 44px; }
.foot-base { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 3px solid var(--ns-muted); display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; justify-content: space-between; font-size: .9rem; color: var(--ns-leaf-lit); }
.foot-base p { margin: 0; max-width: 70ch; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
}
@media (prefers-contrast: more) {
:root { --ns-muted: var(--ns-lead); --ns-leaf: var(--ns-muted); }
a { text-decoration-thickness: 3px; }
}
@media (forced-colors: active) {
.band--wm::after, .band--cartoon::after, .foot::after { display: none; }
.btn, .nav a, .sched-sides button, .choice { border: 2px solid ButtonText; }
:focus-visible { outline-color: Highlight; }
.pn .g { stroke: CanvasText; }
.pn.is-film .g, .pn.is-look .g { fill: Highlight; }
}
@media print { .site-header .nav, .nav-burger, .foot-cta, .sched-draw { display: none; } body { background: var(--ns-sheet); } }
.sched-title { font: 500 1.35rem/1.2 var(--ns-font-display); margin: 0; }
.leaded > .leaded { padding: 0; border: 0; background: var(--ns-lead); }
.facts caption { text-align: left; padding: .75rem 1rem; background: var(--ns-sheet); }
.facts--flat { border: 0; max-width: none; }
.figure { margin: 0; }
.figure svg { color: var(--ns-lead); }
.figure figcaption { margin-top: .5rem; }
.refs { margin-top: 2.5rem; }
.after { margin-top: 1.5rem; }
.page-hero { position: relative; }
.hero-top h1 { max-width: 20ch; font-size: clamp(2.25rem, 3.8vw, 3.25rem); }
.hero { padding-top: clamp(1.25rem, 3vw, 2.5rem); }
.sched-key { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; font-size: .9rem; color: var(--ns-muted); }
.sched-key li { display: grid; grid-template-columns: 24px 1fr; gap: .6rem; align-items: center; }
.sched-key .k-film { fill: var(--ns-green); stroke: var(--ns-lead); stroke-width: 3; }
.sched-key .k-tick { fill: none; stroke: var(--ns-sheet); stroke-width: 2.5; }
.sched-key .k-glass { fill: var(--ns-glass); stroke: var(--ns-lead); stroke-width: 3; }
.sched-key .k-ring { fill: none; stroke: var(--ns-green); stroke-width: 2.5; stroke-dasharray: 4 3; }
.swipe { display: none; }
.scroll-cue-wrap { position: relative; min-width: 0; }
.scroll-cue { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: grid; place-items: center; margin: 0; padding: 0; border: 0; border-radius: 0; background: var(--ns-lead); color: var(--ns-sheet); cursor: pointer; }
.scroll-cue[hidden] { display: none; }
.scroll-cue svg { width: 20px; height: 20px; }
.scroll-cue svg path { stroke: var(--ns-sheet); }
@media (max-width: 599.98px) {
.cta-long { display: none; }
.hdr-cta { min-width: 64px; }
.sched-sides button { padding: .45rem .7rem; font-size: .93rem; }
.sched-art { overflow-x: auto; overscroll-behavior-x: contain; margin-inline: -.25rem; }
.sched-art svg { min-width: 560px; }
.swipe { display: inline; }
}
.facts td.num { width: 1%; white-space: nowrap; padding-left: 1.5rem; }
.facts th { width: auto; }
.choices--3 { grid-template-columns: repeat(auto-fit, minmax(min(9.5rem, 100%), 1fr)); }
.foot .foot-cta h2 { font: 600 clamp(1.6rem, 3vw, 2.25rem)/1.15 var(--ns-font-display); letter-spacing: 0; text-transform: none; color: var(--ns-lead); margin: 0 0 .35rem; }
.band--green .pane--sheet, .band--green .pane--linen { color: var(--ns-lead); }
.band--green .pane--sheet :is(h2, h3, h4), .band--green .pane--linen :is(h2, h3, h4) { color: var(--ns-lead); }
.band--green .pane--sheet a:not(.btn), .band--green .pane--linen a:not(.btn) { color: var(--ns-green); }
.band--green .pane--sheet :is(p, li), .band--green .pane--linen :is(p, li) { font-weight: 400; }
.band--green .pane--sheet .caps, .band--green .pane--linen .caps { color: var(--ns-muted); }
.band--green .pane--sheet .sched-rows .caps { color: var(--ns-lead); }
.band--green .leafs li::before, .pane--green .leafs li::before { filter: brightness(0) invert(1); }
.band--green :is(.pane--sheet, .pane--linen) .leafs li::before { filter: none; }
.facts--wide { max-width: none; }
.facts--stack thead th { font-weight: 600; background: var(--ns-glass); vertical-align: bottom; }
@media (max-width: 639.98px) {
.facts--stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.facts--stack tr, .facts--stack th, .facts--stack td { display: block; width: auto; min-width: 0; }
.facts--stack tr { border-bottom: 3px solid var(--ns-glass); padding: .5rem 0; }
.facts--stack tr:last-child { border-bottom: 0; }
.facts--stack th, .facts--stack td { border-bottom: 0; padding: .3rem 1rem; }
.facts--stack td[data-label]::before { content: attr(data-label); display: block; font: 500 .75rem/1.5 var(--ns-font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--ns-muted); }
}
.sched-rows .ref--word { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; line-height: 1.75; }
.sched-rows--mixed .ref { min-width: 4.6rem; text-align: center; }
@media (min-width: 760px) { .leaded.leaded--halves { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-flow: row; } }
.fig-toggle .sched-sides { margin-bottom: .9rem; }
.fig-say { margin: .6rem 0 0; font-size: .95rem; }
.facts--cols th, .facts--cols td { width: auto; }
.facts--cols thead th { font-weight: 600; font-size: .9rem; vertical-align: bottom; text-align: right; }
.facts--cols thead th:first-child { text-align: left; }
.facts--cols td { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 599.98px) { .facts--cols th, .facts--cols td { padding: .6rem .4rem; font-size: .95rem; } .facts--cols thead th { font-size: .82rem; } }
:root { --mo-ease: cubic-bezier(.3,.6,.2,1); --mo-fast: .16s; --mo-lay: .2s; }
a { transition: color var(--mo-fast) ease, text-decoration-color var(--mo-fast) ease; }
.btn, .nav a, .sched-sides button, .sched-pick .why button, .sgo-rows button, .choice, .list-panes > * > a, .index-list a, .sched-rows button {
transition: background-color var(--mo-fast) ease, color var(--mo-fast) ease, border-color var(--mo-fast) ease, transform var(--mo-fast) var(--mo-ease); }
.form input, .form select, .form textarea { transition: border-color var(--mo-fast) ease, background-color var(--mo-fast) ease, outline-color var(--mo-fast) ease; }
.btn:active, .sched-sides button:active, .sched-pick .why button:active { transform: translateY(2px); }
.btn:focus-visible { background: var(--ns-ruby-deep); }
.btn--quiet:focus-visible { background: var(--ns-glass); }
.nav a:not([aria-current="page"]):focus-visible { background: var(--ns-sheet); }
.list-panes > * > a:focus-visible { background: var(--ns-sheet); }
.index-list a:focus-visible { background: var(--ns-glass); }
.index-list li.lead a:focus-visible { background: var(--ns-sheet); }
.pane-link:focus-visible .go { color: var(--ns-lead); }
:is(.pane-link, .index-list a) .go { position: relative; align-self: flex-start; text-decoration-color: currentColor; }
:is(.pane-link, .index-list a) .go::after { content: ""; position: absolute; left: 0; right: 0; bottom: -.3em; height: 3px;
background: var(--ns-green); transform: scaleX(0); transform-origin: left center; transition: transform var(--mo-lay) var(--mo-ease); pointer-events: none; }
.pane--green .go::after { background: var(--ns-sheet); }
:is(.pane-link, .index-list a):is(:hover, :focus-visible) .go { text-decoration-color: transparent; }
:is(.pane-link, .index-list a):is(:hover, :focus-visible) .go::after { transform: scaleX(1); }
.list-panes > * > a { position: relative; }
.list-panes > * > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--ns-green);
transform: scaleX(0); transform-origin: left center; transition: transform var(--mo-lay) var(--mo-ease); pointer-events: none; }
.list-panes > * > a:is(:hover, :focus-visible)::after { transform: scaleX(1); }
@media (max-width: 999.98px) { .nav-toggle:checked ~ .nav { animation: mo-drop var(--mo-lay) var(--mo-ease) both; } }
@keyframes mo-drop { from { opacity: 0; transform: translateY(-6px); } }
.rv { opacity: 0; transform: translateY(14px); transition: opacity .3s var(--mo-ease) var(--rv-d, 0s), transform .3s var(--mo-ease) var(--rv-d, 0s); }
.rv.rv-in { opacity: 1; transform: none; }
@media print { .rv { opacity: 1 !important; transform: none !important; } }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition: none !important; }
.rv { opacity: 1 !important; transform: none !important; }
.btn:active, .sched-sides button:active, .sched-pick .why button:active { transform: none; }
}
.file-field { position: relative; }
.file-field .file-input { position: absolute; left: 0; bottom: 0; width: 1px; height: 1px; opacity: 0; overflow: hidden; clip-path: inset(50%); }
.form .file-btn { display: inline-flex; margin: 0 .75rem .25rem 0; min-height: 48px; font-weight: 600; }
.file-input:focus-visible + .file-btn { outline: 3px solid var(--ns-green); outline-offset: 2px; background: var(--ns-glass); }
.file-names { display: inline-block; font-size: .92rem; color: var(--ns-muted); vertical-align: middle; overflow-wrap: anywhere; }
body[data-page="enquiry"] .foot-cta, body[data-page="thank-you"] .foot-cta { display: none; }
@media (max-width: 999.98px) {
.brand { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (max-width: 640px) {
.crumbs { margin-bottom: .5rem; }
.crumbs ol { row-gap: .6rem; }
.crumbs a { display: inline-block; padding: 13px 4px; margin: -13px -4px; }
.foot-cta .act a:not(.btn) { align-self: flex-start; padding-block: 9px; margin-block: -9px; }
.foot-base a { padding: 13px 3px; margin-inline: -3px; }
}
.sched-field { display: grid; gap: .35rem; }
.sched-field .field-label { margin: 0; }
.sched-field label { margin: .4rem 0 0; }
.sched-marked { display: grid; gap: .4rem; }
.sched-marked .sched-rows li { grid-template-columns: auto 1fr; }
.sched-field .hint { margin: 0; }
@media (scripting: none) { .sched [data-js] { display: none; } }
@media (scripting: enabled) {
.sched-fallback { display: none; }
.sched-art { aspect-ratio: 800 / 486; }
}
@media (scripting: enabled) and (max-width: 599.98px) { .sched-art { aspect-ratio: auto; min-height: calc(560px * 486 / 800); } }
@media (max-width: 640px) {
p.go-link a, .go-links a, .wh-links a { display: inline-flex; align-items: center; min-height: 44px; }
}
.hdr-call { order: 1; display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; padding: .45rem .85rem;
border: 3px solid var(--ns-lead); background: var(--ns-sheet); color: var(--ns-lead); font-weight: 600;
text-decoration: none; white-space: nowrap; font-variant-numeric: tabular-nums; }
.hdr-call:hover { background: var(--ns-glass); }
.hdr-call:focus-visible { outline: 3px solid var(--ns-lead); outline-offset: 3px; }
.hdr-call svg { width: 18px; height: 18px; flex: none; }
@media (min-width: 720px) { .hdr-call .call-word { display: none; } }
@media (min-width: 720px) and (max-width: 999.98px) { .hdr-call { margin-left: auto; } .site-header .hdr-cta { margin-left: 0; } }
@media (max-width: 719.98px) { .hdr-call { order: 3; flex-basis: 100%; justify-content: center; } }
.foot-cta .act a.foot-call { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; font-variant-numeric: tabular-nums; }
@media (max-width: 640px) { .foot-cta .act a.foot-call { padding-block: 0; margin-block: 0; } }
.go-call { font-weight: 600; font-variant-numeric: tabular-nums; }