/* BARDOTENDER — Naima DF Light webfont loading.
   Site owner adds their licensed font file at assets/naima-df-light.otf
   before uploading this folder to Netlify. */
@font-face{font-family:"Naima DF Light";src:url("assets/naima-df-light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}
:root{--ink:#0d0d0d;--bone:#e9e5dc;--paper:#d8d0c0;--rust:#a84d32;--ochre:#c79c49;--sage:#78836b;--line:rgba(233,229,220,.2);--display:"Naima DF Light","Helvetica Neue",Arial,sans-serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--sans);font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.section-dark,.section-light{position:relative;padding:clamp(6rem,12vw,12rem) clamp(1.4rem,5vw,5.5rem);overflow:hidden}.section-dark{background:var(--ink);color:var(--bone)}.section-light{background:var(--paper);color:var(--ink)}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:74px;display:flex;align-items:center;gap:2rem;padding:0 clamp(1.2rem,3vw,3rem);background:rgba(13,13,13,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(233,229,220,.12)}.brand-badge{font-family:var(--display);font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:.11em;font-weight:300}.site-nav{margin-left:auto;display:flex;align-items:center;gap:1.4rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.site-nav a{opacity:.78}.site-nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(233,229,220,.5);padding:.65rem .85rem}.nav-toggle{display:none;margin-left:auto;background:none;border:0;color:inherit;font-size:.72rem;letter-spacing:.12em}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:5vw;padding:9rem clamp(1.4rem,5vw,5.5rem) 5rem;background:var(--ink);overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 2.4rem;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.hero h1,.section-head h2,.aumwork h2,.manifesto h2,.hospitality h2,.threshold h2{font-family:var(--display);font-weight:300;letter-spacing:-.025em;line-height:.84;margin:0}.hero h1{font-size:clamp(4.3rem,9.3vw,10.5rem);max-width:1100px}.hero h1 span{display:inline-block;margin-top:.13em}.hero-sub{margin:2.6rem 0 2rem;font-family:var(--display);font-size:clamp(1.45rem,2.6vw,2.6rem);letter-spacing:.01em}.button{display:inline-block;border:1px solid currentColor;padding:.85rem 1.15rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;transition:transform .2s ease,background .2s,color .2s}.button:hover{transform:translateY(-2px);background:var(--bone);color:var(--ink)}.hero-image{position:relative;margin:0;align-self:stretch;min-height:64vh;transform:rotate(1.1deg);border:1px solid rgba(233,229,220,.2)}.hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08)}.hero-image figcaption{position:absolute;right:-1px;bottom:-1px;background:var(--ink);padding:.5rem .75rem;font-size:.62rem;letter-spacing:.2em}.hero-mark{position:absolute;right:38%;top:14%;font-size:clamp(4rem,9vw,10rem);line-height:1;color:var(--rust);transform:rotate(13deg);opacity:.9}.raw-stroke{position:absolute;width:33vw;height:7px;background:var(--ochre);right:-5vw;bottom:12%;transform:rotate(-8deg)}.raw-stroke:after{content:"";position:absolute;width:42%;height:20px;border-top:2px solid var(--bone);left:14%;top:-13px;transform:rotate(3deg)}
.recognition{min-height:70vh;display:flex;flex-direction:column;justify-content:center}.recognition .eyebrow{color:var(--ochre)}.recognition h2{font-family:var(--display);font-weight:300;font-size:clamp(3.4rem,8vw,8.5rem);line-height:.92;margin:0;max-width:1100px}.recognition-last{font-family:var(--display);font-size:clamp(1.6rem,3vw,3rem);margin:1.4rem 0 0 18vw;max-width:760px}
.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:4vw;align-items:end;margin-bottom:6rem}.section-head .eyebrow{align-self:start}.section-head h2{font-size:clamp(4.4rem,9vw,10rem)}.ways-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.2rem;align-items:start}.way-card{grid-column:span 6;min-height:440px;padding:2rem;border:1px solid rgba(13,13,13,.38);position:relative;display:flex;flex-direction:column}.way-card:nth-child(1){background:rgba(255,255,255,.1)}.way-card-shift{margin-top:6rem;background:var(--ochre)}.way-card-dark{background:var(--ink);color:var(--bone);transform:rotate(-.6deg)}.way-card-integration{margin-top:-2rem;background:var(--sage);transform:rotate(.4deg)}.way-card .index{font-size:.65rem;letter-spacing:.18em}.way-card h3{font-family:var(--display);font-size:clamp(3rem,5vw,6rem);font-weight:300;line-height:.86;margin:4rem 0 1rem}.way-card>p{font-family:var(--display);font-size:clamp(1.3rem,2vw,2rem);margin:.3rem 0}.way-card .way-whisper{font-family:var(--sans);font-size:.92rem;max-width:390px;margin:1.7rem 0 3rem;opacity:.76}.way-card a{margin-top:auto;font-size:.7rem;font-weight:700;letter-spacing:.16em}
.aumwork{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;min-height:100vh}.aum-art{background:url('assets/erbo-dark.webp') center/cover no-repeat;min-height:680px;align-self:stretch;clip-path:polygon(0 3%,92% 0,100% 90%,8% 100%);filter:saturate(.8)}.aum-copy{padding-top:3rem}.aumwork h2{font-size:clamp(4.2rem,8vw,9rem)}.aum-sub{font-family:var(--display);font-size:clamp(1.5rem,2.4vw,2.5rem);margin:2rem 0 3rem}.aum-lines p{margin:.45rem 0;font-size:1rem}.field-line{margin-top:3rem;font-size:.7rem;font-weight:700;letter-spacing:.2em}.aum-rhythm{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.aum-rhythm div{padding:1.5rem 1rem 1.7rem;border-right:1px solid var(--line)}.aum-rhythm div:last-child{border-right:0}.aum-rhythm span{display:block;font-size:.62rem;letter-spacing:.18em;margin-bottom:.6rem}.aum-rhythm strong{font-family:var(--display);font-weight:300;font-size:clamp(1.3rem,2vw,2rem)}
.manifesto{display:grid;grid-template-columns:1.15fr .85fr;gap:4vw 6vw}.manifesto-title{align-self:end}.manifesto h2{font-size:clamp(4.2rem,8vw,9rem)}.portrait{margin:0;position:relative;transform:rotate(1.4deg);border:1px solid rgba(13,13,13,.45)}.portrait img{width:100%;height:620px;object-fit:cover;filter:grayscale(.18) contrast(1.04)}.portrait span{position:absolute;right:-.4rem;top:-2rem;font-family:var(--display);font-size:7rem;color:var(--rust);transform:rotate(8deg)}.manifesto-copy{grid-column:2;padding:2rem 0 4rem;font-size:1rem;max-width:620px}.manifesto-copy p{margin:.5rem 0}.manifesto-copy .manifesto-hit{font-family:var(--display);font-size:clamp(2.2rem,4vw,4.8rem);line-height:.98;margin:2rem 0}.tending{grid-column:1/-1;border-top:1px solid rgba(13,13,13,.35);padding:4rem 0 2rem;display:grid;grid-template-columns:.7fr 1.3fr;gap:4vw}.tending blockquote{font-family:var(--display);font-size:clamp(2.5rem,5vw,6rem);line-height:.94;margin:0}.mirror{grid-column:1/-1;margin:8rem 0 2rem 20vw;font-family:var(--display);font-size:clamp(2rem,4vw,4.6rem);line-height:1}.mirror p{margin:.3rem 0}.mirror strong{display:block;font-weight:300;margin-top:.3rem;color:var(--rust)}
.hospitality{min-height:95vh;display:flex;flex-direction:column;justify-content:center}.hospitality-art{position:absolute;right:-5vw;top:0;width:48vw;height:100%;background:url('assets/erbo-83-micro.webp') center/cover no-repeat;opacity:.34;mix-blend-mode:screen;clip-path:polygon(24% 0,100% 8%,90% 92%,0 100%)}.hospitality .eyebrow,.hospitality h2,.hospitality-question,.listening{position:relative;z-index:2}.hospitality h2{font-size:clamp(4rem,8vw,9rem);max-width:1000px}.hospitality-question{font-family:var(--display);font-size:clamp(1.8rem,3.5vw,4rem);line-height:1.05;margin:4rem 0 0 20vw}.hospitality-question strong{font-weight:300;color:var(--ochre)}.listening{font-size:.7rem;letter-spacing:.2em;font-weight:700;margin:5rem 0 0 20vw}
.threshold{min-height:88vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.threshold h2{font-size:clamp(5rem,10vw,11rem)}.threshold>p{font-family:var(--display);font-size:clamp(1.5rem,2.5vw,2.5rem);margin:2.5rem 0 0}.threshold .threshold-talk{font-size:clamp(3rem,6vw,7rem);margin:.2rem 0 2rem}.twenty{font-family:var(--sans)!important;font-size:.68rem!important;letter-spacing:.2em;margin:0 0 1.5rem!important}.button-dark{background:var(--ink);color:var(--bone);border-color:var(--ink)}.button-dark:hover{background:var(--rust);color:var(--bone);border-color:var(--rust)}.calendar-note{display:block;margin-top:.8rem;opacity:.5;font-size:.62rem}
.questions{padding-top:7rem;padding-bottom:7rem}.question-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);max-width:1100px}.question-grid div{padding:1.4rem 1rem 1.6rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.55fr 1.45fr;gap:1rem}.question-grid div:nth-child(odd){padding-right:2rem}.question-grid div:nth-child(even){padding-left:2rem;border-left:1px solid var(--line)}.question-grid span{font-size:.62rem;letter-spacing:.14em}.question-grid strong{font-family:var(--display);font-size:1.25rem;font-weight:300}.question-last strong{color:var(--ochre)}.text-link{display:inline-block;margin-top:3rem;font-size:.7rem;font-weight:700;letter-spacing:.18em}
.site-footer{padding:5rem clamp(1.4rem,5vw,5.5rem) 3rem;background:var(--ink);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}.footer-brand{font-family:var(--display);font-size:clamp(2.5rem,5vw,5.5rem);letter-spacing:.08em}.site-footer p{font-family:var(--display);font-size:clamp(1.4rem,2.2vw,2.2rem);margin:0;text-align:right}.site-footer small{grid-column:2;text-align:right;opacity:.55}
@media(max-width:900px){.site-nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--ink);padding:1.5rem;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.nav-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:8rem}.hero h1{font-size:clamp(3.8rem,14vw,7rem)}.hero-image{min-height:42vh}.hero-mark{right:4%;top:18%}.section-head,.aumwork,.manifesto,.tending{grid-template-columns:1fr}.ways-grid{display:block}.way-card{margin:0 0 1rem;min-height:360px;transform:none}.aum-art{min-height:420px}.aum-rhythm{grid-template-columns:1fr}.aum-rhythm div{border-right:0;border-bottom:1px solid var(--line)}.manifesto-copy{grid-column:1}.tending{grid-column:1}.mirror{grid-column:1;margin:5rem 0 1rem}.portrait img{height:480px}.hospitality-art{width:75vw;opacity:.22}.hospitality-question,.listening{margin-left:0}.question-grid{grid-template-columns:1fr}.question-grid div:nth-child(even){padding-left:0;border-left:0}.site-footer{grid-template-columns:1fr}.site-footer p,.site-footer small{grid-column:1;text-align:left}}
@media(max-width:560px){.section-dark,.section-light{padding:5rem 1.2rem}.hero{padding-left:1.2rem;padding-right:1.2rem}.hero h1{font-size:clamp(3.5rem,17vw,5.6rem)}.recognition h2{font-size:3.7rem}.recognition-last{margin-left:0}.section-head h2,.aumwork h2,.manifesto h2,.hospitality h2,.threshold h2{font-size:clamp(3.7rem,16vw,6rem)}.way-card{padding:1.5rem}.way-card h3{font-size:3.4rem}.portrait img{height:400px}.manifesto-copy .manifesto-hit{font-size:2.8rem}.mirror{font-size:2.5rem}.question-grid div{grid-template-columns:1fr;gap:.5rem}.site-footer{padding-left:1.2rem;padding-right:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* PASS 8 — WAYS TO WORK: recomposed, not decorated */
.work-page{background:var(--ink);color:var(--bone)}
.work-page main{overflow:hidden}.work-page .eyebrow{letter-spacing:.22em}
.work-hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:end;padding:9rem clamp(1.4rem,5vw,5.5rem) 5rem;overflow:hidden}
.work-hero-copy{position:relative;z-index:3;padding-bottom:6vh}.work-hero h1,.work-panel h2,.integration-slip h2,.work-aum h2,.work-connect h2{font-family:var(--display);font-weight:300;letter-spacing:-.035em;line-height:.79;margin:0}
.work-hero h1{font-size:clamp(6rem,13vw,14rem)}.work-hero-copy>p{font-family:var(--display);font-size:clamp(1.6rem,2.8vw,3rem);margin:1.8rem 0 0 16vw}
.work-hero-art{position:absolute;right:-3vw;top:10vh;width:min(47vw,720px);height:78vh;margin:0;transform:rotate(1.4deg);clip-path:polygon(12% 0,100% 5%,91% 100%,0 92%)}.work-hero-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.08)}
.work-scratch{position:absolute;z-index:4;right:42%;top:19%;font-family:var(--display);font-size:clamp(5rem,10vw,11rem);color:var(--rust);transform:rotate(12deg)}.work-rule{position:absolute;width:38vw;height:5px;background:var(--ochre);right:-5vw;bottom:12%;transform:rotate(-7deg)}
.work-panel{min-height:100svh;position:relative;padding:clamp(7rem,12vw,12rem) clamp(1.4rem,5vw,5.5rem);overflow:hidden;border-top:1px solid var(--line)}.work-num{position:absolute;top:8rem;right:5vw;font-size:.62rem;letter-spacing:.2em}.work-title{position:relative;z-index:3}.work-title>span,.integration-copy>span{display:block;font-size:.67rem;font-weight:700;letter-spacing:.22em;margin-bottom:2rem}.work-panel h2{font-size:clamp(5rem,11vw,12rem)}.work-enter{position:absolute;z-index:5;right:5vw;bottom:5rem;font-size:.7rem;font-weight:700;letter-spacing:.2em;border-bottom:1px solid currentColor;padding-bottom:.4rem}
.work-coaching{background:var(--paper);color:var(--ink)}.work-coaching .work-title{margin-top:12vh}.work-aside{position:absolute;right:9vw;top:48%;font-family:var(--display);font-size:clamp(1.4rem,2.5vw,2.7rem);line-height:1.05;transform:rotate(-2deg)}.work-aside strong{font-weight:300;color:var(--rust)}.work-mark{position:absolute;font-family:var(--display);font-size:clamp(11rem,27vw,31rem);font-weight:300;line-height:1;opacity:.09}.mark-one{right:5vw;bottom:-9vw;transform:rotate(18deg)}
.work-micro{background:#111;color:var(--bone)}.micro-art{position:absolute;left:-7vw;top:8%;width:48vw;height:84%;background:url('assets/erbo-83-micro.webp') center/cover no-repeat;clip-path:polygon(10% 0,100% 8%,88% 94%,0 100%);opacity:.66;filter:saturate(.82)}.work-micro .work-title{margin-left:34vw;margin-top:10vh}.work-micro h2{font-size:clamp(5rem,10vw,11rem)}.micro-whisper{position:absolute;z-index:3;left:42vw;bottom:19%;font-family:var(--display);font-size:clamp(1.5rem,2.5vw,2.7rem);transform:rotate(-1deg)}.orbit-word{position:absolute;right:-2vw;top:24%;font-family:var(--display);font-size:clamp(4rem,9vw,10rem);letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px rgba(233,229,220,.18);transform:rotate(90deg)}
.work-journey{background:var(--rust);color:var(--bone)}.work-journey .work-title{margin-top:6vh}.work-journey h2{font-size:clamp(6rem,13vw,14rem)}.journey-slice{position:absolute;right:0;background-size:cover;background-position:center}.slice-a{top:0;width:32vw;height:47%;background-image:url('assets/erbo-dark.webp');clip-path:polygon(24% 0,100% 0,100% 100%,0 78%);opacity:.9}.slice-b{right:9vw;bottom:0;width:26vw;height:38%;background-image:url('assets/erbo-83-journey-b.webp');clip-path:polygon(0 14%,100% 0,88% 100%,9% 90%);mix-blend-mode:multiply;opacity:.7}.journey-arc{position:relative;z-index:3;display:flex;align-items:center;gap:1rem;margin:5rem 0 0 7vw;font-size:.62rem;letter-spacing:.18em}.journey-arc i{display:block;width:6vw;height:1px;background:currentColor;opacity:.55}.work-journey blockquote{position:relative;z-index:3;font-family:var(--display);font-size:clamp(1.8rem,3.3vw,3.8rem);line-height:1.02;margin:8rem 0 0 28vw}.work-journey blockquote strong{font-weight:300;color:#17120f}
.integration-slip{position:relative;min-height:80vh;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;overflow:hidden}.integration-image{height:100%;min-height:80vh;background:url('assets/erbo-83-integration.webp') center/cover no-repeat;clip-path:polygon(0 0,88% 8%,100% 92%,0 100%);filter:saturate(.72)}.integration-copy{padding:7rem 6vw;position:relative;z-index:2}.integration-slip h2{font-size:clamp(5rem,10vw,11rem)}.integration-copy a{display:inline-block;margin-top:4rem;font-size:.7rem;font-weight:700;letter-spacing:.2em;border-bottom:1px solid;padding-bottom:.4rem}.integration-x{position:absolute;right:3vw;bottom:-4rem;font-family:var(--display);font-size:15rem;color:var(--rust);transform:rotate(-11deg)}
.work-aum{min-height:100svh;position:relative;padding:clamp(8rem,14vw,14rem) clamp(1.4rem,5vw,5.5rem);background:var(--ink);overflow:hidden}.work-aum h2{font-size:clamp(7rem,17vw,18rem);position:relative;z-index:2}.aum-three{font-family:var(--display);font-size:clamp(1.7rem,3vw,3.4rem);margin:1rem 0 0 20vw;position:relative;z-index:2}.aum-life{margin:1rem 0 7rem 20vw;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}.aum-ghost{position:absolute;right:-5vw;top:0;font-family:var(--display);font-size:38vw;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(233,229,220,.07);transform:rotate(-7deg)}.aum-mini{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.aum-mini div{padding:1.6rem 1.3rem;border-right:1px solid var(--line)}.aum-mini div:last-child{border-right:0}.aum-mini span{display:block;font-size:.6rem;letter-spacing:.18em;margin-bottom:.65rem}.aum-mini strong{font-family:var(--display);font-size:clamp(1.3rem,2vw,2rem);font-weight:300}
.work-container{min-height:90vh;background:var(--paper);color:var(--ink);position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:7rem 5vw;overflow:hidden}.work-container figure{margin:0;transform:rotate(-1.5deg);clip-path:polygon(4% 0,100% 7%,93% 100%,0 90%)}.work-container figure img{width:100%;height:70vh;object-fit:cover}.container-copy{padding-left:7vw;position:relative;z-index:2}.container-copy p{font-family:var(--display);font-size:clamp(3rem,6vw,7rem);line-height:.88;margin:.18em 0}.container-copy p:nth-of-type(2){margin-left:4vw;color:var(--rust)}.container-copy p:nth-of-type(3){margin-left:1vw}.container-line{position:absolute;width:45vw;height:5px;background:var(--ochre);right:-8vw;bottom:17%;transform:rotate(8deg)}
.work-connect{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8rem 5vw;background:var(--ink)}.work-connect h2{font-size:clamp(5.5rem,12vw,13rem);position:relative;z-index:2}.work-connect>p{font-family:var(--display);font-size:clamp(1.5rem,2.5vw,2.7rem);margin:2.5rem 0 0 18vw}.work-connect .connect-talk{font-size:clamp(3rem,6vw,7rem);margin-top:0}.work-connect .twenty{margin-left:18vw!important;margin-top:2rem!important}.work-connect .button{margin-left:18vw}.work-connect .calendar-note{margin-left:18vw}.connect-mark{position:absolute;right:5vw;top:18%;display:grid;grid-template-columns:repeat(2,1fr);width:22vw;opacity:.25}.connect-mark span{font-family:var(--display);font-size:10vw;line-height:.6;text-align:center}
@media(max-width:900px){.work-hero{grid-template-columns:1fr}.work-hero-art{width:65vw;height:50vh;top:auto;bottom:4vh;opacity:.42}.work-hero-copy{align-self:start}.work-hero h1{font-size:clamp(5rem,18vw,9rem)}.work-aside{position:relative;right:auto;top:auto;margin:4rem 0 0 15vw}.work-micro .work-title{margin-left:18vw}.micro-art{width:60vw;opacity:.42}.micro-whisper{left:24vw}.journey-slice{opacity:.45}.work-journey blockquote{margin-left:12vw}.integration-slip{grid-template-columns:1fr}.integration-image{position:absolute;inset:0;min-height:100%;opacity:.28}.integration-copy{padding:9rem 5vw}.aum-three,.aum-life{margin-left:8vw}.work-container{grid-template-columns:1fr}.work-container figure img{height:48vh}.container-copy{padding:5rem 0 0 10vw}.connect-mark{width:38vw}.work-connect>p,.work-connect .twenty,.work-connect .button,.work-connect .calendar-note{margin-left:8vw!important}}
@media(max-width:560px){.work-hero{padding-left:1.2rem;padding-right:1.2rem}.work-hero-art{width:88vw;height:44vh;right:-28vw}.work-hero-copy>p{margin-left:0}.work-panel{padding-left:1.2rem;padding-right:1.2rem}.work-panel h2{font-size:clamp(4.5rem,20vw,7rem)}.work-num{top:6rem}.work-aside{margin-left:0}.work-micro .work-title{margin-left:0}.micro-art{width:88vw;left:-45vw;opacity:.25}.micro-whisper{left:1.2rem;bottom:18%}.orbit-word{display:none}.journey-arc{margin-left:0;gap:.45rem;flex-wrap:wrap}.journey-arc i{width:1.5rem}.work-journey blockquote{margin-left:0;margin-top:6rem}.slice-a{width:65vw}.slice-b{width:55vw}.integration-copy{padding-left:1.2rem;padding-right:1.2rem}.work-aum{padding-left:1.2rem;padding-right:1.2rem}.work-aum h2{font-size:23vw}.aum-three,.aum-life{margin-left:0}.aum-mini{grid-template-columns:1fr}.aum-mini div{border-right:0;border-bottom:1px solid var(--line)}.work-container{padding-left:1.2rem;padding-right:1.2rem}.container-copy{padding-left:0}.work-connect{padding-left:1.2rem;padding-right:1.2rem}.work-connect>p,.work-connect .twenty,.work-connect .button,.work-connect .calendar-note{margin-left:0!important}.connect-mark{opacity:.14;width:55vw}}

/* Pass 8.1 — crooked restraint / manifesto second image */
.way-card:nth-child(1){transform:rotate(-1.15deg);z-index:2}
.way-card:nth-child(2){transform:rotate(1.35deg) translateX(-1.2rem);z-index:3}
.way-card:nth-child(3){transform:rotate(-1.45deg) translate(1rem,-1rem);z-index:2}
.way-card:nth-child(4){transform:rotate(.95deg) translateX(-.8rem);z-index:4}

.manifesto-atman{grid-column:1;margin:-4rem 0 3rem 4vw;position:relative;width:min(82%,620px);transform:rotate(-2.1deg);border:1px solid rgba(13,13,13,.45);z-index:2}
.manifesto-atman img{width:100%;height:clamp(420px,58vw,760px);object-fit:cover;object-position:center 48%;filter:saturate(.88) contrast(1.04)}
.manifesto-atman span{position:absolute;left:-1.1rem;bottom:1.2rem;background:var(--ink);color:var(--bone);padding:.42rem .65rem;font-size:.58rem;letter-spacing:.2em;transform:rotate(-3deg)}
.manifesto-copy{align-self:center}

/* Ways page: a little more 90s collision, still controlled */
.work-coaching .work-title{transform:rotate(-1.1deg);transform-origin:left center}
.work-coaching .work-aside{transform:rotate(1.5deg)}
.work-micro .work-title{transform:rotate(1.25deg);transform-origin:left center}
.work-micro .micro-whisper{transform:rotate(-2deg)}
.work-journey .work-title{transform:rotate(-1.5deg);transform-origin:left center}
.work-journey .journey-arc{transform:rotate(.8deg)}
.integration-copy{transform:rotate(.85deg);transform-origin:left center}
.integration-image{transform:rotate(-1.15deg) scale(1.035)}

@media(max-width:900px){
  .manifesto-atman{grid-column:1/-1;margin:1rem 0 2rem 5vw;width:min(78%,560px)}
  .way-card:nth-child(1),.way-card:nth-child(2),.way-card:nth-child(3),.way-card:nth-child(4){transform:none}
}

/* PASS 8.2 — quiet orientation, no faux chapter numbering */
.practice-anchor{position:relative;z-index:4;margin:0 0 2.25rem;display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;opacity:.78}
.practice-anchor strong{font-family:var(--display);font-weight:300;font-size:1.15rem;letter-spacing:.12em}
.practice-anchor span{font-family:var(--sans);letter-spacing:.06em;text-transform:none;opacity:.72}
@media(max-width:560px){.practice-anchor{max-width:22rem;line-height:1.5;margin-bottom:1.6rem}.practice-anchor span{font-size:.62rem}}

/* PASS 8.3 — unique ERBO, legibility, quiet scope */
.work-hero-art img{filter:saturate(.82) contrast(1.05)}
.micro-art{background-image:url('assets/erbo-83-micro.webp');background-position:center;opacity:.58;filter:saturate(.76) contrast(1.04)}
.slice-a{background-image:url('assets/erbo-83-journey-a.webp');opacity:.72}
.slice-b{background-image:url('assets/erbo-83-journey-b.webp');mix-blend-mode:normal;opacity:.82}
.integration-image{background-image:url('assets/erbo-83-integration.webp');filter:saturate(.74) contrast(1.02)}

/* Keep the words legible; collision belongs around them, not through them. */
.work-coaching .work-title{position:relative;z-index:4}
.work-coaching .work-aside{right:6vw;top:64%;z-index:5;max-width:28rem;padding:.4rem .55rem;background:rgba(216,208,192,.88)}
.coaching-art{position:absolute;right:-3vw;top:10%;width:31vw;height:35%;background:url('assets/erbo-83-coaching.webp') center/cover no-repeat;clip-path:polygon(7% 0,100% 8%,92% 100%,0 87%);transform:rotate(2.4deg);opacity:.76}
/* Pass 8.4 — let the ERBO breathe; the line steps clear of the artwork. */
.work-journey blockquote{max-width:44rem;margin-left:9vw;padding:0;background:transparent}
.work-journey blockquote strong{display:inline-block;margin-left:4.5vw;color:var(--bone)}
.aum-erbo{position:absolute;right:-2vw;bottom:8%;width:24vw;height:31vh;background:url('assets/erbo-83-aum.webp') center/cover no-repeat;clip-path:polygon(5% 8%,100% 0,92% 100%,0 91%);transform:rotate(2.2deg);opacity:.52}
.work-aum .aum-mini{max-width:76vw}

.questions-anchor{margin-bottom:5rem;opacity:.9}
.questions-anchor strong{font-size:clamp(1.3rem,2vw,1.8rem)}
.questions-anchor span{font-size:.72rem}
.scope-note{max-width:760px;margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.scope-note>span{display:block;font-size:.62rem;font-weight:700;letter-spacing:.18em;margin-bottom:.8rem}
.scope-note p{margin:0;max-width:720px;font-size:.86rem;line-height:1.6;opacity:.8}
.scope-note small{display:block;margin-top:.8rem;font-size:.62rem;letter-spacing:.08em;opacity:.48}

@media(max-width:900px){
  .coaching-art{width:48vw;opacity:.38}
  .work-coaching .work-aside{right:auto;top:auto;background:transparent;max-width:none}
  .work-journey blockquote{margin-left:4vw;background:transparent;max-width:39rem}
  .work-journey blockquote strong{margin-left:5vw}
  .aum-erbo{width:38vw;opacity:.28}
  .work-aum .aum-mini{max-width:none}
}
@media(max-width:560px){
  .coaching-art{width:62vw;right:-24vw;top:8%;opacity:.25}
  .work-journey blockquote{margin-left:0;max-width:62vw}
  .work-journey blockquote strong{margin-left:1.2rem}
  .slice-b{width:50vw;right:-12vw}
  .aum-erbo{width:62vw;right:-28vw}
  .questions-anchor{margin-bottom:3rem}
}


/* PASS 8.5 — ERBO escapes the tile.
   Same artwork, less obedience: portals, shards, discs and partial reveals. */
.work-hero-art{
  right:-8vw;
  top:4vh;
  width:min(56vw,900px);
  height:88vh;
  transform:rotate(2.1deg);
  clip-path:ellipse(43% 50% at 57% 50%);
}

.coaching-art{
  right:-10vw;
  top:3%;
  width:44vw;
  height:44vw;
  max-height:none;
  clip-path:circle(48% at 51% 49%);
  transform:rotate(7deg);
  opacity:.72;
}

.micro-art{
  left:-13vw;
  top:-4%;
  width:61vw;
  height:108%;
  clip-path:polygon(0 8%,70% 0,100% 27%,78% 100%,13% 84%);
  transform:rotate(-1.2deg);
}

.slice-a{
  top:-8%;
  right:3vw;
  width:24vw;
  height:72%;
  clip-path:polygon(36% 0,100% 8%,76% 100%,0 83%);
  transform:rotate(2deg);
}
.slice-b{
  right:-10vw;
  bottom:-11vw;
  width:38vw;
  height:38vw;
  clip-path:circle(48% at 50% 50%);
  transform:rotate(-6deg);
}

.integration-image{
  min-height:92vh;
  transform:rotate(-2deg) scale(1.12);
  clip-path:ellipse(58% 49% at 30% 50%);
  background-position:44% center;
}

.aum-erbo{
  right:5vw;
  bottom:-3vh;
  width:17vw;
  height:55vh;
  clip-path:polygon(30% 0,100% 9%,72% 100%,0 84%);
  transform:rotate(5deg);
  opacity:.56;
}

.work-container figure{
  width:112%;
  margin-left:-11%;
  transform:rotate(-2.2deg);
  clip-path:ellipse(48% 44% at 48% 50%);
}
.work-container figure img{
  height:78vh;
  transform:scale(1.08);
}

@media(max-width:900px){
  .work-hero-art{width:76vw;height:58vh;right:-18vw;top:auto;bottom:0;clip-path:ellipse(44% 50% at 57% 50%)}
  .coaching-art{width:58vw;height:58vw;right:-18vw;top:5%}
  .micro-art{width:72vw;left:-24vw;height:105%}
  .slice-a{width:34vw;height:68%;right:-2vw}
  .slice-b{width:48vw;height:48vw;right:-16vw;bottom:-12vw}
  .integration-image{inset:-6% auto -6% -16%;width:82vw;min-height:112%;clip-path:ellipse(55% 48% at 35% 50%)}
  .aum-erbo{width:24vw;height:48vh;right:3vw}
  .work-container figure{width:92%;margin-left:-8%;clip-path:ellipse(49% 44% at 48% 50%)}
}

@media(max-width:560px){
  .work-hero-art{width:104vw;height:48vh;right:-49vw;bottom:1vh}
  .coaching-art{width:78vw;height:78vw;right:-40vw;top:7%;opacity:.28}
  .micro-art{width:104vw;left:-65vw;opacity:.28}
  .slice-a{width:47vw;height:58%;right:-8vw}
  .slice-b{width:68vw;height:68vw;right:-35vw;bottom:-17vw}
  .integration-image{left:-42vw;width:132vw;opacity:.25}
  .aum-erbo{width:34vw;height:44vh;right:-7vw;opacity:.30}
  .work-container figure{width:116%;margin-left:-24%}
}

/* PASS 8.6 — structure where it carries weight; freedom where it creates mystery. */

/* Opening: the threshold image now holds the entire right half through recognition. */
.opening{position:relative;background:var(--ink);overflow:hidden}
.opening-image{position:absolute;z-index:1;right:0;top:0;width:50%;height:100%;margin:0;border-left:1px solid rgba(233,229,220,.16);overflow:hidden}
.opening-image img{width:100%;height:100%;object-fit:cover;object-position:48% center;filter:saturate(.76) contrast(1.06)}
.opening-image figcaption{position:absolute;right:0;bottom:0;background:var(--ink);padding:.55rem .8rem;font-size:.62rem;letter-spacing:.2em}
.opening .hero{grid-template-columns:1fr;min-height:100svh;width:50%;padding-right:clamp(2rem,4vw,4.5rem);overflow:visible;z-index:2}
.opening .hero-copy{max-width:100%}
.opening .hero h1{font-size:clamp(4rem,7vw,8.3rem);max-width:46vw}
.opening .hero h1 span{max-width:44vw}
.opening .hero-mark{right:48%;top:13%;z-index:3}
.opening .raw-stroke{right:47%;width:28vw;z-index:3}
.opening .recognition{z-index:2;width:50%;min-height:70vh;padding-right:clamp(2rem,4vw,4.5rem);background:transparent}
.opening .recognition h2{font-size:clamp(3.3rem,6.5vw,7.4rem);max-width:43vw}
.opening .recognition-last{margin-left:5vw;max-width:38vw}

/* Ways: four equal doors. The composition gets its authority from alignment now. */
.ways{padding-left:0;padding-right:0;padding-bottom:0}
.ways .section-head{padding:0 clamp(1.4rem,5vw,5.5rem);margin-bottom:5rem}
.ways-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch}
.way-card,.way-card:nth-child(1),.way-card:nth-child(2),.way-card:nth-child(3),.way-card:nth-child(4){grid-column:auto;min-height:clamp(430px,42vw,650px);margin:0;transform:none;z-index:auto;border-width:1px 1px 0 0}
.way-card:nth-child(odd){border-left:0}
.way-card:nth-child(even){border-right:0}
.way-card:nth-child(-n+2){border-top:1px solid rgba(13,13,13,.38)}
.way-card h3{margin-top:auto;padding-top:3rem}
.way-card a{margin-top:2rem}

/* AUMWORK: ERBO becomes a diagonal field rather than a framed picture. */
.aumwork{display:block;min-height:100svh;padding-top:0;position:relative}
.aum-art{position:absolute;left:0;top:0;width:61%;height:73%;min-height:0;background-position:center;clip-path:polygon(0 0,100% 0,0 100%);filter:saturate(.82) contrast(1.04)}
.aum-copy{position:relative;z-index:2;width:52%;margin-left:48%;padding:clamp(7rem,11vw,11rem) 0 5rem clamp(2rem,5vw,5rem)}
.aumwork h2{font-size:clamp(4rem,7.2vw,8.2rem)}
.aum-sub{margin-left:8vw}
.aum-lines{margin-left:8vw;max-width:32rem}
.field-line{margin-left:8vw}
.aum-rhythm{position:relative;z-index:3;width:100%;margin-top:4rem}

/* Ways hero: a complete circular presence whose lower edge disappears into the next threshold. */
.work-hero-art{right:-4vw;top:auto;bottom:-13vw;width:min(52vw,820px);height:min(52vw,820px);transform:none;clip-path:circle(49.5% at 50% 50%)}
.work-hero-art img{border-radius:50%;object-fit:cover}

/* Coaching: half image / half language. The triangle moves away from the image field. */
.work-coaching .coaching-art{right:0;top:0;width:52%;height:100%;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);transform:none;opacity:.9;background-position:center}
.work-coaching .work-title{width:58%;margin-top:8vh;transform:none}
.work-coaching .work-aside{left:8vw;right:auto;top:auto;bottom:18%;max-width:27rem;padding:0;background:transparent;transform:none}
.work-coaching .mark-one{left:2vw;right:auto;bottom:-10vw;transform:rotate(-15deg);opacity:.12}
.work-coaching .work-enter{color:var(--bone)}

/* Container: lose the egg. Let the ERBO move as a jagged ribbon. */
.work-container{grid-template-columns:1.15fr .85fr}
.work-container figure{width:112%;margin-left:-11%;transform:none;clip-path:polygon(0 13%,14% 3%,29% 15%,44% 4%,59% 16%,75% 5%,100% 14%,100% 86%,84% 97%,68% 84%,52% 96%,36% 83%,18% 96%,0 87%)}
.work-container figure img{height:76vh;transform:scale(1.08);object-position:center}

@media(max-width:900px){
  .opening-image{position:relative;width:100%;height:58vh;border-left:0;border-top:1px solid rgba(233,229,220,.16);order:2}
  .opening{display:flex;flex-direction:column}
  .opening .hero{width:100%;min-height:92svh;padding-right:clamp(1.4rem,5vw,5.5rem)}
  .opening .hero h1,.opening .hero h1 span{max-width:none}
  .opening .hero-mark{right:4%}
  .opening .raw-stroke{right:-5vw;width:33vw}
  .opening .recognition{width:100%;min-height:62vh;padding-right:clamp(1.4rem,5vw,5.5rem);order:3}
  .opening .recognition h2,.opening .recognition-last{max-width:none}
  .opening .recognition-last{margin-left:8vw}
  .opening-image{order:2}
  .opening .hero{order:1}

  .ways{padding-top:7rem}
  .ways-grid{display:grid;grid-template-columns:1fr 1fr}
  .way-card,.way-card:nth-child(1),.way-card:nth-child(2),.way-card:nth-child(3),.way-card:nth-child(4){min-height:420px;margin:0;transform:none}

  .aum-art{width:72%;height:58%;opacity:.88}
  .aum-copy{width:64%;margin-left:36%;padding-left:4vw}
  .aum-sub,.aum-lines,.field-line{margin-left:4vw}

  .work-hero-art{width:72vw;height:72vw;right:-13vw;bottom:-22vw;clip-path:circle(49.5% at 50% 50%)}
  .work-coaching .coaching-art{width:58%;height:100%;right:0;opacity:.72}
  .work-coaching .work-title{width:62%;margin-top:5vh}
  .work-coaching .work-aside{left:5vw;bottom:16%;max-width:22rem}
  .work-coaching .mark-one{left:-5vw}
  .work-container figure{width:104%;margin-left:-12%;clip-path:polygon(0 13%,14% 3%,29% 15%,44% 4%,59% 16%,75% 5%,100% 14%,100% 86%,84% 97%,68% 84%,52% 96%,36% 83%,18% 96%,0 87%)}
}

@media(max-width:560px){
  .opening .hero{min-height:86svh}
  .opening-image{height:50vh}
  .opening .recognition-last{margin-left:0}
  .ways{padding-top:5rem}
  .ways .section-head{padding-left:1.2rem;padding-right:1.2rem;margin-bottom:3.5rem}
  .ways-grid{grid-template-columns:1fr}
  .way-card,.way-card:nth-child(1),.way-card:nth-child(2),.way-card:nth-child(3),.way-card:nth-child(4){min-height:360px;border-left:0;border-right:0}
  .aum-art{width:100%;height:42%;opacity:.72;clip-path:polygon(0 0,100% 0,0 100%)}
  .aum-copy{width:72%;margin-left:28%;padding:7rem 0 3rem 1rem}
  .aum-sub,.aum-lines,.field-line{margin-left:0}
  .aum-rhythm{margin-top:2rem}
  .work-hero-art{width:94vw;height:94vw;right:-35vw;bottom:-35vw}
  .work-coaching .coaching-art{width:72%;opacity:.34;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
  .work-coaching .work-title{width:90%;margin-top:2vh}
  .work-coaching .work-aside{left:1.2rem;bottom:18%;max-width:15rem}
  .work-coaching .work-enter{color:var(--ink)}
  .work-container figure{width:118%;margin-left:-25%}
}

/* Pass 8.6 final calibration: the four homepage doors are literal, even squares. */
@media(min-width:561px){
  .way-card,.way-card:nth-child(1),.way-card:nth-child(2),.way-card:nth-child(3),.way-card:nth-child(4){aspect-ratio:1/1;min-height:0}
  .way-card h3{margin:3.5rem 0 1rem;padding-top:0}
}
@media(max-width:560px){
  .way-card h3{margin:2.5rem 0 1rem;padding-top:0}
}


/* PASS 8.7 — clarity without taming the page. */

/* Opening: move the small star into the image and let LEAN IN step clear of the ochre stroke. */
.opening-image-mark{
  position:absolute;
  z-index:3;
  left:clamp(1.2rem,3vw,3rem);
  top:clamp(1.2rem,3vw,3rem);
  font-size:clamp(3.2rem,6vw,7rem);
  line-height:1;
  color:var(--rust);
  transform:rotate(11deg);
}
.opening .hero .button{margin-left:5vw;position:relative;z-index:5}
.opening .recognition h2{font-size:clamp(3rem,5.7vw,6.6rem);line-height:.83}
.opening .recognition-last{font-size:clamp(1.15rem,1.8vw,1.8rem);margin-top:2rem}

/* Coaching: a clean split. ERBO owns the left; language owns the right. */
.work-coaching{padding-left:0;padding-right:0}
.work-coaching .coaching-art{
  left:0;
  right:auto;
  top:0;
  width:50%;
  height:100%;
  clip-path:polygon(0 0,100% 0,84% 100%,0 100%);
  transform:none;
  opacity:.92;
  background-position:center;
}
.work-coaching .work-title{
  width:46%;
  margin:7vh 4vw 0 auto;
  transform:none;
  position:relative;
  z-index:4;
}
.work-coaching .work-title h2{font-size:clamp(4.8rem,8.3vw,9.6rem)}
.work-coaching .work-aside{
  left:auto;
  right:6vw;
  top:auto;
  bottom:18%;
  width:40%;
  max-width:34rem;
  padding:0;
  background:transparent;
  transform:none;
  z-index:5;
}
.work-coaching .mark-one{left:2vw;right:auto;bottom:-11vw;transform:rotate(-14deg);opacity:.1;color:var(--bone)}
.work-coaching .work-enter{right:5vw;color:var(--ink)}

/* Microdose: keep the odd silhouette, but let it land solidly on the bottom edge. */
.micro-art{
  clip-path:polygon(0 7%,70% 0,100% 27%,78% 100%,0 100%);
}

/* Between sessions: quieter AUMWORK; the line starts exactly with its A. */
.work-aum{padding-top:clamp(7rem,11vw,11rem)}
.work-aum h2{font-size:clamp(5.5rem,12.5vw,13rem)}
.aum-three{font-size:clamp(1.45rem,2.5vw,2.8rem);margin:1rem 0 0 0}
.aum-life{margin:1rem 0 7rem 0}

/* Let the AUM ERBO stop behaving like a floating rectangle: it runs full-height on the same angle. */
.aum-erbo{
  right:-4vw;
  top:-5%;
  bottom:auto;
  width:30vw;
  height:110%;
  clip-path:polygon(24% 0,100% 0,76% 100%,0 100%);
  transform:rotate(3deg);
  transform-origin:center;
  opacity:.48;
  background-position:center;
}
.work-aum .aum-mini{max-width:68vw}

@media(max-width:900px){
  .opening .hero .button{margin-left:3vw}
  .opening-image-mark{left:1.5rem;top:1.5rem}
  .work-coaching .coaching-art{width:48%;opacity:.72}
  .work-coaching .work-title{width:48%;margin-right:3vw}
  .work-coaching .work-title h2{font-size:clamp(4.2rem,9vw,7.2rem)}
  .work-coaching .work-aside{right:3vw;width:44%;bottom:17%}
  .work-coaching .mark-one{left:-4vw}
  .aum-erbo{right:-8vw;width:34vw;height:108%;opacity:.34}
  .work-aum .aum-mini{max-width:64vw}
}

@media(max-width:560px){
  .opening .hero .button{margin-left:0}
  .opening .recognition h2{font-size:clamp(3.1rem,15vw,5.4rem)}
  .opening .recognition-last{font-size:1.2rem}
  .work-coaching{padding-left:1.2rem;padding-right:1.2rem}
  .work-coaching .coaching-art{left:-28vw;width:78vw;opacity:.30;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
  .work-coaching .work-title{width:88%;margin:2vh 0 0 auto}
  .work-coaching .work-title h2{font-size:clamp(4.3rem,18vw,6.5rem)}
  .work-coaching .work-aside{right:1.2rem;width:66%;bottom:18%;max-width:18rem}
  .work-coaching .mark-one{left:-18vw}
  .work-coaching .work-enter{right:1.2rem}
  .work-aum h2{font-size:20vw}
  .aum-three{font-size:1.45rem;max-width:65vw}
  .aum-life{max-width:60vw}
  .aum-erbo{right:-26vw;width:58vw;height:106%;opacity:.22}
  .work-aum .aum-mini{max-width:none}
}

/* PASS 8.8 — quiet the declarations; let the image and the work breathe. */

/* Opening: one proprietary image, one page. The photograph is the atmosphere. */
.opening{
  position:relative;
  min-height:100svh;
  height:100svh;
  background:var(--ink);
  overflow:hidden;
  color:var(--ink);
}
.opening-image{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  margin:0;
  border:0;
}
.opening-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(13,13,13,.20) 0%,rgba(13,13,13,.02) 38%,rgba(233,229,220,.04) 100%);
  pointer-events:none;
}
.opening-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 47%;
  filter:saturate(.88) contrast(1.02);
}
.opening-image figcaption{
  right:clamp(1rem,2vw,2rem);
  bottom:clamp(1rem,2vw,2rem);
  background:transparent;
  color:rgba(13,13,13,.62);
  padding:0;
}
.opening .hero{
  position:absolute;
  inset:0;
  z-index:3;
  width:100%;
  min-height:0;
  height:100%;
  padding:clamp(7rem,12vh,10rem) clamp(1.4rem,5vw,5.5rem) 4rem;
  display:block;
  background:transparent;
  color:var(--ink);
}
.opening .hero-copy{
  width:min(45vw,680px);
  margin-left:auto;
}
.opening .hero h1,
.opening .hero h1 span{
  max-width:none;
}
.opening .hero h1{
  font-size:clamp(3rem,5vw,5.9rem);
  line-height:.88;
}
.opening .hero-sub{
  margin:1.4rem 0 1.2rem;
  font-size:clamp(1.05rem,1.6vw,1.55rem);
}
.opening .hero .button{
  margin-left:0;
  color:var(--ink);
  border-color:rgba(13,13,13,.72);
  background:rgba(233,229,220,.18);
  backdrop-filter:blur(2px);
}
.opening .hero .button:hover{background:var(--ink);color:var(--bone)}
.opening .recognition{
  position:absolute;
  z-index:4;
  right:clamp(1.4rem,5vw,5.5rem);
  bottom:clamp(4.5rem,9vh,7rem);
  width:min(40vw,590px);
  min-height:0;
  padding:0;
  background:transparent;
  color:var(--ink);
}
.opening .recognition .eyebrow{margin-bottom:1rem;color:rgba(13,13,13,.72)}
.opening .recognition h2{
  font-size:clamp(2.35rem,4.2vw,4.8rem);
  line-height:.88;
  max-width:none;
}
.opening .recognition-last{
  font-size:clamp(1rem,1.35vw,1.35rem);
  line-height:1.25;
  margin:1rem 0 0 4vw;
  max-width:24rem;
}

/* Ways to work: same four doors, less monumentality. */
.ways{padding-top:clamp(5.5rem,8vw,8rem);padding-bottom:clamp(5rem,8vw,8rem)}
.ways .section-head{
  max-width:1120px;
  margin:0 auto clamp(3rem,5vw,4.5rem);
  padding:0 clamp(1.4rem,3vw,2.5rem);
  grid-template-columns:.55fr 1.45fr;
}
.ways .section-head h2{font-size:clamp(3.4rem,6.5vw,7rem)}
.ways-grid{
  width:min(1120px,calc(100% - 2.8rem));
  margin:0 auto;
  border-left:1px solid rgba(13,13,13,.38);
  border-bottom:1px solid rgba(13,13,13,.38);
}
.way-card,.way-card:nth-child(1),.way-card:nth-child(2),.way-card:nth-child(3),.way-card:nth-child(4){padding:clamp(1.4rem,2.2vw,2rem)}
.way-card h3{font-size:clamp(2.3rem,3.9vw,4.35rem);margin:2.3rem 0 .75rem}
.way-card>p{font-size:clamp(1.05rem,1.5vw,1.45rem)}
.way-card .way-whisper{font-size:.84rem;margin:1.2rem 0 1.8rem}

/* AUMWORK stays because it is part of the practice; it simply stops shouting. */
.aumwork{min-height:auto;padding-bottom:0}
.aum-art{height:68%;width:56%}
.aum-copy{width:50%;margin-left:50%;padding:clamp(5.5rem,8vw,8rem) 0 3.5rem clamp(2rem,4vw,4rem)}
.aumwork h2{font-size:clamp(3.2rem,5.8vw,6.4rem)}
.aum-sub{font-size:clamp(1.2rem,1.8vw,1.8rem);margin-top:1.4rem;margin-bottom:2rem}
.aum-lines p{font-size:.92rem}
.aum-rhythm{margin-top:2.5rem}
.aum-rhythm div{padding:1.15rem 1rem 1.3rem}
.aum-rhythm strong{font-size:clamp(1.15rem,1.55vw,1.55rem)}

/* Manifesto: Michael is present, but the biography no longer dominates the room. */
.manifesto{grid-template-columns:.9fr 1.1fr;gap:3vw 5vw;padding-top:clamp(6rem,9vw,9rem);padding-bottom:clamp(5rem,8vw,8rem)}
.manifesto-title{padding-top:3rem}
.manifesto h2{font-size:clamp(3.2rem,5.9vw,6.7rem)}
.portrait{width:108%;margin-left:-2%;transform:rotate(.8deg)}
.portrait img{height:clamp(520px,52vw,720px);object-position:center 44%}
.manifesto-copy{padding:1rem 0 2.5rem;max-width:570px}
.manifesto-copy .manifesto-hit{font-size:clamp(1.9rem,3.1vw,3.6rem);margin:1.5rem 0}
.manifesto-atman{margin-top:-2rem;width:min(76%,560px)}

/* Tending: compact, then a single ERBO frequency between statement and definition. */
.tending{
  padding:2.8rem 0 1.2rem;
  display:grid;
  grid-template-columns:1fr;
  gap:1.2rem;
}
.tending .eyebrow{margin:0}
.tending-wave{
  width:min(100%,980px);
  height:clamp(54px,6vw,82px);
  background:url('assets/erbo-lilac-wave.webp') center 47%/cover no-repeat;
  clip-path:polygon(0 48%,5% 25%,10% 62%,15% 35%,20% 72%,25% 28%,30% 58%,35% 18%,40% 66%,45% 33%,50% 78%,55% 26%,60% 61%,65% 20%,70% 70%,75% 34%,80% 62%,85% 23%,90% 68%,95% 38%,100% 52%,100% 76%,95% 62%,90% 88%,85% 49%,80% 82%,75% 58%,70% 90%,65% 44%,60% 84%,55% 52%,50% 94%,45% 56%,40% 88%,35% 47%,30% 82%,25% 54%,20% 91%,15% 60%,10% 84%,5% 53%,0 72%);
  opacity:.88;
}
.tending blockquote{font-size:clamp(2rem,3.8vw,4.35rem);max-width:1050px}
.mirror{margin:5rem 0 1rem 16vw;font-size:clamp(1.8rem,3.2vw,3.65rem)}

/* The final threshold is an invitation, not another billboard. */
.threshold{min-height:64vh;padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(5rem,8vw,8rem)}
.threshold h2{font-size:clamp(3.7rem,7.4vw,8rem)}
.threshold>p{font-size:clamp(1.25rem,1.9vw,1.9rem);margin-top:1.8rem}
.threshold .threshold-talk{font-size:clamp(2.2rem,4.2vw,4.6rem)}
.work-connect{min-height:68svh;padding-top:clamp(6rem,9vw,9rem);padding-bottom:clamp(6rem,9vw,9rem)}
.work-connect h2{font-size:clamp(4rem,8.2vw,8.8rem)}
.work-connect>p{font-size:clamp(1.25rem,1.9vw,1.9rem);margin-top:1.8rem}
.work-connect .connect-talk{font-size:clamp(2.3rem,4.4vw,4.8rem)}

@media(max-width:900px){
  .opening{height:100svh;min-height:100svh;display:block}
  .opening-image{position:absolute;width:100%;height:100%;border:0}
  .opening .hero{position:absolute;width:100%;height:100%;min-height:0;padding:7rem 1.5rem 3rem}
  .opening .hero-copy{width:min(68vw,560px);margin-left:auto}
  .opening .hero h1{font-size:clamp(3rem,7vw,5.2rem)}
  .opening .recognition{position:absolute;width:min(58vw,500px);right:1.5rem;bottom:4rem;padding:0;min-height:0}
  .opening .recognition h2{font-size:clamp(2.5rem,6vw,4.2rem)}
  .opening .recognition-last{margin-left:2vw}
  .ways{padding-top:5rem}
  .ways-grid{width:min(92vw,900px)}
  .aum-art{width:62%;height:62%}
  .aum-copy{width:58%;margin-left:42%;padding-left:3vw}
  .manifesto{grid-template-columns:.82fr 1.18fr}
  .portrait{width:112%;margin-left:-7%}
  .work-connect{min-height:64svh}
}

@media(max-width:560px){
  .opening{height:100svh;min-height:100svh}
  .opening-image{height:100%;order:initial}
  .opening-image img{object-position:43% center}
  .opening-image::after{background:linear-gradient(180deg,rgba(233,229,220,.08) 0%,rgba(13,13,13,.04) 52%,rgba(13,13,13,.38) 100%)}
  .opening .hero{padding:6.5rem 1.2rem 2rem}
  .opening .hero-copy{width:88vw;margin-left:0}
  .opening .hero h1{font-size:clamp(2.65rem,12vw,4.2rem);max-width:88vw}
  .opening .hero-sub{font-size:1rem;margin-top:1rem}
  .opening .recognition{left:1.2rem;right:auto;bottom:2.2rem;width:78vw;color:var(--bone)}
  .opening .recognition .eyebrow{color:rgba(233,229,220,.78)}
  .opening .recognition h2{font-size:clamp(2.25rem,11vw,3.6rem);color:var(--bone)}
  .opening .recognition-last{font-size:1rem;margin-left:0;color:var(--bone)}
  .opening-image figcaption{color:rgba(233,229,220,.58)}
  .ways .section-head{display:block;margin-bottom:2.5rem}
  .ways .section-head h2{font-size:clamp(3rem,14vw,4.8rem)}
  .ways-grid{width:100%;border-left:0}
  .way-card h3{font-size:clamp(2.5rem,12vw,4rem)}
  .aum-art{width:100%;height:38%}
  .aum-copy{width:76%;margin-left:24%;padding-top:5.5rem}
  .aumwork h2{font-size:clamp(3rem,14vw,4.8rem)}
  .manifesto{display:block}
  .manifesto-title{padding-top:0;margin-bottom:2.5rem}
  .manifesto h2{font-size:clamp(3rem,14vw,4.8rem)}
  .portrait{width:100%;margin:0 0 2rem;transform:rotate(.5deg)}
  .portrait img{height:70vh;max-height:620px}
  .manifesto-atman{width:88%;margin:1rem 0 2rem 3vw}
  .manifesto-copy{padding:0 0 2rem}
  .tending-wave{height:58px}
  .mirror{margin:3.5rem 0 1rem 0}
  .threshold{min-height:auto}
  .threshold h2{font-size:clamp(3.5rem,16vw,5.5rem)}
  .work-connect{min-height:auto}
  .work-connect h2{font-size:clamp(3.8rem,17vw,6rem)}
}

/* Recognition sits in the dark foreground; light type keeps it quiet and legible. */
.opening .recognition{color:var(--bone);text-shadow:0 1px 18px rgba(13,13,13,.24)}
.opening .recognition .eyebrow{color:rgba(233,229,220,.78)}
.opening .recognition-last{color:var(--bone)}


/* Pass 8.9 — quieter alignment, one seed, and a clearer between-sessions invitation. */
@media(min-width:901px){
  .opening .recognition{
    width:min(45vw,680px);
    bottom:clamp(7.5rem,14vh,11rem);
  }
  .opening .recognition-last{
    margin-left:0;
    margin-top:1.15rem;
  }
}

.work-coaching .work-aside{
  font-size:clamp(1rem,1.45vw,1.45rem);
  line-height:1.18;
  letter-spacing:.01em;
}
.work-coaching .work-aside strong{font-weight:400}

.work-aum .aum-description{
  position:relative;
  z-index:4;
  width:min(42rem,58vw);
  margin:clamp(2rem,3.5vw,3.5rem) 0 0 0;
  font-family:var(--sans);
  font-size:clamp(1.15rem,1.8vw,1.85rem);
  line-height:1.28;
  letter-spacing:-.015em;
}
.work-aum .aum-description span{
  display:block;
  margin-top:.35rem;
  font-family:var(--display);
  font-size:clamp(1.55rem,2.7vw,3rem);
  line-height:.96;
  letter-spacing:.01em;
}

@media(max-width:900px){
  .opening .recognition{bottom:7rem;width:min(68vw,560px)}
  .opening .recognition-last{margin-left:0}
  .work-aum .aum-description{width:min(64vw,36rem)}
}
@media(max-width:560px){
  .opening .recognition{bottom:3.6rem;width:82vw}
  .work-aum .aum-description{width:72vw;font-size:1.05rem}
  .work-aum .aum-description span{font-size:1.55rem}
}


/* PASS 9.0 — professional grounding, cleaner coaching title, and protected AUMWORK copy. */

/* Manifesto: let the philosophy and professional grounding share one compact room. */
.practice-grounding{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:clamp(3rem,6vw,7rem);
  padding:clamp(3rem,5vw,5rem) 0 1rem;
  border-top:1px solid rgba(13,13,13,.35);
  align-items:start;
}
.tending-column{min-width:0}
.practice-grounding .tending{
  display:block;
  padding:0;
  border:0;
}
.practice-grounding .tending .eyebrow{margin:0 0 1.35rem}
.practice-grounding .tending blockquote{
  max-width:760px;
  font-size:clamp(2.15rem,3.75vw,4.35rem);
  line-height:.95;
}
.practice-grounding .mirror{
  margin:clamp(2.5rem,4vw,4rem) 0 0 clamp(1rem,3vw,3.5rem);
  max-width:720px;
  font-size:clamp(1.65rem,2.65vw,3rem);
  line-height:1.02;
}
.practice-credentials{
  min-width:0;
  padding-top:.1rem;
}
.practice-credentials .tending-wave{
  width:100%;
  height:clamp(42px,4.5vw,62px);
  margin:0 0 1.7rem;
  opacity:.82;
}
.practice-credentials>.eyebrow{margin:0 0 1.15rem}
.credential-list{border-top:1px solid rgba(13,13,13,.28)}
.credential-list>div{
  display:grid;
  grid-template-columns:minmax(135px,.75fr) minmax(0,1.25fr);
  gap:1rem;
  padding:.82rem 0 .9rem;
  border-bottom:1px solid rgba(13,13,13,.22);
}
.credential-list strong{
  font-size:.66rem;
  line-height:1.25;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.credential-list span{
  font-family:var(--display);
  font-size:clamp(1rem,1.35vw,1.35rem);
  line-height:1.08;
}
.practice-informs{
  margin-top:clamp(2rem,3vw,3rem);
  max-width:38rem;
}
.practice-informs .eyebrow{margin:0 0 .85rem}
.practice-informs>p:last-child{
  margin:0;
  max-width:36rem;
  font-size:.92rem;
  line-height:1.58;
}

/* Coaching: three deliberate lines. The full word THRESHOLD stays inside the page. */
.work-coaching .work-title h2{
  font-size:clamp(4.15rem,7.15vw,8.2rem);
  line-height:.82;
  max-width:100%;
}
.work-coaching .work-title{width:46%;margin-right:4vw}
.work-coaching .work-aside{bottom:13%}

/* Between sessions: the thought breaks before the ERBO gets a chance to swallow it. */
.work-aum .aum-description{
  width:min(34rem,48vw);
  max-width:34rem;
}
.work-aum .aum-description span{
  width:max-content;
  max-width:28rem;
}

@media(max-width:900px){
  .practice-grounding{grid-template-columns:1fr 1fr;gap:3rem}
  .credential-list>div{grid-template-columns:1fr;gap:.35rem}
  .work-coaching .work-title{width:48%;margin-right:3vw}
  .work-coaching .work-title h2{font-size:clamp(3.8rem,8.2vw,6.7rem)}
  .work-coaching .work-aside{bottom:12%}
  .work-aum .aum-description{width:min(31rem,56vw)}
}
@media(max-width:560px){
  .practice-grounding{display:block;padding-top:3rem}
  .practice-grounding .mirror{margin:2.6rem 0 0}
  .practice-credentials{margin-top:4rem}
  .practice-credentials .tending-wave{height:50px}
  .credential-list>div{grid-template-columns:1fr}
  .work-coaching .work-title{width:88%;margin-right:0}
  .work-coaching .work-title h2{font-size:clamp(3.7rem,16vw,5.8rem)}
  .work-coaching .work-aside{bottom:13%}
  .work-aum .aum-description{width:68vw;max-width:22rem}
  .work-aum .aum-description span{width:auto;max-width:18rem}
}

/* PASS 9.1 — the last grounding pass: ERBO in the wordmark, clearer credentials,
   a quieter AUMWORK voice, and a photographic threshold to close. */

/* The O carries a small living fragment of ERBO wherever the wordmark appears. */
.brand-o{
  display:inline-block;
  background-image:url('assets/erbo-dark.webp');
  background-size:520%;
  background-position:19% 16%;
  background-repeat:no-repeat;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}

/* Let the professional grounding announce itself without turning into a resume. */
.practice-credentials>.eyebrow{
  font-size:clamp(.86rem,1.15vw,1.08rem);
  letter-spacing:.16em;
  margin-bottom:1.3rem;
}

/* The between-sessions thought now speaks in one typographic voice. */
.work-aum .aum-description{
  font-family:var(--display);
  font-size:clamp(1.25rem,1.9vw,1.95rem);
  line-height:1.14;
  letter-spacing:0;
}
.work-aum .aum-description span{
  font-family:var(--display);
}

/* Three movements in the journey need a little more air than two. */
.work-journey h2{
  font-size:clamp(4.9rem,10.4vw,11.2rem);
  line-height:.77;
}

/* Close the Ways page the way the home page opens: one owned image, one invitation. */
.work-connect{
  min-height:100svh;
  color:var(--bone);
  background:
    linear-gradient(90deg,rgba(7,10,13,.72) 0%,rgba(7,10,13,.44) 35%,rgba(7,10,13,.08) 70%,rgba(7,10,13,.18) 100%),
    linear-gradient(0deg,rgba(7,10,13,.52) 0%,rgba(7,10,13,0) 45%),
    url('assets/threshold-moon.webp') center 31%/cover no-repeat;
  overflow:hidden;
}
.work-connect>*{position:relative;z-index:2}
.work-connect .connect-brand{
  position:absolute;
  top:clamp(6.4rem,10vh,8rem);
  left:5vw;
  font-family:var(--display);
  font-size:clamp(1.2rem,1.8vw,1.65rem);
  letter-spacing:.11em;
  font-weight:300;
  opacity:.88;
}
.work-connect .eyebrow{margin-top:clamp(3.5rem,7vh,6rem)}
.work-connect h2{text-shadow:0 2px 24px rgba(0,0,0,.22)}
.work-connect>p{text-shadow:0 1px 18px rgba(0,0,0,.3)}
.work-connect .button{
  background:rgba(13,13,13,.26);
  border-color:rgba(233,229,220,.72);
  color:var(--bone);
  backdrop-filter:blur(3px);
}
.work-connect .button:hover{background:var(--bone);color:var(--ink)}
.work-connect .calendar-note{color:rgba(233,229,220,.7)}
.work-connect .connect-mark{display:none}

@media(max-width:900px){
  .work-connect{
    background-position:center 30%;
  }
  .work-connect .connect-brand{left:5vw}
  .work-journey h2{font-size:clamp(4.5rem,13vw,8rem)}
}

@media(max-width:560px){
  .brand-o{background-size:430%;background-position:18% 17%}
  .practice-credentials>.eyebrow{font-size:.82rem}
  .work-journey h2{font-size:clamp(3.9rem,17vw,5.8rem)}
  .work-connect{
    min-height:100svh;
    padding-top:8.5rem;
    background:
      linear-gradient(180deg,rgba(7,10,13,.26) 0%,rgba(7,10,13,.08) 35%,rgba(7,10,13,.64) 100%),
      url('assets/threshold-moon.webp') center 35%/cover no-repeat;
  }
  .work-connect .connect-brand{top:6.1rem;left:1.2rem;font-size:1.15rem}
  .work-connect .eyebrow{margin-top:4rem}
  .work-aum .aum-description{font-size:1.25rem}
}


/* PASS 9.2 — one word, one ring, one voice. */

/* BARDOTENDER is indivisible. The O keeps the same bone-white ring as the
   wordmark while the negative space carries a crop from COME CLOSER. */
.brand-word,
.brand-badge,
.connect-brand,
.footer-brand{
  white-space:nowrap;
}
.brand-o{
  display:inline-block;
  position:relative;
  width:.69em;
  height:.69em;
  margin:0 .018em;
  vertical-align:-.025em;
  border:clamp(1px,.045em,3px) solid var(--bone);
  border-radius:50%;
  background-image:url('assets/erbo-83-hero.webp');
  background-size:340% 340%;
  background-position:60% 58%;
  background-repeat:no-repeat;
  background-clip:border-box;
  -webkit-background-clip:border-box;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  overflow:hidden;
  text-indent:-9999px;
}

/* Between sessions: the extension is one sentence and one typographic voice. */
.work-aum .aum-description span{
  display:inline;
  margin:0;
  font:inherit;
  letter-spacing:inherit;
}

@media(max-width:560px){
  .brand-o{
    background-size:340% 340%;
    background-position:60% 58%;
  }
  .work-aum .aum-description span{font:inherit}
}

/* PASS 9.3 — the O is a letter first. Keep the native glyph at full size;
   place the COME CLOSER ERBO only inside its counter (negative space). */
.brand-o{
  display:inline-block;
  position:relative;
  width:auto;
  height:auto;
  margin:0;
  vertical-align:baseline;
  border:0;
  border-radius:0;
  background:none;
  color:var(--bone);
  -webkit-text-fill-color:currentColor;
  text-shadow:inherit;
  text-indent:0;
  overflow:visible;
  line-height:inherit;
}
.brand-o::after{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:.30em;
  height:.39em;
  transform:translate(-50%,-49%);
  border-radius:50%;
  background:url('assets/erbo-83-hero.webp') 60% 58%/340% 340% no-repeat;
  pointer-events:none;
}

@media(max-width:560px){
  .brand-o{
    background:none;
    color:var(--bone);
    -webkit-text-fill-color:currentColor;
  }
  .brand-o::after{
    background:url('assets/erbo-83-hero.webp') 60% 58%/340% 340% no-repeat;
  }
}

/* PASS 9.4 — fill the O counter, not a circle inside it. */
.brand-o{
  isolation:isolate;
  z-index:0;
}
.brand-o::after{
  z-index:-1;
  width:.69em;
  height:.79em;
  left:50%;
  top:50%;
  transform:translate(-50%,-49%);
  border-radius:50%;
  background:url('assets/erbo-83-hero.webp') 60% 58%/180% 180% no-repeat;
}
@media(max-width:560px){
  .brand-o::after{
    width:.69em;
    height:.79em;
    background:url('assets/erbo-83-hero.webp') 60% 58%/180% 180% no-repeat;
  }
}

/* PASS 9.4 FINAL — the native Naima O, with its entire counter filled by ERBO. */
.brand-o{
  display:inline-block;
  position:relative;
  width:.846em;
  height:.805em;
  margin:0;
  vertical-align:-.012em;
  border:0;
  border-radius:0;
  background:url('assets/pink-moon-wordmark-v112.png') center/100% 100% no-repeat;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  text-indent:-9999px;
  overflow:hidden;
  line-height:1;
  isolation:auto;
  z-index:auto;
}
.brand-o::after{content:none!important;display:none!important}
@media(max-width:560px){
  .brand-o{
    width:.846em;
    height:.805em;
    vertical-align:-.012em;
    background:url('assets/pink-moon-wordmark-v112.png') center/100% 100% no-repeat;
  }
  .brand-o::after{content:none!important;display:none!important}
}

/* PASS 10 — trust architecture. The art stays strange; the agreement gets clear. */

/* Opening: one image, one invitation, one quiet category line. */
.pass10-opening .hero-copy{width:min(48vw,720px);margin-left:auto}
.pass10-opening .hero-sub{max-width:34rem;line-height:1.2;margin-left:.55rem}

/* Michael is present; autobiography is not the centre. */
.michael{padding-top:clamp(6rem,9vw,9rem);padding-bottom:clamp(6rem,9vw,9rem)}
.michael-intro{display:grid;grid-template-columns:.8fr 1fr;gap:clamp(2.5rem,5vw,6rem);align-items:start;max-width:1180px;margin:0 auto}
.michael-intro>div:first-child{padding-top:2rem}
.michael h2{font-family:var(--display);font-weight:300;font-size:clamp(3.5rem,6.5vw,7.4rem);line-height:.84;letter-spacing:-.025em;margin:0}
.michael-portrait{grid-column:2;grid-row:1 / span 2;width:100%;margin:0;transform:rotate(0deg)}
.michael-portrait img{height:clamp(520px,58vw,760px);object-position:center 44%}
.michael-copy{grid-column:1;max-width:34rem;padding:1rem 0 0}
.michael-copy p{font-size:1rem;line-height:1.65;margin:0 0 1.25rem}
.michael-copy .michael-hit{font-family:var(--display);font-size:clamp(1.75rem,2.8vw,3.15rem);line-height:1.02;margin-top:2rem}
.michael-credentials{max-width:1180px;margin:clamp(4rem,7vw,7rem) auto 0;padding-top:clamp(2.5rem,4vw,4rem);border-top:1px solid rgba(13,13,13,.3)}
.michael-credentials .tending-wave{max-width:720px}

/* Home threshold: enough room to come closer without another manifesto. */
.pass10-threshold{min-height:78vh}
.pass10-threshold .threshold-copy{max-width:46rem;margin:2.5rem 0 2rem clamp(0rem,8vw,8rem)}
.pass10-threshold .threshold-copy p{font-family:var(--display);font-size:clamp(1.25rem,2vw,2rem);line-height:1.15;margin:.8rem 0}
.pass10-threshold .threshold-copy strong{font-weight:300;color:var(--rust)}
.pass10-threshold .button{margin-left:clamp(0rem,8vw,8rem)}
.threshold-note{display:block;margin:.9rem 0 0 clamp(0rem,8vw,8rem);font-size:.65rem;letter-spacing:.08em;opacity:.62}

/* Information spine on Ways to Work. */
.practice-details{padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem)}
.detail-grid{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.detail-card{padding:clamp(2rem,4vw,4.5rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:420px;display:flex;flex-direction:column;justify-content:flex-start}
.detail-card .eyebrow{margin-bottom:1.2rem;color:var(--ochre)}
.detail-card h2{font-family:var(--display);font-size:clamp(2.4rem,4.4vw,5rem);font-weight:300;line-height:.9;letter-spacing:-.02em;margin:0 0 2rem}
.detail-card p{max-width:31rem;line-height:1.65;margin:.55rem 0;opacity:.9}
.detail-card .detail-lead{font-family:var(--display);font-size:clamp(1.4rem,2.2vw,2.35rem);line-height:1.05;opacity:1;margin-bottom:1rem}

.trust-section,.practicalities,.scope-section,.begin-section,.journey-detail{padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem)}
.trust-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(3rem,8vw,9rem);align-items:start}
.trust-head{max-width:48rem}
.trust-head .eyebrow{margin-bottom:1.4rem}
.trust-head h2,.journey-detail h2,.scope-section h2,.begin-section h2,.practicalities h2{font-family:var(--display);font-weight:300;font-size:clamp(3.1rem,6vw,6.8rem);line-height:.86;letter-spacing:-.025em;margin:0}
.trust-copy{max-width:43rem;padding-top:3.5rem}
.trust-copy p{font-size:1rem;line-height:1.72;margin:0 0 1.4rem}
.trust-copy strong{font-weight:600}
.quiet-hit{font-family:var(--display);font-size:clamp(1.65rem,2.65vw,3rem)!important;line-height:1.05!important;margin-top:2rem!important}

/* Journey detail: practical, relational, non-directive. */
.journey-detail>.trust-head{max-width:1180px;margin:0 auto}
.journey-detail .section-intro{font-family:var(--display);font-size:clamp(1.35rem,2vw,2.1rem);line-height:1.1;max-width:38rem;margin:2rem 0 0 clamp(0rem,10vw,8rem)}
.arc-grid{width:min(1180px,100%);margin:clamp(4rem,7vw,7rem) auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.arc-grid article{padding:clamp(1.8rem,3vw,3.2rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:360px}
.arc-grid span{font-size:.62rem;letter-spacing:.18em;color:var(--ochre)}
.arc-grid h3{font-family:var(--display);font-weight:300;font-size:clamp(2rem,3.2vw,3.5rem);line-height:.95;margin:2.5rem 0 1.4rem}
.arc-grid p,.journey-subgrid p{font-size:.94rem;line-height:1.68;opacity:.9}
.journey-subgrid{width:min(1180px,100%);margin:clamp(5rem,8vw,8rem) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,7rem)}
.journey-subgrid article{border-top:1px solid var(--line);padding-top:2rem}
.journey-subgrid .eyebrow{color:var(--ochre);margin-bottom:1.5rem}

/* AUMWORK: lived practice, not branded jargon. */
.pass10-aum{min-height:auto}
.pass10-aum .aum-description{margin-bottom:clamp(3rem,5vw,5rem)}
.pass10-aum-mini{max-width:1180px!important;margin-top:2rem}
.pass10-aum-mini div{padding:clamp(1.5rem,2.5vw,2.5rem)}
.pass10-aum-mini p{font-family:var(--sans);font-size:.86rem;line-height:1.55;opacity:.72;margin:1rem 0 0}
.pass10-field-line{position:relative;z-index:3;margin-top:2.5rem}

/* Container: keep the art, give the three principles behavioural meaning. */
.pass10-container{min-height:88vh}
.pass10-container-copy{padding-left:clamp(2rem,6vw,7rem)}
.container-principles{border-top:1px solid rgba(13,13,13,.3)}
.container-principles article{padding:1.5rem 0 1.7rem;border-bottom:1px solid rgba(13,13,13,.24)}
.container-principles h3{font-family:var(--display);font-weight:300;font-size:clamp(2.2rem,4.3vw,4.8rem);line-height:.9;margin:0 0 .8rem}
.container-principles article:nth-child(2) h3{color:var(--rust);margin-left:clamp(0rem,3vw,3rem)}
.container-principles article:nth-child(3) h3{margin-left:clamp(0rem,1vw,1rem)}
.container-principles p{font-family:var(--sans);font-size:.92rem;line-height:1.55;margin:0;max-width:29rem}

/* Practicalities and scope: certainty belongs in the container. */
.practicalities{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,7vw,8rem)}
.practical-grid{border-top:1px solid rgba(13,13,13,.32)}
.practical-grid article{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr);gap:2rem;padding:1.45rem 0;border-bottom:1px solid rgba(13,13,13,.25)}
.practical-grid span{font-size:.62rem;font-weight:700;letter-spacing:.13em;line-height:1.45}
.practical-grid p{margin:0;font-size:.92rem;line-height:1.6}
.practical-grid strong{font-family:var(--display);font-size:1.25rem;font-weight:300}
.practical-last p{font-family:var(--display);font-size:1.6rem}

.scope-grid{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,7rem)}
.scope-grid article{border-top:1px solid var(--line);padding-top:2rem}
.scope-grid .eyebrow{color:var(--ochre);margin-bottom:1.4rem}
.scope-grid h2{font-size:clamp(2.7rem,4.8vw,5.4rem);margin-bottom:2rem}
.scope-grid article>p{font-size:.94rem;line-height:1.7;max-width:34rem}
.scope-mantra{font-family:var(--display);font-size:clamp(1.55rem,2.4vw,2.7rem)!important;line-height:1.08!important;margin-top:2.5rem!important}

/* How we begin. */
.begin-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,7vw,8rem)}
.begin-steps{border-top:1px solid rgba(13,13,13,.32)}
.begin-steps article{display:grid;grid-template-columns:70px 1fr;gap:1.5rem;padding:1.6rem 0;border-bottom:1px solid rgba(13,13,13,.25)}
.begin-steps span{font-size:.62rem;font-weight:700;letter-spacing:.18em;color:var(--rust)}
.begin-steps p{margin:0;max-width:42rem;line-height:1.65}
.begin-hit{grid-column:2;font-family:var(--display);font-size:clamp(2.3rem,4vw,4.6rem);line-height:1;margin:1rem 0 0;color:var(--rust)}

/* Final threshold: user's corrected moon photograph. */
.pass10-connect{min-height:100svh!important}
.pass10-connect .connect-copy{margin:2.5rem 0 2rem clamp(0rem,12vw,11rem);max-width:39rem;text-shadow:0 1px 18px rgba(0,0,0,.34)}
.pass10-connect .connect-copy p{font-family:var(--display);font-size:clamp(1.15rem,1.8vw,1.8rem);line-height:1.16;margin:.8rem 0}
.pass10-connect .connect-copy strong{font-weight:300}
.pass10-connect .button,.pass10-connect .calendar-note{margin-left:clamp(0rem,12vw,11rem)!important}

@media(max-width:900px){
  .pass10-opening .hero-copy{width:min(68vw,600px)}
  .michael-intro{grid-template-columns:.9fr 1.1fr}
  .detail-grid{grid-template-columns:1fr}
  .detail-card{min-height:auto}
  .trust-section,.practicalities,.begin-section{grid-template-columns:1fr}
  .trust-copy{padding-top:0}
  .arc-grid{grid-template-columns:1fr}
  .arc-grid article{min-height:auto}
  .journey-subgrid,.scope-grid{grid-template-columns:1fr}
  .pass10-container{grid-template-columns:1fr}
  .pass10-container figure img{height:48vh}
  .pass10-container-copy{padding:4rem 0 0 8vw}
  .begin-hit{grid-column:1}
  .pass10-connect .connect-copy,.pass10-connect .button,.pass10-connect .calendar-note{margin-left:8vw!important}
}

@media(max-width:560px){
  .pass10-opening .hero-copy{width:88vw;margin-left:0}
  .michael-intro{display:block}
  .michael-intro>div:first-child{padding-top:0;margin-bottom:2rem}
  .michael h2{font-size:clamp(3.2rem,15vw,5rem)}
  .michael-portrait{width:100%;margin:0 0 2rem}
  .michael-copy{padding:0}
  .pass10-threshold .threshold-copy,.pass10-threshold .button,.threshold-note{margin-left:0}
  .detail-grid{border-left:0}
  .detail-card{border-left:1px solid var(--line)}
  .trust-head h2,.journey-detail h2,.scope-section h2,.begin-section h2,.practicalities h2{font-size:clamp(3rem,14vw,4.8rem)}
  .journey-detail .section-intro{margin-left:0}
  .journey-subgrid{display:block}
  .journey-subgrid article+article{margin-top:4rem}
  .pass10-aum-mini{grid-template-columns:1fr}
  .pass10-container-copy{padding-left:0}
  .practical-grid article{grid-template-columns:1fr;gap:.6rem}
  .scope-grid{display:block}
  .scope-grid article+article{margin-top:5rem}
  .begin-steps article{grid-template-columns:42px 1fr;gap:1rem}
  .pass10-connect .connect-copy,.pass10-connect .button,.pass10-connect .calendar-note{margin-left:0!important}
}

/* PASS 10.1 optical corrections */
@media(min-width:901px){.work-micro .micro-whisper{bottom:13%}}
@media(max-width:900px) and (min-width:561px){.work-micro .micro-whisper{bottom:14%}}
@media(max-width:560px){.pass10-opening .hero-sub{margin-left:0}.work-micro .micro-whisper{bottom:14%}}

/* PASS 10.4 — microdose breathing room.
   Keep the whisper clearly separate from BEGIN WITH YOU. */
.work-micro .micro-whisper{line-height:1.12}
@media(min-width:901px){.work-micro .micro-whisper{bottom:7.5%}}
@media(max-width:900px) and (min-width:561px){.work-micro .micro-whisper{bottom:10%}}
@media(max-width:560px){.work-micro .micro-whisper{bottom:12%}}


/* PASS 10.5 — quieter close. The wordmark stays at the threshold; the footer carries the moon. */
.footer-mark{align-self:end;justify-self:start}
.footer-mark img{width:clamp(4.6rem,6.2vw,6.4rem);height:auto;filter:none}
@media(max-width:900px){
  .footer-mark{margin-bottom:.75rem}
  .footer-mark img{width:4.8rem}
}


/* PASS 10.8 — one concrete AUMWORK example, visually subordinate to the three pillars. */
.pass10-aum .aum-example{position:relative;z-index:2;max-width:43rem;margin:-2.2rem 0 3.5rem 0;padding:.8rem 0 .8rem 1.15rem;border-left:2px solid var(--ochre);font-size:.9rem;line-height:1.65;color:var(--bone);opacity:.9}
.pass10-aum .aum-example strong{display:block;margin-bottom:.45rem;font-size:.62rem;letter-spacing:.18em;font-weight:700;color:var(--ochre)}
@media(max-width:560px){.pass10-aum .aum-example{margin:-1.2rem 0 2.8rem 0;font-size:.86rem}}

/* PASS 10.10 — a clear, unhurried invitation beneath the Container principles. */
.pass10-container-copy > .container-invitation{font-family:var(--sans);font-size:.94rem;line-height:1.65;max-width:29rem;margin:1.8rem 0 0;color:var(--ink);font-weight:500}
@media(max-width:560px){.pass10-container-copy > .container-invitation{font-size:.9rem;margin-top:1.4rem}}

/* PASS 10.11 — privacy page and launch cleanup. */
.site-footer small a{border-bottom:1px solid rgba(233,229,220,.35);padding-bottom:.08em}
.privacy-page{min-height:calc(100svh - 74px);padding-top:clamp(10rem,16vw,14rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,8vw,9rem);align-items:start}
.privacy-head h1{font-family:var(--display);font-weight:300;font-size:clamp(4rem,8vw,9rem);line-height:.84;letter-spacing:-.025em;margin:0}
.privacy-copy{max-width:46rem;padding-top:.25rem}
.privacy-copy p{font-size:1rem;line-height:1.78;margin:0 0 1.45rem}
.privacy-copy a{border-bottom:1px solid currentColor;padding-bottom:.08em}
@media(max-width:900px){.privacy-page{grid-template-columns:1fr}.privacy-nav{display:flex;position:static;background:none;padding:0;border:0;flex-direction:row}.privacy-head h1{font-size:clamp(4rem,14vw,7rem)}}
@media(max-width:560px){.privacy-page{padding-top:8rem}.privacy-head h1{font-size:clamp(3.6rem,17vw,5.5rem)}}

/* PASS 10.12 — the pink moon becomes the O in BARDOTENDER.
   The moon is the mark: no ring, no outline, no ERBO fill.
   PASS 10.13 — optical sizing: the moon is increased slightly so it reads as the O,
   rather than as a smaller icon sitting between the letterforms. */
.brand-o{
  display:inline-block;
  position:relative;
  width:.85em;
  height:.85em;
  margin:0 .018em;
  vertical-align:-.018em;
  border:0;
  border-radius:0;
  background:url('assets/pink-moon-wordmark-v112.png') center/contain no-repeat;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  text-indent:-9999px;
  overflow:hidden;
  line-height:1;
  isolation:auto;
  z-index:auto;
}
.brand-o::after{content:none!important;display:none!important}
@media(max-width:560px){
  .brand-o{
    width:.85em;
    height:.85em;
    margin:0 .018em;
    vertical-align:-.018em;
    background:url('assets/pink-moon-wordmark-v112.png') center/contain no-repeat;
  }
}

/* PASS 10.15 — hospitality as a clear audience pathway */
.hospitality{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(3rem,7vw,8rem);align-items:center}
.hospitality-copy{position:relative;z-index:2;max-width:820px}
.hospitality .eyebrow{margin-bottom:2rem;color:var(--ochre)}
.hospitality h2{font-size:clamp(4rem,7.2vw,8.5rem);max-width:900px;margin-bottom:clamp(2.5rem,4vw,4rem)}
.hospitality-copy>p:not(.eyebrow){max-width:680px;margin:0 0 1.15rem;font-size:clamp(.98rem,1.15vw,1.12rem);line-height:1.65}
.hospitality-giveback{padding-top:1.2rem;margin-top:1.7rem!important;border-top:1px solid var(--line)}
.hospitality-giveback strong{font-family:var(--display);font-weight:300;font-size:clamp(1.35rem,2.1vw,2.15rem);line-height:1.18}
.hospitality-cta{display:inline-block;margin-top:2.5rem;padding-bottom:.38rem;border-bottom:1px solid currentColor;font-size:.7rem;font-weight:700;letter-spacing:.18em}
.hospitality-photo{position:relative;z-index:2;margin:0;width:min(100%,560px);justify-self:end;border:1px solid rgba(233,229,220,.22)}
.hospitality-photo img{width:100%;height:auto;object-fit:contain;filter:saturate(.92) contrast(1.02)}
/* Retire the previous ERBO hospitality treatment without disturbing the rest of the visual system. */
.hospitality-art,.hospitality-question,.listening{display:none}
@media(max-width:900px){
  .hospitality{grid-template-columns:1fr;gap:4rem}
  .hospitality-copy{max-width:760px}
  .hospitality-photo{justify-self:start;width:min(78vw,560px)}
}
@media(max-width:560px){
  .hospitality h2{font-size:clamp(3.7rem,15.5vw,5.7rem)}
  .hospitality-photo{width:100%}
  .hospitality-copy>p:not(.eyebrow){font-size:.98rem}
}


/* PASS 10.17 — public architecture: Coaching + Integration.
   Former psychedelic service artwork is retained as art, not as a service menu. */
.pass1017-ways-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pass1017-ways-grid .way-card{aspect-ratio:1/1;min-height:0}
.pass1017-ways-grid .way-card:nth-child(2){background:var(--sage)}

/* Integration: let the philosophy land without turning into an explainer. */
.pass1017-integration .integration-opening{font-family:var(--display);font-size:clamp(1.7rem,2.8vw,3.2rem);line-height:1.04;margin-bottom:2rem}
.pass1017-integration .integration-opening strong{font-weight:300}
.pass1017-integration .integration-mind{font-family:var(--display);font-size:clamp(1.8rem,3vw,3.45rem);line-height:1.05;margin:clamp(2.4rem,4vw,4rem) 0}
.pass1017-integration .integration-mind strong{font-weight:300}
.pass1017-integration .integration-birthright{font-family:var(--display);font-size:clamp(2rem,3.6vw,4.1rem);line-height:1;margin-top:clamp(2.6rem,4vw,4.2rem)}

/* Former Microdose/Journey ERBO gets to remain alive without advertising either as a public service. */
.pass1017-art-passage{min-height:78vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(1.2rem,3vw,3rem);align-items:center;padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(5rem,8vw,8rem)}
.pass1017-art-passage figure{margin:0;position:relative;overflow:hidden}
.pass1017-art-passage img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03)}
.art-passage-main{height:min(70vh,760px);clip-path:polygon(0 4%,94% 0,100% 90%,8% 100%);transform:rotate(-.7deg)}
.art-passage-side{height:min(48vh,520px);clip-path:polygon(7% 0,100% 9%,91% 100%,0 88%);transform:rotate(1.1deg)}
.art-passage-mark{position:absolute;right:4vw;bottom:-4rem;font-family:var(--display);font-size:clamp(10rem,20vw,22rem);line-height:1;color:var(--rust);opacity:.48;transform:rotate(-10deg);pointer-events:none}

@media(max-width:900px){
  .pass1017-art-passage{grid-template-columns:1fr 1fr;min-height:auto}
  .art-passage-main{height:58vw}
  .art-passage-side{height:42vw}
}
@media(max-width:560px){
  .pass1017-ways-grid{grid-template-columns:1fr}
  .pass1017-ways-grid .way-card{aspect-ratio:auto;min-height:360px}
  .pass1017-art-passage{grid-template-columns:1fr;padding-left:0;padding-right:0;gap:0}
  .art-passage-main{height:72vh;clip-path:polygon(0 0,100% 4%,92% 100%,0 94%)}
  .art-passage-side{width:64vw;height:44vh;margin:-9vh 1.2rem 0 auto!important;z-index:2}
  .art-passage-mark{right:1rem;bottom:-2rem}
}

/* PASS 10.18 — let the first ERBO field own the whole visual passage.
   One image. Full bleed. No collage, clipping, rotation, side tile or decorative mark. */
.pass1018-art-field{
  width:100%;
  margin:0;
  padding:0;
  background:var(--ink);
  overflow:hidden;
}
.pass1018-art-field figure{
  width:100%;
  margin:0;
  padding:0;
}
.pass1018-art-field img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:cover;
  object-position:center;
  filter:saturate(.9) contrast(1.02);
}
@media(max-width:560px){
  .pass1018-art-field img{aspect-ratio:1 / 1}
}

/* LAUNCH FIX — mobile viewport stabilization.
   Decorative elements can intentionally escape their sections, but the page itself
   must remain locked to the device viewport so mobile Safari cannot pan sideways. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
main{width:100%;max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body,main{overflow-x:clip}}
@media(max-width:560px){
  .site-header{width:100%;max-width:100vw}
  .section-dark,.section-light,.ways,.michael,.hospitality,.threshold,.work-panel,.trust-section,.practicalities,.begin-section,.work-connect{max-width:100vw}
}


/* Mobile content fit — keep every word inside the visible screen.
   The previous overflow clip masked oversized type; this corrects the sizing
   and grid tracks instead of merely hiding the right edge. */
@media (max-width:600px) {
  /* Prevent min-content grid tracks from stretching beyond the phone. */
  .privacy-page,.begin-section,.trust-section,.practicalities,
  .scope-grid,.michael-intro,.work-hero {grid-template-columns:minmax(0,1fr)}
  .privacy-page > *,.begin-section > *,.trust-section > *,
  .practicalities > *,.scope-grid > *,.work-hero > *,
  .begin-steps,.begin-steps article,.begin-steps p,
  .privacy-copy,.privacy-head,.trust-head,.trust-copy {min-width:0;max-width:100%}
  .begin-steps article {grid-template-columns:2rem minmax(0,1fr)}
  .begin-steps p,.privacy-copy p {overflow-wrap:break-word}
  .privacy-copy a {overflow-wrap:anywhere}

  /* The home AUMWORK heading had been pushed 24% right inside a 76%-wide
     column, leaving the ends of AWARENESS and UNFURLING clipped. */
  .aumwork .aum-copy {width:100%;margin-left:0;padding:7rem 0 3rem;min-width:0}
  .aumwork h2 {font-size:clamp(2.55rem,11.2vw,3.65rem);line-height:.9}
  .aumwork .aum-art {opacity:.27}

  /* Display headlines scale to the actual available mobile width. */
  .work-hero h1 {font-size:clamp(3.3rem,14vw,4.6rem)}
  .work-coaching .work-title {width:100%;margin:2vh 0 0}
  .work-coaching .work-title h2 {font-size:clamp(2.7rem,11.1vw,3.65rem)}
  .integration-slip h2 {font-size:clamp(3.1rem,12.5vw,4.2rem)}
  .work-aum h2 {font-size:clamp(2.9rem,12vw,4.4rem)}
  .scope-grid h2 {font-size:clamp(2rem,8.7vw,3rem)}
  .begin-section h2 {font-size:clamp(2rem,9.6vw,3.6rem)}
  .privacy-head h1 {font-size:clamp(2.3rem,10.2vw,3.8rem)}
  .work-connect h2 {font-size:clamp(2.8rem,12vw,4.8rem)}
  .work-coaching .work-title h2,.scope-grid h2,.begin-section h2,
  .privacy-head h1,.work-hero h1,.work-aum h2 {max-width:100%}
}