/* Shared style for the pages around the homepage (/w, /comedycoaching, privacy, 404).
   Same tokens and header lockup as index.html. Paths are root-relative so any page can use it. */

@font-face{
  font-family:'Pretendo';
  src:url('/assets/fonts/Pretendo.ttf') format('truetype');
  font-display:swap;
  unicode-range:U+0020, U+0041-005A, U+0061-007A;
}
@font-face{
  font-family:'CooperLtBT';
  src:url('/assets/fonts/CooperLtBT-Bold.ttf') format('truetype');
  font-display:swap;
  font-weight:700;
}
@font-face{
  font-family:'Manrope';
  src:url('/assets/fonts/Manrope-Variable.woff2') format('woff2');
  font-weight:200 800;
  font-display:swap;
}

:root{
  --display:'Pretendo','CooperLtBT','Georgia',serif;
  --body:'Manrope',-apple-system,system-ui,sans-serif;

  --bg-grad:linear-gradient(180deg,#36305a 0%,#443e6c 40%,#524c7e 100%);
  --fg:#ffffff;
  --fg-dim:rgba(255,255,255,.74);
  --fg-soft:rgba(255,255,255,.5);
  --line:rgba(255,255,255,.16);
  --line-strong:rgba(255,255,255,.3);

  --brand:#806BD3;
  --brand-deep:#3d2b85;
  --brand-night:#1f1148;
  --brand-light:#cfbfee;

  --cream:#ede4d0;
  --cream-2:#e4d8be;
  --ink:#2a1f17;
  --ink-2:#3a2d22;
  --cream-accent:#4a3596;

  --page:1180px;
  --gutter:clamp(24px,5vw,80px);
  --easing:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0; min-height:100vh; display:flex; flex-direction:column;
  background:var(--bg-grad) fixed; color:var(--fg);
  font-family:var(--body); font-weight:400; font-size:17px; line-height:1.62; letter-spacing:.012em;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;}
a{color:inherit;}
.wrap{width:100%; max-width:calc(var(--page) + var(--gutter) * 2); margin:0 auto; padding:0 var(--gutter);}

/* Header lockup: name over lavender role, links on the right, Contact as an outline pill. */
.site-head{padding:26px 0 0;}
.site-head .wrap{display:flex; justify-content:space-between; align-items:center; gap:24px;}
.sh-mark{display:flex; flex-direction:column; gap:10px; white-space:nowrap; line-height:1.05;
  letter-spacing:.02em; text-decoration:none;}
.sh-name{font-family:var(--display); font-size:clamp(24px,2.4vw,38px); color:#fff;}
.sh-role{font-family:var(--display); font-size:clamp(16px,1.55vw,24px); color:var(--brand-light);}
.sh-links{display:flex; align-items:center; gap:clamp(28px,4vw,64px);
  font-size:clamp(17px,1.6vw,23px); font-weight:500; letter-spacing:.01em;}
.sh-links a{color:#fff; text-decoration:none; position:relative;}
.sh-links a::after{content:''; position:absolute; left:0; right:0; bottom:-6px; height:1px;
  background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .35s var(--easing);}
.sh-links a:hover::after{transform:scaleX(1);}
.pill, .sh-links a.pill{display:inline-flex; align-items:center; gap:8px;
  border:1.5px solid currentColor; border-radius:999px; padding:7px 19px;
  color:#fff; font-family:var(--body); font-weight:600; text-decoration:none; line-height:1.3;
  transition:background .2s ease, color .2s ease, border-color .2s ease;}
.sh-links a.pill{margin:-9px 0;}
.sh-links a.pill::after{display:none;}
.pill:hover, .pill:focus-visible{background:#fff; color:var(--brand-deep); border-color:#fff;}
@media (max-width:780px){
  .site-head{padding-top:18px;}
  .sh-mark{gap:6px;}
  .sh-name{font-size:22px;} .sh-role{font-size:15px;}
  .sh-links a:not(.pill){display:none;}
  .sh-links{font-size:16px;}
}

/* Type */
.display{font-family:var(--display); font-weight:400; line-height:1.08; letter-spacing:.02em;}
.label{font-size:15px; font-weight:500; color:var(--brand-light); letter-spacing:.01em;}
h1.display{font-size:clamp(38px,4.8vw,64px); margin:0 0 22px;}
h2.display{font-size:clamp(20px,2.1vw,26px); margin:0 0 12px;}
.lede{font-size:clamp(19px,1.6vw,23px); line-height:1.6; color:var(--fg-dim); max-width:640px; margin:0 0 30px;}
.lede b{color:#fff; font-weight:600;}

:focus-visible{outline:2px solid var(--brand-light); outline-offset:3px;}

.site-foot{margin-top:auto; padding:26px 0 30px; border-top:1px solid var(--line);
  font-size:14px; color:var(--fg-soft);}
.site-foot .wrap{display:flex; gap:10px; flex-wrap:wrap; justify-content:center;}
.site-foot a{color:var(--brand-light); text-decoration:none;}
.site-foot a:hover{text-decoration:underline; text-underline-offset:.2em;}

@media (prefers-reduced-motion:reduce){ *{transition:none !important;} }

/* Mini header: just the name, linking home. Used on comedy coaching and privacy. */
.site-head.mini .sh-name{font-size:clamp(22px,2vw,30px);}