:root{
  --bg:#100f0d;
  --panel:#1a1815;
  --panel-2:#24211d;
  --text:#fff7ec;
  --muted:#cdbfb2;
  --soft:#928477;
  --line:rgba(255,247,236,.14);
  --accent:#d7a261;
  --accent-2:#f0d1a2;
  --shadow:0 30px 90px rgba(0,0,0,.42);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top left,rgba(215,162,97,.18),transparent 34rem),linear-gradient(180deg,#100f0d 0%,#14110f 60%,#0c0b0a 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.75rem 1rem;border-radius:999px;z-index:20}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,3vw,3rem);background:rgba(16,15,13,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.75rem;font-weight:850;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;background:linear-gradient(135deg,var(--accent),#71482e);font-size:.85rem;color:#1b120c}.nav{display:flex;gap:1rem;align-items:center;color:var(--muted);font-size:.95rem}.nav a:hover{color:var(--text)}
.hero{min-height:92vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);gap:clamp(1rem,4vw,4rem);align-items:center;padding:clamp(1rem,3vw,3rem);max-width:1500px;margin:0 auto}.hero-media{margin:0;min-height:78vh;border-radius:calc(var(--radius) + 10px);box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden;background:#211d19}.hero-media img{width:100%;height:78vh;min-height:78vh;object-fit:cover;object-position:center;display:block;filter:saturate(.96) contrast(1.02)}.hero-content{padding:clamp(1rem,2vw,2rem)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--accent-2);font-weight:850;margin:0 0 1rem}.hero h1{font-size:clamp(3.6rem,8vw,7.8rem);line-height:.87;margin:0 0 1rem;letter-spacing:-.08em}.tagline{font-size:clamp(1.35rem,2.2vw,2.15rem);line-height:1.08;margin:0 0 1.2rem;color:var(--accent-2);font-weight:780}.intro{font-size:1.08rem;color:var(--muted);max-width:38rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.85rem 1.15rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-weight:850;color:var(--text);transition:.18s ease}.button:hover{transform:translateY(-2px);background:rgba(255,255,255,.09)}.button.primary{background:var(--accent);color:#1d120b;border-color:transparent}.button.primary:hover{background:#ffc47d}.statement{max-width:1180px;margin:0 auto;padding:3rem clamp(1rem,3vw,3rem);font-size:clamp(1.55rem,3vw,3.15rem);line-height:1.05;letter-spacing:-.055em;color:#fff1df}.statement p{margin:0}.section{max-width:1240px;margin:0 auto;padding:clamp(4rem,7vw,7rem) clamp(1rem,3vw,3rem)}.section-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:end;margin-bottom:2rem}.section h2{font-size:clamp(2.25rem,5vw,5.25rem);line-height:.94;margin:0;letter-spacing:-.075em}.section-heading p:last-child,.split p,.feature p,.collab p{color:var(--muted);font-size:1.05rem}.grid{display:grid;gap:1rem}.portfolio-grid{grid-template-columns:repeat(6,1fr)}.card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.image-card{grid-column:span 2}.image-card.wide{grid-column:span 3}.image-card.vertical{grid-column:span 2}.image-card img{display:block;width:100%;aspect-ratio:1.25/1;object-fit:cover}.image-card.vertical img{aspect-ratio:.83/1}.image-card div{padding:1.2rem}.image-card h3{margin:0 0 .35rem;font-size:1.35rem;letter-spacing:-.03em}.image-card p{margin:0;color:var(--muted)}.feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;background:linear-gradient(135deg,rgba(215,162,97,.18),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:calc(var(--radius) + 10px);padding:clamp(2rem,5vw,4rem);margin-top:3rem;margin-bottom:3rem}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start}.link-stack{display:grid;gap:1rem}.link-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem;border-radius:24px;background:var(--panel);border:1px solid var(--line);transition:.18s ease}.link-card:hover{transform:translateY(-2px);background:var(--panel-2)}.link-card span{color:var(--soft)}.link-card strong{font-size:1.25rem}.collab{text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:calc(var(--radius) + 10px);padding:clamp(2rem,6vw,5rem);margin-bottom:4rem}.collab p{max-width:720px;margin:1rem auto}.collab-list{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:2rem auto 0;max-width:760px}.collab-list span{padding:.65rem .9rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.04)}.centered{justify-content:center}.footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:2rem clamp(1rem,3vw,3rem);border-top:1px solid var(--line);color:var(--soft);font-size:.95rem}.footer a{color:var(--muted)}
@media (max-width:900px){.nav{display:none}.hero{grid-template-columns:1fr;padding:1rem;gap:1.5rem}.hero-media{min-height:48vh;order:-1}.hero-media img{height:48vh;min-height:48vh}.hero-content{padding:.5rem}.intro{font-size:1rem}.actions .button{width:100%}.statement{padding:2.5rem 1rem}.section{padding:4rem 1rem}.section-heading,.feature,.split{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.image-card,.image-card.wide,.image-card.vertical{grid-column:span 1}.image-card.vertical img,.image-card img{aspect-ratio:1.22/1}.link-card{align-items:flex-start;flex-direction:column}.footer{flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(3.15rem,16vw,5.2rem)}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}