body:has(.about-hero){background:#0c0c0c}body:has(.about-hero) main{max-width:1800px}body:has(.about-hero) header{border:0}.about-hero{position:relative;min-height:780px;height:calc(100svh - 108px);isolation:isolate}.about-heading{position:relative;z-index:0;padding-top:12px}.about-heading .eyebrow{margin:0 0 15px}.about-heading h1{font-size:clamp(100px,15vw,235px);font-weight:800;line-height:.88;text-transform:uppercase;letter-spacing:-.075em;max-width:none;background:linear-gradient(180deg,#646973,#d7e2ea);background-clip:text;-webkit-background-clip:text;color:transparent;margin:0}.about-heading h1 br{display:none}.about-heading h1 span{display:block;text-align:right}.about-portrait-wrap{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(48vw,560px);z-index:1;pointer-events:none}.about-magnet{transform:translate3d(0,0,0);will-change:transform}.about-magnet img{display:block;width:100%;height:auto;max-height:78svh;object-fit:contain;object-position:bottom;mask-image:linear-gradient(#000 0%,#000 88%,transparent 100%)}.about-hero-bottom{position:absolute;inset:auto 0 62px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;z-index:2;pointer-events:none}.about-hero-bottom p{font-size:clamp(14px,1.4vw,20px);color:#d7e2ea;line-height:1.5;margin:0}.about-hero-bottom p span{display:block;margin-top:14px;font-size:12px;color:#a3aab0}.about-hero-bottom button{pointer-events:auto}.about-contact{background:linear-gradient(123deg,#18011f 7%,#7621b0 60%,#b04c69);color:white;border:1px solid #d7e2ea;box-shadow:inset 4px 4px 18px #b077c155}.about-contact:hover{color:white;background:#7621b0}.about-scroll{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:16px;z-index:2;font-size:10px;letter-spacing:.2em}.about-scroll span{font-size:22px}.about-story{text-align:center;padding:140px 0 100px;max-width:950px;margin:auto;scroll-margin-top:40px}.about-story h2{font-size:clamp(42px,6.5vw,92px);font-weight:600;line-height:1.03;letter-spacing:-.06em;margin-bottom:55px}.about-story h2 em{color:#a7b6c8;font-family:Georgia,serif;font-weight:400}.about-reveal{font-size:clamp(21px,2.2vw,30px);line-height:1.65;max-width:790px;margin:0 auto 30px;color:#d7e2ea}.about-reveal span{display:inline}.about-signature{margin:60px auto;font:italic 35px Georgia,serif;color:#d7e2ea}.about-signature span{display:block;margin-top:12px;font:10px Manrope,system-ui;letter-spacing:.16em;color:#9babb8}.about-story .actions{justify-content:center}
@media(max-width:1000px){.about-hero{min-height:740px}.about-hero-bottom{bottom:60px}.about-hero-bottom p{max-width:180px}.about-hero-bottom .button{font-size:12px;padding:13px 17px}.about-portrait-wrap{width:55vw}.about-heading h1{font-size:16vw}}
@media(max-width:640px){body:has(.about-hero) header{flex-wrap:wrap;gap:16px}body:has(.about-hero) header nav{width:100%;justify-content:space-between}.about-hero{height:auto;min-height:0;display:flex;flex-direction:column;padding-top:15px}.about-heading h1{font-size:22vw;line-height:.95}.about-heading h1 span{text-align:right}.about-heading .eyebrow{font-size:10px}.about-portrait-wrap{position:relative;left:auto;bottom:auto;transform:none;width:min(100%,390px);margin:-25px auto -30px}.about-magnet img{max-height:480px}.about-hero-bottom{position:relative;inset:auto;align-items:center;gap:16px}.about-hero-bottom p{font-size:13px;max-width:180px}.about-hero-bottom p span{font-size:11px}.about-hero-bottom .button{max-width:150px}.about-scroll{position:relative;margin:30px auto 0;bottom:auto}.about-story{padding:80px 0 45px}.about-story h2{font-size:42px;margin-bottom:32px}.about-reveal{font-size:20px}.about-signature{margin:40px auto}.about-portrait-wrap{pointer-events:none}}
@media(prefers-reduced-motion:reduce){.about-magnet{will-change:auto}}
/* Keep the complete portrait inside the first-screen composition, including short displays. */
@media(min-width:641px){.about-hero{min-height:0;height:max(470px,calc(100svh - 108px))}.about-portrait-wrap{bottom:48px;height:calc(100% - 145px);max-height:650px;width:min(48vw,560px)}.about-magnet{height:100%}.about-magnet img{height:100%;max-height:none;object-fit:contain;object-position:center bottom;mask-image:none}.about-hero-bottom{bottom:42px}}
@media(max-width:640px){.about-portrait-wrap{width:90%;height:min(400px,48svh);margin:18px auto 24px}.about-magnet{height:100%}.about-magnet img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;mask-image:none}}

.about-contact{background:#b4dee0;color:#101820;border-color:transparent;box-shadow:none}.about-contact:hover{background:#d4eff0;color:#101820}.about-heading h1{background:none;color:#dce4ea}.about-reveal{color:#c0cbd4}.about-magnet{will-change:auto}