:root{--navy:#102536;--gold:#b3944f;--ink:#283025;--paper:#eee5cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#13271e;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif}button,a{font:inherit}.topbar{height:72px;padding:0 clamp(20px,6vw,110px);display:flex;align-items:center;gap:42px;background:linear-gradient(90deg,#112635,#0e2030);color:#e4cf98;border-bottom:1px solid #b79b5d;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:22px;white-space:nowrap}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid #b99b5c;border-radius:50%;font-size:30px}.topbar nav{margin-left:auto;display:flex;gap:36px}.topbar nav a{padding:27px 0 20px;color:#f0e7d2;text-decoration:none;text-transform:uppercase;letter-spacing:.22em;font:500 12px Montserrat,sans-serif}.topbar nav a.active{color:#d8bd77;border-bottom:2px solid #d8bd77}.motto{width:285px;margin:0 0 0 25px;padding-bottom:10px;border-bottom:1px solid #6f704c;text-transform:uppercase;letter-spacing:.22em;font:500 11px Montserrat,sans-serif}.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid #b3944f;color:#e4cf98;padding:8px 11px}.hero{height:354px;position:relative;background:url('assets/365-concept-hero.jpg') center/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#14241d0d,#fffbe715,#14241d0f);pointer-events:none}.hero-copy{position:absolute;z-index:2;inset:18px 20% 0 26%;text-align:center;color:#253329;text-shadow:0 1px 0 #fff8}.hero h1{margin:4px 0 8px;font-weight:500;font-size:55px;line-height:.82}.flourish{display:block;color:#6c643d}.hero-copy p{margin:8px 0 14px;font-size:23px;line-height:1.22}.day-pill{display:inline-block;padding:7px 24px;background:#f4ebd1d1;border:1px solid #baa36d;box-shadow:0 3px 8px #6e5d3c44;font-size:18px}.hero-copy small{display:block;margin-top:18px;text-transform:uppercase;letter-spacing:.3em;font:500 10px Montserrat,sans-serif}.spiritual-gateway{position:absolute;z-index:3;left:20px;top:60px;width:205px;padding:17px 12px;border:0;background:linear-gradient(100deg,#796245,#9b815d 52%,#70583f);color:#1f211c;box-shadow:0 5px 15px #0006,inset 0 0 14px #ceb98c66;font-size:22px;line-height:1.05;transform:rotate(-1deg);cursor:pointer}.spiritual-gateway i{display:block;margin:8px;color:#fff0b1;text-shadow:0 0 8px #ffe085;font-style:normal}.living-field{min-height:590px;padding:0 34px;background:linear-gradient(#1a3227dd,#15291fef),radial-gradient(circle at 15% 15%,#76865b 0 1px,transparent 2px);background-size:auto,24px 24px;border-top:2px solid #8e815c}.dashboard-grid{max-width:1470px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 194px;gap:10px}.paper{background:linear-gradient(110deg,#f5edda,#e9dec2);border:1px solid #c4af7d;box-shadow:0 3px 12px #0005,inset 0 0 28px #987b3b18;border-radius:5px}.paper>h2{margin:0 0 16px;display:flex;align-items:center;gap:18px;justify-content:center;font-size:28px;font-weight:500}.paper>h2 span{height:1px;flex:1;background:#8f845f}.weekly{grid-column:1;padding:16px 32px 22px}.data-status{margin:-12px 0 8px;text-align:center;color:#746c58;font:11px Montserrat,sans-serif}.weekly-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.image-card{height:191px;position:relative;border:1px solid #4a4936;border-radius:4px;background-size:cover;background-position:center;box-shadow:0 4px 5px #0007;overflow:hidden}.discovery{background-image:url('assets/365-card-discovery.jpg')}.homestead{background-image:url('assets/365-card-homestead.jpg')}.season{background-image:url('assets/365-card-season.jpg')}.image-card>div{position:absolute;left:0;right:0;bottom:0;height:47px;display:flex;align-items:center;justify-content:center;gap:12px;background:#f0e6ccf0;font-size:20px}.image-card>div b{font-weight:400}.image-card p{position:absolute;inset:auto 10px 50px;margin:0;padding:5px 8px;background:#172319d9;color:white;opacity:0;transform:translateY(8px);transition:.25s;font:13px/1.35 Montserrat,sans-serif}.image-card:hover p{opacity:1;transform:none}.ladder{grid-column:2;grid-row:1/3;padding:36px 25px 15px;text-align:center}.ladder h2{display:block;margin-bottom:25px;font-size:27px;line-height:1}.rung{height:49px;display:grid;grid-template-columns:30px 1fr;align-items:center;position:relative;text-align:left;text-transform:uppercase;letter-spacing:.12em;font:500 10px Montserrat,sans-serif}.rung:not(:last-of-type):after{content:"";position:absolute;left:10px;top:33px;height:31px;border-left:1px solid #817555}.rung b{width:21px;height:21px;display:grid;place-items:center;border:1px solid #8a7a52;border-radius:50%;color:#77673c}.rung.active b{background:#bd9e55}.ladder>p{margin-top:36px;text-transform:uppercase;letter-spacing:.18em;font:500 10px/1.5 Montserrat,sans-serif}.ladder>p:before{content:"⌁";display:block;font:52px/1 serif;color:#927d4a}.journeys{grid-column:1;padding:14px 30px 20px}.journey-tiles{display:grid;grid-template-columns:repeat(8,1fr);gap:17px}.journey-tiles button{min-width:0;height:166px;padding:0;border:0;border-radius:3px;background:#e9ddc0;overflow:hidden;cursor:pointer;box-shadow:0 2px 6px #57482955;transition:.2s}.journey-tiles button:hover{transform:translateY(-4px);box-shadow:0 7px 14px #57482977}.journey-tiles i{display:block;height:104px;background:url('assets/365-journey-strip.jpg') 0 0/800% 100% no-repeat}.journey-tiles button:nth-child(2) i{background-position:14.285% 0}.journey-tiles button:nth-child(3) i{background-position:28.57% 0}.journey-tiles button:nth-child(4) i{background-position:42.85% 0}.journey-tiles button:nth-child(5) i{background-position:57.14% 0}.journey-tiles button:nth-child(6) i{background-position:71.43% 0}.journey-tiles button:nth-child(7) i{background-position:85.71% 0}.journey-tiles button:nth-child(8) i{background-position:100% 0}.journey-tiles span{display:grid;height:62px;place-items:center;font-size:19px}.progress-overview{max-width:1470px;margin:12px auto 0;padding:12px 18px;display:grid;grid-template-columns:1fr 1fr repeat(4,.7fr);gap:18px;background:#efe5ceb8;border:1px solid #b29a68}.progress-overview span{display:block;text-transform:uppercase;letter-spacing:.12em;font:10px Montserrat,sans-serif}.progress-overview strong{display:block;font-size:20px;font-weight:500}.progress-overview em{font-style:normal}.track{height:3px;margin-top:5px;background:#a69b7a55}.track i{display:block;height:100%;min-width:2px;background:#8b743f}footer{padding:24px;text-align:center;color:#c6ab6a;text-transform:uppercase;letter-spacing:.3em;font:10px Montserrat,sans-serif}dialog{width:min(700px,92vw);padding:0;border:1px solid #b89c5e;background:linear-gradient(135deg,#f5edd9,#e9ddc1);color:#2b3028;box-shadow:0 30px 90px #000a}dialog::backdrop{background:#07121cd9;backdrop-filter:blur(5px)}.dialog-inner{padding:32px}.dialog-close{float:right;border:0;background:none;font-size:30px}.dialog-inner h2{margin:4px 0 16px;font-size:42px}.dialog-inner h3{margin:18px 0 3px}.dialog-kicker{text-transform:uppercase;letter-spacing:.15em;color:#88713d;font:11px Montserrat,sans-serif}.dialog-grid{display:grid;grid-template-columns:1fr 210px;gap:30px}.dialog-rung{padding:8px 0;border-bottom:1px solid #b6a47777;font-size:13px}.gateway-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.gateway-links a{padding:12px;border:1px solid #b8a372;text-decoration:none}
@media(max-width:1050px){.topbar{gap:20px;padding:0 24px}.topbar nav{gap:18px}.motto{display:none}.hero-copy{inset:20px 8% 0 22%}.weekly-grid{gap:12px}.journey-tiles{gap:8px}.journey-tiles span{font-size:15px}.progress-overview{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{height:64px}.brand{font-size:17px}.brand-mark{width:40px;height:40px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:64px;left:0;right:0;padding:18px;background:#102536;flex-direction:column}.topbar nav.open{display:flex}.topbar nav a{padding:7px}.hero{height:580px;background-position:48% center}.hero:before{content:"";position:absolute;inset:0;background:#fff3}.hero-copy{inset:36px 18px auto}.hero h1{font-size:44px}.hero-copy p{font-size:21px}.spiritual-gateway{top:auto;bottom:25px;left:50%;transform:translateX(-50%) rotate(-1deg)}.living-field{padding:14px 10px}.dashboard-grid{display:block}.paper{margin-bottom:12px}.weekly{padding:16px}.weekly-grid{grid-template-columns:1fr}.image-card{height:205px}.ladder{padding:24px}.rung{max-width:260px;margin:auto}.journeys{padding:14px}.journey-tiles{grid-template-columns:repeat(2,1fr);gap:10px}.journey-tiles button{height:148px}.journey-tiles i{height:96px}.journey-tiles span{height:52px;font-size:18px}.progress-overview{grid-template-columns:repeat(2,1fr)}.dialog-grid,.gateway-links{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.story-flow{display:grid;gap:10px}.story-flow section{padding:10px 13px;border-left:2px solid #b3944f;background:#fff9e866}.story-flow h3{margin:0 0 3px;font:600 11px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#88713d}.story-flow p{margin:0;line-height:1.45}.dialog-rung.active{font-weight:600;color:#765d25}

.progress-overview button{min-width:0;padding:8px 10px;text-align:left;color:inherit;background:#fff8e955;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:.2s}.progress-overview button:hover,.progress-overview button:focus-visible{background:#fff9e8;border-color:#a88b4d;transform:translateY(-2px)}.progress-overview button small{display:block;margin-top:2px;color:#7b6a43;font:500 11px Montserrat,sans-serif}.overview-inner{max-height:84vh;overflow:auto}.overview-count{margin-top:-12px;color:#756b56}.overview-list{display:grid;gap:10px}.overview-item{display:grid;grid-template-columns:minmax(150px,.65fr) 1fr 1fr;gap:16px;padding:15px;border:1px solid #b8a37288;background:#fff9e888}.overview-item>div{position:relative;padding-left:18px}.overview-item strong{display:block;font-size:21px}.overview-item small{display:block;color:#756b56;font:12px Montserrat,sans-serif}.overview-item p{margin:0;font-size:15px;line-height:1.4}.overview-item p b{display:block;text-transform:uppercase;letter-spacing:.1em;color:#88713d;font:600 10px Montserrat,sans-serif}.status-dot{position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:#918b7d}.status-transforming{background:#4f8fb1}.status-established{background:#56804e}.status-still-dependent{background:#b2765d}.overview-empty{padding:22px;background:#fff9e888;border:1px solid #b8a37288}@media(max-width:760px){.overview-item{grid-template-columns:1fr}.progress-overview button{padding:10px}}


/* Community idea submissions */
.journey-contribute{margin-top:24px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #b6a47788;background:#fff9e855}.journey-contribute p{margin:0;font-size:17px;line-height:1.35}.idea-trigger,.idea-submit,.idea-success button{padding:11px 17px;border:1px solid #80682f;border-radius:3px;background:#183329;color:#f3e7c7;cursor:pointer;font:600 12px Montserrat,sans-serif;letter-spacing:.05em;transition:.2s}.idea-trigger:hover,.idea-trigger:focus-visible,.idea-submit:hover,.idea-submit:focus-visible,.idea-success button:hover{background:#274a3c;transform:translateY(-1px)}.idea-trigger:focus-visible,.idea-submit:focus-visible,.idea-success button:focus-visible{outline:3px solid #cfb66f;outline-offset:2px}.overview-idea{align-self:end;justify-self:start;padding:8px 12px;font-size:11px}.overview-item{grid-template-columns:minmax(150px,.65fr) 1fr 1fr auto}.idea-inner{max-width:650px}.idea-inner>h2{margin-bottom:3px}.idea-context{margin:0 0 20px;color:#6e5a2b;font-size:20px}.idea-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px;margin-bottom:15px;font:600 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#735f32}.field span{font-weight:400;text-transform:none;letter-spacing:0}.field input,.field textarea{width:100%;padding:11px 12px;border:1px solid #a99463;border-radius:3px;background:#fffdf5;color:#273129;font:16px/1.4 Montserrat,sans-serif;text-transform:none;letter-spacing:0}.field textarea{resize:vertical;min-height:130px}.field input:focus,.field textarea:focus{outline:3px solid #c8ae6c66;border-color:#80682f}.credit-choice{display:flex;align-items:flex-start;gap:10px;margin:2px 0 14px;font:14px/1.4 Montserrat,sans-serif}.credit-choice input{width:18px;height:18px;margin-top:1px;accent-color:#183329}.form-note{margin:0 0 16px;color:#665d4c;font:13px/1.45 Montserrat,sans-serif}.form-error{padding:10px;background:#8b3f3020;color:#743626;font:14px Montserrat,sans-serif}.idea-submit:disabled{opacity:.65;cursor:wait;transform:none}.idea-success{padding:24px 0 8px;text-align:center}.idea-success strong{font-size:32px;font-weight:500}.idea-success p{font-size:18px}.bot-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}@media(max-width:760px){.journey-contribute{align-items:stretch;flex-direction:column}.idea-fields{grid-template-columns:1fr}.overview-item{grid-template-columns:1fr}.overview-idea{justify-self:stretch}}


/* Continuous freedom level */
.freedom-panel{min-width:0}.freedom-scale{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:start}.freedom-rungs{display:grid;grid-template-rows:repeat(5,50px);padding-top:31px}.freedom-rungs .dialog-rung{min-height:50px;display:flex;align-items:center;padding:6px 0;line-height:1.15}.freedom-meter-wrap{display:flex;flex-direction:column;align-items:center;text-align:center}.freedom-meter-wrap>strong{height:31px;color:#765d25;font:600 18px/1.2 Montserrat,sans-serif}.freedom-meter{width:24px;height:250px;position:relative;overflow:hidden;border:1px solid #927a43;border-radius:12px;background:linear-gradient(to top,#6f4d3d22,#c4a45620);box-shadow:inset 0 0 7px #59451f33}.freedom-meter i{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(to top,#9b6948 0%,#c4a34f 48%,#557d54 100%);border-top:2px solid #fff0b8;box-shadow:0 -2px 8px #e9cf75aa;transition:height 1s cubic-bezier(.22,.8,.3,1)}.freedom-meter:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#806f4938 49px,#806f4938 50px);pointer-events:none}.freedom-meter-wrap small{margin-top:7px;color:#756b56;text-transform:uppercase;letter-spacing:.08em;font:500 9px/1.25 Montserrat,sans-serif}@media(max-width:760px){.freedom-scale{grid-template-columns:58px minmax(0,1fr);gap:18px}.freedom-rungs{padding-top:31px}.freedom-meter{height:250px}}

@media(min-width:761px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 250px}.ladder{position:relative;padding-left:18px;padding-right:62px}.ladder .rung{grid-template-columns:28px 1fr}.main-freedom-meter{position:absolute;top:91px;right:15px;width:42px;display:flex;flex-direction:column;align-items:center;text-align:center}.main-freedom-meter .freedom-meter{height:294px;width:20px}.main-freedom-meter>strong{height:27px;color:#765d25;font:600 15px/1.2 Montserrat,sans-serif}.main-freedom-meter small{margin-top:6px;color:#756b56;text-transform:uppercase;letter-spacing:.06em;font:500 8px/1.2 Montserrat,sans-serif}}

#freedom-meter-tracked{display:block;margin-top:3px;white-space:nowrap;text-transform:none;letter-spacing:.02em;font-size:7px}

.ladder>.ladder-motto{clear:both;margin-top:28px;padding-top:15px;border-top:1px solid rgba(129,117,85,.35);text-align:center;text-transform:none;letter-spacing:.035em;color:#5f593f;font:600 15px/1.35 "Cormorant Garamond",Georgia,serif}.ladder>.ladder-motto:before{content:none;display:none}.ladder>.ladder-motto span{display:inline;margin:0 .3em;color:#a18038;font:700 20px/1 serif}


/* Contextual community invitations */
.story-invite-section{position:relative;padding-bottom:13px!important}
.story-idea-trigger{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 11px;border:1px solid #9d875455;border-radius:999px;background:#fffaf066;color:#6d592b;cursor:pointer;font:600 10px Montserrat,sans-serif;letter-spacing:.07em;text-transform:uppercase;transition:.2s}
.story-idea-trigger:before{content:"❧";font:15px "Cormorant Garamond",serif}
.story-idea-trigger:hover,.story-idea-trigger:focus-visible{background:#f5e8c5;border-color:#94783c;color:#3e492f;transform:translateY(-1px)}
.story-idea-trigger:focus-visible{outline:2px solid #c8ae6c88;outline-offset:2px}
@media(max-width:760px){.story-idea-trigger{width:100%;justify-content:center;padding:10px 12px;line-height:1.25}}

.submission-context{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}


/* Shared journal introduction */
.journal-introduction{max-width:920px;margin:18px auto 26px;padding:18px 22px;border-top:1px solid rgba(128,105,54,.28);border-bottom:1px solid rgba(128,105,54,.22);text-align:center;color:#4d513f}
.journal-introduction h3{margin:0 0 8px;color:#344333;font:600 25px/1.15 "Cormorant Garamond",Georgia,serif}
.journal-introduction p{margin:0;font:400 14px/1.65 Montserrat,sans-serif}
.story-idea-trigger[hidden]{display:none!important}
@media(max-width:760px){.journal-introduction{margin:14px 0 22px;padding:16px 8px}.journal-introduction h3{font-size:23px}.journal-introduction p{font-size:13px;line-height:1.6}}

#journal{scroll-margin-top:120px}
@media(max-width:760px){#journal{scroll-margin-top:150px}}


.topbar{display:none!important}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(5,12,22,.98),rgba(5,12,22,.92));border-bottom:1px solid rgba(213,180,106,.35);box-shadow:0 8px 24px #0005}.echo-nav{max-width:1180px;height:88px;margin:auto;padding:.8rem min(7vw,3rem);display:flex;align-items:center;gap:1.35rem}.echo-brand{display:flex;align-items:center;flex:0 0 auto}.echo-brand img{display:block;width:178px;height:auto}.section-name{padding-left:1.25rem;border-left:1px solid rgba(213,180,106,.4);color:#eef2f9}.section-name strong{display:block;font:500 1.1rem/1.1 "Cormorant Garamond",serif;letter-spacing:.08em}.section-name span{color:#e6c77a;text-transform:uppercase;letter-spacing:.14em;font:500 .62rem Montserrat,sans-serif}.project-nav{margin-left:auto;display:flex;align-items:center;gap:1.25rem}.project-nav a{position:relative;padding-bottom:.2rem;color:#c1c3e6;text-decoration:none;white-space:nowrap;font:.82rem Inter,system-ui,sans-serif}.project-nav a:hover,.project-nav a.active{color:#f6d472}.project-nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#9a7dff,#f6d472);transition:width .22s}.project-nav a:hover:after,.project-nav a.active:after{width:100%}.hero-copy{opacity:0;pointer-events:none}.spiritual-gateway{opacity:0}
@media(max-width:900px){.echo-nav{height:84px}.echo-brand img{width:164px}.section-name{display:none}.menu-toggle{display:block!important;margin-left:auto;border:0;color:#eef2f9;font-size:2rem}.project-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1.1rem 0 1.4rem;background:rgba(5,6,24,.98);border-bottom:1px solid rgba(151,137,255,.35);flex-direction:column;gap:.8rem}.project-nav.open{display:flex}}
@media(max-width:760px){.echo-nav{height:76px;padding:8px 15px}.echo-brand img{width:150px}.hero{height:620px;background:#f0e6cc;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:270px;background:url('assets/365-concept-hero.jpg') 100% center/auto 354px no-repeat}.hero:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:270px;background:linear-gradient(180deg,#f0e6cc 0,transparent 35%,#172a1d22 100%)}.hero-copy{opacity:1;pointer-events:auto;inset:0 0 auto;height:350px;padding:27px 18px 20px;background:linear-gradient(135deg,#f7efdccf,#eee2c4);border:0;border-bottom:1px solid #bca571;box-shadow:none;text-shadow:none}.hero h1{margin:0 0 10px;font-size:39px;line-height:.92}.hero-copy p{margin:10px 0 14px;font-size:19px}.hero-copy small{margin-top:18px;font-size:8px;line-height:1.5;letter-spacing:.18em}.day-pill{padding:8px 18px;font-size:17px}.spiritual-gateway{opacity:1;top:auto;bottom:26px;left:18px;width:190px;padding:14px 10px;font-size:19px;transform:rotate(-1deg)}.living-field{padding:12px 10px 0}.paper>h2{font-size:21px;white-space:normal;text-align:center}.paper>h2 span{display:none}.weekly{padding:14px 12px 14px;overflow:hidden}.weekly-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px}.image-card{flex:0 0 88%;height:205px;scroll-snap-align:center}.data-status{font-size:10px}.ladder{padding:18px 14px}.ladder h2{font-size:24px;margin-bottom:12px}.ladder br{display:none}.rung{width:50%;height:40px;float:left;margin:0}.ladder>p{clear:both;margin:14px 0 0;padding-top:10px}.journeys{clear:both;padding:14px 12px}.journey-tiles{grid-template-columns:repeat(2,1fr);gap:10px}.journey-tiles button{height:150px}.progress-overview{margin:12px 0 0;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px}.dialog-inner{padding:22px}.dialog-inner h2{font-size:34px}footer{font-size:8px;letter-spacing:.2em;padding:22px 8px}}
@media(max-width:380px){.echo-brand img{width:138px}.hero{height:600px}.hero-copy{height:335px;padding-top:23px}.hero h1{font-size:35px}.hero-copy p{font-size:18px}.spiritual-gateway{width:180px;font-size:18px}.image-card{flex-basis:92%}}


@media(max-width:760px){
  .hero:before{height:270px;background:url('assets/365-mobile-landscape.jpg') center/cover no-repeat}
  .hero:after{height:270px;background:linear-gradient(180deg,#f0e6cc 0,transparent 24%,rgba(10,31,22,.08) 72%,rgba(10,31,22,.35) 100%)}
  .spiritual-gateway{bottom:18px;left:18px;width:132px;min-height:104px;padding:9px 8px;font-size:13px;line-height:1.08;opacity:.74;transform:rotate(-2deg);box-shadow:0 3px 10px #0006,inset 0 0 10px #ceb98c55}
  .spiritual-gateway i{margin:5px;font-size:12px}
  .spiritual-gateway:hover,.spiritual-gateway:focus-visible{opacity:1;filter:brightness(1.08);transform:rotate(-2deg) translateY(-1px)}
}
@media(max-width:380px){.spiritual-gateway{width:122px;min-height:98px;font-size:12px}}


@media(max-width:760px){
  html{background:#102419}
  body{
    background:
      linear-gradient(180deg,rgba(244,235,207,.16) 0,rgba(13,42,28,.30) 24%,rgba(7,28,19,.60) 100%),
      url('assets/365-mobile-landscape.jpg') center top/cover fixed no-repeat;
    color:#263127;
  }

  /* One landscape from the threshold to the final progress markers */
  .hero{
    height:640px;
    background:
      linear-gradient(180deg,rgba(248,239,211,.42) 0%,rgba(246,235,204,.10) 38%,rgba(12,36,24,.08) 70%,rgba(8,28,19,.28) 100%),
      url('assets/365-mobile-landscape.jpg') center top/cover no-repeat;
  }
  .hero:before,.hero:after{display:none}
  .hero-copy{
    height:auto;
    inset:24px 16px auto;
    padding:20px 13px 19px;
    background:linear-gradient(180deg,rgba(250,244,225,.48),rgba(250,244,225,.17));
    border:1px solid rgba(139,116,63,.34);
    box-shadow:0 12px 35px rgba(35,31,18,.13);
    backdrop-filter:blur(1.5px);
  }
  .hero h1{
    color:#233227;
    margin-bottom:13px;
    font-size:40px;
    text-shadow:0 1px 7px rgba(255,250,231,.95);
  }
  .hero-copy p,.hero-copy small{
    color:#27372b;
    text-shadow:0 1px 5px rgba(255,250,231,.95);
  }
  .day-pill{
    background:rgba(244,235,209,.72);
    backdrop-filter:blur(4px);
  }
  .spiritual-gateway{
    left:20px;
    bottom:22px;
    width:116px;
    min-height:87px;
    padding:8px 6px;
    font-size:11.5px;
    opacity:.58;
    border:1px solid rgba(67,47,24,.35);
    transform:rotate(-3deg);
    box-shadow:0 4px 12px rgba(0,0,0,.42);
  }
  .spiritual-gateway i{margin:4px;font-size:10px}

  .living-field{
    position:relative;
    padding:30px 10px 0;
    background:
      linear-gradient(180deg,rgba(11,39,26,.18),rgba(7,29,19,.48) 48%,rgba(7,26,18,.68));
    border-top:1px solid rgba(216,190,126,.42);
  }
  .living-field:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 18% 7%,rgba(255,225,151,.18),transparent 17%),
      radial-gradient(circle at 87% 34%,rgba(238,211,143,.14),transparent 18%),
      radial-gradient(circle at 22% 70%,rgba(235,219,164,.11),transparent 20%);
  }
  .dashboard-grid,.progress-overview,footer{position:relative}

  .paper{
    background:linear-gradient(135deg,rgba(248,239,216,.82),rgba(229,217,185,.74));
    border-color:rgba(205,182,128,.72);
    box-shadow:0 14px 32px rgba(0,0,0,.25),inset 0 0 24px rgba(152,123,59,.08);
    backdrop-filter:blur(4px);
  }

  /* Weekly discoveries become moments along the path */
  .weekly{
    margin:0 4px 64px;
    padding:17px 13px 20px;
    border-radius:12px 3px 12px 3px;
    overflow:visible;
  }
  .weekly-grid{
    display:flex;
    flex-direction:column;
    gap:24px;
    margin:0;
    padding:7px 0 0;
    overflow:visible;
  }
  .image-card{
    flex:none;
    width:88%;
    height:204px;
    border-radius:5px;
    scroll-snap-align:none;
    box-shadow:0 9px 22px rgba(0,0,0,.32);
  }
  .image-card:nth-child(odd){align-self:flex-start}
  .image-card:nth-child(even){align-self:flex-end;transform:translateX(1px)}

  /* A true single ladder: Awareness at the earth, Freedom at the light */
  .ladder{
    display:flex;
    flex-direction:column;
    margin:0 16px 80px;
    padding:25px 24px 25px;
    border-radius:36px 6px 36px 6px;
    background:linear-gradient(145deg,rgba(247,237,211,.84),rgba(226,213,179,.76));
    transform:rotate(-.2deg);
    overflow:hidden;
  }
  .ladder h2{order:0;margin:0 0 22px;font-size:29px;line-height:1}
  .ladder h2 br{display:none}
  .ladder .rung{
    float:none;
    width:100%;
    max-width:250px;
    height:55px;
    margin:0 auto;
    grid-template-columns:38px 1fr;
    font-size:11px;
  }
  .ladder .rung:not(:last-of-type):after{
    left:11px;
    top:38px;
    height:34px;
    border-left:1px solid #817555;
  }
  .ladder .rung b{width:24px;height:24px}
  .ladder .rung:nth-of-type(1){order:6} /* Freedom */
  .ladder .rung:nth-of-type(2){order:5} /* Options */
  .ladder .rung:nth-of-type(3){order:4} /* Skills */
  .ladder .rung:nth-of-type(4){order:3} /* Resilience */
  .ladder .rung:nth-of-type(5){order:2} /* Self-reliance */
  .ladder .rung:nth-of-type(6){order:1} /* Awareness */
  .ladder>p{order:7;clear:none;margin:22px 0 0;padding-top:14px;border-top:1px solid rgba(129,117,85,.35)}
  .ladder>p:before{font-size:43px}

  /* Each journey is encountered like a place, not a product grid */
  .journeys{
    margin:0 4px 48px;
    padding:18px 13px 28px;
    border-radius:5px 14px 5px 14px;
  }
  .journey-tiles{
    display:flex;
    flex-direction:column;
    gap:19px;
    padding-top:5px;
  }
  .journey-tiles button{
    width:78%;
    height:160px;
    border:1px solid rgba(166,142,86,.30);
    border-radius:4px;
    background:rgba(239,227,196,.82);
    box-shadow:0 8px 20px rgba(0,0,0,.22);
  }
  .journey-tiles button:nth-child(odd){align-self:flex-start;transform:none}
  .journey-tiles button:nth-child(even){align-self:flex-end;transform:none}
  .journey-tiles button:active,
  .journey-tiles button:nth-child(even):active{transform:translateY(-2px)}

  .progress-overview{
    margin:0 8px;
    padding:17px;
    background:rgba(239,229,206,.78);
    border-radius:7px;
    box-shadow:0 10px 26px rgba(0,0,0,.22);
    backdrop-filter:blur(4px);
  }
  footer{margin-top:34px;padding-bottom:30px}
}
@media(max-width:380px){
  .hero h1{font-size:36px}
  .hero-copy{inset:20px 12px auto}
  .ladder{margin-left:10px;margin-right:10px;padding-left:20px;padding-right:20px}
  .journey-tiles button{width:82%}
}

/* v6 — phone coherence corrections */
@media(max-width:760px){
  /* Let the same world exist behind the very first words; no separate picture or glass panel */
  .hero{
    background:linear-gradient(180deg,rgba(247,239,214,.24),rgba(15,42,28,.03) 58%,rgba(8,28,19,.20))!important;
  }
  .hero-copy{
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .hero h1{max-width:340px;margin-left:auto;margin-right:auto}
  .hero-copy p{max-width:330px;margin-left:auto;margin-right:auto}

  /* Match the desktop meaning: Freedom above, Awareness at the foundation */
  .ladder .rung:nth-of-type(1){order:1}
  .ladder .rung:nth-of-type(2){order:2}
  .ladder .rung:nth-of-type(3){order:3}
  .ladder .rung:nth-of-type(4){order:4}
  .ladder .rung:nth-of-type(5){order:5}
  .ladder .rung:nth-of-type(6){order:6}
  .ladder>p{order:7}

  /* Remove the big category panel so the route and landscape remain visible */
  .journeys{
    margin:0 7px 54px;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
    backdrop-filter:none;
  }
  .journeys>h2{
    width:max-content;
    max-width:94%;
    margin:0 auto 30px;
    padding:11px 20px;
    border:1px solid rgba(205,182,128,.64);
    border-radius:30px;
    background:rgba(239,229,205,.75);
    box-shadow:0 6px 18px rgba(0,0,0,.17);
    backdrop-filter:blur(4px);
  }
  .journey-tiles{gap:28px}
  .journey-tiles button{
    width:min(72vw,275px);
    height:238px;
    background:rgba(241,230,201,.88);
    border-radius:13px 4px 13px 4px;
    overflow:hidden;
  }
  .journey-tiles i{
    height:180px;
    background-size:800% 145%;
    background-position-y:top;
  }
  .journey-tiles span{
    height:58px;
    font-size:22px;
  }
}
@media(max-width:380px){
  .journey-tiles button{width:min(76vw,260px);height:224px}
  .journey-tiles i{height:168px}
  .journey-tiles span{height:56px}
}

/* v7 — translucent material layer */
@media(max-width:760px){
  .weekly{
    background:linear-gradient(135deg,rgba(248,239,216,.64),rgba(229,217,185,.53));
    border-color:rgba(218,196,145,.66);
    box-shadow:0 12px 29px rgba(0,0,0,.19),inset 0 0 22px rgba(255,245,216,.09);
    backdrop-filter:blur(3px);
  }
  .image-card>div{
    background:rgba(240,230,204,.72);
    backdrop-filter:blur(3px);
  }
  .ladder{
    background:linear-gradient(145deg,rgba(247,237,211,.62),rgba(226,213,179,.50));
    border-color:rgba(211,190,140,.62);
    box-shadow:0 13px 31px rgba(0,0,0,.20),inset 0 0 22px rgba(255,245,216,.08);
    backdrop-filter:blur(3px);
  }
  .journeys>h2{
    background:rgba(239,229,205,.57);
    backdrop-filter:blur(3px);
  }
  .journey-tiles button{
    background:rgba(241,230,201,.58);
    border-color:rgba(211,188,133,.60);
    box-shadow:0 8px 19px rgba(0,0,0,.18);
    backdrop-filter:blur(3px);
  }
  .journey-tiles span{
    background:rgba(241,230,201,.43);
    text-shadow:0 1px 3px rgba(255,250,231,.72);
  }
  .progress-overview{
    background:rgba(239,229,206,.58);
    backdrop-filter:blur(3px);
  }
}


/* v8 — overall freedom meter on the visible ladder */
@media(max-width:760px){.ladder{position:relative;padding-right:82px}.ladder .rung{width:100%;margin-left:0;margin-right:0}.main-freedom-meter{position:absolute;z-index:2;top:94px;right:25px;width:44px;display:flex;flex-direction:column;align-items:center;text-align:center}.main-freedom-meter>strong{height:29px;color:#765d25;font:600 16px/1.2 Montserrat,sans-serif}.main-freedom-meter .freedom-meter{width:22px;height:275px;background:rgba(255,250,231,.28)}.main-freedom-meter small{margin-top:7px;color:#5f5b48;text-transform:uppercase;letter-spacing:.06em;font:600 8px/1.25 Montserrat,sans-serif}.ladder>p{margin-right:-58px}}@media(max-width:380px){.ladder{padding-right:72px}.main-freedom-meter{right:20px}}


/* v9 — playful, single-style ladder motto */
@media(max-width:760px){.ladder>.ladder-motto{order:7;clear:none;margin:24px -58px 0 0;padding:18px 6px 0;border-top:1px solid rgba(129,117,85,.35);text-align:center;text-transform:none;letter-spacing:.035em;color:#504d3c;font:600 18px/1.35 "Cormorant Garamond",Georgia,serif}.ladder>.ladder-motto:before{content:none!important;display:none!important}.ladder>.ladder-motto span{display:inline;margin:0 .25em;color:#9d7c34;font:700 21px/1 serif}}


/* v10 — keep the complete motto on one line */
@media(max-width:760px){.ladder>.ladder-motto{width:calc(100% + 58px)!important;margin-right:-58px!important;padding-left:0!important;padding-right:0!important;white-space:nowrap!important;letter-spacing:0!important;font-size:14px!important;line-height:1.2!important}.ladder>.ladder-motto span{margin:0 .16em!important;font-size:16px!important}}@media(max-width:380px){.ladder>.ladder-motto{font-size:13px!important}.ladder>.ladder-motto span{font-size:15px!important}}


/* v10.1 — keep long weekly text inside its card and readable */
@media(max-width:760px){.weekly .image-card p{inset:8px 8px 51px!important;max-height:none!important;margin:0!important;padding:9px 11px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;opacity:1;transform:none}.weekly .image-card p::-webkit-scrollbar{width:4px}.weekly .image-card p::-webkit-scrollbar-thumb{background:#d4bc78;border-radius:3px}}


/* v11.1 — weekly stories open only on request */
@media(max-width:760px){.weekly .image-card p{opacity:0!important;visibility:hidden;pointer-events:none;transform:translateY(7px)!important;transition:opacity .2s ease,transform .2s ease,visibility .2s}.weekly .image-card.is-open p{opacity:1!important;visibility:visible;pointer-events:auto;transform:none!important}.weekly .image-card:focus-visible{outline:3px solid #d3b764;outline-offset:3px}}


/* v13 — low-bandwidth mobile rendering, same visual field */
@media(max-width:760px){
  html{scroll-behavior:auto}
  body{
    position:relative;
    isolation:isolate;
    background:#102419;
  }
  body:before{
    content:"";
    position:fixed;
    z-index:-1;
    inset:-2px;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(244,235,207,.16) 0,rgba(13,42,28,.30) 24%,rgba(7,28,19,.60) 100%),
      url('assets/365-mobile-landscape.jpg') center top/cover no-repeat;
    transform:translateZ(0);
    will-change:transform;
    contain:strict;
  }

  /* Translucency stays; live backdrop blur is replaced with lightweight tint. */
  .hero-copy,.day-pill,.paper,.weekly,.ladder,.journeys,.journeys>h2,
  .journey-tiles button,.image-card>div,.progress-overview{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  /* Paint long off-screen sections only as they approach the viewport. */
  .weekly,.ladder,.journeys,.progress-overview{
    content-visibility:auto;
  }
  .weekly{contain-intrinsic-size:auto 780px}
  .ladder{contain-intrinsic-size:auto 650px}
  .journeys{contain-intrinsic-size:auto 2300px}
  .progress-overview{contain-intrinsic-size:auto 420px}

  /* Keep the depth but avoid costly oversized shadow repaints. */
  .weekly,.ladder{box-shadow:0 7px 18px rgba(0,0,0,.18),inset 0 0 12px rgba(255,245,216,.06)}
  .image-card,.journey-tiles button{box-shadow:0 5px 13px rgba(0,0,0,.20)}
  .progress-overview{box-shadow:0 6px 15px rgba(0,0,0,.18)}
}

@media(max-width:760px) and (hover:none){
  .journey-tiles button,.progress-overview button,.idea-trigger,.idea-submit{
    transition:none;
  }
}


/* Keep scrolled page content from showing through the mobile header */
@media(max-width:760px){
  .site-header{
    background:#071522!important;
    background-image:linear-gradient(180deg,#071522 0%,#091a29 100%)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    isolation:isolate;
  }
}


/* Cover the legacy labels baked into the three weekly card images */
.weekly .image-card>div{
  background:#f0e6cc!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}



/* Release corrections */
#journal,#journeys{scroll-margin-top:110px}
dialog{max-height:88dvh;overflow:auto}
.dialog-close{min-width:44px;min-height:44px;line-height:1}
.image-card{background-image:none!important;background-color:#f0e6cc}
.image-card:before{content:"";position:absolute;z-index:0;inset:0 0 47px;background-position:center top;background-repeat:no-repeat;background-size:auto calc(100% + 47px)}
.image-card.discovery:before{background-image:url('assets/365-card-discovery.jpg')}
.image-card.homestead:before{background-image:url('assets/365-card-homestead.jpg')}
.image-card.season:before{background-image:url('assets/365-card-season.jpg')}
.image-card>div{z-index:2}
.image-card>p{z-index:3}
@media(max-width:760px){
  #journal,#journeys{scroll-margin-top:100px}
  .hero-copy small{font-size:10px!important}
  .data-status{font-size:12px!important}
  .ladder .rung{font-size:12px!important}
  .main-freedom-meter small{font-size:10px!important}
  #freedom-meter-tracked{font-size:9px!important}
  footer{font-size:10px!important}
  dialog{width:min(94vw,700px);max-height:86dvh}
  dialog .dialog-inner{max-height:calc(86dvh - 2px);overflow-y:auto;overscroll-behavior:contain}
}


/* v10 — live desktop journey day over baked hero artwork */
@media(min-width:761px){
  .hero-copy{opacity:1;pointer-events:none}
  .hero-copy h1,.hero-copy .flourish,.hero-copy>p,.hero-copy>small{visibility:hidden}
  .hero-copy .day-pill{visibility:visible;position:relative;top:35px;left:68px;z-index:4;min-width:210px;background:#f4ebd1;box-shadow:0 3px 8px #6e5d3c66}
}