:root{
  --ink:#111111;
  --body:#444444;
  --muted:#8a8a8a;
  --line:#e6e3de;
  --bg:#faf9f7;
  --accent:#c75a3a;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{color:var(--ink);font-weight:600;letter-spacing:-.03em;line-height:1.05}
a{color:var(--ink);text-decoration:none}
img{max-width:100%;display:block}
.mono{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--muted)}

/* Nav */
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;background:rgba(250,249,247,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav .logo{font-weight:700;font-size:15px;letter-spacing:-.01em}
nav ul{display:flex;gap:34px;list-style:none}
nav ul a{font-size:13px;font-weight:500;color:var(--body);display:flex;gap:8px;align-items:baseline;white-space:nowrap}
nav ul a:hover{color:var(--ink)}
nav ul a .n{font-family:'Space Mono',monospace;font-size:10px;color:var(--accent)}

/* Hero */
.hero{height:100vh;min-height:640px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero .media{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}
.hero .content{position:relative;z-index:2;padding:0 4vw 8vh;width:100%}
.hero h1{font-size:clamp(44px,8vw,110px);color:#fff;max-width:12ch}
.hero .sub{color:rgba(255,255,255,.85);font-size:17px;max-width:440px;margin-top:22px}
.hero .tag{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:24px;display:block}
.text-hero{background:var(--bg);border-bottom:1px solid var(--line)}
.text-hero .content{padding-top:18vh}
.text-hero h1{color:var(--ink)}
.text-hero .sub{color:var(--body)}
.text-hero .tag{color:var(--accent)}
.shade{position:absolute;inset:0}
.shade-story{background:linear-gradient(to top,rgba(20,14,8,.78) 0%,rgba(20,14,8,.15) 55%,rgba(20,14,8,0) 100%)}
.shade-podcast{background:linear-gradient(to top,rgba(10,8,6,.85) 0%,rgba(10,8,6,.2) 60%,rgba(10,8,6,0) 100%)}
.img-hero{background-image:url('images/augen-style/hero-framed.png');background-position:center -70px}
.img-newyork{background-image:url('images/augen-style/newyork.png')}
.img-collapse{background-image:url('images/augen-style/collapse.png')}
.img-rite{background-image:url('images/augen-style/rite.png')}
.img-return{background-image:url('images/augen-style/return.png')}
.img-desert-sunset{background-image:url('images/augen-style/desert-sunset.png')}
.img-podcast-cover{background-image:url('images/augen-style/podcast-cover.jpg');background-color:#0e0c0a}
.img-podcasting{background-image:url('images/augen-style/podcasting.png')}
.img-podcasting-2{background-image:url('images/augen-style/podcasting2.png')}

/* Image slots (Higgsfield placeholders) */
.slot{position:relative;overflow:hidden;background:#181614}
.slot::after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");opacity:.14;pointer-events:none}
.slot .label{position:absolute;bottom:16px;left:16px;z-index:3;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.25);padding:6px 10px;backdrop-filter:blur(4px)}
.slot-hero{background:linear-gradient(160deg,#1c1712 0%,#3d2b1c 34%,#8a5a34 68%,#d9a05e 100%)}
.slot-collapse{background:linear-gradient(170deg,#0c0e12 0%,#1a2030 55%,#2c3d5c 100%)}
.slot-fast{background:linear-gradient(165deg,#101418 0%,#1f3038 45%,#7fb2c0 100%)}
.slot-return{background:linear-gradient(160deg,#241a10 0%,#6b4420 50%,#e0b26a 100%)}

/* Sections */
section.s{padding:16vh 4vw;border-top:1px solid var(--line)}
.s-head{display:flex;gap:4vw;align-items:baseline;margin-bottom:7vh;flex-wrap:wrap}
.s-head .num{font-family:'Space Mono',monospace;font-size:13px;color:var(--accent)}
.s-head h2{font-size:clamp(32px,5vw,64px);max-width:16ch}
.s-body{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:start}
.s-body.text-only{grid-template-columns:minmax(0,720px)}
.s-body .txt p{margin-bottom:20px;font-size:17px;max-width:52ch}
.s-body .txt .mono{display:block;margin-bottom:18px}
.s-media{aspect-ratio:4/5;width:100%;min-width:0;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}
.s-media.wide{aspect-ratio:16/10}
.s-media.img-podcast-cover{background-size:contain;background-color:var(--bg)}
@media(max-width:820px){
  nav{padding:18px 4vw;gap:18px}
  nav ul{gap:clamp(10px,3vw,18px)}
  nav ul a{font-size:12px;gap:6px}
  .s-body{grid-template-columns:1fr}
  .hero{min-height:620px}
  .hero h1{font-size:clamp(38px,11vw,64px)}
}

/* Big statement */
.statement{padding:18vh 4vw;text-align:center;border-top:1px solid var(--line)}
.statement p{font-size:clamp(24px,3.6vw,44px);color:var(--ink);font-weight:600;letter-spacing:-.02em;line-height:1.25;max-width:24ch;margin:0 auto}
.statement .mono{display:block;margin-top:28px}

/* Numbers */
.nums{display:flex;gap:8vw;padding:10vh 4vw;border-top:1px solid var(--line);flex-wrap:wrap}
.nums div .n{font-size:clamp(30px,4vw,52px);color:var(--ink);font-weight:600;letter-spacing:-.03em}
.nums div .l{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}

/* CTA */
.cta{padding:18vh 4vw;border-top:1px solid var(--line);text-align:center}
.cta h2{font-size:clamp(34px,6vw,80px);margin-bottom:32px}
.btn{display:inline-block;padding:16px 34px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;border-radius:100px}
.btn:hover{background:var(--accent)}
.btn-line{display:inline-block;padding:16px 34px;border:1px solid var(--ink);color:var(--ink);font-size:14px;font-weight:600;border-radius:100px;margin-left:12px}
.btn-line:hover{border-color:var(--accent);color:var(--accent)}

@media(max-width:560px){
  nav{align-items:flex-start}
  nav .logo{font-size:14px;line-height:1.2}
  nav ul{gap:10px}
  nav ul a{font-size:11px;gap:4px}
  nav ul a .n{font-size:9px}
  section.s,.statement,.cta{padding-left:22px;padding-right:22px}
  .hero .content{padding-left:22px;padding-right:22px}
  .hero .img-hero{background-size:auto calc(100% + 170px);background-position:center -125px}
  .s-media{aspect-ratio:5/6}
  .btn,.btn-line{display:block;width:100%;max-width:320px;margin:12px auto 0;padding:15px 24px}
}

.social-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:32px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.social-links a{color:var(--muted);border-bottom:1px solid transparent}
.social-links a:hover{color:var(--accent);border-color:var(--accent)}
footer{padding:48px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
footer a{color:var(--muted)}
footer a:hover{color:var(--ink)}