/* Ink is ornamental; body text stays sharp and unfiltered. */
:root{--ink-font:"STKaiti","KaiTi","楷体","Kaiti SC","Songti SC",serif}
#ink-atmosphere{position:fixed;inset:-12%;z-index:-1;pointer-events:none;background:url('assets/ink-landscape.svg') center/cover;opacity:.09;transform:rotate(var(--ink-angle,0deg));transition:transform 1.6s,opacity 1s;contain:paint}
body{isolation:isolate}#ink-ripple{position:fixed;width:160px;height:160px;left:0;top:0;pointer-events:none;z-index:10000;border-radius:43% 57% 62% 38%;background:radial-gradient(ellipse,#30393235, #30393212 45%,transparent 70%);opacity:0}
.ink-start{min-height:calc(100svh - 95px);position:relative;overflow:hidden;background:#f5f3ec;color:#28312b;isolation:isolate;padding:36px 6vw 25px}.ink-landscape{position:absolute;inset:0;z-index:-1;pointer-events:none}.ink-landscape img{width:100%;height:100%;object-fit:cover;object-position:center}.opening-top,.opening-foot{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.25em;color:#73766b}.opening-top{align-items:center}.opening-copy{position:relative;margin:65px 0 80px 9%;max-width:470px}.opening-kicker{font-size:12px;letter-spacing:.6em}.opening-copy h1{font:clamp(76px,9vw,140px)/1.2 var(--ink-font);letter-spacing:.18em;margin:24px 0 14px;font-weight:400;text-shadow:1px 2px 1px #25332618}.opening-subtitle{font:24px/1.8 var(--ink-font);letter-spacing:.26em}.opening-description{font-size:14px;line-height:2.3;color:#61675f;margin:25px 0 30px}.ink-enter{display:inline-flex;align-items:center;gap:48px;padding:17px 24px;border:1px solid #61695b;font-family:var(--ink-font);font-size:20px;background:#f5f3ec9e;color:#26382e;transition:background .4s,color .4s}.ink-enter:hover{background:#2f3c34;color:#fff}.opening-secondary{display:block;width:max-content;margin-top:18px;font-size:12px;letter-spacing:.2em}.opening-quotes{position:absolute;right:8%;top:22%;display:flex;gap:42px}.opening-quotes a{writing-mode:vertical-rl;font:20px/1.8 var(--ink-font);letter-spacing:.18em;max-height:310px}.opening-quotes q:before,.opening-quotes q:after{content:none}.opening-quotes span{font:10px/2 serif;color:#73796d;margin-right:12px;letter-spacing:.2em}.opening-foot{position:relative;margin-top:30px;font-size:10px;letter-spacing:.1em}.page h1,.page h2,.brand{font-family:var(--ink-font)}.ink-start~.page{position:relative}button,a,summary{transition:color .25s,background-color .3s,box-shadow .3s}button:hover,summary:hover{box-shadow:inset 0 -2px #53665344}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8e493a;outline-offset:5px}.night .ink-start{background:#d6d8ce;color:#233128}.night .ink-landscape{opacity:.75}.night .opening-description{color:#444f45}
@media(min-width:1400px){.opening-copy{margin-top:9vh;margin-bottom:13vh}}
@media(max-width:760px){.ink-start{padding:25px 7vw;min-height:880px}.opening-copy{margin:60px 0 35px;max-width:100%}.opening-copy h1{font-size:88px}.opening-description{font-size:13px}.opening-quotes{position:relative;top:auto;right:auto;gap:26px;margin:45px 0 25px;display:block}.opening-quotes a{writing-mode:horizontal-tb;display:block;font-size:17px;margin-top:18px}.opening-quotes span{display:block;font-size:10px;margin:4px 0}.opening-foot{flex-direction:column;font-size:9px;line-height:1.8}.ink-landscape img{object-position:64% center;opacity:.55}.opening-top{font-size:10px;letter-spacing:.1em}.opening-top button{font-size:10px}.opening-subtitle{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
body.ink-still *,body.ink-still *::before,body.ink-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* v2: tonal washes over a textured landscape; no polygon mountains. */
#ink-atmosphere{inset:-18%;background-image:url('assets/mountains.png');filter:grayscale(1) contrast(1.25);opacity:.17;mask-image:linear-gradient(110deg,#000a,transparent 48%,#000c);background-position:var(--wash-position,50%) 55%;transition:background-position 2s}
.ink-start{background:#f5f3ed;min-height:calc(100svh - 90px)}
.ink-landscape{inset:0;overflow:hidden}
.ink-landscape img{object-position:68% center;filter:grayscale(1) contrast(.86) brightness(1.4);opacity:.88;mask-image:linear-gradient(90deg,transparent 0%,#0002 27%,#000b 52%,#000 78%);transform:scale(1.025)}
.ink-landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f5f3edb5,transparent 25%,transparent 72%,#f5f3ed),linear-gradient(90deg,#f5f3edc9,transparent 60%);pointer-events:none}
.ink-cloud{position:absolute;inset:-15%;background:url('assets/ink-cloud.svg') center/cover;mix-blend-mode:screen;pointer-events:none}
.ink-cloud-far{opacity:.36;transform:translate(-3%,-5%) scale(1.2)}
.ink-cloud-near{opacity:.57;transform:translate(12%,28%) scale(1.4)}
.opening-copy{z-index:2}.opening-quotes{top:17%;right:6%;z-index:2;padding:22px 16px;background:linear-gradient(180deg,#f5f3edd9,#f5f3ed99 72%,transparent)}
.opening-description{color:#414b42}.opening-foot{z-index:2;background:#f5f3edb0;line-height:1.8}.opening-quotes span{color:#515b50}
#ink-transition{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:25;isolation:isolate}
#ink-transition i{position:absolute;inset:-35%;opacity:0;background:url('assets/mountains.png') center/cover;filter:grayscale(1) contrast(2);mask-image:radial-gradient(ellipse at 65% 50%,#000 5%,#000c 22%,transparent 57%);mix-blend-mode:multiply;transform-origin:62% 48%}
#ink-transition i:nth-child(2){background-image:url('assets/ink-cloud.svg');filter:invert(1);mask-image:radial-gradient(ellipse,#000,transparent 63%);transform-origin:35% 65%}
#ink-transition i:nth-child(3){background-position:20% 80%;mask-image:radial-gradient(ellipse at 20% 80%,#000,transparent 48%)}
#ink-ripple{background:url('assets/ink-cloud.svg') center/cover;filter:invert(1);mix-blend-mode:multiply;border-radius:0}
@media(max-width:760px){.ink-landscape img{object-position:68% center;opacity:.67;mask-image:linear-gradient(180deg,transparent,#0008 30%,#000 75%)}.ink-landscape:after{background:linear-gradient(90deg,#f5f3ede8, #f5f3ed77 57%,transparent),linear-gradient(0deg,#f5f3ed,transparent 30%)}.opening-quotes{background:none;padding:0}.opening-foot{font-size:9px}.ink-cloud-near{opacity:.4}}
/* v3: stable landscape and restrained typographic particles. */
#ink-transition,#ink-ripple{display:none!important}
#ink-atmosphere{transform:none!important;transition:none!important;background-position:50% 55%}
.ink-landscape,.ink-landscape img,.ink-cloud{animation:none!important;transition:none!important}
#ink-type-particles{position:fixed;display:none;pointer-events:none;z-index:30;contain:strict}
@media(prefers-reduced-motion:reduce){#ink-type-particles{display:none!important}}