/* Site-wide appearance defaults generated from desktop master variables.
 * The original theme.css declares --cx-* tokens; only presentation shifts
 * for smaller viewports live here. */
@media(max-width:1120px){
 .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:var(--cx-nav);padding:10px 0}
 .shell{width:min(var(--cx-content-width),calc(100% - 52px))}
}
@media(max-width:570px){
 .shell{width:calc(100% - 34px)}
 .hero h1{font-size:clamp(42px,11vw,var(--cx-hero-title));line-height:1.03}
 .page-banner h1{font-size:clamp(42px,11vw,var(--cx-page-title))}
 .section-intro h2,.connect-section h2{font-size:clamp(30px,8vw,var(--cx-section-title))}
 .writing-info h3{font-size:clamp(21px,6vw,var(--cx-story-title))}
 .hero,.hero-shell{min-height:max(565px,var(--cx-hero-height))}
 .gallery-grid .art-open{height:min(var(--cx-gallery-tile),450px)}
}

/* =======================================================================
 * CENTRALISED LEGACY BREAKPOINTS 2026-10-26
 * One responsive stylesheet owns every legacy public-site max-width <=1099px.
 * Extracted from older component CSS in original stylesheet order.
 * DESKTOP STYLES STAY IN THEIR ORIGINAL FILES AND ARE NOT MODIFIED.
 * The following baseline rules are superseded, where necessary, by the
 * canonical adaptive rules further down in this same file.
 * ======================================================================= */

/* Previously in Website/src/styles.css */
@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}}

@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}
}

@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)}
}

@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)}
}

@media(max-width:680px){
  .commission-platform-grid{grid-template-columns:minmax(0,1fr)}
  .commission-platform-card{padding:24px}
}

@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}
}

@media(max-width:950px){
  .commission-inline-grid{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:650px){
  .lightbox{
    width:96vw;
    max-width:96vw;
    height:88dvh;
    padding:14px
  }
  .lightbox img{max-height:calc(88dvh - 85px)}
}

@media(max-width:650px){
  .whispers-invite-section{padding:40px 0}
  .whispers-invite-section .whispers-card-centered{padding:30px 18px}
}

@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}
}

@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
  }
}

@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
  }
}

@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)}
}

@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)}
}

@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}
}

@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}
}

@media(max-width:600px){.studio-page{padding:35px 0 65px}.studio-media-card{grid-template-columns:1fr}.studio-thumb{max-height:280px}}

/* Previously in Website/src/whispers.css */
@media(max-width:940px){.whispers-layout{grid-template-columns:1fr}.whispers-panel{max-width:none}}

@media(max-width:550px){.whispers-gallery{grid-template-columns:1fr}.whispers-intro h2{font-size:40px}.whispers-panel h3{font-size:32px}.whispers-admin{padding:35px 0}.admin-dashboard-head{flex-direction:column;align-items:start}}

@media(max-width:640px){
  .whispers-board-page .whispers-gallery{grid-template-columns:minmax(0,1fr)}
  .whispers-single{max-width:100%}
  .whispers-page-actions{margin:20px auto 26px}
}

@media(max-width:600px){
  .moderation-shelf-heading{align-items:flex-start}
  .moderation-shelf{padding:17px 13px}
  .moderation-shelf-heading h2{font-size:30px}
}

/* Previously in Website/src/dark-theme.css */
@media(max-width:900px){
  .shell{width:calc(100% - 52px)!important;max-width:100%}
  .hero,.hero-shell{min-height:clamp(470px,64vw,620px)!important}
  .hero-copy{max-width:100%;padding:60px 0 65px}
  .hero .hero-title{
    font-size:clamp(40px,7vw,73px)!important;
    line-height:1.04!important;
    max-width:100%!important
  }
  .hero .hero-title-main,.hero .hero-title-sub{
    white-space:normal!important;
    overflow-wrap:anywhere
  }
  .home-section-grid,
  .home-about-grid,.home-commission-grid,
  .about-page-grid,.commission-page-grid,.detail-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:clamp(30px,4vw,48px)!important
  }
  .home-about-visual{grid-row:1}
  .home-about-copy{grid-row:2}
  .home-commission-copy{grid-row:1}
  .home-commission-media{grid-row:2;justify-self:center!important;width:min(100%,530px)}
  .home-about-media{width:min(100%,420px)!important}
  .writing-list .writing-card,.work-section .home-featured-writing .writing-card{
    grid-template-columns:clamp(130px,30%,230px) minmax(0,1fr)!important;
    gap:clamp(16px,3vw,25px)!important
  }
  .writing-grid .writing-card,.art-archive-row{
    grid-template-columns:clamp(145px,33%,230px) minmax(0,1fr)!important;
    gap:clamp(15px,3vw,27px)!important
  }
  .writing-thumb,.art-archive-cover{min-height:0!important}
  .work-section .section-intro h2{font-size:clamp(37px,5.5vw,56px)!important}
  .home-filmstrip .filmstrip-stage{height:clamp(315px,54vw,480px)!important}
  .home-filmstrip .filmstrip-slide{height:clamp(260px,47vw,415px)!important}
  .home-filmstrip .filmstrip-slide.is-center{width:48%!important}
  .home-filmstrip .filmstrip-slide.is-prev{left:15%!important}
  .home-filmstrip .filmstrip-slide.is-next{left:85%!important}
  .footer-inner{justify-content:center;text-align:center;gap:12px}
  .footer-inner>small{max-width:none!important;text-align:center!important}
}

@media(max-width:600px){
  .shell{width:calc(100% - 30px)!important;max-width:100%}
  .site-header .head-inner{min-height:75px;gap:8px}
  .brand-moon{font-size:39px!important}
  .brand-name{
    font-size:clamp(18px,5vw,27px)!important;
    letter-spacing:.14em!important
  }
  .brand-sub{letter-spacing:.12em!important;font-size:9px!important;margin-top:4px}
  .site-header .nav-toggle{height:44px;width:46px}
  .site-header .nav{right:10px;width:calc(100vw - 20px)}
  .hero,.hero-shell{min-height:clamp(445px,112vw,620px)!important}
  .hero-copy{padding:50px 0 76px;max-width:100%}
  .hero .hero-title{
    font-size:clamp(35px,9vw,56px)!important;
    line-height:1.06!important;
    margin:23px 0!important
  }
  .hero .hero-title-main,.hero .hero-title-sub{
    display:block!important;
    white-space:normal!important;
    overflow-wrap:normal;
    hyphens:auto
  }
  .hero .hero-overline{letter-spacing:.17em!important}
  .hero .hero-desc,.hero .hero-desc p{
    font-size:clamp(15px,3.7vw,19px)!important;
    line-height:1.5!important
  }
  .hero .hero-footnote{right:14px;bottom:15px;font-size:9px}
  .work-section,.home-commissions-section,.home-about-section,
  .whispers-invite-section,.connect-section{
    padding:clamp(49px,12vw,66px) 0!important
  }
  .work-section .home-featured-stack{gap:clamp(45px,11vw,67px)!important}
  .work-section .section-intro{margin-bottom:40px!important}
  .work-section .section-intro h2{font-size:clamp(32px,9vw,47px)!important}
  .work-section .section-heading{
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    padding-bottom:13px!important;
    margin-bottom:19px!important
  }
  .work-section .section-heading h3{font-size:clamp(22px,6vw,30px)!important}
  .work-section .section-heading a{font-size:clamp(12px,3.6vw,15px)!important}
  .writing-list .writing-card,.work-section .home-featured-writing .writing-card,
  .writing-grid .writing-card,.art-archive-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:clamp(15px,4vw,23px)!important;
    padding:clamp(13px,4vw,19px)!important
  }
  .writing-list .writing-thumb,.home-featured-writing .writing-thumb,
  .writing-grid .writing-thumb,.art-archive-cover{
    width:min(100%,300px)!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    justify-self:center
  }
  .writing-list .writing-info,.writing-grid .writing-info,.art-archive-info{
    min-width:0!important;
    padding:5px!important
  }
  .writing-info h3,.art-archive-info h3{font-size:clamp(26px,7vw,36px)!important}
  .card-summary,.art-archive-description{font-size:clamp(16px,4.2vw,21px)!important}
  .home-filmstrip .filmstrip-stage{
    height:clamp(275px,80vw,390px)!important;
    min-height:275px!important
  }
  .home-filmstrip .filmstrip-slide{
    height:clamp(230px,68vw,345px)!important;
    width:44%!important
  }
  .home-filmstrip .filmstrip-slide.is-center{
    width:68%!important;
    left:50%!important
  }
  .home-filmstrip .filmstrip-slide.is-prev{
    display:flex!important;
    left:1%!important;
    transform:translate(-50%,-50%) scale(.79)!important;
    opacity:.75!important
  }
  .home-filmstrip .filmstrip-slide.is-next{
    display:flex!important;
    left:99%!important;
    transform:translate(-50%,-50%) scale(.79)!important;
    opacity:.75!important
  }
  .home-filmstrip .filmstrip-slide .filmstrip-mat{
    border-radius:4px
  }
  .home-filmstrip .filmstrip-controls{margin-top:10px;gap:10px}
  .home-filmstrip .filmstrip-arrow{width:48px;height:48px;font-size:30px}
  .home-filmstrip .filmstrip-label{font-size:clamp(15px,4.2vw,20px)!important}
  .home-commissions-section h2,.home-about-section h2,.connect-section h2{
    font-size:clamp(34px,9vw,48px)!important;
    line-height:1.12!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){
    font-size:clamp(17px,4.8vw,22px)!important;
    line-height:1.52!important
  }
  .home-about-visual .home-section-eyebrow{font-size:clamp(12px,3.6vw,16px)}
  .home-about-media{width:min(100%,360px)!important}
  .whispers-invite-section .whispers-card-centered h3{
    font-size:clamp(37px,10vw,54px)!important
  }
  .connect-section .connect-social-row{
    display:flex;justify-content:center;flex-wrap:wrap;
    column-gap:clamp(8px,3vw,19px);row-gap:17px
  }
  .connect-section .connect-social-row .connect-social-link{
    width:clamp(70px,22vw,100px)!important;
    min-width:0!important;
    font-size:12px
  }
  .connect-section .connect-social-row .social-icon{width:65px!important;height:65px!important}
  .connect-section .connect-social-row .social-icon img{width:36px!important;height:36px!important}
  .page-banner{padding:43px 0 17px!important}
  .page-banner h1{font-size:clamp(42px,11vw,61px)!important}
  .page-banner p:last-child{font-size:clamp(16px,4.5vw,19px)!important}
  .collection-section,.text-section,.detail-top{padding:45px 0 70px!important}
  .collection-heading{gap:9px;flex-wrap:wrap}
  .detail-copy h1{font-size:clamp(39px,10vw,62px)!important}
  .detail-copy,.about-page-grid,.commission-page-grid{min-width:0}
  .detail-image,.about-photo-large,.commission-page-image{
    height:auto!important;
    aspect-ratio:auto!important
  }
  .detail-image img,.about-photo-large img,.commission-page-image img{
    display:block;width:100%;height:auto!important;object-fit:contain!important
  }
  .whispers-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .whispers-panel{padding:clamp(16px,5vw,25px)!important}
  .whispers-gallery{grid-template-columns:minmax(0,1fr)!important}
  .whispers-list-header{flex-wrap:wrap}
  .whispers-admin .admin-dashboard-head{flex-direction:column;align-items:flex-start}
  .studio-shell{width:calc(100% - 30px)!important}
  .studio-file-preview{flex-direction:column;align-items:flex-start}
  .studio-toolbar{gap:14px;flex-wrap:wrap}
  .studio-media-card{grid-template-columns:minmax(0,1fr)!important}
  .studio-thumb{max-height:280px;max-width:100%}
  .footer-inner{display:flex;flex-direction:column;align-items:center}
  .footer-inner .footer-center{order:2}
  .footer-inner>small{order:3;max-width:100%;text-align:center}
}

@media(max-width:390px){
  .brand-name{font-size:18px!important;letter-spacing:.08em!important}
  .brand-moon{font-size:34px!important}
  .home-filmstrip .filmstrip-slide.is-center{width:76%!important}
  .home-filmstrip .filmstrip-slide.is-prev{left:-3%!important}
  .home-filmstrip .filmstrip-slide.is-next{left:103%!important}
  .connect-section .connect-social-row .connect-social-link{width:70px!important}
}

@media (max-width:600px){
  .site-header,.site-header .head-inner{min-height:65px!important}
  .site-header .head-inner{height:auto;gap:8px}
  .site-header .brand{gap:7px}
  .site-header .brand-moon{font-size:clamp(29px,8vw,37px)!important}
  .site-header .brand-name{
    font-size:clamp(16px,4.6vw,22px)!important;
    letter-spacing:.08em!important;
    line-height:1.15;
    overflow-wrap:normal
  }
  .site-header .brand-sub{font-size:8px!important;letter-spacing:.12em!important}
  .site-header .nav-toggle{width:44px;height:44px;padding:10px}
  .site-header .nav{max-height:calc(100dvh - 68px);right:10px}
  .site-header .nav a{min-height:44px;display:flex;align-items:center}

  .hero,.hero-shell{min-height:clamp(365px,96vw,490px)!important}
  .hero-copy{
    padding:clamp(38px,9vw,52px) 0 60px!important;
    width:100%;max-width:100%
  }
  .hero .hero-title{
    font-size:clamp(31px,8.5vw,45px)!important;
    line-height:1.09!important;
    letter-spacing:-.026em!important;
    margin:17px 0 22px!important
  }
  .hero .hero-title-sub{margin-top:.12em!important}
  .hero .hero-overline{font-size:9px!important;letter-spacing:.1em!important}
  .hero .hero-kicker{font-size:11px!important;letter-spacing:.1em!important}
  .hero .hero-desc,.hero .hero-desc p{
    font-size:clamp(14px,3.6vw,17px)!important;
    line-height:1.45!important
  }
  .hero .hero-footnote{font-size:8px;letter-spacing:.04em}

  /* Set a repeated vertical rhythm rather than independent large paddings. */
  .work-section,.home-commissions-section,.home-about-section,
  .whispers-invite-section,.connect-section{
    padding:clamp(40px,10.5vw,55px) 0!important
  }
  .work-section{padding-top:clamp(46px,11vw,60px)!important}
  .work-section .section-intro{margin-bottom:clamp(26px,7vw,36px)!important}
  .work-section .section-intro h2{
    font-size:clamp(30px,8.2vw,40px)!important;
    line-height:1.12!important;
    letter-spacing:.07em!important
  }
  .work-section .section-intro p{
    font-size:clamp(13px,3.6vw,16px)!important;
    line-height:1.55
  }
  .work-section .section-heading{
    padding-bottom:12px!important;margin-bottom:18px!important;
    column-gap:12px
  }
  .work-section .section-heading h3{
    font-size:clamp(21px,5.5vw,27px)!important;letter-spacing:.12em!important
  }
  .work-section .section-heading a{
    font-size:clamp(10px,2.7vw,12px)!important;
    letter-spacing:.05em!important
  }
  .work-section .home-featured-stack{gap:0!important}
  .work-section .home-featured-stack > div + div:before{
    margin:clamp(32px,8vw,46px) auto!important;
    width:min(280px,calc(100% - 30px));
    height:28px;font-size:22px;line-height:28px;
    background-size:calc(50% - 22px) 1px
  }
  .work-section:after,.home-commissions-section:after,
  .home-about-section:after,.whispers-invite-section:after{
    width:min(280px,calc(100% - 30px));
    background-size:calc(50% - 22px) 1px;
    font-size:22px;line-height:28px;height:28px;
    bottom:-14px!important
  }

  /* A square image beside the copy, not a huge poster above it. */
  .work-section .home-featured-writing .writing-card,
  .writing-list .writing-card,.writing-grid .writing-card,
  .art-archive-row{
    display:grid!important;
    grid-template-columns:clamp(94px,28vw,135px) minmax(0,1fr)!important;
    gap:clamp(12px,3vw,17px)!important;
    padding:clamp(11px,3vw,15px)!important;
    align-items:start!important
  }
  .writing-list .writing-thumb,.home-featured-writing .writing-thumb,
  .writing-grid .writing-thumb,.art-archive-cover{
    display:block!important;
    width:100%!important;max-width:135px!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    justify-self:stretch!important;
    min-height:0!important;
    overflow:hidden
  }
  .writing-thumb img,.art-archive-cover img{
    display:block;width:100%!important;height:100%!important;
    object-fit:cover!important
  }
  .writing-list .writing-info,.writing-grid .writing-info,
  .art-archive-info{padding:0!important;min-width:0}
  .writing-info .eyebrow,.art-archive-info .eyebrow{
    font-size:9px!important;line-height:1.5!important;letter-spacing:.06em!important;
    overflow-wrap:anywhere
  }
  .writing-info h3,.art-archive-info h3{
    font-size:clamp(22px,5.6vw,28px)!important;line-height:1.1!important;
    margin:7px 0 9px!important
  }
  .card-summary,.art-archive-description,.card-summary p{
    font-size:clamp(14px,3.6vw,17px)!important;
    line-height:1.42!important
  }
  /* Full descriptions remain available on the writing and artwork pages. */
  .home-featured-writing .card-summary{
    display:-webkit-box;-webkit-box-orient:vertical;
    -webkit-line-clamp:5;overflow:hidden
  }
  .home-featured-writing .card-summary p{margin:0}
  .home-featured-writing .text-link{display:inline-block;font-size:11px;margin-top:9px}
  .work-section .home-featured-writing{gap:16px!important}
  .writing-grid,.art-archive-grid{gap:17px}

  /* Smaller central art with two genuinely visible side peeks. */
  .home-filmstrip .filmstrip-stage{
    height:clamp(240px,70vw,335px)!important;
    min-height:240px!important;
    width:100%;overflow:hidden
  }
  .home-filmstrip .filmstrip-slide{
    height:clamp(200px,59vw,295px)!important;
    width:clamp(100px,31%,132px)!important;
    padding:6px!important
  }
  .home-filmstrip .filmstrip-slide.is-center{
    width:min(61%,235px)!important;
    left:50%!important
  }
  .home-filmstrip .filmstrip-slide.is-prev{
    left:15%!important;
    transform:translate(-50%,-50%) scale(.82)!important
  }
  .home-filmstrip .filmstrip-slide.is-next{
    left:85%!important;
    transform:translate(-50%,-50%) scale(.82)!important
  }
  .home-filmstrip .filmstrip-controls{margin-top:4px!important;gap:12px!important}
  .home-filmstrip .filmstrip-arrow{
    width:44px!important;height:44px!important;font-size:27px!important
  }
  .home-filmstrip .filmstrip-label{
    min-width:0;max-width:60%;
    font-size:clamp(14px,3.7vw,17px)!important
  }

  /* Other homepage photos are supporting elements, not full-screen posters. */
  .home-commission-grid,.home-about-grid{gap:clamp(22px,6vw,32px)!important}
  .home-commission-media{width:min(100%,310px)!important;justify-self:center!important}
  .home-commission-media img{max-height:205px!important;object-fit:contain!important}
  .home-about-visual{gap:13px!important}
  .home-about-media{width:min(100%,235px)!important}
  .home-about-media img{max-height:290px!important;object-fit:contain!important}
  .home-about-visual .home-section-eyebrow{
    font-size:clamp(11px,3vw,14px)!important;
    letter-spacing:.13em!important
  }
  .home-commissions-section h2,.home-about-section h2,
  .connect-section h2{font-size:clamp(30px,8vw,41px)!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){
    font-size:clamp(16px,4.2vw,19px)!important;
    line-height:1.48!important
  }
  .home-commissions-section .btn,.home-about-section .btn,
  .whispers-invite-section .btn{
    max-width:100%;white-space:normal;min-height:44px;
    text-align:center;justify-content:center
  }
  .whispers-invite-section .whispers-card-centered h3{
    font-size:clamp(33px,8.8vw,44px)!important;line-height:1.12!important
  }

  /* Five labelled icons can sit cleanly in a symmetric 3 + 2 grid. */
  .connect-section .connect-social-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:17px 9px!important;
    justify-items:center;
    width:min(100%,320px);
    margin:22px auto 0!important
  }
  .connect-section .connect-social-row .connect-social-link{
    width:100%!important;max-width:96px!important;
    min-width:0!important
  }
  .connect-section .connect-social-row .social-icon{
    width:56px!important;height:56px!important;margin:0 auto
  }
  .connect-section .connect-social-row .social-icon img{
    width:30px!important;height:30px!important
  }
  .connect-section .connect-social-row .social-label{
    font-size:10px!important;letter-spacing:.02em!important;
    overflow-wrap:normal
  }

  .page-banner h1{font-size:clamp(35px,9.4vw,49px)!important}
  .page-banner .page-banner-inner{padding:0 4px 18px!important}
  .collection-section,.text-section,.detail-top{padding:35px 0 54px!important}
  .commission-inline-grid{gap:12px!important}
  .commission-inline-card{min-width:0}
  .whispers-panel h3{font-size:clamp(27px,7vw,33px)!important}
  .whispers-intro .moon-mark{font-size:54px!important}
  .whispers-intro h2{font-size:clamp(32px,8vw,42px)!important}
  .studio-heading h1{font-size:clamp(34px,9vw,48px)!important}
  .studio-box{padding:16px!important}
}

@media(max-width:350px){
  .site-header .brand-name{font-size:16px!important;letter-spacing:.025em!important}
  .home-filmstrip .filmstrip-slide.is-center{width:66%!important}
  .writing-info h3,.art-archive-info h3{font-size:22px!important}
  .writing-card .card-summary{-webkit-line-clamp:4}
  .connect-section .connect-social-row{gap:12px 5px!important}
}

@media (min-width:601px) and (max-width:900px){
  .work-section,.home-commissions-section,.home-about-section,
  .whispers-invite-section,.connect-section{
    padding:clamp(55px,7.5vw,75px) 0!important
  }
  .work-section .section-intro{margin-bottom:45px!important}
  .work-section .home-featured-stack > div+div:before{
    margin:clamp(43px,6vw,64px) auto!important
  }
  .work-section .home-featured-writing .writing-card{
    grid-template-columns:clamp(125px,24vw,195px) minmax(0,1fr)!important
  }
  .writing-list .writing-info,.writing-grid .writing-info,.art-archive-info{min-width:0}
  .home-filmstrip .filmstrip-stage{
    height:clamp(335px,48vw,420px)!important
  }
  .home-filmstrip .filmstrip-slide{
    height:clamp(280px,42vw,370px)!important
  }
  .home-filmstrip .filmstrip-slide.is-center{width:min(45%,345px)!important}
  .home-filmstrip .filmstrip-slide.is-prev{left:16%!important}
  .home-filmstrip .filmstrip-slide.is-next{left:84%!important}
  .home-commission-media{width:min(100%,440px)!important}
  .home-commission-media img{max-height:290px!important;object-fit:contain!important}
  .home-about-media{width:min(100%,325px)!important}
  .home-about-media img{max-height:390px!important;object-fit:contain!important}
  .home-commissions-section h2,.home-about-section h2,.connect-section h2{
    font-size:clamp(35px,5.3vw,48px)!important
  }
  .connect-section .connect-social-row{gap:clamp(12px,2vw,23px)!important}
  .connect-section .connect-social-row .social-icon{
    width:70px!important;height:70px!important
  }
}

@media(max-width:900px){
  .home-commissions-section,.home-about-section,.whispers-invite-section,.connect-section,
  .work-section{
    padding-top:clamp(65px,9vw,95px)!important;
    padding-bottom:clamp(65px,9vw,95px)!important
  }
  .home-about-grid{gap:clamp(22px,4vw,36px)!important}
  .home-about-visual,.home-about-copy{grid-row:auto!important}
  .home-commission-copy .home-commission-media{width:min(100%,420px)!important}
  .home-about-media{width:min(100%,330px)!important}
  .commission-page-image img{max-height:340px!important}
}

@media(max-width:600px){
  .home-commissions-section,.home-about-section,.whispers-invite-section,.connect-section,
  .work-section{
    padding-top:clamp(60px,14vw,76px)!important;
    padding-bottom:clamp(60px,14vw,76px)!important
  }
  .home-commission-copy h2,.home-about-heading h2{
    font-size:clamp(33px,8.8vw,44px)!important
  }
  .home-commission-copy .home-commission-media{
    width:min(100%,280px)!important;
    margin-bottom:clamp(23px,5vw,33px)!important
  }
  .home-commission-copy .home-commission-media img{max-height:190px!important}
  .home-about-heading{margin-bottom:clamp(22px,6vw,32px)}
  .home-about-media{width:min(100%,235px)!important}
  .home-about-grid{gap:clamp(20px,5vw,29px)!important}
  .home-about-copy h3{font-size:clamp(24px,6.5vw,35px)!important}
  .home-about-paragraphs,.home-commission-description{padding:0 3px}
  .page-banner .page-banner-cta{margin-top:20px;min-height:44px}
  .commission-page-section{padding-top:12px!important}
  .commission-page-grid{gap:28px!important}
  .commission-page-image{width:min(100%,340px)!important}
  .commission-page-image img{max-height:230px!important}
  .contact-content .connect-social-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:17px 9px!important;
    justify-items:center;
    width:min(100%,320px)
  }
  .contact-content .connect-social-row .connect-social-link{
    width:100%!important;max-width:96px!important;min-width:0!important
  }
  .contact-content .connect-social-row .social-icon{width:56px!important;height:56px!important}
  .contact-content .connect-social-row .social-icon img{width:30px!important;height:30px!important}
  .contact-content .connect-social-row .social-label{
    font-size:10px!important;
    letter-spacing:.02em!important
  }
}

@media(max-width:900px){
  .work-section .home-featured-stack > div+div::before,
  .work-section::after,
  .home-commissions-section::after,
  .home-about-section::after,
  .whispers-invite-section::after{
    width:min(520px,calc(100% - 42px))!important;
    background-size:calc(50% - 25px) 1px!important
  }
  .work-section .home-featured-stack > div+div::before{
    margin:clamp(43px,6vw,70px) auto!important
  }
}

@media(max-width:600px){
  .work-section .home-featured-stack > div+div::before,
  .work-section::after,
  .home-commissions-section::after,
  .home-about-section::after,
  .whispers-invite-section::after{
    width:min(325px,calc(100% - 34px))!important;
    height:30px!important;
    font-size:19px!important;
    line-height:30px!important;
    background-size:calc(50% - 22px) 1px!important
  }
  .work-section .home-featured-stack > div+div::before{
    margin:clamp(41px,11vw,57px) auto!important
  }
  .work-section::after,
  .home-commissions-section::after,
  .home-about-section::after,
  .whispers-invite-section::after{
    bottom:-15px!important
  }
}

@media(max-width:900px){
  .footer{
    padding-top:clamp(48px,7vw,65px)!important;
    padding-bottom:34px!important
  }
  .footer .footer-inner{
    min-height:0!important;
    gap:22px!important
  }
}

@media(max-width:600px){
  .btn,.btn.btn-lavender,.btn.btn-outline,
  a.btn,a.btn-lavender,a.btn-outline,
  button.btn,button.btn-lavender,button.btn-outline{
    min-height:44px!important;
    padding:10px 17px!important;
    font-size:10px!important
  }
  .btn-small,.btn.btn-small,a.btn-small,button.btn-small{
    min-height:44px!important;
    padding:10px 15px!important
  }
  .studio-secondary,.studio-danger{min-height:44px}
  .home-filmstrip .filmstrip-arrow{
    width:44px!important;height:44px!important;min-width:44px!important
  }
  .footer{
    padding-top:clamp(50px,13vw,72px)!important;
    padding-bottom:clamp(30px,7vw,43px)!important
  }
  .footer .footer-inner{
    display:flex;
    flex-direction:column;
    text-align:center;
    gap:20px!important
  }
}

@media(max-width:900px){
  body.cx-homepage .hero .hero-title{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body.cx-homepage .hero .hero-title-main,
  body.cx-homepage .hero .hero-title-sub{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.cx-homepage .hero .hero-desc{
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-clamp:3;
    overflow:hidden!important;
  }
}

@media(max-width:600px){
  body.cx-homepage .hero .hero-title{
    font-size:clamp(34px,9vw,50px)!important;
    line-height:1.04!important;
  }
  body.cx-homepage .hero .hero-desc{
    -webkit-line-clamp:2;
    line-clamp:2;
  }
  body.cx-homepage .hero .hero-overline,
  body.cx-homepage .hero .hero-footnote{
    display:none!important;
  }
}

@media(max-width:600px){
  .site-header:has(.cx-header-extras:not(:empty)){min-height:65px}
}

@media(max-width:1099px){
  .site-header .cx-header-extras:not(:empty){width:calc(100% - 32px);padding-bottom:12px}
}

@media(max-width:1099px) {
  body.cx-unified-chrome .site-header .head-inner {
    width:calc(100% - 32px)!important;
    padding:clamp(17px,3vw,24px) 0 clamp(14px,2vw,19px)!important;
  }
  body.cx-unified-chrome .site-header .brand-name {
    font-size:clamp(22px,4vw,36px)!important;
  }
  body.cx-unified-chrome .site-header .nav a {
    font-size:clamp(12px,1.7vw,16px)!important;
    padding:7px 1px!important;
  }
}

@media(max-width:700px) {
  body.cx-unified-chrome .site-header .head-inner {
    width:calc(100% - 26px)!important;
  }
  body.cx-unified-chrome .site-header .brand-name {
    font-size:clamp(18px,6vw,29px)!important;
    letter-spacing:.1em!important;
  }
  body.cx-unified-chrome .site-header .brand-sub {
    font-size:clamp(9px,2.4vw,12px)!important;
  }
  body.cx-unified-chrome .site-header .nav,
  body.cx-unified-chrome .site-header .nav.open {
    gap:0 clamp(10px,3vw,17px)!important;
    margin-top:19px!important;
  }
  body.cx-unified-chrome .site-header .nav a {
    min-height:40px!important;
    font-size:clamp(10px,2.8vw,13px)!important;
    padding:9px 0!important;
  }
  body.cx-unified-chrome .footer .footer-inner {
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    text-align:center!important;
    gap:18px!important;
  }
  body.cx-unified-chrome .footer .footer-center,
  body.cx-unified-chrome .footer .footer-inner > small {
    display:block!important;
    max-width:100%!important;
    text-align:center!important;
  }
}

/* Previously in Website/src/fluid-layout.css */
@media(max-width:900px) {
  body.cx-unified-chrome .site-header .head-inner {
    min-width:0!important;
    height:auto!important;
  }
  body.cx-unified-chrome .site-header .brand,
  body.cx-unified-chrome .site-header .brand > span:last-child,
  body.cx-unified-chrome .site-header .brand-name,
  body.cx-unified-chrome .site-header .brand-sub {
    max-width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  body.cx-unified-chrome .site-header .nav a {
    max-width:100%!important;
    overflow-wrap:break-word;
  }
  body.cx-public-page main .hero,
  body.cx-public-page main .hero-shell {
    height:auto!important;
  }
  body.cx-public-page main .hero .hero-title {
    box-sizing:border-box;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    text-overflow:clip!important;
  }
  body.cx-public-page main .hero .hero-title-main,
  body.cx-public-page main .hero .hero-title-sub {
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    line-height:1.13!important;
  }
  body.cx-public-page main .hero .hero-desc {
    display:block!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    max-height:none!important;
  }
  body.cx-public-page main .hero-copy {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding-inline:0!important;
  }
  body.cx-public-page main .hero .hero-bg-img {
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body.cx-public-page main :is(
    .work-columns,.home-featured-stack,.home-section-grid,
    .home-commission-grid,.home-about-grid,.detail-grid,
    .about-page-grid,.commission-page-grid,.whispers-layout
  ) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.cx-public-page main .work-section .home-featured-writing .writing-card,
  body.cx-public-page main .writing-grid .writing-card,
  body.cx-public-page main .writing-list .writing-card,
  body.cx-public-page main .art-archive-row {
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    min-width:0!important;
    max-width:100%!important;
    align-items:start!important;
    overflow:hidden!important;
  }
  body.cx-public-page main .writing-info,
  body.cx-public-page main .art-archive-info {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    align-self:start!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body.cx-public-page main .writing-info :is(h3,.card-summary,.card-summary p,.eyebrow),
  body.cx-public-page main .art-archive-info :is(h3,.art-archive-description,.eyebrow) {
    max-width:100%!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
  body.cx-public-page main .writing-info .text-link,
  body.cx-public-page main .art-archive-info .art-archive-view {
    display:inline-flex!important;
    flex:0 0 auto!important;
    position:static!important;
    align-self:flex-start!important;
    margin-top:clamp(10px,2vw,16px)!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  body.cx-public-page main .home-featured-writing .card-summary,
  body.cx-public-page main .writing-grid .card-summary {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
    overflow:hidden!important;
    max-height:7em!important;
    line-height:1.5!important;
  }
  body.cx-public-page main .home-featured-writing .card-summary p,
  body.cx-public-page main .writing-grid .card-summary p {
    margin:0!important;
    line-height:1.5!important;
  }
  body.cx-public-page main .work-section .home-featured-stack {
    gap:clamp(45px,7vw,65px)!important;
  }
  body.cx-public-page main .work-section .section-heading {
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    gap:clamp(9px,2vw,16px)!important;
  }
  body.cx-public-page main .work-section .section-heading h3,
  body.cx-public-page main .work-section .section-heading a {
    position:static!important;
    max-width:100%!important;
  }
  body.cx-public-page main .home-filmstrip,
  body.cx-public-page main .filmstrip-stage {
    max-width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:600px) {
  body.cx-unified-chrome .site-header .head-inner {
    width:calc(100% - 32px)!important;
    padding:clamp(18px,4.5vw,27px) 0 16px!important;
  }
  body.cx-unified-chrome .site-header .brand-name {
    max-width:100%!important;
    font-size:clamp(19px,5.45vw,26px)!important;
    letter-spacing:.065em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  body.cx-unified-chrome .site-header .brand-sub {
    margin-top:10px!important;
    font-size:clamp(10px,2.75vw,13px)!important;
    letter-spacing:.16em!important;
  }
  body.cx-unified-chrome .site-header .nav,
  body.cx-unified-chrome .site-header .nav.open {
    gap:0 clamp(8px,2.7vw,16px)!important;
    margin-top:clamp(17px,4vw,22px)!important;
  }
  body.cx-unified-chrome .site-header .nav a {
    font-size:clamp(10px,2.7vw,12px)!important;
    min-height:36px!important;
    padding:7px 1px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.25!important;
  }
  body.cx-public-page main .hero,
  body.cx-public-page main .hero-shell {
    min-height:clamp(365px,65svh,550px)!important;
  }
  body.cx-public-page main .hero-copy {
    padding-block:clamp(40px,8svh,70px)!important;
  }
  body.cx-public-page main .hero .hero-title {
    font-size:clamp(29px,8.6vw,41px)!important;
    line-height:1.12!important;
    letter-spacing:-.015em!important;
  }
  body.cx-public-page main .hero .hero-title-main,
  body.cx-public-page main .hero .hero-title-sub {
    font-size:inherit!important;
  }
  body.cx-public-page main .hero .little-rule {
    width:min(100%,280px)!important;
    margin-inline:auto!important;
  }
  body.cx-public-page main .writing-info h3 {
    font-size:clamp(20px,5.75vw,26px)!important;
    line-height:1.15!important;
  }
  body.cx-public-page main .writing-info .eyebrow,
  body.cx-public-page main .art-archive-info .eyebrow {
    font-size:clamp(9px,2.4vw,11px)!important;
    line-height:1.35!important;
    letter-spacing:.06em!important;
  }
  body.cx-public-page main .writing-info .card-summary,
  body.cx-public-page main .writing-info .card-summary p {
    font-size:clamp(13px,3.65vw,16px)!important;
    line-height:1.42!important;
  }
  body.cx-public-page main .home-featured-writing .card-summary,
  body.cx-public-page main .writing-grid .card-summary {
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
    max-height:6.2em!important;
  }
  body.cx-public-page main .work-section .home-featured-writing .writing-card,
  body.cx-public-page main .writing-grid .writing-card,
  body.cx-public-page main .writing-list .writing-card,
  body.cx-public-page main .art-archive-row {
    grid-template-columns:clamp(86px,25vw,116px) minmax(0,1fr)!important;
    gap:clamp(10px,3vw,15px)!important;
    padding:clamp(10px,3vw,15px)!important;
  }
  body.cx-public-page main .work-section .home-featured-stack {
    gap:clamp(45px,11vw,60px)!important;
  }
  body.cx-unified-chrome .footer {
    padding:clamp(44px,10vw,65px) 0 32px!important;
  }
  body.cx-unified-chrome .footer .footer-inner {
    width:calc(100% - 34px)!important;
    gap:clamp(18px,4vw,26px)!important;
  }
  body.cx-unified-chrome .footer-connect .footer-connect-title {
    font-size:clamp(29px,8.25vw,38px)!important;
  }
  body.cx-unified-chrome .footer-connect .footer-connect-description {
    max-width:100%;
    font-size:clamp(15px,4.25vw,18px)!important;
  }
  body.cx-unified-chrome .footer-connect .footer-connect-socials {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:19px 10px!important;
    width:min(100%,355px)!important;
  }
  body.cx-unified-chrome .footer-connect .footer-connect-socials .social-icon {
    width:50px!important;
    height:50px!important;
  }
  body.cx-unified-chrome .footer-connect .footer-connect-socials .social-icon img {
    width:33px!important;
    height:33px!important;
  }
  body.cx-unified-chrome .footer .footer-brand {
    flex-wrap:wrap!important;
    font-size:clamp(15px,4vw,19px)!important;
    letter-spacing:.08em!important;
  }
  body.cx-unified-chrome .footer .footer-brand .brand-moon {
    font-size:clamp(33px,8vw,43px)!important;
  }
  body.cx-unified-chrome .footer .footer-center {
    font-size:clamp(11px,3vw,14px)!important;
    letter-spacing:.11em!important;
  }
  body.cx-unified-chrome .footer .footer-inner > small {
    font-size:clamp(11px,3vw,13px)!important;
  }
}

@media(max-width:355px) {
  body.cx-unified-chrome .site-header .brand-name {font-size:19px!important;letter-spacing:.03em!important}
  body.cx-unified-chrome .footer-connect .footer-connect-socials {gap:17px 5px!important}
}

/* Previously in Website/src/hero-footer.css */
@media(max-width:900px) {
  body.cx-homepage.cx-public-page main .hero {
    display:block!important;
    position:relative!important;
    height:auto!important;
    min-height:clamp(430px,60vw,620px)!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-background {
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-background .hero-bg-img {
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:right center!important;
    opacity:.68!important;
    filter:saturate(.8) brightness(.72)!important;
  }
  body.cx-homepage.cx-public-page main .hero::before {
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:
      linear-gradient(90deg,rgba(17,22,35,.89) 0%,rgba(17,22,35,.72) 39%,rgba(17,22,35,.30) 74%,rgba(17,22,35,.08) 100%),
      linear-gradient(0deg,rgba(17,22,35,.32),transparent 40%)!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-shell {
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:calc(100% - 34px)!important;
    height:auto!important;
    min-height:clamp(430px,60vw,620px)!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-copy {
    width:100%!important;
    max-width:min(100%,760px)!important;
    padding:clamp(55px,8vw,85px) 0!important;
    text-align:center!important;
    overflow:visible!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-title {
    font-size:clamp(29px,6vw,54px)!important;
    line-height:1.14!important;
    margin:clamp(12px,2.5vw,22px) 0!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-desc {
    display:block!important;
    max-width:min(100%,650px)!important;
    max-height:none!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    margin-inline:auto!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-kicker,
  body.cx-homepage.cx-public-page main .hero .hero-overline {
    white-space:normal!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-footnote {
    display:none!important;
  }
}

@media(max-width:600px) {
  body.cx-homepage.cx-public-page main .hero,
  body.cx-homepage.cx-public-page main .hero .hero-shell {
    min-height:clamp(430px,115vw,590px)!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-title {
    font-size:clamp(27px,7.65vw,37px)!important;
    letter-spacing:-.018em!important;
    line-height:1.15!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-shell {
    width:calc(100% - 30px)!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-copy {
    padding:clamp(48px,12vw,72px) 0!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-background .hero-bg-img {
    width:100%!important;
    height:100%!important;
    opacity:.58!important;
  }
  body.cx-homepage.cx-public-page main .hero::before {
    background:
      linear-gradient(90deg,rgba(17,22,35,.77) 0%,rgba(17,22,35,.61) 53%,rgba(17,22,35,.16) 100%),
      linear-gradient(0deg,rgba(17,22,35,.28),transparent 45%)!important;
  }
  body.cx-unified-chrome .footer {
    padding-bottom:75px!important;
  }
  body.cx-unified-chrome .footer .footer-inner {
    width:calc(100% - 30px)!important;
  }
  body.cx-unified-chrome .footer .footer-brand {
    align-self:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
  body.cx-unified-chrome .footer .footer-connect-socials {
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:clamp(2px,1vw,8px)!important;
  }
  body.cx-unified-chrome .footer .footer-connect-socials .social-icon {
    width:clamp(31px,9.4vw,43px)!important;
    height:clamp(31px,9.4vw,43px)!important;
  }
  body.cx-unified-chrome .footer .footer-connect-socials .social-icon img {
    width:clamp(22px,6.9vw,31px)!important;
    height:clamp(22px,6.9vw,31px)!important;
  }
  body.cx-unified-chrome .footer .footer-connect-socials .social-label {
    font-size:clamp(8px,2.45vw,11px)!important;
  }
  body.cx-unified-chrome .footer .studio-footer-link {
    left:50%!important;
    right:auto!important;
    bottom:14px!important;
    min-height:32px!important;
    font-size:10px!important;
  }
}

@media(max-width:900px){
  body.cx-homepage.cx-public-page main .hero .hero-overline{
    display:inline-block!important;
    max-width:100%!important;
    font-size:clamp(9px,1.6vw,13px)!important;
    white-space:normal!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-footnote{
    display:block!important;
    position:absolute!important;
    bottom:clamp(9px,2vw,18px)!important;
    right:clamp(12px,3vw,24px)!important;
    max-width:calc(100% - 24px)!important;
    font-size:clamp(8px,1.3vw,11px)!important;
    letter-spacing:.08em!important;
    white-space:normal!important;
    text-align:right!important;
  }
  body.cx-public-page main :is(.home-featured-writing,.writing-grid,.writing-list,.art-archive-grid) .card-summary{
    display:block!important;
    max-height:none!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
  }
}

@media(max-width:600px){
  body.cx-homepage.cx-public-page main .hero .hero-overline{
    font-size:clamp(9px,2.5vw,11px)!important;
    letter-spacing:.09em!important;
  }
  body.cx-homepage.cx-public-page main .hero .hero-footnote{
    font-size:8px!important;
  }
}

@media(max-width:600px){
  body.cx-unified-chrome footer.footer > .footer-admin-anchor{
    bottom:45px!important;
  }
}

@media (max-width:1099px) {
  body.cx-unified-chrome .site-header,
  body.cx-unified-chrome footer.footer,
  body.cx-unified-chrome .site-header .head-inner,
  body.cx-unified-chrome .footer .footer-inner {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.cx-unified-chrome .site-header .nav,
  body.cx-unified-chrome .site-header .nav.open {
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.cx-unified-chrome .site-header .nav a {
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.cx-public-page main :is(
    .shell,.writing-grid,.art-archive-grid,.writing-card,.art-archive-row,
    .writing-info,.art-archive-info,.section-intro,.home-featured-stack,
    .home-section-grid,.about-page-grid,.commission-page-grid,.detail-grid,
    .home-filmstrip,.filmstrip-stage,.hero-copy,.hero-desc,.rich-text
  ) {
    box-sizing:border-box!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
  }
  body.cx-public-page main :is(
    h1,h2,h3,h4,h5,h6,p,li,blockquote,a,.eyebrow,.card-summary
  ) {
    max-inline-size:100%!important;
    overflow-wrap:anywhere!important;
  }
  body.cx-public-page main :is(
    .detail-image img,.about-photo-large img,.commission-page-image img,
    .home-about-media img,.home-commission-media img,.art-card img,
    .cx-created-image
  ) {
    display:block;
    max-inline-size:100%!important;
    height:auto!important;
    object-fit:contain;
  }
  body.cx-public-page main .home-filmstrip .filmstrip-mat img {
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body.cx-public-page main :is(
    .writing-thumb img,.art-archive-cover img
  ) {
    max-width:100%!important;
    object-fit:cover!important;
  }
}

@media (max-width:600px) {
  body.cx-public-page main .hero .hero-title,
  body.cx-public-page main .hero .hero-title-main,
  body.cx-public-page main .hero .hero-title-sub {
    box-sizing:border-box!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    white-space:normal!important;
  }
  body.cx-public-page main .hero .hero-copy,
  body.cx-public-page main .hero .hero-desc {
    min-width:0!important;
    max-width:100%!important;
  }
  body.cx-unified-chrome .footer .footer-connect,
  body.cx-unified-chrome .footer .footer-connect-socials {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.cx-public-page main .home-filmstrip .filmstrip-stage {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

@media(max-width:600px){
  body.cx-unified-chrome footer.footer .footer-connect > .footer-connect-socials{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:clamp(2px,1vw,8px)!important;
    margin:clamp(16px,4vw,24px) auto 0!important;
  }
}

@media(max-width:600px){
  body.cx-unified-chrome footer.footer .footer-connect > .cx-centred-custom-socials{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    gap:clamp(2px,1vw,7px)!important;
  }
  body.cx-unified-chrome footer.footer .cx-centred-custom-socials > .cx-created-social{
    width:clamp(32px,10vw,44px)!important;
    height:clamp(32px,10vw,44px)!important;
  }
}

@media (max-width:1099px){
  body.cx-homepage.cx-public-page main .hero .little-rule{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(280px,calc(100% - 32px))!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
    translate:none!important;
  }
}

/* === CURRENT MASTER RESPONSIVE RULES (LAST WINS) === */

/*
 * CAERUNOX RESPONSIVE SYSTEM
 * Source of truth: Desktop Site Designer. Viewport presentation only.
 * One ordered stylesheet replaces mobile-scale.css + responsive-guard.css.
 * Historical component-level CSS remains loaded for desktop/base styling,
 * but this LAST stylesheet owns the final phone and tablet rules.
 *
 * Maintainers: do not add another mobile patch CSS link; edit this file.
 */

/* Baseline fluid constraints retained to avoid breaking existing pages. */
/*
 * One responsive editorial scale for the public site.
 *
 * The Media Studio already has a legible mobile layout. Bring the public
 * pages into that same fluid pattern: one column when needed, text that
 * follows the viewport, readable paragraph leading, and full-width content.
 *
 * Desktop remains untouched. Saved Site Designer records are not modified:
 * per-element custom font sizes are scaled by design-runtime.js instead.
 */
@media (max-width:900px) {
  body.cx-public-page main :is(
    .shell,.work-columns,.home-featured-stack,.home-section-grid,
    .home-about-grid,.home-commission-grid,.about-page-grid,
    .commission-page-grid,.detail-grid,.writing-grid,.art-archive-grid,
    .connect-content,.whispers-layout,.whispers-gallery
  ) {
    min-width:0;
    max-width:100%;
  }
  body.cx-public-page main :is(
    .work-columns,.home-section-grid,.home-about-grid,.home-commission-grid,
    .detail-grid,.about-page-grid,.commission-page-grid,.connect-grid,
    .whispers-layout
  ) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.cx-public-page main :is(
    .work-columns,.home-featured-stack,.home-section-grid,
    .writing-list,.writing-grid,.gallery-grid,.art-archive-grid
  ) > * {
    min-width:0;
    max-width:100%;
  }
  body.cx-public-page main :is(
    .hero-copy,.home-about-copy,.home-commission-copy,.detail-copy,
    .about-page-copy,.commission-page-content,.writing-info,
    .art-archive-info,.whispers-panel,.contact-content
  ) {
    min-width:0;
    max-width:100%;
  }
  body.cx-public-page main :is(
    .detail-image,.about-photo-large,.commission-page-image,
    .home-about-media,.home-commission-media
  ) {
    max-width:100%;
  }
  body.cx-public-page main :is(
    .rich-text,.rich-text p,.card-summary,.hero-desc,
    .detail-copy,.home-about-paragraphs,.home-commission-description,
    .whisper-entry,.whisper-message
  ) {
    overflow-wrap:anywhere;
  }
  body.cx-public-page main :is(
    .hero-actions,.social-row,.commission-platforms,.studio-actions,
    .whispers-page-actions
  ) {
    flex-wrap:wrap;
    max-width:100%;
  }
  body.cx-public-page main .page-banner-inner {
    width:min(100%,780px);
    max-width:100%;
    margin-inline:auto;
  }
}
/* Phones: one fluid scale for public-facing pages only.
   Separate moderator and Media Studio controls keep their existing layout. */
@media (max-width:600px) {
  body.cx-public-page main :is(
    .work-section,.home-commissions-section,.home-about-section,
    .whispers-invite-section,.connect-section,
    .collection-section,.text-section,.detail-top,
    .page-banner,.whispers-page
  ) > .shell {
    width:calc(100% - 30px)!important;
    max-width:100%!important;
  }
  body.cx-public-page main :is(
    .work-section,.home-commissions-section,.home-about-section,
    .whispers-invite-section,.connect-section,
    .collection-section,.text-section,.detail-top,
    .page-banner,.whispers-page
  ) {
    min-width:0;
    max-width:100%;
  }
  body.cx-public-page main :is(
    .hero .hero-title,.hero h1
  ) {
    max-width:100%!important;
    font-size:clamp(34px,9.5vw,45px)!important;
    line-height:1.08!important;
    overflow-wrap:break-word;
    white-space:normal!important;
  }
  body.cx-public-page main :is(
    .page-banner h1,.detail-copy h1
  ) {
    font-size:clamp(35px,9.6vw,46px)!important;
    line-height:1.12!important;
    overflow-wrap:break-word;
  }
  body.cx-public-page main :is(
    .section-intro h2,.home-about-heading h2,.home-commission-copy h2,
    .home-commissions-section h2,.home-about-section h2,
    .connect-section h2,.text-section h2,
    .whispers-intro h2,.whispers-card-centered h3
  ) {
    font-size:clamp(30px,8.5vw,40px)!important;
    line-height:1.16!important;
    letter-spacing:clamp(.02em,.13vw,.09em)!important;
    overflow-wrap:break-word;
  }
  body.cx-public-page main :is(
    .section-heading h2,.section-heading h3,.collection-heading h2,
    .writing-info h3,.art-archive-info h3,.art-caption h3,
    .commission-platform-card h4,.commission-inline-card h3,
    .whispers-panel h3,.text-section h3
  ) {
    font-size:clamp(23px,6.4vw,30px)!important;
    line-height:1.2!important;
    overflow-wrap:break-word;
  }
  body.cx-public-page main :is(
    .hero-desc,.hero-desc p,.page-banner p:last-child,
    .home-about-paragraphs p,.home-commission-description p,
    .commission-text,.commission-text p,.connect-section p:not(.eyebrow),
    .text-section .rich-text p,.text-section .rich-text li,
    .detail-copy .rich-text p,.detail-copy .rich-text li,
    .text-section .commission-rich p,.contact-content p,
    .whispers-guidelines,.whispers-intro p,.whispers-privacy,
    .whispers-card-centered p
  ) {
    font-size:clamp(16px,calc(var(--cx-about-body,20px) * .88),20px)!important;
    line-height:clamp(1.42,var(--cx-paragraph-leading,1.5),1.65)!important;
    letter-spacing:normal;
  }
  body.cx-public-page main :is(
    .detail-copy .lead p,.text-section .lead p
  ) {
    font-size:clamp(18px,calc(var(--cx-project-lead,26px) * .76),23px)!important;
    line-height:1.5!important;
  }
  body.cx-public-page main :is(
    .writing-info .card-summary,.writing-info .card-summary p,
    .art-archive-info .card-summary,.art-archive-info .card-summary p,
    .writing-list .card-summary,.writing-grid .card-summary
  ) {
    font-size:clamp(14px,3.85vw,17px)!important;
    line-height:1.45!important;
  }
  body.cx-public-page main :is(
    .eyebrow,.home-section-eyebrow,.section-intro p,
    .writing-info .eyebrow,.art-archive-info .eyebrow
  ) {
    font-size:clamp(10px,2.7vw,13px)!important;
    line-height:1.5!important;
    letter-spacing:clamp(.04em,.13vw,.13em)!important;
  }
  body.cx-public-page main :is(
    .btn,.btn-small,.text-link,.section-heading a,
    .whispers-page-actions a
  ) {
    max-width:100%;
    min-height:44px;
    font-size:clamp(10px,2.8vw,13px)!important;
    line-height:1.3!important;
    white-space:normal!important;
    overflow-wrap:break-word;
    text-align:center;
  }
  body.cx-public-page main :is(
    .collection-heading,.whispers-list-header,.section-heading
  ) {
    flex-wrap:wrap;
    gap:10px;
  }
  body.cx-public-page main :is(
    .writing-card,.art-archive-row,.gallery-grid .art-card,
    .commission-platform-card,.commission-inline-card,.whispers-panel
  ) {
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
  }
  /* Honour the requested square thumbnail beside its summary, rather than
     turning every writing card into a giant image-first poster. */
  body.cx-public-page main :is(
    .writing-list .writing-card,.writing-grid .writing-card,
    .home-featured-writing .writing-card,.art-archive-row
  ) {
    grid-template-columns:clamp(86px,27vw,125px) minmax(0,1fr)!important;
    gap:clamp(10px,3vw,16px)!important;
    align-items:start!important;
  }
  body.cx-public-page main :is(
    .writing-thumb,.art-archive-cover
  ) {
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1;
  }
  body.cx-public-page main :is(
    .writing-thumb img,.art-archive-cover img
  ) {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  body.cx-public-page main .gallery-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.cx-public-page main .gallery-grid .art-open {
    height:auto!important;
    aspect-ratio:4 / 3;
  }
  body.cx-public-page main :is(
    .about-photo-large img,.commission-page-image img,.detail-image img
  ) {
    width:100%;
    height:auto!important;
    object-fit:contain!important;
  }
  body.cx-public-page main :is(
    .whispers-layout,.whispers-gallery,.commission-platform-grid,
    .commission-inline-grid
  ) {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    min-width:0;
    width:100%;
  }
  body.cx-public-page main :is(
    .whispers-fields input,.whispers-fields textarea,
    .whispers-fields select,.contact-content textarea
  ) {
    max-width:100%;
    min-width:0;
    font-size:16px;
  }
  body.cx-public-page main :is(
    .rich-text p,.rich-text li
  ) {
    max-width:100%;
  }
}


/* Consolidated adaptive safeguards (original precedence preserved). */
/* Single shared design: adaptive boundaries for every screen width. */
html{width:100%;max-width:100%}
body.cx-unified-chrome{min-width:0;max-width:100%;overflow-x:clip}
body.cx-unified-chrome :is(.site-header,.footer){max-width:100%}
body.cx-unified-chrome .site-header :is(.head-inner,.cx-header-extras),
body.cx-unified-chrome .footer :is(.footer-inner,.footer-connect,.footer-connect-socials){
  box-sizing:border-box;min-width:0;max-width:100%;
}
body.cx-unified-chrome .site-header .nav{flex-wrap:wrap!important;max-width:100%}
body.cx-unified-chrome .site-header .nav a{min-width:0;overflow-wrap:break-word}
body.cx-unified-chrome :is(.site-header,.footer) :is(h1,h2,h3,h4,h5,h6,p,span,a){
  overflow-wrap:break-word;
}
body.cx-unified-chrome .site-header .cx-header-extras :is(img,video,svg),
body.cx-unified-chrome .footer :is(img,video,svg){max-width:100%;object-fit:contain}
body.cx-public-page main :is(.shell,.work-columns,.home-featured-stack,.home-section-grid,.home-about-grid,.home-commission-grid,
  .detail-grid,.about-page-grid,.commission-page-grid,.writing-grid,.art-archive-grid,
  .writing-list,.whispers-layout,.collection-section,.text-section){
  box-sizing:border-box;min-width:0;max-width:100%;
}
body.cx-public-page main :is(h1,h2,h3,h4,h5,h6,p,blockquote,.rich-text,.card-summary,.art-archive-description){
  max-width:100%;overflow-wrap:anywhere;hyphens:auto;
}
body.cx-public-page main :is(.writing-card,.writing-info,.art-archive-row,.art-archive-info,.detail-copy,
  .home-about-copy,.home-commission-copy,.hero-copy,.commission-page-content){
  box-sizing:border-box;min-width:0;max-width:100%;
}
body.cx-public-page main :is(.art-archive-cover,.writing-thumb,.detail-image,.about-photo-large,
  .commission-page-image,.home-about-media,.home-commission-media){
  min-width:0;max-width:100%;overflow:hidden;
}
body.cx-public-page main :is(img,video,svg){max-width:100%}
body.cx-public-page main :is(.detail-image,.about-photo-large,.commission-page-image,.home-about-media,
  .home-commission-media) img{object-fit:contain}
body.cx-public-page main .home-filmstrip,
body.cx-public-page main .filmstrip-stage{box-sizing:border-box;min-width:0;max-width:100%}
body.cx-public-page main .filmstrip-slide img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:900px){
  body.cx-public-page main :is(.writing-grid,.art-archive-grid,.detail-grid,.about-page-grid,.commission-page-grid,
    .home-section-grid,.home-about-grid,.home-commission-grid){grid-template-columns:minmax(0,1fr)!important}
  body.cx-public-page main .cx-created-image,
  body.cx-public-page main .rich-text img{width:auto!important;height:auto!important;max-width:100%!important}
  body.cx-public-page main .hero-copy :is(h1,h2,p,span,em){overflow-wrap:break-word}
  body.cx-unified-chrome .footer .footer-brand,
  body.cx-unified-chrome .footer .footer-center{max-width:100%;overflow-wrap:anywhere}
  body.cx-unified-chrome .site-header .cx-header-extras:not(:empty){
    width:calc(100% - 32px)!important;max-width:100%!important;
  }
  body.cx-unified-chrome footer.footer > .footer-admin-anchor{
    box-sizing:border-box!important;max-width:100%!important;
  }
}
@media(max-width:600px){
  body.cx-public-page main :is(.writing-card,.art-archive-row,.detail-grid,.about-page-grid,.commission-page-grid){
    min-width:0!important;max-width:100%!important;
  }
  body.cx-public-page main :is(.writing-info,.art-archive-info,.detail-copy){overflow-wrap:anywhere}
  body.cx-unified-chrome .footer .footer-connect-socials .connect-social-link{
    min-width:0!important;max-width:100%!important;
  }
  body.cx-unified-chrome .footer .footer-connect-socials .social-label{
    min-width:0!important;max-width:100%!important;overflow-wrap:anywhere;
  }
}

/* Keep the homepage focused on work, commissions and whispers.
 * The About markup stays hidden only to preserve saved editor element IDs;
 * the dedicated /about/ page is unaffected. */
body.cx-homepage.cx-public-page main > .home-about-section[hidden]{
  display:none!important;
}

/* Default natural-ratio frames for photographs and artwork.
 * No visual crop by default: the border hugs the source image on every
 * viewport. Uniform gallery tiles intentionally keep their existing crop.
 * A saved per-image Photo & Frame choice overrides these default selectors. */
body.cx-public-page :is(
  .about-photo-large,.detail-image,.commission-page-image,
  .home-about-media,.home-commission-media,.about-portrait,.comm-img
):not([data-cx-photo-frame]){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
}
body.cx-public-page :is(
  .about-photo-large,.detail-image,.commission-page-image,
  .home-about-media,.home-commission-media,.about-portrait,.comm-img
):not([data-cx-photo-frame]) img:not([data-cx-photo-fit]){
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
}



/*
 * PHONE / TABLET PRESENTATION OF THE DESKTOP MASTER (2026-10-26)
 * These are constraints, not a second saved page design. Desktop styling
 * remains untouched. All content still comes from the same HTML + editor ops.
 */
@media (max-width:900px){
  body.cx-public-page main > :is(.work-section,.home-commissions-section,.whispers-invite-section,.home-about-section,.connect-section,.collection-section,.text-section){
    height:auto!important;
    min-height:0!important;
  }
  body.cx-homepage.cx-public-page main .work-section .work-columns.home-featured-stack{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
  }
  body.cx-homepage.cx-public-page main :is(.home-featured-stack,.home-commission-grid,.whispers-card-centered,.home-commission-copy){
    min-width:0!important;
    max-width:100%!important;
  }
  body.cx-homepage.cx-public-page main :is(.work-section,.home-commissions-section,.whispers-invite-section)::after{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    transform:none!important;
    translate:0 0!important;
    display:block!important;
    clear:both!important;
    margin:clamp(20px,4vw,36px) auto -16px!important;
    z-index:1!important;
  }
  body.cx-homepage.cx-public-page main .work-section .home-featured-stack > div+div::before{
    transform:none!important;
    translate:0 0!important;
    margin:clamp(28px,5vw,46px) auto!important;
  }
}
@media (max-width:600px){
  /* A compact, legible header, still using exactly the same links and branding. */
  body.cx-unified-chrome .site-header .head-inner{
    width:calc(100% - 28px)!important;
    height:auto!important;
    min-height:0!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:clamp(10px,3vw,16px)!important;
    padding:clamp(13px,4vw,21px) 0!important;
  }
  body.cx-unified-chrome .site-header .brand{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  body.cx-unified-chrome .site-header .brand-name{
    font-size:clamp(20px,6vw,28px)!important;
    letter-spacing:clamp(.035em,.15vw,.09em)!important;
    line-height:1.15!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  body.cx-unified-chrome .site-header .brand-sub{
    font-size:clamp(10px,2.9vw,13px)!important;
    line-height:1.4!important;
    margin-top:7px!important;
  }
  body.cx-unified-chrome .site-header .nav,
  body.cx-unified-chrome .site-header .nav.open{
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px clamp(9px,2.4vw,15px)!important;
    padding:0!important;
    position:static!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  body.cx-unified-chrome .site-header .nav a{
    width:auto!important;
    font-size:clamp(10px,2.8vw,12px)!important;
    letter-spacing:.05em!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    padding:4px 1px!important;
  }
  /* Phones must not inherit the full-scale desktop typography. */
  body.cx-homepage.cx-public-page main .section-intro h2{
    font-size:clamp(28px,8vw,35px)!important;
    line-height:1.13!important;
    letter-spacing:.04em!important;
    max-width:100%!important;
  }
  body.cx-homepage.cx-public-page main .section-intro > p{
    font-size:clamp(10px,2.7vw,12px)!important;
    line-height:1.45!important;
    letter-spacing:.08em!important;
  }
  body.cx-homepage.cx-public-page main .work-section .section-heading{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    max-width:100%!important;
  }
  body.cx-homepage.cx-public-page main .work-section .section-heading h3{
    flex:1 1 auto!important;
    min-width:0!important;
    font-size:clamp(19px,5.9vw,25px)!important;
    letter-spacing:clamp(.03em,.14vw,.09em)!important;
    line-height:1.15!important;
    white-space:normal!important;
  }
  body.cx-homepage.cx-public-page main .work-section .section-heading a{
    flex:0 0 auto!important;
    font-size:clamp(10px,2.6vw,12px)!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important;
    max-width:35%!important;
  }
  body.cx-homepage.cx-public-page main .work-section .home-featured-writing .writing-card{
    min-height:0!important;
    height:auto!important;
    grid-template-columns:clamp(90px,26vw,115px) minmax(0,1fr)!important;
    align-items:start!important;
    gap:clamp(11px,3vw,16px)!important;
    overflow:hidden!important;
  }
  body.cx-homepage.cx-public-page main .work-section .home-featured-writing .writing-info{
    min-width:0!important;
    padding:3px 0!important;
  }
  body.cx-homepage.cx-public-page main .home-featured-writing .writing-info h3{
    font-size:clamp(18px,5vw,23px)!important;
    line-height:1.15!important;
    overflow-wrap:break-word!important;
    hyphens:none!important;
  }
  body.cx-homepage.cx-public-page main .home-featured-writing .writing-info .eyebrow{
    font-size:clamp(9px,2.5vw,11px)!important;
    line-height:1.45!important;
  }
  /* The homepage is a preview; the linked archive holds the entire synopsis. */
  body.cx-homepage.cx-public-page main .home-featured-writing .card-summary{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:5!important;
    line-clamp:5!important;
    max-height:7.3em!important;
    overflow:hidden!important;
    font-size:clamp(13px,3.8vw,16px)!important;
    line-height:1.45!important;
  }
  body.cx-homepage.cx-public-page main .home-featured-writing .card-summary p{
    display:inline!important;
    font-size:inherit!important;
    line-height:inherit!important;
  }
  body.cx-homepage.cx-public-page main .home-featured-writing .text-link{
    font-size:clamp(10px,2.8vw,12px)!important;
    margin-top:12px!important;
  }
  /* Let feature images and carousel controls consume normal section height. */
  body.cx-homepage.cx-public-page main .home-filmstrip{
    max-width:100%!important;
    padding-bottom:0!important;
  }
  body.cx-homepage.cx-public-page main .home-filmstrip .filmstrip-controls{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    margin:14px auto 0!important;
  }
  body.cx-homepage.cx-public-page main .home-filmstrip .filmstrip-arrow{
    max-width:44px!important;
    max-height:44px!important;
  }
  /* Natural section heights and a readable, bounded scale. */
  body.cx-homepage.cx-public-page main :is(.home-commissions-section,.whispers-invite-section){
    padding:clamp(32px,9vw,46px) 0!important;
    min-height:0!important;
    height:auto!important;
  }
  body.cx-homepage.cx-public-page main .home-commission-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:auto!important;
    min-height:0!important;
    text-align:center!important;
  }
  body.cx-homepage.cx-public-page main .home-commission-copy h2{
    font-size:clamp(29px,8vw,38px)!important;
    line-height:1.13!important;
    letter-spacing:.03em!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body.cx-homepage.cx-public-page main .home-commission-description{
    width:100%!important;
    max-width:100%!important;
    margin:clamp(14px,4vw,22px) auto!important;
  }
  body.cx-homepage.cx-public-page main .home-commission-description p,
  body.cx-homepage.cx-public-page main .whispers-card-centered p{
    font-size:clamp(15px,4.1vw,18px)!important;
    line-height:1.52!important;
    letter-spacing:normal!important;
    hyphens:none!important;
    overflow-wrap:break-word!important;
    max-width:100%!important;
  }
  body.cx-homepage.cx-public-page main .home-commission-copy > .btn{
    margin:clamp(14px,4vw,21px) auto 0!important;
    max-width:100%!important;
    font-size:clamp(10px,2.8vw,13px)!important;
    line-height:1.3!important;
    transform:none!important;
  }
  /* Five distinct touch targets. Their desktop art remains unchanged. */
  body.cx-unified-chrome footer.footer .footer-connect > .cx-centred-custom-socials{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:min(100%,340px)!important;
    max-width:100%!important;
    justify-items:center!important;
    align-items:center!important;
    gap:clamp(3px,1vw,7px)!important;
    margin-inline:auto!important;
  }
  body.cx-unified-chrome footer.footer .cx-centred-custom-socials > .cx-created-social{
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    justify-self:center!important;
    margin:0!important;
  }
  body.cx-unified-chrome footer.footer .cx-centred-custom-socials > .cx-created-social img{
    max-width:80%!important;
    max-height:80%!important;
    object-fit:contain!important;
  }
  body.cx-unified-chrome footer.footer .footer-connect-title{
    max-width:100%!important;
    font-size:clamp(27px,8vw,36px)!important;
    line-height:1.14!important;
    text-align:center!important;
    white-space:normal!important;
  }
}


/*
 * Canonical layout contract. All further tablet/phone fixes go HERE, not in
 * additional cascading "patch" stylesheets. Preserve the desktop authored
 * text, images, fonts and links; never replicate page sections per device.
 */
@media (max-width:1099px) {
  body.cx-public-page main :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,.rich-text,.btn,.eyebrow) {
    hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  body.cx-homepage.cx-public-page main .whispers-invite-section {
    box-sizing:border-box!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.cx-homepage.cx-public-page main .whispers-invite-section .whispers-card-centered {
    box-sizing:border-box!important;
    display:flex!important;
    flex-flow:column nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:min(100%,950px)!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-inline:auto!important;
    text-align:center!important;
  }
  body.cx-homepage.cx-public-page main .whispers-card-centered > .eyebrow {
    order:0!important;
    position:static!important;
    max-width:100%!important;
  }
  body.cx-homepage.cx-public-page main .whispers-card-centered > h3 {
    order:1!important;
    position:static!important;
    max-width:100%!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    flex:0 1 auto!important;
    white-space:normal!important;
    text-align:center!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    margin:clamp(12px,2vw,20px) auto!important;
  }
  body.cx-homepage.cx-public-page main .whispers-card-centered > p {
    order:2!important;
    position:static!important;
    width:min(100%,760px)!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    flex:0 1 auto!important;
    white-space:normal!important;
    text-align:center!important;
    margin:0 auto clamp(14px,3vw,25px)!important;
  }
  body.cx-homepage.cx-public-page main .whispers-card-centered > a.btn {
    order:3!important;
    position:static!important;
    align-self:center!important;
    max-width:100%!important;
    flex:0 0 auto!important;
    margin:clamp(10px,2vw,19px) auto 0!important;
    text-align:center!important;
  }
  body.cx-public-page main .hero .little-rule {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(280px,calc(100% - 32px))!important;
    max-width:100%!important;
    margin-inline:auto!important;
    translate:none!important;
    transform:none!important;
  }
  body.cx-homepage.cx-public-page main :is(.home-commissions-section,.whispers-invite-section) {
    min-height:0!important;
    height:auto!important;
  }
  body.cx-public-page main :is(.work-columns,.home-featured-stack,.home-section-grid,
    .home-about-grid,.home-commission-grid,.about-page-grid,.commission-page-grid,
    .detail-grid,.connect-grid,.whispers-layout) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.cx-unified-chrome footer.footer.cx-has-custom-socials {
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    justify-content:flex-start!important;
  }
  body.cx-unified-chrome footer.footer.cx-has-custom-socials > .footer-inner {
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    align-self:center!important;
  }
  body.cx-unified-chrome footer.footer.cx-has-custom-socials > .footer-admin-anchor,
  body.cx-unified-chrome footer.footer.cx-has-custom-socials > .cx-footer-copyright {
    position:static!important;
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
  }
  body.cx-unified-chrome footer.footer .footer-connect > .cx-centred-custom-socials {
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    justify-items:center!important;
    align-items:center!important;
    width:min(100%,390px)!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }
  body.cx-unified-chrome footer.footer .cx-centred-custom-socials > .cx-created-social {
    position:static!important;
    min-width:0!important;
    max-width:100%!important;
    justify-self:center!important;
    margin:0!important;
    translate:none!important;
    transform:none!important;
    rotate:none!important;
  }
  body.cx-homepage.cx-public-page main .cx-created-divider {
    position:static!important;
    margin-inline:auto!important;
    translate:none!important;
    transform:none!important;
  }
}
@media (max-width:900px) {
  body.cx-public-page main > :is(.work-section,.home-commissions-section,
    .home-about-section,.whispers-invite-section,.collection-section,.text-section) {
    min-height:0!important;
    height:auto!important;
  }
}
@media (max-width:600px) {
  body.cx-homepage.cx-public-page main .whispers-card-centered > h3 {
    font-size:clamp(30px,7.9vw,40px)!important;
    line-height:1.15!important;
    margin:12px auto 14px!important;
  }
  body.cx-homepage.cx-public-page main .whispers-card-centered > p {
    font-size:clamp(15px,4.1vw,18px)!important;
    line-height:1.52!important;
  }
  body.cx-homepage.cx-public-page main .whispers-card-centered > .btn {
    font-size:clamp(10px,2.8vw,13px)!important;
    max-width:100%!important;
  }
  body.cx-unified-chrome footer.footer .footer-connect > .cx-centred-custom-socials {
    width:min(100%,360px)!important;
  }
  body.cx-unified-chrome footer.footer .cx-centred-custom-socials > .cx-created-social {
    width:clamp(32px,10.5vw,44px)!important;
    height:clamp(32px,10.5vw,44px)!important;
  }
}