/* User revision, 28 September 2026. */
.archive-panel{color:inherit}.archive-panel a{font-family:inherit;font-weight:400;font-size:14px}.archive-panel a:hover{color:inherit;opacity:.65}
.case-kicker,.case-main figcaption,.case-colophon{color:inherit;font-family:inherit;font-weight:300;font-size:14px;letter-spacing:0;line-height:1.5}
.case-main figcaption{text-transform:lowercase}
.gallery .project-motto{position:relative;cursor:pointer}
.gallery .project-motto .motto-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:0;transform:none;transition:opacity 350ms ease;pointer-events:none;z-index:1}
.project-motto::after{content:'';position:absolute;inset:0;background:#000;opacity:0;transition:opacity 350ms ease;pointer-events:none}
.gallery .project-motto:hover .motto-overlay,.gallery .project-motto:focus-visible .motto-overlay{opacity:1;transform:none}
.project-motto:hover::after,.project-motto:focus-visible::after{opacity:.22}
@media(max-width:700px){header,.motto-page header{height:auto;min-height:180px;padding-bottom:25px;row-gap:14px}.case-kicker{font-size:14px}.archive-panel{max-width:84vw}}
@media(prefers-reduced-motion:reduce){.gallery .project-motto .motto-overlay,.project-motto::after{transition:none}}

/* Anna: continuous film fills its frame, with no player chrome or letterboxing. */
.anna-page .intro{font-size:clamp(16px,1.3cqw,21px);line-height:1.4}
.anna-page .creator-film{margin:8cqw auto 0;overflow:hidden}
.anna-page .creator-film video{width:100%;height:auto;aspect-ratio:1440/500;object-fit:cover;pointer-events:none}
.anna-page .collection{margin-top:8cqw}
.anna-page video::-webkit-media-controls{display:none!important}

.footer-contact .contact-email{display:block;margin-top:1em;overflow-wrap:anywhere}.contact-email:hover{opacity:.65}

/* Approved handwritten logo, supplied 29 September 2026. */
.logo{background-image:url('/assets/labe-handwritten-approved.png');background-size:185% auto;background-position:center;width:clamp(116px,12cqw,190px);aspect-ratio:1.16;mix-blend-mode:multiply}
.logo.footer-mark{height:auto;width:clamp(150px,17cqw,250px);aspect-ratio:1.16}
@media(max-width:700px){.logo{width:116px}}
/* 29 September: compact editorial layout and a single original handwriting fragment. */
.logo{width:clamp(83.81px,8.67cqw,137.275px)}
.logo.footer-mark{width:clamp(92.12px,10.44cqw,153.53px);background-size:165% auto}
@media(max-width:700px){.logo{width:83.81px}}
.motto-page .case-main{width:80cqw}
.motto-page .step-copy p{max-width:27em;line-height:1.19;text-wrap:pretty}
.motto-page .step-about .step-copy,.motto-page .step-result .step-copy{grid-column:7/12}
.motto-page .step-idea .step-copy{grid-column:6/11}
.motto-page .case-step{margin-top:9cqw}
.motto-page .case-deck{line-height:1.003;max-width:19em}
.motto-page .case-main figcaption,.motto-page .case-colophon{line-height:1.275}
.motto-page .footer-content{line-height:1.2325}
.case-main .studio-small{width:42%;max-width:682px;margin:7cqw 0 0 8.333%}
.case-main .studio-small img{width:100%;height:auto}
.case-main .studio-panorama{margin:10cqw 0}
.studio-image{position:relative;overflow:hidden}
.case-main .studio-panorama img{height:clamp(280px,42vw,650px);aspect-ratio:auto;object-fit:cover;object-position:center}
.handwriting-original{position:absolute;display:block;left:16%;top:24%;width:65%;height:auto;aspect-ratio:640/200;mix-blend-mode:multiply;transform:rotate(-6deg);pointer-events:none;overflow:hidden}
@media(max-width:700px){
 .motto-page .case-main{width:78cqw;margin-left:7cqw;margin-right:15cqw}
 .motto-page .case-step{margin-top:17cqw}
 .motto-page .case-step .step-copy{grid-column:1/-1;width:90%;max-width:27em}
 .motto-page .step-about .step-copy,.motto-page .step-result .step-copy{margin-left:10%}
 .motto-page .step-copy p{line-height:1.2325}
 .motto-page .case-deck{width:90%;margin-left:10%;font-size:18px}
 .case-main .studio-small{width:82%;margin:14cqw 0 0}
 .case-main .studio-panorama{margin:17cqw 0;left:calc(50% + 4cqw)}
 .case-main .studio-panorama img{height:260px}
 .handwriting-original{left:8%;width:80%;top:30%}
 .motto-page .footer-content,.motto-page .footer-bottom{width:78cqw;margin-left:7cqw;margin-right:15cqw}
}

/* 30 September: shared navigation and an uncropped footer signature. */
.motto-page header{height:20.7cqw}
.anna-page .laboratory-about{max-width:34em;text-wrap:pretty}
.anna-page .laboratory-about h2{font-size:14px;line-height:1.3;letter-spacing:.035em;margin-bottom:1.5em}
.anna-page .laboratory-about p{line-height:1.4}
.anna-page .laboratory-about p+p{margin-top:1.1em}
@media(max-width:700px){.motto-page header{height:auto;min-height:180px;padding-bottom:25px;row-gap:14px}}

/* Full original signature, rendered as an image rather than a zoomed background. */
img.logo,img.logo.footer-mark{background:none;display:block;height:auto;aspect-ratio:810/715;object-fit:contain;object-position:center;max-width:100%;flex-shrink:0}
header .nav-left{flex-wrap:wrap;row-gap:14px}
@media(min-width:701px){header .nav-left{max-width:31cqw}}

/* Product photograph supplied 1 October. */
.motto-page .case-main .motto-product{width:42%;max-width:600px;margin:9cqw 0 0 8.333%}
.motto-page .motto-product img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.motto-page .case-main .motto-product{width:82%;margin:17cqw 0 0}}

.nav-coming-soon{display:inline-block;cursor:default}.nav-coming-soon small{font-size:10px;font-weight:400;opacity:.55;vertical-align:super;letter-spacing:0}
.case-main .studio-panorama img.handwriting-original{position:absolute;width:65%;height:auto;aspect-ratio:3/1;object-fit:contain;left:16%;top:24%;mix-blend-mode:multiply}
@media(max-width:700px){.case-main .studio-panorama img.handwriting-original{left:8%;width:80%;top:30%}}

/* MOTTO credits: two aligned text columns, 6 October. */
.motto-page .case-colophon{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5cqw;align-items:start;text-align:left;text-wrap:pretty}
.motto-page .case-colophon .colophon-column:first-child{grid-column:1/6}
.motto-page .case-colophon .colophon-column:last-child{grid-column:7/12}
.motto-page .colophon-column{min-width:0}
.motto-page .case-colophon p{margin:0}
.motto-page .case-colophon a{display:inline-block;margin-top:1.4em;line-height:inherit}
@media(max-width:700px){.motto-page .case-colophon{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;font-size:14px}.motto-page .case-colophon .colophon-column:first-child{grid-column:1}.motto-page .case-colophon .colophon-column:last-child{grid-column:2}}