/* /assets/css/fonts.css */
/* Roslindale Display Condensed (DJR) and GT Standard (Grilli Type), shared with Loorea. Web licences must cover this domain before launch. */
@font-face{font-family:'Roslindale Display Condensed';src:url('../../fonts/roslindale-display-condensed-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'GT Standard';src:url('../../fonts/gt-standard-m-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
/* The "loore." wordmark keeps its Manrope SemiBold drawing; subset to its letters only. */
@font-face{font-family:'Loore Wordmark';src:url('../../fonts/manrope-semibold-wordmark.woff2') format('woff2');font-style:normal;font-weight:600;font-display:block}
/* /assets/css/style.css */
:root{--black:#0b0b0b;--charcoal:#1a1a1d;--accent:#e90302;--orange:var(--accent);--ember:#8d0201;--stone:#4a4746;--white:#f2f1ee;--accent-text:#fff;--accent-focus:var(--white);--muted:#b3b0ad;--line:#f2f1ee29;--line-strong:#f2f1ee57;--veil:#0b0b0b8c;--scrim:#0b0b0bf5;--hair-faint:#ffffff12;--hair:#ffffff26;--hair-strong:#ffffff5c;--gutter:clamp(22px,4.3vw,80px);--body:'GT Standard','Helvetica Neue',Arial,sans-serif;--display:'Roslindale Display Condensed','Bodoni 72',Didot,Georgia,serif;--wordmark:'Loore Wordmark','GT Standard',Arial,sans-serif;--ease-lux:cubic-bezier(.16,1,.3,1);--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--dur-ui:200ms;--dur-hover:600ms;--dur-reveal:1200ms;--dur-curtain:900ms}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);font-size:15px;font-synthesis:none;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
::selection{background:var(--accent);color:var(--accent-text)}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0}
button:disabled{cursor:default;opacity:.4}
button,summary,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent-focus);outline-offset:6px}
img{display:block;max-width:100%;height:auto}
p,h1,h2,h3,figure{margin:0}
[hidden]{display:none!important}
em{font-style:normal}
.skip-link{position:fixed;z-index:100;left:20px;top:15px;transform:translateY(-180%);padding:14px 22px;color:var(--accent-text);background:var(--accent)}
.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:23px var(--gutter);transition:background-color .25s,box-shadow .25s;color:var(--white)}
.site-header.is-scrolled{padding-top:13px;padding-bottom:13px;background:var(--scrim);box-shadow:0 1px 0 var(--hair-faint);backdrop-filter:blur(16px)}
.brand{font-family:var(--wordmark);font-size:35px;letter-spacing:-2.5px;font-weight:600;line-height:1;white-space:nowrap}
.brand-dot{color:var(--orange)}
.desktop-nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:400;letter-spacing:.01em}
.desktop-nav>a:not(.nav-contact){position:relative;padding:12px 0}
.desktop-nav>a:not(.nav-contact)::after{content:'';position:absolute;bottom:6px;left:0;width:100%;height:1px;background:var(--white);transform:scaleX(0);transform-origin:right;transition:transform var(--dur-hover) var(--ease-lux)}
.desktop-nav>a:hover::after{transform:scaleX(1);transform-origin:left}
.nav-contact{padding:12px 18px;border:1px solid var(--hair-strong);border-radius:30px;display:flex;align-items:center;gap:22px;transition:background .2s,color .2s}
.nav-contact:hover{background:var(--white);color:var(--black)}
.nav-contact span{font-size:20px;line-height:1}
.menu-toggle{display:none;background:transparent;padding:10px 0 10px 20px;font-size:13px;align-items:center;gap:14px}
.menu-toggle span{font-size:24px}
.hero{height:100svh;min-height:700px;max-height:1300px;position:relative;isolation:isolate;overflow:hidden;background:#666}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b0b0b85 0%,#0b0b0b18 60%,#0b0b0b05),linear-gradient(0deg,#0b0b0b70,transparent 45%,#0b0b0b70)}
.hero-intro{position:absolute;left:var(--gutter);top:24%;max-width:450px}
.eyebrow,.section-note,.hero-bottom,.portrait-caption,.service-tags,.footer>span,.footer>a:not(.brand){font-size:13px;line-height:1.6;font-weight:400;letter-spacing:.01em}
.hero-intro .eyebrow{display:flex;gap:9px;align-items:center;font-size:9px}
.status-dot{width:6px;height:6px;border-radius:100%;background:var(--orange);flex-shrink:0}
.hero-statement{font-size:clamp(28px,2.8vw,46px);line-height:1.15;letter-spacing:-.02em;margin-top:24px;font-weight:400}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;font-weight:600;border-bottom:1px solid currentColor;padding:12px 0;transition:gap .2s}
.text-link:hover{gap:42px}
.text-link span{font-size:20px;line-height:1}
.hero-work-link{margin-top:30px;border-color:var(--hair-strong);font-size:11px}
.round-cta{position:absolute;top:24%;left:55%;width:126px;height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:100%;background:var(--accent);color:var(--accent-text);font-size:13px;font-weight:600;text-align:center;line-height:1.35;transform:rotate(-10deg);transition:transform .3s,background .3s}
.round-cta:hover{transform:rotate(0) scale(1.06);background:var(--white);color:var(--black)}
.round-arrow{font-size:28px;line-height:.7}
.hero-title{position:absolute;bottom:67px;left:2.4%;width:94%;display:flex;justify-content:space-between;gap:.15em;white-space:nowrap;font-family:var(--display);font-weight:400;font-size:clamp(140px,21.4vw,440px);line-height:.8;letter-spacing:-.01em;animation:hero-enter .9s both}
.hero-bottom{position:absolute;bottom:23px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.09em}
.hero-bottom a{display:flex;align-items:center;gap:20px}
.hero-bottom a span{font-size:21px;line-height:1}
.section-space{padding:110px var(--gutter)}
.section-light{background:var(--white);color:var(--black)}
.section-dark{background:var(--black);color:var(--white)}
.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:53px}
.tiny-cross{color:var(--orange);margin-right:9px;font-size:15px;line-height:1}
.small-star{color:var(--orange);font-size:42px;line-height:1}
.intro{padding-top:83px;padding-bottom:93px}
.intro-title{font-family:var(--display);font-size:clamp(35px,5.65vw,85px);line-height:1.02;letter-spacing:-.005em;font-weight:400;max-width:1200px}
.intro-title em{color:var(--ember);font-family:var(--display);font-style:italic;font-size:1.2em;letter-spacing:-.01em}
.intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:46px}
.intro-bottom p{max-width:390px;color:var(--stone);font-size:14px;line-height:1.8}
.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 23px;border-radius:50px;font-size:12px;font-weight:400;min-height:50px;transition:background .2s,color .2s,transform .2s;white-space:nowrap}
.pill:hover{transform:translateY(-2px)}
.pill span{font-size:21px;line-height:1;font-weight:400}
.pill-dark{color:var(--white);background:var(--black)}
.pill-dark:hover{background:var(--ember)}
.pill-orange{color:var(--accent-text);background:var(--accent)}
.pill-orange:hover{background:var(--white);color:var(--black)}
.pill-outline{border:1px solid var(--hair-strong);background:transparent;color:var(--white)}
.pill-outline:hover{background:var(--white);color:var(--black)}
.section-note{color:var(--muted);font-size:9px}
.work .section-top{margin-bottom:29px}
.display-title{font-family:var(--display);font-weight:400;font-size:clamp(54px,8.3vw,132px);line-height:.95;letter-spacing:-.005em}
.orange{color:inherit}
.title-dot{color:var(--accent)}
.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:55px}
.work-heading>p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:5px}
.filter-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hair);padding-bottom:21px;margin-bottom:34px;gap:20px}
.filters{display:flex;align-items:center;gap:28px}
.filters button{padding:10px 0;background:transparent;color:var(--muted);font-size:11px;font-weight:400;position:relative;transition:color .2s}
.filters button:hover,.filters button[aria-pressed=true]{color:var(--white)}
.filters button[aria-pressed=true]::after{content:'';position:absolute;left:0;right:0;height:2px;background:var(--orange);bottom:-22px}
.filters button span:not(.shiny-content){margin-left:5px;font-size:9px;color:var(--muted);vertical-align:super}
.gallery-status{font-size:10px;color:var(--muted);white-space:nowrap}
.work-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;row-gap:58px;align-items:start;padding-bottom:115px}
.work-card:nth-child(even){transform:translateY(115px)}
.js-ready .work-card{transform:none}
.js-ready .work-card.is-offset{transform:translateY(115px)}
.work-card{min-width:0}
.work-image-link{display:block;position:relative;aspect-ratio:4/4.7;overflow:hidden;background:var(--charcoal);cursor:zoom-in}
.work-image-link img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.work-card:nth-child(4n+3) .work-image-link{aspect-ratio:4/4.15}
.work-image-link:hover img{transform:scale(1.035)}
.image-open{position:absolute;right:19px;bottom:19px;width:43px;height:43px;border-radius:100%;background:var(--white);color:var(--black);display:grid;place-items:center;font-size:22px;transition:background .2s,transform .2s}
.work-image-link:hover .image-open{background:var(--accent);color:var(--accent-text);transform:rotate(45deg)}
.work-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px}
.work-caption h3{font-size:17px;letter-spacing:-.01em;font-weight:400}
.work-caption p{font-size:9px;letter-spacing:.01em;color:var(--muted);white-space:nowrap}
.work-more{display:flex;flex-direction:column;align-items:center;gap:17px;margin-top:62px}
.work-more p{font-size:10px;letter-spacing:.03em;color:var(--muted)}
.video-link{margin-top:84px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:32px 0;display:flex;align-items:center;gap:28px}
.video-icon{display:grid;place-items:center;background:var(--charcoal);color:var(--orange);width:66px;height:66px;border-radius:50%;font-size:32px;flex-shrink:0;transition:background .2s}
.video-link:hover .video-icon{background:var(--ember)}
.video-link>span:nth-child(2){display:flex;flex-direction:column;gap:7px}
.video-link .eyebrow{font-size:8px;color:var(--muted)}
.video-link strong{font-size:clamp(18px,2.25vw,34px);font-weight:400;letter-spacing:-.04em}
.video-note{font-size:10px;color:var(--muted)}
.video-arrow{margin-left:auto;font-size:36px;color:var(--orange)}
.clients{padding:57px var(--gutter) 66px;text-align:center;border-bottom:1px solid #0b0b0b1f}
.clients .eyebrow{font-size:9px;color:var(--stone);letter-spacing:.12em;margin-bottom:38px}
.client-grid{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:40px}
.client-grid img{max-width:140px;max-height:47px;width:100%;object-fit:contain;margin:auto;filter:grayscale(1);mix-blend-mode:multiply}
.client-grid img:nth-child(1){max-height:54px;max-width:94px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:115px;padding-bottom:120px}
.about-portrait{position:relative;align-self:stretch;min-height:640px;background:#dad9d7;overflow:hidden}
.about-portrait>img{height:100%;width:100%;object-fit:cover;object-position:50% 35%;mix-blend-mode:multiply}
.portrait-caption{position:absolute;top:24px;left:24px;font-size:8px;letter-spacing:.1em}
.portrait-mark{position:absolute;right:29px;bottom:0;font-family:var(--display);font-size:145px;line-height:.85;color:var(--orange)}
.about-copy .eyebrow{margin-bottom:35px}
.about-copy .display-title{font-size:clamp(58px,7.6vw,110px)}
.about-lead{font-size:20px;letter-spacing:-.035em;margin-top:31px;margin-bottom:22px}
.about-copy>p:not(.eyebrow):not(.about-lead){font-size:13px;line-height:1.9;color:var(--stone);margin-bottom:17px;max-width:450px}
.about-copy .text-link{margin-top:8px}
.education{border-top:1px solid #0b0b0b30;margin-top:37px}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.education summary{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:400;padding:20px 0}
.education summary span{font-size:21px;font-weight:400}
.education[open] summary span{transform:rotate(45deg)}
.education ul{list-style:none;padding:0;margin:0}
.education li{display:flex;flex-direction:column;gap:7px;padding:12px 0;font-size:11px;line-height:1.6}
.education li span{color:var(--stone);font-size:10px}
.services{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;padding-top:107px;padding-bottom:107px}
.services-intro .eyebrow{margin-bottom:33px}
.services-intro .display-title{font-size:clamp(62px,7.3vw,112px)}
.services-intro>p:not(.eyebrow){margin-top:28px;color:var(--muted);font-size:13px;line-height:1.8}
.services-intro .pill{margin-top:36px}
.service-list{padding-top:10px}
.service{border-bottom:1px solid var(--hair)}
.service:first-child{border-top:1px solid var(--hair)}
.service summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0;font-family:var(--display);font-size:clamp(19px,2.1vw,31px);font-weight:400;letter-spacing:0}
.detail-sign{color:var(--white);font-size:26px;font-weight:400;transition:transform .2s}
.service[open] .detail-sign{transform:rotate(45deg)}
.service>div{padding:0 35px 28px 0}
.service p{font-size:12px;color:var(--muted);line-height:1.85;max-width:440px}
.service-tags{display:block;color:var(--muted);font-size:8px;letter-spacing:.08em;margin-top:23px}
.contact{padding:70px var(--gutter) 68px;position:relative;overflow:hidden;border-top:1px solid var(--hair);background:linear-gradient(140deg,var(--charcoal),var(--black) 70%)}
.contact-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:43px}
.contact-spark{font-size:58px;color:var(--orange);line-height:1}
.contact-title{font-family:var(--display);font-weight:400;font-size:clamp(62px,12.3vw,200px);line-height:.95;letter-spacing:-.005em}
.contact-title span{color:var(--orange)}
.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:56px}
.contact-bottom p{font-size:12px;color:var(--muted);line-height:1.8}
.email-link{display:flex;align-items:center;gap:35px;font-size:clamp(18px,2.6vw,40px);letter-spacing:-.015em;border-bottom:1px solid var(--line-strong);padding-bottom:9px;transition:color .2s;overflow-wrap:anywhere}
.email-link:hover{color:var(--white);border-color:var(--accent)}
.email-link span{color:inherit;font-size:1.1em}
.footer{border-top:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px var(--gutter);background:var(--black)}
.footer>.brand{font-size:29px}
.footer>span,.footer>a:not(.brand){font-size:8px;color:var(--muted);letter-spacing:.07em}
.footer>a:not(.brand):hover{color:var(--white);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}
.footer>a:not(.brand) span{margin-left:12px}
dialog{border:0;color:var(--white);background:var(--black);padding:0}
dialog::backdrop{background:var(--scrim);backdrop-filter:blur(10px)}
.icon-button{background:transparent;width:48px;height:48px;display:grid;place-items:center;font-size:32px;line-height:1}
.icon-button:hover{color:var(--white);background:var(--accent)}
.lightbox{width:100%;height:100%;max-width:none;max-height:none;background:var(--scrim);padding:20px var(--gutter)}
.lightbox[open]{display:flex;flex-direction:column}
.lightbox-top{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
#lightbox-count{font-size:11px;color:var(--muted)}
.lightbox-stage{display:grid;grid-template-columns:60px 1fr 60px;gap:16px;align-items:center;flex:1;min-height:0}
#lightbox-image{display:block;max-height:calc(100svh - 150px);max-width:100%;width:auto;height:auto;object-fit:contain;margin:auto}
.lightbox-stage>.icon-button{justify-self:center}
#lightbox-caption{text-align:center;font-size:12px;flex-shrink:0;padding:22px 0 10px}
.mobile-menu{width:100%;height:100%;max-height:none;max-width:none;margin:0;padding:24px var(--gutter) 35px}
.mobile-menu[open]{display:flex;flex-direction:column}
.menu-top{display:flex;align-items:center;justify-content:space-between}
.mobile-menu nav{display:flex;flex-direction:column;justify-content:center;flex:1;padding:30px 0}
.mobile-menu nav>a{display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-size:clamp(40px,12vw,80px);line-height:1.4;border-bottom:1px solid var(--hair)}
.mobile-menu nav>a span{font-family:var(--body);font-size:26px;color:var(--muted)}
.menu-email{font-size:14px;color:var(--muted)}
.reveal.is-pending{opacity:0;transform:translateY(24px)}
.reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.22,.61,.36,1)}
@keyframes hero-enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.section-space{padding-top:135px;padding-bottom:135px}.hero-intro{top:23%}.hero-title{font-size:17vw}.client-grid{gap:70px}}
@media(max-width:1000px){.section-space{padding-top:80px;padding-bottom:80px}.hero{min-height:650px}.hero-title{bottom:74px}.hero-intro{top:25%}.round-cta{width:110px;height:110px;left:52%;top:24%;font-size:12px}.work-heading>p{max-width:180px}.client-grid{gap:25px}.about{gap:6%}.about-portrait{min-height:590px}.about-copy .display-title{font-size:74px}.services{gap:6%;grid-template-columns:1fr 1.15fr}.section-note{display:none}.work-grid{gap:44px 25px;padding-bottom:85px}.work-card:nth-child(even),.js-ready .work-card.is-offset{transform:translateY(85px)}.service summary{font-size:22px}.contact-bottom{align-items:center}.contact-title{font-size:12.1vw}}
@media(max-width:700px){
 html{scroll-padding-top:80px}.site-header{padding-top:22px;padding-bottom:18px}.brand{font-size:32px}.desktop-nav{gap:17px;font-size:11px}.desktop-nav .nav-contact{display:none}.js-ready .desktop-nav{display:none}.menu-toggle:not([hidden]){display:flex}.hero{min-height:730px;max-height:1000px;height:100svh}.hero-image{object-position:97% center;filter:brightness(.86)}.hero-shade{background:linear-gradient(90deg,#0b0b0b55,transparent 100%),linear-gradient(0deg,#0b0b0b85,transparent 63%)}.hero-intro{top:135px;max-width:190px}.hero-intro .eyebrow{font-size:8px;max-width:235px;line-height:1.8;letter-spacing:.06em}.hero-statement{font-size:28px;margin-top:18px}.hero-work-link{margin-top:15px;font-size:10px}.round-cta{width:93px;height:93px;top:43%;left:auto;right:24px;font-size:10px;gap:10px}.round-arrow{font-size:23px}.hero-title{display:block;left:var(--gutter);width:calc(100% - 44px);font-size:clamp(130px,34vw,230px);bottom:71px;line-height:.77;letter-spacing:-.02em}.hero-title span{display:block}.hero-title>span:last-child{margin-left:14%;margin-top:5px}.hero-bottom{bottom:24px;font-size:7px;letter-spacing:.05em}.hero-bottom a{gap:10px}.hero-bottom a span{font-size:17px}.section-space{padding-top:65px;padding-bottom:65px}.section-top{margin-bottom:31px}.eyebrow{font-size:8px;letter-spacing:.08em}.small-star{font-size:31px}.intro-title{font-size:clamp(31px,7.5vw,50px);line-height:1.22}.intro-title br{display:none}.intro-bottom{flex-direction:column-reverse;align-items:flex-start;gap:29px;margin-top:25px}.intro-bottom p{font-size:12px;max-width:340px}.pill{font-size:11px;padding:14px 20px;min-height:46px}.work-heading{display:block;margin-bottom:33px}.display-title{font-size:clamp(54px,12.5vw,86px)}.work-heading>p{margin-top:22px;font-size:12px;max-width:none}.work-heading>p br{display:none}.filter-bar{align-items:flex-start;gap:12px;padding-bottom:18px;margin-bottom:25px}.filters{gap:20px;flex-wrap:wrap}.filters button{font-size:10px;padding:9px 0}.filters button[aria-pressed=true]::after{bottom:-19px}.gallery-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.work-grid{grid-template-columns:1fr;gap:31px;padding-bottom:0}.work-card:nth-child(even),.js-ready .work-card.is-offset{transform:none}.work-image-link,.work-card:nth-child(4n+3) .work-image-link{aspect-ratio:4/4.6}.work-caption{margin-top:13px}.work-caption h3{font-size:16px}.work-caption p{font-size:8px}.image-open{width:38px;height:38px;right:15px;bottom:15px}.work-more{margin-top:38px}.video-link{margin-top:46px;gap:15px;padding:25px 0}.video-icon{width:42px;height:42px;font-size:24px}.video-link strong{font-size:17px;line-height:1.4;max-width:250px}.video-link .eyebrow{font-size:7px}.video-note{font-size:8px;line-height:1.7}.video-arrow{display:none}.clients{padding-top:39px;padding-bottom:41px}.clients .eyebrow{font-size:8px;margin-bottom:29px}.client-grid{grid-template-columns:repeat(3,1fr);gap:33px 24px}.client-grid img{max-width:105px;max-height:38px}.client-grid img:nth-child(1){max-width:72px;max-height:44px}.about{grid-template-columns:1fr;gap:43px}.about-portrait{height:auto;min-height:0;aspect-ratio:4/4.8}.about-portrait>img{object-position:50% 35%}.portrait-caption{font-size:7px;top:18px;left:18px}.portrait-mark{font-size:115px;right:23px}.about-copy .eyebrow{margin-bottom:24px}.about-copy .display-title{font-size:clamp(64px,15vw,90px)}.about-lead{font-size:19px;margin-top:25px}.about-copy>p:not(.eyebrow):not(.about-lead){font-size:12px;max-width:none}.education{margin-top:28px}.services{grid-template-columns:1fr;gap:40px}.services-intro .display-title{font-size:clamp(64px,14vw,95px)}.services-intro .eyebrow{margin-bottom:26px}.services-intro>p:not(.eyebrow){font-size:12px;margin-top:24px}.services-intro .pill{margin-top:26px}.service-list{padding-top:0}.service summary{font-size:22px;padding:23px 0}.service>div{padding-right:15px}.contact{padding-top:45px;padding-bottom:45px}.contact-top{margin-bottom:30px;gap:20px}.contact-top .eyebrow{max-width:240px;font-size:8px}.contact-spark{font-size:39px}.contact-title{font-size:clamp(48px,12.8vw,88px);line-height:1.08}.contact-bottom{flex-direction:column;align-items:flex-start;margin-top:30px;gap:25px}.contact-bottom p{font-size:11px}.email-link{font-size:clamp(19px,5.5vw,32px);gap:24px}.footer{flex-wrap:wrap;gap:24px 10px;padding-top:25px;padding-bottom:25px}.footer>.brand{width:45%;font-size:28px}.footer>span{width:45%;text-align:right}.footer>a:not(.brand){font-size:7px}.lightbox{padding:12px 15px}.lightbox-stage{grid-template-columns:1fr 1fr;gap:5px}.lightbox-stage #lightbox-image{grid-column:1/-1;grid-row:1;max-height:calc(100svh - 190px)}.lightbox-prev{grid-row:2;grid-column:1}.lightbox-next{grid-row:2;grid-column:2}#lightbox-caption{font-size:11px;padding-top:12px}.icon-button{width:44px;height:44px}
}
@media(max-width:380px){.hero{min-height:700px}.hero-title{font-size:27vw;bottom:75px}.hero-intro{top:127px}.hero-statement{font-size:30px}.round-cta{top:44%;right:20px;width:83px;height:83px}.filters{gap:15px}.filters button{font-size:9px}.desktop-nav{gap:12px}.desktop-nav .nav-contact{display:none}.contact-title{font-size:12.3vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.is-pending{opacity:1;transform:none}}
/* /assets/css/site.css */
/* Shared editorial composition. GSAP owns the optional motion layer. */
:root{--page-max:1480px;--section-gap:clamp(64px,7.5vw,116px);--focus-offset:6px;--feedback-time:180ms;--feedback-ease:cubic-bezier(.2,.65,.3,1)}
body{font-size:16px}
/* Room for the fixed header also keeps deep links and keyboard focus visible. */
html{scroll-padding-top:104px}
:where(h1,h2,h3){text-wrap:balance}
:where(.page-lead,.content-copy p,.collection-heading p){text-wrap:pretty}
.section-space{padding:var(--section-gap) max(var(--gutter),calc((100vw - var(--page-max))/2))}
.site-header{gap:28px;padding:14px var(--gutter);min-height:72px;background:var(--black)}
.page-home .site-header:not(.is-scrolled){background:transparent}
.site-header.is-scrolled{padding-top:12px;padding-bottom:12px}
.brand{flex-shrink:0;font-size:32px}
.desktop-nav{gap:clamp(20px,2.3vw,34px);font-size:14px}
.desktop-nav a[aria-current=page]{color:var(--white)}
.desktop-nav a[aria-current=page]::after{transform:scaleX(1);background:var(--accent)}
.desktop-nav>a:not(.nav-contact){min-height:44px;display:inline-flex;align-items:center}
.desktop-nav>a{white-space:nowrap}
.nav-contact{border-color:var(--accent);background:var(--accent);color:var(--accent-text)!important;font-size:14px;padding:11px 19px}
.nav-contact:hover{background:var(--white);border-color:var(--white);color:var(--black)!important}
.menu-toggle{font-size:16px;min-height:44px}
.text-link{font-size:16px;line-height:1.5;min-height:44px;max-width:100%;gap:25px;padding:10px 0;transition:color var(--feedback-time) var(--feedback-ease),border-color var(--feedback-time) var(--feedback-ease)}
.text-link>span[aria-hidden],.email-link>span[aria-hidden]{flex-shrink:0}
.text-link:hover{gap:25px;color:var(--white);border-color:var(--accent)}
.pill{font-size:15px;min-height:50px;gap:28px;padding:14px 23px}
.pill:active{transform:translateY(1px)}
.secondary-link{color:var(--muted)}
.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px}
:where(a,button,summary,video):focus-visible{outline:3px solid var(--accent-focus);outline-offset:var(--focus-offset)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.editorial-title{font-family:var(--display);font-weight:400;font-size:clamp(56px,6.6vw,104px);line-height:1;letter-spacing:-.005em;padding-bottom:.06em}
.display-title{line-height:1;padding-bottom:.06em}
.display-title .orange,.editorial-title .orange,.contact-title span:not(.title-dot){color:inherit}
.title-dot{color:var(--accent)}
.content-copy{min-width:0}
.content-copy p{font-size:16px;line-height:1.7;color:var(--muted);max-width:58ch;margin-bottom:24px}
.content-copy .editorial-title{margin-bottom:28px}
.content-copy .text-link{margin-top:10px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%}
.section-light .content-copy p{color:var(--stone)}
.collection-heading{margin-bottom:42px}
.collection-heading p{font-size:16px;color:var(--muted);line-height:1.7;margin-top:18px;max-width:52ch}
.eyebrow{font-size:12px;letter-spacing:.08em}

/* Preserve the portrait/name composition and the corrected focal crop. */
.hero-title{animation:none;font-size:17vw;bottom:64px;padding:0;line-height:.8}
.hero-title>span{display:block}
.hero-image{object-position:50% 40%}
.hero-shade{background:linear-gradient(90deg,var(--veil),#0b0b0b14 70%),linear-gradient(0deg,#0b0b0b80,transparent 55%,#0b0b0b65)}
.hero-intro{top:23%}
.hero-role{color:var(--white);opacity:.82}
.hero-work-link{font-size:16px}
.hero-bottom{bottom:27px;font-size:13px;letter-spacing:.01em}
.round-cta{font-size:14px}
.intro{border-bottom:1px solid var(--stone)}
.intro-title{max-width:1120px;font-size:clamp(48px,6.6vw,108px);line-height:1}
.intro-bottom{display:flex;align-items:flex-end;gap:42px;margin-top:42px;max-width:790px;margin-left:auto}
.intro-bottom p{max-width:55ch;color:var(--muted);font-size:16px;line-height:1.7}
.intro-bottom .text-link{flex-shrink:0}

/* Inner routes show their actual imagery in the opening viewport. */
.page-heading{padding-top:124px;padding-bottom:72px;overflow:visible;isolation:auto}
.opening--media{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:7%;align-items:center}
.opening-copy{min-width:0}
.page-heading .display-title,.contact-opening .display-title{font-size:clamp(80px,9vw,140px);line-height:.98;letter-spacing:-.005em}
.opening-label,.opening-byline{font-size:16px;color:var(--muted);margin-top:14px}
.page-lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:48ch;margin-top:28px}
.opening-actions{margin-top:30px}
.opening-media{height:clamp(400px,65svh,620px);background:var(--charcoal);overflow:hidden}
.opening-media img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.services-opening .opening-media img,.recovery-opening .opening-media img{object-position:center}
.opening--text .opening-copy{max-width:1020px}
.utility-opening{padding-top:130px;padding-bottom:62px}
.utility-opening .display-title{font-size:clamp(66px,8vw,116px)}
.biography{padding-top:50px;border-top:1px solid var(--stone)}
.education{border-top:1px solid var(--stone);margin-top:30px}
.education summary{padding:22px 0;font-size:16px;line-height:1.5;min-height:44px}
.education summary>span{flex-shrink:0;transition:transform var(--feedback-time) var(--feedback-ease)}
.education[open] summary>span{transform:rotate(45deg)}
.education li{font-size:16px;line-height:1.6;padding:14px 0}
.education li span{font-size:14px;color:var(--muted)}
.perspective{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:12%;align-items:center}
.perspective figure{max-width:450px}
.perspective img{width:100%;height:auto}
.home-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12%;align-items:center}
.home-about-portrait{max-width:530px}
.home-about-portrait img{width:100%;height:auto}

/* Grid position, image clip, and optional parallax keep separate owners. */
.media-clip{display:block;width:100%;height:100%;overflow:hidden}
.work-image-link{isolation:isolate}
.work-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px 44px;padding-bottom:84px}
.work-card:nth-child(even){transform:translateY(84px)}
.gallery-enhanced .work-card{transform:none}
.gallery-enhanced .work-card.is-offset{transform:translateY(84px)}
.work-caption{display:block;margin-top:20px}
.work-caption h3{font-size:20px;line-height:1.4;letter-spacing:-.01em}
.work-caption p{font-size:13px;line-height:1.6;letter-spacing:.01em;white-space:normal;margin-top:7px;color:var(--muted)}
.image-open{width:44px;height:44px}
.archive.section-space{padding-top:123px}
.archive-opening{margin-bottom:35px;max-width:820px}
.archive-opening .display-title{font-size:clamp(88px,10vw,160px)}
.archive-opening .page-lead{margin-top:18px;max-width:50ch}
.archive .filter-bar{flex-wrap:wrap;padding-bottom:16px;margin-bottom:34px}
.archive .filters{flex-wrap:wrap;gap:12px 30px}
.archive .filters button{font-size:15px;min-height:44px}
.archive .filters button span:not(.shiny-content){font-size:12px}
.archive .filters button[aria-pressed=true]::after{bottom:-17px}
.archive .gallery-status{font-size:14px;position:static;width:auto;height:auto;overflow:visible;clip-path:none}
.archive-link-row{display:flex;justify-content:flex-end;border-top:1px solid var(--stone);padding-top:25px;margin-top:50px;gap:24px}
.photo-projects{display:grid;gap:12px;margin-top:18px;font-size:16px;line-height:1.6}
.photo-projects a{width:fit-content;max-width:100%;min-height:44px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--stone);padding:10px 0}
.photo-projects a:hover{text-decoration-color:var(--orange)}
.photo-project-label{font-size:12px;color:var(--muted);margin-right:8px}
.clients{background:var(--black);color:var(--white);padding-top:58px;padding-bottom:64px}
.clients-title{font-family:var(--display);font-weight:400;font-size:clamp(30px,3vw,44px);line-height:1;margin-bottom:36px}
.clients .client-grid>img{filter:grayscale(1) invert(1);mix-blend-mode:screen}
.clients :where(a,button,summary):focus-visible{outline-color:var(--accent-focus)}

/* Native media is never cropped, pinned, transformed, or made hover-dependent. */
.film-opening{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;align-items:center;padding-top:119px;padding-bottom:72px}
.film-opening .display-title{font-size:clamp(88px,10vw,160px);line-height:1.1}
.film-opening-copy{min-width:0}
.film-opening-copy>.text-link{margin-top:25px}
.film-opening-player{display:flex;justify-content:center;min-width:0}
.video-card{min-width:0;max-width:100%}
.video-card video{display:block;width:100%;height:auto;aspect-ratio:var(--film-ratio);background:var(--charcoal);object-fit:contain}
.featured-video{width:100%;max-width:calc(min(640px,72svh) * var(--film-ratio));min-width:min(280px,100%);justify-self:center}
.video-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.video-meta>span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}
.video-card h2,.video-card h3{font-family:var(--body);font-style:normal;font-size:20px;line-height:1.35;font-weight:400;letter-spacing:-.01em;margin-bottom:12px}
.video-card p{font-size:16px;line-height:1.7;color:var(--muted);max-width:56ch}
.video-card [data-video-error]{margin-top:18px;color:var(--white)}
.video-card [data-video-retry]{min-height:44px;padding:9px 14px;margin-top:10px;border:1px solid var(--stone);background:var(--charcoal);color:var(--white);font-size:16px;line-height:1.5}
.video-card [data-video-retry]:hover{background:var(--white);color:var(--black)}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:64px 32px}
.video-grid:has(>.video-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.video-grid:has(>.video-card:only-child){grid-template-columns:minmax(0,1fr);max-width:540px}
.more-films{margin-top:60px;border-top:1px solid var(--stone)}
.more-films>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:20px;min-height:56px;padding:22px 0}
.more-films>summary>span{color:var(--muted);font-size:16px}
.more-films>summary>span>span{display:inline-block;color:var(--white);margin-left:12px}
.more-films[open]>summary>span>span{transform:rotate(45deg)}
.more-films>.video-grid{margin-top:28px}
.native-collection{padding-top:54px;border-top:1px solid var(--stone)}
.home-film-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;align-items:center}
.home-film-copy p{font-size:18px;line-height:1.7;color:var(--muted);max-width:34ch;margin:28px 0}
.home-film-selection{margin-top:82px}
.film-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12%;border-top:1px solid var(--stone)}
.film-context p{font-size:16px;line-height:1.7;color:var(--muted);max-width:48ch;margin-top:25px;margin-bottom:20px}
.film-context-note{align-self:end;padding-bottom:12px}
.film-awaiting p,.media-empty p{font-size:16px;line-height:1.7;color:var(--muted);max-width:48ch;margin:25px 0}
.media-empty{border-top:1px solid var(--stone);padding-top:30px}
.media-empty h2{font-size:25px;line-height:1.4;font-weight:400}

/* Supporting services stay quieter than the work itself. */
.services{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:9%;border-top:1px solid var(--stone)}
.services-intro>p:not(.eyebrow){font-size:16px;line-height:1.7;margin-top:26px;color:var(--muted)}
.services-intro>.text-link{margin-top:26px}
.service summary{font-size:clamp(26px,2.4vw,36px);line-height:1.15;padding:26px 0;letter-spacing:0;min-height:60px}
.service p{font-size:16px;line-height:1.7;max-width:54ch}
.service>div{padding-right:20px;padding-bottom:28px}
.service-formats{padding-top:20px}
.service-format{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%;padding:44px 0;border-top:1px solid var(--stone)}
.service-format-title{font-family:var(--display);font-weight:400;font-size:clamp(34px,3.2vw,48px);line-height:1.02;letter-spacing:0;max-width:16ch}
.service-format .format-examples{font-size:14px;color:var(--muted);margin-bottom:24px}
.service-format .action-row{gap:14px 28px}
.creation-process{border-top:1px solid var(--stone)}
.process-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8%;padding:32px 0;border-top:1px solid var(--stone)}
.process-image{overflow:hidden;background:var(--charcoal)}
.process-image img{width:100%;height:auto;object-fit:cover}
.process-copy{min-width:0}
.process-count{font-size:14px;color:var(--muted);margin-top:22px;font-variant-numeric:tabular-nums}
.process-copy .editorial-title{font-size:clamp(52px,5.6vw,86px);margin-bottom:25px}
.process-copy>p:not(.process-count){font-size:16px;line-height:1.7;max-width:42ch;color:var(--muted)}
.faq{border-top:1px solid var(--stone)}
.faq .service summary{font-size:21px}

/* Direct contact appears in the opening, with a real mail draft below. */
.contact-layout{padding-top:123px}
.contact-opening{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:7%;align-items:center}
.contact-opening .page-lead{max-width:37ch}
.contact-opening .email-link{font-size:clamp(23px,2.6vw,38px);gap:18px;line-height:1.35;margin:35px 0 17px;width:fit-content}
.contact-opening .text-link{font-size:16px}
.contact-portrait{height:clamp(360px,58svh,540px);overflow:hidden;background:var(--charcoal)}
.contact-portrait img{width:100%;height:100%;object-fit:cover;object-position:90% 40%}
.contact-brief{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;padding-top:70px;margin-top:80px;border-top:1px solid var(--stone)}
.contact-note{margin-top:24px}
.inquiry-context{border:1px solid var(--line);padding:16px 18px}
.contact{padding:70px max(var(--gutter),calc((100vw - var(--page-max))/2));background:var(--black);border-top:1px solid var(--stone)}
.contact-title{font-size:clamp(76px,9.6vw,150px);line-height:1.08;padding-bottom:.06em}
.contact-bottom{margin-top:30px;gap:30px}
.contact-bottom p{font-size:16px;line-height:1.7;color:var(--muted)}
.prose{max-width:840px}
.prose.section-space{padding-top:0;padding-bottom:100px}
.prose h2{font-size:25px;line-height:1.4;margin:36px 0 16px}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{font-size:16px;line-height:1.75;color:var(--muted)}
.prose a{color:var(--white);text-decoration:underline;text-underline-offset:4px}
.prose a:hover{color:var(--white);text-decoration-color:var(--accent)}
.project-details{border-top:1px solid var(--stone)}
.project-facts{margin:35px 0 0}
.project-facts>div{border-top:1px solid var(--stone);padding:22px 0}
.project-facts dt{font-size:14px;color:var(--muted);margin-bottom:12px}
.project-facts dd{margin:0;font-size:16px;line-height:1.7}
.project-facts ul{padding-left:20px;margin:0}
.project-media>h2{margin-bottom:44px}
.project-media .video-grid{margin-top:60px}
.project-next{border-top:1px solid var(--stone)}
.footer{flex-wrap:wrap;gap:22px 30px;padding:30px var(--gutter)}
.footer>span,.footer>a:not(.brand){font-size:12px;line-height:1.5;letter-spacing:.02em}
.footer>a:not(.brand){min-height:44px;display:inline-flex;align-items:center}
.footer .footer-nav{display:flex;flex-wrap:wrap;gap:8px 28px;width:100%;padding-top:20px;border-top:1px solid var(--stone);font-size:14px;color:var(--muted)}
.footer-nav a{min-height:44px;display:inline-flex;align-items:center;gap:12px}
.footer-nav a[aria-current=page]{color:var(--white);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}
.footer-nav a{transition:color var(--feedback-time) var(--feedback-ease)}
.footer-nav a:hover,.footer>a:not(.brand):hover{color:var(--white);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}
.footer-nav a>span{display:none}
.mobile-menu nav>a{font-size:clamp(38px,10vw,62px);line-height:1.35;min-height:54px}
.mobile-menu nav>a[aria-current=page]{color:var(--white);border-bottom-color:var(--accent)}
.mobile-menu .menu-email{font-size:16px;line-height:1.5;min-height:44px}
.mobile-menu .menu-email{display:inline-flex;align-items:center;overflow-wrap:anywhere}
.reveal,.reveal.is-pending{opacity:1;transform:none;transition:none}

@media(min-width:701px) and (max-width:1399px){.hero-image{object-position:90% 40%}}
@media(max-width:1179px){
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 32px}
  .opening--media{gap:6%}.page-heading .display-title,.contact-opening .display-title{font-size:clamp(72px,8.6vw,108px)}
  .content-grid,.home-about,.services,.service-format{gap:6%}
}
@media(max-width:900px){
  .work-grid{gap:46px 28px}.desktop-nav{gap:19px;font-size:13px}.nav-contact{font-size:13px;padding-inline:15px}
  .film-opening,.home-film-feature{gap:6%}.film-opening .display-title{font-size:clamp(72px,10vw,105px)}
  .featured-video{min-width:min(260px,100%)}.contact-opening .email-link{font-size:22px}
}
@media(max-width:767px){
  .section-space{padding-top:62px;padding-bottom:62px}
  .content-grid,.opening--media,.home-about,.perspective,.services,.service-format,.film-opening,.home-film-feature,.film-context,.contact-opening,.contact-brief{grid-template-columns:minmax(0,1fr);gap:32px}
  .page-heading,.film-opening,.contact-layout,.archive.section-space{padding-top:118px}
  .page-heading .display-title,.contact-opening .display-title{font-size:clamp(68px,16vw,108px)}
  .page-lead{font-size:16px;line-height:1.7;margin-top:20px;max-width:46ch}
  .editorial-title{font-size:clamp(49px,12vw,76px);line-height:1.1}
  .opening-actions{margin-top:24px}.opening-media{height:auto;aspect-ratio:4/4.4;max-height:590px}
  .opening-media img{height:100%;object-position:50% 30%}
  .opening--media{padding-bottom:48px}.biography{padding-top:42px}.perspective{gap:35px}.perspective figure{max-width:none}
  .home-about-portrait{max-width:none}.intro-title{font-size:clamp(37px,8vw,58px);line-height:1.2}
  .intro-title br{display:initial}
  .intro-bottom{display:block;margin-top:26px}.intro-bottom .text-link{margin-top:18px}
  .collection-heading{margin-bottom:28px}.collection-heading p{margin-top:14px}
  .work-grid{grid-template-columns:minmax(0,1fr);gap:38px;padding-bottom:0}
  .work-card:nth-child(even),.gallery-enhanced .work-card.is-offset{transform:none}
  .work-caption h3{font-size:20px}.work-caption p{font-size:13px}.archive-opening{margin-bottom:24px}
  .archive-opening .display-title{font-size:clamp(84px,22vw,140px)}
  .archive .filter-bar{gap:12px;padding-bottom:14px;margin-bottom:28px}.archive .filters{gap:8px 22px}
  .archive .filters button{font-size:14px}.archive .filters button[aria-pressed=true]::after{bottom:0}
  .archive .gallery-status{font-size:13px}.archive-link-row{margin-top:35px;padding-top:20px;justify-content:flex-start}
  .film-opening .display-title{font-size:clamp(80px,21vw,136px)}.film-opening-copy>.text-link{margin-top:16px}
  .featured-video{width:100%;max-width:100%;min-width:0}.film-opening-player{display:block}
  .video-grid,.video-grid:has(>.video-card:nth-child(2):last-child){grid-template-columns:minmax(0,1fr);gap:46px;max-width:none}
  .video-meta{font-size:13px}
  .home-film-copy p{font-size:16px;margin:22px 0}.home-film-selection{margin-top:46px}
  .native-collection{padding-top:42px}.film-context-note{padding-bottom:0}.more-films{margin-top:42px}
  .service-formats{padding-top:0}.service-format{padding:34px 0;gap:20px}.service-format-title{font-size:27px;max-width:none}
  .service-format .format-examples{font-size:14px}.service summary{font-size:23px;padding:22px 0}
  .process-step{grid-template-columns:minmax(0,1fr);gap:26px;padding:30px 0}.process-count{margin-top:16px}
  .process-copy .editorial-title{font-size:clamp(50px,13vw,76px);margin-bottom:18px}.process-copy>p:not(.process-count){max-width:none}
  .faq .service summary{font-size:19px}.faq .service>div{padding-right:0}
  .contact-portrait{height:auto;aspect-ratio:16/10}.contact-opening .email-link{font-size:clamp(20px,5.4vw,29px);margin-top:28px;gap:15px}
  .contact-brief{padding-top:35px;margin-top:42px}.contact-title{font-size:clamp(67px,16vw,110px)}
  .contact{padding-top:48px;padding-bottom:48px}.contact-bottom{align-items:flex-start;margin-top:22px}
  .utility-opening .display-title{font-size:clamp(57px,13.8vw,96px)}.utility-opening{padding-bottom:40px}
  .prose.section-space{padding-bottom:70px}.prose h2{font-size:23px}.project-media>h2{margin-bottom:32px}
  .footer{gap:12px 22px}.footer>.brand{width:auto}.footer>span{width:auto;text-align:left;margin-left:auto}
  .footer>a:not(.brand){font-size:12px}.footer .footer-nav{gap:8px 22px;font-size:14px}
}
@media(max-width:700px){
  .site-header{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:14px}.desktop-nav{flex-wrap:wrap;gap:8px 16px;justify-content:flex-end;font-size:12px}
  .desktop-nav .nav-contact{display:inline-flex;font-size:12px;padding:9px 13px;gap:12px}.desktop-nav>a{font-size:12px}
  .js-menu-ready .desktop-nav{display:none}.js-menu-ready .menu-toggle:not([hidden]){display:flex}
  .hero{min-height:730px}.hero-image{object-position:88% center}.hero-intro{top:138px;max-width:210px}
  .hero-intro .eyebrow{font-size:10px;letter-spacing:.025em}.hero-title{bottom:80px;font-size:27vw;width:calc(100% - 44px);left:var(--gutter)}
  .hero-title>span:last-child{margin-left:14%}.hero-bottom{bottom:28px;font-size:12px;letter-spacing:0}
  .hero-work-link{font-size:16px}.round-cta{right:var(--gutter);top:43%;font-size:12px}
  /* Without the dialog initializer all destinations remain normal links. A
     wrapped fallback header participates in layout instead of covering copy. */
  html:not(.js-menu-ready) .site-header{position:relative;align-items:flex-start}
  html:not(.js-menu-ready) .desktop-nav{min-width:0;max-width:calc(100% - 100px)}
  html:not(.js-menu-ready) :is(.page-heading,.film-opening,.contact-layout,.archive.section-space,.story-opening){padding-top:42px}
}
/* Landscape keeps the menu and dialog controls outside display cutouts. */
@supports(padding:env(safe-area-inset-left)){
  .site-header,.mobile-menu,.lightbox{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}
  .mobile-menu,.lightbox{padding-bottom:max(22px,env(safe-area-inset-bottom))}
}
@media(max-height:550px){
  .mobile-menu{overflow-y:auto}
  .mobile-menu nav{padding-block:18px}
  .mobile-menu nav>a{font-size:clamp(30px,5vw,42px);line-height:1.3;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .hero-title,.work-card,.hero-image,.media-clip img{animation:none!important;transform:none!important}
  html{scroll-behavior:auto}.pill,.text-link{transition:none}
}

/* Preserve the photographer's full frame and avoid enlarging small source files. */
.work-image-link.photo-frame{max-width:min(100%,var(--photo-width));}
.work-image-link.photo-frame img{object-fit:contain;}
.work-image-link.photo-frame>.media-clip,
.work-image-link.photo-frame:hover>.media-clip,
.work-image-link.photo-frame:focus-visible>.media-clip{transform:none;}
.hero-title .title-dot{display:inline}
@media (hover:hover) and (pointer:fine){.image-open{display:none}}
.image-open{background:var(--veil);color:var(--white);border:1px solid var(--line-strong)}
.video-card figcaption{padding-top:20px}
.icon{display:inline-block;vertical-align:-.12em}
/* Media carries no chrome at rest: on fine pointers the cursor ring says "Esita", on touch a small hairline ring remains. */
@media (hover:hover) and (pointer:fine){.video-card:not(:hover):not(:focus-within) .video-play.shiny-cta{opacity:0}.video-card .video-play.shiny-cta{transition:opacity var(--dur-hover) var(--ease-lux),background-color var(--dur-hover) var(--ease-lux),color var(--dur-hover) var(--ease-lux)}}
@media (hover:none),(pointer:coarse){.video-card .video-play.shiny-cta.shiny-cta{width:48px;height:48px;background:transparent;border-color:var(--line-strong)}}
/* The logo band and the biography read as one passage; no dead band between them. */
.clients+.home-about{padding-top:clamp(40px,4.5vw,72px)}
.clients{padding-bottom:clamp(32px,3vw,48px)}
/* Subject cut-out of the same portrait sits above the name, so Loore overlaps "KUUSK". It inherits every
   .hero-image crop rule, so both layers stay registered at all breakpoints. */
.hero-image.hero-cutout{z-index:1;pointer-events:none}
.hero-intro,.hero-bottom,.hero-title .title-dot{position:relative;z-index:2}
.hero-intro{position:absolute}.hero-bottom{position:absolute}
@media (max-width:1199px){.hero-image.hero-cutout{display:none}}
/* /assets/css/projects.css */
/* Work collections: story links and photo controls have separate semantics. */
.story-collection{margin-top:62px}
.story-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.story-card{min-width:0}
.story-card-link{display:block}
.story-card-cover{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--charcoal)}
.story-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform 250ms ease}
.story-card-link:hover .story-card-cover img{transform:scale(1.035)}
.story-card-arrow{display:none}
.story-card-index{position:absolute;top:18px;left:18px;background:var(--black);padding:7px 10px;font-size:12px;font-variant-numeric:tabular-nums}
.story-card-copy{padding-top:24px}
.story-card-copy p{font-size:12px;color:var(--muted);margin-bottom:10px;letter-spacing:.04em}
.story-card-copy h3{font-family:var(--display);font-size:34px;line-height:1.02;margin-bottom:12px;font-weight:400;letter-spacing:0}
.story-card-copy>span{display:block;font-size:15px;line-height:1.7;color:var(--muted)}
.story-card-copy .story-card-action{display:flex;gap:24px;align-items:center;margin-top:20px;min-height:44px;color:var(--white);font-size:15px}
.story-card-action>span{color:inherit}
.story-card-link:hover h3{color:var(--white);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}
.archive-photos{margin-top:96px;padding-top:76px;border-top:1px solid var(--stone)}
.story-opening{padding-top:124px;padding-bottom:72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center}
.story-opening-copy{min-width:0}
.story-back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--muted);margin-bottom:26px}
.story-back:hover{color:var(--white);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}
.story-opening .opening-byline{margin-top:16px;font-size:16px}
.story-opening .display-title{font-size:clamp(76px,8.1vw,128px);letter-spacing:-.005em;line-height:.98}
.story-opening .page-lead{font-size:16px;line-height:1.7;margin-top:24px}
.story-opening-copy>.text-link{margin-top:20px}
.story-preview-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.story-preview-pair figure:nth-child(2){padding-top:68px}
.story-preview-pair img{width:100%;height:auto;display:block;background:var(--charcoal)}
.story-preview-pair figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:13px}
.story-context{border-top:1px solid var(--stone)}
.story-context .eyebrow{color:var(--muted);margin-bottom:24px}
.story-context .editorial-title{max-width:9ch}
.story-facts{margin-top:36px;font-size:14px;line-height:1.7;max-width:370px}
.story-facts>div{border-top:1px solid var(--stone);padding:16px 0;display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px}
.story-facts dt{color:var(--muted)}
.story-facts ul{list-style:none;padding:0;display:grid;gap:8px}
.story-context .content-copy{align-self:center}
.story-films{padding-top:36px}
.story-films .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8%;max-width:950px;margin:auto}
.story-next{border-top:1px solid var(--stone)}
.story-next .editorial-title{max-width:9ch}
.story-next .content-copy{align-self:center}
.story-next .action-row{display:grid;justify-items:start;gap:20px}
.home-stories{padding-top:36px;border-bottom:1px solid var(--stone)}
.home-story-links{border-top:1px solid var(--stone)}
.home-story-links>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) 24px;gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid var(--stone);min-height:88px}
.home-story-index{font-size:12px;color:var(--muted)}
.home-story-name{font-family:var(--display);font-size:clamp(34px,4.4vw,64px);letter-spacing:0;line-height:1}
.home-story-category{font-size:14px;line-height:1.5;color:var(--muted)}
.home-story-links>a>.orange{font-size:26px}
.home-story-links>a:hover .home-story-name{color:var(--white);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}
.film-story-feature{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:12%;align-items:center;border-top:1px solid var(--stone)}
.film-story-feature figure{max-width:350px;margin:auto}
.film-story-feature img{width:100%;height:auto}
.film-story-feature .eyebrow{color:var(--muted);margin-bottom:24px}
.film-story-feature .editorial-title{font-size:clamp(48px,5.4vw,82px)}
.film-story-feature p:not(.eyebrow){font-size:16px;line-height:1.7;color:var(--muted);max-width:48ch;margin-top:25px;margin-bottom:20px}
@media(max-width:900px){.story-card-grid{gap:22px}.story-card-copy h3{font-size:20px}.story-opening{gap:5%}.story-opening .display-title{font-size:clamp(72px,10vw,100px)}.story-preview-pair{gap:12px}.story-preview-pair figure:nth-child(2){padding-top:42px}.story-facts>div{grid-template-columns:80px minmax(0,1fr)}}
@media(max-width:640px){.story-card-grid{grid-template-columns:minmax(0,1fr);gap:46px}.story-card-cover{aspect-ratio:4/4.5}.story-card-copy{padding-top:20px}.story-card-copy h3{font-size:25px}.story-collection{margin-top:46px}.archive-photos{margin-top:66px;padding-top:52px}.story-opening{grid-template-columns:minmax(0,1fr);padding-top:110px;gap:40px}.story-opening .display-title{font-size:clamp(70px,19vw,112px)}.story-back{margin-bottom:16px}.story-opening .page-lead{max-width:42ch}.story-preview-pair{gap:18px}.story-preview-pair figure:nth-child(2){padding-top:38px}.story-context,.story-next{grid-template-columns:minmax(0,1fr);gap:34px}.story-context .editorial-title,.story-next .editorial-title{max-width:12ch}.story-facts{max-width:none}.story-films .video-grid{grid-template-columns:minmax(0,1fr);gap:52px;max-width:410px}.story-films{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.story-card-cover img{transition:none}.story-card-link:hover .story-card-cover img{transform:none}}
@media(max-width:640px){.home-story-links>a{grid-template-columns:minmax(0,1fr) 24px;gap:10px 14px;padding:24px 0}.home-story-name{grid-column:1;grid-row:1}.home-story-category{grid-column:1;grid-row:2}.home-story-links>a>.orange{grid-column:2;grid-row:1 / 3;align-self:center}.film-story-feature{grid-template-columns:minmax(0,1fr);gap:38px}.film-story-feature figure{max-width:270px}.film-story-feature .editorial-title{font-size:clamp(48px,12.5vw,70px)}}
/* /assets/css/motion.css */
/* Content is visible by default. JavaScript supplies temporary masks only after
   compatible vendors initialize; finished text returns to its original markup. */
.hero-title[data-reveal="hero"] { animation: none; }
[data-reveal].reveal.is-pending { opacity: 1; transform: none; }

/* Only active while ScrollTrigger measures reverted pins. The forced style
   prevents a smooth scroll-to-zero from leaving viewport/cached offsets apart. */
html.loore-motion-measuring { scroll-behavior: auto !important; }

/* Bleed around tight italic line-height prevents ascenders/diacritics and the
   rightmost italic glyph from being cut off by a SplitText 3.13 line mask. */
.motion-line { display: block; }
.motion-line-mask {
  display: block;
  padding: .2em .22em;
  margin: -.2em -.22em;
  overflow: clip !important;
  overflow-clip-margin: .05em;
}
/* Hero name: per-character masks. Divs, so the mobile `.hero-title span` block
   and :last-child margin rules never reach them; the dot span stays inline. */
.hero-title .motion-char,
.hero-title [class*="char-mask"] { display: inline-block; vertical-align: top; }
.hero-title [class*="char-mask"] {
  padding: .22em .04em;
  margin: -.22em -.04em;
  overflow: clip !important;
}
.hero-image { scale: var(--hero-scale, none); }
.motion-highlight-word { display: inline; }

/* Image curtain reveals settle with the individual scale property so the scrub
   parallax transform on the same image is never fought. */
.work-image-link img, .story-card-cover img, .opening-media img,
.home-about-portrait img, .contact-portrait img, .process-image img {
  scale: var(--reveal-scale, none);
}

/* Section hairlines: JS marks bordered sections with data-hairline and sets
   html.motion-lines; the border is swapped for a ::before that draws once. */
.motion-lines [data-hairline] { border-top-color: transparent; }
.motion-lines [data-hairline="static"] { position: relative; }
.motion-lines [data-hairline]::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: var(--stone);
  transform: scaleX(0);
  transform-origin: left;
  pointer-events: none;
}
.motion-lines [data-hairline].is-drawn::before {
  transform: scaleX(1);
  transition: transform 1.2s var(--ease-lux);
}

/* First-visit wordmark curtain, created by motion.ts only. */
.intro-curtain {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  background: var(--black);
  pointer-events: none;
}
.intro-curtain__word {
  font-family: var(--wordmark);
  font-weight: 600;
  font-size: clamp(48px, 7vw, 96px);
  letter-spacing: -0.07em;
  line-height: 1;
  color: var(--white);
}
.intro-curtain__dot { display: inline-block; color: var(--accent); }

/* Lenis base styles. */
html.lenis, html.lenis body { height: auto; }
html.lenis { scroll-behavior: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-smooth iframe { pointer-events: none; }

/* Header hides on scroll down (main.js toggles .is-hidden). */
.site-header,
.site-header.is-scrolled {
  transition: transform 600ms var(--ease-out), background-color 300ms var(--ease-out);
}
.site-header.is-hidden { transform: translateY(-100%); }

/* The existing grid/card offset remains the positioning owner. CSS hover owns
   media-clip while GSAP's inline img transform owns crop-buffered parallax. */
.work-image-link > .media-clip { transform-origin: 50% 50%; }
.work-image-link .media-clip > img,
.work-image-link:hover .media-clip > img {
  transform: none;
  transition: none;
}
.work-image-link:focus-visible,
a.film-poster[data-expand]:focus-visible { clip-path: none !important; }

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .work-image-link > .media-clip {
    transition: transform 240ms cubic-bezier(.2, .65, .3, 1);
  }
  .work-image-link:hover > .media-clip,
  .work-image-link:focus-visible > .media-clip { transform: scale(1.025); }
}

/* The class is assigned only to a complete desktop story that fits the screen.
   Every step remains in the accessibility tree. Focus restores the stacked DOM. */
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  [data-process].motion-process {
    --motion-process-top: 112px;
    display: grid;
    align-items: center;
    min-height: min(640px, calc(100svh - 150px));
  }
  [data-process].motion-process > .process-step {
    grid-area: 1 / 1;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(32px, 5vw, 80px);
    width: 100%;
    padding: 0;
    border-top: 0;
    pointer-events: none;
  }
  [data-process].motion-process > .motion-process-active { pointer-events: auto; }
  [data-process].motion-process .process-image {
    min-width: 0;
    aspect-ratio: auto;
    height: min(56svh, 560px);
    overflow: hidden;
  }
  [data-process].motion-process img.process-image,
  [data-process].motion-process .process-image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  [data-process].motion-process img.process-image { height: min(56svh, 560px); }
  [data-process].motion-process .process-copy { min-width: 0; }
}

/* A native dialog keeps focus, Escape, and interruptible navigation with main.js. */
@media (prefers-reduced-motion: no-preference) {
  dialog.mobile-menu[open] { animation: loore-menu-panel 260ms cubic-bezier(.2, .65, .3, 1) both; }
  dialog.mobile-menu[open] nav > a { animation: loore-menu-link 240ms ease-out both; }
  dialog.mobile-menu[open] nav > a:nth-child(2) { animation-delay: 15ms; }
  dialog.mobile-menu[open] nav > a:nth-child(3) { animation-delay: 30ms; }
  dialog.mobile-menu[open] nav > a:nth-child(4) { animation-delay: 45ms; }
  dialog.mobile-menu[open] nav > a:nth-child(5) { animation-delay: 60ms; }
  dialog.mobile-menu[open] nav > a:nth-child(6) { animation-delay: 75ms; }
}
@keyframes loore-menu-panel {
  from { opacity: .4; transform: translateY(-12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes loore-menu-link {
  from { opacity: .5; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API/Using#basic_mpa_view_transition
   Both same-origin documents opt in. Unsupported browsers navigate normally. */
@view-transition { navigation: auto; }
::view-transition { pointer-events: none; }
::view-transition-group(root) { animation: none; }
::view-transition-old(root) { animation: loore-page-out 600ms var(--ease-in-out) both; }
::view-transition-new(root) { animation: loore-page-in 700ms var(--ease-lux) 120ms both; }
::view-transition-group(story-cover) {
  animation-duration: 900ms;
  animation-timing-function: var(--ease-in-out);
}
@keyframes loore-page-out {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(-24px); }
}
@keyframes loore-page-in {
  from { clip-path: inset(100% 0 0 0); }
  to { clip-path: inset(0); }
}

@media (max-width: 900px), (prefers-reduced-motion: reduce) {
  [data-process].motion-process { display: grid; min-height: 0; }
  [data-process].motion-process > .process-step { grid-area: auto; pointer-events: auto; }
  [data-process].motion-process .process-copy,
  [data-process].motion-process .process-image {
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  html { scroll-behavior: auto !important; }
  [data-reveal], .motion-line, .motion-char,
  .motion-highlight-word, .work-image-link,
  a.film-poster[data-expand] {
    opacity: 1 !important;
    clip-path: none !important;
    animation: none !important;
  }
  .motion-line, .motion-char, [class*="char-mask"],
  img[data-parallax], .work-image-link > .media-clip { transform: none !important; }
  .site-header, .site-header.is-hidden { transform: none !important; }
  .intro-curtain { display: none !important; }
  .motion-lines [data-hairline] { border-top-color: var(--stone); }
  .motion-lines [data-hairline]::before { display: none; }
  dialog.mobile-menu[open], dialog.mobile-menu[open] nav > a {
    animation: none !important;
    transform: none !important;
  }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) {
    animation: none !important;
  }
}

/* Hero depth. --hero-exit (0→1) is scrubbed by motion.ts and drives the exit fades and veil. */
.hero{--hero-exit:0}
.hero .hero-intro{opacity:max(0, 1 - var(--hero-exit) * 1.9)}
.hero .hero-bottom{opacity:max(0, 1 - var(--hero-exit) * 3.5)}
.hero::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--black);opacity:calc(var(--hero-exit) * .72)}
@media (prefers-reduced-motion: reduce){
  .hero .hero-intro,.hero .hero-bottom{opacity:1}
  .hero::after{display:none}
}
.clients{overflow-x:clip}
/* Curtain reveals scale the inner image from 1.2; every revealed frame must clip it. */
.home-about-portrait,.process-image,.story-card-cover,.opening-media,.contact-portrait{overflow:hidden}
/* /assets/css/shiny-button.css */
/* Shared control language: quiet outlined pills that invert on hover, with a text roll on the label.
   Class names .shiny-cta / .shiny-content / .shiny-label are the hooks used by site_content/shiny.py
   and src/shiny-button.ts. Nothing here animates on its own. */

/* Structure and state shared by every enhanced control. */
.shiny-cta.shiny-cta{cursor:pointer}
.shiny-cta.shiny-cta[hidden]{display:none!important}
.shiny-cta>.shiny-content{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  flex:1 1 auto;flex-direction:inherit;gap:inherit;border-radius:inherit;
  width:auto;max-width:100%;margin:0;
  font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;
}
.shiny-cta.shiny-cta:disabled,.shiny-cta.shiny-cta[disabled]{cursor:default;opacity:.4}
.shiny-cta.shiny-cta:focus-visible{outline:2px solid var(--white);outline-offset:4px}

/* Display carries zero specificity so layout rules elsewhere (mobile nav hiding) keep working. */
:where(.shiny-cta:not(.video-play,.icon-button,.round-cta,.menu-toggle,.logoloop-toggle,.filters *)){display:inline-flex}

/* Base pill: nav links, pills, text links and plain buttons. */
.shiny-cta.shiny-cta:not(.video-play,.icon-button,.round-cta,.menu-toggle,.logoloop-toggle,.filters *){
  align-items:center;justify-content:space-between;gap:18px;
  min-height:48px;max-width:100%;padding:0 22px;
  border:1px solid var(--line-strong);border-radius:999px;
  background:transparent;color:var(--white);
  font-family:var(--body);font-weight:400;font-size:15px;letter-spacing:.01em;line-height:1;
  white-space:nowrap;cursor:pointer;isolation:isolate;overflow:hidden;position:relative;
  transform:none;
  transition:background-color var(--dur-hover) var(--ease-lux),color var(--dur-hover) var(--ease-lux),
    border-color var(--dur-hover) var(--ease-lux),transform 160ms var(--ease-out);
}
@media (hover:hover) and (pointer:fine){
  .shiny-cta.shiny-cta:not(.video-play,.icon-button,.round-cta,.menu-toggle,.logoloop-toggle,.filters *):hover:where(:not([disabled])){
    background:var(--white);color:var(--black);border-color:var(--white);transform:none;
  }
}
.shiny-cta.shiny-cta:not(.video-play,.icon-button,.round-cta,.menu-toggle,.logoloop-toggle,.filters *):focus-visible{
  background:var(--white);color:var(--black);border-color:var(--white);
}
.shiny-cta.shiny-cta:not(.video-play,.icon-button,.round-cta,.menu-toggle,.logoloop-toggle,.filters *):active:where(:not([disabled])){
  transform:scale(.98);
}

/* Arrow glyph inside a control. */
.shiny-cta.shiny-cta:not(.video-play,.icon-button,.round-cta,.menu-toggle,.logoloop-toggle)>.shiny-content>span[aria-hidden]{
  display:inline-block;flex-shrink:0;font-size:18px;font-weight:400;line-height:1;
  transition:transform var(--dur-hover) var(--ease-lux);
}
@media (hover:hover) and (pointer:fine){
  .shiny-cta.shiny-cta:not(.video-play,.icon-button,.round-cta,.menu-toggle,.logoloop-toggle):hover:where(:not([disabled]))>.shiny-content>span[aria-hidden]{
    transform:translate(2px,-2px);
  }
}
.shiny-cta.shiny-cta:not(.video-play,.icon-button,.round-cta,.menu-toggle,.logoloop-toggle):focus-visible>.shiny-content>span[aria-hidden]{
  transform:translate(2px,-2px);
}

/* Primary call to action: solid ash that inverts to an outline. style.css/site.css still give
   .nav-contact a red background and an !important colour, hence the matching !important on color. */
.nav-contact.shiny-cta.shiny-cta,.pill-orange.shiny-cta.shiny-cta{
  background:var(--white);color:var(--black);border-color:var(--white);
}
.nav-contact.shiny-cta.shiny-cta{color:var(--black)!important}
@media (hover:hover) and (pointer:fine){
  .nav-contact.shiny-cta.shiny-cta:hover:where(:not([disabled])),
  .pill-orange.shiny-cta.shiny-cta:hover:where(:not([disabled])){
    background:transparent;color:var(--white);border-color:var(--line-strong);
  }
  .nav-contact.shiny-cta.shiny-cta:hover:where(:not([disabled])){color:var(--white)!important}
}
.nav-contact.shiny-cta.shiny-cta:focus-visible,.pill-orange.shiny-cta.shiny-cta:focus-visible{
  background:transparent;color:var(--white);border-color:var(--line-strong);
}
.nav-contact.shiny-cta.shiny-cta:focus-visible{color:var(--white)!important}

/* Text roll: the label is duplicated by ::after and slides up on hover. The alt-text syntax keeps
   screen readers from reading the duplicate. */
.shiny-label{display:inline-grid;overflow:hidden;line-height:1.2}
.shiny-label__text,.shiny-label::after{grid-area:1/1;transition:transform var(--dur-hover) var(--ease-lux)}
.shiny-label::after{content:attr(data-label);content:attr(data-label) / "";transform:translateY(110%);pointer-events:none}
/* Counter the generic span rules in style.css (nav, pill, filter counters) for the label spans. */
.shiny-cta.shiny-cta .shiny-content>.shiny-label,
.shiny-cta.shiny-cta .shiny-content>.shiny-label>.shiny-label__text{
  margin:0;color:inherit;font-size:inherit;font-weight:inherit;vertical-align:baseline;
}
.shiny-cta.shiny-cta .shiny-content>.shiny-label{line-height:1.2}
@media (hover:hover) and (pointer:fine){
  .shiny-cta:hover:where(:not([disabled])) .shiny-label__text{transform:translateY(-110%)}
  .shiny-cta:hover:where(:not([disabled])) .shiny-label::after{transform:translateY(0)}
}
.shiny-cta:focus-visible .shiny-label__text{transform:translateY(-110%)}
.shiny-cta:focus-visible .shiny-label::after{transform:translateY(0)}

/* Photo archive filters: plain text tabs with a 1px underline on the active one. */
.filters button.shiny-cta.shiny-cta{
  padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--muted);
  font-family:var(--body);position:relative;overflow:visible;
  transition:color var(--dur-hover) var(--ease-lux);
}
.filters button.shiny-cta.shiny-cta[aria-pressed="true"],.filters button.shiny-cta.shiny-cta:focus-visible{color:var(--white)}
.filters button.shiny-cta.shiny-cta[aria-pressed="true"]::after{height:1px;background:var(--white)}
@media (hover:hover) and (pointer:fine){
  .filters button.shiny-cta.shiny-cta:hover:where(:not([disabled])){color:var(--white)}
}

/* Mobile menu trigger: quiet text control (display stays with style.css). */
.menu-toggle.shiny-cta.shiny-cta{
  min-height:44px;padding:10px 0 10px 20px;border:0;border-radius:0;background:transparent;
  color:var(--white);font-family:var(--body);
  transition:color var(--dur-hover) var(--ease-lux);
}

/* Icon-only buttons stay transparent 48px squares. */
.icon-button.shiny-cta.shiny-cta{
  width:48px;height:48px;padding:0;display:grid;place-items:center;
  border:1px solid transparent;border-radius:50%;background:transparent;color:var(--white);
  transition:border-color var(--dur-hover) var(--ease-lux),transform 160ms var(--ease-out);
}
@media (hover:hover) and (pointer:fine){
  .icon-button.shiny-cta.shiny-cta:hover:where(:not([disabled])){border-color:var(--line-strong)}
}
.icon-button.shiny-cta.shiny-cta:active:where(:not([disabled])){transform:scale(.98)}
.icon-button.shiny-cta>.shiny-content,.video-play.shiny-cta>.shiny-content{justify-content:center;gap:0}

/* Styled elsewhere (logo-loop.css, video-cards.css, style.css): only keep the toggle from stretching. */
.logoloop-toggle.shiny-cta{width:fit-content;max-width:100%}

@media (max-width:700px){
  .nav-contact.shiny-cta.shiny-cta{min-height:44px;padding:0 16px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .shiny-cta.shiny-cta:not(.video-play,.icon-button,.round-cta,.menu-toggle,.logoloop-toggle,.filters *){
    transition:background-color var(--dur-hover) var(--ease-lux),color var(--dur-hover) var(--ease-lux),
      border-color var(--dur-hover) var(--ease-lux);
  }
  .shiny-cta.shiny-cta:not(.video-play,.round-cta,.logoloop-toggle):active{transform:none}
  .icon-button.shiny-cta.shiny-cta{transition:border-color var(--dur-hover) var(--ease-lux)}
  .shiny-cta .shiny-label__text,.shiny-cta .shiny-label::after,.shiny-cta .shiny-content>span[aria-hidden]{
    transform:none!important;transition:none!important;
  }
  .shiny-cta .shiny-label::after{display:none}
}
/* /assets/css/cursor.css */
@media (hover: hover) and (pointer: fine) {
  .cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    width: 0;
    height: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 200ms var(--ease-out);
  }
  .cursor.is-visible { opacity: 1; }
  .cursor__dot, .cursor__ring, .cursor__label {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    will-change: transform;
  }
  .cursor__dot {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    border-radius: 50%;
    background: var(--accent);
    transition: opacity 200ms var(--ease-out);
  }
  .cursor.is-media .cursor__dot { opacity: 0; }
  .cursor__ring {
    width: 88px;
    height: 88px;
    margin: -44px 0 0 -44px;
    box-sizing: border-box;
    border: 1px solid var(--white);
    border-radius: 50%;
    background: transparent;
    mix-blend-mode: difference;
    scale: .09;
    opacity: 0;
    transition: scale 500ms var(--ease-lux), opacity 200ms var(--ease-out);
  }
  .cursor.is-media .cursor__ring { scale: 1; opacity: 1; }
  .cursor__label {
    display: grid;
    place-items: center;
    width: 88px;
    height: 88px;
    margin: -44px 0 0 -44px;
    color: var(--white);
    font: 13px/1 var(--body);
    letter-spacing: .02em;
    opacity: 0;
    transition: opacity 300ms var(--ease-out);
  }
  .cursor.is-media .cursor__label { opacity: 1; transition-delay: 100ms; }
  .cursor-media { cursor: none; }
}
@media (prefers-reduced-motion: reduce) {
  .cursor { display: none; }
}