:root{--paper:#FFFDF9;--ink:#333525;--olive:#9F9774;--sage:#D3D0B2;--rose:#B2736D;--sand:#D5C3B0;--serif:'Guild A Banner','Cormorant Garamond',Georgia,serif;--sans:Poppins,Arial,sans-serif;--gutter:clamp(24px,4.3vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--sans)}body.menu-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:.94;letter-spacing:-.055em}em{font-style:normal;color:var(--rose)}a:focus-visible,button:focus-visible{outline:2px solid var(--rose);outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--ink);color:white;padding:14px}.skip:focus{top:10px}.site-header{height:132px;display:flex;align-items:center;padding:20px var(--gutter);gap:42px;border-bottom:1px solid var(--sage);position:relative;z-index:30;background:var(--paper)}.brand{width:280px;flex-shrink:0}.brand img{width:100%;height:auto}.desktop-nav{margin-left:auto;display:flex;gap:30px;font-size:14px}.desktop-nav a{position:relative;white-space:nowrap}.desktop-nav a:after,.text-link:after{content:'';height:1px;background:var(--rose);position:absolute;bottom:-5px;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after,.text-link:hover:after{transform:scaleX(1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:58px;padding:16px 30px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.13em;font-size:13px;line-height:1.4;transition:background .25s,color .25s,transform .3s}.button:hover{background:var(--rose);border-color:var(--rose)}.button span{font-size:23px;line-height:1}.button.outline{background:transparent;color:var(--ink);border-color:var(--olive)}.button.outline:hover{background:var(--ink);color:var(--paper)}.header-cta{min-height:50px;padding:14px 22px}.menu-toggle{display:none}.mobile-menu[hidden]{display:none}.hero{position:relative;min-height:calc(100svh - 132px);height:828px;max-height:1000px;overflow:hidden;padding:64px var(--gutter) 42px}.hero-copy{position:relative;z-index:2;width:70%;pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:.27em;font-size:12px;line-height:1.5}.hero h1{font-size:clamp(68px,8vw,122px);margin-top:22px;line-height:.93}.hand{font-family:'Gochi Hand',cursive;color:var(--rose);font-size:30px;line-height:1.2;display:inline-block;transform:rotate(-7deg)}.hero-note{margin:18px 0 0 43%;border-bottom:1px solid var(--rose);padding-bottom:5px}.hero-photo{position:absolute;width:54%;height:100%;right:0;top:0;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:48% center}.hero-photo:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--paper),transparent 16%);z-index:1}.concept-stamp{position:absolute;right:0;bottom:0;width:265px;padding:28px 35px;background:var(--rose);z-index:2}.hero-action{position:relative;z-index:3;margin-top:36px;width:620px;max-width:50%}.hero-action>p{max-width:555px;font-size:17px;line-height:1.65}.actions{display:flex;gap:32px;align-items:center;margin-top:36px}.text-link{position:relative;display:inline-flex;gap:18px;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;min-height:44px;border-bottom:1px solid var(--rose);white-space:nowrap}.text-link span{font-size:22px}.scroll-hint{position:absolute;left:var(--gutter);bottom:38px;display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:.1em;z-index:3}.scroll-hint>span{font-size:36px;font-weight:400}.chapter{font-size:10px;text-transform:uppercase;letter-spacing:.22em}.hero-chapter{position:absolute;bottom:54px;left:27%;z-index:3}
@media(min-width:1600px){.hero{max-width:1920px;margin:auto}.hero h1{font-size:120px}}
@media(max-width:1180px){.desktop-nav{gap:18px}.site-header{gap:20px}.brand{width:220px}.header-cta{padding:12px}.hero-action{max-width:53%}.actions{gap:20px;flex-wrap:wrap}.hero{height:820px}.hero-chapter{display:none}}
@media(max-width:800px){html{scroll-padding-top:80px}.site-header{height:82px;padding:12px 24px;justify-content:space-between}.brand{width:182px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;color:var(--ink);font-size:12px;min-width:44px;min-height:44px}.menu-lines{display:block;width:25px;height:17px;border-top:1px solid;border-bottom:1px solid;position:relative}.menu-lines:after{content:'';position:absolute;width:100%;top:7px;left:0;border-top:1px solid}.mobile-menu{position:fixed;inset:82px 0 0;background:var(--paper);z-index:25;padding:35px 24px;display:flex;flex-direction:column;gap:18px}.mobile-menu>a{font-family:var(--serif);font-size:38px}.hero{height:auto;max-height:none;min-height:0;padding:30px 0 30px;display:flex;flex-direction:column}.hero-copy{padding:0 24px;width:100%;z-index:2}.hero .eyebrow{font-size:10px;letter-spacing:.18em}.hero h1{font-size:clamp(42px,10.6vw,80px);margin-top:16px;line-height:.95;letter-spacing:-.045em}.hero h1 br:nth-of-type(2){display:none}.hero h1 em{display:block}.hero-note{font-size:23px;margin:14px 0 10px 43%}.hero-photo{position:relative;width:100%;height:350px;top:auto;right:auto;margin-top:4px}.hero-photo>img{object-position:center 31%}.hero-photo:before{display:none}.concept-stamp{left:0;right:auto;width:154px;padding:18px 20px}.hero-action{max-width:none;width:auto;padding:0 24px;margin-top:24px}.hero-action>p{font-size:16px}.actions{margin-top:24px;flex-direction:column;gap:12px;align-items:stretch}.button{min-height:54px;padding:15px 20px;font-size:12px;letter-spacing:.1em}.actions .text-link{align-self:center}.scroll-hint{position:relative;bottom:auto;left:auto;margin:20px auto 0;font-size:11px}.scroll-hint>span{font-size:30px}.hand{font-size:24px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.section{padding:110px var(--gutter)}.section h2{font-size:clamp(54px,5.5vw,86px)}.section-marker{font-size:13px;letter-spacing:.16em;color:var(--olive)}.transition-story{height:145vh;min-height:1000px;position:relative}.transition-stage{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;background:var(--paper)}.transition-image{position:absolute;right:0;bottom:0;width:58%;height:100%;transform:none}.transition-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.transition-copy{position:relative;z-index:2;width:65%;padding-left:8.5vw;transform:translateY(var(--story-y,0px))}.transition-copy h2{font-size:clamp(52px,5vw,82px);margin:38px 0}.transition-copy .hand{margin-top:26px}.vertical-progress{position:absolute;left:4vw;top:20%;bottom:20%;width:1px;background:var(--sage)}.vertical-progress span{display:block;width:3px;height:100%;background:var(--olive);transform-origin:top;transform:scaleY(var(--progress,0))}.concept-story{background:var(--rose);color:var(--paper);height:170vh;min-height:1150px;position:relative}.concept-stage{position:sticky;top:0;height:100svh;min-height:740px;padding:100px var(--gutter);display:grid;grid-template-columns:1fr 2.7fr 1.2fr;gap:45px;align-items:center}.concept-stage h2{font-size:40px;letter-spacing:-.04em;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid #fff9}.concept-stage ul{list-style:none;margin:0;padding:0;display:grid;gap:30px;font-size:17px}.concept-stage li{transition:opacity .4s,transform .4s}.concept-art img{width:100%;height:auto}.concept-stage>.hand{position:absolute;right:var(--gutter);bottom:70px;color:var(--paper)}.concept-progress{position:absolute;bottom:80px;left:35%;width:28%;height:1px;background:#ffffff60}.concept-progress span{display:block;height:3px;transform:scaleX(var(--progress,0));transform-origin:left;background:var(--paper)}.about{display:grid;grid-template-columns:44% 1fr;gap:70px;align-items:center;padding-left:0}.about-portrait{height:790px;overflow:hidden}.about-portrait img{height:100%;width:100%;object-fit:cover;object-position:center top}.about-copy{padding:0 0 25px}.ruled-label{border-top:1px solid var(--rose);padding-top:38px;margin-bottom:32px}.profession{color:var(--rose);font-size:16px;letter-spacing:.14em}.about-copy>p{font-size:18px;line-height:1.7;margin-top:38px;max-width:630px}.about-copy details{margin-top:30px}.about-copy summary{cursor:pointer;list-style:none}.about-copy summary::-webkit-details-marker{display:none}.about-copy>.hand{display:block;text-align:right;margin-top:25px}.story-body{padding:25px 0;max-width:600px}.story-body p+p{margin-top:16px}.method{display:grid;grid-template-columns:1.04fr 1fr;gap:55px;align-items:start;padding-top:50px}.method h2{margin:24px 0 48px}.method-steps{list-style:none;padding:0;margin:0}.method-steps li{display:grid;grid-template-columns:95px 1fr;gap:30px;padding:35px 0;min-height:180px;border-bottom:1px solid var(--olive);transition:color .4s}.method-steps li:last-child{border-bottom:0}.step-number{font-family:var(--serif);font-size:80px;line-height:1;letter-spacing:-.07em}.method-steps li>div{border-left:1px solid var(--olive);padding-left:26px}.method-steps h3{font:500 23px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.08em;margin:2px 0 10px}.method-steps p{font-size:17px;max-width:400px}.method-steps .is-active{color:var(--rose)}.method-visual{position:sticky;top:35px;margin-top:50px;height:810px;overflow:hidden}.method-visual>img{width:100%;height:100%;object-fit:cover;object-position:center top}.method-visual .hand{position:absolute;right:20px;top:38%;background:var(--paper);padding:5px 10px}.method-meter{height:3px;background:var(--sage);position:absolute;bottom:0;width:100%}.method-meter span{display:block;height:100%;background:var(--rose);width:100%;transform:scaleX(var(--progress,.25));transform-origin:left;transition:transform .5s}.real-life{display:grid;grid-template-columns:45% 1fr;gap:20px;min-height:900px;align-items:center}.life-copy{position:relative;z-index:3}.life-copy h2{margin:25px 0 38px}.life-copy>p:not(.eyebrow):not(.life-caption){font-size:17px;max-width:490px}.life-caption{font-family:var(--serif);font-size:30px;margin-top:42px;line-height:1.1}.life-collage{position:relative;height:730px}.life-collage figure{position:absolute;margin:0}.life-collage img{width:100%;height:100%;object-fit:cover}.life-wash{left:0;top:0;width:57%;height:580px}.life-market{right:0;top:115px;width:44%;height:350px}.life-work{right:4%;bottom:0;width:44%;height:330px}.life-collage figcaption{position:absolute;font-size:25px;white-space:nowrap}.life-wash figcaption{left:70%;top:-35px}.life-market figcaption{right:-4%;top:-66px}.life-work figcaption{right:-10%;bottom:20px;background:var(--paper);padding:8px}.for-you{display:grid;grid-template-columns:1.15fr 1fr;gap:60px 100px;align-items:start}.for-heading h2{font-size:clamp(70px,8vw,125px);color:var(--olive)}.situations{list-style:none;margin:0;padding:0}.situations li{padding:35px 0;border-bottom:1px solid var(--olive);font-size:23px;line-height:1.6}.situations li:first-child{padding-top:15px}.for-answer{grid-column:1/3;max-width:880px}.for-answer h3{font-size:60px;line-height:1.02;max-width:810px}.for-answer .button{margin-top:35px}.consultation{padding-top:65px}.consultation-grid{display:grid;grid-template-columns:35% 1fr;align-items:end;gap:35px;padding-right:var(--gutter)}.consult-portrait{height:730px;overflow:hidden}.consult-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.consult-content{padding:60px 0 55px}.consult-content h2{font-size:clamp(50px,5.5vw,84px);margin:25px 0 28px}.consult-intro{font-size:18px;margin-bottom:55px}.consult-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;gap:20px;position:relative}.consult-steps:before{content:'';position:absolute;top:67px;height:1px;left:12px;right:20px;background:var(--olive)}.consult-steps li{position:relative;--active:0}.consult-steps li>span{font:48px/1 var(--serif)}.consult-steps i{display:block;width:16px;height:16px;border:1px solid var(--olive);background:var(--paper);border-radius:50%;margin:12px 0 24px;position:relative;transition:background .4s}.consult-steps .is-active i{background:var(--rose);border-color:var(--rose)}.consult-steps h3{font:500 12px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;min-height:48px;margin-bottom:12px}.consult-steps p{font-size:14px;line-height:1.65}.first-step{background:var(--rose);color:var(--paper);padding:40px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:40px}.first-step h3{font-size:clamp(42px,4.8vw,74px)}.first-step .hand{display:block;color:var(--paper);text-align:right;margin-top:10px}.resources{display:grid;grid-template-columns:1.04fr 1fr 1fr;gap:36px;align-items:start;padding-top:125px;padding-bottom:130px}.resources-intro h2{margin:32px 0}.resources-intro>p:not(.eyebrow){max-width:330px;font-size:17px}.resources-intro .hand{margin-top:55px}.resource{display:block}.resource-cover{height:595px;padding:35px;position:relative;overflow:hidden;transition:transform .5s}.resource:hover .resource-cover{transform:translateY(-8px)}.resource-cover h3{font-size:clamp(36px,3.7vw,57px);line-height:.98;margin:32px 0;position:relative;z-index:2}.rose-cover{background:var(--rose);color:var(--paper)}.rose-cover>img{width:80%;position:absolute;bottom:120px;left:10%}.cover-signature{position:absolute;bottom:30px;left:35px;font-size:12px;letter-spacing:.08em;line-height:1.8;z-index:2}.sage-cover{background:var(--sage)}.sage-cover>img{position:absolute;right:-35%;bottom:0;width:110%;height:70%;object-fit:cover;clip-path:polygon(48% 0,100% 0,100% 100%,0 100%)}.sage-cover h3{max-width:280px}.sage-cover .cover-signature{top:45%;bottom:auto;max-width:130px}.resource .text-link{margin-top:20px}.final-invite{position:relative;overflow:hidden;background:var(--rose);color:var(--paper);padding:75px var(--gutter);min-height:720px}.final-copy{position:relative;z-index:2;width:58%;max-width:860px}.final-copy h2{font-size:clamp(64px,6.5vw,104px)}.final-copy>p{font-size:18px;margin-top:34px;max-width:580px}.final-copy .hand{color:var(--paper)}.button.light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.button.light:is(:hover,:focus-visible,:active){background:var(--ink);border-color:var(--ink);color:var(--paper)}.final-portrait{position:absolute;bottom:-2%;right:-5%;width:59%;height:102%;object-fit:cover;object-position:left top}.site-footer{position:relative;padding:60px var(--gutter) 30px;overflow:hidden;display:grid;grid-template-columns:44% 30% 26%;gap:0;min-height:360px}.footer-brand{position:relative;z-index:2}.footer-brand img{width:350px;height:auto}.footer-brand .eyebrow{font-size:10px;margin-top:20px}.footer-brand .hand{margin-top:35px;font-size:27px}.footer-links{border-left:1px solid var(--olive);padding-left:45px;display:flex;align-items:flex-start;flex-direction:column;gap:18px;position:relative;z-index:2}.footer-links a,.privacy-open{font-size:14px;min-height:30px}.footer-links a:hover,.privacy-open:hover{text-decoration:underline}.privacy-open{border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.footer-links .back-top{margin-top:20px;color:var(--ink)}.footer-monogram{position:absolute;right:-1%;top:0;width:34%;height:100%;background:var(--sage);overflow:hidden}.footer-monogram img{width:130%;max-width:none;height:125%;object-fit:cover;object-position:left top;mix-blend-mode:screen}.copyright{font-size:12px;margin-top:45px;grid-column:1/3}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--rose);z-index:80;transform-origin:left;transform:scaleX(0)}dialog{border:1px solid var(--olive);padding:50px;background:var(--paper);color:var(--ink);width:min(680px,calc(100% - 32px));max-height:90svh}dialog::backdrop{background:#33352599}dialog h2{font-size:56px;margin:0 0 25px}dialog p{margin-bottom:20px;font-size:16px}dialog a{text-decoration:underline}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:32px;cursor:pointer;color:inherit;width:44px;height:44px}.motion .reveal{opacity:.35;transform:translateY(22px);transition:opacity .9s,transform 1s cubic-bezier(.2,.6,.2,1)}.motion .reveal.is-visible{opacity:1;transform:none}.motion .image-reveal{clip-path:inset(5% 0 5% 0);transition:clip-path 1.2s cubic-bezier(.2,.6,.2,1)}.motion .image-reveal.is-visible{clip-path:inset(0)}.motion .hero-copy{animation:arrive 1s both}.motion .hero-action{animation:arrive 1.1s .12s both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.concept-stage{gap:24px;grid-template-columns:1fr 2fr 1fr}.concept-stage ul{font-size:15px}.concept-stage h2{font-size:30px}.about{gap:35px}.method{gap:30px}.method-steps h3{font-size:20px}.method-steps li{grid-template-columns:70px 1fr;gap:18px}.step-number{font-size:68px}.consultation-grid{grid-template-columns:29% 1fr;gap:24px}.consult-steps{gap:12px}.consult-steps h3{font-size:11px}.resources{gap:24px}.resource-cover{padding:25px;height:540px}.resource-cover h3{font-size:42px}.for-you{gap:50px}.final-copy{width:62%}}
@media(max-width:800px){.section{padding:65px 24px}.section h2{font-size:clamp(43px,11vw,70px);line-height:.99}.transition-story{height:auto;min-height:0}.transition-stage{position:relative;height:auto;min-height:0;display:flex;flex-direction:column;padding-bottom:55px}.transition-image{position:relative;width:100%;height:370px;order:0;transform:none!important}.transition-image img{object-position:center 23%}.transition-copy{padding:28px 24px 0;width:100%;order:1;transform:none!important}.transition-copy h2{font-size:44px;line-height:1;margin:24px 0}.transition-copy h2 br{display:none}.transition-copy .hand{margin-top:10px}.vertical-progress{display:none}.concept-story{height:auto;min-height:0}.concept-stage{position:relative;height:auto;min-height:0;padding:65px 24px 90px;display:flex;flex-direction:column;align-items:stretch;gap:45px}.concept-stage h2{font-size:38px;padding-bottom:15px;margin-bottom:20px}.concept-stage ul{gap:20px;font-size:16px;padding-left:17px;border-left:1px solid #fff9}.concept-art{padding:8px 0}.concept-art img{clip-path:none!important}.concept-stage>.hand{position:static;align-self:flex-end;font-size:22px}.concept-progress{bottom:38px;width:50%;left:25%}.concept-stage li{opacity:1!important;transform:none!important}.about{display:flex;flex-direction:column;padding:65px 24px;gap:0}.about-portrait{height:410px;width:calc(100% + 48px);margin:30px -24px;order:1}.about-portrait img{object-position:center top}.about-copy{display:contents}.ruled-label{order:0;width:100%;padding-top:20px;margin-bottom:24px}.about-copy h2{order:0}.about-copy>p{order:2;font-size:16px;margin-top:0}.about-copy details{order:3;width:100%;margin-top:24px}.about-copy>.hand{order:4;align-self:flex-end;margin-top:30px}.method{display:flex;flex-direction:column;padding-top:30px;gap:20px}.method-copy{display:contents}.method-copy>.eyebrow{order:0}.method-copy h2{order:0;margin:0}.method-visual{position:relative;top:auto;margin:10px 0 0;width:100%;height:335px;order:1}.method-visual img{object-position:center top}.method-visual .hand{top:20px;right:12px;font-size:20px}.method-steps{order:2;width:100%}.method-steps li{grid-template-columns:62px 1fr;gap:15px;padding:25px 0;min-height:155px}.method-steps li>div{padding-left:17px}.step-number{font-size:62px}.method-steps h3{font-size:16px;letter-spacing:.05em}.method-steps p{font-size:16px}.real-life{display:block;min-height:0;padding-top:30px}.life-copy h2{margin:20px 0 26px}.life-copy>p:not(.eyebrow):not(.life-caption){font-size:16px}.life-caption{font-size:28px;margin-top:24px}.life-collage{height:570px;margin:55px 0 0}.life-wash{height:360px;width:57%}.life-market{width:48%;top:58px;height:280px;right:-10px}.life-work{width:52%;height:250px;right:5%;bottom:0}.life-collage figcaption{font-size:19px}.life-wash figcaption{left:0;top:-30px}.life-market figcaption{right:0;top:-52px}.life-work figcaption{right:-25px;bottom:12px}.for-you{display:flex;flex-direction:column;gap:30px}.for-heading h2{font-size:64px}.for-heading h2 br{display:none}.situations li{padding:25px 0;font-size:18px}.for-answer h3{font-size:43px;line-height:1.05}.for-answer .button{width:100%;margin-top:28px}.consultation{padding-top:20px}.consultation-grid{display:flex;flex-direction:column;padding:0 24px;gap:0;align-items:stretch}.consult-content{display:contents}.consult-content>.eyebrow{order:0}.consult-content h2{font-size:46px;order:1;margin:24px 0}.consult-intro{font-size:16px;order:2;margin-bottom:24px}.consult-intro br{display:none}.consult-portrait{order:3;height:190px;margin:0 0 28px;width:100%;border-radius:0}.consult-portrait img{object-position:center top;object-fit:cover}.consult-steps{order:4;display:flex;flex-direction:column;gap:0;margin-bottom:35px}.consult-steps:before{left:24px;top:24px;bottom:60px;height:auto;width:1px}.consult-steps li{padding:8px 0 25px 73px;min-height:125px}.consult-steps li>span{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:var(--sage);font:24px/48px var(--sans);text-align:center}.consult-steps i{display:none}.consult-steps h3{font-size:14px;min-height:0;margin-bottom:10px;line-height:1.5}.consult-steps h3 br{display:none}.consult-steps p{font-size:16px}.first-step{padding:32px 24px;display:block}.first-step h3{font-size:43px;line-height:1}.first-step .hand{font-size:23px;margin-top:12px}.first-step .button{width:100%;margin-top:24px}.resources{display:flex;flex-direction:column;gap:36px;padding-top:65px}.resources-intro h2{margin:24px 0}.resources-intro h2 br{display:none}.resources-intro>p:not(.eyebrow){font-size:16px}.resources-intro>.hand{display:none}.resource{width:100%}.resource-cover{height:465px;padding:27px}.resource-cover h3{font-size:47px;line-height:1;max-width:350px}.rose-cover>img{bottom:100px;width:65%;left:27px}.sage-cover h3{max-width:260px}.sage-cover>img{height:65%}.sage-cover .cover-signature{top:54%;left:27px;font-size:12px;max-width:110px}.resource .text-link{margin-top:12px;font-size:12px}.final-invite{padding:50px 24px 0;min-height:0;display:flex;flex-direction:column}.final-copy{width:100%}.final-copy h2{font-size:51px;line-height:1}.final-copy h2 span{display:block}.final-copy>p{font-size:16px;margin-top:25px}.final-copy .actions{align-items:stretch}.final-copy .hand{align-self:flex-end;margin-top:8px}.final-portrait{position:relative;right:auto;bottom:auto;margin:15px -24px 0;width:calc(100% + 48px);max-width:none;height:360px;object-fit:cover;object-position:center 22%}.site-footer{padding:40px 24px 25px;display:block;min-height:560px}.footer-brand img{width:250px}.footer-brand .eyebrow{font-size:9px;letter-spacing:.18em}.footer-brand .hand{font-size:24px;margin-top:22px}.footer-links{padding:28px 0 0;border:0;gap:12px;max-width:75%}.footer-links a,.privacy-open{min-height:38px;font-size:14px}.footer-links .back-top{margin-top:8px}.footer-monogram{top:auto;bottom:0;height:260px;width:38%;right:-12%;opacity:.65}.copyright{font-size:12px;position:relative;z-index:2;margin-top:20px}.hero-photo>img{object-fit:cover}.hero-photo{background:var(--paper)}dialog{padding:42px 24px 24px}dialog h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.transition-story,.concept-story{height:auto;min-height:0}.transition-stage,.concept-stage,.method-visual{position:relative;top:auto}.reveal{opacity:1!important;transform:none!important}.image-reveal{clip-path:none!important}.concept-art img{clip-path:none!important}}

.mobile-before{display:none}.method-steps p{color:var(--ink)}.profession{color:var(--ink)}.consult-steps h3{font-size:14px;letter-spacing:.045em}.consult-steps p{font-size:16px}.button{font-size:14px}.footer-monogram{background:var(--sage)}@media(max-width:800px){.desktop-before{display:none}.mobile-before{display:inline}.hero h1{font-size:clamp(42px,11vw,80px)}.hero h1 br:nth-of-type(2){display:none}.button{font-size:13px}.consult-steps h3{font-size:14px}}

.first-step .hand{margin-top:26px;transform:rotate(-4deg)}

@media(max-width:800px){.hero h1{font-size:clamp(45px,12.8vw,80px)}.hero-photo>img{width:130%;max-width:none;height:130%;margin-left:-15%;object-position:center 24%}}

/* Portraits retain their natural proportions, including on wide mobile screens. */
.life-work{height:auto;aspect-ratio:3/4}
.life-work img{height:auto;aspect-ratio:3/4;object-fit:contain;object-position:center top}
.method-stage{display:contents}
.method-chapters,.story-skip,.concept-label{display:none}
@media(max-width:800px){
 .consult-portrait{height:auto;aspect-ratio:3/4;max-width:440px;align-self:center}
 .consult-portrait img{height:auto;aspect-ratio:3/4;object-fit:contain;object-position:center top}
 .life-work{height:auto;aspect-ratio:3/4}
}
/* Scroll scenes are progressive enhancement; the complete reading order remains without motion. */
@media(prefers-reduced-motion:no-preference) and (min-height:650px){
 html.motion .transition-story{height:210svh;min-height:0}
 html.motion .transition-stage{height:100svh;min-height:0}
 .motion .transition-copy{transform:none}
 .motion .story-word{opacity:var(--word-opacity,.25)}
 .motion .concept-story{height:330svh;min-height:0}
 .motion .concept-stage{height:100svh;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:28px 80px;padding:65px max(7vw,24px) 90px}
 .motion .concept-label{display:block;grid-column:1/-1;grid-row:1;color:var(--paper)}
 .motion .concept-art{grid-column:1/-1;grid-row:2;align-self:center;width:min(72vw,900px);justify-self:center;padding:0}
 .motion .concept-art img{clip-path:none!important}
 .motion .concept-life,.motion .concept-path{grid-row:3;align-self:center;min-width:0}
 .motion .concept-life{grid-column:1}.motion .concept-path{grid-column:2}
 .motion .concept-stage h2{font:400 14px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.2em;border-bottom:1px solid #fff8;margin:0 0 20px;padding-bottom:14px}
 .motion .concept-stage ul{position:relative;height:110px;display:block;border:0;padding:0}
 .motion .concept-stage li{position:absolute;inset:0;font:500 clamp(36px,4.2vw,68px)/1 var(--serif);letter-spacing:-.035em;transition:none}
 .motion .concept-progress{bottom:38px;left:7vw;width:40%}
 .motion .concept-stage>.hand{right:7vw;bottom:90px;font-size:27px}
 .motion .story-skip{display:inline-block;font:400 12px/1.5 var(--sans);letter-spacing:.08em;text-decoration:underline;text-underline-offset:5px}
 .motion .concept-stage>.story-skip{position:absolute;right:7vw;bottom:30px}
 .motion .method{height:340svh;display:block;padding:0 var(--gutter);position:relative}
 .motion .method-stage{height:100svh;position:sticky;top:0;display:grid;grid-template-columns:1.04fr 1fr;gap:60px;align-items:center;padding:48px 0}
 .motion .method-copy{display:flex;flex-direction:column;min-width:0}
 .motion .method h2{font-size:clamp(48px,5.2vw,82px);margin:20px 0 36px}
 .motion .method-steps{position:relative;height:250px}
 .motion .method-steps li{position:absolute;inset:0;display:grid;grid-template-columns:95px 1fr;align-content:center;border:0;padding:12px 0;min-height:0;opacity:0;transition:none;transform:translateY(20px)}
 .motion .method-steps li.is-active{opacity:1;transform:none}
 .motion .method-steps h3{font-size:21px;letter-spacing:.035em}
 .motion .method-steps p{font-size:18px}
 .motion .method-chapters{display:flex;gap:0;margin:8px 0 26px;border-top:1px solid var(--sage)}
 .motion .method-chapters span{flex:1;padding-top:12px;position:relative;font:400 14px/1 var(--sans);color:var(--olive)}
 .motion .method-chapters span:before{content:'';height:3px;position:absolute;left:0;right:0;top:-2px;transform:scaleX(0);transform-origin:left;background:var(--rose)}
 .motion .method-chapters span.is-active{color:var(--rose)}
 .motion .method-chapters span.is-active:before{transform:scaleX(var(--step-progress,0))}
 .motion .method-chapters span.is-complete:before{transform:scaleX(1)}
 .motion .method-visual{position:relative;top:auto;margin:0;height:min(80svh,810px);overflow:hidden;background:var(--paper)}
 .motion .method-visual>img{object-fit:contain;object-position:center center}
 .motion .method-visual .hand{top:auto;bottom:28px;right:10px;font-size:26px}
 .motion .method-meter{bottom:0}
 @media(max-width:800px){
  html.motion .transition-story{height:170svh}
  html.motion .transition-stage{display:flex;flex-direction:column;justify-content:center;padding:24px 0}
  .motion .transition-image{position:relative;order:0;width:100%;height:35svh;flex:none;margin:0}
  .motion .transition-image img{object-fit:contain;object-position:center top}
  .motion .transition-copy{order:1;width:100%;padding:22px 24px 0}
  .motion .transition-copy h2{font-size:clamp(32px,8.5vw,45px);margin:12px 0}
  .motion .transition-copy .hand{font-size:23px;margin:10px 0 0}
  .motion .concept-story{height:250svh}
  .motion .concept-stage{position:sticky;height:100svh;min-height:0;padding:38px 24px 95px;gap:20px;grid-template-rows:auto 1fr auto auto}
  .motion .concept-label{font-size:11px;letter-spacing:.16em}
  .motion .concept-art{width:100%;grid-row:2;align-self:center}
  .motion .concept-life,.motion .concept-path{grid-column:1/-1;align-self:start}
  .motion .concept-life{grid-row:3}.motion .concept-path{grid-row:4}
  .motion .concept-stage h2{font-size:12px;padding-bottom:8px;margin-bottom:12px}
  .motion .concept-stage ul{height:70px}
  .motion .concept-stage li{font-size:38px;opacity:var(--term-opacity,0)!important;transform:translateY(var(--term-y,0px))!important}
  .motion .concept-stage>.hand{position:absolute;bottom:62px;right:24px;font-size:22px}
  .motion .concept-stage>.story-skip{right:24px;bottom:24px;font-size:11px}
  .motion .concept-progress{left:24px;width:30%;bottom:34px}
  .motion .method{height:270svh;padding:0 24px}
  .motion .method-stage{height:100svh;padding:32px 0;display:grid;grid-template-columns:1fr;gap:12px;align-content:center}
  .motion .method-copy{display:contents}
  .motion .method-copy>.eyebrow{order:0;font-size:11px}
  .motion .method h2{order:1;font-size:40px;margin:0}
  .motion .method h2 br{display:none}
  .motion .method-visual{order:2;height:30svh;width:100%;margin:0}
  .motion .method-visual>img{object-fit:contain;object-position:center}
  .motion .method-visual .hand{font-size:19px;bottom:12px;right:0}
  .motion .method-steps{order:3;height:155px;width:100%}
  .motion .method-steps li{grid-template-columns:58px 1fr;gap:12px;padding:0;min-height:0}
  .motion .method-steps li>div{padding-left:16px}
  .motion .method-steps h3{font-size:17px;letter-spacing:.025em}
  .motion .method-steps p{font-size:16px}
  .motion .method-steps .step-number{font-size:56px}
  .motion .method-chapters{order:4;margin:0;width:100%}
  .motion .method .story-skip{order:5;font-size:11px;margin-top:12px}
 }
}
@media(prefers-reduced-motion:reduce),(max-height:649px){
 .story-word{opacity:1!important}
 .concept-stage li{opacity:1!important;transform:none!important}
 .method-steps li{opacity:1!important;transform:none!important}
 .method-stage{display:contents}
}

@media(prefers-reduced-motion:no-preference) and (min-height:650px){
 .motion .concept-stage li,.motion .method-steps li{transition:opacity .4s ease,transform .5s cubic-bezier(.2,.6,.2,1)}
}
@media(max-height:649px){
 .transition-story,.concept-story{height:auto;min-height:0}
 .transition-stage,.concept-stage{position:relative;min-height:0;height:auto}
 .transition-stage{min-height:500px}
}
@media(prefers-reduced-motion:no-preference) and (min-height:650px) and (max-height:740px) and (max-width:800px){
 .motion .method-stage{padding:20px 0;gap:8px}
 .motion .method h2{font-size:36px}
 .motion .method-visual{height:25svh}
 .motion .method-steps{height:140px}
}

/* Approved editorial compositions: motion highlights content without replacing it. */
.company-id{display:inline-block;margin-top:8px;font-size:13px;letter-spacing:.03em}
.method-intro,.life-mobile-copy,.life-cta{display:none}
@media(min-width:801px){
 html:root .concept-stage{display:grid;grid-template-columns:1.2fr 2.8fr 1.25fr;grid-template-rows:1fr;gap:clamp(24px,3vw,55px);align-items:center;padding:90px var(--gutter) 130px}
 html:root .concept-label{display:none}
 html:root .concept-art{grid-column:2;grid-row:1;width:100%;align-self:center}
 html:root .concept-life{grid-column:1;grid-row:1;align-self:center}
 html:root .concept-path{grid-column:3;grid-row:1;align-self:center}
 html:root .concept-stage h2{font:500 clamp(26px,2.4vw,40px)/1.1 var(--serif);letter-spacing:-.03em;text-transform:none;border-bottom:1px solid #fff8;padding-bottom:20px;margin-bottom:28px;white-space:nowrap}
 html:root .concept-stage ul{height:auto;display:grid;gap:20px}
 html:root .concept-stage li{position:relative;inset:auto;font:400 clamp(14px,1.12vw,18px)/1.5 var(--sans);letter-spacing:.025em;opacity:.74!important;transform:none!important;padding-bottom:18px}
 html:root .concept-stage li:not(:last-child):after{content:'';position:absolute;left:0;bottom:0;width:26px;height:1px;background:#fff7}
 html:root .concept-stage li.is-active{opacity:1!important}
 html:root .concept-stage li.is-active:before{content:'';position:absolute;left:-15px;top:8px;width:5px;height:5px;background:var(--paper);border-radius:50%}
 html:root .concept-stage>.hand{right:var(--gutter);bottom:95px}
 html:root .concept-progress{width:35%;left:32.5%;bottom:70px}
 html:root .concept-story{height:220svh}
 html:root .method{padding:0;display:block;height:230svh}
 html:root .method-stage{display:block;position:sticky;top:0;height:100svh;min-height:650px;padding:clamp(30px,5svh,60px) var(--gutter);overflow:hidden}
 html:root .method-copy{position:relative;display:block;width:59%;z-index:2}
 html:root .method h2{font-size:clamp(48px,5.3vw,82px);margin:20px 0 32px;line-height:.96}
 html:root .method h2 em{color:var(--ink)}
 html:root .method-steps{position:relative;width:78%;height:auto}
 html:root .method-steps li{position:relative;inset:auto;display:grid;grid-template-columns:80px 1fr;gap:20px;min-height:0;padding:20px 0;border-bottom:1px solid var(--olive);opacity:1!important;transform:none!important;color:var(--ink);transition:color .35s}
 html:root .method-steps li:last-child{border:0}
 html:root .method-steps li>div{padding-left:25px}
 html:root .method-steps .step-number{font-size:72px}
 html:root .method-steps h3{font-size:20px;letter-spacing:.065em;margin:0 0 6px}
 html:root .method-steps p{font-size:16px;line-height:1.45;color:inherit}
 html:root .method-steps li.is-active{color:var(--rose)}
 html:root .method-visual{position:absolute;right:0;top:0;width:52%;height:100%;margin:0;background:var(--paper);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%)}
 html:root .method-visual>img{height:100%;width:100%;object-fit:cover;object-position:center top}
 html:root .method-visual .hand{top:42%;bottom:auto;right:25px;font-size:28px;background:var(--paper);max-width:145px}
 html:root .method-chapters,html:root .method .story-skip,html:root .method-meter{display:none}
 html:root .real-life{grid-template-columns:44% 1fr;gap:0;padding-top:80px;padding-bottom:80px;min-height:900px}
 html:root .life-copy h2{font-size:clamp(60px,6vw,94px);margin:30px 0 38px}
 html:root .life-copy>p.life-description{font-size:18px;max-width:90%}
 html:root .life-caption{font:400 13px/2 var(--sans);text-transform:uppercase;letter-spacing:.28em;margin-top:40px;max-width:340px}
 html:root .life-caption:before{content:'';display:block;width:60px;height:1px;background:var(--ink);margin-bottom:20px}
 html:root .life-collage{height:800px;margin-left:0}
 html:root .life-wash{left:0;top:0;width:52%;height:650px}
 html:root .life-market{left:50%;right:auto;top:110px;width:38%;height:375px}
 html:root .life-work{right:3%;bottom:0;width:40%;height:auto}
 html:root .life-wash figcaption{left:107%;top:12px}
 html:root .life-market figcaption{right:-27%;top:85px;font-size:23px}
 html:root .life-work figcaption{right:-10%;bottom:60px;font-size:25px}
}
@media(min-width:801px) and (max-height:820px){
 html:root .method-stage{padding-top:30px;padding-bottom:25px}
 html:root .method h2{font-size:clamp(46px,4.4vw,64px);margin:18px 0 22px}
 html:root .method-steps li{padding:13px 0;grid-template-columns:65px 1fr}
 html:root .method-steps .step-number{font-size:58px}
 html:root .method-steps h3{font-size:18px}
 html:root .method-steps p{font-size:15px}
}
@media(max-width:800px){
 html:root .method{height:auto;padding:45px 24px 55px;display:block}
 html:root .method-stage{position:relative;height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0;align-content:start;padding:0}
 html:root .method-copy{display:contents}
 html:root .method-copy>.eyebrow{grid-row:1;grid-column:1/-1;margin-bottom:18px}
 html:root .method h2{grid-row:2;grid-column:1/-1;max-width:82%;font-size:clamp(44px,11.8vw,70px);margin:0;z-index:2}
 html:root .method h2 br{display:block}
 html:root .method h2 em{display:block}
 html:root .method-intro{display:block;grid-row:3;grid-column:1;font-size:14px;line-height:1.55;margin:24px 4px 20px 0;z-index:2}
 html:root .method-visual{grid-row:3;grid-column:2;position:relative;top:auto;width:100%;height:280px;align-self:end;margin:-40px -24px 0 0;max-width:calc(100% + 24px);mask-image:linear-gradient(90deg,transparent,#000 10%)}
 html:root .method-visual>img{height:100%;width:100%;object-fit:cover;object-position:center top}
 html:root .method-visual .hand,html:root .method-meter,html:root .method-chapters,html:root .method .story-skip{display:none}
 html:root .method-steps{grid-row:4;grid-column:1/-1;position:relative;height:auto;width:100%;margin-top:20px}
 html:root .method-steps li{position:relative;inset:auto;opacity:1!important;transform:none!important;display:grid;grid-template-columns:60px 1fr;gap:14px;padding:23px 0;min-height:0;border-bottom:1px solid var(--olive)}
 html:root .method-steps li:last-child{border:0}
 html:root .method-steps .step-number{font-size:62px}
 html:root .method-steps h3{font-size:16px;letter-spacing:.04em}
 html:root .method-steps p{font-size:15px;line-height:1.45}
 html:root .real-life{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:30px 24px 55px;min-height:0}
 html:root .life-copy,html:root .life-collage{display:contents}
 html:root .life-copy>.eyebrow,html:root .life-description{display:none}
 html:root .life-copy h2{grid-row:1;grid-column:1/-1;font-size:clamp(44px,12vw,68px);margin:0 0 75px;z-index:1}
 html:root .life-collage figure{position:relative;inset:auto;margin:0;max-width:none}
 html:root .life-wash{grid-row:2;grid-column:1;width:calc(100% + 12px);height:300px;align-self:end}
 html:root .life-market{grid-row:2;grid-column:2;width:100%;height:310px;align-self:start;margin-top:-40px}
 html:root .life-work{grid-row:3;grid-column:2;width:calc(100% + 12px);height:auto;aspect-ratio:3/4;margin:-60px 0 0 -12px;border:2px solid var(--paper);align-self:start}
 html:root .life-caption{grid-row:3;grid-column:1;align-self:start;margin-top:22px;padding-left:10px;border-left:1px solid var(--rose);font:500 23px/1.1 var(--serif)}
 html:root .life-mobile-copy{display:block;grid-row:3;grid-column:1;margin-top:105px;font-size:14px!important;line-height:1.6}
 html:root .life-wash figcaption{left:0;top:-42px;font-size:22px}
 html:root .life-market figcaption{right:0;top:-58px;font-size:20px}
 html:root .life-work figcaption{right:-8px;bottom:20px;font-size:19px;white-space:normal;max-width:135px}
 html:root .life-cta{display:flex;grid-row:4;grid-column:1/-1;margin-top:28px}
}
@media(prefers-reduced-motion:reduce),(max-height:649px){
 html:root .method,html:root .concept-story{height:auto}
 html:root .method-stage{position:relative;height:auto;min-height:0}
}
/* Closing invitation and footer follow the approved chapter 10. */
html:root .final-invite{padding:65px var(--gutter) 55px;min-height:640px}
html:root .final-copy{width:58%;max-width:850px}
html:root .final-copy h2{font-size:clamp(68px,7vw,108px);line-height:.91;letter-spacing:-.055em}
html:root .final-copy>p{margin-top:30px;font-size:19px;max-width:560px}
html:root .final-copy .actions{gap:45px;margin-top:32px}
html:root .final-copy .hand{border-bottom:1px solid var(--paper);padding-bottom:8px;font-size:30px}
html:root .final-portrait{position:absolute;right:-4%;bottom:0;top:auto;width:54%;height:100%;margin:0;object-fit:cover;object-position:center top}
html:root .site-footer{min-height:370px;padding:40px var(--gutter) 28px;grid-template-columns:40% 29% 31%;background:var(--paper)}
html:root .footer-brand img{width:350px;max-width:90%}
html:root .footer-brand .hand{font-size:26px;margin-top:35px}
html:root .footer-links{border-left:1px solid var(--olive);padding-left:55px;gap:10px;align-self:start}
html:root .footer-monogram{background:transparent;right:-9%;top:-20px;bottom:auto;width:41%;height:440px;opacity:.35}
html:root .footer-monogram img{width:100%;height:100%;object-fit:contain;object-position:top left;mix-blend-mode:normal}
html:root .copyright{grid-column:1/3;margin-top:24px;position:relative;z-index:2}
@media(max-width:800px){
 html:root .final-invite{display:block;padding:40px 24px 45px;min-height:650px}
 html:root .final-copy{width:100%;max-width:none}
 html:root .final-copy h2{font-size:clamp(44px,12vw,68px);line-height:.97;max-width:100%;letter-spacing:-.04em}
 html:root .final-copy h2 span{display:block}
 html:root .final-copy>p{font-size:16px;max-width:58%;margin-top:28px;line-height:1.5}
 html:root .final-copy>p br{display:none}
 html:root .final-copy .actions{gap:15px;margin-top:28px;align-items:flex-start}
 html:root .final-copy .button{width:90%;min-height:54px}
 html:root .final-copy .hand{font-size:25px;align-self:flex-start;margin:4px 0 0 15px}
 html:root .final-portrait{position:absolute;right:-120px;bottom:0;top:auto;width:390px;max-width:none;height:390px;margin:0;object-fit:contain;object-position:center bottom}
 html:root .site-footer{display:grid;grid-template-columns:1fr;min-height:570px;padding:35px 24px 28px}
 html:root .footer-brand{display:contents}
 html:root .footer-brand>a{grid-row:1;position:relative;z-index:2;margin-bottom:26px}
 html:root .footer-brand img{width:270px;max-width:90%}
 html:root .footer-links{grid-row:2;grid-column:1;border:0;padding:0 0 20px;max-width:65%;gap:8px;border-bottom:1px solid var(--olive)}
 html:root .footer-links a,html:root .privacy-open{font-size:14px;min-height:30px;text-align:left}
 html:root .footer-links .back-top{margin-top:5px}
 html:root .footer-brand .eyebrow{grid-row:3;z-index:2;font-size:9px;letter-spacing:.15em;margin:22px 0 0}
 html:root .footer-brand .hand{grid-row:4;z-index:2;font-size:23px;margin:14px 0 0;max-width:70%}
 html:root .copyright{grid-row:5;grid-column:1;font-size:11px;margin-top:28px;max-width:65%;line-height:1.6}
 html:root .company-id{font-size:11px}
 html:root .footer-monogram{top:145px;right:-180px;width:380px;height:470px;opacity:.6}
}
html:root .footer-monogram img{position:absolute;width:230%;height:auto;max-width:none;transform:translate(-27%,-20%)}
html:root .final-copy h2 .final-line{display:block}
@media(max-width:800px){html:root .final-copy h2 .final-line{display:inline}html:root .final-copy h2 .final-line:last-child{display:block}}
@media(max-width:800px){
 html:root .life-caption{grid-row:3;margin-top:22px;font-size:21px}
 html:root .life-mobile-copy{grid-row:4;margin-top:22px}
 html:root .life-work{grid-row:3/5}
 html:root .life-cta{grid-row:5}
}
@media(max-width:800px){html:root .final-portrait{width:520px;height:520px;right:-180px}}
/* Signature underline from the approved closing composition, on both layouts. */
.footer-brand .hand{position:relative;padding-bottom:12px}
.footer-brand .hand::after{content:'';position:absolute;left:12%;bottom:0;width:76%;height:1px;background:var(--rose);transform:rotate(-3deg);transform-origin:left center}

/* Details from the approved guide: native, fluid covers without text collisions. */
.life-collage figcaption,.resources-intro>.hand,.method-desktop-note,.method-mobile-note,.method-closing{padding-bottom:13px}
.life-collage figcaption:after,.resources-intro>.hand:after,.method-desktop-note:after,.method-mobile-note:after,.method-closing:after{content:'';position:absolute;left:8%;bottom:3px;width:84%;height:1px;background:var(--rose);transform:rotate(-4deg);transform-origin:left center}
.resources-intro>.hand{position:relative}
.method-mobile-note,.method-closing{display:none}
html:root .resource-cover{height:auto;aspect-ratio:0.64;padding:clamp(24px,2.7vw,42px);display:flex;flex-direction:column;align-items:flex-start;container-type:inline-size}
html:root .resource-cover .eyebrow{position:relative;z-index:2;letter-spacing:.16em;font-size:12px;padding-bottom:5px;border-bottom:1px solid currentColor;margin-bottom:24px}
html:root .resource-cover h3{font-size:clamp(32px,13.2cqw,58px);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:none;position:relative;z-index:2;overflow-wrap:normal}
html:root .rose-cover{color:var(--paper);background:var(--rose)}
html:root .rose-cover .packaging-art{position:relative;width:58%;height:auto;margin-top:auto;margin-bottom:auto;flex-shrink:1;min-height:70px;max-height:190px}
html:root .resource-cover .cover-brand{position:relative;inset:auto;width:52%;height:auto;max-height:none;object-fit:contain;clip-path:none;z-index:2;margin:20px 0 0;flex-shrink:0}
html:root .sage-cover{isolation:isolate;background:var(--sage)}
html:root .sage-cover .salad-cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;clip-path:none;z-index:-2}
html:root .sage-cover:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(119deg,var(--sage) 12%,#d3d0b2ee 37%,#d3d0b2bb 49%,transparent 66%)}
html:root .sage-cover h3{width:100%;font-size:clamp(34px,14.5cqw,62px)}
html:root .salad-cover-note{position:relative;inset:auto;font:400 12px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.16em;margin:24px 0 15px;z-index:2}
html:root .sage-cover .cover-brand{margin-top:auto;background:transparent}
@media(min-width:801px){
 html:root .method-stage{height:min(100svh,66.667vw);min-height:650px;padding-top:clamp(35px,5.5vw,85px)}
 html:root .method-copy{width:61%}
 html:root .method-copy>.eyebrow{display:flex;align-items:center;gap:25px}
 html:root .method-copy>.eyebrow:after{content:'';height:1px;width:95px;background:var(--olive)}
 html:root .method h2{font-size:clamp(58px,6.7vw,103px);margin:22px 0 36px;line-height:.92}
 html:root .method-steps{width:79%}
 html:root .method-steps li{grid-template-columns:100px 1fr;padding:21px 0;gap:24px}
 html:root .method-steps .step-number{font-size:clamp(72px,6.6vw,102px)}
 html:root .method-steps h3{font-size:clamp(18px,1.9vw,29px);letter-spacing:.06em}
 html:root .method-steps p{font-size:clamp(16px,1.4vw,21px);line-height:1.35}
 html:root .method-visual{width:55%}
 html:root .method-visual>img{object-fit:cover;object-position:center top}
 html:root .method-visual .hand{background:transparent;right:4%;top:42%;bottom:auto;font-size:27px;max-width:155px;padding:0 0 14px}
 html:root .resources{grid-template-columns:1.05fr 1fr 1fr;gap:32px}
}
@media(min-width:801px) and (max-height:820px){
 html:root .method-stage{padding-top:30px;padding-bottom:25px}
 html:root .method h2{font-size:clamp(52px,5.4vw,78px);margin:18px 0 22px}
 html:root .method-steps li{padding:12px 0;grid-template-columns:70px 1fr;gap:18px}
 html:root .method-steps .step-number{font-size:65px}
 html:root .method-steps h3{font-size:19px}
 html:root .method-steps p{font-size:16px}
}
@media(max-width:800px){
 html:root .resource-cover{aspect-ratio:0.64;padding:28px;height:auto}
 html:root .resource-cover h3{font-size:clamp(34px,13.2cqw,60px)}
 html:root .sage-cover h3{font-size:clamp(38px,14.5cqw,65px)}
 html:root .resource-cover .cover-brand{width:56%}
 html:root .method h2{font-size:clamp(46px,13vw,72px);max-width:89%;line-height:.94}
 html:root .method-intro{font-size:15px;margin-top:24px;margin-right:8px}
 html:root .method-visual{height:280px;width:calc(100% + 36px);max-width:none;margin-left:-12px;margin-right:-24px;margin-top:-28px;overflow:visible}
 html:root .method-visual>img{mask-image:linear-gradient(90deg,transparent,#000 16%);object-position:center top}
 html:root .method-mobile-note{display:block;position:relative;grid-row:2;grid-column:2;justify-self:end;align-self:start;font-size:15px;line-height:1.12;max-width:100px;margin:4px -8px 0 0;z-index:3}
 html:root .method-closing{display:block;position:relative;grid-row:5;grid-column:1/-1;font-size:25px;justify-self:start;margin-top:18px;max-width:100%}
 html:root .method-steps .step-number{font-size:72px}
 html:root .method-steps li{grid-template-columns:66px 1fr}
 html:root .method-steps h3{font-size:17px}
 html:root .life-collage figcaption{padding-bottom:14px}
}

.story-body{font-size:16px;line-height:1.75}.story-body strong{font-weight:600}.professional-id{display:inline-block;margin-top:8px;font-size:13px;letter-spacing:.03em}@media(max-width:800px){.professional-id{font-size:11px}}

.consult-locations{display:grid;gap:8px;margin-top:24px;font:400 16px/1.6 var(--sans);max-width:650px}.consult-locations strong{font-weight:600;color:var(--rose)}@media(max-width:800px){.consult-locations{font-size:15px;margin-top:20px}}

.footer-email{overflow-wrap:anywhere}
@media(max-width:800px){.footer-email{font-size:12px!important}}

/* Mobile chapter 02 follows its content instead of reserving empty scroll space. */
@media(max-width:800px){
 html:root .transition-story,html.motion .transition-story{height:auto;min-height:0}
 html:root .transition-stage,html.motion .transition-stage{position:relative;top:auto;height:auto;min-height:0;justify-content:flex-start;padding:8px 0 40px;gap:0}
 html:root .transition-image,html.motion .transition-image{position:relative;width:100%;height:clamp(240px,72vw,340px);margin:0;flex:none;order:0}
 html:root .transition-image img{object-fit:contain;object-position:center bottom}
 html:root .transition-copy,html.motion .transition-copy{width:100%;padding:20px 24px 0;order:1;transform:none}
}