/* Kevin's first design review, 9 October 2026. */
h1,h2,h3{font-family:'Bodoni Moda',Georgia,serif;font-weight:400}
.hero h1{flex-direction:row;justify-content:center;gap:.24em;white-space:nowrap;font-size:clamp(38px,4.7vw,68px);line-height:1.1;letter-spacing:-.035em}
.hero h1 .hero-first,.hero h1 .hero-last{font-size:1em;line-height:1.1;margin-top:0}
.hero-centre{top:47%}.hero-descriptor{font-size:13px;margin-top:24px;letter-spacing:.12em}.hero-summary{font-size:12px;margin-top:12px}.hero-summary .mobile-break{display:none}
.nav-projects>button{display:inline-flex;align-items:center;gap:7px;line-height:1}.nav-projects>button span{display:block;font-size:0;width:7px;height:7px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.statement{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(46px,5.2vw,75px);font-weight:400;line-height:1.12;letter-spacing:-.045em;max-width:1100px;margin:0}
.identity-line{display:block}.identity-line:nth-child(1){text-align:left}.identity-line:nth-child(2){text-align:right;padding-right:9%}.identity-line:nth-child(3){padding-left:8%}.identity-line:nth-child(4){text-align:center;padding-left:14%}.identity-line:nth-child(5){text-align:right;padding-right:9%}.intro{padding-bottom:128px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only:focus-visible{position:static!important;clip:auto!important;width:auto!important;height:auto!important;overflow:visible!important;margin:0!important}
.logo.dydc{width:108px;height:50px}.logo.pilates{width:140px;height:48px}.logo-heading{justify-content:center;margin-bottom:24px}
.project-text h3{letter-spacing:-.04em}.work-photo-note{font-size:12px;color:var(--muted);margin:-28px 0 32px}.work-image img{object-position:center 35%}
.gallery-stage{height:auto;min-height:680px;display:grid;grid-template-columns:repeat(12,1fr);gap:36px;padding:64px 0 24px;align-items:start}
.gallery-heading{position:static;transform:none;width:auto;grid-column:1/6;grid-row:1;align-self:center;text-align:left;pointer-events:auto;z-index:1}
.gallery-heading h2{font-size:clamp(56px,5.2vw,75px);line-height:1.06;letter-spacing:-.045em}.gallery-heading p{max-width:260px;font-size:13px;line-height:1.65;margin-top:24px}
.gallery-image{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:290px;rotate:0deg;transform:none}
.g1{grid-column:7/10;grid-row:1;transform:translateY(calc((1 - var(--spread)) * 38px))}
.g3{grid-column:10/13;grid-row:1;margin-top:48px;transform:translateY(calc((1 - var(--spread)) * 65px))}
.g2{grid-column:1/5;grid-row:2;margin-top:-40px;transform:translateY(calc((1 - var(--spread)) * 40px))}
.g4{grid-column:5/9;grid-row:2;margin-top:24px;height:250px;transform:translateY(calc((1 - var(--spread)) * 65px))}
.g5{grid-column:10/13;grid-row:2;margin-top:16px;height:300px;transform:translateY(calc((1 - var(--spread)) * 45px))}
.testimonial-stage{min-height:0;position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;margin-bottom:0;padding-top:0}
.testimonial-stage>h2{position:static;top:auto;left:auto;transform:none;font-size:64px;letter-spacing:-.045em;grid-column:1/-1;text-align:left;margin:0 0 16px;white-space:normal}
.quote-card{position:static;width:auto;min-height:250px;rotate:0deg;background:transparent;box-shadow:none;border:0;border-top:1px solid var(--rule);padding:28px 0 0}
.quote-mark{font-family:'Bodoni Moda',Georgia,serif;font-size:64px;height:45px;color:#8c857b}.quote-card blockquote{font-family:'Bodoni Moda',Georgia,serif;font-size:25px;line-height:1.3;letter-spacing:-.02em}.quote-card p{font-size:9px;letter-spacing:.08em}.q2{transition-delay:90ms!important}.q3{transition-delay:180ms!important}.q4{transition-delay:270ms!important}.sample-notice{font-size:12px}
.email-note{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:20px}
@media(max-width:1100px){.testimonial-stage{grid-template-columns:1fr 1fr}.gallery-stage{gap:24px}.gallery-heading h2{font-size:60px}.gallery-image{height:245px}.g4{height:210px}.g5{height:260px}}
@media(max-width:991px){.hero h1{font-size:clamp(34px,5.1vw,54px)}.hero-descriptor{font-size:12px}.statement{font-size:clamp(44px,6.4vw,64px)}.gallery-stage{grid-template-columns:1fr 1fr;min-height:0;padding-top:48px;gap:24px}.gallery-heading{grid-column:1/-1;grid-row:auto;margin-bottom:16px}.gallery-heading h2{font-size:60px}.gallery-heading p{max-width:none}.gallery-image{grid-column:auto;grid-row:auto;width:100%;height:300px;margin:0;transform:none!important}.g5{grid-column:1/-1;height:320px;object-position:center}.testimonial-stage>h2{font-size:56px}.intro{padding-bottom:88px}}
@media(max-width:767px){.hero h1{font-size:clamp(23px,6vw,42px);gap:.2em;letter-spacing:-.045em}.hero h1 .hero-last,.hero h1 .hero-first{font-size:1em;line-height:1.1;margin:0}.hero-descriptor{font-size:9px;letter-spacing:.08em;margin-top:20px}.hero-summary{font-size:10px;line-height:1.6;max-width:260px;margin:12px auto 0}.hero-summary .mobile-break{display:block}.statement{font-size:clamp(33px,8.8vw,48px);line-height:1.15;letter-spacing:-.045em}.identity-line:nth-child(2){padding-right:0}.identity-line:nth-child(3){padding-left:0}.identity-line:nth-child(4){padding-left:9%}.identity-line:nth-child(5){padding-right:0}.intro{padding-bottom:64px}.logo.dydc{width:92px;height:43px}.logo.pilates{width:118px;height:40px}.logo-heading .eyebrow{max-width:none;font-size:8px}.project-text h3{font-size:32px}.gallery-stage{gap:16px;padding-top:40px}.gallery-heading h2{font-size:46px}.gallery-heading p{font-size:12px;margin-top:16px}.gallery-image{height:225px}.g5{height:240px}.testimonial-stage{grid-template-columns:1fr;gap:28px;margin-top:32px}.testimonial-stage>h2{font-size:44px;margin-bottom:4px}.quote-card{min-height:0;padding-top:24px}.quote-card blockquote{font-size:27px}.quote-card p{margin-top:20px}.work-photo-note{margin:-16px 0 28px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.gallery-image{transform:none!important}.q2,.q3,.q4{transition-delay:0ms!important}}
