@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@300;400;500;600;700&display=swap');
:root{--night:#1b2435;--night2:#121c2e;--night3:#2a344a;--ivory:#f3f0f4;--pale:#e9e6ed;--paper:#e8e5ea;--ink:#232c41;--muted:#656d80;--lav:#a99ac9;--lav2:#c9bee4;--border:#d6d2dd;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.65;color:var(--ink);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #e1bfff;outline-offset:4px}.skip{position:absolute;z-index:20;left:-999px;top:12px;background:#fff;padding:10px}.skip:focus{left:12px}.shell{width:min(1260px,calc(100% - 80px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:10px;font-weight:600;margin:0;line-height:1.7}.site-header{height:83px;background:var(--night2);color:var(--ivory);border-bottom:1px solid #ffffff1e;position:relative;z-index:10}.head-inner{height:100%;display:flex;justify-content:space-between;gap:25px;align-items:center}.brand,.footer-brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-moon{font-family:Georgia,serif;font-size:54px;color:var(--lav2);line-height:1;position:relative}.brand-moon:after{content:'✧';position:absolute;top:5px;right:-4px;font:13px Georgia;color:#cbc2e3}.brand-name{display:block;font-family:var(--serif);letter-spacing:.31em;font-size:30px;text-transform:uppercase;line-height:1}.brand-sub{display:block;text-transform:lowercase;font-size:8px;letter-spacing:.35em;margin-top:8px;color:#bfc2d1}.nav{display:flex;gap:clamp(11px,1.55vw,26px);align-items:center}.nav a{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#e8e6ee;white-space:nowrap;padding:7px 0;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--lav2)}.nav a[aria-current=page]{border-bottom:1px solid var(--lav2)}.nav-toggle{display:none}.hero{background:var(--night2);color:var(--ivory);position:relative;min-height:580px;overflow:hidden}.hero-background{position:absolute;inset:0}.hero-bg-img{height:100%;width:100%;object-fit:cover;object-position:center 43%;opacity:.93}.hero:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#111a2bee 0%,#171e2deb 29%,#171e2c9e 51%,#161b2920 83%),linear-gradient(0deg,#141a2b84,transparent 35%)}.hero-shell{position:relative;z-index:2;min-height:580px;display:flex;align-items:center}.hero-copy{max-width:530px;padding:52px 0 73px}.hero-overline{color:#bfb3d3;letter-spacing:.35em}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(49px,5.4vw,85px);line-height:.86;letter-spacing:-.025em;margin:24px 0 25px;max-width:650px}.hero h1 em{color:#bfb2d9;font-weight:400}.little-rule{display:flex;align-items:center;gap:8px;color:#cfc2df;font-size:15px;width:270px;margin:0 0 26px}.little-rule:before,.little-rule:after{content:'';display:block;height:1px;flex:1;background:#a9a1b377}.hero-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.17em;color:#f0eaf3;margin:0 0 9px}.hero-desc{font-size:13px;color:#e0dce6;line-height:1.65;max-width:435px;margin:0 0 26px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:10px 22px;text-transform:uppercase;font-size:9px;letter-spacing:.17em;font-weight:600;border:1px solid #ded8e5;color:var(--ivory);background:transparent;border-radius:3px;transition:background .18s,transform .18s,color .18s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-lavender{background:#998bb8;border-color:#c9bee0;color:white}.btn-lavender:hover{background:#8474aa}.btn-outline{border-color:#c0baca}.btn-outline:hover{background:#ffffff18}.btn-small{min-height:39px;padding:9px 19px}.hero-footnote{position:absolute;right:30px;bottom:18px;z-index:2;color:#d9d1e1bd;text-transform:uppercase;letter-spacing:.2em;font-size:9px}.work-section{padding:48px 0 62px;background:linear-gradient(135deg,#f4f0f2,#e7e5ea 75%)}.section-intro{text-align:center;margin-bottom:35px}.section-intro .eyebrow{color:#777088}.section-intro h2,.connect-section h2{font-family:var(--serif);font-size:45px;font-weight:500;text-transform:uppercase;letter-spacing:.2em;margin:2px 0 0;line-height:1.25}.section-flourish{font-family:serif;color:#9990ac;display:flex;gap:10px;align-items:center;justify-content:center}.section-flourish:before,.section-flourish:after{content:'';height:1px;width:78px;background:#b1aabb}.section-intro p{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#68697b;margin:8px 0 0}.work-columns{display:grid;grid-template-columns:1.08fr .92fr;gap:32px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #c9c2ce;margin-bottom:12px;padding:0 2px 8px}.section-heading h3,.section-heading h2{font:500 23px var(--serif);text-transform:uppercase;letter-spacing:.18em;margin:0}.section-heading a{font:600 9px var(--sans);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.section-heading a:hover{color:#7d669f}.writing-list{display:grid;gap:14px}.writing-card{border:1px solid #c7c3cf;border-radius:6px;padding:8px;display:grid;grid-template-columns:43% 1fr;gap:17px;min-height:189px;background:#ffffff55;overflow:hidden}.writing-thumb{min-height:168px;display:block;overflow:hidden;border-radius:4px}.writing-thumb img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.writing-thumb:hover img,.art-open:hover img{transform:scale(1.045)}.writing-info{padding:9px 9px 8px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.writing-info h3{font:italic 500 clamp(20px,2.1vw,29px)/1.02 var(--serif);margin:6px 0 10px}.writing-info h3 a:hover{color:#75628d}.writing-info p:not(.eyebrow){font:15px/1.27 var(--serif);margin:0 0 12px;color:#424356}.writing-info .eyebrow{color:#7d7b89;letter-spacing:.08em;font-size:8px}.text-link{display:inline-block;color:#75628d;text-transform:uppercase;font-size:9px;letter-spacing:.12em;font-weight:600;margin-top:auto}.text-link:hover{text-decoration:underline}.art-feature-grid{display:grid;grid-template-columns:1.28fr .85fr;grid-template-rows:repeat(2,1fr);gap:12px;height:392px}.feature-art-1{grid-row:span 2}.art-card{height:100%;overflow:hidden;position:relative;border-radius:5px;background:#2b3048}.art-open{padding:0;margin:0;border:0;cursor:zoom-in;background:transparent;display:block;width:100%;height:100%;position:relative}.art-open img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.art-zoom{position:absolute;bottom:12px;right:13px;background:#181d2baf;color:#fff;border:1px solid #ffffff5f;border-radius:50%;font-size:16px;width:32px;height:32px;display:grid;place-items:center}.feature-art .art-caption{display:none}.about-and-commissions{background:radial-gradient(ellipse at 20% 30%,#344056,#1a2435 65%);color:var(--ivory);padding:35px 0 40px}.dual-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:34px}.dual-panel:nth-child(2){padding-left:32px;border-left:1px solid #aab1c333}.dark-section-title{border-color:#a6afbe56;margin-bottom:16px}.dark-section-title h2{font-size:23px}.about-pair{display:grid;grid-template-columns:42% 1fr;gap:23px}.about-portrait{border:1px solid #c3bcd2;border-radius:5px;overflow:hidden;height:295px}.about-portrait img{width:100%;height:100%;object-fit:cover}.about-pair-copy h3{font:italic 500 27px var(--serif);margin:6px 0 16px}.about-pair-copy p{font:17px/1.24 var(--serif);color:#e4deeb;margin:0 0 15px}.comm-img{width:100%;height:166px;overflow:hidden;border:1px solid #aaa2bf;border-radius:5px}.comm-img img{width:100%;height:100%;object-fit:cover}.commission-status{margin:16px 0 8px;color:#c9bcdb}.commission-text{font:18px/1.27 var(--serif);color:#e9e2ed;margin:0 0 15px;max-width:410px}.connect-section{background:linear-gradient(120deg,#f1eef3,#e2deeb);padding:36px 0 42px}.connect-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center}.connect-section h2{font-size:32px;margin:5px 0}.connect-section p:not(.eyebrow){font-size:12px;letter-spacing:.04em;color:#666479}.social-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.social-link{width:80px;display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:9px;color:#48506a}.social-icon{height:46px;width:52px;display:grid;place-items:center;border:1px solid #c5bbd1;border-radius:8px;background:#ffffff35;color:#71618c;font-size:23px;transition:background .2s}.social-link:hover .social-icon{background:#c7bddb}.whispers-card{border:1px solid #c5bfd2;border-radius:7px;padding:25px 30px;background:#d9d4e2}.whispers-card .eyebrow{color:#71658a}.whispers-card h3{font:italic 500 27px var(--serif);margin:7px 0}.whispers-card p{margin:0 0 20px}.footer{background:var(--night2);color:#eae4ef;min-height:104px}.footer-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font:500 16px var(--serif);letter-spacing:.26em;text-transform:uppercase}.footer-brand .brand-moon{font-size:43px}.footer-brand small{font:8px var(--sans);letter-spacing:.22em;display:block;margin-top:4px;color:#aaa8ba;text-transform:lowercase}.footer-center{font:10px var(--serif);letter-spacing:.23em;text-transform:uppercase;color:#aea9be}.footer-inner>small{font-size:9px;color:#9996a8}.page-banner{background:radial-gradient(circle at 80% 20%,#505071 0%,#242d44 40%,#151f32 100%);color:var(--ivory);text-align:center;position:relative;overflow:hidden}.page-banner:after{content:'☾';position:absolute;right:10%;top:-85px;color:#ffffff09;font-size:360px;line-height:1;font-family:Georgia}.page-banner-inner{padding:74px 0 84px;position:relative;z-index:1}.page-banner .eyebrow{color:#c3b9d9}.page-banner h1{font:500 clamp(53px,7vw,93px)/1 var(--serif);margin:10px 0 12px}.page-banner p:last-child{font:20px var(--serif);color:#d8d1e3;max-width:720px;margin:auto}.collection-section{padding:65px 0 95px;background:var(--ivory);min-height:450px}.collection-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9c1d2;padding-bottom:12px;margin-bottom:25px}.collection-heading h2{font:500 32px var(--serif);margin:0}.collection-heading span{color:#726d80;font-size:11px}.writing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.writing-grid .writing-card{min-height:255px;grid-template-columns:39% 1fr}.writing-grid .writing-info h3{font-size:29px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery-grid .art-card{background:#e4deec;border:1px solid #d3cadb}.gallery-grid .art-open{height:370px}.art-caption{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:#ece8ef;color:var(--ink)}.art-caption .eyebrow{font-size:9px;color:#756b82}.art-caption h3{font:500 24px var(--serif);margin:0}.detail-top{background:#eae7ed;padding:70px 0 100px}.detail-grid{display:grid;grid-template-columns:41% 1fr;gap:70px;align-items:center}.detail-image{border:10px solid #e6e0eb;box-shadow:0 15px 50px #32354e2b;aspect-ratio:4/3}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-copy .back-link{display:inline-block;margin-bottom:36px;font-size:11px;letter-spacing:.1em;color:#75648b}.detail-copy .eyebrow{color:#74678c}.detail-copy h1{font:500 clamp(52px,5.5vw,78px)/.94 var(--serif);margin:13px 0 27px}.detail-copy p{font:21px/1.45 var(--serif)}.detail-copy .lead,.lead{font:italic 27px/1.25 var(--serif);color:#5b526f}.detail-copy .btn{margin-top:12px}.text-section{padding:75px 0 95px;background:var(--ivory);min-height:460px}.about-page-grid{display:grid;grid-template-columns:32% 1fr;gap:80px;align-items:center}.about-photo-large{height:480px;border:10px solid #e4deea}.about-photo-large img{width:100%;height:100%;object-fit:cover}.text-section h2{font:500 53px/1.04 var(--serif);margin:12px 0 20px}.text-section p:not(.eyebrow){max-width:740px;font:22px/1.4 var(--serif);color:#464255}.text-section .btn{margin-top:18px}.commission-page-grid{display:grid;grid-template-columns:1fr 43%;gap:80px;align-items:center}.commission-page-image{height:370px;border:9px solid #e4deeb;box-shadow:0 14px 44px #32354e25}.commission-page-image img{width:100%;height:100%;object-fit:cover}.narrow{max-width:770px}.contact-content,.whispers-content{text-align:center}.contact-content p,.whispers-content p{margin-left:auto;margin-right:auto}.social-row-center{justify-content:center;margin:27px 0}.note-soft{font-size:15px!important;color:#7d7489!important}.coming-soon-mark{font:125px Georgia;color:#9c8ab8;line-height:1}.whispers-content h2{margin-top:0}.lightbox{background:#1b2332;color:white;border:1px solid #c4b9d5;max-width:min(940px,90vw);max-height:90vh;padding:24px;box-shadow:0 16px 70px #0009}.lightbox::backdrop{background:#0c1022df}.lightbox img{max-height:76vh;max-width:100%;object-fit:contain;margin:auto}.lightbox p{text-align:center;font:25px var(--serif);margin:12px 0 0}.close-lightbox{position:absolute;right:7px;top:4px;background:transparent;border:0;font-size:30px;color:white;cursor:pointer}
@media(max-width:1070px){.shell{width:min(100% - 52px,1260px)}.brand-name{font-size:25px}.brand-sub{font-size:7px}.nav{gap:11px}.nav a{font-size:8px}.work-columns{gap:20px}.writing-card{gap:12px}.about-pair{gap:15px}.about-pair-copy p{font-size:15px}}
@media(max-width:830px){.site-header{height:74px}.nav-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;background:transparent;border:1px solid #aeb0c066;border-radius:4px;height:40px;width:43px;cursor:pointer;padding:10px}.nav-toggle span{background:#e9e2f2;height:2px;width:100%}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#141e30;flex-direction:column;align-items:stretch;padding:18px 30px 24px;box-shadow:0 15px 24px #1118;gap:0}.nav.open{display:flex}.nav a{font-size:12px;padding:10px 0}.hero,.hero-shell{min-height:530px}.hero:before{background:linear-gradient(90deg,#121929f7 0%,#192033d7 43%,#171f2a65 100%)}.hero-copy{max-width:480px}.work-columns,.dual-grid,.connect-grid,.commission-page-grid{grid-template-columns:1fr}.work-columns{gap:40px}.art-feature-grid{height:430px}.dual-panel:nth-child(2){border:0;border-top:1px solid #aab1c333;padding:25px 0 0}.about-pair{grid-template-columns:32% 1fr}.connect-grid{gap:25px}.writing-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-image{max-height:350px}.about-page-grid{gap:40px;grid-template-columns:35% 1fr}.footer-center{display:none}}
@media(max-width:570px){.shell{width:calc(100% - 34px)}.brand-name{font-size:25px}.brand-moon{font-size:46px}.brand-sub{letter-spacing:.21em}.hero,.hero-shell{min-height:565px}.hero-bg-img{object-position:64% center}.hero:before{background:linear-gradient(90deg,#111a2bfa 0%,#141d30e7 55%,#1b22369b 100%)}.hero-copy{padding:45px 0 80px}.hero h1{font-size:57px;margin-top:21px}.hero-overline{font-size:9px}.hero-kicker{font-size:10px}.hero-desc{max-width:340px;font-size:12px}.hero-actions{gap:8px}.btn{font-size:9px;padding:10px 13px;gap:7px}.hero-footnote{font-size:7px}.work-section{padding:35px 0}.section-intro h2{font-size:36px}.section-intro p{font-size:9px}.work-columns{gap:30px}.writing-card{grid-template-columns:38% 1fr;gap:10px;min-height:182px}.writing-thumb{min-height:172px}.writing-info{padding:3px 3px 3px 0}.writing-info h3{font-size:22px}.writing-info p:not(.eyebrow){font-size:13px;margin-bottom:7px}.writing-info .eyebrow{font-size:7px}.text-link{font-size:8px}.art-feature-grid{height:330px;gap:7px}.section-heading h3,.section-heading h2{font-size:20px}.about-and-commissions{padding:30px 0}.about-pair{grid-template-columns:40% 1fr;gap:12px}.about-portrait{height:247px}.about-pair-copy h3{font-size:24px;margin:4px 0 9px}.about-pair-copy p{font-size:14px;margin-bottom:9px}.about-pair-copy p:nth-of-type(2){display:none}.comm-img{height:150px}.connect-section{padding:30px 0}.connect-section h2{font-size:29px}.social-row{gap:5px}.social-link{width:74px}.whispers-card{padding:22px}.footer-inner{min-height:112px}.footer-inner>small{max-width:120px;text-align:right;font-size:8px}.page-banner-inner{padding:63px 0 72px}.page-banner h1{font-size:56px}.page-banner p:last-child{font-size:17px}.collection-section,.text-section{padding:48px 0 70px}.collection-heading{align-items:flex-start;gap:12px}.collection-heading h2{font-size:27px}.collection-heading span{font-size:9px;text-align:right}.writing-grid,.gallery-grid{grid-template-columns:1fr}.gallery-grid .art-open{height:360px}.detail-top{padding:37px 0 70px}.detail-copy h1{font-size:50px}.detail-copy .back-link{margin-bottom:22px}.about-page-grid{grid-template-columns:1fr;gap:30px}.about-photo-large{height:390px;max-width:360px;margin:auto;width:100%}.commission-page-grid{grid-template-columns:1fr;gap:30px}.commission-page-image{height:240px}.text-section h2{font-size:42px}.text-section p:not(.eyebrow){font-size:20px}}


/* Archive pages: a clean square-cover row instead of a cramped tile grid.
   Homepage featured work remains unchanged. */
.writing-grid,.art-archive-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(18px,2.4vw,32px)
}
.writing-grid .writing-card,.art-archive-row{
  display:grid;
  grid-template-columns:clamp(178px,22vw,240px) minmax(0,1fr);
  align-items:stretch;
  gap:clamp(18px,2.4vw,34px);
  padding:clamp(12px,1.4vw,18px);
  min-height:0;
  border:1px solid #c9c2d3;
  border-radius:9px;
  background:#fdfaffaf;
  box-shadow:0 12px 35px #2b30460d;
  overflow:hidden
}
.writing-grid .writing-thumb,.art-archive-cover{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  min-height:0;
  height:auto;
  border-radius:6px;
  overflow:hidden;
  background:#d9d2e3;
  align-self:start
}
.writing-grid .writing-thumb img,.art-archive-cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .25s ease
}
.writing-grid .writing-thumb:hover img,.art-archive-cover:hover img{transform:scale(1.035)}
.writing-grid .writing-info,.art-archive-info{
  min-width:0;
  padding:clamp(5px,1vw,12px) clamp(4px,1vw,14px) clamp(5px,1vw,12px) 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:0
}
.writing-grid .writing-info h3,.art-archive-info h3{
  font:500 clamp(28px,3.2vw,var(--cx-story-title,42px))/1.12 var(--serif);
  margin:7px 0 13px;
  letter-spacing:.01em;
  color:#2e2a42
}
.art-archive-info h3{font-style:normal}
.writing-grid .writing-info .eyebrow,.art-archive-info .eyebrow{
  color:#82728f;
  letter-spacing:.13em;
  font-size:var(--cx-eyebrow,12px)
}
.writing-grid .card-summary,.art-archive-description{
  max-width:760px;
  font:var(--cx-story-summary,18px)/var(--cx-paragraph-leading,1.55) var(--serif);
  color:#4c475b;
  margin:0 0 12px;
  overflow-wrap:anywhere
}
.writing-grid .card-summary p,.art-archive-description p{
  font:inherit;
  color:inherit;
  margin:0 0 .75em
}
.writing-grid .card-summary p:last-child,.art-archive-description p:last-child{margin-bottom:0}
.writing-grid .writing-info .text-link,.art-archive-view{
  font:600 var(--cx-button,13px) var(--sans);
  text-transform:uppercase;
  letter-spacing:.11em;
  color:#725b94;
  margin-top:auto;
  padding:8px 0 0;
  background:transparent;
  border:0;
  text-align:left;
  cursor:pointer
}
.writing-grid .writing-info .text-link:hover,.art-archive-view:hover{text-decoration:underline}
.art-archive-cover{border:0;cursor:zoom-in;padding:0}
.art-archive-cover .art-zoom{position:absolute;bottom:12px;right:12px}
@media(max-width:650px){
  .writing-grid .writing-card,.art-archive-row{
    grid-template-columns:minmax(100px,36%) minmax(0,1fr);
    gap:14px;
    padding:10px
  }
  .writing-grid .writing-info,.art-archive-info{padding:5px 3px 7px 0}
  .writing-grid .writing-info h3,.art-archive-info h3{
    font-size:clamp(22px,5.7vw,30px);
    line-height:1.12;
    margin:5px 0 9px
  }
  .writing-grid .card-summary,.art-archive-description{font-size:16px;line-height:1.35}
  .writing-grid .writing-info .text-link,.art-archive-view{font-size:11px}
  .writing-grid .writing-info .eyebrow,.art-archive-info .eyebrow{font-size:10px;line-height:1.4}
}


/* Home: featured sections stack vertically with square, independent covers.
   The archive layouts on /writing/ and /artwork/ are intentionally unchanged. */
.work-section .work-columns{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(38px,5vw,64px)
}
.work-section .work-columns > div{min-width:0}
.work-section .writing-list{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.work-section .writing-list .writing-card{
  display:grid;
  grid-template-columns:clamp(185px,22vw,255px) minmax(0,1fr);
  gap:clamp(18px,2.6vw,34px);
  align-items:stretch;
  min-height:0;
  border:1px solid #c9c2d3;
  border-radius:9px;
  background:#fdfaffaf;
  box-shadow:0 12px 35px #2b30460d;
  padding:clamp(12px,1.4vw,18px);
  overflow:hidden
}
.work-section .writing-list .writing-thumb{
  display:block;
  aspect-ratio:1/1;
  height:auto;
  min-height:0;
  align-self:start;
  overflow:hidden;
  border-radius:6px;
  background:#d9d2e3
}
.work-section .writing-list .writing-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center
}
.work-section .writing-list .writing-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-width:0;
  padding:clamp(5px,1vw,12px) clamp(4px,1vw,14px) clamp(5px,1vw,12px) 0
}
.work-section .writing-list .writing-info .eyebrow{
  color:#82728f;
  font-size:var(--cx-eyebrow,12px);
  letter-spacing:.12em;
  line-height:1.5
}
.work-section .writing-list .writing-info h3{
  font:italic 500 clamp(27px,3vw,41px)/1.1 var(--serif);
  color:#2e2a42;
  margin:8px 0 12px
}
.work-section .writing-list .writing-info .card-summary{
  font:400 var(--cx-story-summary,19px)/var(--cx-paragraph-leading,1.55) var(--serif);
  color:#484457;
  max-width:790px;
  overflow-wrap:anywhere
}
.work-section .writing-list .writing-info .card-summary p{
  font:inherit;
  color:inherit;
  margin:0 0 .65em
}
.work-section .writing-list .writing-info .card-summary p:last-child{margin-bottom:0}
.work-section .writing-list .writing-info .text-link{
  padding-top:14px;
  margin-top:auto;
  font:600 var(--cx-button,13px) var(--sans);
  letter-spacing:.1em;
  color:#725b94
}

/* Square artwork previews with compact, readable captions underneath. */
.work-section .art-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:none;
  gap:clamp(14px,2vw,24px);
  height:auto
}
.work-section .art-feature-grid .feature-art{grid-row:auto;min-width:0}
.work-section .feature-art .art-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  border:1px solid #c9c2d3;
  border-radius:9px;
  overflow:hidden;
  background:#fbf8fd;
  box-shadow:0 12px 35px #2b30460d
}
.work-section .feature-art .art-open{
  position:relative;
  display:block;
  flex:none;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#343c57
}
.work-section .feature-art .art-open img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center
}
.work-section .feature-art .art-caption{
  display:flex;
  flex:1;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  background:#f9f6fb;
  color:#282c41
}
.work-section .feature-art .art-caption .eyebrow{font-size:10px;letter-spacing:.11em}
.work-section .feature-art .art-caption h3{
  font:500 clamp(22px,2.1vw,30px)/1.13 var(--serif);
  margin:4px 0 0
}
.work-section .feature-art .art-caption > span{color:#8976a5}
@media(max-width:820px){
  .work-section .art-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .work-section .writing-list .writing-card{
    grid-template-columns:150px minmax(0,1fr);
    gap:15px;
    padding:12px
  }
  .work-section .writing-list .writing-info{padding:4px 2px 4px 0}
  .work-section .writing-list .writing-info h3{font-size:clamp(24px,5.3vw,33px)}
  .work-section .writing-list .writing-info .card-summary{font-size:16px;line-height:1.38}
  .work-section .writing-list .writing-info .eyebrow{font-size:10px}
}
@media(max-width:480px){
  .work-section .writing-list .writing-card{grid-template-columns:minmax(0,1fr)}
  .work-section .writing-list .writing-thumb{width:min(100%,235px)}
  .work-section .writing-list .writing-info{padding:6px}
  .work-section .art-feature-grid{grid-template-columns:minmax(0,1fr)}
}


/* Larger two-line homepage headline.
   Widen the heading only; keep supporting text easy to read. */
.hero .hero-copy{width:100%;max-width:min(1120px,100%)}
.hero .hero-title{
  max-width:none;
  font-size:clamp(58px,7vw,var(--cx-hero-title));
  line-height:.98;
  letter-spacing:-.025em;
  margin:24px 0 30px
}
.hero .hero-title-main,.hero .hero-title-sub{display:block}
.hero .hero-title-main{white-space:nowrap}
.hero .hero-title-sub{
  white-space:nowrap;
  margin-top:.08em;
  color:#c9b9e5
}
@media(max-width:960px){
  .hero .hero-title{font-size:clamp(48px,7.2vw,var(--cx-hero-title))}
}
@media(max-width:740px){
  .hero .hero-title{font-size:clamp(43px,9.5vw,70px);line-height:1.03}
  .hero .hero-title-main,.hero .hero-title-sub{white-space:normal}
}
@media(max-width:450px){
  .hero .hero-title{font-size:clamp(39px,10vw,54px)}
}

/* Rich-text images uploaded from Pages CMS in writing detail pages. */
.detail-copy .detail-body img,
.detail-copy .detail-body .detail-inline-image{
  display:block;
  max-width:100%;
  height:auto;
  margin:clamp(20px,3vw,36px) 0;
  border:1px solid #cec5d9;
  border-radius:8px;
  box-shadow:0 12px 32px #232a4212
}
.detail-copy .detail-body figure{
  max-width:100%;
  margin:clamp(24px,3.3vw,42px) 0
}
.detail-copy .detail-body figure img{margin:0 0 12px}
.detail-copy .detail-body figcaption{
  color:#645b75;
  font:italic 16px/1.45 var(--serif);
  text-align:left
}


/* Dedicated platform links on the Commissions page. */
.commission-platforms{
  padding:clamp(44px,6vw,82px) 0 clamp(58px,7vw,100px);
  background:linear-gradient(145deg,#eeebf3,#e4e0ec);
  border-top:1px solid #d4cbde
}
.commission-platforms .section-intro{margin-bottom:32px}
.commission-platforms .section-intro h2{
  font:500 clamp(33px,4vw,52px)/1.13 var(--serif);
  text-transform:none;
  letter-spacing:.025em;
  color:#2b2d43;
  margin:8px 0 13px
}
.commission-platforms .section-intro .commission-links-lead{
  font:400 clamp(17px,1.9vw,22px)/1.45 var(--serif);
  text-transform:none;
  letter-spacing:normal;
  color:#61586e;
  max-width:680px;
  margin:0 auto
}
.commission-platform-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,2.2vw,30px);
  max-width:1020px;
  margin:0 auto
}
.commission-platform-card{
  border:1px solid #cabed7;
  border-radius:10px;
  padding:clamp(25px,3vw,40px);
  background:#faf8fc;
  box-shadow:0 14px 40px #262b4510;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0
}
.commission-platform-star{font:32px/1 var(--serif);color:#9a86b8}
.commission-platform-card h3{
  font:500 clamp(33px,3.2vw,44px)/1.12 var(--serif);
  color:#343049;
  margin:8px 0 10px
}
.commission-platform-card p{
  font:400 clamp(17px,1.7vw,20px)/1.45 var(--serif);
  color:#605a6e;
  margin:0 0 25px
}
.commission-platform-card .btn{margin-top:auto}
@media(max-width:680px){
  .commission-platform-grid{grid-template-columns:minmax(0,1fr)}
  .commission-platform-card{padding:24px}
}


/* FINAL homepage restoration: prevent legacy homepage grid and cached styles
   from turning featured cards into narrow, tall columns. */
.work-section .home-featured-stack{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:clamp(38px,5vw,66px)!important;
  align-items:start!important
}
.work-section .home-featured-stack > div{min-width:0;width:100%}
.work-section .home-featured-writing{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:clamp(16px,2vw,26px)!important
}
.work-section .home-featured-writing .writing-card{
  display:grid!important;
  grid-template-columns:clamp(190px,21vw,240px) minmax(0,1fr)!important;
  gap:clamp(20px,3vw,38px)!important;
  min-height:0!important;
  height:auto!important;
  align-items:start!important;
  padding:clamp(14px,2vw,23px)!important;
  border:1px solid #c9c2d3;
  border-radius:9px;
  background:#fdfaffaf
}
.work-section .home-featured-writing .writing-thumb{
  display:block!important;
  position:relative;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  align-self:start!important;
  border-radius:6px;
  overflow:hidden
}
.work-section .home-featured-writing .writing-thumb img{
  display:block!important;
  position:absolute!important;
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important
}
.work-section .home-featured-writing .writing-info{
  min-width:0!important;
  padding:5px 8px 10px 0;
  align-self:center
}
/* Featured artwork: keep the editorial two-column collage, but each upload
   determines its own height. No aspect-ratio boxes or image cropping. */
.work-section .home-featured-mosaic{
  display:grid!important;
  width:100%;
  max-width:790px;
  margin:0 auto;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  gap:clamp(12px,1.6vw,18px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important
}
.work-section .home-featured-mosaic .feature-art{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
  aspect-ratio:auto!important;
  grid-row:auto!important
}
.work-section .home-featured-mosaic .feature-art-1{
  grid-column:1!important;
  grid-row:1 / 3!important
}
.work-section .home-featured-mosaic .feature-art-2{
  grid-column:2!important;
  grid-row:1!important
}
.work-section .home-featured-mosaic .feature-art-3{
  grid-column:2!important;
  grid-row:2!important
}
.work-section .home-featured-mosaic .art-card{
  position:relative;
  display:block!important;
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  border:0;
  border-radius:7px;
  overflow:hidden;
  background:#252e46
}
.work-section .home-featured-mosaic .art-open{
  position:relative;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden;
  cursor:zoom-in
}
.work-section .home-featured-mosaic .art-open img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center
}
.work-section .home-featured-mosaic .art-caption{display:none!important}

/* Each phrase is an independent line, regardless of CMS heading sizes. */
.hero .hero-title{
  font-size:clamp(43px,5.8vw,90px)!important;
  line-height:1.05!important;
  max-width:min(1080px,100%)!important
}
.hero .hero-title-main,.hero .hero-title-sub{
  display:block!important;
  float:none!important;
  clear:both!important
}
.hero .hero-title-sub{margin-top:.12em!important}
@media(max-width:800px){
  .hero .hero-title{font-size:clamp(42px,7vw,65px)!important}
  .hero .hero-title-main,.hero .hero-title-sub{white-space:normal!important}
}
@media(max-width:650px){
  .work-section .home-featured-writing .writing-card{
    grid-template-columns:clamp(110px,32vw,170px) minmax(0,1fr)!important;
    gap:14px!important
  }
  .work-section .home-featured-writing .writing-info h3{font-size:clamp(22px,5.2vw,31px)!important}
  .work-section .home-featured-mosaic{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:none!important
  }
  .work-section .home-featured-mosaic .feature-art-1,
  .work-section .home-featured-mosaic .feature-art-2,
  .work-section .home-featured-mosaic .feature-art-3{
    grid-column:1!important;
    grid-row:auto!important;
    aspect-ratio:auto!important
  }
}
@media(max-width:420px){
  .work-section .home-featured-writing .writing-card{grid-template-columns:minmax(0,1fr)!important}
  .work-section .home-featured-writing .writing-thumb{width:min(100%,210px)!important}
}
/* Combined commissions: one main section with both platforms side by side. */
.commission-page-section{
  padding-bottom:clamp(95px,9vw,160px)!important
}
.commission-links-inline{
  margin-top:clamp(30px,4vw,52px);
  padding-top:clamp(22px,2.6vw,32px);
  border-top:1px solid #c9bfd4
}
.commission-links-inline h3{
  font:500 clamp(26px,3vw,38px)/1.2 var(--serif);
  color:#383148;
  margin:0 0 7px
}
.commission-links-inline .commission-links-caption{
  font:400 clamp(16px,1.7vw,19px)/1.42 var(--serif);
  color:#5a5468;
  margin:0 0 23px;
  max-width:670px
}
.commission-inline-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(12px,2vw,22px)
}
.commission-inline-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  padding:clamp(16px,2vw,27px);
  border:1px solid #c9bbd8;
  border-radius:8px;
  background:#faf8fc;
  box-shadow:0 12px 30px #3033470a
}
.commission-inline-card h4{
  font:500 clamp(26px,2.6vw,34px)/1.1 var(--serif);
  color:#393348;
  margin:0 0 8px
}
.commission-inline-card p{font:17px/1.4 var(--serif);color:#5b566a;margin:0 0 18px}
.commission-inline-card .btn{margin-top:auto}
.commission-link-pending{
  display:inline-block;
  margin-top:auto;
  padding:10px 14px;
  border:1px solid #bfb2cd;
  border-radius:5px;
  font:600 12px var(--sans);
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#6c617b;
  background:#ede8f3
}
@media(max-width:950px){
  .commission-inline-grid{grid-template-columns:minmax(0,1fr)}
}


/* Full-size artwork viewer. Dialog used to shrink-wrap the thumbnail's
   intrinsic size, producing a postage-stamp preview on wide screens. */
.lightbox{
  box-sizing:border-box;
  width:min(1120px,94vw);
  height:min(88dvh,900px);
  max-width:94vw;
  max-height:90dvh;
  padding:clamp(15px,2.2vw,28px);
  border:1px solid #c4b9d5;
  border-radius:10px;
  background:#1b2332;
  color:#fff;
  box-shadow:0 22px 90px #000a;
  overflow:hidden
}
.lightbox[open]{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:12px
}
.lightbox img{
  display:block;
  flex:1 1 auto;
  align-self:center;
  width:100%;
  min-width:0;
  height:100%;
  min-height:0;
  max-height:calc(88dvh - 96px);
  max-width:100%;
  object-fit:contain;
  object-position:center;
  margin:0 auto
}
.lightbox p{
  flex:0 0 auto;
  font:500 clamp(19px,2vw,26px)/1.25 var(--serif);
  text-align:center;
  margin:0;
  color:#f3eefe
}
.lightbox .close-lightbox{
  z-index:3;
  top:8px;
  right:10px;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#101828dc;
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer
}
.lightbox::backdrop{background:#080d1cdb}
@media(max-width:650px){
  .lightbox{
    width:96vw;
    max-width:96vw;
    height:88dvh;
    padding:14px
  }
  .lightbox img{max-height:calc(88dvh - 85px)}
}


/* Whispers invitation gets a dedicated, centrally aligned home section.
   Actual messages remain exclusively on /whispers/. */
.whispers-invite-section{
  padding:clamp(52px,6.5vw,95px) 0;
  background:linear-gradient(145deg,#eeebf2 0%,#e7e2ee 70%,#eeebf3 100%);
}
.whispers-invite-section .whispers-card-centered{
  box-sizing:border-box;
  width:min(100%,780px);
  max-width:780px;
  margin:0 auto;
  padding:clamp(32px,4vw,58px) clamp(24px,5vw,64px);
  border:1px solid #c4b7d3;
  border-radius:12px;
  background:#dcd5e6;
  box-shadow:0 20px 55px #2a294216;
  text-align:center;
}
.whispers-invite-section .whispers-card-centered .eyebrow{
  display:block;
  color:#6f5e8d;
  letter-spacing:.22em
}
.whispers-invite-section .whispers-card-centered h3{
  font:italic 500 clamp(33px,4.2vw,51px)/1.18 var(--serif);
  color:#28304a;
  margin:14px 0 12px
}
.whispers-invite-section .whispers-card-centered p{
  font:400 clamp(17px,1.9vw,21px)/1.5 var(--serif);
  color:#554d6a;
  letter-spacing:normal;
  margin:0 auto 26px;
  max-width:560px
}
.whispers-invite-section .whispers-card-centered .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center
}
.connect-section .connect-grid-solo{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:center;
  text-align:center
}
.connect-section .connect-content{width:min(100%,820px);min-width:0}
.connect-section .connect-grid-solo .social-row{justify-content:center}
@media(max-width:650px){
  .whispers-invite-section{padding:40px 0}
  .whispers-invite-section .whispers-card-centered{padding:30px 18px}
}


/* Larger, easier-to-read social icons on the Contact page and homepage. */
.social-row{
  gap:clamp(14px,2vw,24px);
}
.social-row .social-link{
  width:94px;
  gap:10px;
  font-size:11px;
  letter-spacing:.075em;
  line-height:1.35;
  color:#45465f;
}
.social-row .social-icon{
  box-sizing:border-box;
  width:70px;
  height:66px;
  font-size:32px;
  line-height:1;
  border:1px solid #b9acce;
  border-radius:11px;
  background:#ffffff55;
  color:#665284;
  transition:background .2s,border-color .2s,transform .2s;
}
.social-row .social-link:hover .social-icon{
  background:#d9cde8;
  border-color:#9982b8;
  transform:translateY(-2px)
}
.social-row .social-link:focus-visible{
  border-radius:8px;
  outline:2px solid #80699d;
  outline-offset:4px;
}
@media(max-width:470px){
  .social-row{gap:10px}
  .social-row .social-link{width:75px;font-size:10px}
  .social-row .social-icon{width:61px;height:59px;font-size:29px}
}


/* Give the final two homepage sections distinct visual identities.
   Whispers is a large, inviting lavender panel, while Connect is a darker
   navy-purple footer-adjacent section. Other pages are unchanged. */
.whispers-invite-section{
  padding:clamp(66px,7.5vw,112px) 0;
  background:linear-gradient(145deg,#f2eef7 0%,#eae4f2 68%,#f0ebf6 100%);
}
.whispers-invite-section .whispers-card-centered{
  width:min(100%,950px);
  max-width:950px;
  padding:clamp(45px,5.4vw,75px) clamp(25px,6vw,86px);
  border:1px solid #bcaed0;
  border-radius:14px;
  background:linear-gradient(135deg,#ddd6e9,#d5cce3);
  box-shadow:0 22px 70px #31304c1c
}
.whispers-invite-section .whispers-card-centered .eyebrow{
  font-size:clamp(12px,1.1vw,15px);
  letter-spacing:.19em;
  color:#655080
}
.whispers-invite-section .whispers-card-centered h3{
  font:italic 500 clamp(43px,5vw,65px)/1.12 var(--serif);
  margin:20px 0 15px;
  color:#252b44
}
.whispers-invite-section .whispers-card-centered p{
  font:400 clamp(19px,2vw,24px)/1.52 var(--serif);
  color:#474159;
  max-width:680px;
  margin:0 auto 32px;
  letter-spacing:0
}
.whispers-invite-section .whispers-card-centered .btn{
  padding:16px 27px;
  font-size:clamp(13px,1.05vw,16px);
  letter-spacing:.09em;
  min-height:52px
}
.connect-section{
  background:linear-gradient(120deg,#35405b 0%,#444462 62%,#4b4668 100%);
  color:#f7f1ff;
  border-top:1px solid #c9bdd3;
  padding:clamp(61px,6vw,86px) 0 clamp(65px,7vw,97px)
}
.connect-section .connect-content{max-width:920px}
.connect-section h2{
  color:#fff7ff;
  font-size:clamp(35px,4vw,51px);
  line-height:1.15
}
.connect-section .eyebrow{color:#d9c8f1}
.connect-section p:not(.eyebrow){
  color:#ebe1f6;
  font-size:clamp(15px,1.4vw,19px);
  line-height:1.5;
  letter-spacing:.015em
}
.connect-section .social-row{
  justify-content:center;
  gap:clamp(18px,2.5vw,35px);
  margin-top:28px
}
.connect-section .social-row .social-link{
  width:110px;
  font-size:12px;
  color:#f4eafa;
  letter-spacing:.075em;
  gap:11px
}
.connect-section .social-row .social-icon{
  width:84px;
  height:80px;
  font-size:40px;
  line-height:1;
  color:#f2e6ff;
  border:1px solid #a9a1c2;
  border-radius:13px;
  background:#ffffff18
}
.connect-section .social-row .social-link:hover .social-icon{
  background:#c5b0e047;
  border-color:#dfcaed
}
@media(max-width:650px){
  .whispers-invite-section{padding:46px 0}
  .whispers-invite-section .whispers-card-centered{
    padding:38px 20px
  }
  .connect-section{padding:53px 0 66px}
}
@media(max-width:470px){
  .connect-section .social-row{gap:12px}
  .connect-section .social-row .social-link{width:77px;font-size:10px}
  .connect-section .social-row .social-icon{
    width:65px;height:65px;font-size:33px
  }
}


/* Let’s Connect: authentic white brand icons, with visible readable labels. */
.connect-section .connect-social-row{
  justify-content:center;
  align-items:flex-start;
  gap:clamp(15px,2.7vw,32px);
}
.connect-section .connect-social-row .connect-social-link{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:90px;
  width:110px;
  text-decoration:none;
  color:#fff;
}
.connect-section .connect-social-row .social-icon{
  display:grid;
  place-items:center;
  width:84px;
  height:80px;
}
.connect-section .connect-social-row .social-icon img{
  display:block;
  width:43px;
  height:43px;
  object-fit:contain;
  filter:none;
  transition:transform .2s
}
.connect-section .connect-social-row .connect-social-link:hover img{
  transform:scale(1.08)
}
.connect-section .connect-social-row .social-label{
  display:block;
  color:#fff;
  font:600 12px/1.4 var(--sans);
  letter-spacing:.065em;
  text-align:center;
  text-transform:uppercase;
  margin-top:4px
}

/* The official white Ko-fi and VGen symbols live on navy-purple tiles
   so they stay visible against the pale commissions card background. */
.commission-brand-heading{
  display:flex;
  gap:13px;
  align-items:center;
  margin-bottom:16px
}
.commission-brand-icon{
  display:grid;
  flex:none;
  place-items:center;
  width:55px;
  height:55px;
  border-radius:10px;
  background:#404461;
  border:1px solid #5d547b
}
.commission-brand-icon img{
  display:block;
  width:34px;
  height:34px;
  object-fit:contain
}
.commission-brand-icon .vgen-white-logo{
  filter:brightness(0) invert(1)
}
.commission-brand-heading h4{margin:0}
@media(max-width:600px){
  .connect-section .connect-social-row{gap:10px}
  .connect-section .connect-social-row .connect-social-link{
    width:78px;
    min-width:70px
  }
  .connect-section .connect-social-row .social-icon{width:65px;height:65px}
  .connect-section .connect-social-row .social-icon img{width:33px;height:33px}
  .connect-section .connect-social-row .social-label{
    font-size:10px;
    letter-spacing:.025em
  }
}

/* Whispers' optional From input is always visible; no name checkbox. */
.whispers-fields .whispers-name-field{
  display:grid!important;
  gap:9px;
  margin:0 0 12px
}
.whispers-fields .whispers-name-field label{
  color:#5c5277
}
.whispers-fields .whispers-name-field input{
  min-height:50px;
  font:400 18px/1.4 var(--serif);
  background:#fff
}
.whispers-fields .whispers-name-privacy{
  margin-top:-2px;
  color:#686179;
  font:12px/1.45 var(--sans)
}


/* Homepage navigation order:
   Writing → Artwork → Commissions → About Caerunox → Whispers → Contact.
   Commissions and About are separate full-width editorial sections. */
.home-commissions-section,
.home-about-section{
  color:#eee7f5;
  padding:clamp(64px,7vw,106px) 0;
}
.home-commissions-section{
  background:linear-gradient(116deg,#1c263a,#29334b 66%,#343a54);
}
.home-about-section{
  background:linear-gradient(118deg,#35354f,#2b3048 58%,#202a3d);
  border-top:1px solid #aaa2c533;
}
.home-section-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(28px,5vw,90px);
}
.home-commission-copy,.home-about-copy{min-width:0}
.home-section-eyebrow{display:block;color:#cab9e0;letter-spacing:.15em;font:600 12px/1.6 var(--sans)}
.home-commissions-section h2,.home-about-section h2{
  color:#f9f3ff;
  font:500 clamp(35px,4.1vw,57px)/1.17 var(--serif);
  letter-spacing:.04em;
  margin:10px 0 22px
}
.home-about-section h3{
  color:#e8d5fb;
  font:italic 500 clamp(26px,3vw,37px)/1.18 var(--serif);
  margin:0 0 16px
}
.home-commission-description{
  max-width:640px;
  margin:0 0 24px;
}
.home-commission-description p,
.home-about-paragraphs p{
  font:400 clamp(18px,2.05vw,22px)/1.52 var(--serif);
  color:#e6deee;
  margin:0 0 17px
}
.home-commissions-section .btn,.home-about-section .btn{
  margin-top:14px
}
.home-commission-media{
  width:100%;
  max-width:580px;
  border:8px solid #b4a6c544;
  border-radius:7px;
  overflow:hidden;
  background:#333a53;
  box-shadow:0 21px 55px #080d1b55
}
.home-commission-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain
}
.home-about-media{
  width:min(100%,440px);
  justify-self:center;
  border:1px solid #a99ac2;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 21px 55px #080d1b55
}
.home-about-media img{
  display:block;
  width:100%;
  max-height:540px;
  height:auto;
  object-fit:contain
}
.home-about-paragraphs{max-width:700px}
@media(max-width:850px){
  .home-section-grid{
    grid-template-columns:minmax(0,1fr);
    gap:32px
  }
  .home-commission-media{grid-row:2;justify-self:center}
  .home-about-media{width:min(100%,340px)}
  .home-commissions-section,
  .home-about-section{padding:52px 0}
}
@media(max-width:550px){
  .home-commissions-section h2,.home-about-section h2{font-size:34px}
  .home-about-media{width:min(100%,290px)}
}


/* ---- Caerunox grey-lavender editorial theme (2026 preview) ----
   One soft lavender canvas throughout the site. Deep muted periwinkle headings,
   ivory-lavender framed cards, dark navy only for chrome and accent details. */
:root{
  --paper:#e9e5ed;
  --ivory:#f4f0f6;
  --pale:#efebf3;
  --ink:#292e46;
  --muted:#686278;
  --border:#cbc3d4;
  --lav:#9e90bb;
  --lav2:#d2c7e4
}
body{background:#e9e5ed;color:#292e46}
main{background:#e9e5ed}
.hero{
  background:linear-gradient(115deg,#eeebf2,#e5e0ec);
  color:#292e46
}
.hero .hero-background img{
  opacity:.34;
  filter:saturate(.54) brightness(1.12)
}
.hero:before{
  background:linear-gradient(90deg,#f0edf4f7 0%,#ece8f1f0 45%,#e9e5edaf 100%)!important
}
.hero .hero-overline,.hero .hero-kicker{color:#665777}
.hero .hero-title-main{color:#29324b}
.hero .hero-title-sub,.hero h1 em{color:#88739c}
.hero .hero-desc,.hero .hero-desc p{color:#484257}
.hero .little-rule{color:#847293}
.hero .little-rule:before,.hero .little-rule:after{background:#b5a6c6}
.hero .hero-footnote{color:#6f627b}
.work-section,
.home-commissions-section,
.home-about-section,
.whispers-invite-section,
.connect-section,
.collection-section,
.text-section,
.detail-top,
.whispers-page,
.whispers-admin,
.commission-platforms{
  background:#e9e5ed!important;
  color:#2b3047!important
}
.work-section{padding:clamp(48px,6vw,83px) 0}
.work-section .section-intro{
  background:#49475f;
  border:1px solid #69617f;
  border-radius:9px;
  padding:clamp(25px,3.5vw,40px) 22px;
  box-shadow:0 12px 32px #29264019;
  margin-bottom:clamp(28px,4vw,46px)
}
.work-section .section-intro h2,
.work-section .section-intro .eyebrow,
.work-section .section-intro p{color:#f8f3ff}
.work-section .section-intro .eyebrow{color:#d9cbe9}
.work-section .section-flourish,
.work-section .section-flourish:before,
.work-section .section-flourish:after{color:#d8c9e9}
.work-section .section-flourish:before,
.work-section .section-flourish:after{background:#ac9abf}
.work-section .section-heading{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  padding:18px 25px;
  background:#4c4a65;
  border:1px solid #69617f;
  border-radius:8px 8px 0 0;
  margin:0;
  color:#f8f4ff
}
.work-section .section-heading h3,
.work-section .section-heading a{color:#f9f3ff}
.work-section .section-heading a:hover{color:#dfc8f5}
.work-section .home-featured-stack > div{
  background:#f7f4f9;
  border:1px solid #c9bfd4;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 16px 46px #30314b13
}
.work-section .home-featured-writing{
  padding:clamp(18px,3vw,32px)
}
.work-section .home-featured-writing .writing-card,
.writing-grid .writing-card,
.art-archive-row{
  background:#fdfbff!important;
  border:1px solid #c8bfd3;
  box-shadow:0 10px 28px #38354c0d
}
.home-commissions-section,.home-about-section{
  border-top:1px solid #d0c5da;
  padding:clamp(34px,4.8vw,70px) 0!important
}
.home-section-grid{
  align-items:center;
  padding:clamp(22px,3.5vw,45px);
  background:#f8f5fa;
  border:1px solid #c6bbd1;
  border-radius:12px;
  box-shadow:0 16px 46px #30314b16
}
.home-commissions-section h2,
.home-about-section h2{
  color:#fff8ff!important;
  background:#4b4963;
  border:1px solid #615875;
  border-radius:7px;
  padding:16px 22px;
  margin:12px 0 26px;
  font-size:clamp(35px,4vw,55px)
}
.home-commissions-section .home-section-eyebrow,
.home-about-section .home-section-eyebrow{color:#706183}
.home-about-section h3{color:#605073}
.home-commissions-section .home-commission-description p,
.home-about-section .home-about-paragraphs p{color:#3e3d52}
.home-commissions-section .btn-outline,
.home-about-section .btn-outline{
  border:1px solid #9180a7;
  color:#443753
}
.home-commission-media,.home-about-media{
  border:6px solid #e4dce9;
  background:#f3eef7;
  box-shadow:0 14px 30px #3b385120
}
.whispers-invite-section{border-top:1px solid #d0c5da}
.whispers-invite-section .whispers-card-centered{
  width:min(100%,950px);
  max-width:950px;
  padding:clamp(30px,5vw,60px);
  background:#f8f5fa;
  border:1px solid #c6bad5;
  box-shadow:0 16px 48px #30314b15;
  color:#302d46
}
.whispers-invite-section .whispers-card-centered h3{
  color:#f9f3ff;
  background:#4b4963;
  border-radius:8px;
  padding:19px clamp(10px,3vw,40px)
}
.whispers-invite-section .whispers-card-centered p{color:#544b62}
.connect-section{border-top:1px solid #d0c5da!important}
.connect-section .connect-content{
  width:min(100%,980px);
  max-width:980px;
  background:#f8f5fa;
  border:1px solid #c6bad5;
  border-radius:12px;
  box-shadow:0 15px 48px #30314b15;
  padding:clamp(28px,4.5vw,58px)
}
.connect-section h2{
  color:#fff8ff;
  background:#4b4963;
  border-radius:7px;
  padding:17px 13px;
  margin:12px 0 22px
}
.connect-section .eyebrow{color:#78668e}
.connect-section p:not(.eyebrow){color:#514c60}
.connect-section .connect-social-row .social-icon{
  background:#474660;
  border-color:#686080
}
.connect-section .connect-social-row .social-label,
.connect-section .connect-social-row .connect-social-link{color:#51445d}
.connect-section .social-row .social-link:hover .social-icon{background:#605475}
.page-banner{
  background:linear-gradient(145deg,#ece8f2,#e4dfe9);
  color:#292e46;
  padding:clamp(20px,4vw,40px) 0
}
.page-banner:after{color:#82729113}
.page-banner .page-banner-inner{
  width:min(1020px,calc(100% - 50px));
  background:#4b4963;
  border:1px solid #6c6182;
  border-radius:11px;
  padding:clamp(30px,5vw,64px) 18px;
  box-shadow:0 16px 40px #29264020
}
.page-banner .eyebrow{color:#dfd0ef}
.page-banner h1{color:#fbf6ff}
.page-banner p:last-child{color:#ece4f6}
.collection-section,.text-section,.detail-top{padding:clamp(45px,6vw,90px) 0}
.collection-heading{
  padding:17px 24px;
  background:#4b4963;
  border:1px solid #645b7b;
  color:#fbf7ff;
  border-radius:8px;
  margin-bottom:clamp(21px,3vw,33px)
}
.collection-heading h2,.collection-heading span{color:#faf5ff}
.about-page-grid,
.commission-page-grid,
.contact-content,
.detail-grid{
  background:#f8f5fa;
  border:1px solid #c9bfd4;
  border-radius:12px;
  padding:clamp(20px,4vw,48px);
  box-shadow:0 16px 42px #30314b12
}
.text-section .contact-content h2{
  background:#4b4963;
  color:#f9f3ff;
  padding:16px;
  border-radius:7px
}
.commission-inline-card{
  background:#fefbff;
  border:1px solid #c9bcd5
}
.commission-platforms .section-intro h2{color:#3b3452}
.whispers-page .whispers-panel,
.whispers-admin .whispers-panel{
  background:#fbf8fc;
  border-color:#c3b7d2
}
.whispers-page .whispers-intro h2,
.whispers-admin .whispers-intro h2{color:#443c60}
.btn-lavender{
  background:#75658f;
  border-color:#8674a5;
  color:#fff;
}
.btn-lavender:hover{background:#604e82}
@media(max-width:750px){
  .work-section .section-heading{padding:14px 17px}
  .home-section-grid{padding:20px}
  .connect-section .connect-content{padding:24px 14px}
  .page-banner .page-banner-inner{width:calc(100% - 26px)}
}

/* Homepage featured artwork filmstrip. One dominant central piece, two
   smaller left/right neighbours; preserve originals without cropping. */
.work-section .home-filmstrip{
  padding:clamp(20px,3.5vw,44px) clamp(14px,3vw,34px);
  background:#f7f4f9;
}
.home-filmstrip .filmstrip-stage{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.4fr) minmax(0,.82fr);
  gap:clamp(7px,2.2vw,27px);
  align-items:center;
  width:100%;
  max-width:1060px;
  min-height:clamp(255px,39vw,490px);
  margin:0 auto
}
.home-filmstrip .filmstrip-slide{
  display:none;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:clamp(220px,37vw,460px);
  padding:clamp(8px,1.5vw,17px);
  border:1px solid #b3a5c6;
  border-radius:9px;
  background:#e7e0ed;
  box-shadow:0 13px 36px #262c4022;
  transition:transform .38s,opacity .38s,box-shadow .38s;
  cursor:pointer;
  overflow:hidden
}
.home-filmstrip .filmstrip-slide.is-center{
  display:flex;
  grid-column:2;
  transform:scale(1);
  box-shadow:0 23px 47px #262c402b;
  border-color:#8d7ba5;
  position:relative;
  z-index:3
}
.home-filmstrip .filmstrip-slide.is-prev{
  display:flex;
  grid-column:1;
  transform:scale(.8);
  opacity:.7
}
.home-filmstrip .filmstrip-slide.is-next{
  display:flex;
  grid-column:3;
  transform:scale(.8);
  opacity:.7
}
.home-filmstrip .filmstrip-slide:hover,
.home-filmstrip .filmstrip-slide:focus-visible{
  opacity:1;
  border-color:#776288
}
.home-filmstrip .filmstrip-mat{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  background:#dcd4e6;
  border-radius:5px;
  overflow:hidden
}
.home-filmstrip .filmstrip-mat img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain!important;
  transform:none!important
}
.home-filmstrip .filmstrip-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(12px,2vw,30px);
  margin:20px auto 0;
  max-width:750px
}
.home-filmstrip .filmstrip-arrow{
  flex:none;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  background:#4e4b67;
  border:1px solid #6d6284;
  border-radius:50%;
  color:#fff;
  font:30px/1 var(--serif);
  cursor:pointer
}
.home-filmstrip .filmstrip-arrow:hover{background:#73608f}
.home-filmstrip .filmstrip-arrow[hidden]{display:none}
.home-filmstrip .filmstrip-label{
  color:#50485f;
  text-align:center;
  font:italic 500 clamp(16px,1.8vw,22px)/1.35 var(--serif);
  min-width:0;
  max-width:410px
}
.home-filmstrip .filmstrip-empty{
  grid-column:1/-1;
  padding:30px;
  text-align:center;
  color:#6a6077;
  font:italic 22px var(--serif)
}
@media(max-width:690px){
  .home-filmstrip .filmstrip-stage{
    grid-template-columns:minmax(0,1fr);
    min-height:320px
  }
  .home-filmstrip .filmstrip-slide{height:min(65vw,390px)}
  .home-filmstrip .filmstrip-slide.is-center{grid-column:1}
  .home-filmstrip .filmstrip-slide.is-prev,
  .home-filmstrip .filmstrip-slide.is-next{display:none}
  .home-filmstrip .filmstrip-controls{margin-top:12px}
  .home-filmstrip .filmstrip-label{font-size:16px}
}


/* Moonlit seamless refinement: one continuous grey-lavender page.
   Only individual writing and artwork previews retain frames. */
body,main,.hero,.work-section,.home-commissions-section,.home-about-section,
.whispers-invite-section,.connect-section,.page-banner,
.collection-section,.text-section,.detail-top,.whispers-page,.whispers-admin{
  background:#e9e5ed!important;
  color:#323249!important
}
.hero:before{background:linear-gradient(90deg,#e9e5edf8,#e9e5eddd 65%,#e9e5ed91)!important}
.hero .hero-background img{opacity:.26}
.work-section .section-intro,
.work-section .home-featured-stack > div,
.home-section-grid,
.whispers-invite-section .whispers-card-centered,
.connect-section .connect-content,
.page-banner .page-banner-inner,
.collection-heading,
.about-page-grid,.commission-page-grid,.contact-content,.detail-grid{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important
}
.work-section .section-intro{padding:12px 0 22px!important;margin-bottom:14px!important}
.work-section .section-intro h2{color:#51485f!important}
.work-section .section-intro .eyebrow,
.work-section .section-intro p{color:#6c6277!important}
.work-section .section-flourish{color:#827098!important}
.work-section .section-heading{
  padding:8px 0 17px!important;
  background:transparent!important;
  color:#544962!important;
  border:0!important;
  border-radius:0!important;
  display:flex
}
.work-section .section-heading h3,
.work-section .section-heading a{color:#504761!important}
.work-section .home-featured-stack>div{overflow:visible!important}
.work-section .home-featured-writing{padding:0 0 6px!important}
.home-commissions-section h2,.home-about-section h2,
.whispers-invite-section .whispers-card-centered h3,
.connect-section h2,
.text-section .contact-content h2{
  background:transparent!important;
  color:#5b4f6f!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important
}
.home-commissions-section .home-section-grid,.home-about-section .home-section-grid{
  padding:clamp(10px,2vw,24px) 0!important
}
.home-commissions-section .home-commission-description p,
.home-about-section .home-about-paragraphs p,
.whispers-invite-section .whispers-card-centered p,
.connect-section p:not(.eyebrow){color:#4c485b!important}
.home-commissions-section .home-section-eyebrow,
.home-about-section .home-section-eyebrow,
.connect-section .eyebrow{color:#82718f!important}
.home-commission-media,.home-about-media{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important
}
.whispers-invite-section .whispers-card-centered{
  padding:clamp(20px,3vw,38px) 0!important
}
.whispers-invite-section .whispers-card-centered h3{margin:10px 0 18px}
.connect-section .connect-content{padding:clamp(15px,3vw,36px) 0!important}
.page-banner{padding:clamp(38px,5vw,65px) 0 0!important}
.page-banner .page-banner-inner{padding:12px 20px 28px!important}
.page-banner h1,.page-banner .eyebrow,.page-banner p:last-child{color:#514660!important}
.collection-heading{
  padding:0 0 18px!important;
  border-bottom:1px solid #c5b9d0!important;
  color:#53475e!important
}
.collection-heading h2,.collection-heading span{color:#53475e!important}
.about-page-grid,.commission-page-grid,.contact-content,.detail-grid{
  padding:clamp(10px,2vw,25px) 0!important
}
.home-commissions-section,.home-about-section,.whispers-invite-section,.connect-section{
  border:0!important;
  padding:clamp(42px,5vw,72px) 0!important
}
.work-section{padding-bottom:clamp(45px,6vw,80px)!important}
.work-section .work-columns.home-featured-stack{gap:clamp(36px,5vw,70px)!important}
.work-section .home-featured-stack > div+div:before,
.work-section:after,.home-commissions-section:after,
.home-about-section:after,.whispers-invite-section:after{
  content:'✧';
  display:block;
  clear:both;
  position:relative;
  width:min(640px,calc(100% - 42px));
  height:32px;
  font:25px/32px Georgia,serif;
  text-align:center;
  color:#9d8dae;
  margin:clamp(28px,4vw,54px) auto 0;
  background-image:linear-gradient(#c0b2cd,#c0b2cd),
                   linear-gradient(#c0b2cd,#c0b2cd);
  background-repeat:no-repeat;
  background-size:calc(50% - 24px) 1px;
  background-position:left center,right center;
  pointer-events:none
}
.work-section .home-featured-stack > div+div:before{
  margin:0 auto clamp(32px,4vw,56px)
}
/* Force stable carousel positions independent of CSS grid ordering. */
.work-section .home-filmstrip{
  padding:clamp(14px,3vw,32px) 0!important;
  background:transparent!important
}
.home-filmstrip .filmstrip-stage{
  position:relative!important;
  display:block!important;
  height:clamp(300px,41vw,490px);
  min-height:300px!important;
  width:100%;
  max-width:1000px;
  margin:auto
}
.home-filmstrip .filmstrip-slide{
  position:absolute!important;
  left:50%;
  top:50%;
  width:clamp(160px,31%,320px)!important;
  height:clamp(240px,36vw,430px)!important;
  display:none!important;
  transform:translate(-50%,-50%) scale(.75);
  opacity:0;
  margin:0!important;
  overflow:hidden;
  border:1px solid #c1b5cc;
  background:#f6f2f8
}
.home-filmstrip .filmstrip-slide.is-center{
  display:flex!important;
  left:50%;
  width:clamp(220px,43%,430px)!important;
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
  z-index:3
}
.home-filmstrip .filmstrip-slide.is-prev{
  display:flex!important;
  left:17%;
  opacity:.7;
  transform:translate(-50%,-50%) scale(.83);
  z-index:1
}
.home-filmstrip .filmstrip-slide.is-next{
  display:flex!important;
  left:83%;
  opacity:.7;
  transform:translate(-50%,-50%) scale(.83);
  z-index:1
}
.home-filmstrip .filmstrip-slide .filmstrip-mat{width:100%;height:100%;background:#f1eaf5}
.home-filmstrip .filmstrip-slide img{
  object-fit:contain!important;
  width:100%!important;
  height:100%!important
}
.home-filmstrip .filmstrip-controls{margin-top:12px}
@media(max-width:720px){
  .home-filmstrip .filmstrip-stage{height:clamp(260px,75vw,410px);min-height:260px!important}
  .home-filmstrip .filmstrip-slide{height:clamp(210px,70vw,365px)!important}
  .home-filmstrip .filmstrip-slide.is-center{
    width:min(76%,340px)!important;
    left:50%
  }
  .home-filmstrip .filmstrip-slide.is-prev,
  .home-filmstrip .filmstrip-slide.is-next{display:none!important}
}
/* Keep site chrome crisp; no dark content panels or banding. */
.site-header,.footer{background:#1e2638}


/* Private Media Studio. This functional editor is separate from the seamless
   public site and deliberately uses form panels for clarity. */
.studio-page{background:#e9e5ed;min-height:80vh;padding:60px 0 95px;color:#2b3047}
.studio-shell{width:min(1060px,calc(100% - 36px))}
.studio-heading{text-align:center;max-width:820px;margin:0 auto 30px}
.studio-heading .eyebrow{color:#716182}
.studio-heading h1{font:500 clamp(48px,6vw,78px)/1 var(--serif);margin:12px 0;color:#30364f}
.studio-heading p{font:19px/1.5 var(--serif);margin:10px 0;color:#554b62}
.studio-help a{font:600 12px var(--sans);letter-spacing:.08em;color:#655184}
.studio-status{background:#dcd5e8;border-radius:8px;padding:13px 18px;color:#453652;font-size:13px;margin:0 0 24px}
.studio-box{border:1px solid #c4b7d4;border-radius:11px;padding:clamp(19px,3vw,35px);background:#f9f6fb;margin:0 0 30px}
.studio-box h2,.studio-box h3,.studio-toolbar h2{font:500 clamp(27px,3vw,39px)/1.1 var(--serif);margin:0 0 13px;color:#3c3551}
.studio-box>p{font-size:13px;color:#61596e}
.studio-form{display:grid;gap:10px;max-width:650px}
.studio-form label{font-weight:600;font-size:12px;letter-spacing:.08em;color:#5d526b;margin-top:10px}
.studio-form input:not([type=checkbox]),.studio-form select,.studio-form textarea,
.studio-edit-form input:not([type=checkbox]),.studio-edit-form select,.studio-edit-form textarea{
  box-sizing:border-box;
  width:100%;min-height:45px;padding:10px 12px;border-radius:6px;
  border:1px solid #bcb0cc;background:#fff;color:#2b3047;font:15px/1.4 var(--sans)
}
.studio-form textarea,.studio-edit-form textarea{resize:vertical}
.studio-form input[type=file]{padding:12px}
.studio-form .studio-check,.studio-check{display:flex;align-items:center;gap:9px;font:600 12px var(--sans);letter-spacing:normal}
.studio-check input{width:17px;height:17px;accent-color:#766493}
.studio-form .btn{justify-self:start;margin-top:18px}
.studio-file-preview{display:flex;align-items:center;gap:15px}
.studio-file-preview img{max-height:160px;max-width:185px;object-fit:contain;border:1px solid #d0c4d8;border-radius:5px}
.studio-toolbar{display:flex;justify-content:space-between;align-items:center;margin:16px 0}
.studio-secondary,.studio-danger{padding:10px 14px;cursor:pointer;border:1px solid #aa9bbb;border-radius:6px;color:#55466a;background:#f1ebf6}
.studio-danger{color:#903f59;border-color:#cfa2b4;background:#f8f0f2}
.studio-secondary:hover{background:#e1d7ed}
.studio-library{display:grid;gap:16px}
.studio-media-card{display:grid;grid-template-columns:clamp(120px,20%,195px) minmax(0,1fr);gap:19px;border:1px solid #d3c8da;border-radius:9px;padding:14px;background:#fff}
.studio-thumb{width:100%;max-height:180px;object-fit:contain;background:#eee9f3;border-radius:5px}
.studio-media-details{min-width:0}
.studio-media-details h3{font:500 27px/1.2 var(--serif);margin:0 0 9px}
.studio-meta{font:12px/1.5 var(--sans);margin:4px 0;color:#615970;overflow-wrap:anywhere}
.studio-actions{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0 0}
.studio-edit-form{display:grid;gap:9px;margin:18px 0 0;padding-top:16px;border-top:1px solid #d4cbde}
.studio-edit-form .btn{justify-self:start}
#studio-signin[hidden],#studio-workspace[hidden],.studio-edit-form[hidden]{display:none!important}
.studio-admin-link a{font:600 12px var(--sans);color:#766292}
.studio-footer-link{display:inline-block;font-size:10px;letter-spacing:.08em;margin-left:12px;color:#d4c5e6}
.studio-footer-link:hover{color:#fff}
@media(max-width:600px){.studio-page{padding:35px 0 65px}.studio-media-card{grid-template-columns:1fr}.studio-thumb{max-height:280px}}