@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;1,500&display=swap');

:root{
  --ink:#090909; --ink2:#121212; --paper:#f1eee7; --paper2:#e7e2d8;
  --white:#f8f6f0; --muted:#8e8b84; --line:rgba(0,0,0,.14); --lineW:rgba(255,255,255,.14);
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55}
body.dark{background:var(--ink);color:var(--white)}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img{max-width:100%;display:block}
.skip{position:fixed;top:-60px;left:16px;background:white;color:black;padding:10px 14px;z-index:999}
.skip:focus{top:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.wrap{max-width:var(--max);margin:auto;padding-left:28px;padding-right:28px}
.eyebrow{font-size:10px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--muted);margin:0 0 18px}
.eyebrow.light{color:rgba(255,255,255,.58)}
h1,h2,h3,.serif{font-family:"Playfair Display",serif;letter-spacing:-.04em}
h1{font-size:clamp(62px,9vw,138px);line-height:.92;margin:0}
h2{font-size:clamp(48px,6vw,88px);line-height:.96;margin:0}
h3{font-size:32px;line-height:1.06;margin:0}
p.lead{font-size:clamp(19px,2vw,27px);line-height:1.42;max-width:720px}
.section{padding:118px 0}
.dark-section{background:var(--ink);color:var(--white)}
.soft-section{background:var(--paper2)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:58px}
.section-head p{font-size:18px;color:#66635c;margin:0}
.dark-section .section-head p{color:#a3a099}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:600;cursor:pointer;transition:.25s}
.button.light{background:var(--white);color:var(--ink)}
.button.light:hover{background:white;transform:translateY(-2px)}
.button.dark{background:var(--ink);color:white}
.button.outline{border-color:rgba(255,255,255,.38);color:white;background:transparent}
.button.outline-dark{border-color:rgba(0,0,0,.3);color:black;background:transparent}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.text-link{text-transform:uppercase;letter-spacing:.14em;font-size:11px;border-bottom:1px solid currentColor;padding-bottom:4px}

/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(8,8,8,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px}
.logo{display:flex;align-items:center;gap:12px;color:white;width:max-content}
.logo-mark{font-family:"Playfair Display",serif;font-size:31px;letter-spacing:-3px}
.logo-name{font-size:11px;letter-spacing:.22em;font-weight:600}
.navlinks{display:flex;gap:27px;color:rgba(255,255,255,.7);font-size:13px}
.navlinks a:hover,.navlinks a.active{color:white}
.header-cta{justify-self:end;color:white;font-size:11px;text-transform:uppercase;letter-spacing:.17em;border-bottom:1px solid white;padding-bottom:5px}
.menu{display:none;background:none;border:0;padding:8px}
.menu span{display:block;width:24px;height:1px;background:white;margin:6px}

/* hero */
.hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;color:white;background:
linear-gradient(112deg,rgba(0,0,0,.88),rgba(0,0,0,.58) 50%,rgba(0,0,0,.2)),
radial-gradient(circle at 82% 22%,#54534f,#181818 36%,#050505 72%)}
.noise{position:absolute;inset:0;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.orb{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:inset 0 0 100px rgba(255,255,255,.04)}
.orb.a{width:46vw;height:46vw;right:-10vw;top:8vh}
.orb.b{width:25vw;height:25vw;right:8vw;top:28vh}
.hero .wrap{position:relative;z-index:2;width:100%;padding-top:130px;padding-bottom:80px}
.hero-copy{font-size:clamp(18px,1.7vw,23px);color:rgba(255,255,255,.72);max-width:690px;margin-top:30px}
.vertical-note{position:absolute;right:24px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:9px;letter-spacing:.28em;color:rgba(255,255,255,.38)}

/* cards */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#e5e0d6;padding:32px;min-height:350px;display:flex;flex-direction:column;border:1px solid transparent}
.card.darkcard{background:#111;color:white;border-color:var(--lineW)}
.card .num{font-size:10px;letter-spacing:.18em;color:#888}
.card h3{margin-top:78px}
.card p{color:#66635d}
.darkcard p{color:#aaa}
.card .text-link{margin-top:auto;width:max-content}

/* reset */
.reset-shell{border:1px solid var(--lineW);background:linear-gradient(145deg,#121212,#090909);padding:clamp(28px,5vw,66px)}
.reset-meta{display:flex;justify-content:space-between;color:#73716b;font-size:10px;letter-spacing:.2em}
.reset-quote{font-family:"Playfair Display",serif;font-size:clamp(38px,5.7vw,76px);line-height:1.08;letter-spacing:-.04em;margin:58px 0;max-width:1050px}
.reset-details{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--lineW);padding-top:30px}
.reset-details strong{display:block;font-size:9px;letter-spacing:.22em;color:#777;margin-bottom:10px}
.reset-details p{font-size:20px;color:#ddd}
.reset-controls{display:flex;gap:20px;align-items:center;margin-top:28px}
.reset-controls button.linkish{background:none;border:0;color:#aaa;text-decoration:underline;text-underline-offset:5px;cursor:pointer}

/* method */
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.method-step{padding:32px 24px 20px 0;border-right:1px solid var(--line);min-height:340px}
.method-step+.method-step{padding-left:24px}
.method-step:last-child{border-right:0}
.method-step h3{font-size:34px;margin-top:90px}
.method-step p{color:#625f59}

/* statement */
.statement{min-height:68vh;display:flex;align-items:center;color:white;background:radial-gradient(circle at 72% 22%,#42413e,#111 38%,#050505 75%);position:relative;overflow:hidden}
.statement:after{content:"";position:absolute;width:46vw;height:46vw;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-10vw;top:10%}
.statement p{font-family:"Playfair Display",serif;font-size:clamp(58px,8vw,124px);line-height:.98;letter-spacing:-.05em;position:relative;z-index:2}

/* tools */
.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.tool-card{display:grid;grid-template-columns:42% 58%;min-height:410px;border:1px solid var(--lineW);transition:.25s}
.tool-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.34)}
.tool-art{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;border-right:1px solid var(--lineW);font-family:"Playfair Display",serif;font-size:34px;line-height:.93;background:linear-gradient(145deg,#151515,#373632)}
.tool-art.lightart{background:linear-gradient(145deg,#ece8df,#9f9c95);color:#111}
.tool-art.qs{font-size:84px;letter-spacing:-10px}
.tool-copy{padding:32px;display:flex;flex-direction:column}
.tool-copy h3{margin-top:58px}
.tool-copy p{color:#9a9790}
.tool-copy .text-link{margin-top:auto;width:max-content}

/* story */
.story-visual{min-height:620px;background:linear-gradient(145deg,#151515,#4b4944);position:relative;display:flex;align-items:center;justify-content:center;color:white;overflow:hidden}
.story-visual:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.26);border-radius:50%;box-shadow:inset 0 0 75px rgba(255,255,255,.05)}
.story-visual span{position:relative;z-index:2;font-size:11px;letter-spacing:.46em}
.story-copy p{font-size:18px;color:#625f59}
.signature{font-family:"Playfair Display",serif;font-style:italic;font-size:23px!important;color:#111!important}

/* page heroes */
.page-hero{padding:170px 0 100px;background:#0a0a0a;color:white;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;width:38vw;height:38vw;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-8vw;top:18%}
.page-hero .wrap{position:relative;z-index:2}
.page-hero h1{max-width:1000px}
.page-hero p{max-width:720px;color:#aaa;font-size:20px}

/* library */
.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.filterbar button{border:1px solid var(--line);background:transparent;padding:10px 16px;cursor:pointer;text-transform:uppercase;letter-spacing:.13em;font-size:10px}
.filterbar button.active{background:#111;color:white}
.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.idea{background:#e3ded4;padding:30px;min-height:330px;display:flex;flex-direction:column}
.idea[data-cat="awareness"]{background:#111;color:white}
.idea small{font-size:9px;letter-spacing:.2em;color:#888;text-transform:uppercase}
.idea h3{margin-top:55px}
.idea p{color:#666}
.idea[data-cat="awareness"] p{color:#aaa}
.idea .text-link{margin-top:auto;width:max-content}

/* newsletter */
.newsletter{padding:105px 0;background:#090909;color:white}
.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.newsletter h2{margin-bottom:20px}
.newsletter p{color:#aaa}
.form{display:grid;gap:13px}
.form input,.form textarea{width:100%;background:transparent;border:1px solid rgba(255,255,255,.28);color:white;padding:16px;outline:none}
.form input:focus,.form textarea:focus{border-color:white}
.note{font-size:11px;color:#777!important}

/* footer */
footer{background:#050505;color:white;padding:70px 0 28px;border-top:1px solid rgba(255,255,255,.1)}
.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.footer-brand p{color:#85827b;max-width:560px}
.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;color:#aaa;font-size:13px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:60px;padding-top:24px;display:flex;justify-content:space-between;color:#5f5f5f;font-size:10px;letter-spacing:.14em;text-transform:uppercase}

/* utility */
.quote-band{padding:70px 0;background:#111;color:white}
.quote-band p{font-family:"Playfair Display",serif;font-size:clamp(34px,4vw,58px);line-height:1.1;max-width:950px}
.center{text-align:center}
.hide{display:none!important}

@media(max-width:920px){
  .nav{grid-template-columns:1fr auto}
  .navlinks,.header-cta{display:none}
  .menu{display:block;justify-self:end}
  .navlinks.open{display:grid;position:absolute;top:76px;left:0;right:0;background:#090909;padding:26px 28px;border-top:1px solid rgba(255,255,255,.1)}
  .grid-2,.section-head,.newsletter-grid,.footer-top{grid-template-columns:1fr;gap:36px}
  .card-grid,.idea-grid{grid-template-columns:1fr}
  .method-grid{grid-template-columns:1fr 1fr}
  .method-step:nth-child(2){border-right:0}
  .method-step:nth-child(3),.method-step:nth-child(4){border-top:1px solid var(--line)}
  .tools-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .wrap{padding-left:22px;padding-right:22px}
  .section{padding:88px 0}
  .logo-name{display:none}
  .hero h1,.page-hero h1{font-size:clamp(58px,18vw,82px)}
  .vertical-note{display:none}
  .buttons{flex-direction:column}
  .button{width:100%}
  .reset-details{grid-template-columns:1fr;gap:18px}
  .reset-controls{flex-direction:column;align-items:stretch}
  .method-grid{grid-template-columns:1fr}
  .method-step,.method-step+.method-step{padding:28px 0;border-right:0;border-top:1px solid var(--line);min-height:0}
  .method-step h3{margin-top:42px}
  .tool-card{grid-template-columns:1fr}
  .tool-art{min-height:290px;border-right:0;border-bottom:1px solid var(--lineW)}
  .footer-bottom{flex-direction:column;gap:14px}
}


/* Final brand imagery */
.hero.final-hero{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.76) 37%,rgba(0,0,0,.20) 72%,rgba(0,0,0,.08) 100%),
    url('images/hero-founder.jpg');
  background-size:cover;
  background-position:center 18%;
}
.hero.final-hero .hero-copy{max-width:610px}
.hero-logo{
  width:min(270px,46vw); margin-bottom:30px; opacity:.96;
  mix-blend-mode:screen; filter:grayscale(1) contrast(1.15);
}
.editorial-image{position:relative;overflow:hidden;background:#0b0b0b}
.editorial-image img{width:100%;height:100%;object-fit:cover}
.product-photo{background:#111;overflow:hidden;border-right:1px solid var(--lineW);display:flex;align-items:center;justify-content:center}
.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.tool-card:hover .product-photo img{transform:scale(1.035)}
.product-photo.contain img{object-fit:contain;padding:24px;background:#070707}
.aware-feature{min-height:620px;background:#050505;color:#fff;position:relative;overflow:hidden}
.aware-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82}
.aware-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.18))}
.aware-feature .wrap{position:relative;z-index:2;height:100%;min-height:620px;display:flex;align-items:center}
.aware-copy{max-width:540px}
.aware-copy h2{font-size:clamp(52px,7vw,96px)}
.logo-panel{min-height:560px;background:#f6f4ef;display:flex;align-items:center;justify-content:center;overflow:hidden}
.logo-panel img{width:100%;height:100%;object-fit:cover}
.story-photo{min-height:680px;overflow:hidden;background:#111}
.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.book-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.book-detail img{width:100%;max-height:760px;object-fit:contain;filter:drop-shadow(0 20px 35px rgba(0,0,0,.25))}
.hero-mark{font-family:"Playfair Display",serif;font-size:16px;letter-spacing:.35em;margin-bottom:28px;color:rgba(255,255,255,.72)}
@media(max-width:900px){
 .hero.final-hero{background-position:62% center}
 .book-detail{grid-template-columns:1fr}
}
@media(max-width:620px){
 .hero.final-hero{background-position:66% center}
 .hero.final-hero:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28)}
 .hero.final-hero .wrap{z-index:3}
 .product-photo{min-height:350px;border-right:0;border-bottom:1px solid var(--lineW)}
 .aware-feature img{object-position:65% center}
 .aware-feature:after{background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.35))}
 .story-photo{min-height:520px}
}

/* Production */
.hero.production-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.78) 40%,rgba(0,0,0,.18) 75%),url("images/hero-founder.jpg");background-size:cover;background-position:center 16%}.hero-kicker{font-size:clamp(18px,1.8vw,25px);color:rgba(255,255,255,.74);max-width:650px;margin-top:28px}.manifesto-preview{background:#090909;color:#fff;padding:130px 0}.manifesto-preview blockquote{font-family:"Playfair Display",serif;font-size:clamp(38px,5vw,72px);line-height:1.08;max-width:1050px;margin:0}.manifesto-preview p{color:#aaa;max-width:700px;font-size:18px}.explore-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.explore-card{min-height:440px;padding:34px;border:1px solid var(--line);display:flex;flex-direction:column;background:#e6e1d8}.explore-card.darkx{background:#111;color:#fff;border-color:var(--lineW)}.explore-card .symbol{font-family:"Playfair Display",serif;font-size:70px;color:#999}.explore-card h3{margin-top:auto;font-size:44px}.explore-card p{color:#666}.explore-card.darkx p{color:#aaa}.article-page{padding:170px 0 110px}.article-shell{max-width:850px;margin:auto;padding:0 28px}.article-meta{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#777;margin-bottom:30px}.article-page h1{font-size:clamp(58px,8vw,112px)}.article-dek{font-size:clamp(21px,2.4vw,31px);color:#666;margin:32px 0 70px}.article-body p{font-family:"Playfair Display",serif;font-size:24px;line-height:1.65;margin:0 0 30px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reset-tile{padding:26px;background:#e5e0d6;min-height:260px;display:flex;flex-direction:column}.reset-tile small{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#777}.reset-tile h3{font-size:28px;margin:46px 0 14px}.reset-tile p{color:#666}.reset-tile button{margin-top:auto;border:0;background:none;text-align:left;padding:0;text-transform:uppercase;letter-spacing:.13em;font-size:10px;cursor:pointer}.modal{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:500;display:none;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}.modal-panel{background:#111;color:#fff;max-width:860px;width:100%;padding:42px;max-height:90vh;overflow:auto;border:1px solid var(--lineW)}.modal-close{float:right;background:none;border:0;color:#fff;font-size:28px}.modal-panel h2{font-size:52px;margin-top:30px}.modal-section{border-top:1px solid var(--lineW);padding-top:20px;margin-top:24px}.speaking-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.speaking-card{background:#e5e0d6;padding:30px;min-height:330px}.speaking-card h3{margin-top:60px}.legal-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#777;font-size:11px}@media(max-width:900px){.archive-grid,.speaking-grid{grid-template-columns:1fr 1fr}.explore-grid{grid-template-columns:1fr}}@media(max-width:620px){.archive-grid,.speaking-grid{grid-template-columns:1fr}.article-body p{font-size:21px}}