/* Photographies pleine largeur et film de l’atelier. */
.site-header{position:fixed;width:100%;height:98px;background:linear-gradient(180deg,#091321a8,transparent);border-bottom:1px solid #ffffff32;transition:background .4s,height .4s,box-shadow .4s;z-index:100}
.site-header.scrolled,.menu-open .site-header{background:#132337f5;backdrop-filter:blur(16px);height:80px}
.site-header .brand-logo{width:188px;height:auto;max-height:52px;object-fit:contain}
.site-header .header-contact{font-size:12px}.desktop-nav{gap:36px}.site-menu{inset:80px 0 0}.brand-logo{filter:none}
.cinema-hero{position:relative;isolation:isolate;overflow:hidden;min-height:760px;height:94svh;max-height:1150px;background:var(--navy-dark);color:#fff;display:flex;align-items:flex-end;padding:170px var(--gutter) 118px}
.home-cinema{height:100svh;min-height:760px}.page-cinema{height:88svh;min-height:700px}.compact-cinema{height:66svh;min-height:560px}
.cinema-media,.cinema-shade{position:absolute;inset:0;z-index:-2;overflow:hidden}.cinema-media{inset:-4% 0}.cinema-image,.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}.hero-video{object-position:center}
.cinema-media[data-parallax]{will-change:transform}.cinema-shade{z-index:-1;background:linear-gradient(90deg,rgba(9,20,34,.76),rgba(15,29,45,.22) 70%),linear-gradient(0deg,rgba(9,19,32,.72),transparent 70%)}
.home-cinema .cinema-shade{background:linear-gradient(90deg,rgba(7,17,30,.77),rgba(15,28,43,.26)),linear-gradient(0deg,rgba(8,18,32,.68),transparent 70%)}
.cinema-content{width:100%;max-width:1240px}.cinema-content>.eyebrow{color:#f2dca7;font-size:11px;letter-spacing:.21em;margin-bottom:27px}.cinema-content h1{font-size:clamp(56px,6.35vw,108px);line-height:1.06;letter-spacing:-.045em;max-width:1250px;text-wrap:balance;text-shadow:0 2px 28px #08121e66}
.cinema-content h1 em{color:#f0d293}.cinema-intro{font-size:15px;line-height:1.85;color:#ffffffe0;max-width:510px;margin-top:26px}.cinema-actions{display:flex;gap:40px;align-items:center;margin-top:35px}.cinema-link{display:inline-flex;align-items:center;gap:32px;font-size:12px;line-height:1.6;padding:9px 0;border-bottom:1px solid var(--brass);transition:gap .3s,color .3s;min-height:42px;color:#fff}
.cinema-content>.cinema-link{margin-top:30px}.cinema-link:hover{gap:40px;color:#f0d293}.cinema-link.secondary{border-color:#ffffff70;color:#edf0f3}.chevron{width:7px;height:7px;display:inline-block;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);flex-shrink:0}.chevron.down{transform:rotate(135deg)}
.cinema-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff36;padding-top:18px;color:#e1e8ee;font-size:10px;letter-spacing:.07em;gap:25px}.cinema-foot>span:last-child{color:#f0d293}.video-toggle{display:flex;align-items:center;gap:13px;color:#fff;background:none;border:0;font-size:10px;padding:6px 0;min-height:38px}.video-icon{width:28px;height:28px;border:1px solid #ffffff70;display:grid;place-items:center;border-radius:50%;font:13px/1 Arial}
.cinema-hero .breadcrumb{position:absolute;left:var(--gutter);top:125px;right:var(--gutter);font-size:10px;color:#f2f5f8db;flex-wrap:wrap;gap:10px;line-height:1.7}.cinema-hero .breadcrumb span:last-child{color:#f2f5f8db}.breadcrumb a:hover{text-decoration:underline;text-underline-offset:5px}
.signature-band{padding-top:25px;padding-bottom:25px;background:var(--navy-dark);border-top:0;color:#e4eaf0}.signature-band i{background:var(--brass)}
.section{padding-top:116px;padding-bottom:116px}.section-heading-row p,.service-intro p,.detail-item p,.local-section p,.about-copy p,.atelier-story p{font-size:15px;line-height:1.9}.service-intro{gap:9vw}.service-intro h2{font-size:clamp(43px,4.5vw,72px)}.detail-item h3{font-size:32px}.detail-item>span{color:var(--brass-dark)}
.gallery-rail{gap:30px}.gallery-card{flex-basis:45%}.gallery-card img{aspect-ratio:1.2;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.gallery-card:nth-child(even){padding-top:66px}.gallery-card figcaption{font-size:12px}.gallery-card [data-lightbox]{overflow:hidden}.gallery-card [data-lightbox]:hover img{transform:scale(1.04)}
.gallery-card [data-lightbox]:after{background:#102137c9;backdrop-filter:blur(8px)}.portfolio-grid .gallery-card:nth-child(even){padding-top:65px}.universe-row{padding-top:23px;padding-bottom:23px}.universe-row strong{font-size:36px}.universe-row small{font-size:11px}.universe-note{font-size:11px;line-height:1.9}.universe-image{transition:opacity .35s,transform 1.2s}.universe-image.changing{opacity:.15;transform:scale(1.025)}
.atelier-story{padding-top:120px;padding-bottom:120px}.atelier-story .text-link{margin-top:30px}.atelier-photos .large{border-radius:0}.text-link span{font-size:16px}.work-steps h3{font-size:17px}.work-steps p{font-size:13px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px;line-height:1.9}.about-copy .text-link{margin-top:25px}
.craft-editorial{padding:110px var(--gutter);background:var(--paper)}.craft-editorial>.section-heading{max-width:760px}.craft-editorial-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.craft-editorial figure{position:sticky;top:115px;height:550px;align-self:start;overflow:hidden}.craft-editorial figure img{height:100%;width:100%;object-fit:cover}.craft-editorial-content>article{padding:0 0 35px;margin:0 0 35px;border-bottom:1px solid var(--line)}.craft-editorial-content>article:last-child{margin-bottom:0;border:0;padding-bottom:0}.craft-editorial h3{font:34px/1.2 var(--serif);letter-spacing:-.035em;margin-bottom:20px}.craft-editorial p{font-size:14px;line-height:1.95;color:var(--muted)}.craft-editorial a{color:#6b4b1d;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#9b793e}.service-related h2{font-size:clamp(35px,4vw,62px)}
.footer-wordmark{display:block}.footer-wordmark img{width:min(280px,100%);height:auto}.footer-wordmark>span{font-size:11px;margin-top:27px}.footer-top p,.footer-top>div>a{font-size:12px}.footer-bottom{font-size:10px}.footer-social{font-size:12px}.footer-social>span{font-size:11px}.motion-toggle{font-size:10px;min-height:44px}.contact-side>p{font-size:14px;line-height:1.9}.contact-details{font-size:13px}.related-links a{font-size:13px}.article-page>.cinema-hero h1{font-size:clamp(45px,5.5vw,86px)}.article-page .article-date{color:#e4e8eb;margin-top:22px}.article-body{padding-top:75px}.article-body.editorial h2{font-size:37px}
.page-static .editorial{padding-top:70px}.journal-page h2{font:30px/1.2 var(--serif)}.has-no-cover main{padding-top:95px}.site-header:has(+.site-menu:not([hidden])){background:var(--navy-dark)}
@media(min-width:1800px){.cinema-content h1{font-size:110px}.cinema-content{max-width:1500px}}
@media(max-width:1050px){.cinema-content h1{font-size:clamp(56px,7.5vw,85px)}.cinema-hero{min-height:720px}.cinema-intro{font-size:14px}.craft-editorial-grid{grid-template-columns:.8fr 1.2fr;gap:5vw}.craft-editorial figure{height:480px}.header-contact{display:none}.cinema-content>.eyebrow{font-size:10px}.gallery-card{flex-basis:55%}}
@media(max-width:650px){
:root{--gutter:24px}.site-header,.site-header.scrolled{height:76px}.site-header .brand-logo{width:151px;max-height:43px}.site-menu{inset:76px 0 0}.cinema-hero{height:88svh;min-height:650px;max-height:none;padding:155px var(--gutter) 112px}.home-cinema{height:calc(100svh - 48px);min-height:690px}.page-cinema{height:89svh;min-height:640px}.compact-cinema{height:70svh;min-height:490px}.cinema-content h1{font-size:clamp(44px,10.7vw,68px);line-height:1.09;letter-spacing:-.045em}.home-cinema .cinema-content h1{font-size:clamp(41px,10.1vw,66px)}.cinema-content h1 br{display:none}.cinema-content h1 em{display:block;margin-top:6px}.cinema-content>.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:22px}.cinema-intro{font-size:13px;line-height:1.8;max-width:360px;margin-top:22px}.cinema-actions{gap:20px;flex-wrap:wrap;margin-top:25px}.cinema-link{font-size:11px;gap:22px}.cinema-link.secondary{font-size:11px}.cinema-content>.cinema-link{margin-top:22px}.cinema-foot{bottom:22px;font-size:8px;letter-spacing:.03em;padding-top:13px;gap:15px}.cinema-foot>span{max-width:230px}.cinema-foot>span:last-child:not(:first-child){display:none}.video-toggle{font-size:9px;gap:8px;flex-shrink:0}.video-icon{width:25px;height:25px}.cinema-hero .breadcrumb{top:103px;font-size:9px;line-height:1.5}.cinema-shade{background:linear-gradient(0deg,#0a1626e8 0%,#0a16268c 60%,#0a16264a)}.home-cinema .cinema-shade{background:linear-gradient(0deg,#091524f0,#09152452 80%)}.cinema-image{object-position:57% center}.hero-video{object-position:55% center}.section{padding-top:72px;padding-bottom:72px}.signature-band{font-size:9px;padding:22px 24px;gap:14px 22px}.signature-band span:nth-child(3){display:none}.service-intro h2{font-size:43px}.section-heading-row p,.service-intro p,.detail-item p,.local-section p,.about-copy p,.atelier-story p{font-size:14px;line-height:1.85}.gallery-card{flex-basis:87%}.gallery-card:nth-child(even){padding-top:35px}.gallery-card img{aspect-ratio:4/5}.gallery-card figcaption{font-size:11px}.universe-row strong{font-size:32px}.universe-row small{font-size:10px}.universe-note{font-size:11px}.atelier-story{padding:72px var(--gutter)}.work-steps h3{font-size:15px}.work-steps p{font-size:13px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.craft-editorial{padding:72px var(--gutter)}.craft-editorial-grid{display:flex;flex-direction:column;gap:35px}.craft-editorial figure{position:static;width:100%;height:340px}.craft-editorial h3{font-size:29px}.craft-editorial p{font-size:13px}.craft-editorial-content>article{margin-bottom:26px;padding-bottom:26px}.footer-wordmark img{width:230px}.footer-top p,.footer-top>div>a{font-size:11px}.footer-bottom{font-size:9px}.footer-social{font-size:11px}.footer-social>span{font-size:10px}.portfolio-grid .gallery-card:nth-child(even){padding-top:35px}.article-page>.cinema-hero h1{font-size:38px}.article-body{padding-top:45px}.cinema-media[data-parallax]{will-change:auto}.contact-side>p{font-size:14px}.contact-details{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.cinema-media[data-parallax]{transform:none!important}.cinema-image{transform:none!important}}
.motion-paused .cinema-media,.motion-paused .cinema-image{transform:none!important}
@media print{.cinema-hero{height:auto;min-height:0;padding:25px 0;color:var(--ink);background:#fff}.cinema-shade,.cinema-media,.cinema-foot,.cinema-link,.breadcrumb{display:none}.cinema-content h1,.cinema-content h1 em,.cinema-intro,.cinema-content>.eyebrow{color:var(--ink)}.craft-editorial{padding:25px 0}.craft-editorial-grid{display:block}.craft-editorial figure{display:none}}

html{scrollbar-gutter:stable}

/* 1.2 — photographic categories and a single, fine-line icon family. */
.ui-icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle;pointer-events:none}
.ui-icon[hidden]{display:none!important}
.icon-button,.lightbox-prev,.lightbox-next{display:inline-flex;align-items:center;justify-content:center}
.icon-button .ui-icon,.lightbox-prev .ui-icon,.lightbox-next .ui-icon{width:21px;height:21px}
.icon-button:disabled{opacity:.35}
.header-contact .ui-icon,.text-link .ui-icon,.related-links .ui-icon{width:18px;height:18px}
.header-contact>span,.text-link>span:has(.ui-icon){display:inline-flex;align-items:center}
.related-links .ui-icon{margin-left:10px;color:var(--brass-dark)}
.footer-links .ui-icon,.footer-social .ui-icon{width:15px;height:15px;margin-left:8px;color:var(--brass)}
.mobile-contact .ui-icon{width:19px;height:19px}
.lightbox-close{display:inline-flex;align-items:center;gap:12px}
.lightbox-close .ui-icon{width:18px;height:18px}
.video-icon .ui-icon{width:13px;height:13px}
.afc-arrow{display:inline-flex;align-items:center;justify-content:center}
.afc-arrow .ui-icon{width:19px;height:19px}
.afc-spark .ui-icon{width:14px;height:14px;margin-right:3px}
.gallery-card [data-lightbox]::after{content:none!important}
.gallery-card [data-lightbox]>.gallery-expand{position:absolute;right:18px;bottom:18px;width:40px;height:40px;border:1px solid #f5eee29e;border-radius:50%;display:grid;place-items:center;color:var(--ivory);background:#0e2034a8;backdrop-filter:blur(8px);transition:background .3s}
.gallery-expand .ui-icon{width:21px;height:21px}
.gallery-card [data-lightbox]:hover>.gallery-expand{background:var(--navy-dark)}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;row-gap:65px;align-items:start}
.category-entry:nth-child(even){margin-top:60px}
.category-card{display:block;color:var(--ink)}
.category-visual{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--paper)}
.category-visual img{height:100%;width:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter .8s}
.category-number{position:absolute;left:20px;top:19px;font:500 11px/1 var(--sans);letter-spacing:.12em;color:#fff;text-shadow:0 1px 7px #000b;border-bottom:1px solid #ffffff9c;padding-bottom:6px}
.category-caption{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0 0}
.category-caption h3{font:clamp(29px,3.1vw,47px)/1.12 var(--serif);letter-spacing:-.04em;margin:0 0 10px}
.category-caption p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.category-discover{width:40px;height:40px;border:1px solid #b69b69;border-radius:50%;display:grid;place-items:center;color:var(--brass-dark);flex-shrink:0;transition:background .3s,border-color .3s,color .3s,transform .4s}
.category-discover .ui-icon{width:19px;height:19px}
.category-card:hover .category-visual img,.category-card:focus-visible .category-visual img{transform:scale(1.035)}
.category-card:hover .category-discover,.category-card:focus-visible .category-discover{background:var(--navy);border-color:var(--navy);color:var(--brass);transform:translateX(3px)}
.category-origin-note{font-size:11px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:27px;margin-top:52px;max-width:830px}
.menu-universes{gap:0 56px;margin:24px 0 32px}
.menu-universes a.menu-category{display:grid;grid-template-columns:94px minmax(0,1fr) 20px;gap:23px;padding:15px 0;min-height:98px;font:clamp(24px,2.8vw,36px)/1.15 var(--serif);letter-spacing:-.03em}
.menu-universes .menu-category-photo{width:94px;height:67px;object-fit:cover;transition:filter .4s;filter:saturate(.8)}
.menu-universes .menu-category-name{font:inherit;color:var(--ivory);transition:color .3s}
.menu-universes .menu-category .ui-icon{color:var(--brass);width:18px;height:18px;transition:transform .3s}
.menu-category:hover .menu-category-photo,.menu-category:focus-visible .menu-category-photo{filter:saturate(1)}
.menu-category:hover .menu-category-name{color:var(--brass)}
.menu-category:hover .ui-icon{transform:translateX(3px)}
@media(max-width:1050px){.category-grid{column-gap:28px;row-gap:45px}.category-entry:nth-child(even){margin-top:45px}.category-caption{gap:15px}.category-caption h3{font-size:33px}.category-caption p{font-size:11px}.menu-universes a.menu-category{grid-template-columns:76px minmax(0,1fr) 18px;gap:18px;font-size:28px;min-height:86px}.menu-universes .menu-category-photo{width:76px;height:55px}}
@media(max-width:650px){
.category-grid{grid-template-columns:minmax(0,1fr);gap:38px}.category-entry:nth-child(even){margin-top:0}.category-visual{aspect-ratio:1.22}.category-caption{padding-top:20px;gap:17px}.category-caption h3{font-size:34px;margin-bottom:9px}.category-caption p{font-size:12px;max-width:260px}.category-discover{width:35px;height:35px}.category-discover .ui-icon{width:17px;height:17px}.category-number{left:17px;top:16px;font-size:10px}.category-origin-note{font-size:11px;margin-top:37px;padding-top:22px}.menu-inner{padding-top:24px}.menu-inner>.eyebrow{margin-bottom:10px}.menu-universes{margin:15px 0 26px;gap:0}.menu-universes a.menu-category{grid-template-columns:66px minmax(0,1fr) 18px;gap:17px;font-size:26px;min-height:67px;padding:10px 0}.menu-universes .menu-category-photo{width:66px;height:46px}.menu-universes .menu-category .ui-icon{width:17px;height:17px}.menu-secondary{gap:11px 20px;font-size:11px}.menu-phone{margin-top:22px}.gallery-card [data-lightbox]>.gallery-expand{right:12px;bottom:12px;width:35px;height:35px}.gallery-expand .ui-icon{width:19px;height:19px}
}
@media(prefers-reduced-motion:reduce){.category-card:hover .category-visual img,.category-card:focus-visible .category-visual img{transform:none}}
.motion-paused .category-visual img,.motion-paused .category-discover{transform:none!important;transition:none!important}
@media print{.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-entry:nth-child(even){margin-top:0}.category-entry{break-inside:avoid}}

/* Rounded photographic mounts and warm paper carry through all the galleries. */
:root {
  --photo-radius: clamp(16px, 2vw, 30px);
  --wide-radius: clamp(30px, 4.2vw, 66px);
}
.universes { background: radial-gradient(ellipse at 92% 25%, #f1ece0 0, transparent 50%), var(--ivory); }
.category-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); }
.category-visual { aspect-ratio: 1.52; border-radius: var(--photo-radius) var(--wide-radius) var(--photo-radius) var(--photo-radius); }
.category-entry:nth-child(even) .category-visual { aspect-ratio: 1.27; border-radius: var(--wide-radius) var(--photo-radius) var(--photo-radius) var(--photo-radius); }
.category-caption { padding-inline: 3px; }
.category-number { padding: 7px 10px; border: 0; border-radius: 20px; background: #f9f6f0f5; color: var(--navy); text-shadow: none; line-height: 1; }
.album-jump { display: flex; align-items: center; width: fit-content; gap: 12px; margin-top: 18px; padding: 4px 0; border-bottom: 1px solid #b89a60; color: #705522; font-size: 12px; }
.album-jump .ui-icon { width: 15px; height: 15px; }
.menu-category-photo { border-radius: 9px 17px 9px 9px; }
.gallery-card [data-lightbox], .journal-image, .craft-editorial figure, .article-body img, .about-image, .lightbox figure img { border-radius: var(--photo-radius); }
.atelier-photos .large, .atelier-photos .small { border-radius: var(--photo-radius); }
.atelier-photos .large { border-top-left-radius: var(--wide-radius); }
.atelier-story, .craft-editorial, .service-details { background: linear-gradient(175deg, var(--ivory), var(--paper) 32%, var(--paper) 72%, var(--ivory)); }
.atelier-sketch, .workshop-map { margin-top: 20px; max-width: 440px; }
.atelier-sketch summary, .workshop-map summary { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; color: var(--brass-dark); font-size: 12px; padding-block: 10px; }
.atelier-sketch summary::marker, .workshop-map summary::marker, .album-drawer summary::marker { content: ''; }
.atelier-sketch summary::-webkit-details-marker, .workshop-map summary::-webkit-details-marker, .album-drawer summary::-webkit-details-marker { display: none; }
.atelier-sketch .ui-icon, .workshop-map .ui-icon { width: 15px; height: 15px; }
.atelier-sketch figure img, .workshop-map figure img { width: 100%; border-radius: var(--photo-radius); }
.atelier-sketch figcaption { margin-top: 8px; color: var(--muted); font-size: 11px; }
.atelier-album { padding-top: clamp(65px, 7vw, 125px); }
.album-intro h2 em { display: block; }
.album-opening, .album-pages { display: grid; align-items: start; gap: clamp(23px, 3vw, 48px); }
.album-opening { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.album-opening > figure { grid-column: span 4; }
.album-opening > figure:first-child { grid-column: span 7; }
.album-opening > figure:nth-child(2) { grid-column: span 5; margin-top: clamp(28px, 4vw, 64px); }
.album-pages { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 38px; }
.album-photo { margin: 0; min-width: 0; }
.album-photo [data-lightbox] { display: block; position: relative; width: 100%; padding: 0; border: 0; background: var(--paper); overflow: hidden; border-radius: var(--photo-radius); }
.album-opening > :first-child button { border-top-right-radius: var(--wide-radius); }
.album-photo img { width: 100%; aspect-ratio: 1.4; object-fit: cover; }
.album-opening > :first-child img { aspect-ratio: 1.49; object-position: center 60%; }
.album-opening > :nth-child(2) img { aspect-ratio: 1.14; }
.album-photo .gallery-expand { position: absolute; bottom: 12px; right: 12px; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #fff7; border-radius: 50%; background: #15283fc9; color: white; }
.album-photo .gallery-expand svg { width: 17px; height: 17px; }
.album-photo figcaption { padding: 12px 2px 0; }
.album-photo figcaption > span { display: block; font: 400 clamp(19px, 1.7vw, 28px)/1.25 var(--serif); letter-spacing: -.025em; }
.album-photo figcaption small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.album-drawer { margin-top: clamp(32px, 5vw, 72px); }
.album-drawer summary { display: flex; align-items: center; justify-content: center; width: fit-content; max-width: 100%; min-height: 48px; gap: 18px; margin: 0 auto; padding: 10px 23px; color: var(--navy); border: 1px solid #b4aa96; border-radius: 50px; cursor: pointer; font-size: 13px; }
.album-drawer summary .ui-icon { width: 16px; height: 16px; }
.album-drawer .when-open, .album-drawer[open] .when-closed { display: none; }
.album-drawer[open] .when-open { display: inline; }
.album-drawer[open] summary .ui-icon, .atelier-sketch[open] summary .ui-icon, .workshop-map[open] summary .ui-icon { transform: rotate(180deg); }
.materials-section { margin-inline: clamp(10px, 2.8vw, 45px); border-radius: var(--wide-radius); overflow: hidden; background: radial-gradient(ellipse at 12% 22%, #294159, transparent 70%), var(--navy); }
.material-folio { min-width: 0; width: 100%; }
.material-folio .material-panel { max-width: none; }
.material-folio figure { overflow: hidden; background: #101e2d; aspect-ratio: 1.5; border-radius: var(--photo-radius) var(--wide-radius) var(--photo-radius) var(--photo-radius); }
.material-folio figure img { width: 100%; height: 100%; object-fit: cover; }
.material-folio p { padding: 15px 3px 0; min-height: 6.2em; font-size: 14px; }
.material-tabs { width: fit-content; max-width: 100%; margin-bottom: 0; }
@media (max-width: 650px) {
  .category-grid { grid-template-columns: minmax(0, 1fr); gap: 38px; }
  .category-visual { aspect-ratio: 1.36; }
  .category-entry:nth-child(even) .category-visual { aspect-ratio: 1.48; }
  .category-number { top: 12px; left: 12px; }
  .album-opening, .album-pages { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 13px; }
  .album-opening > figure, .album-opening > figure:nth-child(2) { grid-column: auto; margin-top: 0; }
  .album-opening > figure:first-child { grid-column: 1 / -1; }
  .album-opening > :nth-child(2) img, .album-photo img { aspect-ratio: 1.06; }
  .album-photo figcaption > span { font-size: 17px; }
  .album-photo figcaption small { font-size: 10px; }
  .album-photo .gallery-expand { bottom: 8px; right: 8px; width: 28px; height: 28px; }
  .album-photo .gallery-expand svg { width: 14px; height: 14px; }
  .materials-section { align-items: stretch; padding: 48px 22px; gap: 24px; }
  .material-tabs { margin-top: 19px; }
  .material-folio p { font-size: 13px; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .album-photo img { transition: transform .7s cubic-bezier(.22,1,.36,1); }
  .album-photo [data-lightbox]:hover img { transform: scale(1.025); }
}
@media (hover: none), (pointer: coarse), (max-width: 800px) {
  .cinema-media[data-parallax] { transform: none !important; will-change: auto; }
  .category-card:hover .category-visual img, .category-card:focus-visible .category-visual img,
  .gallery-card [data-lightbox]:hover img, .journal-card a:hover img, .album-photo [data-lightbox]:hover img { transform: none; transition: none; }
  .site-header.scrolled, .menu-open .site-header { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--navy); }
  .gallery-card [data-lightbox] > .gallery-expand { backdrop-filter: none; background: #15283fc9; }
}
.motion-paused .album-photo img { transform: none !important; transition: none !important; }

/* The film has its own framing and needs no parallax overscan. */
.home-cinema { overflow: clip; }
.home-cinema > .cinema-media { inset: 0; }
.hero-film-cover { position: absolute; inset: 0; z-index: 1; display: block; pointer-events: none; }
.hero-film-cover img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-cinema .film-link-portrait { display: none; }
@media (max-width: 650px) and (orientation: portrait) {
  .home-cinema .film-link-wide { display: none; }
  .home-cinema .film-link-portrait { display: inline-flex; }
}

/* Keep the original image element and its WebP source in the same layout slot. */
.afo-original-picture { display: contents; }