.song-page{--song-tint:rgba(215,164,99,.17);--song-sea:#41635e;overflow:clip}
.song-page[data-track="where-my-mind-goes"]{--song-tint:rgba(100,148,145,.16)}
.song-page[data-track="in-the-quiet-i-am-found"]{--song-tint:rgba(168,144,168,.15)}
.song-page[data-track="we-are-not-alone"]{--song-tint:rgba(134,151,165,.17)}
.song-page[data-track="love-is-a-doorway-reggae"]{--song-tint:rgba(139,158,114,.18)}
.song-page .song-wrap{max-width:1400px}
.song-page .listening-room{padding-bottom:90px;background:radial-gradient(ellipse at 10% 45%,var(--song-tint),transparent 58%),var(--dawn-bg)}
.song-page .song-wayfinding{padding-block:24px 35px;gap:16px;font-size:13px}
.song-page .song-wayfinding .room-label{font-size:10px;letter-spacing:.2em;color:var(--muted)}
.song-page .song-index{font-size:11px;letter-spacing:.12em;white-space:nowrap}
.song-page .listening-grid{grid-template-columns:minmax(0,.98fr) minmax(0,1.08fr);grid-template-rows:auto 1fr;gap:28px clamp(42px,6vw,86px);align-items:start}
.song-page .listening-heading{padding-top:10px}
.song-page .listening-heading .eyebrow{font-size:11px;letter-spacing:.14em;line-height:1.7;margin-bottom:18px}
.song-page .listening-heading h1{font-size:clamp(58px,5.5vw,82px);line-height:1.02;letter-spacing:-.025em;max-width:640px;text-wrap:balance}
.song-page .song-dedication{font-size:17px;line-height:1.65;margin-top:19px;max-width:450px;color:var(--dawn-text)}
.song-page .listening-art{width:100%;margin:0;max-width:520px;justify-self:start}
.song-page .record-sleeve{padding:11px;background:rgba(255,250,242,.84);border:1px solid rgba(84,66,39,.16);border-radius:5px;box-shadow:0 22px 45px -25px rgba(83,61,36,.32),0 1px 0 rgba(255,255,255,.9) inset;position:relative}
.song-page .record-sleeve::before{content:"";position:absolute;inset:7px;border:1px solid rgba(117,100,73,.12);border-radius:2px;pointer-events:none}
.song-page .record-sleeve img{width:100%;aspect-ratio:1;height:auto;object-fit:contain;border-radius:1px;box-shadow:0 1px 4px rgba(45,33,17,.14);background:var(--dawn-sand)}
.song-page .listening-art figcaption{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;letter-spacing:.02em;line-height:1.6;padding-top:18px;color:var(--dawn-text)}
.song-page .sleeve-mark{width:6px;height:6px;background:var(--song-sea);border-radius:50%;flex:none}
.song-page .listening-body{max-width:640px;width:100%;margin:0}
.song-page .song-console{padding:9px 24px 20px;border:1px solid rgba(77,82,63,.2);border-radius:14px;background:rgba(255,250,242,.9);box-shadow:0 15px 35px -27px rgba(65,51,30,.3);transition:border-color .2s,box-shadow .2s}
.song-page .console-top{margin-bottom:8px}
.song-page .console-top .eyebrow{font-size:10px;letter-spacing:.1em;color:#54645c}
.song-page .console-top .icon-button{color:var(--song-sea)}
.song-page .console-buttons{gap:22px}
.song-page .song-primary{background:#233e3c;color:#fffaf2;min-height:58px;min-width:180px;font-size:15px;box-shadow:0 5px 12px -7px rgba(20,46,42,.5)}
.song-page .song-primary:hover{background:#345750}
.song-page .console-skip{width:50px;height:50px;font-size:17px}
.song-page .console-skip span{font-size:10px;line-height:1.2}
.song-page .song-seek{margin-top:10px;margin-bottom:-3px}
.song-page .song-seek::-webkit-slider-runnable-track{height:5px}
.song-page .song-seek::-moz-range-track{height:5px}
.song-page .song-seek::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5.5px}
.song-page .song-seek::-moz-range-thumb{width:16px;height:16px}
.song-page .console-time{font-size:12px}
.song-page .song-console.is-playing{border-color:#6d897b;box-shadow:0 15px 35px -27px rgba(65,51,30,.3),0 0 0 3px rgba(65,99,94,.05)}
.song-page .song-console.is-playing .console-top .eyebrow{color:#356052}
.song-page .listening-links{gap:6px 25px;margin-top:10px;align-items:center}
.song-page .listening-links a,.song-page .alternate-recording{font-size:13px;line-height:1.6;min-height:44px;gap:9px}
.song-page .listening-links a{color:#395b55}
.song-page .alternate-recording{margin-top:2px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(133,85,31,.3)}
.song-page .listening-platforms{padding-top:15px;margin-top:15px}
.song-page .listening-platforms a{font-size:13px}
.song-page .song-release-date{font-size:12px}
.song-page .song-letter{padding-block:85px;background:linear-gradient(120deg,rgba(255,250,242,.3),transparent 65%),#f0e5d4;position:relative}
.song-page .song-letter::before{content:"";position:absolute;top:-29px;left:0;width:100%;height:30px;background:#f0e5d4;clip-path:ellipse(70% 100% at 70% 100%);pointer-events:none}
.song-page .letter-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(42px,6vw,86px)}
.song-page .letter-heading>.eyebrow{font-size:11px;letter-spacing:.13em;line-height:1.6;margin-bottom:23px;color:#41635e}
.song-page .letter-heading h2{font-size:clamp(44px,4.3vw,62px);max-width:440px;line-height:1.06;text-wrap:balance}
.song-page .letter-heading::after{width:100px;height:33px;margin-top:25px}
.song-page .song-prose{font-size:18px;line-height:1.95;color:#3d504a;max-width:62ch}
.song-page .song-prose p+p{margin-top:1.25em} .song-page .song-prose .chapter-process {
margin-top:clamp(28px,4vw,48px);
padding-top:clamp(23px,3vw,34px);
border-top:1px solid var(--line);
}
.song-page .song-prose .chapter-process h3 {
margin:0 0 14px;
font-family:var(--serif);
font-size:clamp(28px,3.1vw,42px);
font-weight:400;
line-height:1.12;
color:var(--ink);
text-wrap:balance;
}
.song-page .song-prose .chapter-process h4 {
margin:clamp(24px,3vw,34px) 0 7px;
font-size:1em;
line-height:1.4;
color:var(--ink);
}
.song-page .song-prose .chapter-process :is(h3,h4)+p {margin-top:0}
.song-page .song-letter .signature{font-size:13px;margin-top:24px;gap:4px}
.song-page .song-letter .signature span{font-size:64px}
.song-page .next-songs{padding-block:80px 90px}
.song-page .next-heading{margin-bottom:32px;align-items:flex-end}
.song-page .next-heading .eyebrow{font-size:11px;letter-spacing:.14em}
.song-page .next-heading h2{font-size:clamp(43px,4.3vw,62px)}
.song-page .next-heading .text-link{min-height:44px}
.song-page .next-grid{gap:30px}
.song-page .next-song{display:flex;flex-direction:column;align-items:stretch;gap:0;border:0;padding:0;min-width:0}
.song-page .next-song>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid rgba(84,66,39,.16);border-radius:4px;box-shadow:0 13px 25px -17px rgba(83,61,36,.35);transition:transform .25s,box-shadow .25s}
.song-page .next-song-copy{padding-top:18px;min-width:0}
.song-page .next-song-copy strong{font-size:19px;line-height:1.35;letter-spacing:-.015em;font-weight:500}
.song-page .next-song-copy>span{font-size:13px;line-height:1.6;margin-top:7px}
.song-page .next-song-copy small{font-size:12px;line-height:1.5;margin-top:12px;min-height:30px;justify-content:space-between}
.song-page .next-song-copy small .icon{width:22px;height:22px}
.song-page .next-song:hover>img{transform:translateY(-3px);box-shadow:0 19px 28px -17px rgba(83,61,36,.4)}
.song-page .song-stay{padding-block:60px;background:radial-gradient(ellipse at 30% 100%,rgba(229,176,107,.3),transparent 70%),#f0e5d4;border-top:1px solid rgba(133,85,31,.12)}
.song-page .song-stay .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:15px}
.song-page .song-stay h2{font-size:clamp(40px,4vw,58px);line-height:1.08;max-width:650px}
.song-page .song-stay p:not(.eyebrow){font-size:16px;line-height:1.7;margin-top:15px}
.song-page .song-stay .button{min-height:55px;font-size:14px;background:#233e3c;color:#fffaf2}
.song-page .song-stay .button:hover{background:#345750}
@media(min-width:761px) and (max-width:1050px){
.song-page .listening-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px 30px}
.song-page .listening-heading h1{font-size:56px}
.song-page .song-dedication{font-size:16px}
.song-page .song-console{padding-inline:17px}
.song-page .console-buttons{gap:10px}
.song-page .song-primary{min-width:145px;padding-inline:18px}
.song-page .next-grid{gap:22px}
.song-page .next-song-copy strong{font-size:18px}
.song-page .next-song-copy>span{font-size:12px}
}
@media(max-width:760px){
.song-page .song-wrap{padding-inline:22px}
.song-page .listening-room{padding-bottom:56px}
.song-page .song-wayfinding{padding-block:7px 19px;font-size:12px;gap:10px}
.song-page .song-wayfinding .room-label{font-size:8px;letter-spacing:.12em}
.song-page .song-wayfinding .song-index{font-size:10px}
.song-page .listening-heading{padding:0;text-align:center}
.song-page .listening-heading .eyebrow{font-size:9px;letter-spacing:.08em;margin:0 0 5px;line-height:1.6}
.song-page .listening-heading .eyebrow span{margin-inline:3px}
.song-page .listening-heading h1{font-size:clamp(33px,8.7vw,55px);line-height:1.03;margin:0;text-wrap:balance;max-width:none}
.song-page .song-dedication{font-size:13px;line-height:1.6;margin:11px 0 0;max-width:none}
.song-page .listening-art{width:100%;max-width:none;margin:0;align-self:center}
.song-page .record-sleeve{padding:5px;border-radius:3px;box-shadow:0 13px 26px -17px rgba(83,61,36,.35)}
.song-page .record-sleeve::before{inset:3px;border-radius:1px}
.song-page .listening-art figcaption{font-size:10px;line-height:1.5;letter-spacing:0;padding-top:10px;gap:6px;align-items:baseline;justify-content:flex-start}
.song-page .sleeve-mark{width:4px;height:4px}
.song-page .listening-body{max-width:none}
.song-page .song-console{padding:6px 18px 17px;border-radius:12px}
.song-page .console-top{margin-bottom:5px}
.song-page .console-top .eyebrow{font-size:9px;letter-spacing:.08em}
.song-page .console-buttons{gap:clamp(9px,3.2vw,18px)}
.song-page .song-primary{min-width:162px;min-height:54px;padding:14px 20px;font-size:14px}
.song-page .console-skip{width:46px;height:46px;min-width:44px;min-height:44px;font-size:16px}
.song-page .song-seek{margin-top:6px}
.song-page .console-time{font-size:11px}
.song-page .listening-links{justify-content:flex-start;gap:4px 20px;margin-top:7px}
.song-page .listening-links a,.song-page .alternate-recording{font-size:12px}
.song-page .alternate-recording{justify-content:flex-start;margin-top:0}
.song-page .song-release-date{text-align:left}
.song-page .song-letter{padding-block:34px 36px}
.song-page .song-letter::before{top:-18px;height:19px}
.song-page .letter-layout{display:block}
.song-page .letter-heading>.eyebrow{font-size:10px;margin-bottom:20px;gap:14px}
.song-page .letter-heading h2{font-size:clamp(40px,10.7vw,52px);line-height:1.08;max-width:430px;text-wrap:balance}
.song-page .letter-heading::after{width:80px;height:27px;margin-top:19px}
.song-page .letter-body{margin-top:24px}
.song-page .song-prose{font-size:16px;line-height:1.75;max-width:62ch}
.song-page .song-letter .signature{margin-top:24px;font-size:12px}
.song-page .song-letter .signature span{font-size:59px}
.song-page .next-songs{padding-block:36px 40px}
.song-page .next-heading{margin-bottom:17px;display:block}
.song-page .next-heading .eyebrow{font-size:10px;margin-bottom:15px}
.song-page .next-heading h2{font-size:44px;line-height:1.06}
.song-page .next-heading .text-link{margin-top:7px;font-size:12px}
.song-page .next-grid{grid-template-columns:1fr;gap:0}
.song-page .next-song{flex-direction:row;align-items:center;gap:18px;padding-block:18px;border-top:1px solid rgba(76,91,78,.2)}
.song-page .next-song>img{width:96px;height:96px;flex:none;border-radius:3px;box-shadow:0 8px 14px -11px rgba(83,61,36,.35)}
.song-page .next-song-copy{padding:0;flex:1}
.song-page .next-song-copy strong{font-size:17px;line-height:1.4}
.song-page .next-song-copy>span{font-size:12px;line-height:1.6;margin-top:5px}
.song-page .next-song-copy small{font-size:11px;min-height:24px;margin-top:6px}
.song-page .next-song-copy small .icon{width:18px;height:18px}
.song-page .song-stay{padding-block:36px 40px}
.song-page .song-stay>.wrap{display:block}
.song-page .song-stay h2{font-size:44px;max-width:360px;line-height:1.08}
.song-page .song-stay p:not(.eyebrow){font-size:15px;margin-top:16px}
.song-page .song-stay .button{margin-top:24px;max-width:350px;width:100%}
}
@media(max-width:360px){
.song-page .song-wrap{padding-inline:18px}
.song-page .song-wayfinding .room-label{display:none}
.song-page .listening-heading h1{font-size:32px}
.song-page .listening-heading .eyebrow{font-size:8px;letter-spacing:.04em}
.song-page .song-dedication{font-size:12px;line-height:1.55}
.song-page .song-console{padding-inline:14px}
.song-page .console-buttons{gap:9px}
.song-page .song-primary{min-width:145px;font-size:13px}
.song-page .next-song{gap:14px}
.song-page .next-song>img{width:80px;height:80px}
.song-page .next-song-copy strong{font-size:16px}
.song-page .next-song-copy>span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
.song-page .song-console,.song-page .next-song>img{transition:none}
.song-page .next-song:hover>img{transform:none}
} .song-page .listening-room{padding-bottom:108px;background:radial-gradient(ellipse at 8% 35%,var(--song-tint),transparent 60%),var(--dawn-bg)}
.song-page .listening-room::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(//paulkahnmusic.com/wp-content/themes/paul-kahn/assets/shoreline-dawn.webp) center bottom/100% auto no-repeat;opacity:.55;mask-image:linear-gradient(180deg,transparent 45%,#000 100%)}
.song-page .listening-grid{grid-template-areas:"art heading" "art intro" "art controls";grid-template-rows:auto auto 1fr;row-gap:21px}
.song-page .song-intro{grid-area:intro}
.song-page .song-dedication{margin:0;max-width:550px;font-size:17px;line-height:1.75;text-wrap:pretty}
.song-page .song-letter{background:linear-gradient(125deg,#f0e3cd,#f5ead8 70%,#e6e8db)}
.song-page .song-letter::before{background:#f0e3cd}
@media(max-width:760px){
.song-page .listening-room{
--shoreline-height:52px;
padding-bottom:calc(var(--shoreline-height) + 8px);
}
.song-page .listening-room::before{
inset:auto 0 0;
height:var(--shoreline-height);
background-size:cover;
opacity:.45;
mask-image:linear-gradient(180deg, transparent, #000);
}
.song-page .song-wayfinding{padding-bottom:8px}
.song-page .listening-grid{
grid-template-areas:"heading" "art" "intro" "controls";
grid-template-columns:minmax(0, 1fr);
grid-template-rows:auto auto auto auto;
row-gap:10px;
align-items:center;
}
.song-page .listening-art{
width:clamp(172px, min(58vw, 38svh), 240px);
max-width:100%;
justify-self:center;
}
.song-page .song-intro{max-width:550px;margin-block:4px}
.song-page .song-dedication{font-size:15px;line-height:1.7;max-width:550px;text-wrap:pretty}
.song-page .listening-heading h1{font-size:clamp(32px,8.2vw,44px)}
.song-page .listening-art figcaption{justify-content:center;font-size:10px;padding-top:6px}
}
@media(max-width:360px){
.song-page .song-dedication{font-size:14px;line-height:1.65}
.song-page .listening-heading h1{font-size:30px}
.song-page .song-primary{min-width:0;padding-inline:15px}
}
.song-page .song-heading-version {
display: block;
margin-top: .6em;
font: 600 .28em/1.4 var(--sans, sans-serif);
letter-spacing: .03em;
}
.film-page {
padding: max(132px, 8vw) 0 clamp(3rem, 8vw, 7rem);
background: #f8f3ea;
color: #202c2e;
}
.film-page-inner {
max-width: 1080px;
}
.film-page h1 {
margin: .4em 0 .5em;
font-size: clamp(2.75rem, 7vw, 6rem);
}
.film-page video {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
background: #10262c;
border-radius: 6px;
}
.film-page video + p {
max-width: 54ch;
margin: 1.5rem 0 1rem;
}
.film-copy > .text-link {
margin-top: 1.25rem;
}
.pk-play-count {
display: inline-flex;
align-items: center;
gap: .15em;
margin-inline-start: .45em;
white-space: nowrap;
font-variant-numeric: tabular-nums;
vertical-align: baseline;
}
@media (max-width: 760px) {
.record-meta .pk-play-count {
display: flex;
width: max-content;
margin: 3px 0 0;
}
}
.pk-play-count > .icon {
width: .95em;
height: .95em;
flex: none;
}
.pk-song-comments {
padding-block: clamp(42px, 7vw, 90px);
background: var(--dawn-bg);
border-top: 1px solid var(--line);
}
.pk-comments-inner {
width: min(100%, 620px);
margin-inline: auto;
}
.pk-comments-inner h2 {
font-size: clamp(33px, 5vw, 48px);
margin-bottom: 20px;
}
.pk-comments-inner .comment-reply-title {
font-size: 24px;
margin-bottom: 10px;
}
.pk-comments-inner .comment-notes,
.pk-comments-inner .logged-in-as,
.pk-comment-list .comment-meta {
color: var(--dawn-text);
font-size: 13px;
}
.pk-comments-inner form > p {
margin: 0 0 14px;
}
.pk-comments-inner form label {
display: block;
font-size: 14px;
margin-bottom: 5px;
}
.pk-comments-inner :is(input[type="text"], input[type="email"], textarea) {
display: block;
width: 100%;
padding: 12px;
font: inherit;
color: var(--ink);
background: #fffaf2;
border: 1px solid rgba(77,82,63,.38);
border-radius: 7px;
}
.pk-comments-inner textarea {
min-height: 96px;
max-height: 70vh;
resize: vertical;
}
.pk-comments-inner .comment-form-cookies-consent label {
display: inline;
margin-left: 5px;
}
.pk-comments-inner .form-submit .button {
background: #233e3c;
color: #fffaf2;
}
.pk-comment-list {
margin: 0 0 24px;
padding: 0;
list-style: none;
}
.pk-comment-list > li {
padding: 14px 0;
border-bottom: 1px solid var(--line);
overflow-wrap: anywhere;
}
.pk-comment-list .comment-meta {
margin-bottom: 5px;
}
.pk-comments-inner .comment-navigation {
margin-bottom: 24px;
}
.song-page .lyrics-dropdown {
margin-top: 12px;
border: 1px solid rgba(77,82,63,.2);
border-radius: 12px;
background: #fffaf2;
color: var(--ink);
}
.song-page .lyrics-dropdown summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 46px;
padding: 10px 16px;
cursor: pointer;
list-style: none;
font-weight: 600;
}
.song-page .lyrics-dropdown summary::-webkit-details-marker {
display: none;
}
.song-page .lyrics-dropdown summary .icon {
width: 17px;
height: 17px;
flex: none;
}
.song-page .lyrics-dropdown[open] summary .icon {
transform: rotate(180deg);
}
.song-page .lyrics-dropdown[open] summary {
border-bottom: 1px solid var(--line);
}
.song-page .lyrics-follow:not([hidden]) {
display: flex;
align-items: center;
gap: 8px;
min-height: 42px;
padding-inline: 16px;
font-size: 13px;
}
.song-page .lyrics-follow input {
accent-color: var(--song-sea);
}
.song-page .lyrics-text {
max-height: min(39svh, 360px);
overflow: auto;
padding: 10px 16px 18px;
color: var(--dawn-text);
overflow-wrap: anywhere;
}
.song-page .lyrics-text p {
margin: 0;
font-size: clamp(15px, 1.55vw, 17px);
line-height: 1.7;
}
.song-page .lyrics-text p + p {
margin-top: 1em;
}
.song-page .lyric-line {
display: block;
}
.song-page .lyric-line[aria-current="true"] {
background: #f0e1b9;
color: #202c29;
box-shadow: -3px 0 #856338;
} .comment-compose{border:1px solid var(--line);border-radius:10px;background:#fffaf2;scroll-margin-top:24px}
.comment-compose>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;cursor:pointer;list-style:none;font-size:16px;font-weight:500}
.comment-compose>summary::-webkit-details-marker{display:none}
.comment-compose>summary .icon{width:18px;height:18px;flex:none}
.comment-compose[open]>summary{border-bottom:1px solid var(--line)}
.comment-compose[open]>summary .icon{transform:rotate(180deg)}
.comment-compose>summary:focus-visible{outline:2px solid var(--song-sea);outline-offset:3px;border-radius:8px}
.comment-compose .comment-respond{padding:18px 16px;scroll-margin-top:24px}
@media(max-width:760px){
.film-page{padding-block:112px 44px}
.song-page .song-heading-version{font-size:12px;margin-top:8px}
.song-page .listening-art figcaption{font-size:12px}
.song-page .console-top .eyebrow{font-size:11px;letter-spacing:.04em}
.song-page .console-time{font-size:12px}
.song-page .console-skip span{font-size:11px}
.song-page .song-prose p+p{margin-top:1em}
.song-page .letter-heading>.eyebrow{margin-bottom:14px}
.song-page .letter-heading::after{margin-top:14px}
.song-page .letter-body{margin-top:18px}
.song-page .song-prose .chapter-process{margin-top:24px;padding-top:20px}
.song-page .song-prose .chapter-process h3{font-size:28px;margin-bottom:12px}
.song-page .song-prose .chapter-process h4{margin-top:22px}
.pk-song-comments{padding-block:32px 36px}
.pk-comments-inner :is(input[type="text"],input[type="email"],textarea){font-size:16px}
.song-page .next-song-copy small{font-size:12px;min-height:28px}
} .film-story{max-width:680px;margin:40px auto 0;padding-top:28px;border-top:1px solid var(--line)}
.film-story>.eyebrow{color:var(--dawn-text);margin-bottom:12px}
.film-story h2{font-size:clamp(32px,4vw,44px);line-height:1.12;margin-bottom:20px}
.film-story-copy{font-size:17px;line-height:1.7;color:var(--dawn-text)}
.film-story-copy>p+p{margin-top:18px}
.film-story-copy blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:2px solid var(--gold);color:var(--ink)}
.film-story-copy blockquote p{font-family:var(--serif);font-size:clamp(25px,3vw,32px);line-height:1.3}
.film-story .film-story-link{margin-top:20px;min-height:44px;font-size:15px;gap:12px;color:var(--gold)}
@media(max-width:760px){
.film-story{margin-top:28px;padding-top:24px}
.film-story h2{margin-bottom:16px}
.film-story-copy{font-size:16px;line-height:1.6}
.film-story-copy>p+p{margin-top:16px}
.film-story-copy blockquote{margin-block:20px;padding-left:16px}
.film-story .film-story-link{margin-top:16px}
}