/* Approved portfolio presentation. Client artwork retains its own colours. */
html[data-sieryne-refinement="on"] #sieryne-red-site :is(.menu-page-work,.project-spotlight){--font-body:'Source Serif 4',Georgia,serif}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-work-intro{position:relative;padding:16px 0 28px;margin:0 0 28px;border-bottom:1px solid #cf0e0e40}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-work-intro .project-index-heading{text-align:left;text-transform:none;letter-spacing:-.02em;font:400 clamp(40px,5vw,68px)/1.05 var(--font-display);margin:0 0 24px;color:var(--red)}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-search{font:400 16px/1.4 'Source Serif 4',Georgia,serif}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-work-note{display:block;width:auto;border:0;padding:0;text-transform:none;letter-spacing:0;font:400 15px/1.4 'Source Serif 4',Georgia,serif;text-align:left}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-filters{justify-content:flex-start;gap:6px}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-filters button{font-family:'Source Serif 4',Georgia,serif;font-size:14px;min-height:44px}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 18px;margin:0;align-items:start}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project{border:0;min-width:0}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project[hidden]{display:none!important}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project>a{display:block;position:relative;padding:0 0 18px;min-height:0;border-bottom:1px solid #cf0e0e40;text-align:left;height:100%}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project-image{width:100%;height:auto!important;aspect-ratio:4/5!important;background:var(--cotton)}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project-image img{object-fit:cover!important;object-position:var(--cms-x-desktop,50%) var(--cms-y-desktop,50%)!important;transform:scale(var(--cms-zoom-desktop,1))!important}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project-copy{padding:16px 0 0}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project h2{font:400 clamp(21px,2.1vw,30px)/1.12 var(--font-display);margin:0 0 10px;min-height:0;text-align:left;color:var(--red);overflow-wrap:break-word}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project p{font:400 15px/1.4 'Source Serif 4',Georgia,serif;margin:0;text-align:left;color:var(--ink)}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-index-arrow{display:none}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project a[aria-current]{background:transparent;border-bottom:2px solid var(--red)}
html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project a:is(:hover,:focus-visible) h2{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight.editorial-case{background:var(--cotton)!important;color:var(--red)!important;container-type:inline-size}
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .project-reader-nav{background:var(--cotton)!important;color:var(--red)!important;border-color:#cf0e0e40;gap:16px}
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .project-reader-nav button{font:400 15px/1.4 'Source Serif 4',Georgia,serif}
#sieryne-red-site .editorial-case .project-reader-nav .project-reader-back{flex:1 0 100%;text-align:left}
#sieryne-red-site .case-header{padding:24px clamp(24px,5cqw,48px) 22px}
#sieryne-red-site .case-header h2{font:400 clamp(42px,10cqw,78px)/1.02 var(--font-display);letter-spacing:-.025em;margin:0 0 12px;color:var(--red)}
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .case-service{font:400 17px/1.5 'Source Serif 4',Georgia,serif;color:var(--ink);margin:0}
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .case-headline{font:400 clamp(25px,5cqw,36px)/1.2 var(--font-display);margin:18px 0 0;color:var(--red);max-width:32ch}
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .project-reader-media{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(6px,1.5cqw,12px);padding:0 0 28px;background:var(--cotton);align-items:start}
#sieryne-red-site .case-image{margin:0;min-width:0}
#sieryne-red-site .case-image:first-child{grid-column:1/-1}
#sieryne-red-site .case-image:last-child:nth-child(even){grid-column:1/-1}
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .project-reader-media :is(img,video){background:transparent!important;width:100%!important;height:auto!important;object-fit:contain!important}
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .case-image:first-child img{max-height:none!important}
#sieryne-red-site .case-image figcaption{font:400 14px/1.4 'Source Serif 4',Georgia,serif;margin:12px 0 0;padding-inline:clamp(24px,5cqw,48px);color:var(--ink)}
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .study-description{padding:40px clamp(24px,6cqw,56px) 52px;background:var(--red);color:var(--cotton)!important}
#sieryne-red-site .case-section{padding:24px 0;border-top:1px solid #f8f7f455}
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .case-section h3{font:400 clamp(28px,6cqw,40px)/1.1 var(--font-display);margin:0 0 16px}
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .case-section p{font:300 19px/1.55 'Source Serif 4',Georgia,serif;max-width:48ch;margin:0}
#sieryne-red-site .case-actions{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:12px}
#sieryne-red-site .case-actions :is(a,button){font:400 17px/1.4 'Source Serif 4',Georgia,serif;color:inherit;display:inline-flex;align-items:center;min-height:48px;margin:0;padding:10px 0;border:0;border-bottom:1px solid #f8f7f480;background:none;text-decoration:none}
#sieryne-red-site .case-actions .client-website{touch-action:manipulation;pointer-events:auto}
#sieryne-red-site .client-website-status:not([hidden]){order:3;flex-basis:100%;font:300 15px/1.5 var(--font-body)}
#sieryne-red-site .project-spotlight :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:999px){
 html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}
}
@media(max-width:700px){
 /* A single bounded scroll area, independent of the menu's split height. */
 html[data-sieryne-refinement="on"] #sieryne-red-site[data-project-view="true"]{position:fixed!important;inset:var(--reader-top,0px) 0 auto!important;width:100%;height:var(--reader-height,100dvh)!important;min-height:0!important;overflow:hidden;z-index:90}
 html[data-sieryne-refinement="on"] #sieryne-red-site[data-project-view="true"]>.site-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scroll-behavior:auto;scroll-padding-block:140px 32px;transition:none!important}
 html[data-sieryne-refinement="on"] #sieryne-red-site[data-project-view="true"] .project-spotlight{height:auto!important;min-height:100%!important;max-height:none!important;overflow:visible!important}
 html[data-sieryne-refinement="on"] #sieryne-red-site[data-project-view="true"] .study-description{padding-bottom:max(64px,calc(env(safe-area-inset-bottom) + 32px))!important}
 html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project-grid{grid-template-columns:1fr;gap:32px}
 html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project h2{font-size:30px}
 html[data-sieryne-refinement="on"] #sieryne-red-site .menu-project-image img{object-position:var(--cms-x-mobile,50%) var(--cms-y-mobile,50%)!important;transform:scale(var(--cms-zoom-mobile,1))!important}
 html[data-sieryne-refinement="on"] #sieryne-red-site .menu-work-intro{padding-top:8px}
 html[data-sieryne-refinement="on"] #sieryne-red-site .menu-work-intro .project-index-heading{font-size:44px}
 #sieryne-red-site .case-header{padding-top:22px}
}
@media(prefers-reduced-motion:reduce){#sieryne-red-site .menu-project>a{transition:none}}

html[data-sieryne-refinement="on"] #sieryne-red-site .footer-water .shop-coming-soon{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:130px;height:clamp(130px,16vw,220px);padding:24px 12px;background:var(--red);color:var(--cotton);text-align:center}
#sieryne-red-site .shop-coming-soon>span{font:400 clamp(26px,3vw,44px)/1 var(--font-display)}
#sieryne-red-site .shop-coming-soon>small{font:400 clamp(25px,2.8vw,38px)/1.3 var(--font-signature);text-transform:none;letter-spacing:0}
#sieryne-red-site .footer-social-row{position:relative;z-index:2}
#sieryne-red-site .footer-social-row>a{touch-action:manipulation;pointer-events:auto;min-height:48px}
#sieryne-red-site .footer-social-row>a>*{pointer-events:none}
@media(max-width:700px){
 html[data-sieryne-refinement="on"] #sieryne-red-site .footer-water .shop-coming-soon{height:130px;padding:12px 4px}
 #sieryne-red-site .shop-coming-soon>small{font-size:24px}
}

/* Translucent red follows the open project, including after pointer leave. */
#sieryne-red-site .menu-project-image{position:relative}
#sieryne-red-site .menu-project-image::after{content:'';position:absolute;inset:0;background:rgba(207,14,14,.45);opacity:0;pointer-events:none;transition:opacity 180ms ease}
#sieryne-red-site .menu-project>a[aria-current="true"] .menu-project-image::after{opacity:1}
@media(prefers-reduced-motion:reduce){#sieryne-red-site .menu-project-image::after{transition:none}}
html[data-sieryne-refinement="on"] #sieryne-red-site #sry-footer .footer-social-row{flex-wrap:wrap}
@media(max-width:360px){html[data-sieryne-refinement="on"] #sieryne-red-site #sry-footer .footer-social-row>a{flex:1 1 100px;max-width:160px}}
/* Review candidate: lower the complete footer signature by 5% of the view. */
html[data-sieryne-refinement="on"] #sieryne-red-site #sry-footer .footer-logo{top:5svh}
/* A film is the main work, not a half-width thumbnail beside a duplicate poster. */
html[data-sieryne-refinement=on] #sieryne-red-site .editorial-case .project-reader-media>video{grid-column:1/-1;max-height:78svh!important}
#sieryne-red-site .editorial-case .project-reader-media>video+button{grid-column:1/-1;justify-self:start;margin-inline:clamp(24px,5cqw,48px);border:0;border-bottom:1px solid currentColor;background:none;color:var(--red);padding:8px 0;min-height:44px;font:400 15px/1.4 'Source Serif 4',serif;cursor:pointer}

#sieryne-red-site .case-image-credit{grid-column:1/-1;margin:0;padding:0 clamp(24px,5cqw,48px) 12px;font:400 13px/1.4 var(--font-body,'Source Serif 4');color:var(--ink)}

/* Respect original portfolio resolution instead of stretching small source artwork. */
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .case-image img{display:block;width:100%!important;max-width:min(100%,var(--case-native-width,100%))!important;margin-inline:auto}

/* Open-case overview stays compact; original copy and the project index are unchanged. */
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .case-introduction{font:300 16px/1.5 var(--font-body);max-width:58ch;margin:16px 0 0}
html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .case-credit{font:400 13px/1.5 var(--font-body);margin:10px 0 0;max-width:64ch}

/* Keep the compact phone reader usable by touch without shrinking its controls. */
@media(max-width:700px){
 html[data-sieryne-refinement="on"] #sieryne-red-site .editorial-case .project-reader-nav>button{min-height:44px;min-width:44px}
 #sieryne-red-site .editorial-case .reader-section-jumps :is(a,button){min-height:44px}
}