/* Papoutsas Frames — homepage refinements */
.brand{width:230px;min-width:230px;height:58px;display:flex;align-items:center}
.brand img{display:block;width:230px;height:auto;max-height:58px;object-fit:contain;object-position:left center;filter:none;opacity:1;content:url('pf-horizontal-white.svg')}

.hero-bg{background-image:url('assets/optimized/migrated/photo-6.webp');background-size:cover;background-position:center 54%}

.services{padding-bottom:150px}
.services .section-head{position:relative;overflow:hidden;isolation:isolate;min-height:430px;display:grid;align-content:end;padding-top:110px;padding-bottom:70px}
.services .section-head::before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/optimized/migrated/photo-14.webp') center 48%/cover no-repeat;filter:grayscale(.2) contrast(1.06)}
.services .section-head::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,9,10,.94) 0%,rgba(8,9,10,.78) 48%,rgba(8,9,10,.58) 100%),linear-gradient(0deg,rgba(8,9,10,.84),rgba(8,9,10,.24))}
.services .section-head>*{position:relative;z-index:1}
.service-feature{border:1px solid var(--line);margin-bottom:52px;background:#0b0c0d}
.service-feature:last-child{border-bottom:1px solid var(--line);margin-bottom:0}
.service-copy{padding-left:34px}
.service-photo{min-height:500px}
.service-frame .service-photo{background-image:linear-gradient(90deg,rgba(8,9,10,.02),rgba(8,9,10,.15)),url('assets/optimized/migrated/photo-8.webp');background-position:center 52%}
.service-front .service-photo{background-image:linear-gradient(90deg,rgba(8,9,10,.02),rgba(8,9,10,.15)),url('assets/optimized/migrated/photo-15.webp');background-position:center}
.service-geometry .service-photo{background-image:linear-gradient(90deg,rgba(8,9,10,.02),rgba(8,9,10,.15)),url('assets/optimized/migrated/photo-16.webp');background-position:center 52%}

.diagnosis{position:relative;overflow:hidden}
.diagnosis:after{content:'';position:absolute;right:0;top:0;width:34%;height:100%;background:url('assets/optimized/migrated/photo-17.webp') center/cover no-repeat;opacity:.22;pointer-events:none}
.statement-image{background-image:url('assets/optimized/migrated/photo-9.webp');background-position:45% center}

.selected-works{padding-top:140px;padding-bottom:150px;background:#0b0c0d}
.works-head{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;margin-bottom:72px}
.works-head h2{font-size:clamp(58px,8vw,126px);line-height:.86;letter-spacing:-.065em;margin:22px 0 0}
.works-head>p{max-width:520px;font-size:18px;line-height:1.65;color:#a8aaad;margin:0 0 8px}
.works-grid{display:grid;grid-template-columns:1.35fr .82fr;gap:28px;align-items:start}
.work-card{border-top:1px solid var(--line);padding-top:16px}
.work-image{width:100%;min-height:540px;background-size:cover;background-position:center;filter:saturate(.82) contrast(1.04);transition:filter .55s ease}
.work-card:hover .work-image{filter:saturate(1) contrast(1.03)}
.work-1 .work-image{background-image:url('assets/optimized/migrated/photo-8.webp')}
.work-2 .work-image{background-image:url('assets/optimized/migrated/photo-15.webp');min-height:380px}
.work-meta{padding:22px 0 42px}
.work-meta span{font-size:11px;letter-spacing:.15em;color:#e13232}
.work-meta h3{font-size:clamp(25px,2.3vw,38px);letter-spacing:-.035em;margin:11px 0 12px}
.work-meta p{color:#96999c;line-height:1.55;max-width:580px;margin:0}
.works-insurance{grid-column:1;grid-row:2;border-top:1px solid var(--line);padding:30px 28px 40px 0;align-self:start;display:flex;flex-direction:column;min-height:100%}
.works-insurance .micro{font-size:11px;letter-spacing:.15em;color:#e13232;margin:0 0 16px}
.works-insurance h3{font-size:clamp(32px,3.4vw,54px);letter-spacing:-.045em;line-height:1;margin:0 0 18px}
.works-insurance>p:not(.micro){max-width:560px;color:#96999c;line-height:1.6;margin:0 0 24px}
.works-insurance a{display:inline-block;align-self:flex-start;color:#fff;border-bottom:1px solid #e13232;padding-bottom:6px;font-size:14px}
.insurance-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 22px;max-width:680px}
.insurance-thumb{aspect-ratio:16/10;background-size:cover;background-position:center;border:1px solid var(--line)}
.insurance-tracer-thumb{background-image:url('assets/optimized/migrated/photo-18.webp')}
.insurance-bmw-thumb{background-image:url('assets/optimized/migrated/photo-19.webp')}
.work-card.work-3{grid-column:2;grid-row:2;max-width:none;width:100%;justify-self:stretch}
.work-card.work-3 .work-image{min-height:0;height:auto;aspect-ratio:16/10;background-image:url('assets/optimized/migrated/photo-20.webp');background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#0b0c0d}
.works-footer{border-top:1px solid var(--line);padding-top:25px;margin-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.1em}
.works-footer a{font-size:15px;letter-spacing:0;color:#fff}
.works-footer b{color:#e13232;margin-left:10px}

/* Mobile navigation */
.nav-toggle{display:none;background:none;border:0;color:#fff;padding:10px;cursor:pointer}
.nav-toggle span{display:block;width:25px;height:1px;background:currentColor;margin:6px 0;transition:transform .25s ease,opacity .25s ease}
.nav.mobile-open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav.mobile-open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

@media(max-width:900px){
 .brand{width:175px;min-width:175px}
 .nav-toggle{display:block;position:relative;z-index:2}
 .nav nav{display:none;position:absolute;top:70px;left:0;width:100%;padding:22px 6vw 30px;background:rgba(7,8,9,.98);border-bottom:1px solid var(--line);flex-direction:column;gap:0}
 .nav.mobile-open nav{display:flex}
 .nav nav a{font-size:15px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
 .services .section-head{min-height:390px;padding-top:90px;padding-bottom:55px}
 .services .section-head::before{background-position:center}
 .services .section-head::after{background:linear-gradient(90deg,rgba(8,9,10,.94),rgba(8,9,10,.68)),linear-gradient(0deg,rgba(8,9,10,.9),rgba(8,9,10,.25))}
 .service-feature{margin-bottom:28px}
 .service-copy{padding-left:20px}
 .service-photo{min-height:58vw}
 .diagnosis:after{width:100%;opacity:.08}
 .selected-works{padding-top:85px;padding-bottom:90px}
 .works-head{grid-template-columns:1fr;gap:30px;margin-bottom:48px}
 .works-grid{grid-template-columns:1fr}
 .work-image,.work-2 .work-image{min-height:65vw}
 .works-insurance{grid-column:auto;grid-row:auto;padding:28px 0 42px}
 .insurance-thumbs{max-width:none}
 .work-card.work-3{grid-column:auto;grid-row:auto}
 .work-card.work-3 .work-image{aspect-ratio:16/10;background-size:contain}
 .works-footer{align-items:flex-start;gap:25px;flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .reveal{opacity:1;transform:none;transition:none}
}

/* Homepage refinement pass — Oct 7 */
.services .section-head{grid-template-columns:.82fr 1.18fr}
.services .section-head::before{background-position:72% 48%}
.services .section-head h2,.services .section-head .services-intro{max-width:760px}
.year-small{font-size:clamp(96px,12vw,190px);line-height:.78}
.footer-kicker{font-size:10px;letter-spacing:.16em;font-weight:600;margin:0 0 24px;color:#666}
.whatsapp-pending{color:#777}
@media(max-width:900px){
 .services .section-head{grid-template-columns:1fr}
 .services .section-head::before{background-position:68% center}
 .year-small{font-size:clamp(86px,24vw,145px)}
 .footer-kicker{margin-bottom:18px}
}

/* Full service directory */
.service-directory{margin-top:90px;border-top:1px solid var(--line);padding-top:34px}
.service-directory-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.service-directory-head h3{font-size:clamp(34px,4vw,62px);letter-spacing:-.045em;margin:0}
.service-directory-list{border-bottom:1px solid var(--line)}
.service-directory-list a{display:grid;grid-template-columns:55px 1fr 24px;align-items:center;gap:18px;padding:22px 0;border-top:1px solid var(--line);color:#fff;text-decoration:none;transition:padding .25s ease,background .25s ease}
.service-directory-list a:hover{padding-left:12px}
.service-directory-list span{font-size:10px;letter-spacing:.14em;color:#e13232}
.service-directory-list strong{font-size:clamp(18px,2vw,27px);font-weight:500;letter-spacing:-.025em}
.service-directory-list b{font-size:16px;color:#e13232}
@media(max-width:900px){.service-directory{margin-top:60px}.service-directory-head{display:block}.service-directory-head .micro{margin-bottom:12px}.service-directory-list a{grid-template-columns:38px 1fr 20px;padding:18px 0}}

/* Refine pass — core heading + footer hierarchy */
.services .section-head{grid-template-columns:1fr}
.services .section-head .section-index,
.services .section-head h2,
.services .section-head .services-intro{width:min(720px,52%);margin-left:auto;text-align:right}
.services .section-head::before{background-position:76% 48%}
.services .section-head::after{background:linear-gradient(90deg,rgba(8,9,10,.70) 0%,rgba(8,9,10,.42) 44%,rgba(8,9,10,.84) 100%),linear-gradient(0deg,rgba(8,9,10,.78),rgba(8,9,10,.18))}
.footer-message{display:flex;flex-direction:column;align-items:flex-start}
.footer-question{font-size:clamp(34px,4.8vw,76px);line-height:.94;letter-spacing:-.055em;font-weight:600;margin:0 0 30px;color:#f4f3ef;max-width:900px}
.footer-message h2{margin-top:0}
@media(max-width:900px){
 .services .section-head .section-index,.services .section-head h2,.services .section-head .services-intro{width:100%;margin-left:0;text-align:right}
 .services .section-head::before{background-position:70% center}
 .footer-question{font-size:clamp(32px,9vw,54px);margin-bottom:24px}
}

/* Curated proof of work — replaces feed as a homepage destination */
.proof-work{padding-top:145px;padding-bottom:145px;background:#0b0c0d}
.proof-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:7vw;align-items:start;margin-bottom:72px}
.proof-head h2{font-size:clamp(48px,6.7vw,108px);line-height:.88;letter-spacing:-.06em;margin:0}
.proof-head h2 i{font-style:normal;color:#e13232}
.proof-head>div>p{max-width:680px;color:#9b9da0;font-size:17px;line-height:1.65;margin:30px 0 0}
.proof-grid{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:18px;align-items:start}
.proof-card{color:#fff;text-decoration:none;border-top:1px solid var(--line);padding-top:14px}
.proof-image{aspect-ratio:4/5;background-size:cover;background-position:center;filter:saturate(.8) contrast(1.04);transition:filter .35s ease,transform .35s ease}
.proof-card:hover .proof-image{filter:saturate(1) contrast(1.03)}
.proof-tracer .proof-image{background-image:url('assets/optimized/migrated/photo-18.webp');aspect-ratio:4/5}
.proof-fall .proof-image{background-image:url('assets/optimized/migrated/photo-16.webp')}
.proof-frame .proof-image{background-image:url('assets/optimized/migrated/photo-8.webp')}
.proof-meta{padding:20px 0 6px}.proof-meta span{font-size:10px;letter-spacing:.15em;color:#e13232}.proof-meta h3{font-size:clamp(22px,2vw,31px);letter-spacing:-.035em;margin:10px 0 9px}.proof-meta p{font-size:13px;color:#8f9295;margin:0}
.proof-footer{border-top:1px solid var(--line);margin-top:54px;padding-top:22px;display:flex;justify-content:space-between;gap:25px;color:#777;font-size:12px;letter-spacing:.08em}.proof-footer a{color:#fff;text-decoration:none;letter-spacing:0;border-bottom:1px solid #e13232;padding-bottom:5px}
@media(max-width:900px){.proof-work{padding-top:90px;padding-bottom:90px}.proof-head{grid-template-columns:1fr;gap:24px;margin-bottom:48px}.proof-grid{grid-template-columns:1fr}.proof-image,.proof-tracer .proof-image{aspect-ratio:16/11}.proof-footer{align-items:flex-start;flex-direction:column}}

/* Hard right alignment for Core Services intro */
.services .section-head{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(520px,760px)!important;
 column-gap:5vw!important;
 align-content:end!important;
}
.services .section-head .section-index,
.services .section-head h2,
.services .section-head .services-intro{
 grid-column:2!important;
 width:100%!important;
 max-width:none!important;
 margin-left:0!important;
 margin-right:0!important;
 text-align:right!important;
 justify-self:stretch!important;
}
.services .section-head .section-index{margin-bottom:22px!important}
.services .section-head h2{margin-bottom:28px!important}
.services .section-head .services-intro{margin-bottom:0!important}
.proof-title-link{display:inline-block;color:#fff;text-decoration:none}
.proof-title-link h2{transition:opacity .25s ease}
.proof-title-link>span{display:inline-block;margin-top:24px;font-size:11px;letter-spacing:.15em;color:#e13232;border-bottom:1px solid #e13232;padding-bottom:6px}
.proof-title-link:hover h2{opacity:.72}
#projects-grid{scroll-margin-top:110px}
@media(max-width:900px){
 .services .section-head{grid-template-columns:1fr!important}
 .services .section-head .section-index,
 .services .section-head h2,
 .services .section-head .services-intro{grid-column:1!important;width:100%!important;text-align:right!important}
}

/* Selected Work v3 — overlapping / cinematic */
.proof-cinematic{position:relative;overflow:hidden;padding-top:135px;padding-bottom:145px;background:#090a0b}
.proof-cinematic-intro{position:relative;z-index:3;width:44%;padding-bottom:46px}
.proof-cinematic-intro h2{font-size:clamp(46px,5.25vw,88px);line-height:.88;letter-spacing:-.06em;margin:25px 0 0}
.proof-cinematic-intro h2 i{font-style:normal;color:#e13232}
.proof-cinematic-intro>p:not(.section-index){max-width:570px;color:#999c9f;font-size:16px;line-height:1.65;margin:28px 0 22px}
.proof-cta{display:inline-block;color:#e13232;font-size:10px;letter-spacing:.16em;border-bottom:1px solid #e13232;padding-bottom:6px}
.proof-cinematic-grid{position:absolute;z-index:2;right:5.2vw;top:175px;width:59%;height:560px;display:flex;align-items:center;justify-content:flex-end;gap:0;scroll-margin-top:110px}
.cinematic-card{position:relative;width:37%;height:390px;margin-left:-4%;background:#0b0c0d;border:1px solid rgba(255,255,255,.1);box-shadow:-22px 20px 45px rgba(0,0,0,.3);color:#fff;overflow:hidden;transform:translateY(0) rotate(-.7deg);transition:transform .35s ease,border-color .35s ease;z-index:1}
.cinematic-card:nth-child(2){transform:translateY(15px) rotate(.7deg);z-index:2}
.cinematic-card:nth-child(3){transform:translateY(30px) rotate(-.5deg);z-index:3}
.cinematic-card:hover{transform:translateY(-5px) rotate(0);border-color:rgba(225,50,50,.42);z-index:4}
.cinematic-image{height:72%;background-size:cover;background-position:center;filter:grayscale(.78) saturate(.38) brightness(.52) contrast(1.13);transition:filter .35s ease}
.cinematic-card:hover .cinematic-image{filter:grayscale(.52) saturate(.65) brightness(.64) contrast(1.1)}
.cinematic-frame .cinematic-image{background-image:linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.28)),url('assets/optimized/migrated/photo-21.webp')}
.cinematic-front .cinematic-image{background-image:linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.28)),url('assets/optimized/migrated/photo-22.webp')}
.cinematic-fall .cinematic-image{background-image:linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.28)),url('assets/optimized/migrated/photo-23.webp')}
.cinematic-meta{height:28%;display:grid;grid-template-columns:46px 1fr 22px;gap:12px;align-items:end;padding:15px 17px 18px;background:linear-gradient(0deg,#090a0b,rgba(9,10,11,.9))}
.cinematic-meta strong{font-size:31px;font-weight:500;color:#5e6265;line-height:1}
.cinematic-meta span{display:block;font-size:10px;letter-spacing:.09em;font-weight:600}
.cinematic-meta small{display:block;color:#777b7e;font-size:9px;margin-top:7px}
.cinematic-meta b{font-size:18px;font-weight:400;color:#e13232}
@media(max-width:1100px){
 .proof-cinematic{padding-bottom:100px}
 .proof-cinematic-intro{width:58%}
 .proof-cinematic-grid{position:relative;right:auto;top:auto;width:100%;height:auto;margin-top:20px;justify-content:center}
 .cinematic-card{width:35%;height:360px;margin-left:-2%}
}
@media(max-width:900px){
 .proof-cinematic{padding-top:90px}
 .proof-cinematic-intro{width:100%;padding-bottom:35px}
 .proof-cinematic-intro h2{font-size:clamp(42px,12vw,72px)}
 .proof-cinematic-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:10px}
 .cinematic-card,.cinematic-card:nth-child(2),.cinematic-card:nth-child(3){width:100%;height:330px;margin:0;transform:none}
 .cinematic-image{height:72%}
}

.services .service-feature{cursor:default!important}
.services .service-feature:hover .service-photo{transform:none!important}

/* Homepage history — archival image treatment */
.heritage-compact-grid{grid-template-columns:1.08fr .72fr .78fr!important;gap:4vw!important;align-items:end!important}
.heritage-photo{
 min-height:360px;
 aspect-ratio:4/5;
 background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.28)),url('assets/optimized/migrated/photo-7.webp');
 background-size:cover;
 background-position:center;
 filter:grayscale(.8) saturate(.34) brightness(.5) contrast(1.12);
 border:1px solid rgba(255,255,255,.08);
 transition:filter .35s ease;
}
.heritage-photo:hover{filter:grayscale(.62) saturate(.52) brightness(.58) contrast(1.1)}
.heritage-copy{padding-bottom:4px}
.heritage-copy p{max-width:520px!important}
@media(max-width:1100px){
 .heritage-compact-grid{grid-template-columns:1fr .72fr!important}
 .heritage-title{grid-column:1}
 .heritage-photo{grid-column:2;grid-row:1/3;min-height:390px}
 .heritage-copy{grid-column:1}
}
@media(max-width:900px){
 .heritage-compact-grid{grid-template-columns:1fr!important}
 .heritage-title,.heritage-photo,.heritage-copy{grid-column:1!important;grid-row:auto!important}
 .heritage-photo{width:min(82vw,520px);min-height:0;aspect-ratio:4/5;margin-top:8px}
 .heritage-copy{margin-top:10px!important}
}

/* Core Services — keep photography dark on hover */
.services .service-photo{
 position:relative;
 isolation:isolate;
 filter:grayscale(.82) saturate(.42) brightness(.58) contrast(1.1)!important;
 transition:filter .35s ease!important;
}
.services .service-feature:hover .service-photo{
 filter:grayscale(.68) saturate(.55) brightness(.66) contrast(1.1)!important;
 transform:none!important;
}

/* Restore original Core Services photos; move the three newer photos to Selected Work */
.cinematic-frame .cinematic-image{background-image:linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.28)),url('assets/optimized/migrated/photo-21.webp')}
.cinematic-front .cinematic-image{background-image:linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.28)),url('assets/optimized/migrated/photo-22.webp')}
.cinematic-fall .cinematic-image{background-image:linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.28)),url('assets/optimized/migrated/photo-23.webp')}

/* Homepage V1 refinement — ONLY 04 Selected Work and 05 History */
.proof-cinematic .cinematic-card{
 cursor:default;
 pointer-events:none;
}
.proof-cinematic .cinematic-card,
.proof-cinematic .cinematic-card:nth-child(2),
.proof-cinematic .cinematic-card:nth-child(3){background:#0e0f10}
.proof-cinematic .cinematic-card:hover{border-color:rgba(255,255,255,.1)}
.proof-cinematic .cinematic-card .cinematic-image{
 height:100%;
 width:100%;
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
 filter:grayscale(.38) saturate(.76) brightness(.95) contrast(1.06);
 transition:filter .35s ease,opacity .2s ease;
}
.proof-cinematic .cinematic-card:hover .cinematic-image{
 filter:grayscale(.3) saturate(.82) brightness(.99) contrast(1.06);
}
.proof-cinematic .cinematic-frame .cinematic-image{background-image:url('assets/optimized/migrated/photo-21.webp')}
.proof-cinematic .cinematic-front .cinematic-image{background-image:url('assets/optimized/migrated/photo-22.webp')}
.proof-cinematic .cinematic-fall .cinematic-image{background-image:url('assets/optimized/migrated/photo-23.webp')}
.selected-work-controls{
 position:absolute;right:6vw;bottom:38px;z-index:5;
 display:flex;align-items:center;gap:19px;color:#a4a7a9;
}
.selected-work-controls button{
 display:inline-flex;justify-content:center;align-items:center;
 width:42px;height:42px;background:transparent;color:#fff;
 border:1px solid #4b4d50;border-radius:50%;cursor:pointer;
 font-size:20px;line-height:1;transition:border-color .2s ease,color .2s ease;
}
.selected-work-controls button:hover,.selected-work-controls button:focus-visible{border-color:#e13232;color:#e13232}
.selected-work-controls .work-counter{font-size:10px;letter-spacing:.15em;min-width:55px;text-align:center;font-variant-numeric:tabular-nums}
.heritage-compact .heritage-compact-grid{
 grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 gap:36px 6vw!important;align-items:start!important;
}
.heritage-compact .heritage-title{grid-column:1;grid-row:1}
.heritage-compact .heritage-copy{grid-column:2;grid-row:1;align-self:end}
.heritage-compact img.heritage-photo{
 grid-column:1/-1;grid-row:2;
 display:block;width:100%!important;max-width:100%;
 height:auto!important;min-height:0!important;
 aspect-ratio:auto!important;
 object-fit:contain;object-position:center;
 background:none!important;
 margin:0!important;
 filter:grayscale(.85) saturate(.25) brightness(.78) contrast(1.08);
}
.heritage-compact img.heritage-photo:hover{filter:grayscale(.72) saturate(.4) brightness(.85) contrast(1.07)}
@media(max-width:1100px){
 .heritage-compact .heritage-compact-grid{grid-template-columns:1fr 1fr!important}
 .heritage-compact .heritage-title{grid-column:1;grid-row:1}
 .heritage-compact .heritage-copy{grid-column:2;grid-row:1}
 .heritage-compact img.heritage-photo{grid-column:1/-1;grid-row:2}
}
@media(max-width:900px){
 .heritage-compact .heritage-compact-grid{grid-template-columns:1fr!important;gap:28px!important}
 .heritage-compact .heritage-title{grid-column:1!important;grid-row:1!important}
 .heritage-compact .heritage-copy{grid-column:1!important;grid-row:2!important}
 .heritage-compact img.heritage-photo{grid-column:1!important;grid-row:3!important}
 .selected-work-controls{right:6vw;bottom:26px}
 .proof-cinematic{padding-bottom:110px}
 .proof-cinematic .cinematic-card .cinematic-image{height:100%}
}

/* Selected Work: slightly larger original three-photo composition, nothing else changed. */
@media(min-width:1101px){
 .proof-cinematic{min-height:800px}
 .proof-cinematic-grid{
  width:63%;height:640px;top:145px;right:3.5vw;
 }
 .proof-cinematic .cinematic-card,
 .proof-cinematic .cinematic-card:nth-child(2),
 .proof-cinematic .cinematic-card:nth-child(3){
  width:39%;height:460px;
 }
}
@media(min-width:901px) and (max-width:1100px){
 .proof-cinematic .cinematic-card,
 .proof-cinematic .cinematic-card:nth-child(2),
 .proof-cinematic .cinematic-card:nth-child(3){
  width:35%;height:415px;
 }
 .proof-cinematic{padding-bottom:125px}
}
@media(max-width:900px){
 .proof-cinematic .cinematic-card,
 .proof-cinematic .cinematic-card:nth-child(2),
 .proof-cinematic .cinematic-card:nth-child(3){
  width:100%;height:375px;
 }
}

/* Static Selected Work V1: exactly three larger original photos, no carousel or gallery controls. */
.proof-cinematic .proof-title-link{display:block;cursor:default;text-decoration:none}
.proof-cinematic .cinematic-card{pointer-events:none;cursor:default}
@media(min-width:1101px){
 .proof-cinematic{min-height:835px}
 .proof-cinematic-grid{width:65%;height:640px;top:145px;right:3vw}
 .proof-cinematic .cinematic-card,
 .proof-cinematic .cinematic-card:nth-child(2),
 .proof-cinematic .cinematic-card:nth-child(3){width:37%;height:500px}
}
@media(min-width:901px) and (max-width:1100px){
 .proof-cinematic .cinematic-card,
 .proof-cinematic .cinematic-card:nth-child(2),
 .proof-cinematic .cinematic-card:nth-child(3){width:36%;height:430px}
}
@media(max-width:900px){
 .proof-cinematic .cinematic-card,
 .proof-cinematic .cinematic-card:nth-child(2),
 .proof-cinematic .cinematic-card:nth-child(3){width:100%;height:390px}
}

/* Selected Work: reveal the first DAMAGE photograph. Preserve the three static cards. */
@media(min-width:1101px){
 .proof-cinematic .proof-cinematic-grid{
  right:2.5vw;
  width:54%;
  z-index:4;
 }
 .proof-cinematic .cinematic-card{
  margin-left:-3%;
 }
 .proof-cinematic .cinematic-card:first-child{
  width:40%;
  flex-shrink:0;
  z-index:5;
  transform:translateY(-8px) rotate(-.7deg);
 }
 .proof-cinematic .cinematic-card:nth-child(2){
  width:34%;
  flex-shrink:0;
  z-index:3;
 }
 .proof-cinematic .cinematic-card:nth-child(3){
  width:34%;
  flex-shrink:0;
  z-index:2;
 }
}
@media(min-width:901px) and (max-width:1100px){
 .proof-cinematic .cinematic-card:first-child{z-index:5}
 .proof-cinematic .cinematic-card:nth-child(2){z-index:3}
 .proof-cinematic .cinematic-card:nth-child(3){z-index:2}
}
.proof-cinematic .cinematic-frame .cinematic-image{
 background-position:45% center;
 filter:grayscale(.22) saturate(.9) brightness(1.08) contrast(1.04);
}

/* 100 years anniversary identity in opening hero */
.hero-title-lockup{display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,5vw,90px);width:100%}.hero-title-lockup h1{flex:1;min-width:0}.hero-century-logo{width:clamp(118px,18vw,270px);height:auto;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 14px rgba(0,0,0,.12))}@media(max-width:680px){.hero-title-lockup{align-items:flex-start;flex-direction:column;gap:12px}.hero-century-logo{width:clamp(125px,38vw,210px);margin-left:-18px;margin-top:-12px}}

/* Editorial centenary placement — separate from the main wordmark */
.hero-content{position:relative}
.hero-title-lockup{display:block!important;width:100%}
.hero-title-lockup h1{width:100%}
.hero-anniversary-mark{position:absolute;right:clamp(16px,3vw,55px);top:clamp(4px,3vh,38px);z-index:4;width:clamp(155px,20vw,290px);aspect-ratio:1.45;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.48);padding:clamp(10px,1.8vw,24px);background:rgba(0,0,0,.14);pointer-events:none}
.hero-anniversary-mark .hero-century-logo{display:block;width:100%;max-width:none;height:100%;object-fit:contain;margin:0!important;filter:drop-shadow(0 2px 12px rgba(0,0,0,.2))}
@media(max-width:800px){.hero-anniversary-mark{position:relative;right:auto;top:auto;margin:20px 0 8px auto;width:clamp(150px,44vw,235px);aspect-ratio:1.45}.hero-title-lockup{display:block!important}}

/* Integrated centenary lockup: one editorial composition, not a floating badge. */
.hero-content{position:relative!important}
.hero-title-lockup{position:relative!important;width:100%!important;max-width:100%!important;padding-right:clamp(135px,19vw,275px)!important}
.hero-anniversary-mark{
 position:absolute!important;top:auto!important;bottom:clamp(95px,13vh,170px)!important;
 right:clamp(8px,2vw,32px)!important;
 width:clamp(125px,17vw,245px)!important;height:auto!important;aspect-ratio:auto!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
 display:block!important;z-index:3!important;
}
.hero-anniversary-mark .hero-century-logo{display:block!important;width:100%!important;height:auto!important;max-height:210px!important;object-fit:contain!important;filter:none!important}
@media(max-width:800px){
 .hero-title-lockup{padding-right:0!important}
 .hero-anniversary-mark{position:relative!important;top:auto!important;bottom:auto!important;right:auto!important;
  margin:clamp(14px,3vh,28px) 0 clamp(14px,3vh,28px) auto!important;width:clamp(120px,31vw,180px)!important}
}

/* Centenary artwork sits within the two-line typographic lockup, aligned with PAPOUTSAS. */
.hero-title-lockup{display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;gap:clamp(12px,2.5vw,42px)!important;padding-right:0!important;max-width:100%!important;width:max-content!important}
.hero-title-lockup h1{width:auto!important;flex:0 1 auto!important;min-width:0!important;margin:0!important}
.hero-title-lockup .hero-anniversary-mark{position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;right:auto!important;
 flex:0 0 auto!important;width:clamp(180px,24vw,365px)!important;height:auto!important;
 align-self:flex-end!important;margin:0 0 clamp(2px,.6vw,10px) 0!important;padding:0!important;
 border:0!important;outline:0!important;background:none!important;box-shadow:none!important;aspect-ratio:auto!important}
.hero-title-lockup .hero-century-logo{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;filter:none!important}
@media(max-width:800px){
 .hero-title-lockup{width:100%!important;gap:12px!important}
 .hero-title-lockup .hero-anniversary-mark{width:clamp(100px,26vw,220px)!important;margin:0!important}
}
@media(max-width:520px){
 .hero-title-lockup{align-items:flex-end!important;gap:8px!important}
 .hero-title-lockup .hero-anniversary-mark{width:clamp(78px,24vw,130px)!important}
}


/* Final finishing preview: hero clarity and foreground editorial overlap. */
.hero-bg{filter:grayscale(1) contrast(1.04) brightness(1.12)}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.38) 48%,rgba(0,0,0,.03) 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 55%)}
.hero-title-lockup{margin-bottom:clamp(32px,5vh,58px)}
.hero-bottom{align-items:center;gap:32px;padding-top:24px;line-height:1.7}
.hero-bottom strong{font-weight:600}
.hero-bottom p span{color:#d0d1d1}
.hero-bottom>a{display:inline-flex;align-items:center;gap:24px;flex-shrink:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.5)}
.hero-bottom>a b{font-size:20px}
.hero .scroll{right:1.7vw;bottom:5vh;opacity:.45;font-size:7px}
.hero .scroll span{height:36px}
@media(min-width:1101px){
 .proof-cinematic-intro{z-index:6}
 .proof-cinematic-intro h2{width:max-content;max-width:none;white-space:nowrap;position:relative}
}
@media(max-width:900px){
 .hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
 .hero-bottom>a{margin-top:0}
 .hero-bottom p{font-size:12px}
 .hero-content{padding-bottom:6vh}
}

@media(min-width:901px){.hero{height:calc(100svh - 94px);min-height:700px}}
@media(min-width:1101px){.proof-cinematic-intro>p:not(.section-index){max-width:34vw}}

/* Match the three photographs and place the work link beneath the composition. */
.proof-cinematic .cinematic-card .cinematic-image,
.proof-cinematic .cinematic-card:hover .cinematic-image,
.proof-cinematic .cinematic-frame .cinematic-image{
 filter:grayscale(.22) saturate(.9) brightness(1.08) contrast(1.04);
}
.proof-bottom-action{position:relative;z-index:6;display:flex;justify-content:flex-end;margin-top:30px}
.proof-bottom-action .proof-cta{font-size:12px;padding:16px 0;letter-spacing:.12em}
@media(min-width:1101px){
 .proof-bottom-action{position:absolute;right:6vw;bottom:36px;margin:0}
}
@media(max-width:900px){.proof-bottom-action{justify-content:flex-start;margin-top:28px}}

/* The service directory follows the three core services, including post-fall checks. */
.all-services-action{display:flex;justify-content:flex-end;margin-top:42px}
.all-services-action a{display:inline-flex;align-items:center;gap:26px;padding:16px 24px;border:1px solid #686b6d;border-radius:999px;color:#f4f3ef;font-size:14px;transition:border-color .2s ease}
.all-services-action a:hover{border-color:#c51f25}
.all-services-action span{color:#e13232;font-size:20px}
@media(max-width:900px){.all-services-action{justify-content:flex-start;margin-top:28px}}

/* Hero composition: clear wordmark and a separate centenary signature. */
.hero{position:relative}
.hero-content{position:relative!important}
.hero-title-lockup{position:static!important;display:block!important;width:100%!important;max-width:100%!important;padding:0!important}
.hero-title-lockup h1{width:100%!important;max-width:100%!important}
.hero-title-lockup .hero-anniversary-mark{position:absolute!important;top:clamp(28px,5vh,64px)!important;right:5vw!important;bottom:auto!important;left:auto!important;width:clamp(160px,18vw,250px)!important;margin:0!important;opacity:.9}
.hero-title-lockup .hero-century-logo{display:block!important;width:100%!important;height:auto!important}
.hero-bottom{max-width:780px}
@media(max-width:800px){
 .hero-title-lockup .hero-anniversary-mark{top:24px!important;right:4vw!important;width:clamp(140px,32vw,200px)!important}
 .hero-title-lockup{margin-bottom:30px}
}
@media(max-width:520px){
 .hero-title-lockup .hero-anniversary-mark{top:18px!important;right:3vw!important;width:130px!important}
}

.hero-title-lockup .hero-anniversary-mark{top:auto!important;bottom:calc(100% + 22vh)!important;right:5vw!important}
@media(max-width:800px){.hero-title-lockup .hero-anniversary-mark{top:auto!important;bottom:calc(100% + 12vh)!important;right:6vw!important}}

/* Oversized centenary watermark across the workshop image. */
.hero{isolation:isolate;overflow:hidden}
.hero-title-lockup .hero-anniversary-mark{position:absolute!important;top:auto!important;bottom:4vh!important;right:-13vw!important;width:clamp(650px,95vw,1600px)!important;opacity:.32!important;z-index:-1!important;pointer-events:none!important}
.hero-title-lockup .hero-century-logo{filter:grayscale(1)!important}
.hero-content{isolation:isolate}
@media(max-width:800px){.hero-title-lockup .hero-anniversary-mark{top:auto!important;bottom:20vh!important;right:-32vw!important;width:125vw!important;opacity:.32!important}}

/* Exclude the thin rectangular outline embedded in the original artwork. */
.hero-title-lockup .hero-century-logo{clip-path:inset(20.2% 22.5%);border:0!important;outline:0!important}

/* Preserve the complete centenary logo; separate its inscription from the headline. */
.hero-title-lockup .hero-anniversary-mark{bottom:23vh!important;right:-18vw!important;width:90vw!important;opacity:.36!important}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.38) 48%,rgba(0,0,0,.18) 100%),radial-gradient(ellipse at 78% 35%,rgba(0,0,0,.30),transparent 58%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 55%)}
@media(max-width:800px){.hero-title-lockup .hero-anniversary-mark{bottom:32vh!important;right:-30vw!important;width:125vw!important;opacity:.32!important}}

/* Centenary watermark above the main wordmark, forming one left-aligned composition. */
.hero-title-lockup .hero-anniversary-mark{left:-8vw!important;right:auto!important;bottom:calc(100% - 9vh)!important;width:60vw!important;opacity:.36!important}
@media(max-width:800px){.hero-title-lockup .hero-anniversary-mark{left:-15vw!important;right:auto!important;bottom:calc(100% - 6vh)!important;width:95vw!important;opacity:.32!important}}