.design-picker{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;padding:12px 20px;background:#fff;border-bottom:1px solid #ccd4ce;font:14px/1.5 Arial,sans-serif;color:#263e35}.design-picker a{text-underline-offset:4px}.site-header,.site-header.scrolled{position:relative;background:#fff;color:var(--ink);box-shadow:none;border-bottom:1px solid var(--line)}.brand,.site-nav a,.site-nav a:hover{color:var(--ink)}.brand small{color:#52645b}.brand-mark{flex-shrink:0;background:#edf1e9}.site-nav a{white-space:nowrap}.menu-button{color:var(--ink);background:#e6eee8;flex-shrink:0}.hero{min-height:0;color:var(--ink);background:var(--paper)}.hero:before,.hero:after,.hero-grid,.hero-orbit{display:none}.hero-inner{min-height:0;padding:72px 0;grid-template-columns:1.1fr 1fr;gap:44px}.hero h1{font-size:clamp(3rem,5.5vw,5.5rem);line-height:1.06}.hero h1 em{color:var(--leaf-dark)}.hero-lede{color:#52645b;font-size:1.1rem}.eyebrow,.kicker-light{color:var(--leaf-dark)}.text-link{color:var(--ink);text-decoration-color:currentColor}.button-primary{box-shadow:none}.concept-graphic{margin:0;min-width:0}.concept-graphic svg{display:block;width:100%;height:auto}.concept-graphic figcaption{font-size:14px;margin-top:12px;color:#566354}.hero-strip{border-color:var(--line)}.strip-inner{color:var(--leaf-dark);min-height:70px}.section{padding:80px 0}.section-heading h2,.about h2,.contact h2{font-size:clamp(2.2rem,3.6vw,3.8rem);line-height:1.1}.consultancy,.past-projects,.about{background:var(--paper);color:var(--ink)}.consultancy{border-block:1px solid var(--line)}.section-heading-split>p:last-child,.portfolio-intro>p:last-child,.portfolio-list p,.case-body>p,.pillar-featured p,.pillar ul{color:#52645b}.portfolio-band,.completed-case,.about-aside{background:#edf3e9;color:var(--ink)}.portfolio-list article,.case-steps div,.pillar li{border-color:var(--line)}.portfolio-list article>span,.case-steps b,.case-client,.about-aside>p:last-child{color:var(--leaf-dark)}.pillar-featured{background:#e6efcf;color:var(--ink)}.pillar-featured .pillar-index{color:var(--leaf-dark)}.pillar-featured:after{display:none}.about-aside{border-radius:0;min-height:280px}.site-footer{background:#f0f3ec;color:#52645b;border-top:1px solid var(--line)}.footer-brand{color:var(--ink)}.footer-brand span{color:#52645b}.reveal{opacity:1;transform:none}.contact{background:#eee9ba}.completed-case .kicker{color:var(--leaf-dark)}.brand strong{font-size:15px}.brand small{font-size:12px}.pillar-index,.project-meta,.kicker,.eyebrow{font-size:14px}.concept-graphic{align-self:center}
.botanical .concept-graphic{overflow:visible}
/* 01: botanical editorial — asymmetry, organic frames, generous whitespace. */
.botanical{--ink:#254635;--leaf-dark:#376b3e;--paper:#fffffa;--cream:#f4f5e8;--sun:#e4be4f;--line:#d9e0d1}.botanical .concept-graphic svg{border-radius:48% 48% 5px 5px}.botanical .hero h1 em{display:block}.botanical .research .section-heading{max-width:750px}.botanical .pillar{border:0;border-radius:0;border-top:3px solid #9ab27c}.botanical .pillar-grid{gap:36px}.botanical .project-grid{gap:46px}.botanical .project-card:nth-child(even){transform:translateY(55px)}.botanical .past-projects{padding-bottom:140px}.botanical .project-card{box-shadow:none;border-radius:0;border:0}.botanical .project-copy{padding-left:0}.botanical .completed-case{border-radius:0;border-left:5px solid #70954f}.botanical .about{background:#f4f5e8}
.botanical .concept-graphic svg{border-radius:24px 90px 24px 24px}
@media(max-width:1080px){.site-header .site-nav{position:absolute;top:100%;bottom:auto}}
/* 02: institute — Swiss grid, sans serif hierarchy, square blue diagrams. */
.institute{--ink:#153553;--leaf-dark:#205caa;--paper:#fff;--sun:#e1edff;--line:#cedae8;font-family:Arial,sans-serif}.institute h1,.institute h2,.institute h3,.institute blockquote{font-family:Arial,sans-serif;font-weight:650;letter-spacing:-.045em}.institute .hero h1{font-size:clamp(3rem,5vw,5rem)}.institute .hero h1 em{font-style:normal;background:#e6f0ff}.institute .hero{border-bottom:5px solid #2767be}.institute .button,.institute .nav-cta,.institute .pillar,.institute .project-card,.institute .portfolio-band,.institute .completed-case{border-radius:0}.institute .button-primary{background:#205caa;color:white}.institute .hero-strip{background:#f0f6ff}.institute .research>.container{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}.institute .pillar-grid{display:block}.institute .pillar{min-height:0;border:0;border-top:1px solid #b2c7df;padding:22px 0;display:grid;grid-template-columns:40px 1fr;gap:6px 18px;background:white}.institute .pillar-icon{display:none}.institute .pillar h3{font-size:24px}.institute .pillar p,.institute .pillar ul{grid-column:2;margin:5px 0}.institute .portfolio-band,.institute .completed-case,.institute .about-aside{background:#eef5fe}.institute .project-grid{grid-template-columns:repeat(4,1fr);gap:18px}.institute .project-copy{padding:18px}.institute .project-copy h3{font-size:24px}.institute .project-meta{font-size:12px;display:block}.institute .project-meta b{display:none}.institute .contact{background:#e2eeff}
/* 03: field journal — centered masthead, wide field plan, numbered stories. */
.journal{--ink:#553a27;--leaf-dark:#906135;--paper:#fffaf0;--sun:#ecc879;--line:#dfceb5}.journal .header-inner{flex-direction:column;gap:18px;padding:22px 0}.journal .brand strong{max-width:none;font-family:Georgia,serif;font-size:23px}.journal .brand small{text-align:center}.journal .hero-inner{display:flex;flex-direction:column;text-align:center;padding:55px 0 30px}.journal .hero-copy{max-width:900px}.journal .hero h1{font-size:clamp(3rem,6vw,6rem);max-width:none}.journal .eyebrow,.journal .hero-actions{justify-content:center}.journal .hero-lede{max-width:710px;margin-inline:auto}.journal .concept-graphic{width:100%;margin-top:10px;border-block:1px solid #b4966b;padding-block:15px;text-align:left}.journal .hero-strip{background:#f1e5cc}.journal .pillar{border:0;border-radius:0;min-height:0;background:transparent;padding:28px 0}.journal .pillar-grid{gap:40px}.journal .pillar-icon{display:none}.journal .pillar-index{font:italic 48px Georgia;color:#a17d4e;margin-bottom:18px}.journal .pillar-featured .pillar-index{color:#a17d4e}.journal .pillar:after{display:none}.journal .research{border-bottom:1px solid #d4bf9b}.journal .portfolio-band,.journal .completed-case,.journal .about-aside{background:#f4ead6;border-radius:0}.journal .project-grid{display:block}.journal .project-card{display:grid;grid-template-columns:1fr 1fr;border:0;border-top:1px solid #d4bf9b;box-shadow:none!important;border-radius:0;padding:35px 0;background:transparent!important;align-items:center}.journal .project-card:nth-child(even) .project-media{order:2}.journal .project-media{aspect-ratio:16/9}.journal .project-copy{padding:30px 45px}.journal .past-projects .section-heading h2{font-style:italic}.journal .contact{background:#f1dfb8}.journal .site-footer{background:#fffaf0}
@media(max-width:1080px){.site-nav{background:#fff;top:74px;visibility:hidden}.site-nav.open{visibility:visible}.hero-inner{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(2.8rem,5vw,4.5rem)}.institute .project-grid{grid-template-columns:1fr 1fr}.journal .header-inner{flex-direction:row}.journal .brand strong{font-size:17px;max-width:420px}.journal .brand small{text-align:left}.pillar-grid{grid-template-columns:repeat(3,1fr)}.section-heading-split{gap:30px}.brand{min-width:0}.brand-mark{flex-shrink:0}}
@media(max-width:760px){.hero-inner{grid-template-columns:1fr;padding:42px 0}.hero h1,.institute .hero h1,.journal .hero h1{font-size:clamp(2.7rem,10vw,4rem)}.concept-graphic{width:100%}.pillar-grid,.institute .research>.container,.section-heading-split,.portfolio-band,.case-study,.about-grid,.contact-inner{display:grid;grid-template-columns:1fr;gap:24px}.institute .project-grid,.project-grid{grid-template-columns:1fr}.botanical .project-card:nth-child(even){transform:none}.journal .project-card{display:block}.journal .project-copy{padding:24px 0}.journal .brand strong{font-size:15px}.section{padding:54px 0}.completed-case{padding:28px}.hero-actions{gap:18px}.design-picker{gap:8px 16px;font-size:13px}.brand strong{font-size:14px}.brand-mark{width:34px}.strip-inner{font-size:13px}.journal .concept-graphic svg{min-height:180px}.footer-inner{display:block}.footer-inner p{margin-top:16px}}