/*
Theme Name: Concrete Cultures V1.2 V1.1
Theme URI: https://concretecultures.com/
Author: Concrete Cultures
Description: Custom editorial portfolio theme for Concrete Cultures.
Version: 1.2.0
*/
:root{--paper:#f2f0eb;--ink:#0a0a0a;--muted:#686761;--green:#075c43;--line:rgba(10,10,10,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(242,240,235,.96)}.brand img{display:block;width:190px;height:auto}.nav{display:flex;gap:34px;text-transform:uppercase;font-size:11px;letter-spacing:.13em}.nav a{transition:opacity .2s}.nav a:hover{opacity:.5}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:650px;border-bottom:1px solid var(--line)}.hero-media{background:#aaa url('assets/images/hero.jpg') center/cover no-repeat;min-height:650px}.hero-copy{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:flex-end}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;margin-bottom:28px}.hero h1{font-size:clamp(54px,7vw,110px);line-height:.88;letter-spacing:-.055em;margin:0 0 28px;font-weight:800;text-transform:uppercase}.green{color:var(--green)}.hero p{max-width:470px;font-family:Georgia,serif;font-size:20px;line-height:1.35;margin:0 0 32px}.arrow-link{text-transform:uppercase;font-size:11px;letter-spacing:.16em;display:inline-flex;gap:12px;align-items:center}.arrow-link:after{content:'→';font-size:16px}.statement{padding:90px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:6vw;border-bottom:1px solid var(--line)}.section-label{text-transform:uppercase;font-size:11px;letter-spacing:.18em}.statement h2{font-size:clamp(34px,4vw,64px);line-height:1;letter-spacing:-.04em;margin:0;max-width:900px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:var(--ink)}.gallery img{width:100%;height:360px;display:block;object-fit:cover}.gallery .wide{grid-column:span 2}.gallery .tall{height:520px}.services{padding:95px 5vw}.services-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.services-head h2,.work-head h2{font-size:38px;letter-spacing:-.04em;margin:0;text-transform:uppercase}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.service{padding:25px 18px 35px 0;border-right:1px solid var(--line);min-height:190px}.service:not(:first-child){padding-left:20px}.service:last-child{border-right:0}.service-no{font-size:10px;letter-spacing:.18em;color:var(--muted)}.service h3{font-size:22px;text-transform:uppercase;margin:25px 0 10px}.service p{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:160px}.work{background:var(--ink);color:#fff;padding:90px 5vw}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.work-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.work-card img{width:100%;aspect-ratio:1/1.05;object-fit:cover;display:block}.work-card figcaption{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:12px;color:#bbb}.clients{padding:75px 5vw;border-bottom:1px solid var(--line)}.clients h3{font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 45px}.client-list{display:flex;flex-wrap:wrap;gap:22px 42px;font-weight:700;font-size:clamp(16px,2vw,27px);letter-spacing:-.03em}.about{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.about-media{background:url('assets/images/about.jpg') center/cover;min-height:650px;filter:grayscale(1)}.about-copy{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.about-copy h2{font-size:clamp(48px,6vw,92px);line-height:.9;letter-spacing:-.06em;margin:0 0 35px;text-transform:uppercase}.about-copy p{font-family:Georgia,serif;font-size:18px;max-width:600px}.network{margin-top:45px;padding-top:25px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.13em;text-transform:uppercase;line-height:2}.cta{background:#0b0b0b;color:white;padding:80px 5vw;display:flex;justify-content:space-between;align-items:center}.cta h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,6vw,82px);line-height:.9;margin:0}.cta .button{border:1px solid rgba(255,255,255,.5);padding:17px 24px;text-transform:uppercase;font-size:10px;letter-spacing:.15em}.site-footer{padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.footer-logo{width:150px}.page-hero{padding:110px 5vw 80px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(56px,9vw,140px);line-height:.85;letter-spacing:-.06em;margin:0;text-transform:uppercase}.page-body{padding:80px 5vw}.page-body p{max-width:780px;font-family:Georgia,serif;font-size:22px;line-height:1.45}.services-list{margin-top:60px;border-top:1px solid var(--line)}.services-list article{display:grid;grid-template-columns:100px 1fr 2fr;padding:28px 0;border-bottom:1px solid var(--line)}.services-list h2{margin:0;font-size:28px;text-transform:uppercase}.services-list p{margin:0;font-family:Arial,sans-serif;font-size:14px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.contact-box{border-top:1px solid var(--line);padding-top:25px}.contact-box h3{text-transform:uppercase;font-size:11px;letter-spacing:.16em}.contact-box a{font-size:clamp(22px,3vw,40px);display:inline-block;margin-top:20px}.timeline{margin-top:70px;border-top:1px solid var(--line)}.timeline div{display:grid;grid-template-columns:120px 1fr;padding:25px 0;border-bottom:1px solid var(--line)}.timeline strong{font-size:30px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.archive-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.archive-grid figure{margin:0}.archive-grid figcaption{padding:12px 0 20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:800px){.site-header{height:70px;padding:0 5vw}.brand img{width:145px}.nav{gap:16px;font-size:9px}.hero{grid-template-columns:1fr;min-height:auto}.hero-media{min-height:58vh}.hero-copy{padding:55px 7vw 65px}.hero h1{font-size:58px}.hero p{font-size:18px}.statement{grid-template-columns:1fr;gap:30px;padding:65px 7vw}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img,.gallery .tall{height:270px}.gallery .wide{grid-column:span 2}.services{padding:65px 7vw}.service-grid{grid-template-columns:1fr 1fr}.service{border-bottom:1px solid var(--line)}.service:nth-child(2n){border-right:0}.work{padding:65px 7vw}.work-grid{grid-template-columns:1fr 1fr;gap:10px}.clients{padding:60px 7vw}.client-list{gap:16px 24px}.about{grid-template-columns:1fr}.about-media{min-height:50vh}.about-copy{padding:65px 7vw}.cta{padding:65px 7vw;gap:40px;align-items:flex-start;flex-direction:column}.site-footer{padding:25px 7vw;gap:20px;align-items:flex-start;flex-direction:column}.page-hero{padding:75px 7vw 55px}.page-body{padding:55px 7vw}.services-list article{grid-template-columns:50px 1fr;gap:10px}.services-list p{grid-column:2}.contact-grid{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr 1fr}.menu-toggle{display:block}.nav{display:none}}
@media(max-width:800px){.nav.open{display:flex;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:22px 7vw;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.nav.open ul{display:flex;flex-direction:column;gap:18px;margin:0;padding:0;list-style:none}.nav ul{margin:0;padding:0;list-style:none;display:flex;gap:16px}}
.nav ul{display:flex;gap:34px;margin:0;padding:0;list-style:none}.nav li{margin:0}.nav li a{display:block}