.hn-header{position:sticky;top:0;z-index:40;background:var(--wine);color:var(--paper);padding:24px var(--gutter);--hn-budget:420px;--hn-media-h:270px}
.hn-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:32px;align-items:center}.hn-brand{display:flex;flex-direction:column;align-items:center;width:max-content;max-width:100%}.hn-word{display:block;font:400 clamp(64px,9vw,144px)/.92 var(--serif);letter-spacing:-.055em;white-space:nowrap}.hn-brand small{font:10px/1 var(--sans);letter-spacing:.5em;padding-left:.5em;margin-top:12px}.hn-quick{display:flex;gap:28px;font-size:16px}.hn-link{display:inline-block;position:relative;min-height:44px;padding-block:10px;line-height:1.3;align-content:center;max-width:100%}.hn-link::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 850ms cubic-bezier(.22,.61,.36,1)}.hn-link:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.hn-toggle{display:flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:8px 24px;border-radius:999px;background:var(--paper);color:var(--wine);font-size:16px}.hn-toggle-icon{display:grid;gap:6px;width:24px}.hn-toggle-icon i{display:block;height:1px;width:24px;background:currentColor;transition:transform 850ms var(--ease)}.hn-toggle[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}.hn-toggle[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hn-header :focus-visible{outline:2px solid var(--paper);outline-offset:5px}
.hn-panel{position:absolute;top:100%;left:0;right:0;max-height:var(--hn-budget);color:var(--ink);background:var(--paper-dark);overflow:hidden;clip-path:inset(0 0 100% 0)}
.hn-panel :focus-visible{outline-color:var(--wine)}
.hn-panel-inner{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1.1fr) minmax(300px,1.4fr);gap:32px;align-items:center;max-height:inherit;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:24px var(--gutter) 32px}
.hn-arts{display:flex;flex-direction:column;align-items:start;gap:12px;align-self:start}
.hn-arts .hn-link{font:400 clamp(32px,3.8vw,56px)/1.2 var(--serif);letter-spacing:-.035em;padding-block:8px}
.hn-arts .hn-link[data-preview=true]{color:var(--wine)}
.hn-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;align-self:start}
.hn-page-group{display:flex;flex-direction:column;align-items:start;min-width:0}
.hn-pages .hn-link{font:400 clamp(20px,1.75vw,26px)/1.2 var(--serif);padding-block:8px}
.hn-page-label{font:500 11px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin:0 0 12px}
.hn-media{position:relative;width:100%;height:var(--hn-media-h);min-width:0}
.hn-scenes{position:absolute;inset:0}
.hn-scene{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}
.hn-scene img,.hn-scene video{display:block;object-fit:contain;max-width:100%;border-radius:14px}
.hn-photo-window{flex:none;position:relative;overflow:hidden;border-radius:14px;isolation:isolate}
.hn-photo-track{display:flex;width:200%;height:100%;transform:translateX(0);will-change:transform}
.hn-photo-track img{flex:0 0 50%;width:50%;max-width:none;height:100%;border-radius:0;object-fit:contain}
.hn-video-scene{opacity:0}
.hn-video-scene video{width:100%;height:100%;background:transparent}
.hn-media-controls{display:none}
.hn-touch-modes{display:flex;gap:24px;font-size:14px}
.hn-touch-modes button{min-height:44px;padding:8px 0}
.hn-touch-modes button[aria-pressed=true]{color:var(--wine)}
.hn-status{position:absolute;left:0;bottom:0;font:13px/1.4 var(--sans);color:var(--muted)}
@media(max-width:1100px) and (min-width:901px){.hn-panel-inner{grid-template-columns:minmax(170px,.9fr) minmax(150px,1fr) minmax(270px,1.4fr);gap:24px}.hn-arts .hn-link{font-size:32px}.hn-pages{gap:20px}.hn-pages .hn-link{font-size:20px}.hn-page-label{font-size:10px;letter-spacing:.06em}}
@media(max-width:1000px){.hn-bar{gap:24px}.hn-quick{gap:20px;font-size:14px}.hn-toggle{padding-inline:20px;font-size:14px}}
@media(max-width:900px){.hn-panel-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.hn-arts{grid-column:1;grid-row:1}.hn-arts .hn-link{font-size:28px}.hn-media{grid-column:2;grid-row:1}.hn-pages{grid-column:1/-1;grid-row:2;gap:24px}.hn-pages .hn-link{font-size:22px}.hn-page-label{margin:0 0 8px}}
@media(max-width:700px){.hn-header{padding:20px 24px 16px}.hn-bar{grid-template-columns:minmax(0,1fr) auto;gap:20px 12px}.hn-brand{grid-column:1/-1;justify-self:center}.hn-word{font-size:clamp(54px,11vw,96px)}.hn-brand small{font-size:9px;margin-top:8px}.hn-quick{gap:12px;font-size:14px}.hn-toggle{min-height:44px;padding:8px;gap:12px}.hn-toggle-icon,.hn-toggle-icon i{width:20px}.hn-panel-inner{gap:16px 20px;padding:20px 24px 24px;align-items:start}.hn-media{grid-column:1/-1;grid-row:1}.hn-arts{grid-column:1/-1;grid-row:2;flex-direction:row;gap:24px}.hn-arts .hn-link{font-size:24px}.hn-pages{grid-column:1/-1;grid-row:3;gap:20px}.hn-pages .hn-link{font-size:20px}.hn-page-label{font-size:10px;letter-spacing:.07em}.hn-scenes{bottom:44px}.hn-media-controls{display:flex;position:absolute;bottom:0;left:0;right:0;justify-content:center}.hn-status{bottom:44px}}
@media(max-height:650px) and (min-width:701px){.hn-header{padding-block:16px}.hn-word{font-size:clamp(56px,7vw,104px)}.hn-panel-inner{padding-block:16px}.hn-arts .hn-link{font-size:28px}.hn-pages .hn-link{font-size:20px}.hn-page-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hn-header *,.hn-header *::after{transition:none!important}}
.hn-header[data-paused=true] *,.hn-header[data-paused=true] *::after{transition:none!important}
.hn-header [hidden]{display:none!important}
@media(max-width:380px){.hn-bar{column-gap:8px}.hn-toggle{width:44px;min-width:44px;padding:8px;gap:0}.hn-toggle-label{display:none}}