/* Schönes Feuer gallery. Existing Jost/Open Sans and storefront colour tokens. */
.sf-gallery{background:var(--color-brand-bg,#fff);color:var(--color-brand-primary,#2e2825);padding-bottom:1px}
.sf-gallery *, .sf-gallery *::before, .sf-gallery *::after{box-sizing:border-box}
.sf-gallery [hidden]{display:none!important}
.sf-gallery__wrap{width:calc(100% - 96px);max-width:1360px;margin:auto}
.sf-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;padding-top:25px;font-size:12px;color:var(--color-ink)}
.sf-breadcrumbs a{text-decoration:none;transition:color .2s}
.sf-breadcrumbs a:hover{color:var(--color-fire-deep)}
.sf-gallery__intro{padding:35px 0 32px}
.sf-gallery h1,.sf-gallery h2,.sf-gallery h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.018em}
.sf-gallery h1{font-size:clamp(38px,4.4vw,62px);line-height:1.1;margin:0}
.sf-gallery__intro>p{font-size:16px;line-height:1.75;max-width:650px;color:var(--color-ink);margin:20px 0 0}
.sf-gallery__sections{display:flex;gap:40px;border-bottom:1px solid var(--color-fog);overflow-x:auto;scrollbar-width:thin}
.sf-gallery__sections a{position:relative;white-space:nowrap;padding:12px 0 19px;font-family:var(--font-display);font-size:21px;color:var(--color-ink);text-decoration:none}
.sf-gallery__sections a::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-fire);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.sf-gallery__sections a[aria-current=page]{color:var(--color-ink-soft)}
.sf-gallery__sections a[aria-current=page]::after,.sf-gallery__sections a:hover::after{transform:scaleX(1)}
.sf-gallery__toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0}
.sf-gallery__filters{display:flex;flex-wrap:wrap;gap:8px}
.sf-gallery__filters button{font:inherit;font-size:12px;border:1px solid transparent;background:transparent;color:var(--color-ink);border-radius:var(--radius-md);padding:10px 13px;min-height:42px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.sf-gallery__filters button:hover{border-color:var(--color-fog)}
.sf-gallery__filters button[aria-pressed=true]{background:var(--color-ink-soft);color:#fafafa}
.sf-gallery__count{margin:0;white-space:nowrap;font-size:12px;color:var(--color-ink)}
.sf-gallery__grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 32px;align-items:start}
.sf-project{min-width:0}
.sf-project__image{position:relative;display:block;overflow:hidden;border-radius:var(--radius-md);background:var(--color-ash);aspect-ratio:1.38;text-decoration:none}
.sf-project__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 65%;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.sf-project:nth-child(2) .sf-project__image img{object-position:center}
.sf-project__image:hover img{transform:scale(1.035)}
.sf-project__open{position:absolute;bottom:18px;right:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--color-brand-bg);color:var(--color-ink-soft);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .35s}
.sf-project__open svg{width:19px;height:19px}
.sf-project__image:hover .sf-project__open,.sf-project__image:focus-visible .sf-project__open{opacity:1;transform:none}
.sf-project__caption{padding-top:17px}
.sf-project__meta{display:flex;flex-wrap:wrap;gap:7px 18px;color:var(--color-ink);font-size:11px;line-height:1.5}
.sf-project__title{font-size:clamp(23px,2vw,29px);line-height:1.2;margin:9px 0 10px}
.sf-project__title a{color:inherit;text-decoration:none}
.sf-project__title a:hover{color:var(--color-brand-700)}
.sf-project__caption>p{max-width:510px;margin:0;color:var(--color-ink);font-size:13px;line-height:1.75}
.sf-project__link,.sf-text-link{display:inline-flex;align-items:center;gap:12px;color:var(--color-brand-700);font-size:13px;font-weight:600;text-decoration:none;min-height:44px;background:none;border:0;cursor:pointer}
.sf-project__link{margin-top:9px}
.sf-project__link svg,.sf-text-link svg{height:17px;width:17px;flex-shrink:0;transition:transform .3s}
.sf-project__link:hover svg,.sf-text-link:hover svg{transform:translateX(4px)}
.sf-gallery__empty{padding:70px 0;text-align:center}
.sf-horeca{margin-top:96px;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;border-radius:var(--radius-md);background:var(--color-ash);color:#fafafa}
.sf-horeca__image{display:block;min-height:420px;overflow:hidden}
.sf-horeca__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.sf-horeca__image:hover img{transform:scale(1.025)}
.sf-horeca__copy{padding:55px 48px;align-self:center}
.sf-overline{display:block;font-size:12px;letter-spacing:.06em;color:var(--color-fog);margin-bottom:20px}
.sf-horeca h2{font-size:clamp(29px,3vw,42px);line-height:1.12;margin:0 0 22px}
.sf-horeca p{font-size:14px;line-height:1.8;color:var(--color-fog);max-width:440px;margin:0 0 20px}
.sf-horeca .sf-text-link{color:#fafafa}
.sf-horeca__product{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--color-fog);font-size:12px;text-decoration:none;margin-top:12px}
.sf-horeca__product svg{height:15px;width:15px}
.sf-gallery__advice{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:92px 0}
.sf-gallery__advice h2{font-size:36px;line-height:1.15;max-width:300px;margin:0 0 20px}
.sf-gallery__questions details{border-bottom:1px solid var(--color-fog)}
.sf-gallery__questions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:15px;font-weight:500;list-style:none;cursor:pointer}
.sf-gallery__questions summary::-webkit-details-marker{display:none}
.sf-gallery__questions summary svg{width:19px;height:19px;flex-shrink:0;transition:transform .3s}
.sf-gallery__questions details[open] summary svg{transform:rotate(45deg)}
.sf-gallery__questions details p{font-size:13px;color:var(--color-ink);line-height:1.8;margin:0;padding:0 30px 22px 0;animation:sf-fade-in .35s ease both}
.sf-gallery__contact{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px 0 56px;border-top:1px solid var(--color-fog)}
.sf-gallery__contact h2{font-size:32px;line-height:1.2;max-width:610px;margin:0 0 14px}
.sf-gallery__contact p{font-size:13px;line-height:1.75;color:var(--color-ink);margin:0;max-width:520px}
.sf-gallery__button{display:inline-flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0;padding:16px 23px;min-height:54px;border:0;border-radius:var(--radius-md);background:var(--color-fire);color:var(--color-ink-soft);font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .3s,background .3s}
.sf-gallery__button:hover{transform:translateY(-2px);background:var(--color-brand-400)}
.sf-gallery__button svg{height:18px;width:18px}
.sf-gallery__business-note{padding:65px 0 0;max-width:640px}
.sf-gallery__business-note h2{font-size:36px;line-height:1.2;margin:0 0 20px}
.sf-gallery__business-note p{font-size:15px;line-height:1.8;color:var(--color-ink)}
.sf-gallery a:focus-visible,.sf-gallery button:focus-visible,.sf-gallery summary:focus-visible{outline:2px solid var(--color-brand-700);outline-offset:5px}
.sf-gallery__catalog{scroll-margin-top:100px}
.sf-gallery [data-gallery-reveal]{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.sf-gallery [data-gallery-reveal].sf-waiting{opacity:0;transform:translateY(24px)}
.sf-gallery[data-gallery-ready] .sf-gallery__intro{animation:sf-enter .65s cubic-bezier(.22,1,.36,1) both}
.sf-gallery[data-gallery-ready] .sf-gallery__sections{animation:sf-enter .65s .08s cubic-bezier(.22,1,.36,1) both}
.sf-gallery[data-gallery-ready] .sf-gallery__grid{animation:sf-enter .8s .13s cubic-bezier(.22,1,.36,1) both}
@keyframes sf-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes sf-fade-in{from{opacity:0}to{opacity:1}}
/* Project page and native, keyboard-accessible photographic viewer. */
.sf-project-page__heading{padding:34px 0 30px;max-width:980px}
.sf-project-page__heading h1{font-size:clamp(34px,4vw,54px)}
.sf-project-page__heading .sf-project__meta{margin-bottom:18px;font-size:12px}
.sf-project-page__heading>p{font-size:15px;line-height:1.75;max-width:680px;color:var(--color-ink);margin:20px 0 0}
.sf-project-page__layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:60px;align-items:start;padding:10px 0 65px}
.sf-project-page__cover{width:100%;display:block;border:0;padding:0;aspect-ratio:1.2;overflow:hidden;border-radius:var(--radius-md);background:var(--color-ash);cursor:zoom-in}
.sf-project-page__cover img{width:100%;height:100%;object-fit:cover;object-position:center 65%}
.sf-project-page__thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:3px 3px 8px}
.sf-project-page__thumbs button{width:85px;height:68px;flex-shrink:0;border:0;padding:0;overflow:hidden;border-radius:5px;cursor:pointer;background:var(--color-ash);opacity:.65;transition:opacity .25s}
.sf-project-page__thumbs button[aria-pressed=true]{outline:2px solid var(--color-brand-700);outline-offset:2px;opacity:1}
.sf-project-page__thumbs button:hover{opacity:1}
.sf-project-page__thumbs img{width:100%;height:100%;object-fit:cover}
.sf-project-page__hint{color:var(--color-ink);font-size:11px;margin:8px 0 0}
.sf-project-page__story h2{font-size:28px;line-height:1.2;margin:0 0 18px}
.sf-project-page__story p{font-size:14px;line-height:1.85;margin:0 0 25px;color:var(--color-ink)}
.sf-project-page__story .sf-gallery__button{margin-top:4px}
.sf-project-page__actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px}

.sf-project-page__related{padding:35px 0 70px;border-top:1px solid var(--color-fog)}
.sf-project-page__related>h2{font-size:36px;margin:0 0 30px}
.sf-photo-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:25px;border:0;background:var(--color-ink-soft);color:#fafafa}
.sf-photo-viewer::backdrop{background:var(--color-ink-soft)}
.sf-photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;animation:sf-fade-in .25s ease both}
.sf-photo-viewer__top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}
.sf-photo-viewer button{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-smoke);border-radius:50%;background:transparent;color:#fafafa;cursor:pointer}
.sf-photo-viewer button svg{height:21px;width:21px}
.sf-photo-viewer__image{height:100%;width:100%;min-height:0;object-fit:contain}
.sf-photo-viewer__bottom{display:flex;justify-content:center;align-items:center;gap:24px;font-size:13px}
@media(min-width:1100px){.sf-gallery__grid>.sf-project:nth-child(4n+3) .sf-project__image,.sf-gallery__grid>.sf-project:nth-child(4n+4) .sf-project__image{aspect-ratio:1.65}.sf-project-page__related .sf-gallery__grid .sf-project__image{aspect-ratio:1.5}}
@media(max-width:1000px){.sf-gallery__wrap{width:calc(100% - 48px)}.sf-horeca__copy{padding:34px}.sf-gallery__advice{gap:45px}.sf-project-page__layout{gap:30px;grid-template-columns:minmax(0,1.15fr) minmax(270px,1fr)}}
@media(max-width:767px){.sf-gallery__wrap{width:calc(100% - 36px)}.sf-breadcrumbs{padding-top:20px;font-size:11px;gap:9px}.sf-gallery__intro{padding:27px 0 22px}.sf-gallery h1{font-size:39px}.sf-gallery__intro>p{font-size:14px;line-height:1.7;margin-top:15px}.sf-gallery__sections{gap:16px}.sf-gallery__sections a{font-size:14px;padding:10px 0 15px}.sf-gallery__toolbar{align-items:flex-start;flex-direction:column;gap:9px;padding:18px 0}.sf-gallery__filters{gap:5px}.sf-gallery__filters button{font-size:11px;padding:9px 10px}.sf-gallery__count{font-size:11px}.sf-gallery__grid{grid-template-columns:1fr;gap:32px}.sf-project__image{aspect-ratio:1.3}.sf-project__caption{padding-top:13px}.sf-project__title{font-size:26px}.sf-project__caption>p{font-size:13px}.sf-project__open{opacity:1;transform:none;width:36px;height:36px;bottom:12px;right:12px}.sf-horeca{margin-top:58px;grid-template-columns:1fr}.sf-horeca__image{min-height:0;aspect-ratio:1.3}.sf-horeca__copy{padding:31px 24px}.sf-horeca h2{font-size:34px}.sf-overline{margin-bottom:15px}.sf-gallery__advice{padding:55px 0;grid-template-columns:1fr;gap:15px}.sf-gallery__advice h2{font-size:31px;max-width:280px;margin-bottom:8px}.sf-gallery__questions summary{font-size:14px;padding:20px 0}.sf-gallery__contact{align-items:flex-start;flex-direction:column;gap:24px;padding:32px 0 40px}.sf-gallery__contact h2{font-size:30px}.sf-gallery__button{width:100%;justify-content:space-between}.sf-project-page__heading{padding:28px 0 22px}.sf-project-page__heading h1{font-size:35px}.sf-project-page__heading>p{font-size:14px}.sf-project-page__layout{grid-template-columns:1fr;gap:36px;padding-bottom:35px}.sf-project-page__cover{aspect-ratio:1.05}.sf-project-page__story h2{font-size:28px}.sf-project-page__story p{font-size:14px}.sf-project-page__related{padding:32px 0 45px}.sf-project-page__related>h2{font-size:31px}.sf-photo-viewer{padding:15px}.sf-photo-viewer__top{font-size:12px}}
@media(prefers-reduced-motion:reduce){html:has(.sf-gallery){scroll-behavior:auto}.sf-gallery *, .sf-gallery *::before,.sf-gallery *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sf-gallery [data-gallery-reveal].sf-waiting{opacity:1;transform:none}.sf-project__image:hover img,.sf-horeca__image:hover img,.sf-gallery__button:hover{transform:none}}

@media(max-width:360px){.sf-gallery__sections{flex-wrap:wrap;gap:0 20px}.sf-gallery__sections a{font-size:15px}}

/* Editorial guides and visible, factual project details. */
.sf-gallery__placement-guide{padding-top:64px}
.sf-gallery__placement-guide h2{font-size:30px;line-height:1.2;margin:0 0 18px}
.sf-gallery__topic-links{display:flex;flex-wrap:wrap;gap:10px 32px}
.sf-gallery__topic-links>a{display:inline-flex;align-items:center;gap:15px;min-height:44px;text-decoration:none;color:var(--color-brand-700);font-size:14px}
.sf-gallery__topic-links svg{width:17px;height:17px;flex-shrink:0;transition:transform .25s}
.sf-gallery__topic-links>a:hover svg{transform:translate(2px,-2px)}
.sf-gallery__guide{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:80px 0 20px}
.sf-gallery__guide>h2{font-size:36px;line-height:1.15;max-width:350px;margin:0}
.sf-gallery__guide-copy>div{margin-bottom:28px}
.sf-gallery__guide-copy h3{font-size:25px;line-height:1.2;margin:0 0 12px}
.sf-gallery__guide-copy p,.sf-project-page__task p{font-size:14px;line-height:1.85;color:var(--color-ink);margin:0}
.sf-gallery__guide-copy>.sf-text-link{display:flex;max-width:fit-content;line-height:1.6}
.sf-project-page__main-photo,.sf-project-page__photo-grid figure{margin:0;min-width:0}
.sf-project-page__main-photo figcaption,.sf-project-page__photo-grid figcaption{font-size:12px;line-height:1.65;color:var(--color-ink);padding-top:12px}
.sf-project-page__cover{text-decoration:none}
.sf-project-page__thumbs a{display:block;width:85px;height:68px;flex-shrink:0;border:0;padding:0;border-radius:5px;overflow:hidden;background:var(--color-ash);opacity:.65;transition:opacity .25s}
.sf-project-page__thumbs a[aria-current=true]{outline:2px solid var(--color-brand-700);outline-offset:2px;opacity:1}
.sf-project-page__thumbs a:hover{opacity:1}
.sf-project-page__facts{margin:0 0 34px}
.sf-project-page__facts>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:15px;margin:0 0 14px;font-size:13px;line-height:1.6}
.sf-project-page__facts dt{color:var(--color-ink)}
.sf-project-page__facts dd{margin:0;font-weight:600}
.sf-project-page__facts .sf-fact-pending{font-weight:400;color:var(--color-ink)}
.sf-project-page__photos>h2,.sf-project-page__task>h2{font-size:36px;margin:0 0 30px}
.sf-project-page__photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 32px}
.sf-project-page__photo-grid a{display:block;border-radius:var(--radius-md);overflow:hidden;background:var(--color-ash);aspect-ratio:1.4;cursor:zoom-in}
.sf-project-page__photo-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.sf-project-page__photo-grid a:hover img{transform:scale(1.025)}
.sf-project-page__planning{padding-bottom:70px}
.sf-project-page__task{max-width:800px;padding-bottom:60px}
.sf-gallery:not([data-gallery-ready]) .sf-gallery__filters{visibility:hidden}
.sf-gallery[data-gallery-ready] .sf-gallery__grid{animation:none}
.sf-project__model{padding-top:10px;font-weight:600}
@media(max-width:1000px){.sf-gallery__guide{gap:45px}}
@media(max-width:767px){.sf-gallery__guide{grid-template-columns:1fr;gap:25px;padding-top:52px}.sf-gallery__guide>h2{font-size:31px}.sf-gallery__guide-copy h3{font-size:24px}.sf-gallery__guide-copy p{font-size:13px}.sf-gallery__placement-guide{padding-top:44px}.sf-gallery__placement-guide h2{font-size:27px}.sf-gallery__topic-links{display:grid;grid-template-columns:1fr;gap:3px}.sf-gallery__topic-links>a{justify-content:space-between}.sf-project-page__photo-grid{grid-template-columns:1fr;gap:26px}.sf-project-page__photos>h2{font-size:31px}.sf-project-page__planning{padding-bottom:40px}.sf-project-page__facts>div{grid-template-columns:100px minmax(0,1fr)}}

@media(max-width:359px){body:has(.sf-gallery) header [class~="ml-auto"][class~="gap-4"]{gap:10px}}

.sf-project-page__layout>div,.sf-gallery__guide>div{min-width:0}
.sf-project-page__facts dd{overflow-wrap:anywhere}

/* Opening gallery spread: existing photography, one consultation action. */
.sf-gallery-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;padding:30px 0 56px}
.sf-gallery-hero__copy{min-width:0;padding:22px 0}
.sf-gallery-hero__eyebrow{margin:0 0 22px;color:var(--color-brand-700);font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.sf-gallery .sf-gallery-hero h1{font-size:clamp(46px,4.6vw,68px);line-height:1.06;max-width:610px;text-wrap:balance}
.sf-gallery-hero__description{max-width:535px;font-size:16px;line-height:1.8;color:var(--color-ink);margin:27px 0 30px}
.sf-gallery-hero .sf-gallery__button{min-width:235px;justify-content:space-between;font-size:14px}
.sf-gallery-hero .sf-gallery__button:active{transform:translateY(0) scale(.98)}
.sf-gallery-hero__photo{position:relative;min-width:0;margin:0;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md);background:var(--color-ash)}
.sf-gallery-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.sf-gallery-hero__photo figcaption{position:absolute;bottom:20px;left:20px;right:20px;padding:17px 20px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-ink-soft) 92%,transparent);color:#fafafa}
.sf-gallery-hero__photo figcaption span{display:block;font-size:10px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--color-fog)}
.sf-gallery-hero__photo figcaption p{font-family:var(--font-display);font-size:23px;line-height:1.2;margin:6px 0 0}
@media(min-width:768px) and (max-width:1000px){.sf-gallery-hero{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sf-gallery .sf-gallery-hero h1{font-size:44px}.sf-gallery-hero__photo{aspect-ratio:4/5}.sf-gallery-hero__description{font-size:14px;margin:23px 0}.sf-gallery-hero__photo figcaption{left:14px;right:14px;bottom:14px;padding:14px}.sf-gallery-hero__photo figcaption p{font-size:20px}}
@media(max-width:767px){.sf-gallery-hero{grid-template-columns:1fr;gap:28px;padding:28px 0 30px}.sf-gallery-hero__copy{padding:0}.sf-gallery-hero__eyebrow{font-size:10px;margin-bottom:16px}.sf-gallery .sf-gallery-hero h1{font-size:clamp(35px,9.7vw,52px);line-height:1.08;max-width:570px;text-wrap:balance}.sf-gallery-hero__description{font-size:14px;line-height:1.75;margin:20px 0 24px;max-width:535px}.sf-gallery-hero .sf-gallery__button{min-width:0;max-width:355px;min-height:54px}.sf-gallery-hero__photo{aspect-ratio:1.08}.sf-gallery-hero__photo figcaption{left:14px;right:14px;bottom:14px;padding:14px 16px}.sf-gallery-hero__photo figcaption span{font-size:9px;letter-spacing:.05em}.sf-gallery-hero__photo figcaption p{font-size:21px}}
@media(prefers-reduced-motion:no-preference){.sf-gallery-hero__copy{animation:sf-enter .7s cubic-bezier(.22,1,.36,1) both}.sf-gallery-hero__image{animation:sf-gallery-photo-settle 1.3s cubic-bezier(.22,1,.36,1) both}}
@keyframes sf-gallery-photo-settle{from{transform:scale(1.035)}to{transform:scale(1)}}

/* Keep the existing navigation readable on compact desktop screens. */
@media(min-width:1024px) and (max-width:1279px){
 body:has(.sf-gallery) header.sticky>div>div{height:auto;min-height:88px;flex-wrap:wrap;row-gap:0;padding-top:18px;padding-bottom:8px}
 body:has(.sf-gallery) header.sticky>div>div>nav{order:3;flex:0 0 100%;justify-content:space-between;margin-left:0;padding-top:14px;gap:12px}
 body:has(.sf-gallery) header.sticky>div>div>div[class~="ml-auto"]{margin-left:auto}
}

/* Native video uses stable media URLs and never autoplays in the project grid. */
.sf-project__links{display:flex;flex-wrap:wrap;gap:0 26px}
.sf-project__meta>a{color:var(--color-brand-700);text-underline-offset:3px}
.sf-project-videos{padding:12px 0 65px;scroll-margin-top:155px}
.sf-project-videos>h2{font-size:36px;line-height:1.2;margin:0 0 30px}
.sf-project-video{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:65px;padding:30px 0;border-top:1px solid var(--color-fog)}
.sf-video-player{display:block;width:100%;height:auto;max-height:600px;aspect-ratio:var(--sf-video-ratio);object-fit:contain;background:var(--color-ink-soft);border-radius:var(--radius-md)}
.sf-video-player:focus-visible{outline:2px solid var(--color-brand-700);outline-offset:5px}
.sf-video-duration{font-size:12px;line-height:1.5;color:var(--color-ink);margin:0 0 17px}
.sf-project-video__copy h3{font-size:31px;line-height:1.2;max-width:580px;margin:0 0 20px}
.sf-project-video__copy p,.sf-watch__copy p{font-size:14px;line-height:1.85;color:var(--color-ink);max-width:520px;margin:0 0 20px}
.sf-watch__heading{padding:32px 0}
.sf-gallery .sf-watch__heading h1{font-size:clamp(32px,3.5vw,48px);line-height:1.12;max-width:1080px}
.sf-watch__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:70px;align-items:center;padding-bottom:70px}
.sf-watch .sf-video-player{max-height:min(70svh,720px)}
.sf-watch__copy h2{font-size:34px;line-height:1.2;margin:0 0 20px}
.sf-watch__copy .sf-gallery__button{display:flex;width:fit-content;margin-top:25px}
@media(max-width:1000px){.sf-project-video,.sf-watch__layout{gap:35px}}
@media(max-width:767px){.sf-project-videos{padding-bottom:40px}.sf-project-videos>h2{font-size:31px;margin-bottom:24px}.sf-project-video,.sf-watch__layout{grid-template-columns:1fr;gap:26px}.sf-video-player{max-height:70svh}.sf-project-video{padding-top:24px}.sf-project-video__copy h3{font-size:27px}.sf-watch__heading{padding:26px 0}.sf-watch__layout{padding-bottom:40px}.sf-watch__copy .sf-gallery__button{width:100%}.sf-watch__copy h2{font-size:30px}}