@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--paper:#f7f5ef;--ink:#23463d;--muted:#71756c;--line:#d9ded4;--gold:#bca172;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;padding:16px;background:var(--ink);color:white;z-index:20}.skip:focus{top:0}.header{max-width:1440px;margin:auto;padding:30px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:600 30px var(--serif);letter-spacing:-.6px}.brand span{display:block;font:500 8px var(--sans);letter-spacing:2.6px;margin-top:5px}.header nav{display:flex;align-items:center;gap:38px;font-size:12px}.nav-listen{border:1px solid #bbc7b9;border-radius:30px;padding:13px 21px}.nav-listen span{margin-left:20px}.hero{max-width:1440px;margin:auto;padding:65px 6% 0;display:grid;grid-template-columns:1.1fr 1fr;gap:30px 50px;overflow:hidden}.hero-copy{padding-top:22px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.3px;display:flex;align-items:center;gap:12px;margin:0 0 26px}.eyebrow>span{width:22px;height:1px;background:var(--gold)}h1{font:500 clamp(64px,7vw,104px)/.97 var(--serif);letter-spacing:-3px;margin:0 0 30px}h1 em{font-weight:400;color:#6e826a}h2{font:500 54px/1.05 var(--serif);letter-spacing:-1.5px;margin:0}.intro{line-height:1.9;color:var(--muted);font-size:15px;margin-bottom:32px}.primary{background:var(--ink);color:white;border-radius:3px;display:inline-flex;gap:35px;align-items:center;padding:17px 23px;font-size:12px}.primary:hover{background:#365e51}.hero-note{margin-top:34px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px}.tiny-wave{color:#879378;letter-spacing:1px}.hero-art{height:480px;position:relative;background:#e5e8dc;border-radius:46% 46% 2px 2px;overflow:hidden;isolation:isolate}.hero-art:after{content:'';position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.orb{position:absolute;width:220px;height:220px;background:#d0ad72;opacity:.55;border-radius:50%;top:70px;right:50px;filter:blur(2px)}.paper-paper{position:absolute;width:65%;height:78%;background:linear-gradient(130deg,#f8f5e9,#d3d9c6);bottom:-55px;left:-10px;transform:rotate(-18deg);box-shadow:10px 0 40px #65735b20}.arch{position:absolute;width:210px;height:370px;border-radius:120px 120px 0 0;background:linear-gradient(150deg,#74876b,#2c5042);right:-12px;bottom:-75px;transform:rotate(19deg);box-shadow:-15px -10px 60px #6b7f6b20}.branch{position:absolute;width:180px;height:310px;border-left:2px solid #56694a;bottom:30px;left:45%;transform:rotate(-25deg);border-radius:50%}.branch i{position:absolute;width:65px;height:24px;background:#627650;border-radius:90% 0 90% 0;left:-57px;top:30px;transform:rotate(10deg)}.branch i:nth-child(2){top:85px;left:5px;transform:rotate(-20deg);width:75px}.branch i:nth-child(3){top:130px;left:-67px;width:78px}.branch i:nth-child(4){top:185px;left:3px;transform:rotate(-25deg)}.branch i:nth-child(5){top:230px;left:-56px;width:68px}.branch i:nth-child(6){top:0;left:-23px;transform:rotate(-55deg);width:50px}.art-caption{position:absolute;bottom:26px;left:27px;font-size:8px;letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(180deg)}.art-mark{position:absolute;right:25px;bottom:22px;font:italic 32px var(--serif);color:#eceddc}.hero-bottom{grid-column:1/-1;border-bottom:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;color:var(--muted);font:italic 17px var(--serif)}.hero-bottom span:last-child{font:500 8px var(--sans);letter-spacing:2px;align-self:center}.section{max-width:1440px;margin:auto;padding:84px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading .eyebrow{margin-bottom:17px}.count{font:400 34px var(--serif)}.count span{font:11px var(--sans);margin-left:9px;color:var(--muted)}.collection-tools{display:flex;justify-content:space-between;align-items:center;margin:30px 0;color:var(--muted);font-size:11px}.search{border-bottom:1px solid #bdc7b8;padding:9px 0;display:flex;gap:12px;align-items:center}.search>span{font:26px Georgia;line-height:12px}.search input{background:transparent;border:0;color:var(--ink);font-size:11px;width:200px;padding:4px}.search input::placeholder{color:var(--muted)}.poem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 25px}.poem-card{min-width:0}.poem-art{height:240px;position:relative;overflow:hidden;background:#dfe4dd}.poem-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 25%,#ffffff50,transparent 50%);opacity:.8}.landscape{position:absolute;inset:0;overflow:hidden}.landscape:before,.landscape:after{content:'';position:absolute}.art-0{background:linear-gradient(140deg,#e0e6e5,#b0c4c0)}.art-0 .landscape:before{width:270px;height:230px;border-radius:50%;background:#839f9b;left:-65px;top:130px;transform:rotate(30deg)}.art-0 .landscape:after{width:340px;height:190px;border-radius:50%;background:#567974;right:-90px;top:140px;transform:rotate(-18deg)}.art-1{background:#ece3cf}.art-1 .landscape:before{width:105px;height:105px;border-radius:50%;background:#d2ae70;top:36px;left:45%}.art-1 .landscape:after{width:500px;height:200px;border-radius:50%;background:#b0b69a;top:150px;left:-50px;transform:rotate(-12deg)}.art-2{background:linear-gradient(125deg,#dee0cb,#a8b798)}.art-2 .landscape:before{height:220px;width:2px;background:#6f825d;left:50%;top:58px;transform:rotate(25deg)}.art-2 .landscape:after{width:110px;height:43px;border-radius:100% 0 100% 0;background:#6f825d;left:42%;top:80px;transform:rotate(-15deg);box-shadow:-33px 65px 0 #7e8e67}.art-3{background:linear-gradient(#c9d6d4,#e9e8dd)}.art-3 .landscape:before{width:310px;height:160px;background:#80988c;clip-path:polygon(0 100%,50% 0,100% 100%);bottom:-10px;left:-20px}.art-3 .landscape:after{width:300px;height:130px;background:#a0b0a0;clip-path:polygon(0 100%,50% 0,100% 100%);bottom:-10px;right:-100px}.art-4{background:#ded7c7}.art-4 .landscape:before{width:140px;height:240px;border-radius:80px 80px 0 0;background:#b4a58c;left:22%;top:45px;transform:rotate(-12deg)}.art-4 .landscape:after{width:120px;height:200px;border-radius:70px 70px 0 0;background:#eae6db;left:48%;top:70px;transform:rotate(15deg)}.art-5{background:linear-gradient(135deg,#c7cdbb,#8c9f87)}.art-5 .landscape:before{height:350px;width:40px;background:#536f5c;left:35%;top:-30px;transform:rotate(23deg);box-shadow:90px 0 0 #6b8166}.art-5 .landscape:after{width:220px;height:300px;border:2px solid #c3ceb1;border-radius:50%;left:30%;top:40px;transform:rotate(30deg)}.poem-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent,#203a3114)}.art-label{position:absolute;left:17px;top:17px;border:1px solid #ffffff80;border-radius:20px;padding:5px 10px;font-size:8px;letter-spacing:1.3px;z-index:1}.card-play{position:absolute;bottom:17px;right:17px;z-index:2;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;border:0;background:var(--paper);color:var(--ink);transition:transform .2s}.card-play:hover{transform:scale(1.1)}.card-play.active{background:var(--ink);color:white}.card-heading{display:flex;gap:12px;align-items:baseline;margin-top:17px}.number{font-size:9px;color:var(--muted)}.card-heading h3{font:500 27px/1.15 var(--serif);margin:0;letter-spacing:-.4px}.card-heading a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.card-bottom{margin-top:11px;padding-left:27px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.card-bottom a{color:var(--ink)}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:#ecefe6;max-width:none;padding-left:max(6%,calc((100vw - 1267px)/2));padding-right:max(6%,calc((100vw - 1267px)/2))}.about-monogram{height:350px;position:relative;max-width:400px;background:#dfe5d7;overflow:hidden}.about-monogram:before{content:'';position:absolute;width:240px;height:320px;border:1px solid #aab69d;border-radius:140px 140px 0 0;left:65px;top:60px}.about-monogram span{position:absolute;font:190px var(--serif);color:#718367;left:55px;top:0}.about-monogram span:nth-child(2){left:170px;top:95px;color:#a7b399}.about-monogram i{position:absolute;width:280px;height:1px;background:#b0b99f;top:180px;left:50px;transform:rotate(-35deg)}.about-copy{max-width:450px}.about-copy .eyebrow{margin-bottom:18px}.about-lead{font:italic 28px/1.2 var(--serif);color:#6d7e63;margin:23px 0 18px}.about-copy>p:not([class]){font-size:12px;line-height:1.95;color:var(--muted)}.text-link{display:inline-flex;gap:30px;font-size:11px;border-bottom:1px solid #9cae94;padding-bottom:9px;margin-top:15px}.closing{text-align:center;padding:70px 20px 50px}.closing .eyebrow{justify-content:center;font-size:8px;letter-spacing:3px}.closing>p:nth-child(2){font:italic 38px var(--serif);margin:0 0 22px}.closing>span{color:var(--gold);font-size:28px}footer{margin:0 6%;padding:27px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.footer-brand{font:500 24px var(--serif);color:var(--ink)}body.has-player{padding-bottom:100px}.player{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#f9f8f2f5;backdrop-filter:blur(14px);border-top:1px solid #c7d1c1;box-shadow:0 -5px 30px #23463d0a;display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:25px;padding:13px 5%;min-height:90px}.player-info{display:flex;gap:13px;align-items:center;min-width:0}.player-icon{width:46px;height:46px;display:grid;place-items:center;background:#e4e9dc;font-size:23px;flex-shrink:0}.player-info>div{min-width:0}.player-info a{font:500 23px var(--serif);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info div>span{font-size:9px;color:var(--muted);display:block;margin-top:3px}.transport{display:flex;gap:20px;justify-content:center;align-items:center}.transport button,.player-end button{border:0;background:none;color:var(--ink);font-size:14px;min-width:30px;min-height:30px}.transport .toggle{width:34px;height:34px;border-radius:50%;background:var(--ink);color:white;font-size:12px}.timeline{display:flex;gap:10px;align-items:center;margin-top:6px;font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.timeline input{width:100%;height:3px;accent-color:var(--ink);cursor:pointer}.player-end{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:10px}.player-end button{font-size:27px}.detail{min-height:70vh}.back{display:inline-block;color:var(--muted);font-size:12px;margin-bottom:45px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.detail .poem-art{height:450px}.detail h1{font-size:70px;line-height:1.05;letter-spacing:-1.8px}.detail-description{color:var(--muted);line-height:1.8;margin:25px 0;font-size:13px}.detail-play{border:0}.detail-nav{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);margin-top:60px;padding-top:24px;font-size:12px}.detail-meta{color:var(--muted);font-size:11px;margin-top:24px}.detail .art-label{display:none}#empty{padding:40px 0;color:var(--muted)}
@media(min-width:1500px){.about{padding-left:calc((100vw - 1267px)/2);padding-right:calc((100vw - 1267px)/2)}}
@media(max-width:900px){.header nav{gap:20px}.hero{gap:30px;padding-top:40px}.hero-art{height:410px}.hero h1{font-size:76px}.poem-art{height:200px}.about{gap:40px}.card-heading h3{font-size:24px}.detail-grid{gap:35px}.detail h1{font-size:54px}.detail .poem-art{height:350px}.player{grid-template-columns:1fr 1fr auto;gap:15px;padding:12px 4%}.player-info a{font-size:20px}.player-end #player-status{display:none}}
@media(max-width:600px){.header{padding:22px 6%;align-items:center}.brand{font-size:25px}.brand span{font-size:6px;letter-spacing:1.7px}.header nav{gap:17px;font-size:10px}.nav-listen{display:none}.hero{grid-template-columns:1fr;padding-top:28px;gap:30px}.hero-copy{padding-top:8px}.eyebrow{font-size:9px;margin-bottom:20px}.hero h1{font-size:72px;letter-spacing:-2px}.intro{font-size:13px;margin-bottom:24px}.hero-note{margin-top:22px}.hero-art{height:300px;width:100%;border-radius:43% 43% 2px 2px}.orb{width:170px;height:170px;top:25px}.branch{height:270px;bottom:-20px}.hero-bottom{padding:0 0 20px;gap:15px}.hero-bottom span:first-child{font-size:15px}.hero-bottom span:last-child{font-size:6px;letter-spacing:1px}.section{padding:55px 6%}h2{font-size:42px}.count{font-size:29px}.count span{font-size:9px;display:block;margin-left:0}.collection-tools{display:block;margin:22px 0}.collection-tools>p{font-size:10px}.search{margin-top:17px}.search input{width:100%;font-size:12px}.poem-grid{grid-template-columns:1fr 1fr;gap:28px 15px}.poem-art{height:185px}.card-heading{gap:6px;margin-top:13px}.card-heading h3{font-size:24px}.number{font-size:8px}.card-bottom{padding-left:0;font-size:8px;gap:4px}.art-label{font-size:6px;left:10px;top:10px;padding:4px 7px}.card-play{width:40px;height:40px;right:10px;bottom:10px}.art-1 .landscape:before{left:25%;width:80px;height:80px}.art-2 .landscape:after{left:35%;width:80px}.art-4 .landscape:before{left:0}.art-4 .landscape:after{left:45%}.about{grid-template-columns:1fr;gap:30px}.about-monogram{height:270px;max-width:none}.about-monogram span{font-size:160px;left:20%;top:-10px}.about-monogram span:nth-child(2){left:50%;top:70px}.about-monogram:before{left:20%;top:40px}.about-monogram i{left:15%}.closing{padding:45px 6%}.closing>p:nth-child(2){font-size:31px}footer{gap:15px;flex-wrap:wrap}.footer-brand{font-size:23px}footer>span{display:none}.player{grid-template-columns:1fr auto;padding:10px 5%;gap:7px 12px}.player-info{grid-column:1;grid-row:1}.player-icon{width:32px;height:32px;font-size:18px}.player-info a{font-size:22px}.player-center{display:contents}.transport{grid-column:2;grid-row:1;gap:4px;padding-right:20px}.timeline{grid-column:1/-1;grid-row:2;margin-top:0}.player-end{position:absolute;right:4px;top:4px}.player-end button{font-size:21px;min-width:26px}.detail{padding-top:30px}.detail-grid{grid-template-columns:1fr;gap:30px}.detail .poem-art{height:300px;order:2}.detail h1{font-size:55px}.detail .eyebrow{margin-bottom:15px}.back{margin-bottom:30px}.detail-nav{font-size:10px;line-height:1.6}.detail-description{margin:18px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:600px){.section-heading{display:block}.count{display:flex;align-items:center;gap:9px;font-size:24px;margin-top:14px}.count span{display:inline;font-size:10px}}

.hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 42%}.hero-art:after{display:none}.about-portrait{max-width:350px;margin:auto;width:100%}.about-portrait img{width:100%;height:400px;display:block;object-fit:cover;object-position:center 30%;filter:sepia(.09)}.poem-reading{max-width:780px;margin:65px auto 0;border-top:1px solid var(--line);padding-top:45px}.poem-reading h2{font-size:44px}.poem-author{color:var(--muted);font-size:12px;margin:15px 0 35px}.poem-text{white-space:pre-wrap;font:400 23px/1.65 var(--serif);letter-spacing:.05px;overflow-wrap:break-word}.poem-reading .eyebrow{margin-bottom:20px}@media(max-width:600px){.about-portrait{max-width:310px}.about-portrait img{height:350px}.poem-reading{margin-top:40px;padding-top:35px}.poem-reading h2{font-size:36px}.poem-text{font-size:21px;line-height:1.65}.hero-art img{object-position:50% 35%}}

main:focus{outline:none}

.poem-art.has-cover,.detail .poem-art.has-cover{height:auto;aspect-ratio:1;background:#f1eee5}.poem-cover{display:block;width:100%;height:100%;object-fit:contain}.has-cover .art-label{background:#f7f5efe8}.has-cover:before,.has-cover:after{display:none}

/* Keep every poem cover square at every breakpoint. */
.poem-art,.detail .poem-art{height:auto;aspect-ratio:1 / 1}

/* Author portrait and collection heading: compact, responsive composition. */
.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,6vw,90px);padding:64px 6% 66px;border-bottom:1px solid var(--line);overflow:visible}
.hero-copy{padding:0;min-width:0}.hero .eyebrow{font-size:10px;letter-spacing:2.2px;margin-bottom:28px}.hero h1{font-size:clamp(58px,8.5vw,120px);line-height:.92;letter-spacing:-2.5px;margin-bottom:27px}.hero h1 em{display:inline-block;font-weight:400;color:#70806c}.hero .intro{font-size:15px;line-height:1.8;margin:0 0 28px}.hero .primary{gap:32px;border-radius:0;padding:16px 23px}
.hero-art{margin:0;position:relative;width:100%;max-width:400px;height:auto;aspect-ratio:auto;border-radius:0;background:transparent;overflow:visible;justify-self:end;isolation:auto}.hero-art img{width:100%;height:auto;aspect-ratio:515 / 654;display:block;object-fit:cover;object-position:center;filter:grayscale(1);box-shadow:16px 16px 0 #e9e7de}.hero-art figcaption{margin-top:30px;color:var(--muted);font-size:9px;letter-spacing:.6px;line-height:1.6}.hero-art:after{display:none}
.collection .section-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px}.section-heading>div{min-width:0;max-width:100%}.section-heading h2{font-size:clamp(38px,5vw,58px);line-height:1.1;overflow-wrap:break-word}.collection .count{display:block;flex:0 0 auto;max-width:100%;margin:0 0 3px;padding:9px 14px;border:1px solid var(--line);border-radius:30px;background:#efefe7;font:500 11px/1.6 var(--sans);letter-spacing:0;white-space:normal}.collection-tools{gap:20px;flex-wrap:wrap}.collection-tools>p{line-height:1.7}.search{max-width:100%}
@media(max-width:760px){.hero{padding-top:42px;padding-bottom:48px;gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.hero h1{font-size:clamp(52px,10vw,78px);letter-spacing:-1.8px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:24px}.hero .intro{font-size:13px}.hero-art img{box-shadow:9px 9px 0 #e9e7de}.hero-art figcaption{font-size:8px;margin-top:20px}.collection .section-heading{gap:16px}.collection .count{font-size:10px}.collection .eyebrow{font-size:8px;letter-spacing:1.5px}}
@media(max-width:480px){.header nav{gap:12px}.hero{gap:18px;padding-top:35px;padding-bottom:40px;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.hero h1{font-size:clamp(44px,12vw,58px);letter-spacing:-1px;margin-bottom:20px}.hero .eyebrow{font-size:7px;letter-spacing:1px;gap:7px;margin-bottom:22px}.hero .eyebrow>span{width:14px}.hero .intro{font-size:11px;line-height:1.8;margin-bottom:20px}.hero .primary{font-size:10px;padding:13px 14px;gap:15px}.hero-art figcaption{font-size:7px;letter-spacing:0}.hero-art img{box-shadow:6px 6px 0 #e9e7de}.section-heading h2{font-size:38px}.collection .count{font-size:10px;padding:7px 12px}.collection-tools{margin-top:20px}}

.about-portrait img{height:auto;aspect-ratio:1;object-fit:cover;filter:none}

/* Keep playback controls distinct on both photos and illustrations. */
.card-play{background:#fffdf7;border:1px solid #23463d55;box-shadow:0 1px 3px #23463d14;color:#23463d}.card-play.active{background:#23463d;border-color:#23463d;color:#fffdf7;box-shadow:none}