:root{--bg:#02050a;--text:#f4f8fc;--muted:#9cacbd;--cyan:#64dcff;--orange:#ff9f43;--line:rgba(113,204,255,.25);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;background:linear-gradient(rgba(1,4,8,.48),rgba(1,4,8,.8)),url("images/stars_background.png") center top/cover fixed;background-color:var(--bg)}a{color:inherit}.site-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:76px;padding:.75rem max(1rem,calc((100% - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(2,6,11,.84);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:900;letter-spacing:.12em;text-decoration:none}.brand img{width:45px;height:45px;object-fit:contain}.site-header nav{display:flex;gap:1.2rem}.site-header nav a{color:#b8c8d9;font-size:.72rem;font-weight:900;letter-spacing:.11em;text-decoration:none;text-transform:uppercase}.site-header nav a:hover,.site-header nav a.current{color:var(--cyan)}.menu-toggle{display:none;padding:.65rem .8rem;border:1px solid var(--line);border-radius:7px;color:var(--text);background:rgba(8,18,30,.9);font:inherit;font-size:.72rem;font-weight:900;text-transform:uppercase}main,footer{width:min(var(--max),calc(100% - 2rem));margin:auto}.hero{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:clamp(2rem,6vw,5rem);align-items:center;min-height:min(720px,calc(100vh - 76px));padding:clamp(4rem,9vw,7rem) 0}.portrait-panel{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(6,14,24,.9)}.portrait-frame{aspect-ratio:4/5;overflow:hidden;border-bottom:1px solid var(--line)}.portrait-frame img{width:100%;height:100%;display:block;object-fit:cover}.portrait-caption{display:grid;gap:.35rem;padding:1rem}.portrait-caption span,.quick-facts span{color:var(--orange);font-size:.64rem;font-weight:900;letter-spacing:.15em}.eyebrow{margin:0 0 .8rem;color:var(--cyan);font-size:.72rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:1.35rem;font-size:clamp(3.4rem,8vw,7rem);line-height:.9;letter-spacing:-.06em;text-transform:uppercase}h1 span{color:transparent;-webkit-text-stroke:1px rgba(122,218,255,.95)}.intro{max-width:690px;color:var(--muted);font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;padding:.78rem 1.05rem;border:1px solid var(--line);border-radius:7px;font-size:.74rem;font-weight:900;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.button.primary{border-color:rgba(100,220,255,.7);background:linear-gradient(135deg,rgba(34,140,201,.82),rgba(28,83,147,.82))}.button.secondary{background:rgba(8,18,30,.76)}.content-section{margin-bottom:2rem;padding:clamp(1.25rem,3.6vw,2.7rem);border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(9,18,30,.95),rgba(4,9,16,.91))}.section-heading{display:flex;gap:clamp(1rem,3vw,2rem);margin-bottom:1.6rem}.section-number{margin:0;color:rgba(100,220,255,.26);font-size:clamp(2.6rem,6vw,5.5rem);font-weight:900;line-height:.85}.section-heading h2{margin:0;font-size:clamp(2rem,4.5vw,4rem);line-height:.95;letter-spacing:-.045em;text-transform:uppercase}.story-grid,.split-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.72fr);gap:2rem}.story-copy p,.split-copy p,.personal-copy p,.project-card p,.discipline-grid p{color:var(--muted);line-height:1.72}.quick-facts{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--line)}.quick-facts div{display:grid;gap:.35rem;padding:.95rem 1rem;background:rgba(7,16,27,.93)}.quote-panel{display:flex;align-items:center;min-height:220px;padding:1.5rem;border:1px solid rgba(100,220,255,.36);border-radius:14px;background:rgba(7,16,27,.78)}.quote-panel p{margin:0;color:var(--text);font-size:clamp(1.15rem,2.2vw,1.55rem)}.discipline-grid,.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.discipline-grid article,.project-card{padding:1.2rem;border:1px solid var(--line);border-radius:14px;background:rgba(7,16,27,.76)}.discipline-grid article>span{display:inline-flex;margin-bottom:1.6rem;padding:.35rem .48rem;border:1px solid rgba(255,159,67,.38);border-radius:5px;color:var(--orange);font-size:.65rem;font-weight:900}.project-type{color:var(--cyan)!important;font-size:.65rem;font-weight:900;letter-spacing:.13em}.project-card a{display:inline-flex;margin-top:.75rem;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.project-card a span{margin-left:.35rem;color:var(--cyan)}.personal-copy{max-width:860px}footer{display:flex;justify-content:space-between;gap:2rem;padding:1.5rem 0 2.5rem;color:#718296;font-size:.76rem}.footer-brand{color:var(--text);font-weight:900;letter-spacing:.13em;text-decoration:none}footer p{margin:0;text-align:right}@media(max-width:900px){.site-header{flex-wrap:wrap}.menu-toggle{display:inline-flex}.site-header nav{display:none;width:100%;flex-direction:column}.site-header nav.is-open{display:flex}.hero{grid-template-columns:minmax(230px,.6fr) minmax(0,1fr)}.story-grid,.split-copy{grid-template-columns:1fr}}@media(max-width:680px){body{background-attachment:scroll}main,footer{width:calc(100% - 1rem)}.hero{grid-template-columns:1fr;min-height:auto;padding:2.5rem 0 4rem}.portrait-panel{max-width:430px}h1{font-size:clamp(3rem,16vw,5rem)}.content-section{padding:1rem;border-radius:16px}.discipline-grid,.project-grid{grid-template-columns:1fr}footer{flex-direction:column}footer p{text-align:left}}
