/* Homepage layout inspired by the supplied reference. Other pages retain their design. */
.home-page{--bg:#f7f6f2;--ink:#171817;--serif:Georgia,'Times New Roman',serif;background:var(--bg);font-family:Arial,'Segoe UI',sans-serif}
.home-page h1,.home-page h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.04;text-transform:uppercase}
.home-page h2{font-size:clamp(2rem,3.9vw,4rem);max-width:720px}
.home-page h3{font-size:14px;line-height:1.3;letter-spacing:0;margin:0}
.home-page .eyebrow{font-size:10px;font-weight:400;letter-spacing:.18em;margin:0 0 18px}
.home-page .section-shell{padding:52px 5.5%;max-width:none;margin:0}
.home-page .section-heading{margin-bottom:28px}
.home-page .button{border-radius:0;font-size:10px;letter-spacing:.06em;padding:14px 20px;min-height:0;gap:12px}
.home-page .button::after{content:'→';font-size:17px}
.home-page a:focus-visible,.home-page button:focus-visible,.home-page summary:focus-visible{outline:2px solid #ad8349;outline-offset:5px}
.home-page .site-header{position:absolute;top:0;left:0;width:100%;background:transparent;box-shadow:none;border:0;color:white;padding:24px 3.6%;gap:26px;z-index:20}
.home-page .brand-name{font:400 22px Arial,sans-serif;letter-spacing:.18em}
.home-page .brand-tag{display:none}
.home-page .primary-nav{gap:22px;justify-content:center}
.home-page .primary-nav a{font-size:11px;letter-spacing:0;text-transform:none;color:white}
.home-page .primary-nav a::after{background:white}
.home-page .header-actions .button{background:#111;color:white;border:1px solid #9b998f;padding:10px 16px}
.home-page .hero{position:relative;display:flex;align-items:center;min-height:680px;height:min(780px,90vh);isolation:isolate;color:white;overflow:hidden;padding-top:100px;background:#293139}
.home-page .hero-media{position:absolute;inset:0;z-index:-2;border-radius:0;min-height:0}
.home-page .hero-media img{width:100%;height:100%;object-fit:cover;object-position:68% 46%}
.home-page .hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,15,.84),rgba(9,14,16,.48) 46%,rgba(8,12,15,.03) 80%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 45%)}
.home-page .hero-copy{max-width:640px;align-self:center;padding:30px 0}
.home-page h1{font-size:clamp(3.5rem,6.1vw,6.5rem);max-width:680px;margin:0 0 28px}
.home-page .hero-summary{font-size:15px;color:#f3f3ef;max-width:430px;line-height:1.6}
.home-page .hero-actions{margin-top:24px;gap:15px}
.home-page .hero-actions .button-dark{background:white;color:#151515;border:1px solid white}
.home-page .hero-actions .button-text{border:1px solid #b7b7b0;color:white}
.home-page .scroll-cue{color:white;font-size:10px;margin-top:32px}
.home-page .project-heading{position:relative;padding-right:110px}
.home-page .project-controls{position:absolute;right:0;bottom:8px;display:flex;gap:10px}
.home-page .project-controls button{width:36px;height:36px;border:1px solid #a9aaa5;border-radius:50%;background:transparent;cursor:pointer;color:#555;font-size:19px}
.home-page .featured-layout{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}
.home-page .featured-secondary{display:contents}
.home-page .featured-layout article{flex:0 0 calc((100% - 36px)/3);display:flex;flex-direction:column;border-radius:0;background:transparent;overflow:hidden;scroll-snap-align:start}
.home-page .featured-layout article img{order:-1;width:100%;height:260px;object-fit:cover;border-radius:0}
.home-page .featured-copy,.home-page .featured-secondary article>div{padding:16px 5px;background:transparent}
.home-page .featured-layout h3{font-size:14px;margin:0 0 6px}
.home-page .featured-layout p{font-size:11px;line-height:1.5;margin:0;color:#676762}
.home-page .featured-copy>.eyebrow,.home-page .featured-copy>p:not(.featured-meta){display:none}
.home-page .featured-copy .button{padding:6px 0;font-size:9px;margin-top:8px}
.home-page .services-section{background:#111312;color:#f7f6f2;padding:48px 2.6%}
.home-page .services-section .section-heading{padding:0 3%;align-items:end}
.home-page .services-section .button-text{color:white;border:1px solid #7b7d77}
.home-page .services-grid{gap:18px}
.home-page .service-card{border:0;border-radius:0;background:transparent;box-shadow:none}
.home-page .service-card:hover{transform:translateY(-4px);box-shadow:none}
.home-page .service-card img{aspect-ratio:1.18;height:auto;object-fit:cover}
.home-page .service-content{padding:17px 0 0;position:relative}
.home-page .service-number{display:none}
.home-page .service-content h3{text-transform:uppercase;font-size:12px;letter-spacing:.06em;margin-bottom:7px}
.home-page .service-content p{font-size:11px;color:#d3d4ce;line-height:1.4;margin:0 26px 0 0}
.home-page .service-content a{font-size:0;position:absolute;right:0;top:16px}
.home-page .service-content a::after{content:'→';font-size:20px}
.home-page .process-grid{position:relative;grid-template-columns:repeat(5,1fr);gap:24px}
.home-page .process-grid::before{content:'';position:absolute;left:8%;right:8%;top:30px;border-top:1px solid #bbbcb5}
.home-page .process-grid article{padding:0;text-align:center;border:0;background:transparent;position:relative}
.home-page .process-symbol{position:relative;margin:0 auto 10px;width:62px;height:62px;display:grid;place-items:center;border:1px solid #9a9c94;border-radius:50%;background:var(--bg);font-size:29px;font-weight:400}
.home-page .process-step{font-size:9px;margin:0 0 7px;color:#777}
.home-page .process-grid h3{font-size:12px;max-width:170px;margin:auto}
.home-page .process-grid article>p:last-child{font-size:11px;line-height:1.55;color:#64665f;margin:10px 0 0}
.home-page .industries-section{background:white;padding-bottom:28px}
.home-page .home-industries-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.home-page .home-industry-card{position:relative}
.home-page .home-industry-card img{aspect-ratio:1.05;object-fit:cover}
.home-page .home-industry-card h3{font-size:12px;padding:10px 20px 0 2px}
.home-page .home-industry-card span{position:absolute;bottom:0;right:2px;font-size:15px}
.home-page .values-section{display:grid;grid-template-columns:.9fr 1.1fr;background:#111312;color:white;padding:0}
.home-page .home-values-photo img{height:100%;min-height:390px;object-fit:cover}
.home-page .home-values-copy{padding:48px 7%}
.home-page .home-values-copy h2{font-size:clamp(2rem,3.5vw,3.6rem)}
.home-page .values-grid{grid-template-columns:repeat(4,1fr);gap:18px}
.home-page .values-grid article{border:0;padding:0;background:none}
.home-page .values-grid article::before{content:'✧';font-size:35px;display:block;margin-bottom:15px;font-weight:400}
.home-page .values-grid article:nth-child(2)::before{content:'◎'}
.home-page .values-grid article:nth-child(3)::before{content:'↗'}
.home-page .values-grid article:nth-child(4)::before{content:'◇'}
.home-page .values-grid h3{font-size:12px;color:white}
.home-page .values-grid p{font-size:10px;line-height:1.5;color:#c5c8c0;margin:8px 0 0}
.home-page .home-studio{border-bottom:1px solid #d2d2cc;background:#eeeee8}
.home-page .home-studio summary{display:flex;justify-content:space-between;padding:22px 5.5%;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.home-page .home-studio summary span{font-size:10px;text-transform:none;letter-spacing:0}
.home-page .home-studio h2{font-size:36px}
.home-page .home-studio .section-shell{padding-top:35px;padding-bottom:35px}
.home-page .cta-section{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:50px 8%;background:#ecebe6;gap:30px;isolation:isolate;min-height:230px}
.home-page .cta-media{position:absolute;inset:0;z-index:-1;opacity:.1;border-radius:0}
.home-page .cta-media img{height:100%;object-fit:cover}
.home-page .cta-copy{display:contents;color:#171817}
.home-page .cta-copy>.eyebrow{grid-column:1;margin:0}
.home-page .cta-copy h2{grid-column:1;font-size:clamp(2rem,3.3vw,3.4rem);margin:0}
.home-page .cta-copy>p:not(.eyebrow){grid-column:2;grid-row:1 / 3;align-self:start;padding-top:24px;color:#555;font-size:13px;max-width:400px}
.home-page .cta-copy>.button{grid-column:2;width:max-content;background:#111;color:white;border:0}
.home-page .contact-details{grid-column:1 / -1;display:flex;gap:32px;border-top:1px solid #ccc;padding-top:20px;margin:0;font-size:11px;color:#6b6d65}
.home-page .contact-details p{font-size:10px;color:#6b6d65}
.home-page .site-footer{background:#111312;color:#e8e9e3;padding:36px 5.5%;display:grid;grid-template-columns:1.2fr 1.8fr .8fr;gap:28px;align-items:start;border:0}
.home-page .footer-brand p{font-size:10px;color:#b7bab1;margin:9px 0;letter-spacing:.08em}
.home-page .footer-brand p:first-child{font-size:20px;color:white;letter-spacing:.12em}
.home-page .site-footer nav{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.home-page .site-footer nav a,.home-page .footer-socials a{font-size:11px;color:#b7bab1;letter-spacing:0;text-transform:none}
.home-page .footer-socials{display:flex;flex-direction:column;gap:12px}
@media(min-width:1700px){.home-page .hero-media img{object-position:70% 43%}}
@media(max-width:1100px){.home-page .site-header{gap:16px;padding-left:24px;padding-right:24px}.home-page .primary-nav{gap:14px}.home-page .brand-name{font-size:18px}.home-page .values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.home-page .mobile-menu{background:#151918;color:white;padding:20px;width:100%;max-height:75vh;overflow:auto;border:1px solid #535951}.home-page .menu-toggle{color:white}.home-page .menu-toggle span{background:white}.home-page .hero{min-height:610px;height:80vh}.home-page .hero-copy{max-width:550px}.home-page .featured-layout article{flex-basis:calc((100% - 18px)/2)}.home-page .home-industries-grid{grid-template-columns:repeat(3,1fr)}.home-page .values-section{grid-template-columns:1fr 1fr}.home-page .home-values-copy{padding:36px 7%}.home-page .process-grid{gap:16px}}
@media(max-width:640px){.home-page .section-shell{padding:34px 6%}.home-page .hero{padding-top:95px;min-height:650px;height:85vh}.home-page .hero-media img{object-position:60% 45%}.home-page .hero::after{background:linear-gradient(90deg,rgba(5,12,15,.85),rgba(6,12,15,.38)),linear-gradient(0deg,rgba(0,0,0,.35),transparent)}.home-page h1{font-size:clamp(42px,10.6vw,66px)}.home-page .hero .eyebrow{font-size:8px;letter-spacing:.1em;line-height:1.8}.home-page .hero-summary{font-size:13px}.home-page .hero-actions{flex-wrap:wrap}.home-page .hero-actions .button{font-size:9px;padding:12px 14px}.home-page h2{font-size:32px}.home-page .project-heading{padding-right:76px}.home-page .project-controls{gap:6px}.home-page .project-controls button{width:29px;height:29px}.home-page .featured-layout article{flex-basis:88%}.home-page .featured-layout article img{height:240px}.home-page .services-grid{grid-template-columns:repeat(2,1fr);gap:26px 14px}.home-page .services-section .section-heading{display:block;padding:0}.home-page .services-section .section-heading .button{margin-top:16px}.home-page .service-content p{font-size:10px}.home-page .process-grid{grid-template-columns:1fr;gap:24px}.home-page .process-grid::before{left:24px;right:auto;top:30px;bottom:40px;border-top:0;border-left:1px solid #bbb}.home-page .process-grid article{display:grid;grid-template-columns:50px 1fr;column-gap:18px;text-align:left}.home-page .process-symbol{width:50px;height:50px;grid-row:1 / 4;margin:0}.home-page .process-step,.home-page .process-grid h3,.home-page .process-grid article>p:last-child{grid-column:2;max-width:none;margin:0}.home-page .process-grid h3{font-size:14px;margin-bottom:5px}.home-page .home-industries-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}.home-page .values-section{padding:0;grid-template-columns:1fr}.home-page .home-values-photo img{min-height:0;height:280px}.home-page .home-values-copy{padding:34px 6%}.home-page .values-grid{gap:24px}.home-page .values-grid p{font-size:12px}.home-page .home-studio summary{gap:20px;line-height:1.6}.home-page .cta-section{padding:34px 6%;grid-template-columns:1fr;gap:18px}.home-page .cta-copy>.eyebrow,.home-page .cta-copy h2,.home-page .cta-copy>p:not(.eyebrow),.home-page .cta-copy>.button{grid-column:1;grid-row:auto;padding:0;margin:0}.home-page .contact-details{flex-wrap:wrap;gap:12px 20px}.home-page .site-footer{grid-template-columns:1fr;gap:24px}.home-page .footer-socials{flex-direction:row}.home-page .home-studio .intro-section,.home-page .home-studio .concept-section{grid-template-columns:1fr}}
.home-page .site-header{backdrop-filter:none}
.home-page .section-heading h2,.home-page .hero-copy h1,.home-page .cta-copy h2{font-weight:400;letter-spacing:-.025em;line-height:1.05}
.home-page .hero-copy{padding:20px 0}
.home-page .hero h1{font-size:clamp(48px,5.1vw,76px);max-width:620px;line-height:1.02}
.home-page .hero .eyebrow{color:#f1f1e9}
.home-page .eyebrow::before{display:none}
.home-page .hero-media{left:30%}
.home-page .hero-media img{object-position:center 30%;border-radius:0}
.home-page .hero-media{mask-image:linear-gradient(90deg,transparent,#000 22%)}
.home-page h1,.home-page h2{word-spacing:.08em}
.home-page .cta-section{border-radius:0;margin:0}
.home-page .featured-layout article{position:relative}
.home-page .project-card-link{position:absolute;inset:0;z-index:1}
.home-page .project-card-link::after{content:'↗';position:absolute;right:10px;bottom:18px;border:1px solid #bbb;border-radius:50%;width:25px;height:25px;text-align:center;line-height:23px}
.home-page .featured-primary{gap:0}
.home-page .featured-copy{border:0;border-radius:0}
.home-page .footer-brand{font-size:20px;color:white;letter-spacing:.12em;margin:0}
.home-page .footer-tag{font-size:10px;color:#b7bab1;line-height:1.7}
.home-page .service-content a::after{position:static;width:auto;height:auto;background:none;transform:none;opacity:1}
@media(max-width:640px){.home-page .hero h1{font-size:46px}.home-page .hero-media{left:0;mask-image:none}.home-page .hero-media img{object-position:60% 35%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-page *{transition:none!important}}