/* Art direction, September 2026. Original content and contact destinations retained. */
html{scroll-padding-top:28px}body{overflow-x:clip}main,section,article,div{min-width:0}img{max-width:100%}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}a.button{transition:background .2s,transform .2s}a.button:hover{transform:translateY(-2px)}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}a,summary{overflow-wrap:anywhere}summary{min-height:44px}section[id]{scroll-margin-top:24px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

:root{--ink:#253a30;--dark:#263e30;--moss:#4d6445;--cream:#f0eee4;--milk:#faf9f3;--peach:#9f532e;--line:#d4d7c9}
body{background:var(--cream)}.header{background:var(--cream);min-height:92px;border:0}.brand{font-size:13px}.brand span{font-family:Manrope,sans-serif;font-size:13px}.header-action{border:1px solid var(--dark);border-radius:30px;padding:11px 19px}
.hero{min-height:680px;max-width:none;margin:auto;padding:35px 7vw 65px;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center;background:var(--cream)}.hero-copy{grid-column:1;grid-row:1;padding:20px 0}.hero h1{font-size:clamp(48px,5.8vw,82px);line-height:1.08;letter-spacing:-3px}.hero h1 em{display:block;color:var(--moss)}.hero-visual{grid-column:2;grid-row:1;min-height:0;height:580px;border-radius:48% 48% 12px 12px;box-shadow:18px 18px 0 #dce0d0}.hero-visual img{height:100%;object-position:50% 22%}.hero-visual-mark{left:30px;bottom:30px}.hero-visual:after{background:linear-gradient(0deg,#152e2b88,transparent 40%)}.lead{font-size:16px;max-width:500px}.button{border-radius:30px;padding:15px 23px}.quick-links{background:transparent;color:var(--ink);padding:0 5vw 45px;gap:15px}.quick-links a,.quick-links a:first-child{min-height:88px;border:1px solid #c9d0bf;border-radius:12px;padding:20px}.quick-links a:hover{background:#e0e5d5}.quick-links small,.quick-links b{color:var(--moss)}
.section{padding:90px 7vw}.intro{background:var(--milk)}.intro h2{font-size:46px}.method{background:#dfe5d5;border-radius:40px;margin:0 3vw}.method-top{padding-bottom:35px}.method-cards{gap:0;padding-top:0}.method-cards article{background:transparent;border-left:1px solid #adbba1;padding:15px 28px;min-height:0}.method-cards h3{margin:28px 0 16px}.method-cards p{color:#465447}.steps-image{padding:0;border-radius:18px;overflow:hidden}.topics{background:#eeebdf}.request{background:var(--dark)}.request .safety{border-color:#d8bd92}.video-section{grid-template-columns:1fr 1fr}.video-frame{padding:0;border-radius:20px;overflow:hidden;box-shadow:0 18px 55px #263e3020}.collaboration{background:#e3e7d9}.collaboration-art{border-radius:18px}.contact{background:#d3dcc7;color:var(--ink);border-radius:40px 40px 0 0}.contact .eyebrow,.contact>div:first-child>p:not(.eyebrow),.contact-links span{color:#3f5540}.contact-links,.contact-links a{border-color:#9faa97}.contact-links a:hover{background:#ffffff30}footer{background:var(--cream)}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:30px}.hero h1{font-size:49px}.hero-visual{height:490px}.method-cards{grid-template-columns:1fr}.method-cards article{border-left:0;border-top:1px solid #adbba1;padding:25px 0}.video-section{grid-template-columns:1fr}}
@media(max-width:600px){.header{min-height:76px;padding:14px 20px}.header-action{padding:9px;font-size:10px}.hero{display:flex;flex-direction:column;padding:30px 22px 50px;gap:25px}.hero-copy{padding:0}.hero h1{font-size:44px;letter-spacing:-2px}.hero-visual{width:88%;height:410px;align-self:center}.hero-caption{font-size:12px}.quick-links{padding:10px 22px 45px;gap:10px}.quick-links a,.quick-links a:first-child{padding:12px;min-height:90px;grid-template-columns:1fr auto}.quick-links small{grid-column:1/-1}.section{padding:65px 22px}.method{margin:0 12px;border-radius:24px}.method-top{padding-bottom:20px}.method-cards{padding-top:0}.intro h2{font-size:35px}.contact{padding:65px 22px;border-radius:24px 24px 0 0}.hero .actions{display:flex}.button{font-size:11px}}

@media(max-width:600px){.hero-copy{order:0}.hero-visual{order:1}.steps-copy h2{font-size:clamp(28px,8vw,36px);letter-spacing:-1.6px}}

/* Readable text, comfortable controls and bounded desktop content. */
body{font-size:16px;line-height:1.65}
a,button,summary{touch-action:manipulation}
nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.button{min-height:48px;font-size:14px}
.eyebrow,.section-label,.section-tag{font-size:12px;letter-spacing:.1em}
footer,.footer{font-size:12px}
summary{font-size:18px}
details p{font-size:16px!important;line-height:1.65}
@media(min-width:1600px){.hero,.section,.contact,.statement,.requests,.about,.boundaries,.faq{padding-left:max(6vw,calc((100vw - 1320px)/2));padding-right:max(6vw,calc((100vw - 1320px)/2))}}
@media(max-width:600px){.button{font-size:14px}.eyebrow,.section-label,.section-tag{font-size:11px}nav a{min-height:44px}summary{font-size:17px}h1,h2{overflow-wrap:normal}.lead{font-size:16px!important}}

.header{gap:20px}.brand,.brand span{font-size:14px;letter-spacing:.05em}.header-action{font-size:13px}.hero{grid-template-columns:1.16fr .84fr;gap:5vw;padding-top:30px;min-height:650px}.hero h1{font-size:clamp(43px,4.7vw,70px);letter-spacing:-2.6px;line-height:1.13}.hero-visual{height:540px}.lead{font-size:18px;line-height:1.7;max-width:580px}.hero-caption{font-size:14px;max-width:500px;color:#52624f}.quick-links span{font-size:14px}.section{padding-top:78px;padding-bottom:78px}.method-top{padding-bottom:32px}.method-cards{padding-top:0}.method-cards p,.topic-list p{font-size:16px;color:#465447}.method-cards h3{font-size:26px}.request h2{font-size:clamp(34px,4vw,55px)}.safety{font-size:14px}.topic-list h3{font-size:18px}.topic-list article{padding:24px 0}.contact-links strong,.contact-links span{font-size:16px}.text-link{min-height:44px;font-size:14px}.video-frame{max-width:420px}.skip-link{color:#253a30}
@media(min-width:601px) and (max-width:1000px){.hero{grid-template-columns:1fr 1fr;gap:26px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero-visual{height:460px}.lead{font-size:16px}.hero .actions .button{width:auto}.quick-links{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.header{flex-wrap:wrap;padding:16px 20px;gap:10px}.header-action{font-size:12px;min-height:44px;display:flex;align-items:center}.brand,.brand span{font-size:12px}.hero{display:flex;padding:30px 22px 46px;gap:28px;min-height:0}.hero h1{font-size:clamp(32px,9.3vw,48px);letter-spacing:-1.5px}.hero-visual{width:90%;height:auto;min-height:0;aspect-ratio:4/5;box-shadow:10px 10px 0 #dce0d0}.hero-visual img{position:absolute;inset:0}.hero .actions{display:grid;grid-template-columns:1fr;gap:12px}.hero-caption{font-size:13px}.quick-links span{font-size:13px}.quick-links a{border:1px solid #c9d0bf}.section{padding:56px 22px}.method-top{padding-bottom:24px}.method-cards{padding-top:0}.method-cards article{padding:24px 0}.topic-list p{font-size:16px}.contact{padding:56px 22px}.contact-links strong,.contact-links span{font-size:15px}.request h2{font-size:34px}.hero-visual-mark{font-size:30px}}