@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&family=Barlow+Condensed:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f7f0;--ink:#233b30;--green:#345a39;--lime:#dcf574;--line:#d6ddce;--sky:#dceef0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;object-fit:cover}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b85b29;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;font-weight:500}p{max-width:60ch}section{scroll-margin-top:90px}button,a{ -webkit-tap-highlight-color:transparent}.wrap{width:min(1280px,90%);margin:auto}.conceptbar{background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:center;gap:26px;min-height:47px;font-size:12px;color:#353d37;padding:7px 16px}.conceptbar span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.conceptbar a{padding:5px 13px;border-radius:30px}.conceptbar .active{background:#263e31;color:white}.conceptbar .notes{border-left:1px solid #ddd;border-radius:0}.nav{display:flex;align-items:center;justify-content:space-between;height:112px;gap:25px}.logo{width:86px;height:88px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:32px;font-size:14px}.navlinks .contactlink{border:1px solid var(--ink);padding:11px 20px;border-radius:30px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:22px;display:block}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:15px 23px;border-radius:30px;background:var(--ink);color:white;font-size:14px}.button.light{background:var(--lime);color:var(--ink)}.textlink{display:inline-block;border-bottom:1px solid;padding:6px 0;font-size:14px}.hero-a{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:45px 0 90px;min-height:640px}.hero-a h1{font-family:Georgia,serif;font-size:clamp(48px,5.8vw,84px);letter-spacing:-3.8px;margin-bottom:27px}.hero-a h1 em{color:#628545;font-weight:400}.hero-a p{font-size:17px;max-width:440px;margin-bottom:32px}.hero-art{position:relative;height:500px}.hero-art .main{position:absolute;inset:12px 4% 28px 12%;width:84%;height:440px;border-radius:46% 46% 6% 6%;object-position:center}.hero-art .small{width:38%;height:215px;position:absolute;left:-2%;bottom:-5px;border:8px solid var(--paper);transform:rotate(-8deg);border-radius:4px}.hero-art .sun{position:absolute;right:-1%;top:0;width:108px;height:108px;border-radius:50%;background:var(--lime);display:grid;place-content:center;text-align:center;transform:rotate(12deg);font-size:12px;line-height:1.3}.hero-art .caption{position:absolute;right:3%;bottom:-19px;font-size:11px}.doodle{position:absolute;right:0;bottom:35px;font-size:65px;color:#618646;transform:rotate(-20deg)}.introstrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.introstrip .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px}.introstrip strong{font-family:Georgia,serif;font-size:19px;font-weight:400}.section{padding:88px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;gap:25px}.sectionhead h2{font-family:Georgia,serif;font-size:46px;letter-spacing:-1.8px;margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filter{border:1px solid #b9c5b3;background:none;color:inherit;padding:8px 18px;border-radius:30px;font-size:12px}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 26px}.card{display:block}.card[hidden]{display:none}.cardpic{overflow:hidden;background:#e6eadf;border-radius:6px;aspect-ratio:1.2}.cardpic img{height:100%;width:100%;transition:transform .4s}.card:hover img{transform:scale(1.035)}.card .meta{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;margin:18px 0 10px;color:#596e5b}.card h3{font-size:24px;letter-spacing:-.7px;display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.card p{font-size:13px;line-height:1.6;margin-bottom:0}.help{background:#e9efdf}.helpgrid{display:grid;grid-template-columns:1fr 1.7fr;gap:90px}.help h2,.about h2,.contact h2{font-family:Georgia,serif;font-size:48px;letter-spacing:-2px}.service{display:grid;grid-template-columns:45px 1fr;padding:26px 0;border-top:1px solid #b8c8af}.service h3{font-size:23px;margin-bottom:10px}.service p{font-size:14px;margin:0}.service .number{font-size:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.aboutphoto{width:100%;height:440px;object-position:center 35%;border-radius:48% 48% 4px 4px}.about .portraitwrap{max-width:360px;position:relative;margin:auto}.portraitwrap:after{content:'Aangenaam, Barbe.';position:absolute;bottom:20px;right:-40px;padding:12px 24px;background:var(--lime);transform:rotate(-6deg);font-family:Georgia,serif;font-size:22px}.about p{font-size:16px}.contact{background:var(--sky);padding:70px 0}.contact .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{margin-bottom:20px}.contact p{margin:0}.footer{display:flex;justify-content:space-between;padding:28px 0;font-size:11px;gap:20px}.footer a{text-decoration:underline}.empty{padding:20px}.skip{position:absolute;left:10px;top:-100px;z-index:20;background:white;color:black;padding:10px}.skip:focus{top:10px}.detail{max-width:1000px;padding:50px 0 80px}.detail h1{font-family:Georgia,serif;font-size:clamp(45px,6vw,80px);letter-spacing:-3px;margin:30px 0}.detail .lead{font-size:23px;max-width:700px}.detailhero{width:100%;height:520px;border-radius:8px;margin:40px 0;object-position:center}.detailbody{display:grid;grid-template-columns:1fr 2fr;gap:60px}.detailbody h2{font-size:29px}.detailbody p{font-size:16px}.facts{font-size:13px}.facts dt{font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:20px}.facts dd{margin:5px 0 15px}.detailsecond{width:100%;margin:30px 0;max-height:550px;object-fit:contain}.b{--paper:#172e25;--ink:#f0f3e9;--line:#536359;background:var(--paper);font-family:'Manrope',sans-serif}.b .nav{height:95px}.wordmark{font-size:35px;letter-spacing:-2px;font-weight:800}.wordmark small{display:block;font-size:9px;letter-spacing:5.3px;font-weight:500;line-height:.8;margin-left:2px}.b .navlinks{font-size:12px}.b .contactlink{border-color:#a5b8a5}.b .hero-b{padding:55px 0 30px}.hero-b .eyebrow{color:var(--lime)}.hero-b h1{font-size:clamp(64px,9.2vw,135px);font-weight:600;line-height:.94;letter-spacing:-8px;max-width:1100px;margin-bottom:30px}.hero-b h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.herobottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.herobottom p{max-width:420px;font-size:14px;margin:0}.herobottom a{font-size:12px}.atlas{position:relative;min-height:520px;overflow:hidden;background:#20392d;border:1px solid #45634d;margin:40px 0 0;background-image:radial-gradient(#6e80663d 1px,transparent 1px);background-size:22px 22px}.atlas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.atlaslabel{position:absolute;left:25px;top:20px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a9bba3}.mapnode{position:absolute;border:1px solid #97b184;background:#263f30;color:#edf2dd;border-radius:50%;width:106px;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:11px;z-index:2}.mapnode strong{font-size:22px;font-family:Georgia,serif;font-weight:400}.mapnode[aria-pressed=true]{background:var(--lime);color:#21372b;border-color:var(--lime)}.node1{left:8%;top:140px}.node2{left:30%;top:290px}.node3{left:47%;top:95px}.map-preview{position:absolute;right:3%;top:45px;width:31%;background:#e6ecd8;color:#20372b;transform:rotate(3deg);padding:10px 10px 16px;box-shadow:0 15px 40px #06140d33}.map-preview img{width:100%;height:250px;object-position:center}.map-preview .eyebrow{font-size:9px;margin:16px 9px 7px}.map-preview h3{font-size:23px;margin:0 9px 10px;font-weight:600;letter-spacing:-1px}.map-preview p{font-size:12px;margin:0 9px}.map-preview a{display:flex;justify-content:space-between;margin:14px 9px 0;border-top:1px solid #a4b69f;padding-top:12px;font-size:11px}.atlasfoot{position:absolute;bottom:19px;left:25px;font-size:10px;color:#bbcab3}.b .introstrip{margin-top:55px}.b .introstrip strong{font-family:inherit;font-size:14px}.b .sectionhead h2{font-family:inherit;font-size:56px;letter-spacing:-3px}.b .cardpic{border-radius:0;aspect-ratio:1.1}.b .grid{grid-template-columns:repeat(2,1fr);gap:50px 36px}.b .card:nth-child(even){margin-top:70px}.b .card .meta{color:#b6c6a8}.b .card h3{font-size:31px;font-weight:500;letter-spacing:-1.3px}.b .card p{color:#c0cbb8}.b .filter[aria-pressed=true]{background:var(--lime);color:#20372b;border-color:var(--lime)}.b .help{background:#dcefba;color:#1d3529}.b .help h2,.b .about h2,.b .contact h2{font-family:inherit;letter-spacing:-3px;font-size:52px}.b .service{border-color:#9db18d}.b .service h3{font-weight:600}.b .aboutphoto{border-radius:0;filter:grayscale(1)}.b .portraitwrap:after{color:#20372b}.b .button{background:var(--lime);color:#20372b}.b .contact{background:var(--lime);color:#20372b}.b .contact .button{background:#20372b;color:white}.b .detail h1{font-family:inherit;font-weight:600}.b .detailhero{border-radius:0}.b .detailbody .textlink{color:var(--lime)}.notespage{max-width:950px;padding:60px 0}.notespage h1{font-family:Georgia,serif;font-size:55px;letter-spacing:-2px}.notespage h2{font-family:Georgia,serif;font-size:32px;margin-top:45px}.comparison{width:100%;border-collapse:collapse;font-size:14px}.comparison td,.comparison th{text-align:left;border-bottom:1px solid var(--line);padding:18px 12px;vertical-align:top}.notespage details{border-bottom:1px solid var(--line);padding:18px 0}.notespage summary{cursor:pointer;font-weight:600}.notespage details p{margin:14px 0}.mobile-menu{display:none}.statusline{font-size:12px;border-left:3px solid #7e9e58;padding-left:16px;margin:30px 0}
@media(min-width:1500px){.hero-a{padding-top:70px}.hero-a h1{font-size:88px}}
@media(max-width:900px){.navlinks{gap:18px}.hero-a{gap:15px}.hero-a h1{font-size:58px}.hero-art{height:430px}.hero-art .main{height:360px}.hero-art .small{height:180px}.helpgrid{gap:35px}.about{gap:50px}.hero-b h1{letter-spacing:-5px}.map-preview{width:35%}.mapnode{width:85px;height:85px}.mapnode strong{font-size:18px}.node3{left:43%}.grid{gap:20px}.sectionhead h2{font-size:38px}}
@media(max-width:640px){.conceptbar{gap:3px;min-height:50px;flex-wrap:wrap}.conceptbar span{display:none}.conceptbar a{font-size:10px;padding:6px 9px}.conceptbar .notes{font-size:10px}.wrap{width:88%}.nav{height:90px}.logo{width:66px;height:70px}.navlinks{gap:14px;font-size:12px}.navlinks .optional{display:none}.navlinks .contactlink{padding:8px 11px}.hero-a{grid-template-columns:1fr;padding:28px 0 55px}.hero-a h1{font-size:57px;letter-spacing:-3px}.hero-a p{font-size:15px}.hero-art{height:390px;margin-top:25px}.hero-art .main{height:340px;inset:0 2% 0 13%}.hero-art .small{height:175px;bottom:3px}.hero-art .sun{width:87px;height:87px;font-size:10px}.hero-art .caption{bottom:-20px;font-size:9px}.introstrip .wrap{flex-wrap:wrap;justify-content:start;gap:10px 22px;font-size:11px}.introstrip .wrap>span{width:100%;font-size:11px;margin-bottom:4px}.introstrip strong{font-size:15px}.section{padding:60px 0}.sectionhead{align-items:start;flex-direction:column;gap:15px}.sectionhead h2{font-size:38px}.grid,.b .grid{grid-template-columns:1fr}.card h3{font-size:25px}.cardpic{aspect-ratio:1.25}.card{margin-bottom:18px}.helpgrid,.about{grid-template-columns:1fr;gap:35px}.help h2,.about h2,.contact h2{font-size:40px}.aboutphoto{height:370px}.about .portraitwrap{width:86%}.portraitwrap:after{right:-20px}.contact .wrap{display:block}.contact .button{margin-top:25px}.footer{flex-direction:column;gap:6px}.b .wordmark{font-size:31px}.b .navlinks{font-size:11px}.b .navlinks .optional{display:none}.b .hero-b{padding-top:35px}.hero-b h1{font-size:64px;letter-spacing:-4px;line-height:.98}.herobottom{display:block}.herobottom p{font-size:13px}.herobottom a{display:inline-block;margin-top:22px}.atlas{min-height:690px;margin-top:28px}.atlas svg{height:330px}.atlaslabel{font-size:8px;left:15px;top:15px}.mapnode{width:82px;height:82px;font-size:9px}.node1{left:7%;top:75px}.node2{left:34%;top:185px}.node3{left:65%;top:70px}.map-preview{width:76%;top:320px;right:12%;transform:rotate(-3deg)}.map-preview img{height:175px}.map-preview h3{font-size:22px}.atlasfoot{font-size:8px;left:17px;bottom:12px}.b .introstrip{margin-top:35px}.b .sectionhead h2{font-size:43px}.b .card:nth-child(even){margin-top:0}.b .card h3{font-size:28px}.b .help h2,.b .about h2,.b .contact h2{font-size:43px}.detail{padding-top:25px}.detail h1{font-size:48px;letter-spacing:-2px}.detail .lead{font-size:19px}.detailhero{height:350px;margin:25px 0}.detailbody{grid-template-columns:1fr;gap:15px}.facts{display:grid;grid-template-columns:1fr 1fr}.facts dt{margin-top:10px}.facts dd{margin:10px 0}.notespage h1{font-size:42px}.comparison{font-size:12px}.comparison th,.comparison td{padding:10px 5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.hero-b .map-preview .eyebrow{color:#425a36}

/* Natuurlijk Toink — verfijnd zwart-wit, projectbeelden in kleur. */
.a{--paper:#fff;--ink:#171717;--green:#009900;--line:#e1e1e1;--sky:#fff;color:#171717;background:#fff;font-family:'DM Sans',sans-serif}
.a .conceptbar{background:#fafafa;color:#393939;border-color:#e8e8e8}
.a .conceptbar a{border-radius:0}
.a .conceptbar .active{background:var(--green);color:white}
.a .conceptbar a:hover{background:var(--green);color:white}
.a .nav{height:120px;border-bottom:1px solid var(--line)}
.a .navlinks{gap:34px;font-size:13px}
.a .navlinks a{transition:color .18s,border-color .18s,background .18s}
.a .navlinks a:hover{color:var(--green)}
.a .navlinks .contactlink{border-radius:5px;border-color:var(--green);color:var(--green);padding:11px 19px}
.a .navlinks .contactlink:hover{background:var(--green);color:white}
.a .eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:500;color:#313131}
.a .hero-a{grid-template-columns:1fr 1.04fr;gap:65px;min-height:680px;padding:70px 0 90px;align-items:center}
.a .hero-a h1{font-family:'Manrope',sans-serif;font-size:clamp(48px,5.3vw,76px);font-weight:400;letter-spacing:-3.6px;line-height:1.07;margin-bottom:30px}
.a .hero-a h1 em{font-style:normal;color:inherit;font-weight:400}
.a .hero-a p{font-size:16px;line-height:1.8;max-width:410px;margin-bottom:32px}
.a .hero-art{height:auto;display:flex;flex-direction:column;gap:15px}
.a .hero-art .main{position:static;inset:auto;width:100%;height:490px;border-radius:0;object-position:center}
.a .hero-art .small,.a .hero-art .sun,.a .hero-art .doodle{display:none}
.a .hero-art .caption{position:static;font-size:10px;letter-spacing:.2px;color:#454545}
.a .button{background:var(--green);border:1px solid var(--green);border-radius:5px;color:white;font-size:13px;padding:14px 21px;transition:background .18s,border-color .18s}
.a .button:hover{background:var(--green);border-color:var(--green);box-shadow:inset 0 0 0 1px #fff}
.a .textlink{transition:color .18s}
.a .textlink:hover,.a .footer a:hover,.a .contact p a:hover{color:var(--green)}
.a a:focus-visible,.a button:focus-visible,.a summary:focus-visible{outline-color:var(--green)}
.a .introstrip{padding:26px 0}
.a .introstrip .wrap{font-size:11px}
.a .introstrip strong{font-family:'Manrope',sans-serif;font-size:14px;font-weight:500;letter-spacing:-.25px}
.a .section{padding:100px 0}
.a .sectionhead{margin-bottom:40px}
.a .sectionhead h2,.a .help h2,.a .about h2,.a .contact h2{font-family:'Manrope',sans-serif;font-size:45px;letter-spacing:-2px;line-height:1.14;font-weight:400}
.a .sectionhead p{font-size:13px;color:#454545}
.a .filters{gap:0;margin-bottom:40px;border-bottom:1px solid #ddd}
.a .filter{border:0;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:0;padding:10px 22px 13px;color:#333;font-size:12px;background:none}
.a .filter:first-child{padding-left:0;padding-right:24px}
.a .filter[aria-pressed=true]{background:none;border-color:var(--green);color:var(--green)}
.a .filter:hover{color:var(--green);border-color:var(--green)}
.a .grid{grid-template-columns:repeat(2,1fr);gap:55px 35px}
.a .cardpic{border-radius:0;aspect-ratio:1.35;background:#f5f5f5}
.a .card .meta{font-size:9px;letter-spacing:1.4px;color:#454545;margin:20px 0 12px}
.a .card h3{font-family:'Manrope',sans-serif;font-size:26px;font-weight:500;letter-spacing:-.9px;line-height:1.2;transition:color .18s}
.a .card p{font-size:13px;color:#454545}
.a .card:hover h3,.a .card:hover 
.a .card:hover img{transform:scale(1.025)}
.a .help{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.a .helpgrid{grid-template-columns:1fr 1.45fr;gap:100px}
.a .helpgrid>div>p{font-size:14px;color:#454545}
.a .service{border-color:#d9d9d9;padding:30px 0}
.a .service h3{font-family:'Manrope',sans-serif;font-weight:500;font-size:23px;letter-spacing:-.6px}
.a .service p{font-size:13px;color:#454545}
.a .service .number{font-size:10px;color:#555}
.a .about{gap:110px}
.a .about .portraitwrap{max-width:380px;width:100%}
.a .aboutphoto{border-radius:0;height:450px}
.a .portraitwrap:after{position:static;display:block;content:'Barbe Messing · Ontwerper';font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.3px;padding:13px 0 0;background:none;transform:none;color:#454545}
.a .about p{font-size:15px;line-height:1.85}
.a .contact{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:90px 0}
.a .contact p{font-size:14px}
.a .footer{font-size:10px;color:#454545;padding:30px 0}
.a .detail h1,.a .notespage h1,.a .notespage h2{font-family:'Manrope',sans-serif;font-weight:400}
.a .detailhero,.a .detailsecond{border-radius:0}
.a .detail .lead{font-size:20px;line-height:1.65}
.a .statusline{border-color:#b5b5b5;color:#454545}
@media(max-width:900px){.a .hero-a{gap:35px}.a .hero-a h1{font-size:52px;letter-spacing:-2.8px}.a .hero-art .main{height:420px}.a .navlinks{gap:22px}.a .helpgrid{gap:45px}.a .about{gap:55px}.a .sectionhead h2,.a .help h2,.a .about h2,.a .contact h2{font-size:39px}.a .card h3{font-size:23px}}
@media(max-width:640px){.a .nav{height:100px}.a .navlinks{gap:16px;font-size:11px}.a .navlinks .contactlink{padding:9px 11px}.a .hero-a{grid-template-columns:1fr;gap:35px;padding:45px 0 50px;min-height:0}.a .hero-a h1{font-size:49px;letter-spacing:-2.5px;line-height:1.1}.a .hero-a p{font-size:14px;line-height:1.8}.a .eyebrow{font-size:9px;letter-spacing:1.6px}.a .hero-art{margin-top:0}.a .hero-art .main{height:380px}.a .hero-art .caption{font-size:9px}.a .section{padding:65px 0}.a .sectionhead h2,.a .help h2,.a .about h2,.a .contact h2{font-size:35px;letter-spacing:-1.6px}.a .grid{grid-template-columns:1fr;gap:35px}.a .card h3{font-size:23px}.a .cardpic{aspect-ratio:1.2}.a .card{margin-bottom:0}.a .filters{margin-bottom:30px}.a .filter{padding-left:15px;padding-right:15px}.a .helpgrid,.a .about{grid-template-columns:1fr;gap:35px}.a .about .portraitwrap{width:100%;max-width:none}.a .aboutphoto{height:390px}.a .contact{padding:60px 0}.a .introstrip .wrap{gap:12px 20px}.a .introstrip strong{font-size:12px}.a .detail h1{font-size:43px}.a .detail .lead{font-size:18px}}

/* Typography studies; the approved palette and image treatment are shared. */
.typeselect{display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid #e5e5e5;background:#fff;font:11px 'DM Sans',sans-serif;color:#171717}
.typeselect>span{text-transform:uppercase;font-size:9px;letter-spacing:1.5px;margin-right:14px}
.typeselect a{padding:7px 14px;border:1px solid transparent;border-radius:5px;transition:color .18s,border-color .18s}
.typeselect a[aria-current=page]{border-color:#009900;color:#009900}
.typeselect a:hover{color:#009900;border-color:#009900}
.a.type-editorial{font-family:'IBM Plex Sans',sans-serif}
.a.type-editorial .hero-a{grid-template-columns:1fr 1fr;gap:70px;padding-top:70px}
.a.type-editorial .hero-a h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(70px,7.2vw,104px);line-height:.93;font-weight:500;letter-spacing:-3px;margin-bottom:30px}
.a.type-editorial .hero-a h1 em{font-family:inherit;font-style:italic;font-weight:500;letter-spacing:-4px}
.a.type-editorial .hero-a p{font-size:15px;line-height:1.9;max-width:385px}
.a.type-editorial .eyebrow{font-family:'IBM Plex Sans',sans-serif;font-size:9px;font-weight:500;letter-spacing:2.5px}
.a.type-editorial .sectionhead h2,.a.type-editorial .help h2,.a.type-editorial .about h2,.a.type-editorial .contact h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:64px;line-height:.99;letter-spacing:-1.8px}
.a.type-editorial .card h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:37px;line-height:1.05;font-weight:600;letter-spacing:-.8px}
.a.type-editorial .card .meta{font-size:9px;letter-spacing:1.8px;margin-bottom:13px}
.a.type-editorial .card p{font-family:'IBM Plex Sans',sans-serif;line-height:1.85}
.a.type-editorial .service h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;font-weight:600;letter-spacing:-.6px}
.a.type-editorial .service .number{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;line-height:1.1;color:#171717}
.a.type-editorial .detail h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(60px,8vw,110px);line-height:.94;letter-spacing:-3px;font-weight:500}
.a.type-editorial .detail .lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;line-height:1.25}
.a.type-editorial .detailbody h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:37px;letter-spacing:-.7px}
.a.type-editorial .introstrip strong{font-family:'IBM Plex Sans',sans-serif;font-weight:500}
.a.type-editorial .navlinks,.a.type-editorial .button{font-family:'IBM Plex Sans',sans-serif;font-size:12px;letter-spacing:.2px}
.a.type-editorial .about p{font-size:15px;line-height:1.9}
.a.type-statement{font-family:'Archivo',sans-serif}
.a.type-statement .hero-a{grid-template-columns:1fr 1.04fr;gap:65px;padding-top:60px;padding-bottom:70px}
.a.type-statement .hero-a h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(80px,8.2vw,118px);font-weight:700;line-height:.88;letter-spacing:-1.7px;text-transform:uppercase;margin-bottom:30px}
.a.type-statement .hero-a h1 em{font-family:inherit;font-style:normal;font-weight:400;letter-spacing:-1px;font-size:.55em;line-height:1.1}
.a.type-statement .hero-a p{font-family:'Archivo',sans-serif;font-size:14px;line-height:1.8;max-width:390px}
.a.type-statement .eyebrow,.a.type-statement .card .meta,.a.type-statement .service .number,.a.type-statement .facts dt{font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:400;letter-spacing:1px}
.a.type-statement .sectionhead h2,.a.type-statement .help h2,.a.type-statement .about h2,.a.type-statement .contact h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;text-transform:uppercase;font-size:68px;line-height:.97;letter-spacing:-.7px}
.a.type-statement .sectionhead{border-top:2px solid #171717;padding-top:23px}
.a.type-statement .card h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:39px;font-weight:600;text-transform:uppercase;letter-spacing:0;line-height:1.04}
.a.type-statement .card p{font-size:13px;line-height:1.8}
.a.type-statement .service h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:31px;font-weight:600;text-transform:uppercase;letter-spacing:.1px}
.a.type-statement .service .number{padding-top:6px}
.a.type-statement .introstrip strong{font-family:'Archivo',sans-serif;font-size:13px;font-weight:600}
.a.type-statement .navlinks,.a.type-statement .button,.a.type-statement .filter{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:-.3px}
.a.type-statement .detail h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(74px,9vw,120px);font-weight:700;line-height:.92;text-transform:uppercase;letter-spacing:-1px}
.a.type-statement .detail .lead{font-family:'Archivo',sans-serif;font-size:21px;line-height:1.55}
.a.type-statement .detailbody h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:39px;font-weight:600;text-transform:uppercase}
.a.type-statement .hero-art .caption{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:-.2px}
@media(max-width:1000px){.a.type-editorial .hero-a{gap:40px}.a.type-editorial .hero-a h1{font-size:76px}.a.type-editorial .sectionhead h2,.a.type-editorial .help h2,.a.type-editorial .about h2,.a.type-editorial .contact h2{font-size:55px}.a.type-statement .hero-a{gap:35px}.a.type-statement .hero-a h1{font-size:90px}.a.type-statement .sectionhead h2,.a.type-statement .help h2,.a.type-statement .about h2,.a.type-statement .contact h2{font-size:58px}}
@media(max-width:640px){.typeselect{gap:2px;padding:8px 7px;font-size:10px}.typeselect>span{font-size:8px;letter-spacing:.6px;margin-right:6px}.typeselect a{padding:7px 9px}.a.type-editorial .hero-a,.a.type-statement .hero-a{grid-template-columns:1fr;gap:35px;padding:40px 0 50px}.a.type-editorial .hero-a h1{font-size:68px;letter-spacing:-2px;line-height:.95}.a.type-editorial .hero-a h1 em{letter-spacing:-2px}.a.type-editorial .hero-a p{font-size:14px;line-height:1.8}.a.type-editorial .sectionhead h2,.a.type-editorial .help h2,.a.type-editorial .about h2,.a.type-editorial .contact h2{font-size:49px;letter-spacing:-1.3px}.a.type-editorial .card h3{font-size:33px}.a.type-editorial .service h3{font-size:28px}.a.type-editorial .detail h1{font-size:61px;letter-spacing:-1.8px}.a.type-editorial .detail .lead{font-size:27px}.a.type-editorial .detailbody h2{font-size:33px}.a.type-statement .hero-a h1{font-size:87px;letter-spacing:-1.2px;line-height:.9}.a.type-statement .hero-a h1 em{letter-spacing:-1.2px}.a.type-statement .hero-a p{font-size:14px}.a.type-statement .sectionhead h2,.a.type-statement .help h2,.a.type-statement .about h2,.a.type-statement .contact h2{font-size:52px}.a.type-statement .card h3{font-size:35px}.a.type-statement .detail h1{font-size:70px}.a.type-statement .detail .lead{font-size:18px}.a.type-statement .detailbody h2{font-size:34px}.a.type-statement .navlinks{gap:10px;font-size:10px}.a.type-statement .navlinks .contactlink{padding:9px}.a.type-statement .hero-art .caption{font-size:8px}.a.type-editorial .contact h2,.a.type-statement .contact h2{max-width:100%}}
@media(max-width:360px){.a.type-editorial .hero-a h1{font-size:60px}.a.type-statement .hero-a h1{font-size:76px}.typeselect>span{display:none}}

/* Statement + Editorial: strong structure, soft accents, more readable small type. */
.a.type-statement{font-family:'IBM Plex Sans',sans-serif}
.a.type-statement h1 em,.a.type-statement h2 em,.a.type-statement h3 em{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;text-transform:none;letter-spacing:-.025em}
.a.type-statement .hero-a h1 em{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;text-transform:none;font-size:.64em;letter-spacing:-.03em;line-height:1.15;display:inline-block;margin-top:.12em;padding-bottom:.08em}
.a.type-statement .help h2 em,.a.type-statement .about h2 em,.a.type-statement .contact h2 em{font-size:1.02em;line-height:1.08;display:inline-block;margin-top:.06em}
.a.type-statement .service h3 em,.a.type-statement .detailbody h2 em{font-size:1.13em}
.a.type-statement .detail h1 em{font-size:.8em;line-height:1.08;display:inline-block;margin-top:.06em}
.a.type-statement .hero-a p{font-family:'IBM Plex Sans',sans-serif;font-size:17px;line-height:1.85;max-width:420px}
.a.type-statement .eyebrow,.a.type-statement .card .meta,.a.type-statement .service .number,.a.type-statement .facts dt{font-family:'IBM Plex Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:1.8px}
.a.type-statement .navlinks,.a.type-statement .button,.a.type-statement .filter{font-family:'IBM Plex Sans',sans-serif;font-size:14px;letter-spacing:.15px;font-weight:400}
.a.type-statement .card p,.a.type-statement .service p,.a.type-statement .helpgrid>div>p{font-family:'IBM Plex Sans',sans-serif;font-size:15px;line-height:1.85}
.a.type-statement .card .meta{font-size:11px;line-height:1.65;letter-spacing:1.5px}
.a.type-statement .about p{font-family:'IBM Plex Sans',sans-serif;font-size:17px;line-height:1.85}
.a.type-statement .contact p,.a.type-statement .sectionhead p{font-family:'IBM Plex Sans',sans-serif;font-size:15px;line-height:1.8}
.a.type-statement .contact .button+p{font-size:14px!important}
.a.type-statement .introstrip .wrap{font-size:13px}
.a.type-statement .introstrip strong{font-family:'IBM Plex Sans',sans-serif;font-size:15px;font-weight:500}
.a.type-statement .hero-art .caption,.a.type-statement .portraitwrap:after{font-family:'IBM Plex Sans',sans-serif;font-size:12px;letter-spacing:.15px;line-height:1.6}
.a.type-statement .footer{font-family:'IBM Plex Sans',sans-serif;font-size:12px;line-height:1.7}
.a.type-statement .facts{font-family:'IBM Plex Sans',sans-serif;font-size:15px}
.a.type-statement .detail .lead{font-family:'IBM Plex Sans',sans-serif;font-size:23px;line-height:1.65}
.a.type-statement .detailbody p{font-family:'IBM Plex Sans',sans-serif;font-size:17px;line-height:1.85}
.a.type-statement .detailbody .statusline{font-size:13px}
@media(max-width:900px){.a.type-statement .navlinks{gap:20px}}
@media(max-width:640px){.a.type-statement .hero-a p,.a.type-statement .about p{font-size:16px}.a.type-statement .hero-a h1 em{font-size:.64em;letter-spacing:-.035em}.a.type-statement .navlinks{font-size:13px;gap:13px}.a.type-statement .navlinks .contactlink{padding:9px 11px}.a.type-statement .hero-art .caption{font-size:12px}.a.type-statement .introstrip .wrap{font-size:12px}.a.type-statement .introstrip strong{font-size:14px}.a.type-statement .detail .lead{font-size:20px}.a.type-statement .detailbody p{font-size:16px}.a.type-statement .detail h1 em{font-size:.76em}.a.type-statement .card .meta{font-size:10px}}
@media(max-width:360px){.a.type-statement .navlinks{font-size:12px;gap:9px}.a.type-statement .navlinks .contactlink{padding:9px}}

/* Browse real project photography; motion is optional and can be paused. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.a.type-statement .service .number{color:#009900}
.photo-gallery{min-width:0;max-width:100%}
.photo-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#009900 #ededed;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.gallery-frame{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.gallery-frame>a{display:block;height:100%}
.gallery-frame img{width:100%;height:100%;object-fit:cover;border-radius:0}
.hero-gallery .photo-track{height:490px}
.project-gallery .photo-track{aspect-ratio:1.35}
.a.type-statement .hero-art:has(.hero-gallery){display:block}
.gallery-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 0;color:#313131;font:13px 'IBM Plex Sans',sans-serif}
.gallery-buttons{display:flex;gap:7px;align-items:center}
.gallery-buttons button{border:1px solid #009900;border-radius:5px;background:white;color:#009900;width:38px;min-height:36px;font:19px 'IBM Plex Sans',sans-serif;transition:background .2s,color .2s}
.gallery-buttons button:hover{background:#009900;color:white}
.gallery-buttons .gallery-toggle{width:auto;padding:0 13px;font-size:13px}
.gallery-buttons button:disabled{border-color:#ccc;color:#888;cursor:default;background:#fff}
.a.type-statement .slideshow-caption{font:13px/1.6 'IBM Plex Sans',sans-serif;color:#454545;margin:10px 0 0;max-width:none;min-height:42px}
.a .card.gallery-card:hover img{transform:none}
.a .card.gallery-card:hover h3{color:#171717}
.a .card.gallery-card .project-link:hover h3,.a .card.gallery-card .project-link:focus-visible h3{color:#009900}
.a.type-statement .gallery-card .meta{margin-top:18px}
.a.type-statement [data-sheen]{position:relative}
.a.type-statement [data-sheen]>.sheen-overlay{position:absolute;inset:0;color:#009900;pointer-events:none;opacity:0;mask-image:linear-gradient(105deg,transparent 28%,#000 40%,#000 60%,transparent 72%);mask-size:300% 100%;mask-position:100% 0;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(105deg,transparent 28%,#000 40%,#000 60%,transparent 72%);-webkit-mask-size:300% 100%;-webkit-mask-position:100% 0;-webkit-mask-repeat:no-repeat}
.a.type-statement [data-sheen]>.sheen-overlay *{color:#009900!important}
.a.type-statement [data-sheen].sheen-run>.sheen-overlay{opacity:1;animation:heading-sheen 2.8s ease-in-out 2 both}
@keyframes heading-sheen{0%{mask-position:100% 0;-webkit-mask-position:100% 0;opacity:1}95%{opacity:1}100%{mask-position:0% 0;-webkit-mask-position:0% 0;opacity:0}}
@media(max-width:900px){.hero-gallery .photo-track{height:420px}}
@media(max-width:640px){.hero-gallery .photo-track{height:380px}.project-gallery .photo-track{aspect-ratio:1.2}.gallery-buttons button{min-height:42px;width:42px}.gallery-tools{padding-top:8px}.a.type-statement .slideshow-caption{font-size:12px;min-height:38px}}
@media(prefers-reduced-motion:reduce){.a.type-statement [data-sheen]>.sheen-overlay{display:none}.photo-track{scroll-behavior:auto}}

/* Project pages: photography first, concise brief and solution below. */
.a.type-statement .detail{max-width:1200px;padding-top:40px}
.a.type-statement .project-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;margin:38px 0 42px}
.a.type-statement .project-intro h1{font-size:clamp(64px,7vw,100px);margin:0}
.a.type-statement .project-intro .lead{font-size:19px;line-height:1.7;margin:0 0 6px;max-width:34ch}
.detail-gallery{margin-bottom:65px}
.detail-gallery .photo-track{height:min(66vw,620px);background:#f7f7f5}
.detail-gallery .gallery-frame img{object-fit:contain}
.a.type-statement .detail-gallery .slideshow-caption{margin:0;min-height:0;font-size:13px;flex:1}
.detail-gallery .gallery-tools{gap:20px;padding:15px 0}
.detail-gallery .gallery-count{white-space:nowrap;color:#009900}
.gallery-thumbs{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 8px;scrollbar-width:thin;scrollbar-color:#009900 #ededed}
.gallery-thumb{position:relative;flex:1 0 100px;min-width:0;max-width:calc((100% - 60px)/6);padding:0;border:0;background:#f5f5f5;aspect-ratio:1.45;outline:2px solid transparent;outline-offset:2px;border-radius:0}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.gallery-thumb span{position:absolute;bottom:0;left:0;background:#fff;padding:3px 8px;font:12px 'IBM Plex Sans',sans-serif;color:#171717}
.gallery-thumb:hover,.gallery-thumb[aria-pressed=true]{outline-color:#009900}
.gallery-thumb[aria-pressed=true] span{background:#009900;color:#fff}
.gallery-thumb:focus-visible{outline:3px solid #009900;outline-offset:3px}
.a.type-statement .detailbody{grid-template-columns:1fr 2fr;gap:85px;border-top:1px solid #d9d9d9;padding-top:35px}
.a.type-statement .facts{margin:0}
.a.type-statement .facts dt:first-child{margin-top:0}
.a.type-statement .facts dd{max-width:31ch;margin-bottom:24px;line-height:1.65}
.project-story{display:grid;gap:25px}
.a.type-statement .project-story h2{margin-bottom:16px}
.a.type-statement .project-story p{font-size:17px;line-height:1.85;margin:0;max-width:58ch}
@media(max-width:700px){.a.type-statement .project-intro{grid-template-columns:1fr;gap:23px;margin:30px 0}.a.type-statement .project-intro h1{font-size:65px}.a.type-statement .project-intro .lead{font-size:17px;max-width:38ch}.detail-gallery .photo-track{height:auto;aspect-ratio:1}.detail-gallery .gallery-frame img{height:100%}.gallery-thumb{flex:0 0 90px;max-width:none;aspect-ratio:1.15}.detail-gallery .gallery-tools{gap:12px;flex-wrap:wrap}.a.type-statement .detail-gallery .slideshow-caption{order:3;flex-basis:100%;font-size:12px}.detail-gallery .gallery-buttons{margin-left:auto}.detail-gallery{margin-bottom:35px}.a.type-statement .detailbody{grid-template-columns:1fr;gap:28px}.a.type-statement .facts{display:grid;grid-template-columns:110px 1fr;column-gap:18px;row-gap:15px}.a.type-statement .facts dt,.a.type-statement .facts dd{margin:0}.a.type-statement .project-story p{font-size:16px}}

/* Two image directions for the example project; page typography stays unchanged. */
.photo-options{margin:0 0 65px;scroll-margin-top:0}
.photo-choice{display:flex;gap:8px;border-bottom:1px solid #ddd;padding-bottom:16px}
.photo-choice button,.viewer-actions button{border:1px solid #009900;background:#fff;color:#009900;border-radius:5px;padding:10px 17px;font:14px 'IBM Plex Sans',sans-serif}
.photo-choice button[aria-pressed=true],.photo-choice button:hover,.viewer-actions button:hover{color:#fff;background:#009900}
.album-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 0}
.a.type-statement .album-description{font-size:14px;line-height:1.7;margin:0;max-width:52ch}
.album-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.album-tile{margin:0;min-width:0;grid-column:span 4}
.album-tile:nth-child(1),.album-tile:nth-child(6){grid-column:span 5}
.album-tile:nth-child(3),.album-tile:nth-child(4){grid-column:span 3}
.album-photo{position:relative;display:block;width:100%;height:clamp(150px,18vw,210px);padding:0;border:0;background:#f6f6f4;cursor:zoom-in;border-radius:0;overflow:hidden}
.album-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.album-photo:hover img{transform:scale(1.025)}
.album-tile figcaption{display:none}
.photo-options[data-layout=essay] .album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 25px}
.photo-options[data-layout=essay] .album-tile{grid-column:span 1}
.photo-options[data-layout=essay] .album-tile:nth-child(1),.photo-options[data-layout=essay] .album-tile:nth-child(4){grid-column:1/-1}
.photo-options[data-layout=essay] .album-photo{height:auto;aspect-ratio:1.2}
.photo-options[data-layout=essay] .album-tile:nth-child(1) .album-photo,.photo-options[data-layout=essay] .album-tile:nth-child(4) .album-photo{aspect-ratio:1.85}
.photo-options[data-layout=essay] .album-tile figcaption{display:block;font-size:12px;line-height:1.6;margin-top:10px;color:#555}
.photo-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;background:transparent;overflow:hidden;color:#171717}
.photo-viewer::backdrop{background:transparent}
.viewer-backdrop{position:absolute;inset:0;background:rgba(255,255,255,.96);opacity:0;transition:opacity .4s}
.photo-viewer.is-expanded .viewer-backdrop{opacity:1}
.viewer-image{position:absolute;object-fit:contain;max-width:none;transform-origin:0 0;will-change:transform}
.viewer-toolbar{position:absolute;inset:auto 4vw 20px;display:flex;align-items:center;justify-content:space-between;gap:25px;opacity:0;transition:opacity .25s}
.photo-viewer.is-expanded .viewer-toolbar{opacity:1}
.viewer-counter{font:12px 'IBM Plex Sans',sans-serif;color:#009900}
.a.type-statement .viewer-caption{font:14px/1.5 'IBM Plex Sans',sans-serif;margin:5px 0 0;max-width:65ch}
.viewer-actions{display:flex;gap:8px;flex-shrink:0}
.viewer-actions button:disabled{color:#999;border-color:#ddd;background:#fff;cursor:default}
body.photo-viewing{overflow:hidden}
@media(max-width:700px){.photo-options{margin-bottom:35px}.photo-choice button{padding:10px 12px;font-size:13px}.album-intro{align-items:flex-start;flex-direction:column;gap:14px;padding:18px 0}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.album-tile,.album-tile:nth-child(n){grid-column:span 1}.album-photo{height:auto;aspect-ratio:1}.photo-options[data-layout=essay] .album-grid{gap:22px 12px}.photo-options[data-layout=essay] .album-tile:nth-child(1),.photo-options[data-layout=essay] .album-tile:nth-child(4){grid-column:1/-1}.photo-options[data-layout=essay] .album-tile:nth-child(1) .album-photo,.photo-options[data-layout=essay] .album-tile:nth-child(4) .album-photo{aspect-ratio:1.2}.viewer-toolbar{inset:auto 5vw max(15px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:13px}.viewer-actions{justify-content:space-between}.viewer-actions button{font-size:13px;padding:10px 13px}.a.type-statement .viewer-caption{font-size:12px}.viewer-counter{font-size:11px}}
@media(prefers-reduced-motion:reduce){.album-photo img,.viewer-backdrop,.viewer-toolbar{transition:none}}


.viewer-image{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;cursor:grab}
.viewer-image:active{cursor:grabbing}

/* Every caption occupies the same grid cell; the longest determines its height. */
.a.type-statement .hero-gallery .slideshow-caption{display:grid}
.hero-gallery .caption-item{grid-area:1/1;visibility:hidden;min-width:0}
.hero-gallery .caption-item.is-current{visibility:visible}
.a.type-statement .hero-a>div{min-width:0}
/* A single editable list of clients, with room for more names. */
.a.type-statement .introstrip .wrap{align-items:start;gap:28px 45px}
.a.type-statement .introstrip .wrap>span{flex:0 0 225px;padding-top:2px}
.client-list{list-style:none;margin:0;padding:0;flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px}
.a.type-statement .introstrip strong{display:block}
.a.type-statement .project-story h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:28px;line-height:1.15;letter-spacing:.1px;font-weight:600;text-transform:uppercase;margin:28px 0 12px}
@media(max-width:1100px){.client-list{grid-template-columns:repeat(3,minmax(0,1fr))}.a.type-statement .introstrip .wrap{flex-direction:column;gap:22px}.a.type-statement .introstrip .wrap>span{flex-basis:auto}.client-list{width:100%}}
@media(max-width:640px){.client-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}.a.type-statement .project-story h3{font-size:25px}}

.a.type-statement .album-title{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:34px;font-weight:600;text-transform:uppercase;letter-spacing:-.3px;margin:0;line-height:1.1}

/* Album proportions follow the actual number of source images. */
.photo-options[data-layout=album][data-count="1"] .album-tile{grid-column:1/-1}
.photo-options[data-layout=album][data-count="1"] .album-photo{height:auto;aspect-ratio:1.8}
@media(min-width:701px){
 .photo-options[data-layout=album][data-count="2"] .album-tile{grid-column:span 6}
 .photo-options[data-layout=album][data-count="3"] .album-tile{grid-column:span 4}
 .photo-options[data-layout=album][data-count="4"] .album-tile{grid-column:span 6}
 .photo-options[data-layout=album][data-count="5"] .album-tile{grid-column:span 4}
 .photo-options[data-layout=album][data-count="5"] .album-tile:nth-child(-n+2){grid-column:span 6}
 .photo-options[data-count="2"] .album-photo{height:clamp(220px,28vw,330px)}
 .photo-options[data-count="3"] .album-photo{height:clamp(220px,32vw,390px)}
}
@media(max-width:700px){.photo-options[data-layout=album][data-count="3"] .album-tile:first-child,.photo-options[data-layout=album][data-count="5"] .album-tile:first-child{grid-column:1/-1}.photo-options[data-count="3"] .album-tile:first-child .album-photo,.photo-options[data-count="5"] .album-tile:first-child .album-photo{aspect-ratio:1.7}}
.contain-image .album-photo{background:#fff}
.contain-image .album-photo img{object-fit:contain}
.project-video{margin-bottom:65px;scroll-margin-top:25px}
.project-video .album-title{margin-bottom:22px}
.video-frame{aspect-ratio:16/9;background:#f5f5f5}
.video-frame iframe{width:100%;height:100%;border:0;display:block}
.video-caption{font-size:14px;margin:14px 0 0}
.video-cover{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;aspect-ratio:1.35;padding:9%;background:#f4f4f1;overflow:hidden;color:#171717}
.video-cover>span:first-child{font-size:11px;letter-spacing:1.8px;text-transform:uppercase}
.video-cover strong{font:700 clamp(42px,5vw,72px)/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:22px 0}
.video-cover>span{font-size:14px}
.video-cover .video-play{display:grid;place-items:center;width:46px;height:46px;background:#009900;color:#fff;margin-top:25px;border-radius:5px}
.video-cover:hover .video-play{background:#171717}

/* Six selected projects lead into the complete portfolio. */
.work-more{display:flex;justify-content:center;margin-top:56px}
.overview-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:52px}
.a.type-statement .overview-heading h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(58px,6.5vw,94px);font-weight:600;text-transform:uppercase;line-height:.95;letter-spacing:-1px;margin:0}
.a.type-statement .overview-heading h1 em{display:inline-block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;text-transform:none;line-height:1.05}
.overview-heading p{margin:0;font-size:18px;line-height:1.8;max-width:36ch}
.project-overview .filters{margin-bottom:14px}
.project-count{font-size:13px;color:#555;margin:0 0 32px}
@media(max-width:640px){.overview-heading{grid-template-columns:1fr;gap:26px;margin-bottom:35px}.overview-heading p{font-size:15px}.a.type-statement .project-overview .filter{padding:12px 10px;font-size:13px}.project-overview .filters{gap:0 8px}.work-more{margin-top:36px}}

/* Three clients at a time, with all names reserving their own maximum row height. */
.client-rotation{flex:1;min-width:0;width:100%}
.client-rotation.is-ready .client-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;opacity:1;transition:opacity 400ms ease}
.client-rotation.is-ready .client-list li{grid-row:1;grid-column:var(--client-column);visibility:hidden;overflow-wrap:anywhere}
.client-rotation.is-ready .client-list li.is-current{visibility:visible}
.client-rotation.is-ready .client-list.is-fading{opacity:0}
@media(max-width:640px){.client-rotation.is-ready .client-list{gap:0 14px}.a.type-statement .client-rotation strong{font-size:13px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.client-rotation.is-ready .client-list{transition:none}}