/* The ink installation is scoped to the introduction; the reading flow stays calm. */
:root{--paper:#f5f0e8;--red:#a54336}
.site-header{position:relative;isolation:isolate;z-index:2;margin:0;padding:0 6%;border-bottom-color:#803c2926;color:#9d4135;background:var(--paper)}
body>footer{position:relative;isolation:isolate;background:var(--paper)}
.site-header:before,body>footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/header-circle-pattern.svg') center/96px 96px repeat;opacity:.1275}
@media(max-width:900px){.site-header{margin:0;padding:0 5%}}
.ink-hero{isolation:isolate;position:relative;max-width:none;display:flex;flex-direction:column;align-items:center;gap:0;min-height:0;padding:12px 6% 30px;text-align:center;overflow:hidden;background:#f5f0e8}
.ink-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#f5f0e899 0%,#f5f0e8b8 55%,#f5f0e8f0 100%),url('assets/ink-landscape.webp') center 62%/cover;opacity:.48}
.ink-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#f5f0e8,transparent 20%,transparent 70%,#f5f0e8)}
.ink-hero .hero-copy{align-self:center;position:relative;z-index:1;padding:18px 0 20px;max-width:800px;width:100%}
.ink-hero h1{font-size:clamp(48px,4.7vw,76px);line-height:1.06;letter-spacing:-2.4px;color:#923d32}
.ink-hero h1 em{color:#a54336}
.ink-hero .hero-description{font-size:17px;max-width:650px;text-wrap:balance;margin-left:auto;margin-right:auto;color:#594f48;line-height:1.8}
.ink-hero .eyebrow{justify-content:center;color:#974439;font-size:12px;letter-spacing:.15em}
.ink-hero .micro{font-size:13px;color:#665c52;line-height:1.75}
.ink-hero .primary{background-color:#a54336;background-image:linear-gradient(125deg,#ffffff09,#25160716);padding:18px 27px}
.ink-hero .hero-foot{justify-content:center;gap:22px;margin-top:26px;flex-wrap:wrap}
.ink-hero .hero-foot>span{color:#786559;font-size:23px;gap:6px}
.ink-hero .hero-foot small{font-size:9px}
.ink-installation{align-self:center;min-width:0;position:relative;width:min(100%,700px)}
.ink-stage{position:relative;width:100%;height:460px;touch-action:pan-y}
.pavilion-roof{position:absolute;top:2%;left:0;width:100%;height:auto;max-height:210px;object-fit:contain;pointer-events:none;user-select:none;z-index:2;filter:drop-shadow(0 10px 12px #34201720)}
#ink-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}
#ink-canvas:active{cursor:grabbing}
.ink-fallback{position:absolute;top:33%;left:21%;right:21%;display:flex;justify-content:space-between;color:#5c4640;font:19px/1.8 var(--zh)}
.ink-fallback>span{writing-mode:vertical-rl;letter-spacing:6px}
.ink-stage.is-ready .ink-fallback{display:none}
.hanging-seal{position:absolute;right:5%;top:40%;border:1px solid #a54336;color:#a54336;font:15px/1.5 var(--zh);padding:7px 5px;pointer-events:none}
.ink-caption{text-align:center;position:relative;z-index:2;padding:0 12px}
.ink-caption>p:first-child{font:21px/1.5 var(--serif);color:#6e4b40;margin-bottom:14px}
.ink-caption>p>span{display:block;font:12px/1.6 var(--sans);color:#74685f;margin-top:0}
.ink-controls{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.ink-controls button{border:1px solid #8d625847;background:#f5f0e8b3;padding:8px 13px;min-height:40px;color:#78483e;font-size:12px;border-radius:0}
.ink-controls button:hover{background:#e9ded0}.ink-controls button[aria-pressed=true]{background:#e9ded0;border-color:#a54336}
.ink-controls button:disabled{opacity:.55;cursor:default}
.ink-status{font-size:12px;color:#78483e;margin:8px 0 0}
.ink-status:empty{display:none}
.ink-bottom{position:relative;width:min(100%,800px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:#866356;font-size:12px;border-top:1px solid #8d62582e;padding-top:16px}
.ink-bottom>span{letter-spacing:.05em}.ink-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
.experience{background:var(--paper)}
@media(min-width:1600px){.ink-installation{width:760px}.ink-stage{height:480px}}
@media(max-width:1000px){.ink-hero h1{font-size:58px}.ink-hero .hero-description{font-size:16px}.ink-caption>p:first-child{font-size:19px}}
@media(max-width:650px){.ink-hero{padding:8px 6% 25px}.ink-hero .hero-copy{padding:16px 0 12px}.ink-hero h1{font-size:clamp(36px,10.3vw,56px);letter-spacing:-1.5px;margin-bottom:20px}.ink-hero .hero-description{max-width:420px;line-height:1.75}.ink-hero .hero-foot{margin-top:20px;gap:24px}.ink-hero .hero-foot small{display:none}.ink-stage{height:310px}.pavilion-roof{top:0;max-height:150px}.ink-caption{padding:0}.ink-caption>p:first-child{font-size:19px}.hanging-seal{right:1%;font-size:13px}.ink-bottom{font-size:12px}.ink-fallback{font-size:16px}.ink-controls{gap:6px}.ink-controls button{font-size:12px;min-height:42px;padding:7px 10px}.ink-hero:before{background-position:center top;opacity:.35}}

.ink-hero .micro .free-highlight{color:var(--red);font-weight:700;font-size:1.18em;letter-spacing:.06em}