:root{--ink:#f4f2ec;--black:#050505;--green:#4f783b;--amber:#d39721;--rust:#c95826;--blue:#16769b}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#050505;color:var(--ink);font-family:Georgia,'Times New Roman',serif}
.hero{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#050505}
.master{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nav-mask{position:absolute;left:35%;right:4%;top:0;height:10%;background:linear-gradient(180deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.9) 58%,rgba(5,5,5,0) 100%);filter:blur(.2px)}
.topbar{position:absolute;top:2.25%;left:40.5%;right:4.1%;display:flex;align-items:center;justify-content:center;gap:2.7vw;z-index:5;font-size:clamp(9px,1vw,15px);letter-spacing:.08em;white-space:nowrap}
.topbar a{color:#f7f5ef;text-decoration:none;padding:.45rem 0;position:relative}.topbar .active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#fff}.divider{width:1px;height:2.1rem;background:#eee;opacity:.8;margin-left:.8vw}.search{border:0;background:none;color:#fff;font:inherit;font-size:1.7em;cursor:pointer}.secret{margin-left:auto}
.colour-key{position:absolute;left:0;right:0;bottom:-2px;height:2px;display:grid;grid-template-columns:repeat(4,1fr);opacity:.78;transform:scaleX(1);transition:opacity .25s ease,filter .25s ease,transform .25s ease}.our-music:hover .colour-key,.our-music:focus .colour-key{opacity:1;filter:brightness(1.65);transform:scaleX(1.04)}.colour-key i:nth-child(1){background:var(--green)}.colour-key i:nth-child(2){background:var(--amber)}.colour-key i:nth-child(3){background:var(--rust)}.colour-key i:nth-child(4){background:var(--blue)}

.socials{display:flex;align-items:center;gap:.65rem;margin-left:.1vw}.social-icon{width:1.45rem;height:1.45rem;display:grid;place-items:center;color:#b9b9b9;border:1px solid rgba(255,255,255,.45);border-radius:50%;font-family:Arial,sans-serif;font-size:.7rem;line-height:1;cursor:default;transition:color .22s ease,border-color .22s ease,filter .22s ease,transform .22s ease}.social-icon:hover{color:#fff;border-color:#fff;filter:brightness(1.45);transform:scale(1.08)}.youtube{border-radius:.38rem;font-size:.62rem;padding-left:.08rem}.spotify{font-size:.75rem}

.hotspot{position:absolute;z-index:4;border-radius:50%;text-decoration:none;outline:1px solid transparent;transition:transform .25s ease,filter .25s ease,outline-color .25s ease}.hotspot span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);padding:.45rem .7rem;color:#fff;font-size:clamp(8px,.75vw,12px);letter-spacing:.12em;opacity:0;transition:.2s;white-space:nowrap}.hotspot:hover,.hotspot:focus{transform:scale(1.055);filter:brightness(1.15);outline-color:rgba(255,255,255,.7)}.hotspot:hover span,.hotspot:focus span{opacity:1}
.centre{left:41.3%;top:35.5%;width:17.2%;height:27.3%}.music{left:44.6%;top:14.1%;width:10.8%;height:16.4%}.words{left:29.8%;top:27.6%;width:10.8%;height:16.4%}.places{left:59.4%;top:27.6%;width:10.8%;height:16.4%}.culture{left:29.5%;top:53.6%;width:10.8%;height:16.4%}.people{left:59.4%;top:53.6%;width:10.8%;height:16.4%}.scrapbook{left:44.5%;top:65.2%;width:10.8%;height:16.4%}
.panel{min-height:72vh;padding:10vh max(7vw,32px);display:grid;align-content:center;background:#0b0b0b;border-top:1px solid #262626}.panel.alternate{background:#111}.panel h1{font-size:clamp(44px,7vw,104px);font-weight:400;margin:.1em 0 .2em;letter-spacing:-.03em}.panel p{max-width:780px;font-size:clamp(18px,1.7vw,27px);line-height:1.55;color:#d0cec8}.eyebrow{font-size:12px!important;letter-spacing:.24em!important;text-transform:uppercase;color:#8d8b85!important}.placeholder{margin-top:2rem;border:1px solid #454545;padding:3rem;max-width:760px;letter-spacing:.12em;color:#aaa}
@media(max-width:760px){.hero{aspect-ratio:9/16}.master{object-fit:cover;object-position:50% 50%;transform:scale(1.8)}.nav-mask{left:0;right:0;height:15%}.topbar{left:6%;right:6%;top:3%;gap:4vw;font-size:10px;justify-content:flex-start}.topbar .home{display:none}.divider{margin-left:auto}.secret{margin-left:0}.hotspot{display:none}.panel{min-height:60vh}.our-music .colour-key{transform:scaleX(1)}}
/* Prototype 0.3 — Our Music */
.music-hero{min-height:100vh;padding:10vh max(7vw,32px);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,42vw);gap:7vw;align-items:center;background:radial-gradient(circle at 78% 45%,#242424 0,#101010 34%,#050505 72%);border-top:1px solid #292929;overflow:hidden}.music-copy h1{font-size:clamp(66px,9.5vw,150px);font-weight:400;line-height:.78;letter-spacing:-.055em;margin:.18em 0 .32em;text-transform:uppercase}.music-copy .intro{font-size:clamp(18px,1.55vw,25px);line-height:1.55;max-width:650px;color:#cfcdc7}.album{margin:0;justify-self:center;width:min(100%,600px)}.album img{width:100%;display:block;box-shadow:0 28px 70px rgba(0,0,0,.65);filter:saturate(.88) contrast(1.04)}.album figcaption{font-size:11px;letter-spacing:.18em;color:#888;margin-top:1rem}.actions{display:flex;gap:1rem;margin-top:2.5rem}.actions a{min-width:170px;padding:1rem 1.2rem;border:1px solid #777;color:#eee;text-decoration:none;letter-spacing:.13em;font-size:12px;text-align:center}.actions .primary{border-color:#eee}.actions small{display:block;font-size:8px;color:#777;margin-top:.4rem}.disabled{cursor:default;opacity:.72}.release-nav{position:sticky;top:0;z-index:8;display:flex;justify-content:center;gap:clamp(22px,5vw,80px);padding:1.25rem 5vw;background:rgba(5,5,5,.94);backdrop-filter:blur(12px);border-block:1px solid #252525}.release-nav a{color:#aaa;text-decoration:none;font-size:11px;letter-spacing:.16em}.release-nav a:hover{color:#fff}.release-section{padding:13vh max(7vw,32px);background:#0a0a0a}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;margin-top:2rem}.split h2,.story h2,.feature-grid h2{font-size:clamp(42px,5.5vw,82px);font-weight:400;line-height:1;letter-spacing:-.035em;margin:.1em 0}.track{display:grid;grid-template-columns:40px 1fr auto;gap:1.4rem;align-items:start;padding:1.7rem 0;border-top:1px solid #333}.track:last-child{border-bottom:1px solid #333}.track>span{font-size:12px;color:#777;letter-spacing:.1em}.track h3{font-size:clamp(23px,2vw,32px);font-weight:400;margin:-.25rem 0 .35rem}.track p{margin:0;color:#999;line-height:1.5;max-width:580px}.track button{background:none;border:1px solid #444;color:#777;padding:.7rem .8rem;font-family:inherit;font-size:9px;letter-spacing:.12em}.track.muted{opacity:.65}.story{padding:14vh max(7vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start;background:#111}.story>p{font-size:clamp(21px,2vw,31px);line-height:1.55;color:#c9c7c1;margin:1rem 0}.feature-grid{padding:12vh max(7vw,32px);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2vw;background:#070707}.feature-grid article{border:1px solid #292929;padding:clamp(24px,3vw,48px);min-height:420px}.feature-grid p{color:#aaa;line-height:1.6}.feature-grid a{color:#ddd;text-decoration:none;font-size:11px;letter-spacing:.12em}.media-placeholder{height:230px;margin-top:2rem;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#161616,#090909);border:1px solid #333;letter-spacing:.16em;color:#aaa}.media-placeholder small{font-size:8px;color:#666}
@media(max-width:760px){.music-hero{grid-template-columns:1fr;padding-top:13vh}.music-copy{order:2}.album{order:1;width:82%}.music-copy h1{font-size:17vw}.release-nav{justify-content:flex-start;overflow-x:auto}.split,.story,.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:300px}.track{grid-template-columns:30px 1fr}.track button{display:none}}


/* Prototype 0.4 — Story lyric feature */
.story-copy{max-width:760px}
.story-copy>p{margin-top:0}
.lyric-feature{margin:2.2rem 0 0;padding:1.6rem 0 0 2rem;border-left:1px solid rgba(255,255,255,.28);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.15rem,1.65vw,1.65rem);line-height:1.55;font-style:italic;color:rgba(255,255,255,.9)}
.lyric-feature p{margin:0}
.lyric-feature cite{display:block;margin-top:1.1rem;font-family:Arial,Helvetica,sans-serif;font-size:.7rem;line-height:1.4;letter-spacing:.16em;font-style:normal;text-transform:uppercase;color:rgba(255,255,255,.55)}
@media(max-width:760px){.lyric-feature{padding-left:1.2rem}}

/* Prototype 0.5 — featured lyric layout, preserving the exact approved copy */
.story{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:clamp(40px,7vw,130px);scroll-margin-top:58px}
.story-heading{position:sticky;top:110px;align-self:start}
.story-heading h2{font-size:clamp(43px,5.3vw,88px);line-height:.98}
.story-content{max-width:830px}
.story .story-intro{font-size:clamp(20px,1.8vw,29px);line-height:1.6;color:#d4d0ca;margin:0}
.story .lyric-feature{margin:clamp(44px,6vw,100px) 0 0;padding:clamp(22px,3vw,48px) 0 clamp(10px,2vw,24px) clamp(24px,3.2vw,54px);border-left:2px solid #9c9a94;max-width:850px}
.story .lyric-feature blockquote{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.55vw,43px);line-height:1.47;letter-spacing:-.025em;font-style:italic;color:#f0ede7}
.story .lyric-feature blockquote span{display:block}
.story .lyric-feature figcaption{margin-top:2rem;font-family:Arial,Helvetica,sans-serif;font-size:clamp(10px,.8vw,12px);letter-spacing:.14em;text-transform:uppercase;color:#aaa;font-style:normal}
.story .lyric-feature figcaption strong{font-weight:500}
@media(max-width:760px){
  .story{grid-template-columns:1fr;gap:2rem;padding-block:12vh}
  .story-heading{position:static}
  .story .lyric-feature{margin-top:3.4rem}
  .story .lyric-feature blockquote{font-size:clamp(22px,5.3vw,33px)}
}

/* Prototype 0.6 — subtler lyric treatment + PATH-colour micro-headings */
:root{
  --path-green:#5d7a4f;
  --path-ochre:#c9953c;
  --path-rust:#b65332;
  --path-blue:#46768a;
}

/* A restrained four-colour treatment for small editorial headings.
   Text remains readable; colour is an accent rather than decoration. */
.eyebrow{
  color:var(--path-green) !important;
  font-weight:600;
}
.hero .eyebrow, #music .eyebrow{ color:var(--path-ochre) !important; }
.story .eyebrow{ color:var(--path-rust) !important; }
#videos .eyebrow, #lyrics .eyebrow{ color:var(--path-blue) !important; }
#credits .eyebrow{ color:var(--path-green) !important; }

/* Smaller, more intimate lyric block. Use a locally available handwriting-style
   font stack so the prototype works offline without external font services. */
.story .lyric-feature{
  max-width:720px;
  margin-top:clamp(38px,5vw,76px);
  padding-left:clamp(20px,2.7vw,42px);
  border-left:1px solid rgba(255,255,255,.42);
}
.story .lyric-feature blockquote{
  font-family:"Bradley Hand","Segoe Print","Chalkboard SE","Comic Sans MS",cursive;
  font-size:clamp(19px,1.65vw,27px);
  line-height:1.62;
  letter-spacing:.005em;
  font-style:normal;
  font-weight:400;
  color:#e6e2dc;
  transform:rotate(-0.35deg);
}
.story .lyric-feature figcaption{
  margin-top:1.55rem;
  color:#aaa;
}
@media(max-width:760px){
  .story .lyric-feature blockquote{
    font-size:clamp(18px,4.8vw,24px);
  }
}

/* Prototype 0.7 — repeating four-colour PATH sequence within each micro-heading */
.eyebrow .pc-green{color:var(--path-green)}
.eyebrow .pc-ochre{color:var(--path-ochre)}
.eyebrow .pc-rust{color:var(--path-rust)}
.eyebrow .pc-blue{color:var(--path-blue)}
.eyebrow span{transition:filter .2s ease,text-shadow .2s ease}
.eyebrow:hover span{filter:brightness(1.18);text-shadow:0 0 9px rgba(255,255,255,.06)}

/* Prototype 0.8 — Path to Music editorial destination */
.path-music{padding:clamp(90px,12vw,180px) clamp(24px,7vw,120px);background:#0b0b0b;border-top:1px solid rgba(255,255,255,.13);scroll-margin-top:60px}
.path-music-intro{max-width:950px;margin-bottom:clamp(70px,9vw,130px)}
.path-music-intro h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,7vw,112px);line-height:.92;letter-spacing:-.055em;margin:.22em 0 .35em;color:#f0ede7}
.path-music-intro>p:last-child{max-width:720px;font-size:clamp(18px,1.55vw,25px);line-height:1.55;color:#bdb9b3}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(50px,7vw,110px) clamp(28px,5vw,76px);max-width:1350px}
.editorial-card{min-width:0}
.editorial-card.feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);column-gap:clamp(35px,5vw,80px);align-items:end}
.editorial-card.feature .editorial-image{grid-row:1/6}
.editorial-image{height:clamp(260px,34vw,520px);border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 70% 30%,#3a3a3a 0,#1a1a1a 35%,#080808 78%);position:relative;overflow:hidden;margin-bottom:25px;filter:grayscale(1)}
.editorial-image:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px);mix-blend-mode:screen}
.editorial-image span{position:absolute;right:22px;bottom:12px;font:italic 76px/1 Georgia,serif;color:rgba(255,255,255,.09)}
.influence-placeholder{background:linear-gradient(125deg,#070707,#383838 48%,#111)}
.discovery-placeholder{background:radial-gradient(ellipse at 25% 70%,#484848,#161616 43%,#050505)}
.playlist-placeholder{background:linear-gradient(35deg,#242424,#080808 60%,#343434)}
.editorial-card h3{font:400 clamp(27px,3vw,48px)/1.08 Georgia,'Times New Roman',serif;margin:.25em 0 .35em;color:#eeeae4}
.editorial-card>p:not(.eyebrow){font-size:16px;line-height:1.65;color:#aaa;max-width:620px}
.editorial-card a,.coming{display:inline-block;margin-top:18px;font:600 11px/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#d8d4ce;text-decoration:none;border-bottom:1px solid #555;padding-bottom:7px}
.path-music .eyebrow{color:var(--path-blue)!important}
.editorial-card:nth-child(1) .eyebrow{color:var(--path-green)!important}
.editorial-card:nth-child(2) .eyebrow{color:var(--path-ochre)!important}
.editorial-card:nth-child(3) .eyebrow{color:var(--path-rust)!important}
.editorial-card:nth-child(4) .eyebrow{color:var(--path-blue)!important}
.path-note{margin:clamp(80px,11vw,160px) 0 10px;text-align:center}
.handwritten{font-family:"Bradley Hand","Segoe Print","Chalkboard SE","Comic Sans MS",cursive;font-size:clamp(22px,2.5vw,38px);color:#aaa;display:inline-block;transform:rotate(-1deg)}
@media(max-width:760px){
 .editorial-grid{grid-template-columns:1fr}
 .editorial-card.feature{grid-column:auto;display:block}
 .editorial-card.feature .editorial-image{height:65vw}
 .editorial-image{height:62vw}
}


/* Prototype 0.8.4 — homepage cleanup:
   remove unintended vertical divider beside homepage headings only */
.hero-copy,
.home-copy,
.hero-heading,
.home-heading,
.hero .copy,
.home .copy {
  border-right: 0 !important;
}
.hero-copy::after,
.home-copy::after,
.hero-heading::after,
.home-heading::after {
  display: none !important;
  content: none !important;
}

/* 0.8.5: remove unintended top-navigation divider */
.topbar .divider, .site-nav .divider, nav .divider { display:none !important; border:0 !important; width:0 !important; }

/* 0.8.7 — Path to Music simplified; all 0.8.5 interaction/design retained */
.first-half-collection{max-width:1350px}
.first-half-collection>h3{font:400 clamp(42px,6vw,88px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.045em;color:#eeeae4;margin:.18em 0}
.first-half-tagline{font-size:clamp(18px,1.55vw,25px);line-height:1.55;color:#bdb9b3;max-width:720px;margin-bottom:clamp(48px,7vw,90px)}
.song-collection-placeholder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.2vw,34px)}
.song-slot{aspect-ratio:1/1;position:relative;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 65% 30%,#323232,#151515 45%,#080808 80%);overflow:hidden}
.song-slot>span{position:absolute;right:15px;bottom:7px;font:italic clamp(42px,5vw,76px)/1 Georgia,serif;color:rgba(255,255,255,.075)}
.song-slot>small{position:absolute;left:16px;bottom:17px;font:600 9px/1.2 Arial,sans-serif;letter-spacing:.13em;color:#999}
@media(max-width:760px){.song-collection-placeholder{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 0.8.8 — simplified Path to Music title hierarchy */
.first-half-main-title{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(46px,6.5vw,96px);
  line-height:.98;
  letter-spacing:-.045em;
  margin:0 0 .24em;
  color:var(--path-blue);
}
.first-half-tagline{
  font-size:clamp(18px,1.55vw,25px);
  line-height:1.55;
  max-width:720px;
  margin-top:0;
}

/* 0.8.9 — first Songs From The First Half feature */
.song-entry{display:block;text-decoration:none;color:inherit;transition:transform .22s ease,filter .22s ease}
.song-entry:hover{transform:translateY(-5px);filter:brightness(1.12)}
.song-thumb{position:absolute;inset:0;background:radial-gradient(circle at 60% 35%,#444,#191919 48%,#070707 80%);overflow:hidden}
.silver-machine-thumb:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 20px,rgba(255,255,255,.025) 21px);mix-blend-mode:screen}
.play-mark{position:absolute!important;left:50%!important;top:45%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%);font:32px/1 Arial,sans-serif!important;color:rgba(255,255,255,.75)!important}
.song-meta{position:absolute;z-index:3;left:17px;right:17px;bottom:15px;display:grid;gap:3px}
.song-meta small{font:600 9px/1.2 Arial,sans-serif;letter-spacing:.14em;color:var(--path-blue)}
.song-meta strong{font:400 clamp(18px,2vw,28px)/1.05 Georgia,serif;color:#eee}
.song-meta em{font:400 11px/1.2 Georgia,serif;color:#999}
.song-story{max-width:1350px;margin:clamp(90px,12vw,180px) auto 0;padding-top:clamp(40px,6vw,80px);border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(35px,6vw,90px);align-items:start;scroll-margin-top:30px}
.song-story-video{position:sticky;top:28px;aspect-ratio:16/9;background:#050505;border:1px solid rgba(255,255,255,.14)}
.song-story-video iframe{width:100%;height:100%;border:0}
.song-story-kicker{font:600 10px/1.2 Arial,sans-serif;letter-spacing:.16em;color:var(--path-blue);margin:0 0 18px}
.song-story-copy h3{font:400 clamp(36px,4.6vw,68px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.04em;color:#eeeae4;margin:0 0 .55em}
.song-story-copy>p:not(.song-story-kicker):not(.song-story-byline):not(.song-story-signoff){font:400 clamp(16px,1.25vw,19px)/1.72 Georgia,"Times New Roman",serif;color:#bbb;margin:0 0 1.15em}
.song-story-signoff{font:italic 400 clamp(24px,2.3vw,34px)/1.3 Georgia,serif;color:#eee;margin:1.4em 0 .6em}
.song-story-byline{font:600 10px/1 Arial,sans-serif;letter-spacing:.2em;color:#777}
@media(max-width:850px){
 .song-story{grid-template-columns:1fr}
 .song-story-video{position:relative;top:auto}
}

/* 0.8.10 — local-prototype-safe YouTube preview */
.youtube-preview{position:absolute;inset:0;display:grid;place-items:center;text-decoration:none;color:#eee;background:radial-gradient(circle at 50% 40%,#3c3c3c,#161616 48%,#060606 85%);transition:filter .2s ease}
.youtube-preview:hover{filter:brightness(1.18)}
.youtube-preview-inner{text-align:center;padding:30px;display:grid;justify-items:center;gap:13px}
.youtube-play{display:grid;place-items:center;width:68px;height:48px;border:1px solid rgba(255,255,255,.55);font:22px/1 Arial,sans-serif;padding-left:4px}
.youtube-preview strong{font:600 10px/1.2 Arial,sans-serif;letter-spacing:.16em}
.youtube-preview small{font:500 9px/1.2 Arial,sans-serif;letter-spacing:.12em;color:#999}

/* 0.8.13 ..... The Persuaders */
.persuaders-thumb{background:radial-gradient(circle at 42% 34%,#4a4a4a,#171717 50%,#060606 84%)}
.persuaders-preview{background:radial-gradient(circle at 45% 38%,#454545,#171717 50%,#050505 86%)}
.song-story + .song-story{margin-top:clamp(110px,15vw,210px)}

/* 0.8.14 ..... redesigned PATH navigation */
.hotspot:not(.centre) span{opacity:1;background:rgba(6,6,6,.94);border:1px solid rgba(255,255,255,.16);border-radius:2px;padding:.42rem .65rem;font-family:Arial,sans-serif;font-size:clamp(8px,.78vw,12px);letter-spacing:.11em;transition:background .2s ease, border-color .2s ease}
.hotspot:not(.centre):hover span,.hotspot:not(.centre):focus span{background:#101010;border-color:rgba(255,255,255,.75)}
.path-panel{padding:clamp(90px,12vw,160px) clamp(24px,7vw,120px);background:#0b0b0b;border-top:1px solid #282828;scroll-margin-top:60px}
.path-panel:nth-of-type(even){background:#101010}
.path-panel h2{font:400 clamp(54px,8vw,120px)/.95 Georgia,serif;letter-spacing:-.055em;margin:.16em 0 .3em}
.path-panel-lead{font:400 clamp(19px,2vw,29px)/1.55 Georgia,serif;color:#c8c4bc;max-width:820px;margin:0 0 clamp(35px,5vw,70px)}
.path-panel-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1200px}
.path-panel-cards article,.path-panel-cards>a{display:block;text-decoration:none;color:#e9e6df;background:linear-gradient(135deg,#191919,#0c0c0c);border:1px solid #383838;padding:clamp(25px,3vw,48px);min-height:220px}
.path-panel-cards h3{font:400 clamp(28px,3vw,46px)/1.1 Georgia,serif;letter-spacing:-.025em;margin:.5em 0 .4em}
.path-panel-cards p{font:400 17px/1.6 Georgia,serif;color:#aaa;max-width:430px}
.path-panel-cards small,.path-panel-cards span,.path-panel-cards article>a{font:600 10px/1.4 Arial,sans-serif;letter-spacing:.15em;color:#86aabb;text-decoration:none}
.path-panel-cards>a:hover{border-color:#7b9eb1;background:#191d1f}
.path-panel.compact{padding-top:90px;padding-bottom:90px;min-height:320px}
.path-panel.compact h2{font-size:clamp(42px,5.5vw,78px)}
.path-panel.compact>p:last-child{font-size:19px;color:#aaa}
.path-credits{padding-top:70px;padding-bottom:70px}
.path-credits h2{font-size:clamp(38px,5vw,65px)}
@media(max-width:760px){.path-panel-cards{grid-template-columns:1fr}.hero .hotspot{display:block}.hero .hotspot:not(.centre) span{font-size:9px;padding:5px}.hero .hotspot{outline:none}.hero .hotspot.centre{display:block}}

/* 0.8.15: internal navigation at the top of both landing sections */
.music-landing{background:radial-gradient(circle at 78% 45%,#242424 0,#101010 34%,#050505 72%);border-top:1px solid #292929}
.music-landing .music-hero-inner{min-height:calc(100vh - 60px);padding:10vh max(7vw,32px);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,42vw);gap:7vw;align-items:center;overflow:hidden}
.music-landing .release-nav{position:relative;top:auto;z-index:1}
.inspiration-intro .inspiration-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(18px,4vw,60px);margin:-3vh 0 8vh;padding:1.25rem 1rem;border-block:1px solid #303030;background:rgba(5,5,5,.75)}
.inspiration-nav a{color:#aaa;text-decoration:none;font-size:11px;letter-spacing:.16em;line-height:1.6}
.inspiration-nav a:hover,.inspiration-nav a:focus-visible{color:#fff}
@media(max-width:760px){.music-landing .music-hero-inner{grid-template-columns:1fr;padding-top:10vh}.music-landing .music-copy{order:2}.music-landing .album{order:1;width:82%}.inspiration-intro .inspiration-nav{justify-content:flex-start;gap:16px 25px;margin-top:0}}

.music-landing .music-copy h1{font-size:clamp(66px,9.5vw,150px);font-weight:400;line-height:.78;letter-spacing:-.055em;margin:.18em 0 .32em;text-transform:uppercase}
.music-landing .music-copy .intro{font-size:clamp(18px,1.55vw,25px);line-height:1.55;max-width:650px;color:#cfcdc7}
@media(max-width:760px){.music-landing .music-copy h1{font-size:17vw}}

/* 0.8.16 ..... Inspiration colour system */
.inspiration-categories > a:nth-child(1),.inspiration-nav a:nth-child(1){--inspiration-accent:var(--path-green)}
.inspiration-categories > a:nth-child(2),.inspiration-nav a:nth-child(2){--inspiration-accent:var(--path-ochre)}
.inspiration-categories > a:nth-child(3),.inspiration-nav a:nth-child(3){--inspiration-accent:var(--path-rust)}
.inspiration-categories > a:nth-child(4),.inspiration-nav a:nth-child(4){--inspiration-accent:var(--path-blue)}
.inspiration-categories > a h3,.inspiration-categories > a small{color:var(--inspiration-accent)}
.inspiration-categories > a{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.inspiration-categories > a:hover,.inspiration-categories > a:focus-visible{border-color:var(--inspiration-accent);box-shadow:inset 0 0 0 1px var(--inspiration-accent);background:#1b1b1b;outline:none}
.inspiration-nav a{color:var(--inspiration-accent);transition:color .2s ease,text-shadow .2s ease}
.inspiration-nav a:hover,.inspiration-nav a:focus-visible{color:var(--inspiration-accent);text-shadow:0 0 13px var(--inspiration-accent);text-decoration:underline;text-underline-offset:7px}

/* 0.8.17 ..... carry Inspiration category colours through to destination headings */
#path-to-music .first-half-main-title{color:var(--path-green)}
#inspiration-books h2{color:var(--path-ochre)}
#inspiration-film h2{color:var(--path-rust)}
#inspiration-art h2{color:var(--path-blue)}

/* 0.8.18: unified Inspiration colour identity */
:root{--path-green:var(--green);--path-ochre:var(--amber);--path-rust:var(--rust);--path-blue:var(--blue)}
#path-to-music .first-half-main-title,#path-to-music .inspiration-music-eyebrow,#path-to-music .song-meta small,#path-to-music .song-story-kicker{color:var(--path-green)}
#inspiration-books .eyebrow,#inspiration-books h2{color:var(--path-ochre)}
#inspiration-film .eyebrow,#inspiration-film h2{color:var(--path-rust)}
#inspiration-art .eyebrow,#inspiration-art h2{color:var(--path-blue)}

/* 0.8.19 persistent section navigation */
.music-destination,.inspiration-destination{display:flow-root}
.music-destination>.release-nav,.inspiration-destination>.inspiration-nav{position:sticky;top:0;z-index:50;display:flex;justify-content:center;align-items:center;gap:clamp(18px,4vw,65px);padding:1.15rem 5vw;margin:0;background:rgba(6,6,6,.94);backdrop-filter:blur(14px);border-block:1px solid #303030;box-shadow:0 6px 22px rgba(0,0,0,.22)}
.inspiration-destination>.inspiration-nav a{font-size:11px;letter-spacing:.14em;text-decoration:none;white-space:nowrap}
.music-destination>.release-nav a{white-space:nowrap}
.music-destination #our-music,.inspiration-destination #inspiration{scroll-margin-top:64px}
.music-destination #songs,.music-destination #story,.music-destination #credits,.inspiration-destination #path-to-music,.inspiration-destination #inspiration-books,.inspiration-destination #inspiration-film,.inspiration-destination #inspiration-art{scroll-margin-top:65px}
@media(max-width:760px){.music-destination>.release-nav,.inspiration-destination>.inspiration-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:26px;padding:1rem 20px;scrollbar-width:thin}}

/* 0.8.20: persistent home navigation and explicit destination labels */
.path-home-mark{position:fixed;right:clamp(14px,2.6vw,38px);top:clamp(12px,2vw,25px);z-index:100;display:grid;grid-template-columns:repeat(2,19px);grid-template-rows:repeat(2,19px);gap:2px;padding:6px;background:rgba(5,5,5,.78);border:1px solid rgba(255,255,255,.26);border-radius:3px;text-decoration:none;box-shadow:0 5px 20px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease,border-color .22s ease}
.path-home-mark.is-visible{opacity:1;pointer-events:auto}
.path-home-mark:hover,.path-home-mark:focus-visible{transform:scale(1.08);border-color:rgba(255,255,255,.75)}
.path-home-mark span{display:grid;place-items:center;font:700 15px/1 Georgia,serif;color:white}
.path-home-mark span:nth-child(1){background:#5d7a4f}.path-home-mark span:nth-child(2){background:#c9953c}.path-home-mark span:nth-child(3){background:#b65332}.path-home-mark span:nth-child(4){background:#46768a}
/* The original photograph has old labels baked into it; keep replacement labels opaque and legible. */
.hero .hotspot.culture span,.hero .hotspot.places span{background:#080808;opacity:1;border:1px solid rgba(255,255,255,.45);box-shadow:0 0 0 5px rgba(5,5,5,.9)}
#path-words,#path-videos{scroll-margin-top:70px}
@media(max-width:760px){.path-home-mark{right:12px;top:12px;grid-template-columns:repeat(2,15px);grid-template-rows:repeat(2,15px);padding:4px}.path-home-mark span{font-size:12px}}

/* 0.8.21: original photographic artwork has CULTURE and PLACES printed OUTSIDE the circles.
   Cover those original words at their actual positions, then draw the replacement labels there. */
.hero .hotspot.culture span,.hero .hotspot.places span{display:none!important}
.hero .hotspot.culture::after,.hero .hotspot.places::after{
 position:absolute;top:50%;transform:translateY(-50%);z-index:10;
 display:flex;align-items:center;justify-content:center;
 color:#f4f2ec;background:#080808;
 font:400 clamp(10px,1.3vw,20px)/1.2 Georgia,'Times New Roman',serif;
 letter-spacing:.09em;white-space:nowrap;
 padding:.35em .15em;box-shadow:0 0 10px 6px rgba(8,8,8,.72);
 pointer-events:none;
}
.hero .hotspot.culture::after{content:'INSPIRATION';right:calc(100% + 1%);width:clamp(105px,10vw,175px)}
.hero .hotspot.places::after{content:'VIDEOS';left:calc(100% + 2%);width:clamp(76px,7.8vw,125px)}
@media(max-width:760px){
 .hero .hotspot.culture::after,.hero .hotspot.places::after{font-size:clamp(8px,1.65vw,12px);letter-spacing:.04em;padding:.2em 0;box-shadow:0 0 5px 3px #080808}
 .hero .hotspot.culture::after{width:clamp(65px,11vw,100px)}
 .hero .hotspot.places::after{width:clamp(48px,8vw,75px)}
}

/* 0.8.22 ..... consistent outside-only labels and left home mark */
.path-home-mark{left:clamp(14px,2.6vw,38px);right:auto}
@media(max-width:760px){.path-home-mark{left:12px;right:auto}}
/* All six labels are outside their photographic circles. The clickable circle stays clear. */
.hero .hotspot:not(.centre) span{display:none!important}
.hero .hotspot:not(.centre)::after{
 position:absolute;z-index:11;display:block;top:50%;transform:translateY(-50%);
 color:#f4f2ec;font:400 clamp(10px,1.3vw,20px)/1.2 Georgia,'Times New Roman',serif;
 letter-spacing:.09em;text-align:center;white-space:nowrap;pointer-events:none;
 padding:.4em .2em;box-sizing:border-box;
}
.hero .hotspot.music::after{content:'MUSIC';top:-14%;left:50%;transform:translate(-50%,-100%)}
.hero .hotspot.words::after{content:'WORDS';right:calc(100% + 2%);width:clamp(80px,7vw,120px)}
.hero .hotspot.places::after{content:'VIDEOS';left:calc(100% + 1%);right:auto;width:clamp(115px,9vw,160px);background:#080808;box-shadow:0 0 13px 10px rgba(8,8,8,.94)}
.hero .hotspot.culture::after{content:'INSPIRATION';right:calc(100% + 1%);left:auto;width:clamp(142px,11vw,190px);background:#080808;box-shadow:0 0 13px 10px rgba(8,8,8,.94)}
.hero .hotspot.people::after{content:'PEOPLE';left:calc(100% + 2%);width:clamp(80px,7vw,120px)}
.hero .hotspot.scrapbook::after{content:'SCRAPBOOK';top:calc(100% + 5%);left:50%;transform:translateX(-50%)}
@media(max-width:760px){
 .hero .hotspot:not(.centre)::after{font-size:clamp(8px,1.65vw,12px);letter-spacing:.03em}
 .hero .hotspot.places::after{width:clamp(64px,9vw,95px)}
 .hero .hotspot.culture::after{width:clamp(85px,12vw,125px)}
 .hero .hotspot.words::after,.hero .hotspot.people::after{width:clamp(50px,8vw,85px)}
}

/* 0.8.23: single external title per circle.
   Four existing titles are baked into the original image, so do not redraw them.
   Only the two renamed destinations require replacement overlays. */
.hero .hotspot.music::after,.hero .hotspot.words::after,.hero .hotspot.people::after,.hero .hotspot.scrapbook::after{content:none!important;display:none!important}
.hero .hotspot.culture::after,.hero .hotspot.places::after{font-size:clamp(11px,1.35vw,21px);font-weight:400;letter-spacing:.085em;line-height:1.2;padding:.28em .15em;box-shadow:0 0 12px 9px rgba(8,8,8,.96)}
.hero .hotspot.culture::after{right:calc(100% + 1%);width:clamp(145px,11.5vw,195px)}
.hero .hotspot.places::after{left:calc(100% + 1%);width:clamp(95px,8.5vw,145px)}
@media(max-width:760px){.hero .hotspot.culture::after,.hero .hotspot.places::after{font-size:clamp(8px,1.65vw,12px)}.hero .hotspot.culture::after{width:clamp(90px,12vw,125px)}.hero .hotspot.places::after{width:clamp(55px,9vw,90px)}}

/* 0.8.24: replacement headings are now part of the cleaned master image. No CSS overlays. */
.hero .hotspot.culture::after,.hero .hotspot.places::after{content:none!important;display:none!important}

/* 0.8.25: maintain the Our Music menu across all five sections */
.music-destination #path-videos,.music-destination #path-words{scroll-margin-top:65px}

/* 0.8.26: Words / album lyric booklet */
.words-section{min-height:85vh}
.words-album{width:min(880px,100%);margin:clamp(34px,5vw,76px) auto 0;text-align:left}
.words-album>.eyebrow{letter-spacing:.22em;color:#d39721}
.words-album h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,5vw,64px);font-weight:400;margin:14px 0 8px}
.words-album-intro{opacity:.65;margin:0 0 38px}
.words-track{border-top:1px solid rgba(255,255,255,.32);border-bottom:1px solid rgba(255,255,255,.32)}
.words-track summary{cursor:pointer;display:flex;align-items:center;gap:clamp(15px,3vw,35px);padding:25px 4px;list-style:none}
.words-track summary::-webkit-details-marker{display:none}
.words-track-number{font-size:13px;letter-spacing:.14em;opacity:.55}
.words-track-title{font:400 clamp(26px,3.6vw,42px)/1.2 Georgia,'Times New Roman',serif;flex:1}
.words-track-action{font-size:10px;letter-spacing:.13em;opacity:.72;white-space:nowrap}
.words-track-action span{font-size:18px;vertical-align:middle;margin-left:8px}
.words-track[open] .words-track-action span{display:inline-block;transform:rotate(45deg)}
.words-track-content{padding:18px clamp(10px,5vw,65px) 55px;border-top:1px solid rgba(255,255,255,.12)}
.words-credit{font-size:11px;letter-spacing:.2em;opacity:.65;margin:8px 0 42px}
.words-lyrics{font:400 clamp(17px,1.65vw,21px)/1.85 Georgia,'Times New Roman',serif;color:#e8e5de;max-width:720px}
.lyric-stanza{margin:0 0 35px}
.words-end{font-size:10px;letter-spacing:.2em;opacity:.45;margin-top:45px}
.words-coming{font-size:13px;opacity:.55;margin-top:22px}
@media(max-width:600px){.words-track-action{font-size:9px}.words-track-content{padding-left:8px;padding-right:8px}.words-lyrics{font-size:17px;line-height:1.8}}

/* 0.8.27 Words: photographic lyric booklet; text is real HTML, not part of the image */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&display=swap');
.words-cinematic{position:relative;display:block;overflow:hidden;padding:clamp(70px,8vw,130px) clamp(25px,5.5vw,95px) 110px;background:radial-gradient(ellipse at 18% 72%,rgba(92,65,43,.29),transparent 48%),#090807;isolation:isolate}
.words-cinematic::before{content:'';position:absolute;z-index:-1;inset:10% 0 0 0;background:linear-gradient(90deg,rgba(5,5,5,.1),rgba(5,5,5,.70) 43%,rgba(5,5,5,.92) 88%),linear-gradient(0deg,transparent 55%,#090807 100%),url('assets/ashtray-atmosphere.jpg') left bottom/ min(65vw,900px) auto no-repeat;opacity:.85;pointer-events:none}
.words-cinematic::after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 38% 55%,transparent 18%,rgba(0,0,0,.42) 90%);pointer-events:none}
.words-topline{display:flex;align-items:baseline;gap:2rem;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:22px;flex-wrap:wrap}
.words-topline .eyebrow{margin:0}.words-topline h2{font-size:clamp(32px,4vw,64px);font-weight:400;margin:0}.words-album-name{margin:0 0 0 auto;letter-spacing:.32em;font-size:12px;color:#c6c0b6}
.words-stage{display:grid;grid-template-columns:minmax(185px,23%) minmax(0,1fr);gap:clamp(36px,6vw,105px);padding-top:clamp(48px,5vw,90px)}
.words-sidebar{align-self:start;position:sticky;top:95px}.words-sidebar-heading{font-size:10px;letter-spacing:.2em;color:#a9a299;margin:0 0 32px}.words-sidebar-track{display:flex;gap:19px;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13);color:#e0ab5b;text-decoration:none;letter-spacing:.16em;font-size:13px}.words-sidebar-track span:first-child{font-size:12px}.words-sidebar-track:hover{color:#fff}.words-sidebar-note{font-size:12px;line-height:1.7;color:#aaa39a;margin-top:30px;max-width:200px}
.words-sheet{min-width:0;scroll-margin-top:95px}.words-song-heading{margin-bottom:clamp(35px,4vw,64px)}.words-song-heading .words-number{font-size:11px;letter-spacing:.18em;color:#d0a15d}.words-song-heading h3{font-family:'Caveat','Segoe Print','Bradley Hand',cursive;font-size:clamp(65px,8vw,118px);font-weight:400;line-height:1;margin:12px 0 0;color:#f1e5d5}.words-song-heading p{font:400 clamp(22px,2.4vw,31px) 'Caveat','Segoe Print','Bradley Hand',cursive;margin:0;color:#e4d8c7}
.words-cinematic .words-lyrics{max-width:100%;column-count:2;column-gap:clamp(38px,5vw,95px);font-family:'Caveat','Segoe Print','Bradley Hand',cursive;font-size:clamp(24px,2.2vw,34px);line-height:1.17;letter-spacing:.01em;color:#f2e9dc}.words-cinematic .lyric-stanza{break-inside:avoid;page-break-inside:avoid;margin:0 0 1.25em}
.words-insight{margin-top:clamp(50px,7vw,110px);max-width:700px;padding:30px 0 10px;border-top:1px solid rgba(230,200,156,.5);background:linear-gradient(90deg,rgba(10,8,7,.85),rgba(10,8,7,.18))}.words-insight-label{font-size:10px;letter-spacing:.23em;color:#d5a76a}.words-insight h4{font-size:clamp(27px,3vw,42px);font-weight:400;margin:15px 0}.words-insight p:last-child{font-size:clamp(16px,1.4vw,20px);line-height:1.8;color:#d6d0c7;max-width:640px}
@media(max-width:950px){.words-stage{grid-template-columns:1fr;gap:40px}.words-sidebar{position:static}.words-sidebar-note{max-width:none}.words-cinematic .words-lyrics{column-count:1;max-width:680px}.words-cinematic::before{background-size:90vw auto;opacity:.45}.words-album-name{margin-left:0}}
@media(max-width:600px){.words-cinematic{padding:75px 23px 85px}.words-topline{gap:10px 22px}.words-topline h2{font-size:38px}.words-album-name{width:100%}.words-cinematic .words-lyrics{font-size:clamp(25px,6.2vw,31px);line-height:1.28}.words-song-heading h3{font-size:80px}.words-cinematic::before{background-size:115vw auto;background-position:left 25%;opacity:.34}.words-insight{background:rgba(5,5,5,.66)}}

/* 0.8.28: booklet-style Words landing, expandable song, handwritten lyric page */
.words-cinematic{padding-top:clamp(60px,6vw,90px);background-color:#0a0908}
.words-topline{border-bottom:1px solid rgba(255,255,255,.18)}
.words-introduction{padding:clamp(42px,6vw,82px) 0 34px}
.words-introduction p{font-size:11px;letter-spacing:.24em;color:#c6b9a6}
.words-introduction h3{font-family:Georgia,serif;font-size:clamp(26px,3vw,42px);font-weight:400;letter-spacing:.02em;margin:18px 0 0;color:#e5d9c9}
.words-song-details{border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}
.words-song-toggle{cursor:pointer;list-style:none;display:flex;align-items:center;gap:clamp(18px,3vw,40px);padding:25px 8px;color:#e6d8c5}
.words-song-toggle::-webkit-details-marker{display:none}
.words-song-toggle:hover,.words-song-details[open] .words-song-toggle{color:#d9a452}
.words-toggle-number{font-size:13px;letter-spacing:.16em;opacity:.75}
.words-toggle-title{font:400 clamp(31px,4vw,54px) Georgia,serif;flex:1}
.words-toggle-action{font-size:10px;letter-spacing:.17em;display:flex;align-items:center;gap:15px}
.words-toggle-symbol{font:300 28px Arial,sans-serif}
.words-song-details[open] .words-toggle-symbol{transform:rotate(45deg)}
.words-song-details .open-word,.words-song-details[open] .closed-word{display:none}
.words-song-details[open] .open-word{display:inline}
.words-song-details .words-stage{padding:clamp(50px,6vw,95px) 0 95px;grid-template-columns:minmax(180px,22%) minmax(0,1fr);gap:clamp(28px,5vw,90px);border-top:1px solid rgba(255,255,255,.12)}
.words-cinematic::before{inset:24% 0 0;background:linear-gradient(90deg,rgba(5,5,5,.12),rgba(5,5,5,.62) 46%,rgba(5,5,5,.82) 90%),url('assets/ashtray-atmosphere.jpg') left 68% / min(80vw,1100px) auto no-repeat;opacity:.88}
.words-song-heading h3{font-family:'Caveat','Bradley Hand','Segoe Print',cursive;font-size:clamp(75px,9vw,135px);font-weight:400;letter-spacing:-.025em}
.words-cinematic .words-lyrics{font-family:'Caveat','Bradley Hand','Segoe Print',cursive;font-size:clamp(26px,2.35vw,35px);line-height:1.24;color:#f0e6d9;column-gap:clamp(35px,4.2vw,75px)}
.words-cinematic .lyric-stanza{margin-bottom:1.15em}
.words-insight{margin-top:65px;max-width:780px}
.words-coming{font-size:12px;letter-spacing:.03em;opacity:.65;margin-top:25px}
@media(max-width:950px){.words-song-details .words-stage{grid-template-columns:1fr}.words-sidebar{display:none}.words-cinematic .words-lyrics{column-count:1}.words-cinematic::before{background-size:125vw auto;opacity:.42}}
@media(max-width:600px){.words-toggle-action{font-size:9px}.words-toggle-title{font-size:33px}.words-song-toggle{gap:13px}.words-cinematic .words-lyrics{font-size:29px;line-height:1.3}}

/* 0.8.31: consistent editorial typography and full-page photographic atmosphere */
.words-cinematic::before{inset:0;background-image:linear-gradient(90deg,rgba(6,5,5,.55) 0%,rgba(6,5,5,.63) 40%,rgba(6,5,5,.78) 100%),linear-gradient(180deg,rgba(6,5,5,.6),transparent 24%,transparent 74%,rgba(6,5,5,.8)),url('assets/ashtray-atmosphere.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:1}
.words-cinematic::after{inset:0;background:radial-gradient(ellipse at 55% 42%,transparent 12%,rgba(0,0,0,.3) 95%)}
.words-insight{font-family:Georgia,'Times New Roman',serif;max-width:780px;padding:30px 0 10px;background:linear-gradient(90deg,rgba(10,8,7,.78),rgba(10,8,7,.28));}
.words-insight p:not(.words-insight-label),.words-insight p:last-child{font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.5vw,20px);font-weight:400;line-height:1.75;letter-spacing:0;color:#e2d9cd;max-width:680px;margin:0 0 1.3em}
.words-insight .words-insight-label{font-family:Georgia,'Times New Roman',serif;font-size:11px;letter-spacing:.21em;line-height:1.5;color:#d5a76a;margin:0 0 25px}
@media(max-width:950px){.words-cinematic::before{background-size:cover;background-position:38% center;opacity:1}}
@media(max-width:600px){.words-cinematic::before{background-size:cover;background-position:32% center;opacity:1}.words-insight{background:rgba(5,5,5,.58)}}

/* 0.8.32: photo appears only when a lyric is expanded; quieter lyric-booklet proportions */
.words-cinematic::before{opacity:0!important;transition:opacity .75s ease;inset:0;background-image:linear-gradient(90deg,rgba(6,5,5,.60),rgba(6,5,5,.68) 42%,rgba(6,5,5,.83)),linear-gradient(180deg,rgba(6,5,5,.5),transparent 25%,rgba(6,5,5,.65)),url('assets/ashtray-atmosphere.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat}
.words-cinematic.words-image-visible::before{opacity:1!important}
.words-cinematic .words-lyrics{font-size:clamp(23px,2.05vw,30px);line-height:1.2}
.words-cinematic .lyric-stanza{margin-bottom:1.05em}
.words-song-details .words-stage{padding-top:clamp(34px,4vw,65px);padding-bottom:65px}
.words-song-heading{margin-bottom:clamp(24px,3vw,44px)}
.words-song-heading h3{font-size:clamp(70px,8vw,116px)}
.words-insight{box-sizing:border-box;max-width:850px;padding:clamp(30px,4vw,52px) clamp(30px,4.5vw,65px) clamp(22px,3vw,40px);border:1px solid rgba(230,200,156,.23);background:rgba(9,8,7,.68);margin-top:clamp(42px,5vw,75px)}
.words-insight p:not(.words-insight-label),.words-insight p:last-child{max-width:none}
@media(max-width:600px){.words-cinematic .words-lyrics{font-size:26px;line-height:1.25}.words-insight{padding:28px 25px 24px}}
@media(prefers-reduced-motion:reduce){.words-cinematic::before{transition:none}}

/* v0.8.33: song-specific full-section backgrounds; shown only when the relevant song is expanded */
.words-cinematic.words-holding-visible::before{background-image:linear-gradient(90deg,rgba(6,7,9,.70),rgba(6,7,9,.67) 42%,rgba(6,7,9,.42)),linear-gradient(180deg,rgba(6,7,9,.65),transparent 25%,rgba(6,7,9,.65)),url('assets/holding-on-to-air-atmosphere.jpg');background-position:center center;background-size:cover;opacity:1!important}
.words-cinematic.words-holding-visible.words-image-visible::before{background-image:linear-gradient(90deg,rgba(6,7,9,.70),rgba(6,7,9,.67) 42%,rgba(6,7,9,.42)),linear-gradient(180deg,rgba(6,7,9,.65),transparent 25%,rgba(6,7,9,.65)),url('assets/holding-on-to-air-atmosphere.jpg')}
@media(max-width:950px){.words-cinematic.words-holding-visible::before{background-position:65% center}}

/* v0.8.34: Fill the entire Words page with the Steppenwolf scene.
   The source image has a black left half, so frame its illustrated right half
   across the full section rather than leaving the left side blank. */
.words-cinematic.words-holding-visible::before,
.words-cinematic.words-holding-visible.words-image-visible::before{
  background-size:cover,cover,200% 100%;
  background-position:center center,center center,right center;
  background-repeat:no-repeat;
}
@media(max-width:950px){
 .words-cinematic.words-holding-visible::before,
 .words-cinematic.words-holding-visible.words-image-visible::before{background-position:center center,center center,right center}
}

/* v0.8.35: Waiting on God ..... full-page cinematic backdrop, visible only when expanded. */
.words-cinematic.words-waiting-visible::before,
.words-cinematic.words-waiting-visible.words-image-visible::before{
 background-image:linear-gradient(90deg,rgba(5,7,9,.74),rgba(5,7,9,.62) 45%,rgba(5,7,9,.60)),linear-gradient(180deg,rgba(5,7,9,.67),transparent 30%,rgba(5,7,9,.70)),url('assets/waiting-on-god-atmosphere.jpg');
 background-position:center center,center center,center center;
 background-size:cover,cover,cover;
 background-repeat:no-repeat;
}

/* v0.8.36: make the Waiting on God scene substantially more visible. */
.words-cinematic.words-waiting-visible::before,
.words-cinematic.words-waiting-visible.words-image-visible::before{
 background-image:linear-gradient(90deg,rgba(4,6,8,.34),rgba(4,6,8,.26) 48%,rgba(4,6,8,.16)),linear-gradient(180deg,rgba(4,6,8,.26),transparent 35%,rgba(4,6,8,.28)),url('assets/waiting-on-god-atmosphere.jpg');
 opacity:1!important;
}

/* v0.8.38: a little more definition in the existing cloud face without changing the scene. */
.words-cinematic.words-waiting-visible::before,.words-cinematic.words-waiting-visible.words-image-visible::before{background-image:linear-gradient(90deg,rgba(4,6,8,.32),rgba(4,6,8,.22) 48%,rgba(4,6,8,.10)),linear-gradient(180deg,rgba(4,6,8,.20),transparent 35%,rgba(4,6,8,.26)),url('assets/waiting-on-god-atmosphere.jpg');}

/* v0.8.39: retain the original cinematic backdrop; lift the right-hand face subtly. */
.words-cinematic.words-waiting-visible::before,
.words-cinematic.words-waiting-visible.words-image-visible::before {
 background-image:linear-gradient(90deg,rgba(4,6,8,.32),rgba(4,6,8,.22) 48%,rgba(4,6,8,.055)),linear-gradient(180deg,rgba(4,6,8,.15),transparent 35%,rgba(4,6,8,.26)),url('assets/waiting-on-god-atmosphere.jpg');
}

/* 0.8.46: Track 04 placeholder; noninteractive until lyrics are supplied. */
.words-song-placeholder .words-song-toggle{cursor:default;opacity:.77}
.words-placeholder-label{margin-left:auto;font-family:inherit;font-size:.66rem;letter-spacing:.12em;opacity:.66;text-align:right}
@media(max-width:650px){.words-placeholder-label{font-size:.56rem;max-width:135px;line-height:1.5}}

/* v0.8.47: Water On Stone ..... rain approaching the parched Dakota Badlands. */
.words-cinematic.words-water-visible::before,
.words-cinematic.words-water-visible.words-image-visible::before{
 background-image:linear-gradient(90deg,rgba(8,10,12,.50),rgba(8,10,12,.36) 48%,rgba(8,10,12,.30)),linear-gradient(180deg,rgba(8,10,12,.26),transparent 32%,rgba(8,10,12,.45)),url('assets/water-on-stone-atmosphere.jpg');
 background-position:center center,center center,center center;
 background-size:cover,cover,cover;
 background-repeat:no-repeat;
 opacity:1!important;
}

/* v0.8.48: Alternative Water On Stone background. Rain restores a dry, fractured landscape. */
.words-cinematic.words-water-visible::before,
.words-cinematic.words-water-visible.words-image-visible::before{
 background-image:linear-gradient(90deg,rgba(8,10,12,.53),rgba(8,10,12,.34) 48%,rgba(8,10,12,.23)),linear-gradient(180deg,rgba(8,10,12,.20),transparent 36%,rgba(8,10,12,.38)),url('assets/water-on-stone-alternative.svg');
 background-position:center center; background-size:cover;
}

/* v0.8.49: Real photographic Badlands landscape (NPS Photo).
   Unlike the earlier illustrations, this is an unaltered landscape photo
   with only translucent cinematic shading for lyric readability.
   Remote NPS image requires internet access when opening the local HTML. */
.words-cinematic.words-water-visible::before,
.words-cinematic.words-water-visible.words-image-visible::before {
 background-image:
  linear-gradient(90deg,rgba(7,9,12,.64),rgba(7,9,12,.49) 49%,rgba(7,9,12,.41)),
  linear-gradient(180deg,rgba(7,9,12,.24),transparent 32%,rgba(7,9,12,.53)),
  url('https://www.nps.gov/common/uploads/structured_data/3C82EE63-1DD8-B71B-0BD6EE0FDCB5D402.jpg?maxHeight=800&maxWidth=1200&quality=90');
 background-size:cover,cover,cover;
 background-position:center center,center center,center center;
 background-repeat:no-repeat;
}

/* v0.8.50: User-supplied genuine Badlands photograph, gently muted like Ashtray. */
.words-cinematic.words-water-visible::before,
.words-cinematic.words-water-visible.words-image-visible::before {
 background-image:linear-gradient(90deg,rgba(7,9,12,.57),rgba(7,9,12,.46) 49%,rgba(7,9,12,.36)),linear-gradient(180deg,rgba(7,9,12,.18),transparent 32%,rgba(7,9,12,.45)),url('assets/water-on-stone-atmosphere.jpg');
 background-position:center center; background-size:cover; background-repeat:no-repeat;
}

/* v0.8.51: Track 06 ..... subdued open-water horizon while a final photographic background is selected. */
.words-cinematic.words-quarter-visible::before,
.words-cinematic.words-quarter-visible.words-image-visible::before{
 background-image:linear-gradient(90deg,rgba(5,9,15,.64),rgba(5,9,15,.50) 48%,rgba(5,9,15,.38)),linear-gradient(180deg,rgba(4,7,13,.25),transparent 34%,rgba(4,7,13,.48)),linear-gradient(180deg,#1c2936 0%,#36495a 33%,#9b9890 53%,#252f3b 55%,#0b1825 85%,#080e15 100%);
 background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:1!important;
}

/* v0.8.52: User-supplied Dungeness photograph, gently faded, no artificial scenery. */
.words-cinematic.words-quarter-visible::before,
.words-cinematic.words-quarter-visible.words-image-visible::before{
 background-image:linear-gradient(90deg,rgba(7,9,12,.58),rgba(7,9,12,.47) 48%,rgba(7,9,12,.34)),linear-gradient(180deg,rgba(7,9,12,.17),transparent 34%,rgba(7,9,12,.42)),url('assets/the-final-quarter-atmosphere.jpg');
 background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:1!important;
}

/* 0.8.53: clickable running-order navigation */
.words-sidebar-track{cursor:pointer;transition:color .18s ease}
.words-sidebar-track.selected,.words-sidebar-track[aria-current="true"]{color:#fff;font-weight:600}
.words-sidebar-track:focus-visible{outline:2px solid #d9a452;outline-offset:3px}
.words-song-placeholder{scroll-margin-top:95px}

/* v0.8.54: Blue Smoke ..... subdued photographic smoke and solitude. */
.words-cinematic.words-blue-visible::before,
.words-cinematic.words-blue-visible.words-image-visible::before{
 background-image:linear-gradient(90deg,rgba(5,9,14,.54),rgba(5,9,14,.53) 48%,rgba(5,9,14,.40)),linear-gradient(180deg,rgba(5,9,14,.22),transparent 33%,rgba(5,9,14,.55)),url('assets/blue-smoke-atmosphere.jpg');
 background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:1!important;
}

/* v0.8.55: Blue Skies Will Come ..... real lone-tree landscape photograph, faded behind lyrics.
   Photograph: Chris Linnett / Unsplash, https://unsplash.com/photos/Lk70P8uPRKA
   Online image reference: requires internet access until a local copy is supplied. */
.words-cinematic.words-skies-visible::before,
.words-cinematic.words-skies-visible.words-image-visible::before{
 background-image:linear-gradient(90deg,rgba(8,12,16,.66),rgba(8,12,16,.58) 48%,rgba(8,12,16,.46)),linear-gradient(180deg,rgba(7,10,13,.34),transparent 33%,rgba(7,10,13,.52)),url('https://images.unsplash.com/photo-1645476627692-10aadb24fcb5?auto=format&fit=crop&fm=jpg&q=80&w=2200');
 background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:1!important;
}

/* v0.8.62: Track 10 ..... high-resolution playing-card maze, locally bundled. */
.words-cinematic.words-all-things-visible::before,
.words-cinematic.words-all-things-visible.words-image-visible::before{
 background-image:linear-gradient(90deg,rgba(5,8,12,.66),rgba(5,8,12,.58) 48%,rgba(5,8,12,.46)),linear-gradient(180deg,rgba(6,8,12,.27),transparent 35%,rgba(6,8,12,.58)),url('assets/all-things-card-maze.jpg');
 background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:1!important;
}

/* v0.8.64: Track 11 ..... user-supplied photograph of two chairs facing the sea.
   Original composition retained; subtle dark overlays keep cream lyrics legible. */
.words-cinematic.words-today-visible::before,
.words-cinematic.words-today-visible.words-image-visible::before {
 background-image:linear-gradient(90deg,rgba(7,9,12,.69),rgba(7,9,12,.59) 48%,rgba(7,9,12,.46)),linear-gradient(180deg,rgba(7,9,12,.28),rgba(7,9,12,.10) 34%,rgba(7,9,12,.54)),url('assets/todays-the-day-chairs.jpg');
 background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:1!important;
}

/* 0.8.67: Tim and Lloyd original photograph, restrained monochrome-sepia treatment. */
.words-cinematic.words-feel-visible::before,
.words-cinematic.words-feel-visible.words-image-visible::before{
 background-image:linear-gradient(90deg,rgba(8,8,9,.70),rgba(8,8,9,.60) 48%,rgba(8,8,9,.48)),linear-gradient(180deg,rgba(9,8,8,.32),transparent 34%,rgba(9,8,8,.65)),url('assets/feel-you-around-memory.jpg');
 background-position:center 42%;background-size:cover;background-repeat:no-repeat;opacity:1!important;
}
.bonus-track-label{font-family:Arial,sans-serif!important;font-size:11px!important;letter-spacing:.15em;color:#e4c8a0!important;margin:0 0 12px!important;}
.words-dedication{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;color:#f2e6d2;font-family:Georgia,serif;font-size:17px;letter-spacing:.035em;margin:38px auto 48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.25);max-width:340px;}
.words-dedication span:last-child{font-size:14px;opacity:.8;}

/* 0.8.68: Keep Tim and Lloyd's faces in the opening viewport.
   Size the photo by width instead of stretching it across the full lyric height;
   anchor the photograph near the beginning of the expanded song. */
.words-cinematic.words-feel-visible::before,
.words-cinematic.words-feel-visible.words-image-visible::before {
  background-size: cover, cover, 100% auto;
  background-position: center center, center center, center 210px;
  background-repeat: no-repeat;
}
@media (max-width: 950px) {
  .words-cinematic.words-feel-visible::before,
  .words-cinematic.words-feel-visible.words-image-visible::before {
    background-size: cover, cover, auto 670px;
    background-position: center center, center center, center 220px;
  }
}
@media (max-width: 600px) {
  .words-cinematic.words-feel-visible::before,
  .words-cinematic.words-feel-visible.words-image-visible::before {
    background-size: cover, cover, auto 530px;
    background-position: center center, center center, center 210px;
  }
}

/* 0.8.69: Anchor the Tim-and-Lloyd photo to the bonus track itself, not the
   full Words section. The page scrolls to this track on opening, so its faces
   are now framed in the opening viewport instead of above it. */
.words-cinematic.words-feel-visible::before,
.words-cinematic.words-feel-visible.words-image-visible::before{
  opacity:0!important;
}
#words-feel-you-around[open]{
  position:relative;
  isolation:isolate;
}
#words-feel-you-around[open]::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(8,8,9,.67),rgba(8,8,9,.54) 50%,rgba(8,8,9,.44)),
    linear-gradient(180deg,rgba(9,8,8,.18),rgba(9,8,8,.35) 34%,rgba(9,8,8,.90) 68%,#0a0908 100%),
    url('assets/feel-you-around-memory.jpg');
  background-position:center top,center top,center 80px;
  background-size:cover,cover,100% auto;
  background-repeat:no-repeat;
}
@media(max-width:950px){
  #words-feel-you-around[open]::before{
    background-position:center top,center top,center 90px;
    background-size:cover,cover,100% auto;
  }
}
@media(max-width:600px){
  #words-feel-you-around[open]::before{
    background-position:center top,center top,center 95px;
    background-size:cover,cover,100% auto;
  }
}

/* 0.8.70: Feel You Around ..... keep both musicians in the initial frame.
   Anchor the photo to the LEFT of the song, starting behind its heading,
   rather than below the heading. Fade into the dark lyric background. */
#words-feel-you-around[open]::before {
  background-image:
    linear-gradient(90deg,rgba(8,8,9,.44) 0%,rgba(8,8,9,.45) 42%,rgba(8,8,9,.82) 85%),
    linear-gradient(180deg,rgba(9,8,8,.18) 0%,rgba(9,8,8,.22) 16%,rgba(9,8,8,.86) 45%,#0a0908 65%),
    url('assets/feel-you-around-memory.jpg');
  background-position:center top,center top,left top;
  background-size:cover,cover,82% auto;
}
@media(max-width:950px){
  #words-feel-you-around[open]::before{
    background-position:center top,center top,left top;
    background-size:cover,cover,100% auto;
  }
}
@media(max-width:600px){
  #words-feel-you-around[open]::before{
    background-position:center top,center top,30% top;
    background-size:cover,cover,125% auto;
  }
}

/* 0.8.71: Extend only the right side of the photo. Original 82%-width
   photograph retains exactly the same left alignment and scale. */
#words-feel-you-around[open]::before {
  background-image:
    linear-gradient(90deg,rgba(8,8,9,.44) 0%,rgba(8,8,9,.45) 42%,rgba(8,8,9,.82) 85%),
    linear-gradient(180deg,rgba(9,8,8,.18) 0%,rgba(9,8,8,.22) 16%,rgba(9,8,8,.86) 45%,#0a0908 65%),
    url('assets/feel-you-around-wide.jpg');
  background-position:center top,center top,left top;
  background-size:cover,cover,100% auto;
}
@media(max-width:950px){
  #words-feel-you-around[open]::before {
    background-size:cover,cover,122% auto;
    background-position:center top,center top,left top;
  }
}
@media(max-width:600px){
  #words-feel-you-around[open]::before {
    background-size:cover,cover,152% auto;
    background-position:center top,center top,30% top;
  }
}

/* 0.8.73: Reveal the existing cloud face more clearly without changing the photograph.
   Right/top of the photograph receives much less darkening; text area stays shaded. */
.words-cinematic.words-waiting-visible::before,
.words-cinematic.words-waiting-visible.words-image-visible::before {
  background-image:
    radial-gradient(ellipse 27% 31% at 86% 17%, rgba(4,6,8,0) 15%, rgba(4,6,8,.08) 58%, rgba(4,6,8,.24) 100%),
    linear-gradient(90deg,rgba(4,6,8,.36) 0%,rgba(4,6,8,.24) 47%,rgba(4,6,8,.015) 78%),
    linear-gradient(180deg,rgba(4,6,8,.015),transparent 31%,rgba(4,6,8,.28)),
    url('assets/waiting-on-god-atmosphere.jpg');
  background-position:center,center,center,center;
  background-size:cover;
  background-repeat:no-repeat;
}

/* Inspiration / Songs: Our House card only */
.madness-thumb{background:radial-gradient(circle at 45% 35%,#454545,#181818 55%,#060606 85%)}

/* 0.8.75: Peter Gabriel entry only */
.peter-gabriel-thumb{background:radial-gradient(circle at 48% 34%,#53504b,#262321 57%,#080808 88%)}

/* Shine On Us: original supplied photograph, with legibility shading only.
   Keep the sunbeams and window visible toward the centre/right. */
.words-cinematic.words-shine-visible::before,
.words-cinematic.words-shine-visible.words-image-visible::before{
 background-image:
  linear-gradient(90deg,rgba(5,9,12,.74) 0%,rgba(5,9,12,.52) 37%,rgba(5,9,12,.18) 70%,rgba(5,9,12,.12) 100%),
  linear-gradient(180deg,rgba(5,9,12,.13) 0%,transparent 35%,rgba(5,9,12,.38) 100%),
  url('assets/shine-on-us-window.jpg');
 background-size:cover;
 background-position:center center,center center,center 40%;
 background-repeat:no-repeat;
 opacity:1!important;
}
@media(max-width:950px){
 .words-cinematic.words-shine-visible::before,
 .words-cinematic.words-shine-visible.words-image-visible::before{
  background-image:linear-gradient(90deg,rgba(5,9,12,.66),rgba(5,9,12,.38)),linear-gradient(180deg,rgba(5,9,12,.12),rgba(5,9,12,.48)),url('assets/shine-on-us-window.jpg');
  background-position:center,center,center 30%;
 }
}

/* 0.8.78: PATH library, Steppenwolf pilot. Self-contained CSS atmosphere; no other sections changed. */
.path-library{min-height:85vh}.path-library-shelf{display:flex;flex-wrap:wrap;gap:32px;margin:clamp(45px,7vw,95px) auto 0;max-width:1150px}.path-book-tile{display:block;width:min(260px,100%);text-decoration:none;color:#e6e2d9}.path-book-cover{height:330px;width:220px;max-width:100%;box-sizing:border-box;padding:25px 21px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#4e352a,#171b1a 52%,#08090a);border:1px solid #6d5b49;box-shadow:12px 12px 25px #000b,inset -13px 0 15px #0008;transition:transform .25s,box-shadow .25s}.path-book-cover span{font:12px/1.45 Georgia,serif;letter-spacing:.17em;color:#cdbca2}.path-book-cover strong{font:35px/.98 Georgia,serif;letter-spacing:-.06em;color:#e4d7c3}.path-book-cover i{font:11px Georgia,serif;color:#b7a28c}.path-book-tile:hover .path-book-cover{transform:translateY(-6px);box-shadow:12px 20px 35px #000e}.path-book-tile-caption{display:flex;flex-direction:column;gap:8px;margin-top:20px}.path-book-tile-caption strong{font:27px Georgia,serif}.path-book-tile-caption small{font:11px Arial,sans-serif;letter-spacing:.12em;color:#999}.path-book-tile-caption em{font:10px Arial,sans-serif;letter-spacing:.13em;color:#c6a85d;margin-top:8px}.path-book-feature{position:relative;overflow:hidden;min-height:100vh;isolation:isolate;padding-top:110px!important;padding-bottom:100px!important;background:#070809}.path-book-back{display:inline-block;position:relative;z-index:2;color:#c4a966;text-decoration:none;font:11px Arial,sans-serif;letter-spacing:.15em;margin-bottom:80px}.path-book-stage{position:absolute;z-index:-1;inset:0;overflow:hidden;background:radial-gradient(ellipse at 78% 48%,#493f35 0%,#15171b 30%,#050608 70%)}.path-book-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(93deg,transparent 0 110px,#ffffff05 111px 112px),linear-gradient(90deg,#050607 12%,transparent 65%)}.path-book-stage-glow{position:absolute;right:7%;top:16%;width:44%;height:76%;background:radial-gradient(ellipse,#c5a36d35 0%,#7c4a3640 23%,transparent 67%);filter:blur(16px)}.path-book-stage-door{position:absolute;right:17%;top:18%;height:62%;width:22%;border:13px solid #25221e;outline:1px solid #9b7849;box-shadow:0 0 80px #ad733c77,inset 0 0 80px #a76d4877;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:linear-gradient(140deg,#7a472b,#291f22 40%,#0c1014 85%);transform:perspective(800px) rotateY(-12deg);color:#d8b88c;text-align:center;font:clamp(10px,1.4vw,20px) Georgia,serif;letter-spacing:.12em}.path-book-stage-door small{font:clamp(7px,.8vw,11px) Georgia,serif;letter-spacing:.13em}.path-book-feature-content{max-width:660px;position:relative;z-index:1}.path-book-feature-content h2{font:400 clamp(54px,8vw,116px)/1 Georgia,serif;letter-spacing:-.06em;color:#f1e8d9;margin:16px 0 14px}.path-book-author{color:#b9a990;font:17px Georgia,serif;margin-bottom:52px}.path-book-author span{margin:0 8px}.path-book-reflection{padding:20px 28px 12px 0;background:linear-gradient(90deg,#070809df,#070809aa 85%,transparent)}.path-book-reflection p{font:clamp(17px,1.45vw,21px)/1.7 Georgia,serif;color:#ddd1c1;margin:0 0 23px}.path-book-reflection .path-book-signature{font:11px Arial,sans-serif;letter-spacing:.24em;color:#c5a76b;margin-top:32px}.path-book-review{display:flex;flex-direction:column;gap:12px;margin-top:48px;padding:25px 28px;border:1px solid #7d674a88;background:#0b0b0bcc;text-decoration:none;color:#f2e4cd;max-width:490px;transition:border-color .2s}.path-book-review:hover{border-color:#d6b16e}.path-book-review small{font:10px Arial,sans-serif;letter-spacing:.18em;color:#c4a66b}.path-book-review strong{font:20px Georgia,serif;font-weight:400}.path-book-review span{font:12px Arial,sans-serif;color:#aaa}@media(max-width:800px){.path-book-stage-door{right:5%;top:9%;width:40%;height:40%;opacity:.5}.path-book-feature-content{max-width:100%}.path-book-feature{padding-top:80px!important}.path-book-back{margin-bottom:70px}.path-book-reflection{background:#070809b8;padding-right:0}}

/* PATH Library / Steppenwolf: real edition cover and atmospheric Magic Theatre */
.path-book-cover-real{padding:0;overflow:hidden;background:#191615;border:1px solid #786a55}
.path-book-cover-real img{width:100%;height:100%;object-fit:cover;display:block;color:#e8d7b8;font:16px Georgia,serif}
.path-book-feature-cover{width:132px;max-width:30%;height:auto;float:right;margin:-32px 0 18px 25px;box-shadow:0 20px 42px #000c;border:1px solid #b7a08355}
.path-book-feature-content{max-width:730px}
.path-book-stage{background:radial-gradient(ellipse at 75% 39%,#6e4133 0%,#271e24 25%,#090b0e 68%,#040608 100%)}
.path-book-stage:before{background:linear-gradient(90deg,#050607 0%,#05060799 43%,transparent 76%),linear-gradient(0deg,#060708 0%,transparent 22%)}
.path-book-village{position:absolute;right:0;top:0;width:67%;height:100%;opacity:.22;filter:sepia(.6) blur(1.5px);background:linear-gradient(180deg,#6d6b61 0%,#4c4c43 30%,#171c1a 42%,#11110e 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.path-book-village-roof{position:absolute;top:32%;right:4%;width:47%;height:31%;background:#161b1a;clip-path:polygon(0 30%,52% 0,100% 30%,100% 100%,0 100%)}
.path-book-village-roof.second{right:49%;top:39%;width:35%;height:25%;opacity:.8}
.path-book-village-horizon{position:absolute;top:59%;width:100%;height:3px;background:#b7aa86;filter:blur(5px)}
.path-book-corridor{position:absolute;inset:0;right:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 12%,#110e0d77 12.2% 12.5%,transparent 13% 24%);mask-image:linear-gradient(90deg,transparent 34%,black 67%)}
.path-book-corridor-door{position:absolute;display:block;border:8px solid #100f12;outline:1px solid #b97e58aa;background:linear-gradient(145deg,#a8654033,#151019 45%,#090a0e);box-shadow:0 0 35px #d48c3b4f,inset 0 0 30px #bd704955}
.corridor-door-one{right:48%;top:29%;width:9%;height:28%;opacity:.4;transform:perspective(600px) rotateY(22deg)}
.corridor-door-two{right:35%;top:23%;width:13%;height:39%;opacity:.65;transform:perspective(600px) rotateY(14deg)}
.corridor-door-three{right:3%;top:12%;width:16%;height:59%;opacity:.75;transform:perspective(600px) rotateY(-18deg)}
.path-book-stage-door{right:15%;top:15%;width:21%;height:63%;border-color:#171719;outline:2px solid #d1a263;box-shadow:0 0 22px #ffc272aa,0 0 130px #c5684b77,inset 0 0 110px #e69d4b55;background:linear-gradient(135deg,#c177454d,#3c2330 40%,#0c1014 90%)}
.path-book-stage-door:before{content:"";position:absolute;inset:-5%;border:1px solid #e7b36e55;filter:blur(5px)}
.path-book-stage-grain{position:absolute;inset:0;opacity:.16;pointer-events:none;background:repeating-linear-gradient(0deg,#fff2 0 1px,transparent 1px 4px);mix-blend-mode:soft-light}
@media(max-width:800px){.path-book-feature-cover{width:90px;margin:-14px 0 12px 12px}.path-book-stage-door{right:6%;width:37%;height:36%;opacity:.7}.path-book-corridor{opacity:.65}.path-book-village{width:100%}}

/* Contextual links in PATH editorial text */
.path-book-reflection .path-context-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(233,199,136,.62);text-underline-offset:.19em;text-decoration-thickness:1px;transition:color .2s ease,text-decoration-color .2s ease}
.path-book-reflection .path-context-link:hover,.path-book-reflection .path-context-link:focus-visible{color:#f5d5a1;text-decoration-color:currentColor}
/* Future cross-reference: intentionally not clickable until destination exists */
.path-book-reflection .path-future-link{color:inherit}

/* 0.8.82: PATH Scrapbook and first entry, Sigoules */
.path-scrapbook-home{background:radial-gradient(ellipse at 78% 15%,rgba(166,133,75,.12),transparent 48%),#0c0e0e;}
.path-scrapbook-home .path-panel-lead{max-width:700px}.scrapbook-intro{max-width:650px;color:#c2bcb0;line-height:1.8;margin:16px 0 35px}
.scrapbook-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:28px;max-width:1000px;margin-top:26px}
.scrapbook-card{min-height:380px;padding:24px;background:#1c1b19;border:1px solid #50483c;display:flex;flex-direction:column;text-decoration:none;color:#eee8d9;position:relative;box-shadow:8px 11px 0 rgba(0,0,0,.25);transform:rotate(-.5deg);transition:transform .2s,border-color .2s}
a.scrapbook-card:hover{transform:rotate(0) translateY(-4px);border-color:#c9ac76}.scrapbook-stamp,.scrapbook-note-label{font-size:10px;letter-spacing:.19em;color:#c5a778;font-weight:700}.scrapbook-card strong{font-size:clamp(25px,3vw,36px);font-family:Georgia,serif;font-weight:400;margin-top:15px}.scrapbook-card small{color:#bdb5a5;font-size:14px;margin:8px 0 20px}.scrapbook-card em{font-style:normal;letter-spacing:.14em;font-size:10px;margin-top:auto;color:#e5c999}.scrapbook-card-future{background:repeating-linear-gradient(-15deg,#171a19,#171a19 9px,#191b19 10px);transform:rotate(1deg);justify-content:center}.scrapbook-future-mark{font-size:70px;color:#aa9270;margin:30px 0 8px}.scrapbook-postcard{display:block;height:180px;margin-top:20px;position:relative;overflow:hidden;background:linear-gradient(180deg,#8d9d99 0%,#d1bc93 55%,#6e7a65 56%,#4c604b 100%);filter:saturate(.68);border:9px solid #e6dcc5;box-shadow:0 4px 18px #0008}.scrapbook-postcard-sun{position:absolute;width:65px;height:65px;border-radius:50%;top:15px;right:20%;background:#e6d4a6;box-shadow:0 0 45px #e4c48a}.scrapbook-postcard-hills{position:absolute;bottom:-30%;left:-10%;width:130%;height:75%;border-radius:50% 50% 0 0;background:#677760;transform:rotate(-7deg)}.scrapbook-postcard-house{position:absolute;bottom:18%;left:25%;width:100px;height:60px;background:#b7a18a;box-shadow:120px 20px 0 -16px #c8ad8a}.scrapbook-postcard-house:before{content:'';position:absolute;top:-32px;left:-8px;border-left:58px solid transparent;border-right:58px solid transparent;border-bottom:38px solid #66564d}.scrapbook-postcard-house:after{content:'';position:absolute;bottom:0;left:35px;width:20px;height:35px;background:#514d44;box-shadow:43px -12px 0 -4px #625f50}
.scrapbook-story{background:radial-gradient(ellipse at 75% 25%,#28251e 0%,#111414 56%,#090c0d 100%);min-height:90vh}.scrapbook-story-nav{display:flex;justify-content:space-between;gap:20px;margin-bottom:42px;max-width:1150px;color:#b49c74;font-size:11px;letter-spacing:.12em}.scrapbook-story-nav a{color:#dfc6a0;text-decoration:none}.scrapbook-story-nav a:hover{text-decoration:underline}.scrapbook-story-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.8fr);gap:clamp(28px,5vw,85px);max-width:1150px}.scrapbook-story h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,6vw,78px);margin:12px 0}.scrapbook-story-subtitle{color:#d0b48d;font-size:17px;font-style:italic;margin:0 0 32px}.scrapbook-story-text{max-width:710px}.scrapbook-story-text p{font-size:clamp(15px,1.4vw,18px);line-height:1.9;color:#ddd8cf;margin:0 0 23px}.scrapbook-story-text .scrapbook-signature{font-size:13px;letter-spacing:.24em;color:#ddc5a2;font-weight:700;margin-top:25px}.scrapbook-story-side{padding-top:30px}.scrapbook-postcard-large{height:275px;transform:rotate(2deg);margin:0 0 45px}.scrapbook-postcard-caption{position:absolute;bottom:0;left:0;right:0;background:#e6dcc5;color:#5d5548;text-align:center;font:12px Georgia,serif;letter-spacing:.18em;padding:10px}.scrapbook-photo-note{padding:22px 25px;background:#262620;transform:rotate(-2deg);border:1px solid #514d3e}.scrapbook-photo-note p,.scrapbook-connection p{color:#d1c7b8;line-height:1.7;font-size:14px}.scrapbook-connection{margin-top:35px;padding:20px 0;border-top:1px solid #675841}.scrapbook-connection a{color:#e4c89a;text-decoration:underline;text-underline-offset:4px}.scrapbook-connection a:hover{color:white}
@media(max-width:760px){.scrapbook-grid,.scrapbook-story-layout{grid-template-columns:1fr}.scrapbook-card{min-height:320px}.scrapbook-story-nav{flex-direction:column}.scrapbook-story-side{padding-top:0}.scrapbook-postcard-large{max-width:480px}}

/* 0.8.83: Replace Sigoulès CSS postcards with the supplied, permission-cleared village photograph. */
.scrapbook-postcard-photo{display:block;position:relative;overflow:hidden;background:#252522;}
.scrapbook-postcard-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.scrapbook-postcard-photo.scrapbook-postcard-large{margin:0;}
.scrapbook-postcard-photo.scrapbook-postcard-large img{min-height:280px;max-height:560px;object-fit:cover;}
.scrapbook-postcard-photo .scrapbook-postcard-caption{position:absolute;bottom:0;left:0;right:0;z-index:2;}

/* 0.8.84: Sigoules personal-photo scrapbook, other sections unchanged */
.sigoules-memory-gallery{max-width:1150px;margin:65px auto 10px;padding-top:38px;border-top:1px solid rgba(197,167,120,.25)}
.sigoules-gallery-heading h3{font:normal clamp(28px,3.6vw,43px) Georgia,serif;color:#f0e7d8;margin:10px 0}
.sigoules-gallery-heading p{color:#bdb3a4;font-size:15px;margin:0 0 35px;line-height:1.7}
.sigoules-photo-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px 23px;padding:8px 12px 25px}
.sigoules-snapshot{background:#e6dcc5;padding:9px 9px 12px;box-shadow:5px 10px 24px #0008;margin:0;min-width:0}
.sigoules-snapshot img{width:100%;height:auto;display:block;object-fit:contain}
.sigoules-snapshot figcaption{font:italic 15px Georgia,serif;color:#544b40;text-align:center;padding:11px 5px 3px}
.sigoules-snapshot-one{grid-column:1 / span 6;transform:rotate(-2deg)}
.sigoules-snapshot-two{grid-column:7 / span 6;transform:rotate(2deg);margin-top:35px}
.sigoules-snapshot-three{grid-column:2 / span 4;transform:rotate(2deg);margin-top:8px}
.sigoules-snapshot-four{grid-column:6 / span 7;transform:rotate(-1.5deg);margin-top:20px}
@media(max-width:700px){.sigoules-photo-grid{grid-template-columns:1fr 1fr;gap:22px 12px;padding:6px}.sigoules-snapshot-one,.sigoules-snapshot-two,.sigoules-snapshot-three,.sigoules-snapshot-four{grid-column:auto;margin-top:0;transform:rotate(0)}.sigoules-snapshot figcaption{font-size:12px}.sigoules-snapshot{padding:6px 6px 8px}}
@media(max-width:450px){.sigoules-photo-grid{grid-template-columns:1fr}.sigoules-snapshot{max-width:430px}}

/* 0.8.85: add fifth personal snapshot to Sigoulès scrapbook */
.sigoules-snapshot-five{grid-column:3 / span 8;transform:rotate(1.2deg);margin-top:12px}
@media(max-width:700px){.sigoules-snapshot-five{grid-column:1 / -1;transform:none;margin-top:0}}

/* 0.8.86: compact postcards beside the Sigoulès village photo. Only Sigoulès page affected. */
@media(min-width:1050px){.scrapbook-story-layout{max-width:1440px;grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr);gap:clamp(25px,3.5vw,60px)}.scrapbook-story-nav{max-width:1440px}}
.sigoules-postcard-collection{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:19px;align-items:start;overflow:visible}
.sigoules-postcard-collection .scrapbook-postcard-large{height:260px;margin:14px 0 0;transform:rotate(-2deg);min-width:0}
.sigoules-mini-gallery{position:relative;min-width:0}
.sigoules-mini-heading{font-size:10px;letter-spacing:.12em;color:#ddc6a2;margin:0 0 14px;line-height:1.6}
.sigoules-mini-heading span{display:block;color:#a99c87;font-size:9px}
.sigoules-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;align-items:center;overflow:visible}
.sigoules-mini-card{position:relative;display:block;min-width:0;aspect-ratio:1.4;background:#e6dcc5;padding:6px 6px 12px;box-shadow:3px 5px 14px #0009;transform:rotate(-3deg);transition:transform .22s ease,box-shadow .22s ease;transform-origin:center;z-index:1;outline-offset:3px}
.sigoules-mini-card:nth-child(2n){transform:rotate(4deg)}
.sigoules-mini-card:nth-child(3n){transform:rotate(-1deg)}
.sigoules-mini-card img{width:100%;height:100%;object-fit:cover;display:block}
.sigoules-mini-card:hover,.sigoules-mini-card:focus-visible{transform:scale(1.85) rotate(0deg);z-index:20;box-shadow:8px 15px 30px #000c}
.sigoules-mini-card:nth-child(2n):hover,.sigoules-mini-card:nth-child(2n):focus-visible{transform:translateX(-12%) scale(1.85) rotate(0deg)}
.sigoules-postcard-collection+.scrapbook-connection{margin-top:32px}
@media(max-width:1250px){.sigoules-postcard-collection{grid-template-columns:1fr}.sigoules-postcard-collection .scrapbook-postcard-large{height:230px;max-width:380px}.sigoules-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sigoules-mini-card:hover,.sigoules-mini-card:focus-visible{transform:scale(1.4) rotate(0deg)}.sigoules-mini-card:nth-child(2n):hover,.sigoules-mini-card:nth-child(2n):focus-visible{transform:scale(1.4) rotate(0deg)}}
@media(max-width:760px){.sigoules-postcard-collection{grid-template-columns:1fr 1fr}.sigoules-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sigoules-mini-card:hover,.sigoules-mini-card:focus-visible{transform:scale(1.25) rotate(0deg)}}
@media(max-width:520px){.sigoules-postcard-collection{grid-template-columns:1fr}.sigoules-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sigoules-mini-heading span{display:none}.sigoules-mini-card:hover,.sigoules-mini-card:focus-visible{transform:scale(1.12) rotate(0deg)}}
@media(prefers-reduced-motion:reduce){.sigoules-mini-card{transition:none}}


/* 0.8.87: PATH Scrapbook recipe entry */
.scrapbook-card-recipe{transform:rotate(1deg)}
.scrapbook-card-recipe .scrapbook-postcard{background:#d8d3c9}
.scrapbook-card-recipe .scrapbook-postcard img{width:100%;height:100%;object-fit:cover;display:block}
.scrapbook-recipe-photo{padding:9px 9px 0;background:#e8dfcf;transform:rotate(2deg);box-shadow:8px 12px 0 #0005}
.scrapbook-recipe-photo img{width:100%;display:block;aspect-ratio:821/462;object-fit:cover}
.scrapbook-recipe-photo span{display:block;color:#514636;text-align:center;padding:15px;font:12px Georgia,serif;letter-spacing:.2em}
.scrapbook-recipe-links{margin-top:40px;padding:24px;background:#24231f;border:1px solid #514b40;transform:rotate(-1deg)}
.scrapbook-recipe-links>a{display:flex;flex-direction:column;gap:9px;margin-top:22px;padding:18px;border:1px solid #65563d;text-decoration:none;color:#eee6d7;transition:background .2s,border-color .2s}
.scrapbook-recipe-links>a:hover{background:#353025;border-color:#c9ac76}
.scrapbook-recipe-links>a span{font-size:10px;letter-spacing:.15em;color:#d6b982}
.scrapbook-recipe-links>a strong{font:21px Georgia,serif;font-weight:400}
.scrapbook-recipe-links>a small{color:#b9ae9c}
.scrapbook-recipe-credit{font-size:11px;line-height:1.6;color:#a99f90;margin-top:22px}
.scrapbook-recipe-tips{margin:32px 0;padding:26px 28px;background:#27241e;border:1px solid #5c4b33;transform:rotate(-.4deg)}
.scrapbook-recipe-tips h3{font:20px Georgia,serif;letter-spacing:.09em;color:#e1c394;margin:0 0 20px}
.scrapbook-recipe-tips p{font-size:15px;line-height:1.7;margin-bottom:13px}
.scrapbook-recipe-tips strong{color:#f0d5a6}
@media(max-width:800px){.scrapbook-recipe-story .scrapbook-story-side{padding-top:10px}.scrapbook-recipe-links{transform:none}}

/* 0.8.88: River Kwai postcards in Thai Green Curry sidebar */
.scrapbook-recipe-postcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0 0;padding:7px 5px 12px;align-items:start;isolation:isolate}
.scrapbook-recipe-mini-card{min-width:0;display:block;background:#e9dfcc;padding:7px 7px 0;color:#4f4538;text-decoration:none;box-shadow:4px 7px 14px #0008;position:relative;transition:transform .25s ease,box-shadow .25s ease;transform-origin:center center;z-index:1}
.scrapbook-recipe-mini-card img{display:block;width:100%;height:155px;object-fit:cover}
.scrapbook-recipe-mini-restaurant{transform:rotate(-3deg)}
.scrapbook-recipe-mini-restaurant img{object-position:center 42%}
.scrapbook-recipe-mini-menu{transform:rotate(3deg)}
.scrapbook-recipe-mini-menu img{object-position:center center}
.scrapbook-recipe-mini-card span{display:block;text-align:center;font:10px Georgia,serif;letter-spacing:.1em;padding:10px 3px}
.scrapbook-recipe-mini-card:hover,.scrapbook-recipe-mini-card:focus-visible{transform:rotate(0deg) scale(1.22);box-shadow:8px 15px 26px #000b;z-index:5;outline:1px solid #d6bc90}
@media(max-width:650px){.scrapbook-recipe-mini-card img{height:clamp(130px,38vw,210px)}.scrapbook-recipe-mini-card:hover,.scrapbook-recipe-mini-card:focus-visible{transform:rotate(0deg) scale(1.07)}}
@media(prefers-reduced-motion:reduce){.scrapbook-recipe-mini-card{transition:none}}

/* 0.8.90: The baked-in POSITIVITY in the hero artwork has been removed. */

/* 0.8.91: Restore the SCRAPBOOK label suppressed by legacy 0.8.23 rule.
   The lettering was removed from the background in 0.8.90. */
.hero .hotspot.scrapbook::after {
  content: 'SCRAPBOOK' !important;
  display: block !important;
  position: absolute;
  top: calc(100% + 5%);
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  color: #f4f2ec;
  font: 400 clamp(11px,1.35vw,21px)/1.2 Georgia,'Times New Roman',serif;
  letter-spacing: .09em;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  z-index: 11;
}

@media(max-width:760px){.hero .hotspot.scrapbook::after{font-size:clamp(8px,1.65vw,12px)}}


/* 0.8.93: The homepage labels are part of the background artwork.
   Match their exact native-image scale rather than using a smaller CSS overlay. */
.hero .hotspot.scrapbook::after{content:none!important;display:none!important}

/* 0.8.94: Tess Barnes art entry */
.path-art-gallery .path-art-tile{display:flex;align-items:center;gap:clamp(18px,4vw,55px);max-width:920px;margin-top:32px;padding:17px;background:#24221e;border:1px solid #5b5042;color:#ede8dc;text-decoration:none;transition:border-color .2s,transform .2s}
.path-art-gallery .path-art-tile:hover{border-color:#c7a878;transform:translateY(-3px)}
.path-art-tile img{display:block;width:44%;max-height:260px;object-fit:cover}
.path-art-tile span{display:flex;flex-direction:column;gap:13px}
.path-art-tile small{color:#c7ab7b;letter-spacing:.14em;font-size:10px}
.path-art-tile strong{font:clamp(26px,3vw,43px) Georgia,serif;font-weight:400}
.path-art-tile em{font-style:normal;font-size:11px;letter-spacing:.12em;color:#d7bc8c}
.path-art-story{max-width:1250px;margin-inline:auto}
.path-art-story h2{font:400 clamp(43px,6vw,79px) Georgia,serif;margin:15px 0 12px}
.path-art-subtitle{color:#d5b68c;font:italic clamp(15px,2vw,21px) Georgia,serif;margin-bottom:32px}
.path-art-feature{margin:0 0 45px;max-width:1120px;padding:14px 14px 0;background:#e8e0d3;box-shadow:12px 14px 0 #0004;transform:rotate(-.35deg)}
.path-art-feature a{display:block;overflow:hidden}
.path-art-feature img{display:block;width:100%;height:auto;transition:transform .3s}
.path-art-feature a:hover img{transform:scale(1.012)}
.path-art-feature figcaption{color:#514a3d;display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;padding:16px 8px;font:14px Georgia,serif}
.path-art-feature figcaption span{font:10px Arial,sans-serif;letter-spacing:.13em}
.path-art-prose{max-width:780px;margin:50px auto 0}
.path-art-prose p{font-size:clamp(16px,1.4vw,19px);line-height:1.9;color:#e1dbd0;margin:0 0 24px}
.path-art-prose .path-art-signature{font-size:13px;letter-spacing:.24em;color:#ddc5a2;font-weight:700;margin-top:30px}
.path-art-connections{max-width:780px;margin:45px auto 0;padding:26px 28px;border:1px solid #514739;background:#24221e;display:flex;flex-direction:column;gap:16px}
.path-art-connections a{color:#e1c494;text-decoration:none;font-size:15px}
.path-art-connections a:hover{text-decoration:underline}
@media(max-width:680px){.path-art-gallery .path-art-tile{flex-direction:column;align-items:stretch}.path-art-tile img{width:100%;max-height:none}.path-art-feature{padding:7px 7px 0}.path-art-feature figcaption{font-size:12px}}

/* 0.8.95: Art feature - painting and text visible together on arrival. */
.path-art-side-by-side{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:start;gap:clamp(26px,3.6vw,58px);max-width:1260px;margin:30px auto 0}
.path-art-side-by-side .path-art-feature{margin:0;max-width:none;padding:10px 10px 0;position:sticky;top:24px}
.path-art-side-by-side .path-art-feature img{width:100%;height:auto;display:block}
.path-art-side-by-side .path-art-feature figcaption{padding:13px 5px;font-size:12px}
.path-art-side-by-side .path-art-prose{max-width:none;margin:0}
.path-art-side-by-side .path-art-prose p{font-size:clamp(15px,1.24vw,18px);line-height:1.75;margin:0 0 20px}
.path-art-story .path-art-connections{max-width:1260px;margin:46px auto 0}
@media(max-width:760px){.path-art-side-by-side{grid-template-columns:1fr;gap:32px}.path-art-side-by-side .path-art-feature{position:static;max-width:620px}.path-art-side-by-side .path-art-prose{max-width:720px}}

/* 0.8.96 painting crop and same-page enlargement */
.path-art-feature .path-art-zoom-trigger{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in}
.path-art-feature .path-art-zoom-trigger img{width:100%;height:auto;display:block}
.path-art-lightbox{position:fixed;inset:0;max-width:min(95vw,1500px);max-height:94vh;padding:44px 16px 12px;overflow:auto;border:1px solid #7c705f;background:#191815;color:#e8ddca;box-shadow:0 20px 80px #000b}
.path-art-lightbox::backdrop{background:rgba(0,0,0,.88)}
.path-art-lightbox img{display:block;max-width:100%;max-height:calc(94vh - 105px);height:auto;width:auto;margin:auto;object-fit:contain}
.path-art-lightbox p{margin:10px 0 0;text-align:center;font:13px Georgia,serif}
.path-art-lightbox-close{position:absolute;right:12px;top:7px;color:#f4e9d9;background:transparent;border:0;cursor:pointer;font:28px Arial,sans-serif}
.path-art-lightbox-close span{font:10px Arial,sans-serif;letter-spacing:.12em;vertical-align:middle}
.path-art-prose .path-context-link{color:#e6c48e;text-decoration:underline;text-underline-offset:3px}

/* 0.8.97 - The Spirit of Youth: twenty personal photographs, behind the unaltered lyrics */
.spirit-sheet .spirit-lyric-canvas{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(220,200,160,.2);background:#171411;margin:24px 0 28px}
.spirit-memory-wall{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:7px;opacity:.60;filter:saturate(.72) sepia(.15);transform:scale(1.035);pointer-events:none}
.spirit-memory-wall img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;box-shadow:0 0 18px #0006}
.spirit-memory-wall img:nth-child(3n){filter:sepia(.25)}
.spirit-memory-wall img:nth-child(5n){filter:grayscale(.45)}
.spirit-lyric-canvas::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(9,9,10,.88) 0%,rgba(9,9,10,.76) 55%,rgba(9,9,10,.65) 100%);pointer-events:none}
.spirit-lyrics-overlay{position:relative;z-index:1;padding:38px clamp(20px,6%,65px)}
.spirit-lyrics-overlay .words-lyrics{color:#f6f0e7;text-shadow:0 2px 7px #000,0 1px 2px #000}
.spirit-lyrics-overlay .lyric-stanza{color:inherit}
@media(max-width:700px){.spirit-memory-wall{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));gap:4px}.spirit-lyric-canvas::after{background:rgba(7,7,8,.80)}.spirit-lyrics-overlay{padding:22px 18px}}

/* 0.8.98: Shared-memory collage spans heading, lyrics and reflection. */
#words-spirit-of-youth .spirit-sheet{position:relative;isolation:isolate;overflow:hidden;background:#151310;border:1px solid rgba(220,200,160,.20);padding:clamp(18px,3vw,36px)}
#words-spirit-of-youth .spirit-sheet>.spirit-memory-wall{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:7px;opacity:.22;filter:saturate(.65) sepia(.16);transform:scale(1.015);pointer-events:none}
#words-spirit-of-youth .spirit-sheet::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,10,.88),rgba(8,8,10,.82));pointer-events:none}
#words-spirit-of-youth .spirit-sheet>.words-song-heading,#words-spirit-of-youth .spirit-sheet>.words-insight{position:relative;z-index:1}
#words-spirit-of-youth .spirit-lyric-canvas{background:transparent;border:0;overflow:visible;margin:14px 0 22px}
#words-spirit-of-youth .spirit-lyric-canvas::after{display:none}
#words-spirit-of-youth .spirit-lyrics-overlay{padding:12px clamp(8px,2vw,24px)}
#words-spirit-of-youth .spirit-sheet>.words-insight{background:rgba(10,10,11,.70);backdrop-filter:blur(2px)}
@media(max-width:700px){#words-spirit-of-youth .spirit-sheet>.spirit-memory-wall{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr))}#words-spirit-of-youth .spirit-sheet::before{background:rgba(8,8,10,.79)}}
/* 0.8.100: keep the framed painting level within its story layout. */
#art-sigoules-winter .path-art-feature { transform: none; }

/* 0.8.101: unobtrusive route back from Inspiration categories */
.inspiration-return{display:inline-block;margin:0 0 1.3rem;color:#bdbdbd;text-decoration:none;font-size:11px;letter-spacing:.13em;line-height:1.6;transition:color .2s ease}
.inspiration-return:hover,.inspiration-return:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:5px}

/* 0.8.103: Hadrian's Way Scrapbook entry only */
.scrapbook-card-cycle{transform:rotate(-.8deg)}
.scrapbook-card-cycle .scrapbook-postcard img{width:100%;height:100%;object-fit:cover;display:block}
.scrapbook-cycle-story .hadrians-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.95fr);gap:clamp(24px,4vw,62px);max-width:1300px;align-items:start}
.scrapbook-cycle-story .hadrians-hero{margin:8px 0 0;padding:12px 12px 0;background:#e9dec7;transform:rotate(1deg);box-shadow:9px 12px 22px #0007}
.scrapbook-cycle-story .hadrians-hero img{width:100%;display:block;height:auto}
.scrapbook-cycle-story .hadrians-hero figcaption{color:#524639;font:11px Georgia,serif;letter-spacing:.13em;padding:13px 4px;text-align:center}
.hadrians-map-block{max-width:1220px;margin:48px auto 35px}
.hadrians-map-block>a{display:block;margin-top:14px;background:#e4d3af;padding:9px;box-shadow:0 8px 25px #0007}
.hadrians-map-block img{width:100%;height:auto;display:block}
.hadrians-map-caption{color:#cfc1aa;font-size:13px;line-height:1.6}.hadrians-map-caption a{color:#ebce9c}
.hadrians-second-copy{max-width:920px;margin:35px auto 45px}
.hadrians-gallery{max-width:1250px;margin:42px auto 55px}
.hadrians-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:18px}
.hadrians-photo-grid a{display:block;position:relative;padding:7px 7px 28px;background:#e4dac6;text-decoration:none;box-shadow:4px 7px 13px #0008;transition:transform .2s}
.hadrians-photo-grid a:nth-child(3n){transform:rotate(1.5deg)}.hadrians-photo-grid a:nth-child(4n){transform:rotate(-1.3deg)}.hadrians-photo-grid a:hover{transform:translateY(-6px) rotate(0);z-index:2}
.hadrians-photo-grid img{display:block;width:100%;height:170px;object-fit:cover}.hadrians-photo-grid span{position:absolute;bottom:7px;left:10px;color:#514b42;font:12px Georgia,serif}
.hadrians-videos{max-width:1120px;margin:40px auto;display:grid;grid-template-columns:1.3fr .8fr;gap:35px;align-items:start}
.hadrians-videos h3{font:normal clamp(23px,3vw,36px) Georgia,serif;margin:10px 0 18px;color:#eee2ce}
.hadrians-videos video{display:block;width:100%;max-height:520px;background:#000;border:1px solid #655943}
@media(max-width:800px){.scrapbook-cycle-story .hadrians-opening,.hadrians-videos{grid-template-columns:1fr}.hadrians-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hadrians-photo-grid img{height:140px}}
@media(max-width:480px){.hadrians-photo-grid{gap:10px}.hadrians-photo-grid img{height:110px}}

/* 0.8.104: Scrapbook-only desktop layout balance. No changes to site content. */
@media (min-width: 1050px) {
  .scrapbook-story { padding-left:clamp(32px,4vw,85px); padding-right:clamp(32px,4vw,85px); }
  .scrapbook-story .scrapbook-story-nav { max-width:1650px; margin-left:auto; margin-right:auto; }
  .scrapbook-story .scrapbook-story-layout { max-width:1650px; margin-left:auto; margin-right:auto; grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr); gap:clamp(34px,4vw,76px); }
  .scrapbook-story .scrapbook-story-text { max-width:690px; }
  .scrapbook-cycle-story > .eyebrow, .scrapbook-cycle-story > h2, .scrapbook-cycle-story > .scrapbook-story-subtitle { max-width:1650px; margin-left:auto; margin-right:auto; }
  .scrapbook-cycle-story .hadrians-opening { max-width:1650px; margin-left:auto; margin-right:auto; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
  .scrapbook-cycle-story .hadrians-map-block { max-width:1510px; }
  .scrapbook-cycle-story .hadrians-gallery { max-width:1550px; }
  .scrapbook-cycle-story .hadrians-videos { max-width:1480px; }
}

/* 0.8.105: Refine Hadrian's Way flow and in-page Scrapbook image interactions. */
@media(min-width:901px){
 .scrapbook-cycle-story .hadrians-opening{grid-template-columns:minmax(0,1.1fr) minmax(0,.72fr);gap:clamp(28px,4vw,65px);align-items:start}
 .scrapbook-cycle-story .hadrians-hero{max-width:490px;justify-self:start;margin-top:12px}
 .scrapbook-cycle-story .hadrians-map-block{max-width:min(100%,1030px);margin:36px auto 38px}
 .scrapbook-cycle-story .hadrians-lower-layout{max-width:1650px;margin:30px auto 42px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:clamp(34px,4vw,76px);align-items:start}
 .scrapbook-cycle-story .hadrians-second-copy{max-width:690px;margin:0}
 .scrapbook-cycle-story .hadrians-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:none;margin:0}
 .scrapbook-cycle-story .hadrians-videos h3{font-size:clamp(17px,1.55vw,24px);min-height:2.4em}
 .scrapbook-cycle-story .hadrians-videos video{width:100%;aspect-ratio:4/3;object-fit:contain;max-height:300px}
}
@media(max-width:900px){.scrapbook-cycle-story .hadrians-lower-layout{display:block}.scrapbook-cycle-story .hadrians-second-copy{margin:30px 0}.scrapbook-cycle-story .hadrians-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scrapbook-cycle-story .hadrians-hero{max-width:520px}.scrapbook-cycle-story .hadrians-map-block{max-width:100%}}
@media(max-width:560px){.scrapbook-cycle-story .hadrians-videos{grid-template-columns:1fr}}
.scrapbook-cycle-story .hadrians-gallery{margin:40px auto 55px}
.scrapbook-cycle-story .hadrians-photo-grid{overflow:visible}
.scrapbook-cycle-story .hadrians-photo-grid a{transform-origin:center;will-change:transform;z-index:1}
.scrapbook-cycle-story .hadrians-photo-grid a:hover,.scrapbook-cycle-story .hadrians-photo-grid a:focus-visible{transform:scale(1.22) rotate(0deg);z-index:25;box-shadow:10px 15px 28px #000b;outline:1px solid #dec99f}
.scrapbook-cycle-story .hadrians-photo-grid a:nth-child(3n):hover,.scrapbook-cycle-story .hadrians-photo-grid a:nth-child(4n):hover{transform:scale(1.22) rotate(0deg)}
.scrapbook-image-lightbox{position:fixed;inset:0;max-width:min(96vw,1500px);max-height:94vh;overflow:auto;padding:48px 20px 18px;background:#191815;border:1px solid #776d5b;color:#e8ddca;box-shadow:0 20px 80px #000c}
.scrapbook-image-lightbox::backdrop{background:rgba(0,0,0,.88)}
.scrapbook-image-lightbox img{display:block;max-width:100%;max-height:calc(94vh - 125px);width:auto;height:auto;margin:0 auto;object-fit:contain}
.scrapbook-lightbox-close{position:absolute;top:9px;right:14px;color:#f4e9d9;background:none;border:0;cursor:pointer;font:28px Arial,sans-serif}
.scrapbook-lightbox-close span{font:10px Arial,sans-serif;letter-spacing:.12em;vertical-align:middle}
.scrapbook-lightbox-caption{text-align:center;font:13px Georgia,serif;color:#cbbda7;margin:14px 0 0}
.scrapbook-story a[href^="assets/"][href$=".jpg"],.scrapbook-story a[href^="assets/"][href$=".jpeg"],.scrapbook-story a[href^="assets/"][href$=".png"]{cursor:zoom-in}
@media(max-width:700px){.scrapbook-cycle-story .hadrians-photo-grid a:hover,.scrapbook-cycle-story .hadrians-photo-grid a:focus-visible{transform:scale(1.07) rotate(0deg)}}
@media(prefers-reduced-motion:reduce){.scrapbook-cycle-story .hadrians-photo-grid a{transition:none}}

/* PATH 0.8.106: Ashtray video only */
.path-video-ashtray video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border:1px solid #393939;margin:20px 0 15px}
.path-video-ashtray p:last-child{margin-bottom:0}
.path-video-ashtray a{color:#a9c8d6;text-decoration:none;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.1em}
.path-video-ashtray a:hover{text-decoration:underline}

/* 0.8.107: understated return navigation for the Ashtray lyric page. */
.ashtray-back-to-videos{display:none;position:relative;z-index:2;width:max-content;max-width:100%;margin:18px 0 12px 22px;font-size:.76rem;letter-spacing:.13em;text-decoration:none;color:inherit;opacity:.72;transition:opacity .2s ease;}
#words-ashtray[open]>.ashtray-back-to-videos{display:block;}
.ashtray-back-to-videos:hover,.ashtray-back-to-videos:focus-visible{opacity:1;text-decoration:underline;}

/* PATH 0.8.108 — listening room preview; no existing styles removed */
.path-listening-room{max-width:1320px;margin-inline:auto;padding-left:clamp(24px,5vw,80px);padding-right:clamp(24px,5vw,80px)}
.listening-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,270px);gap:clamp(24px,5vw,75px);align-items:center;margin:24px 0 38px}
.listening-heading h2{margin:0 0 16px}.listening-heading p{max-width:600px;line-height:1.8;opacity:.75}.listening-heading figure{margin:0}.listening-heading img{width:100%;height:auto;display:block;box-shadow:0 18px 45px #0007}
.listening-player{border:1px solid #ffffff3d;background:linear-gradient(125deg,#ffffff0d,#00000030);padding:clamp(20px,3vw,35px);margin-bottom:32px}
.listening-status{font-size:11px;letter-spacing:.18em;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.listening-dot{width:7px;height:7px;background:#c89c65;border-radius:50%}.listening-pending{opacity:.55;margin-left:auto}
.listening-controls{display:flex;align-items:center;gap:15px;margin:25px 0}.listening-controls button{border:1px solid #ffffff40;background:transparent;color:white;border-radius:50%;width:37px;height:37px;cursor:not-allowed;opacity:.45}.listening-controls .listening-main-play{width:58px;height:58px;font-size:21px}.listening-now{display:flex;flex-direction:column;gap:7px;margin-left:12px}.listening-now span{opacity:.65;font-size:13px}.listening-progress{height:3px;background:#ffffff35}.listening-progress div{height:100%;width:0;background:#c89c65}.listening-note{font-size:12px;opacity:.6;line-height:1.6;margin:15px 0 0}
.listening-tracklist{border-top:1px solid #ffffff40}.listening-track{display:flex;align-items:center;gap:20px;padding:22px 5px;border-bottom:1px solid #ffffff2e}.listening-number{font-size:12px;opacity:.55;min-width:24px}.listening-track>div{flex:1}.listening-track h3{margin:0 0 7px}.listening-track p{margin:0;opacity:.65;font-size:13px;line-height:1.5}.listening-link{font-size:11px;letter-spacing:.08em;white-space:nowrap;color:inherit;text-decoration:none;border-bottom:1px solid #ffffff66;padding-bottom:5px}.listening-link:hover{border-color:white}.listening-future{opacity:.7}.listening-footer{margin-top:28px;line-height:1.8;opacity:.85}.listening-footer a{color:inherit;text-decoration:underline}
@media(max-width:740px){.listening-heading{grid-template-columns:1fr 140px}.listening-track{flex-wrap:wrap}.listening-track>div{flex-basis:calc(100% - 50px)}.listening-link{margin-left:43px}.listening-controls{gap:8px}.listening-now{margin-left:4px}.listening-heading figure{align-self:start}}
@media(max-width:480px){.listening-heading{grid-template-columns:1fr}.listening-heading figure{max-width:180px}.listening-pending{margin-left:0}.listening-now span{font-size:11px}}

/* PATH 0.8.109: album listening controls */
.album-seek-row{display:flex;align-items:center;gap:12px;margin:18px 0 8px}.album-seek-row input[type=range]{accent-color:#d7b07b;cursor:pointer}.album-seek-row #album-seek{flex:1;min-width:60px}.album-seek-row #album-volume{width:90px}.album-seek-row label{font-size:11px;letter-spacing:.12em}.album-track-pick{border:0;background:none;color:inherit;font:inherit;display:flex;align-items:center;gap:16px;text-align:left;cursor:pointer;min-width:0;flex:1;padding:8px 0}.album-track-title{font-size:1rem;font-weight:600}.album-track-play{opacity:.6;font-size:.8rem}.album-track{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.album-active{background:rgba(215,176,123,.12);border-left:3px solid #d7b07b;padding-left:12px}.album-active .album-track-title{color:#e8c89c}.listening-controls button:not(:disabled){cursor:pointer}@media(max-width:650px){.album-track{gap:6px}.album-track-pick{flex-basis:100%}.album-seek-row #album-volume{width:60px}}

/* 0.8.110: contextual return from album lyrics */
.lyrics-back-to-songs{display:none;position:relative;z-index:3;margin:0 0 1rem;padding:.45rem 0;text-decoration:none;letter-spacing:.1em;font-size:.75rem;font-weight:700;color:#d8c09d}
#path-words.lyrics-from-album .words-song-details[open] > .lyrics-back-to-songs{display:inline-block}
.lyrics-back-to-songs:hover{text-decoration:underline}

/* PATH 0.8.111: Music landing buttons and return navigation */
.path-music-actions{flex-wrap:wrap;align-items:stretch}
.path-music-actions a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:225px;min-height:76px;padding:12px 18px;font-size:13px;line-height:1.4}
.path-music-actions img{width:48px;height:48px;object-fit:cover;flex:none;border:1px solid #777}
.path-music-actions span{text-align:left}
.back-to-music-landing{display:inline-block;margin:12px 0 24px;color:#ddd;text-decoration:none;font-size:12px;letter-spacing:.08em;border-bottom:1px solid #666;padding-bottom:5px}
.back-to-music-landing:hover,.back-to-music-landing:focus{color:#fff;border-bottom-color:#fff}
@media(max-width:560px){.path-music-actions a{width:100%;min-width:0;justify-content:flex-start}}

/* 0.8.112: About biography and quiet photographic backdrop. */
#about.path-about-panel{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:75vh;padding-top:clamp(75px,9vw,135px);padding-bottom:clamp(90px,10vw,150px);background:#0b0b0b}
#about .path-about-portraits{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#about .path-about-portraits img{position:absolute;top:4%;width:clamp(250px,32vw,520px);height:clamp(390px,56vw,760px);object-fit:cover;filter:grayscale(1);opacity:.115;mask-image:radial-gradient(ellipse at center,black 18%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at center,black 18%,transparent 73%)}
#about .path-about-portraits img:first-child{left:-4%;object-position:center top}
#about .path-about-portraits img:last-child{right:-4%;top:13%;object-position:center top}
#about .path-about-content{position:relative;max-width:900px;margin:0 auto}
#about .path-about-content h1{margin-bottom:clamp(30px,5vw,60px)}
#about .path-about-biography p{max-width:780px;font-size:clamp(17px,1.35vw,21px);line-height:1.8;color:#e0ded9;margin:0 0 1.45em;text-wrap:pretty}
#about .path-about-biography em{color:#f2eee6}
@media(max-width:760px){#about .path-about-portraits img{width:60vw;height:78vw;opacity:.075;top:4%}#about .path-about-portraits img:first-child{left:-18%}#about .path-about-portraits img:last-child{right:-18%;top:17%}#about .path-about-biography p{font-size:17px;line-height:1.7}}