/* Real team photography; original files and photographer marks are retained. */
.hero{min-height:850px;padding-top:310px;background:#07152e}
.hero-art{inset:0;transform:none;display:block}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:1;mix-blend-mode:normal}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#040c1c 0%,#07152eeb 16%,#07152e80 47%,#0b2c5840 100%);pointer-events:none}
.hero h1{font-size:clamp(50px,5.3vw,78px)}
.hero-bottom{margin-top:40px}
.gallery-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:24px}
.gallery-photo{margin:0;min-width:0}
.gallery-photo a{display:block}
.gallery-photo img{display:block;width:100%;height:auto}
.gallery-photo figcaption{padding:12px 0;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.gallery-photo.photo-main{grid-row:span 2}
@media(max-width:650px){.hero{padding-top:325px;min-height:0}.hero-art{height:320px;inset:0 0 auto;opacity:1}.hero-art img{object-fit:contain;object-position:center top}.hero-art:after{background:linear-gradient(0deg,#07152e 0%,#07152e00 30%,#153d7720 100%)}.hero h1{font-size:clamp(46px,11vw,70px)}.gallery-grid{grid-template-columns:1fr}.gallery-photo.photo-main{grid-row:auto}}

.offer-grid p{min-height:0}.offer-grid h3{margin-top:0}.hero .intro{max-width:520px}.gallery-grid{row-gap:24px}

@font-face{font-family:Graduate;src:url('assets/Graduate-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.hero-copy{max-width:none}.hero h1{font-family:Graduate,Rockwell,Georgia,serif;font-size:clamp(23px,6vw,112px);font-weight:400;line-height:1.15;letter-spacing:-.035em;white-space:nowrap;text-shadow:0 3px 20px #0008}
@media(max-width:650px){.hero h1{font-size:6vw;letter-spacing:-.04em}}

/* Keep the heading and booking controls below the team photograph. */
.hero{padding-top:0;min-height:0;padding-bottom:45px}.hero-art{height:clamp(430px,48vw,730px);inset:0 0 auto}.hero-art img{object-fit:cover;object-position:center 28%}.hero-art:after{background:linear-gradient(0deg,#07152e 0%,#07152e88 12%,#123e7530 38%,#123e7520 100%)}.hero-copy{padding-top:clamp(430px,48vw,730px)}.hero h1{-webkit-text-stroke:1.4px currentColor;paint-order:stroke fill;text-shadow:0 3px 20px #0005;margin-bottom:22px}.hero .intro{margin-top:0}.hero .actions{margin-top:25px}
@media(max-width:650px){.hero{padding-top:0;padding-bottom:35px}.hero-art{height:auto;aspect-ratio:2048/1638}.hero-art img{object-fit:contain;object-position:center top}.hero-copy{padding-top:calc(100vw * 1638 / 2048 + 12px)}.hero h1{-webkit-text-stroke:.75px currentColor}.hero-art:after{background:linear-gradient(0deg,#07152e 0%,#07152e00 30%,#153d7720 100%)}}

.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.album h3{font-size:24px;margin:0 0 22px}.album img{display:block;width:100%;height:auto}.album-pending{aspect-ratio:1.5;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#07152e;color:var(--muted);text-align:center;padding:20px}.album-pending p{font-size:14px}@media(max-width:800px){.album-grid{grid-template-columns:1fr;gap:38px}}

.album-photos{display:grid;gap:16px}

/* Deep blue photographic treatment inspired by the approved reference. */
.hero{background:#031326}.hero-art{isolation:isolate;background:#205a96}.hero-art img{filter:grayscale(1) contrast(1.13) brightness(.85);mix-blend-mode:luminosity}.hero-art:after{background:linear-gradient(0deg,#031326 0%,rgba(3,19,38,.88) 9%,rgba(3,19,38,.35) 25%,rgba(3,19,38,.10) 55%,rgba(3,19,38,.3) 100%),linear-gradient(90deg,rgba(0,12,29,.22),transparent 65%,rgba(0,12,29,.15))}.header,.contact{background:#031326}.offer{background:linear-gradient(125deg,#031326,#0a2443 60%,#031326)}.gallery{background:#061a32}
@media(max-width:650px){.hero-art:after{background:linear-gradient(0deg,#031326 0%,rgba(3,19,38,.65) 12%,rgba(3,19,38,.08) 40%,rgba(3,19,38,.22) 100%)}}

.album .album-heading{display:flex;align-items:center;gap:18px;min-height:92px;margin-bottom:24px}.album .album-heading .team-logo{width:82px;height:82px;object-fit:contain;flex:0 0 82px}@media(max-width:800px){.album .album-heading{min-height:76px}.album .album-heading .team-logo{width:68px;height:68px;flex-basis:68px}}

/* Stronger contrast for the main photograph. */
.hero-art img{filter:grayscale(1) contrast(1.4) brightness(.92)}.hero-art:after{background:linear-gradient(0deg,#031326 0%,rgba(3,19,38,.94) 9%,rgba(3,19,38,.32) 25%,rgba(3,19,38,.03) 55%,rgba(0,9,24,.42) 100%),linear-gradient(90deg,rgba(0,9,24,.32),transparent 65%,rgba(0,9,24,.23))}@media(max-width:650px){.hero-art:after{background:linear-gradient(0deg,#031326 0%,rgba(3,19,38,.72) 12%,rgba(3,19,38,.03) 40%,rgba(0,9,24,.34) 100%)}}

/* Position the title over the lower part of the team photograph. */
.hero-copy{padding-top:calc(clamp(430px,48vw,730px) - 100px)}@media(max-width:650px){.hero-copy{padding-top:calc(100vw * 1638 / 2048 - 30px)}}

/* Hero slideshow: fixed composition with a gentle photographic crossfade. */
.hero-art .hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s ease;object-fit:cover;object-position:center 28%}.hero-art .hero-slide.is-active{opacity:1}.hero-slideshow-controls{position:absolute;right:7%;top:20px;z-index:2;display:flex;gap:8px}.hero-slideshow-controls button{font:12px Arial,sans-serif;color:var(--white);background:#031326cc;border:1px solid #ffffff55;padding:10px 13px;cursor:pointer}.hero-slideshow-controls button:hover{background:#153d77}.hero-slideshow-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:650px){.hero-art .hero-slide{object-fit:contain;object-position:center top}.hero-slideshow-controls{top:12px}.hero-slideshow-controls button{font-size:11px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.hero-art .hero-slide{transition:none}}

.social-label{display:inline-flex;align-items:center;gap:10px}.social-icon{width:24px;height:24px;flex:0 0 24px;object-fit:contain}.header-social{font-size:15px;font-weight:600;letter-spacing:0;gap:22px}.contact-links>a:has(.social-label){font-size:19px}.contact-links .social-icon{width:28px;height:28px;flex-basis:28px}@media(max-width:1000px){.header-social{font-size:14px;gap:16px}}@media(max-width:650px){.header-social{flex:1 0 100%;justify-content:center;font-size:14px;gap:18px;padding:8px 0}.header-social .social-label{gap:6px}.header-social .social-icon{width:20px;height:20px;flex-basis:20px}.contact-links>a:has(.social-label){font-size:17px}}

/* Restrict the fade to the title area at the bottom of each photograph. */
.hero-art img{filter:grayscale(1) contrast(1.15) brightness(1);mix-blend-mode:luminosity}.hero-art:after{background:linear-gradient(to top,#031326 0%,rgba(3,19,38,.88) 35%,rgba(3,19,38,.35) 72%,rgba(3,19,38,0) 100%);top:auto;bottom:0;height:150px}@media(max-width:650px){.hero-art:after{background:linear-gradient(to top,#031326 0%,rgba(3,19,38,.75) 35%,rgba(3,19,38,0) 100%);height:75px}}

/* Larger navigation and a blue booking button. */
.header nav{font-size:17px;font-weight:600;gap:26px}.hero .button{background:#2862cf;color:#fff}.hero .button:hover{background:#3474e8;color:#fff}@media(max-width:650px){.header nav{font-size:16px;gap:22px}}

/* Fade to zero opacity at the top of the title. */
.hero-art:after{top:auto;bottom:0;height:100px;background:linear-gradient(to top,#031326 0%,rgba(3,19,38,.75) 35%,rgba(3,19,38,.25) 70%,rgba(3,19,38,0) 100%)}@media(max-width:650px){.hero-art:after{height:30px}}

/* Preserve natural photo colors; retain only the lower readability fade. */
.hero-art img{filter:none;mix-blend-mode:normal}

/* Center the hero content and use dot navigation below it. */
.hero-copy{text-align:center}.hero .intro{margin-left:auto;margin-right:auto}.hero .actions{justify-content:center}.hero-slideshow-controls{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;gap:8px;margin:24px auto 0;width:fit-content}.hero-slideshow-controls .slide-dot{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;border-radius:50%}.slide-dot:before{content:'';width:9px;height:9px;border-radius:50%;background:#ffffff55;border:1px solid #ffffff90}.slide-dot[aria-pressed=true]:before{background:var(--white);border-color:var(--white)}.hero-slideshow-controls .slide-dot:hover{background:#ffffff12}.hero-slideshow-controls .slideshow-toggle{width:30px;height:30px;padding:0;border:0;background:transparent;font-size:14px;color:var(--muted)}@media(max-width:650px){.hero .actions{align-items:center}}

/* Left-align the content; float translucent dots above the heading. */
.hero-copy{text-align:left}.hero .intro{margin-left:0;margin-right:0}.hero .actions{justify-content:flex-start}.hero-slideshow-controls{position:absolute;left:50%;right:auto;top:calc(clamp(430px,48vw,730px) - 145px);bottom:auto;transform:translateX(-50%);margin:0;gap:6px}.slide-dot:before{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.45)}.slide-dot[aria-pressed=true]:before{background:rgba(255,255,255,.65);border-color:rgba(255,255,255,.7)}.hero-slideshow-controls .slideshow-toggle{color:rgba(255,255,255,.6)}@media(max-width:650px){.hero .actions{align-items:flex-start}.hero-slideshow-controls{top:calc(100vw * 1638 / 2048 - 75px)}}

.album-details{margin-top:18px}.album-details summary{cursor:pointer;font-size:15px;color:var(--white);padding:12px 0}.album-details summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.album:has(.album-details[open]){grid-column:1/-1}.album:has(.album-details[open]) .album-cover{max-width:550px}.basket-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start;margin-top:20px}.basket-photo-grid img{width:100%;height:auto;display:block}@media(max-width:800px){.basket-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.basket-photo-grid{gap:10px}}

/* The album cover opens the collection, with a hover/focus reveal. */
.album-open{position:relative;display:block;width:100%;padding:0;border:0;background:none;color:var(--white);font:inherit;text-align:left;overflow:hidden;cursor:pointer}.album-open:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,9,24,.88),rgba(0,9,24,.2) 60%,transparent);opacity:0;transition:opacity .3s ease}.album-cover-caption{position:absolute;bottom:20px;left:22px;right:22px;z-index:1;display:flex;justify-content:space-between;gap:12px;font-size:17px;font-weight:600;opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease}.album-open:hover:after,.album-open:focus-visible:after{opacity:1}.album-open:hover .album-cover-caption,.album-open:focus-visible .album-cover-caption{opacity:1;transform:translateY(0)}.album-open:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(hover:none){.album-open:after{opacity:1}.album-cover-caption{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.album-open:after,.album-cover-caption{transition:none}}

/* The cover is the album control; remove the duplicate line below it. */
#dziki-album>summary{display:none}#dziki-album:not([open]){margin-top:0}

/* Subtle cover zoom within its fixed frame. */
.album-open>img{transition:transform .45s ease;transform:scale(1)}.album-open:hover>img,.album-open:focus-visible>img{transform:scale(1.035)}@media(prefers-reduced-motion:reduce){.album-open>img{transition:none}.album-open:hover>img,.album-open:focus-visible>img{transform:none}}

.about-copy>.text-link{border-bottom:0}

/* A continuous, even photo grid without empty spaces. */
.basket-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:stretch}.basket-photo-grid>a{display:block;min-width:0;overflow:hidden;aspect-ratio:4/3}.basket-photo-grid>a>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}@media(max-width:800px){.basket-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}}

/* Full-photo viewer. */
body.viewer-open{overflow:hidden}.photo-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:58px 76px 30px;border:0;background:rgba(0,5,14,.96);color:#fff}.photo-viewer::backdrop{background:#000c}.photo-viewer[open]{display:flex;align-items:center;justify-content:center}.viewer-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;height:100%;pointer-events:none}.viewer-frame img{display:block;width:100%;height:calc(100% - 36px);object-fit:contain;min-height:0}.viewer-count{margin:10px 0 0;font-size:13px;color:#c8d2e2}.photo-viewer button{position:absolute;z-index:1;display:grid;place-items:center;width:48px;height:48px;padding:0;background:#ffffff12;border:1px solid #ffffff35;color:#fff;font-size:26px;cursor:pointer;border-radius:50%}.photo-viewer button:hover{background:#ffffff28}.photo-viewer button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.viewer-close{right:20px;top:14px}.viewer-prev{left:16px;top:calc(50% - 24px)}.viewer-next{right:16px;top:calc(50% - 24px)}@media(max-width:650px){.photo-viewer{padding:64px 8px 60px}.photo-viewer .viewer-prev,.photo-viewer .viewer-next{top:auto;bottom:12px}.photo-viewer .viewer-prev{left:calc(50% - 60px)}.photo-viewer .viewer-next{right:calc(50% - 60px)}}

/* Show the page behind the enlarged photograph through a 75% dark overlay. */
.photo-viewer{background:transparent}.photo-viewer::backdrop{background:rgba(0,5,14,.75)}

/* Booking modal. */
.booking-dialog{width:min(700px,calc(100vw - 32px));max-height:90dvh;padding:38px;border:1px solid #ffffff30;background:#07152e;color:var(--white);overflow:auto}.booking-dialog::backdrop{background:rgba(0,5,14,.75)}.booking-dialog h2{font-size:38px;margin-bottom:25px;padding-right:30px}.booking-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--white);font-size:30px;cursor:pointer;width:36px;height:36px}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.booking-form label{display:flex;flex-direction:column;gap:6px;font-size:14px}.booking-form input,.booking-form textarea{width:100%;min-width:0;border:1px solid #ffffff50;background:#ffffff09;color:var(--white);padding:11px;font:16px Arial,sans-serif;border-radius:0;color-scheme:dark}.booking-form input:focus,.booking-form textarea:focus{outline:2px solid #6d9cff;outline-offset:2px}.booking-form textarea{resize:vertical}.booking-wide{grid-column:1/-1}.booking-note,.booking-fallback{font-size:13px;color:var(--muted);margin:0}.booking-fallback[hidden]{display:none}.booking-fallback a{text-decoration:underline}.booking-form .button{border:0;cursor:pointer;background:#2862cf;color:white}.booking-form .button:hover{background:#3474e8}.booking-dialog button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:650px){.booking-dialog{padding:28px 20px}.booking-form{grid-template-columns:1fr}.booking-dialog h2{font-size:30px}}

.album-details>summary{display:none}.album-details:not([open]){margin-top:0}.album-cover .album-open{aspect-ratio:3/2}.album-cover .album-open>img{width:100%;height:100%;object-fit:cover;object-position:center 35%}

.hero .button{border-radius:999px}

.hero .button{align-items:center}

.hero .button{gap:12px;justify-content:center}

.team-site-link{display:inline-flex;align-items:center;gap:18px}.team-site-link:hover{color:var(--gold)}

/* Raise the fade behind the lower half of the main title. */
.hero-art:after{height:170px;background:linear-gradient(to top,#031326 0%,rgba(3,19,38,.94) 30%,rgba(3,19,38,.58) 58%,rgba(3,19,38,0) 100%)}@media(max-width:650px){.hero-art:after{height:70px}}

/* Stable album covers with one full-width animated collection below. */
.album-panels{margin-top:0}.album-panel{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .45s ease,opacity .3s ease,visibility .45s}.album-panel.is-open{grid-template-rows:1fr;opacity:1;visibility:visible}.album-panel-inner{min-height:0;overflow:hidden}.album-panel .basket-photo-grid{margin-top:28px;margin-bottom:0}.album-open[aria-expanded=true]{outline:2px solid var(--gold);outline-offset:4px}.album-panel .basket-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:800px){.album-panel .basket-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.album-panel{transition:none}}

/* Soft gallery corners and a small, consistent space between photos. */
.album-panel .basket-photo-grid{gap:12px}.basket-photo-grid>a{border-radius:12px;overflow:hidden}.basket-photo-grid>a>img{border-radius:inherit}.album-cover .album-open{border-radius:12px}@media(max-width:650px){.album-panel .basket-photo-grid{gap:8px}.basket-photo-grid>a,.album-cover .album-open{border-radius:9px}}

/* A restrained hover outline and zoom for album thumbnails. */
.basket-photo-grid>a{position:relative;isolation:isolate;transition:box-shadow .3s ease}.basket-photo-grid>a:after{content:'';position:absolute;inset:0;border:2px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .3s ease}.basket-photo-grid>a>img{transform:scale(1);transition:transform .4s ease}.basket-photo-grid>a:hover:after,.basket-photo-grid>a:focus-visible:after{border-color:#86afff}.basket-photo-grid>a:hover>img,.basket-photo-grid>a:focus-visible>img{transform:scale(1.025)}.basket-photo-grid>a:focus-visible{outline:2px solid #86afff;outline-offset:2px}.album-open:before{content:'';position:absolute;inset:0;border:2px solid transparent;border-radius:inherit;pointer-events:none;z-index:2;transition:border-color .3s ease}.album-open:hover:before,.album-open:focus-visible:before{border-color:#86afff}@media(prefers-reduced-motion:reduce){.basket-photo-grid>a,.basket-photo-grid>a:after,.basket-photo-grid>a>img,.album-open:before{transition:none}.basket-photo-grid>a:hover>img,.basket-photo-grid>a:focus-visible>img{transform:none}}

/* Round the actual full-size photograph, including portrait images. */
.viewer-frame img{width:auto;height:auto;max-width:100%;max-height:calc(100% - 36px);border-radius:10px}

/* Sticky header with a compact horizontal logo after scrolling. */
.header{position:sticky;top:0;z-index:20;transition:padding .3s ease,box-shadow .3s ease;background:#031326f5}.header .brand{position:relative;width:160px;height:86px;flex-shrink:0;transition:height .3s ease;overflow:visible}.header .brand img{position:absolute;left:0;top:50%;transform:translateY(-50%);object-fit:contain;transition:opacity .25s ease,transform .3s ease;mix-blend-mode:screen}.header .brand .logo-full{width:108px;height:108px;opacity:1}.header .brand .logo-compact{width:160px;height:44px;opacity:0;transform:translateY(-50%) scale(.95)}.header.is-compact{padding-top:7px;padding-bottom:7px;box-shadow:0 6px 24px #0004}.header.is-compact .brand{height:44px}.header.is-compact .logo-full{opacity:0;transform:translateY(-50%) scale(.9)}.header.is-compact .logo-compact{opacity:1;transform:translateY(-50%) scale(1)}.header nav,.header-social{transition:font-size .3s ease}.header.is-compact nav{font-size:16px}.header.is-compact .header-social{font-size:14px}@media(max-width:1000px){.header .brand{width:160px}}@media(max-width:650px){.header .brand{width:140px;height:65px}.header .brand .logo-full{width:80px;height:80px}.header .brand .logo-compact{width:140px;height:39px}.header.is-compact .brand{height:35px}.header.is-compact{padding-top:5px;padding-bottom:5px;row-gap:3px}.header.is-compact .header-social{padding:4px 0;font-size:13px}.header.is-compact nav{font-size:15px;padding-bottom:5px}}@media(prefers-reduced-motion:reduce){.header,.header .brand,.header .brand img,.header nav,.header-social{transition:none}}

/* Blue gradient shadow below the navigation bar. */
.header:after{content:'';position:absolute;left:0;right:0;top:100%;height:36px;background:linear-gradient(to bottom,rgba(3,19,46,.72),rgba(3,19,46,.3) 45%,rgba(3,19,46,0));pointer-events:none}.header.is-compact{box-shadow:none}

/* Compact, saturated navy fade matching the hero gradient. */
.header:after{height:25px;background:linear-gradient(to bottom,#031326 0%,rgba(3,19,38,.94) 30%,rgba(3,19,38,.58) 58%,rgba(3,19,38,0) 100%)}

/* Crisp header edge with a restrained navy drop shadow. */
.header{background:#031326;border-bottom:1px solid #172b46;box-shadow:0 7px 15px -6px rgba(2,14,38,.5)}.header.is-compact{box-shadow:0 7px 15px -6px rgba(2,14,38,.5)}.header:after{display:none}

/* A gentle push-in on each hero photograph, combined with the crossfade. */
.hero-art{overflow:hidden}.hero-art .hero-slide{transform:scale(1);transform-origin:center;transition:opacity 1.4s ease,transform 6s linear;will-change:opacity,transform}.hero-art .hero-slide.is-active{transform:scale(1.035)}@media(prefers-reduced-motion:reduce){.hero-art .hero-slide,.hero-art .hero-slide.is-active{transform:none;transition:none;will-change:auto}}

/* Client lettering as a subtle background in the About section. */
.about{position:relative;isolation:isolate;overflow:hidden}.about:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/about-lettering.png') no-repeat left center;background-size:min(53vw,700px) auto;opacity:.22;mix-blend-mode:multiply;pointer-events:none}.about:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 20%,rgba(245,243,236,.55) 43%,#f5f3ec 58%);pointer-events:none}@media(max-width:650px){.about:before{background-size:100% auto;background-position:center top;opacity:.12}.about:after{background:linear-gradient(to bottom,transparent,#f5f3ec 60%)}}

/* Keep the outgoing photograph moving throughout its crossfade. */
.hero-art .hero-slide.is-leaving{transform:scale(1.035)}@media(prefers-reduced-motion:reduce){.hero-art .hero-slide.is-leaving{transform:none}}

/* About: team photography with a navy reading area. */
.about{background:#031326;color:var(--white)}.about:before{background:url('assets/team-pompoms.jpg') no-repeat left 38%;background-size:cover;opacity:1;mix-blend-mode:normal}.about:after{background:linear-gradient(90deg,rgba(3,19,38,.12) 0%,rgba(3,19,38,.35) 28%,rgba(3,19,38,.92) 53%,#031326 80%)}.about-copy p,.about-copy .lead{color:var(--white)}.about-copy p:not(.lead){color:#d1dbea}.about h2{text-shadow:0 2px 18px #000b}.about .text-link{color:var(--white)}.about .text-link:hover{color:var(--gold)}@media(max-width:650px){.about{padding-top:230px}.about:before{background-size:auto 380px;background-position:center top}.about:after{background:linear-gradient(to bottom,rgba(3,19,38,.06) 0%,rgba(3,19,38,.45) 180px,rgba(3,19,38,.95) 300px,#031326 400px)}}

/* Mirrored IMG_3728 with the original light reading gradient. */
.about{background:#f5f3ec;color:var(--navy)}.about:before{inset:0 auto 0 0;width:62%;background-image:url('assets/basket/basket-19.webp');background-repeat:no-repeat;background-position:center 30%;background-size:cover;transform:scaleX(-1);opacity:1;mix-blend-mode:normal}.about:after{background:linear-gradient(90deg,rgba(245,243,236,.06) 0%,rgba(245,243,236,.1) 25%,rgba(245,243,236,.78) 46%,#f5f3ec 59%)}.about-copy .lead{color:var(--navy)}.about-copy p:not(.lead){color:#49576c}.about h2{text-shadow:0 2px 15px #f5f3ec99}.about .text-link{color:var(--navy)}.about .text-link:hover{color:#2859a3}.about .social-icon{filter:brightness(0) saturate(100%)}@media(max-width:650px){.about{padding-top:240px}.about:before{inset:0 0 auto;width:100%;height:360px;background-size:cover;background-position:center 30%}.about:after{background:linear-gradient(to bottom,rgba(245,243,236,0) 0%,rgba(245,243,236,.3) 170px,#f5f3ec 310px)}}

/* About background: IMG_6602 in its original orientation. */
.about:before{background-image:url('assets/basket/basket-26.webp');background-position:center 28%;transform:none}@media(max-width:650px){.about:before{background-position:center 25%}}

/* About photograph selected by the client: IMG_1759. */
.about:before{background-image:url('assets/about-1759.webp');background-position:center 28%;transform:none}@media(max-width:650px){.about:before{background-position:center 25%}}

/* Full team photograph alongside a stronger About text column. */
.about{display:block;padding-top:65px;padding-bottom:65px}.about:before{width:55%;background-size:contain;background-position:left center}.about:after{background:linear-gradient(90deg,transparent 0%,transparent 41%,rgba(245,243,236,.65) 49%,#f5f3ec 56%)}.about .about-copy{margin-left:55%;max-width:620px}.about .about-copy h2{margin:0 0 24px;text-shadow:none}.about .about-copy p{font-size:18px;font-weight:500;line-height:1.75}.about .about-copy .lead{font-size:23px;font-weight:600;line-height:1.55}.about .about-copy .text-link{font-size:15px;font-weight:600}@media(max-width:650px){.about{padding-top:calc(100vw * .75 + 30px);padding-bottom:50px}.about:before{width:100%;height:calc(100vw * .75);background-size:contain;background-position:center top}.about:after{background:linear-gradient(to bottom,transparent 0%,transparent calc(100vw * .75 - 30px),#f5f3ec calc(100vw * .75 + 5px))}.about .about-copy{margin-left:0;max-width:none}.about .about-copy p{font-size:17px}.about .about-copy .lead{font-size:21px}}

/* A gradual photo-to-white blend in About. */
.about:after{background:linear-gradient(90deg,rgba(245,243,236,0) 0%,rgba(245,243,236,.06) 22%,rgba(245,243,236,.25) 35%,rgba(245,243,236,.6) 46%,rgba(245,243,236,.9) 55%,#f5f3ec 65%)}@media(max-width:650px){.about:after{background:linear-gradient(to bottom,rgba(245,243,236,0) 0%,rgba(245,243,236,0) calc(100vw * .48),rgba(245,243,236,.35) calc(100vw * .6),rgba(245,243,236,.8) calc(100vw * .7),#f5f3ec calc(100vw * .78))}}

/* Extended team photo spans the About section without cropping. */
.about{min-height:calc(100vw * 3024 / 7690)}.about:before{width:100%;height:calc(100vw * 3024 / 7690);background-image:url('assets/about-1759-extended.webp');background-size:100% auto;background-position:center top;mask-image:linear-gradient(to bottom,#000 0%,#000 92%,transparent 100%)}.about:after{background:linear-gradient(90deg,rgba(245,243,236,0) 0%,rgba(245,243,236,0) 33%,rgba(245,243,236,.42) 46%,rgba(245,243,236,.93) 58%,#f5f3ec 73%)}@media(max-width:650px){.about:before{height:calc(100vw * .75);background-image:url('assets/about-1759.webp');background-size:100% auto;background-position:center top}.about:after{background:linear-gradient(to bottom,transparent 0%,transparent calc(100vw * .48),rgba(245,243,236,.35) calc(100vw * .6),rgba(245,243,236,.8) calc(100vw * .7),#f5f3ec calc(100vw * .78))}}

/* Fit the photo to section height, cropping excess background on the right. */
.about:before{height:100%;background-size:auto 100%;background-position:left center;mask-image:none}@media(max-width:650px){.about:before{height:calc(100vw * .75);background-size:100% auto;background-position:center top}}

/* About photograph: IMG_9892. */
.about:before{background-image:url('assets/team-mascot.jpg');background-size:auto 100%;background-position:left center;transform:none}@media(max-width:650px){.about:before{background-image:url('assets/team-mascot.jpg');background-size:cover;background-position:center}}

/* Direct contact under the copy; social links aligned with the heading. */
.contact-grid{align-items:start}.contact-links{padding-top:0}.contact-links>a:first-child{padding-top:5px}.contact-direct{display:flex;flex-direction:column;gap:14px;margin-top:26px}.contact-direct>a{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:fit-content;font-size:19px}.contact-direct>a>span,.contact-direct>a>svg{color:var(--gold);flex-shrink:0}@media(max-width:650px){.contact-direct>a{font-size:18px}}

/* Extended IMG_9892, with excess space on the left and right cropped in layout. */
.about:before{background-image:url('assets/about-9892-extended.webp');background-size:auto 100%;background-position:calc(-5vw) center;transform:none}@media(max-width:650px){.about:before{background-image:url('assets/about-9892-extended.webp');height:calc(100vw * .75);background-size:auto 100%;background-position:calc(-4vw) center}}

/* Lower the first and third cover photographs within their frames. */
.album-cover .album-open[aria-controls=dziki-album]>img{object-position:center top}.album-cover .album-open[aria-controls=commercial-album]>img{object-position:center 25%}

/* Align the face on the Dziki cover with the commercial cover. */
.album-cover .album-open[aria-controls=dziki-album]>img{object-position:center 18%}

/* Follower circles inspired by the client media kit. */
.social-stats{display:flex;gap:36px;margin-top:30px}.social-stat{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--navy)}.stat-circle{display:grid;place-items:center;width:108px;height:108px;border:1.5px solid currentColor;border-radius:50%;font:400 31px/1 Georgia,serif}.stat-platform{font-size:16px;font-weight:600}.social-stat:hover{color:#2859a3}.social-stat:focus-visible{outline:2px solid #2859a3;outline-offset:6px}@media(max-width:650px){.social-stats{gap:28px}.stat-circle{width:96px;height:96px;font-size:29px}}

/* Right-align the About copy and follower badges. */
.about .about-copy{text-align:left}.about .social-stats{justify-content:flex-start}

/* The source now includes the client's left crop; no additional offset. */
.about:before{background-image:url('assets/about-9892-extended.webp?v=20261017-client-crop');background-position:left center}@media(max-width:650px){.about:before{background-position:left center}}

/* Bring the About text column closer to the right edge. */
.about{padding-right:4%}.about .about-copy{max-width:none}@media(max-width:650px){.about{padding-right:7%}}

.stat-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.stat-followers{font:400 11px/1.2 Arial,sans-serif;letter-spacing:0}@media(max-width:650px){.stat-followers{font-size:10px}}

.stat-circle{gap:4px}.stat-followers{font-weight:600}

.stat-value{display:block;white-space:nowrap;line-height:1;font-kerning:normal;letter-spacing:0}

.stat-value{display:inline-flex;align-items:baseline;gap:3px}.stat-k{font:inherit;line-height:inherit}

.social-stat:first-child .stat-value>span:first-child{position:relative;top:-2px}

/* One active collection prevents reverse-order layout jumps. Photos reveal in sequence. */
.album-panel{display:none;transition:none;opacity:1;visibility:visible;grid-template-rows:none;overflow-anchor:none}.album-panel.is-open{display:block}.album-panel-inner{overflow:visible}.album-panels{overflow-anchor:none}.album-panel .basket-photo-grid>a{opacity:0;transform:translateY(12px);transition:opacity .38s ease var(--reveal-delay,0ms),transform .38s ease var(--reveal-delay,0ms)}.album-panel .basket-photo-grid>a.photo-revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.album-panel .basket-photo-grid>a{opacity:1;transform:none;transition:none}}

/* Keep heads in frame on the second hero photograph, including during the push-in. */
.hero-art .hero-slide[src="assets/team-performance.jpg"]{object-position:center 20%;transform-origin:center top}

/* Matching contact icons precede the phone number and email address. */
.contact-direct>a>span{color:inherit}.contact-direct>a>svg{color:var(--gold)}

/* Raise the pink-outfit photograph to include the pompons in the hero crop. */
.hero-art .hero-slide[src="assets/team-court.jpg"]{object-position:center 42%;transform-origin:center 60%}

/* Raise IMG_8394 within the hero frame. */
.hero-art .hero-slide[src="assets/hero-8394.webp"]{object-position:center 48%}