/* Quiet depth, playful details, and a little room to explore. */
.art-sounds{background:#c4d7d0}.sound-cover{display:flex;transform:rotate(-6deg);gap:7px;position:relative;z-index:1}.sound-cover span{width:63px;height:76px;border:1px solid #6a98826e;border-bottom-width:4px;background:#f4eddb;display:grid;place-items:center;border-radius:8px;font:33px var(--serif);box-shadow:4px 8px 20px #254d3520}.sound-dots{position:absolute;bottom:20%;color:#668c79;font-size:9px;letter-spacing:12px}.art-library{background:#c9c3d8}.library-cover{position:relative;width:270px;height:180px}.library-cover>span{position:absolute;width:133px;height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#60867d;border:1px solid #eef2d775;border-left:9px solid #426b63;border-radius:4px 10px 10px 4px;box-shadow:8px 12px 0 #0001,10px 20px 25px #36423a22;left:35px;top:0;transform:rotate(-12deg);color:#f2e9d4;font:15px/1.6 var(--serif)}.library-cover>span>em{font-size:13px}.library-cover>span+span{background:#eed2b1;border-left-color:#d8b084;left:124px;top:24px;width:100px;height:135px;transform:rotate(12deg);color:#635345}.library-cover>span+span>em{font-size:33px}.art-letters{background:#e0cbb1}.letter-cover{display:flex;gap:6px;transform:rotate(-8deg);z-index:1}.letter-cover span{width:63px;height:74px;display:grid;place-items:center;background:#f4ead6;color:#5f6956;font:40px var(--serif);border:1px solid #fff6;border-bottom:5px solid #c1b393;border-radius:7px;box-shadow:5px 9px 18px #7f725624}.letter-cover span:nth-child(2){transform:translateY(-14px);background:#a7c4b2}.letter-pencil{position:absolute;width:120px;height:11px;background:#997657;bottom:23%;right:20%;transform:rotate(-12deg);border-radius:3px;box-shadow:0 3px 0 #5e493755}.letter-pencil::before{content:'';position:absolute;left:-14px;border-right:14px solid #f3e4c8;border-block:5.5px solid transparent}
.site-header{position:sticky;top:0;background:#101b2bf2;backdrop-filter:blur(18px);transition:box-shadow .3s,border-color .3s}
.site-header.scrolled{box-shadow:0 10px 40px #060d183d;border-bottom-color:#a6dac72b}
.primary-nav .nav-app{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:12px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:999px;background:var(--mint);color:var(--bg-deep);font-size:12px;font-weight:650;line-height:1.2;white-space:nowrap;transition:background .2s,box-shadow .25s,transform .25s var(--ease)}
.primary-nav .nav-app span{color:inherit;font-size:18px;line-height:1}
.primary-nav .nav-app:hover{background:#bce8d9;color:var(--bg-deep);box-shadow:0 7px 22px #a6dac722}
@media(max-width:780px){.primary-nav .nav-app{align-self:flex-start}}
.primary-nav>a:not(.nav-app){position:relative}
.primary-nav>a:not(.nav-app)::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:var(--peach);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.primary-nav>a:hover::after,.primary-nav>a[aria-current]::after{transform:scaleX(1)}
.button{box-shadow:0 4px 14px #00000008;transition:transform .25s var(--ease),background .2s,border-color .2s,box-shadow .25s}
.button-peach:hover{box-shadow:0 9px 28px #edb99f1c}.button-mint:hover{box-shadow:0 9px 28px #a6dac722}
.button span,.text-link span{transition:transform .3s var(--ease)}.button:hover span,.text-link:hover span{transform:translate(2px,-2px)}
.hero h1 .serif{background:linear-gradient(105deg,#f5d6b9 0%,#edb99f 65%,#d4b4bd);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-visual{isolation:isolate}.hero-visual::before{inset:20px 5px 25px;border-color:#a6dac725;background:radial-gradient(ellipse at 50% 52%,#51766430,transparent 65%);box-shadow:inset 0 0 70px #a6dac706;z-index:-1}
.hero-visual::after{content:'';position:absolute;inset:49px 31px 51px;border:1px dashed #a6dac71f;border-radius:50%;transform:rotate(16deg);z-index:-1}
.hero-constellation{position:absolute;inset:0;pointer-events:none;color:var(--mint);z-index:1}
.hero-constellation span{position:absolute;text-shadow:0 0 22px #a6dac766}.hero-constellation span:nth-child(1){top:16%;left:8%;font-size:29px}.hero-constellation span:nth-child(2){top:11%;right:11%;font-size:17px;color:var(--peach)}.hero-constellation span:nth-child(3){bottom:22%;right:7%;font-size:25px}.hero-constellation span:nth-child(4){bottom:8%;left:30%;font-size:18px}
.headline-spark{animation:spark-arrive 1.3s var(--ease) both}.hero-copy{animation:soft-arrive .8s var(--ease) both}.hero-visual{animation:soft-arrive 1s var(--ease) both}
.hero-illustration{animation:gentle-float 5s ease-in-out 1}.floating-note{transition:transform .5s var(--ease),box-shadow .5s}.hero-visual:hover .floating-note{transform:translateY(-5px) rotate(-2deg);box-shadow:0 15px 50px #0004}
.starting-points{padding-top:65px;padding-bottom:15px}.section-aside{font-size:12px;line-height:1.8;text-align:right}
.path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.path-card{--path-accent:var(--mint);display:flex;align-items:flex-start;flex-direction:column;position:relative;isolation:isolate;border:1px solid #a6dac724;border-radius:14px;padding:25px 23px 20px;background:linear-gradient(150deg,#213a3c80,#142230 70%);transition:transform .35s var(--ease),border-color .35s,box-shadow .35s;overflow:hidden}
.path-card::before{content:'';width:135px;height:135px;border:1px solid #ffffff0a;border-radius:50%;position:absolute;top:-40px;right:-42px;box-shadow:0 0 0 25px #ffffff03;z-index:-1;transition:transform .5s var(--ease)}
.path-2{--path-accent:#edc69e;background:linear-gradient(150deg,#493c3480,#142230 70%)}.path-3{--path-accent:#c7bce2;background:linear-gradient(150deg,#36314d80,#142230 70%)}.path-4{--path-accent:#e6b4b4;background:linear-gradient(150deg,#4b323c80,#142230 70%)}
.path-icon{display:grid;place-items:center;width:48px;height:48px;background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;font-size:34px;line-height:1;color:var(--path-accent);margin-bottom:28px;transition:transform .4s var(--ease)}.path-2 .path-icon{font:italic 22px var(--serif)}
.path-card>.eyebrow{font-size:8px;color:var(--path-accent);letter-spacing:.13em}.path-card h3{font-size:22px;line-height:1.2;margin:12px 0}.path-card p{font-size:12px;line-height:1.8;margin-bottom:27px}.path-footer{width:100%;margin-top:auto;border-top:1px solid #ffffff12;padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#c2cbd0}.path-footer>span{font-size:20px;color:var(--path-accent)}
.path-card:hover,.path-card:focus-visible{transform:translateY(-6px);border-color:var(--path-accent);box-shadow:0 14px 36px #060d1833}.path-card:hover .path-icon{transform:rotate(-9deg) scale(1.08)}.path-card:hover::before{transform:scale(1.25)}
.featured-card{border-color:#a6dac726;box-shadow:0 20px 65px #030d1622;background:linear-gradient(125deg,#1e3140,#162333 75%)}.featured-label{backdrop-filter:blur(8px);border:1px solid #fff5}.featured-copy h3{line-height:1.2}
.post-card{display:flex;flex-direction:column;box-shadow:0 8px 30px #030d1611}.card-body{flex:1;display:flex;flex-direction:column}.card-body .text-link{margin-top:auto;padding-top:25px}.card-art-link{flex-shrink:0}.card-art-link>.art,.featured-art>.art,.card-art-link>.card-cover{transition:transform .7s var(--ease)}.post-card:hover .card-art-link>.art,.post-card:focus-within .card-art-link>.art,.featured-card:hover .featured-art>.art{transform:scale(1.045)}.post-card:hover .card-art-link>.card-cover{transform:scale(1.05)}
.post-card:focus-within{border-color:var(--mint)}.post-card .art-spark{transition:transform .6s var(--ease)}.post-card:hover .art-spark{transform:rotate(90deg) scale(1.2)}
.moment-section{gap:55px;align-items:center;padding:58px;background:radial-gradient(ellipse at 90% 40%,#49664b55,transparent 60%),#1b3236}
.moment-section .moment-footnote{font-size:10px;margin-top:15px;max-width:290px;line-height:1.7}.moment-deck{position:relative;z-index:1;padding:10px 0;min-width:0}.moment-card{position:relative;background:#eee6d2;color:#293e37;border:1px solid #ffffffe0;border-radius:14px;padding:25px 28px 26px;box-shadow:0 16px 40px #06171950;isolation:isolate;min-height:325px}
.moment-card::before,.moment-card::after{content:'';position:absolute;inset:0;border-radius:14px;background:#b7cbb8;border:1px solid #caddc7;transform:rotate(-4deg);z-index:-2}.moment-card::after{background:#eee6d2;border-color:#fff8;transform:none;z-index:-1}
.moment-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.moment-topline .eyebrow{font-size:8px;margin:0;color:#526d59}.moment-topline>span:last-child{font-size:9px;letter-spacing:.1em;color:#62765f}.moment-symbol{display:block;font-size:53px;line-height:1;margin:24px 0 15px;color:#a06646}.moment-card h3{font-size:29px;line-height:1.18;max-width:300px}.moment-card p{color:#526055;font-size:12px;line-height:1.85;margin-top:15px;min-height:67px}.moment-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px;padding-top:15px;border-top:1px solid #53645026;font-size:8px;color:#526055}.moment-tags span:first-child{font-weight:700}
.moment-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:25px}.moment-controls>span{font-size:9px;color:#b7cec6}.moment-next{font-size:11px;padding:10px 13px;background:#182d2c;border:1px solid #98b69b80;border-radius:30px;display:flex;align-items:center;gap:12px;white-space:nowrap}.moment-next:hover{background:#2f4b40;border-color:var(--mint)}.moment-next>span{font-size:20px;line-height:1}.moment-card.deal-in{animation:card-deal .45s var(--ease)}
.journal-page .page-intro{position:relative}.journal-page .page-intro::after{content:'✳';position:absolute;right:50px;top:50px;font-size:160px;line-height:1;color:#a6dac71f;transform:rotate(-10deg);pointer-events:none}.journal-page .page-intro>p,.journal-page .page-intro>h1{position:relative;z-index:1}.filter{transition:background .2s,transform .2s,border-color .2s}.filter:hover{transform:translateY(-2px)}
.article-sidebar{top:130px}.article-sidebar nav a{border-left:2px solid transparent;padding-left:11px;transition:color .2s,border-color .2s}.article-sidebar nav a[aria-current]{color:var(--mint);border-color:var(--mint)}.article-prose h2{scroll-margin-top:120px}.article-prose>p:first-child{font-size:1.12em;color:#cbd4d5}.article-prose blockquote{border-radius:0 12px 12px 0;background:linear-gradient(105deg,#a6dac710,transparent)}
.reading-progress{position:fixed;top:95px;left:0;width:100%;height:3px;z-index:21;border:0;background:transparent;appearance:none;accent-color:var(--mint)}.reading-progress::-webkit-progress-bar{background:transparent}.reading-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--mint),var(--peach));border-radius:0 3px 3px 0}.reading-progress::-moz-progress-bar{background:var(--mint)}
.back-top{position:fixed;bottom:23px;right:23px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #91b8a65e;border-radius:50%;background:#182b32ed;backdrop-filter:blur(10px);color:var(--mint);z-index:15;box-shadow:0 5px 20px #0003;font-size:21px;transition:background .2s,transform .2s}.back-top:hover{transform:translateY(-3px);background:#2b443e}
.practice-card{box-shadow:inset 0 0 50px #ffffff05,0 12px 35px #06101922}.practice-controls button{transition:transform .2s,background .2s}.practice-controls button:active{transform:scale(.94)}.practice-letters span{box-shadow:0 3px 0 #060e1833}
.legal-nav,.about-symbol{top:125px}
@keyframes soft-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes spark-arrive{from{opacity:0;transform:rotate(-55deg) scale(.4)}to{opacity:1;transform:rotate(15deg) scale(1)}}
@keyframes card-deal{from{opacity:.4;transform:translateY(9px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
.arrive{animation:soft-arrive .7s var(--ease) both}
@media(min-width:781px){.home .hero{padding-top:40px;min-height:610px}.home .hero h1{font-size:clamp(48px,5.5vw,74px)}}
@media(max-width:1050px){.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-card{padding:25px}.path-icon{margin-bottom:20px}.moment-section{padding:40px;gap:35px}.moment-card{padding:23px}.moment-controls{align-items:flex-start;flex-direction:column}.moment-card h3{font-size:27px}}
@media(max-width:780px){.primary-nav>a:not(.nav-app)::after{display:none}.section-aside{display:none}.starting-points{padding-top:45px;padding-bottom:0}.path-card h3{font-size:23px}.moment-section{gap:35px;padding:35px}.moment-deck{max-width:450px;width:100%;margin:auto}.moment-controls{flex-direction:row;align-items:center}.moment-card{min-height:305px;padding:25px}.moment-card p{min-height:0}.moment-section .moment-footnote{max-width:none}.reading-progress{top:78px}.article-sidebar,.legal-nav,.about-symbol{position:static}.journal-page .page-intro::after{font-size:100px;right:0;top:40px}.article-prose h2{scroll-margin-top:105px}.back-top{width:38px;height:38px;right:14px;bottom:14px}.hero-constellation span:nth-child(1){left:5%}.hero-constellation span:nth-child(2){right:6%}}
@media(max-width:480px){.path-grid{gap:12px}.path-card{padding:20px 15px 15px;border-radius:11px}.path-icon{width:40px;height:40px;font-size:28px;margin-bottom:20px}.path-card h3{font-size:21px}.path-card>.eyebrow{font-size:7px;letter-spacing:.1em}.path-card p{font-size:11px;margin-bottom:19px}.path-footer{font-size:9px;gap:7px}.moment-section{padding:28px 23px}.moment-card h3{font-size:27px}.moment-card{padding:22px}.moment-controls>span{font-size:8px;max-width:95px}.moment-next{font-size:10px}.hero-note{font-size:9px}.journal-page .page-intro::after{font-size:80px;top:30px}}
@media(max-width:350px){.path-grid{grid-template-columns:1fr}.path-card{padding:23px}.path-card h3{font-size:25px}.path-card p{font-size:12px}.path-card>.eyebrow{font-size:9px}.moment-card{padding:19px}.moment-controls>span{max-width:75px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-visual,.headline-spark,.hero-illustration,.arrive,.moment-card.deal-in{animation:none}.path-card:hover,.path-card:focus-visible,.path-card:hover .path-icon,.path-card:hover::before,.hero-visual:hover .floating-note,.post-card:hover .card-art-link>.art,.post-card:focus-within .card-art-link>.art,.featured-card:hover .featured-art>.art,.post-card:hover .card-art-link>.card-cover,.post-card:hover .art-spark,.button:hover span,.text-link:hover span,.filter:hover,.back-top:hover{transform:none}}