:root{--canvas:#101528;--surface:#171e35;--text:#e5e7f1;--muted:#b1b8ce;--line:#333b55;--blue:#a3bcff;--pink:#f4afd8;--lilac:#c3b2ed;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--canvas);color:var(--text);font:18px/1.65 var(--sans);overflow-wrap:break-word}a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--pink)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:6px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:normal}button,input,select{font:inherit}.shell{max-width:1100px;padding:0 58px;margin:auto}.skip{position:absolute;top:-100px;left:16px;background:var(--text);color:var(--canvas);padding:12px;z-index:5}.skip:focus{top:10px}.preview{font:12px/1.5 var(--sans);text-align:center;background:#1b233a;color:#c6cce1;padding:9px 18px}.home-header,.article-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0}.home-mark{font:italic 32px var(--serif);color:var(--text);text-decoration:none}.home-mark span{color:var(--pink);font-size:24px;margin-left:3px}nav{display:flex;gap:28px}nav a{font-size:15px;text-decoration:none;padding:10px 0;color:var(--muted)}nav a:hover{text-decoration:underline}.introduction{display:grid;grid-template-columns:1fr 265px;gap:36px;align-items:center;padding:49px 0 67px}.introduction h1{font-size:clamp(54px,6.5vw,77px);letter-spacing:-.055em;line-height:1.1;margin-bottom:24px}.introduction h1 span{color:var(--pink)}.introduction p{font:22px/1.6 var(--serif);max-width:490px;color:#cbd0e1;margin:0}.night-drawing{font:13px/1.45 var(--mono);color:var(--lilac);margin:0;user-select:none;justify-self:end;opacity:.85}.content-section{padding:37px 0 55px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:32px}.section-head h2,.about h2{font-size:26px;line-height:1.25;margin:0}.section-head>a{font-size:14px;white-space:nowrap}.kicker{font:12px/1.6 var(--sans);color:var(--muted);margin-bottom:13px}.featured-writing{max-width:760px;margin-bottom:34px}.featured-writing h3{font-size:clamp(31px,4.2vw,45px);letter-spacing:-.025em;line-height:1.17;margin:0 0 19px;max-width:700px}.featured-writing h3 a,.writing-row h3 a{text-decoration:none;color:var(--text)}.featured-writing h3 a:hover,.writing-row h3 a:hover{color:var(--pink);text-decoration:underline}.excerpt{font:21px/1.7 var(--serif);color:#d0d5e6;max-width:680px;margin-bottom:17px}.read-link{font-size:14px;display:inline-block;padding:5px 0}.writing-list{display:grid;grid-template-columns:1fr;max-width:800px}.writing-row{border-top:1px solid var(--line);padding:22px 0}.writing-row h3{font-size:24px;line-height:1.3;margin:0 0 8px}.writing-row p{font-size:15px;color:var(--muted);margin:0 0 8px}.writing-row .kicker{font-size:11px}.home-projects{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project-tile{min-width:0}.project-image{display:block;aspect-ratio:2/1;background:var(--surface);color:var(--lilac);overflow:hidden;text-decoration:none}.project-image svg{display:block;width:100%;height:100%}.project-info{padding-top:18px}.project-info h3{font-size:27px;margin:9px 0}.project-info p{font-size:16px;color:var(--muted);margin-bottom:12px}.project-info>a{font-size:14px}.project-info .kicker{font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 35px;padding-bottom:70px}.three-rays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:100%;align-items:center;margin:0;color:var(--text);background:transparent;overflow:hidden}.ray{container-type:inline-size;overflow:hidden}.ray pre{font:1.8cqw/2cqw var(--mono);letter-spacing:0;margin:0;white-space:pre}.placeholder-art{display:flex;align-items:center;justify-content:center;min-height:180px;font:36px var(--mono)}.about{display:grid;grid-template-columns:210px 1fr;gap:30px;border-top:1px solid var(--line);padding:40px 0 65px}.about p{font:20px/1.75 var(--serif);color:#ced3e4;margin-bottom:20px;max-width:640px}.about p:last-child{font:16px/1.7 var(--sans);color:var(--muted);margin:0}.colophon{display:flex;justify-content:space-between;gap:24px;padding:23px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.credits{font-size:11px;color:var(--muted);max-width:720px;padding-bottom:30px}.credits summary{cursor:pointer;padding:8px 0}.credits p{margin-top:12px}.article-home{font:24px var(--serif);text-decoration:none;color:var(--text)}.article-header{border-bottom:1px solid var(--line)}.reading-page{max-width:740px;margin:45px auto 90px}.breadcrumb{display:inline-block;font-size:14px;margin-bottom:32px;padding:4px 0}.reading-page h1{font-size:clamp(38px,5.5vw,58px);letter-spacing:-.035em;line-height:1.15;margin:0 0 30px}.reading-body{font:21px/1.85 var(--serif)}.reading-body p{margin:0 0 27px}.sample,.population-note{font:14px/1.65 var(--sans);color:var(--muted);border-left:2px solid var(--lilac);padding:5px 0 5px 17px;margin-bottom:28px}.related-reading{border-top:1px solid var(--line);margin-top:48px;padding-top:25px}.related-reading h2{font-size:24px}.related-reading a{display:block;margin:10px 0;font-size:15px}.concept-hero{aspect-ratio:2/1;background:var(--surface);color:var(--lilac);margin-bottom:32px;overflow:hidden}.concept-hero svg{width:100%;height:100%}.text-link{display:inline-block;padding:8px 0;font-size:15px}.archive-intro{padding:45px 0 22px;max-width:680px}.archive-intro h1{font-size:60px;line-height:1.1;letter-spacing:-.035em;margin-bottom:20px}.archive-intro p{font:21px/1.6 var(--serif);color:var(--muted)}.archive-controls{display:flex;gap:22px;max-width:760px;margin:15px 0 20px}.archive-controls label{display:flex;flex-direction:column;gap:8px;font-size:13px;flex:1}.archive-controls input,.archive-controls select{min-height:46px;border:1px solid #5a6380;background:var(--surface);color:var(--text);padding:10px 12px;width:100%;border-radius:0;font-size:16px}.archive-count{font-size:13px;color:var(--muted);margin:25px 0 10px}.archive-list{padding-bottom:70px}.archive-row{display:grid;grid-template-columns:105px 1fr 20px;gap:20px;text-decoration:none;color:var(--text);padding:25px 0;border-top:1px solid var(--line)}.archive-row h2{font-size:25px;line-height:1.3;margin-bottom:8px}.archive-row p{font-size:15px;color:var(--muted);margin:0}.archive-row .kicker{padding-top:5px}.empty-copy,.no-results{color:var(--muted);padding:10px 0}
@media(max-width:720px){.shell{padding:0 25px}.home-header,.article-header{padding:22px 0;gap:16px}nav{gap:20px}nav a{font-size:14px}.introduction{grid-template-columns:1fr;gap:25px;padding:35px 0 45px}.introduction p{font-size:21px;max-width:520px}.night-drawing{font-size:11px;justify-self:end;margin-top:-6px}.content-section{padding:30px 0 38px}.section-head{margin-bottom:26px}.section-head h2,.about h2{font-size:25px}.featured-writing h3{font-size:34px}.excerpt{font-size:20px}.home-projects,.project-grid{grid-template-columns:1fr;gap:32px}.project-image{max-width:500px}.about{grid-template-columns:1fr;gap:22px;padding:32px 0 43px}.archive-intro h1{font-size:48px}.archive-controls{flex-direction:column;gap:15px}.archive-row{grid-template-columns:1fr 16px;gap:5px}.archive-row>.kicker{grid-column:1/-1}.archive-row h2{font-size:23px}.reading-page{margin-top:28px}.reading-body{font-size:20px}.article-home{font-size:21px}.article-header nav{gap:15px}.article-header nav a{font-size:13px}}
@media(max-width:370px){.shell{padding:0 19px}.introduction h1{font-size:48px}nav{gap:16px}.section-head{align-items:flex-start}.section-head>a{font-size:12px}.section-head h2{font-size:23px}.article-header{flex-wrap:wrap}.night-drawing{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* A little more color, carried through the whole personal site. */
:root{--canvas:#101629;--surface:#18223b;--text:#e9eaf4;--muted:#afbcd4;--line:#35415d;--blue:#9ebeff;--pink:#f2a6d4;--lilac:#c5b1f2}
body{background:radial-gradient(ellipse at 92% 0%,#23335255,transparent 38rem),var(--canvas)}
.home-mark{color:#c3c7ff}.introduction h1{color:#eeeaf8}.introduction h1 span{color:var(--pink)}
.home-header nav a:hover,.article-header nav a:hover{color:var(--pink)}
#writing>.section-head h2{color:#c7b4f2}#projects>.section-head h2{color:#a6c8f8}.about>h2{color:#e6b0d8}
.featured-writing{border-left:2px solid #8872b1;padding-left:23px}.featured-writing .kicker{color:#c4b1e9}.featured-writing h3 a{color:#e6dcf8}.featured-writing h3 a:hover{color:var(--pink)}
.writing-row:nth-child(3n+1) h3 a{color:#cbd9fa}.writing-row:nth-child(3n+2) h3 a{color:#ddd0f4}.writing-row:nth-child(3n) h3 a{color:#eed1e4}.writing-row h3 a:hover{color:var(--pink)}
.project-image,.concept-hero{background:#182c49;color:#9ebfff}.project-tile:nth-child(3n+2) .project-image{background:#252441;color:#c9b0f3}.project-tile:nth-child(3n) .project-image{background:#302239;color:#e6afd5}
.project-tile:nth-child(3n+1) .project-info h3{color:#b5d1fb}.project-tile:nth-child(3n+2) .project-info h3{color:#d2bdf7}.project-tile:nth-child(3n) .project-info h3{color:#f0c0df}
.three-rays{background:transparent;color:var(--text)}
.project-image:has(>.three-rays),.concept-hero:has(>.three-rays){background:transparent}.project-image:hover{filter:brightness(1.12)}
.archive-intro h1,.reading-page h1{color:#d4c6f4}.archive-row:nth-child(3n+1) h2{color:#c5d8fa}.archive-row:nth-child(3n+2) h2{color:#dacbf3}.archive-row:nth-child(3n) h2{color:#e8c7e0}.archive-row:hover h2{color:var(--pink)}
.archive-controls input:focus,.archive-controls select:focus{border-color:#b6a1e0}.archive-count{color:#bdafd6}.reading-page>.kicker,.reading-page article>.kicker{color:#c3addf}.reading-body{color:#dfe5f2}.related-reading h2{color:#b8c9ed}.sample,.population-note{border-left-color:#bd98d9;background:#b599df08;padding:12px 17px}.breadcrumb{color:#c3b4ef}
.night-sky .faint{color:#7b93c1}.night-sky .cloud{color:#c3b0e6}.night-sky .star{color:#f4d6eb}.night-sky .ridge{color:#aac4ed}.night-sky .snow{color:#f1c4e6}.night-sky .facet{color:#9a91c4}.night-sky .near{color:#657da9}.colophon>span{color:#c4b5e0}
@media(max-width:720px){.featured-writing{padding-left:18px}}
/* One page frame and one responsive scene keep copy and sky together. */
.shell{width:100%;max-width:none;padding-inline:clamp(19px,5vw,128px);margin-inline:auto}
.introduction{position:relative;isolation:isolate;display:flex;align-items:center;gap:0;min-height:clamp(410px,36vw,620px);padding-block:clamp(60px,5vw,80px) clamp(70px,6vw,110px)}
.introduction>div{position:relative;z-index:1;width:min(54%,48rem);min-width:0}
.introduction h1{font-size:clamp(3rem,calc(1rem + 4.5vw),6.5rem);line-height:1.1;letter-spacing:-.055em;margin-bottom:24px;color:#eeeaf8}
.introduction p{font:clamp(1.3125rem,calc(1rem + .65vw),1.6875rem)/1.6 var(--serif);max-width:24em;color:#d8dcee;margin:0}
.introduction h1,.introduction p{text-shadow:0 1px 3px #101629,0 0 7px #101629}
.night-sky{position:absolute;inset:0;container-type:inline-size;margin:0;width:100%;height:100%;overflow:hidden;user-select:none;pointer-events:none;z-index:0}
.night-sky pre{font-family:var(--mono);font-size:.69cqw;line-height:.869565;letter-spacing:0;font-weight:400;white-space:pre;margin:0;pointer-events:none}
.night-sky .sky-mobile{display:none}
.night-sky .sky-responsive,.night-sky .sky-mountains{position:absolute;inset:0;font-size:var(--sky-font);line-height:var(--sky-line)}
.night-sky[data-responsive] .sky-desktop,.night-sky[data-responsive] .sky-mobile{display:none}
.night-sky .faint{color:#657fa9}.night-sky .haze,.night-sky .copy-haze{color:#9aabd3}.night-sky .cloud,.night-sky .copy-cloud{color:#c7bee8}.night-sky .core{color:#e8b9d7}.night-sky .star{color:#dbeaff}.night-sky .behind{color:#9aabd3}
.night-sky .ridge{color:#90a7c9}.night-sky .snow{color:#b6bedb}.night-sky .facet{color:#758aad}
.night-sky pre{mask-image:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.73) 30%,rgba(0,0,0,.87) 55%,#000 80%)}
.writing-row:nth-child(n) h3 a,.archive-row:nth-child(n) h2{color:#ddd3ed}
.writing-row h3 a:hover,.archive-row:hover h2{color:var(--pink)}
.home-mark{display:inline-flex;align-items:baseline;min-height:44px}
.project-grid,.home-projects{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.home-projects>.project-tile:only-child,.project-grid>.project-tile:only-child{max-width:760px}
.featured-writing{max-width:900px}.writing-list{max-width:1000px}
body{min-height:100vh;background-repeat:no-repeat}
.project-info h2{font-size:27px;margin:9px 0;color:#b5d1fb}
nav a[aria-current]{color:var(--text);text-decoration:underline;text-decoration-color:var(--pink)}
@media(min-width:721px){.about{grid-template-columns:minmax(210px,24%) 1fr}}
@media(max-width:720px){
 .introduction{flex-direction:column;align-items:stretch;gap:8px;min-height:0;padding:30px 0 34px}
 .introduction>div{width:100%}
 .introduction h1{font-size:clamp(3rem,calc(2rem + 4vw),4rem)}
 .introduction p{max-width:28em}
 .night-sky{position:relative;inset:auto;height:auto;width:100%;max-width:420px;align-self:center}
 .night-sky .sky-desktop{display:none}
 .night-sky .sky-mobile{display:block;font-size:1.38cqw;line-height:1.12}
 .home-header nav,.article-header nav{gap:18px}.article-header{flex-wrap:wrap}
}

/* Quiet, optional atmosphere controls remain part of the introduction. */
.hero-atmosphere{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:24px;color:#8fa2c2;font:13px/1.5 var(--sans)}
.hero-atmosphere button{appearance:none;background:none;border:0;border-radius:0;padding:8px 0;min-height:36px;color:#b0bfdb;font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:#697c9d;text-underline-offset:4px}
.hero-atmosphere button:hover,.hero-atmosphere button[aria-pressed="true"]{color:#e7bee2;text-decoration-color:#bf92bd}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:720px){.hero-atmosphere{margin-top:20px}.hero-atmosphere button{min-height:44px}}

.page-atmosphere{margin:14px 0 0;justify-content:flex-end}

/* Focus is the same sky and player, with the page set aside. */
.focus-room{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#101629;color:#eeeaf8;overflow:hidden}
.focus-room::backdrop{background:#101629}.focus-room .night-sky{position:absolute;inset:0;max-width:none;width:100%;height:100%;z-index:0}.focus-room .night-sky pre{mask-image:none}
.focus-top,.focus-bottom{position:absolute;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px}.focus-top{top:max(18px,env(safe-area-inset-top))}.focus-bottom{bottom:max(22px,env(safe-area-inset-bottom));align-items:flex-end}.focus-caption{font:italic 18px/1.4 var(--serif);color:#bdc8df}.focus-room button{color:#d6c6ec;background:#101629d9;border:0;font:14px/1.5 var(--sans);padding:10px 12px;min-height:44px;cursor:pointer;text-underline-offset:5px}.focus-room button:hover{color:#f2c2e3;text-decoration:underline}.focus-room button:focus-visible,.focus-room input:focus-visible,.focus-room textarea:focus-visible{outline:2px solid #edb3d8;outline-offset:4px}.focus-room .hero-atmosphere{margin:0;gap:4px 14px}.focus-room .hero-atmosphere button{font-size:13px}.focus-room .night-sky{height:calc(100% - 80px)}
.focus-letter{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:min(540px,calc(100% - 40px));max-height:calc(100dvh - 130px);overflow:auto;padding:30px;background:#101629f5;border:1px solid #45516e;box-shadow:0 20px 80px #080c1b80}.focus-letter h2{font:30px/1.2 var(--serif);margin:10px 25px 12px 0}.focus-letter p{font:15px/1.6 var(--sans);color:#c2cce1}.focus-letter label{display:block;font:13px/1.5 var(--sans);margin:18px 0 7px}.focus-letter label span{color:#adb7cc}.focus-letter textarea,.focus-letter input{display:block;width:100%;background:#172036;color:#eeeaf8;border:1px solid #586780;padding:12px;font:17px/1.65 var(--serif);border-radius:0}.focus-letter textarea{resize:vertical;min-height:130px}.focus-letter .note-privacy{font-size:12px;margin:16px 0}.focus-letter .send-note{border-bottom:1px solid #ad8cb7;padding-left:0}.focus-letter button:disabled{opacity:.6;cursor:wait}.focus-letter [data-close-letter]{position:absolute;right:12px;top:8px;font-size:26px}.note-status{margin:14px 0 0;min-height:24px}.note-trap{position:absolute;left:-10000px}.focus-room .night-sky .sky-mobile{position:absolute;bottom:85px}
@media(max-width:720px){.focus-caption{font-size:15px;max-width:150px}.focus-bottom{gap:10px}.focus-room .hero-atmosphere{max-width:190px}.focus-letter{padding:22px;max-height:calc(100dvh - 100px)}.focus-letter h2{font-size:26px}.focus-room .night-sky .sky-mobile{font-size:1.38cqw;line-height:1.12}}

/* The note docks below the landscape instead of covering the sky. */
.focus-room .night-sky{top:0;bottom:auto;align-self:auto;height:max(100px,calc(100% - var(--note-space,80px)))}
.focus-letter{top:auto;bottom:80px;left:50%;transform:translateX(-50%);width:min(880px,calc(100% - 40px));max-height:55dvh;padding:18px 24px;box-shadow:none;background:#101629;border-color:#38445e}
.focus-letter h2{font-size:22px;margin:0 35px 4px 0}.focus-letter>p{font-size:13px;margin:0 0 10px}.focus-letter form{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:8px 20px;align-items:start}.note-words{grid-row:span 2}.focus-letter label{margin:0 0 5px;font-size:12px}.focus-letter textarea{min-height:88px;height:88px;max-height:160px;resize:vertical;padding:8px 10px;font-size:16px;line-height:1.45}.focus-letter input{font-size:16px;padding:7px 10px}.focus-letter .send-note{grid-column:2;grid-row:2;justify-self:start;padding-block:5px;min-height:36px}.focus-letter .note-privacy{grid-column:1;grid-row:3;margin:0;font-size:11px}.focus-letter .note-status{grid-column:1/-1;margin:0;min-height:0;font-size:13px}.note-status:empty{display:none}
@media(max-width:540px){.focus-letter{bottom:86px;padding:15px;max-height:55dvh}.focus-letter h2{font-size:20px}.focus-letter form{grid-template-columns:minmax(0,1fr) auto;gap:10px}.note-words{grid-column:1/-1;grid-row:1}.note-name{grid-column:1;grid-row:2}.focus-letter .send-note{align-self:end;grid-column:2;grid-row:2;font-size:12px}.focus-letter .note-privacy{grid-column:1/-1}.focus-letter>p{margin-bottom:8px}.focus-letter textarea{min-height:70px;height:70px}}

/* Real ASCII characters outline the writing space; inputs remain native and accessible. */
.focus-letter{border:0;padding:22px 26px;background:#101629}
.ascii-edge{position:absolute;pointer-events:none;user-select:none;white-space:pre;overflow:hidden;font:12px/14px var(--mono);letter-spacing:0;color:#8f9fbf}
.ascii-top{top:0;left:0;right:0}.ascii-bottom{bottom:0;left:0;right:0}.ascii-left{top:14px;bottom:14px;left:0}.ascii-right{top:14px;bottom:14px;right:0}
.focus-letter h2{font:17px/1.5 var(--mono);color:#dbc7e8;margin-right:40px}.focus-letter label,.focus-letter .send-note{font-family:var(--mono)}
.focus-letter textarea,.focus-letter input{background:transparent;border:0;border-bottom:1px dashed #60718d;font-family:var(--mono);font-size:16px}
.focus-letter .send-note{border:0;font-size:12px;white-space:nowrap}.focus-letter [data-close-letter]{font:13px/1.5 var(--mono);top:12px;right:15px;padding:5px;min-width:40px}
@media(max-width:540px){.focus-letter{padding:20px}.focus-letter h2{font-size:15px}.focus-letter form{column-gap:8px}.focus-letter .send-note{font-size:10px}}

/* Move the existing scene as one layer: opening a note never rebuilds the star field. */
.focus-room .night-sky{height:calc(100% - 80px);transform:translateY(calc(80px - var(--note-space,80px)));transition:transform 1100ms cubic-bezier(.22,.61,.36,1)}
@media(prefers-reduced-motion:reduce){.focus-room .night-sky{transition:none}}

/* The focus landscape continues to both edges and dissolves into the foreground. */
.focus-room .night-sky .sky-mountains{mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 190px),rgba(0,0,0,.65) calc(100% - 135px),transparent calc(100% - 80px))}

/* Readable supporting type; artwork keeps its own character geometry. */
:root{--type-control:1rem;--type-support:.9375rem;--type-caption:.875rem}
nav a,.article-header nav a,.section-head>a,.read-link,.project-info>a,.breadcrumb,.related-reading a,.text-link{font-size:var(--type-control)}
.kicker,.writing-row .kicker,.project-info .kicker,.credits,.preview{font-size:var(--type-caption)}
.colophon,.archive-controls label,.archive-count,.sample,.population-note{font-size:var(--type-support)}
.hero-atmosphere{font-size:var(--type-control)}
.hero-atmosphere button{min-height:44px}
.focus-room button,.focus-room .hero-atmosphere button{font-size:var(--type-control)}
.focus-letter>p,.focus-letter label,.focus-letter .note-status{font-size:var(--type-support);line-height:1.6}
.focus-letter .note-privacy{font-size:var(--type-caption);line-height:1.6}
.focus-letter .send-note,.focus-letter [data-close-letter]{font-size:var(--type-control);min-height:44px}
.section-head,.colophon{flex-wrap:wrap}
@media(max-width:540px){.focus-letter form{grid-template-columns:minmax(0,1fr)}.note-words,.note-name,.focus-letter .send-note,.focus-letter .note-privacy{grid-column:1;grid-row:auto}.focus-letter{overflow:auto;max-height:60dvh}.focus-letter .send-note{justify-self:start}.focus-room .hero-atmosphere{max-width:none}.focus-bottom{flex-wrap:wrap}}