:root{color-scheme:dark;--night:#0a1011;--paper:#eee7d6;--dim:#b3b3a7;--gold:#cfac6b;--line:#a68f602e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;background:var(--night);color:var(--paper);font:18px/1.6 Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}a:hover{color:#f2ce90}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e7ba70;outline-offset:7px}button{font:inherit}::selection{background:#795932;color:#fff4db}.small{font:10px/1.5 system-ui,sans-serif;letter-spacing:.2em;color:var(--gold)}.site-head{position:absolute;z-index:5;top:0;left:0;width:100%;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px}.signature{font:italic 29px Georgia,serif;letter-spacing:-1px;display:inline-flex;align-items:center;gap:6px}.ember-dot{height:5px;width:5px;border-radius:100%;background:#e9ad59;box-shadow:0 0 16px #f0a53b99;margin-top:13px}.site-head nav{display:flex;gap:30px;font:12px system-ui,sans-serif;color:#c7c9ba}.site-head nav a{padding:12px 0}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#eed6a5;color:#0a1011;padding:12px}.skip:focus{top:12px}.threshold{position:relative;min-height:900px;height:100svh;max-height:1300px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 78% 48%,var(--field-tint,#25302b66),transparent 65%)}#field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.9}.opening{position:absolute;left:12%;top:22%;pointer-events:none}.opening h1{font-size:clamp(54px,7.4vw,112px);line-height:1.02;font-weight:400;letter-spacing:-.055em;margin:28px 0}.opening h1 em{font-weight:400;color:#d7bd8a}.invitation{font-size:22px;color:#b9bcae;margin:28px 0}.instrument{position:absolute;right:8%;bottom:15%;width:380px;max-width:84vw}.instrument>p:first-child{font:italic 20px/1.5 Georgia,serif;min-height:60px;color:#d7cfbd}.controls{display:flex;gap:9px;flex-wrap:wrap}.controls button{border:1px solid #bba57455;border-radius:24px;background:#10191bca;color:#e9dbc0;padding:11px 16px;font:11px system-ui,sans-serif;cursor:pointer;min-height:40px}.controls button:hover:not(:disabled){background:#ab875429;border-color:#ccad74}.controls button[aria-pressed=true]{border-color:#e4b66b;background:#ae83472b}.controls button:disabled{opacity:.4;cursor:default}.hint{font:10px/1.6 system-ui,sans-serif;color:#a6aa9d;max-width:35ch;margin-top:17px}.scroll-cue{position:absolute;bottom:33px;left:12%;display:flex;gap:25px;align-items:center;font:11px system-ui,sans-serif;color:#abb3a5}.scroll-cue span:last-child{font-size:23px;color:#d2b780}.letter{padding:160px 12% 190px;max-width:1200px}.letter>p:first-of-type{font-size:clamp(31px,4.4vw,58px);line-height:1.32;letter-spacing:-.025em;margin:34px 0 45px}.letter em{font-weight:400;color:#d2bb91}.letter-small{font-size:clamp(17px,2vw,21px);color:#b6bdb3;line-height:1.8}.signed{font-style:italic;color:#d2b780;display:block;margin-top:35px}.works{max-width:1440px;margin:auto;padding:0 8%}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 0 60px}.section-heading p{font-style:italic;color:#9ea89d;font-size:15px}.encounter{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:7%;margin-bottom:140px}.picture{display:block;overflow:hidden;position:relative}.picture:after{content:'';position:absolute;inset:0;border:1px solid #c1ad7b22;pointer-events:none}.picture img{width:100%;height:420px;object-fit:cover;display:block;filter:saturate(.85);transition:filter .8s,transform 1.8s}.picture:hover img{filter:saturate(1);transform:scale(1.025)}.encounter-2{grid-template-columns:1fr 1.3fr;padding-left:8%}.encounter-2 .picture{order:2}.encounter-2 img{height:470px}.encounter-3{padding-right:8%}.encounter-3 img{height:370px}.encounter h3{font-size:clamp(32px,4vw,54px);font-weight:400;line-height:1.1;letter-spacing:-.03em;margin:25px 0}.encounter p{font-size:18px;color:#b6bdb3;max-width:26ch}.enter{display:inline-block;margin-top:20px;font:12px system-ui,sans-serif;padding-bottom:10px;border-bottom:1px solid #bfa57566;color:#d9bd8a}.enter span{margin-left:30px}.rest{padding:65px 8% 170px;text-align:center}.rest p{font-size:clamp(28px,4.5vw,58px);line-height:1.25;font-weight:400;color:#b6bbae;letter-spacing:-.025em;margin:35px 0 65px}.line-light{margin:auto;width:min(330px,65vw);height:1px;background:linear-gradient(90deg,transparent,#bc975f,transparent);box-shadow:0 0 25px 2px #ae793922}.all-works{margin:0 auto 120px;padding:0 8%;max-width:1440px}.all-works summary{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;cursor:pointer;list-style:none;font-size:26px}.all-works summary::-webkit-details-marker{display:none}.all-works ul{list-style:none;padding:15px 0;margin:0}.all-works li a{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid #a68f601c;font-size:19px}.all-works li small{font:11px/1.7 system-ui,sans-serif;color:#a3ad9f;max-width:40%;text-align:right}.all-works details[open] summary .small>span{display:inline-block;transform:rotate(45deg)}footer{padding:60px 8% 70px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;font:12px/1.7 system-ui,sans-serif;color:#9da89e}footer .signature{color:var(--paper)}footer a:not(.signature){color:#d1ba91}footer .small{font-size:9px;margin-top:24px}.no-script{position:fixed;bottom:0;background:#17211e;width:100%;padding:10px;font:12px system-ui;text-align:center}@media(max-width:760px){.site-head{padding:22px 6%;gap:10px}.site-head nav{gap:16px;font-size:10px}.signature{font-size:25px}.threshold{height:880px;min-height:880px;max-height:none}.opening{left:8%;top:160px}.opening h1{font-size:clamp(52px,10vw,72px);margin-top:22px}.invitation{font-size:19px}.instrument{left:8%;right:auto;bottom:100px}.instrument>p:first-child{font-size:18px;max-width:32ch}.scroll-cue{left:8%}.letter{padding:110px 8% 130px}.letter-small br{display:none}.letter-small{max-width:37ch}.section-heading{padding-bottom:35px}.section-heading .small{font-size:9px}.encounter,.encounter-2,.encounter-3{display:flex;flex-direction:column;gap:25px;padding:0;align-items:stretch;margin-bottom:85px}.encounter-2 .picture{order:0}.picture img,.encounter-2 img,.encounter-3 img{height:auto;aspect-ratio:4/3}.encounter h3{font-size:38px;margin:16px 0}.encounter p{max-width:32ch;font-size:17px}.encounter-words .enter{margin-top:10px}.rest{padding:30px 8% 100px}.rest p{font-size:33px}.all-works{margin-bottom:80px}.all-works summary{font-size:22px;align-items:flex-start}.all-works summary .small{font-size:9px;white-space:nowrap;padding-top:8px}.all-works li a{flex-direction:column;gap:3px;font-size:18px}.all-works li small{max-width:100%;text-align:left}footer{flex-direction:column;gap:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}