:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#fff1d7;background:#151410;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:14px}.hero{height:calc(100svh - 28px);min-height:560px;position:relative;border-radius:18px;isolation:isolate;overflow:hidden;background:#a94017}video,.shade,.grid{position:absolute;inset:0;width:100%;height:100%}video{object-fit:cover;object-position:center 45%;z-index:-3}.shade{z-index:-2;background:linear-gradient(180deg,#130d0844,transparent 35%,#130d0899)}.grid{z-index:-1;border:1px solid #fff1d718;inset:88px 36px 120px;width:auto;height:auto}header{position:absolute;inset:25px 36px auto;display:flex;align-items:center;gap:48px}.monogram{font-size:39px;font-weight:700;letter-spacing:-5px;color:inherit;text-decoration:none}.monogram span{font-size:13px;vertical-align:top;letter-spacing:0;margin-left:9px}.edition,.study,.label,.eyebrow{font-family:monospace;font-size:10px;letter-spacing:1px;line-height:1.6}.study{margin-left:auto}.eyebrow{position:absolute;top:112px;left:36px;right:36px;display:flex;justify-content:space-between}.marquee{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);overflow:hidden}.track{display:flex;width:max-content;animation:travel 38s linear infinite;animation-play-state:paused}.phrase{flex-shrink:0;white-space:nowrap;font-size:clamp(100px,18.8vw,330px);font-weight:400;letter-spacing:-.075em;line-height:1.18;padding-right:.22em;display:flex;align-items:center;gap:.22em}.phrase i{font-style:normal;font-size:.62em;letter-spacing:0}.letter{display:inline-block}.word{white-space:pre}.running .track{animation-play-state:running;animation-delay:.7s}.enhanced .letter{opacity:0;transform:translateY(105%) rotate(4deg);filter:blur(5px)}.revealed .letter{animation:appear .85s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--n)*.018s)}.paused .track,.paused .letter{animation-play-state:paused!important}footer{position:absolute;bottom:30px;left:36px;right:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.label{display:block;opacity:.65;margin-bottom:12px}.position p{font-size:clamp(22px,2.7vw,40px);letter-spacing:-1.4px;line-height:1.08;margin:0}.signature{font-size:12px;line-height:1.6}.controls{display:flex;gap:8px}button{border:1px solid #fff1d74d;border-radius:30px;padding:12px 16px;color:inherit;background:#20150c24;backdrop-filter:blur(8px);font:11px Arial;cursor:pointer}button:hover{background:#fff1d7;color:#29170c}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:4px}.curtain{display:none;position:absolute;inset:0;background:#251b14;align-items:center;justify-content:center;z-index:10;font:11px monospace;letter-spacing:2px;pointer-events:none}.curtain-count{display:block;opacity:.4;margin-top:8px;font-size:9px}.enhanced .curtain{display:flex;animation:curtain .95s cubic-bezier(.76,0,.24,1) .08s both}.static .letter{opacity:1;transform:none;filter:none;animation:none}.static .track{animation:none}.static .curtain{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes travel{to{transform:translateX(-50%)}}@keyframes appear{to{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}}@keyframes curtain{to{transform:translateY(-101%)}}@media(max-width:650px){body{padding:8px}.hero{height:calc(100svh - 16px);min-height:560px;border-radius:12px}header{inset:20px 20px auto;gap:25px}.edition{font-size:8px}.study{display:none}.eyebrow{left:20px;right:20px;top:103px;font-size:8px}.eyebrow span:last-child{max-width:130px;text-align:right}.grid{inset:78px 20px 160px}.phrase{font-size:30vw}.marquee{top:49%}video{object-position:50% center}footer{left:20px;right:20px;bottom:22px;flex-wrap:wrap;gap:24px}.position{width:100%}.position p{font-size:30px}.signature{display:none}.controls{width:100%;justify-content:space-between}button{font-size:10px;padding:11px 14px}.label{font-size:8px;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.enhanced .curtain{display:none}.enhanced .letter{opacity:1;transform:none;filter:none}.marquee .phrase{font-size:clamp(36px,8vw,130px)}.track{width:100%;justify-content:center}.phrase:nth-child(2),.phrase i{display:none}.phrase{white-space:normal;flex-wrap:wrap;justify-content:center;padding:20px;letter-spacing:-.05em}.controls{display:none}}


@media(prefers-reduced-motion:reduce){.enhanced .curtain{display:none}}

@font-face{font-family:Poppins;src:url('fonts/Poppins-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
.phrase{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;letter-spacing:-.055em}
.phrase i{font-size:.45em}

/* Footer content revision: spacing belongs to the divider itself. */
.grid{border-bottom:0;bottom:0}
footer{border-top:1px solid #fff1d726;padding-top:24px}
.location{text-align:right}
.location p{margin:0;font-size:16px;line-height:1.4;letter-spacing:-.3px}
@media(max-width:650px){footer{gap:22px;padding-top:24px}.location{text-align:left}.location p{font-size:14px}}

/* Shared page margins, with content breathing room inside the rails. */
.hero{--rail:36px;--rail-padding:16px}
.grid{inset:0 var(--rail);border-top:0;border-bottom:0}
.grid::before{content:"";position:absolute;top:88px;left:0;right:0;border-top:1px solid #fff1d718}
header{left:calc(var(--rail) + var(--rail-padding));right:calc(var(--rail) + var(--rail-padding))}
footer{left:var(--rail);right:var(--rail);padding-left:var(--rail-padding);padding-right:var(--rail-padding)}
@media(max-width:650px){.hero{--rail:20px}.grid::before{top:78px}header{gap:20px}}

/* Center the content rails within a maximum 1440px canvas. */
.hero{--content-edge:max(var(--rail), calc((100% - 1440px) / 2))}
.grid{left:var(--content-edge);right:var(--content-edge)}
header{left:calc(var(--content-edge) + var(--rail-padding));right:calc(var(--content-edge) + var(--rail-padding))}
footer{left:var(--content-edge);right:var(--content-edge)}
.marquee{left:var(--content-edge);width:calc(100% - var(--content-edge) - var(--content-edge))}

/* JMR wordmark centered in the header's ruled band. */
header{top:0;height:88px;align-items:center}
.monogram{font-family:Poppins,Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-2px;line-height:1;display:inline-flex;align-items:center;flex-shrink:0}
@media(max-width:650px){header{top:0;height:78px}.monogram{font-size:28px;letter-spacing:-1.5px}}
.monogram .reveal-word{font-size:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;vertical-align:baseline}

/* Release temporary reveal layers before the continuous marquee travels. */
.hero.enhanced.revealed .reveal-word.reveal-complete{opacity:1;filter:none;transform:none;animation:none;will-change:auto}

.work-section{--rail:36px;--rail-padding:16px;--content-edge:max(var(--rail), calc((100% - 1440px) / 2));color:#f9eddb;position:relative;margin-top:0}
.work-rails{margin:0 var(--content-edge);border-inline:1px solid #fff1d718;padding:110px 16px 100px;position:relative}

.work-heading{position:relative}.section-index{font:10px monospace;letter-spacing:1px;display:block;margin-bottom:34px;color:#c3ac93}
.work-heading h2{font-family:Poppins,Arial,sans-serif;font-weight:700;font-size:clamp(40px,6.5vw,94px);line-height:1.1;letter-spacing:-.055em;margin:0;max-width:1050px}
.work-intro{font-size:16px;line-height:1.6;max-width:370px;margin:34px 0 0 auto;color:#c9bdad}
@media(max-width:650px){.work-section{--rail:20px}.work-rails{padding-top:72px;padding-bottom:64px}.work-intro{margin-left:0;font-size:14px}.work-heading h2{font-size:clamp(32px,8.5vw,52px)}}

/* Full-bleed opening; the existing frame appears with the first scroll. */
.hero{--hero-gutter:14px;--hero-radius:18px;margin:calc(-1 * var(--hero-gutter)) calc(-1 * var(--hero-gutter)) 0;height:100svh;border-radius:0;clip-path:inset(calc(var(--hero-gutter) * var(--frame-progress,0)) round calc(var(--hero-radius) * var(--frame-progress,0)));transition:none}
@media(max-width:650px){.hero{--hero-gutter:8px;--hero-radius:12px}}
@media(prefers-reduced-motion:reduce){.hero{transition:none}}

/* Shared arrow proportions for all text links. */
a.icon-link{display:inline-flex;align-items:center;gap:.6em}.link-arrow{display:block;width:1em;height:1em;flex:0 0 1em;vertical-align:middle}