/* Higgsfield architectural film and editorial photography, October 2026. */
.study-mode-switch { display:flex; align-items:center; gap:.4rem; border-bottom:1px solid #d9bc9945; padding-bottom:1.1rem; margin-bottom:1.2rem; }
.study-mode-switch button { min-height:46px; padding:.75rem 1.25rem; display:flex; align-items:center; gap:1.1rem; border:1px solid transparent; color:#c9beb1; font-size:.77rem; transition:background .25s,color .25s,border-color .25s; }
.study-mode-switch button[aria-pressed=true] { background:#d9bc99; border-color:#d9bc99; color:#29252b; }
.study-mode-switch button>small { font:400 .6875rem/1.3 monospace; letter-spacing:.06em; opacity:.75; }
.study-mode-switch button:hover { border-color:#d9bc9980; }
.study-mode-switch button:disabled { opacity:.4; cursor:not-allowed; }
.study-mode-switch>.study-mode-note { margin-left:auto; color:#b7a99b; font-size:.6875rem; letter-spacing:.025em; }
.study-film { position:relative; aspect-ratio:1.97; overflow:hidden; isolation:isolate; background:#3c3631; }
.study-film video { width:100%; height:100%; object-fit:cover; display:block; }
.film-label { position:absolute; top:1.1rem; left:1.1rem; background:#29252be8; color:#f4f0e8; padding:.55rem .75rem; font-size:.6875rem; letter-spacing:.08em; pointer-events:none; }
.film-label:before { content:''; display:inline-block; width:5px; height:5px; margin-right:.6rem; border-radius:50%; background:#d9bc99; vertical-align:middle; }
.film-credit { position:absolute; top:1.1rem; right:1.1rem; color:#f4f0e8; background:#29252bc9; padding:.5rem .65rem; font-size:.6875rem; letter-spacing:.06em; pointer-events:none; }
.film-play { position:absolute; bottom:1.2rem; left:1.2rem; display:flex; align-items:center; gap:.85rem; min-height:48px; padding:.7rem 1rem; border:1px solid #f4f0e887; color:#fff; background:#29252be8; font-size:.74rem; backdrop-filter:blur(12px); }
.film-play:before { content:'▶'; font-size:.7rem; width:1rem; }
.film-playing .film-play:before { content:'Ⅱ'; font-size:.95rem; }
.film-play:hover { background:#f4f0e8; color:#29252b; }
.film-play:focus-visible { outline:3px solid #f4f0e8; outline-offset:4px; }
.film-time { position:absolute; right:1.2rem; bottom:1.8rem; color:white; font:400 .6875rem/1.4 monospace; text-shadow:0 1px 7px #000; letter-spacing:.06em; pointer-events:none; }
.film-progress { position:absolute; inset:auto 0 0; height:3px; background:#ffffff35; pointer-events:none; }
.film-progress>span { display:block; width:100%; height:100%; background:#d9bc99; transform-origin:left; transform:scaleX(0); }
.film-status { font-size:.7rem; color:#d9bc99; margin-top:.75rem; line-height:1.7; }
.film-status:empty { display:none; }
.study-film + .film-status { min-height:0; }
.study-compare-panel .study-toolbar { padding-bottom:1rem; }
.study-viewport { min-width:0; }
.study-viewport .study-compare-panel { position:relative; }
.study-viewport .site-comparison.is-interactive,.study-film { aspect-ratio:1.97; }
.study-compare-panel .study-toolbar { position:absolute; bottom:1rem; right:1rem; z-index:7; padding:0; }
.study-compare-panel .study-toolbar>.eyebrow { display:none; }
.study-compare-panel .study-presets { background:#29252bee; border-color:#d9bc9980; }
.study-compare-panel .study-presets button { padding:.45rem .75rem; min-height:38px; font-size:.6875rem; }
.study-compare-panel .comparison-instruction { left:1rem; transform:none; bottom:1.1rem; }
.study-caption { padding-top:1.1rem; }

/* Give each competence its own spatial composition. */
.expertise-grid { grid-template-columns:minmax(0,1fr); gap:3.5rem; counter-reset:competence; }
.expertise-card { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); grid-template-rows:1fr auto; gap:0 clamp(2rem,5vw,6rem); border-bottom:0; border-top:1px solid #bca68e; padding:1.7rem 0 0; counter-increment:competence; }
.expertise-card .expertise-image { grid-column:2; grid-row:1/3; margin:0; aspect-ratio:1.45; }
.expertise-card .expertise-copy { grid-column:1; grid-row:1; padding-top:.5rem; }
.expertise-copy:before { content:none; display:block; font:400 clamp(3.5rem,6vw,7rem)/.9 var(--brand); color:#aa8b6c; letter-spacing:-.06em; margin-bottom:1.5rem; }
.expertise-copy>.eyebrow { min-height:0; max-width:32ch; }
.expertise-copy h3 { font-size:clamp(2.1rem,3.4vw,4.1rem); margin:.8rem 0 1rem; max-width:13ch; }
.expertise-copy>p:last-child { max-width:31ch; font-size:.9rem; }
.expertise-entry { grid-column:1; grid-row:2; justify-content:space-between; border-top:1px solid #bca68e; padding-top:1rem; margin-top:1.8rem; padding-bottom:.25rem; }
.expertise-card:nth-child(even) { grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr); }
.expertise-card:nth-child(even) .expertise-image { grid-column:1; }
.expertise-card:nth-child(even) .expertise-copy,.expertise-card:nth-child(even) .expertise-entry { grid-column:2; }
.expertise-image img { filter:saturate(.9); transition:transform 1.1s var(--ease),filter .8s; }
.expertise-card:hover .expertise-image img { transform:scale(1.035); }
.expertise-image .expertise-register { font-size:.6875rem; padding:.5rem .65rem; }
.expertise-image figcaption { font-size:clamp(1.5rem,2.4vw,2.8rem); left:1.5rem; bottom:1.5rem; }
.expertise-footnote { margin-top:2rem; }
.expertise-portrait img { aspect-ratio:.95; }
.cinema-reveal { opacity:0; transform:translateY(28px); transition:opacity .9s var(--ease),transform .9s var(--ease); }
.cinema-reveal.cinema-visible { opacity:1; transform:none; }
.study-principles article:nth-child(2) { transition-delay:.1s; }
.study-principles article:nth-child(3) { transition-delay:.2s; }

/* A quieter transition from the introduction into the photographic study. */
.intro { padding-bottom:4rem; }
.perspective-study { padding-top:3rem; }
.projects-home { padding-top:4rem; }
@media(min-width:1700px) { .study-viewport .site-comparison.is-interactive,.study-film { aspect-ratio:2.1; } }
@media(max-width:1100px) {
 .expertise-card,.expertise-card:nth-child(even) { gap:0 2rem; }
 .expertise-copy:before { font-size:4rem; margin-bottom:1rem; }
 .expertise-copy h3 { font-size:2.5rem; }
 .expertise-copy>p:last-child { font-size:.83rem; }
 .expertise-card .expertise-image { aspect-ratio:1.13; }
}
@media(max-width:767px) {
 .study-mode-switch { gap:.3rem; padding-bottom:1rem; margin-bottom:1rem; }
 .study-mode-switch button { flex:1; justify-content:center; padding:.7rem .6rem; gap:.6rem; font-size:.69rem; }
 .study-mode-switch button>small { font-size:.6875rem; }
 .study-mode-switch>.study-mode-note { display:none; }
 .study-viewport .site-comparison.is-interactive,.study-film { aspect-ratio:1.16; }
 .study-film video { object-position:57% center; }
 .film-label { top:.7rem; left:.7rem; padding:.45rem .55rem; font-size:.6875rem; }
 .film-credit { top:.7rem; right:.7rem; padding:.45rem .5rem; font-size:.6875rem; }
 .film-play { left:.7rem; bottom:.9rem; padding:.6rem .75rem; font-size:.6875rem; }
 .film-time { right:.8rem; bottom:1.9rem; font-size:.6875rem; }
 .study-compare-panel .study-toolbar { position:static; padding-top:.8rem; }
 .study-compare-panel .study-presets { width:100%; }
 .study-compare-panel .comparison-instruction { left:50%; transform:translateX(-50%); bottom:.7rem; }
 .expertise-grid { gap:2.5rem; }
 .expertise-card,.expertise-card:nth-child(even) { display:flex; flex-direction:column; gap:0; padding-top:1.2rem; }
 .expertise-card .expertise-image { aspect-ratio:1.35; order:0; margin-bottom:1.5rem; }
 .expertise-card .expertise-copy { padding:0; order:1; }
 .expertise-copy:before { font-size:3.6rem; margin-bottom:1rem; }
 .expertise-copy h3 { font-size:clamp(2.25rem,8vw,3.2rem); max-width:18ch; }
 .expertise-copy>p:last-child { max-width:44ch; font-size:.85rem; }
 .expertise-copy>.eyebrow { max-width:45ch; }
 .expertise-image figcaption { font-size:1.7rem; left:1rem; bottom:1rem; }
 .expertise-entry { order:2; margin-top:1.2rem; padding-top:.7rem; width:100%; }
 .expertise-portrait img { aspect-ratio:1.25; }
}
@media(prefers-reduced-motion:reduce) {
 .cinema-reveal { opacity:1!important; transform:none!important; transition:none!important; }
 .expertise-image img,.study-mode-switch button { transition:none; }
}
@media print {
 .study-mode-switch,.study-film,.film-status { display:none!important; }
 .study-compare-panel[hidden] { display:block!important; }
 .cinema-reveal { opacity:1!important; transform:none!important; }
 .expertise-card,.expertise-card:nth-child(even) { display:block; }
 .expertise-copy:before { font-size:2.5rem; }
}