/* Final usability layer, scoped to the selected portfolio. */
[hidden]{display:none!important}
button{font:inherit;touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:2px solid #8a2028;outline-offset:5px}
.motion-toggle{position:absolute;z-index:3;bottom:-32px;left:50%;transform:translateX(-50%);white-space:nowrap;background:white;border:0;border-bottom:1px solid #8a2028;padding:10px 4px;color:#8a2028;font:400 10px/1.5 PlexMono,monospace;cursor:pointer}
.motion-unavailable video{display:none!important}.motion-unavailable .motion-fallback{display:block!important}
.red-edition .gallery a{display:block;width:100%}.red-edition .gallery a:focus-visible{outline-color:white}
.red-edition .gallery a img{transition:filter .2s}.red-edition .gallery a:hover img{filter:brightness(1.04)}
.retail-cv{display:inline-block;margin-top:28px}
.contact-strip{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:90px 7%;background:#fff;color:#211a1a}
.contact-strip h2{font:400 clamp(28px,4vw,48px)/1.5 PlexMono,monospace;letter-spacing:-.05em;margin:18px 0}
.contact-strip h2 em{font:400 1.6em/1 SaintDelafield,cursive;color:#8a2028}
.contact-strip p{font:400 12px/1.8 PlexMono,monospace;max-width:390px}
.contact-actions{display:flex;flex-direction:column;align-items:start;gap:22px;font:400 11px/1.5 PlexMono,monospace}.contact-actions a{padding:10px 0;border-bottom:1px solid #8a2028;text-decoration:none}
.red-edition .compare-link{position:static;display:block;width:max-content;max-width:90%;margin:15px 5% 25px;font-size:10px;background:none;border:0;box-shadow:none;color:#65585a}
.project-next{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d7cccc;margin:0 7%;padding:45px 0 65px;gap:40px}.project-next a{text-decoration:none;padding:10px 0}.project-next a:last-child{text-align:right}.project-next span{display:block;font-size:9px;color:#8a2028;margin-bottom:12px}.project-next strong{font-weight:400;font-size:clamp(14px,2vw,24px)}
.making-note{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:75px 7%;background:#faf5f4}.making-note h2{font-size:clamp(25px,3vw,40px);font-weight:400;line-height:1.4;letter-spacing:-.05em}.making-note h2 em{display:block;color:#8a2028;font:400 1.5em/1.2 var(--hand)}.making-note p{font-size:12px;line-height:1.9}.making-note a{display:inline-block;margin-top:16px;font-size:10px;text-underline-offset:6px}
.print-cv{display:inline-block;margin-top:22px;padding:13px 18px;border:1px solid #8a2028;background:white;color:#8a2028;font-size:10px;cursor:pointer}
.reader:focus-visible{outline:2px solid #8a2028;outline-offset:12px}
@media(max-width:700px){.contact-strip,.making-note{display:grid;grid-template-columns:1fr;padding:65px 5%;gap:25px}.project-next{margin:0 5%;gap:20px}.contact-actions{gap:12px}.red-edition .nav{height:auto;min-height:78px;padding-top:20px;padding-bottom:20px}.red-edition .nav nav{width:100%}.red-edition .nav nav>a{padding:7px 0}.motion-toggle{bottom:-26px}.red-edition .hero-art{margin-bottom:45px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.motion-toggle{display:none!important}}
@media print{
 @page{size:A4;margin:14mm}
 .cv-page{background:white!important;font-size:9pt;color:#000}
 .cv-page .page-nav,.cv-page .page-footer,.cv-page .cv-mark,.cv-page .cv-end,.cv-page .print-cv,.cv-page .skip{display:none!important}
 .cv-page .wrap{width:100%;max-width:none;margin:0;padding:0}
 .cv-page .cv-hero{display:block;padding:0 0 7mm;border-bottom:1px solid #999}
 .cv-page .cv-hero h1{font:22pt/1.2 PlexMono,monospace;margin:4mm 0}
 .cv-page .cv-hero h1::before{content:'Sylvie Dam — ';font:inherit}
 .cv-page .cv-hero p{font-size:9pt;max-width:none}
 .cv-page .cv-content{display:grid;grid-template-columns:32% 1fr;gap:8mm;padding-top:7mm}
 .cv-page .cv-sidebar{padding:0;border:0}.cv-page .cv-main{min-width:0}
 .cv-page h2{font-size:14pt!important;line-height:1.3!important;margin:2mm 0!important}
 .cv-page h3{font-size:10pt!important}.cv-page p{font-size:8.5pt!important;line-height:1.45!important}
 .cv-page .cv-side-block,.cv-page .cv-section{margin-bottom:5mm;padding-bottom:3mm}
 .cv-page .cv-entry{padding:3mm 0;gap:4mm;grid-template-columns:20mm 1fr;break-inside:avoid}
 .cv-page .cv-section-head{margin-bottom:2mm}.cv-page .cv-section-head>span,.cv-page .text-link{display:none}
 .cv-page .side-number,.cv-page .kicker,.cv-page .entry-date,.cv-page .entry-place{font-size:7pt!important}
}
@media(min-width:701px) and (max-width:1050px){.about-section-menu .about-note{top:calc(100% + 18px);left:0;width:290px}.about-section-menu .about-note:before{top:-20px;left:0;width:100%;height:20px}}
/* Intrinsic dimensions reserve space; CSS keeps fluid images proportional. */
img{height:auto}

.download-cv{display:inline-block;margin:22px 15px 0 0;padding:13px 18px;background:#8a2028;color:#fff;text-decoration:none;font-size:10px}.download-cv:hover{background:#60151b}@media print{.cv-page .download-cv{display:none!important}}

/* Recruiter shortcuts and complete garment views. */
.red-edition .hero .hero-direction{max-width:350px;margin-top:15px;font-size:11px;line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px}
.hero-actions a{display:inline-flex;align-items:center;min-height:44px;color:#8a2028;font:600 10px/1.4 PlexMono,monospace;text-decoration:none;border-bottom:1px solid #cbb3b4}
.red-edition .look-img{background:#f8f7f6}
.red-edition .look-img img{width:100%;height:100%;object-fit:contain}
.red-edition .look:hover .look-img img{transform:none}
.red-edition .photoshoots a:focus-visible,.red-edition .photoshoots button:focus-visible{outline-color:#fff}
.reader-controls button{min-height:44px;min-width:44px;padding:10px 8px;font-size:12px}
.reader-caption{font-size:12px;line-height:1.5}
.page-thumb small{font-size:11px;line-height:1.5}