:root{--cream:#FFF6E8;--teal:#174E55;--terra:#E85D3F;--ink:#273234;--line:#EADCC8;--yellow:#F4C95D;--lime:#64A87A;--lilac:#A78BC5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--terra);outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:88px 36px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 4%;border-bottom:1px solid var(--line);background:var(--cream);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:24px;color:var(--teal);line-height:1.2}.brand img{width:58px;height:58px}.brand small{display:block;font-size:9px;letter-spacing:1px;margin-top:5px;font-weight:500}nav{display:flex;gap:28px;align-items:center;font-size:14px}.text{border:0;background:none;padding:0}

.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--teal);background:var(--teal);color:#fff;padding:14px 22px;border-radius:5px;font-weight:600;font-size:14px;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px);background:#22636b}

.button-tight{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--teal);background:var(--teal);color:#fff;padding:5px 10px;border-radius:5px;font-weight:600;font-size:14px;transition:transform .2s,background .2s}
.button-tight:hover{transform:translateY(-2px);background:#22636b}

.small{padding:10px 16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding-top:70px;padding-bottom:72px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;margin:0 0 22px;color:var(--teal)}.dot{display:inline-block;background:var(--terra);width:8px;height:8px;border-radius:50%;margin-right:7px}h1,h2,h3{color:var(--teal);line-height:1.08;letter-spacing:-1.8px;margin:0 0 24px}h1{font-size:clamp(46px,5.2vw,72px);font-weight:750}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--terra)}h2{font-size:clamp(32px,3.6vw,48px)}h3{font-size:25px;letter-spacing:-.6px}.lead{font-size:20px;line-height:1.5}p{margin:0 0 20px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:28px 0 20px}.under{border:0;border-bottom:1px solid currentColor;background:none;padding:0 0 4px;font-weight:600;font-size:14px}.micro{font-size:12px;color:#626865;margin-top:18px}.hero-art{position:relative;padding-bottom:35px}.photo-placeholder{height:485px;border-radius:50px 50px 0 0;background:var(--line);padding:45px 32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;}.photo-label{font-size:9px;letter-spacing:1.8px;color:var(--teal);font-weight:bold}.photo-placeholder>p{font-family:Georgia,serif;font-size:30px;color:var(--teal);line-height:1.2;margin:0}.bubbles{display:flex;flex-direction:column;align-items:flex-start;gap:15px;transform:rotate(-7deg);padding-left:25px}.bubbles span{background:var(--cream);border:2px solid var(--teal);border-radius:25px 25px 25px 2px;padding:12px 24px;font-size:22px;color:var(--teal)}.bubbles span:nth-child(2){margin-left:50px;background:var(--yellow)}.bubbles span:last-child{margin-left:15px;background:var(--teal);color:white}.note{position:absolute;bottom:0;right:-15px;padding:20px 26px;background:var(--yellow);transform:rotate(3deg);font-size:14px;box-shadow:0 8px 20px #174e5510}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.three article{border-top:1px solid #c6c7b7;padding-top:25px}.num{font-size:11px;font-weight:700;letter-spacing:1.4px;color:#8d4433;display:block;margin-bottom:25px}.experience{background:#f0e5d4}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.activity{border:0;text-align:left;border-radius:6px;padding:30px;min-height:315px;transition:transform .2s}.activity:hover{transform:translateY(-6px)}.activity>span{font-size:10px;letter-spacing:1.5px}.activity h3{font-size:36px;margin:35px 0 20px}.activity footer{border-top:1px solid #174e5540;padding-top:18px;font-size:12px;display:flex;justify-content:space-between}.activity footer b{font-size:20px}.teal{background:var(--teal);color:var(--cream)}.teal h3{color:var(--cream)}.yellow{background:var(--yellow)}.lilac{background:#d4c3e5}.journey{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.steps{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin:28px 0;color:var(--teal);font-weight:bold}.steps i{color:var(--terra)}.meljo{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:12px 18px 0 #eadcc866;transform:rotate(2deg)}.windowbar{display:flex;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--line);font-size:11px;color:var(--teal)}.screen{padding:30px}.tag{font-size:9px;letter-spacing:1px;background:#f2ebf7;padding:6px 10px;display:inline-block;margin-bottom:25px}.screen h3{font-size:26px}.sample{background:#f7f5ef;border-left:3px solid var(--lime);padding:16px;margin-top:15px}.sample small{font-size:9px;letter-spacing:1px}.sample p{font-size:14px;margin:8px 0 0}.membership{background:var(--teal);color:var(--cream)}.membership h2,.membership .eyebrow{color:var(--cream)}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.light{background:var(--cream);color:var(--teal);margin-top:12px}.light:hover{background:var(--yellow)}details{border-bottom:1px solid #b0bbae66;padding:20px 0}summary{cursor:pointer;font-size:18px;font-weight:600;list-style:none;padding-right:25px;position:relative}summary::after{content:'+';position:absolute;right:0}details[open] summary::after{content:'−'}details p{margin:18px 0 5px;font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-photo{min-height:370px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:var(--line);border-radius:6px}.about-photo img{width:225px;height:225px}.elsi-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;background:none;border:1px solid #b5c3ba;border-radius:4px;padding:20px;margin-top:25px;font-size:11px;color:var(--teal)}.elsi-link strong{font-size:22px;display:block}.follow{text-align:center;background:#efdcca}.follow h2{font-size:clamp(40px,5vw,64px)}.follow .actions{justify-content:center}.outline{background:transparent;color:var(--teal)}.outline:hover{color:white}.site-footer{padding-top:35px;padding-bottom:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer .text{margin-right:20px;font-size:13px}.site-footer .micro{margin-bottom:0}dialog{max-width:620px;width:calc(100% - 32px);max-height:85vh;border:0;border-radius:12px;background:var(--cream);padding:48px;color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#0b3035b3;backdrop-filter:blur(5px)}dialog h2{font-size:36px;padding-right:10px}dialog p,dialog li{font-size:16px}dialog li{margin-bottom:12px}.close{position:absolute;right:15px;top:10px;font-size:30px;background:none;border:0;color:var(--teal)}body:has(dialog[open]){overflow:hidden}@media(max-width:800px){header{padding:12px 20px}nav{display:none}.brand img{width:44px;height:44px}.brand{font-size:20px}.wrap{padding:60px 24px}.hero,.journey,.member-grid,.about{grid-template-columns:1fr;gap:40px}.hero{padding-top:45px}.hero-art{max-width:500px;width:100%;margin:auto}.photo-placeholder{height:390px}.note{right:0}.three,.activity-grid{grid-template-columns:1fr;gap:22px}.three{margin-top:30px}.section-heading{display:block}.activity{min-height:240px}.activity h3{margin-top:22px}.activity footer{margin-top:25px}.meljo{transform:none}.site-footer{align-items:flex-start;flex-direction:column}.site-footer .brand small{max-width:220px;line-height:1.5}.about-photo{min-height:300px}dialog{padding:38px 25px}.follow .actions{gap:12px}.activity h3 br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
