/* V9 — electric blue violet, quieter typography, photographs in motion. */
:root{--accent:#8064ff;--accent-deep:#5131d5;--acid:#8064ff;--green:#8064ff}
::selection{background:#5131d5;color:#fff}
.opening h1 em{color:#7755f6}.reading-progress span{background:#6843fa!important}
.pill-button:hover,.home-v7 .pill-button:hover,.contact-link:hover{background:#5131d5;border-color:#7755f6;color:#fff}
.pill-button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#9982ff}
.page-prose a,.page-hero h1 em,.video-external{color:#a994ff}
.opening-copy .hero-watch{display:flex;align-items:center;justify-content:space-between;gap:35px;width:245px;min-width:0;padding:13px 0 14px;border:0;border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;border-radius:0;font-size:20px;color:var(--v7-paper);transition:background .25s,padding .25s,color .25s}
.hero-watch>span:last-child{font-size:25px}.hero-watch small{color:#aaa7b8;font-size:8px;letter-spacing:.13em;margin-top:5px}
.opening-copy .hero-watch:hover,.opening-copy .hero-watch:focus-visible{padding-left:14px;padding-right:14px;background:#5131d5;color:white;border-color:#7755f6}.hero-watch:hover small{color:#e4dcff}
.approach{padding-bottom:36px}.approach>.eyebrow{margin-bottom:25px}.approach .v7-section-foot{margin-top:28px}
.selected-work{padding-top:28px}.selected-work .v7-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:25px;border-top:1px solid #ffffff24;padding-top:26px;margin-bottom:30px}
.selected-work .v7-section-head .eyebrow{margin:0}.selected-work h2{font:italic 400 clamp(23px,2.8vw,40px)/1.2 Georgia,serif;letter-spacing:-.04em}
.v7-work-card:nth-child(even){padding-top:35px}
.home-v7 .production-card img{height:22vw;max-height:310px}
.voice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px}.voice-card{min-height:235px;padding-top:25px}.voice-card blockquote{font-size:clamp(20px,1.85vw,29px);line-height:1.35}
.company-logos{grid-template-columns:repeat(5,1fr)}.company-logos a:last-child:nth-child(5n + 4){grid-column:auto}
.company-logos img[src*=logo-fotokem]{filter:grayscale(1);mix-blend-mode:screen;max-width:175px}.company-logos img[src*=logo-pioneer]{filter:grayscale(1) invert(1);mix-blend-mode:screen;max-height:140px;width:290px;max-width:none}.company-logos a:has(img[src*=logo-pioneer]){overflow:hidden}
.closing-frame{margin:25px 6vw 0;position:relative}.closing-frame .v7-media{max-width:1150px;margin:auto}.closing-frame img{display:block;width:100%;height:auto}.closing-frame figcaption{font:italic 400 clamp(24px,3vw,44px)/1.2 Georgia,serif;padding:28px 0 0;text-align:center;color:#c8c3d5}
.home-v7 .footer,.detail-page .footer{padding-top:48px}.footer-name{display:none}.footer-bottom{border-top:1px solid #ffffff20;padding-top:25px}
.back-bar{position:sticky;top:86px;background:#101111ee;backdrop-filter:blur(12px);padding:9px 6vw;margin:86px 0 0;border-bottom:1px solid #ffffff12;z-index:45}.back-bar a{background:none!important;backdrop-filter:none}.back-bar .pill-button{padding:6px 0;border:0;border-radius:0;min-height:30px}.back-bar .pill-button:hover{color:#a994ff}.back-bar+a{margin:0}
.back-bar{padding-inline:0}.back-bar+.page-hero{padding-top:45px}.study-article{padding-inline:0}
/* Tiles use the same photograph and geometry; the final image is intact. */
.opening-card.card-front{overflow:visible}.hero-tiles{position:absolute;inset:0;z-index:2;pointer-events:none}.hero-tile{position:absolute;inset:-.2px;background-size:100% 100%;will-change:transform;backface-visibility:hidden}.hero-tiles[hidden]{display:none!important}
.photo-drift{will-change:translate,opacity;transition:filter .35s}.photo-drift:hover{filter:brightness(1.06)}
.compare-modes{display:flex;gap:8px;margin:4px 0 18px;flex-wrap:wrap}.compare-modes button{min-height:37px;padding:8px 15px;font-size:11px}.compare-modes button[aria-pressed=true]{background:#5131d5;border-color:#8064ff;color:#fff}
.wipe-stage{max-height:none;max-width:min(100%,calc(58svh * 2));margin-inline:auto}.wipe-stage[data-mode=after] .wipe-after{clip-path:none}.wipe-stage[data-mode=before] .wipe-after{display:none}.wipe-stage:not([data-mode=split]) .wipe-handle,.wipe-stage:not([data-mode=split]) input{display:none}
.comparison-dialog .comparison-note{font-size:11px;color:#a7a2b1;margin:12px 0;max-width:80ch;line-height:1.55}.wipe-labels{margin:12px 0}
/* The full study is an illustrated reading room, with the source appendix available. */
.study-article{max-width:1280px;margin:0 auto;padding:30px 6vw 70px}.study-article h1{font:400 clamp(45px,6vw,86px)/1.04 var(--heading);letter-spacing:-.06em;margin:18px 0 28px;max-width:1000px}.study-article h1 em{font-family:Georgia,serif;color:#9982ff}.study-standfirst{font-size:19px;line-height:1.65;max-width:740px;color:#c1bbc9}.study-hero{margin:45px 0}.study-hero img{width:100%;height:auto}.study-article figcaption{color:#9991a4;font-size:11px;margin-top:12px}
.study-index{display:flex;gap:12px 26px;flex-wrap:wrap;border-block:1px solid #ffffff26;padding:20px 0;margin:40px 0;font-size:12px}.study-index a:hover{color:#a994ff}
.study-chapter{padding-top:55px;scroll-margin-top:155px}.study-chapter h2{font:400 clamp(29px,3.6vw,48px)/1.12 var(--heading);letter-spacing:-.045em;margin:10px 0 30px}.study-chapter h3{font-size:20px;font-weight:400;margin:35px 0 20px}.study-chapter p{font-size:16px;line-height:1.9;max-width:76ch;color:#c7c4cb;margin:0 0 22px}.study-chapter blockquote{font:italic 400 clamp(24px,3vw,38px)/1.35 Georgia,serif;margin:35px 0;color:#d6cff2;max-width:33ch}.study-chapter .study-figure{margin:40px 0;max-width:1000px}.study-figure img{width:100%;height:auto;display:block}.study-chapter details{border-top:1px solid #ffffff25;padding:20px 0}.study-chapter summary{font-size:17px;cursor:pointer;list-style-position:outside;margin-left:20px}.study-chapter details>div{padding:25px 0}.study-chapter details p{font-size:14px}.study-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0}.study-pair figure{margin:0}.study-pair img{width:100%;height:auto}.study-sources{display:grid;grid-template-columns:1fr 1fr;gap:25px}.study-sources article{border-top:1px solid #ffffff20;padding:15px 0}.study-sources a{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#a994ff;margin:5px 20px 5px 0}.study-archive-note{font-size:12px!important;color:#9f98aa!important}.study-article .eyebrow{font-size:10px;color:#a59bb9;letter-spacing:.14em}
@media(max-width:1000px){.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-logos{grid-template-columns:repeat(3,1fr)}}
@media(max-width:799px){.opening-copy .hero-watch{width:205px;padding-block:10px;font-size:17px}.hero-watch small{font-size:7px}.approach{padding-bottom:25px}.selected-work{padding-top:15px}.selected-work .v7-section-head{gap:12px;align-items:center}.selected-work h2{font-size:23px}.selected-work .eyebrow{max-width:100px;line-height:1.7}.v7-work-card:nth-child(even){padding-top:15px}.voice-grid{gap:0 22px}.voice-card{min-height:0}.voice-card blockquote{font-size:21px}.company-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.company-logos a{min-width:0}.company-logos img{max-width:100%!important}.home-v7 .production-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;gap:20px}.home-v7 .production-card{flex:0 0 39%;scroll-snap-align:start}.home-v7 .production-card img{height:55vw}.back-bar{top:72px;margin-top:72px;padding-block:6px}.study-article{padding-top:25px}.study-standfirst{font-size:16px}.study-chapter{padding-top:32px;scroll-margin-top:140px}.study-chapter p{font-size:15px;line-height:1.8}.study-pair,.study-sources{grid-template-columns:1fr}.study-index{gap:15px 25px}.comparison-dialog header{margin-bottom:14px}.compare-modes{gap:6px}.compare-modes button{font-size:10px;padding:8px 12px}.closing-frame{margin-top:0}}
@media(prefers-reduced-motion:reduce){.hero-tiles{display:none!important}.card-front>img{opacity:1!important}.photo-drift{translate:none!important;opacity:1!important;transition:none!important}.hero-watch{transition:none!important}}
.motion-off .hero-tiles{display:none!important}.motion-off .card-front>img{opacity:1!important}.motion-off .photo-drift{translate:none!important;opacity:1!important}
.company-logos a:has(img[src*=logo-fotokem]),.company-logos a:has(img[src*=logo-pioneer]){mix-blend-mode:screen}
.study-article{padding-inline:0}.study-article>.study-figure{margin:42px 0}.study-standfirst{margin-bottom:20px}.study-article header>.study-archive-note{max-width:85ch;line-height:1.7}