/* Photography-led layout based on the supplied reference. */
:root{--paper:#fff;--ink:#080808;--line:#dedede}
body{background:#fff;color:#080808}
.topbar{height:132px;padding:32px 6%;background:#fff}
.brand{font-family:"DM Sans",Arial,sans-serif;font-size:25px;font-weight:900;letter-spacing:-.025em;line-height:.94}
.header-actions{gap:18px}.menu-button{width:48px}.menu-button span:not(.sr-only){width:34px;height:1px}
.hero{padding:0}.hero-frame{min-height:calc(100svh - 132px);padding:6%;background-position:center 62%}
.hero-frame::after,.hero-frame.visual-one::after{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.4));mix-blend-mode:normal}
.frame-index,.hero-copy>p{display:none}.hero-copy{padding:0 35px 10px 0;max-width:85%}
.hero h1{font-family:"DM Sans",Arial,sans-serif;font-size:clamp(2.3rem,5vw,5rem);line-height:1.02;letter-spacing:-.04em;font-weight:600}
.frame-controls{inset:0;pointer-events:none;display:block}.frame-controls button{position:absolute;top:55%;transform:translateY(-50%);width:44px;height:48px;background:rgba(255,255,255,.48);color:#111;border:0;border-radius:3px;font-family:Arial,sans-serif;font-size:34px;font-weight:300;backdrop-filter:none;pointer-events:auto}.frame-controls button:first-child{left:4.5%}.frame-controls button:last-child{right:4.5%}
.intro{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:900px;margin:auto;padding:90px 6% 85px}
.portrait-placeholder{width:260px;max-width:65%;aspect-ratio:4/5;align-self:center;border-radius:10px;margin:0 0 65px}.portrait-placeholder img{filter:none;object-position:center 34%}
.intro h2{font-family:"DM Sans",Arial,sans-serif;font-size:clamp(1.75rem,3.6vw,2.6rem);font-weight:900;text-transform:uppercase;line-height:1.12;letter-spacing:-.025em;margin:0 0 34px}
.intro-role{font-size:clamp(1rem,2.2vw,1.25rem);font-weight:900;line-height:1.22;text-transform:uppercase;margin:0 0 35px}.lead{font-size:clamp(1.15rem,2.8vw,1.6rem);line-height:1.38;font-weight:300;margin:0;max-width:720px}.text-link{font-size:16px;margin-top:35px;letter-spacing:0}
.contact{background:#fff;color:#080808;min-height:0;padding:55px 6% 30px;border-top:1px solid #eee}.contact h2{font-family:"DM Sans",Arial,sans-serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;font-weight:800;letter-spacing:-.035em;margin:18px 0 28px}.contact>a{color:inherit;overflow-wrap:anywhere;font-size:clamp(1rem,2vw,1.4rem)}.contact-bottom{border:0;margin-top:55px;padding-top:20px;align-items:center;font-size:14px}.contact-bottom a{color:inherit}.eyebrow{font-size:14px}
.menu{background:#fff}.menu-links a{font-family:"DM Sans",Arial,sans-serif;font-weight:800;font-size:clamp(1.8rem,5vw,3.7rem);line-height:1.2}.menu-links a:hover{font-family:inherit;font-style:normal;text-transform:uppercase;opacity:.55}
.inner-page main{padding-top:0}.inner-page h1,.portfolio-section h3{font-family:"DM Sans",Arial,sans-serif;font-weight:800;letter-spacing:-.035em}.inner-page .about{background:white;color:#080808}.inner-page .split-section{min-height:calc(100vh - 132px)}
@media(max-width:760px){.topbar{height:96px;padding:24px 6%}.brand{font-size:18px}.header-actions{gap:8px}.hero-frame{min-height:calc(100svh - 96px);padding:6%}.hero-copy{padding-bottom:24px;max-width:90%}.hero h1{font-size:clamp(2.15rem,9vw,3.8rem)}.intro{padding:54px 6% 65px}.portrait-placeholder{width:46%;max-width:260px;margin-bottom:45px}.intro h2{margin-bottom:30px}.intro-role{margin-bottom:30px}.contact{padding:45px 6% 25px;min-height:0}.contact-bottom{display:flex;gap:20px;flex-wrap:wrap}.frame-controls button{width:32px;height:40px;font-size:28px}.inner-page .split-section{min-height:0}}

/* Typography trial: expressive serif headings and geometric body copy. */
body{font-family:"Jost",sans-serif;font-weight:400}
.hero h1,.intro h2,.contact h2,.inner-page h1,.portfolio-section h2,.portfolio-section h3,.split-copy h2{font-family:"Italiana",Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.025em;line-height:1.13}
.hero h1{font-size:clamp(2.8rem,6vw,6rem)}
.intro h2{font-size:clamp(2.5rem,4.5vw,3.8rem)}
.intro-role{font-family:"Jost",sans-serif;font-weight:400;text-transform:none;font-size:clamp(1.2rem,2.3vw,1.5rem);line-height:1.4}
.lead{font-weight:300;line-height:1.5;font-size:clamp(1.2rem,2.8vw,1.65rem)}
.text-link,.pill{font-family:"Italiana",Georgia,serif;font-size:1.4rem}
.menu-links a,.menu-links a:hover{font-family:"Italiana",Georgia,serif;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.2}
.about-grid>div,.split-copy p:not(.eyebrow){font-weight:300;line-height:1.65}
@media(max-width:760px){.hero h1{font-size:clamp(2.4rem,10vw,4rem)}.intro h2{font-size:2.7rem}}