:root{--green:#122e25;--paper:#f7f3eb;--violet:#d2acf2;--gold:#efd06b;--ink:#203b31;--muted:#56655d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}button{font:inherit}header{background:var(--green);color:var(--paper);padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff20}.brand{font:32px Georgia,serif;text-decoration:none;white-space:nowrap}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:9px}nav{display:flex;gap:25px;font-size:13px}nav a{text-decoration:none;padding:6px 0}nav a:hover{color:var(--violet)}.hero{background:var(--green);color:var(--paper);display:grid;grid-template-columns:1.05fr 1fr;min-height:620px}.hero-copy{padding:70px 7% 50px 10%}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:bold;margin:0 0 24px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(48px,5.7vw,87px);letter-spacing:-3px}em{font-weight:400;color:var(--violet)}.intro{max-width:470px;font-size:17px;line-height:1.8;margin:30px 0}.text-link{text-decoration:none;display:inline-block;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:14px}.text-link span{margin-left:40px}.hero-note{display:block;color:var(--gold);font:italic 18px Georgia,serif;margin-top:45px}.hero-photo{margin:0;position:relative;min-height:500px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-photo figcaption{position:absolute;bottom:30px;left:30px;color:#fff;font:italic 18px Georgia,serif;text-shadow:0 1px 5px #000}.section{padding:80px 6%;max-width:1600px;margin:auto}h2{font-size:clamp(37px,4vw,60px);letter-spacing:-1.5px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;border-bottom:1px solid #203b3125}.about-copy{font-size:18px;max-width:650px}.about-copy p:first-child{margin-top:0}.about-copy p:last-child{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:360px;color:var(--muted)}.editorial-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.editorial-grid figure{margin:0}.editorial-grid img{width:100%;height:340px;object-fit:cover;display:block}.editorial-grid .plant img{height:430px}.photo-button{display:block;background:transparent;border:0;padding:0;width:100%;cursor:zoom-in}.photo-button img{transition:filter .2s}.photo-button:hover img{filter:brightness(1.06)}figcaption h3{font-size:27px;margin:18px 0 9px}figcaption p{font-size:14px;margin:0;color:var(--muted)}.projects{background:#eaece2}.project-list{border-top:1px solid #203b3140}.project-list article{display:grid;grid-template-columns:65px 1fr;gap:12px;padding:25px 0;border-bottom:1px solid #203b3125}.project-list article>span{font-size:12px;color:var(--muted)}.project-list h3{font-size:27px}.project-list p{margin:9px 0 0;color:var(--muted);max-width:750px}.music{background:var(--green);color:var(--paper);max-width:none}.music-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px}.music-heading>div>p:not(.eyebrow){max-width:520px;color:#d7dfd7}.music-empty{margin:48px 0;display:flex;align-items:center;gap:32px;border-block:1px solid #ffffff30;padding:40px 0}.music-empty h3{font-size:30px}.music-empty p{color:#d7dfd7;margin-bottom:0}.record{flex-shrink:0;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;font-size:32px;color:var(--gold);background:repeating-radial-gradient(#173b30 0 4px,#345146 5px 6px);border:1px solid #547061}.music-foot{display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:1.5px}.music-foot span:last-child{color:var(--violet);font:italic 17px Georgia,serif;letter-spacing:0}.closing{text-align:center}.closing em{color:#785197}.closing>p:not(.eyebrow){color:var(--muted);margin:25px 0}footer{display:flex;justify-content:space-between;padding:25px 6%;border-top:1px solid #203b3125;font-size:13px}footer a{text-decoration:none}.skip{position:fixed;left:15px;top:-100px;z-index:5;padding:12px;background:white;color:black}.skip:focus{top:10px}:focus-visible{outline:3px solid #ad72d3;outline-offset:5px}dialog{border:0;background:var(--green);color:white;padding:24px;max-width:95vw;max-height:95vh;width:1000px}dialog::backdrop{background:#000d}#close-viewer{display:block;margin:0 0 20px auto;border:1px solid #ffffff80;padding:8px 18px;background:transparent;color:white;cursor:pointer}#viewer-content img,#viewer-content video{display:block;max-width:100%;max-height:70vh;margin:auto}#viewer-caption{text-align:center}.gig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.gig-grid:empty{display:none}.gig-card{border:1px solid #ffffff30;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}.gig-card img{width:100%;height:240px;object-fit:cover}.gig-card span{display:block;padding:15px}.media-choice{color:inherit;background:transparent;border:1px solid #ffffff50;padding:10px;margin:5px;cursor:pointer}@media(min-width:1600px){.hero-copy{padding-left:max(8%,calc((100vw - 1400px)/2))}}@media(max-width:850px){header{align-items:start;flex-direction:column}nav{gap:18px;flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 6%}.hero-photo{min-height:360px}h1{letter-spacing:-2px}.section{padding:55px 6%}.about,.music-heading{grid-template-columns:1fr;gap:25px}.editorial-grid{grid-template-columns:1fr 1fr;gap:25px}.editorial-grid .plant{grid-column:1/-1}.editorial-grid .plant img{height:380px}.editorial-grid img{height:260px}.section-heading{display:block}.section-heading>p{margin-top:20px}.music-foot{flex-direction:column}.gig-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){nav{font-size:12px;gap:12px}.brand{font-size:29px}.hero-photo{min-height:290px}.editorial-grid{grid-template-columns:1fr}.editorial-grid img{height:330px}.music-empty{gap:18px;align-items:start}.record{width:65px;height:65px}.music-empty h3{font-size:25px}.gig-grid{grid-template-columns:1fr}.project-list article{grid-template-columns:30px 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Shared green / purple palette, with distinct rooms for each interest. */
:root{--green:#112d26;--paper:#f5f0e6;--violet:#c6addf;--plum:#664571}
header{padding:26px 5%}nav{gap:20px}nav a[aria-current=page]{border-bottom:1px solid var(--violet)}
.pill{display:inline-block;padding:13px 25px;background:var(--violet);color:var(--green);border-radius:30px;text-decoration:none;font-size:14px}
.after-dark{background:var(--green);color:var(--paper)}.after-dark footer{border-color:#ffffff25}
.hero{min-height:650px;position:relative}.hero-copy{position:relative;z-index:1;padding-top:95px}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#112d26,transparent 45%),linear-gradient(0deg,#112d2655,transparent)}.hero-photo img{filter:brightness(.7);object-position:center}.hero-photo figcaption{z-index:1;color:var(--violet)}
.welcome{max-width:1000px;text-align:center;padding-block:95px}.welcome p:not(.eyebrow){max-width:630px;margin:30px auto;color:#d0d9ce}.welcome .text-link{color:var(--violet)}
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.path{overflow:hidden;position:relative;display:block;background:#203f34;text-decoration:none;border-radius:3px}.path>img{width:100%;height:310px;object-fit:cover;display:block}.path>span{display:block;padding:30px;font-size:10px;letter-spacing:2px}.path h2{font-size:42px;margin:18px 0;letter-spacing:-1px}.path p{font-size:15px;letter-spacing:0;max-width:380px}.path:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.music-path{background:#c6addf;color:var(--green)}.music-path .record-art{width:240px;height:240px;margin:35px auto}.learning-path{background:#ddd1e6;color:var(--green);display:flex;align-items:center}.learning-path h2{font-size:65px}.learning-path b{font-size:90px;font-weight:400}
.page-intro{padding-top:85px}.page-intro h1{max-width:950px}.page-intro .intro{max-width:650px}.inside-page em,.nature-page em{color:var(--plum)}.inside-page .projects{background:transparent}.story{max-width:950px}.story p{max-width:620px;font-size:18px;margin:25px 0}.inside-page .about{padding-top:90px}
.nature-page{background:#ede8dc}.nature-page .page-intro{background:#ddd2e7;border-bottom:1px solid #203b3125}.topic-tags{display:flex;flex-wrap:wrap;gap:10px}.topic-tags span{border:1px solid #66457160;border-radius:25px;padding:7px 17px;font-size:12px}.scrapbook{background:radial-gradient(#203b3118 .7px,transparent .7px);background-size:9px 9px}.scrap-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.print{margin:0;padding:18px 18px 28px;background:#fffcf5;box-shadow:0 7px 20px #203b3115;position:relative}.print img{width:100%;height:430px;object-fit:cover;display:block}.print figcaption{padding:4px 10px}.scrapbook .print:first-child{transform:rotate(-2deg)}.scrapbook .print:nth-child(2){transform:rotate(2deg);margin-top:60px}.scrapbook .print:before{content:"";position:absolute;background:#c6addfcc;width:95px;height:28px;top:-12px;left:40%;transform:rotate(-8deg);z-index:1}.hand-note{font:italic 27px Georgia,serif;color:var(--plum);text-align:right;margin:45px 0}.paper-note{margin-top:65px;border-top:1px solid #203b3140;padding-top:40px;max-width:700px}.paper-note h2{font-size:42px}
.retro-page{background:#c6addf;color:var(--green)}.retro-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;overflow:hidden;padding-block:85px}.retro-hero h1{font-family:Georgia,serif;font-weight:900;letter-spacing:-4px;font-size:clamp(60px,7vw,105px);line-height:.96}.record-art{width:min(34vw,400px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(#172b24 0 5px,#354a3c 6px 7px);color:#eadfea;border:18px solid #ede8dc;box-shadow:15px 15px 0 #664571;display:flex;align-items:center;justify-content:center;flex-direction:column;font:bold 45px Georgia,serif;transform:rotate(-12deg)}.record-art span{font:9px Arial,sans-serif;letter-spacing:2px;margin-top:12px}.band-strip{padding:23px 5%;background:var(--green);color:var(--paper);font-size:12px;letter-spacing:2px;text-align:center}.retro-page .music-empty{border-color:#203b3140}.retro-page .music-empty p{color:var(--green)}.retro-page .gig-card{border-color:var(--green)}.retro-page footer{border-color:#203b3140}
@media(max-width:850px){.hero-copy{padding-top:55px}.hero{min-height:0}.hero-photo:after{background:linear-gradient(0deg,#112d26,transparent)}.path h2{font-size:34px}.scrap-grid{gap:25px}.print img{height:310px}.retro-hero{grid-template-columns:1fr}.retro-hero .record-art{width:260px;margin:10px auto}.retro-hero h1{letter-spacing:-2px}.page-intro{padding-top:55px}}
@media(max-width:560px){.path-grid,.scrap-grid{grid-template-columns:1fr}.scrapbook .print:nth-child(2){margin-top:20px}.path>img{height:260px}.learning-path h2{font-size:52px}.print img{height:350px}.path h2{font-size:38px}header{padding:24px 6%}nav{gap:12px 18px}.hand-note{text-align:center}.hero h1{font-size:62px}}

.path>img.music-poster{height:auto;aspect-ratio:3/2;object-fit:contain;background:#112d26}

.ai-intro{background:#e4d9ec}.ai-intro .text-link{margin-left:20px}.empire-feature{margin-top:45px;display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}.empire-feature figure{margin:0}.empire-feature img{width:100%;height:auto;display:block;border-radius:4px}.empire-feature figcaption{font-size:12px;color:var(--muted);padding-top:10px}.empire-feature h3{font-size:40px}.progress-notes{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:28px 0;margin:30px 0 55px;border-block:1px solid #203b3130}.progress-notes strong{font:24px Georgia,serif}.progress-notes p{font-size:14px;color:var(--muted)}.idea-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.idea-card{padding:32px;background:#ebe5ed;border-radius:4px}.idea-card h3{font-size:33px}.idea-card>p:last-child,.photo-idea>div>p:last-child{max-width:540px;color:var(--muted);margin-bottom:0}.ai-home{background:#e7eadd;max-width:none}.photo-idea{padding:0;background:var(--paper);overflow:hidden}.photo-idea>img{width:100%;height:280px;object-fit:cover;display:block}.photo-idea>div{padding:32px}.ai-end{margin:45px 0 0;font:italic 24px Georgia,serif;color:var(--plum)}
@media(max-width:850px){.empire-feature{grid-template-columns:1fr}.progress-notes{grid-template-columns:1fr;gap:15px}nav{flex-wrap:wrap}.learning-path h2{font-size:44px}}
@media(max-width:560px){.idea-grid{grid-template-columns:1fr}.idea-card{padding:25px}.photo-idea{padding:0}.photo-idea>div{padding:25px}}

.family-section{padding-top:10px}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.family-grid figure{margin:0}.family-grid img{display:block;width:100%;height:430px;object-fit:contain;background:#eee8df}.family-grid figcaption{font:20px Georgia,serif;padding-top:16px}.picture-note{font-size:12px;color:var(--muted);margin-top:25px}@media(max-width:650px){.family-grid{grid-template-columns:1fr}.family-grid img{height:auto;max-height:540px}}

.moments{padding-top:0}.moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.moment-grid figure{margin:0}.moment-grid img{display:block;width:100%;height:auto;border-radius:3px}.moment-grid figcaption{font:20px Georgia,serif;margin-top:18px}.family-path img{object-position:center 40%}nav{flex-wrap:wrap}@media(max-width:700px){.moment-grid{grid-template-columns:1fr;gap:38px}}

/* Equal space for every Friends & Fam moment. */
.moment-grid img{height:390px;object-fit:contain;background:#eee8df}.moment-grid figcaption{font:18px/1.5 Georgia,serif}.moment-grid figure{min-width:0}@media(max-width:700px){.moment-grid img{height:auto;max-height:520px;object-fit:contain}}

.ce-intro{padding-bottom:30px}.ce-play{padding-top:20px}.ce-play h2{font-size:36px}.ce-play iframe{display:block;width:100%;height:75vh;min-height:480px;max-height:900px;border:1px solid #526458;border-radius:4px;background:#112d26}.ce-history-photo{margin:45px 0}.ce-history-photo img{display:block;width:100%;max-width:1000px;height:auto}.ce-history-photo figcaption{font-size:13px;color:var(--muted);margin-top:12px}.ce-next{font-size:32px}@media(max-width:600px){.ce-play iframe{height:70vh;min-height:420px}}

/* Compact homepage introduction and current Career Empire image. */
.after-dark .hero{min-height:0}.after-dark .hero-copy{padding-top:42px;padding-bottom:42px}.after-dark .hero-photo{margin:0;min-height:320px}.after-dark #explore{padding-top:32px}.learning-path{display:block}.path.learning-path>img{display:block;width:100%;height:auto;object-fit:contain}.learning-path h2{font-size:42px}
@media(max-width:850px){.after-dark .hero-copy{padding-top:28px;padding-bottom:28px}.after-dark .hero-photo{height:220px;min-height:0}.after-dark #explore{padding-top:26px}.learning-path h2{font-size:34px}}
@media(max-width:560px){.after-dark .hero-photo{height:190px}.learning-path h2{font-size:38px}}
