@font-face{font-family:GothamBook;src:url('./fonts/GothamBook.otf') format('opentype');font-display:swap}@font-face{font-family:GothamBlack;src:url('./fonts/GothamBlack.otf') format('opentype');font-display:swap}@font-face{font-family:RobotoSlabLight;src:url('./fonts/RobotoSlab-Light.ttf') format('truetype');font-display:swap}
:root{--forest:#253a1a;--green:#607633;--orange:#d6643d;--cream:#f5f4f0;--dark-cream:#dfdcd4;--lavender:#c8b4c2;--white:#fff;--line:#d7d4cc;--muted:#626b5d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--forest);font:14px/1.6 GothamBook,Arial,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.eyebrow{font:10px/1.4 GothamBlack,Arial,sans-serif;letter-spacing:.13em;color:var(--green)}.accent{color:var(--orange)}
.site-header{background:var(--cream);border-bottom:1px solid var(--line)}.header-inner{max-width:1110px;min-height:82px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:white;border:1px solid var(--line);padding:3px}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-copy strong{display:block;font:12px/1.15 GothamBlack,Arial,sans-serif;letter-spacing:.1em}.brand-copy small{display:block;font-size:10px;margin-top:3px;color:var(--green)}.header-progress{font:10px GothamBlack,Arial,sans-serif;letter-spacing:.06em;color:var(--green);white-space:nowrap}.page{max-width:1110px;margin:auto;padding:0 24px}.hero{padding:70px 0 60px;max-width:850px;border-bottom:1px solid var(--line)}.hero h1{font:normal clamp(42px,6vw,72px)/1.05 RobotoSlabLight,Georgia,serif;letter-spacing:-.045em;margin:15px 0;color:var(--forest)}.hero h1:after{content:".";color:var(--orange)}.hero p{font-size:16px;line-height:1.6;color:#526047;max-width:600px;margin:0}
.choose-platform{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.choose-platform h2{font:normal 20px/1.25 RobotoSlabLight,Georgia,serif;margin:4px 0 0}.platform-control{display:flex;align-items:center;gap:10px}.platform-tabs{display:flex;border:1px solid var(--forest);background:#fff}.platform-tabs button{border:0;background:transparent;color:var(--forest);padding:9px 15px;font:10px GothamBlack,Arial,sans-serif;white-space:nowrap}.platform-tabs button+button{border-left:1px solid var(--forest)}.platform-tabs button.active{background:var(--forest);color:white}.open-platform{padding:9px 12px;color:var(--forest);font:10px GothamBlack,Arial,sans-serif;text-decoration:none;border-bottom:2px solid var(--orange);white-space:nowrap}.open-platform:hover{background:#e9e6dd}
.activities-section{padding:48px 0 55px}.section-heading h2{font:normal 34px/1.15 RobotoSlabLight,Georgia,serif;margin:7px 0}.section-heading p{font-size:12px;color:var(--muted);margin:0}.activity-grid{margin-top:26px;border-top:1px solid var(--forest)}.activity-card{display:grid;grid-template-columns:62px minmax(0,1fr) 80px;grid-template-rows:auto auto;align-items:center;column-gap:18px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:20px 9px;color:var(--forest);min-height:100px}.activity-card:hover,.activity-card:focus-visible{background:#ebe9e2}.activity-card .card-top{grid-row:1/3;grid-column:1}.card-index{font:normal 30px RobotoSlabLight,Georgia,serif;color:var(--orange)}.card-time{display:none}.card-icon,.card-tag,.card-go{display:none}.activity-card h3{grid-column:2;grid-row:1;font:normal 21px/1.2 RobotoSlabLight,Georgia,serif;margin:0}.activity-card p{grid-column:2;grid-row:2;color:#66705f;font-size:11px;margin:4px 0 0}.card-bottom{grid-column:3;grid-row:1/3;text-align:right}.card-bottom:after{content:'↗';font:normal 23px RobotoSlabLight,Georgia,serif;color:var(--green)}.tried-stamp{grid-column:3;grid-row:1/3;color:var(--green);font:9px GothamBlack,Arial,sans-serif;text-align:right;padding-right:33px}.activity-card:has(.tried-stamp) .card-bottom:after{display:none}.show-all{display:block;margin:19px auto 0;background:transparent;border:0;border-bottom:1px solid var(--orange);color:var(--forest);padding:7px 2px;font:10px GothamBlack,Arial,sans-serif;letter-spacing:.04em}.show-all:hover{color:var(--orange)}
.activity-open .hero,.activity-open .activities-section{display:none}.activity-open .choose-platform{padding:20px 0}.activity-workspace{padding:28px 0 65px;max-width:760px}.workspace-top{border-bottom:1px solid var(--line);padding-bottom:24px}.close-workspace{display:block;background:none;border:0;padding:0;margin:0 0 31px;color:var(--green);font:10px GothamBlack,Arial,sans-serif}.close-workspace:hover{text-decoration:underline}.workspace-top h2{font:normal clamp(34px,4vw,49px)/1.12 RobotoSlabLight,Georgia,serif;margin:7px 0 5px}.workspace-top p{color:var(--muted);font-size:12px;max-width:650px;margin:0}.step-track{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:17px 0;font:10px GothamBlack,Arial,sans-serif;color:#9a9b91}.step-track span.current{color:var(--forest)}.step-track span.current:before{content:'● ';color:var(--orange)}.step-panel{padding-top:35px}.step-panel h3{font:normal 33px/1.15 RobotoSlabLight,Georgia,serif;margin:8px 0}.step-panel>p{max-width:600px;color:#596552;font-size:13px;line-height:1.65;margin:0 0 23px}.sample-list{display:grid;gap:9px;max-width:570px;margin:27px 0 30px}.sample-link{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);padding:14px 16px;text-decoration:none}.sample-link:hover{border-color:var(--green);background:#f9faf6}.sample-file-icon{flex:none;background:var(--lavender);width:35px;height:35px;display:grid;place-items:center;font:10px GothamBlack,Arial,sans-serif;color:var(--forest)}.sample-copy{flex:1}.sample-copy strong{display:block;font-size:12px}.sample-copy small{display:block;color:#777e72;font-size:10px}.sample-download{font-size:19px;color:var(--green)}.step-next,#mark-tried{background:var(--forest);border:1px solid var(--forest);color:white;padding:12px 18px;font:11px GothamBlack,Arial,sans-serif}.step-next:hover,#mark-tried:hover{background:var(--green);border-color:var(--green)}.step-back{background:none;border:0;padding:12px 0;color:var(--green);font:10px GothamBlack,Arial,sans-serif}.step-actions,.finish-actions{display:flex;align-items:center;justify-content:space-between;max-width:570px;margin-top:29px}.prompt-box{max-width:630px;background:#fff;border-left:4px solid var(--orange);padding:20px 23px;margin:24px 0}.prompt-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.prompt-top>span{font:9px GothamBlack,Arial,sans-serif;letter-spacing:.1em;color:var(--orange)}.copy-button{background:#f1eee8;border:1px solid var(--line);color:var(--forest);padding:6px 10px;font:10px GothamBlack,Arial,sans-serif}.prompt-box p{font-size:14px;line-height:1.65;white-space:pre-line;margin:14px 0 0}.feature-help{max-width:630px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.feature-help summary{cursor:pointer;font:11px GothamBlack,Arial,sans-serif;color:var(--green)}.feature-help ol{font-size:11px;color:#52604d;line-height:1.7;padding-left:21px;margin:16px 0}.feature-help li{margin:7px 0}.guide-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:11px;color:#687362;font-size:10px}.guide-footer a{color:var(--green);font-family:GothamBlack,Arial,sans-serif;white-space:nowrap}.no-grade{font-size:11px!important;margin-top:20px!important}.site-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:19px 0 29px;font:9px GothamBlack,Arial,sans-serif;letter-spacing:.08em;color:var(--green)}
@media(max-width:650px){.header-inner{padding:12px 17px;min-height:67px}.brand-copy strong{font-size:10px}.header-progress{font-size:9px}.page{padding:0 17px}.hero{padding:54px 0 46px}.hero h1{font-size:47px}.hero p{font-size:14px}.choose-platform{align-items:flex-start;flex-direction:column;gap:14px}.platform-control{width:100%;justify-content:space-between}.platform-tabs{flex:1}.platform-tabs button{flex:1}.activity-card{grid-template-columns:44px minmax(0,1fr) 35px;column-gap:11px;padding:17px 4px}.card-index{font-size:24px}.activity-card h3{font-size:18px}.activity-card p{font-size:10px}.step-track{gap:11px;font-size:8px;justify-content:space-between}.activity-workspace{padding-top:22px}.workspace-top h2{font-size:37px}.site-footer{display:block}.site-footer span{display:block;margin-bottom:5px}}
.hero{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:30px}
.hero-copy{max-width:600px;flex:1}
.practice-landscape{display:block;width:min(37%,360px);min-width:250px;height:auto;flex:none}
.more-group{padding:53px 9px 23px;border-bottom:1px solid var(--forest)}
.more-group h3{font:normal 31px/1.15 RobotoSlabLight,Georgia,serif;margin:7px 0 4px}
.more-group p{font-size:12px;color:var(--muted);margin:0}
.tried-stamp{padding:0;font:18px GothamBlack,Arial,sans-serif}
@media(max-width:760px){.practice-landscape{width:34%;min-width:180px}.hero h1{font-size:clamp(42px,6vw,60px)}}
@media(max-width:650px){.hero{display:block;padding-top:50px}.practice-landscape{width:100%;max-width:280px;min-width:0;margin:28px auto 0}.hero h1{font-size:47px}.more-group{padding:47px 4px 20px}.more-group h3{font-size:27px}}
.activity-card{grid-template-columns:62px minmax(0,1fr) 80px;grid-template-rows:auto auto auto}.activity-card .card-top{grid-row:1/4;grid-column:1}.card-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--lavender);color:var(--forest)}.card-icon svg{width:24px;height:24px}.card-eyebrow{grid-column:2;grid-row:1;font:9px GothamBlack,Arial,sans-serif;letter-spacing:.12em;color:var(--orange)}.activity-card h3{grid-row:2;margin-top:4px}.activity-card p{grid-row:3}.card-bottom,.tried-stamp{grid-row:1/4}
.feature-brief{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:34px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.brief-cols{display:grid;gap:18px;max-width:560px}.brief-item p{margin:5px 0 0;font-size:13px;line-height:1.6;color:#52604d}.brief-item .accent+p{color:var(--forest)}.brief-art{position:relative;width:190px;height:190px;border-radius:95px;background:#E9E3E8;display:grid;place-items:center;overflow:hidden}.brief-art:after{content:'';position:absolute;left:-20px;right:-20px;bottom:-30px;height:80px;background:var(--green);border-radius:50% 50% 0 0}.brief-art-icon{position:relative;z-index:1;color:var(--forest);width:84px;height:84px;display:block;margin-top:-18px}.brief-art-icon svg{width:100%;height:100%;stroke-width:1.3}.brief-art-sun{position:absolute;top:30px;right:34px;width:26px;height:26px;border-radius:50%;background:var(--orange)}
@media(max-width:650px){.activity-card{grid-template-columns:50px minmax(0,1fr) 35px}.card-icon{width:38px;height:38px}.card-icon svg{width:20px;height:20px}.feature-brief{grid-template-columns:1fr;gap:22px}.brief-art{width:150px;height:150px;border-radius:75px;order:-1;margin:0 auto}.brief-art-icon{width:66px;height:66px}.brief-art-sun{top:22px;right:26px;width:20px;height:20px}}

.group-label{padding:30px 9px 6px;border-bottom:1px solid var(--forest)}.group-label .eyebrow{color:var(--forest)}
.workspace-top p{font-size:13px;color:#52604d}
@media(max-width:650px){.group-label{padding:24px 4px 6px}}

/* ===== playful pass ===== */
:root{--lav-l:#e9e3e8;--sage:#d9dfc4;--sand:#ece6d4;--peach:#f4d3c3;--clay:#edbfae;--moss:#c9d2b3;--shadow:0 18px 34px -22px rgba(37,58,26,.45)}
.tint-lavender{--tint:var(--lav-l)}.tint-sage{--tint:var(--sage)}.tint-sand{--tint:var(--sand)}.tint-peach{--tint:var(--peach)}.tint-clay{--tint:var(--clay)}.tint-moss{--tint:var(--moss)}
.header-right{display:flex;align-items:center;gap:12px}.trail-bar{--pct:0%;position:relative;width:140px;height:6px;border-radius:3px;background:var(--dark-cream)}.trail-bar:before{content:'';position:absolute;inset:0;width:var(--pct);border-radius:3px;background:var(--green);transition:width .6s cubic-bezier(.2,.8,.2,1)}.trail-bar-walker{position:absolute;top:50%;left:var(--pct);width:16px;height:16px;border-radius:50%;background:var(--cream);border:3px solid var(--orange);transform:translate(-50%,-50%);transition:left .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 0 3px var(--cream)}
.hero-art{position:relative;width:min(40%,380px);min-width:250px;flex:none}.practice-landscape{width:100%;min-width:0}.sticker{position:absolute;padding:7px 11px;font:9px GothamBlack,Arial,sans-serif;letter-spacing:.12em;color:var(--cream);background:var(--forest);border:2px solid var(--cream);box-shadow:var(--shadow);white-space:nowrap}.sticker-a{top:6%;left:-4%;transform:rotate(-6deg);background:var(--orange)}.sticker-b{bottom:4%;right:-3%;transform:rotate(4deg)}
.sun{transform-origin:305px 76px;animation:sunrise 1.6s cubic-bezier(.2,.8,.2,1) both}.rays{transform-origin:305px 76px;animation:spin 40s linear infinite}.cloud{animation:drift 14s ease-in-out infinite alternate}.cloud-b{animation-duration:19s;animation-delay:-6s}.bird{animation:flap 3.4s ease-in-out infinite}.trail{animation:walk 2.2s linear infinite}.walker{transform-origin:304px 143px;animation:bob 2.6s ease-in-out infinite}.flag{transform-origin:305px 145px;animation:wave 2.6s ease-in-out infinite}
@keyframes sunrise{from{transform:translateY(60px) scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{from{transform:translateX(-10px)}to{transform:translateX(14px)}}@keyframes flap{0%,100%{transform:translate(0,0)}50%{transform:translate(22px,-6px)}}@keyframes walk{to{stroke-dashoffset:-21}}@keyframes bob{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-5deg)}}
.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border-top:0;margin-top:30px}.more-group,.group-label{grid-column:1/-1}.more-group{border-bottom:0;padding:40px 0 0}.group-label{border-bottom:1px solid var(--forest);padding:14px 0 10px;margin-bottom:4px}
.activity-card{display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;gap:0;padding:0;min-height:0;background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden;text-align:left;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;animation:rise .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 45ms)}.activity-card:hover,.activity-card:focus-visible{transform:translateY(-6px) rotate(-.4deg);box-shadow:var(--shadow);border-color:var(--green);background:var(--white)}
.activity-card .card-top,.activity-card .card-bottom{display:none}.card-art{position:relative;display:block;height:132px;background:var(--tint);overflow:hidden}.card-num{position:absolute;top:10px;left:16px;font:normal 52px/1 RobotoSlabLight,Georgia,serif;color:var(--forest);opacity:.18}.activity-card .card-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-56%);width:62px;height:62px;border-radius:50%;background:var(--cream);color:var(--forest);display:grid;place-items:center;box-shadow:0 8px 18px -10px rgba(37,58,26,.5);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.activity-card .card-icon svg{width:30px;height:30px}.activity-card:hover .card-icon{transform:translate(-50%,-66%) rotate(-8deg) scale(1.08)}.card-hill{position:absolute;left:-10%;right:-10%;bottom:-34px;height:64px;border-radius:50% 50% 0 0;background:var(--green);opacity:.9}.card-hill:after{content:'';position:absolute;right:28%;top:-10px;width:14px;height:14px;border-radius:50%;background:var(--orange)}
.card-body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;flex:1}.card-body .card-eyebrow{color:var(--orange)}.activity-card h3{margin:0;font-size:23px}.activity-card p{margin:0;font-size:12px;line-height:1.55;color:#66705f}.card-go{margin-top:auto;padding-top:12px;font:10px GothamBlack,Arial,sans-serif;letter-spacing:.08em;color:var(--green)}.activity-card:hover .card-go{color:var(--orange)}
.activity-card .tried-stamp{position:absolute;top:12px;right:12px;padding:5px 8px;font:8px GothamBlack,Arial,sans-serif;letter-spacing:.12em;color:var(--cream);background:var(--forest);transform:rotate(6deg);border:2px solid var(--cream)}.activity-card.is-tried{border-color:var(--green)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.platform-tabs{border-radius:999px;overflow:hidden;padding:3px;background:var(--white);border:1px solid var(--forest)}.platform-tabs button{border-radius:999px;transition:background .25s,color .25s}.platform-tabs button+button{border-left:0}.open-platform{border-radius:999px;border:1px solid var(--orange);transition:background .2s,color .2s}.open-platform:hover{background:var(--orange);color:var(--cream)}
.activity-workspace.enter{animation:rise .45s cubic-bezier(.2,.8,.2,1) both}.brief-art{background:var(--tint,#E9E3E8);box-shadow:var(--shadow)}.brief-art-icon{animation:bob 3s ease-in-out infinite}.brief-art-sun{animation:sunrise 1s cubic-bezier(.2,.8,.2,1) both}
.step-panel{animation:rise .35s cubic-bezier(.2,.8,.2,1) both}.step-next,#mark-tried{border-radius:999px;transition:transform .2s,background .2s}.step-next:hover,#mark-tried:hover{transform:translateY(-2px)}.copy-button{border-radius:999px}.sample-link{border-radius:14px;transition:transform .2s,border-color .2s}.sample-link:hover{transform:translateX(4px)}.prompt-box{border-radius:0 14px 14px 0}
.finish-actions{position:relative}#mark-tried.pop{animation:pop .5s cubic-bezier(.2,.8,.2,1)}@keyframes pop{30%{transform:scale(1.12)}}
.confetti{position:absolute;right:70px;top:50%;width:0;height:0;pointer-events:none}.confetti i{position:absolute;width:8px;height:8px;border-radius:2px;background:var(--c);transform:rotate(var(--a)) translateY(0);animation:burst .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes burst{to{transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) rotate(200deg);opacity:0}}
.site-footer{border-top:0;margin-top:20px;padding:24px;background:var(--forest);color:var(--cream);border-radius:22px 22px 0 0}
@media(max-width:900px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.activity-grid{grid-template-columns:1fr;gap:16px}.card-art{height:112px}.hero-art{width:100%;max-width:300px;min-width:0;margin:28px auto 0}.sticker{font-size:8px}.trail-bar{width:70px}.header-right{gap:8px}}
@media(prefers-reduced-motion:reduce){.sun,.rays,.cloud,.bird,.trail,.walker,.flag,.activity-card,.activity-workspace.enter,.step-panel,.brief-art-icon,.brief-art-sun,#mark-tried.pop{animation:none!important}.activity-card:hover{transform:none}}
.activity-card{align-items:stretch}.card-body .card-go{display:block}

.sample-list{display:flex;flex-wrap:wrap;gap:10px;max-width:640px}.example-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;background:var(--white);border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--forest)}.example-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);flex:none}

.brief-examples ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:6px}.brief-examples li{position:relative;padding-left:18px;font-size:13px;line-height:1.5;color:var(--forest)}.brief-examples li:before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--orange)}

/* ===== warmer pass ===== */
body{font-size:15px}
.tag{display:inline-block;padding:6px 11px;border-radius:999px;font:9px GothamBlack,Arial,sans-serif;letter-spacing:.14em;color:var(--forest);background:var(--dark-cream)}.tag-orange{background:var(--orange);color:var(--cream)}.tag-lavender{background:var(--lavender)}.tag-sage{background:var(--sage)}.tag-sand{background:var(--sand)}.tag-peach{background:var(--peach)}.tag-clay{background:var(--clay)}.tag-moss{background:var(--moss)}
.site-header{background:var(--forest);border-bottom:0}.site-header .brand-copy strong,.site-header .brand-copy small,.header-progress{color:var(--cream)}.brand-mark{border:0;border-radius:10px}.trail-bar{background:rgba(245,244,240,.25)}.trail-bar:before{background:var(--orange)}.trail-bar-walker{box-shadow:0 0 0 3px var(--forest)}
.summit{padding:6px 10px;border-radius:999px;background:var(--orange);color:var(--cream);font:9px GothamBlack,Arial,sans-serif;letter-spacing:.12em;animation:pop .6s}
.hero-panel{margin:28px 0 0;padding:54px 48px;background:var(--lav-l);border-radius:34px;border-bottom:0;position:relative;overflow:visible}.hero-panel:before{content:'';position:absolute;left:-40px;bottom:-30px;width:140px;height:140px;border-radius:50%;background:var(--sage);z-index:-1}.hero-panel:after{content:'';position:absolute;right:30px;top:-24px;width:70px;height:70px;border-radius:50%;background:var(--peach);z-index:-1}
.hero h1{font-size:clamp(46px,6.4vw,78px);letter-spacing:-.04em}.hero h1:after{content:none}.squiggle-word{position:relative;display:inline-block}.squiggle{position:absolute;left:0;right:0;bottom:-8px;height:14px;width:100%}.squiggle path{stroke-dasharray:300;stroke-dashoffset:300;animation:draw 1.2s .4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes draw{to{stroke-dashoffset:0}}
.hero p{font-size:17px;color:var(--forest);max-width:560px}.hero-ctas{display:flex;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}.hero-cta{display:inline-block;padding:14px 22px;border-radius:999px;background:var(--forest);color:var(--cream);text-decoration:none;font:11px GothamBlack,Arial,sans-serif;letter-spacing:.08em;transition:transform .2s,background .2s}.hero-cta:hover{background:var(--orange);transform:translateY(-2px) rotate(-1deg)}.hero-note{font-size:12px;color:var(--muted)}
.hero-hiker .leg-a{transform-origin:20px 55px;animation:step 0.7s ease-in-out infinite alternate}.hero-hiker .leg-b{transform-origin:30px 55px;animation:step 0.7s ease-in-out infinite alternate-reverse}@keyframes step{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}
.choose-platform{margin-top:34px;padding:28px 34px;background:var(--white);border-radius:24px;border-bottom:0;box-shadow:var(--shadow)}.choose-platform h2{font-size:24px}
.activities-section{padding-top:56px}.section-heading h2{font-size:40px}.section-heading p{font-size:14px;color:var(--forest)}
.more-group{padding-top:56px}.more-group h3{font-size:36px}.more-group p{font-size:14px;color:var(--forest)}.group-label{border-bottom:0;padding:18px 0 0}
.card-art{height:150px}.card-art:before{content:'';position:absolute;top:18px;right:22px;width:46px;height:14px;border-radius:999px;background:rgba(245,244,240,.9)}.scene-1 .card-art:before,.card-art.scene-1:before{right:auto;left:70px;top:30px;width:34px}.card-art.scene-2:before{width:58px;top:26px}.card-art.scene-3:before{right:120px;top:14px}
.card-art.scene-0:after,.card-art.scene-2:after{content:'';position:absolute;left:22px;bottom:30px;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:30px solid var(--forest);opacity:.8;z-index:1}.card-art.scene-1:after,.card-art.scene-3:after{content:'';position:absolute;right:26px;bottom:34px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:24px solid var(--forest);opacity:.8;z-index:1}
.card-num{top:auto;bottom:6px;left:auto;right:14px;font-size:44px;opacity:.28;color:var(--cream);z-index:1}.activity-card .card-icon{top:46%;width:70px;height:70px;background:var(--white)}.activity-card .card-icon svg{width:34px;height:34px}
.activity-card{border:0;box-shadow:0 2px 0 var(--line),0 12px 28px -24px rgba(37,58,26,.6)}.activity-card h3{font-size:25px}.activity-card p{font-size:13px;color:var(--forest)}.card-body .card-eyebrow{display:inline-block;align-self:flex-start;padding:5px 9px;border-radius:999px;background:var(--cream);color:var(--orange);font-size:8px}.card-go{font-size:11px}
.activity-card:hover{transform:translateY(-8px) rotate(-.8deg)}
.activity-workspace{max-width:none}.workspace-top{padding:40px 44px 36px;border-radius:30px;background:var(--tint,var(--lav-l));border-bottom:0;margin-top:14px;position:relative;overflow:hidden}.workspace-top:after{content:'';position:absolute;right:-60px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:rgba(245,244,240,.5)}.workspace-top h2{font-size:clamp(40px,5vw,62px)}.workspace-top p{font-size:15px;color:var(--forest);max-width:620px}.close-workspace{color:var(--forest);margin-bottom:22px}
.feature-brief{max-width:900px;padding:36px 0 30px}.brief-item .eyebrow{font-size:10px}.brief-item p{font-size:15px;color:var(--forest)}.brief-item .accent+p{font-size:17px;font-family:RobotoSlabLight,Georgia,serif;line-height:1.45}.brief-examples li{font-size:15px}.brief-art{width:210px;height:210px;border-radius:105px}
.step-track{max-width:900px;padding:22px 0 0;border-bottom:0;gap:14px;font-size:10px}.step-track span{padding:8px 14px 8px 8px;border-radius:999px;background:var(--white);color:var(--muted);display:inline-flex;align-items:center;gap:8px}.step-track span.current{background:var(--forest);color:var(--cream)}.step-track span.current:before{content:none}.step-track b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--dark-cream);color:var(--forest);font:10px GothamBlack,Arial,sans-serif}.step-track span.current b{background:var(--orange);color:var(--cream)}
.buddy{display:flex;align-items:flex-end;gap:14px;margin:26px 0 0;max-width:620px}.hiker{width:54px;height:72px;flex:none}.hiker .leg-a{transform-origin:20px 55px;animation:step 1s ease-in-out infinite alternate}.hiker .leg-b{transform-origin:30px 55px;animation:step 1s ease-in-out infinite alternate-reverse}.hiker-body{animation:bob 2s ease-in-out infinite;transform-origin:26px 60px}
.buddy-bubble{position:relative;margin:0 0 14px;padding:14px 18px;background:var(--white);border-radius:18px 18px 18px 4px;font-size:15px;line-height:1.5;color:var(--forest);box-shadow:var(--shadow);animation:rise .4s both}
.step-panel{padding-top:28px;max-width:900px}.step-panel h3{font-size:36px}.step-panel>p{font-size:15px;color:var(--forest)}.example-chip{font-size:13px;padding:11px 16px;box-shadow:0 2px 0 var(--line)}.prompt-box{border-left-width:6px;border-radius:0 18px 18px 0;box-shadow:var(--shadow)}.prompt-box p{font-size:16px}.feature-help{background:var(--white);border:0;border-radius:18px;padding:18px 22px}.feature-help summary{font-size:12px}.feature-help ol{font-size:14px;color:var(--forest)}.guide-footer{font-size:12px}
.step-next,#mark-tried{padding:14px 22px;font-size:12px}.step-next:hover,#mark-tried:hover{background:var(--orange);border-color:var(--orange)}#mark-tried.done{background:var(--green);border-color:var(--green)}
.no-grade{font-size:12px!important;color:var(--muted)}
.site-footer{border-radius:30px 30px 0 0;padding:30px 34px;font-size:10px}
@media(max-width:650px){body{font-size:14px}.hero-panel{padding:36px 22px 30px;border-radius:26px}.hero h1{font-size:46px}.hero p{font-size:15px}.choose-platform{padding:20px;border-radius:20px}.workspace-top{padding:28px 22px}.workspace-top h2{font-size:38px}.step-track{flex-wrap:wrap;gap:8px}.step-track span{padding:6px 10px 6px 6px}.buddy{align-items:flex-start}.hiker{width:44px;height:60px}.buddy-bubble{font-size:14px;border-radius:18px 18px 18px 4px}.summit{display:none}}
.tag-peach{background:var(--peach)}
@media(prefers-reduced-motion:reduce){.squiggle path{animation:none;stroke-dashoffset:0}.hero-hiker .leg-a,.hero-hiker .leg-b,.hiker .leg-a,.hiker .leg-b,.hiker-body{animation:none}}

/* ===== task finder ===== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.finder{margin-top:34px;padding:38px 40px 34px;background:var(--forest);color:var(--cream);border-radius:30px;position:relative;overflow:hidden}.finder:before{content:'';position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:var(--green);opacity:.6}.finder:after{content:'';position:absolute;left:-40px;bottom:-60px;width:140px;height:140px;border-radius:50%;background:var(--orange);opacity:.45}.finder>*{position:relative;z-index:1}
.finder-head h2{font:normal clamp(26px,3.4vw,40px)/1.15 RobotoSlabLight,Georgia,serif;margin:12px 0 6px;max-width:700px}.finder-head p{margin:0;font-size:14px;color:rgba(245,244,240,.8)}
.finder-form{display:flex;gap:10px;margin-top:22px;max-width:760px}.finder-form input{flex:1;min-width:0;padding:16px 20px;border:0;border-radius:999px;background:var(--cream);color:var(--forest);font:15px GothamBook,Arial,sans-serif}.finder-form input:focus{outline:3px solid var(--orange)}.finder-form button{padding:14px 22px;border:0;border-radius:999px;background:var(--orange);color:var(--cream);font:11px GothamBlack,Arial,sans-serif;letter-spacing:.08em;white-space:nowrap;transition:transform .2s}.finder-form button:hover{transform:translateY(-2px) rotate(-1deg)}
.finder-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.finder-chips button{padding:8px 14px;border-radius:999px;border:1px solid rgba(245,244,240,.4);background:transparent;color:var(--cream);font-size:12px;transition:background .2s,color .2s}.finder-chips button:hover{background:var(--cream);color:var(--forest)}
.finder-result{margin-top:22px;max-width:760px}.finder-card{display:flex;gap:20px;align-items:flex-start;padding:22px 24px;border-radius:22px;background:var(--tint,var(--cream));color:var(--forest);animation:rise .4s both}.finder-icon{flex:none;width:58px;height:58px;border-radius:50%;background:var(--white);display:grid;place-items:center;color:var(--forest)}.finder-icon svg{width:28px;height:28px}.finder-copy h3{font:normal 28px/1.1 RobotoSlabLight,Georgia,serif;margin:8px 0 6px}.finder-copy p{margin:0;font-size:15px;line-height:1.5}.finder-open{margin-top:14px;padding:12px 18px;border:0;border-radius:999px;background:var(--forest);color:var(--cream);font:11px GothamBlack,Arial,sans-serif;letter-spacing:.08em}.finder-open:hover{background:var(--orange)}.finder-alt{margin-top:12px!important;font-size:13px!important;color:#52604d}.finder-link{background:none;border:0;padding:0;color:var(--forest);font:inherit;font-weight:bold;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}.finder-miss{background:var(--cream)}
@media(max-width:650px){.finder{padding:26px 20px;border-radius:24px}.finder-form{flex-direction:column}.finder-card{flex-direction:column;gap:12px}.finder-copy h3{font-size:24px}}

/* ===== photos ===== */
.polaroid{margin:0;padding:10px 10px 14px;background:var(--white);box-shadow:0 2px 0 var(--line),var(--shadow);border-radius:6px;display:inline-block}.polaroid img{display:block;width:100%;height:auto;border-radius:3px;object-fit:cover}.polaroid figcaption{margin-top:9px;font:9px GothamBlack,Arial,sans-serif;letter-spacing:.1em;color:var(--forest);text-transform:uppercase}
.hero-art{width:min(44%,420px)}.polaroid-hero{transform:rotate(2.5deg);width:100%}.polaroid-hero img{aspect-ratio:3/2}.hero-art .sticker-a{top:-6%;left:-6%}.hero-art .sticker-b{bottom:-4%;right:-5%}
.photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start;margin:34px 0 0;padding:0 10px}.photo-strip .polaroid img{aspect-ratio:16/9}.tilt-l{transform:rotate(-2.5deg)}.tilt-r{transform:rotate(2deg) translateY(10px)}.tilt-l2{transform:rotate(-1.2deg)}.polaroid{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.photo-strip .polaroid:hover{transform:rotate(0) scale(1.03)}.strip-note{grid-column:1/-1;margin:6px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.finder>*{position:relative;z-index:1}.finder .finder-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(37,58,26,.96) 0%,rgba(37,58,26,.9) 55%,rgba(37,58,26,.72) 100%);z-index:0}
.trail-art{display:flex;justify-content:center;margin:30px 0 0}.trail-art .practice-landscape{width:min(100%,560px);min-width:0;display:block}
.workspace-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:center}.workspace-top .close-workspace,.workspace-top .eyebrow,.workspace-top h2,.workspace-top p{grid-column:1}.polaroid-feature{grid-column:2;grid-row:1/5;transform:rotate(2deg);justify-self:end;width:300px;position:relative;z-index:1}.polaroid-feature img{aspect-ratio:3/2}
@media(max-width:900px){.photo-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-strip .tilt-l2{display:none}}
@media(max-width:650px){.hero-art{width:100%;max-width:340px}.photo-strip{grid-template-columns:1fr;gap:18px;padding:0 18px}.photo-strip .tilt-l2{display:block}.workspace-top{grid-template-columns:1fr}.polaroid-feature{grid-column:1;grid-row:auto;justify-self:start;width:min(100%,300px);transform:rotate(-1.5deg);margin-top:8px}}
.hero-art .sticker-b{bottom:-12%;right:-4%}
.activity-open .photo-strip,.activity-open .finder,.activity-open .trail-art{display:none}
.workspace-top .close-workspace{justify-self:start}

.workspace-top{grid-template-columns:1fr}.has-photo .workspace-top{grid-template-columns:minmax(0,1fr) 300px}.polaroid-feature figcaption{text-transform:none;letter-spacing:0;font:12px/1.5 GothamBook,Arial,sans-serif;color:var(--forest)}

/* ===== trail back in the hero, crew section ===== */
.hero-art{width:min(42%,400px)}.hero-art .practice-landscape{cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.hero-art .practice-landscape:hover{transform:scale(1.03) rotate(-.5deg)}.hero-art .practice-landscape:hover .rays{animation-duration:6s}.hero-art .practice-landscape:hover .hero-hiker .leg-a,.hero-art .practice-landscape:hover .hero-hiker .leg-b{animation-duration:.3s}.hero-art .practice-landscape:hover .trail{animation-duration:.7s}.hero-art .practice-landscape:hover .bird{animation-duration:1.4s}
.hero-hiker{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.sticker-c{bottom:-6%;left:8%;transform:rotate(-3deg);background:var(--green)}.hero-art .sticker-b{bottom:auto;top:40%;right:-7%}
.crew{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;margin:60px 0 30px;padding:40px 44px;background:var(--lav-l);border-radius:30px}.polaroid-crew{transform:rotate(-2deg);width:100%}.polaroid-crew img{aspect-ratio:3/2}.crew-copy h2{font:normal clamp(30px,4vw,44px)/1.1 RobotoSlabLight,Georgia,serif;margin:12px 0 10px}.crew-copy p{font-size:15px;line-height:1.6;color:var(--forest);margin:0 0 20px}.activity-open .crew{display:none}
@media(max-width:800px){.crew{grid-template-columns:1fr;padding:26px 20px;gap:22px}}
@media(max-width:650px){.hero-art{width:100%;max-width:320px}}
.hero-art .sticker-b{top:auto;bottom:2%;right:-6%}

/* ===== pages (hash views) ===== */
.site-nav{display:flex;gap:4px;margin-left:auto;margin-right:18px}.site-nav a{padding:9px 14px;border-radius:999px;color:var(--cream);text-decoration:none;font:10px GothamBlack,Arial,sans-serif;letter-spacing:.08em;opacity:.8;transition:background .2s,opacity .2s}.site-nav a:hover{opacity:1;background:rgba(245,244,240,.12)}.site-nav a.active{opacity:1;background:var(--orange)}
.header-inner{gap:10px}.header-right{margin-left:0}
body[data-view="home"] .finder,body[data-view="home"] .activity-workspace{display:none}
body[data-view="find"] .hero,body[data-view="find"] .activities-section,body[data-view="find"] .crew,body[data-view="find"] .activity-workspace{display:none}
body[data-view="features"] .hero,body[data-view="features"] .finder,body[data-view="features"] .crew,body[data-view="features"] .activity-workspace{display:none}
body[data-view="feature"] .hero,body[data-view="feature"] .finder,body[data-view="feature"] .activities-section,body[data-view="feature"] .crew{display:none}
body[data-view="find"] .finder,body[data-view="features"] .activities-section{margin-top:30px}
.hero-cta-alt{background:transparent;color:var(--forest);border:2px solid var(--forest)}.hero-cta-alt:hover{background:var(--forest);color:var(--cream)}
.show-all{display:inline-block;margin:26px auto 0;padding:12px 20px;border:2px solid var(--forest);border-radius:999px;text-decoration:none;color:var(--forest);font:11px GothamBlack,Arial,sans-serif;letter-spacing:.08em}.show-all:hover{background:var(--forest);color:var(--cream)}.activities-section{text-align:left}.show-all-wrap{text-align:center}
.close-workspace{text-decoration:none;display:inline-block}
body[data-view="features"] .activities-section{padding-top:30px}
@media(max-width:760px){.site-nav{margin-right:0}.site-nav a{padding:8px 10px;font-size:9px}.header-inner{flex-wrap:wrap}.header-right{width:100%;justify-content:space-between}}
@media(max-width:650px){.site-nav{order:3;width:100%;justify-content:space-between}.site-nav a{flex:1;text-align:center}.header-progress{display:none}.trail-bar{width:100%}}
body[data-view="find"] .activities-section{display:block}body[data-view="find"] .activities-section .show-all{display:inline-block}.workspace-top:after{width:170px;height:170px;right:-40px;bottom:-60px}.activity-workspace:not(.has-photo) .workspace-top{padding-right:160px}@media(max-width:650px){.activity-workspace:not(.has-photo) .workspace-top{padding-right:22px}}

.example-chip{cursor:pointer;font-family:inherit;transition:transform .15s,background .15s,border-color .15s}.example-chip:hover{transform:translateY(-2px);border-color:var(--green)}.example-chip.selected{background:var(--forest);color:var(--cream);border-color:var(--forest)}.example-chip.selected .example-dot{background:var(--cream)}
.pick-hint{font-size:12px!important;color:var(--muted)!important;margin:-14px 0 18px!important}

.launch-box{max-width:640px;margin:22px 0 6px;padding:20px 23px;background:var(--white);border-left:6px solid var(--green);border-radius:0 18px 18px 0;box-shadow:var(--shadow);animation:rise .35s both}.launch-box p{font-size:15px;line-height:1.6;white-space:pre-line;margin:12px 0 0}.launch-link{display:inline-block;margin-top:14px;padding:12px 18px;border-radius:999px;background:var(--green);color:var(--cream);text-decoration:none;font:11px GothamBlack,Arial,sans-serif;letter-spacing:.08em;transition:background .2s,transform .2s}.launch-link:hover{background:var(--orange);transform:translateY(-2px)}.launch-note{font-size:12px!important;color:var(--muted)!important;margin-top:10px!important}.prompt-box .launch-link{margin-top:14px}

/* ===== de-dupe views ===== */
body[data-view="home"] .activities-section{display:none}
body[data-view="find"] .activities-section{display:none}
body:not([data-view="home"]) .how{display:none}
.how{margin-top:34px;padding:38px 40px;background:var(--white);border-radius:30px;box-shadow:var(--shadow)}.how-head h2{font:normal clamp(28px,3.6vw,40px)/1.15 RobotoSlabLight,Georgia,serif;margin:12px 0 0}.how-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.how-steps li{position:relative;padding:22px 22px 22px 22px;border-radius:20px;background:var(--cream)}.how-num{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--orange);color:var(--cream);font:normal 20px RobotoSlabLight,Georgia,serif;margin-bottom:12px}.how-steps strong{display:block;font:normal 21px/1.2 RobotoSlabLight,Georgia,serif;color:var(--forest)}.how-steps p{margin:8px 0 0;font-size:14px;line-height:1.55;color:#52604d}.how-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
@media(max-width:760px){.how{padding:26px 20px}.how-steps{grid-template-columns:1fr;gap:12px}}

/* ===== five prompts to steal ===== */
body:not([data-view="find"]) .steal{display:none}
.steal{margin-top:30px;padding:36px 40px;background:var(--white);border-radius:30px;box-shadow:var(--shadow)}.steal-head h2{font:normal clamp(28px,3.6vw,40px)/1.15 RobotoSlabLight,Georgia,serif;margin:12px 0 6px}.steal-head p{margin:0;font-size:14px;color:#52604d;max-width:640px}
.steal-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}.steal-item{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 20px;border-radius:18px;background:var(--cream)}.steal-item p{margin:0;font:normal 17px/1.4 RobotoSlabLight,Georgia,serif;color:var(--forest)}.steal-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.launch-link-small{margin-top:0;padding:8px 14px;font-size:10px}.steal-note{margin:22px 0 0;font-size:14px;color:var(--forest)}.steal-note:before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--orange);margin-right:10px}
.frame-tip{max-width:630px;margin:-10px 0 22px!important;padding:14px 18px;background:var(--lav-l);border-radius:14px;font-size:13px!important;line-height:1.55;color:var(--forest)!important}.frame-tip strong{font-family:GothamBlack,Arial,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
@media(max-width:760px){.steal{padding:24px 18px}.steal-item{grid-template-columns:1fr;gap:10px}.steal-actions{white-space:normal}}

.launch-cold{margin:0 0 12px!important;font-size:13px!important;color:var(--muted)!important;font-family:RobotoSlabLight,Georgia,serif;text-decoration:line-through;text-decoration-color:var(--orange);text-decoration-thickness:2px}.launch-cold:empty{display:none}.cold-label{font:9px GothamBlack,Arial,sans-serif;letter-spacing:.12em;color:var(--orange);text-decoration:none;margin-right:8px;display:inline-block}

.choose-left{display:flex;flex-direction:column;gap:10px}.company-tabs{align-self:flex-start;margin-top:4px}.company-tabs button.active{background:var(--orange)}
@media(max-width:650px){.company-tabs{align-self:stretch}}

.feature-open{margin-top:18px;grid-column:1;justify-self:start}

/* ===== browse + library ===== */
body:not([data-view="find"]) .browse{display:none}
.browse{margin-top:30px;padding:36px 40px;background:var(--white);border-radius:30px;box-shadow:var(--shadow)}.browse-head h2{font:normal clamp(28px,3.6vw,40px)/1.15 RobotoSlabLight,Georgia,serif;margin:12px 0 6px}.browse-head p{margin:0;font-size:14px;color:#52604d}
.browse-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:22px}.browse-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.browse-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--cream);color:var(--forest);font:13px GothamBook,Arial,sans-serif;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.browse-chip:hover{transform:translateY(-2px);border-color:var(--green);background:var(--white)}.browse-arrow{font:9px GothamBlack,Arial,sans-serif;letter-spacing:.08em;color:var(--orange)}
.library{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}.library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.library-head h3{font:normal 28px/1.15 RobotoSlabLight,Georgia,serif;margin:6px 0 0}.library-search{display:flex;align-items:center;gap:12px;flex:1;min-width:260px;max-width:460px}.library-search input{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:var(--cream);color:var(--forest);font:14px GothamBook,Arial,sans-serif}.library-search input:focus{outline:3px solid var(--orange)}.library-count{font:10px GothamBlack,Arial,sans-serif;letter-spacing:.08em;color:var(--muted);white-space:nowrap}
.library-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}.lib-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 18px;border-radius:16px;background:var(--cream)}.lib-copy strong{display:block;font:normal 17px/1.3 RobotoSlabLight,Georgia,serif;color:var(--forest)}.lib-cold{display:block;font-size:12px;color:var(--muted);text-decoration:line-through;text-decoration-color:var(--orange);margin-top:2px}.lib-copy p{margin:6px 0 0;font-size:13px;line-height:1.5;color:#52604d}.lib-open{margin-top:0;white-space:nowrap}.lib-empty{padding:16px;font-size:14px;color:var(--muted)}
@media(max-width:760px){.browse{padding:24px 18px}.browse-cols{grid-template-columns:1fr}.lib-row{grid-template-columns:1fr;gap:8px}.library-head{flex-direction:column;align-items:stretch}}

/* ===== what to look for (screenshots) ===== */
.shots{max-width:900px;padding:30px 0 6px;border-top:1px solid var(--line)}.shots h3{font:normal 28px/1.15 RobotoSlabLight,Georgia,serif;margin:12px 0 16px}.shots-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.shot{margin:0;background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.shot img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}.shot figcaption{padding:12px 16px;font-size:13px;line-height:1.5;color:var(--forest)}

/* ===== task-first home ===== */
.hero-compact{display:block;padding:44px 48px 36px}.hero-compact .hero-copy{max-width:760px}.hero-compact h1{font-size:clamp(34px,4.6vw,54px);margin:0 0 10px}.hero-compact h1:after{content:none}.hero-compact p{font-size:16px;margin:0}
.finder-form-hero{margin-top:22px;max-width:820px}.finder-form-hero input{background:var(--white);border:2px solid var(--forest);font-size:16px;padding:16px 20px}.finder-form-hero button{background:var(--forest)}.hero-compact .finder-chips button{border-color:var(--forest);color:var(--forest);background:transparent}.hero-compact .finder-chips button:hover{background:var(--forest);color:var(--cream)}
.hits{display:grid;gap:12px}.hit{padding:18px 20px;border-radius:18px;background:var(--white);box-shadow:var(--shadow);animation:rise .3s both}.hit-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hit-head strong{font:normal 19px/1.2 RobotoSlabLight,Georgia,serif;color:var(--forest)}.hit p{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--forest)}.hit-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.hit-actions .launch-link{margin-top:0}
body[data-view="home"] .browse,body[data-view="home"] .steal{display:block}body[data-view="home"] .browse{margin-top:26px}
.quick{max-width:900px;padding:26px 0 10px}.quick h3{font:normal 30px/1.15 RobotoSlabLight,Georgia,serif;margin:12px 0 6px}.quick .pick-hint{margin:0 0 16px!important}
.walk{max-width:900px;margin-top:26px;border-top:1px solid var(--line);padding-top:12px}.walk summary{cursor:pointer;font:11px GothamBlack,Arial,sans-serif;letter-spacing:.08em;color:var(--green);padding:10px 0}.walk[open] summary{color:var(--forest)}
#step-one .sample-list,#step-one .pick-hint{display:none}
@media(max-width:650px){.hero-compact{padding:28px 20px}.hero-compact h1{font-size:32px}}

.trail-art-features{position:relative;display:flex;justify-content:center;margin:10px auto 26px;max-width:520px}.trail-art-features .practice-landscape{width:100%;min-width:0;cursor:pointer}.trail-art-features .sticker-c{bottom:-4px;left:6%}

.crew-top{margin:28px 0 0}.crew-top .hero-cta{border:0;cursor:pointer;font-family:GothamBlack,Arial,sans-serif}.polaroid-crew{padding-bottom:10px}body[data-view="home"] .hero-compact{margin-top:26px}

.feature-extra{max-width:900px;padding:26px 0 4px;border-top:1px solid var(--line);display:grid;gap:18px}.decide{display:grid;grid-template-columns:1fr 1fr;gap:18px}.decide-col{padding:20px 22px;border-radius:20px;background:var(--white);box-shadow:var(--shadow)}.decide-col ul{margin:12px 0 0;padding-left:18px}.decide-col li{margin:6px 0;font-size:15px;line-height:1.5;color:var(--forest)}.decide-rule{grid-column:1/-1;margin:0;padding:16px 20px;border-radius:16px;background:var(--forest);color:var(--cream);font-size:16px}.decide-rule strong{color:var(--peach)}
.tokens{padding:22px 24px;border-radius:20px;background:var(--sage)}.tokens p{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--forest)}
@media(max-width:700px){.decide{grid-template-columns:1fr}}

.modelguide{padding:22px 24px;border-radius:20px;background:var(--white);box-shadow:var(--shadow)}.modelguide p{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--forest)}.modelguide table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}.modelguide th{text-align:left;font:10px GothamBlack,Arial,sans-serif;letter-spacing:.08em;color:var(--green);padding:8px 10px;border-bottom:1px solid var(--line)}.modelguide td{padding:10px;border-bottom:1px solid var(--line);color:var(--forest);vertical-align:top}.modelguide td:first-child{font-weight:bold;white-space:nowrap}.model-note{font-size:13px!important;color:var(--muted)!important}
@media(max-width:650px){.modelguide td:first-child{white-space:normal}}

.hero-compact .basics-line{margin-top:14px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.6);font-size:14px;line-height:1.55;max-width:760px}.basics-line strong{font-family:GothamBlack,Arial,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}

.project-steps{margin:16px 0 4px;padding-left:22px;display:grid;gap:10px}.project-steps li{font-size:15px;line-height:1.5;color:var(--forest)}.project-steps .launch-link,.project-steps .copy-button{margin:6px 0 0 6px;vertical-align:middle}

button.launch-link{border:0;cursor:pointer}

.memory-choice{margin-top:10px;padding:14px 16px;border-radius:14px;background:var(--sand)}.memory-choice p{margin:8px 0 0;font-size:14px;line-height:1.5}

/* ===== brand shapes ===== */
.card-art{background:none!important}.card-art .card-shapes{position:absolute;inset:0;width:100%;height:100%;display:block}.card-art:before,.card-art:after{content:none!important}
.activity-card .card-icon{z-index:2}.card-num{z-index:2;color:var(--cream);opacity:.85;text-shadow:0 1px 0 rgba(37,58,26,.2)}
.brief-art{background:none!important;overflow:hidden;border-radius:120px 120px 24px 24px!important}.brief-art:after{content:none!important}.brief-shapes{position:absolute;inset:0}.brief-shapes svg{width:100%;height:100%;display:block}.brief-art-icon{position:relative;z-index:2;background:var(--cream);border-radius:50%;padding:22px;width:120px!important;height:120px!important;box-shadow:0 10px 24px -14px rgba(37,58,26,.6)}
.shape-band{margin:40px 0 0;line-height:0}.shape-band svg{width:100%;height:70px;display:block}
.site-footer{margin-top:0;border-radius:0 0 22px 22px}

.card-art.flip .card-shapes{transform:scaleX(-1)}

/* ===== features first ===== */
body[data-view="home"] .activities-section{display:block!important;padding-top:30px}
body[data-view="home"] .hero-compact{display:block!important;margin-top:40px}
body[data-view="home"] .browse,body[data-view="home"] .steal{display:block!important}
body[data-view="feature"] .hero-compact,body[data-view="feature"] .browse,body[data-view="feature"] .steal,body[data-view="feature"] .activities-section,body[data-view="feature"] .crew{display:none!important}
.finder-title{font:normal clamp(32px,4.2vw,50px)/1.1 RobotoSlabLight,Georgia,serif;margin:12px 0 10px;color:var(--forest)}
.activities-section .trail-art-features{margin-top:0}

/* ===== separate pages (2026-10-22): home, features, find, feature ===== */
body[data-view] .crew,body[data-view] .doors,body[data-view] .activities-section,body[data-view] .hero-compact,body[data-view] .browse,body[data-view] .steal{display:none!important}
body[data-view="home"] .crew{display:grid!important}
body[data-view="home"] .doors{display:grid!important}
body[data-view="features"] .activities-section{display:block!important;padding-top:30px}
body[data-view="find"] .hero-compact,body[data-view="find"] .browse,body[data-view="find"] .steal{display:block!important}
body[data-view="find"] .hero-compact{margin-top:30px}
body:not([data-view="feature"]) .activity-workspace{display:none!important}
.doors{grid-template-columns:1fr 1fr;gap:22px;margin:26px 0 60px}
.door{display:flex;flex-direction:column;gap:10px;padding:30px 30px 26px;border-radius:26px;text-decoration:none;color:var(--forest);background:var(--lav-l);border:2px solid transparent;transition:transform .15s,border-color .15s}
.door:hover,.door:focus-visible{transform:translateY(-3px);border-color:var(--forest)}
.door-find{background:var(--forest);color:var(--cream)}
.door .tag{align-self:flex-start}
.door strong{font:26px/1.15 GothamBlack,Arial,sans-serif}
.door span:not(.tag):not(.door-go){font-size:16px;line-height:1.5}
.door-go{margin-top:auto;padding-top:8px;font:12px GothamBlack,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.door-find .door-go{color:var(--orange)}
.feature-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 4px}
.feature-tabs button{padding:11px 18px;border-radius:999px;border:2px solid var(--forest);background:transparent;color:var(--forest);font:11px GothamBlack,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.feature-tabs button.active{background:var(--forest);color:var(--cream)}
.feature-tabs button[hidden]{display:none}
.activity-workspace .tab-off{display:none!important}
@media(max-width:700px){.doors{grid-template-columns:1fr}.door strong{font-size:22px}.feature-tabs button{flex:1;padding:10px 8px;font-size:10px}}
.library-toggle{display:inline-block;margin-top:26px;padding:14px 22px;border-radius:999px;border:2px solid var(--forest);color:var(--forest);font:12px GothamBlack,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;list-style:none}.library-toggle::-webkit-details-marker{display:none}.library-fold[open] .library-toggle{background:var(--forest);color:var(--cream)}

/* ===== shaped photos ===== */
.shape-photo{position:relative;margin:0;isolation:isolate}.shape-photo img{position:relative;display:block;width:100%;height:100%;object-fit:cover;z-index:1}
.shape-photo:before,.shape-photo:after{content:'';position:absolute;z-index:0}
.shape-arch img{aspect-ratio:4/5;border-radius:999px 999px 22px 22px}
.shape-arch:before{inset:16px -16px -16px 16px;border-radius:999px 999px 22px 22px;background:var(--green)}
.shape-arch:after{width:74px;height:74px;border-radius:50%;background:var(--orange);top:-14px;left:-18px;z-index:2}
.shape-leaf img{aspect-ratio:5/4;border-radius:120px 18px 120px 18px}
.shape-leaf:before{inset:-12px 18px 18px -12px;border-radius:120px 18px 120px 18px;background:var(--lavender)}
.shape-leaf:after{width:96px;height:48px;border-radius:96px 96px 0 0;background:var(--forest);right:-10px;bottom:-14px;z-index:2}
.shape-quarter img{aspect-ratio:1/1;border-radius:0 0 0 999px}
.shape-quarter:before{inset:-14px -14px 14px 14px;border-radius:0 0 0 999px;background:var(--orange)}
.shape-quarter:after{width:44px;height:44px;border-radius:50%;background:var(--green);left:-8px;top:-8px;z-index:2}
body[data-view="find"] .hero-compact.with-photo{display:grid!important;grid-template-columns:minmax(0,1fr) 280px;column-gap:44px;align-items:start}
.hero-compact.with-photo>*{grid-column:1}.hero-compact.with-photo .find-photo{grid-column:2;grid-row:1/span 4;align-self:center;margin:6px 14px 14px 0}
.browse-top{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:36px;align-items:center;margin-bottom:24px}
.steal-top{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:center;margin-bottom:22px}.steal-top .shape-photo{margin:14px 0 0}
.workspace-top .feature-shape{grid-column:2;grid-row:1/6;width:100%;max-width:280px;justify-self:center;margin:14px 16px 16px 0;transform:none}
.has-photo .workspace-top{grid-template-columns:minmax(0,1fr) 300px}
@media(max-width:760px){
  body[data-view="find"] .hero-compact.with-photo{grid-template-columns:1fr}.hero-compact.with-photo .find-photo{grid-column:1;grid-row:auto;width:min(100%,260px);justify-self:center;margin:0 0 26px}
  .shape-arch img{aspect-ratio:1/1}
  .browse-top,.steal-top{grid-template-columns:1fr;gap:22px}.browse-top .shape-photo{order:-1;margin:0 12px 6px}.shape-leaf img{aspect-ratio:2/1}
  .steal-top .shape-photo{width:150px;margin:14px 0 0 14px}
  .has-photo .workspace-top{grid-template-columns:1fr}.workspace-top .feature-shape{grid-column:1;grid-row:auto;max-width:220px;margin:20px auto 10px}
}

/* ===== more photo shapes, rotated across feature pages ===== */
.shape-circle img{aspect-ratio:1/1;border-radius:50%}
.shape-circle:before{inset:18px -18px -18px 18px;border-radius:50%;background:var(--lavender)}
.shape-circle:after{width:60px;height:30px;border-radius:60px 60px 0 0;background:var(--orange);left:6px;bottom:-4px;z-index:2}
.shape-pill img{aspect-ratio:3/5;border-radius:999px}
.shape-pill:before{inset:-14px 22px 22px -14px;border-radius:999px;background:var(--orange)}
.shape-pill:after{width:52px;height:52px;border-radius:50%;background:var(--forest);right:-12px;top:22%;z-index:2}
.shape-drop img{aspect-ratio:1/1;border-radius:999px 999px 999px 18px}
.shape-drop:before{inset:16px 16px -16px -16px;border-radius:999px 999px 999px 18px;background:var(--green)}
.shape-drop:after{width:70px;height:14px;border-radius:7px;background:var(--lavender);right:-6px;bottom:8px;z-index:2;box-shadow:0 22px 0 var(--orange)}
.workspace-top .feature-shape.shape-pill{max-width:210px}

/* walkthrough shows all three steps at once */
.walk .step-next,.walk .step-back{display:none}.walk .step-panel+.step-panel{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.walk .feature-help>summary{pointer-events:none}