:root{--petrol:#004d56;--petrol-dark:#00292e;--petrol-accent:#26838d;--grey:#7a9194;--cream:#fffdf7}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:320px;background:var(--petrol-dark);font-family:Montserrat,Arial,sans-serif;color:var(--cream)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.landing{position:relative;isolation:isolate;width:calc(100% - 32px);max-width:1600px;min-height:calc(100svh - 32px);margin:16px auto;overflow:hidden;border:1px solid rgba(0,108,120,.35);border-radius:24px;background:linear-gradient(90deg,rgba(0,28,32,.85),rgba(0,56,63,.65),rgba(0,26,30,.8)),url('assets/background.webp') center/cover no-repeat;box-shadow:0 25px 60px rgba(0,0,0,.38);padding:clamp(28px,5vw,64px);display:flex;flex-direction:column}
.site-header{position:relative;z-index:1;display:flex;justify-content:center}.brand{display:flex;align-items:center;gap:20px;color:var(--cream);font:700 clamp(26px,2.5vw,38px)/1 "Space Grotesk",monospace;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 3px 14px rgba(0,0,0,.35)}.brand-icon{width:102px;height:102px;display:grid;place-items:center}.brand-icon img{width:100%;height:100%;object-fit:contain}
.hero-content{position:relative;z-index:1;flex:1;display:flex;align-items:center;gap:clamp(24px,4vw,58px);max-width:1000px;margin:auto 0}.portrait{flex:0 0 auto;width:clamp(118px,15vw,188px);height:clamp(118px,15vw,188px);margin:0;padding:6px;border:6px solid rgba(0,77,86,.64);border-radius:50%;background:linear-gradient(135deg,var(--petrol-accent),var(--petrol),#536668);box-shadow:0 18px 38px rgba(0,0,0,.44);overflow:hidden}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border:2px solid var(--petrol-dark);border-radius:50%;filter:contrast(1.05) brightness(.95)}.copy{max-width:650px}.eyebrow{margin:0 0 12px;color:var(--petrol-accent);font:700 clamp(12px,1.2vw,18px)/1.25 "Space Grotesk",monospace;letter-spacing:.25em;text-transform:uppercase}h1{margin:0;color:var(--cream);font-size:clamp(30px,3.8vw,54px);line-height:.94;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 3px 12px rgba(0,0,0,.35)}.role{margin:20px 0 0;color:rgba(234,230,219,.92);font-size:clamp(16px,2vw,28px);font-weight:500;line-height:1.45}.contact-list{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:27px 0 0;color:rgba(255,253,247,.92);font:500 clamp(13px,1.2vw,17px)/1.5 "Space Grotesk",monospace;font-style:normal}.contact-list a{border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.contact-list a:hover{color:var(--petrol-accent);border-color:var(--petrol-accent)}.contact-list span{color:var(--grey)}
.footer-line{position:relative;z-index:1;margin:24px 0 0;color:var(--grey);font:600 clamp(10px,1.1vw,15px)/1.45 "Space Grotesk",monospace;letter-spacing:.28em;text-align:center;text-transform:uppercase}.vertical-line{position:absolute;z-index:1;top:50%;right:28px;display:block;margin:0;transform:translateY(-50%) rotate(180deg);color:rgba(122,145,148,.64);font:500 10px/1 "Space Grotesk",monospace;letter-spacing:.4em;text-transform:uppercase;writing-mode:vertical-rl}
@media(max-width:700px){.landing{width:calc(100% - 20px);min-height:calc(100svh - 20px);margin:10px auto;border-radius:24px;padding:clamp(30px,8vw,52px) 24px;background:linear-gradient(180deg,rgba(0,38,43,.56),rgba(0,38,43,.88) 48%,rgba(0,38,43,.95)),url('assets/background.webp') 58% center/cover no-repeat}.brand{font-size:clamp(23px,6.4vw,30px);gap:14px}.brand-icon{width:76px;height:76px}.hero-content{flex-direction:column;gap:clamp(26px,5vh,42px);justify-content:center;text-align:center;margin:auto 0}.portrait{width:min(43vw,190px);height:min(43vw,190px);padding:6px;border-width:6px}.copy{max-width:100%}.eyebrow{font-size:clamp(11px,3.1vw,15px);letter-spacing:.21em}h1{font-size:clamp(30px,8.8vw,47px)}.role{margin-top:20px;font-size:clamp(16px,5vw,23px)}.contact-list{justify-content:center;gap:10px 17px;margin-top:31px;font-size:clamp(12px,3.7vw,16px)}.footer-line{margin-top:30px;font-size:clamp(9px,2.6vw,12px);letter-spacing:.25em}.vertical-line{display:none}}
@media(max-width:380px){.contact-list span{display:none}.contact-list{display:grid;gap:8px}.footer-line{letter-spacing:.18em}}