:root{--ink:#101012;--paper:#f6f1e8;--gold:#f2b705;--hot:#ff5b45;--sky:#64d8ff;--muted:#bdb5a8;--line:rgba(246,241,232,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(16,16,18,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:-.04em;font-size:1.25rem}.brand span{color:var(--gold)}.links{display:flex;gap:26px;align-items:center;font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:900;background:var(--gold);color:#111;border:2px solid var(--gold);transition:.2s}.btn:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--hot)}.btn.ghost{background:transparent;color:var(--paper);border-color:var(--paper)}.menu{display:none;background:none;border:0;color:white;font-size:1.6rem}.hero{min-height:88vh;display:grid;align-items:center;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:460px;height:460px;border:70px solid var(--gold);border-radius:50%;right:-80px;top:80px;opacity:.12}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.78rem;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(4rem,10vw,8.5rem);line-height:.82;letter-spacing:-.075em;margin-bottom:28px;text-transform:uppercase}h1 em{font-style:normal;color:var(--gold)}.lede{font-size:clamp(1.1rem,2vw,1.5rem);max-width:720px;color:#ded7ca}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.portrait-card{aspect-ratio:4/5;border-radius:30px;background:linear-gradient(145deg,var(--gold),var(--hot));padding:12px;transform:rotate(3deg);box-shadow:18px 18px 0 rgba(100,216,255,.35)}.portrait-inner{height:100%;border-radius:21px;background:#1c1c20;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;overflow:hidden;position:relative}.portrait-inner:before{content:"IE";font-size:11rem;line-height:1;font-weight:900;position:absolute;top:10%;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.05)}.portrait-inner small{color:var(--gold);font-weight:900;letter-spacing:.12em}.portrait-inner strong{font-size:2rem;line-height:1}.ticker{overflow:hidden;background:var(--gold);color:#111;padding:14px 0;transform:rotate(-1deg);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ticker div{white-space:nowrap;text-align:center}.section{padding:110px 0}.section.light{background:var(--paper);color:var(--ink)}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;margin-bottom:56px}.section h2,.page-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.section-copy{font-size:1.15rem;color:#5c564e}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.card{grid-column:span 4;border:1px solid var(--line);border-radius:24px;padding:30px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;background:#18181b;transition:.2s}.card:hover{transform:translateY(-5px);border-color:var(--gold)}.light .card{background:white;border-color:#ddd5c8}.card.wide{grid-column:span 8}.card.hot{background:var(--hot);color:#111;border-color:var(--hot)}.card.gold{background:var(--gold);color:#111;border-color:var(--gold)}.card.sky{background:var(--sky);color:#111;border-color:var(--sky)}.card-number{font-size:.78rem;font-weight:900;letter-spacing:.12em}.card h3{font-size:clamp(1.7rem,3vw,2.8rem);line-height:1;letter-spacing:-.04em}.card p{margin:0;opacity:.78}.timeline{border-left:2px solid var(--gold);padding-left:34px;display:grid;gap:40px}.timeline article{position:relative}.timeline article:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--gold);left:-42px;top:5px}.timeline strong{color:var(--gold);font-size:.8rem;letter-spacing:.12em}.quote{font-size:clamp(2.5rem,6vw,5rem);line-height:1;letter-spacing:-.05em;max-width:1000px}.quote span{color:var(--gold)}.page-hero{padding:120px 0 70px;background:linear-gradient(135deg,#151518,#201b10)}.page-hero h1{margin-bottom:20px}.projects .card{min-height:340px}.tag{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:6px 10px;font-size:.7rem;text-transform:uppercase;font-weight:900;letter-spacing:.08em;margin:0 5px 8px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-list{display:grid;gap:16px}.contact-list a{font-size:clamp(1.2rem,3vw,2rem);font-weight:900;border-bottom:1px solid var(--line);padding-bottom:16px}.footer{padding:50px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.on{opacity:1;transform:none}@media(max-width:800px){.links{display:none;position:absolute;top:74px;left:0;right:0;background:#111;padding:24px;flex-direction:column;align-items:flex-start}.links.open{display:flex}.menu{display:block}.nav-cta{display:none}.hero{padding:80px 0}.hero-grid,.section-head,.contact-grid{grid-template-columns:1fr}.portrait-card{max-width:390px}.section{padding:76px 0}.card,.card.wide{grid-column:span 12}.page-hero{padding:80px 0 50px}h1{font-size:3.8rem}}
