:root{--paper:#f7f7f4;--ink:#151515;--muted:#72726e;--line:#d8d8d2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.site-header{min-height:132px;padding:34px clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:48px}.brand{width:clamp(180px,18vw,290px);display:block}.brand img{width:100%;height:auto;display:block}
nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,44px);font-size:11px;line-height:1;letter-spacing:.18em;text-transform:uppercase}nav>a,.work-menu>summary{position:relative;padding:9px 18px 9px 0}nav>a:after,.work-menu>summary:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--ink);transition:right .25s ease}nav>a:hover:after,nav>a.active:after,.work-menu:hover>summary:after,.work-menu[open]>summary:after{right:0}
.work-menu{position:relative}.work-menu>summary{list-style:none;cursor:pointer;user-select:none}.work-menu>summary::-webkit-details-marker{display:none}.work-menu>summary:before{content:"";position:absolute;right:1px;top:50%;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-70%) rotate(45deg)}.work-links{position:absolute;z-index:10;top:100%;left:-18px;min-width:165px;padding:18px;background:var(--paper);display:grid;gap:12px;opacity:0;transform:translateY(6px);pointer-events:none;transition:.2s ease}.work-menu:hover .work-links,.work-menu:focus-within .work-links,.work-menu[open] .work-links{opacity:1;transform:none;pointer-events:auto}.work-links a{font-size:9px;color:var(--muted)}
.about-hero{min-height:72vh;padding:clamp(80px,10vw,150px) clamp(24px,8vw,140px);display:grid;align-content:end;border-top:1px solid var(--line)}.eyebrow{margin:0 0 25px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.about-hero h1{margin:0;max-width:1100px;font-family:"Times New Roman",Times,serif;font-size:clamp(65px,9.4vw,145px);font-weight:400;line-height:.82;letter-spacing:-.055em}
.portrait-story{padding:clamp(90px,12vw,180px) clamp(24px,6vw,100px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(50px,9vw,150px);align-items:start}.portrait-story figure{margin:0}.portrait-story img{display:block;width:100%;max-height:850px;aspect-ratio:4/5;object-fit:cover;filter:saturate(.65)}.portrait-story figcaption{padding-top:10px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.portrait-story article{padding-top:clamp(20px,5vw,80px)}.section-number{margin:0 0 38px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.portrait-story h2{margin:0 0 42px;font-family:"Times New Roman",Times,serif;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:.98;letter-spacing:-.04em}.portrait-story article>p:not(.section-number){font-size:13px;line-height:1.9;color:var(--muted);max-width:58ch}.portrait-story .lead{font-family:"Times New Roman",Times,serif;font-size:clamp(22px,2.2vw,34px)!important;line-height:1.35!important;color:var(--ink)!important}
.principles{margin:0 clamp(24px,4vw,72px);padding:clamp(80px,10vw,150px) 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,5vw,78px)}.principles article{display:flex;flex-direction:column;min-height:290px}.principles span{font-size:9px;letter-spacing:.2em;color:var(--muted)}.principles h3{margin:45px 0 22px;font-family:"Times New Roman",Times,serif;font-size:clamp(35px,4vw,60px);font-weight:400;letter-spacing:-.035em}.principles p{font-size:11px;line-height:1.8;color:var(--muted);max-width:42ch}.principles a{align-self:flex-start;margin-top:auto;padding-bottom:4px;border-bottom:1px solid var(--ink);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.closing-statement{padding:clamp(110px,14vw,220px) clamp(24px,10vw,180px);background:#1b1b19;color:#f0efe9}.closing-statement p{max-width:1050px;margin:0;font-family:"Times New Roman",Times,serif;font-size:clamp(42px,6vw,88px);font-weight:400;line-height:1.03;letter-spacing:-.04em}.closing-statement span{display:block;margin-top:42px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#aaa9a2}
footer{padding:40px clamp(24px,4vw,72px) 34px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;font-size:10px;line-height:1.7;letter-spacing:.04em;color:var(--muted)}footer p{max-width:520px;margin:0 0 24px}.socials{display:flex;flex-wrap:wrap;gap:18px;text-transform:uppercase;letter-spacing:.12em}.copyright{justify-self:end;text-align:right}
.social-icons{gap:15px}.social-icons a{width:20px;height:20px;display:grid;place-items:center}.social-icons svg{width:17px;height:17px;display:block}
@media(max-width:760px){.site-header{min-height:auto;padding:24px 18px 28px;align-items:flex-start;gap:24px}.brand{width:160px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:9px;letter-spacing:.12em}.work-links{left:auto;right:0}.about-hero{min-height:58vh;padding:80px 18px}.about-hero h1{font-size:17vw}.portrait-story{padding:80px 14px;grid-template-columns:1fr;gap:50px}.portrait-story img{aspect-ratio:4/5}.portrait-story article{padding:0}.principles{margin:0 14px;padding:75px 0;grid-template-columns:1fr}.principles article{min-height:250px;padding-bottom:40px;border-bottom:1px solid var(--line)}.closing-statement{padding:95px 18px}footer{grid-template-columns:1fr;gap:34px;padding:30px 18px}.copyright{justify-self:start;text-align:left}}@media(max-width:420px){.site-header{display:block}.brand{margin-bottom:22px}nav{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}