:root{--cream:#FAF7F2;--mauve:#956B70;--gold:#B8954F;--blue:#657A91;--charcoal:#292625;--body:#3D3836;--taupe:#E9DFD8;--line:#DED5CF}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit}
.site-header{height:82px;display:flex;align-items:center;padding:0 7.5vw;gap:55px;background:var(--cream)}.brand{font:24px "Playfair Display",serif;color:var(--mauve);text-decoration:none}.site-header nav{display:flex;gap:29px}.site-header nav a{text-decoration:none;font-size:11px}.menu{display:none}
h1,h2,h3{font-family:"Playfair Display",serif;font-weight:400;line-height:1.08;letter-spacing:-.025em}p{font-size:13px}.eyebrow,aside,.archive-intro span{font-size:9px;letter-spacing:.22em;font-weight:600;color:var(--mauve)}
.hero{min-height:calc(100vh - 82px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8vw;position:relative}.hero h1{font-size:clamp(88px,12vw,165px);color:var(--mauve);margin:15px 0 0}.hero-line{font:clamp(29px,3.7vw,50px) "Playfair Display",serif;margin:0}.pill{margin-top:18px;border:1px solid #bfb4ae;border-radius:999px;padding:10px 18px;text-decoration:none;font-size:11px}.down{position:absolute;bottom:28px;color:var(--gold)}
.editorial{display:grid;grid-template-columns:27% 1fr;gap:7%;padding:115px 10vw;border-top:1px solid rgba(41,38,37,.04)}.editorial>div{max-width:680px}.editorial h2{font-size:clamp(43px,5vw,67px);margin:0 0 28px}.editorial p{max-width:600px}.taupe{background:var(--taupe)}
.signature,.idea{background:var(--mauve);color:var(--cream);padding:105px 10vw;display:grid;grid-template-columns:1fr .8fr;gap:10vw;align-items:center}.signature aside,.idea aside{color:var(--cream);opacity:.75}.signature h2,.idea h2{font-size:clamp(50px,6vw,78px);margin:24px 0}.signature p,.idea p{max-width:500px}.scriptline{font:italic 23px "Playfair Display",serif}
.physical-note{background:var(--cream);color:var(--charcoal);padding:48px 42px;aspect-ratio:1.2/1;display:flex;flex-direction:column;justify-content:center;transform:rotate(-3deg);box-shadow:0 14px 40px rgba(0,0,0,.1)}.physical-note small{font-size:8px;letter-spacing:.2em;color:var(--mauve)}.physical-note p{font:clamp(27px,3vw,43px) "Playfair Display",serif;line-height:1.15}.physical-note span{font:italic 13px "Playfair Display",serif}
.home-notes{margin:40px 10vw 80px;padding:65px 7vw;background:var(--taupe);display:grid;grid-template-columns:27% 1fr;gap:7%}.home-notes h2{font-size:clamp(43px,5vw,67px);margin:0 0 20px}
.page-hero{padding:125px 10vw 110px}.page-hero h1{color:var(--mauve);font-size:clamp(68px,8.4vw,116px);max-width:1020px;margin:28px 0}.page-hero .lead{max-width:620px}.founder-hero .hero-meta{display:grid;grid-template-columns:27% 1fr;gap:7%;align-items:start;margin-top:40px}.hero-meta em,.byline{font:italic 22px "Playfair Display",serif;color:var(--mauve)}.hero-meta p{max-width:570px}
.idea{padding-top:80px;padding-bottom:80px}.idea h2{font-size:clamp(44px,5vw,66px)}
.how{padding:105px 8vw}.how aside{margin-bottom:50px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw}.three h3{font-size:clamp(36px,4vw,55px);margin:0 0 20px}
blockquote{margin:28px 0;font:30px "Playfair Display",serif;color:#786a66}
.notes-hero h1{max-width:760px}.archive{display:grid;grid-template-columns:27% 1fr;gap:7%;padding:55px 10vw 120px}.archive-intro p{font:italic 20px "Playfair Display",serif;color:#786a66;max-width:250px}.essay{padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid var(--line);max-width:650px}.essay time{font-size:8px;letter-spacing:.2em;color:var(--mauve)}.essay h2{font-size:clamp(37px,4.5vw,58px);margin:14px 0}.essay a{font-size:12px}.continue h2 a{text-decoration:none}
.shared-connect{text-align:center;padding:90px 7vw;border-top:1px solid var(--line)}.shared-connect h2{font-size:clamp(42px,5vw,64px);margin:0 0 20px}.shared-connect p{max-width:520px;margin:0 auto 20px}.shared-connect a{font-size:12px;font-weight:600;text-decoration:none}footer{padding:20px 10vw 28px;display:flex;justify-content:center;gap:30px;font-size:8px;letter-spacing:.2em}
.cursor{position:fixed;left:0;top:0;z-index:9999;color:var(--blue);font-size:16px;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:color .14s,transform .14s,opacity .14s}
@media(pointer:fine){body,a,button{cursor:none}.cursor.visible{opacity:1}.cursor.hover{color:var(--gold);transform:translate(-50%,-50%) scale(1.5) rotate(45deg)}}
@media(max-width:780px){.site-header{height:70px;padding:0 22px;justify-content:space-between}.menu{display:block;background:none;border:0}.site-header nav{display:none;position:absolute;z-index:20;top:70px;left:0;right:0;background:var(--cream);padding:24px;flex-direction:column}.site-header nav.open{display:flex}.hero{min-height:calc(100svh - 70px);padding:70px 24px}.editorial,.archive,.home-notes,.signature,.idea,.founder-hero .hero-meta{grid-template-columns:1fr;gap:38px}.editorial,.page-hero,.signature,.idea,.how,.archive{padding-left:25px;padding-right:25px}.three{grid-template-columns:1fr;gap:35px}.physical-note{max-width:450px;margin:auto}.home-notes{margin:20px 24px 70px;padding:45px 28px}.page-hero{padding-top:85px}.archive-intro p{max-width:100%}footer{flex-direction:column;align-items:center;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{transition:none}}
/* V3 — Campus */
.campus-hero h1{max-width:950px}
.campus-hero .lead{max-width:670px}
.campus-kit{background:var(--mauve);color:var(--cream);padding:105px 10vw;display:grid;grid-template-columns:1fr .9fr;gap:9vw;align-items:center}
.campus-kit aside{color:var(--cream);opacity:.76}
.campus-kit h2{font-size:clamp(45px,5.5vw,72px);margin:25px 0}
.campus-kit p{max-width:560px}
.cycle{font:italic clamp(22px,2.6vw,34px) "Playfair Display",serif;margin-top:30px}
.kit-visual{display:flex;justify-content:center;padding:25px}
.kit-box{width:min(470px,100%);min-height:470px;background:#EFE6DF;border:1px solid rgba(255,255,255,.5);padding:35px;position:relative;box-shadow:0 18px 45px rgba(0,0,0,.12);transform:rotate(1.5deg)}
.kit-label{display:block;color:var(--mauve);font-size:8px;letter-spacing:.2em;margin-bottom:28px}
.kit-card{background:var(--cream);color:var(--charcoal);padding:22px 24px;box-shadow:0 8px 22px rgba(41,38,37,.08);position:absolute;width:68%}
.kit-card small{display:block;color:var(--mauve);font-size:7px;letter-spacing:.18em;margin-bottom:10px}
.kit-card strong{font:24px "Playfair Display",serif}.kit-card p{font-size:11px;margin:8px 0}
.card-one{left:42px;top:92px;transform:rotate(-3deg)}
.card-two{right:34px;top:245px;transform:rotate(3deg)}
.card-three{left:58px;bottom:35px;transform:rotate(-1deg)}
.center-note{text-align:center;margin:60px auto 0;max-width:600px}
.choice-lines{font:clamp(24px,3vw,38px) "Playfair Display",serif;line-height:1.35;color:#6d5e5a;margin:30px 0}
.becoming{padding-top:145px;padding-bottom:145px}
.mauve-script{color:var(--mauve);font-size:clamp(22px,2.8vw,34px)}
@media(max-width:780px){
 .campus-kit{grid-template-columns:1fr;padding:80px 25px;gap:50px}
 .kit-box{min-height:430px}
 .kit-card{width:72%}
}

/* V5 — About */
.about-hero h1{max-width:1000px}
.about-hero .lead{max-width:700px}
.about-beliefs{background:var(--taupe);padding:105px 10vw}
.about-beliefs aside{margin-bottom:25px}
.about-beliefs h2{font-size:clamp(44px,5.5vw,72px);max-width:850px;margin:0 0 65px}
.about-beliefs .three{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}
.about-beliefs h3{font:32px "Playfair Display",serif;margin:0 0 16px}
.principles{margin-top:30px}
.principles p{padding:20px 0;border-bottom:1px solid rgba(41,38,37,.14)}
.about-explore{background:var(--mauve);color:var(--cream);padding:110px 10vw}
.about-explore aside{opacity:.75}
.about-explore h2{font-size:clamp(46px,5.5vw,74px);margin:24px 0 15px}
.explore-question{font:italic clamp(22px,2.5vw,32px) "Playfair Display",serif;max-width:650px;margin-bottom:65px}
.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(250,247,242,.28)}
.explore-grid a{color:var(--cream);text-decoration:none;background:var(--mauve);padding:38px;min-height:330px;display:flex;flex-direction:column}
.explore-grid a span{font-size:9px;letter-spacing:.18em;opacity:.7}
.explore-grid h3{font:32px "Playfair Display",serif;margin:45px 0 15px}
.explore-grid p{font-size:14px;line-height:1.7;flex:1}
.explore-grid strong{font-size:11px;letter-spacing:.08em}
.explore-grid a:hover{background:rgba(250,247,242,.08)}
@media(max-width:780px){
 .about-beliefs,.about-explore{padding:80px 25px}
 .about-beliefs .three,.explore-grid{grid-template-columns:1fr}
 .explore-grid a{min-height:260px}
}

/* V6 — Connect: the redemption arc */
.connect-hero{min-height:72vh;display:flex;flex-direction:column;justify-content:center}
.connect-hero h1{max-width:950px}
.connect-hero .lead{max-width:690px}
.connect-invitation,.connect-boundary{padding:110px 10vw;display:grid;grid-template-columns:minmax(160px,.65fr) 2fr;gap:7vw}
.connect-invitation h2,.connect-boundary h2{font-size:clamp(44px,5.4vw,72px);margin:0 0 30px;max-width:800px}
.connect-invitation p,.connect-boundary p{max-width:680px}
.connect-email{display:inline-flex;align-items:center;gap:24px;margin-top:35px;font:clamp(25px,3vw,42px) "Playfair Display",serif;color:var(--mauve);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:8px}
.connect-email span{font-family:"DM Sans",sans-serif;font-size:.65em}
.microcopy{font-size:10px!important;letter-spacing:.04em;opacity:.58;margin-top:14px}
.taupe-connect{background:var(--taupe);padding:110px 10vw}
.taupe-connect h2{font-size:clamp(44px,5.4vw,72px);max-width:800px;margin:25px 0 65px}
.connect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(41,38,37,.15)}
.connect-grid>div{background:var(--taupe);padding:42px;min-height:250px}
.connect-grid span{font-size:9px;letter-spacing:.18em;color:var(--mauve)}
.connect-grid h3{font:30px "Playfair Display",serif;margin:35px 0 15px}
.connect-grid p{max-width:430px}
.connect-boundary{background:var(--cream)}
.connect-close{background:var(--mauve);color:var(--cream);padding:130px 10vw;text-align:center}
.connect-close .eyebrow{color:var(--cream);opacity:.7}
.connect-close h2{font-size:clamp(50px,7vw,90px);margin:25px auto 15px}
.connect-close p{font:italic 24px "Playfair Display",serif;margin-bottom:40px}
.connect-close a{display:inline-block;color:var(--cream);text-decoration:none;border:1px solid rgba(250,247,242,.65);padding:15px 24px;border-radius:999px}
.connect-close a:hover{background:var(--cream);color:var(--mauve)}
@media(max-width:780px){
 .connect-invitation,.connect-boundary{grid-template-columns:1fr;padding:80px 25px}
 .taupe-connect,.connect-close{padding:80px 25px}
 .connect-grid{grid-template-columns:1fr}
 .connect-email{font-size:24px}
}


/* About — soft gold hover for exploration cards */
.explore-grid a{
  transition: background-color .38s ease, color .38s ease;
}
.explore-grid a:hover{
  background:#D2B477;
  color:var(--cream);
}