:root{--ink:#342d25;--olive:#4e5938;--sage:#dce2d2;--sienna:#aa5d42;--gold:#bd9259;--burgundy:#713d40;--cream:#f5f1e9;--line:#d8d4c9;--muted:#6b665e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1160px,calc(100% - 72px));margin-inline:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;justify-content:space-between;align-items:center}.brand img{width:145px}.menu{position:relative;z-index:20}.menu summary{list-style:none;cursor:pointer;width:46px;height:46px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu summary::-webkit-details-marker{display:none}.menu summary span{width:26px;height:1.5px;background:var(--ink)}.menu-panel{position:absolute;right:0;top:52px;width:185px;display:grid;padding:7px;background:#fff;border:1px solid var(--line);box-shadow:0 13px 28px #342d251a}.menu-panel a{padding:12px 13px;font-size:14px}.menu-panel a:hover,.menu-panel a:focus-visible{background:var(--cream)}
.eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.23em;text-transform:uppercase;color:var(--olive)}.eyebrow i{display:inline-block;width:3px;height:3px;margin:0 7px 3px;border-radius:50%;background:var(--sienna)}h1,h2,h3,blockquote{font-family:Georgia,'Times New Roman',serif;font-weight:normal}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:clamp(70px,9vw,150px);padding-block:83px 105px;min-height:720px}.hero-copy{min-width:0}.hero h1{font-size:clamp(33px,3.8vw,52px);line-height:1.12;letter-spacing:-.05em;white-space:nowrap;margin:29px 0 43px}.hero h1 em{font-weight:normal;color:var(--sienna)}.intro{font:normal clamp(17px,1.65vw,22px)/1.57 Georgia,serif;color:#5d5349;text-align:center;margin:0}.intro span{display:block;white-space:nowrap}.hero-sign{width:87px;margin:29px 15px 0 auto}.hero-portrait{margin:0;position:relative;padding:0 0 0 15px}.hero-portrait:before{content:"";position:absolute;left:0;top:-15px;bottom:41px;width:2px;background:var(--sienna)}.hero-portrait img{width:100%;height:auto;aspect-ratio:619/1055;object-fit:contain}.hero-portrait figcaption{text-align:right;margin-top:13px;color:var(--olive);font-size:11px;letter-spacing:.19em;text-transform:uppercase}
.portrait-window{position:relative;overflow:hidden;aspect-ratio:709/1250}.hero-portrait .portrait-window img{position:absolute;left:0;top:-11.44%;width:100%;height:auto;max-width:none;aspect-ratio:auto;object-fit:initial}
.about{border-top:1px solid var(--line);padding-block:83px 102px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-top:25px}.about h2{max-width:670px;margin:0;font-size:clamp(44px,5vw,70px);line-height:1.08;letter-spacing:-.05em}.about p:not(.eyebrow){font:normal clamp(18px,1.7vw,23px)/1.56 Georgia,serif;color:#61564c;margin:0 0 6px}
.selected-words{background:#faf9f6;padding:100px 0 105px}.words-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.words-heading h2{margin:18px 0 0;font-size:clamp(44px,5.2vw,72px);letter-spacing:-.05em;line-height:1}.words-heading h2 span{color:var(--sienna)}.words-heading>p{margin:0 0 5px;font:italic 18px Georgia,serif;color:var(--muted)}.word-piece{display:grid;grid-template-columns:120px minmax(0,1fr) 124px;gap:30px;border-top:1px solid var(--line);padding:48px 0 45px;position:relative}.word-piece:last-of-type{border-bottom:1px solid var(--line)}.word-piece:before{content:"";position:absolute;top:0;left:0;width:72px;height:3px;background:var(--accent)}.word-terracotta{--accent:var(--sienna)}.word-sage{--accent:var(--olive)}.word-gold{--accent:var(--gold)}.word-meta span{display:block;font:italic 25px Georgia,serif;color:var(--accent);margin-bottom:14px}.word-meta small{font-size:11px;color:var(--olive);letter-spacing:.12em;text-transform:uppercase}.word-piece blockquote{font-size:clamp(22px,2.55vw,34px);line-height:1.48;letter-spacing:-.03em;margin:0;color:var(--ink)}.word-piece blockquote span{display:block}.word-mark{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.word-art{width:100px;height:140px;object-fit:contain;opacity:.8}.haiti-art{width:120px;height:100px}.candle-art{width:90px;height:130px}.word-sign{width:64px}.read-more{display:inline-flex;align-items:center;gap:25px;margin-top:40px;padding-bottom:9px;border-bottom:1px solid var(--sienna);color:var(--sienna);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.read-more span{font-size:21px;font-weight:normal}.read-more:hover{color:var(--olive);border-color:var(--olive)}
.site-footer{background:#fff}.footer-field{position:relative;overflow:hidden;background:radial-gradient(circle at 22% 12%,#e7eadf 0,transparent 42%),radial-gradient(circle at 83% 88%,#ccd5bf 0,transparent 38%),#d9e0ce;padding:90px 0 80px}.footer-field:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 3px,#4e593804 3px 4px);pointer-events:none}.footer-leaf{position:absolute;opacity:.17;width:220px;pointer-events:none}.footer-leaf-left{left:-30px;bottom:-40px;transform:rotate(-35deg)}.footer-leaf-right{right:-25px;top:-30px;transform:rotate(150deg)}.footer-center{position:relative;text-align:center}.footer-center>.eyebrow{color:var(--olive)}.footer-sign{width:160px;margin:31px auto 20px}.footer-center>p:not(.eyebrow){margin:0;font:normal 24px/1.35 Georgia,serif;color:var(--olive)}.footer-nav{max-width:780px;margin:58px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.footer-nav a{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;color:white;background:var(--sienna);font:normal 19px Georgia,serif}.footer-nav a:nth-child(2){background:#b98b50}.footer-nav a:nth-child(3){background:var(--burgundy)}.footer-nav a span{font:normal 19px Arial,sans-serif;opacity:.8}.footer-nav a:hover{filter:brightness(.91)}.footer-base{display:flex;justify-content:space-between;gap:15px;padding-block:20px;color:var(--muted);font-size:12px}.footer-base a:hover{color:var(--sienna)}
.inner-page,.lyrics-page{padding-block:90px 125px;min-height:66vh}.inner-page h1,.lyrics-page h1{font-size:clamp(48px,6vw,78px);line-height:1.05;letter-spacing:-.055em;margin:22px 0 30px}.page-lead{max-width:760px;font:normal clamp(20px,2.1vw,27px)/1.5 Georgia,serif;color:#61564c;margin:0 0 75px}.work-list{border-top:1px solid var(--ink)}.work-row{display:grid;grid-template-columns:75px minmax(180px,.8fr) 1fr;align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.work-row .num{font:italic 21px Georgia,serif;color:var(--sienna)}.work-row h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;margin:0}.work-row p{font-size:16px;line-height:1.5;color:var(--muted);margin:0}.work-row-link:hover{color:var(--sienna)}.work-row-link b{font-weight:normal}.page-after{font:normal 21px/1.5 Georgia,serif;color:var(--muted);margin:45px 0 0}.lyrics-entry{border-top:1px solid var(--line);max-width:900px;padding:50px 0 58px}.lyrics-entry:nth-of-type(even){margin-left:auto}.lyrics-entry .label{margin:0 0 25px}.lyrics-entry blockquote{font:normal clamp(22px,2.5vw,32px)/1.58 Georgia,serif;letter-spacing:-.025em;margin:0}.lyrics-entry blockquote span{display:block}.lyrics-entry img{width:80px;margin:22px 0 0 auto}.lyrics-entry-long blockquote{display:grid;grid-template-columns:1fr 1fr;gap:45px;font-size:clamp(19px,2vw,27px)}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr) 260px;gap:35px}.hero h1{font-size:clamp(30px,3.8vw,42px)}.intro{font-size:clamp(14px,1.6vw,18px)}.about-grid{gap:35px}.word-piece{grid-template-columns:82px 1fr 92px;gap:20px}.word-piece blockquote{font-size:clamp(21px,2.6vw,29px)}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header-inner{height:74px}.brand img{width:137px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:44px;padding-block:58px 76px;min-height:0}.hero h1{font-size:clamp(27px,7.2vw,38px);margin:25px 0 30px}.intro{font-size:clamp(13px,3.9vw,16px);line-height:1.63;letter-spacing:-.025em}.hero-sign{width:77px;margin-top:20px}.hero-portrait{width:min(310px,84%);align-self:center;margin-left:12px}.about{padding-block:67px 78px}.about-grid{display:block;margin-top:17px}.about h2{font-size:43px}.about p:not(.eyebrow){font-size:19px;margin-top:26px}.selected-words{padding:70px 0 78px}.words-heading{display:block;margin-bottom:34px}.words-heading h2{font-size:48px}.words-heading>p{font-size:16px;margin-top:17px}.word-piece{grid-template-columns:1fr 62px;gap:10px 14px;padding:31px 0 32px}.word-meta{grid-column:1/3;display:flex;align-items:baseline;gap:15px}.word-meta span{font-size:21px;margin:0}.word-piece blockquote{font-size:clamp(18px,4.6vw,22px);line-height:1.55;grid-column:1}.word-mark{grid-column:2;grid-row:2;min-height:140px}.word-art{width:60px;height:100px}.haiti-art{height:60px}.candle-art{width:55px;height:85px}.word-sign{width:49px}.read-more{margin-top:30px}.footer-field{padding:72px 0 65px}.footer-leaf{width:130px}.footer-sign{width:136px}.footer-center>p:not(.eyebrow){font-size:21px}.footer-nav{grid-template-columns:1fr;max-width:420px;margin-top:43px;gap:8px}.footer-nav a{padding:16px 20px;font-size:21px}.footer-base{font-size:11px}.inner-page,.lyrics-page{padding-block:70px 95px}.inner-page h1,.lyrics-page h1{font-size:53px}.page-lead{font-size:20px;margin-bottom:55px}.work-row{grid-template-columns:35px 1fr;gap:6px 15px;padding:24px 0}.work-row .num{grid-row:1/3}.work-row h3{font-size:31px}.work-row p{grid-column:2;font-size:15px}.lyrics-entry{padding:39px 0 45px}.lyrics-entry blockquote{font-size:21px}.lyrics-entry-long blockquote{display:block;font-size:19px}.lyrics-entry-long .stanza+.stanza{margin-top:30px}}
@media(max-width:370px){.intro{font-size:12.5px;letter-spacing:-.035em}.hero h1{font-size:26px}.word-piece blockquote{font-size:17px}}

/* Editorial footer */
.footer-links{min-height:94px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);gap:0}.footer-links a{padding:8px clamp(12px,2.3vw,34px);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--olive);white-space:nowrap}.footer-links a+a{border-left:1px solid #c5cbbb}.footer-links a:hover,.footer-links a:focus-visible{color:var(--sienna)}
.footer-brand-panel{background:#dce2d2;border-top:1px solid #c7d0bd;border-bottom:5px solid var(--sienna)}.footer-brand-inner{max-width:920px;text-align:center;padding:78px 0 54px}.footer-overline{margin:0 0 20px;color:var(--olive);font-size:11px;letter-spacing:.28em;text-transform:uppercase}.footer-wordmark{display:block;width:clamp(200px,28vw,300px);margin:0 auto}.footer-wordmark img{width:100%}.footer-statement{font:normal clamp(25px,3vw,39px)/1.2 Georgia,serif;letter-spacing:-.035em;color:var(--ink);margin:19px 0 38px}.footer-contact-link{display:flex;align-items:baseline;justify-content:space-between;gap:18px;max-width:560px;margin:0 auto;border-top:1px solid #8f9c81;border-bottom:1px solid #8f9c81;padding:22px 3px;color:var(--olive)}.footer-contact-link span:first-child{font:italic 17px Georgia,serif}.footer-contact-link strong{font-size:13px;text-transform:uppercase;letter-spacing:.15em;color:var(--sienna)}.footer-contact-link span:last-child{font-size:21px;color:var(--sienna)}.footer-contact-link:hover strong{text-decoration:underline;text-underline-offset:5px}.footer-symbol{width:76px;margin:44px auto 0;opacity:.88}.footer-bottom{background:#424b34;color:#f6f3ec}.footer-bottom-inner{min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:.07em}.footer-bottom-inner a:hover{text-decoration:underline}
.contact-page{padding-block:105px 130px;min-height:70vh}.contact-page h1{font-size:clamp(52px,7vw,94px);line-height:1.04;letter-spacing:-.06em;max-width:880px;margin:25px 0 25px}.contact-page h1 em{color:var(--sienna);font-weight:normal}.contact-lead{max-width:685px;font:normal clamp(20px,2.2vw,27px)/1.48 Georgia,serif;color:#61564c;margin:0 0 85px}.contact-card{display:grid;grid-template-columns:125px minmax(0,1fr) auto;align-items:center;gap:35px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:38px 0}.contact-card-label{font:italic 20px Georgia,serif;color:var(--sienna);align-self:start}.contact-card h2{font-size:33px;letter-spacing:-.04em;margin:0 0 12px}.contact-card p{font-size:15px;line-height:1.55;color:var(--muted);margin:0}.contact-card>a{display:inline-flex;align-items:center;gap:16px;padding:17px 20px;background:var(--olive);color:white;font-size:12px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.contact-card>a:hover{background:var(--sienna)}.contact-card>a span{font-size:18px}.contact-signature{width:85px;margin:42px 0 0 auto}
@media(max-width:720px){.footer-links{padding-block:24px;min-height:0;flex-wrap:wrap;row-gap:14px}.footer-links a{font-size:10px;padding:6px 13px}.footer-links a:nth-child(4){border-left:0}.footer-brand-inner{padding:65px 0 45px}.footer-overline{font-size:10px}.footer-statement{font-size:28px;margin:19px 0 35px}.footer-contact-link{flex-wrap:wrap;justify-content:center;gap:5px 13px;padding:19px 2px}.footer-contact-link span:first-child{width:100%;font-size:16px}.footer-symbol{width:65px;margin-top:33px}.footer-bottom-inner{flex-wrap:wrap;justify-content:center;text-align:center;gap:6px 18px;padding-block:19px}.footer-bottom-inner span:nth-child(2){display:none}.contact-page{padding-block:72px 95px}.contact-page h1{font-size:clamp(48px,12vw,70px)}.contact-lead{margin-bottom:65px}.contact-card{display:block;padding:30px 0}.contact-card-label{display:block;margin-bottom:20px}.contact-card h2{font-size:31px}.contact-card>a{margin-top:28px;width:100%;justify-content:space-between}}

/* Melo’s white-page composition, botanical footer, and portrait */
.hero{grid-template-columns:minmax(0,1fr) minmax(360px,43%);gap:clamp(45px,7vw,105px);padding-bottom:82px}.hero-portrait{width:100%;padding:0 20px 0 0;align-self:end}.hero-portrait:before{left:auto;right:0;top:12%;bottom:12%;width:18px;background:var(--sienna)}.hero-portrait:after{content:"";position:absolute;left:0;bottom:0;top:17%;width:24%;background:var(--gold);z-index:-1}.portrait-window{aspect-ratio:1143/1376;overflow:visible;background:linear-gradient(143deg,#f3eee3 0,#e9e5d8 80%);border-radius:48% 48% 0 0}.hero-portrait .portrait-window img{position:relative;top:auto;left:auto;width:100%;height:100%;object-fit:contain;aspect-ratio:auto;filter:drop-shadow(0 10px 12px #4d3d301c)}.hero-portrait figcaption{margin-right:20px}
.selected-words{background:#fff}.words-heading{margin-bottom:40px}.word-piece{border:0!important;grid-template-columns:88px minmax(0,1fr) 125px;gap:28px;margin:0 0 22px;padding:55px clamp(30px,5vw,68px);min-height:320px;background:#f7f4ed}.word-piece:before{top:0;bottom:0;left:0;width:6px;height:auto;background:var(--accent)}.word-piece:nth-of-type(2){background:#edf1e8}.word-piece:nth-of-type(3){background:#f8eee8}.word-piece blockquote{font-size:clamp(22px,2.4vw,31px);line-height:1.5}.word-art{opacity:.55}.word-sign{opacity:.8}.read-more{margin-top:20px}
.site-footer{background:#fff}.footer-field{background:#d5ddc9 url('sage-botanical.jpg') center center/cover no-repeat;padding:83px 0 84px}.footer-field:before{content:"";position:absolute;inset:0;background:#dce2d269;pointer-events:none}.footer-center{max-width:760px}.footer-kicker{color:var(--olive);margin:0;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.footer-sign{width:162px;margin:26px auto 14px}.footer-poem{font:normal clamp(26px,3vw,36px)/1.24 Georgia,serif;color:#3f4932;margin:0}.footer-nav{display:grid;grid-template-columns:1fr;max-width:590px;gap:0;margin:56px auto 0}.footer-nav a{min-height:67px;display:flex;align-items:center;justify-content:space-between;padding:13px 26px;color:white;font:normal 28px Georgia,serif;border:0}.footer-nav a+a{margin-top:8px}.footer-nav a:nth-child(1){background:#aa5d42}.footer-nav a:nth-child(2){background:#b98b50}.footer-nav a:nth-child(3){background:#713d40}.footer-nav a:nth-child(4){background:#4e5938}.footer-nav a span{font:normal 22px Arial,sans-serif;opacity:.8}.footer-nav a:hover,.footer-nav a:focus-visible{filter:brightness(.91)}.footer-base{background:#fff;padding:0}.footer-base-inner{max-width:1160px;min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-logo{display:block}.footer-logo img{width:130px}.footer-fine{display:flex;gap:25px;align-items:center;color:var(--muted);font-size:11px;letter-spacing:.04em}.footer-fine a:hover{color:var(--sienna)}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr) minmax(280px,40%);gap:25px}.word-piece{grid-template-columns:66px minmax(0,1fr) 90px;gap:18px;padding:40px 30px}}
@media(max-width:720px){.hero{display:flex;gap:36px;padding-block:59px 72px}.hero-portrait{width:min(410px,94%);align-self:center;padding:0 12px 0 0;margin:0}.hero-portrait:before{width:10px}.hero-portrait:after{width:9%}.hero-portrait figcaption{margin-right:12px}.selected-words{padding:70px 0 82px}.word-piece{display:grid;grid-template-columns:1fr 54px;gap:12px 12px;padding:30px 24px 33px;margin-bottom:16px;min-height:0}.word-meta{grid-column:1/3}.word-piece blockquote{font-size:clamp(19px,4.75vw,23px);line-height:1.58}.word-mark{grid-column:2;grid-row:2;min-height:150px}.word-art{max-width:55px}.word-sign{width:48px}.footer-field{padding:67px 0 70px;background-position:center center}.footer-field:before{background:#dce2d27a}.footer-sign{width:146px;margin:27px auto 16px}.footer-poem{font-size:27px}.footer-nav{max-width:100%;margin-top:45px}.footer-nav a{font-size:25px;min-height:63px;padding:12px 20px}.footer-base-inner{min-height:90px;display:block;text-align:center;padding-block:18px}.footer-logo img{width:120px;margin:0 auto 12px}.footer-fine{justify-content:center;flex-wrap:wrap;gap:7px 18px;font-size:10px}}
.hero-portrait{isolation:isolate}.footer-base{display:block}.footer-center>.footer-kicker{margin:0;color:var(--olive);font:700 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.24em;text-transform:uppercase}.footer-center>.footer-poem{font:normal clamp(26px,3vw,36px)/1.24 Georgia,serif;color:#3f4932;margin:0}
@media(max-width:720px){.footer-center>.footer-poem{font-size:27px}}

/* Portrait as a standalone painting */
.hero-portrait{padding:0;isolation:auto;margin:0;align-self:center}.hero-portrait:before,.hero-portrait:after{display:none}.hero-portrait>img{display:block;width:100%;height:auto;filter:none}.intro{max-width:590px;margin-inline:auto}.intro span{text-align:center;white-space:nowrap}
@media(max-width:720px){.hero-portrait{width:min(440px,100%);align-self:center;padding:0;margin:2px 0 0}.hero{gap:36px}.intro{max-width:100%;font-size:clamp(12px,3.66vw,16px);letter-spacing:-.025em;line-height:1.64}}
@media(max-width:390px){.intro{font-size:clamp(11.5px,3.45vw,13px)}}
.intro{max-width:530px}.intro span{text-align-last:justify}.intro span:last-child{text-align-last:center}
.hero-portrait>img{aspect-ratio:auto;object-fit:initial}
/* Flowing justified copy: the browser balances natural word spacing across the width. */
.hero .intro{font:normal 16px/1.7 Arial,Helvetica,sans-serif;color:#9e4a2e;letter-spacing:.015em;text-align:justify;text-align-last:left;max-width:495px;word-spacing:normal;hyphens:none}.hero .intro::after{content:none}
@media(max-width:720px){.hero .intro{font-size:clamp(14px,3.75vw,16px);line-height:1.68;max-width:100%;letter-spacing:.01em}}
.hero .intro{font-family:Georgia,'Times New Roman',serif;color:#4e5938;letter-spacing:-.015em;line-height:1.62;max-width:530px}
@media(max-width:720px){.hero .intro{font-size:clamp(15px,3.9vw,17px);line-height:1.62}}

/* Hero awaits an approved portrait artwork. */
.hero{grid-template-columns:minmax(0,680px);justify-content:center;min-height:0;padding-block:83px 105px}
.hero-copy{width:100%}
@media(max-width:720px){.hero{padding-block:63px 75px}}

/* Transparent line portrait on the white page. */
.hero{grid-template-columns:minmax(0,1fr) minmax(270px,420px);gap:clamp(34px,6vw,95px);align-items:center;min-height:0}
.hero-portrait{width:100%;margin:0;padding:0}.hero-portrait img{display:block;width:100%;height:auto;aspect-ratio:auto}
@media(max-width:720px){.hero{grid-template-columns:1fr;gap:22px}.hero-portrait{width:min(440px,100%);margin:0 auto}}

/* Balanced editorial hero */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,410px);gap:clamp(38px,6vw,90px);align-items:center;padding-block:72px 84px}
.hero-copy{max-width:570px}.hero h1{margin-bottom:32px}.hero .intro{max-width:570px;text-align:justify;text-align-last:left;word-spacing:normal;letter-spacing:0;font-size:clamp(17px,1.55vw,20px);line-height:1.63;color:#4e5938}
.hero-sign{margin-top:25px}.hero-portrait{width:100%;max-width:410px;justify-self:center}.hero-portrait img{width:100%;height:auto;display:block}
@media(max-width:720px){.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-block:62px 67px}.hero-copy{max-width:100%}.hero h1{margin-bottom:31px}.hero .intro{max-width:100%;font-size:clamp(16px,4vw,18px);line-height:1.58}.hero-portrait{width:min(375px,100%);margin:-8px auto 0}.hero-sign{margin-top:19px}}

/* Keep illustration alongside the introduction at every viewport. */
.hero{grid-template-columns:minmax(0,1fr) minmax(310px,410px);gap:clamp(28px,5vw,75px)}
@media(max-width:720px){
  .hero{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr);column-gap:4px;row-gap:0;align-items:start;padding-block:52px 64px}
  .hero-copy{display:contents}
  .hero .eyebrow,.hero h1{grid-column:1/-1}
  .hero h1{margin:26px 0 30px}
  .hero .intro{grid-column:1;grid-row:3;max-width:none;margin:0;font-size:clamp(15px,3.95vw,17px);line-height:1.58;letter-spacing:0;text-align:justify;text-align-last:left}
  .hero-sign{grid-column:1;grid-row:4;width:76px;margin:15px 0 0 auto}
  .hero-portrait{grid-column:2;grid-row:3/5;align-self:center;justify-self:end;width:118%;max-width:none;margin:0 -4% 0 -14%}
}

/* Portrait to the left of the introduction. */
.hero{grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:clamp(36px,6vw,90px)}
.hero-portrait{grid-column:1;grid-row:1;max-width:380px;justify-self:start}
.hero-copy{grid-column:2;grid-row:1}
@media(max-width:720px){
  .hero{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);column-gap:10px}
  .hero .eyebrow,.hero h1{grid-column:1/-1}
  .hero-portrait{grid-column:1;grid-row:3/5;align-self:center;justify-self:start;width:112%;margin:0 0 0 -8%}
  .hero .intro{grid-column:2;grid-row:3}
  .hero-sign{grid-column:2;grid-row:4}
}

/* Let the transparent drawing and the words share the same open space. */
.hero .intro{text-align:left;text-align-last:auto}
.hero-portrait img{filter:none}
@media(max-width:720px){
  .hero{column-gap:4px}
  .hero-portrait{align-self:start;width:116%;margin:-8px 0 0 -10%}
  .hero .intro{font-size:clamp(14px,3.9vw,17px);line-height:1.58}
}

/* An editorial artwork: the copy follows the portrait rather than a rigid column. */
.hero{display:block;min-height:0;padding-block:72px 86px}
.hero-copy{display:block;max-width:none;width:100%}
.hero h1{margin:26px 0 0;white-space:normal}
.hero-artwork{display:flow-root;margin-top:52px;min-height:500px}
.hero-portrait{float:left;display:block;grid-column:auto;grid-row:auto;width:34%;max-width:390px;margin:-18px 25px 0 -2%;shape-outside:polygon(0 0,82% 0,100% 20%,100% 58%,68% 100%,0 100%);shape-margin:18px}
.hero-portrait img{display:block;width:100%;height:auto}
.hero .intro{display:block;grid-column:auto;grid-row:auto;max-width:none;margin:0;padding-top:15px;color:#4e5938;font:normal clamp(20px,2.15vw,27px)/1.52 Georgia,serif;letter-spacing:0;text-align:left;text-align-last:auto}
.hero-sign{display:block;grid-column:auto;grid-row:auto;width:88px;margin:28px 4% 0 auto}
@media(max-width:720px){
  .hero{display:block;padding-block:52px 67px}
  .hero-copy{display:block}
  .hero h1{margin:26px 0 0;white-space:nowrap}
  .hero-artwork{display:flow-root;margin-top:45px;min-height:0}
  .hero-portrait{float:left;width:41%;max-width:none;margin:-8px 8px 0 -5%;shape-outside:polygon(0 0,80% 0,100% 22%,100% 57%,66% 100%,0 100%);shape-margin:8px}
  .hero .intro{display:block;max-width:none;margin:0;padding-top:0;font:normal clamp(15px,4.05vw,18px)/1.56 Georgia,serif;letter-spacing:0;text-align:left;text-align-last:auto}
  .hero-sign{display:block;width:76px;margin:22px 2% 0 auto}
}

/* Poetry-book composition */
.hero-verse{padding-top:14px;color:var(--olive);font-family:Georgia,'Times New Roman',serif}
.hero-verse p{margin:0 0 1.15em;font-size:clamp(20px,2.15vw,27px);line-height:1.5;letter-spacing:-.025em}
.hero-verse p:nth-child(2){margin-left:4%}
.hero-verse p:nth-child(3){margin-left:10%;margin-bottom:0}
.hero-verse em{font-weight:normal;color:var(--sienna)}
.hero-verse + .hero-sign{margin-top:25px}
.selected-words{background:#fff;padding-block:92px 110px}
.words-heading{margin-bottom:38px}
.lyric-art{position:relative;overflow:hidden;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:76px 6% 65px 38%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);isolation:isolate}
.lyric-arch{position:absolute;z-index:-1;left:-235px;top:-315px;width:710px;height:780px;border:62px solid #bd795633;border-bottom:0;border-radius:50% 50% 0 0;transform:rotate(12deg)}
.lyric-arch:after{content:"";position:absolute;left:48px;top:48px;right:48px;bottom:0;border:1px solid #4e59384a;border-bottom:0;border-radius:50% 50% 0 0}
.lyric-label{margin:0 0 37px;color:var(--olive);font-size:11px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}
.lyric-art blockquote{position:relative;margin:0;color:var(--ink);font:normal clamp(25px,3.1vw,39px)/1.5 Georgia,'Times New Roman',serif;letter-spacing:-.04em}
.lyric-art blockquote span{display:block}
.lyric-art blockquote span:last-child{color:var(--sienna);font-style:italic}
.lyric-sign{width:76px;align-self:flex-end;margin:36px 8% 0 0}
.selected-words .read-more{margin-top:31px}
@media(max-width:720px){
  .hero-artwork{margin-top:44px}
  .hero-portrait{width:42%;margin:-8px 10px 0 -5%}
  .hero-verse{padding-top:0}
  .hero-verse p{font-size:clamp(15px,4.1vw,18px);line-height:1.55;margin-bottom:1em;letter-spacing:-.025em}
  .hero-verse p:nth-child(2){margin-left:0}
  .hero-verse p:nth-child(3){margin-left:4%}
  .selected-words{padding-block:76px 83px}
  .lyric-art{min-height:440px;padding:76px 3% 58px 13%}
  .lyric-arch{left:-270px;top:-275px;width:545px;height:660px;border-width:47px}
  .lyric-arch:after{left:30px;top:30px;right:30px}
  .lyric-label{margin-bottom:37px}
  .lyric-art blockquote{font-size:clamp(23px,5.5vw,28px);line-height:1.55}
  .lyric-sign{width:67px;margin-top:30px;margin-right:5%}
}

/* Three quiet, connected pages of the opening poem. */
.hero.wrap{display:block;padding-top:76px;padding-bottom:120px}
.hero .hero-copy{display:block;width:100%;max-width:none}
.hero h1{margin:31px 0 66px;white-space:normal}
.hero-story{width:100%;font-family:Georgia,'Times New Roman',serif;color:var(--olive)}
.story-panel{display:grid;grid-template-columns:44% 56%;align-items:center;position:relative;min-height:590px}
.story-portrait{margin:0;position:relative;z-index:1}
.story-portrait img{display:block;width:100%;height:auto;max-height:570px;object-fit:contain}
.story-words{position:relative;z-index:2}
.story-words p{margin:0;letter-spacing:-.035em}
.story-opening .story-portrait{width:min(390px,90%);margin-left:3%}
.story-opening .story-words{padding-left:1%;padding-bottom:15px}
.story-opening .story-lead{font-size:clamp(42px,5.1vw,70px);line-height:1.08;margin-bottom:26px}
.story-opening .story-small{font-size:clamp(20px,2.1vw,29px);line-height:1.45;margin-left:8%;margin-bottom:24px}
.story-opening .story-declaration{font-size:clamp(34px,4vw,55px);line-height:1.14;margin-left:16%}
.story-making{grid-template-columns:55% 45%}
.story-making .story-words{padding-left:8%;padding-right:4%}
.story-making .story-words p{font-size:clamp(30px,3.45vw,48px);line-height:1.28}
.story-making .story-words p+p{margin:24px 0 0 10%}
.story-making em,.story-closing em{font-weight:normal;color:var(--sienna)}
.story-making .story-portrait{width:min(380px,92%);justify-self:end;margin-right:4%}
.story-closing .story-portrait{width:min(350px,84%);margin-left:11%}
.story-closing .story-words{padding-left:3%;padding-top:20px}
.story-closing .story-small{font-size:clamp(22px,2.4vw,32px);margin-bottom:18px}
.story-closing .story-last{font-size:clamp(37px,4.5vw,62px);line-height:1.17}
.story-closing .hero-sign{display:block;width:90px;margin:50px 8% 0 auto}
.story-bridge{display:block;width:100%;height:130px;overflow:visible;margin:0;pointer-events:none}
.story-bridge path{fill:none;stroke:#8f9a7f;stroke-width:1.3;opacity:.48;vector-effect:non-scaling-stroke}
.bridge-two path{stroke:#b46b50;opacity:.4}
@media(max-width:720px){
  .hero.wrap{padding-top:54px;padding-bottom:95px}
  .hero h1{margin:27px 0 42px;font-size:clamp(28px,7.1vw,41px)}
  .story-panel{min-height:440px;align-items:center;grid-template-columns:43% 57%}
  .story-portrait img{max-height:none}
  .story-opening .story-portrait{width:108%;margin-left:-8%}
  .story-opening .story-words{padding-left:0;padding-bottom:0}
  .story-opening .story-lead{font-size:clamp(29px,7.1vw,44px);margin-bottom:15px}
  .story-opening .story-small{font-size:clamp(15px,3.7vw,20px);line-height:1.4;margin-left:7%;margin-bottom:16px}
  .story-opening .story-declaration{font-size:clamp(25px,5.5vw,35px);margin-left:7%;line-height:1.22}
  .story-making{grid-template-columns:56% 44%}
  .story-making .story-words{padding-left:0;padding-right:0}
  .story-making .story-words p{font-size:clamp(21px,5vw,30px);line-height:1.32}
  .story-making .story-words p+p{margin:25px 0 0 7%}
  .story-making .story-portrait{width:108%;margin-right:-8%}
  .story-closing .story-portrait{width:105%;margin-left:-8%}
  .story-closing .story-words{padding-left:2%;padding-top:0}
  .story-closing .story-small{font-size:clamp(17px,4vw,24px);margin-bottom:14px}
  .story-closing .story-last{font-size:clamp(24px,5.8vw,37px);line-height:1.22}
  .story-closing .hero-sign{width:69px;margin:36px 4% 0 auto}
  .story-bridge{height:105px}
}
@media(max-width:390px){
  .hero h1{font-size:clamp(25px,7vw,28px)}
  .story-panel{min-height:385px}
  .story-opening .story-lead{font-size:28px}
  .story-making .story-words p{font-size:20px}
  .story-closing .story-last{font-size:23px}
}

/* The first and final stanzas use a looser, editorial rhythm. */
.story-opening{grid-template-columns:43% 57%}
.story-opening .story-portrait{width:min(420px,96%);margin-left:-2%;align-self:center}
.story-opening .story-words{align-self:center;padding:0 0 0 1%;transform:translateY(-15px)}
.story-opening .story-lead{color:#343e2a;font-size:clamp(48px,5.7vw,78px);letter-spacing:-.06em;line-height:1;margin-bottom:35px}
.story-opening .story-small{margin:0 0 32px 15%;font-size:clamp(21px,2.3vw,31px);line-height:1.34}
.story-opening .story-small em{font-weight:normal;color:var(--sienna)}
.story-opening .story-declaration{margin:0 0 0 4%;line-height:1.08}
.story-opening .story-declaration span{display:block}
.story-opening .story-declaration span:first-child{font-size:clamp(27px,3vw,42px);margin-left:8%}
.story-opening .story-declaration span:last-child{font-size:clamp(43px,5.1vw,70px);white-space:nowrap}
.story-opening .story-declaration em{font-weight:normal;color:var(--sienna)}
.story-opening .story-words:after{content:"";display:block;width:24%;height:1px;background:var(--sienna);opacity:.55;margin:25px 0 0 44%}
.story-making .story-portrait img{transform:scaleX(-1)}
.story-closing{grid-template-columns:41% 59%;isolation:isolate}
.story-closing:before{content:"";position:absolute;z-index:0;left:27%;top:36%;width:56%;height:40%;border-top:1px solid #ae765873;border-right:1px solid #ae765873;border-radius:60% 80% 0 0;transform:rotate(-9deg);pointer-events:none}
.story-closing .story-portrait{width:min(390px,95%);margin-left:-2%;align-self:end;margin-bottom:7%}
.story-closing .story-words{padding:0 0 0 2%;align-self:center}
.story-closing .story-small{font-size:clamp(22px,2.2vw,30px);margin:0 0 28px 9%;font-style:italic}
.story-closing .story-last{font-size:clamp(43px,5.05vw,70px);line-height:1.1;letter-spacing:-.06em}
.story-closing .story-last span{display:block}
.story-closing .story-last span:nth-child(2){margin-left:15%}
.story-closing .story-last span:nth-child(3){margin:12px 0 0 5%;font-size:.83em;white-space:nowrap}
.story-closing .hero-sign{width:94px;margin:47px 9% 0 auto}
@media(max-width:720px){
  .story-opening{grid-template-columns:43% 57%}
  .story-opening .story-portrait{width:111%;margin-left:-10%}
  .story-opening .story-words{padding:0;transform:translateY(-8px)}
  .story-opening .story-lead{font-size:clamp(30px,7.7vw,48px);margin-bottom:20px}
  .story-opening .story-small{font-size:clamp(15px,3.85vw,22px);line-height:1.34;margin:0 0 21px 6%}
  .story-opening .story-declaration{margin-left:0}
  .story-opening .story-declaration span:first-child{font-size:clamp(20px,4.9vw,29px);margin-left:6%}
  .story-opening .story-declaration span:last-child{font-size:clamp(28px,6.45vw,39px);white-space:normal}
  .story-opening .story-words:after{margin:19px 0 0 46%;width:33%}
  .story-closing{grid-template-columns:41% 59%}
  .story-closing:before{left:25%;top:39%;width:65%;height:31%}
  .story-closing .story-portrait{width:112%;margin-left:-12%;margin-bottom:4%}
  .story-closing .story-words{padding-left:0}
  .story-closing .story-small{font-size:clamp(16px,4vw,24px);margin:0 0 21px 4%}
  .story-closing .story-last{font-size:clamp(29px,6.5vw,42px);line-height:1.12}
  .story-closing .story-last span:nth-child(2){margin-left:15%}
  .story-closing .story-last span:nth-child(3){margin:13px 0 0 1%;font-size:.71em}
  .story-closing .hero-sign{width:74px;margin:36px 2% 0 auto}
}
@media(max-width:390px){
  .story-opening .story-lead{font-size:29px}
  .story-opening .story-declaration span:last-child{font-size:27px}
  .story-closing .story-last{font-size:27px}
}

/* A compact closing page keeps the voice near the drawing. */
.story-closing{min-height:495px;grid-template-columns:42% 58%;align-items:center}
.story-closing:before{content:none}
.story-closing .story-portrait{width:min(370px,92%);margin:0 0 0 2%;align-self:center}
.story-closing .story-words{align-self:center;padding:0 0 0 2%}
.story-closing .story-small{font:italic clamp(21px,2.2vw,29px)/1.35 Georgia,serif;margin:0 0 24px 0}
.story-closing .story-last{font-size:clamp(37px,4.35vw,58px);line-height:1.18;letter-spacing:-.052em}
.story-closing .hero-sign{width:82px;margin:31px 15% 0 auto}

/* Three color fields replace the prose note. */
.roles{border-top:1px solid var(--line);padding-block:96px 115px}
.role-bars{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.role-bars li{min-height:93px;display:flex;align-items:center;color:#fff;font:normal clamp(28px,3.5vw,45px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.04em;padding:17px 34px}
.role-bars li:nth-child(1){width:76%;background:#47583f}
.role-bars li:nth-child(2){width:85%;margin-left:9%;background:#af674d}
.role-bars li:nth-child(3){width:72%;margin-left:24%;background:#ab885c}

/* The lyric sits in a single olive arch, with a terracotta edge. */
.selected-words{background:#fff;padding-block:55px 110px}
.selected-words .words-heading{margin-bottom:52px}
.lyric-art{position:relative;width:min(820px,100%);min-height:690px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:180px 46px 70px;overflow:hidden;isolation:isolate;background:#2a412f;border:10px solid #b87356;border-bottom:0;border-radius:440px 440px 0 0}
.lyric-art:before{content:"";position:absolute;inset:16px 16px auto;height:calc(100% - 16px);border:1px solid #e1bd9f88;border-bottom:0;border-radius:430px 430px 0 0;pointer-events:none}
.lyric-art:after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:1px;background:#d4b48b9c}
.lyric-art .lyric-arch,.lyric-art .lyric-label,.lyric-art .lyric-sign{display:none}
.lyric-art blockquote{position:relative;z-index:1;color:#fff;text-align:center;font:normal clamp(26px,3vw,37px)/1.56 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0}
.lyric-art blockquote span{display:block}
.lyric-art blockquote span:last-child{color:#fff;font-style:italic}
.selected-words .read-more{display:flex;width:max-content;margin:45px auto 0}
@media(max-width:720px){
  .story-closing{min-height:370px;grid-template-columns:42% 58%}
  .story-closing .story-portrait{width:110%;margin-left:-11%;align-self:center}
  .story-closing .story-words{padding-left:0}
  .story-closing .story-small{font-size:clamp(15px,3.9vw,21px);margin-bottom:16px}
  .story-closing .story-last{font-size:clamp(25px,5.85vw,36px);line-height:1.23}
  .story-closing .hero-sign{width:65px;margin:23px 4% 0 auto}
  .roles{padding-block:63px 77px}
  .role-bars{gap:7px}
  .role-bars li{min-height:64px;padding:13px 18px;font-size:clamp(20px,5.3vw,27px)}
  .role-bars li:nth-child(1){width:82%}
  .role-bars li:nth-child(2){width:94%;margin-left:6%}
  .role-bars li:nth-child(3){width:84%;margin-left:16%}
  .selected-words{padding-block:42px 83px}
  .selected-words .words-heading{margin-bottom:37px}
  .lyric-art{min-height:520px;border-width:7px;border-radius:50% 50% 0 0;padding:145px 18px 54px}
  .lyric-art:before{inset:10px 10px auto;height:calc(100% - 10px);border-radius:50% 50% 0 0}
  .lyric-art blockquote{font-size:clamp(19px,5.1vw,27px);line-height:1.57;letter-spacing:-.045em}
  .selected-words .read-more{margin-top:35px}
}
@media(max-width:390px){
  .story-closing .story-last{font-size:clamp(23px,5.85vw,25px)}
  .role-bars li{font-size:19px}
  .lyric-art blockquote{font-size:19px}
}

/* Let the three passages read as one continuous piece. */
.hero.wrap{padding-bottom:65px}
.hero h1{margin-bottom:42px}
.story-panel{min-height:490px}
.story-closing{min-height:430px}
.story-bridge{height:58px}
@media(max-width:720px){
  .hero.wrap{padding-bottom:56px}
  .hero h1{margin-bottom:27px}
  .story-panel{min-height:305px}
  .story-closing{min-height:290px}
  .story-bridge{height:48px}
}

/* Each connecting stroke begins at the previous portrait. */
.story-portrait{overflow:visible}
.story-portrait img{position:relative;z-index:1}
.story-making{margin-top:70px}
.story-closing{margin-top:65px}
.portrait-tail{position:absolute;z-index:0;height:190px;overflow:visible;pointer-events:none}
.portrait-tail path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.55}
.tail-opening{top:92%;left:38%;width:250%}
.tail-opening path{stroke:#b76749}
.tail-making{top:91%;right:25%;width:210%}
.tail-making path{stroke:#69765c}
@media(max-width:720px){
  .story-making{margin-top:42px}
  .story-closing{margin-top:42px}
  .portrait-tail{height:130px}
  .portrait-tail path{stroke-width:1.6;opacity:.46}
  .tail-opening{left:40%}
}

/* The tails descend from the figure and end in open space. */
.story-making,.story-closing{margin-top:48px}
.portrait-tail{height:135px}
.tail-opening{top:92%;left:38%;width:70%}
.tail-making{top:91%;right:20%;width:80%}
@media(max-width:720px){
  .story-making,.story-closing{margin-top:38px}
  .portrait-tail{height:105px}
}

/* Layered arches form an open, editorial page for the lyric. */
.selected-words .words-heading{margin-bottom:40px}
.lyric-art{display:block;position:relative;overflow:hidden;isolation:isolate;width:min(860px,100%);height:510px;min-height:0;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent}
.lyric-shape{position:absolute;bottom:0;border-radius:50% 50% 0 0;pointer-events:none}
.lyric-paper{z-index:0;left:76%;width:24%;height:95%;background-color:#ebe7d9;background-image:repeating-radial-gradient(ellipse at 48% 100%,transparent 0 5px,#77836c5c 6px 7px,transparent 8px 13px)}
.lyric-clay{z-index:1;left:39%;width:49%;height:94%;background:#a75e40}
.lyric-olive{z-index:2;left:0;width:64%;height:74%;background:#263d2d}
.lyric-art:before,.lyric-art:after{content:"";position:absolute;z-index:4;background:none;pointer-events:none;border-radius:0}
.lyric-art:before{left:4%;top:52%;width:24%;height:27%;border-left:1px solid #ffffffc7;border-bottom:1px solid #ffffffc7}
.lyric-art:after{left:54%;top:40%;width:20%;height:28%;border-top:1px solid #ffffffc7;border-right:1px solid #ffffffc7}
.lyric-art blockquote{position:absolute;z-index:5;left:8%;top:47%;width:76%;margin:0;padding:0;color:#fff;text-align:left;font:normal clamp(23px,2.75vw,34px)/1.34 Georgia,'Times New Roman',serif;letter-spacing:-.037em}
.lyric-art blockquote span{display:block;color:#fff;font-style:normal}
.lyric-art blockquote span:last-child{color:#fff;font-style:normal}
@media(max-width:720px){
  .selected-words .words-heading{margin-bottom:31px}
  .lyric-art{height:420px;min-height:0;padding:0;border:0;border-radius:0;background:transparent}
  .lyric-paper{left:76%;width:24%;height:93%}
  .lyric-clay{left:40%;width:49%;height:93%}
  .lyric-olive{width:66%;height:74%}
  .lyric-art:before{left:5%;top:55%;width:22%;height:24%}
  .lyric-art:after{left:57%;top:39%;width:18%;height:28%}
  .lyric-art blockquote{left:8%;top:48%;width:80%;font-size:clamp(18px,5vw,25px);line-height:1.37;letter-spacing:-.045em}
}
@media(max-width:390px){.lyric-art{height:390px}.lyric-art blockquote{font-size:18px}}

/* Quieter role ribbons and a more restrained lyric collage. */
.roles{padding-block:58px 49px}
.role-bars{gap:5px}
.role-bars li{min-height:66px;padding:12px 25px;font-size:clamp(21px,2.4vw,29px);letter-spacing:-.025em}
.role-bars li:nth-child(1){width:77%;margin-left:0;background:#4c5c43}
.role-bars li:nth-child(2){width:88%;margin-left:7%;background:#ac674e}
.role-bars li:nth-child(3){width:75%;margin-left:20%;background:#ab8c66}
.selected-words{padding-top:29px}
.selected-words .words-heading{margin-bottom:27px}
.lyric-art{height:440px}
.lyric-olive{width:61%;height:74%;background:#263d2d}
.lyric-clay{left:36%;width:55%;height:92%;background:#a75d43}
.lyric-paper{left:82%;width:18%;height:91%;background:#e8e6d8}
.lyric-paper:before,.lyric-paper:after{content:"";position:absolute;border:1px solid #8390788c;border-bottom:0;border-radius:50% 50% 0 0}
.lyric-paper:before{inset:13px 10px 0}
.lyric-paper:after{inset:27px 20px 0}
.lyric-art:before,.lyric-art:after{display:none}
.lyric-art blockquote{left:7%;top:47%;width:76%;font-size:clamp(22px,2.5vw,30px);line-height:1.4;letter-spacing:-.025em}
.lyric-botanical{position:absolute;z-index:4;right:6%;bottom:-2%;width:23%;height:54%;stroke:#f7eee3bd;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.selected-words .read-more{margin-top:31px}
@media(max-width:720px){
  .roles{padding-block:48px 41px}
  .role-bars{gap:4px}
  .role-bars li{min-height:53px;padding:10px 16px;font-size:clamp(17px,4.4vw,21px)}
  .role-bars li:nth-child(1){width:79%}
  .role-bars li:nth-child(2){width:94%;margin-left:6%}
  .role-bars li:nth-child(3){width:79%;margin-left:21%}
  .selected-words{padding-top:22px}
  .selected-words .words-heading{margin-bottom:24px}
  .lyric-art{height:350px}
  .lyric-olive{width:62%;height:76%}
  .lyric-clay{left:37%;width:54%;height:93%}
  .lyric-paper{left:83%;width:17%;height:90%}
  .lyric-paper:before{inset:9px 6px 0}
  .lyric-paper:after{inset:19px 12px 0}
  .lyric-art blockquote{left:7%;top:47%;width:78%;font-size:clamp(17px,4.65vw,21px);line-height:1.44;letter-spacing:-.032em}
  .lyric-botanical{right:3%;width:27%;height:50%;stroke-width:1.2}
  .selected-words .read-more{margin-top:28px}
}
@media(max-width:390px){.lyric-art{height:330px}.lyric-art blockquote{font-size:17px}}

/* Aligned color bands; the arch artwork remains a separate composition. */
.roles{padding-block:42px 31px}
.role-bars{gap:8px;max-width:860px;margin-inline:auto}
.role-bars li,.role-bars li:nth-child(1),.role-bars li:nth-child(2),.role-bars li:nth-child(3){width:100%;margin-left:0;min-height:58px;padding:10px 24px;font-size:clamp(20px,2.1vw,27px)}
.selected-words{padding-top:24px}
.lyric-art{height:450px}
.lyric-olive{left:0;width:59%;height:77%}
.lyric-clay{left:39%;width:50%;height:96%}
.lyric-paper{left:82%;width:18%;height:96%;background-color:#e9e8dc;background-image:url('lyric-arch-texture.jpeg');background-size:cover;background-position:58% 50%}
.lyric-paper:before,.lyric-paper:after{display:none}
.lyric-art:before,.lyric-art:after{display:block;z-index:6}
.lyric-art:before{left:4%;top:60%;width:22%;height:23%}
.lyric-art:after{left:52%;top:37%;width:22%;height:23%}
.lyric-art blockquote{left:8%;top:48%;width:73%;font-size:clamp(21px,2.4vw,28px);line-height:1.39;z-index:7}
.lyric-figure{position:absolute;z-index:5;right:17%;bottom:-10%;height:56%;width:auto;opacity:.54;pointer-events:none}
@media(max-width:720px){
  .roles{padding-block:35px 24px}
  .role-bars{gap:7px}
  .role-bars li,.role-bars li:nth-child(1),.role-bars li:nth-child(2),.role-bars li:nth-child(3){width:100%;margin-left:0;min-height:51px;padding:9px 17px;font-size:clamp(18px,4.5vw,22px)}
  .selected-words{padding-top:22px}
  .lyric-art{height:390px}
  .lyric-olive{width:61%;height:77%}
  .lyric-clay{left:39%;width:50%;height:96%}
  .lyric-paper{left:82%;width:18%;height:96%}
  .lyric-art blockquote{left:8%;top:49%;width:81%;font-size:clamp(16px,4.35vw,21px);line-height:1.43;letter-spacing:-.035em}
  .lyric-art:before{left:4%;top:61%;width:25%;height:22%}
  .lyric-art:after{left:52%;top:38%;width:22%;height:22%}
  .lyric-figure{right:10%;height:52%;opacity:.48}
}
@media(max-width:390px){.lyric-art{height:355px}.lyric-art blockquote{font-size:16px}}

/* Three illustrated vignettes on the white page. */
.roles{padding-block:40px 24px}
.role-composition{width:min(860px,100%);margin-inline:auto}
.role-scene{position:relative;height:260px}
.role-scene img{position:absolute;display:block;object-fit:contain;object-position:center;pointer-events:none}
.role-scene p{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;min-height:58px;padding:8px 18px;color:#fff;font:normal clamp(20px,2.5vw,28px)/1.1 Georgia,'Times New Roman',serif;text-align:center;white-space:nowrap}
.role-song img{left:4%;top:0;width:44%;height:205px}
.role-song p{left:0;bottom:0;width:52%;background:#4c5c43}
.role-design{height:250px}
.role-design p{left:17%;top:30px;width:34%;background:#ac674e}
.role-design img{right:7%;top:5px;width:49%;height:235px}
.role-model{height:270px}
.role-model img{left:10%;top:0;width:36%;height:260px}
.role-model p{left:52%;top:98px;width:40%;background:#ab8c66}
@media(max-width:720px){
  .roles{padding-block:32px 12px}
  .role-scene{height:210px}
  .role-scene p{min-height:48px;padding:7px 10px;font-size:clamp(17px,4.3vw,21px)}
  .role-song img{left:3%;width:52%;height:169px}
  .role-song p{width:55%}
  .role-design{height:190px}
  .role-design p{left:16%;top:25px;width:42%}
  .role-design img{right:2%;top:4px;width:53%;height:185px}
  .role-model{height:220px}
  .role-model img{left:7%;width:43%;height:211px}
  .role-model p{left:50%;top:92px;width:48%}
}

/* An asymmetric, layered arch composition with two open corner marks. */
.lyric-art{height:450px}
.lyric-shape{border-radius:48% 52% 0 0 / 36% 43% 0 0}
.lyric-olive{z-index:2;left:0;width:61%;height:76%;border-radius:56% 44% 0 0 / 43% 39% 0 0}
.lyric-clay{z-index:1;left:38%;width:52%;height:95%;border-radius:46% 54% 0 0 / 34% 43% 0 0}
.lyric-paper{z-index:3;left:74%;width:26%;height:78%;border-radius:43% 57% 0 0 / 34% 42% 0 0;background-position:52% 62%}
.lyric-art:before,.lyric-art:after{border-color:#fff9edc9}
.lyric-art:before{left:4%;top:auto;bottom:8%;width:20%;height:12%;border-top:0;border-right:0;border-left:1px solid #fff9edc9;border-bottom:1px solid #fff9edc9}
.lyric-art:after{left:53%;top:34%;width:20%;height:14%;border-left:0;border-bottom:0;border-top:1px solid #fff9edc9;border-right:1px solid #fff9edc9}
.lyric-art blockquote{top:48%;left:8%;width:72%;line-height:1.42}
.lyric-figure{z-index:4;right:15%;bottom:-9%;height:49%;opacity:.38}
.lyric-signature{position:absolute;z-index:8;right:3%;bottom:4%;width:12%;height:auto;filter:brightness(0) invert(1);opacity:.85}
@media(max-width:720px){
  .lyric-art{height:390px}
  .lyric-olive{width:61%;height:76%}
  .lyric-clay{left:38%;width:52%;height:95%}
  .lyric-paper{left:74%;width:26%;height:78%}
  .lyric-art blockquote{left:8%;top:48%;width:79%;font-size:clamp(16px,4.3vw,21px);line-height:1.43}
  .lyric-art:before{left:4%;top:auto;bottom:7%;width:20%;height:12%}
  .lyric-art:after{left:53%;top:33%;width:20%;height:14%}
  .lyric-figure{right:13%;height:48%;opacity:.37}
  .lyric-signature{right:3%;bottom:3%;width:13%}
}
@media(max-width:390px){.lyric-art{height:355px}.lyric-art blockquote{font-size:16px}}

/* Match the supplied lyric collage's proportions and placement. */
.lyric-shape{border-radius:50% 50% 0 0}
.lyric-olive{left:0;width:60%;height:79%;border-radius:50% 50% 0 0}
.lyric-clay{left:38%;width:51%;height:100%;border-radius:50% 50% 0 0}
.lyric-paper{left:76%;width:24%;height:100%;border-radius:50% 50% 0 0;background-position:55% 49%}
.lyric-art blockquote{left:9%;top:42%;width:69%;font-size:clamp(20px,2.3vw,27px);line-height:1.39}
.lyric-art:before{left:4%;bottom:9%;width:19%;height:13%}
.lyric-art:after{left:52%;top:37%;width:19%;height:17%}
.lyric-figure{right:31%;bottom:-12%;height:38%;opacity:.42}
.lyric-signature{right:17%;bottom:5%;width:11%;filter:brightness(0) invert(1);opacity:.9}
@media(max-width:720px){
  .lyric-art{height:390px}
  .lyric-olive{width:60%;height:79%}
  .lyric-clay{left:38%;width:51%;height:100%}
  .lyric-paper{left:76%;width:24%;height:100%}
  .lyric-art blockquote{left:9%;top:43%;width:78%;font-size:clamp(16px,4.25vw,20px);line-height:1.4}
  .lyric-art:before{left:4%;bottom:9%;width:19%;height:13%}
  .lyric-art:after{left:52%;top:37%;width:19%;height:17%}
  .lyric-figure{right:30%;bottom:-11%;height:38%;opacity:.43}
  .lyric-signature{right:17%;bottom:5%;width:12%}
}
@media(max-width:390px){.lyric-art{height:355px}.lyric-art blockquote{font-size:16px}}

/* The three roles share one alternating editorial rhythm. */
.roles{padding-block:30px 24px}
.role-composition{display:grid;gap:18px;max-width:860px}
.role-scene,.role-design,.role-model{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:210px;height:auto}
.role-design{grid-template-columns:57% 43%}
.role-scene img,.role-song img,.role-design img,.role-model img{position:static;justify-self:center;width:100%;height:205px;max-height:100%;object-fit:contain}
.role-song img{transform:scale(1.16)}
.role-design img{transform:scale(1.04)}
.role-model img{transform:scale(1.05)}
.role-scene p,.role-song p,.role-design p,.role-model p{position:static;justify-self:stretch;width:100%;min-height:64px;padding:12px 16px;margin:0;font-size:clamp(21px,2.4vw,28px);white-space:nowrap}
.role-song p{background:#4c5c43}
.role-design p{background:#ac674e}
.role-model p{background:#ab8c66}
@media(max-width:720px){
  .roles{padding-block:26px 20px}
  .role-composition{gap:12px}
  .role-scene,.role-design,.role-model{min-height:175px}
  .role-scene img,.role-song img,.role-design img,.role-model img{height:170px}
  .role-song img{transform:scale(1.23)}
  .role-design img{transform:scale(1.04)}
  .role-model img{transform:scale(1.08)}
  .role-scene p,.role-song p,.role-design p,.role-model p{min-height:54px;padding:9px 7px;font-size:clamp(16px,4.25vw,20px)}
}

/* Final lyric collage: proportions taken from Melo's supplied composition. */
.lyric-olive{left:0;width:58%;height:79%;z-index:2}
.lyric-clay{left:40%;width:50%;height:100%;z-index:1}
.lyric-paper{left:80%;width:20%;height:100%;z-index:0;background-position:57% 50%}
.lyric-art blockquote{left:10%;top:42%;width:77%;line-height:1.38}
.lyric-art:before{left:4%;bottom:17%;width:27%;height:14%}
.lyric-art:after{left:54%;top:37%;width:30%;height:19%}
.lyric-figure{right:34%;bottom:-12%;height:40%;opacity:.52;z-index:4}
.lyric-signature{right:15%;bottom:5%;width:10%;z-index:8}
@media(max-width:720px){
  .lyric-olive{width:58%;height:79%}
  .lyric-clay{left:40%;width:50%;height:100%}
  .lyric-paper{left:80%;width:20%;height:100%}
  .lyric-art blockquote{left:10%;top:43%;width:78%;font-size:clamp(16px,4.25vw,20px)}
  .lyric-art:before{left:4%;bottom:17%;width:27%;height:14%}
  .lyric-art:after{left:54%;top:37%;width:30%;height:19%}
  .lyric-figure{right:34%;bottom:-12%;height:40%;opacity:.52}
  .lyric-signature{right:15%;bottom:5%;width:10%}
}

/* Quiet polish: matching portrait drawings and gentler arch crowns. */
.role-composition{gap:10px}
.role-scene,.role-design,.role-model{min-height:198px}
.role-song img{transform:scale(1.08)}
.role-design img{transform:scale(1.08)}
.role-scene p{letter-spacing:.012em}
.lyric-olive{border-radius:50% 50% 0 0 / 34% 36% 0 0}
.lyric-clay{border-radius:50% 50% 0 0 / 28% 31% 0 0}
.lyric-paper{left:77%;width:23%;height:92%;z-index:3;border-radius:50% 50% 0 0 / 30% 32% 0 0}
.lyric-art blockquote{letter-spacing:.005em}
@media(max-width:720px){
  .role-composition{gap:8px}
  .role-scene,.role-design,.role-model{min-height:165px}
  .role-song img,.role-design img{transform:scale(1.08)}
  .lyric-paper{left:77%;width:23%;height:92%}
  .lyric-art blockquote{letter-spacing:.005em}
}

/* A compact illustrated gallery replaces the repeated alternating rows. */
.role-composition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;align-items:end}
.role-scene,.role-design,.role-model{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:0;height:auto}
.role-scene img,.role-song img,.role-design img,.role-model img{position:static;display:block;order:0;width:100%;height:230px;max-height:none;object-fit:contain;transform:none}
.role-scene p,.role-song p,.role-design p,.role-model p{position:static;display:flex;order:1;width:100%;min-height:56px;margin:0;padding:9px 12px;font-size:clamp(20px,2.2vw,26px);white-space:nowrap}
.role-model{grid-column:1/-1;display:grid;grid-template-columns:45% 55%;align-items:center;min-height:215px}
.role-model img{height:215px;transform:none}
.role-model p{min-height:58px}
@media(max-width:720px){
  .role-composition{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}
  .role-scene,.role-design,.role-model{min-height:0;height:auto}
  .role-scene img,.role-song img,.role-design img,.role-model img{height:175px;transform:none}
  .role-scene p,.role-song p,.role-design p,.role-model p{min-height:48px;padding:8px 5px;font-size:clamp(15px,4vw,19px);letter-spacing:0}
  .role-model{grid-column:1/-1;grid-template-columns:43% 57%;min-height:190px}
  .role-model img{height:190px}
}

/* Restore the quiet proportions of the reference collage. */
.lyric-olive{left:0;width:57%;height:79%;z-index:2;border-radius:50% 50% 0 0}
.lyric-clay{left:38%;width:47%;height:100%;z-index:1;border-radius:50% 50% 0 0}
.lyric-paper{left:78%;width:22%;height:100%;z-index:0;border-radius:50% 50% 0 0}
.lyric-art blockquote{left:10%;top:43%;width:76%;letter-spacing:0;line-height:1.38}
.lyric-art:before{left:4%;bottom:17%;width:27%;height:14%}
.lyric-art:after{left:51%;top:37%;width:27%;height:18%}
.lyric-figure{right:34%;bottom:-12%;height:40%;opacity:.56}
.lyric-signature{right:22%;bottom:5%;width:10%}
@media(max-width:720px){
  .lyric-olive{width:57%;height:79%}
  .lyric-clay{left:38%;width:47%;height:100%}
  .lyric-paper{left:78%;width:22%;height:100%}
  .lyric-art blockquote{left:10%;top:43%;width:77%;font-size:clamp(16px,4.25vw,20px);letter-spacing:0}
  .lyric-art:after{left:51%;top:37%;width:27%;height:18%}
  .lyric-signature{right:22%;bottom:5%;width:10%}
}

/* Rounded, overlapping cut-paper arches inspired by Melo's references. */
.lyric-olive{left:0;width:59%;height:77%;border-radius:57% 43% 0 0 / 42% 35% 0 0}
.lyric-clay{left:37%;width:52%;height:98%;border-radius:46% 54% 0 0 / 36% 43% 0 0}
.lyric-paper{left:75%;width:25%;height:91%;z-index:3;border-radius:53% 47% 0 0 / 37% 42% 0 0;background-position:54% 52%}
.lyric-art:after{left:51%;top:28%;width:21%;height:13%}
.lyric-art:before{left:4%;bottom:9%;width:24%;height:13%}
.lyric-signature{right:27%;bottom:5%;width:10%}
@media(max-width:720px){
  .lyric-olive{width:59%;height:77%}
  .lyric-clay{left:37%;width:52%;height:98%}
  .lyric-paper{left:75%;width:25%;height:91%}
  .lyric-art:after{left:51%;top:28%;width:21%;height:13%}
  .lyric-art:before{left:4%;bottom:9%;width:24%;height:13%}
  .lyric-signature{right:27%;bottom:5%;width:10%}
}

/* Three equal illustrated panels, following Melo's supplied composition. */
.roles{padding:66px 0 74px;border-top:1px solid var(--line)}
.roles-heading{text-align:center;margin:0 auto 34px}
.roles-heading .eyebrow{margin:0 0 7px;letter-spacing:.32em;text-transform:uppercase;color:#4b573e}
.roles-heading h2{margin:0;font:normal clamp(39px,5vw,68px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:#302922}
.roles-heading h2 span{color:#a85d43}
.roles-heading>p:last-child{margin:14px 0 0;font:normal 14px/1.3 Georgia,serif;letter-spacing:.23em;color:#4f4a40}
.role-composition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px;width:100%;align-items:stretch}
.role-scene,.role-design,.role-model{grid-column:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:auto;min-height:495px;padding:0 18px 28px;border:1px solid #cbbca5;border-radius:47% 47% 0 0 / 22% 22% 0 0;background:#fff;overflow:hidden;text-align:center}
.role-image{position:relative;width:calc(100% + 36px);height:345px;flex:none;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.role-image:before{content:"";position:absolute;left:18%;bottom:15%;width:64%;aspect-ratio:1;border-radius:50%;background:#a85d43;opacity:.88}
.role-design .role-image:before{background:#697451}
.role-model .role-image:before{background:#ab8c66}
.role-scene .role-image img,.role-song .role-image img,.role-design .role-image img,.role-model .role-image img{position:relative;z-index:1;display:block;order:0;width:100%;height:96%;max-height:none;object-fit:contain;object-position:center bottom;transform:none}
.role-scene h3{margin:10px 0 9px;font:normal clamp(25px,2.7vw,34px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#302922}
.role-scene p,.role-song p,.role-design p,.role-model p{position:static;display:block;order:0;width:auto;min-height:0;margin:0;padding:0;background:transparent;color:#3d392f;font:normal 12px/1.45 Georgia,serif;letter-spacing:.11em;text-align:center;white-space:normal}
.roles-ending{display:flex;justify-content:center;align-items:center;gap:28px;margin:30px 0 0;color:#4b573e;font:normal 12px/1.2 Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase}
.roles-ending:before,.roles-ending:after{content:"";width:65px;height:1px;background:#8f9a7f}

/* Taller diary artwork with the lyric, signature, and body drawing together. */
.selected-words{padding:50px 0 95px;background:#faf8f3}
.selected-words .words-heading{margin-bottom:27px}
.lyric-art{width:min(860px,100%);height:690px;min-height:0;background:transparent;overflow:hidden}
.lyric-olive{left:0;width:63%;height:78%;z-index:2;border-radius:54% 46% 0 0 / 37% 35% 0 0;background:#263b29}
.lyric-clay{left:38%;width:51%;height:100%;z-index:1;border-radius:49% 51% 0 0 / 32% 34% 0 0;background:#a85d43}
.lyric-paper{left:75%;width:25%;height:83%;z-index:3;border-radius:49% 51% 0 0 / 32% 34% 0 0;background-image:url('lyric-arch-texture.jpeg');background-size:cover;background-position:center}
.lyric-art blockquote{left:9%;top:43%;width:77%;font-size:clamp(23px,2.8vw,30px);line-height:1.38;letter-spacing:.008em;z-index:5}
.lyric-art:after{left:54%;top:42%;width:13%;height:9%;z-index:6}
.lyric-art:before{left:4%;bottom:10%;width:24%;height:12%;z-index:6}
.lyric-figure{right:36%;bottom:-4%;height:35%;width:auto;z-index:4;opacity:.65}
.lyric-signature{right:auto;left:28%;bottom:25%;width:14%;z-index:7;opacity:.9;filter:brightness(0) invert(1)}
.selected-words .read-more{margin-top:30px}
@media(max-width:800px){
  .roles{padding:46px 0 55px}
  .role-composition{gap:12px}
  .role-scene,.role-design,.role-model{min-height:365px;padding:0 8px 20px}
  .role-image{width:calc(100% + 16px);height:250px}
  .role-scene h3{font-size:clamp(19px,2.9vw,25px)}
  .role-scene p,.role-song p,.role-design p,.role-model p{font-size:10px;letter-spacing:.045em}
}
@media(max-width:620px){
  .roles-heading{margin-bottom:25px}
  .roles-heading h2{font-size:clamp(35px,9vw,49px)}
  .roles-heading>p:last-child{font-size:11px;letter-spacing:.12em}
  .role-composition{grid-template-columns:1fr;gap:20px;max-width:380px}
  .role-scene,.role-design,.role-model{grid-column:auto;min-height:0;padding:0 18px 20px;border-radius:48% 48% 0 0 / 25% 25% 0 0}
  .role-image{width:calc(100% + 36px);height:280px}
  .role-scene h3{font-size:27px}
  .role-scene p,.role-song p,.role-design p,.role-model p{font-size:12px;letter-spacing:.08em}
  .roles-ending{font-size:10px;gap:16px}
  .roles-ending:before,.roles-ending:after{width:35px}
  .selected-words{padding:38px 0 70px}
  .lyric-art{height:470px}
  .lyric-olive{width:66%;height:81%}
  .lyric-clay{left:36%;width:54%;height:100%}
  .lyric-paper{left:77%;width:23%;height:82%}
  .lyric-art blockquote{left:8%;top:43%;width:82%;font-size:clamp(15px,4vw,19px);line-height:1.42;letter-spacing:0}
  .lyric-art:after{left:53%;top:40%;width:15%;height:10%}
  .lyric-art:before{left:4%;bottom:10%;width:24%;height:12%}
  .lyric-figure{right:32%;bottom:-5%;height:33%;opacity:.65}
  .lyric-signature{left:26%;bottom:27%;width:18%}
}

/* Use Melo's supplied artwork itself. The mobile cards are views into that same image. */
.roles-reference{border:0;padding:0;margin:0 auto;width:100%;max-width:1536px}
.roles-reference-desktop{display:block;width:100%;height:auto}
.roles-reference-mobile{display:none}
.diary-reference{padding:0;background:#faf8f3}
.diary-reference a{display:block;width:min(1024px,100%);margin:auto;line-height:0}
.diary-reference img{display:block;width:100%;height:auto}
@media(max-width:700px){
  .roles-reference-desktop{display:none}
  .roles-reference-mobile{display:block;padding:45px 5.5% 28px;background:#fff}
  .roles-reference-mobile .roles-heading{margin-bottom:28px}
  .roles-reference-mobile .roles-heading h2{font-size:clamp(33px,8.8vw,48px)}
  .role-reference-crops{display:grid;gap:19px;max-width:470px;margin:0 auto}
  .role-reference-crop{position:relative;width:100%;aspect-ratio:468 / 696;overflow:hidden;background:#fff}
  .role-reference-crop img{position:absolute;top:-31.3%;width:328.2%;max-width:none;height:auto}
  .role-reference-song img{left:-9.4%}
  .role-reference-design img{left:-114.3%}
  .role-reference-model img{left:-219.2%}
  .roles-reference-mobile .roles-ending{margin-top:25px}
}

/* Let the diary end on white before the footer begins. */
.diary-reference{background:#fff;padding:0 0 clamp(110px,15vw,190px)}
@media(max-width:700px){.diary-reference{padding-bottom:110px}}

/* The final supplied illustrations replace the oversized cropped image slots. */
.section-divider{display:flex;justify-content:center;align-items:center;height:55px;padding:10px 0;background:#fff}
.section-divider svg{display:block;width:min(350px,72vw);height:24px;overflow:visible}
.section-divider path{fill:none;stroke:#9b9b7c;stroke-width:1.1}
.section-divider circle{fill:#aa6047}
.roles-reference{background:#fff;padding:18px 4% 38px;max-width:none}
.roles-reference .roles-heading{margin:0 auto 16px}
.role-reference-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;max-width:1240px;margin:auto}
.role-reference-images img{display:block;width:100%;height:auto;min-width:0}
.roles-reference .roles-ending{margin:8px 0 0}
.diary-reference{padding-bottom:55px}
.section-divider-footer{height:95px;align-items:flex-start;padding-top:5px}
@media(max-width:700px){
  .roles-reference{padding:12px 5% 29px}
  .roles-reference .roles-heading{margin-bottom:4px}
  .role-reference-images{display:grid;grid-template-columns:1fr;gap:9px;max-width:470px}
  .role-reference-images img{width:100%;height:auto}
  .roles-reference .roles-ending{margin-top:18px}
  .diary-reference{padding-bottom:55px}
  .section-divider-footer{height:90px}
}

/* Each transition carries a different, quiet mark. */
.section-divider svg{width:min(430px,82vw);height:auto}
.divider-flow{height:70px}
.divider-flow .sage-stroke{stroke:#8f9a85;stroke-width:1.5}
.divider-flow .clay-stroke{stroke:#ae6a50;stroke-width:1.7}
.divider-flow circle{fill:#ae6a50}
.divider-arches{height:88px}
.divider-arches .side-stroke{stroke:#d0c2a6;stroke-width:1}
.divider-arches .arch-one{stroke:#9a9f83;stroke-width:1.3}
.divider-arches .arch-two{stroke:#b98368;stroke-width:1.2}
.divider-arches .arch-three{stroke:#bdad8d;stroke-width:1}
.divider-pause{height:100px;align-items:flex-start;padding-top:8px}
.divider-pause svg{width:min(280px,58vw)}
.divider-pause path{stroke:#a9ad99;stroke-width:1}
.divider-pause circle:nth-of-type(2){fill:#ac6349}
.divider-pause circle:not(:nth-of-type(2)){fill:#b7a58d}
@media(max-width:700px){
  .divider-flow{height:60px}
  .divider-arches{height:72px}
  .divider-pause{height:88px}
}

/* The small section label sits above its title in a quiet color wash. */
.chapter-label{margin:0 0 5px;text-align:center;color:#4e5938;font:700 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.28em;text-transform:uppercase}
.diary-label{color:#8b513f}
.section-transition{box-sizing:border-box;width:100%;max-width:1240px;height:27px;display:flex;align-items:center;justify-content:center;margin:0 auto;font:700 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.25em;text-transform:uppercase}
.section-transition small{display:block;font:700 8px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.24em;text-transform:uppercase;margin-bottom:3px}
.section-transition .transition-title{display:block;color:inherit}
.section-transition .transition-title span{color:#a85d43}
.transition-roles{color:#4e5938;background:linear-gradient(90deg,transparent,#e0e6d9 35%,#e0e6d9 65%,transparent)}
.transition-diary{color:#8b513f;background:linear-gradient(90deg,transparent,#f0dfd7 35%,#f0dfd7 65%,transparent)}
.roles-reference{padding:32px 4% 38px}
.roles-reference .roles-heading{max-width:1240px;margin:0 auto 10px;text-align:center}
.roles-reference .roles-heading>.chapter-label{margin:0 0 5px;font:700 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.28em;color:#4e5938}
.roles-reference .roles-heading>.section-transition{margin:0 auto;font:700 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.25em;color:#4e5938}
.roles-reference .roles-heading>.chapter-title,.diary-reference>.chapter-title{margin:11px auto 0;text-align:center;font:normal clamp(44px,5.4vw,72px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:#302922}
.chapter-title span{color:#a85d43}
.roles-reference .roles-heading>p{margin:8px 0 0;text-align:center}
.roles-reference .roles-heading>.chapter-label{margin:0 0 5px}
.roles-reference .roles-ending{display:block;margin:22px 0 0;text-align:center;color:#4e5938;font:normal 13px/1.6 Georgia,'Times New Roman',serif;letter-spacing:.15em;text-transform:none}
.roles-reference .roles-ending::before,.roles-reference .roles-ending::after{content:none}
.diary-reference>.section-transition{font:700 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.25em;color:#8b513f}
.diary-reference{padding:32px 0 75px}
.diary-reference a{margin-top:4px}
.footer-field{padding-top:83px}
.footer-center>.footer-sign{margin-top:26px}
@media(max-width:700px){
  .section-transition{height:24px}
  .roles-reference{padding:27px 5% 29px}
  .roles-reference .roles-heading>.section-transition,.diary-reference>.section-transition{font-size:8px;letter-spacing:.2em}
  .roles-reference .roles-heading>.chapter-title,.diary-reference>.chapter-title{font-size:clamp(39px,9.1vw,51px);margin-top:9px}
  .roles-reference .roles-ending{font-size:11px;letter-spacing:.11em;margin-top:18px}
  .diary-reference{padding:27px 0 65px}
  .diary-reference a{margin-top:4px}
}

/* A bright natural stone surface behind the site's white content. */
main{background-color:#fff;background-image:linear-gradient(#ffffff8c,#ffffff8c),url('white-stone-seamless.webp');background-position:center top;background-size:auto,200% auto;background-repeat:repeat}
main::before{content:none}
main .roles-reference,main .diary-reference,main .selected-words{background:transparent}
.role-reference-images img,.diary-reference img{mix-blend-mode:normal}

.footer-nav a:nth-child(4){background:#9b7655}
.footer-nav a:nth-child(5){background:#4e5938}
.essentials-page{min-height:65vh}

/* An editorial menu with quiet brand-colored social marks. */
.site-header{position:relative;z-index:40}
.menu summary{width:48px;height:48px;border:1px solid transparent;border-radius:50%;transition:background .2s,border-color .2s}
.menu summary:hover,.menu[open] summary{background:#f1f2eb;border-color:#dce2d2}
.menu summary span{width:25px;height:1.5px;background:#4e5938;transition:transform .2s,opacity .2s}
.menu[open] summary span:first-child{transform:translateY(7.5px) rotate(45deg)}
.menu[open] summary span:nth-child(2){opacity:0}
.menu[open] summary span:last-child{transform:translateY(-7.5px) rotate(-45deg)}
.menu-panel{right:0;top:56px;width:min(340px,calc(100vw - 36px));display:block;padding:21px 25px 23px;background:#fff;border:1px solid #d8d4c9;box-shadow:0 16px 38px #342d2526}
.menu-caption,.menu-social>p{margin:0;color:#4e5938;font:700 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.23em;text-transform:uppercase}
.menu-caption{padding:0 0 15px}
.menu-panel>a{display:grid;grid-template-columns:27px 1fr 18px;align-items:center;gap:8px;padding:11px 0;border-top:1px solid #e8e5dd;color:#342d25;font:normal 22px/1.2 Georgia,'Times New Roman',serif;transition:color .2s,padding-left .2s}
.menu-panel>a:hover,.menu-panel>a:focus-visible{background:transparent;color:#aa5d42;padding-left:4px}
.menu-index{font:normal 10px Arial,Helvetica,sans-serif;color:#b98b50;letter-spacing:.1em}
.menu-arrow{font:normal 17px Arial,Helvetica,sans-serif;color:#aa5d42}
.menu-social{margin-top:13px;padding:17px 0 0;border-top:1px solid #d8d4c9;display:grid;grid-template-columns:1fr 1fr;gap:11px 8px}
.menu-social>p{grid-column:1/-1}
.menu-social a{display:inline-flex;align-items:center;gap:8px;padding:7px 0;color:#4e5938;font:normal 14px/1.3 Arial,Helvetica,sans-serif}
.menu-social a:first-of-type{color:#aa5d42}
.menu-social a:hover,.menu-social a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.menu-social svg{width:22px;height:22px;flex:none}
@media(max-width:720px){.menu-panel{top:53px;padding:20px 22px}.menu-panel>a{font-size:21px;padding:10px 0}}
/* Quiet, compact navigation. */
.menu-panel{width:min(275px,calc(100vw - 36px));padding:14px 19px 17px;border:1px solid #e5e3dc;box-shadow:0 9px 24px #342d2512}
.menu-caption,.menu-index,.menu-arrow{display:none}
.menu-panel>a{display:block;padding:11px 2px;border-top:0;border-bottom:1px solid #eceae5;font:normal 18px/1.25 Georgia,'Times New Roman',serif}
.menu-panel>a:hover,.menu-panel>a:focus-visible{padding-left:6px}
.menu-social{margin-top:12px;padding-top:12px;border-top:0;gap:6px 10px}
.menu-social>p{font-size:9px;letter-spacing:.18em}
.menu-social a{font-size:12px;padding:5px 0}
.menu-social svg{width:18px;height:18px}
@media(max-width:720px){.menu-panel{padding:13px 19px 16px}.menu-panel>a{font-size:18px;padding:11px 2px}}

.menu-panel>a{color:#4e5938}
.menu-panel>a[href="/work/lyrics/"]{color:#a85d43}
.menu-panel>a:hover,.menu-panel>a:focus-visible{color:#a85d43}
.menu-social a,.menu-social a:first-of-type{color:#4e5938;gap:9px}
.menu-social a:first-of-type svg{color:#a85d43;background:#f8eee9;border-color:#e7cbc0}
.menu-social a:last-of-type svg{color:#4e5938;background:#edf1e8;border-color:#d5dfce}
.menu-social svg{width:31px;height:31px;padding:5px;border:1px solid;border-radius:50%}
/* Minimal navigation and palette colored social marks. */
.menu-panel>a{border-bottom:0;padding:9px 2px}
.menu-panel>a[href="/work/lyrics/"]{color:#a85d43}
.menu-social{margin-top:10px;padding-top:12px;border-top:1px solid #e4e5dc;grid-template-columns:1fr 1fr;gap:6px 12px}
.menu-social>p{grid-column:1/-1;white-space:nowrap;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.menu-social a,.menu-social a:first-of-type{color:#4e5938;gap:7px;font-size:12px;padding:5px 0}
.menu-social svg{width:24px;height:24px;padding:0;border:0;border-radius:0;background:none!important}
.menu-social .instagram-mark{color:#a85d43;filter:drop-shadow(1px 0 1px #b4885580)}
.menu-social .instagram-mark rect,.menu-social .instagram-mark circle:not(:last-child){stroke:url(#melo-ig)}
.menu-social .tiktok-mark{color:#4e5938;filter:drop-shadow(-1.2px -1px 0 #b98b50) drop-shadow(1.2px 1px 0 #b25d43)}
.menu-social a,.menu-social a:hover,.menu-social a:focus-visible{background:transparent;box-shadow:none}
.menu-social a svg,.menu-social a:first-of-type svg,.menu-social a:last-of-type svg{background:transparent!important;border:0!important;border-radius:0;box-shadow:none;padding:0}
.menu-panel>a[href="/work/lyrics/"]{color:#4e5938}
.menu-social>p{color:#a85d43}
.menu-social .instagram-mark{filter:none;color:#d64f70}
.menu-social .instagram-mark rect,.menu-social .instagram-mark circle:not(:last-child){stroke:url(#original-ig)}
.menu-social .instagram-mark circle:last-child{fill:url(#original-ig)}
.menu-social .tiktok-mark{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55);color:#111}
/* Social marks use the palette directly, with no badge or background. */
.menu-social .instagram-mark{filter:none}
.menu-social .instagram-mark rect,.menu-social .instagram-mark circle:not(:last-child){stroke:url(#melo-ig)}
.menu-social .instagram-mark circle:last-child{fill:url(#melo-ig)}
.menu-social .tiktok-mark{filter:none}
/* Original supplied social symbols, displayed without a badge. */
.menu-social .social-icon{display:inline-block;width:27px;height:27px;flex:none;background-repeat:no-repeat;background-position:center;mix-blend-mode:multiply}
.menu-social .instagram-icon{background-image:url('/assets/instagram-original.jpeg');background-size:54px 54px}
.menu-social .tiktok-icon{background-image:url('/assets/tiktok-original.jpeg');background-size:41px 55px}
/* Smaller mobile menu. */
.menu-panel{width:min(225px,calc(100vw - 24px));padding:12px 16px 14px}
.menu-panel>a{font-size:16px;padding:7px 2px;line-height:1.25}
.menu-social{margin-top:7px;padding-top:10px;gap:4px 6px}
.menu-social>p{font-size:9px}
.menu-social a,.menu-social a:first-of-type{font-size:11px;gap:5px;padding:4px 0}
.menu-social .social-icon{width:23px;height:23px}
.menu-social .instagram-icon{background-size:46px 46px}
.menu-social .tiktok-icon{background-size:35px 47px}
@media(max-width:720px){.menu-panel{padding:12px 16px 14px}.menu-panel>a{font-size:16px;padding:7px 2px}}
/* Compact reference width and stacked platform links. */
.menu-panel{width:min(190px,calc(100vw - 24px));padding:10px 14px 12px}
.menu-panel>a{font-size:14px;padding:6px 2px}
.menu-social{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin-top:6px;padding-top:8px}
.menu-social>p{margin-bottom:3px}
.menu-social a,.menu-social a:first-of-type{color:#342d25;font-size:11px;gap:7px;padding:2px 0}
.menu-social a:hover,.menu-social a:focus-visible{color:#342d25}
.menu-social .social-icon{width:21px;height:21px}
.menu-social .instagram-icon{background-size:42px 42px}
.menu-social .tiktok-icon{background-size:32px 43px}
@media(max-width:720px){.menu-panel{width:min(190px,calc(100vw - 24px));padding:10px 14px 12px}.menu-panel>a{font-size:14px;padding:6px 2px}}
/* Airier social block in the reference colors. */
.menu-panel{padding:13px 15px 16px}
.menu-panel>a{padding:8px 2px}
.menu-social{gap:9px;margin-top:12px;padding-top:14px}
.menu-social>p{color:#bd8d43;margin-bottom:3px;font-size:10px;letter-spacing:.19em}
.menu-social a,.menu-social a:first-of-type{width:100%;font-size:12px;padding:3px 0;gap:9px}
.menu-social a:first-of-type{color:#a12e74}
.menu-social a:last-of-type{color:#182342}
.menu-social a:hover,.menu-social a:focus-visible{color:inherit}
@media(max-width:720px){.menu-panel{padding:13px 15px 16px}.menu-panel>a{padding:8px 2px}}
.menu-social a:first-of-type:hover,.menu-social a:first-of-type:focus-visible{color:#a12e74}
.menu-social a:last-of-type:hover,.menu-social a:last-of-type:focus-visible{color:#182342}
/* Preserve the original artwork's material detail over the wall surface. */
.diary-reference img{mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 3%,#000 97%,transparent 100%)}
/* Reveal the site's stone wall around the detailed diary artwork. */
.diary-reference a{position:relative}
.diary-reference img{mix-blend-mode:normal;-webkit-mask-image:url('/assets/diary-cutout-mask.svg');mask-image:url('/assets/diary-cutout-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.diary-reference a::after{content:"";position:absolute;left:70.5%;top:5.5%;width:24%;height:6%;background:url('/assets/signature-new.png') center/contain no-repeat;pointer-events:none}
/* Restore the intact diary composition and continuous wall. */
.diary-reference img{mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}
.diary-reference a::after{content:none}
/* Cover the baked signature with a softly feathered patch, then draw the crisp
   signature slightly to the right. The feather avoids a visible crop edge. */
.diary-reference>a::before,.diary-reference>a::after{content:"";position:absolute;display:block;pointer-events:none}
.diary-reference>a::before{left:27%;top:56.6%;width:29%;height:8.8%;background:linear-gradient(180deg,#2b391e,#2e3b20);-webkit-mask-image:radial-gradient(ellipse at center,#000 74%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 74%,transparent 100%);z-index:1}
.diary-reference>a::after{left:38%;top:58.65%;width:17.5%;height:4.6%;background:linear-gradient(to right,#e7e8dc 89%,#b85b3b 89%);-webkit-mask:url('/assets/signature-new.png') center/contain no-repeat;mask:url('/assets/signature-new.png') center/contain no-repeat;z-index:2}
/* Let the site wall show through the pale crescent behind the arches. */
.diary-reference>a>img{-webkit-mask-image:url('/assets/diary-crescent-mask.svg');mask-image:url('/assets/diary-crescent-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
/* Keep the complete illustrations close to the edge with a little breathing room. */
@media(max-width:720px){
  .roles-reference{padding-left:3%;padding-right:3%}
  .role-reference-images{width:100%;max-width:none;margin:0}
  .role-reference-images img{width:100%;height:auto;object-fit:contain}
}

/* A real portrait joins the illustration-led introduction. */
.hero-copy .eyebrow{white-space:normal;line-height:1.8}
.portrait-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.83fr);gap:clamp(35px,7vw,105px);align-items:center;padding-top:35px;padding-bottom:95px;max-width:1050px}
.portrait-frame{height:clamp(350px,43vw,530px);overflow:hidden;background:#eae5dc}
.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 17%}
.portrait-intro-copy{padding:18px 0;color:#3d402e}
.portrait-intro-copy .label{color:#a85d43;letter-spacing:.25em;text-transform:uppercase}
.portrait-intro-copy h2,.connect-section h2{font:normal clamp(37px,4.5vw,61px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:13px 0 22px;color:#303323}
.portrait-intro-copy h2 span,.connect-section h2 span,.diary-category-heading h2 span{color:#a85d43}
.portrait-intro-copy>p:not(.label){font:normal clamp(19px,2vw,25px)/1.45 Georgia,'Times New Roman',serif;max-width:410px;margin:0}
.portrait-intro-copy img{display:block;width:125px;margin:35px 0 0 auto}
.diary-reference .diary-categories{width:min(1060px,92%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:34px auto 0}
.diary-reference .diary-categories .diary-card{display:block;width:100%;margin:0;line-height:normal;color:#313628;text-decoration:none}
.diary-card img{display:block;width:100%;aspect-ratio:1.47;object-fit:cover}
.diary-card-stories img{aspect-ratio:941/1672;object-fit:contain;background:#08090a}
.diary-card:first-child img{aspect-ratio:1126/1397;object-fit:contain}
.diary-card:nth-child(2) img{object-position:center 54%}
.diary-card-number{display:block;margin:14px 0 5px;color:#7c786c;font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.diary-card-title{display:flex;justify-content:space-between;align-items:center;font:normal clamp(25px,2.8vw,36px)/1.1 Georgia,'Times New Roman',serif}
.diary-card-title span{font:normal 21px Arial,Helvetica,sans-serif;color:#a85d43}
.diary-card:hover .diary-card-title,.diary-card:focus-visible .diary-card-title{color:#a85d43}
.connect-section{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(40px,8vw,120px);padding-top:95px;padding-bottom:110px;border-top:1px solid #d9d7cc}
.connect-section .label{color:#a85d43;letter-spacing:.22em;text-transform:uppercase}
.connect-section h2{font-size:clamp(34px,4vw,52px)}
.connect-section p:not(.label){font:normal 19px/1.55 Georgia,'Times New Roman',serif;max-width:420px;color:#4e5938}
.connect-newsletter,.connect-actions a{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100%,330px);box-sizing:border-box;padding:16px 20px;text-decoration:none;font:700 12px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.connect-newsletter,.connect-primary{background:#4e5938;color:#fff}
.connect-secondary{margin-top:10px;border:1px solid #4e5938;color:#4e5938;background:#fff9}
.connect-section small{display:block;margin-top:9px;color:#666b5e;font-size:12px}
.connect-actions{align-self:center}
.connect-section a:hover,.connect-section a:focus-visible{filter:brightness(.9)}
.diary-page{padding-bottom:115px}
.diary-category-nav{display:flex;gap:24px;flex-wrap:wrap;padding:25px 0 35px;border-bottom:1px solid #d5d1c7}
.diary-category-nav a{color:#4e5938;font:normal 20px Georgia,'Times New Roman',serif;text-decoration:none}
.diary-category-nav a:hover,.diary-category-nav a:focus-visible{color:#a85d43;text-decoration:underline}
.diary-category-section{scroll-margin-top:35px;padding-top:45px}
.diary-category-heading{display:grid;grid-template-columns:minmax(0,42%) 1fr;gap:clamp(30px,6vw,80px);align-items:center;margin-bottom:45px}
.diary-category-heading img{display:block;width:100%;height:clamp(240px,35vw,380px);object-fit:cover}
#poems .diary-category-heading img{height:auto;aspect-ratio:1126/1397;object-fit:contain}
#stories .diary-category-heading img{height:auto;aspect-ratio:941/1672;object-fit:contain;background:#08090a}
.legacy-anchor{position:relative;top:-35px}
.diary-category-heading h2{font:normal clamp(42px,5vw,65px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.05em;color:#303323;margin:13px 0}
.diary-category-heading p:not(.label){font:normal 19px/1.5 Georgia,'Times New Roman',serif;color:#4e5938}
.diary-empty{border-top:1px solid #d5d1c7;margin-top:45px}
.diary-empty .diary-category-heading{margin-bottom:0}
@media(max-width:700px){
  .hero-copy .eyebrow{font-size:9px;letter-spacing:.12em}
  .portrait-introduction{display:block;padding:10px 6% 70px}
  .portrait-frame{height:auto;aspect-ratio:1.13}
  .portrait-frame img{object-position:center 16%}
  .portrait-intro-copy{padding:22px 3% 0}
  .portrait-intro-copy h2{font-size:43px;margin-bottom:15px}
  .portrait-intro-copy>p:not(.label){font-size:20px}
  .portrait-intro-copy img{width:100px;margin-top:15px}
  .diary-reference .diary-categories{display:block;width:88%;margin-top:25px}
  .diary-reference .diary-categories .diary-card{margin:0 0 34px}
  .diary-card img{aspect-ratio:1.5}
  .diary-card:first-child img{aspect-ratio:1126/1397}
  .diary-card-stories img{aspect-ratio:941/1672}
  .diary-card-number{margin-top:10px}
  .connect-section{display:block;padding:68px 8% 85px}
  .connect-actions{margin-top:65px}
  .diary-category-heading{display:block}
  .diary-category-heading img{height:240px}
  #poems .diary-category-heading img{height:auto}
  #stories .diary-category-heading img{height:auto}
  .diary-category-heading>div{padding-top:22px}
  .diary-category-heading h2{font-size:45px}
}

/* Let the artist's original photograph lead the homepage. */
.hero.wrap{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1fr);gap:clamp(30px,6vw,88px);align-items:center;padding-top:45px}
.featured-portrait{margin:0;min-width:0}
.featured-portrait img{display:block;width:100%;height:clamp(390px,42vw,540px);object-fit:cover;object-position:center 51%;background:#f2eee7}
.featured-portrait figcaption{margin-top:13px;color:#4e5938;font:700 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.hero.wrap>.hero-copy{width:100%;min-width:0}
.hero.wrap>.hero-copy h1{font-size:clamp(46px,5vw,75px);line-height:1.07;max-width:660px;margin:24px 0 0}
.hero.wrap>.hero-story{grid-column:1/-1;margin-top:27px}
.featured-portrait img{height:clamp(510px,49vw,660px);object-position:center bottom}
@media(max-width:720px){
  .hero.wrap{display:block;width:min(100%,calc(100% - 42px));padding-top:24px}
  .featured-portrait img{height:auto;aspect-ratio:.76;object-fit:cover;object-position:center bottom}
  .featured-portrait figcaption{font-size:9px;letter-spacing:.2em;margin-top:10px}
  .hero.wrap>.hero-copy{padding-top:32px}
  .hero.wrap>.hero-copy h1{font-size:clamp(42px,9.8vw,59px);margin-top:18px}
  .hero.wrap>.hero-story{margin-top:35px}
}

/* Newsletter signup and its confirmation page. */
.newsletter-form{width:min(100%,470px);margin-top:26px}
.newsletter-form>label:first-child{display:block;margin-bottom:9px;color:#4e5938;font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.newsletter-controls{display:flex;min-height:56px;border:1px solid #9fa68f;background:#fff}
.newsletter-controls input{width:100%;min-width:0;border:0;border-radius:0;padding:13px 16px;background:transparent;color:#303323;font:16px/1.3 Arial,Helvetica,sans-serif}
.newsletter-controls input:focus{outline:2px solid #4e5938;outline-offset:-2px}
.newsletter-controls button{border:0;border-radius:0;padding:0 19px;background:#4e5938;color:#fff;white-space:nowrap;cursor:pointer;font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.newsletter-controls button:disabled{opacity:.6;cursor:wait}
.newsletter-controls button span{margin-left:12px;font-size:17px;font-weight:normal}
.newsletter-consent{display:flex;align-items:flex-start;gap:9px;margin-top:13px;color:#4e5938;font:14px/1.45 Arial,Helvetica,sans-serif}
.newsletter-consent input{width:16px;height:16px;margin:2px 0 0;accent-color:#4e5938;flex:none}
.newsletter-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.connect-section .newsletter-error{margin:12px 0 0;color:#a85d43;font:14px/1.5 Arial,Helvetica,sans-serif}
.newsletter-thanks{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:85px 0 110px}
.newsletter-thanks-inner{width:min(680px,100%)}
.newsletter-thanks .label{color:#a85d43;letter-spacing:.2em;text-transform:uppercase}
.newsletter-thanks h1{font:normal clamp(44px,7vw,78px)/1.09 Georgia,'Times New Roman',serif;letter-spacing:-.05em;color:#303323;margin:24px auto}
.newsletter-thanks h1 span{color:#a85d43}
.newsletter-thanks p:not(.label){font:normal clamp(19px,2.4vw,27px)/1.45 Georgia,'Times New Roman',serif;color:#4e5938;margin:0 auto 35px}
.newsletter-thanks a{display:inline-block;border-bottom:1px solid #a85d43;padding-bottom:7px;color:#a85d43;font:700 12px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.newsletter-thanks img{width:120px;margin:40px auto 0}

/* Align the roles and artwork description with the portrait's left edge. */
.hero.wrap{padding-top:24px;row-gap:12px}
.hero-roles{grid-column:1/-1;margin:0 0 28px;color:#4e5938;font:700 clamp(11px,1.05vw,14px)/1.6 Arial,Helvetica,sans-serif;letter-spacing:.19em;text-transform:uppercase;text-align:left}
.hero-roles span{color:#a85d43;margin:0 .55em}
.featured-portrait figcaption{margin-top:3px;color:#a85d43;font-size:15px;line-height:1.3;letter-spacing:.13em;display:flex;align-items:center;justify-content:space-between;gap:18px}
.featured-portrait figcaption .featured-signature{width:92px;height:auto;aspect-ratio:3/1;flex:none;object-fit:contain;background:none}
.featured-portrait>.featured-signature{display:block;width:92px;height:auto;max-height:40px;aspect-ratio:auto;object-fit:contain;margin:30px 0 0 auto;background:none}
@media(max-width:720px){
  .hero.wrap{padding-top:19px}
  .hero-roles{font-size:10px;letter-spacing:.1em;line-height:1.7;margin:0 0 45px;text-align:left}
  .hero-roles span{margin:0 .3em}
  .featured-portrait figcaption{font-size:12px;letter-spacing:.1em;margin-top:2px}
  .featured-portrait figcaption .featured-signature{width:73px}
  .featured-portrait>.featured-signature{width:82px;margin-top:31px}
}

/* Keep the illustrated passage compact so the portrait remains the lead image. */
.hero-story .story-panel{min-height:400px}
.hero-story .story-opening .story-portrait{width:min(360px,88%)}
.hero-story .story-making .story-portrait{width:min(330px,84%)}
.hero-story .story-closing .story-portrait{width:min(315px,82%)}
.hero-story .story-making,.hero-story .story-closing{margin-top:12px}
@media(max-width:720px){
  .hero-story .story-panel{min-height:0;padding-block:15px}
  .hero-story .story-opening .story-portrait{width:96%;margin-left:-5%}
  .hero-story .story-making .story-portrait{width:86%;margin-right:0}
  .hero-story .story-closing .story-portrait{width:90%;margin-left:-4%}
  .hero-story .story-making,.hero-story .story-closing{margin-top:8px}
.hero-story .portrait-tail{height:55px}
}

/* Three simple previews replace the full-height illustrated panels. */
.role-reference-images{gap:0}
.role-preview{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 clamp(10px,2vw,26px) 10px;text-align:center;color:#302922;text-decoration:none}
.role-preview+.role-preview{border-left:1px solid #ddd9cf}
.role-preview-art{display:block;position:relative;width:100%;aspect-ratio:1.2;overflow:hidden}
.role-preview-art img{position:absolute;left:0;top:-5%;display:block;width:100%;height:auto;min-width:0}
.role-preview-title{display:block;margin-top:8px;font:normal clamp(25px,2.6vw,37px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.role-preview-copy{display:block;margin-top:10px;color:#4e5938;font:normal clamp(11px,1.1vw,14px)/1.4 Georgia,'Times New Roman',serif;letter-spacing:.08em}
.role-preview-arrow{display:grid;place-items:center;width:38px;height:38px;margin-top:16px;border:1px solid #bd906b;border-radius:50%;color:#a85d43;font:normal 23px/1 Georgia,serif}
.role-preview:focus-visible{outline:2px solid #a85d43;outline-offset:4px}
@media(max-width:700px){
  .role-reference-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:none}
  .role-preview{padding:0 4px 5px}
  .role-preview-title{font-size:clamp(13px,3.6vw,18px);line-height:1.04;margin-top:5px}
  .role-preview-copy{font-size:clamp(8px,2vw,10px);line-height:1.25;letter-spacing:0;margin-top:6px}
  .role-preview-copy br{display:none}
  .role-preview-arrow{width:29px;height:29px;margin-top:9px;font-size:18px}
}

/* A shorter, left-aligned headline and a single-screen illustrated poem on phones. */
.hero.wrap>.hero-copy h1{font-size:clamp(39px,4.2vw,59px);text-align:left}
@media(max-width:720px){
  .hero.wrap>.hero-copy{padding-top:20px;text-align:left}
  .hero.wrap>.hero-copy h1{font-size:clamp(27px,7.5vw,31px);line-height:1.08;letter-spacing:-.055em;margin:0;text-align:left;white-space:nowrap}
  .hero.wrap>.hero-story{margin-top:16px}
  .hero-story .story-panel{min-height:0;padding:2px 0;align-items:center}
  .hero-story .story-portrait{align-self:center;margin-bottom:0}
  .hero-story .story-portrait img{width:100%;height:132px;max-height:132px;object-fit:contain}
  .hero-story .story-opening{grid-template-columns:38% 62%}
  .hero-story .story-opening .story-portrait{width:90%;margin-left:0}
  .hero-story .story-opening .story-words{transform:none}
  .hero-story .story-opening .story-lead{font-size:clamp(24px,6.3vw,30px);margin-bottom:5px}
  .hero-story .story-opening .story-small{font-size:clamp(13px,3.45vw,16px);line-height:1.2;margin:0 0 5px 4%}
  .hero-story .story-opening .story-declaration{margin:0}
  .hero-story .story-opening .story-declaration span:first-child{font-size:clamp(16px,4.15vw,20px);margin-left:4%}
  .hero-story .story-opening .story-declaration span:last-child{font-size:clamp(23px,5.8vw,28px)}
  .hero-story .story-opening .story-words:after{margin:6px 0 0 55%;width:25%}
  .hero-story .story-making{grid-template-columns:58% 42%}
  .hero-story .story-making .story-portrait{width:92%;margin-right:0}
  .hero-story .story-making .story-words p{font-size:clamp(16px,4.35vw,20px);line-height:1.18}
  .hero-story .story-making .story-words p+p{margin:8px 0 0 4%}
  .hero-story .story-closing{grid-template-columns:38% 62%}
  .hero-story .story-closing .story-portrait{width:88%;margin-left:0}
  .hero-story .story-closing .story-small{font-size:clamp(14px,3.75vw,18px);margin-bottom:5px}
  .hero-story .story-closing .story-last{font-size:clamp(22px,5.5vw,27px);line-height:1.12}
  .hero-story .story-closing .hero-sign{width:54px;margin:8px 4% 0 auto}
  .hero-story .story-making,.hero-story .story-closing{margin-top:3px}
  .hero-story .portrait-tail{display:none}
  .hero.wrap{padding-bottom:28px}
}

/* The poem starts below the photograph and occupies its own mobile screen. */
.story-screen{display:contents}
.story-screen>.hero-copy{width:100%;min-width:0}
.story-screen>.hero-copy h1{font-size:clamp(39px,4.2vw,59px);line-height:1.07;max-width:660px;margin:24px 0 0;text-align:left}
.story-screen>.hero-story{grid-column:1/-1;margin-top:27px}
@media(max-width:720px){
  .hero.wrap{padding-bottom:0}
  .story-screen{box-sizing:border-box;display:flex;flex-direction:column;min-height:calc(112 * var(--site-svh, 1svh));padding:clamp(86px,calc(11 * var(--site-svh, 1svh)),120px) 0 95px}
  .story-screen>.hero-copy{padding:0;text-align:left}
  .story-screen>.hero-copy h1{font-size:clamp(27px,7.5vw,31px);margin:0;white-space:nowrap}
  .story-screen>.hero-story{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin:40px 0 0}
  .story-screen .story-panel{min-height:0;padding:0;align-items:center}
  .story-screen .story-portrait img{height:clamp(150px,calc(19 * var(--site-svh, 1svh)),190px);max-height:none}
  .story-screen .story-making,.story-screen .story-closing{margin-top:0}
  .story-screen .story-opening .story-portrait,.story-screen .story-making .story-portrait,.story-screen .story-closing .story-portrait{width:100%;margin:0}
  .story-screen .story-portrait img{width:105%;max-width:none;height:clamp(180px,calc(23 * var(--site-svh, 1svh)),220px);object-fit:contain}
}

/* Let the three creative previews fill a mobile screen as one composition. */
@media(max-width:700px){
  .roles-reference{box-sizing:border-box;min-height:calc(100 * var(--site-svh, 1svh));display:flex;flex-direction:column;justify-content:space-evenly;padding-top:45px;padding-bottom:45px}
  .roles-reference .roles-heading{margin-bottom:12px}
  .role-reference-images{flex:none;align-items:start}
  .role-preview{min-height:0;justify-content:flex-start;padding:0 5px 12px}
  .role-preview-art{height:clamp(230px,calc(34 * var(--site-svh, 1svh)),320px);aspect-ratio:auto;mask-image:none}
  .role-preview-art img{left:0;top:0;width:100%;height:145%;object-fit:cover;object-position:center top}
  .role-preview-title{font-family:'Bodoni 72',Didot,Baskerville,Georgia,serif;font-size:clamp(15px,4.2vw,20px);font-weight:400;line-height:1.13;margin-top:14px}
  .role-preview-copy{font-family:'Bodoni 72',Didot,Baskerville,Georgia,serif;font-size:clamp(9px,2.45vw,12px);line-height:1.4;letter-spacing:.07em;margin-top:12px}
  .role-preview-arrow{margin-top:22px;width:34px;height:34px;font-size:20px}
  .roles-reference .roles-ending{margin-top:18px}
}

/* Use Melo's finished 9:16 compositions on the phone layout. */
.mobile-poem-composition,.mobile-ways-composition{display:none}
@media(max-width:720px){
  .hero.wrap{overflow:visible}
  .story-screen{width:100vw;min-height:calc(100 * var(--site-svh, 1svh));margin-left:calc(50% - 50vw);padding:0;display:flex;align-items:center;justify-content:center}
  .story-screen>.hero-copy,.story-screen>.hero-story{display:none}
  .mobile-poem-composition{display:block;width:100%;height:auto;max-height:calc(100 * var(--site-svh, 1svh));object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent)}
  .roles-reference{min-height:calc(100 * var(--site-svh, 1svh));padding:0;display:flex;align-items:center;justify-content:center}
  .roles-reference>.roles-heading,.roles-reference>.role-reference-images,.roles-reference>.roles-ending{display:none}
  .mobile-ways-composition{display:block;position:relative;width:100%;max-width:720px}
  .mobile-ways-composition>img{display:block;width:100%;height:auto;max-height:calc(100 * var(--site-svh, 1svh));object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent)}
  .mobile-ways-links{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobile-ways-links a:focus-visible{outline:2px solid #a85d43;outline-offset:-4px}
}

/* One continuous paper wall carries the supplied artwork and live newsletter. */
main{background-image:linear-gradient(#ffffff35,#ffffff35),url('white-stone-seamless.webp')}
@media(max-width:720px){
  .mobile-poem-composition{width:auto;height:calc(100 * var(--site-svh, 1svh));max-width:none;max-height:none;object-fit:fill;filter:none;mix-blend-mode:normal;mask-image:linear-gradient(to bottom,transparent 0%,#000 2%,#000 97%,transparent 100%),linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);mask-composite:intersect}
  .mobile-ways-composition>img{filter:none;mix-blend-mode:normal;mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 94%,transparent 100%)}
  .connect-section{position:relative;isolation:isolate;box-sizing:border-box;width:100%;min-height:calc(100 * var(--site-svh, 1svh));margin:0;padding:72px 9% 78px;border-top:0;background:transparent}
  .connect-section::before{content:none;display:none;background:none}
  .connect-section .label{margin:0;color:#a85d43;font:normal 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.24em}
  .connect-section h2{margin:17px 0 22px;color:#24291d;font:normal clamp(36px,9.3vw,52px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
  .connect-newsletter-panel>p:not(.label){max-width:100%;margin:0;color:#3e4931;font:normal clamp(17px,4.3vw,21px)/1.35 Georgia,'Times New Roman',serif}
  .newsletter-form{width:100%;margin-top:30px}
  .newsletter-form>label:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .newsletter-controls{min-height:51px;border:1px solid #828d74;border-radius:9px;overflow:hidden;background:#ffffffb0}
  .newsletter-controls input{font:normal 16px/1.3 Arial,Helvetica,sans-serif;padding:12px 16px}
  .newsletter-controls button{min-width:34%;padding:0 12px;background:#4e5938;font-size:12px;letter-spacing:.14em}
  .newsletter-controls button span{font-size:22px;margin-left:9px;font-weight:normal;line-height:0}
  .newsletter-consent{gap:10px;margin-top:16px;color:#3e4931;font:normal clamp(13px,3.5vw,16px)/1.35 Georgia,'Times New Roman',serif}
  .newsletter-consent input{width:17px;height:17px;margin-top:1px}
  .connect-actions{margin-top:60px;padding-top:55px;border-top:1px solid #9d9e8e}
  .connect-actions h2{max-width:340px;margin:18px 0 35px;font-size:clamp(43px,11.5vw,60px)}
  .connect-actions a{box-sizing:border-box;width:100%;min-height:54px;border-radius:9px;padding:14px 20px;font-size:12px;letter-spacing:.15em}
  .connect-actions .connect-secondary{margin-top:13px;background:transparent}
  .connect-actions a span{font-size:24px;font-weight:normal;line-height:0}
}

/* The illustrated poem is real page content on the same stone wall. */
.connect-section{position:relative;overflow:hidden}
.connect-leaf{position:absolute;right:0;top:0;width:clamp(125px,17vw,230px);height:auto;pointer-events:none}
@media(max-width:720px){
  .story-screen{min-height:calc(100 * var(--site-svh, 1svh));height:auto;padding:30px 7.5% 28px;display:flex;flex-direction:column;align-items:stretch;justify-content:initial}
  .story-screen>.mobile-poem-composition{display:none}
  .story-screen>.hero-copy{display:block;padding:0}
  .story-screen>.hero-copy h1{margin:0;color:#26271f;font:normal clamp(26px,7.25vw,36px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.055em;white-space:nowrap}
  .story-screen>.hero-copy h1 em{color:#ae6048;font-weight:normal}
  .story-screen>.hero-story{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));flex:1;min-height:0;margin:16px 0 0}
  .story-screen .story-panel{min-height:0;height:100%;margin:0;padding:0;align-items:center}
  .story-screen .story-opening{grid-template-columns:53% 47%}
  .story-screen .story-making{grid-template-columns:52% 48%}
  .story-screen .story-closing{grid-template-columns:53% 47%}
  .story-screen .story-portrait,.story-screen .story-opening .story-portrait,.story-screen .story-making .story-portrait,.story-screen .story-closing .story-portrait{width:100%;margin:0;align-self:center}
  .story-screen .story-portrait img{display:block;width:100%;height:clamp(175px,calc(27 * var(--site-svh, 1svh)),270px);max-height:none;object-fit:contain;transform:none}
  .story-screen .story-making .story-portrait img{transform:scaleX(-1)}
  .story-screen .story-words{padding:0;transform:none}
  .story-screen .story-words p{letter-spacing:-.042em}
  .story-screen .story-opening .story-lead{font-size:clamp(27px,7.2vw,37px);line-height:1.02;margin:0 0 8px;font-weight:600;white-space:nowrap}
  .story-screen .story-opening .story-small{font-size:clamp(16px,4.1vw,21px);line-height:1.14;margin:0 0 14px}
  .story-screen .story-opening .story-declaration{margin:0;font-size:inherit;line-height:1.05}
  .story-screen .story-opening .story-declaration span:first-child{font-size:clamp(17px,4.5vw,23px);margin:0}
  .story-screen .story-opening .story-declaration span:last-child{font-size:clamp(25px,6.2vw,32px);margin:0;white-space:normal}
  .story-screen .story-opening .story-words:after{content:none}
  .story-screen .story-making .story-words p{font-size:clamp(19px,4.8vw,25px);line-height:1.13;margin:0}
  .story-screen .story-making .story-words p+p{margin:15px 0 0}
  .story-screen .story-closing .story-small{font-size:clamp(17px,4.3vw,22px);line-height:1.18;margin:0 0 5px;font-style:italic}
  .story-screen .story-closing .story-last{font-size:clamp(25px,6.3vw,33px);line-height:1.06;margin:0}
  .story-screen .story-closing .hero-sign{width:64px;height:auto;margin:19px 0 0 auto}
  .story-screen .portrait-tail{display:none}
  .connect-section{min-height:calc(100 * var(--site-svh, 1svh));padding:24px 9% 30px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
  .connect-leaf{right:-48px;top:-28px;width:150px;z-index:0}
  .connect-newsletter-panel,.connect-actions{position:relative;z-index:1}
  .connect-section .label{font-size:10px;letter-spacing:.23em}
  .connect-section h2{font-size:clamp(34px,8.8vw,41px);line-height:1.02;margin:13px 0 18px}
  .connect-newsletter-panel>p:not(.label){font-size:clamp(16px,4.1vw,19px);line-height:1.3}
  .newsletter-form{margin-top:24px}
  .newsletter-controls{min-height:50px}
  .newsletter-consent{font-size:clamp(13px,3.35vw,15px);line-height:1.3;margin-top:13px}
  .connect-actions{margin-top:34px;padding-top:31px}
  .connect-actions h2{font-size:clamp(37px,9.8vw,46px);margin:15px 0 25px;max-width:330px}
  .connect-actions a{min-height:48px;padding:11px 17px}
  .connect-actions .connect-secondary{margin-top:11px}
}
@media(max-width:720px) and (max-height:700px){
  .story-screen{padding-top:20px;padding-bottom:18px}
  .story-screen>.hero-story{margin-top:10px}
  .story-screen .story-portrait img{height:calc(25 * var(--site-svh, 1svh))}
  .connect-section{padding-top:17px;padding-bottom:18px}
  .connect-section h2{font-size:34px;margin:10px 0 13px}
  .connect-newsletter-panel>p:not(.label){font-size:16px}
  .newsletter-form{margin-top:18px}
  .connect-actions{margin-top:20px;padding-top:20px}
  .connect-actions h2{font-size:36px;margin:10px 0 16px}
  .connect-actions a{min-height:44px}
}

/* Match the supplied mobile poem composition using separate art and live text. */
@media(max-width:720px){
  .story-screen{position:relative;box-sizing:border-box;width:100vw;height:calc(100 * var(--site-svh, 1svh));min-height:0;padding:0;overflow:hidden;display:block}
  .story-screen>.hero-copy{position:absolute;z-index:3;left:9%;top:6.5%;width:85%;padding:0}
  .story-screen>.hero-copy h1{font-size:clamp(25px,6.6vw,34px);line-height:1;letter-spacing:-.05em}
  .story-screen>.hero-story{position:absolute;inset:0;display:block;height:100%;margin:0}
  .story-screen .story-panel{position:absolute;left:0;width:100%;height:35%;display:block;margin:0;padding:0;min-height:0}
  .story-screen .story-opening{top:11%}
  .story-screen .story-making{top:36%}
  .story-screen .story-closing{top:64%;height:33%}
  .story-screen .story-portrait,.story-screen .story-opening .story-portrait,.story-screen .story-making .story-portrait,.story-screen .story-closing .story-portrait{position:absolute;top:0;height:100%;margin:0;align-self:auto;justify-self:auto}
  .story-screen .story-opening .story-portrait{left:14%;top:1%;width:34%}
  .story-screen .story-making .story-portrait{left:51%;top:3%;width:36%}
  .story-screen .story-closing .story-portrait{left:10%;top:4%;width:38%;height:100%}
  .story-screen .story-portrait img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
  .story-screen .story-opening .story-portrait img{transform:scale(1.08)}
  .story-screen .story-making .story-portrait img{transform:scale(-1.026,1.026)}
  .story-screen .story-closing .story-portrait img{transform:scale(1.026)}
  .story-screen .story-words{position:absolute;z-index:2;width:auto;padding:0;transform:none}
  .story-screen .story-opening .story-words{left:56%;top:18%;width:42%}
  .story-screen .story-making .story-words{left:12%;top:38%;width:43%}
  .story-screen .story-closing .story-words{left:54%;top:41%;width:45%;height:60%}
  .story-screen .story-words p{letter-spacing:-.04em}
  .story-screen .story-opening .story-lead{font-size:clamp(23px,6.1vw,30px);line-height:1.04;margin:0 0 8px;font-weight:600;white-space:nowrap}
  .story-screen .story-opening .story-small{font-size:clamp(16px,4.3vw,21px);line-height:1.12;margin:0 0 12px}
  .story-screen .story-opening .story-declaration span:first-child{font-size:clamp(17px,4.8vw,23px);line-height:1.12}
  .story-screen .story-opening .story-declaration span:last-child{font-size:clamp(19px,5.1vw,25px);line-height:1.12;white-space:nowrap}
  .story-screen .story-making .story-words p{font-size:clamp(17px,4.6vw,23px);line-height:1.17}
  .story-screen .story-making .story-words p+p{margin:8px 0 0}
  .story-screen .story-closing .story-small{font-size:clamp(16px,4.2vw,21px);line-height:1.13;margin:0;font-style:italic;white-space:nowrap}
  .story-screen .story-closing .story-last{font-size:clamp(19px,5.2vw,26px);line-height:1.23;margin:0;white-space:nowrap}
  .story-screen .story-closing .story-last strong{font-weight:600;font-size:1.14em}
  .story-screen .story-closing .hero-sign{position:absolute;right:2%;bottom:calc(8% + calc(.99 * var(--site-svh, 1svh)));width:56px;height:auto;margin:0}
  .connect-leaf{right:0;top:0;width:115px}
  .connect-section .label{font-size:13px;line-height:1.35;letter-spacing:.23em}
  .connect-newsletter-panel>p:not(.label){max-width:87%}
}

/* Portfolio: real release imagery, project identities, and Melo's own videos. */
.portfolio-page{padding:0 0 120px;color:#29291f}
.portfolio-intro{padding-top:92px;padding-bottom:76px}
.portfolio-intro h1{font:normal clamp(68px,9vw,130px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.072em;margin:18px 0 25px}
.portfolio-intro h1 span,.portfolio-section-head h2>span{color:#ad654d}
.portfolio-intro>p:not(.label){font:normal clamp(21px,2.35vw,31px)/1.35 Georgia,serif;max-width:690px;margin:0;color:#5a5a49}
.portfolio-jump{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #958f7e;border-bottom:1px solid #958f7e;margin-top:65px;padding:19px 0;font:normal 11px/1.4 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.portfolio-jump a:hover,.portfolio-text-link:hover,.portfolio-song-info a:hover,.portfolio-brand-copy a:hover,.portfolio-camera-copy a:hover{color:#a65b40}
.portfolio-section{padding-top:55px;padding-bottom:100px}
.portfolio-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.6fr);gap:50px;align-items:end;margin-bottom:48px}
.portfolio-section-head h2{font:normal clamp(42px,5.1vw,72px)/1.04 Georgia,serif;letter-spacing:-.055em;margin:15px 0 0}
.portfolio-section-head h2 em{color:#ae6048;font-weight:normal}
.portfolio-section-head>p{font:normal clamp(16px,1.5vw,20px)/1.5 Georgia,serif;color:#615f52;margin:0 0 4px;max-width:365px}
.portfolio-song-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 30px}
.portfolio-song{min-width:0}
.portfolio-song-art{aspect-ratio:16/9;overflow:hidden;background:#d4d0c4}
.portfolio-song-art img{display:block;width:100%;height:auto;max-width:none}
.portfolio-song-info{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #9c998d;margin-top:17px;padding-top:16px}
.portfolio-credit,.portfolio-index{font:normal 11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#a26148}
.portfolio-song-info h3{font:normal clamp(29px,3vw,42px)/1.12 Georgia,serif;letter-spacing:-.04em;margin:7px 0 9px}
.portfolio-song-info p{font:normal 14px/1.45 Arial,sans-serif;color:#646459;margin:0}
.portfolio-song-info a,.portfolio-adaptation a,.portfolio-brand-copy a,.portfolio-camera-copy a,.portfolio-text-link{display:inline-block;font:normal 11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid currentColor;padding-bottom:5px}
.portfolio-song-info a{margin-top:14px}
.portfolio-adaptation{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:50px;align-items:center;border-top:1px solid #9c998d;border-bottom:1px solid #9c998d;margin-top:75px;padding:36px 0}
.portfolio-adaptation h3{font:normal clamp(32px,3.5vw,49px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:15px 0}
.portfolio-adaptation div>p:not(.label){max-width:455px;font:normal 18px/1.55 Georgia,serif;color:#5e5b51;margin:0 0 22px}
.portfolio-text-link{margin-top:30px}
.portfolio-identity{padding:95px 0 105px;background:linear-gradient(#efebe2c7,#efebe2c7),url('white-stone-seamless.webp')}
.portfolio-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.portfolio-brand{min-width:0;background:#f7f4ec}
.portfolio-brand-visual{height:390px;display:flex;gap:20px;justify-content:center;align-items:center;overflow:hidden;background:#dad9cb;padding:32px}
.portfolio-brand-visual img{width:auto;height:128%;max-width:none;box-shadow:0 18px 35px #26312932;transform:rotate(-5deg)}
.portfolio-brand-visual img+img{transform:rotate(5deg);margin-left:-25px}
.portfolio-jwet-visual{height:390px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;overflow:hidden;background:#e2ded1;color:#363c2f;text-align:center}
.portfolio-jwet-visual p{font:normal clamp(42px,5vw,70px)/1 Georgia,serif;letter-spacing:-.045em;margin:0}
.portfolio-jwet-visual span{font:normal 11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.22em}
.portfolio-brand-copy{padding:30px 32px 34px}
.portfolio-brand-copy h3{font:normal clamp(35px,3.3vw,48px)/1.1 Georgia,serif;letter-spacing:-.05em;margin:10px 0 12px}
.portfolio-brand-copy>p:not(.label){font:normal 17px/1.5 Georgia,serif;color:#5e5c50;max-width:420px;margin:0 0 22px}
.portfolio-camera{padding-top:110px}
.portfolio-camera-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.75fr);gap:65px;align-items:center}
.portfolio-phone-row{height:490px;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;background:#d6d8cc;padding:28px}
.portfolio-phone-row img{height:95%;width:auto;max-width:34%;object-fit:cover;object-position:top;border:5px solid #f7f6ef;border-radius:13px;box-shadow:0 10px 24px #26312932}
.portfolio-phone-row img:nth-child(2){height:100%}
.portfolio-camera-mark{font:italic 78px/1 Georgia,serif;color:#405638}
.portfolio-camera-copy h3{font:normal clamp(38px,4vw,56px)/1.1 Georgia,serif;letter-spacing:-.05em;margin:18px 0}
.portfolio-camera-copy p{font:normal 19px/1.55 Georgia,serif;color:#5f5e54;margin:0 0 28px}
/* A distinct, almost-white terracotta canvas for the portfolio. */
main.portfolio-page{background:#fbf8f6;color:#302b28}
.portfolio-page .label,.portfolio-credit,.portfolio-index{color:#a2624d}
.portfolio-identity{background:#f5edE9}
.portfolio-brand{background:#fffaf7;border:1px solid #e8d9d0}
.portfolio-brand-visual{height:390px;display:flex;flex-direction:column;gap:0;padding:0;background:#f2f6f2;overflow:hidden}
.portfolio-brand-visual .portfolio-lavi-logo{display:flex;align-items:center;justify-content:center;width:100%;height:124px;background:#fff}
.portfolio-brand-visual .portfolio-lavi-logo img{display:block;max-width:80%;width:270px;height:118px;object-fit:contain;box-shadow:none;transform:none;margin:0}
.portfolio-lavi-gallery{display:flex;gap:7px;width:100%;height:266px;padding:7px;overflow-x:auto;scroll-snap-type:x mandatory;background:#ddf0ec}
.portfolio-brand-visual .portfolio-lavi-gallery img{display:block;flex:0 0 250px;width:250px;height:250px;max-width:none;object-fit:contain;scroll-snap-align:start;box-shadow:none;transform:none;margin:0;background:#fff}
.portfolio-jwet-visual{height:390px;display:grid;grid-template-columns:45% 55%;gap:0;background:#f9f7f2}
.portfolio-jwet-assets{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:29px;padding:18px;background:#f6f1e9}
.portfolio-jwet-assets .portfolio-jwet-logo{width:100%;max-height:95px;object-fit:contain}
.portfolio-jwet-assets .portfolio-jwet-symbol{width:85px;height:95px;object-fit:contain}
.portfolio-jwet-site{height:100%;overflow:hidden;background:#fff}
.portfolio-jwet-site img{width:100%;height:100%;object-fit:cover;object-position:center 14%}
.portfolio-jwet-visual p,.portfolio-jwet-visual span{display:none}
@media(max-width:720px){
  .portfolio-page{padding-bottom:75px}
  .portfolio-intro{padding-top:60px;padding-bottom:40px}
  .portfolio-intro h1{font-size:clamp(58px,14vw,83px);margin:18px 0 20px}
  .portfolio-intro>p:not(.label){font-size:21px}
  .portfolio-jump{gap:14px 22px;margin-top:42px;font-size:9px}
  .portfolio-section{padding-top:36px;padding-bottom:70px}
  .portfolio-section-head{display:block;margin-bottom:30px}
  .portfolio-section-head h2{font-size:clamp(40px,10vw,55px)}
  .portfolio-section-head>p{margin:18px 0 0;font-size:17px}
  .portfolio-song-grid{grid-template-columns:1fr;gap:42px}
  .portfolio-song-info{margin-top:12px;padding-top:13px}
  .portfolio-song-info h3{font-size:34px}
  .portfolio-adaptation{grid-template-columns:1fr;gap:25px;margin-top:48px;padding:28px 0}
  .portfolio-adaptation h3{font-size:37px}
  .portfolio-adaptation div>p:not(.label){font-size:17px}
  .portfolio-identity{padding:66px 0 75px}
  .portfolio-brand-grid{grid-template-columns:1fr;gap:25px}
  .portfolio-brand-visual,.portfolio-jwet-visual{height:310px}
  .portfolio-brand-visual{padding:20px}
  .portfolio-brand-copy{padding:24px}
  .portfolio-camera{padding-top:75px}
  .portfolio-camera-layout{grid-template-columns:1fr;gap:35px}
  .portfolio-phone-row{height:350px;padding:16px;gap:7px}
  .portfolio-phone-row img{border-width:3px;border-radius:8px}
  .portfolio-camera-mark{font-size:56px}
  .portfolio-camera-copy h3{font-size:43px;margin:13px 0}
  .portfolio-camera-copy p{font-size:18px}
  .portfolio-brand-visual,.portfolio-jwet-visual{height:355px}
  .portfolio-brand-visual .portfolio-lavi-logo{height:105px}
  .portfolio-brand-visual .portfolio-lavi-logo img{height:100px;width:235px}
  .portfolio-lavi-gallery{height:250px}
  .portfolio-brand-visual .portfolio-lavi-gallery img{flex-basis:236px;width:236px;height:236px}
  .portfolio-jwet-visual{grid-template-columns:43% 57%}
  .portfolio-jwet-assets{gap:18px;padding:10px}
  .portfolio-jwet-assets .portfolio-jwet-symbol{width:65px;height:75px}
}

/* Editorial case studies give each identity its own space. */
.portfolio-identity{background:#f9f3f0;padding:90px 0 120px}
.portfolio-identity .portfolio-section-head{margin-bottom:70px}
.portfolio-case{padding-top:27px;border-top:1px solid #b6a69f}
.portfolio-case+.portfolio-case{margin-top:115px}
.portfolio-case-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.85fr);gap:50px;align-items:end;margin-bottom:34px}
.portfolio-case-heading h3{font:normal clamp(44px,5vw,68px)/1.05 Georgia,serif;letter-spacing:-.055em;margin:13px 0 0}
.portfolio-case-heading>div:last-child p{max-width:490px;margin:0 0 18px;color:#5c554f;font:normal 18px/1.5 Georgia,serif}
.portfolio-case-heading a{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;font:normal 12px/1.4 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.portfolio-case-heading a:hover{color:#a65b40}
.portfolio-case-caption{margin:15px 0 0;color:#8c7369;font:normal 12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em}
.portfolio-lavi-showcase{background:#fff;padding:32px}
.portfolio-lavi-hero{height:225px;display:flex;align-items:center;justify-content:center;background:#fff}
.portfolio-lavi-hero img{width:min(410px,65%);height:200px;object-fit:contain}
.portfolio-lavi-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.portfolio-lavi-posts img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}
.portfolio-jwet-showcase{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:540px;background:#fff}
.portfolio-jwet-brand-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;padding:55px 42px;background:#fffaf4;text-align:center}
.portfolio-jwet-wordmark{width:min(450px,95%);height:auto}
.portfolio-jwet-emblem{width:125px;height:125px;object-fit:contain}
.portfolio-jwet-brand-panel p{font:normal 12px/1.5 Arial,sans-serif;letter-spacing:.27em;color:#9b7741;margin:0}
.portfolio-jwet-web-panel{height:540px;overflow:hidden;background:#fff;border-left:1px solid #e9e1d8}
.portfolio-jwet-web-panel img{width:100%;height:100%;object-fit:cover;object-position:center top}
.portfolio-camera-feature{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);min-height:550px;align-items:stretch;background:#efe1d9}
.portfolio-camera-portrait{min-height:550px;overflow:hidden;background:#e6d8cc}
.portfolio-camera-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.portfolio-camera-feature .portfolio-camera-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(35px,6vw,90px)}
.portfolio-camera-feature .portfolio-camera-copy .label{font:normal 12px/1.4 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:0}
.portfolio-camera-feature .portfolio-camera-copy h3{font-size:clamp(42px,5vw,70px);max-width:460px}
.portfolio-camera-feature .portfolio-camera-copy p:not(.label){max-width:480px}
@media(max-width:720px){
  .portfolio-identity{padding:70px 0 85px}
  .portfolio-identity .portfolio-section-head{margin-bottom:52px}
  .portfolio-case+.portfolio-case{margin-top:76px}
  .portfolio-case-heading{display:block;margin-bottom:24px}
  .portfolio-case-heading h3{font-size:clamp(41px,10vw,54px)}
  .portfolio-case-heading>div:last-child p{font-size:17px;margin:18px 0 16px}
  .portfolio-lavi-showcase{padding:12px}
  .portfolio-lavi-hero{height:190px}
  .portfolio-lavi-hero img{width:80%;height:165px}
  .portfolio-lavi-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
  .portfolio-lavi-posts img:first-child{grid-column:1/-1;width:100%;max-width:420px;justify-self:center}
  .portfolio-jwet-showcase{grid-template-columns:1fr}
  .portfolio-jwet-brand-panel{min-height:310px;padding:32px 25px;gap:17px}
  .portfolio-jwet-wordmark{width:min(340px,95%)}
  .portfolio-jwet-emblem{width:80px;height:80px}
  .portfolio-jwet-brand-panel p{font-size:10px}
  .portfolio-jwet-web-panel{height:375px;border-left:0;border-top:1px solid #e9e1d8}
  .portfolio-camera-feature{display:block}
  .portfolio-camera-portrait{height:410px;min-height:0}
  .portfolio-camera-feature .portfolio-camera-copy{padding:35px 28px 42px}
  .portfolio-camera-feature .portfolio-camera-copy h3{font-size:43px}
}

/* Essentials: an open, catalog-like personal shelf. */
.essentials-page{background:#f8f6f1;color:#2f302b;padding:0 0 130px}
.essentials-intro{padding-top:88px;padding-bottom:85px}
.essentials-overline{margin:0;color:#a06450;font:normal 12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.24em}
.essentials-overline span{padding:0 8px;color:#abaaa0}
.essentials-intro-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:50px;align-items:end;margin:20px 0 60px}
.essentials-intro h1{font:normal clamp(58px,8.2vw,110px)/.98 Georgia,serif;letter-spacing:-.07em;margin:0;white-space:nowrap}
.essentials-intro h1 span,.essentials-heading h2 span{color:#ad715d}
.essentials-intro-row p{font:normal clamp(18px,1.9vw,24px)/1.45 Georgia,serif;color:#645e55;max-width:385px;margin:0 0 6px}
.essentials-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #aca69d;border-bottom:1px solid #aca69d}
.essentials-index a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:22px 15px 22px 0;font:normal 15px/1.3 Arial,sans-serif}
.essentials-index a+a{padding-left:19px;border-left:1px solid #d2cdc3}
.essentials-index a:hover,.essentials-index a:focus-visible{color:#a45d47}
.essentials-index span{font:normal 11px/1.3 Arial,sans-serif;color:#a87560}
.essentials-section{padding-top:22px;scroll-margin-top:24px}
.essentials-section+.essentials-section{margin-top:120px}
.essentials-heading{display:grid;grid-template-columns:94px minmax(0,1fr) auto;gap:15px;align-items:start;border-top:1px solid #746f65;padding-top:23px;margin-bottom:42px}
.essentials-number,.essentials-count{font:normal 11px/1.4 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#a06b57}
.essentials-count{color:#807970}
.essentials-heading p{font:normal 12px/1.3 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#a06b57;margin:0 0 8px}
.essentials-heading h2{font:normal clamp(40px,4.8vw,66px)/1.04 Georgia,serif;letter-spacing:-.055em;margin:0}
.essentials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:62px 26px}
.essentials-item{min-width:0;margin:0}
.essentials-image{width:100%;aspect-ratio:4/5;overflow:hidden;background:#eeeae2}
.essentials-image img{width:100%;height:100%;object-fit:contain}
.essentials-item figcaption{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;border-top:1px solid #bfb7ab;margin-top:13px;padding-top:14px}
.essentials-item-no,.essentials-brand{display:block;font:normal 11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#a36550}
.essentials-brand{margin-bottom:6px;color:#797267}
.essentials-item h3{font:normal clamp(19px,2vw,26px)/1.18 Georgia,serif;letter-spacing:-.025em;margin:0;max-width:310px}
@media(max-width:720px){
  .essentials-page{padding-bottom:78px}
  .essentials-intro{padding-top:58px;padding-bottom:56px}
  .essentials-intro-row{display:block;margin:17px 0 40px}
  .essentials-intro h1{font-size:clamp(51px,12vw,78px);white-space:normal}
  .essentials-intro-row p{font-size:19px;margin-top:19px}
  .essentials-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .essentials-index a{padding:15px 10px 15px 0;font-size:13px}
  .essentials-index a:nth-child(3){border-left:0;border-top:1px solid #d2cdc3;padding-left:0}
  .essentials-index a:nth-child(4){border-top:1px solid #d2cdc3}
  .essentials-section+.essentials-section{margin-top:80px}
  .essentials-heading{grid-template-columns:1fr auto;gap:7px;margin-bottom:28px}
  .essentials-number{grid-column:1/-1}
  .essentials-heading h2{font-size:clamp(38px,9vw,53px)}
  .essentials-heading p{font-size:10px;margin:9px 0 8px}
  .essentials-count{margin-top:11px;font-size:9px}
  .essentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 13px}
  .essentials-image{aspect-ratio:4/5}
  .essentials-item figcaption{grid-template-columns:1fr;gap:5px;margin-top:9px;padding-top:9px}
  .essentials-item h3{font-size:18px;line-height:1.2}
  .essentials-brand,.essentials-item-no{font-size:9px}
}
@media(max-width:390px){.essentials-grid{grid-template-columns:1fr;gap:35px}.essentials-image{aspect-ratio:1}.essentials-item h3{font-size:22px}}
.essentials-index{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:720px){
  .essentials-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .essentials-index a:nth-child(5){border-left:0;border-top:1px solid #d2cdc3;padding-left:0}
  .essentials-index a:nth-child(6){border-top:1px solid #d2cdc3}
}

/* A collected edit: one leading still life, then smaller discoveries. */
.essentials-intro{padding-top:62px;padding-bottom:60px}
.essentials-intro-row{margin-bottom:42px}
.essentials-section{display:grid;grid-template-columns:minmax(190px,25%) minmax(0,1fr);gap:clamp(30px,4vw,65px);padding-top:0}
.essentials-section+.essentials-section{margin-top:130px}
.essentials-heading{display:block;position:sticky;top:28px;align-self:start;margin:0;border-top:2px solid #ad715d;padding-top:20px}
.essentials-heading>div{margin:50px 0 40px}
.essentials-heading h2{font-size:clamp(42px,4.3vw,62px);line-height:1.07}
.essentials-count{display:block;border-top:1px solid #bcb4a9;padding-top:14px}
.essentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 22px}
.essentials-item:first-child{grid-column:1/-1;display:grid;grid-template-columns:57% 43%;min-height:410px;background:#ebe2d9}
.essentials-item:first-child .essentials-image{height:100%;aspect-ratio:auto;background:transparent}
.essentials-item:first-child figcaption{align-self:end;display:block;margin:0;padding:40px;border:0}
.essentials-item:first-child .essentials-item-no{font:italic 28px/1 Georgia,serif;margin-bottom:30px;color:#a36550}
.essentials-item:first-child .essentials-brand{margin-bottom:14px}
.essentials-item:first-child h3{font-size:clamp(29px,3vw,43px);line-height:1.08}
.essentials-item:not(:first-child) .essentials-image{aspect-ratio:1;background:#eeeae4}
.essentials-item:not(:first-child) .essentials-image img{object-fit:contain}
.essentials-section:nth-of-type(2) .essentials-item:first-child{background:#e8e3e6}
.essentials-section:nth-of-type(3) .essentials-item:first-child{background:#ebe4d5}
.essentials-section:nth-of-type(4) .essentials-item:first-child{background:#e9e0df}
.essentials-section:nth-of-type(5) .essentials-item:first-child{background:#e5e8df}
.essentials-section:nth-of-type(6) .essentials-item:first-child{background:#efe0dc}
@media(max-width:800px){
  .essentials-section{display:block}
  .essentials-section+.essentials-section{margin-top:82px}
  .essentials-heading{position:static;margin-bottom:24px}
  .essentials-heading>div{margin:14px 0 18px}
  .essentials-count{display:none}
  .essentials-grid{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:36px;padding:0 max(36px,calc((100vw - 1160px)/2)) 20px;margin-inline:calc((100vw - min(1160px,100vw - 72px)) / -2);scrollbar-width:thin}
  .essentials-item,.essentials-item:first-child{display:block;flex:0 0 min(72vw,370px);min-height:0;background:transparent!important;scroll-snap-align:start}
  .essentials-item .essentials-image,.essentials-item:first-child .essentials-image,.essentials-item:not(:first-child) .essentials-image{width:100%;height:auto;aspect-ratio:4/5;background:#eeeae4}
  .essentials-item figcaption,.essentials-item:first-child figcaption{display:grid;grid-template-columns:23px minmax(0,1fr);gap:8px;border-top:1px solid #bfb7ab;margin-top:11px;padding:12px 0 0}
  .essentials-item:first-child .essentials-item-no,.essentials-item-no{font:normal 10px/1.4 Arial,sans-serif;margin:0}
  .essentials-item:first-child .essentials-brand,.essentials-brand{margin-bottom:5px}
  .essentials-item:first-child h3,.essentials-item h3{font-size:clamp(21px,5.3vw,27px);line-height:1.18}
}
@media(max-width:720px){
  .essentials-intro{padding-top:54px;padding-bottom:48px}
  .essentials-heading{display:block}
  .essentials-heading p{font-size:11px}
}
@media(max-width:390px){
  .essentials-grid{display:flex;gap:12px}
  .essentials-item,.essentials-item:first-child{flex-basis:78vw}
  .essentials-item .essentials-image,.essentials-item:first-child .essentials-image{aspect-ratio:4/5}
}
/* A soft cool backdrop sets Essentials apart from the warm portfolio. */
.essentials-page{background:#f0eef2}
.essentials-item:not(:first-child) .essentials-image{background:#e9e6eb}
.essentials-section:nth-of-type(1) .essentials-item:first-child{background:#e4e7ed}
.essentials-section:nth-of-type(2) .essentials-item:first-child{background:#e9e3eb}
.essentials-section:nth-of-type(3) .essentials-item:first-child{background:#ece7df}
.essentials-section:nth-of-type(4) .essentials-item:first-child{background:#ebe2e9}
.essentials-section:nth-of-type(5) .essentials-item:first-child{background:#e5e8e7}
.essentials-section:nth-of-type(6) .essentials-item:first-child{background:#efe3e9}
@media(max-width:800px){.essentials-item .essentials-image,.essentials-item:first-child .essentials-image,.essentials-item:not(:first-child) .essentials-image{background:#e9e6eb}}
@media(max-width:800px){.essentials-grid{margin-inline:-36px;padding-inline:36px}}
/* Color changes gently as the collection unfolds. */
.essentials-page{background:linear-gradient(180deg,#efe3e4 0%,#f0e8e4 16%,#e8ede4 36%,#ebe7ef 58%,#e5ecee 78%,#f0e7e7 100%)}

/* Product notes and color scenes for photos supplied on white. */
.essentials-note{max-width:280px;margin:10px 0 0;color:#6a625c;font:normal 14px/1.5 Arial,sans-serif}
.essentials-item:first-child .essentials-note{max-width:290px;margin-top:20px;font:normal 16px/1.5 Georgia,serif}
.essentials-item-plain{--scene-a:#dce1df;--scene-b:#e9dacf;--scene-shape:#cbd9d6}
#body .essentials-item-plain{--scene-a:#e8dce5;--scene-b:#eedfd5;--scene-shape:#d9bfd2}
#hair .essentials-item-plain{--scene-a:#e9e0d0;--scene-b:#d8cfc5;--scene-shape:#ddc49e}
#daily .essentials-item-plain{--scene-a:#dce9e6;--scene-b:#e3e9e0;--scene-shape:#bcd9d1}
#lips .essentials-item-plain{--scene-a:#eedee4;--scene-b:#e8cfd9;--scene-shape:#dabacb}
.essentials-item-plain .essentials-image,.essentials-item:first-child.essentials-item-plain .essentials-image{position:relative;isolation:isolate;display:block;appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;width:100%;padding:0;border:0;background:linear-gradient(145deg,var(--scene-a),var(--scene-b));overflow:hidden}
.essentials-item:first-child.essentials-item-plain .essentials-image{height:100%}
.essentials-item-plain .essentials-image:before{content:"";position:absolute;z-index:0;width:88%;aspect-ratio:1;border-radius:50%;top:-19%;right:-26%;background:var(--scene-shape);opacity:.72;transition:transform .5s ease,opacity .5s ease}
.essentials-item-plain .essentials-image:after{content:"";position:absolute;z-index:0;left:-8%;bottom:-26%;width:78%;aspect-ratio:1;border:1px solid #fff9;border-radius:50%;transition:transform .5s ease}
.essentials-item-plain .essentials-image img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s ease}
.essentials-item-plain .essentials-image:hover:before,.essentials-item-plain .essentials-image:focus-visible:before,.essentials-item-plain .essentials-image.is-active:before{transform:translate(-13%,18%) scale(1.15);opacity:.95}
.essentials-item-plain .essentials-image:hover:after,.essentials-item-plain .essentials-image:focus-visible:after,.essentials-item-plain .essentials-image.is-active:after{transform:translate(20%,-12%) scale(1.1)}
.essentials-item-plain .essentials-image:hover img,.essentials-item-plain .essentials-image:focus-visible img,.essentials-item-plain .essentials-image.is-active img{transform:scale(1.035)}
.essentials-item-plain .essentials-image:focus-visible{outline:2px solid #9f6a5e;outline-offset:3px}
@media(max-width:800px){.essentials-item:first-child .essentials-note{font:normal 13px/1.45 Arial,sans-serif;margin-top:9px}.essentials-note{font-size:13px;line-height:1.45;margin-top:9px}.essentials-item:first-child.essentials-item-plain .essentials-image{height:auto;aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){.essentials-item-plain .essentials-image:before,.essentials-item-plain .essentials-image:after,.essentials-item-plain .essentials-image img{transition:none}}
#makeup .essentials-item-plain{--scene-a:#d7d9dc;--scene-b:#ead7dc;--scene-shape:#c2c7ce}
.essentials-section:nth-of-type(7) .essentials-item:first-child{background:#e4dfe5}
.essentials-index{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:720px){
  .essentials-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .essentials-index a:nth-child(7){grid-column:1/-1;border-left:0;border-top:1px solid #d2cdc3;padding-left:0}
}
/* Essentials: a blush-burgundy editorial field and a quieter opening. */
.essentials-page{background:linear-gradient(160deg,#f4e7e9 0%,#f2e5e7 30%,#eee3e7 62%,#f5e9e9 100%)}
.essentials-intro{padding-top:70px;padding-bottom:70px}
.essentials-intro-row{display:block;max-width:850px;margin:22px 0 40px}
.essentials-intro h1{font-size:clamp(64px,9vw,122px);letter-spacing:-.075em}
.essentials-intro-row p{max-width:600px;margin:22px 0 0;font-size:clamp(18px,2.1vw,25px);color:#665458}
.essentials-overline{color:#884f5c}
.essentials-intro h1 span,.essentials-heading h2 span{color:#9d5f70}
.essentials-index{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;border:0;padding:2px 0 12px}
.essentials-index::-webkit-scrollbar{display:none}
.essentials-index a,.essentials-index a+a{flex:0 0 auto;display:inline-flex;justify-content:center;gap:13px;align-items:center;padding:12px 17px;border:1px solid #c9aeb6;border-radius:100px;background:#f8eff0a8;color:#503d42;font-size:13px;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
.essentials-index a:hover,.essentials-index a:focus-visible{background:#784553;color:#fff;transform:translateY(-2px)}
.essentials-index a:hover span,.essentials-index a:focus-visible span{color:#fff}
.essentials-index span{color:#9b6b76}
@media(max-width:800px){
 .essentials-intro{padding-top:46px;padding-bottom:47px}
 .essentials-intro-row{margin:17px 0 29px}
 .essentials-intro h1{font-size:clamp(51px,12vw,78px)}
 .essentials-intro-row p{max-width:490px;margin-top:17px;font-size:18px}
 .essentials-index{display:flex;gap:8px;margin-right:-36px;padding-right:36px}
 .essentials-index a,.essentials-index a+a,.essentials-index a:nth-child(3),.essentials-index a:nth-child(5),.essentials-index a:nth-child(7){grid-column:auto;border:1px solid #c9aeb6;padding:11px 15px}
}
/* The centered product takes focus as each mobile shelf is swiped. */
@media(max-width:800px){
 .essentials-grid{scroll-snap-type:x mandatory;scroll-padding-inline:14vw;padding:16px 14vw 25px;margin-inline:-36px;gap:10px}
 .essentials-item,.essentials-item:first-child{flex-basis:72vw;scroll-snap-align:center;transform:scale(.91);transform-origin:center top;opacity:.75;transition:transform .3s ease,opacity .3s ease}
 .essentials-item.is-featured,.essentials-item:first-child.is-featured{transform:scale(1);opacity:1}
}
@media(max-width:390px){.essentials-grid{scroll-padding-inline:11vw;padding-inline:11vw}.essentials-item,.essentials-item:first-child{flex-basis:78vw}}
@media(prefers-reduced-motion:reduce){.essentials-item,.essentials-item:first-child{transition:none}}
/* Supplied and custom product photographs fill their frames naturally. */
.essentials-item-editorial .essentials-image{background:transparent!important}
.essentials-item-editorial .essentials-image img,.essentials-item:not(:first-child).essentials-item-editorial .essentials-image img{object-fit:cover;mix-blend-mode:normal}
@media(max-width:800px){.essentials-item-editorial .essentials-image,.essentials-item:first-child.essentials-item-editorial .essentials-image{background:transparent!important}}
/* An organic, sunlit backdrop from Melo's selected visual references. */
.essentials-page{
  background-color:#ebe7dd;
  background-image:linear-gradient(180deg,rgba(241,237,229,.56) 0%,rgba(240,235,227,.74) 38%,#ebe7dd 900px),url('essentials-page-botanical.jpeg');
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% 1050px,100% auto;
}
.essentials-intro{position:relative}
.essentials-index a,.essentials-index a+a{background:rgba(249,246,240,.78);border-color:#b8aea0;backdrop-filter:blur(8px)}
.essentials-heading{border-top-color:#8c6f65}
@media(max-width:800px){
 .essentials-page{background-image:linear-gradient(180deg,rgba(244,241,233,.46) 0%,rgba(239,235,226,.76) 40%,#ebe7dd 660px),url('essentials-page-botanical.jpeg');background-size:100% 760px,100% auto}
}
/* Full-bleed photography: no tinted letterbox around product images. */
.essentials-grid .essentials-image,
.essentials-grid .essentials-item:not(:first-child) .essentials-image,
.essentials-grid .essentials-item:first-child .essentials-image{
  background:transparent!important;
}
.essentials-grid .essentials-image img,
.essentials-grid .essentials-item:not(:first-child) .essentials-image img,
.essentials-grid .essentials-item:first-child .essentials-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover!important;
  object-position:center;
}
@media(max-width:800px){
  .essentials-grid .essentials-image,
  .essentials-grid .essentials-item:first-child .essentials-image,
  .essentials-grid .essentials-item:not(:first-child) .essentials-image{
    aspect-ratio:4/5;
    background:transparent!important;
  }
}
/* Keep the full-page backdrop behind the horizontally scrolling shelves. */
html,body{max-width:100%;overflow-x:clip}
.essentials-page{width:100%;min-width:0;overflow-x:clip}
/* Distinct perfume and mist shelves within the fragrance chapter. */
.essentials-scent-group+.essentials-scent-group{margin-top:56px}
.essentials-subheading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 19px;border-bottom:1px solid #a9948c;padding-bottom:12px}
.essentials-subheading h3{font:normal clamp(27px,3vw,39px)/1.1 Georgia,serif;letter-spacing:-.035em;color:#362f2f}
.essentials-subheading span{font:normal 11px/1.2 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#865c60}
@media(max-width:800px){.essentials-scent-group+.essentials-scent-group{margin-top:42px}.essentials-subheading{margin-bottom:5px}}
/* White canvas with soft green leaves and terracotta petals across the entire edit. */
.essentials-page{
  background-color:#fff;
  background-image:url('essentials-leaf-petal-shadows.svg');
  background-repeat:repeat;
  background-position:center top;
  background-size:1200px 2600px;
  color:#33382f;
}
.essentials-intro-row p,.essentials-note{color:#5f645a}
.essentials-heading{border-top-color:#a16b58}
.essentials-heading p,.essentials-number,.essentials-item-no,.essentials-overline{color:#a16b58}
.essentials-intro h1 span,.essentials-heading h2 span{color:#b07865}
.essentials-index a,.essentials-index a+a{background:rgba(255,255,255,.86);border-color:#c5c9b9;color:#3c473b}
.essentials-index a:hover,.essentials-index a:focus-visible{background:#5c6e5d;color:#fff}
.essentials-index span,.essentials-subheading span{color:#a16b58}
.essentials-item figcaption,.essentials-subheading{border-top-color:#c6cbbf;border-bottom-color:#c6cbbf}
@media(max-width:800px){
  .essentials-page{background-image:url('essentials-leaf-petal-shadows.svg');background-size:760px 1647px}
}
/* Pure white canvas; every chapter uses a distinct, transparent botanical shadow. */
html:has(.essentials-page),body:has(.essentials-page),.essentials-page{background:#fff!important;background-image:none!important}
.essentials-intro,.essentials-section{position:relative;isolation:isolate}
.essentials-intro::before,.essentials-section::before{
  content:"";position:absolute;inset:-35px -2vw;z-index:-1;pointer-events:none;
  background-image:var(--botanical);background-repeat:no-repeat;
  background-size:100% 100%;background-position:center;
}
.essentials-intro{--botanical:url('essentials-accent-intro.svg')}
#shower{--botanical:url('essentials-accent-shower.svg')}
#body{--botanical:url('essentials-accent-body.svg')}
#comfort{--botanical:url('essentials-accent-comfort.svg')}
#hair{--botanical:url('essentials-accent-hair.svg')}
#scent{--botanical:url('essentials-accent-scent.svg')}
#daily{--botanical:url('essentials-accent-daily.svg')}
#lips{--botanical:url('essentials-accent-lips.svg')}
#makeup{--botanical:url('essentials-accent-makeup.svg')}
#snacks{--botanical:url('essentials-accent-snacks.svg')}
#drinks{--botanical:url('essentials-accent-drinks.svg')}
@media(max-width:800px){
 .essentials-intro::before,.essentials-section::before{inset:-18px -8px}
}
/* Portfolio: white gallery with an editorial opening and distinct brand stories. */
html:has(.portfolio-page),body:has(.portfolio-page),main.portfolio-page,.portfolio-identity{background:#fff!important;background-image:none!important}
.portfolio-intro{padding-top:clamp(65px,8vw,125px);padding-bottom:62px}
.portfolio-intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:clamp(40px,8vw,135px);align-items:end}
.portfolio-intro h1{font-size:clamp(68px,9vw,132px);line-height:.89;letter-spacing:-.075em;margin:30px 0 0}
.portfolio-intro h1 em{font-weight:normal;color:#aa654f}
.portfolio-intro-aside{border-left:1px solid #c7b8ac;padding:12px 0 9px 27px}
.portfolio-intro-mark{display:block;font:italic 68px/.9 Georgia,serif;color:#a86d55;margin-bottom:42px}
.portfolio-intro-aside p{font:normal clamp(20px,2vw,27px)/1.34 Georgia,serif;color:#44463d;margin:0 0 29px}
.portfolio-intro-note{font:normal 11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#8d766a}
.portfolio-jump{margin-top:70px;padding:0;gap:0;display:grid;grid-template-columns:repeat(3,1fr);border-color:#9eaaa0;letter-spacing:0;text-transform:none}
.portfolio-jump a{display:flex;align-items:center;gap:14px;padding:22px 20px;font:normal clamp(16px,1.55vw,20px)/1.2 Georgia,serif}
.portfolio-jump a:first-child{padding-left:0}.portfolio-jump a+a{border-left:1px solid #d6dcd3}
.portfolio-jump a span{font:normal 11px Arial,sans-serif;color:#ac6b55}.portfolio-jump a b{font:normal 15px Arial,sans-serif;margin-left:auto;color:#859181}
.portfolio-identity{padding-top:100px}
.portfolio-case{border-top:1px solid #aebdb3;padding-top:35px}
.portfolio-case+.portfolio-case{margin-top:125px}
.portfolio-lavi-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:clamp(30px,6vw,100px);align-items:center;margin-bottom:55px}
.portfolio-lavi-identity h3{width:min(100%,590px);height:210px;overflow:hidden;margin:18px 0 0}
.portfolio-lavi-identity h3 img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.portfolio-lavi-story{padding:20px 0 20px 28px;border-left:3px solid #08aaa5}
.portfolio-lavi-story p{font:normal clamp(21px,2.1vw,28px)/1.36 Georgia,serif;color:#303a36;margin:0 0 25px}
.portfolio-lavi-story a,.portfolio-jwet-story a{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:6px;font:normal 11px/1.4 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.portfolio-gallery-heading{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #d0d9d3;padding:24px 0 20px}
.portfolio-gallery-heading p{font:normal clamp(25px,3vw,38px)/1.1 Georgia,serif;margin:7px 0 0}
.portfolio-gallery-controls{display:flex;gap:8px}
.portfolio-gallery-controls button{width:46px;height:46px;border:1px solid #a1bcb8;border-radius:50%;background:#fff;color:#1b726f;font:normal 22px Arial,sans-serif;cursor:pointer}
.portfolio-gallery-controls button:hover,.portfolio-gallery-controls button:focus-visible{background:#0b9894;color:#fff}
.portfolio-lavi-slider{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#75b4ae #eff5f3;padding:0 0 17px}
.portfolio-lavi-slide{flex:0 0 min(33vw,395px);min-width:0;margin:0;scroll-snap-align:start}
.portfolio-lavi-slide img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff}
.portfolio-lavi-slide figcaption{font:normal 11px Arial,sans-serif;letter-spacing:.16em;color:#54827d;margin-top:12px}
.portfolio-case-jwet{border-top-color:#947b64}
.portfolio-jwet-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:620px}
.portfolio-front{max-width:850px;padding:56px 0 70px;background:#fff}
.portfolio-front-copy{padding:0 15px}
.portfolio-front-kicker{font:normal 14px Arial,sans-serif;letter-spacing:.32em;text-transform:uppercase;margin:0 0 22px;color:#34382c}
.portfolio-front h1{font:normal clamp(58px,6vw,88px)/.99 Georgia,serif;letter-spacing:-.055em;color:#30331f;margin:0}
.portfolio-front h1>span{display:block}
.portfolio-front h1 .portfolio-front-second{font-size:.77em;line-height:1.16;white-space:nowrap;letter-spacing:-.055em}
.portfolio-front h1 em{color:#b84e28;font-weight:normal}
.portfolio-front-description{font:normal clamp(21px,2.5vw,28px)/1.3 Georgia,serif;color:#52554b;max-width:760px;margin:24px 0 0}
.portfolio-front-actions{display:grid;grid-template-columns:1fr 1fr;max-width:570px;margin:32px auto 35px;color:#30331f}
.portfolio-front-actions a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;font:normal 14px/1.45 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}
.portfolio-front-actions a+a{border-left:1px solid #d6d6d2}
.portfolio-front-actions svg{width:32px;height:32px}
.portfolio-front-cards{display:grid;gap:15px}
.portfolio-front-card{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:240px;padding:30px 38px;border-radius:25px;overflow:hidden;color:white;background-size:cover;background-position:center;isolation:isolate}
.portfolio-front-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#13160d65,transparent 85%);z-index:-1}
.portfolio-front-songs{background-color:#813e25;background-image:url('portfolio-front-songs.png')}
.portfolio-front-identities{background-color:#343c26;background-image:url('portfolio-front-identities.png')}
.portfolio-front-camera{background-color:#69462f;background-image:url('portfolio-front-camera.png')}
.portfolio-front-number{font:normal 14px Arial,sans-serif;letter-spacing:.25em;margin-bottom:17px}
.portfolio-front-card h2{font:normal clamp(34px,4.5vw,53px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:0 75px 13px 0;color:#fff}
.portfolio-front-card p{font:normal 14px/1.55 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;margin:0;padding-right:55px}
.portfolio-front-circle{position:absolute;right:32px;top:50%;transform:translateY(-50%);width:56px;height:56px;border:1.4px solid white;border-radius:50%;display:grid;place-items:center;font:normal 34px Arial,sans-serif}
.portfolio-front-card:hover{filter:brightness(1.09)}
.portfolio-front-card:focus-visible,.portfolio-front-actions a:focus-visible{outline:3px solid #b84e28;outline-offset:5px}
.portfolio-front-signoff{display:flex;align-items:center;gap:25px;padding:35px 15px 0}
.portfolio-front-rule{width:65px;height:1px;background:#414637}
.portfolio-front-signoff p{font:normal 12px/1.6 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#585b52;margin:0}
.portfolio-front-signoff img{width:115px;margin-left:auto}
@media(max-width:720px){
 .portfolio-front{width:calc(100% - 32px);padding:35px 0 48px}
 .portfolio-front-copy{padding:0 9px}
 .portfolio-front-kicker{font-size:12px;letter-spacing:.3em;margin-bottom:18px}
 .portfolio-front h1{font-size:clamp(48px,12.6vw,78px)}
 .portfolio-front h1 .portfolio-front-second{font-size:.73em;letter-spacing:-.06em}
 .portfolio-front-description{font-size:clamp(19px,4.6vw,25px);margin-top:20px;line-height:1.3}
 .portfolio-front-actions{margin:26px 0 27px}
 .portfolio-front-actions a{font-size:12px;gap:9px}
 .portfolio-front-actions svg{width:27px;height:27px}
 .portfolio-front-cards{gap:11px}
 .portfolio-front-card{min-height:178px;padding:23px 21px;border-radius:20px}
 .portfolio-front-number{font-size:12px;margin-bottom:13px}
 .portfolio-front-card h2{font-size:clamp(29px,7.5vw,42px);margin-right:42px;margin-bottom:10px}
 .portfolio-front-card p{font-size:11px;letter-spacing:.21em;line-height:1.55;padding-right:35px}
 .portfolio-front-circle{right:18px;width:42px;height:42px;font-size:28px}
 .portfolio-front-signoff{gap:17px;padding:28px 8px 0}
 .portfolio-front-rule{width:40px;flex-shrink:0}
 .portfolio-front-signoff p{font-size:9px;letter-spacing:.19em}
 .portfolio-front-signoff img{width:83px}
}
.portfolio-jwet-story{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(35px,5vw,75px);background:#0c1028;color:#fff}
.portfolio-jwet-story .label{color:#d4ad66}
.portfolio-jwet-logo-frame{width:100%;margin:58px 0 35px}
.portfolio-jwet-logo-frame img{display:block;width:100%;max-width:440px;height:auto;mix-blend-mode:lighten}
.portfolio-jwet-description{font:normal clamp(21px,2vw,27px)/1.35 Georgia,serif;max-width:500px;margin:0 0 27px;color:#f8f5ee}
.portfolio-jwet-story a{color:#e1bb73}
.portfolio-jwet-symbol-frame{display:flex;align-items:center;gap:22px;margin-top:auto;padding-top:55px}
.portfolio-jwet-symbol-frame img{width:62px;height:65px;object-fit:contain;mix-blend-mode:lighten}
.portfolio-jwet-symbol-frame span{font:normal 10px Arial,sans-serif;letter-spacing:.24em;color:#d2ae75}
.portfolio-jwet-site-frame{position:relative;overflow:hidden;min-height:620px;background:#f7f5f0}
.portfolio-jwet-site-frame img{display:block;width:100%;height:100%;max-height:800px;object-fit:cover;object-position:center top}
.portfolio-jwet-site-frame span{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;background:#fff;color:#665847;font:normal 10px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
@media(max-width:800px){
 .portfolio-intro{padding-top:50px;padding-bottom:48px}
 .portfolio-intro-grid{grid-template-columns:1fr;gap:32px}
 .portfolio-intro h1{font-size:clamp(56px,12vw,84px);margin:20px 0 0}
 .portfolio-intro-aside{padding:0 0 0 20px}
 .portfolio-intro-mark{font-size:42px;margin-bottom:18px}
 .portfolio-intro-aside p{font-size:20px;margin-bottom:17px}
 .portfolio-jump{margin-top:40px;grid-template-columns:1fr}
 .portfolio-jump a,.portfolio-jump a:first-child{padding:16px 0}
 .portfolio-jump a+a{border-left:0;border-top:1px solid #d6dcd3}
 .portfolio-identity{padding-top:70px}
 .portfolio-lavi-top{grid-template-columns:1fr;gap:12px;margin-bottom:35px}
 .portfolio-lavi-identity h3{height:150px}
 .portfolio-lavi-story{padding:0 0 0 18px}
 .portfolio-lavi-story p{font-size:20px}
 .portfolio-lavi-slide{flex-basis:min(77vw,340px)}
 .portfolio-jwet-layout{grid-template-columns:1fr}
 .portfolio-jwet-story{padding:34px 28px;min-height:550px}
 .portfolio-jwet-logo-frame{margin:45px 0 25px}
 .portfolio-jwet-description{font-size:21px}
 .portfolio-jwet-symbol-frame{padding-top:38px}
 .portfolio-jwet-site-frame{min-height:470px;max-height:600px}
}

/* Supplied portfolio card artwork: retain exact signature, portrait and lettering. */
.portfolio-approved-card{padding:0;background-image:none;min-height:0;aspect-ratio:1.89}
.portfolio-approved-card:before{display:none}
.portfolio-approved-image{display:block;width:100%;height:100%;object-fit:fill}
.portfolio-approved-camera{aspect-ratio:3.15;display:grid;grid-template-columns:1.1fr 1fr;background:#69462f;align-items:stretch}
.portfolio-approved-camera img{display:block;width:100%;height:100%;min-width:0;object-fit:fill}
@media(max-width:720px){.portfolio-approved-card{padding:0;min-height:0}.portfolio-approved-camera{aspect-ratio:2.55;grid-template-columns:1.15fr 1fr}}

.portfolio-category-back{padding-top:30px}.portfolio-category-back a{font:normal 13px Arial,sans-serif;color:#52554b}.portfolio-category-back+.portfolio-section,.portfolio-category-back+.portfolio-identity{padding-top:45px}

.portfolio-approved-camera-left-frame{position:relative;display:block;height:100%;min-width:0;overflow:hidden}
.portfolio-approved-camera .portfolio-approved-camera-caption{position:absolute;left:0;bottom:0;width:100%;height:36.5%;object-fit:fill}

.portfolio-approved-camera-left-frame{container-type:inline-size}
.portfolio-camera-live-caption{position:absolute;left:4.8%;top:72%;color:#fff;font:normal 4.1cqw/1.65 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.portfolio-camera-live-caption>span{display:block;white-space:nowrap}

/* Hide only the embedded playback strips, retaining thumbnail size and position. */
.portfolio-song-art:has(img[src$="portfolio-damou.jpeg"]){clip-path:inset(0 0 1.7% 0)}
.portfolio-song-art:has(img[src$="portfolio-kite-yo.jpeg"]){clip-path:inset(0 0 .6% 0)}
a.portfolio-song-art{display:block}
a.portfolio-song-art:focus-visible{outline:2px solid #526043;outline-offset:4px}


/* Original identity assets and editorial case studies. */
.identity-editorial{color:#282b20;background:#fff}.identity-editorial .wrap{max-width:1120px}.identity-case{padding:30px 0 90px}.identity-case+ .identity-case{padding-top:60px;border-top:1px solid #e7e7e2}.identity-number{display:flex;align-items:center;gap:34px;font-size:20px;letter-spacing:.2em}.identity-number span{height:1px;width:240px;background:#a2a39a}.identity-role{text-transform:uppercase;letter-spacing:.27em;font-size:18px;margin:24px 0 30px;color:#62665b}.identity-lavi-wordmark{width:min(670px,75%);aspect-ratio:3.4;overflow:hidden;margin:0 0 34px}.identity-lavi-wordmark img{width:100%;height:auto;transform:translateY(-35.8%)}.identity-jwet-wordmark{display:block;width:min(480px,70%);max-height:145px;object-fit:contain;object-position:left;margin:26px 0 38px}.identity-copy{position:relative}.identity-copy h1,.identity-copy h2{position:relative;font-family:Georgia,serif;font-size:clamp(38px,5.5vw,70px);font-weight:400;line-height:1.12;letter-spacing:-.03em;margin:0 0 34px}.identity-copy p{position:relative;font-family:Georgia,serif;font-size:clamp(23px,3.2vw,38px);line-height:1.3;max-width:930px;margin:0 0 36px}.identity-copy em{color:#bf492c;font-weight:400}.identity-watermark{position:absolute;width:34%;right:0;top:18px;opacity:.12;pointer-events:none}.identity-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:#c74d2d;color:white;border-radius:100px;padding:22px 42px;text-transform:uppercase;letter-spacing:.2em;font-size:16px;text-decoration:none}.identity-cta span{font-size:30px;line-height:1}.identity-disciplines{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:34px;margin:46px 0 35px;font-size:16px;letter-spacing:.17em;text-transform:uppercase}.identity-disciplines:before{content:'';position:absolute;top:0;left:0;width:110px;height:2px;background:#c74d2d}.identity-disciplines b{font-weight:400;font-size:24px}.identity-lavi-gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:stretch;margin-bottom:28px}.identity-lavi-gallery img{display:block;width:100%;height:100%;object-fit:contain}.identity-lavi-gallery>a,.identity-logo-panel{overflow:hidden;border-radius:18px;border:1px solid #eee;background:#fff}.identity-logo-panel{display:grid;place-items:center;background:#f8f6f0}.identity-logo-panel img{height:auto}.identity-track{position:relative;display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.identity-track::-webkit-scrollbar{display:none}.identity-track figure{flex-shrink:0;margin:0;scroll-snap-align:start}.identity-posts figure{width:calc((100% - 44px)/3)}.identity-posts img{width:100%;display:block;border-radius:12px}.identity-phones{padding:24px 8px 30px;align-items:flex-start}.identity-phone{width:30%;border:5px solid #d8d8d6;border-radius:22px;overflow:hidden;box-shadow:0 5px 20px #0002;background:#fff}.identity-phone img{width:100%;display:block}.identity-controls{display:flex;justify-content:center;align-items:center;gap:50px;margin-top:22px}.identity-controls>button{border:1px solid #d5d5d0;border-radius:50%;width:58px;height:58px;background:white;color:#282b20;font-size:27px;cursor:pointer}.identity-controls>span{font-size:12px;letter-spacing:.17em;text-transform:uppercase}.identity-dots{display:flex;gap:15px}.identity-dots button{padding:0;width:12px;height:12px;background:#d1d1cf;border:0;border-radius:50%;cursor:pointer}.identity-dots button[aria-current=true]{background:#c74d2d}.identity-editorial a:focus-visible,.identity-controls button:focus-visible{outline:2px solid #bf492c;outline-offset:5px}@media(max-width:700px){.identity-case{padding:20px 0 60px}.identity-number{font-size:15px;gap:20px}.identity-number span{width:155px}.identity-role{font-size:12px;margin:20px 0 25px}.identity-lavi-wordmark{width:83%;margin-bottom:25px}.identity-jwet-wordmark{width:68%;max-height:95px;margin:26px 0}.identity-copy h1,.identity-copy h2{font-size:37px;margin-bottom:25px}.identity-copy p{font-size:24px;margin-bottom:28px}.identity-desktop-break{display:none}.identity-cta{font-size:10px;padding:16px 23px;gap:16px;letter-spacing:.17em}.identity-cta span{font-size:23px}.identity-disciplines{gap:9px;font-size:9px;letter-spacing:.12em;margin:30px 0 24px;padding-top:24px}.identity-disciplines b{font-size:16px}.identity-disciplines:before{width:70px}.identity-lavi-gallery{grid-template-columns:1fr;gap:12px}.identity-logo-panel{display:none}.identity-posts figure{width:78%}.identity-phone{width:72%;border-width:4px}.identity-track{gap:15px}.identity-controls{gap:30px}.identity-controls>button{width:46px;height:46px}.identity-dots{gap:12px}.identity-dots button{width:9px;height:9px}}

body:has(.identity-editorial) .site-footer{display:none}.identity-editorial{max-width:864px;margin:auto}.identity-editorial>.wrap{width:88%}.identity-editorial .portfolio-category-back{display:none}.identity-case{padding-top:18px}.identity-copy h1{font-size:clamp(30px,5.7vw,50px)}.identity-copy h2{font-size:clamp(38px,7vw,65px)}.identity-copy p{font-size:clamp(20px,4vw,32px)}.identity-reference-collage{position:relative;aspect-ratio:1080/555;overflow:hidden;border-radius:15px;margin:0 -3% 30px}.identity-reference-collage img{position:absolute;width:108.6%;height:auto;max-width:none;left:-4.26%;top:-252.6%}.identity-phones{overflow:visible;justify-content:center;gap:12px;height:470px;align-items:center}.identity-carousel:has(.identity-phones){overflow:hidden;margin-left:-6.8%;margin-right:-6.8%}.identity-phone{position:absolute;width:34%;height:450px;transition:transform .35s,opacity .35s}.identity-phone img{height:100%;object-fit:cover;object-position:top}.identity-phone[data-position="0"]{transform:translateX(0);z-index:3}.identity-phone[data-position="-1"]{transform:translateX(-108%) scale(.87);z-index:2}.identity-phone[data-position="1"]{transform:translateX(108%) scale(.87);z-index:2}.identity-phone[data-position="-2"]{transform:translateX(-210%) scale(.87);z-index:1}.identity-phone[data-position="2"]{transform:translateX(210%) scale(.87);z-index:1}@media(max-width:700px){.identity-copy h1{font-size:clamp(25px,5.7vw,40px)}.identity-copy p{font-size:clamp(17px,4vw,28px)}.identity-role{font-size:12px}.identity-disciplines{font-size:9px}.identity-phones{height:280px}.identity-phone{width:34%;height:260px}}

.identity-reference-collage img.identity-real-instagram-screen{left:60%;top:4%;width:38.5%;height:59.3%;object-fit:fill;clip-path:polygon(12% 5%,100% 0,100% 100%,0 100%)}

/* Services form — supplied botanical reference layout. */
.booking-body{background:#fff;color:#25291b}.booking-body .site-header{max-width:864px;margin:0 auto;border:0;background:#fff}.booking-body .header-inner{width:89.5%;height:110px;min-height:0;padding:0}.booking-body .brand img{width:220px;height:auto}.booking-page{max-width:864px;min-height:1426px;margin:0 auto;background:#d8ddc8 url('/assets/booking-sage-background.png') center/100% 100% no-repeat}.booking-content{width:81.5%;margin:auto;padding-top:163px;padding-bottom:64px}.booking-kicker{font:normal 22px/1.4 Georgia,serif;letter-spacing:.3em;text-transform:uppercase;margin:0 0 14px}.booking-page h1{font:normal 96px/1.06 'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 16px;white-space:nowrap}.booking-intro{font:normal 39px/1.14 'Times New Roman',serif;color:#646354;margin:0 0 42px}.booking-form{font-family:'Times New Roman',serif}.booking-form>label,.booking-form legend{display:block;font-size:32px;line-height:1.25;margin:0 0 4px}.booking-form>input{display:block;box-sizing:border-box;width:100%;height:75px;border:1px solid #99988b;border-radius:2px;background:#f4eee7e8;color:#25291b;font:normal 30px 'Times New Roman',serif;padding:0 24px;margin:0 0 29px}.booking-form>input::placeholder{color:#b8a79f;opacity:1}.booking-form fieldset{padding:0;margin:0 0 25px;border:0;min-width:0}.booking-form legend{padding:0;margin-bottom:7px}.booking-choice{display:flex;align-items:center;gap:32px;height:77px;margin:0 0 10px;padding:0 27px;box-sizing:border-box;border:1px solid #99988b;border-radius:2px;background:#f4eee7e8;font-size:32px;cursor:pointer}.booking-choice:last-child{margin-bottom:0}.booking-choice input{appearance:none;flex-shrink:0;width:32px;height:32px;margin:0;border:3px solid #ac7055;border-radius:50%;background:transparent;cursor:pointer}.booking-choice input:checked{background:#ac7055;box-shadow:inset 0 0 0 6px #f4eee7}.booking-submit{width:100%;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border:0;border-radius:2px;background:#ad644b;color:#fff7ef;font:normal 46px 'Times New Roman',serif;cursor:pointer}.booking-submit svg{width:39px;height:20px}.booking-signoff{text-align:center;margin-top:55px}.booking-signoff img{width:190px;height:auto;display:block;margin:0 auto 27px}.booking-signoff p{font:normal 18px/1.75 Georgia,serif;letter-spacing:.28em;text-transform:uppercase;margin:0}.booking-status{font-size:18px;line-height:1.4;color:#25291b;margin:18px 0 0}.booking-form input:focus-visible,.booking-submit:focus-visible{outline:2px solid #526043;outline-offset:4px}.booking-choice:has(input:checked){border-color:#ac7055}.booking-body .site-footer{display:none}@media(max-width:864px){.booking-body .header-inner{height:12.73vw}.booking-body .brand img{width:25.5vw}.booking-page{min-height:165.05vw}.booking-content{padding-top:18.87vw;padding-bottom:7.4vw}.booking-kicker{font-size:2.55vw;margin-bottom:1.62vw}.booking-page h1{font-size:11.11vw;margin-bottom:1.85vw}.booking-intro{font-size:4.51vw;margin-bottom:4.86vw}.booking-form>label,.booking-form legend{font-size:3.7vw;margin-bottom:.46vw}.booking-form>input{height:8.68vw;font-size:3.47vw;padding:0 2.78vw;margin-bottom:3.36vw}.booking-form fieldset{margin-bottom:2.89vw}.booking-form legend{margin-bottom:.81vw}.booking-choice{height:8.91vw;gap:3.7vw;padding:0 3.12vw;font-size:3.7vw;margin-bottom:1.16vw}.booking-choice input{width:3.7vw;height:3.7vw;border-width:1.5px}.booking-choice input:checked{box-shadow:inset 0 0 0 3px #f4eee7}.booking-submit{height:10.42vw;padding:0 4.63vw;font-size:5.32vw}.booking-submit svg{width:4.51vw}.booking-signoff{margin-top:6.36vw}.booking-signoff img{width:22vw;margin-bottom:3.12vw}.booking-signoff p{font-size:2.08vw}.booking-status{font-size:14px}}

.booking-surface{max-width:864px;margin:auto;background:#d8ddc8 url('/assets/booking-sage-background.png') center/100% 100% no-repeat}.booking-surface .booking-page{background:none}.booking-body .booking-surface .site-footer{display:block;background:transparent;color:#333b29;border:0;margin:0}.booking-surface .footer-field,.booking-surface .footer-base{background:transparent;border:0;color:#333b29}.booking-surface .footer-kicker,.booking-surface .footer-sign,.booking-surface .footer-poem{display:none}.booking-surface .footer-center{padding:0 0 32px}.booking-surface .footer-nav{margin:0 auto;max-width:704px}.booking-surface .footer-nav a{color:#333b29;border-color:#79846a55}.booking-surface .footer-base-inner{border-top:1px solid #79846a55;padding:25px 0}.booking-surface .footer-fine,.booking-surface .footer-fine a{color:#57604a}.booking-surface .footer-logo img{width:145px}@media(max-width:600px){.booking-surface .footer-center{padding-bottom:18px}.booking-surface .footer-nav{width:81.5%}.booking-surface .footer-nav a{font-size:14px}.booking-surface .footer-base-inner{width:81.5%;padding:18px 0}.booking-surface .footer-logo img{width:110px}}
.booking-surface .footer-field{padding:18px 0 25px}.booking-surface .footer-field:before{display:none}.booking-surface .footer-nav a,.booking-surface .footer-nav a:nth-child(2),.booking-surface .footer-nav a:nth-child(3){background:transparent;border-bottom:1px solid #79846a55}.booking-surface .footer-nav a:hover{background:#ffffff28;filter:none}

.contact-design-body{background:white}.contact-design-body .site-header{max-width:864px;margin:auto;border:0}.contact-design-body .header-inner{width:84.5%;height:110px;padding:0;min-height:0}.contact-design-body .brand img{width:240px;height:auto}.contact-design{max-width:864px;margin:auto;min-height:1426px;background:#dce0cc url('/assets/contact-sage-background.png') center/100% 100% no-repeat;color:#29311d}.contact-design-inner{width:79%;margin:auto;padding-top:112px;padding-bottom:30px}.contact-design-kicker{text-align:center;text-transform:uppercase;font:normal 21px/1.4 Arial,sans-serif;letter-spacing:.34em;margin:0 0 13px}.contact-design h1{text-align:center;font:normal 120px/.8 'Times New Roman',serif;letter-spacing:-.04em;margin:0 0 25px}.contact-design-intro{text-align:center;font:normal 52px/1.15 'Times New Roman',serif;margin:0 0 42px}.contact-design-intro em{color:#a45e41}.contact-design-form label{display:block;font:normal 30px/1.2 'Times New Roman',serif;margin:0 0 9px}.contact-design-form input,.contact-design-form textarea{width:100%;box-sizing:border-box;border:1px solid #c7c7ba;background:#faf7efef;border-radius:11px;color:#29311d;font:normal 30px 'Times New Roman',serif;padding:17px 24px;margin:0 0 24px;height:73px}.contact-design-form textarea{height:166px;resize:vertical}.contact-design-form input::placeholder,.contact-design-form textarea::placeholder{color:#91988a;opacity:1}.contact-design-form button{width:100%;height:86px;border:0;border-radius:11px;background:#ac6348;color:#fff8ee;font:normal 40px 'Times New Roman',serif;cursor:pointer}.contact-design-or{display:flex;align-items:center;justify-content:center;gap:30px;font:normal 30px 'Times New Roman',serif;margin:22px auto;width:72%}.contact-design-or span{height:1px;background:#858c79;flex:1}.contact-design-direct{width:72%;box-sizing:border-box;margin:auto;height:85px;border:2px solid #3c4630;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:20px;font:normal 34px 'Times New Roman',serif;color:#29311d}.contact-design-direct svg{width:40px;height:32px}.contact-design-address{display:block;text-align:center;margin:14px 0 20px;letter-spacing:.09em;font:normal 27px 'Times New Roman',serif;color:#29311d}.contact-design-signature{display:block;width:210px;height:auto;margin:auto}.contact-design-status{font-size:16px;line-height:1.4}.contact-design input:focus-visible,.contact-design textarea:focus-visible,.contact-design button:focus-visible,.contact-design a:focus-visible{outline:2px solid #526043;outline-offset:4px}@media(max-width:864px){.contact-design-body .header-inner{height:12.73vw}.contact-design-body .brand img{width:27.8vw}.contact-design{min-height:165.05vw}.contact-design-inner{padding-top:12.96vw;padding-bottom:3.47vw}.contact-design-kicker{font-size:2.43vw;margin-bottom:1.5vw}.contact-design h1{font-size:13.89vw;margin-bottom:2.89vw}.contact-design-intro{font-size:6.02vw;margin-bottom:4.86vw}.contact-design-form label{font-size:3.47vw;margin-bottom:1.04vw}.contact-design-form input,.contact-design-form textarea{font-size:3.47vw;padding:1.97vw 2.78vw;margin-bottom:2.78vw;height:8.45vw;border-radius:1.27vw}.contact-design-form textarea{height:19.21vw}.contact-design-form button{height:9.95vw;border-radius:1.27vw;font-size:4.63vw}.contact-design-or{gap:3.47vw;font-size:3.47vw;margin:2.55vw auto}.contact-design-direct{height:9.84vw;border-width:1px;border-radius:1.39vw;font-size:3.94vw;gap:2.31vw}.contact-design-direct svg{width:4.63vw;height:3.7vw}.contact-design-address{font-size:3.12vw;margin:1.62vw 0 2.31vw}.contact-design-signature{width:24.3vw}}
/* Consistent accessible navigation and approved colored footer on every route. */
body .site-header{position:sticky;top:0;z-index:1000;transition:transform .2s ease;background:#fff}body .site-header.header-scroll-hidden{transform:translateY(-100%)}body .site-header:focus-within{transform:none}body .site-footer{display:block!important;background:#fff!important;color:#526043!important;margin:0!important;max-width:none!important}body .site-footer .footer-field{display:block!important;background:#d9decc url('/assets/sage-botanical.jpg') center/cover no-repeat!important;padding:72px 0 65px!important;border:0!important}body .site-footer .footer-field:before{display:none!important}body .site-footer .footer-center{padding:0!important;width:91.5%!important;max-width:780px!important}body .site-footer .footer-kicker{display:block!important;margin:0!important;font:normal 19px/1.4 Georgia,serif!important;text-transform:uppercase;letter-spacing:.25em;color:#526043!important}body .site-footer .footer-sign{display:block!important;width:160px!important;height:auto!important;margin:31px auto 20px!important}body .site-footer .footer-poem{display:block!important;font:normal 24px/1.35 Georgia,serif!important;color:#526043!important;margin:0!important}body .site-footer .footer-nav{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:48px auto 0!important;max-width:780px!important;width:100%!important}body .site-footer .footer-nav a{background:#aa6045!important;color:#fff9ee!important;border:0!important;padding:19px 20px!important;font:normal 25px Georgia,serif!important}body .site-footer .footer-nav a:nth-child(2){background:#b98b50!important}body .site-footer .footer-nav a:nth-child(3){background:#743d40!important}body .site-footer .footer-nav a:nth-child(4){background:#997a55!important}body .site-footer .footer-nav a:nth-child(5){background:#4c5837!important}body .site-footer .footer-nav a:hover{filter:brightness(.94)!important}body .site-footer .footer-base{display:block!important;background:#fff!important;border:0!important;padding:26px 0 30px!important}body .site-footer .footer-base-inner{display:flex!important;flex-direction:column!important;gap:18px!important;border:0!important;padding:0!important;width:90%!important;margin:auto!important}body .site-footer .footer-logo img{width:180px!important;height:auto!important}body .site-footer .footer-fine{display:flex!important;justify-content:center!important;flex-wrap:wrap;gap:18px!important;color:#717569!important;font-size:12px!important}body .site-footer .footer-fine a{color:#717569!important}.booking-surface{background-size:100% 100%}.booking-body .booking-page{min-height:0;padding-bottom:30px}@media(prefers-reduced-motion:reduce){body .site-header{transition:none}}@media(max-width:600px){body .site-footer .footer-nav a{font-size:24px!important;padding:16px 18px!important}body .site-footer .footer-kicker{font-size:17px!important}body .site-footer .footer-poem{font-size:21px!important}body .site-footer .footer-sign{width:136px!important}}

/* Faithful Lavi reference proportions; exact supplied wordmark. */
body:has(.identity-editorial){overflow-x:clip}.identity-editorial{width:100%;max-width:1173px;box-sizing:border-box;overflow:clip}.identity-editorial>.wrap{width:86.4%;max-width:none;min-width:0;padding:0;box-sizing:border-box}.identity-case-lavi{container-type:inline-size;padding:28px 0 70px;min-width:0}.identity-case-lavi .identity-number{font-size:2.9cqw;gap:4cqw;line-height:1.2}.identity-case-lavi .identity-number span{width:29cqw}.identity-case-lavi .identity-role{font-size:2.6cqw;letter-spacing:.3em;margin:3.7cqw 0 5.5cqw}.identity-case-lavi .identity-lavi-wordmark{width:66%;height:auto;aspect-ratio:780/247;overflow:visible;margin:0 0 5.5cqw}.identity-case-lavi .identity-lavi-wordmark img{display:block;width:100%;height:auto;transform:none}.identity-case-lavi .identity-copy h1{font:normal 6.35cqw/1.17 'Times New Roman',serif;letter-spacing:-.015em;margin:0 0 4.1cqw}.identity-case-lavi .identity-copy p{font:normal 4.45cqw/1.23 'Times New Roman',serif;margin:0 0 4.5cqw;max-width:none}.identity-case-lavi .identity-watermark{right:-3%;top:1cqw;width:38%;opacity:.12}.identity-case-lavi .identity-cta{font:normal 2.6cqw/1.4 Arial,sans-serif;letter-spacing:.21em;padding:2.55cqw 5.5cqw;max-width:100%;box-sizing:border-box;white-space:nowrap;gap:0;border-radius:100px}.identity-case-lavi .identity-disciplines{width:100%;font:normal 2.4cqw/1.3 Arial,sans-serif;letter-spacing:.15em;gap:2cqw;margin:5.5cqw 0 4cqw;padding-top:3.8cqw;min-width:0}.identity-case-lavi .identity-disciplines span{white-space:nowrap}.identity-case-lavi .identity-disciplines b{font-size:3cqw}.identity-case-lavi .identity-disciplines:before{width:12.5cqw;height:2px}.lavi-exact-collage{position:relative;aspect-ratio:1378/919;margin:0 -3.3% 30px;overflow:hidden;border-radius:12px}.lavi-collage-photo{position:absolute;width:111.47%;max-width:none;height:auto;left:-5.8%;top:-23.28%}.lavi-shirt-clean-patch{position:absolute;left:14.5%;top:39%;width:38%;height:30%;overflow:hidden}.lavi-shirt-clean-patch img{position:absolute;width:293.2%;max-width:none;height:auto;left:-53.4%;top:-207.6%}.lavi-shirt-exact-logo{position:absolute;left:16.7%;top:44.3%;width:32.5%;height:auto;transform:rotate(-8deg);mix-blend-mode:multiply}.identity-editorial .identity-disciplines{min-width:0}.identity-editorial .header-inner{min-width:0}body:has(.identity-editorial) .site-header{width:100%;max-width:none}body:has(.identity-editorial) .header-inner{width:86.4%;max-width:1013px;box-sizing:border-box}.identity-editorial .identity-case-lavi .identity-carousel{max-width:100%;overflow:hidden}@media(max-width:700px){.identity-case-lavi{padding-top:15px}.identity-case-lavi .identity-controls{gap:18px}.identity-case-lavi .identity-controls>span{font-size:10px}} 
.lavi-shirt-clean-patch{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in}

/* Reference booking proportions and continuous sage transitions. */
.booking-surface{background:#dce0cd;max-width:864px}
.booking-surface .booking-page{background:linear-gradient(to bottom,transparent 88%,#dce0cd 100%),url('/assets/booking-sage-background.png') top center/100% 100% no-repeat;min-height:1426px;padding-bottom:0}
.booking-content{box-sizing:border-box;padding-top:163px;padding-bottom:64px;width:81.5%}
.booking-signoff img{width:190px}
.booking-body .site-footer .footer-field,.contact-design-body .site-footer .footer-field{background:linear-gradient(to bottom,#dce0cd 0%,transparent 24%),url('/assets/sage-botanical.jpg') center/cover no-repeat!important}
.booking-body .site-footer{max-width:864px!important;margin:auto!important}
.contact-design{background:linear-gradient(to bottom,transparent 87%,#dce0cd 100%),url('/assets/contact-sage-background.png') top center/100% 100% no-repeat}
.contact-design-body .site-footer{max-width:864px!important;margin:auto!important}
.identity-phone-movement{background:#182645}
.identity-phone-movement img{object-fit:contain;object-position:center}
@media(max-width:864px){.booking-surface .booking-page{min-height:165.05vw}.booking-content{padding-top:18.87vw;padding-bottom:7.4vw}.booking-signoff img{width:22vw}}

/* Original On camera editorial reference, live linked video carousel. */
.camera-body{overflow-x:clip;background:white;color:#282d1d}.camera-editorial{max-width:1004px;margin:auto;padding:20px 0 45px}.camera-intro{width:86%;margin:auto;container-type:inline-size}.camera-number{display:flex;align-items:center;gap:4cqw;font:normal 2.7cqw Arial,sans-serif;letter-spacing:.2em}.camera-number span{height:1px;width:20cqw;background:#8d9183}.camera-role{font:normal 2.7cqw Arial,sans-serif;text-transform:uppercase;letter-spacing:.3em;margin:2.4cqw 0 4.8cqw}.camera-intro h1{font:normal 10.6cqw/1.05 'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 3.5cqw;white-space:nowrap}.camera-intro em{color:#ae4e32;font-weight:inherit}.camera-description{position:relative}.camera-description p{position:relative;font:normal 4.15cqw/1.29 'Times New Roman',serif;width:78%;margin:0 0 5cqw}.camera-description img{position:absolute;width:26%;right:-1%;bottom:1cqw;opacity:.14}.camera-motto{font:bold 4.1cqw/1.25 'Times New Roman',serif;margin:0 -2% 4cqw;white-space:nowrap;letter-spacing:-.035em}.camera-socials{display:flex;gap:3%;margin:0 -2% 4cqw}.camera-socials a{width:50%;text-align:center;box-sizing:border-box;background:#b64e32;border-radius:100px;padding:3.6cqw 2cqw;color:#fff5ec;text-transform:uppercase;letter-spacing:.22em;font:normal 3cqw Arial,sans-serif}.camera-socials a:hover{background:#a54129}.camera-tags{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1%;font:normal 1.65cqw Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0;padding-top:3.4cqw;white-space:nowrap}.camera-tags:before{content:'';position:absolute;top:0;left:0;width:10%;height:2px;background:#b86b51}.camera-tags b{font-weight:400;font-size:2.2cqw}.camera-gallery{position:relative;margin-top:40px;overflow:hidden}.camera-rail{height:480px;position:relative;touch-action:pan-y}.camera-video{position:absolute;left:50%;top:0;width:32%;height:100%;border-radius:20px;overflow:hidden;transition:transform .35s ease;transform:translateX(-50%);background:#eee}.camera-video img{display:block;width:100%;height:100%;object-fit:cover}.camera-video[data-position='0']{transform:translateX(-50%);z-index:3}.camera-video[data-position='-1']{transform:translateX(-158%) scale(.9);z-index:2}.camera-video[data-position='1']{transform:translateX(58%) scale(.9);z-index:2}.camera-video[data-position='2']{transform:translateX(162%) scale(.85);z-index:1}.camera-gallery>button{position:absolute;top:45%;z-index:5;width:48px;height:48px;background:#fffdf3;border:1px solid #deded2;border-radius:50%;font:normal 42px/1 Georgia,serif;color:#4e563d;cursor:pointer}.camera-prev{left:4%}.camera-next{right:4%}.camera-dots{display:flex;justify-content:center;gap:15px;padding:26px 0}.camera-dots button{width:12px;height:12px;border:0;border-radius:50%;background:#d3d3cf;padding:0;cursor:pointer}.camera-dots button[aria-current=true]{background:#b84c2e}.camera-bottom-tags{width:86%;margin:18px auto 0;font-size:14px;padding-top:28px}.camera-bottom-tags b{font-size:18px}.camera-editorial a:focus-visible,.camera-editorial button:focus-visible{outline:2px solid #af4b30;outline-offset:4px}
.identity-case-lavi .identity-lavi-wordmark{position:relative;overflow:hidden;aspect-ratio:780/247}.identity-case-lavi .identity-lavi-wordmark img{position:absolute;width:138.4615%;max-width:none;height:auto;left:-19.2308%;top:-170.8502%;transform:none}
@media(max-width:700px){.camera-editorial{padding-top:18px}.camera-gallery{margin-top:24px}.camera-rail{height:56vw}.camera-video{width:32%;border-radius:12px}.camera-gallery>button{width:32px;height:32px;font-size:28px}.camera-dots{gap:11px;padding:18px 0}.camera-dots button{width:9px;height:9px}.camera-bottom-tags{font-size:2.1vw;padding-top:22px}.camera-bottom-tags b{font-size:2.5vw}}
@media(prefers-reduced-motion:reduce){.camera-video{transition:none}}

/* On camera: warm white with restrained paper grain. */
main.camera-editorial{position:relative;isolation:isolate;background:#fdfbf7;background-image:none;background-repeat:no-repeat}
main.camera-editorial::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-repeat:repeat}
body.camera-body{background:#fdfbf7}

/* Supplied bright white filming set and soft studio illumination. */
main.camera-editorial{background-color:#fff;background-image:radial-gradient(ellipse at 50% 28%,#ffffff25,transparent 62%),url('/assets/camera-white-filming-set.jpeg');background-position:center top;background-size:100% 100%,100% auto;background-repeat:no-repeat}
main.camera-editorial::before{display:none}
body.camera-body{background:#fff}
.camera-role{margin-top:2.4cqw}

/* Keep the studio decorative and the mobile text within its viewport. */
html:has(.camera-body){-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.camera-body{width:100%;min-width:0;margin:0}
main.camera-editorial{width:100%;min-width:0;box-sizing:border-box;overflow:hidden;background-image:linear-gradient(#ffffffcc,#ffffffcc),url('/assets/camera-white-filming-set.jpeg');background-size:100% 100%,100% auto}
.camera-intro{min-width:0;max-width:864px;box-sizing:border-box}
.camera-intro h1{white-space:normal;font-size:clamp(30px,9.1vw,91px)}
.camera-description p{font-size:clamp(16px,3.57vw,36px);overflow-wrap:break-word}
.camera-motto{white-space:normal;font-size:clamp(15px,3.52vw,35px);max-width:104%;overflow-wrap:break-word}
.camera-socials a{flex:1;min-width:0;width:auto;font-size:clamp(11px,2.58vw,26px)}
.camera-tags{flex-wrap:wrap;row-gap:8px;white-space:normal}
body.camera-body .site-header{width:100%;box-sizing:border-box}

/* Native diary reference layout. */
body.diary-layout-body{background:#fff;color:#292d20}
main.diary-layout{position:relative;background:#fff;max-width:none;width:100%;padding:45px 0 55px;overflow:hidden}
main.diary-layout:before,main.diary-layout:after{content:"";position:absolute;pointer-events:none;width:380px;height:380px;background:url('/assets/olive-branch-cutout.png') center/contain no-repeat;filter:grayscale(1) blur(7px);opacity:.18}
main.diary-layout:before{right:-120px;top:-140px;transform:rotate(140deg)}
main.diary-layout:after{left:-160px;bottom:5px;transform:rotate(25deg)}
.diary-layout-inner{position:relative;width:90%;max-width:900px;margin:auto}
.diary-eyebrow{font:12px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.3em;margin:0 0 32px 2%}
.diary-heading{position:relative;padding:0 2% 48px}
.diary-heading h1{font:normal clamp(42px,11.8vw,112px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:0 0 22px}
.diary-heading h1 span{color:#b84b2a}
.diary-heading>p{font:normal clamp(16px,3.8vw,34px)/1.4 Georgia,serif;margin:0}
.diary-heading aside{position:absolute;right:0;top:80px;font:italic 18px/1.3 Georgia,serif;width:75px}
.diary-heading aside:after{content:"";display:block;width:45px;height:2px;background:#bc745c;margin-top:20px}
.diary-layout-cards{display:grid;gap:16px}
.diary-layout-card{display:grid;grid-template-columns:51% 49%;color:#292d20;text-decoration:none;border:1px solid #ecebe7;border-radius:15px;overflow:hidden;min-width:0;background:#ffffffa6}
.diary-layout-card>div{position:relative;padding:28px 9%;min-width:0}
.diary-layout-number{font:normal clamp(17px,3.5vw,30px)/1 Georgia,serif;color:#b84b2a}
.diary-layout-card h2{font:normal clamp(27px,7vw,62px)/1.15 Georgia,serif;letter-spacing:-.045em;margin:13px 0 14px}
.diary-layout-card p{font:clamp(8px,1.7vw,14px)/1.7 Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase;margin:0}
.diary-layout-arrow{position:absolute;right:8%;bottom:28%;color:#b84b2a;font:30px/1 Georgia,serif}
.diary-layout-card>img{width:100%;height:100%;min-height:0;object-fit:cover;aspect-ratio:1.55;border-radius:15px}
.diary-layout-poems>img{object-position:center 78%}
.diary-layout-stories>img{object-position:center 64%}
.diary-layout-signoff{text-align:center;padding:52px 0 25px}
.diary-layout-signoff img{display:block;width:30%;max-width:240px;height:auto;margin:0 auto 20px}
.diary-layout-signoff p{font:italic clamp(15px,2.7vw,25px)/1.5 Georgia,serif;margin:0}
.diary-layout-signoff:after{content:"";display:block;width:65px;height:2px;background:#bd7b65;margin:20px auto}
.diary-reading{scroll-margin-top:100px;border-top:1px solid #eee;padding:15px 0}
.diary-reading>summary{cursor:pointer;font:20px Georgia,serif;color:#4e5938}
.diary-reading:not([open]){display:none}
.diary-reading .diary-category-heading{display:none}
.diary-reading .diary-empty .diary-category-heading{display:block}
@media(max-width:600px){main.diary-layout{padding-top:28px}.diary-eyebrow{font-size:8px;margin-bottom:22px}.diary-heading{padding-bottom:30px}.diary-heading h1{margin-bottom:14px}.diary-heading aside{display:none}.diary-layout-cards{gap:9px}.diary-layout-card>div{padding:18px 9%}.diary-layout-card h2{margin:9px 0}.diary-layout-arrow{font-size:22px;right:7%}.diary-layout-signoff{padding-top:34px}}

/* Blend only the diary footer background into the white page. */
body.diary-layout-body .site-footer .footer-field{background:linear-gradient(to bottom,#fff 0%,#ffffffed 7%,#ffffffa6 18%,#ffffff45 30%,transparent 43%),url('/assets/sage-botanical.jpg') center/cover no-repeat!important}

/* Feather the diary shadow and extend the white-to-sage blend. */
main.diary-layout:after{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 95%);mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 95%)}
body.diary-layout-body .site-footer .footer-field{background:linear-gradient(to bottom,#fff 0%,#fffffffa 10%,#ffffffdd 22%,#ffffff99 36%,#ffffff40 52%,transparent 68%),url('/assets/sage-botanical.jpg') center/cover no-repeat!important}

/* Continue the homepage wall into the existing sage footer. */
body.home-page-body .site-footer .footer-field{background:linear-gradient(to bottom,#fff 0%,#ffffffee 10%,#ffffffb0 25%,#ffffff60 42%,transparent 65%),url('/assets/sage-botanical.jpg') center/cover no-repeat!important}
body.home-page-body .site-footer .footer-field:before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff35,#ffffff35),url('/assets/white-stone-seamless.webp') center top/200% auto repeat;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 5%,#0009 22%,transparent 44%);mask-image:linear-gradient(to bottom,#000 0%,#000 5%,#0009 22%,transparent 44%);pointer-events:none}

/* White homepage with quiet botanical shadows at the edges. */
body.home-page-body{background:#fff}
body.home-page-body>main{background:#fff url('/assets/home-leaf-shadows.svg') center top/100% auto repeat-y!important}
body.home-page-body .site-footer .footer-field:before{background:url('/assets/home-leaf-shadows.svg') center top/100% auto repeat-y;-webkit-mask-image:linear-gradient(#0005,transparent 38%);mask-image:linear-gradient(#0005,transparent 38%)}

/* Original botanical references on a white homepage. */
body.home-page-body>main{background:#fff!important;position:relative;isolation:isolate}
body.home-page-body>main:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('/assets/home-sage-leaves.jpeg');background-size:100% auto;background-repeat:repeat-y;opacity:.32}
body.home-page-body>main:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/home-terracotta-leaves.jpeg') left -100px top 60%/260px auto no-repeat;mix-blend-mode:multiply;opacity:.2}
body.home-page-body .site-footer .footer-field:before{background:url('/assets/home-sage-leaves.jpeg') center top/100% auto no-repeat;opacity:.3;-webkit-mask-image:linear-gradient(#000,transparent 40%);mask-image:linear-gradient(#000,transparent 40%)}

/* Preserve footer content while blending these white pages into sage. */
body.white-footer-blend .site-footer .footer-field{background:linear-gradient(to bottom,#fff 0%,#fffffffa 10%,#ffffffdd 22%,#ffffff99 36%,#ffffff40 52%,transparent 68%),url('/assets/sage-botanical.jpg') center/cover no-repeat!important}

/* Consistent seamless footer backgrounds throughout the site. */
body .site-footer .footer-field{background:linear-gradient(to bottom,#fff 0%,#fffffffa 10%,#ffffffdd 22%,#ffffff99 36%,#ffffff40 52%,transparent 68%),url('/assets/sage-botanical.jpg') center/cover no-repeat!important}
body.booking-body .site-footer .footer-field,body.contact-design-body .site-footer .footer-field{background:linear-gradient(to bottom,#dce0cd 0%,#dce0cdee 12%,#dce0cd99 30%,#dce0cd40 46%,transparent 64%),url('/assets/sage-botanical.jpg') center/cover no-repeat!important}

/* Sparse, smaller botanical accents on the homepage. */
body.home-page-body>main:before{background-size:360px 540px;background-position:left top,right 72%;background-repeat:no-repeat;opacity:.15}
body.home-page-body>main:after{background-position:left -70px top 68%;background-size:150px auto;opacity:.09}
body.home-page-body .site-footer .footer-field:before{opacity:.1;background-size:360px auto;background-position:left top}
@media(max-width:600px){body.home-page-body>main:before{background-size:220px 330px}body.home-page-body>main:after{background-size:110px auto;background-position:left -55px top 68%}}

/* Echo the footer's natural olive branches, very subtly. */
body.home-page-body>main:before{background-image:url('/assets/olive-branch-cutout.png');background-size:180px auto;background-position:left -65px top 50px;background-repeat:no-repeat;opacity:.085}
body.home-page-body>main:after{background-image:url('/assets/olive-branch-cutout.png');background-size:150px auto;background-position:right -55px top 70%;background-repeat:no-repeat;opacity:.07;mix-blend-mode:normal}
body.home-page-body .site-footer .footer-field:before{background:none;opacity:0}
@media(max-width:600px){body.home-page-body>main:before{background-size:125px auto;background-position:left -50px top 35px}body.home-page-body>main:after{background-size:110px auto;background-position:right -45px top 70%}}

/* Site-wide header search */
.header-inner{gap:14px;position:relative}.header-inner>.brand{flex-shrink:0}.header-inner>.menu{flex-shrink:0}.site-search{margin-left:auto;width:230px;min-width:0;color:#4e5938}.search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-search-field{display:flex;align-items:center;gap:8px;border:1px solid #dce0d4;border-radius:24px;background:#fff;padding:0 12px;height:42px}.site-search-field:focus-within{border-color:#a95036;box-shadow:0 0 0 2px #a9503615}.site-search-field svg{width:18px;height:18px;flex-shrink:0}.site-search input{width:100%;min-width:0;border:0;background:transparent;color:#303527;font:16px Arial,sans-serif;outline:0;padding:8px 0}.site-search input::placeholder{color:#777d6d}.site-search-results{position:absolute;top:calc(100% - 2px);right:0;width:min(440px,100%);max-height:min(65vh,520px);overflow:auto;background:white;border:1px solid #dce0d4;border-radius:12px;box-shadow:0 12px 30px #30352718;z-index:50;padding:12px}.site-search-results[hidden]{display:none}.site-search-status{font:14px/1.5 Arial,sans-serif;padding:6px 8px;margin:0;color:#64704f}.site-search-results ul{list-style:none;padding:0;margin:0}.site-search-results a{display:block;padding:12px 8px;border-top:1px solid #eef0e8;color:#303527;text-decoration:none}.site-search-results a:hover,.site-search-results a:focus-visible{background:#f3f5ee;outline:2px solid #a95036;outline-offset:-2px;border-radius:4px}.site-search-results span{display:block;font:20px/1.3 Georgia,serif}.site-search-results small{display:block;margin-top:4px;font:14px/1.4 Arial,sans-serif;color:#a95036}[id^="search-item-"]{scroll-margin-top:100px}
@media(max-width:720px){.header-inner{gap:8px}.site-search{width:160px;flex:1;max-width:200px}.site-search-field{padding:0 9px;gap:5px;height:40px}.header-inner>.menu summary{width:40px;height:44px}.site-search-results{width:100%}}@media(max-width:360px){.header-inner .brand img{width:112px}.header-inner{gap:6px}.site-search-field svg{width:16px;height:16px}}

/* Centered, continuous selected-content carousel */
.identity-case-lavi .identity-posts{display:block;position:relative;aspect-ratio:1.8;overflow:hidden;scroll-snap-type:none;touch-action:pan-y;cursor:grab;user-select:none;gap:0}
.identity-case-lavi .identity-posts:active{cursor:grabbing}
.identity-case-lavi .identity-posts figure{position:absolute;left:50%;top:50%;width:48%;height:92%;margin:0;transform:translate(calc(-50% + var(--slide-position,0) * 105%),-50%) scale(.8);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .35s ease;z-index:1}
.identity-case-lavi .identity-posts figure[data-position="-1"],.identity-case-lavi .identity-posts figure[data-position="1"]{opacity:1;z-index:2}
.identity-case-lavi .identity-posts figure.is-selected{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:3}
.identity-case-lavi .identity-posts img{width:100%;height:100%;object-fit:contain;display:block;border-radius:12px;pointer-events:none}
.identity-case-lavi .identity-posts:focus-visible{outline:2px solid #bf492c;outline-offset:4px}
@media(max-width:700px){.identity-case-lavi .identity-posts{aspect-ratio:1.35;margin-left:-6.8%;margin-right:-6.8%}.identity-case-lavi .identity-posts figure{width:65%;height:94%}}
@media(prefers-reduced-motion:reduce){.identity-case-lavi .identity-posts figure{transition:none}}

/* Personal music and screen favorites */
.essentials-favorites{position:relative;padding:32px 0 70px;color:#303b2c}.favorites-intro{border-top:1px solid #d7dacc;padding:28px 0 32px}.favorites-intro>p{margin:0 0 14px;color:#a95036;font:14px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.favorites-intro>h2{font:normal clamp(30px,4.7vw,52px)/1.15 Georgia,serif;margin:0}.favorites-intro>h2>span,.favorite-heading h2>span{color:#a95036}.favorites-shelves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.favorite-shelf{min-width:0;scroll-margin-top:100px}.favorite-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid #a16b58;padding-bottom:18px}.favorite-heading h2{font:normal 32px/1.2 Georgia,serif;margin:0}.favorite-heading>span{font:14px Arial,sans-serif;color:#737968;white-space:nowrap}.favorite-shelf ol{list-style:none;margin:0;padding:0}.favorite-shelf li{display:flex;align-items:baseline;gap:14px;padding:19px 0;border-bottom:1px solid #e5e7de}.favorite-no{font:14px Arial,sans-serif;color:#a16b58;flex-shrink:0}.favorite-shelf h3{font:normal 21px/1.35 Georgia,serif;margin:0;overflow-wrap:break-word}.favorite-shelf li p{font:16px/1.4 Arial,sans-serif;margin:6px 0 0;color:#646d5b}
@media(max-width:800px){.favorites-shelves{grid-template-columns:1fr;gap:42px}.essentials-favorites{padding:16px 0 48px}.favorites-intro{padding:24px 0 32px}.favorite-shelf h3{font-size:23px}.favorite-shelf li{padding:17px 0}.favorite-heading h2{font-size:34px}}
/* Preserve cover and poster artwork inside the existing essentials card frames. */
.essentials-grid .essentials-item.essentials-media .essentials-image img{object-fit:contain!important;mix-blend-mode:normal}
/* Matching vertical movie posters with no wide-image letterboxing. */
#favorite-movies .essentials-item .essentials-image{aspect-ratio:2/3!important}
#favorite-movies .essentials-grid .essentials-item.essentials-media .essentials-image img{object-fit:cover!important}
/* Keep every TV card in the same portrait frame, including square source art. */
#favorite-tv .essentials-item .essentials-image{aspect-ratio:2/3!important}
#favorite-tv .essentials-grid .essentials-item.essentials-media .essentials-image img{object-fit:cover!important;object-position:center}

/* On camera card: crop the source-image edges and dissolve their join. */
.portfolio-approved-camera-left-frame{width:calc(100% + 24px);z-index:1}
.portfolio-approved-camera .portfolio-approved-camera-left{transform:scale(1.09)}
.portfolio-approved-camera .portfolio-approved-camera-right{position:relative;z-index:2;transform:scale(1.12);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 100%)}

/* Preserve the original image lettering and the larger caption. */
.portfolio-camera-live-caption{z-index:2;left:5%;top:69%;font:normal clamp(10px,5.6cqw,17px)/1.4 Arial,sans-serif;letter-spacing:.18em}

/* Match the live captions to the approved Visual identities lettering. */
.portfolio-front-card{container-type:inline-size}
.portfolio-approved-camera-left-frame{container-type:normal}
.portfolio-front-songs p,.portfolio-camera-live-caption{font:normal 2.9cqw/1.55 Arial,sans-serif;letter-spacing:.25em;color:#fff;text-transform:uppercase}
.portfolio-front-songs p{position:absolute;left:6.7%;top:70%;padding:0;margin:0}
.portfolio-camera-live-caption{left:12%;top:70%}

/* Align the original embedded camera number and title with the card captions. */
.portfolio-approved-camera-left-frame{background:linear-gradient(#60432c,#462c1b 32%,#382517 68%,#493222)}
.portfolio-approved-camera .portfolio-approved-camera-left{transform:translateX(12%) scale(1.09);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000);mask-image:linear-gradient(to right,transparent,#000 3%,#000)}

/* One typography rule for all three category captions. */
.portfolio-front-cards .portfolio-category-caption{position:absolute;z-index:3;left:6.7%;top:70%;font:normal clamp(12px,1.7vw,22px)/1.55 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#fff;padding:0;margin:0}
.portfolio-category-caption>span{display:block;white-space:nowrap}
.portfolio-front-cards .portfolio-camera-live-caption{left:12%}
.portfolio-identities-caption-clean{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;clip-path:polygon(5% 68%,61% 68%,61% 86%,5% 86%);pointer-events:none}

/* Compact mobile search; full search field on desktop. */
.site-search-toggle{display:none;border:0;background:transparent;color:#4e5938;padding:10px;cursor:pointer;width:44px;height:44px}
.site-search-toggle svg{width:24px;height:24px;display:block}
.site-search-toggle:focus-visible{outline:2px solid #a95036;outline-offset:2px;border-radius:50%}
@media(max-width:720px){
 .site-search{width:44px;max-width:none;flex:0 0 44px;margin-left:auto}
 .site-search-toggle{display:block}
 .site-search-field{display:none;position:absolute;top:100%;left:0;right:0;height:48px;margin:6px 0;padding:0 14px;box-shadow:0 5px 16px #30352712}
 .site-search.is-open .site-search-field{display:flex}
 .site-search-results{top:calc(100% + 60px)}
}


/* Soft leaf shadows blend into the existing white introduction. */
.hero{position:relative;isolation:isolate}
.hero:before,.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:clamp(100px,19vw,210px);height:clamp(170px,29vw,330px);background:url('olive-branch-cutout.png') center/contain no-repeat;opacity:.10;filter:blur(7px) grayscale(.7);-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 73%);mask-image:radial-gradient(ellipse,#000 35%,transparent 73%)}
.hero:before{left:0;top:30%;transform:rotate(145deg)}
.hero:after{right:0;bottom:0;transform:rotate(-30deg)}
@media(max-width:720px){.story-screen{width:100%;overflow:visible}.hero:before{top:39%;left:0}.hero:after{bottom:2%;right:0}}

/* Visible, softly faded leaf shadows around the original artwork. */
body.home-page-body .hero:before,body.home-page-body .hero:after{z-index:0;opacity:.22;filter:blur(5px) grayscale(1);width:clamp(120px,22vw,220px);height:clamp(220px,35vw,360px);mix-blend-mode:multiply}
body.home-page-body .hero:before{left:-16px;top:8%;transform:rotate(145deg)}
body.home-page-body .hero:after{right:-16px;bottom:4%;transform:rotate(-30deg)}
body.home-page-body .hero>.story-screen{position:relative;z-index:1}
@media(max-width:720px){body.home-page-body .hero:before{left:-14px;top:7%}body.home-page-body .hero:after{right:-14px;bottom:3%}}

/* Diary background: faint plaster and feathered botanical shadows. */
body.home-page-body .diary-reference{position:relative;isolation:isolate}
body.home-page-body .diary-reference:before,body.home-page-body .diary-reference:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 82%,transparent)}
body.home-page-body .diary-reference:before{background:url('/assets/white-stone-seamless.webp') center/750px auto repeat;opacity:.12}
body.home-page-body .diary-reference:after{background:url('/assets/olive-branch-cutout.png') left -65px top 40px/240px 340px no-repeat,url('/assets/olive-branch-cutout.png') right -80px bottom 120px/230px 330px no-repeat;opacity:.13;filter:grayscale(1) blur(7px)}
body.home-page-body .diary-reference>*{position:relative;z-index:1}
body.home-page-body .diary-reference>a>img{mix-blend-mode:multiply}
@media(max-width:720px){body.home-page-body .diary-reference:after{background-size:170px 270px,170px 270px;background-position:left -55px top 50px,right -65px bottom 105px}}

/* Fade the filming-set background into the footer's white upper edge. */
body.camera-body main.camera-editorial{background:#fff}
body.camera-body main.camera-editorial:before{display:block;content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:1;background:linear-gradient(#ffffffcc,#ffffffcc),url('/assets/camera-white-filming-set.jpeg') center top/100% auto no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 160px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 160px),transparent 100%)}

.camera-video[data-position='-2']{transform:translateX(-262%) scale(.85);z-index:1}

/* Subtle booking shortcut beside search. */
.header-book{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 3px;position:relative;background:transparent;color:#4e5938;text-decoration:none;font:600 12px/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}.header-book[aria-current="page"]:after{content:"";position:absolute;left:3px;right:3px;bottom:8px;height:1px;background:#a95036}.header-book+.site-search{margin-left:0}.header-book[aria-current="page"]{color:#a95036}.header-book:focus-visible{outline:2px solid #424d31;outline-offset:3px}

/* Home introduction: desktop only; phone rules remain unchanged. */
@media(min-width:721px){
 body.home-page-body .hero.wrap{max-width:1080px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);column-gap:clamp(32px,5vw,72px);row-gap:18px;align-items:start;padding-top:42px;padding-bottom:70px}
 body.home-page-body .hero-roles{grid-column:1/-1;margin:0;font-size:12px}
 body.home-page-body .featured-portrait{grid-column:1;grid-row:2;position:relative;margin:0}
 body.home-page-body .featured-portrait>img:first-child{width:100%;height:560px;max-height:none;object-fit:cover;object-position:center bottom}
 body.home-page-body .story-screen{display:block;grid-column:2;grid-row:2;min-width:0}
 body.home-page-body .story-screen>.hero-copy h1{font-size:clamp(30px,3.2vw,46px);white-space:normal;margin:0 0 24px;line-height:1.1}
 body.home-page-body .story-screen>.hero-story{margin:0;display:grid;gap:20px}
 body.home-page-body .hero-story .story-panel{min-height:0;margin:0;padding:0;align-items:center;grid-template-columns:38% 62%}
 body.home-page-body .hero-story .story-making{grid-template-columns:62% 38%}
 body.home-page-body .hero-story .story-portrait{width:100%;margin:0;align-self:center}
 body.home-page-body .hero-story .story-portrait img{width:100%;height:140px;max-height:140px;object-fit:contain}
 body.home-page-body .hero-story .portrait-tail{display:none}
 body.home-page-body .hero-story .story-words{padding:0 0 0 12px;transform:none}
 body.home-page-body .hero-story .story-lead{font-size:clamp(26px,2.5vw,36px);margin:0 0 8px;line-height:1.1}
 body.home-page-body .hero-story .story-small{font-size:clamp(17px,1.5vw,21px);margin:0 0 8px;line-height:1.3}
 body.home-page-body .hero-story .story-declaration{font-size:clamp(21px,2vw,29px);margin:0;line-height:1.2}
 body.home-page-body .hero-story .story-declaration span{font-size:inherit;margin-left:0;display:block}
 body.home-page-body .hero-story .story-making .story-words p{font-size:clamp(20px,1.85vw,27px);line-height:1.2}
 body.home-page-body .hero-story .story-making .story-words p+p{margin:16px 0 0}
 body.home-page-body .hero-story .story-closing .story-last{font-size:clamp(24px,2.4vw,34px);line-height:1.15}
 body.home-page-body .hero-story .story-closing .hero-sign{width:64px;margin:14px 0 0 auto}
}

/* Consistent desktop Home cards; mobile composition is untouched. */
@media(min-width:721px){
 body.home-page-body .role-reference-images{max-width:1080px;margin-left:auto;margin-right:auto;align-items:start}
 body.home-page-body .role-reference-images img{height:250px;width:100%;object-fit:contain;object-position:center bottom}
 body.home-page-body .diary-reference .diary-categories{max-width:1080px;align-items:start}
 body.home-page-body .diary-reference .diary-card img{height:340px;aspect-ratio:auto;object-fit:cover;object-position:center}
 body.home-page-body .diary-reference .diary-card-stories img{object-position:center 48%}
}


.desktop-home-reference{display:none}
@media(min-width:721px){
body.home-page-body .hero.wrap,body.home-page-body .roles-reference{display:none}
.desktop-home-reference{display:block;position:relative;width:100%;max-width:1536px;margin:0 auto;overflow:hidden}
.desktop-home-reference>img{position:absolute;left:0;width:100%;max-width:none;height:auto;display:block}
.desktop-home-intro{aspect-ratio:1536/936}
.desktop-home-intro>img{top:-9.40171%}
.desktop-home-services{aspect-ratio:1536/774}
.desktop-home-services>img{top:-11.62791%}
.desktop-service-links{position:absolute;left:8%;right:6%;top:21%;bottom:8%;display:grid;grid-template-columns:repeat(3,1fr)}
.desktop-service-links a:focus-visible{outline:2px solid #a95036;outline-offset:-5px}
body.home-page-body .diary-reference .diary-card-stories img{object-position:center bottom}
}

/* Desktop white paper and seamless section edges. */
@media(min-width:721px){
body.home-page-body,body.home-page-body main{background:#fff}
.desktop-home-intro{background:#fff}
.desktop-home-intro>img[src="/assets/home-desktop-introduction.jpeg"]{filter:url('/assets/desktop-white-paper.svg#white-paper')}
.desktop-home-intro>.desktop-photo-preserve{clip-path:polygon(8.53% 15.52%,42.32% 15.52%,42.32% 87.11%,8.53% 87.11%);pointer-events:none}
.desktop-home-services{background:#fff}
.desktop-home-services>img{-webkit-mask-image:linear-gradient(to bottom,transparent 10.42%,#000 18%,#000 97%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 10.42%,#000 18%,#000 97%,transparent 100%)}
.desktop-home-services:before{content:"";position:absolute;inset:0;background:#fff;z-index:-1}
.desktop-home-intro:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2%;pointer-events:none;background:linear-gradient(transparent,#fff)}
}

/* Wide website screenshots only on computers. */
@media(min-width:721px){
.identity-carousel:has(.identity-phones){margin-left:-3%;margin-right:-3%}
.identity-phones{height:clamp(340px,39vw,540px);padding:20px 0;cursor:grab;user-select:none}
.identity-phones:active{cursor:grabbing}
.identity-phones .identity-phone{width:72%;height:auto;aspect-ratio:16/9;border-radius:12px;border-width:4px;box-sizing:border-box;background:#fff}
.identity-phones .identity-phone picture{display:block;width:100%;height:100%}
.identity-phones .identity-phone img{width:100%;height:100%;object-fit:contain;object-position:center}
.identity-phone[data-position="-1"]{transform:translateX(-103%) scale(.87)}
.identity-phone[data-position="1"]{transform:translateX(103%) scale(.87)}
}

/* Remove only the baked white border around the identities artwork. */
.portfolio-front-identities.portfolio-approved-card>.portfolio-approved-image,
.portfolio-front-identities.portfolio-approved-card>.portfolio-identities-caption-clean{
 position:absolute;inset:auto;left:0;top:-3.5%;width:102.2%;height:105.5%;max-width:none;object-fit:fill;
}
.portfolio-front-identities.portfolio-approved-card{border-radius:8.7% / 16.4%}

/* Desktop on-camera: let the studio span the screen; retain readable copy. */
@media(min-width:721px){
 body.camera-body main.camera-editorial{max-width:none;width:100%}
 body.camera-body .camera-intro{width:88%;max-width:none}
 body.camera-body .camera-role{font-size:18px;margin:24px 0 32px}
 body.camera-body .camera-intro h1{font-size:clamp(54px,6.5vw,91px);margin-bottom:28px}
 body.camera-body .camera-description p{width:78%;max-width:820px;font-size:clamp(24px,2.6vw,36px);margin-bottom:32px}
 body.camera-body .camera-description img{width:200px;right:3%;bottom:12px}
 body.camera-body .camera-motto{font-size:clamp(22px,2.5vw,35px);margin:0 0 30px}
 body.camera-body .camera-socials{margin:0 0 32px;gap:24px}
 body.camera-body .camera-socials a{font-size:18px;padding:22px 20px}
 body.camera-body .camera-tags{font-size:14px;padding-top:28px}
 body.camera-body .camera-tags b{font-size:18px}
 body.camera-body .camera-gallery{width:88%;max-width:1400px;margin:40px auto 0}
}

/* Full-width desktop contact and booking surfaces; mobile rules stay intact. */
@media(min-width:865px){
 .contact-design-body .site-header,.booking-body .site-header{width:100%;max-width:none}
 .contact-design-body .header-inner,.booking-body .header-inner{width:88%;max-width:none}
 .contact-design,.booking-surface,.booking-page{width:100%;max-width:none;box-sizing:border-box}
 .contact-design-inner{width:79%;max-width:760px;padding-top:90px}
 .booking-content{width:81.5%;max-width:840px;padding-top:110px}
 .contact-design-body .site-footer,.booking-body .site-footer{width:100%;max-width:none!important}
}

/* Desktop Essentials shelves scroll horizontally, with equally sized picks. */
@media(min-width:801px){
 .essentials-section{min-width:0}
 .essentials-grid{display:flex;gap:22px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 0 18px;scrollbar-width:thin;scrollbar-color:#a36550 #ddd8d0;cursor:grab}
 .essentials-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
 .essentials-grid .essentials-item,.essentials-grid .essentials-item:first-child{display:block;flex:0 0 clamp(260px,27vw,380px);min-height:0;background:transparent;scroll-snap-align:start}
 .essentials-grid .essentials-item .essentials-image,.essentials-grid .essentials-item:first-child .essentials-image{width:100%;height:auto;aspect-ratio:4/5}
 .essentials-grid .essentials-item figcaption,.essentials-grid .essentials-item:first-child figcaption{display:grid;grid-template-columns:23px minmax(0,1fr);gap:8px;align-self:auto;border-top:1px solid #bfb7ab;margin-top:11px;padding:12px 0 0}
 .essentials-grid .essentials-item:first-child .essentials-item-no{font:normal 10px/1.4 Arial,sans-serif;margin:0}
 .essentials-grid .essentials-item:first-child .essentials-brand{margin-bottom:5px}
 .essentials-grid .essentials-item h3,.essentials-grid .essentials-item:first-child h3{font-size:27px;line-height:1.18}
 .essentials-grid .essentials-item:first-child .essentials-note{font:normal 14px/1.5 Arial,sans-serif;margin-top:10px}
 .essentials-grid:focus-visible{outline:2px solid #a36550;outline-offset:5px}
}

/* Repeating shelf buffers preserve the existing phone and desktop card sizes. */
.essentials-grid{position:relative}
.essentials-grid.is-loop-reset{scroll-snap-type:none!important;scroll-behavior:auto!important}
@media(min-width:801px){
 .essentials-grid{padding-top:16px;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - clamp(260px,27vw,380px))/2)}
 .essentials-grid .essentials-item,.essentials-grid .essentials-item:first-child{scroll-snap-align:center;transform:scale(.91);transform-origin:center top;opacity:.75;transition:transform .3s ease,opacity .3s ease}
 .essentials-grid .essentials-item.is-featured,.essentials-grid .essentials-item:first-child.is-featured{transform:scale(1);opacity:1}
 .essentials-grid.is-dragging{scroll-snap-type:none}
}
@media(prefers-reduced-motion:reduce){.essentials-grid .essentials-item{transition:none}}
/* Soft snapping avoids fighting trackpad momentum and loop recentering. */
.essentials-grid{scroll-snap-type:x proximity}

/* Desktop momentum owns the scroll position: resizing visuals must not re-snap it. */
@media(min-width:801px){
 .essentials-grid{scroll-snap-type:none!important;scroll-behavior:auto;overflow-anchor:none}
 .essentials-grid .essentials-item,
 .essentials-grid .essentials-item:first-child,
 .essentials-grid .essentials-item.is-featured,
 .essentials-grid .essentials-item:first-child.is-featured{
  transform:scale(var(--shelf-scale,.91));opacity:var(--shelf-opacity,.75);transition:none;
 }
}

/* Use the original phone photograph in the existing desktop portrait frame. */
@media(min-width:721px){
 .desktop-home-intro>img.desktop-original-portrait{
  left:8.53%;top:7.58547%;width:33.79%;height:78.31197%;
  object-fit:cover;object-position:center bottom;filter:none;clip-path:none;
 }
}

/* Desktop camera card: cover the left edge instead of exposing a flat strip. */
@media(min-width:721px){
 .portfolio-approved-camera .portfolio-approved-camera-left{
  transform:scale(1.09);
  -webkit-mask-image:none;
  mask-image:none;
 }
}

/* Make the DK Beauty card purchasable without changing its layout. */
.essentials-item:has(>.essentials-purchase-link){position:relative}
.essentials-purchase-link{position:absolute;inset:0;z-index:4;display:block;cursor:pointer}
.essentials-purchase-link:focus-visible{outline:3px solid #b84e28;outline-offset:-3px}

/* Original TikTok song previews retain the supplied photos. */
.portfolio-unreleased{margin-top:80px;padding-top:48px;border-top:1px solid #9c998d}
.portfolio-unreleased .original-song-preview{position:relative;aspect-ratio:1290 / 2385;container-type:inline-size;background:transparent}
.portfolio-unreleased .original-song-preview img{width:100%;height:auto;display:block}
.original-song-views{position:absolute;left:4.6%;bottom:4.5%;display:flex;align-items:center;gap:3cqw;color:#fff;font:normal 8.2cqw/1 Arial,sans-serif;letter-spacing:0;pointer-events:none}
.original-song-views svg{width:8cqw;height:9cqw;flex:none}

/* Chronicle reading layout: excerpt followed by the complete original text. */
.chronicle-collection{max-width:680px;margin:0 auto;padding:0 0 35px;color:#303628}
.chronicle-collection>h2{font:normal clamp(36px,5vw,54px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:0 0 35px}
.chronicle-collection h2 span,.chronicle-entry h3 span{color:#b15035}
.chronicle-entry h3{font:normal clamp(30px,4.5vw,42px)/1.15 Georgia,serif;letter-spacing:-.025em;margin:12px 0 16px}
.chronicle-label{font:12px/1.5 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#616951;margin:0}
.chronicle-byline{font:13px/1.5 Arial,sans-serif;color:#69705e;margin:0 0 28px}
.chronicle-copy{font:18px/1.75 Georgia,serif;margin:0 0 24px;overflow-wrap:break-word}
.chronicle-full>summary{display:list-item;width:fit-content;cursor:pointer;font:14px/1.5 Arial,sans-serif;color:#b15035;padding:12px 0;min-height:44px;border-bottom:1px solid currentColor}
.chronicle-full[open]>summary{margin-bottom:26px}
@media(max-width:600px){.chronicle-copy{font-size:17px;line-height:1.75}.chronicle-collection{width:100%}}

/* Danger public: full portrait cover and a quiet editorial reading space. */
.danger-collection{max-width:1060px;position:relative;isolation:isolate}
.danger-editorial{position:relative;scroll-margin-top:110px}
.danger-hero{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:center}
.danger-cover{margin:0;position:relative}
.danger-cover img{display:block;width:100%;height:auto;box-shadow:0 18px 42px #27312018}
.danger-introduction{padding:24px 0;border-top:1px solid #b15035}
.danger-introduction h3{font-size:clamp(38px,5vw,66px);margin:20px 0}
.danger-introduction .chronicle-copy{font-size:clamp(18px,2vw,21px);line-height:1.75}
.danger-reading{position:relative;padding:40px 0 20px;margin-top:20px;isolation:isolate}
.danger-reading::before,.danger-reading::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:230px;height:440px;background:url('/assets/danger-public-cover-original.jpeg') center bottom / 100% auto no-repeat;filter:grayscale(1);opacity:.065;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%)}
.danger-reading::before{left:-95px;top:40px;transform:rotate(-12deg)}
.danger-reading::after{right:-95px;bottom:20px;transform:rotate(14deg)}
.danger-reading .chronicle-full{max-width:680px;margin:auto}
.danger-reading .chronicle-full>summary{font-size:16px;margin-inline:auto;padding:14px 8px}
.danger-reading .chronicle-body{padding-top:20px}
.danger-reading .chronicle-body .chronicle-copy:first-child::first-letter{float:left;font:64px/.9 Georgia,serif;color:#b15035;padding:8px 10px 0 0}
@media(max-width:700px){.danger-hero{grid-template-columns:1fr;gap:28px}.danger-cover{width:min(100%,420px);margin:auto}.danger-introduction{padding-top:24px}.danger-introduction h3{font-size:42px}.danger-reading{margin-top:0;padding-top:18px}.danger-reading::before{left:-25px;width:130px}.danger-reading::after{right:-25px;width:130px}.danger-reading .chronicle-body{padding-top:12px}}

.danger-reading{overflow:clip}

/* Libre Arbitre: candlelit cover, monochrome details, and incense in the margins. */
.libre-collection{max-width:1060px;isolation:isolate}
.libre-editorial{scroll-margin-top:110px}
.libre-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.libre-cover{margin:0;background:#1b1713}
.libre-cover img{width:100%;height:auto;display:block;box-shadow:0 20px 45px #38231520}
.libre-introduction{padding:26px 0;border-top:1px solid #b15035}
.libre-introduction h3{font-size:clamp(38px,5vw,64px);margin:20px 0}
.libre-introduction .chronicle-copy{font-size:18px;line-height:1.8}
.libre-reading{position:relative;isolation:isolate;margin-top:22px;padding:30px 0 20px;overflow:clip}
.libre-reading::before,.libre-reading::after{content:"";position:absolute;pointer-events:none;z-index:-1;width:190px;height:520px;opacity:.075;background:center / cover no-repeat;mask-image:radial-gradient(ellipse,#000 10%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 10%,transparent 72%)}
.libre-reading::before{left:-30px;top:65px;background-image:url('/assets/libre-incense-smoke-original.jpeg')}
.libre-reading::after{right:-30px;bottom:0;background-image:url('/assets/libre-incense-original.jpeg')}
.libre-reading .chronicle-full{max-width:680px;margin:auto}
.libre-reading .chronicle-full>summary{font-size:16px;margin-inline:auto;padding:14px 8px}
.libre-atmosphere{display:grid;grid-template-columns:1fr .75fr 1fr;gap:14px;margin:12px 0 36px;align-items:center}
.libre-atmosphere img{display:block;width:100%;height:230px;object-fit:cover;filter:grayscale(1);opacity:.9}
.libre-atmosphere img:nth-child(2){height:190px}
.libre-reading .chronicle-copy{line-height:1.85}
.libre-reading .chronicle-copy:first-of-type::first-letter{float:left;font:64px/.9 Georgia,serif;color:#b15035;padding:8px 10px 0 0}
@media(max-width:700px){.libre-hero{grid-template-columns:1fr;gap:28px}.libre-cover{max-width:460px;margin:auto}.libre-introduction{padding-top:24px}.libre-introduction h3{font-size:42px}.libre-reading{margin-top:0;padding-top:18px}.libre-atmosphere{gap:8px;margin-bottom:28px}.libre-atmosphere img{height:160px}.libre-atmosphere img:nth-child(2){height:135px}.libre-reading::before,.libre-reading::after{width:110px;opacity:.045}}

/* Danger public: white editorial page, justified prose, feathered cover. */
#chronicles .diary-category-section,.danger-collection,.danger-editorial{background:#fff}
.danger-collection{max-width:1180px}
.danger-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,4vw,64px);align-items:center}
.danger-cover{background:transparent}
.danger-cover img{box-shadow:none;filter:none;mask-image:linear-gradient(to right,transparent,#000 7%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 91%,transparent);-webkit-mask-composite:source-in}
.danger-introduction{border:0;padding:28px 0}
.danger-introduction h3{text-align:left;font-size:clamp(42px,5.4vw,76px);line-height:1.08}
:is(#danger-public,#libre-arbitre) .chronicle-copy{text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto;word-spacing:normal;letter-spacing:normal;line-height:1.85}
.danger-introduction .chronicle-copy{font-size:clamp(18px,1.7vw,22px)}
.danger-reading{margin-top:0;padding-top:28px;background:#fff;overflow:clip}
.danger-reading::before,.danger-reading::after{background-image:url('/assets/danger-fraying-rope-original.jpeg');background-size:100% auto;background-position:center;background-repeat:repeat-y;filter:invert(1);mix-blend-mode:multiply;opacity:.045;width:280px;height:auto;mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent)}
.danger-reading::before{left:-30px;top:40px;bottom:0;transform:rotate(-13deg)}
.danger-reading::after{right:-30px;top:150px;bottom:0;transform:rotate(16deg)}
.danger-reading .chronicle-full{max-width:720px}
.danger-reading .chronicle-body{padding:24px 0 12px}
.danger-reading .chronicle-body .chronicle-copy:first-child::first-letter{float:none;font:inherit;color:inherit;padding:0}
@media(max-width:700px){.danger-hero{grid-template-columns:1fr;gap:18px}.danger-cover{width:min(100%,460px)}.danger-introduction{padding-top:10px}.danger-introduction h3{font-size:42px}.danger-introduction .chronicle-copy{font-size:18px}.danger-reading::before,.danger-reading::after{width:170px;opacity:.035}.danger-reading::before{left:-65px}.danger-reading::after{right:-65px}.danger-reading .chronicle-body{padding-top:18px}}

/* Reference desktop composition: full-width cover beside the complete reading column. */
.danger-collection>h2{display:none}
.danger-editorial .danger-cover img{mask-image:none;-webkit-mask-image:none;box-shadow:none}
.danger-editorial .danger-reading{margin:0;padding:0;background:transparent}
.danger-editorial .danger-reading .chronicle-full{max-width:none}
.danger-editorial .danger-reading .chronicle-full>summary{display:block;width:100%;text-align:center;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #a5aa9a;padding:18px 0;margin:0 0 28px}
.danger-editorial .danger-reading .chronicle-full>summary::before{content:'▾';margin-right:12px}
.danger-editorial .danger-reading .chronicle-body{padding-top:0}
.danger-editorial .danger-reading .chronicle-full[open]>summary{margin-bottom:28px}
@media(min-width:901px){
 .danger-collection{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding-bottom:0}
 #chronicles{border-top:0}
 #chronicles>.diary-category-section{padding-top:0}
 .danger-editorial .danger-hero{display:grid;grid-template-columns:51% 49%;gap:0;align-items:start}
 .danger-editorial .danger-cover{position:sticky;top:90px;width:100%;margin:0;align-self:start}
 .danger-editorial .danger-cover img{width:100%;height:calc(100vh - 90px);min-height:690px;object-fit:cover;object-position:center}
 .danger-editorial .danger-introduction{padding:clamp(38px,5vw,78px) clamp(30px,4.5vw,72px);min-width:0;border:0}
 .danger-editorial .chronicle-label{display:flex;align-items:center;gap:24px;font-size:12px;text-align:left}
 .danger-editorial .chronicle-label::after{content:'';height:1px;flex:1;background:#a5aa9a}
 .danger-editorial .danger-introduction h3{font-size:clamp(38px,4.4vw,76px);white-space:nowrap;letter-spacing:-.035em;margin:40px 0 16px;font-style:normal}
 .danger-editorial .chronicle-byline{text-align:left;margin-bottom:36px}
 .danger-editorial .danger-introduction .chronicle-copy{font-size:clamp(18px,1.65vw,24px);line-height:1.75;font-style:normal}
 .danger-editorial .danger-reading::before{left:-65px;width:180px;opacity:.035}
 .danger-editorial .danger-reading::after{right:-65px;width:180px;opacity:.035}
}
@media(max-width:900px){
 .danger-editorial .danger-hero{display:block}
 .danger-editorial .danger-cover{max-width:460px;width:100%;margin:0 auto 28px}
 .danger-editorial .danger-introduction{padding:0}
 .danger-editorial .danger-introduction h3{font-style:normal}
 .danger-editorial .danger-introduction .chronicle-copy{font-style:normal;text-align:justify;text-align-last:left}
}
/* Fraying ropes run vertically along the outer edges, never across the prose. */
.danger-editorial{position:relative;isolation:isolate}
.danger-editorial .danger-reading::before,.danger-editorial .danger-reading::after{display:none}
.danger-editorial::before,.danger-editorial::after{content:'';position:absolute;pointer-events:none;z-index:0;width:700px;height:110px;background:url('/assets/danger-fraying-rope-original.jpeg') center / 700px auto no-repeat;filter:invert(1);mix-blend-mode:multiply;opacity:.045;transform:rotate(90deg);mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent)}
.danger-editorial::before{left:-315px;top:1100px}
.danger-editorial::after{right:-315px;top:900px}
.danger-editorial .danger-hero{position:relative;z-index:1}
@media(max-width:900px){.danger-editorial::before{left:-345px;top:1300px}.danger-editorial::after{right:-345px;top:1850px}.danger-editorial::before,.danger-editorial::after{opacity:.03}}
/* Display the exact cover completely, with no crop, blur, fade, or shadow. */
.danger-editorial .danger-cover,.danger-editorial .danger-cover img{box-shadow:none!important;filter:none!important;border:0;border-radius:0;mask-image:none!important;-webkit-mask-image:none!important;opacity:1}
.danger-editorial .danger-cover img{height:auto!important;min-height:0!important;max-height:none;object-fit:contain;aspect-ratio:9/16}
@media(min-width:901px){.danger-editorial .danger-cover{position:relative;top:auto}}

/* Bounded desktop illustration: smaller complete cover and two-column continuation. */
.danger-collection{width:100%;max-width:1240px;margin-inline:auto;padding:28px 0 40px}
.danger-magazine .danger-cover{position:static;top:auto;max-width:360px;margin:0 auto 28px}
.danger-magazine .danger-cover img{width:100%;height:auto!important;aspect-ratio:auto;object-fit:contain}
.danger-magazine .danger-introduction{padding:0;border:0}
.danger-magazine .danger-magazine-full>summary{cursor:pointer;color:#b15035;font:14px/1.5 Arial,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.12em;padding:18px 0;border-bottom:1px solid #a5aa9a;margin:0 0 28px}
.danger-magazine .danger-magazine-full:not([open])>.chronicle-body{display:none}
.danger-magazine .danger-magazine-full .chronicle-copy{font-size:18px;line-height:1.85;font-style:normal}
.danger-magazine .danger-continuation{margin-top:26px}
@media(min-width:901px){
 .danger-collection{width:min(86vw,1240px);max-width:1240px;margin-left:calc(50% - min(43vw,620px));padding-top:28px}
 .danger-magazine .danger-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:clamp(32px,4vw,60px);row-gap:0;align-items:start}
 .danger-magazine .danger-cover{grid-column:1;grid-row:1/4;width:100%;max-width:380px;margin:0;justify-self:center}
 .danger-magazine .danger-cover img{width:auto;max-width:100%;max-height:calc(calc(100 * var(--site-svh, 1svh)) - 150px);height:auto!important;margin:auto;aspect-ratio:auto}
 .danger-magazine .danger-introduction{grid-column:2;grid-row:1;padding:0}
 .danger-magazine .danger-introduction h3{font-size:clamp(34px,4vw,60px);margin:30px 0 18px;white-space:normal}
 .danger-magazine .chronicle-byline{margin-bottom:32px}
 .danger-magazine .danger-introduction .chronicle-copy{font-size:20px;line-height:1.8;margin-bottom:20px}
 .danger-magazine .danger-magazine-full{display:contents}
 .danger-magazine .danger-magazine-full>summary{grid-column:2;grid-row:2;display:block;margin-bottom:26px}
 .danger-magazine .danger-magazine-full[open]>.chronicle-body{display:contents}
 .danger-magazine .danger-opening{grid-column:2;grid-row:3}
 .danger-magazine .danger-continuation{grid-column:1/-1;grid-row:4;column-count:2;column-gap:clamp(36px,4vw,64px);margin-top:48px}
 .danger-magazine .danger-continuation .chronicle-copy{break-inside:avoid;margin-bottom:28px}
 .danger-magazine::before{left:-315px;top:950px}
 .danger-magazine::after{right:-315px;top:1100px}
}
@media(max-width:900px){.danger-magazine .danger-hero{display:block}.danger-magazine .danger-magazine-full{display:block}.danger-magazine .danger-continuation{column-count:1}.danger-magazine .danger-introduction h3{font-size:42px}}
/* Plain white background and the requested terracotta opening initial. */
.danger-magazine,.danger-magazine .danger-hero,.danger-magazine .danger-introduction,.danger-magazine .danger-continuation{background:#fff}
.danger-magazine::before,.danger-magazine::after,.danger-magazine .danger-reading::before,.danger-magazine .danger-reading::after{display:none!important;content:none!important}
:is(#danger-public,#libre-arbitre) .danger-opening>.chronicle-copy:first-child::first-letter{float:left;font:normal 88px/.8 Georgia,serif;color:#b15035;padding:10px 12px 0 0}
@media(max-width:900px){:is(#danger-public,#libre-arbitre) .danger-opening>.chronicle-copy:first-child::first-letter{font-size:70px;padding-top:8px}}

/* Match the cover and prose column widths and tighten the continuation gap. */
@media(min-width:901px){
 .danger-magazine .danger-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .danger-magazine .danger-cover{max-width:none;width:100%;justify-self:stretch}
 .danger-magazine .danger-cover img{width:100%;max-width:none;max-height:none;height:auto!important}
 .danger-magazine .danger-continuation{margin-top:22px}
 .danger-magazine .danger-opening .chronicle-copy:last-child{margin-bottom:0}
}

/* Keep the title, introduction and reading control together in natural flow. */
@media(min-width:901px){
 .danger-collection{width:min(84vw,1100px);max-width:1100px;margin-left:calc(50% - min(42vw,550px))}
 .danger-magazine .danger-hero{grid-template-rows:min-content min-content 1fr auto;column-gap:clamp(28px,3.5vw,50px)}
 .danger-magazine .danger-introduction h3{margin:24px 0 16px}
 .danger-magazine .chronicle-byline{margin-bottom:24px}
 .danger-magazine .danger-introduction .chronicle-copy{margin-bottom:12px}
 .danger-magazine .danger-magazine-full>summary{padding:14px 0;margin-bottom:22px}
 .danger-magazine .danger-continuation{margin-top:24px}
}

/* Reference proportions: a complete cover and equally readable editorial columns. */
@media(min-width:901px){
 .danger-collection{width:min(84vw,1240px);max-width:1240px;margin-left:calc(50% - min(42vw,620px))}
 .danger-magazine .danger-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:clamp(32px,3.8vw,58px)}
 :is(#danger-public,#libre-arbitre) .chronicle-copy{font-style:normal;font-size:clamp(19px,1.7vw,26px);line-height:1.75}
 :is(#danger-public,#libre-arbitre) .danger-introduction h3{font-size:clamp(42px,4.5vw,68px);margin:32px 0 20px}
 :is(#danger-public,#libre-arbitre) .chronicle-byline{margin-bottom:36px}
 :is(#danger-public,#libre-arbitre) .danger-introduction .chronicle-copy{margin-bottom:24px}
 :is(#danger-public,#libre-arbitre) .danger-magazine-full>summary{width:100%;box-sizing:border-box;text-align:center;padding:18px 0;margin:0 0 28px}
 :is(#danger-public,#libre-arbitre) .danger-continuation{margin-top:32px;column-gap:clamp(32px,3.8vw,58px)}
 :is(#danger-public,#libre-arbitre) .danger-continuation .chronicle-copy{margin-bottom:28px}
}

/* Quiet companion image only while the chronicle is collapsed. */
:is(#danger-public,#libre-arbitre) .danger-closed-image{margin:0;max-width:100%;align-self:start}
:is(#danger-public,#libre-arbitre) .danger-closed-image img{display:block;width:100%;height:auto;box-shadow:none;border:0;opacity:.82;filter:saturate(.45)}
:is(#danger-public,#libre-arbitre) .danger-hero:has(.danger-magazine-full[open]) .danger-closed-image{display:none}
@media(min-width:901px){:is(#danger-public,#libre-arbitre) .danger-closed-image{grid-column:2;grid-row:3;width:100%;margin-top:4px}}
@media(max-width:900px){:is(#danger-public,#libre-arbitre) .danger-closed-image{margin:8px 0 24px}}

.story-end-signature{display:flex;justify-content:flex-end;margin:22px 0 8px;break-inside:avoid}
.story-end-signature img{width:76px;height:auto;opacity:.42;object-fit:contain}
#libre-arbitre .danger-cover img{aspect-ratio:auto}
#libre-arbitre .danger-closed-image img{max-height:280px;object-fit:contain;opacity:.65}
@media(min-width:901px){.danger-magazine .story-end-signature{grid-column:1/-1;grid-row:5}.libre-collection{max-width:1240px}}

/* Let the story flow beneath its shorter cover without an empty grid cell. */
@media(min-width:901px){
 #libre-arbitre .danger-hero{display:flow-root;--story-gap:clamp(32px,3.8vw,58px);--cover-width:calc((100% - var(--story-gap)) * .475)}
 #libre-arbitre .danger-cover{float:left;width:var(--cover-width);margin:0 var(--story-gap) 20px 0}
 #libre-arbitre .danger-introduction{margin-left:calc(var(--cover-width) + var(--story-gap))}
 #libre-arbitre .danger-magazine-full{display:block}
 #libre-arbitre .danger-magazine-full>summary{margin-left:calc(var(--cover-width) + var(--story-gap));width:calc(100% - var(--cover-width) - var(--story-gap))}
 #libre-arbitre .danger-magazine-full[open]>.chronicle-body{display:block}
 #libre-arbitre .danger-opening{display:block}
 #libre-arbitre .danger-continuation{clear:both;margin-top:24px}
 #libre-arbitre .story-end-signature{clear:both}
}

/* Manti poem and original song excerpt */
.manti-poem{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,60px);width:min(84vw,1240px);margin:32px auto 56px;background:#fff;color:#20271c}.manti-poem figure{margin:0}.manti-poem figure img{display:block;width:100%;height:auto;box-shadow:none;border-radius:0}.manti-writing{align-self:center;min-width:0}.manti-writing h3{font-family:Georgia,serif;font-size:clamp(42px,4.5vw,68px);font-weight:400;margin:20px 0}.manti-writing h3 span{color:#a64d32}.manti-verse{font-family:Georgia,serif;font-size:clamp(18px,1.7vw,25px);line-height:1.8;margin:28px 0}.manti-writing audio{display:block;width:100%;margin-top:28px}.manti-writing .story-end-signature{margin-top:24px}@media(max-width:700px){.manti-poem{grid-template-columns:1fr;width:100%;gap:24px;margin:24px 0 40px}.manti-writing{padding:0 4px}.manti-verse{font-size:18px;line-height:1.8}.manti-writing audio{width:100%}}
/* Poems: cover gallery and focused player */
.poems-experience{width:min(100%,1240px);margin:32px auto 56px;background:#fff;color:#24291d;scroll-margin-top:110px}.poems-experience [hidden]{display:none!important}.poems-gallery-label{display:flex;justify-content:space-between;gap:20px;font-size:13px;letter-spacing:.25em;margin-bottom:48px}.poems-cards{display:grid;grid-template-columns:repeat(3,1fr)}.poem-card{text-align:center;padding:20px 42px 28px;border-right:1px solid #c9c9c2}.poem-card:last-child{border:0}.poem-cover-player{position:relative;align-self:start}.poem-cover-player>img{display:block;width:100%;height:auto;box-shadow:none;border-radius:0}.poem-card .poem-cover-player{height:330px;display:flex;align-items:center;justify-content:center}.poem-card .poem-cover-player>img{max-height:100%;width:100%;object-fit:contain}.poem-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;background:rgba(0,0,0,.14);border:2px solid #fff;border-radius:50%;cursor:pointer;color:#fff;padding:0}.play-shape{display:block;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid #fff;margin-left:4px}.is-playing .play-shape{width:15px;height:22px;border:0;border-left:5px solid #fff;border-right:5px solid #fff;margin:0}.poem-number{color:#92533f;font-family:Georgia,serif;letter-spacing:.1em;margin:28px 0 12px}.poem-card h3{font-family:Georgia,serif;font-size:40px;font-weight:400;margin:0 0 24px}.poem-title-rule{display:block;width:70px;height:1px;background:#ac5b43}.poem-card .poem-title-rule{margin:auto}.poem-back{background:none;border:0;padding:0;margin-bottom:32px;font-family:Georgia,serif;font-size:18px;cursor:pointer;color:inherit}.poem-detail-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(280px,1fr) minmax(120px,.65fr);gap:44px;align-items:start}.poem-lyrics h3{font-family:Georgia,serif;font-size:64px;font-weight:400;margin:0 0 22px}.poem-lyrics p{font-family:Georgia,serif;font-size:21px;line-height:1.6;margin-top:24px}.poem-watermark{width:100%;opacity:.1;align-self:center}.poem-progress{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:white}.poem-progress input{display:block;width:100%;accent-color:white;height:14px;cursor:pointer}.poem-progress>div{display:flex;justify-content:space-between;font-family:Georgia,serif;font-size:14px;margin-top:4px}.poem-pagination{display:flex;align-items:center;gap:28px;margin-top:48px}.poem-pagination>span{height:1px;background:#c9c9c2;flex:1}.poem-pagination button{border:0;background:none;color:inherit;text-align:left;cursor:pointer;font-family:Georgia,serif;font-size:16px}.poem-pagination button:last-child{text-align:right}.poem-pagination i{display:block;margin-top:5px}@media(max-width:900px){.poem-card{padding:16px 20px}.poem-card .poem-cover-player{height:260px}.poem-detail-grid{grid-template-columns:minmax(220px,280px) 1fr;gap:30px}.poem-watermark{display:none}.poem-lyrics h3{font-size:48px}}@media(max-width:600px){.poems-gallery-label{font-size:11px;letter-spacing:.12em;margin-bottom:24px}.poems-cards{grid-template-columns:1fr;gap:28px}.poem-card{border:0;border-bottom:1px solid #ddd;padding:0 30px 28px}.poem-card .poem-cover-player{height:auto;max-width:240px;margin:auto}.poem-card h3{font-size:34px}.poem-detail-grid{grid-template-columns:1fr;gap:24px}.poem-detail .poem-cover-player{width:min(100%,280px);margin:auto}.poem-lyrics h3{font-size:44px}.poem-lyrics p{font-size:18px}.poem-pagination{margin-top:28px}}

/* Square covers and pale signature */
.poem-card{padding:20px 24px 28px}.poem-card .poem-cover-player{height:auto;aspect-ratio:1;width:100%;display:block}.poem-card .poem-cover-player>img{width:100%;height:100%;max-height:none;object-fit:cover}.poem-card:first-child .poem-cover-player>img{object-position:center 60%}.poems-gallery-label>span:first-child{display:flex;align-items:center;gap:24px}.poems-gallery-label>span:first-child:after{content:"";width:54px;height:1px;background:#bfc0b9}.poems-gallery-bottom{display:flex;align-items:center;gap:28px;margin-top:64px}.poems-gallery-bottom p{font-family:Georgia,serif;font-style:italic;font-size:16px;margin:0}.poems-gallery-bottom>span{flex:1;height:1px;background:#c9c9c2}.poems-gallery-bottom img{width:190px;height:auto;opacity:.18}.poem-detail-grid{grid-template-columns:minmax(240px,320px) minmax(280px,1fr) minmax(250px,.9fr)}.poem-watermark{width:100%;min-width:250px;opacity:.1}@media(max-width:1000px){.poem-detail-grid{grid-template-columns:minmax(220px,280px) 1fr}.poem-watermark{display:none}}@media(max-width:600px){.poem-card{padding:0 12px 28px}.poem-card .poem-cover-player{width:min(100%,320px);max-width:320px;height:auto;aspect-ratio:1}.poems-gallery-bottom{gap:16px;margin-top:32px;flex-wrap:wrap}.poems-gallery-bottom img{width:140px;margin-left:auto}.poems-gallery-bottom p{font-size:14px}.poem-detail-grid{grid-template-columns:1fr}}
@media(min-width:1001px){.poem-detail-grid{position:relative;grid-template-columns:320px minmax(300px,400px) 1fr;gap:40px}.poem-watermark{position:absolute;right:0;top:50%;transform:translateY(-50%);width:52%;min-width:0;opacity:.1;pointer-events:none;z-index:0}.poem-lyrics,.poem-detail .poem-cover-player{position:relative;z-index:1}}

/* Match the supplied poem player compositions. */
.poem-back:before{content:"⟵";display:inline-block;margin-right:16px}.poem-pagination .poem-back:before{display:none}.poem-pagination .poem-back{margin:0}.poem-pagination button:first-child:before{content:"⟵";float:left;margin-right:20px}.poem-pagination button:last-child:after{content:"⟶";position:absolute;right:0;top:0}.poem-pagination button:last-child{position:relative;padding-right:48px}.poem-pagination button{text-transform:uppercase;letter-spacing:.03em}.poem-pagination i{text-transform:none;letter-spacing:0}
@media(min-width:1001px){
.poems-experience{width:100%;max-width:1440px;margin:36px auto 48px}
.poem-back{font-size:20px;margin-bottom:40px}
.poem-detail-grid{grid-template-columns:28% 32% 1fr;gap:4%;margin-left:4%;min-height:510px}
.poem-detail .poem-cover-player{width:100%;aspect-ratio:5/7}
.poem-detail .poem-cover-player>img{width:100%;height:100%;object-fit:cover;object-position:center}
.poem-lyrics h3{font-size:clamp(64px,5.3vw,88px);line-height:1.08;margin:0 0 28px}
.poem-lyrics p{font-size:clamp(20px,1.65vw,27px);line-height:1.3;margin:28px 0 0}
.poem-detail .poem-title-rule{width:110px}
.poem-detail .poem-play{width:82px;height:82px}
.poem-watermark{width:50%;right:0;top:52%;opacity:.12}
.poem-progress{padding:32px 20px 16px}.poem-progress>div{font-size:18px}
.poem-pagination{margin-top:64px;gap:36px}.poem-pagination button{font-size:19px}
.poem-card{padding:20px 32px 26px}.poem-card h3{font-size:48px}.poem-number{font-size:20px;margin:36px 0 18px}
}

/* Full-width desktop poem stage: independent of the diary's narrow shell. */
@media(min-width:1001px){
#poems .poems-experience{width:calc(100vw - 144px);max-width:1510px;position:relative;left:50%;transform:translateX(-50%);margin:32px 0 48px}
#poems .poem-detail-grid{display:grid;grid-template-columns:28% 34% 1fr;gap:4%;margin-left:4%;min-height:0}
#poems .poem-detail .poem-cover-player{aspect-ratio:5/7;width:100%;height:auto}
#poems .poem-detail .poem-cover-player>img{height:100%;width:100%;object-fit:cover}
#poems .poem-lyrics{min-width:0}
#poems .poem-lyrics p{font-size:clamp(20px,1.6vw,27px);line-height:1.3;white-space:nowrap}
#poems .poem-watermark{position:absolute;width:50%;max-width:none;height:auto;right:-1%;top:52%;transform:translateY(-50%);opacity:.12;pointer-events:none}
#poems .poem-pagination{margin-top:64px;margin-bottom:20px}
#poems .poem-progress input{appearance:none;-webkit-appearance:none;background:transparent;height:16px;margin:0;border:0;padding:0}
#poems .poem-progress input::-webkit-slider-runnable-track{height:2px;background:#fff}
#poems .poem-progress input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#fff;margin-top:-3px}
#poems .poem-progress input::-moz-range-track{height:2px;background:#fff}
#poems .poem-progress input::-moz-range-thumb{width:8px;height:8px;background:#fff;border:0;border-radius:50%}
}

.poems-desktop-nav{display:none}
@media(min-width:1001px){
body.diary-layout-body:has(#poems[open]) .header-inner{width:calc(100% - 144px);max-width:1510px}
body.diary-layout-body:has(#poems[open]) .brand img{width:240px;max-width:none}
body.diary-layout-body:has(#poems[open]) .header-book,body.diary-layout-body:has(#poems[open]) .site-search,body.diary-layout-body:has(#poems[open]) .menu{display:none}
body.diary-layout-body:has(#poems[open]) .poems-desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font:18px Georgia,serif}
.poems-desktop-social{display:flex;align-items:center;gap:24px;border-left:1px solid #c9c9c2;padding-left:36px;margin-left:12px}
.poems-desktop-social .social-icon{display:block;width:30px;height:30px}
#poems .poem-watermark{height:clamp(240px,23vw,370px);object-fit:fill}
}

/* Horizontally swipeable poem collection on every screen. */
.poems-cards{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom}
.poems-cards::-webkit-scrollbar{display:none}
.poems-cards .poem-card{flex:0 0 33.333333%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.poems-slide-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.poems-slide-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #c9c9c2;border-radius:50%;background:#fff;color:#303323;font:28px Georgia,serif;cursor:pointer;line-height:1}
.poems-slide-controls button:disabled{opacity:.25;cursor:default}
.poems-slide-controls[hidden]{display:none!important}
@media(max-width:1000px) and (min-width:601px){.poems-cards .poem-card{flex-basis:50%}}
@media(max-width:600px){
.poems-cards{gap:0;margin:0 -4px}
.poems-cards .poem-card{flex-basis:100%;padding:0 24px 24px;border:0}
.poems-cards .poem-card .poem-cover-player{width:100%;max-width:none;margin:auto;aspect-ratio:1}
.poems-cards .poem-card h3{font-size:42px;margin-bottom:24px}
.poems-cards .poem-number{margin:28px 0 18px}
.poems-gallery-label{font-size:10px;letter-spacing:.13em;gap:10px;align-items:center}
.poems-gallery-label>span:first-child{gap:12px}
.poems-gallery-label>span:first-child:after{width:34px}
.poems-slide-controls{justify-content:center;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.poems-cards{scroll-behavior:auto}}

/* Clear the poem artwork shortly after interacting with playback. */
.poem-detail .poem-cover-player .poem-play,.poem-detail .poem-cover-player .poem-progress{transition:opacity .35s ease}
.poem-detail .poem-cover-player.controls-hidden .poem-play,.poem-detail .poem-cover-player.controls-hidden .poem-progress{opacity:0}
.poem-detail .poem-cover-player:focus-within .poem-play:focus-visible{opacity:1}

.poem-position-dots{display:none}
@media(max-width:600px){
#poems .poems-experience:has(.poems-gallery[hidden]){width:calc(100vw - 32px);max-width:none;position:relative;left:50%;transform:translateX(-50%);margin:20px 0 32px}
#poems .poem-detail{position:relative}
#poems .poem-detail>.poem-back{position:absolute;top:8px;left:0;font-size:14px;font-style:italic;z-index:2;margin:0}
#poems .poem-detail-grid{grid-template-columns:42% 56%;gap:2%;margin:0;align-items:stretch;min-height:0}
#poems .poem-detail .poem-cover-player{grid-column:2;grid-row:1;width:100%;max-width:none;margin:0;aspect-ratio:auto;min-height:410px;height:100%;border-radius:75% 8% 8% 8% / 30% 3% 3% 3%;overflow:hidden;align-self:stretch}
#poems .poem-detail .poem-cover-player>img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;object-position:center}
#poems .poem-lyrics{grid-column:1;grid-row:1;padding-top:78px;min-width:0;padding-bottom:30px}
#poems .poem-lyrics h3{font-size:clamp(30px,9.5vw,54px);line-height:1.05;margin:0 0 15px;font-weight:400;letter-spacing:-.04em}
#poems .poem-title-rule{width:35px;height:2px}
#poems .poem-lyrics p{font-size:clamp(10px,3.05vw,18px);line-height:1.5;margin:30px 0 0;white-space:normal}
#poems .poem-detail .poem-play{width:46px;height:46px;border-width:1px}
#poems .poem-progress{padding:24px 10px 12px}
#poems .poem-progress>div{font-size:11px}
#poems .poem-watermark{display:none}
#poems .poem-pagination{gap:8px;margin:28px 0 0;justify-content:space-between}
#poems .poem-pagination>span{display:none}
#poems .poem-pagination button{font-size:10px;letter-spacing:.08em;padding:0;min-width:90px}
#poems .poem-pagination button:first-child:before{content:'←';width:32px;height:32px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:22px;margin-right:9px}
#poems .poem-pagination button:last-child{padding-right:41px;position:relative}
#poems .poem-pagination button:last-child:after{content:'→';width:32px;height:32px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:22px;top:0}
#poems .poem-pagination i{font-size:12px;margin-top:4px}
#poems .poem-position-dots{display:flex;gap:9px;align-items:center;justify-content:center}
#poems .poem-position-dots a{width:7px;height:7px;border:1px solid #293020;border-radius:50%;display:block}
#poems .poem-position-dots a[aria-current=true]{background:#293020}
}

/* Keep the top of Ou la intact; any cover crop comes from below. */
#poems .poem-cover-player>img[src="/assets/ou-la-cover.jpeg"]{object-position:center top}

/* Keep the desktop gallery footer in the first view. */
@media(min-width:1001px){
#poems .poems-experience{margin-top:20px;margin-bottom:24px}
#poems .poems-gallery-label{margin-bottom:22px}
#poems .poem-card{padding-top:8px;padding-bottom:12px}
#poems .poem-card .poem-cover-player{width:min(100%,max(240px,calc(calc(100 * var(--site-svh, 1svh)) - 330px)));margin-inline:auto}
#poems .poem-number{margin-top:20px;margin-bottom:10px}
#poems .poem-card h3{margin-bottom:14px}
#poems .poems-slide-controls{margin-top:8px}
#poems .poems-gallery-bottom{margin-top:12px;gap:24px}
#poems .poems-gallery-bottom img{width:160px}
}

.portfolio-poems{margin-top:64px;padding-top:48px;border-top:1px solid #c9c9c2}
.portfolio-poems-link{display:inline-flex;gap:22px;font:26px Georgia,serif;margin-top:24px;color:#293020}
.original-songs-slider{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}
.original-songs-slider::-webkit-scrollbar{display:none}
.original-songs-slider>.portfolio-song{flex:0 0 100%;min-width:0;scroll-snap-align:start;padding:0 2px}
.original-slide-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}
.original-slide-controls button{border:1px solid #bdbfb4;background:white;color:#293020;border-radius:50%;width:42px;height:42px;font-size:23px;cursor:pointer}
@media(min-width:1001px){
#poems .poem-detail{position:relative}
#poems .poem-detail>.poem-back{position:absolute;top:4px;left:0;z-index:2;font-style:italic}
#poems .poem-detail-grid{grid-template-columns:38% 58%;gap:4%;margin:0;align-items:stretch}
#poems .poem-lyrics{grid-column:1;grid-row:1;padding:70px 0 90px 7%;position:relative}
#poems .poem-lyrics h3{font-size:clamp(62px,6.5vw,102px);margin-bottom:20px}
#poems .poem-lyrics p{font-size:clamp(20px,1.8vw,28px);line-height:1.3;white-space:normal;margin-top:30px}
#poems .poem-detail .poem-cover-player{grid-column:2;grid-row:1;aspect-ratio:auto;min-height:580px;height:100%;width:100%;border-radius:40% 3% 3% 3%;overflow:hidden;align-self:stretch}
#poems .poem-detail .poem-cover-player>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#poems .poem-watermark{display:none}
#poems .poem-pagination{width:38%;margin-top:-62px;margin-bottom:20px;position:relative;gap:14px;min-height:48px;justify-content:space-between}
#poems .poem-pagination>span{display:none}
#poems .poem-pagination button{font-size:12px;padding:0;letter-spacing:.08em;min-width:85px}
#poems .poem-pagination i{font-size:16px}
#poems .poem-pagination button:first-child:before{content:'←';width:42px;height:42px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:26px;margin-right:12px}
#poems .poem-pagination button:last-child{padding-right:50px}
#poems .poem-pagination button:last-child:after{content:'→';width:42px;height:42px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:26px}
#poems .poem-position-dots{display:flex;gap:9px;align-items:center;justify-content:center}
#poems .poem-position-dots a{width:8px;height:8px;border:1px solid #293020;border-radius:50%;display:block}
#poems .poem-position-dots a[aria-current=true]{background:#ac5b43;border-color:#ac5b43}
}

/* Navigation sits above the overlapping desktop lyrics grid. */
#poems .poem-pagination{position:relative;z-index:5;isolation:isolate}
#poems .poem-pagination button,#poems .poem-position-dots a{position:relative;z-index:1;pointer-events:auto}

/* Original botanical footer: reference top fade only, with a fully colored bottom. */
body .site-footer .footer-field,body.diary-layout-body .site-footer .footer-field,body.home-page-body .site-footer .footer-field,body.white-footer-blend .site-footer .footer-field{background:linear-gradient(to bottom,#fff 0%,#fffffffa 10%,#ffffffdd 22%,#ffffff99 36%,#ffffff40 52%,transparent 68%),url('/assets/sage-botanical.jpg') center/100% 100% no-repeat!important}
body.booking-body .site-footer .footer-field,body.contact-design-body .site-footer .footer-field{background:linear-gradient(to bottom,#dce0cd 0px,#dce0cdee 35px,#dce0cd99 90px,#dce0cd40 145px,transparent 210px),url('/assets/sage-botanical.jpg') center/100% 100% no-repeat!important}

/* Recovered original botanical footer styling from the September 30 source. */
body .site-footer .footer-field{padding:83px 0 84px!important;background:linear-gradient(to bottom,#fff 0%,#fffffffa 10%,#ffffffdd 22%,#ffffff99 36%,#ffffff40 52%,transparent 68%),linear-gradient(#dce2d269,#dce2d269),url('/assets/sage-botanical.jpg') center/100% 100% no-repeat!important}
body .site-footer .footer-center{max-width:760px!important}
body .site-footer .footer-sign{width:162px!important;margin:26px auto 14px!important}
body .site-footer .footer-poem{font:normal clamp(26px,3vw,36px)/1.24 Georgia,serif!important;color:#3f4932!important}
body .site-footer .footer-nav{max-width:590px!important;gap:0!important;margin:56px auto 0!important}
body .site-footer .footer-nav a{min-height:67px!important;padding:13px 26px!important;font:normal 28px Georgia,serif!important;background:#aa5d42!important;color:#fff!important}
body .site-footer .footer-nav a+a{margin-top:8px!important}
body .site-footer .footer-nav a:nth-child(2){background:#b98b50!important}
body .site-footer .footer-nav a:nth-child(3){background:#713d40!important}
body .site-footer .footer-nav a:nth-child(4){background:#9b7655!important}
body .site-footer .footer-nav a:nth-child(5){background:#4e5938!important}
body .site-footer .footer-nav a span{font:normal 22px Arial,sans-serif!important;opacity:.8}
body.booking-body .site-footer .footer-field,body.contact-design-body .site-footer .footer-field{background:linear-gradient(to bottom,#dce0cd 0%,#dce0cdee 10%,#dce0cdcc 22%,#dce0cd88 36%,#dce0cd40 52%,transparent 68%),linear-gradient(#dce2d269,#dce2d269),url('/assets/sage-botanical.jpg') center/100% 100% no-repeat!important}
@media(max-width:720px){body .site-footer .footer-field{padding:83px 0 70px!important}body .site-footer .footer-sign{width:146px!important;margin:26px auto 16px!important}body .site-footer .footer-poem{font-size:27px!important}body .site-footer .footer-nav{max-width:100%!important;margin-top:45px!important}body .site-footer .footer-nav a{font-size:25px!important;min-height:63px!important;padding:12px 20px!important}}
.portfolio-unreleased .original-song-preview:has(img[src$="song-ase-se-ase-original.jpeg"]){aspect-ratio:865 / 1536}

/* Keep original TikTok previews compact at every screen width. */
.portfolio-unreleased .original-songs-slider{width:100%;max-width:320px}
.portfolio-unreleased .original-song-preview{width:min(100%,240px);margin-inline:auto}
.portfolio-unreleased .original-slide-controls{width:100%;max-width:320px}
@media(max-width:600px){.portfolio-unreleased .original-songs-slider,.portfolio-unreleased .original-slide-controls{max-width:280px}.portfolio-unreleased .original-song-preview{width:min(100%,220px)}}

/* Desktop footer: retain the photograph's proportions and the approved desktop scale. */
@media(min-width:721px){
body .site-footer .footer-field,body.diary-layout-body .site-footer .footer-field,body.home-page-body .site-footer .footer-field,body.white-footer-blend .site-footer .footer-field,body.booking-body .site-footer .footer-field,body.contact-design-body .site-footer .footer-field{background-image:linear-gradient(to bottom,#fff 0%,#fffffffa 10%,#ffffffdd 22%,#ffffff99 36%,#ffffff40 52%,transparent 68%),linear-gradient(#dce2d269,#dce2d269),url('/assets/sage-botanical.jpg')!important;background-size:100% 100%,100% 100%,cover!important;background-position:center,center,center!important;padding:72px 0 65px!important}
body .site-footer .footer-center{max-width:780px!important}
body .site-footer .footer-sign{width:160px!important;margin:31px auto 20px!important}
body .site-footer .footer-poem{font:normal 24px/1.35 Georgia,serif!important}
body .site-footer .footer-nav{max-width:780px!important;margin:48px auto 0!important;gap:9px!important}
body .site-footer .footer-nav a{font:normal 25px Georgia,serif!important;padding:19px 20px!important}
}
@media(min-width:721px){body.booking-body .site-footer .footer-field,body.contact-design-body .site-footer .footer-field{background-image:linear-gradient(to bottom,#dce0cd 0%,#dce0cdee 10%,#dce0cdcc 22%,#dce0cd88 36%,#dce0cd40 52%,transparent 68%),linear-gradient(#dce2d269,#dce2d269),url('/assets/sage-botanical.jpg')!important}}

/* Show both originals together on computer; retain the phone carousel. */
@media(min-width:1001px){
.portfolio-unreleased .original-songs-slider{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;max-width:688px;overflow:visible;scroll-snap-type:none;align-items:start}
.portfolio-unreleased .original-songs-slider>[data-loop-copy]{display:none}
.portfolio-unreleased .original-slide-controls{display:none}
}

/* Exact approved desktop footer with accessible navigation overlays. */
.approved-desktop-footer{display:none}
@media(min-width:1001px){
body .site-footer>.footer-field,body .site-footer>.footer-base{display:none!important}
body .site-footer>.approved-desktop-footer{display:block;position:relative;width:100%;background:white}
.approved-desktop-footer>img{display:block;width:100%;height:auto}
.approved-desktop-footer>a{position:absolute;display:block}
.approved-desktop-footer>a:focus-visible{outline:3px solid #fff;outline-offset:-5px;box-shadow:inset 0 0 0 1px #4e5938}
.approved-footer-policies{position:absolute;bottom:.6%;left:0;right:0;display:flex;justify-content:center;gap:20px;font:12px Arial,sans-serif;color:#717569}
}

/* Feather the image's top edge into the white page without moving its content. */
@media(min-width:1001px){
.approved-desktop-footer::before{content:"";position:absolute;z-index:1;pointer-events:none;inset:0 0 auto;height:11%;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,.98) 10%,rgba(255,255,255,.85) 28%,rgba(255,255,255,.5) 52%,rgba(255,255,255,.16) 76%,rgba(255,255,255,0) 100%)}
}

/* Reference quote: smaller, softly colored olive on the botanical footer. */
@media(max-width:1000px){body .site-footer .footer-poem{font:normal 21px/1.35 Georgia,serif!important;color:#596247!important}}

/* Listening preferences and generously sized, visually delicate navigation. */
.poem-playback-option{display:flex;align-items:center;justify-content:flex-end;gap:8px;font:14px Arial,sans-serif;color:#4e5938;margin:0 0 20px;min-height:44px;cursor:pointer}
.poem-playback-option input{width:30px;height:18px;accent-color:#4e5938;cursor:pointer}
#poems .poem-position-dots{gap:0}
#poems .poem-position-dots a{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;flex-shrink:0}
#poems .poem-position-dots a::before{content:"";width:8px;height:8px;border:1px solid #293020;border-radius:50%;box-sizing:border-box}
#poems .poem-position-dots a[aria-current=true]{background:transparent}
#poems .poem-position-dots a[aria-current=true]::before{background:#ac5b43;border-color:#ac5b43}
#poems .poem-position-dots a:focus-visible{outline:2px solid #ac5b43;outline-offset:-5px}
#poems .poem-pagination{flex-wrap:wrap}
@media(min-width:721px) and (max-width:1500px){#poems .poem-position-dots{order:3;width:100%}#poems .poem-lyrics{padding-bottom:140px}#poems .poem-pagination{margin-top:-112px}}
.site-search-results .search-excerpt{display:block;font:14px/1.45 Georgia,serif;color:#596247;margin-top:5px;white-space:normal}

/* Green inquiry pages meet the green footer through a shared sage transition. */
body.booking-body .booking-surface{background:none;background-color:#dce0cd}
body.booking-body .booking-page{background:linear-gradient(to top,#dce0cd 0px,rgba(220,224,205,.96) 22px,rgba(220,224,205,.65) 70px,transparent 170px),#d8ddc8 url('/assets/booking-sage-background.png') center/100% 100% no-repeat;padding-bottom:70px}
body.contact-design-body .contact-design{background:linear-gradient(to top,#dce0cd 0px,rgba(220,224,205,.96) 22px,rgba(220,224,205,.65) 70px,transparent 170px),#dce0cc url('/assets/contact-sage-background.png') center/100% 100% no-repeat;min-height:0;padding-bottom:70px}
body.booking-body .booking-signoff img,body.contact-design-body .contact-design-signature{display:none!important}
body.booking-body .site-footer .footer-field,body.contact-design-body .site-footer .footer-field{background-image:linear-gradient(to bottom,#dce0cd 0px,rgba(220,224,205,.96) 25px,rgba(220,224,205,.65) 90px,transparent 210px),linear-gradient(#dce2d269,#dce2d269),url('/assets/sage-botanical.jpg')!important}
@media(min-width:1001px){
body.booking-body .approved-desktop-footer,body.contact-design-body .approved-desktop-footer{background:#dce0cd}
body.booking-body .approved-desktop-footer::before,body.contact-design-body .approved-desktop-footer::before{height:15%;background:linear-gradient(to bottom,#dce0cd 0%,rgba(220,224,205,.98) 12%,rgba(220,224,205,.85) 30%,rgba(220,224,205,.5) 55%,rgba(220,224,205,.16) 78%,transparent 100%)}
}

/* Keep the supplied signature separate from the approved desktop artwork. */
.desktop-signature-replacement{display:none}
@media(min-width:1001px){
.approved-desktop-footer .desktop-signature-replacement{display:block;position:absolute;left:44%;top:14.5%;width:12%;height:7.5%;z-index:2;pointer-events:none}
.desktop-signature-replacement>span{position:absolute;inset:0;background:url('/assets/footer-desktop-approved.jpeg') 66% 16%/833.333% 1333.333% no-repeat;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.desktop-signature-replacement>span::after{content:'';position:absolute;inset:0;background:inherit;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}
.desktop-signature-replacement>img{position:absolute;width:82%;height:auto;left:9%;top:20%}
}

@media(min-width:1001px){.desktop-signature-replacement>span{mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in}.desktop-signature-replacement>span::after{display:none}}

/* The introduction roles open their matching portfolio pages. */
.hero-roles a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.hero-roles a:hover{color:#a85d43;text-decoration:none;background:transparent}
.hero-roles a:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
.desktop-role-access{position:absolute;inset:0;z-index:4;pointer-events:none;mix-blend-mode:lighten}
.desktop-role-access a{position:absolute;top:0;height:4.7%;min-height:44px;pointer-events:auto;cursor:pointer;border-radius:3px}
.desktop-role-access a:nth-child(1){left:5.7%;width:7.6%}
.desktop-role-access a:nth-child(2){left:15%;width:8.5%}
.desktop-role-access a:nth-child(3){left:25.2%;width:11.3%}
.desktop-role-access a:hover{background:#a85d43}
.desktop-role-access a:focus-visible{outline:2px solid var(--olive);outline-offset:-2px}

.poem-playback-option select{font:14px Arial,sans-serif;color:#4e5938;background:white;border:1px solid #4e593844;border-radius:5px;padding:8px 12px;min-height:44px;max-width:100%;cursor:pointer}.poem-playback-option select:focus-visible{outline:2px solid #4e5938;outline-offset:3px}

/* Compact icon controls for shuffle, one-poem repeat, and continuous play. */
.poem-playback-icons{display:flex;justify-content:flex-end;gap:10px;margin:0 0 20px}.poem-playback-icons button{display:grid;place-items:center;width:64px;height:44px;border:1px solid #4e593825;border-radius:13px;background:#4e59380a;color:#68705b;cursor:pointer}.poem-playback-icons svg{width:25px;height:25px;overflow:visible}.poem-playback-icons button[aria-pressed="true"]{background:#4e5938;color:white;border-color:#4e5938}.poem-playback-icons button:focus-visible{outline:2px solid #a85d43;outline-offset:3px}.poem-playback-icons button:hover{border-color:#a85d43}

.header-music{display:flex;align-items:center;gap:8px;margin-left:auto;color:#4e5938;border:1px solid #4e593825;border-radius:20px;padding:4px 8px;font:12px Arial,sans-serif;max-width:185px;flex-shrink:1}.header-music[hidden],.music-bank[hidden]{display:none!important}.header-music button{border:0;background:transparent;color:inherit;cursor:pointer;min-width:30px;min-height:32px;font-size:17px}.header-music-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95px}.header-music button:focus-visible{outline:2px solid #a85d43;border-radius:8px}.header-inner:has(.header-music:not([hidden])){gap:12px}.site-header:has(.header-music:not([hidden])){transform:none!important}@media(max-width:600px){.header-music{gap:2px;padding:2px 4px;max-width:130px}.header-music-title{max-width:56px;font-size:11px}.header-inner:has(.header-music:not([hidden])){gap:7px}.header-inner:has(.header-music:not([hidden])) .brand img{max-width:105px}}

.poem-cover-player .poem-playback-icons{position:absolute;z-index:5;left:50%;bottom:68px;transform:translateX(-50%);margin:0;justify-content:center;gap:8px;transition:opacity .25s}.poem-cover-player .poem-playback-icons button{width:48px;height:40px;border-radius:12px;color:white;background:#0005;border-color:#ffffff50;backdrop-filter:blur(8px)}.poem-cover-player .poem-playback-icons button[aria-pressed="true"]{color:#4e5938;background:#fffffff0;border-color:white}.poem-cover-player.controls-hidden .poem-playback-icons{opacity:0;pointer-events:none}.poem-cover-player .poem-playback-icons:focus-within{opacity:1;pointer-events:auto}

/* Compact transport, aligned directly beside Book. */
.header-music{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:210px;max-width:210px;flex:0 0 210px;margin-left:auto;margin-right:0;padding:4px 0;border:0;border-radius:0;color:#424d31}
.header-music-top{display:flex;align-items:center;justify-content:center;position:relative;height:18px;padding:0 22px}.header-music-title{font:12px/1.3 Arial,sans-serif;max-width:100%;text-align:center}.header-music .header-music-close{position:absolute;right:-5px;top:-7px;min-width:28px;min-height:28px;font-size:18px;padding:0}
.header-music-seek{appearance:none;width:100%;height:2px;min-height:2px;margin:4px 0 1px;border:0;border-radius:0;background:#424d3140;accent-color:#424d31;cursor:pointer}.header-music-seek::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:#424d31}.header-music-seek::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#424d31}
.header-music-controls{display:flex;align-items:center;justify-content:space-between;gap:4px}.header-music-controls button{display:grid;place-items:center;min-width:30px;min-height:30px;padding:5px;font-size:inherit;border-radius:50%}.header-music-controls svg{width:17px;height:17px}.header-music-controls .header-music-play{width:34px;height:34px;padding:7px;background:#424d31;color:#fff}.header-music-controls button[aria-pressed=true]{color:#a85d43}.header-music-controls button:hover{color:#a85d43}.header-music-controls .header-music-play:hover{background:#a85d43;color:#fff}.header-music+.header-book{margin-left:0}.header-inner:has(.header-music:not([hidden])){gap:16px}
@media(max-width:720px){.header-music{width:126px;max-width:126px;flex-basis:126px;padding:2px 0;gap:2px}.header-music-top{height:14px;padding:0 15px}.header-music-title{font-size:12px;max-width:100%}.header-music .header-music-close{right:-7px;top:-8px;min-width:24px;min-height:24px;font-size:16px}.header-music-controls{gap:0}.header-music-controls button{min-width:24px;min-height:28px;padding:4px}.header-music-controls svg{width:14px;height:14px}.header-music-controls .header-music-play{width:28px;height:28px;padding:6px}.header-inner:has(.header-music:not([hidden])){gap:7px;min-height:78px}.header-inner:has(.header-music:not([hidden])) .brand img{width:90px;max-width:90px}.header-inner:has(.header-music:not([hidden])) .header-book{font-size:10px;padding:0}.header-inner:has(.header-music:not([hidden]))>.menu summary{width:30px}.header-inner:has(.header-music:not([hidden]))>.menu summary span{width:24px}}
@media(max-width:380px){.header-inner:has(.header-music:not([hidden])){gap:4px}.header-inner:has(.header-music:not([hidden])) .brand img{width:76px;max-width:76px}.header-music{width:118px;max-width:118px;flex-basis:118px}}

/* Keep the logo left and all header controls together at the right edge. */
.site-header .header-inner{justify-content:flex-end}
.site-header .header-inner>.brand{margin-right:auto}
.site-header .header-inner>.header-music,.site-header .header-inner>.header-book,.site-header .header-inner>.site-search,.site-header .header-inner>.menu{margin-left:0;margin-right:0}

/* Face Card: matches the existing website designer editorial layout. */
.identity-face-wordmark{display:block;width:min(480px,70%);height:auto;margin:26px 0 38px}.identity-case-face .identity-copy h2{font-size:clamp(32px,6.7vw,65px)}.face-card-phones{display:flex;align-items:flex-start;justify-content:center;gap:4%;margin:55px -6.8% 0;padding:20px 0 0;overflow:hidden}.face-card-phone{flex:0 0 31%;margin:30px 0 0;border:5px solid #d8d8d6;border-radius:27px;overflow:hidden;box-shadow:0 5px 20px #0002;background:#fff}.face-card-phone-center{flex-basis:34%;margin-top:0}.face-card-phone img{display:block;width:100%;height:auto}@media(max-width:700px){.identity-face-wordmark{width:68%;margin:26px 0}.identity-case-face .identity-copy h2{font-size:clamp(28px,6.7vw,46px)}.face-card-phones{margin-top:35px;gap:4%}.face-card-phone{border-width:4px;border-radius:20px;margin-top:20px}.face-card-phone-center{margin-top:0}}

.face-card-phones{position:relative;display:block;height:clamp(330px,70vw,820px);touch-action:pan-y;cursor:grab;user-select:none}.face-card-phones:active{cursor:grabbing}.face-card-phones .face-card-phone{position:absolute;left:33%;top:20px;width:34%;margin:0;box-sizing:border-box;transition:transform .35s ease;transform-origin:center top}.face-card-phone[data-position="0"]{transform:translateX(0);z-index:3}.face-card-phone[data-position="-1"]{transform:translateX(-108%) translateY(22px) scale(.87);z-index:2}.face-card-phone[data-position="1"]{transform:translateX(108%) translateY(22px) scale(.87);z-index:2}.face-card-phone img{pointer-events:none}.face-card-phones:focus-visible{outline:2px solid #bf492c;outline-offset:4px}@media(prefers-reduced-motion:reduce){.face-card-phones .face-card-phone{transition:none}}