:root{
  --black:#090909;--white:#f5f5f1;--paper:#e9e9e3;--soft:#d8d8d1;
  --line:#b7b7b0;--dark-line:#343434;--muted:#666662;
  --mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:Georgia,serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--black);font:400 1rem/1.65 var(--sans)}
img{display:block;width:100%;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
figure,blockquote{margin:0}
em{font-family:var(--serif);font-weight:400}
.editorial-image{filter:grayscale(1) contrast(1.13) brightness(.94)}
.section-no,.eyebrow{font:500 .75rem/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase}
figcaption{padding:10px 0;border-top:1px solid currentColor;color:var(--muted);font:400 .75rem/1.45 var(--mono)}
.text-link{display:inline-block;padding-bottom:6px;border-bottom:1px solid;font:500 .76rem var(--mono)}
.light-link{color:var(--white)}
.button{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 20px;border:1px solid;font:500 .76rem var(--mono)}
.button span{transition:transform .2s}.button:hover span{transform:translateX(5px)}
.invert{background:var(--black);color:var(--white)}

.topbar{min-height:68px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(245,245,241,.96);backdrop-filter:blur(10px);font:500 .76rem var(--mono)}
.mark{display:flex;gap:10px;align-items:center}.mark span{font-size:.55rem}
nav{display:flex;align-items:center;gap:22px}nav a:not(.nav-cta):hover{text-decoration:line-through}
.nav-cta{padding:12px 15px;background:var(--black);color:var(--white)}
.menu{display:none;border:0;background:none;color:inherit;font:inherit}

.hero{min-height:calc(100svh - 68px);display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,1fr);grid-template-rows:1fr auto;gap:3vw;padding:3vw 3vw 0}
.hero-copy{align-self:center;max-width:780px;padding:2vw 0}
.hero h1{max-width:780px;margin:1.8vw 0;font-size:clamp(3.35rem,5.25vw,6.35rem);font-weight:800;line-height:.88;letter-spacing:-.06em}
.hero-lead{max-width:650px;margin:0;font-size:clamp(1.05rem,1.45vw,1.3rem);font-weight:600;line-height:1.5}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:2.4vw}
.hero-shift{align-self:center;display:grid;grid-template-columns:.72fr 1.28fr;gap:12px;min-width:0}
.hero-shift figure{min-width:0}.hero-shift img{height:min(67vh,720px);object-fit:cover}
.shift-before img{object-position:50% 35%}.shift-now img{object-position:50% 42%}
.hero-shift figcaption{font-size:.68rem}
.energy-chain{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid;font:500 .72rem var(--mono)}
.energy-chain i{color:var(--muted);font-style:normal}

.shift-section,.method-section,.faq-section{padding:8vw 3vw;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:start}
.section-head h2,.visual-story h2,.about-section h2,.lab-section h2,.work-section h2{margin:3vw 0 2vw;font-size:clamp(2.75rem,4.4vw,5.35rem);line-height:.94;letter-spacing:-.055em}
.section-head>p:last-child{max-width:520px;color:#4d4d49;font-size:1.05rem}
.accordion{border-top:1px solid}
.accordion details{border-bottom:1px solid}
.accordion summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:50px 1fr 24px;gap:14px;align-items:center;padding:22px 0}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary span{color:var(--muted);font:400 .72rem var(--mono)}
.accordion summary b{font-size:clamp(1.2rem,2vw,2rem);line-height:1.15}
.accordion summary i{font:400 1.3rem var(--mono);font-style:normal;transition:transform .2s}
.accordion details[open] summary i{transform:rotate(45deg)}
.detail-body{padding:0 0 24px 64px}.detail-body p{max-width:650px;margin:0 0 16px;color:#454541;font-size:1.05rem}
.detail-body ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.detail-body li{padding:8px 11px;border:1px solid;font:500 .72rem var(--mono)}

.visual-story{padding:8vw 3vw;background:var(--black);color:var(--white)}
.visual-story-head{max-width:1150px;margin-bottom:5vw}.visual-story-head h2{max-width:1050px;margin-bottom:0}
.story-accordion{border-top:1px solid var(--dark-line)}
.story-accordion details{border-color:var(--dark-line)}
.story-accordion summary{grid-template-columns:140px minmax(0,1fr) minmax(180px,.55fr) 24px;gap:20px;padding:28px 0}
.story-accordion summary span{color:#777}.story-accordion summary b{font-size:clamp(1.2rem,2vw,2rem)}
.story-accordion summary small{color:#999;font-size:.9rem;line-height:1.4}
.story-panel{display:grid;grid-template-columns:.5fr 1.5fr;gap:5vw;padding:0 0 5vw}
.story-copy p{max-width:520px;margin:0;color:#d0d0cb;font-size:1.08rem;line-height:1.65}
.story-copy ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0 0}
.story-copy li{padding:8px 10px;border:1px solid var(--dark-line);color:#aaa;font:400 .68rem var(--mono)}
.presence-card{display:grid;min-height:620px;padding:38px;background:var(--white);color:var(--black)}
.presence-card>span{font:400 .7rem var(--mono)}
.presence-card strong{align-self:center;font-size:clamp(3rem,6vw,6.8rem);line-height:.86;letter-spacing:-.065em}
.presence-card>p{align-self:end;margin:0;padding-top:16px;border-top:1px solid;font:500 .72rem var(--mono)}
.chapter-images{display:grid;gap:12px}.two-up{grid-template-columns:.82fr 1.18fr}.reverse{grid-template-columns:1.16fr .84fr}
.chapter-images img{height:660px;object-fit:cover}.story-accordion details:nth-child(1) .chapter-images figure:first-child img{object-position:center 24%}.story-accordion details:nth-child(1) .chapter-images figure:last-child img{object-position:center 24%}
.story-accordion details:nth-child(3) .chapter-images figure:first-child img{object-position:53% 44%}.story-accordion details:nth-child(3) .chapter-images figure:last-child img{object-position:55% 50%}
.wide-photo img{height:690px;object-fit:cover;object-position:50% 40%}.connection-photo img{object-position:50% 34%}
.life-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}
.life-grid figure{min-width:0}.life-grid img{height:430px;object-fit:cover;object-position:center 38%}
.life-grid .life-face{grid-row:span 2}.life-grid .life-face img{height:894px;object-position:center 46%}
.life-grid figure:nth-child(3) img{object-position:center 35%}.life-grid figure:nth-child(4) img{object-position:center 30%}
.visual-story figcaption{color:#8b8b86;border-color:var(--dark-line)}

.about-section{display:grid;grid-template-columns:1.08fr .92fr;min-height:900px;background:var(--white)}
.about-image{min-width:0;padding:3vw 0 3vw 3vw}
.about-image img{height:820px;object-fit:cover;object-position:center 48%}
.about-copy{align-self:center;padding:7vw 5vw}
.about-copy h2{font-size:clamp(2.75rem,4.25vw,5rem)}
.about-lead{max-width:720px;margin:0;font-size:clamp(1.25rem,1.8vw,1.65rem);font-weight:650;line-height:1.45}
.about-turn{margin:22px 0 35px;font:italic clamp(1.35rem,1.9vw,1.8rem)/1.35 var(--serif)}
.about-proof{border-top:1px solid}
.about-proof>div{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:17px 0;border-bottom:1px solid}
.about-proof strong{font:500 .78rem/1.55 var(--mono)}
.about-proof span{font-size:.98rem;line-height:1.55}
.about-copy blockquote{max-width:690px;margin-top:34px;font:italic clamp(1.65rem,2.4vw,2.6rem)/1.18 var(--serif);letter-spacing:-.025em}

.method-section{background:var(--soft)}
.method-accordion details>p{max-width:650px;margin:0;padding:0 40px 24px 64px;color:#454541;font-size:1.04rem}

.lab-section{padding:8vw 3vw;background:var(--black);color:var(--white)}
.lab-intro{display:grid;grid-template-columns:1fr .68fr;gap:8vw;align-items:end;margin-bottom:6vw}.lab-intro h2{margin-bottom:0}
.lab-intro>p{max-width:560px;margin:0;color:#c4c4bf;font-size:1.15rem}
.lab-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lab-gallery figure{min-width:0}.lab-gallery img{object-fit:cover}
.lab-gallery img{height:720px;object-position:58% 46%}
.lab-gallery figcaption{color:#8c8c87;border-color:var(--dark-line)}
.field-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:4vw}
.napkin-card{min-width:0;padding:12px;background:var(--white);color:var(--black)}
.napkin-card img{height:330px;object-fit:contain;background:#e6e3dc}
.napkin-card figcaption{color:var(--muted);border-color:var(--line)}
.voices{margin-top:7vw;padding-top:5vw;border-top:1px solid var(--dark-line)}
.voices-head{display:grid;grid-template-columns:1fr .8fr;gap:6vw;align-items:end}
.voices-head h3{margin:18px 0 0;font-size:clamp(2.2rem,3.8vw,4.6rem);line-height:.92;letter-spacing:-.05em}
.voices-head>p{max-width:580px;margin:0;color:#aaa;font-size:1rem;line-height:1.55}
.featured-voice{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px 5vw;align-items:start;margin:3vw 0 0;padding:38px 0;border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}
.featured-voice span,.featured-voice cite{color:#777;font:400 .68rem/1.5 var(--mono);font-style:normal}
.featured-voice p{grid-column:2;margin:0;font:italic clamp(1.9rem,3vw,3.7rem)/1.12 var(--serif);letter-spacing:-.03em}
.featured-voice cite{grid-column:2}
.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:2vw 0 3vw;border-top:1px solid var(--dark-line);border-left:1px solid var(--dark-line)}
.voice-grid blockquote{display:flex;min-height:230px;flex-direction:column;gap:22px;margin:0;padding:28px 24px 34px;border-right:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}
.voice-grid blockquote span{color:#777;font:400 .68rem var(--mono)}
.voice-grid blockquote p{margin:0;font:400 clamp(1.25rem,1.55vw,1.75rem)/1.38 var(--serif);letter-spacing:-.015em}

.work-section{padding:8vw 3vw;display:grid;grid-template-columns:.86fr 1.14fr;gap:7vw;align-items:center}
.work-image img{height:760px;object-fit:cover;object-position:50% 42%}
.work-copy h2{font-size:clamp(2.8rem,5vw,5.8rem)}
.work-thesis{max-width:650px;margin:0 0 2.5vw;font-size:1.12rem;line-height:1.6}
.work-copy ul{list-style:none;margin:3vw 0;padding:0;border-top:1px solid}.work-copy li{padding:16px 0;border-bottom:1px solid;font-size:1.07rem}.work-copy li:before{content:'↳';margin-right:12px;font-family:var(--mono)}
.work-copy .button{max-width:540px}.small-note{color:var(--muted);font:400 .72rem var(--mono)}

.faq-section{background:var(--paper)}
.faq-accordion details p{max-width:680px;margin:0;padding:0 34px 24px 0;color:#4d4d49}.faq-accordion summary{grid-template-columns:1fr 24px}.faq-accordion summary b{font-size:1.05rem}

footer{padding:30px 3vw;background:var(--black);color:var(--white);display:grid;grid-template-columns:1fr auto;gap:22px;font:400 .7rem var(--mono)}
footer div{display:flex;gap:22px}footer>p{grid-column:1/-1;max-width:920px;margin:6px 0 0;padding-top:16px;border-top:1px solid var(--dark-line);color:#777}
.mobile-qualify{display:none}

@media(max-width:1050px){
  nav{gap:13px}.hero{grid-template-columns:minmax(0,1fr) minmax(400px,1fr)}
  .hero h1{font-size:5.4vw}.story-accordion summary{grid-template-columns:110px minmax(0,1fr) 180px 24px}.chapter-images img{height:560px}
  .life-grid img{height:350px}.life-grid .life-face img{height:734px}
  .about-section{min-height:760px}.about-image img{height:700px}.about-proof>div{grid-template-columns:125px 1fr;gap:18px}
  .lab-gallery img{height:600px}.napkin-card img{height:250px}
}
@media(max-width:900px){
  .menu{display:block}
  nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px;background:var(--white);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}
  nav.open{display:flex}
}
@media(max-width:820px){
  .hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:8vw}.hero-copy{padding:0}.hero h1{max-width:none;font-size:10vw}.hero-shift img{height:64vw}.energy-chain{grid-column:1}
  .shift-section,.method-section,.faq-section{grid-template-columns:1fr;gap:5vw}
  .story-accordion summary{grid-template-columns:90px minmax(0,1fr) 160px 24px;gap:14px}.story-panel{grid-template-columns:1fr;gap:5vw}.story-copy p{max-width:680px}.chapter-images img,.wide-photo img{height:70vw;max-height:650px}
  .life-grid img{height:48vw}.life-grid .life-face img{height:calc(96vw + 12px)}
  .about-section{grid-template-columns:1fr;min-height:0}.about-image{padding:5vw 5vw 0}.about-image img{height:90vw;max-height:730px}.about-copy{padding:8vw 5vw 12vw}
  .lab-intro{grid-template-columns:1fr;gap:4vw}.lab-gallery{grid-template-columns:1fr 1fr}.lab-gallery img{height:55vw}.field-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.napkin-card{align-self:start}.napkin-card img{height:35vw}
  .work-section{grid-template-columns:.75fr 1.25fr;gap:5vw}.work-image img{height:620px}
}
@media(max-width:760px){
  body{font-size:1.025rem;line-height:1.68;padding-bottom:76px}
  .topbar{min-height:62px;padding:0 5vw}.mark{font-size:.67rem}.menu{display:block}
  nav{display:none;position:absolute;top:62px;left:0;right:0;padding:20px;background:var(--white);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}nav.open{display:flex}
  .hero{min-height:0;padding:10vw 5vw 0}.hero h1{margin:6vw 0 5vw;font-size:11.2vw;line-height:.93}.hero-lead{font-size:1.08rem}.hero-actions{align-items:stretch;flex-direction:column;margin-top:8vw}.hero-actions .text-link{width:max-content}
  .hero-shift{margin-top:9vw;gap:7px;grid-template-columns:.82fr 1.18fr}.hero-shift img{height:72vw}.hero-shift figcaption{font-size:.58rem;min-height:45px}.energy-chain{gap:6px;padding:16px 0;font-size:.54rem}.energy-chain i{font-size:.6rem}
  .shift-section,.method-section,.faq-section,.lab-section,.work-section,.visual-story{padding:14vw 5vw}
  .section-head h2,.visual-story h2,.about-section h2,.lab-section h2,.work-section h2{margin:6vw 0 5vw;font-size:10.5vw;line-height:.96}.section-head>p:last-child{font-size:1rem}
  .accordion summary{grid-template-columns:36px 1fr 22px;padding:19px 0}.accordion summary b{font-size:1.16rem}.detail-body{padding:0 0 22px 50px}.detail-body p{font-size:1rem}.detail-body ul{gap:6px}.detail-body li{font-size:.68rem}
  .visual-story-head{margin-bottom:11vw}.story-accordion summary{grid-template-columns:1fr 22px;gap:5px 12px;padding:22px 0}.story-accordion summary span,.story-accordion summary b,.story-accordion summary small{grid-column:1}.story-accordion summary i{grid-column:2;grid-row:1/4;align-self:center}.story-accordion summary b{font-size:1.22rem}.story-accordion summary small{font-size:.8rem}.story-panel{grid-template-columns:1fr;gap:7vw;padding:0 0 10vw}.story-copy p{font-size:1rem}.story-copy ul{gap:6px;margin-top:18px}.story-copy li{font-size:.64rem}.presence-card{min-height:105vw;padding:24px}.presence-card strong{font-size:12vw}.two-up,.reverse{grid-template-columns:1fr 1fr;gap:7px}.chapter-images img{height:70vw}.wide-photo img{height:112vw;max-height:none}.connection-photo img{height:100vw;object-position:50% 30%}.life-grid{gap:7px}.life-grid img{height:58vw}.life-grid .life-face img{height:calc(116vw + 7px)}.visual-story figcaption{font-size:.62rem}
  .about-image{padding:5vw 5vw 0}.about-image img{height:116vw;max-height:none;object-position:center 47%}.about-copy{padding:11vw 5vw 14vw}.about-lead{font-size:1.12rem}.about-turn{margin:18px 0 28px;font-size:1.42rem}.about-proof>div{grid-template-columns:1fr;gap:6px;padding:15px 0}.about-proof span{font-size:.96rem}.about-copy blockquote{margin-top:28px;font-size:1.75rem}
  .method-accordion details>p{padding:0 0 22px 50px;font-size:1rem}
  .lab-intro{margin-bottom:9vw}.lab-intro>p{font-size:1.03rem}.lab-gallery{gap:7px}.lab-gallery img{height:76vw;object-position:60% 46%}.field-notes{display:flex;gap:8px;margin:10vw -5vw 0;padding:0 5vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.field-notes::-webkit-scrollbar{display:none}.napkin-card{flex:0 0 78vw;padding:8px;scroll-snap-align:start}.napkin-card img{height:84vw}.lab-gallery figcaption,.napkin-card figcaption{font-size:.6rem}
  .voices{margin-top:12vw;padding-top:9vw}.voices-head{grid-template-columns:1fr;gap:5vw}.voices-head h3{font-size:10vw}.voices-head>p{font-size:.95rem}.featured-voice{grid-template-columns:1fr;gap:14px;margin-top:8vw;padding:28px 0}.featured-voice p,.featured-voice cite{grid-column:1}.featured-voice p{font-size:1.9rem;line-height:1.18}.voice-grid{grid-template-columns:1fr;margin:7vw 0}.voice-grid blockquote{min-height:0;gap:14px;padding:23px 20px}.voice-grid blockquote p{font-size:1.35rem;line-height:1.4}
  .work-section{grid-template-columns:1fr;gap:9vw}.work-image img{height:105vw;object-position:50% 34%}.work-thesis{margin-bottom:7vw;font-size:1rem}.work-copy ul{margin:8vw 0}.work-copy .button{max-width:none}.small-note{font-size:.68rem}
  .faq-section{gap:7vw}.faq-accordion summary{grid-template-columns:1fr 22px}.faq-accordion summary b{font-size:1.02rem}.faq-accordion details p{padding:0 0 22px}
  footer{grid-template-columns:1fr;padding:28px 5vw}footer div{flex-direction:column;gap:8px}footer>p{grid-column:auto}
  .mobile-qualify{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;align-items:center;justify-content:space-between;padding:15px 17px;background:var(--white);color:var(--black);border:1px solid var(--black);box-shadow:0 8px 30px rgba(0,0,0,.3);font:500 .76rem var(--mono)}
}
@media(max-width:390px){.hero h1{font-size:11vw}.energy-chain{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
