@font-face{font-family:SF Condensed;src:url('assets/sf-pro-condensed.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:SF Pro;src:url('assets/sf-pro-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f7f3eb;--sand:#e9ddd0;--orange:#d45e2a;--deep:#b84d24;--ink:#302a26;--muted:#66574e;--line:rgba(48,42,38,.2);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100svh;background:var(--sand) url('assets/background.svg') center/cover fixed no-repeat;color:var(--ink);font-family:SF Pro,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;background:rgba(247,243,235,.36);pointer-events:none}
::selection{background:var(--orange);color:var(--paper)}
img{display:block;max-width:100%}
p,h1,figure{margin:0}
a{-webkit-tap-highlight-color:transparent}
.page{position:relative;width:min(1056px,calc(100% - 96px));min-height:100svh;margin:auto;display:flex;flex-direction:column;justify-content:center;padding-block:36px}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:34px;animation:appear .8s var(--ease) both}
.logo{width:220px;height:auto}
.profession,.eyebrow{font-family:SF Condensed,sans-serif;font-variation-settings:"wght" 410;font-size:.9375rem;text-transform:uppercase;line-height:1.2}
.profession{display:flex;gap:40px}
.layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,84px);align-items:center}
.portrait{position:relative;aspect-ratio:4/5;min-width:0;background:var(--sand);isolation:isolate;animation:appear 1s .06s var(--ease) both}
.portrait-photo{width:100%;height:100%;object-fit:cover;object-position:center 44%}
.portrait::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(26,23,21,.48));pointer-events:none}
.portrait figcaption{position:absolute;bottom:26px;left:28px;right:80px;z-index:1;color:var(--paper);font-family:SF Condensed,sans-serif;font-size:1.125rem;font-variation-settings:"wght" 410}
.portrait-symbol{position:absolute;right:-22px;bottom:-22px;width:84px;height:84px;z-index:2;border:7px solid var(--paper);border-radius:50%}
.content{padding-block:2px;animation:appear 1s .15s var(--ease) both}
.eyebrow{color:var(--muted);margin-bottom:22px}
h1{font-family:SF Condensed,sans-serif;font-size:clamp(3.5rem,6.2vw,5.5rem);font-variation-settings:"wght" 270.325;font-weight:300;line-height:.99;letter-spacing:-.025em;color:var(--deep)}
h1 strong{font-weight:600;font-variation-settings:"wght" 650}
.intro{font-size:1rem;line-height:1.5;margin-top:25px;margin-bottom:28px;color:var(--muted)}
.links{display:grid;gap:12px}
.link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;padding:18px 22px;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:2px;transition:transform .35s var(--ease),background-color .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
.link-primary{background:var(--deep);border-color:var(--deep);color:var(--paper)}
.link-secondary{background:rgba(247,243,235,.65)}
.link-text{min-width:0}
.link-label{display:block;font-family:SF Condensed,sans-serif;font-size:1.75rem;line-height:1.1;font-variation-settings:"wght" 650}
.link-detail{display:block;margin-top:7px;font-size:.8125rem;line-height:1.35}
.link-primary .link-detail{color:var(--paper)}
.link-secondary .link-detail{color:var(--muted)}
.link-icon{width:27px;height:27px;flex-shrink:0;transition:transform .35s var(--ease)}
.link:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.link:active{transform:scale(.985)}
@media(hover:hover){.link:hover{transform:translateY(-3px);box-shadow:0 9px 22px rgba(48,42,38,.1)}.link-primary:hover{background:#a14720;border-color:#a14720}.link-secondary:hover{background:var(--paper);border-color:var(--ink)}.link:hover .link-icon{transform:scale(1.08)}}
.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:46px;padding-top:20px;font-size:.8125rem;line-height:1.4;color:var(--muted);animation:appear 1s .25s var(--ease) both}
.footer span{font-family:SF Condensed,sans-serif;font-size:.875rem;text-transform:uppercase;font-variation-settings:"wght" 410}
@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.page{width:min(1120px,calc(100% - 120px))}.layout{gap:100px}}
@media(max-width:760px){body{background-attachment:scroll;background-size:auto 100%;background-position:center top}.page{width:min(460px,calc(100% - 40px));padding-block:26px;justify-content:flex-start}.header{margin-bottom:24px;padding-bottom:20px;gap:16px}.logo{width:190px}.profession{display:block;text-align:right;font-size:.8125rem;line-height:1.4}.profession span{display:block}.layout{grid-template-columns:1fr;gap:28px}.portrait{aspect-ratio:4/5}.portrait-photo{object-position:center 38%}.portrait figcaption{bottom:20px;left:20px;font-size:1rem}.portrait-symbol{width:66px;height:66px;border-width:5px;right:16px;bottom:-20px}.content{padding:0}.eyebrow{margin-bottom:12px;font-size:.875rem}h1{font-size:3.25rem;line-height:1.02}h1 br:nth-of-type(2){display:none}h1 strong::before{content:' '}.intro{font-size:.9375rem;margin-block:17px 23px}.intro br{display:none}.link{min-height:81px;padding:16px 19px}.link-label{font-size:1.625rem}.link-detail{margin-top:5px}.footer{margin-top:28px;padding-top:18px;font-size:.75rem;gap:16px}.footer span{font-size:.8125rem;flex-shrink:0}}
@media(max-width:359px){.page{width:calc(100% - 32px)}.logo{width:166px}.profession{font-size:.75rem}h1{font-size:2.875rem}.link-label{font-size:1.5rem}.link-detail{font-size:.75rem}.link{padding-inline:16px;gap:12px}.footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}