:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#292d2e;--paper:#f3ead8;--paper-ink:#312d27;--paper-muted:#746c61;--ink:#f5f3ee;--muted:#aaa9a3;--line:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 14% 8%,#707b753d,transparent 32%),radial-gradient(circle at 88% 30%,#4b585e38,transparent 35%),linear-gradient(145deg,#363b3c,var(--page) 46%,#242829);max-width:100%;color:var(--ink);margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;overflow-x:clip}a{color:inherit}button,input{font:inherit}main{padding-top:clamp(38px,5vw,68px)}.letter-stage{place-items:center;width:min(980px,100% - 120px);min-height:470px;margin:0 auto clamp(42px,5vw,68px);display:grid}.letter-paper{background:linear-gradient(#ffffff47,#fff0),var(--paper);width:min(820px,100%);min-height:410px;color:var(--paper-ink);border:10px solid #0000;border-image:repeating-linear-gradient(135deg,#b9473f 0 14px,#f6efe2 14px 28px,#356b8b 28px 42px,#f6efe2 42px 56px) 10;padding:clamp(48px,6vw,68px) clamp(46px,7vw,84px) clamp(44px,5vw,58px) clamp(300px,34vw,350px);position:relative;transform:rotate(-.35deg);box-shadow:0 38px 90px #00000052,inset 0 3px #ffffff38}.letter-copy{z-index:2;position:relative}.letter-location{color:var(--paper-muted);letter-spacing:.17em;text-transform:uppercase;margin:0 0 18px;font-size:10px;font-weight:800}.letter-copy h2{letter-spacing:-.035em;margin:0 0 22px;font:600 clamp(34px,4.3vw,52px)/1.04 Georgia,Times New Roman,serif}.letter-body{color:#5f584f;overflow-wrap:anywhere;font:17px/1.72 Georgia,Times New Roman,serif}.letter-signature{z-index:2;color:#573730d1;text-align:center;border:2px solid #8b453c6b;border-radius:50%;place-items:center;width:82px;height:82px;margin:18px 0 0 auto;font:italic 22px/1 Georgia,serif;display:grid;position:relative;transform:rotate(-8deg)}.letter-signature:before{content:"";border:1px dashed #8b453c57;border-radius:50%;position:absolute;inset:5px}.letter-signature:after{content:"";border-top:2px solid #8b453c4d;border-bottom:2px solid #8b453c4d;width:48px;height:17px;position:absolute;top:38px;right:66px;transform:rotate(5deg)}.letter-hero{z-index:3;background:#eee8dc;width:340px;margin:0;padding:10px 10px 36px;transition:transform .35s,box-shadow .35s;position:absolute;top:-48px;left:-58px;transform:rotate(-4deg);box-shadow:0 20px 45px #201c174d}.letter-hero:hover{transform:translateY(-5px)rotate(-2deg);box-shadow:0 27px 55px #201c1757}.letter-hero img{width:100%;height:auto;display:block}.cap-login-hotspot{z-index:4;cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:45%;width:11%;height:10.5%;padding:0;position:absolute;top:25.5%;left:43%}.cap-login-hotspot:focus{outline:0}.cap-login-hotspot:focus-visible{outline:2px dashed #ffffffc7}.letter-paperclip{z-index:5;border:4px solid #8f918e;border-bottom-color:#0000;border-radius:15px 15px 8px 8px;width:25px;height:89px;position:absolute;top:-73px;left:180px;transform:rotate(10deg);box-shadow:2px 3px 5px #0003}.letter-paperclip:after{content:"";border:3px solid #b4b5b1;border-bottom-color:#0000;border-radius:8px;width:8px;height:61px;position:absolute;top:8px;left:5px}.letter-side-nav{flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:-92px;transform:translateY(-50%)}.letter-side-nav a{color:#f0eee9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#25292ad1;border:1px solid #ffffff21;border-radius:12px;place-items:center;width:82px;min-height:44px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:grid;box-shadow:0 12px 26px #0003}.letter-side-nav a:hover,.letter-side-nav a:focus-visible{background:#454b4c;transform:translate(4px)}.photo-rail{width:100vw;margin:0 calc(50% - 50vw) clamp(68px,8vw,105px);overflow:hidden}.photo-story-track{width:100%;height:clamp(250px,24vw,350px);overflow:hidden}.photo-story-marquee{will-change:transform;align-items:center;width:calc(100% + 28px);height:100%;animation:14s ease-in-out infinite alternate photoRailSway;display:flex}.photo-story-set{flex:none;align-items:center;gap:clamp(10px,1.15vw,18px);width:100%;height:100%;padding:0 18px;display:flex}.photo-story-item{background:#1f2324;border-radius:15px;flex:20%;min-width:0;height:clamp(230px,22vw,330px);margin:0;transition:transform .28s,box-shadow .28s;position:relative;overflow:hidden;transform:rotate(-.8deg);box-shadow:0 18px 38px #00000040}.photo-story-item:first-child{top:-9px}.photo-story-item:nth-child(2){top:8px;transform:rotate(.8deg)}.photo-story-item:nth-child(3){top:-3px}.photo-story-item:nth-child(4){top:11px;transform:rotate(.8deg)}.photo-story-item:nth-child(5){top:-7px}.photo-story-item:hover{z-index:2;transform:translateY(-10px)rotate(0)scale(1.025);box-shadow:0 28px 52px #00000057}.photo-story-item img{object-fit:cover;width:100%;height:100%;display:block}.preview-crop-1 img{object-position:10% 50%}.preview-crop-2 img{object-position:34% 50%;transform:scale(1.28)}.preview-crop-3 img{object-position:55% 37%;transform:scale(1.14)}.preview-crop-4 img{object-position:76% 50%;transform:scale(1.23)}.preview-crop-5 img{object-position:50% 82%;transform:scale(1.18)}@keyframes photoRailSway{0%{transform:translate(-28px)}to{transform:translate(0)}}.recent-writing{width:min(900px,100% - 48px);margin:0 auto clamp(90px,11vw,150px)}.recent-writing-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:18px;display:flex}.recent-writing-heading h2{margin:0;font-size:15px}.recent-writing-heading a{color:var(--muted);font-size:11px;text-decoration:none}.recent-writing-list article{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);gap:20px;padding:30px 0;display:grid}.writing-number{color:var(--muted);padding-top:5px;font-size:11px}.writing-title-line{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:30px;display:grid}.recent-writing-list h3{letter-spacing:-.035em;margin:0 0 9px;font-size:clamp(20px,2.3vw,29px);line-height:1.18}.recent-writing-list h3 a{text-decoration:none}.recent-writing-list h3 a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.recent-writing-list time{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:650}.recent-writing-list p{max-width:620px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.public-empty{border-bottom:1px solid var(--line);color:var(--muted);padding:36px 0}.public-site-footer{width:min(1040px,100% - 48px);padding:26px 0 max(30px,env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);text-align:right;justify-content:flex-end;margin:auto;font-size:11px;display:flex}.letter-login-modal[hidden]{display:none}.letter-login-modal{z-index:1000;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;inset:0}.letter-login-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121414b8;border:0;position:absolute;inset:0}.letter-login-dialog{color:#31281f;background:#fbf2dd;border:1px solid #70533a40;border-radius:4px 22px;width:min(390px,100%);max-height:calc(100dvh - 36px);padding:38px 34px 32px;position:relative;overflow-y:auto;box-shadow:0 28px 80px #0a0c0c80}.letter-login-dialog .private-login-mark{border-width:6px;width:64px;height:64px;margin:-21px auto 18px;font-size:29px}.letter-login-dialog .private-login-mark:before{border-width:2px;inset:-12px}.letter-login-kicker{color:#806a56;text-align:center}.letter-login-dialog .compact-login-title{color:#31281f;text-align:center;margin:0 0 22px;font:400 36px Georgia,serif}.letter-login-close{color:#6b5542;cursor:pointer;background:0 0;border:0;width:40px;height:40px;font-size:28px;position:absolute;top:10px;right:12px}.letter-login-form{gap:16px;display:grid}.letter-login-form label{color:#685546;letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:11px;font-weight:700;display:grid}.letter-login-form input[type=email],.letter-login-form input[type=password]{color:#31281f;background:#fffdf7;border:1px solid #cbb99e;border-radius:6px;width:100%;min-height:46px;padding:10px 12px;font-size:16px}.letter-login-remember{align-items:center;text-transform:none!important;letter-spacing:0!important;grid-template-columns:auto 1fr!important;display:flex!important}.letter-login-form button{color:#fff;cursor:pointer;background:#4b3b2d;border:0;border-radius:8px;min-height:46px;font-weight:700}.letter-login-error{color:#77392f;background:#f5ddd2;border-left:3px solid #a74b3e;padding:10px 12px}body:has(.letter-login-modal:not([hidden])){overflow:hidden}@media (width<=760px){main{padding-top:28px}.letter-stage{width:calc(100% - 34px);min-height:0;margin-bottom:42px}.letter-paper{border-width:7px;border-image-slice:7;flex-direction:column;min-height:0;padding:190px 27px 38px;display:flex;transform:none}.letter-hero{width:min(245px,76vw);padding:7px 7px 25px;top:-27px;left:50%;transform:translate(-50%)rotate(-3deg)}.letter-hero:hover{transform:translate(-50%)rotate(-2deg)}.letter-paperclip{height:70px;top:-47px;left:calc(50% + 55px)}.letter-side-nav{z-index:6;gap:7px;top:14px;right:10px;transform:none}.letter-side-nav a{background:#25292ae6;width:62px;min-height:39px}.letter-copy h2{font-size:clamp(31px,10vw,43px)}.letter-body{font-size:16px;line-height:1.66}.photo-rail{scrollbar-width:none;margin-bottom:62px;overflow-x:auto}.photo-rail::-webkit-scrollbar{display:none}.photo-story-track{width:max-content;height:min(100vw,420px);overflow:visible}.photo-story-marquee{width:auto;animation:14s ease-in-out infinite alternate photoRailSwayMobile}.photo-story-set{gap:14px;width:auto;padding:0 14px}.photo-story-item{border-radius:13px;flex:none;width:72vw;min-width:72vw;height:min(92vw,390px)}.recent-writing{width:calc(100% - 36px);margin-bottom:85px}.recent-writing-list article{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:25px 0}.writing-title-line{grid-template-columns:1fr;gap:5px}.recent-writing-list time{grid-row:1}.recent-writing-list h3{grid-row:2;font-size:23px}.public-site-footer{width:calc(100% - 36px)}.letter-login-dialog{padding:36px 20px 26px}}@keyframes photoRailSwayMobile{0%{transform:translate(-10px)}to{transform:translate(10px)}}@media (width<=380px){.letter-paper{padding-left:22px;padding-right:22px}.letter-side-nav a{width:56px;font-size:11px}.letter-login-dialog{max-height:calc(100dvh - 20px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-story-marquee{animation:none;transform:none}.photo-story-track{overflow-x:auto}.photo-story-set[aria-hidden=true]{display:none}.photo-story-item,.letter-hero{transition:none}}.radio-player[hidden]{display:none}.radio-player{z-index:950;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.radio-player-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1111bf;border:0;position:absolute;inset:0}.radio-player-dialog{background:#25292a;border:1px solid #ffffff1f;border-radius:18px;width:min(640px,100%);padding:18px;position:relative;box-shadow:0 28px 80px #00000080}.radio-player-heading{justify-content:space-between;align-items:center;padding:0 2px 14px;display:flex}.radio-player-heading strong{letter-spacing:.12em;text-transform:uppercase;font-size:13px}.radio-player-heading button{color:#fff;cursor:pointer;background:#353a3b;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.radio-player iframe{background:#181a1b;border:0;border-radius:10px;width:100%;display:block}body:has(.radio-player:not([hidden])){overflow:hidden}.photo-story-item img{transition:filter .35s,transform .45s}.photo-story-item figcaption{z-index:3;opacity:0;pointer-events:none;background:linear-gradient(#0000 42%,#0a1b272e 62%,#071926e0 100%);align-items:flex-end;padding:clamp(15px,1.6vw,22px);transition:opacity .3s;display:flex;position:absolute;inset:0}.photo-story-item figcaption span{color:#f5f8fa;letter-spacing:.01em;text-shadow:0 1px 8px #00000080;max-width:90%;font:600 clamp(11px,1vw,13px)/1.45 Inter,Helvetica Neue,Arial,sans-serif;transition:transform .3s;display:block;transform:translateY(8px)}.photo-story-item:hover img{filter:brightness(1.06)saturate(.9);transform:scale(1.035)}.photo-story-item:hover figcaption,.photo-story-item:focus-within figcaption{opacity:1}.photo-story-item:hover figcaption span,.photo-story-item:focus-within figcaption span{transform:translateY(0)}@media (hover:none){.photo-story-item figcaption{opacity:.88;background:linear-gradient(#0000 58%,#071926c2 100%)}.photo-story-item figcaption span{transform:none}}@media (prefers-reduced-motion:reduce){.photo-story-item img,.photo-story-item figcaption,.photo-story-item figcaption span{transition:none}}@media (width<=760px){main{padding-top:18px}.letter-stage{width:calc(100% - 26px);margin-bottom:26px}.letter-paper{border-width:6px;border-image-slice:6;padding:176px 21px 28px}.letter-hero{width:min(160px,48vw);padding:5px 5px 18px;top:-18px;box-shadow:0 14px 30px #201c1747}.letter-paperclip{border-width:3px;width:18px;height:54px;top:-33px;left:calc(50% + 35px)}.letter-paperclip:after{border-width:2px;width:6px;height:38px;top:6px;left:3px}.letter-side-nav{gap:5px;top:10px;right:7px}.letter-side-nav a{border-radius:9px;width:50px;min-height:34px;padding:7px 5px;font-size:10px}.letter-location{letter-spacing:.14em;margin-bottom:10px;font-size:8px}.letter-copy h2{margin-bottom:14px;font-size:28px;line-height:1.04}.letter-body{font-size:14px;line-height:1.55}.letter-signature{width:62px;height:62px;margin-top:16px;font-size:17px}.letter-signature:before{inset:4px}.letter-signature:after{width:35px;height:12px;top:28px;right:50px}.photo-rail{margin-bottom:42px}.photo-story-track{height:238px}.photo-story-marquee{animation-name:photoRailSwayMobileCompact}.photo-story-set{gap:10px;padding:0 10px}.photo-story-item{border-radius:11px;width:52vw;min-width:52vw;height:214px}.photo-story-item:first-child{top:-5px}.photo-story-item:nth-child(2){top:5px}.photo-story-item:nth-child(3){top:-2px}.photo-story-item:nth-child(4){top:6px}.photo-story-item:nth-child(5){top:-4px}.photo-story-item figcaption{padding:12px}.photo-story-item figcaption span{font-size:10px;line-height:1.35}.recent-writing{margin-bottom:62px}}@keyframes photoRailSwayMobileCompact{0%{transform:translate(-6px)}to{transform:translate(6px)}}