:root{--ink:#251f24;--plum:#302a30;--plum-deep:#211b22;--cream:#faf6ef;--paper:#fffdf9;--tan:#e5c7a9;--rose:#bb8893;--muted:#6e6365;--line:rgba(55,42,46,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #d8a56e;outline-offset:4px}.skip{position:absolute;left:-9999px;top:10px;z-index:20;background:#fff;padding:12px 18px}.skip:focus{left:10px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.site-header{height:74px;padding:0 max(32px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fcf8f2;position:relative;z-index:4;border-bottom:1px solid #e9ded4}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.22em;white-space:nowrap}.brand-mark{height:32px;width:32px;display:grid;place-items:center;border:1px solid #ac8e81;border-radius:50%;font-size:11px;letter-spacing:-.08em;color:#6d5351}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav a{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.11em;text-decoration:none}.site-header nav a:last-child{color:#885a5b;border-bottom:1px solid #ad7d75;padding-bottom:5px}
.hero{min-height:720px;min-height:calc(100svh - 74px);position:relative;isolation:isolate;overflow:hidden;background:var(--plum);color:#fff}.hero-image{position:absolute;inset:-5%;background:url('./assets/erica-portrait.jpg') center 48%/cover no-repeat;opacity:.32;filter:blur(22px) saturate(.82);z-index:-2;animation:hero-drift 22s ease-in-out infinite alternate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#211b22 0%,rgba(33,27,34,.9) 42%,rgba(33,27,34,.32) 100%),linear-gradient(0deg,rgba(33,27,34,.65),transparent 35%);z-index:-1}.hero-grain{position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:radial-gradient(#fff 0.7px,transparent .7px);background-size:7px 7px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.hero-grid{min-height:calc(100svh - 126px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.85fr);align-items:center;gap:clamp(35px,5vw,90px);padding-top:56px;padding-bottom:45px}.hero-content{position:relative;z-index:1;animation:rise-in .9s ease-out both}.eyebrow,.section-label,.article-meta{font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:11px;color:#ead2bd}.eyebrow-date{color:#c6aeb2}.dot{width:7px;height:7px;border-radius:50%;background:#d6a789;box-shadow:0 0 0 5px rgba(214,167,137,.13)}.hero h1{margin:31px 0 25px;font-size:clamp(62px,6.2vw,100px);line-height:.99;letter-spacing:-.067em;font-weight:500;font-family:Georgia,"Times New Roman",serif}.hero h1 span{color:#e5bdaf;font-style:italic}.hero-deck{max-width:540px;margin:0;font-size:clamp(16px,1.65vw,19px);line-height:1.7;color:#f4e9e5}.hero-actions{margin-top:38px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.spotify-button{position:relative;display:flex;align-items:center;gap:15px;min-width:307px;padding:16px 20px;border-radius:7px;background:linear-gradient(110deg,#f5dcc2,#e0acaa);color:#2d2327;text-decoration:none;box-shadow:0 15px 35px rgba(14,9,14,.25);overflow:hidden;transition:transform .25s,box-shadow .25s}.spotify-button:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(14,9,14,.32)}.spotify-button:before{content:"";position:absolute;inset:-30% auto -30% -40%;width:25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.57),transparent);transform:skewX(-20deg);animation:button-shine 6s ease-in-out infinite}.spotify-symbol{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(41,31,36,.35);display:grid;place-items:center;font-size:20px}.spotify-button small{display:block;font-size:9px;font-weight:800;letter-spacing:.17em;margin-bottom:3px}.spotify-button strong{display:block;font-size:17px;letter-spacing:-.02em}.spotify-arrow{font-size:19px;margin-left:auto}.read-link{font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid #dab8ab;padding-bottom:6px}.read-link:hover{color:#eec8ae}.hero-caption{font-size:10px;font-weight:700;letter-spacing:.2em;color:#c7acaa;margin:65px 0 0}.hero-portrait{position:relative;margin:0;padding:11px;border:1px solid rgba(242,211,190,.45);background:rgba(255,245,235,.08);box-shadow:0 30px 70px rgba(17,12,17,.3);transform:rotate(1.5deg);animation:portrait-in 1.1s .1s ease-out both}.hero-portrait img{display:block;width:100%;height:min(55vw,555px);max-height:555px;object-fit:cover;object-position:58% center;filter:saturate(.82) contrast(1.04)}.hero-portrait figcaption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 3px 3px;font-size:10px;font-weight:700;letter-spacing:.17em}.hero-portrait figcaption span{font-size:8px;color:#e7c9b9}.hero-bottom{height:52px;display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid rgba(255,255,255,.2);font-size:9px;font-weight:800;letter-spacing:.21em;color:#e8cec0}.hero-bottom-line{height:1px;width:52px;background:#bd9791}
.story-section{padding:110px 0 125px;background:var(--paper)}.story-grid{display:grid;grid-template-columns:215px minmax(0,720px);justify-content:space-between;gap:60px}.story-aside{padding-top:14px;color:#785f63}.section-label{margin:0;color:#9a6365}.aside-rule{display:block;height:1px;width:70px;background:#b4827f;margin:20px 0 27px}.story-aside p:not(.section-label){font:italic 22px/1.45 Georgia,serif;margin:0 0 28px}.story-aside a{font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid #a77e76;padding-bottom:4px}.article-meta{color:#aa7670}.article-meta span{margin:0 7px}.story-article h2{font:normal clamp(42px,4.1vw,65px)/1.1 Georgia,serif;letter-spacing:-.055em;margin:22px 0 34px}.story-article h2 span{color:#9d686e}.story-article p:not(.article-meta){font-size:17px;line-height:1.85;color:#514950;margin:0 0 24px}.story-article p.lead{font-size:22px;line-height:1.65;color:#30272d}.story-article p a{color:#8c565e;text-decoration-color:#bd8c82;text-underline-offset:4px}.article-signoff{border-top:1px solid var(--line);margin-top:43px;padding-top:19px;display:flex;justify-content:space-between;gap:20px;color:#9f827b;font-size:9px;letter-spacing:.18em;font-weight:800}
.christmas-section{padding:100px 0;background:#eee8df}.christmas-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.christmas-image{position:relative;box-shadow:0 26px 55px rgba(43,31,36,.17);padding:9px;background:#fff;border:1px solid #dfd0c5}.christmas-image img{display:block;width:100%;aspect-ratio:1.3;object-fit:cover;object-position:center}.christmas-image span{position:absolute;bottom:23px;left:23px;background:rgba(34,29,36,.82);color:#fff;padding:10px 12px;font-size:9px;letter-spacing:.16em;font-weight:800}.christmas-copy h2{font:normal clamp(41px,4.2vw,65px)/1.07 Georgia,serif;letter-spacing:-.05em;margin:21px 0 23px}.christmas-copy h2 span{color:#a05f6d}.christmas-copy p:not(.section-label){font-size:17px;line-height:1.75;color:#534b51;max-width:460px}.profile-button{display:inline-flex;gap:34px;align-items:center;margin-top:22px;background:#352c34;color:#fff;padding:17px 22px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.05em;transition:background .2s,transform .2s}.profile-button:hover{background:#654956;transform:translateY(-2px)}.text-link{display:block;width:max-content;margin-top:24px;color:#81575c;font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid #a7867e;padding-bottom:5px}.listen-section{background:#302730;color:#fff;padding:65px 0}.listen-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.listen-inner .section-label{color:#d9ac9f}.listen-inner h2{font:normal clamp(35px,3vw,50px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:13px 0}.listen-inner p:not(.section-label){margin:0;color:#d9c9cc}.spotify-button-dark{flex:none}.site-footer{background:#211b22;color:#d4c1c3;border-top:1px solid rgba(255,255,255,.1)}.footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner>span,.footer-inner>a:last-child{font-size:10px;letter-spacing:.12em;text-decoration:none}.site-footer .brand-mark{color:#d9c3bd;border-color:#86696a}
.media-dialog{padding:0;border:0;background:transparent;color:#fff;max-width:min(680px,calc(100% - 28px));width:100%;overflow:visible}.media-dialog::backdrop{background:rgba(17,12,17,.8);backdrop-filter:blur(8px)}.media-panel{background:#241e25;border:1px solid #8e7174;border-radius:11px;padding:23px;box-shadow:0 24px 90px #0008}.media-head,.media-foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.media-head p{font-size:9px;letter-spacing:.18em;font-weight:800;color:#d4a49d;margin:0 0 6px}.media-head h2{font:normal 27px Georgia,serif;margin:0}.media-close{width:38px;height:38px;flex:none;border:1px solid #9b7b80;border-radius:50%;background:none;color:#fff;font-size:26px;cursor:pointer}.media-dialog iframe{width:100%;height:min(65vh,450px);border:0;border-radius:7px;margin:18px 0;background:#151215}.media-foot{font-size:11px;color:#d4c7c9}.media-foot a{white-space:nowrap;color:#f0c6b5}
@keyframes hero-drift{from{transform:scale(1) translate3d(-1%,0,0)}to{transform:scale(1.08) translate3d(2%,-1%,0)}}@keyframes rise-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-in{from{opacity:0;transform:translateY(26px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(1.5deg)}}@keyframes button-shine{0%,60%,100%{left:-40%}75%{left:135%}}
@media(max-width:900px){.site-header{padding:0 28px}.site-header nav{gap:20px}.hero-grid{grid-template-columns:1.05fr .9fr;gap:28px}.hero h1{font-size:clamp(55px,6.5vw,78px)}.hero-portrait img{height:480px}.story-grid{grid-template-columns:170px minmax(0,1fr);gap:38px}.christmas-grid{gap:5%}}
@media(max-width:700px){.wrap{width:min(100% - 36px,520px)}.site-header{height:63px;padding:0 18px}.site-header nav a:not(:last-child){display:none}.site-header nav{gap:0}.site-header nav a{font-size:9px}.brand{font-size:10px;gap:8px;letter-spacing:.12em}.brand-mark{width:28px;height:28px}.hero{min-height:auto}.hero-grid{min-height:0;display:flex;flex-direction:column;gap:30px;padding-top:54px;padding-bottom:43px;align-items:stretch}.hero:before{background:linear-gradient(180deg,#211b22 0%,rgba(33,27,34,.94) 46%,rgba(33,27,34,.57) 100%)}.eyebrow{font-size:9px;letter-spacing:.15em;flex-wrap:wrap}.hero h1{font-size:clamp(54px,12.1vw,80px);margin:23px 0 18px}.hero-deck{font-size:16px;line-height:1.55}.hero-actions{margin-top:27px;gap:22px;align-items:flex-start;flex-direction:column}.spotify-button{width:100%;min-width:0;max-width:400px}.hero-caption{display:none}.hero-portrait{width:min(100% - 18px,430px);align-self:center}.hero-portrait img{height:auto;aspect-ratio:1.16;object-fit:cover}.hero-bottom{height:43px}.story-section{padding:65px 0 80px}.story-grid{display:block}.story-aside{display:none}.story-article h2{font-size:43px}.story-article p:not(.article-meta){font-size:16px;line-height:1.75}.story-article p.lead{font-size:19px}.article-signoff{font-size:8px}.christmas-section{padding:65px 0}.christmas-grid{display:flex;flex-direction:column;gap:38px}.christmas-copy h2{font-size:43px}.christmas-copy p:not(.section-label){font-size:16px}.listen-inner{display:flex;flex-direction:column;align-items:stretch;gap:28px}.listen-section{padding:55px 0}.footer-inner{padding:27px 0;min-height:0;flex-wrap:wrap}.footer-inner>span{display:none}.media-dialog iframe{height:380px}.media-panel{padding:15px}.media-head h2{font-size:22px}.media-foot{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}