:root {
  --ink: #20201e;
  --muted: #68645e;
  --paper: #f4f0e8;
  --surface: #fbfaf7;
  --line: #d8d1c5;
  --accent: #765342;
  --accent-soft: #d8c0aa;
  --forest: #455649;
  --navy: #3f5061;
  --max: 1240px;
  --pad: clamp(1.25rem, 4vw, 3.5rem);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; }
.skip-link { position: fixed; top: -5rem; left: 1rem; z-index: 100; background: var(--ink); color: white; padding: .65rem 1rem; text-decoration: none; }
.skip-link:focus { top: 1rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.site-header { border-bottom: 1px solid var(--line); background: rgba(244,240,232,.96); }
.header-inner { width: min(100%, var(--max)); height: 5.5rem; margin: auto; padding: 0 var(--pad); display: flex; align-items: center; justify-content: space-between; }
.wordmark { display: inline-flex; align-items: center; gap: .65rem; font-weight: 800; font-size: .9rem; letter-spacing: .18em; text-decoration: none; }
.mark { width: 1.5rem; height: 1.5rem; }
.site-nav { display: flex; gap: clamp(1.25rem, 3vw, 2.5rem); align-items: center; }
.site-nav a { padding: .3rem 0; color: var(--muted); font-size: .9rem; font-weight: 600; text-decoration: none; border-bottom: 1px solid transparent; }
.site-nav a:hover, .site-nav a:focus-visible, .site-nav a[aria-current="page"] { color: var(--ink); border-color: var(--ink); }
.menu-toggle { display: none; border: 0; background: none; padding: .6rem .2rem; }
.menu-toggle i { display: block; width: 1.5rem; height: 1px; margin: .35rem 0; background: currentColor; transition: transform .2s; }

main { min-height: calc(100vh - 12rem); }
.home { width: min(100%, var(--max)); margin: auto; padding: clamp(2rem, 5vw, 4.5rem) var(--pad) clamp(3rem, 6vw, 5rem); }
.home-intro { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 6vw, 6rem); align-items: end; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.eyebrow { margin: 0 0 1.1rem; color: var(--accent); font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.home h1 { margin: 0; max-width: 9ch; font-size: clamp(3.5rem, 7vw, 6.8rem); line-height: .92; letter-spacing: -.045em; }
.lead { margin: 0 0 .35rem; max-width: 30rem; color: var(--muted); font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.45; }
.hero-image { position: relative; overflow: hidden; border-radius: .2rem; box-shadow: 0 25px 70px rgba(42,32,24,.14); }
.hero-image::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.25); pointer-events: none; }
.hero-image img { width: 100%; aspect-ratio: 16 / 7.5; object-fit: cover; object-position: center; }
.home-links { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-top: 0; background: var(--surface); }
.home-links a { display: flex; align-items: center; justify-content: space-between; min-height: 4.5rem; padding: 1rem 1.25rem; font-size: .9rem; font-weight: 700; text-decoration: none; }
.home-links a + a { border-left: 1px solid var(--line); }
.home-links span { font-size: 1.15rem; transition: transform .2s; }
.home-links a:hover span { transform: translateX(4px); }

.page { width: min(100%, var(--max)); margin: auto; padding: clamp(4rem, 8vw, 7.5rem) var(--pad); }
.page-header { display: grid; grid-template-columns: 1.35fr .65fr; gap: 3rem; align-items: end; padding-bottom: clamp(3rem, 6vw, 5rem); border-bottom: 1px solid var(--line); }
.page-header h1 { margin: 0; font-size: clamp(3.8rem, 8vw, 7.5rem); line-height: .9; letter-spacing: -.055em; }
.page-header .lead { justify-self: end; }
.products-list { margin-top: 2.5rem; }
.product-row { display: grid; grid-template-columns: 4rem 1fr 1fr auto; gap: clamp(1rem, 3vw, 3rem); align-items: center; padding: 2rem 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.product-row:first-child { border-top: 1px solid var(--line); }
.product-number { color: var(--muted); font: 400 1rem Georgia, serif; }
.product-name { margin: 0; font-size: clamp(2rem, 4vw, 3.7rem); line-height: 1; }
.product-desc { max-width: 30rem; color: var(--muted); }
.row-end { display: flex; align-items: center; gap: 1rem; }
.status { display: inline-flex; align-items: center; gap: .5rem; white-space: nowrap; font-size: .77rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.status::before { content: ""; width: .45rem; height: .45rem; border-radius: 50%; background: var(--accent); }
.arrow { font-size: 1.35rem; transition: transform .2s; }
.product-row:hover .arrow { transform: translateX(5px); }
.swatch { width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--accent-soft); }
.product-row:nth-child(2) .swatch { background: var(--navy); }
.product-row:nth-child(3) .swatch { background: var(--forest); }

.product-page { min-height: calc(100vh - 12rem); display: grid; grid-template-columns: 1.1fr .9fr; }
.product-main { padding: clamp(4rem, 9vw, 8rem) var(--pad); display: flex; flex-direction: column; justify-content: space-between; }
.product-main-inner { max-width: 43rem; margin-left: auto; width: 100%; }
.product-main h1 { margin: 1.25rem 0 2rem; font-size: clamp(4rem, 8vw, 7.6rem); line-height: .9; letter-spacing: -.055em; }
.product-main .lead { max-width: 37rem; }
.back-link { display: inline-flex; gap: .7rem; margin-top: 4rem; color: var(--muted); font-size: .88rem; text-decoration: none; }
.back-link:hover { color: var(--ink); }
.product-aside { min-height: 39rem; padding: var(--pad); display: grid; place-items: center; overflow: hidden; background: var(--accent-soft); }
.product-aside.chance { background: var(--navy); color: white; }
.product-aside.culture { background: var(--forest); color: white; }
.product-emblem { width: min(70%, 22rem); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font: 400 clamp(5rem, 12vw, 10rem) Georgia, serif; }
.product-aside.chance .product-emblem { border-radius: 1rem; transform: rotate(7deg); }
.product-aside.culture .product-emblem { outline: 1px solid currentColor; outline-offset: 1.2rem; }

.text-page { max-width: 960px; }
.text-page .page-header { grid-template-columns: 1fr; }
.text-page .page-header .lead { justify-self: start; max-width: 42rem; }
.statement { padding: clamp(3rem, 7vw, 6rem) 0 0 clamp(0rem, 8vw, 8rem); font: 400 clamp(1.8rem, 3.6vw, 3.2rem)/1.28 Georgia, serif; letter-spacing: -.025em; }
.contact-card { margin-top: clamp(3rem, 6vw, 5rem); padding: clamp(2rem, 5vw, 4rem); border: 1px solid var(--line); background: var(--surface); }
.contact-card p { margin-top: 0; color: var(--muted); }
.email { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0 .6rem; border-bottom: 1px solid var(--ink); font: 400 clamp(1.5rem, 4vw, 3.2rem) Georgia, serif; text-decoration: none; }

.site-footer { border-top: 1px solid var(--line); }
.footer-inner { width: min(100%, var(--max)); min-height: 6.5rem; margin: auto; padding: 1.5rem var(--pad); display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1rem; color: var(--muted); font-size: .78rem; }
.footer-inner p { margin: 0; }
.footer-inner a { text-decoration: none; }

@media (max-width: 800px) {
  .home-intro, .page-header, .product-page { grid-template-columns: 1fr; }
  .home-intro { gap: 2rem; }
  .home h1 { max-width: 11ch; }
  .hero-image img { aspect-ratio: 4 / 3; }
  .page-header .lead { justify-self: start; }
  .product-row { grid-template-columns: 3rem 1fr auto; }
  .product-desc { grid-column: 2 / 4; margin: -.5rem 0 0; }
  .product-aside { min-height: 28rem; grid-row: 1; }
  .product-main-inner { margin: 0; }
}

@media (max-width: 600px) {
  .header-inner { height: 4.75rem; }
  .menu-toggle { display: block; z-index: 2; }
  .menu-toggle[aria-expanded="true"] i:first-of-type { transform: translateY(.35rem) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] i:last-of-type { transform: translateY(-.35rem) rotate(-45deg); }
  .site-nav { display: none; position: absolute; top: 4.75rem; left: 0; right: 0; z-index: 10; padding: 1.4rem var(--pad) 2rem; background: var(--paper); border-bottom: 1px solid var(--line); flex-direction: column; align-items: flex-start; gap: 1rem; }
  .site-nav.open { display: flex; }
  .site-nav a { font-size: 1.25rem; }
  .home { padding-top: 3rem; }
  .home h1 { font-size: clamp(3.2rem, 15vw, 5rem); }
  .home-links { grid-template-columns: 1fr; }
  .home-links a + a { border-left: 0; border-top: 1px solid var(--line); }
  .product-row { grid-template-columns: 2rem 1fr; align-items: start; }
  .product-desc, .row-end { grid-column: 2; }
  .row-end { justify-content: space-between; }
  .product-aside { min-height: 22rem; }
  .statement { padding-left: 0; }
  .footer-inner { grid-template-columns: 1fr; }
}

/* Approved production homepage */
.approved-home{width:100vw;height:100vh;height:100svh;overflow:hidden;background:#07111e}.approved-canvas{position:relative;width:100vw;height:100vh;height:100svh;min-height:0;overflow:hidden}.approved-canvas>img{width:100%;height:100%;object-fit:cover;object-position:center}.interactive-overlay{position:absolute;inset:0;width:100%;height:100%}.hotspots rect{fill:transparent;stroke:transparent;pointer-events:all}.hotspots a:focus rect{stroke:#fff;stroke-width:3;fill:rgba(255,255,255,.08)}.live-screen{width:100%;height:100%;overflow:hidden;background:#07111d;color:#bed4e5;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transform:rotate(-.4deg);transform-origin:center}.editor-bar{height:42px;display:flex;align-items:center;gap:8px;padding:0 18px;background:#0c1b2b;border-bottom:1px solid #19354a;color:#8aa0b3}.editor-bar i{width:8px;height:8px;border-radius:50%;background:#ff6b6b}.editor-bar i:nth-child(2){background:#ffc857}.editor-bar i:nth-child(3){background:#66d17a}.editor-bar span{margin-left:12px;color:#9eb4c7}.editor-body{height:calc(100% - 42px);display:flex;padding:16px 0}.gutter{width:48px;flex:none;padding-right:12px;color:#38526a;text-align:right}.code-flow{overflow:hidden;flex:1}.code-set{animation:code-drift 13s ease-in-out infinite}.code-set p{margin:0;white-space:nowrap}.code-set b{color:#d88cff;font-weight:500}.code-set em{color:#5cc8ff;font-style:normal}.code-set u{color:#f6d365;text-decoration:none}.code-set q{color:#7edc9b}.cursor{color:#fff;animation:cursor-blink 1s steps(1) infinite}@keyframes code-drift{0%,12%{transform:translateY(20px)}48%,60%{transform:translateY(-58px)}88%,100%{transform:translateY(20px)}}@keyframes cursor-blink{50%{opacity:0}}.noscript-nav{position:absolute;right:4vw;top:3rem;display:flex;gap:2rem;color:#fff}.noscript-nav a{color:inherit}

/* Interior pages derived from the approved dark, warm visual language */
.screen-page{background:#0d1927;color:#f5f3ed}.screen-page .wordmark{color:#172331}.screen-page .site-header,.screen-page .site-footer{border-color:rgba(255,255,255,.14)}.screen-page .site-nav a{color:#172331}.screen-page .site-nav a:hover,.screen-page .site-nav a:focus-visible,.screen-page .site-nav a[aria-current=page]{color:#172331;border-color:#f0a75e}.screen-page .eyebrow{color:#f0a75e}.screen-page .compact-heading>p,.screen-page .compact-product p,.screen-page .screen-lead,.screen-page .contact-intro,.screen-page .footer-inner,.screen-page .back-link,.screen-page .product-switcher,.screen-page .quiet-link{color:#aeb6c0}.screen-page .compact-products,.screen-page .compact-product,.screen-page .product-switcher,.screen-page .screen-email{border-color:rgba(255,255,255,.16)}.screen-page .compact-product:hover{background:#14263a}.screen-page .status:before{background:#f0a75e;border-color:#f0a75e}.screen-page .library-emblem{background:#294968;color:#f5f3ed}.screen-page .chance-emblem{background:#bf6b45;color:#fff}.screen-page .culture-emblem{background:#ddaa63;color:#172331}.screen-page .screen-email{color:#fff}.screen-page .site-footer a:hover{color:#fff}

@media(max-width:700px){.approved-home{height:auto;min-height:100svh;overflow:auto}.approved-canvas{height:100svh;min-height:42rem}.approved-canvas>img,.interactive-overlay{object-position:center}.live-screen{font-size:12px}.screen-page .site-nav{background:#0d1927;color:#fff;border-color:rgba(255,255,255,.14)}}
@media(prefers-reduced-motion:reduce){.code-set,.cursor{animation:none}.code-set{transform:translateY(-10px)}}
.approved-canvas>img{object-fit:fill}
@media(max-width:700px){.approved-home{height:100svh;overflow:hidden}.approved-canvas{position:absolute;top:50%;height:auto;min-height:0;aspect-ratio:1670/941;transform:translateY(-50%)}.interactive-overlay{height:100%}.live-screen{font-size:11px}}

/* Four-corner projected laptop editor */
.projection-root{position:relative;width:1671px;height:941px;overflow:hidden}.laptop-plane{position:absolute;left:0;top:0;width:540px;height:390px;overflow:hidden;background:#07131f;color:#b8c9d7;font:12px/18px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transform-origin:0 0;transform:matrix3d(.7507952457,-.0942654602,0,-.0001688008,-.1437409344,.8710094844,0,-.0000542085,0,0,1,0,707,369,0,1);backface-visibility:hidden}.screen-toolbar{height:36px;display:flex;align-items:center;gap:7px;padding:0 12px;background:#0b1c2c;border-bottom:1px solid #193349;color:#68849a}.screen-toolbar .traffic{width:7px;height:7px;border-radius:50%;background:#ef596f}.screen-toolbar .amber{background:#e7bd57}.screen-toolbar .green{background:#55c98b}.screen-toolbar b{margin-right:22px;color:#9bb0c1;font-weight:500}.screen-toolbar .tab{height:36px;padding:9px 18px 0;border-left:1px solid #193349;border-right:1px solid #193349;color:#b9cbd9}.screen-workspace{height:336px;display:flex}.screen-sidebar{width:105px;flex:none;padding:13px 10px;background:#091725;border-right:1px solid #183044;color:#607c91}.screen-sidebar strong,.screen-sidebar span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.screen-sidebar strong{margin-bottom:5px;color:#9db0bf;font-weight:500}.screen-editor{position:relative;display:flex;flex:1;overflow:hidden;padding-top:12px;background:#07131f}.screen-gutter{width:32px;flex:none;padding-right:8px;color:#31516a;text-align:right;white-space:nowrap}.typed-code{position:relative;flex:1;margin:0;padding:0 12px 0 8px;white-space:pre;transition:transform .42s cubic-bezier(.25,.8,.25,1)}.typed-code.no-transition{transition:none}.typed-code code{font:inherit;color:#b9ccda}.type-cursor{display:inline-block;width:1px;height:14px;margin-left:1px;vertical-align:-2px;background:#d8ecf8;animation:type-blink .95s steps(1) infinite}.syn-keyword{color:#e794ff}.syn-function{color:#69d0ff}.syn-string{color:#a5dc76}.syn-value{color:#f2c36b}.screen-status{height:18px;padding-right:12px;background:#0b2031;color:#7190a6;font-size:9px;line-height:18px;text-align:right}@keyframes type-blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.type-cursor{animation:none}.typed-code{transition:none}}
.laptop-plane{transform:matrix3d(.7332851451,-.1117647212,0,-.0002064651,-.1672714155,.8994388285,0,-.0000635578,0,0,1,0,704,366,0,1)}

/* Compact screen-based system — iteration 4 */
.home-screen .wordmark { gap: .8rem; font-size: 1.02rem; letter-spacing: .21em; }
.home-screen .mark { width: 1.8rem; height: 1.8rem; }
.home-screen .site-nav { gap: clamp(1.5rem, 3vw, 3rem); }
.home-screen .site-nav a { color: #fff; font-size: .94rem; font-weight: 700; letter-spacing: .025em; }
.home-screen .home-shade { background: linear-gradient(90deg, rgba(255,248,235,.2), transparent 40%), linear-gradient(to bottom, rgba(8,8,8,.18), transparent 24%, transparent 68%, rgba(10,8,7,.34)); }
.home-positioning { position: absolute; z-index: 3; left: clamp(1.5rem, 5.5vw, 5.5rem); top: 22%; width: min(34rem, 38vw); color: #171717; text-shadow: 0 1px 18px rgba(255,255,255,.38); }
.home-positioning h1 { margin: 0 0 1rem; max-width: 12ch; font-family: Inter, "Helvetica Neue", Arial, sans-serif; font-size: clamp(2.1rem, 3.65vw, 3.9rem); font-weight: 650; line-height: 1.03; letter-spacing: -.045em; }
.home-positioning p { margin: 0; max-width: 27rem; font-size: clamp(1rem, 1.35vw, 1.2rem); line-height: 1.45; font-weight: 500; }

.screen-page { min-height: 100vh; min-height: 100svh; display: grid; grid-template-rows: 5rem minmax(0,1fr) 4rem; overflow: hidden; }
.screen-page .header-inner { height: 5rem; }
.screen-main { width: min(100%, var(--max)); min-height: 0; margin: auto; padding: clamp(2.25rem, 5vh, 3.75rem) var(--pad); }
.compact-heading { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin-bottom: clamp(1.5rem, 3vh, 2.5rem); }
.compact-heading h1, .simple-screen h1, .product-screen h1 { margin: 0; font-size: clamp(2.8rem, 5vw, 4.7rem); line-height: .95; letter-spacing: -.045em; }
.compact-heading > p { max-width: 26rem; margin: 0 0 .4rem; color: var(--muted); font-size: 1rem; }
.compact-products { border-top: 1px solid var(--line); }
.compact-product { min-height: clamp(7.2rem, 15vh, 8.5rem); display: grid; grid-template-columns: 3.5rem 1fr auto 2rem; gap: clamp(1rem, 2.5vw, 2.5rem); align-items: center; border-bottom: 1px solid var(--line); text-decoration: none; }
.compact-index { color: var(--muted); font-family: Georgia, serif; }
.compact-product h2 { margin: 0 0 .3rem; font-size: clamp(1.65rem, 3vw, 2.45rem); line-height: 1; }
.compact-product p { margin: 0; color: var(--muted); font-size: .92rem; }
.compact-product .arrow { transition: transform .2s; }
.compact-product:hover .arrow { transform: translateX(5px); }
.screen-page .site-footer { min-height: 0; }
.screen-page .footer-inner { height: 100%; min-height: 0; padding-top: .75rem; padding-bottom: .75rem; }

.simple-screen { align-self: center; width: min(100%, 1040px); }
.simple-screen .eyebrow { margin-bottom: 1.25rem; }
.screen-statement { max-width: 860px; margin: clamp(2rem, 5vh, 3.5rem) 0; font: 400 clamp(1.65rem, 3vw, 2.7rem)/1.33 Georgia, serif; letter-spacing: -.025em; }
.quiet-link { display: inline-flex; gap: 1rem; padding-bottom: .25rem; border-bottom: 1px solid currentColor; color: var(--muted); font-size: .9rem; font-weight: 600; text-decoration: none; }
.contact-intro { max-width: 34rem; margin: 1.5rem 0 clamp(2.2rem, 6vh, 4rem); color: var(--muted); font-size: 1.1rem; }
.screen-email { display: flex; justify-content: space-between; width: min(100%, 850px); padding: 1rem 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); font: 400 clamp(1.8rem, 4vw, 3.6rem) Georgia, serif; text-decoration: none; }

.product-screen { position: relative; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(20rem,.9fr); grid-template-rows: minmax(0,1fr) auto; gap: 1rem clamp(3rem, 7vw, 7rem); align-items: center; }
.product-screen-copy { max-width: 42rem; }
.product-screen-copy .back-link { margin: 0 0 clamp(2.5rem, 6vh, 4rem); color: var(--muted); }
.product-screen-copy .eyebrow { margin-bottom: 1rem; }
.screen-lead { max-width: 37rem; margin: 1.5rem 0 2rem; color: var(--muted); font-size: clamp(1.05rem, 1.8vw, 1.35rem); }
.screen-emblem { justify-self: center; width: min(29vw, 18rem); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: var(--accent-soft); color: var(--ink); }
.screen-emblem span { font: 400 clamp(5rem, 10vw, 8rem) Georgia, serif; }
.chance-emblem { border-radius: 1rem; background: var(--navy); color: white; transform: rotate(5deg); }
.culture-emblem { background: var(--forest); color: white; outline: 1px solid var(--forest); outline-offset: .8rem; }
.product-switcher { grid-column: 1 / -1; display: flex; justify-content: space-between; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .84rem; }
.product-switcher a { text-decoration: none; }
.product-switcher a:hover { color: var(--ink); }

@media (max-width: 800px) {
  .screen-page { display: block; min-height: 100svh; overflow: visible; }
  .screen-main { padding-top: 3rem; padding-bottom: 3rem; }
  .compact-heading { display: block; }
  .compact-heading > p { margin-top: 1rem; }
  .compact-product { grid-template-columns: 2.5rem 1fr auto; padding: 1.25rem 0; }
  .compact-product .status { grid-column: 2; }
  .compact-product .arrow { grid-column: 3; grid-row: 1 / 3; }
  .product-screen { grid-template-columns: 1fr; grid-template-rows: auto; }
  .screen-emblem { grid-row: 1; width: min(52vw, 15rem); }
  .product-screen-copy { grid-row: 2; }
  .product-switcher { grid-row: 3; }
}

@media (max-width: 600px) {
  .home-positioning { left: 1.5rem; right: 1.5rem; top: auto; bottom: 5.5rem; width: auto; color: #fff; text-shadow: 0 1px 18px rgba(0,0,0,.8); }
  .home-positioning h1 { max-width: 11ch; font-size: clamp(2rem, 10vw, 3.2rem); }
  .home-positioning p { max-width: 22rem; font-size: .95rem; }
  .home-screen .home-shade { background: linear-gradient(to bottom, rgba(8,8,8,.22), transparent 30%, rgba(10,8,7,.58)); }
  .compact-product { grid-template-columns: 2rem 1fr 1.5rem; }
  .compact-product .status { font-size: .7rem; }
  .screen-emblem { width: 11rem; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } }

/* Full-screen homepage — iteration 3 */
.home-screen { height: 100vh; height: 100svh; overflow: hidden; background: #1a1715; }
.home-screen .site-header { position: fixed; inset: 0 0 auto; z-index: 20; border: 0; background: transparent; }
.home-screen .header-inner { width: 100%; max-width: none; height: clamp(5rem, 9vh, 6.5rem); padding-left: clamp(1.5rem, 4vw, 4.5rem); padding-right: clamp(1.5rem, 4vw, 4.5rem); }
.home-screen .wordmark { color: #171717; text-shadow: 0 1px 18px rgba(255,255,255,.42); }
.home-screen .site-nav a { color: #fff; border-color: transparent; text-shadow: 0 1px 14px rgba(0,0,0,.65); }
.home-screen .site-nav a:hover, .home-screen .site-nav a:focus-visible { border-color: currentColor; }
.fullscreen-home { position: relative; width: 100vw; height: 100vh; height: 100svh; min-height: 0; overflow: hidden; }
.fullscreen-image { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.home-shade { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(10,10,10,.12), transparent 25%, transparent 67%, rgba(10,8,7,.38)); pointer-events: none; }
.home-descriptor { position: absolute; left: clamp(1.5rem, 4vw, 4.5rem); bottom: clamp(1.5rem, 4vw, 3.25rem); z-index: 2; margin: 0; color: #fff; font-size: clamp(.82rem, 1.15vw, 1rem); font-weight: 700; letter-spacing: .13em; text-transform: uppercase; text-shadow: 0 1px 16px rgba(0,0,0,.72); }
.home-descriptor span { margin: 0 .45rem; color: rgba(255,255,255,.7); }

@media (max-width: 600px) {
  .home-screen .wordmark { color: #fff; text-shadow: 0 1px 14px rgba(0,0,0,.7); }
  .home-screen .menu-toggle { color: #fff; text-shadow: 0 1px 14px rgba(0,0,0,.7); }
  .home-screen .site-nav { top: 4.75rem; background: rgba(26,23,21,.92); border-color: rgba(255,255,255,.25); backdrop-filter: blur(12px); }
  .home-screen .site-nav a { color: #fff; }
  .fullscreen-image { object-position: 48% center; }
  .home-descriptor { max-width: calc(100% - 3rem); font-size: .73rem; letter-spacing: .1em; }
}