:root{--paper:#f8f6ed;--ink:#183167;--accent:#a9cc46;--button-text:#183167;--display:Outfit,sans-serif;--mono:'DM Mono',monospace;--input-bg:#fff;--field-radius:0;--button-radius:0}
body{background:var(--paper);color:var(--ink);font:400 1rem/1.6 Outfit,sans-serif}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.03;letter-spacing:-.06em}.eyebrow,.hero-meta,.hero-photo figcaption,.topic-grid article>span,.physical figcaption{font:500 .68rem/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase}.header{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid #a7b3bd}.header .brand{font:700 1.08rem Outfit,sans-serif}.header nav{display:flex;align-items:center;gap:clamp(1rem,3vw,3rem)}.header nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font:500 .7rem var(--mono)}.header nav a:last-child{border-bottom:2px solid var(--ink)}.header nav a:hover{text-decoration:underline}.hero{padding-top:1.2rem;padding-bottom:clamp(5rem,9vw,10rem)}.hero-meta{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,6rem);align-items:center;border-top:2px solid var(--ink);padding-top:clamp(3rem,6vw,6rem)}.hero h1{font:600 clamp(4.5rem,7.2vw,8.5rem)/.97 Outfit,sans-serif;max-width:11ch;margin:1.5rem 0 2rem}.hero h1 i{font:italic 400 1.12em/.9 'Cormorant Garamond',serif;color:#64951f}.hero-copy p{max-width:44ch;font-size:1.12rem}.link-action{min-height:48px;display:inline-flex;align-items:center;gap:3rem;border-bottom:2px solid var(--ink);font:500 .75rem var(--mono);text-decoration:none;margin-top:1rem}.link-action:hover{gap:3.7rem}.hero-photo{position:relative;margin:0;overflow:hidden;background:#dfe9cf}.hero-photo picture,.hero-photo img{display:block;width:100%}.hero-photo img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:46% center}.hero-photo figcaption{position:absolute;left:0;bottom:0;background:var(--accent);padding:.7rem 1rem}.thesis{background:#a9cc46;padding-block:clamp(5rem,9vw,10rem)}.thesis-grid{display:grid;grid-template-columns:.35fr 1.2fr .6fr;gap:clamp(2rem,5vw,5rem);align-items:start}.thesis h2{font:400 clamp(3.7rem,6vw,7rem)/.95 'Cormorant Garamond',serif;letter-spacing:-.065em;max-width:14ch;margin:0}.thesis p{max-width:31ch;font-size:1.08rem}.framework{padding-block:clamp(6rem,10vw,11rem)}.framework-head{display:grid;grid-template-columns:.3fr 1fr;gap:2rem;margin-bottom:4rem}.framework h2{font:600 clamp(3.6rem,5.8vw,6.5rem)/1 Outfit,sans-serif;max-width:15ch;margin:0}.lens-layout{display:grid;grid-template-columns:.55fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:stretch}.lens-tabs{display:flex;flex-direction:column;border-top:2px solid var(--ink)}.lens-tabs button{min-height:87px;display:flex;align-items:center;gap:1rem;border:0;border-bottom:1px solid #94a7a4;background:none;color:var(--ink);padding:1rem;text-align:left;font:600 1.12rem Outfit,sans-serif}.lens-tabs button span{font:500 .7rem var(--mono)}.lens-tabs button.is-active,.lens-tabs button:hover{background:var(--ink);color:#fff}.lens-output{min-height:340px;padding:clamp(2rem,5vw,5rem);background:#e9efd5;border:14px solid #a9cc46;box-shadow:12px 12px 0 #183167;display:flex;flex-direction:column;justify-content:space-between}.lens-output>span,.lens-output small{font:500 .7rem var(--mono);text-transform:uppercase}.lens-output p{font:400 clamp(2.7rem,4.2vw,5rem)/1 'Cormorant Garamond',serif;letter-spacing:-.055em;max-width:18ch;margin:2rem 0}.topics{background:#183167;color:#f8f6ed;padding-block:clamp(6rem,10vw,11rem)}.topics-header{display:grid;grid-template-columns:.3fr 1fr;gap:3rem;margin-bottom:4rem}.topics h2{font:400 clamp(3.8rem,6vw,7rem)/.95 'Cormorant Garamond',serif;max-width:14ch;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(2rem,6vw,6rem)}.topic-grid article{border-top:1px solid #8fa5c6;padding:2rem 0 3rem}.topic-grid article>span{color:#c1dc7b}.topic-grid h3{font:600 clamp(2rem,3vw,3.5rem)/1 Outfit,sans-serif;margin:1.5rem 0 1rem}.topic-grid p{max-width:40ch;color:#dae4ef}.physical{padding-block:clamp(6rem,10vw,11rem);background:#f1f3e8}.physical-grid{display:grid;grid-template-columns:.75fr 1fr;gap:clamp(3rem,9vw,9rem);align-items:center}.physical figure{max-width:500px;margin:0}.physical picture,.physical img{display:block;width:100%}.physical img{height:auto;aspect-ratio:3/4;object-fit:cover}.physical figcaption{padding-top:1rem}.physical h2{font:400 clamp(4rem,6vw,7rem)/.95 'Cormorant Garamond',serif;max-width:11ch;margin:1.5rem 0 2rem}.physical p{max-width:45ch;font-size:1.08rem}.avery{display:grid;grid-template-columns:.45fr 1fr;gap:clamp(3rem,7vw,7rem);align-items:center;padding-block:clamp(6rem,10vw,11rem)}.avery-mark{font:700 clamp(7rem,15vw,16rem)/1 Outfit,sans-serif;letter-spacing:-.15em;color:#506c18}.avery h2{font:600 clamp(3.5rem,5vw,6rem)/1 Outfit,sans-serif;max-width:15ch;margin:1.5rem 0 2rem}.avery p{max-width:52ch;font-size:1.08rem}.join{background:#d7e5aa;padding-block:clamp(6rem,10vw,11rem)}.join-grid{display:grid;grid-template-columns:1fr .85fr;gap:clamp(3rem,8vw,8rem);align-items:center}.join h2{font:400 clamp(4rem,6vw,7rem)/.95 'Cormorant Garamond',serif;max-width:12ch;margin:1rem 0}.join p{max-width:40ch}.join .signup-shell{background:#f8f6ed;padding:clamp(1.2rem,3vw,2.5rem);border-top:6px solid #183167;box-shadow:11px 11px 0 rgba(24,49,103,.18)}.signup-form>label:first-child{font:500 .72rem var(--mono);text-transform:uppercase}.signup-form button{width:100%;background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important;font:500 .74rem var(--mono)}.signup-consent{font-size:.78rem}.site-footer{background:#183167;color:#fff;border-top:0}
@media(max-width:1000px){.hero-grid,.thesis-grid,.framework-head,.lens-layout,.topics-header,.physical-grid,.avery,.join-grid{grid-template-columns:1fr}.hero-photo{max-width:780px}.hero-photo img{aspect-ratio:3/2}.thesis-grid,.framework-head,.topics-header{gap:1.5rem}.thesis h2,.framework h2,.topics h2,.physical h2,.avery h2,.join h2{max-width:17ch}.thesis p{max-width:55ch}.lens-layout{gap:2rem}.physical figure{max-width:500px}.avery-mark{font-size:9rem}}
@media(max-width:650px){.header{min-height:70px}.header .brand{font-size:.82rem;max-width:185px}.header nav a:not(:last-child){display:none}.header nav a:last-child{font-size:.61rem}.hero-grid{padding-top:3rem}.hero-meta span:last-child{display:none}.hero h1{font-size:clamp(3.6rem,12vw,5.5rem)}.hero-photo img{aspect-ratio:4/5}.hero{padding-bottom:5rem}.thesis,.framework,.topics,.physical,.avery,.join{padding-block:5rem}.thesis h2,.topics h2,.physical h2,.join h2{font-size:clamp(3.5rem,12vw,5.5rem)}.framework h2,.avery h2{font-size:clamp(3rem,10vw,5rem)}.framework-head,.topics-header{margin-bottom:2.5rem}.lens-output{min-height:300px;border-width:8px;box-shadow:6px 6px 0 #183167}.lens-output p{font-size:3rem}.topic-grid{grid-template-columns:1fr}.topic-grid article{padding-bottom:2rem}.topic-grid h3{font-size:2.2rem}.avery{gap:1rem}.avery-mark{font-size:7rem}.join-grid{gap:2.5rem}}
@media(max-width:360px){.hero h1{font-size:3.45rem}.join h2{font-size:3.4rem}}
/* The viewfinder follows a precise pointer only over the photographic study. */
.pointer-frame{position:absolute;z-index:2;left:0;top:0;width:126px;height:126px;border:5px solid #a9cc46;box-shadow:9px 9px 0 #2246a4;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.pointer-frame{display:none}}