*{box-sizing:border-box} html,body{margin:0;padding:0;overflow-x:hidden;background:#F6F3EC;color:#1B1A17;font-family:IBM Plex Sans,sans-serif;-webkit-font-smoothing:antialiased} a{color:#2F5D50;text-decoration:none}a:hover{color:#1F4238} input,textarea,button{font-family:inherit} button{cursor:pointer} .page{width:100%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;background:#F6F3EC;min-height:100vh} .page>div[style*='width: 1440px']{width:100% !important;height:auto !important} svg{max-width:100%;height:auto} img{max-width:100%} /* mobile: stack everything */ @media (max-width: 900px){ .page [style*='padding: 32px 96px']{padding:16px 20px !important} .page [style*='padding: 128px 96px 96px 96px'], .page [style*='padding: 112px 96px 96px 96px'], .page [style*='padding: 112px 96px 80px 96px'], .page [style*='padding: 96px 96px 80px 96px'], .page [style*='padding: 96px 96px'], .page [style*='padding: 128px 96px'], .page [style*='padding: 96px 96px 128px 96px'], .page [style*='padding: 32px 96px 96px 96px'], .page [style*='padding: 96px 96px 64px 96px'], .page [style*='padding: 40px 96px']{padding:48px 20px !important} .page [style*='margin: 0 96px']{margin:0 20px !important} .page [style*='margin: 64px 96px 0 96px'],.page [style*='margin: 80px 96px 0 96px']{margin:40px 20px 0 20px !important} .page [style*='grid-template-columns']{grid-template-columns:1fr !important;gap:24px !important} .page [style*='grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0']{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 !important} .page [style*='font-size: 84px']{font-size:44px !important} .page [style*='font-size: 96px']{font-size:52px !important} .page [style*='font-size: 96px']{font-size:56px !important} .page [style*='font-size: 72px'],.page [style*='font-size: 64px']{font-size:38px !important} .page [style*='font-size: 56px']{font-size:36px !important} .page [style*='font-size: 48px']{font-size:30px !important} .page [style*='font-size: 36px']{font-size:26px !important} .page [style*='font-size: 22px; line-height: 1.5']{font-size:17px !important} .page [style*='border-right: 1px solid #DDD7C9']{border-right:0 !important} .nav-links{display:none !important} .nav-toggle{display:flex !important} .nav-open .nav-links{display:flex !important;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0 !important;background:#F6F3EC;border-bottom:1px solid #DDD7C9;padding:8px 20px 16px;z-index:10} .nav-open .nav-links a{padding:12px 0;border-bottom:1px solid #EEE9DD;height:auto !important;border-radius:0 !important} .page [style*='justify-content: space-between; align-items: center; margin-top: auto']{flex-direction:column;align-items:flex-start !important;gap:12px} .page [style*='justify-content: space-between; align-items: flex-end']{flex-direction:column;align-items:flex-start !important} .page [style*='justify-content: space-between; align-items: baseline']{flex-direction:column;align-items:flex-start !important;gap:8px} .page form{padding:24px !important} .page [style*='width: 260px']{width:100% !important} } .nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:0;color:#1B1A17} nav.top{position:relative} .bio-band{position:relative;overflow:hidden;isolation:isolate} .bio-bg{position:absolute;inset:0;background:#0F1E1A;overflow:hidden;z-index:-1} .bio-bg::before,.bio-bg::after{content:'';position:absolute;width:900px;height:900px;border-radius:50%;filter:blur(90px)} .bio-bg::before{background:radial-gradient(circle,#2F5D50 0%,rgba(47,93,80,0) 65%);top:-320px;left:-180px;opacity:.75;animation:bio-drift 18s ease-in-out infinite alternate} .bio-bg::after{background:radial-gradient(circle,#9FC2B5 0%,rgba(159,194,181,0) 65%);bottom:-420px;right:-120px;opacity:.28;animation:bio-drift 26s ease-in-out infinite alternate-reverse} @keyframes bio-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(240px,180px) scale(1.18)}} .bio-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;z-index:-1} .bio-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)} .bio-track{display:flex;gap:16px;width:max-content;padding:0 96px;will-change:transform} .bio-card{display:flex;flex-direction:column;gap:14px;width:300px;flex:0 0 300px;padding:22px 22px 20px;border-radius:8px;text-align:left;cursor:pointer;font-family:inherit;color:#F6F3EC;background:rgba(246,243,236,.06);border:1px solid rgba(246,243,236,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s,background .2s,transform .2s} .bio-card:hover{background:rgba(246,243,236,.10);border-color:rgba(159,194,181,.6);transform:translateY(-2px)} .bio-card.on{border-color:#9FC2B5;background:rgba(159,194,181,.14)} .bio-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:57px} .bio-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .bio-pill{height:38px;padding:0 16px;border-radius:999px;font-size:13px;letter-spacing:.02em;font-family:inherit;cursor:pointer;border:1px solid rgba(246,243,236,.25);background:transparent;color:#F6F3EC;transition:background .15s,color .15s} .bio-pill:hover{border-color:#F6F3EC} .bio-pill.on{background:#F6F3EC;color:#0F1E1A;border-color:#F6F3EC} .bio-panel{position:absolute;top:0;right:0;bottom:0;width:560px;display:flex;flex-direction:column;gap:22px;padding:56px 56px 48px;overflow:auto;background:rgba(15,30,26,.90);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-left:1px solid rgba(246,243,236,.14);box-shadow:-40px 0 80px rgba(0,0,0,.35);animation:bio-in .35s cubic-bezier(.2,.7,.2,1)} @keyframes bio-in{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}} .bio-tag{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;letter-spacing:.02em;border:1px solid rgba(246,243,236,.22);color:#F6F3EC} @media (prefers-reduced-motion:reduce){.bio-bg::before,.bio-bg::after,.bio-panel{animation:none}} @media (max-width: 900px){ .bio-band{min-height:0 !important;padding:56px 0 48px 0 !important} .bio-band [style*='padding: 0 96px']{padding-left:20px !important;padding-right:20px !important} .bio-track{padding:0 20px} .bio-card{width:250px;flex-basis:250px} .bio-band [style*='font-size: 56px']{font-size:32px !important} .bio-panel{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;max-height:82vh;padding:28px 20px 32px;border-left:0;border-top:1px solid rgba(246,243,236,.14);border-radius:16px 16px 0 0;z-index:40;animation:bio-up .3s cubic-bezier(.2,.7,.2,1)} .bio-panel h3{font-size:30px !important} @keyframes bio-up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}} } .bm-art{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:40px 0;border-top:1px solid #DDD7C9;scroll-margin-top:24px} .bm-l{display:flex;flex-direction:column;gap:10px}.bm-l h2{margin:0;font-family:Cormorant Garamond,serif;font-weight:500;font-size:34px;line-height:1.1} .bm-inc{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#2F5D50}.bm-inc i{width:6px;height:6px;border-radius:50%;background:#2F5D50} .bm-r{display:flex;flex-direction:column;gap:16px}.bm-r p{margin:0;font-size:17px;line-height:1.65;color:#3D3B35} .bm-lab{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5A5850}.bm-tags{display:flex;flex-wrap:wrap;gap:8px} .bm-tag{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;border:1px solid #DDD7C9;color:#1B1A17} .bm-toc{font-size:14px;color:#1B1A17;border-bottom:1px solid #DDD7C9;padding-bottom:2px} @media (max-width:900px){.bm-art{grid-template-columns:1fr;gap:16px;padding:28px 0}.bm-l h2{font-size:26px}}