/* Styles for about.html and work.html (loaded after style.css) */
.page-hero{background:#000 center/cover no-repeat;color:#fff}
.page-hero-work{background-image:url(../assets/images/work-hero.jpg)}
.page-hero-about{background-image:url(../assets/images/about-hero.jpg)}
.page-hero .wrap{min-height:620px;padding:60px 0;display:flex;flex-direction:column;justify-content:center}
.page-hero h1{font-size:clamp(64px,8.2vw,118px);letter-spacing:.01em}
.page-hero h1 span{display:inline-block;background:var(--yellow2);color:var(--ink);padding:.04em .12em;margin-top:.12em}
.page-hero p{font-size:24px;max-width:600px;margin:28px 0 0;color:#fff}
.work{padding:50px 0 100px}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;max-width:1120px}
.work-tile{position:relative;margin:0;border-radius:19px;overflow:hidden;background:#272728;aspect-ratio:1;transition:transform .2s,box-shadow .2s}
.work-tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.work-tile img{display:block;width:100%;height:100%;object-fit:cover}
.work-tile figcaption{position:absolute;left:14px;bottom:12px;color:#fff;font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.02em}
.about{padding:90px 0 100px}
.about .wrap{display:grid;grid-template-columns:1fr;max-width:1240px}
.about-copy{max-width:1060px}
.about-copy p{font-size:22px;line-height:1.45;margin:0 0 26px}
.about-copy p:first-child{font-weight:700}
.signature{justify-self:end;width:min(400px,70%);height:auto;margin:30px 60px 30px 0}
.about-cta{justify-self:start;font-size:24px;padding:15px 40px}
@media(max-width:900px){.page-hero .wrap{min-height:440px;padding:48px 0}.work-grid{grid-template-columns:repeat(2,1fr);gap:22px}.signature{margin-right:0}}
@media(max-width:560px){.page-hero .wrap{min-height:360px}.page-hero p{font-size:19px}.work{padding:36px 0 60px}.work-grid{gap:14px}.work-tile figcaption{font-size:16px}.about{padding:56px 0 64px}.about-copy p{font-size:19px}.signature{justify-self:center;width:80%}}
/* thanks.html */
.thanks-hero{background:var(--yellow) url(../assets/images/topo.svg) center/cover no-repeat}
.thanks-hero .wrap{min-height:480px;display:flex;align-items:center;justify-content:center;padding:60px 0}
.thanks-hero h1{font-size:clamp(64px,13vw,190px);letter-spacing:.01em;text-align:center}
.thanks{padding:90px 0 120px}
.thanks-copy p{font-size:24px;font-weight:700;line-height:1.35;margin:0 0 26px;max-width:880px}
.thanks-copy a.mail{border-bottom:3px solid var(--yellow2)}
.thanks-copy .btn{margin-top:14px}
@media(max-width:560px){.thanks-hero .wrap{min-height:260px}.thanks{padding:56px 0 70px}.thanks-copy p{font-size:19px}}
/* 404.html */
.nf-hero{background:var(--yellow) url(../assets/images/topo.svg) center/cover no-repeat}
.nf-hero .wrap{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;text-align:center}
.nf-hero h1{font-size:clamp(120px,22vw,300px);line-height:.9}
.nf-sub{margin:18px 0 0}.nf-sub span{display:inline-block;background:var(--navy2);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(22px,3vw,38px);padding:.15em .5em}
.nf{padding:80px 0 110px;text-align:center}
.nf p{font-size:24px;font-weight:600;max-width:720px;margin:0 auto}
.nf-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:36px 0}
.nf .nf-links{font-size:19px;font-weight:500}.nf-links a{font-weight:700;border-bottom:3px solid var(--yellow2)}
@media(max-width:560px){.nf-hero .wrap{min-height:300px}.nf{padding:50px 0 70px}.nf p{font-size:19px}}