/* Approved homepage composition. Content still comes from the CMS. */
.home-page .wrap{width:min(1244px,86.4%)}
.home-page .site-header{position:absolute;inset:0 0 auto;z-index:5;min-height:0;height:76px;padding:0 max(6.8%,calc((100% - 1244px)/2));background:linear-gradient(#10191960,transparent)}
.home-page .site-header .logo{font-size:28px}.home-page .site-header .logo b{font-size:38px}
.home-page .site-header nav{font-size:13px;gap:30px}.home-page .contact-link{padding:10px 18px}
.home-page .hero>img{aspect-ratio:2.56;object-fit:cover;object-position:center}
.home-page .manifesto{padding:22px 0;background:#f8f5ee}
.home-page .manifesto h1{font-size:clamp(18px,2.2vw,32px);letter-spacing:-.65px;line-height:1.3}
.home-page .manifesto .wrap{gap:15px;flex-wrap:nowrap}
.home-page .section{padding:30px 0}
.home-page .section-clients{padding:29px 0 27px;background:#fcfaf5}
.home-page .section-testimonials{background:#fcfaf5}
.home-page .section-projects,.home-page .section-team{background:radial-gradient(ellipse at 80% 10%,#242725,#141515 70%)}
.home-page .eyebrow{font-size:11px;letter-spacing:2.1px;margin-bottom:10px}
.home-page h2{font-size:clamp(25px,3.35vw,48px);font-weight:600;letter-spacing:-1.8px;line-height:1.12}
.home-page .section-head{margin-bottom:22px;align-items:center}
.home-page .section-clients .section-head{margin-bottom:26px}
.home-page .client-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:40px;align-items:center}
.home-page .client{min-height:58px}.home-page .client img{max-height:58px;max-width:100%}
.design-thumb{background-image:url('/assets/design-reference.png');background-repeat:no-repeat;width:100%;overflow:hidden}
.client .design-thumb{width:100%;max-width:180px;min-height:0}
.home-page .cards-projects{grid-template-columns:1.37fr .92fr 1fr;gap:14px}
.home-page .cards-projects .content-card{height:clamp(230px,25.7vw,370px);overflow:hidden}
.home-page .cards-projects .project-image,.home-page .cards-projects .project-image img,.home-page .cards-projects .design-thumb{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.home-page .cards-projects .card-copy{position:absolute;inset:auto 0 0;padding:45px 15px 13px;background:linear-gradient(transparent,#000c);pointer-events:none}
.home-page .cards-projects h3{font-size:18px;font-weight:500;margin:0 25px 5px 0;letter-spacing:0}
.home-page .cards-projects .card-copy>p{font-size:10px;text-transform:uppercase;letter-spacing:2.1px;color:#ddd}
.home-page .cards-projects .card-arrow{top:auto;bottom:15px;right:15px;font-size:23px;color:white;pointer-events:auto}
.home-page .cards-projects .card-copy .eyebrow{font-size:9px;margin-bottom:6px}
.home-page .section-testimonials .section-head{gap:40px}
.section-head blockquote{margin:0;max-width:400px;flex:0 1 32%;border-left:1px solid var(--accent);padding-left:24px;font-size:clamp(15px,1.8vw,25px);font-style:italic;line-height:1.4}
.featured-stories{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}
.story-sidebar{display:grid;gap:12px}.featured-stories>.content-card{grid-row:auto!important}
.home-page .video-trigger img,.home-page .video-trigger .design-thumb,.home-page .video-trigger .image-fallback{aspect-ratio:2.34!important;width:100%;height:auto;object-fit:cover}
.home-page .story-sidebar .video-trigger img,.home-page .story-sidebar .design-thumb,.home-page .story-sidebar .image-fallback{aspect-ratio:2.76!important}
.duration{position:absolute;right:7px;bottom:7px;font-size:11px;background:#0009;padding:3px 5px;border-radius:3px;color:#fff}
.home-page .play{width:78px;height:78px;font-size:28px;background:#0003}
.home-page .story-sidebar .play{width:45px;height:45px;font-size:16px}
.home-page .cards-testimonials .card-copy{padding:9px 0 0}.home-page .cards-testimonials h3{font-size:14px;font-weight:700;margin:0 0 3px}
.home-page .cards-testimonials .card-copy p{font-size:12px;line-height:1.4;color:#777}
.home-page .cards-team{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.home-page .cards-team img,.home-page .cards-team .design-thumb{width:100%;aspect-ratio:1.31!important;object-fit:cover}
.home-page .cards-team .card-copy{padding:10px 0 0}.home-page .cards-team h3{font-size:14px;letter-spacing:0;margin:0 0 4px}
.home-page .cards-team .card-copy p{font-size:10px;letter-spacing:1px;color:#ccc}
.cta{background:linear-gradient(90deg,#fff5dfdc,#fff0d5b5),url('/assets/hero.png') center 87%/cover;color:#141515;padding:35px 0 42px}
.home-page .cta .eyebrow{margin-bottom:0}.cta .button{background:transparent;border-color:#585039;padding:13px 25px}
.home-page .site-footer{width:min(1244px,86.4%);padding:24px 0 22px;gap:14px 24px;display:grid;grid-template-columns:auto auto 1fr auto}
.home-page .site-footer .logo{font-size:25px}.home-page .site-footer .logo b{font-size:34px}.site-footer>span{font-size:9px}
.footer-nav{display:flex;justify-content:center;gap:22px;font-size:11px}
.home-page .socials{margin:0;gap:14px;font-size:11px}
.home-page .site-footer p{grid-column:1/3;width:auto;border:0;padding-top:18px;margin:0;font-size:10px}
.home-page .footer-motto{grid-column:3/5;text-align:right;padding-top:18px;letter-spacing:.5px;font-size:10px;color:#999}
.home-page .site-footer:after{content:'';grid-column:1/-1;grid-row:2;border-top:1px solid #ffffff30;margin-top:8px}
.home-page .admin-entry{grid-column:1/-1;font-size:9px;text-align:right;opacity:.5}
.design-preview-label{position:fixed;bottom:8px;left:8px;z-index:20;background:#161a18ed;color:#efe4cd;border:1px solid #ddaf5960;padding:7px 12px;border-radius:4px;font-size:10px;letter-spacing:.3px}
.sample-card .play,.sample-card .duration{display:none}.home-page .cards-projects .sample-card .card-copy{clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}
.home-page .manifesto{padding:7px 0}
.home-page .section{padding:20px 0}
.home-page .section-clients{padding:18px 0}
.home-page .section-head{margin-bottom:16px}
.home-page .section-clients .section-head{margin-bottom:18px}
.home-page .client{min-height:40px}
.home-page .eyebrow{font-size:9px;margin-bottom:8px}
.home-page .cards-testimonials .card-copy{padding:5px 0 0}
.home-page .cards-testimonials h3{font-size:11px;margin-bottom:2px}
.home-page .cards-testimonials .card-copy p{font-size:9px;line-height:1.4}
.home-page .story-sidebar{gap:10px}
.home-page .cards-team .card-copy{padding-top:6px}
.home-page .cards-team h3{font-size:12px}
.home-page .cards-team .card-copy p{font-size:9px}
.home-page .cta{padding:20px 0 28px;background-image:linear-gradient(90deg,#fff5dfdf,#fff0d5d0),url('/assets/hero.png');background-size:cover,300% auto;background-position:center,left bottom}
.inner-page .design-thumb{aspect-ratio:4/5!important}.inner-page .client .design-thumb{aspect-ratio:3/1!important}
.inner-page .video-trigger .design-thumb{aspect-ratio:16/9!important}
@media(min-width:1441px){.home-page .section{padding:40px 0}.home-page .hero>img{max-height:720px}}
@media(max-width:900px){.home-page .site-header{height:58px}.home-page .site-header nav{gap:16px;font-size:10px}.home-page .logo{font-size:23px!important}.home-page .manifesto{padding:15px 0}.home-page .section{padding:23px 0}.home-page h2{font-size:30px}.home-page .client-grid{gap:20px}.home-page .cards-projects .content-card{height:26vw}.home-page .cards-projects h3{font-size:13px}.home-page .cards-projects .card-copy>p{font-size:8px}.home-page .section-head{margin-bottom:17px}.home-page .section-head blockquote{font-size:17px}.home-page .featured-stories{gap:15px}.home-page .play{width:55px;height:55px;font-size:20px}.home-page .cards-team{gap:14px}.home-page .footer-nav{gap:12px}.home-page .socials{gap:8px}}
@media(max-width:640px){.home-page .site-header{position:relative;height:64px;padding:0 24px;background:#141515}.home-page .site-header nav{top:64px;gap:22px;font-size:14px}.home-page .wrap,.home-page .site-footer{width:calc(100% - 40px)}.home-page .hero>img{aspect-ratio:1916/821;max-height:none}.home-page .manifesto .wrap{flex-wrap:wrap}.home-page .manifesto h1{font-size:20px}.home-page .section{padding:30px 0}.home-page h2{font-size:27px;letter-spacing:-1px}.home-page .client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-page .client{min-height:40px}.home-page .cards-projects{grid-template-columns:1fr;gap:15px}.home-page .cards-projects .content-card{height:260px}.home-page .cards-projects h3{font-size:18px}.home-page .cards-projects .card-copy>p{font-size:10px}.home-page .section-testimonials .section-head{flex-direction:column;align-items:start;gap:20px}.home-page .section-head blockquote{flex:auto;max-width:100%;font-size:16px}.home-page .featured-stories{grid-template-columns:1fr}.story-sidebar{grid-template-columns:1fr 1fr;gap:12px}.home-page .story-sidebar .design-thumb,.home-page .story-sidebar .video-trigger img{aspect-ratio:1.8!important}.home-page .cards-testimonials h3{font-size:12px}.home-page .cards-testimonials p{font-size:10px!important}.home-page .cards-team{grid-template-columns:1fr 1fr;gap:20px 14px}.home-page .cards-team img,.home-page .cards-team .design-thumb{aspect-ratio:1.05!important}.home-page .cards-team h3{font-size:13px}.home-page .site-footer{grid-template-columns:auto 1fr}.home-page .footer-nav{grid-column:1/-1;justify-content:start;flex-wrap:wrap}.home-page .socials{grid-column:1/-1}.home-page .site-footer:after{grid-row:auto}.home-page .site-footer p,.home-page .footer-motto{grid-column:1/-1;text-align:left;padding-top:5px}.home-page .site-footer>span{font-size:7px}.home-page .admin-entry{justify-self:end}.design-preview-label{font-size:8px;max-width:calc(100% - 16px)}}
