:root{--ink:#101b20;--deep:#071b1b;--paper:#f3f1e8;--paper2:#e8e7dc;--teal:#0e7775;--cyan:#168b91;--muted:#596866;--line:rgba(16,27,32,.18);--serif:'Noto Serif SC',serif;--sans:'Noto Sans SC',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.grid-shell{width:min(1360px,calc(100% - 96px));margin-inline:auto}.nav{height:76px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-weight:600}.brand img{width:34px;height:34px;object-fit:contain}.brand small{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.18em;color:var(--teal);margin-top:2px}.nav nav{display:flex;gap:34px;font-size:13px}.nav nav a{padding:8px 0;border-bottom:1px solid transparent}.nav nav a:hover{border-color:var(--teal);color:var(--teal)}
.hero{min-height:100svh;position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;padding:126px 0 68px;background:radial-gradient(circle at 76% 48%,rgba(25,144,140,.12),transparent 37%),var(--paper)}#field{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:multiply;opacity:.9}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.55fr);gap:9vw;align-items:end}.kicker,.section-label,.hero-index,.hero-foot,.practice-row>div>p,.notes-copy .kicker{font-family:var(--mono);letter-spacing:.12em}.kicker{font-size:11px;color:var(--teal);margin:0 0 28px}.hero h1{font-family:var(--serif);font-size:clamp(48px,7.1vw,108px);font-weight:500;line-height:1.13;letter-spacing:-.055em;margin:0;max-width:1000px;text-wrap:balance}.hero h1 i{font-family:var(--mono);font-size:.62em;font-style:normal;color:var(--teal);font-weight:300}.hero-lead{font-size:16px;line-height:2;color:#3f504e;max-width:660px;margin:35px 0}.hero-actions{display:flex;align-items:center;gap:34px}.button{display:inline-flex;padding:14px 22px;font-size:13px;font-weight:500;border:1px solid}.button-dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.button-dark:hover{background:var(--teal);border-color:var(--teal)}.text-link{font-size:13px}.text-link span{color:var(--teal);margin-left:8px}.hero-index{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.hero-index>p{color:var(--teal);margin:0 0 24px}.hero-index ol{list-style:none;padding:0;margin:0}.hero-index li{padding:11px 0;border-bottom:1px solid var(--line);display:flex;gap:20px}.hero-index li span{color:var(--teal)}.hero-foot{position:absolute;z-index:1;bottom:24px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--muted)}
.section-label{font-size:10px;color:var(--teal);padding-top:20px;border-top:1px solid var(--line);display:flex;gap:20px}.section-label span{color:var(--muted)}.manifesto{padding:120px 0 150px;display:grid;grid-template-columns:220px 1fr;gap:70px}.manifesto-copy{max-width:920px}.manifesto-copy>p:first-child{font-family:var(--serif);font-size:17px;color:var(--teal);margin:0 0 20px}.manifesto h2,.practice-heading h2,.notes-copy h2,.principles blockquote,footer h2{font-family:var(--serif);font-weight:400}.manifesto h2{font-size:clamp(36px,5vw,70px);line-height:1.42;letter-spacing:-.035em;margin:0}.body-copy{font-size:15px;line-height:2.1;color:var(--muted);max-width:680px;margin:40px 0 80px}.specimen-main{grid-column:2;display:grid;grid-template-columns:minmax(280px,500px) 1fr;gap:28px;align-items:end}.specimen-main img{width:100%;max-height:620px;object-fit:cover;filter:saturate(.55) sepia(.15) hue-rotate(112deg)}.specimen figcaption{font-family:var(--mono);font-size:9px;line-height:1.7;color:var(--muted);display:flex;flex-direction:column;gap:12px}.specimen figcaption span:first-child{color:var(--teal)}
.practice{background:var(--deep);color:#e9eee8;padding:110px 0 130px}.section-label.light{color:#75c5bd;border-color:rgba(255,255,255,.18)}.practice-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:70px 0}.practice-heading h2{font-size:clamp(40px,5vw,72px);line-height:1.3;margin:0}.practice-heading p{text-align:right;color:#90a5a1;font-size:13px}.practice-list{border-top:1px solid rgba(255,255,255,.19)}.practice-row{display:grid;grid-template-columns:60px .7fr 1fr 160px;gap:28px;align-items:center;min-height:190px;border-bottom:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden}.practice-no{font-family:var(--mono);font-size:10px;color:#63b5ae}.practice-row>div>p{font-size:9px;color:#63b5ae;margin:0 0 10px}.practice-row h3{font-family:var(--serif);font-weight:400;font-size:28px;margin:0}.practice-text{font-size:13px;line-height:1.9;color:#9cafaa;max-width:440px}.practice-row figure{margin:0;height:120px;overflow:hidden}.practice-row img{width:100%;height:100%;object-fit:cover;filter:grayscale(.45) saturate(.7);transition:.6s}.practice-row:hover img{transform:scale(1.08);filter:grayscale(0) saturate(.8)}
.field-notes{padding:130px 0 160px}.notes-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:center;margin-top:70px}.notes-visual{position:relative;background:#d8ded3;padding:26px}.notes-visual img{width:100%;max-height:760px;object-fit:cover;filter:saturate(.6) sepia(.05) hue-rotate(120deg)}.crosshair{position:absolute;right:10px;top:5px;font:24px var(--mono);color:var(--teal)}.notes-copy .kicker{margin-bottom:20px}.notes-copy h2{font-size:clamp(48px,6vw,82px);line-height:1.1;margin:0 0 34px}.notes-copy h2 em{font-size:.42em;color:var(--teal);font-weight:400}.notes-copy>p:not(.kicker){line-height:2;color:var(--muted);margin:0 0 36px}.button-outline{border-color:var(--teal);color:var(--teal)}.button-outline:hover{background:var(--teal);color:white}
.principles{background:#0d4649;color:#edf3ed;padding:110px 0}.principles-grid{display:grid;grid-template-columns:220px 1fr;gap:70px}.principles blockquote{font-size:clamp(38px,5vw,68px);line-height:1.45;margin:0}.principle-tags{grid-column:2;display:flex;gap:0;margin-top:55px;border-top:1px solid rgba(255,255,255,.25)}.principle-tags span{flex:1;padding:20px 0;font-size:12px;color:#a8cbc5;border-right:1px solid rgba(255,255,255,.25)}.principle-tags span+span{padding-left:24px}
footer{padding:100px 0 38px}.footer-title{display:flex;align-items:center;gap:28px;padding-bottom:90px}.footer-title img{width:76px}.footer-title h2{font-size:clamp(36px,5vw,64px);margin:0}.footer-grid{border-top:1px solid var(--line);padding-top:26px;display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:36px;font-size:12px;color:var(--muted)}.footer-grid small{display:block;font:9px var(--mono);color:var(--teal);margin-bottom:10px}.footer-grid a:not(.back),.footer-grid span{color:var(--ink)}.back{font:10px var(--mono);color:var(--teal)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.grid-shell{width:min(100% - 40px,760px)}.nav{height:66px;padding:0 20px}.nav nav{display:none}.hero{padding:110px 0 60px}.hero-grid{grid-template-columns:1fr;gap:60px}.hero h1{font-size:clamp(42px,13vw,72px)}.hero-foot{display:none}.manifesto,.principles-grid{grid-template-columns:1fr;gap:45px;padding-top:85px}.specimen-main,.principle-tags{grid-column:1}.specimen-main{grid-template-columns:1fr}.practice-heading{grid-template-columns:1fr;gap:20px}.practice-heading p{text-align:left}.practice-row{grid-template-columns:34px 1fr;gap:20px;padding:28px 0}.practice-text,.practice-row figure{grid-column:2}.practice-row figure{height:180px}.notes-layout{grid-template-columns:1fr}.notes-copy{order:-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>p{grid-column:1/-1}}
@media(max-width:520px){.hero h1 br{display:none}.hero-lead{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.manifesto h2{font-size:34px}.practice-row figure{height:140px}.principle-tags{flex-direction:column}.principle-tags span{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding:16px 0!important}.footer-title{align-items:flex-start}.footer-title img{width:52px}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}#field{display:none}}

/* BIOTOPE-inspired revision: teal field, black/white contrast, circular living forms */
:root{--ink:#000;--deep:#000;--paper:#fff;--paper2:#f3f3ef;--teal:#009182;--cyan:#009182;--muted:#656565;--line:rgba(0,0,0,.2)}
body{background:#fff;color:#000}
.nav{color:#000;border-color:rgba(0,0,0,.25)}
.brand small,.nav nav a:hover{color:#000}
.nav nav a{font-size:12px}
.nav nav a:hover{border-color:#000}
.hero{background:#009182;border:0;isolation:isolate}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.hero::before{width:min(47vw,660px);aspect-ratio:1;left:4.5vw;top:18%;background:#000;animation:field-float-a 13s ease-in-out infinite alternate}
.hero::after{width:min(44vw,610px);aspect-ratio:1;right:4.5vw;top:3%;background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.42)),url('assets/img/natural-history-lichen-moss.jpg') center/cover;filter:grayscale(1) contrast(1.35);mix-blend-mode:multiply;opacity:.9;animation:field-float-b 16s ease-in-out infinite alternate}
@keyframes field-float-a{to{transform:translate(2.2vw,-1.8vh) scale(1.025)}}
@keyframes field-float-b{to{transform:translate(-2.5vw,2vh) scale(.98)}}
#field{z-index:1;mix-blend-mode:screen;opacity:.2}
.hero-grid,.hero-foot{z-index:2}
.hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(250px,.55fr)}
.hero .kicker{color:#fff}
.hero h1{color:#fff;font-family:'Noto Serif SC',serif;font-size:clamp(50px,6.8vw,102px);line-height:1.08;letter-spacing:-.06em;text-shadow:0 1px 0 rgba(0,0,0,.05)}
.hero h1 i{color:#fff}
.hero-lead{color:#fff;font-weight:300;max-width:600px}
.hero .button-dark{background:#fff;color:#000;border-color:#fff}
.hero .button-dark:hover{background:#009182;color:#fff;border-color:#fff}
.hero .text-link{color:#fff}
.hero-index{color:#fff;border-color:rgba(255,255,255,.42)}
.hero-index>p,.hero-index li span{color:#fff}
.hero-index li{border-color:rgba(255,255,255,.3)}
.hero-foot{color:rgba(0,0,0,.7)}
.button{border-radius:999px;transition:background .3s,color .3s,border-color .3s,transform .3s}
.button:hover{transform:translateY(-2px)}
.button-dark{background:#000;color:#fff;border-color:#000}
.button-dark:hover{background:#fff;color:#000;border-color:#fff}
.text-link{font-weight:500}
.section-label{color:#000;border-color:rgba(0,0,0,.25)}
.section-label span{color:#009182}
.manifesto{background:#fff}
.manifesto-copy>p:first-child,.specimen figcaption span:first-child{color:#009182}
.practice{background:#000}
.section-label.light{color:#fff;border-color:rgba(255,255,255,.28)}
.practice-no,.practice-row>div>p{color:#00b8a5}
.practice-row{transition:background .35s,padding .35s}
.practice-row:hover{background:#009182;padding-inline:20px}
.practice-row:hover .practice-no,.practice-row:hover>div>p,.practice-row:hover .practice-text{color:#fff}
.field-notes{background:#fff}
.notes-layout{grid-template-columns:minmax(0,1.15fr) minmax(360px,.7fr)}
.notes-visual{padding:0;background:#000;overflow:hidden;min-width:0}
.specimen-slides{position:relative;aspect-ratio:1;overflow:hidden}
.specimen-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.035);transition:opacity .65s ease,transform 2.8s cubic-bezier(.2,.7,.2,1)}
.specimen-slide.active{opacity:1;transform:scale(1);z-index:1}
.specimen-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05)}
.specimen-controls{display:grid;grid-template-columns:repeat(4,1fr);background:#000;border-top:1px solid rgba(255,255,255,.25)}
.specimen-controls button{appearance:none;border:0;border-right:1px solid rgba(255,255,255,.2);background:#000;color:rgba(255,255,255,.58);padding:15px 8px;font:10px var(--mono);cursor:pointer;transition:background .3s,color .3s}
.specimen-controls button:last-child{border-right:0}
.specimen-controls button span{display:block;font-size:8px;margin-bottom:5px}
.specimen-controls button:hover,.specimen-controls button.active{background:#009182;color:#fff}
.notes-copy .kicker{color:#009182}
.notes-copy h2 em{color:#009182}
.notes-quote{font-family:var(--serif);font-size:clamp(22px,2.2vw,32px);line-height:1.65;color:#000!important;margin-bottom:26px!important}
.button-outline{border-color:#000;color:#000}
.button-outline:hover{background:#009182;border-color:#009182;color:#fff}
.principles{background:#009182;color:#fff}
.principles .section-label.light{color:#000;border-color:rgba(0,0,0,.25)}
.principle-tags{border-color:rgba(0,0,0,.28)}
.principle-tags span{color:#000;border-color:rgba(0,0,0,.28)}
.reveal{transform:translateY(36px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}

@media(max-width:900px){
  .hero::before{width:92vw;left:-24vw;top:18%}
  .hero::after{width:72vw;right:-28vw;top:10%;opacity:.62}
  .hero-grid{grid-template-columns:1fr;gap:54px}
  .hero-copy{width:100%;min-width:0}
  .hero h1{font-size:clamp(43px,13vw,72px)}
  .hero-lead{color:#fff}
  .notes-layout{grid-template-columns:1fr}
}
@media(max-width:520px){
  .hero::before{width:112vw;left:-47vw;top:15%}
  .hero::after{width:90vw;right:-50vw;top:13%}
  .specimen-controls button{padding:12px 3px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after{animation:none}.specimen-slide{transition:none}}

/* MCS identity: ecological transect + field instrument */
:root{--ink:#102525;--deep:#082f2d;--paper:#f2f3ed;--paper2:#e5ebe3;--teal:#078b84;--cyan:#44c8bd;--muted:#596b67;--line:rgba(16,37,37,.2)}
body{background:var(--paper);color:var(--ink)}
.nav{position:fixed;background:rgba(242,243,237,.82);backdrop-filter:blur(14px);border-color:var(--line)}
.brand small{color:var(--teal)}
.nav nav a:hover{color:var(--teal);border-color:var(--teal)}
.hero{background-color:var(--paper);background-image:linear-gradient(90deg,transparent calc(25% - 1px),rgba(7,139,132,.12) 25%,transparent calc(25% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(7,139,132,.12) 50%,transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(75% - 1px),rgba(7,139,132,.12) 75%,transparent calc(75% + 1px));border-bottom:1px solid var(--line);padding-top:150px}
.hero::before,.hero::after{display:none!important}
#field{z-index:0;mix-blend-mode:multiply;opacity:.72}
.hero-grid{z-index:2;grid-template-columns:minmax(0,1.1fr) minmax(360px,.7fr);gap:8vw;align-items:center}
.hero .kicker{color:var(--teal)}
.hero h1{color:var(--ink);font-size:clamp(52px,6vw,88px);line-height:1.2;letter-spacing:-.045em;text-shadow:none}
.hero h1 i{color:var(--teal);font-size:.48em}
.hero-lead{color:var(--muted);font-weight:300;max-width:620px}
.hero .button-dark{background:var(--deep);color:#f5f7ef;border-color:var(--deep)}
.hero .button-dark:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.hero .text-link{color:var(--ink)}
.hero-index{position:relative;color:var(--ink);border:1px solid var(--line);background:rgba(242,243,237,.68);padding:24px;overflow:hidden;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end}
.hero-index::before{content:"";position:absolute;inset:40px;background:url('assets/logo-mark.png') center 30%/58% auto no-repeat;opacity:.035;filter:sepia(1) hue-rotate(115deg) saturate(3)}
.hero-index>p,.hero-index li span{color:var(--teal);position:relative}
.hero-index li{border-color:var(--line);position:relative}
.field-map{position:absolute;inset:0 0 190px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(16,37,37,.08) 40px),linear-gradient(120deg,transparent 10%,rgba(68,200,189,.12) 50%,transparent 80%)}
.field-map b{position:absolute;left:14px;font:8px var(--mono);letter-spacing:.1em;color:rgba(16,37,37,.42);font-weight:400}.field-map b:nth-of-type(1){top:16%}.field-map b:nth-of-type(2){top:48%}.field-map b:nth-of-type(3){top:80%}
.field-line{position:absolute;left:28%;height:1px;background:var(--teal);transform-origin:left center;opacity:.46}.l1{top:23%;width:49%;transform:rotate(17deg)}.l2{top:51%;width:58%;transform:rotate(-12deg)}.l3{top:73%;width:44%;transform:rotate(9deg)}
.node{position:absolute;width:8px;height:8px;border:1px solid var(--teal);background:var(--paper);transform:rotate(45deg);animation:node-pulse 4s ease-in-out infinite}.n1{left:27%;top:22%}.n2{left:71%;top:37%;animation-delay:-1s}.n3{left:45%;top:56%;animation-delay:-2s}.n4{left:76%;top:76%;animation-delay:-3s}
@keyframes node-pulse{50%{box-shadow:0 0 0 12px rgba(7,139,132,0);background:var(--cyan)}0%,100%{box-shadow:0 0 0 0 rgba(7,139,132,.28)}}
.hero-foot{color:var(--muted)}
.section-label{color:var(--ink)}.section-label span{color:var(--teal)}
.manifesto{background:var(--paper)}
.practice{background:var(--deep)}
.practice-row:hover{background:rgba(68,200,189,.08);padding-inline:0}
.practice-row:hover .practice-no,.practice-row:hover>div>p{color:var(--cyan)}
.practice-row:hover .practice-text{color:#b8cbc6}
.field-notes{background:var(--paper)}
.specimen-controls button:hover,.specimen-controls button.active{background:var(--deep);color:var(--cyan);box-shadow:inset 0 3px 0 var(--cyan)}
.notes-copy .kicker,.notes-copy h2 em{color:var(--teal)}
.principles{background:var(--paper2);color:var(--ink);border-block:1px solid var(--line)}
.principles .section-label.light{color:var(--ink);border-color:var(--line)}
.principle-tags{border-color:var(--line)}.principle-tags span{color:var(--muted);border-color:var(--line)}

@media(max-width:900px){
  .hero{padding-top:115px;background-image:linear-gradient(90deg,transparent calc(50% - 1px),rgba(7,139,132,.11) 50%,transparent calc(50% + 1px))}
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .hero-index{min-height:430px}
  .hero h1{font-size:clamp(44px,12.5vw,68px)}
}
@media(max-width:520px){
  .hero-index{min-height:400px;padding:18px}
  .hero h1{line-height:1.18}
  .field-map{bottom:176px}
}
@media(prefers-reduced-motion:reduce){.node{animation:none}}

/* Final cover: MCS lichen bubble, reference palette without reference layout */
:root{--ink:#000;--deep:#000;--paper:#fff;--paper2:#f5f5f1;--teal:#009182;--cyan:#45cfc1;--muted:#5f6664;--line:rgba(0,0,0,.18)}
body{background:#fff;color:#000}
.nav{background:rgba(255,255,255,.82);border-color:rgba(0,0,0,.18)}
.brand small,.nav nav a:hover{color:#009182}.nav nav a:hover{border-color:#009182}
.hero{background-color:#fff;background-image:linear-gradient(90deg,transparent calc(25% - 1px),rgba(0,145,130,.08) 25%,transparent calc(25% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(0,145,130,.08) 50%,transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(75% - 1px),rgba(0,145,130,.08) 75%,transparent calc(75% + 1px));border-color:rgba(0,0,0,.18);overflow:hidden}
#field{z-index:0;opacity:.42;mix-blend-mode:multiply}
.bio-bubble{position:absolute;z-index:1;width:min(59vw,780px);aspect-ratio:1.08;right:-3vw;top:8vh;background-color:#009182;background-image:linear-gradient(rgba(0,145,130,.45),rgba(0,145,130,.45)),url('assets/img/natural-history-lichen-moss.jpg');background-size:cover;background-position:center;background-blend-mode:multiply;filter:contrast(1.12) saturate(.62);border-radius:54% 46% 58% 42%/46% 58% 42% 54%;animation:bubble-breathe 19s ease-in-out infinite alternate;will-change:transform,border-radius}
.bio-bubble::before{content:"";position:absolute;inset:-9%;border-radius:inherit;background-image:radial-gradient(circle,rgba(0,145,130,.58) 0 1px,transparent 1.5px);background-size:7px 7px;-webkit-mask-image:radial-gradient(ellipse at center,transparent 0 54%,#000 63%,transparent 77%);mask-image:radial-gradient(ellipse at center,transparent 0 54%,#000 63%,transparent 77%);filter:blur(.35px);opacity:.8;animation:bubble-mist 13s ease-in-out infinite alternate-reverse}
.bio-bubble::after{content:"";position:absolute;inset:6%;border-radius:inherit;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.16),transparent 44%);mix-blend-mode:screen}
@keyframes bubble-breathe{0%{transform:translate3d(0,0,0) rotate(-1deg) scale(.97);border-radius:54% 46% 58% 42%/46% 58% 42% 54%}45%{transform:translate3d(-2.2vw,1.8vh,0) rotate(1.2deg) scale(1.02);border-radius:44% 56% 43% 57%/57% 43% 60% 40%}100%{transform:translate3d(1vw,-1.2vh,0) rotate(-.5deg) scale(.99);border-radius:60% 40% 51% 49%/42% 54% 46% 58%}}
@keyframes bubble-mist{to{transform:scale(1.055) rotate(2deg);opacity:.48;background-size:9px 9px}}
.hero-grid{position:relative;z-index:2;grid-template-columns:minmax(0,1.22fr) minmax(340px,.58fr);gap:6vw;align-items:center}
.hero .kicker{color:#009182}
.hero h1{color:#000;font-size:clamp(50px,5.8vw,86px);line-height:1.19;text-shadow:none}
.hero h1 i{color:#009182}
.hero-lead{color:#363c3a;max-width:520px}
.hero .button-dark{background:#000;color:#fff;border-color:#000}.hero .button-dark:hover{background:#009182;border-color:#009182}
.hero .text-link{color:#000}
.hero-index{min-height:520px;border:0;background:transparent;padding:24px 0 0 42px;overflow:visible;color:#fff;justify-content:flex-end;text-shadow:0 1px 8px rgba(0,0,0,.16)}
.hero-index::before{display:none}
.hero-index>p,.hero-index li span{color:#fff}
.hero-index li{border-color:rgba(255,255,255,.38)}
.field-map{inset:0 0 190px;border:0;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.13) 40px)}
.field-map b{color:rgba(255,255,255,.58)}
.field-line{background:#fff;opacity:.58}
.node{border-color:#fff;background:#009182}
.hero-foot{color:rgba(0,0,0,.58)}
.manifesto{background:#fff}.field-notes{background:#fff}.practice{background:#000}.principles{background:#009182;color:#fff;border:0}
.principles .section-label.light{color:#000;border-color:rgba(0,0,0,.25)}
.principle-tags{border-color:rgba(0,0,0,.25)}.principle-tags span{color:#000;border-color:rgba(0,0,0,.25)}
.specimen-controls button:hover,.specimen-controls button.active{background:#009182;color:#fff;box-shadow:none}

@media(max-width:900px){
  .hero{background-image:linear-gradient(90deg,transparent calc(50% - 1px),rgba(0,145,130,.08) 50%,transparent calc(50% + 1px));padding-top:116px}
  .hero-grid{grid-template-columns:1fr;gap:42px}
  .bio-bubble{width:112vw;right:-58vw;top:24vh;opacity:.78}
  .hero-index{min-height:410px;padding:18px 0;color:#000;text-shadow:none}
  .hero-index>p,.hero-index li span{color:#009182}
  .hero-index li{border-color:rgba(0,0,0,.2)}
  .field-map{background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(0,145,130,.11) 40px)}
  .field-map b{color:rgba(0,0,0,.45)}.field-line{background:#009182}.node{border-color:#009182;background:#fff}
}
@media(max-width:520px){
  .bio-bubble{width:132vw;right:-78vw;top:52vh}
  .hero h1{font-size:clamp(43px,12.5vw,60px)}
}
@media(prefers-reduced-motion:reduce){.bio-bubble,.bio-bubble::before{animation:none}}