:root{--serif:"DM Sans",sans-serif}
.ser,h1 sup{font-family:var(--disp);font-style:normal;font-weight:500}
.home-nav{display:flex;align-items:center;gap:28px;font-size:14px}.home-nav>a{text-decoration:none}.home-nav .pill{font-family:var(--disp);text-transform:none;letter-spacing:0;font-size:13px}
.hero .sub{max-width:48ch;line-height:1.7}.kick{letter-spacing:.1em}.lede{line-height:1.18;max-width:26ch}.idc p{line-height:1.8;font-size:16px}.idc h3{line-height:1.3}.mani p{line-height:1.45}.nums{grid-template-columns:repeat(4,minmax(0,1fr))}.nums>div{min-width:0}.nums small{line-height:1.7;font-size:13px}
.work-head{padding-top:95px}.work-head p{max-width:62ch;line-height:1.8}.project-jump{position:relative;z-index:8;max-width:680px;margin:0 auto 30px;padding:0 24px;color:var(--ivory)}.project-jump summary{cursor:pointer;font-size:14px;text-align:center;padding:13px;border:1px solid var(--hair-lt);border-radius:6px}.project-jump>div{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:15px}.project-jump a{padding:12px 0;border-bottom:1px solid var(--hair-lt);font-size:14px}.project-jump a span{float:right;color:var(--lime)}
.cs .story{line-height:1.75}.srow p,.pr p{line-height:1.8}.portrait-note{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:50px;align-items:start}.portrait{margin:0;position:sticky;top:100px}.portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 45%;border-radius:8px}.portrait figcaption{font-size:20px;letter-spacing:-.02em;margin-top:18px;color:var(--ivory)}.portrait figcaption span{display:block;font-size:13px;letter-spacing:0;color:rgba(244,240,232,.65);margin-top:4px}.portrait-note .paperbox{width:100%;margin:0}.portrait-note .paper{transform:none;padding:36px}.portrait-note .paperbox::before,.portrait-note .paper::before,.portrait-note .pclip,.portrait-note .penr{display:none}.paper p{line-height:1.85;font-size:16px}.paper .from{letter-spacing:.04em;gap:20px;flex-wrap:wrap}.paper .from>span:last-child{display:none}
@media(max-width:900px){.portrait-note{grid-template-columns:1fr;gap:28px}.portrait{position:static;max-width:330px}.nums{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.home-nav{gap:16px}.home-nav>a{font-size:12px}.home-nav .pill{padding:8px 12px}.project-jump>div{grid-template-columns:1fr}.portrait-note .paper{padding:25px}.brand{font-size:14px}.hero .sub{font-size:18px}}
/* Editorial refinement: two distinct type voices, one continuous personal story. */
:root{--editorial:"Outfit","DM Sans",sans-serif}
h1 .sw{font-family:var(--editorial);font-style:normal;font-weight:400;letter-spacing:-.055em;font-size:.85em;line-height:1.14;color:var(--ivory)}
h1 .ln{padding-bottom:.12em}.hero h1{max-width:1100px}.hero .kick{font-family:var(--disp);letter-spacing:.075em;font-size:12px}.hero .sub{max-width:49ch;font-size:clamp(18px,1.55vw,22px)}
.work-head h2 .ser,.coda h2 .ser{font-family:var(--editorial);font-weight:400;letter-spacing:-.04em}
.home-nav a:not(.pill){position:relative}.home-nav a:not(.pill)::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:var(--molten);transform:scaleX(0);transform-origin:left;transition:transform .25s}.home-nav a:hover::after{transform:scaleX(1)}
.note-sec{padding-top:100px;padding-bottom:120px}.note-sec>.wrap{max-width:1320px}.note-sec .sec-label{margin-bottom:45px}.about-heading{position:relative;z-index:3;margin-bottom:65px;padding-left:5%;}.about-kicker{font-size:12px;letter-spacing:.08em;color:var(--molten);display:block;margin-bottom:18px}.about-heading h2{font-size:clamp(38px,5.1vw,70px);font-weight:500;line-height:1.08!important;letter-spacing:-.05em!important;max-width:100%!important}.about-heading h2 span{font-family:var(--editorial);font-weight:400;letter-spacing:-.04em;color:var(--ivory)}
.portrait-note{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:0;align-items:start;position:relative;padding-bottom:30px}.portrait-note::before{content:"";position:absolute;left:25%;right:0;top:30px;bottom:0;background:var(--ivory);border-radius:2px;pointer-events:none}.portrait{z-index:4;margin:55px -35px 0 0;max-width:none;top:110px;padding-left:4%;}.portrait img{border-radius:2px;aspect-ratio:4/5;object-position:50% 42%;box-shadow:0 25px 65px #0005;border:7px solid var(--ivory);transform:rotate(-2deg);transition:transform .7s var(--e)}.portrait:hover img{transform:rotate(0)}.portrait figcaption{position:relative;margin:26px 0 0;padding:20px 24px 22px;background:#151411;color:var(--ivory);max-width:85%;box-shadow:0 10px 28px #0002;font-family:var(--editorial);font-size:30px;line-height:1.2}.portrait figcaption .portrait-index{font-family:var(--disp);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--molten);margin:0 0 13px}.portrait figcaption>span:not(.portrait-index){font-family:var(--disp);font-size:12px;margin-top:9px}.portrait figcaption>a{font-family:var(--disp);font-size:12px;display:inline-block;margin-top:22px;border-bottom:1px solid #ffffff40;padding-bottom:4px;color:var(--ivory)}
.portrait-note .paperbox{position:relative;z-index:2;max-width:none;padding:0}.portrait-note .paper{background:transparent;border-radius:0;box-shadow:none;padding:68px 45px 40px 85px}.paper .from{font-family:var(--disp);font-size:10px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;color:#625f57;padding-bottom:20px;border-bottom:1px solid #18150f25;margin-bottom:30px}.paper h3{font-family:var(--editorial);font-size:clamp(30px,3vw,43px);font-weight:400;line-height:1.2!important;letter-spacing:-.025em}.paper p{font-size:16px;line-height:1.85;color:#49453e;margin-top:23px}.paper p:first-of-type{font-size:18px;line-height:1.75;color:#2e2a24}.paper .hl{background:linear-gradient(transparent 78%,#ff4d1c25 78%);padding:0;font-weight:500}.paper p b{font-weight:600}.paper .sign{margin-top:35px;padding-top:24px;border-top:1px solid #18150f25}.paper .ps{font-size:13px;line-height:1.75;border:0;padding-top:0;color:#625f57}.paper .sign .who{font-family:var(--disp);letter-spacing:.03em;font-size:11px}.note-sec::before{opacity:.3}
@media(max-width:1000px){.portrait-note{grid-template-columns:minmax(210px,.6fr) minmax(0,1fr)}.portrait-note .paper{padding:58px 28px 35px 60px}.portrait{margin-right:-25px}.about-heading{padding-left:0}.portrait figcaption{padding:18px;font-size:26px}}
@media(max-width:760px){.note-sec{padding-top:65px;padding-bottom:65px}.about-heading{margin-bottom:30px}.portrait-note{grid-template-columns:1fr;padding:0}.portrait-note::before{left:0;top:180px;bottom:0}.portrait{position:relative;top:auto;max-width:330px;margin:0 auto;padding:0 20px}.portrait img{border-width:5px}.portrait figcaption{max-width:95%;margin-top:-12px;margin-left:12px;font-size:27px}.portrait-note .paper{padding:40px 26px}.portrait-note .paperbox{margin-top:10px}.paper p{font-size:16px}.paper p:first-of-type{font-size:18px}.about-heading h2{font-size:clamp(35px,7vw,50px)}h1 .sw{font-size:.9em;letter-spacing:-.045em}.hero h1{line-height:1.05}.portrait-note .paper .from{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.portrait img,.home-nav a::after{transition:none}.portrait img{transform:none}}

/* Final pairing: DM Sans for reading; Outfit for selected display phrases. */
h1 .sw{font-family:var(--editorial);font-weight:400;font-style:normal;letter-spacing:-.035em;font-size:.9em;line-height:1.15}
.about-heading h2 span,.work-head h2 .ser,.coda h2 .ser{font-family:var(--editorial);font-weight:400;font-style:normal;letter-spacing:-.025em}
.paper h3,.portrait figcaption{font-family:var(--disp);font-weight:500;letter-spacing:-.025em}
@media(max-width:760px){h1 .sw{letter-spacing:-.025em;font-size:.9em}}