@font-face{font-family:Letter Serif;src:url(/fonts/noto-serif-sc.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}:root{--field:#d5d7dd;--indigo:#2f41ab;--paper:#fafafa;--ink:#171a24;--secondary:#505564;--citron:#dbe699;--white:#fff;--blue-ink:#1a2761;--blue-light:#d1d7e9;--blue-dark:#18236b;--serif:"Letter Serif","Songti SC","SimSun",serif;--sans:"Onest","PingFang SC","Microsoft YaHei",sans-serif;--gutter:clamp(24px,4.5vw,88px);--ease:cubic-bezier(.22,1,.36,1);--z-nav:10;--z-feedback:20;color:var(--ink);background:var(--field);font-family:var(--sans);font-synthesis:none;font-weight:400}@supports (color:lab(0% 0 0)){:root{--field:lab(86.0364% .0518262 -3.03174);--indigo:lab(31.5394% 22.6031 -60.2239);--paper:lab(98.26% 0 0);--ink:lab(9.38142% .620991 -7.35962);--secondary:lab(36.0431% .505924 -9.302);--citron:lab(89.2617% -12.671 36.5428);--white:lab(100% 0 0);--blue-ink:lab(17.4784% 12.2938 -37.243);--blue-light:lab(85.9353% .303358 -9.39663);--blue-dark:lab(17.0065% 17.5593 -44.2737)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button[hidden]{display:none}img{max-width:100%;display:block}svg{display:block}h1,h2,p,blockquote{margin:0}h1,h2{text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--citron);color:var(--ink)}:focus-visible{outline-offset:6px;outline:2px solid}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:30;background:var(--paper);color:var(--ink);padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{z-index:var(--z-nav);height:104px;padding:0 var(--gutter);color:var(--ink);justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;inset:0 0 auto}.home-mark{align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:500;display:flex}.home-mark svg{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linejoin:round;width:25px}.header-note{display:none}.header-actions{align-items:center;gap:22px;display:flex}.header-contact{align-items:center;gap:22px;min-height:44px;font-size:14px;display:flex}.header-contact span{transition:transform .18s var(--ease);font-size:21px}.header-contact:hover span{transform:translate(2px,-2px)}.motion-switch{background:0 0;border-radius:50%;min-width:44px;min-height:44px;padding:10px}.motion-switch svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:20px;height:20px}.play-glyph,.motion-switch[aria-pressed=true] .pause-glyph{display:none}.motion-switch[aria-pressed=true] .play-glyph{display:block}.letter-journey{position:relative}.letter-stage{isolation:isolate;min-height:100svh;position:relative}.scene{z-index:-1;pointer-events:none;height:100svh;position:absolute;inset:0 0 auto;overflow:hidden}.letter-canvas{opacity:0;width:100%;height:100%;transition:opacity .3s linear;display:block;position:absolute;inset:0}.scene-poster{display:block;position:absolute;inset:0}.scene-poster img{object-fit:cover;width:100%;height:100%}.scene-poster img:not([src]){display:none}.cover-layout{min-height:100svh;color:var(--paper);background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;padding:100px 20% 100px 25.5%;display:flex;position:relative;transform:rotate(5deg)}.cover-to{letter-spacing:.12em;font-size:16px;line-height:1.8}.cover-name{margin-top:30px;margin-bottom:65px}h1{font-family:var(--serif);letter-spacing:.16em;font-size:clamp(68px,7.2vw,96px);font-weight:500;line-height:1.5}.roman-name{letter-spacing:.14em;margin-top:1px;font-size:18px}.cover-foot{justify-content:space-between;align-items:flex-end;gap:20px;width:min(480px,100%);display:flex}.cover-motto{font-family:var(--serif);letter-spacing:.1em;font-size:24px}.cover-address{writing-mode:vertical-rl;letter-spacing:.08em;font-size:12px;position:absolute;top:40%;right:23%}.inside-layout{background:var(--paper);grid-template-columns:1fr 1.3fr;align-items:center;gap:clamp(36px,8vw,150px);min-height:80svh;padding:100px 13vw;display:grid;position:relative}.inside-greeting{font-family:var(--serif);letter-spacing:.05em;font-size:clamp(24px,2.3vw,36px);line-height:1.8}.inside-layout blockquote{font-family:var(--serif);letter-spacing:.13em;flex-direction:column;align-items:flex-start;font-size:clamp(62px,6.3vw,88px);line-height:1.55;display:flex}.inside-layout blockquote>span:nth-child(2){padding-left:1.1em}.quote-period{display:inline-block;position:absolute}.inside-footer{color:var(--secondary);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:20px;font-size:14px;display:flex}.letter-flourish{fill:none;stroke:currentColor;stroke-width:1px;width:56px}.unfold-cue{bottom:52px;left:var(--gutter);color:var(--ink);align-items:center;gap:17px;min-height:44px;font-size:13px;display:flex;position:absolute}.cue-line{transform-origin:0;background:currentColor;width:52px;height:1px}.cue-arrow{font-size:20px}.stage-counter{right:var(--gutter);color:var(--secondary);pointer-events:none;gap:45px;font-size:12px;display:flex;position:absolute;bottom:64px}.counter-left{display:none}.has-scene .letter-journey{height:230svh}.has-scene .letter-stage{height:100svh;min-height:0;position:sticky;top:0;overflow:hidden}.has-scene .letter-canvas{opacity:1}.has-scene .cover-layout,.has-scene .inside-layout{background:0 0;min-height:0;position:absolute;inset:0}.has-scene .cover-layout{will-change:transform,opacity;padding:100px 20% 100px 25.5%;transform:rotate(5deg)}.has-scene .inside-layout{opacity:0;visibility:hidden;will-change:transform,opacity;padding:21vh 18% 15vh}.has-scene .scene-poster{opacity:1}.enclosures{background:var(--paper);padding:85px max(var(--gutter),calc((100vw - 1180px)/2)) 34px;isolation:isolate;position:relative}.enclosure-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:36px;display:flex}.section-note{color:var(--secondary);margin-bottom:12px;font-size:14px}.enclosure-heading h2{font-family:var(--serif);letter-spacing:.05em;font-size:32px;font-weight:500;line-height:1.5}.enclosure-intro{color:var(--secondary);padding-bottom:6px;font-size:14px}.work-list{grid-template-columns:1.12fr 1fr;gap:5.5vw;display:grid}.work{border-bottom:1px solid color-mix(in oklch,var(--ink) 20%,transparent);grid-template-columns:170px 1fr;align-items:center;gap:22px;min-width:0;padding:16px 0 28px;display:grid}.work-image{aspect-ratio:1.2;background:var(--field);position:relative;overflow:hidden}.work-image img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.work-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.work strong{font-size:19px;font-weight:500;line-height:1.5;display:block}.work small{color:var(--secondary);margin-top:10px;font-size:12px;line-height:1.7;display:block}.work-arrow{transition:transform .2s var(--ease);font-size:27px}.work:hover .work-arrow{transform:translate(3px,-3px)}.work:hover strong{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.enclosure-bottom{color:var(--secondary);justify-content:space-between;align-items:center;margin-top:36px;font-size:12px;display:flex}.enclosure-bottom a{align-items:center;gap:30px;min-height:44px;display:flex}.enclosure-bottom a span{font-size:20px}.contact{background:var(--indigo);color:var(--paper);padding:56px var(--gutter) 0;isolation:isolate;flex-direction:column;min-height:88svh;display:flex;position:relative;overflow:hidden}.contact-fold{aspect-ratio:1;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 100%);z-index:-1;width:clamp(52px,10vw,180px);position:absolute;top:0;right:0}.contact-fold:after{content:"";background:var(--blue-dark);clip-path:polygon(0 0,0 100%,100% 100%);opacity:.4;position:absolute;inset:0}.contact-top{letter-spacing:.03em;justify-content:space-between;align-items:center;padding-right:8vw;font-size:13px;display:flex}.contact-star{color:var(--citron);font-size:26px}.contact-main{width:100%;max-width:960px;margin:auto;padding:95px 0 80px}.contact-preface{letter-spacing:.1em;margin-bottom:20px;font-size:14px}.contact h2{font-family:var(--serif);letter-spacing:.07em;font-size:clamp(42px,5.5vw,76px);font-weight:500;line-height:1.6}.contact h2>span{color:var(--citron)}.email-row{align-items:center;gap:28px;margin-top:38px;display:flex}.email-link{letter-spacing:-.015em;align-items:center;gap:35px;min-height:44px;font-size:clamp(20px,2.7vw,36px);line-height:1.6;display:flex;position:relative}.email-link:after{content:"";transform-origin:0;height:1px;transition:transform .35s var(--ease);background:currentColor;position:absolute;bottom:1px;left:0;right:0;transform:scaleX(.18)}.email-link:hover:after,.email-link:focus-visible:after{transform:scaleX(1)}.email-arrow{transition:transform .18s var(--ease);font-size:28px}.email-link:hover .email-arrow{transform:translate(3px,-3px)}.copy-email{border:1px solid color-mix(in oklch,var(--paper) 55%,transparent);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;transition:background .18s,color .18s;display:grid;position:relative}.copy-email svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:19px;height:19px}.copy-email:hover,.copy-email:focus-visible{background:var(--citron);color:var(--ink);border-color:var(--citron)}.copy-tip{white-space:nowrap;opacity:0;pointer-events:none;color:var(--paper);font-size:12px;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,4px)}.copy-email:hover .copy-tip,.copy-email:focus-visible .copy-tip{opacity:1;transform:translate(-50%)}.contact-signoff{font-family:var(--serif);letter-spacing:.15em;margin-top:60px;font-size:22px}.site-footer{border-top:1px solid color-mix(in oklch,var(--paper) 30%,transparent);min-height:86px;color:var(--blue-light);justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.back-top{align-items:center;gap:30px;min-height:44px;display:flex}.back-top span{font-size:20px}.feedback{z-index:var(--z-feedback);background:var(--citron);color:var(--ink);opacity:0;pointer-events:none;text-align:center;border-radius:3px;max-width:calc(100vw - 32px);padding:14px 24px;font-size:14px;transition:opacity .18s,transform .18s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.feedback.is-visible{opacity:1;transform:translate(-50%)}.copy-dialog{background:var(--paper);color:var(--ink);border:0;border-radius:4px;width:min(470px,100% - 36px);padding:42px}.copy-dialog::backdrop{background:#0e111ba6;background:lab(5.15808% .562236 -6.58819/.65)}.copy-dialog h2{font-family:var(--serif);margin-bottom:18px;font-size:30px;font-weight:500}.copy-dialog p:not(.section-note){color:var(--secondary);font-size:14px;line-height:1.8}.copy-dialog input{border:0;border-bottom:1px solid var(--secondary);width:100%;color:var(--ink);background:0 0;margin-top:18px;padding:14px 0;font-size:18px}.dialog-close{background:0 0;width:44px;height:44px;font-size:26px;position:absolute;top:10px;right:10px}@media (min-width:1800px){.has-scene .cover-layout{padding-left:28vw}.has-scene .inside-layout{padding-left:22vw;padding-right:22vw}}@media (max-width:1050px){.site-header{height:88px}.header-note{display:none}.has-scene .cover-layout{padding-left:23vw}.has-scene .inside-layout{padding-left:12vw;padding-right:12vw}.work{grid-template-columns:130px 1fr;gap:18px}.work-list{gap:32px}.work strong{font-size:17px}.work small{font-size:12px}.contact-main{padding-left:6vw}}@media (max-width:700px){:root{--gutter:24px}html{scroll-padding-top:40px}.site-header{gap:12px;height:86px}.home-mark{gap:8px;font-size:14px}.home-mark svg{width:23px}.header-actions{gap:6px}.header-contact{gap:14px;font-size:13px}.motion-switch{padding:12px}.motion-switch svg{width:17px}.cover-layout{align-items:flex-start;min-height:100svh;padding:140px 18vw 115px}.cover-to{letter-spacing:.04em;font-size:14px}.cover-name{margin-top:25px;margin-bottom:70px}h1{letter-spacing:.09em;font-size:clamp(48px,13.5vw,70px);line-height:1.7}.roman-name{letter-spacing:.1em;font-size:14px}.cover-motto{font-size:21px}.cover-address{font-size:11px;top:32%;right:13%}.has-scene .letter-journey{height:190svh}.has-scene .cover-layout{padding:100px 15vw 70px 17vw;transform:rotate(5deg)}.has-scene .inside-layout{grid-template-columns:1fr;align-content:center;gap:24px;padding:22vh 14vw 15vh}.inside-layout{grid-template-columns:1fr;gap:30px;min-height:85svh;padding:80px 12vw}.inside-greeting{font-size:22px;line-height:1.6}.inside-layout blockquote{letter-spacing:.1em;margin-left:8vw;font-size:56px;line-height:1.45}.inside-footer{gap:20px;margin-top:24px;font-size:13px}.letter-flourish{width:35px}.unfold-cue{gap:12px;font-size:12px;bottom:30px;left:24px}.cue-line{width:24px}.stage-counter{font-size:11px;bottom:44px;right:24px}.counter-right{display:none}.counter-left{display:block}.enclosures{padding:55px 24px 27px}.enclosure-heading{margin-bottom:22px;display:block}.section-note{font-size:13px}.enclosure-heading h2{font-size:27px}.enclosure-intro{margin-top:15px;font-size:13px}.work-list{display:block}.work{grid-template-columns:118px 1fr;gap:21px;padding:20px 0}.work-image{aspect-ratio:1.15}.work strong{font-size:18px}.work small{margin-top:7px;font-size:12px}.work-arrow{font-size:25px}.enclosure-bottom{gap:15px;margin-top:23px;font-size:11px}.enclosure-bottom a{gap:14px}.contact{min-height:82svh;padding:40px 24px 0}.contact-top{padding-right:25px;font-size:12px}.contact-star{font-size:23px}.contact-main{max-width:100%;padding:78px 0 65px}.contact-preface{letter-spacing:.03em;margin-bottom:16px;font-size:13px}.contact h2{letter-spacing:.05em;font-size:42px;line-height:1.6}.email-row{gap:14px;margin-top:30px}.email-link{letter-spacing:-.025em;gap:12px;font-size:clamp(16px,5.35vw,23px)}.email-arrow{font-size:21px}.copy-email{width:44px;height:44px}.contact-signoff{margin-top:65px;font-size:20px}.site-footer{flex-wrap:wrap;column-gap:20px;min-height:86px;padding:17px 0;font-size:11px}.site-footer>a:nth-child(2){display:none}.back-top{gap:20px}.copy-dialog{padding:34px 24px}}@media (max-width:360px){:root{--gutter:20px}.site-header{padding:0 18px}.header-actions{gap:0}.header-contact{gap:8px}.cover-to{font-size:13px}.has-scene .cover-layout{padding-left:15vw}.inside-layout blockquote{font-size:49px}.enclosures{padding-left:20px;padding-right:20px}.work{grid-template-columns:96px 1fr;gap:18px}.contact{padding-left:20px;padding-right:20px}.contact h2{font-size:37px}.email-row{gap:9px}.email-link{gap:7px}.email-arrow{font-size:18px}}@media (max-height:560px) and (min-width:701px){.site-header{height:65px}.cover-name{margin-top:8px;margin-bottom:20px}h1{font-size:66px}.cover-to{font-size:14px}.has-scene .inside-layout{padding-top:12vh;padding-bottom:12vh}.inside-layout blockquote{font-size:53px}.inside-greeting{font-size:22px}.inside-footer{margin-top:0}.unfold-cue{bottom:14px}.stage-counter{bottom:29px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.cue-line{transform:none}}.feedback:empty{display:none}@media (max-width:700px){.header-contact,.cover-to,.inside-footer,.section-note,.enclosure-intro,.work small,.enclosure-bottom,.contact-top,.contact-preface,.site-footer,.unfold-cue{font-size:14px}.enclosure-bottom,.enclosure-bottom a{gap:12px}}.site-header{background:var(--field)}@media (min-width:701px){.unfold-cue{bottom:22px}}@media (max-height:560px) and (min-width:701px){.has-scene .cover-layout,.cover-layout{padding-left:34%;padding-right:14%}.cover-address{right:26%}.unfold-cue{bottom:5px}}@media (max-width:700px) and (max-height:560px){.cover-layout,.has-scene .cover-layout{padding:75px 12% 50px 18%}.cover-name{margin-top:6px;margin-bottom:24px}h1{font-size:clamp(44px,10vw,64px);line-height:1.45}.cover-motto{font-size:20px}.cover-address{top:35%;right:15%}.inside-layout,.has-scene .inside-layout{grid-template-columns:1fr 1fr;align-content:center;gap:20px;padding:12vh 12% 8vh}.inside-greeting{font-size:20px;line-height:1.6}.inside-layout blockquote{margin-left:0;font-size:42px;line-height:1.3}.inside-footer{margin-top:0}.unfold-cue{bottom:5px}}@media (max-width:700px) and (max-aspect-ratio:9/5) and (max-height:560px){.cover-layout,.has-scene .cover-layout{padding-left:18%}}@media (max-width:700px) and (min-aspect-ratio:9/5) and (max-height:560px){.cover-layout,.has-scene .cover-layout{padding-left:34%}}@media (max-width:700px) and (max-height:560px){.stage-counter{display:none}}
/*$vite$:1*/