@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Libre+Baskerville:wght@400;700&family=Poppins:wght@300;400;500&display=swap');
@font-face{font-family:'itonami Deck';src:url('assets/LibreBaskerville-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{
  --green-forest:#004439;
  --energy:#a1cf8c;
  --harmony:#182e23;
  --warmth:#fcf7e8;
  --serenity:#c1c8c3;
  --clay:#d96c2c;
  --ink:#182e23;
  --line:rgba(24,46,35,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warmth);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}.serif,h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif}
.site-nav{position:fixed;z-index:100;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:var(--warmth);pointer-events:none}.site-nav::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(24,46,35,.22),transparent);opacity:.22;pointer-events:none}.site-nav a{pointer-events:auto;position:relative}.brand{font-family:'Libre Baskerville',serif;font-weight:700;font-size:24px;letter-spacing:-.03em}.nav-links{display:flex;gap:28px;align-items:center;font-family:'Poppins',sans-serif;font-weight:300;font-size:13px;letter-spacing:.04em}.nav-links a{opacity:.84;transition:opacity .25s}.nav-links a:hover{opacity:1}.menu-toggle{display:none}
/* HOME */
.home{height:100svh;overflow:hidden;background:var(--green-forest)}.home .site-nav{color:var(--warmth)}.hero-stage{position:relative;height:100svh;width:100%;overflow:hidden;cursor:e-resize;isolation:isolate;background:var(--green-forest)}
.pattern-scene{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s cubic-bezier(.2,.8,.2,1);will-change:opacity;overflow:hidden;background:var(--green-forest)}.pattern-scene.active{opacity:1}.pattern-texture{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;will-change:transform;filter:saturate(.96) contrast(1.02)}
.scene-micro .pattern-texture{animation:driftA 24s ease-in-out infinite alternate}.scene-flow .pattern-texture{animation:driftB 29s ease-in-out infinite alternate}.scene-weave .pattern-texture{animation:driftC 26s ease-in-out infinite alternate}
@keyframes driftA{0%{transform:translate3d(-3vw,-4vh,0) rotate(-2deg) scale(1.05)}45%{transform:translate3d(3vw,2vh,0) rotate(1deg) scale(1.10)}100%{transform:translate3d(-1vw,5vh,0) rotate(3deg) scale(1.07)}}
@keyframes driftB{0%{transform:translate3d(3vw,-5vh,0) rotate(3deg) scale(1.09)}48%{transform:translate3d(-4vw,3vh,0) rotate(-1deg) scale(1.04)}100%{transform:translate3d(2vw,6vh,0) rotate(-3deg) scale(1.08)}}
@keyframes driftC{0%{transform:translate3d(-4vw,4vh,0) rotate(-2deg) scale(1.08)}52%{transform:translate3d(4vw,-3vh,0) rotate(2deg) scale(1.12)}100%{transform:translate3d(-2vw,-5vh,0) rotate(1deg) scale(1.06)}}
.pattern-scene.entering{animation:sceneReveal .85s cubic-bezier(.16,1,.3,1)}@keyframes sceneReveal{0%{clip-path:circle(0% at var(--cx,50%) var(--cy,50%))}100%{clip-path:circle(150% at var(--cx,50%) var(--cy,50%))}}
.hero-message{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-45%);width:min(900px,78vw);text-align:center;color:var(--harmony);pointer-events:none}.hero-message .eyebrow{font-family:'Poppins',sans-serif;font-weight:300;font-size:10px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:24px;opacity:.78}.hero-message h1{margin:0;font-size:clamp(46px,7.2vw,112px);line-height:.95;letter-spacing:-.055em;font-weight:400}.hero-message p{font-family:'Poppins',sans-serif;font-weight:300;margin:24px auto 0;font-size:clamp(11px,1.05vw,16px);letter-spacing:.14em;text-transform:uppercase;max-width:720px}.hero-message .backplate{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:rgba(252,247,232,.82);box-shadow:14px 0 0 rgba(252,247,232,.82),-14px 0 0 rgba(252,247,232,.82);padding:.03em 0}
.hero-hint{position:absolute;z-index:30;bottom:26px;right:4vw;font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--warmth);opacity:.74;pointer-events:none}.scene-count{position:absolute;z-index:30;bottom:26px;left:4vw;display:flex;gap:9px;align-items:center}.scene-dot{width:28px;height:2px;border:0;padding:0;appearance:none;background:rgba(252,247,232,.42);transition:width .35s,background .35s;cursor:pointer}.scene-dot.active{width:52px;background:var(--warmth)}
/* INNER PAGES */
.inner{background:var(--warmth)}.inner .site-nav{position:absolute;color:var(--green-forest)}.inner .site-nav::before{display:none}.page-shell{padding:82px 4vw 70px}.page-intro{height:calc(100svh - 82px);min-height:640px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:8vw;align-items:end;padding:70px 0;border-bottom:1px solid var(--line)}.page-kicker{font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:.23em;text-transform:uppercase;margin-bottom:24px}.page-intro h1{font-size:clamp(58px,8.4vw,130px);line-height:.9;letter-spacing:-.055em;font-weight:400;margin:0}.page-intro .lede{font-family:'DM Sans',sans-serif;font-size:clamp(18px,2vw,28px);line-height:1.45;padding-bottom:10px}.section{padding:100px 0;border-bottom:1px solid var(--line)}.section-grid{display:grid;grid-template-columns:minmax(170px,.28fr) minmax(0,1fr);gap:7vw}.section h2{font-size:clamp(30px,4.5vw,64px);line-height:1.02;margin:0}.body-copy{max-width:860px;font-size:18px;line-height:1.72}.body-copy p{margin:0 0 1.4em}.body-copy .big{font-family:'Libre Baskerville',serif;font-size:clamp(30px,4.3vw,62px);line-height:1.12;letter-spacing:-.035em}.photo-wide{margin:0 -4vw;height:min(72vw,680px);overflow:hidden}.photo-wide img{width:100%;height:100%;object-fit:cover}.founders{display:grid;grid-template-columns:1fr 1fr;gap:30px}.founder-card{border-top:1px solid var(--line);padding-top:24px}.founder-card h3{font-size:clamp(30px,3.4vw,48px);margin:0 0 12px}.founder-card .role{font-family:'Poppins';font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:26px}.founder-card p{font-size:16px;line-height:1.65;max-width:600px}.footer{display:flex;justify-content:space-between;gap:20px;padding:35px 4vw 45px;font-family:'Poppins';font-size:10px;letter-spacing:.11em;text-transform:uppercase}
/* Projects */
.projects-page .site-nav{color:var(--warmth)}.projects-page .page-intro{background:var(--green-forest);color:var(--warmth);margin:0 -4vw;padding:70px 4vw;border:0;height:calc(100svh - 82px);min-height:640px}.method-line{display:grid;grid-template-columns:repeat(5,1fr);margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method-line div{padding:22px 12px;border-right:1px solid var(--line);font-family:'Poppins';font-size:11px;text-transform:uppercase;letter-spacing:.09em}.method-line div:last-child{border-right:0}.case{padding:120px 0;border-bottom:1px solid var(--line)}.case-top{display:grid;grid-template-columns:80px 1fr;gap:30px}.case-no{font-family:'Poppins';font-size:11px;letter-spacing:.18em}.case h2{font-size:clamp(42px,6vw,86px);line-height:.98;margin:0 0 60px}.case-meta{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.case-meta h4{font-family:'Poppins';font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin:28px 0 10px}.case-meta p{font-size:16px;line-height:1.65;margin:0}.case-image{height:min(58vw,620px);overflow:hidden;margin-top:55px}.case-image img{height:100%;object-fit:cover}
/* Journal */
.journal-page{background:var(--warmth)}.journal-page .page-intro{grid-template-columns:1fr}.journal-page .page-intro h1{max-width:1050px}.journal-columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.journal-block{padding-top:25px;border-top:1px solid var(--line)}.journal-block .tag{font-family:'Poppins';font-size:10px;letter-spacing:.18em;text-transform:uppercase}.journal-block h2{font-size:clamp(42px,5vw,72px);margin:18px 0 30px}.journal-block p{font-size:18px;line-height:1.7}
/* Events */
.events-page{background:var(--warmth)}.events-page .site-nav{color:var(--warmth)}.events-page .page-intro{background:var(--harmony);color:var(--warmth);margin:0 -4vw;padding:70px 4vw;border:0;height:calc(100svh - 82px);min-height:640px}.events-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.event{background:var(--warmth);padding:56px 48px;min-height:330px;transition:transform .25s,background .25s}.event:hover{background:#fffaf0;transform:translateY(-3px)}.event .tag{font-family:'Poppins';font-size:10px;letter-spacing:.18em;text-transform:uppercase}.event h2{font-size:clamp(34px,4vw,58px);margin:22px 0}.event p{font-size:16px;line-height:1.65;max-width:560px}
/* Contact */
.contact-page .page-shell{min-height:100svh;display:flex;flex-direction:column}.contact-page .page-intro{flex:1;min-height:640px;height:calc(100svh - 82px)}.contact-info{font-size:18px;line-height:1.75}.contact-info a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.site-nav{height:68px;padding:0 20px}.brand{font-size:21px}.nav-links{gap:16px;font-size:10px}.hero-message{width:84vw}.hero-message h1{font-size:clamp(46px,12vw,80px)}.hero-message p{font-size:10px;line-height:1.6}.pattern-texture{width:130%;height:130%;inset:-15%}.page-shell{padding:68px 22px 55px}.page-intro,.section-grid,.case-meta,.journal-columns{grid-template-columns:1fr}.page-intro{height:calc(100svh - 68px);min-height:560px;gap:40px;padding:55px 0}.page-intro h1{font-size:clamp(54px,14vw,86px)}.projects-page .page-intro,.events-page .page-intro{margin:0 -22px;padding:55px 22px;height:calc(100svh - 68px);min-height:560px}.section{padding:72px 0}.founders,.events-list{grid-template-columns:1fr}.method-line{grid-template-columns:1fr}.method-line div{border-right:0;border-bottom:1px solid var(--line)}.method-line div:last-child{border-bottom:0}.case{padding:82px 0}.case-top{grid-template-columns:1fr}.case h2{margin-bottom:35px}.footer{padding:30px 22px;flex-direction:column}.photo-wide{margin:0 -22px}.scene-count{left:22px}.hero-hint{right:22px}}
@media(max-width:600px){.nav-links{gap:10px}.nav-links a{font-size:0}.nav-links a::after{content:attr(data-short);font-size:9px}.hero-message .eyebrow{display:none}.hero-message{top:53%}.hero-message h1{font-size:clamp(44px,13vw,68px)}.event{padding:42px 25px}.scene-dot{width:20px}.scene-dot.active{width:38px}}

/* VOL.6 — contrast + cleaner home */
body{background:var(--harmony)}
.inner{background:var(--warmth)}

/* HOME: pattern is the hero; copy stays quiet and unboxed */
.home{background:var(--harmony)}
.home .site-nav{
  color:var(--warmth);
  text-shadow:0 0 3px rgba(24,46,35,.95),0 0 10px rgba(24,46,35,.78),0 1px 18px rgba(24,46,35,.58);
}
.home .site-nav::before{display:none}
.hero-stage{background:var(--harmony)}
.pattern-scene{background:var(--harmony)}
.hero-message{
  left:4vw;
  top:auto;
  bottom:72px;
  transform:none;
  width:min(520px,68vw);
  text-align:left;
  color:var(--warmth);
  text-shadow:0 0 3px rgba(24,46,35,.95),0 0 12px rgba(24,46,35,.72),0 1px 18px rgba(24,46,35,.5);
}
.hero-message .eyebrow{
  margin:0 0 8px;
  font-size:8px;
  letter-spacing:.25em;
  opacity:.9;
}
.hero-message h1{
  margin:0;
  font-family:'Libre Baskerville',Georgia,serif;
  font-size:clamp(18px,1.8vw,28px);
  line-height:1.08;
  letter-spacing:-.025em;
  max-width:460px;
}
.hero-message p{
  margin:10px 0 0;
  max-width:520px;
  font-size:clamp(8px,.72vw,10px);
  line-height:1.45;
  letter-spacing:.15em;
  opacity:.9;
}
.hero-message .backplate{background:none;box-shadow:none;padding:0}
.hero-hint{
  color:var(--warmth);
  opacity:.92;
  text-shadow:0 0 3px rgba(24,46,35,.95),0 0 10px rgba(24,46,35,.78);
}
.scene-dot{background:rgba(252,247,232,.44);box-shadow:0 0 8px rgba(24,46,35,.55)}
.scene-dot.active{background:var(--warmth)}

/* Cream pages: green navigation. Green hero pages: cream navigation directly on the hero. */
.about-page .site-nav,.journal-page .site-nav,.contact-page .site-nav{color:var(--green-forest)}
.projects-page .site-nav,.events-page .site-nav{
  color:var(--warmth);
  text-shadow:0 0 2px rgba(24,46,35,.7),0 1px 10px rgba(24,46,35,.42);
}
.projects-page .page-shell,.events-page .page-shell{padding-top:0}
.projects-page .page-intro,.events-page .page-intro{
  height:100svh;
  min-height:640px;
  margin:0 -4vw;
  padding:152px 4vw 70px;
}

/* Footer always sits on cream content in the current site, so keep it green. */
.inner .footer{background:var(--warmth);color:var(--green-forest)}

@media(max-width:850px){
  .hero-message{left:22px;bottom:66px;width:min(500px,76vw)}
  .hero-message h1{font-size:clamp(18px,5vw,25px)}
  .projects-page .page-shell,.events-page .page-shell{padding-top:0}
  .projects-page .page-intro,.events-page .page-intro{height:100svh;min-height:560px;margin:0 -22px;padding:126px 22px 55px}
}

/* VOL.7 — living pattern engine */
.home-v07{background:var(--harmony)}
.home-v07 .home-nav{color:var(--warmth);text-shadow:none;height:84px;padding:0 4vw;mix-blend-mode:normal}
.home-v07 .home-nav::before{display:none}
.brand-mark{width:78px;height:auto;display:block}
.brand-mark img{width:100%;height:auto;display:block;filter:none}
.home-v07 .nav-links{font-size:12px;letter-spacing:.035em;gap:30px}
.home-v07 .nav-links a{opacity:.92}
.living-stage{position:relative;width:100%;height:100svh;overflow:hidden;background:var(--harmony);cursor:crosshair}
#livingPattern{position:absolute;inset:0;width:100%;height:100%;display:block}
.meandering-svg{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;overflow:hidden;pointer-events:none;opacity:0;will-change:opacity}
.home-v07 .scene-count{bottom:28px;left:4vw}
.home-v07 .scene-dot{height:1px;width:24px;background:rgba(252,247,232,.38);box-shadow:none}
.home-v07 .scene-dot.active{width:46px;background:var(--warmth)}
.home-v07 .hero-hint{right:4vw;bottom:24px;color:var(--warmth);font-size:10px;letter-spacing:.12em;text-shadow:none;opacity:.86;text-transform:none}
@media(max-width:850px){.home-v07 .home-nav{height:72px;padding:0 22px}.brand-mark{width:68px}.home-v07 .nav-links{gap:17px;font-size:10px}.home-v07 .scene-count{left:22px}.home-v07 .hero-hint{right:22px}}
@media(max-width:600px){.brand-mark{width:62px}.home-v07 .nav-links{gap:11px}.home-v07 .hero-hint{font-size:9px;bottom:22px}.home-v07 .scene-count{bottom:23px}}

/* ===== HOME v08 — Living Pattern Engine ===== */
.home-v08{background:var(--harmony);overflow:hidden}
.home-v08 .home-nav{height:92px;padding:0 4vw;color:var(--warmth);text-shadow:none;mix-blend-mode:normal}
.home-v08 .home-nav::before{display:none}
.home-v08 .brand-mark{width:82px;filter:none}
.home-v08 .nav-links{font-size:14px;letter-spacing:.025em;gap:34px;font-weight:400}
.home-v08 .nav-links a{color:var(--warmth);opacity:.96}
.home-v08 .nav-links a:hover{opacity:.62}
.home-v08 .scene-count{bottom:31px;left:4vw}
.home-v08 .scene-dot{height:1px;width:25px;background:rgba(252,247,232,.38);box-shadow:none}
.home-v08 .scene-dot.active{width:48px;background:var(--warmth)}
.home-v08 .hero-hint{right:4vw;bottom:27px;color:var(--warmth);font-size:12px;letter-spacing:.06em;text-shadow:none;opacity:.94;text-transform:none}
@media(max-width:850px){
  .home-v08 .home-nav{height:78px;padding:0 22px}.home-v08 .brand-mark{width:72px}
  .home-v08 .nav-links{gap:18px;font-size:12px}.home-v08 .scene-count{left:22px}.home-v08 .hero-hint{right:22px}
}
@media(max-width:600px){
  .home-v08 .brand-mark{width:66px}.home-v08 .nav-links{gap:12px;font-size:10px}.home-v08 .hero-hint{font-size:10px;bottom:22px}.home-v08 .scene-count{bottom:23px}
}

/* ===== INNER 2026 — Deck P2–P21 page architecture ===== */
.philosophy-layout{position:relative;min-height:100svh;padding:120px 4vw 180px;display:grid;grid-template-columns:1.08fr .92fr;gap:8vw;align-items:start;overflow:hidden}
.philosophy-layout>div{position:relative;z-index:1}
.philosophy-heading h2{font-size:clamp(58px,7vw,112px);line-height:.95;margin:34px 0 38px}
.philosophy-heading>p{font-family:Georgia,serif;font-style:italic;color:var(--deck-green);font-size:clamp(35px,4.8vw,76px);line-height:.95;margin:0;transform:rotate(-4deg)}
.philosophy-copy{max-width:660px;padding-top:92px;font-size:15px;line-height:1.72}
.philosophy-copy p{margin:0 0 1.35em}
.philosophy-layout>img{position:absolute;z-index:0;left:0;right:0;bottom:0;width:100%;height:auto;mix-blend-mode:multiply;pointer-events:none}

.method-page .inner-nav .brand-mark{color:#fff}
.method-page .inner-nav .nav-links{color:var(--deck-ink)}
.method-opening .meandering-image h1{position:absolute;z-index:1;left:5vw;bottom:6vw;margin:0;color:#fff;font-size:clamp(58px,7vw,112px);line-height:.93}
.explore-layout{min-height:100svh;padding:120px 4vw 90px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.explore-layout>.deck-label{text-align:left}
.explore-layout h2{font-size:clamp(64px,8.8vw,145px);line-height:.94;margin:45px 0 0}
.explore-layout>p{font-size:17px;line-height:1.55;margin:20px auto 0}
.explore-diagram{position:relative;width:100%;max-width:1500px;margin:5px auto 0;color:var(--deck-green)}
.explore-diagram svg{display:block;width:100%;height:auto}
.explore-diagram span{position:absolute;font-family:Georgia,serif;font-style:italic;font-size:clamp(18px,2vw,34px);white-space:nowrap}
.step-question{left:2%;top:57%}.step-meandering{left:21%;top:5%}.step-alternative{left:47%;top:49%}.step-reflection{left:63%;top:22%}.step-again{right:0;top:38%}
.takes-shape{min-height:92svh;padding:110px 4vw;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr;gap:4vw 8vw;align-items:center;background:var(--deck-mint)}
.takes-shape>.deck-label{grid-column:1/-1;align-self:start}
.takes-shape h2{font-size:clamp(72px,10vw,164px);line-height:.84;margin:0;text-align:center}
.takes-shape h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--deck-green)}
.takes-shape>p{font-size:15px;line-height:1.8;margin:0;max-width:520px}
.method-voice{min-height:100svh;display:grid;grid-template-columns:.72fr 1.28fr}
.method-voice-title{padding:120px 4vw;display:flex;flex-direction:column;justify-content:center}
.method-voice-title h2{font-size:clamp(64px,8.5vw,136px);line-height:.84;margin:70px 0 0}
.method-voice figure{position:relative;margin:0;min-height:760px;overflow:hidden}
.method-voice figure img{width:100%;height:100%;object-fit:cover}
.method-voice figure::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,22,19,.62),transparent 72%)}
.method-voice blockquote{position:absolute;z-index:1;left:7%;right:5%;bottom:8%;margin:0;color:#fff;font-family:Georgia,serif;font-style:italic;font-size:clamp(25px,3.2vw,52px);line-height:1.55}

.people-page main{min-height:100svh}
.people-hero{min-height:100svh;padding:145px 4vw 85px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.people-hero>h1{font-size:clamp(56px,7.4vw,122px);line-height:.94;margin:45px 0 90px}
.people-hero .founder-pair{width:min(1100px,92vw);margin:0 auto 75px}
.people-hero .founder-pair h2{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--deck-green);font-size:clamp(54px,6vw,94px);line-height:1;margin:0 0 22px}
.people-hero .founder-pair p{max-width:440px;margin:0 auto;font-size:14px;line-height:1.65}
.people-hero .founder-together{margin:0}

@media(max-width:950px){
  .philosophy-layout{grid-template-columns:1fr;padding:90px 22px 170px;gap:30px}.philosophy-copy{padding-top:0}
  .method-opening .meandering-image h1{left:22px;bottom:52px}
  .explore-layout{padding:100px 22px 80px}
  .takes-shape{grid-template-columns:1fr;padding:90px 22px}.takes-shape>.deck-label{grid-column:auto}.takes-shape h2{text-align:left;margin:30px 0}
  .method-voice{grid-template-columns:1fr}.method-voice-title{padding:90px 22px}.method-voice figure{min-height:76svh}
  .people-hero{padding:120px 22px 75px}
}
@media(max-width:600px){
  .inner-2026 .nav-links{gap:8px}
  .philosophy-layout{padding-bottom:135px}.philosophy-heading h2{font-size:12vw}.philosophy-heading>p{font-size:10vw}
  .method-page .inner-nav .brand-wordmark{display:none}.method-opening .meandering-image h1{font-size:12vw}
  .explore-layout{min-height:auto;padding-top:105px}.explore-layout h2{font-size:13vw;text-align:left;margin:42px 0}.explore-layout>p{text-align:left;margin:35px 0 0}
  .explore-diagram{display:grid;gap:0;margin:0;border-top:1px solid var(--deck-rule);color:var(--deck-ink)}.explore-diagram svg{display:none}.explore-diagram span{position:static;font-family:'Poppins',sans-serif;font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:18px 0;border-bottom:1px solid var(--deck-rule);text-align:left}
  .takes-shape h2{font-size:18vw}.method-voice-title h2{font-size:18vw;margin-top:45px}.method-voice blockquote{font-size:7vw;line-height:1.5}
  .people-hero{text-align:left}.people-hero>h1{font-size:12vw;margin:45px 0 70px}.people-hero .founder-pair{width:100%;margin:0 0 65px}.people-hero .founder-pair h2{font-size:17vw}.people-hero .founder-pair p{margin:0}.people-hero .founder-together{text-align:left}
}

/* ===== HOME v09 — Living Behaviours ===== */
.home-v09{background:var(--harmony);overflow:hidden}
.home-v09 .home-nav{height:92px;padding:0 4vw;color:var(--warmth);text-shadow:none;mix-blend-mode:normal}
.home-v09 .home-nav::before{display:none}
.home-v09 .brand-mark{width:57px;filter:none}
.home-v09 .nav-links{font-size:15px;letter-spacing:.02em;gap:36px;font-weight:400}
.home-v09 .nav-links a{color:var(--warmth);opacity:.96;transition:transform .35s ease,opacity .25s ease}
.home-v09 .nav-links a:hover{opacity:.68;transform:translateY(-1px)}
.home-v09 .scene-count{bottom:31px;left:4vw}
.home-v09 .scene-dot{height:1px;width:25px;background:rgba(252,247,232,.38);box-shadow:none}
.home-v09 .scene-dot.active{width:48px;background:var(--warmth)}
.home-v09 .hero-hint{right:4vw;bottom:27px;color:var(--warmth);font-size:13px;letter-spacing:.035em;text-shadow:none;opacity:.96;text-transform:none}
.home-v09 .living-stage{cursor:crosshair}
@media(max-width:850px){
  .home-v09 .home-nav{height:78px;padding:0 22px}.home-v09 .brand-mark{width:52px}
  .home-v09 .nav-links{gap:20px;font-size:12px}.home-v09 .scene-count{left:22px}.home-v09 .hero-hint{right:22px;font-size:11px}
}
@media(max-width:600px){
  .home-v09 .brand-mark{width:48px}.home-v09 .nav-links{gap:12px;font-size:10px}.home-v09 .hero-hint{font-size:10px;bottom:22px}.home-v09 .scene-count{bottom:23px}
}

/* ===== HOME v10 — authored PNGs + behavioural physics ===== */
.home-v10{background:var(--harmony);overflow:hidden}
.home-v10 .home-nav{height:92px;padding:0 4vw;color:var(--warmth);text-shadow:0 1px 8px rgba(24,46,35,.32);mix-blend-mode:normal}
.home-v10 .home-nav::before{display:none}
.home-v10 .brand-mark{width:57px;filter:none}
.home-v10 .nav-links{font-size:15px;letter-spacing:.02em;gap:36px;font-weight:400}
.home-v10 .nav-links a{color:var(--warmth);opacity:.96;transition:transform .35s ease,opacity .25s ease;text-shadow:0 1px 8px rgba(24,46,35,.32)}
.home-v10 .nav-links a:hover{opacity:.68;transform:translateY(-1px)}
.home-v10 .scene-count{bottom:31px;left:4vw}
.home-v10 .scene-dot{height:1px;width:25px;background:rgba(252,247,232,.46);box-shadow:0 1px 5px rgba(24,46,35,.28)}
.home-v10 .scene-dot.active{width:48px;background:var(--warmth)}
.home-v10 .hero-hint{right:4vw;bottom:27px;color:var(--warmth);font-size:13px;letter-spacing:.035em;text-shadow:0 1px 8px rgba(24,46,35,.32);opacity:.96;text-transform:none}
.home-v10 .living-stage{cursor:crosshair}
@media(max-width:850px){
  .home-v10 .home-nav{height:78px;padding:0 22px}.home-v10 .brand-mark{width:52px}
  .home-v10 .nav-links{gap:20px;font-size:12px}.home-v10 .scene-count{left:22px}.home-v10 .hero-hint{right:22px;font-size:11px}
}
@media(max-width:600px){
  .home-v10 .brand-mark{width:48px}.home-v10 .nav-links{gap:12px;font-size:10px}.home-v10 .hero-hint{font-size:10px;bottom:22px}.home-v10 .scene-count{bottom:23px}
}
/* ===== HOME v10 FIXED — reliable Canvas 2D local-file build ===== */
.home-v10-fixed{background:var(--harmony);overflow:hidden}
.home-v10-fixed .home-nav{height:92px;padding:0 4vw;color:var(--warmth);text-shadow:0 1px 7px rgba(24,46,35,.30);mix-blend-mode:normal}
.home-v10-fixed .home-nav::before{display:none}
.home-v10-fixed .brand-mark{width:57px;filter:none}
.home-v10-fixed .nav-links{font-size:15px;letter-spacing:.02em;gap:36px;font-weight:400}
.home-v10-fixed .nav-links a{color:var(--warmth);opacity:.96;transition:transform .35s ease,opacity .25s ease;text-shadow:0 1px 7px rgba(24,46,35,.30)}
.home-v10-fixed .nav-links a:hover{opacity:.68;transform:translateY(-1px)}
.home-v10-fixed .scene-count{bottom:31px;left:4vw}
.home-v10-fixed .scene-dot{height:1px;width:25px;background:rgba(252,247,232,.46);box-shadow:0 1px 5px rgba(24,46,35,.28)}
.home-v10-fixed .scene-dot.active{width:48px;background:var(--warmth)}
.home-v10-fixed .hero-hint{right:4vw;bottom:27px;color:var(--warmth);font-size:13px;letter-spacing:.035em;text-shadow:0 1px 7px rgba(24,46,35,.30);opacity:.96;text-transform:none}
.home-v10-fixed .living-stage{cursor:crosshair}
@media(max-width:850px){.home-v10-fixed .home-nav{height:78px;padding:0 22px}.home-v10-fixed .brand-mark{width:52px}.home-v10-fixed .nav-links{gap:20px;font-size:12px}.home-v10-fixed .scene-count{left:22px}.home-v10-fixed .hero-hint{right:22px;font-size:11px}}
@media(max-width:600px){.home-v10-fixed .brand-mark{width:48px}.home-v10-fixed .nav-links{gap:12px;font-size:10px}.home-v10-fixed .hero-hint{font-size:10px;bottom:22px}.home-v10-fixed .scene-count{bottom:23px}}

/* ===== VOL.12 — smooth authored-pattern behaviours ===== */
.home-v12{background:var(--warmth);overflow:hidden}
.home-v12 .home-nav{height:88px;padding:0 4vw;color:#111;text-shadow:none;mix-blend-mode:normal}
.home-v12 .home-nav::before{display:none}
.home-v12 .brand-mark{width:40px;filter:none}
.home-v12 .nav-links{font-size:15px;letter-spacing:.015em;gap:36px;font-weight:400;color:#111}
.home-v12 .nav-links a{color:#111;opacity:.92;text-shadow:none;transition:opacity .25s ease,transform .25s ease}
.home-v12 .nav-links a:hover{opacity:.58;transform:translateY(-1px)}
.home-v12 .scene-count{bottom:30px;left:4vw}
.home-v12 .scene-dot{height:2px;width:24px;background:rgba(17,17,17,.30);box-shadow:none}
.home-v12 .scene-dot.active{width:46px;background:#111}
.home-v12 .hero-hint{right:4vw;bottom:26px;color:#111;font-size:14px;letter-spacing:.02em;text-shadow:none;opacity:.9;text-transform:none}
.home-v12 .living-stage{cursor:crosshair;background:var(--warmth)}
.home-v12 #livingPattern{background:var(--warmth) center/cover no-repeat url('assets/itonami1.png')}
.home-v12 .pattern-label{position:absolute;left:4vw;bottom:54px;z-index:31;color:#111;font:400 11px/1.2 'Poppins',sans-serif;letter-spacing:.04em;pointer-events:none}
.home-v12 .scene-count{bottom:26px}
.home-footer{position:fixed;z-index:90;left:0;right:0;bottom:0;height:0;color:#111;font:400 12px/1 'Poppins',sans-serif;pointer-events:none}
.home-footer span{position:absolute;bottom:27px}.home-footer span:first-child{left:50%;transform:translateX(-50%)}.home-footer span:last-child{right:4vw}

/* Consistent black logo + navigation on all interior pages. */
.inner .site-nav,.about-page .site-nav,.projects-page .site-nav,.journal-page .site-nav,.events-page .site-nav,.contact-page .site-nav{
  color:#111!important;text-shadow:none!important;
}
.inner .site-nav .nav-links a,.projects-page .site-nav .nav-links a,.events-page .site-nav .nav-links a{color:#111!important;text-shadow:none!important}
.inner-brand{width:40px!important;height:auto!important;display:block}
.inner-brand img{display:block;width:100%;height:auto;filter:none}
.inner .footer{color:#111!important}

@media(max-width:850px){
  .home-v12 .home-nav{height:76px;padding:0 22px}.home-v12 .brand-mark,.inner-brand{width:36px!important}
  .home-v12 .nav-links{gap:20px;font-size:12px}.home-v12 .scene-count{left:22px}.home-v12 .hero-hint{right:22px;font-size:12px}
}
@media(max-width:600px){
  .home-v12 .brand-mark,.inner-brand{width:34px!important}.home-v12 .nav-links{gap:12px;font-size:10px}.home-v12 .hero-hint{font-size:10px;bottom:22px}.home-v12 .scene-count{bottom:23px}
}

/* VOL.24 — Pattern-aware interface without solid chrome */
.home-v12 .home-nav{height:82px;padding:0 4vw;background:transparent;color:inherit;box-shadow:none;transition:color .45s ease}
.home-v12 .home-nav::before{display:none}
.home-v12 .brand-mark{width:auto;height:42px;display:flex;align-items:center;gap:9px;filter:none;background:none;mask:none;-webkit-mask:none}
.home-v12 .brand-mark .brand-symbol{width:38px;height:36px;object-fit:contain;display:block;opacity:1}
.home-v12 .brand-wordmark{font-family:'itonami Deck','Libre Baskerville',Georgia,serif;font-size:19px;font-weight:600;line-height:1;letter-spacing:-.045em;color:inherit}
.home-v12 .nav-links{color:inherit}
.home-v12 .nav-links a{color:inherit;opacity:.94}
.home-v12 .nav-links a:hover{opacity:.66}
.home-v12 .living-stage::after{display:none}
.home-v12 .scene-count{z-index:31;bottom:26px;color:inherit;transition:color .45s ease}
.home-v12 .scene-dot{height:1px;background:currentColor;opacity:.32}
.home-v12 .scene-dot.active{background:currentColor;opacity:1}
.home-v12 .home-footer{display:contents;color:inherit;pointer-events:none;transition:color .45s ease}
.home-v12 .home-tagline{position:fixed!important;z-index:90;left:auto!important;right:4vw!important;bottom:25px!important;transform:none!important;width:auto!important;font:400 12px/1 'Poppins',sans-serif;letter-spacing:.015em;white-space:nowrap;color:inherit}
.home-v12[data-ui-theme="white"]{color:#fff}
.home-v12[data-ui-theme="black"]{color:#111}
.home-v12[data-ui-theme="orange"]{color:#e84f22}
@media(max-width:850px){
  .home-v12 .home-nav{height:72px;padding:0 22px}.home-v12 .brand-mark{width:auto!important;height:38px}.home-v12 .brand-mark .brand-symbol{width:34px;height:33px}.home-v12 .brand-wordmark{font-size:17px}.home-v12 .nav-links{gap:18px;font-size:11px}.home-v12 .home-tagline{right:22px!important;font-size:11px}
}
@media(max-width:600px){
  .home-v12 .brand-mark{width:auto!important;height:34px}.home-v12 .brand-mark .brand-symbol{width:31px;height:30px}.home-v12 .brand-wordmark{font-size:15px}.home-v12 .nav-links{gap:10px;font-size:9px}.home-v12 .scene-count{bottom:22px}.home-v12 .home-tagline{bottom:21px!important;font-size:9px}
}
@media(pointer:coarse){
  .home-v12 .living-stage{cursor:default;touch-action:none}
  .home-v12 .scene-count{height:36px;bottom:5px;gap:0;align-items:center}
  .home-v12 .scene-dot{position:relative;width:40px;height:36px;background:transparent!important;opacity:1}
  .home-v12 .scene-dot::after{content:"";position:absolute;left:8px;right:8px;top:17px;height:1px;background:currentColor;opacity:.32}
  .home-v12 .scene-dot.active{width:62px;background:transparent!important}
  .home-v12 .scene-dot.active::after{opacity:1}
}

/* ===== INNER 2026 — deck-led editorial system ===== */
.inner-2026{
  --deck-paper:#f5f3ed;
  --deck-ink:#2b2b29;
  --deck-green:#005446;
  --deck-mint:#dcebd7;
  --deck-orange:#e64f25;
  --deck-rule:rgba(43,43,41,.19);
  background:var(--deck-paper);
  color:var(--deck-ink);
  overflow-x:hidden;
}
.inner-2026 main{display:block;background:var(--deck-paper)}
.inner-2026 h1,.inner-2026 h2,.inner-2026 h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:600;letter-spacing:-.055em}
.inner-2026 p{font-family:'DM Sans',Arial,sans-serif}
.inner-2026 .inner-nav{position:absolute!important;height:92px;padding:0 4vw;color:var(--deck-ink)!important;background:transparent;z-index:120}
.inner-2026 .inner-nav::before{display:none}
.inner-2026 .brand-mark{display:flex;width:auto!important;height:42px!important;align-items:center;gap:9px}
.inner-2026 .brand-symbol{width:38px!important;height:36px!important;object-fit:contain}
.inner-2026 .brand-wordmark{font-family:'itonami Deck','Libre Baskerville',Georgia,serif;font-size:19px;font-weight:600;line-height:1;letter-spacing:-.045em}
.inner-2026 .nav-links{font-size:14px;gap:34px;color:var(--deck-ink)}
.inner-2026 .nav-links a{color:inherit!important;opacity:.86;transition:opacity .2s ease}
.inner-2026 .nav-links a:hover,.inner-2026 .nav-links a[aria-current="page"]{opacity:1}
.inner-2026 .nav-links a[aria-current="page"]::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor}
.deck-label{font-family:'Poppins',Arial,sans-serif;font-size:10px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase}
.deck-hero{min-height:100svh;padding:150px 4vw 68px;display:flex;flex-direction:column;justify-content:space-between}
.deck-hero h1{margin:0;max-width:1500px;font-size:clamp(52px,7.3vw,126px);line-height:.98}
.deck-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--deck-green)}
.deck-hero>p{align-self:flex-end;max-width:420px;margin:30px 0 0;font-size:14px;line-height:1.55}
.deck-dark{background:var(--deck-ink);color:var(--deck-paper)}
.manifesto{min-height:90svh;padding:90px 4vw;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:34px 7vw;align-items:center}
.manifesto .deck-label{grid-column:1/-1;align-self:start}
.manifesto h2{margin:0;text-align:center;font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(64px,10vw,170px);line-height:.86;transform:rotate(-4deg)}
.manifesto-copy{max-width:540px;font-size:15px;line-height:1.75}
.manifesto-copy p{margin:0 0 1.25em}
.mission-layout{min-height:100svh;padding:92px 4vw;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:5vw;align-items:center}
.mission-statement h2{font-size:clamp(58px,7.2vw,118px);line-height:.98;margin:26px 0 34px}
.mission-statement>p{max-width:760px;font-size:14px;line-height:1.6}
.mission-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}
.mission-mosaic img{height:clamp(150px,21vw,300px);object-fit:cover}
.mission-mosaic img:nth-child(2),.mission-mosaic img:nth-child(4){transform:translateY(34px)}
.vision-layout{min-height:100svh;display:grid;grid-template-columns:.9fr 1.1fr;background:#f7f6f1}
.vision-layout figure,.approach-layout figure{margin:0;min-height:720px;overflow:hidden}
.vision-layout figure img,.approach-layout figure img{width:100%;height:100%;object-fit:cover}
.vision-layout>div{padding:100px 7vw;display:flex;flex-direction:column;justify-content:center}
.vision-layout h2{font-size:clamp(58px,7vw,112px);line-height:.95;margin:24px 0 38px}
.vision-layout h2 span,.projects-hero h1 span,.journal-hero h1 span,.events-hero h1 span{color:var(--deck-orange)}
.compact-copy{max-width:720px;font-size:15px;line-height:1.65}
.compact-copy p{margin:0 0 1.2em}
.meandering-layout{min-height:100svh;display:grid;grid-template-columns:1.02fr .98fr;background:var(--deck-mint)}
.meandering-image{position:relative;min-height:720px;overflow:hidden}
.meandering-image img{height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04)}
.meandering-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(12,24,20,.55),transparent 60%)}
.meandering-image h2{position:absolute;z-index:1;left:5vw;bottom:6vw;margin:0;color:#fff;font-size:clamp(58px,7vw,112px);line-height:.93}
.meandering-copy{padding:12vw 8vw;display:flex;flex-direction:column;justify-content:center;font-size:16px;line-height:1.7}
.meandering-copy .deck-label{margin-bottom:45px}
.meandering-copy p{max-width:510px;margin:0 0 1.35em}
.approach-layout{min-height:100svh;display:grid;grid-template-columns:1.15fr .85fr}
.approach-layout>div{padding:110px 6vw 90px 4vw;display:flex;flex-direction:column;justify-content:center}
.approach-layout h2{font-size:clamp(58px,7vw,112px);line-height:.95;margin:28px 0 42px}
.people-we-work{position:relative;min-height:82svh;padding:110px 4vw;display:flex;flex-direction:column;text-align:center;justify-content:center;background:var(--deck-paper);overflow:hidden}
.people-we-work::after{content:'';position:absolute;left:-5%;right:-5%;bottom:-35px;height:86px;background:repeating-linear-gradient(135deg,var(--deck-green) 0 22px,transparent 22px 45px);opacity:.92}
.people-we-work h2{font-size:clamp(50px,6.8vw,108px);line-height:1.03;margin:35px auto;max-width:1400px}
.people-we-work p{font-size:14px;line-height:1.7}
.three-pillars{padding:100px 4vw 120px;text-align:center}
.three-pillars h2{font-size:clamp(48px,6.2vw,104px);line-height:1.02;margin:35px 0 80px}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;max-width:1320px;margin:auto}
.pillar-grid article{aspect-ratio:1;border:1.5px solid var(--deck-green);border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:18%;position:relative}
.pillar-grid article::after{content:'';position:absolute;bottom:-3px;left:50%;width:8px;height:8px;background:var(--deck-green);border-radius:50%}
.pillar-grid h3{font-family:'Poppins',sans-serif;font-size:16px;letter-spacing:0;color:var(--deck-green);margin:0 0 12px}
.pillar-grid p{font-size:12px;line-height:1.4;margin:0}
.founders-2026{padding:110px 4vw 130px;text-align:center;border-top:1px solid var(--deck-rule)}
.founders-2026>h2{font-size:clamp(42px,5vw,82px);margin:36px 0 90px}
.founder-pair{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1100px;margin:0 auto 90px}
.founder-pair article{padding-top:30px;border-top:1px solid var(--deck-green)}
.founder-pair h3{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--deck-green);font-size:clamp(48px,5vw,82px);margin:0 0 22px}
.founder-pair p,.founder-together{font-size:14px;line-height:1.65}

/* Projects */
.projects-hero{position:relative;min-height:100svh;padding:155px 4vw 70px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.projects-hero h1{position:relative;z-index:1;font-size:clamp(60px,7.45vw,128px);line-height:.93;text-align:center;margin:0}
.projects-hero p{position:relative;z-index:1;margin:55px auto 0;text-align:center;font-size:14px;line-height:1.6}
.projects-hero>.deck-label{position:absolute;z-index:1;top:130px;left:4vw}
.projects-hero::after{content:"";position:absolute;z-index:0;left:-8vw;right:-8vw;bottom:8vh;height:18vh;border-top:2px solid var(--deck-green);border-radius:50%;transform:rotate(-3deg);opacity:.82;pointer-events:none}
.inner-2026 main>section{isolation:isolate}
.project-entry{min-height:100svh;padding:105px 4vw;display:grid;grid-template-columns:12vw minmax(280px,.72fr) minmax(420px,1.28fr);gap:4vw;border-top:1px solid var(--deck-rule);align-items:center}
.project-number{align-self:start;font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl}
.project-copy h2{font-size:clamp(46px,5.8vw,96px);line-height:.95;margin:0 0 55px}
.project-copy dl,.project-copy dd{margin:0}
.project-copy dl>div{margin:0 0 30px;max-width:510px}
.project-copy dt{font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px}
.project-copy dd{font-size:14px;line-height:1.6}
.virachey-gallery{display:grid;grid-template-columns:1.5fr .7fr;gap:16px;align-items:center}
.virachey-gallery img:first-child{height:540px;object-fit:cover}
.virachey-gallery img:last-child{height:380px;object-fit:cover}
.project-single img{max-height:650px;object-fit:contain}
.project-collage{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.project-collage img{height:260px;object-fit:cover}
.project-entry-reverse{background:#f9f8f4}
.art4food-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.art4food-gallery img{height:230px;object-fit:cover}
.art4food-gallery img:first-child{grid-column:1/-1;height:320px}
.collaborations{position:relative;min-height:86svh;color:#fff;display:grid;place-items:center;text-align:center;overflow:hidden}
.collaborations>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.collaborations::after{content:'';position:absolute;inset:0;background:rgba(10,31,27,.24)}
.collaborations>div{position:relative;z-index:1;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.collaborations h2{font-size:clamp(58px,7vw,112px);line-height:.95;margin:30px 0}
.collaborations p{font-size:16px;line-height:1.6}
.client-logos{padding:90px 4vw 110px;background:#fff;text-align:center;border-top:1px solid var(--deck-rule)}
.client-logos h2{font-size:clamp(42px,5vw,82px);line-height:1;margin:28px 0 65px}
.client-logo-rows{display:flex;flex-direction:column;gap:34px;max-width:1500px;margin:0 auto}
.client-logo-rows img{display:block;width:100%;height:auto;mix-blend-mode:multiply}

/* Journal */
.journal-hero{min-height:100svh;padding:150px 4vw 75px;display:grid;grid-template-columns:1fr .44fr;grid-template-rows:auto 1fr;gap:3vw 8vw;align-items:end}
.journal-hero .deck-label{grid-column:1/-1;align-self:start}
.journal-hero h1{font-size:clamp(64px,8.5vw,142px);line-height:.94;margin:0}
.journal-hero>p{font-size:17px;line-height:1.7;max-width:460px;padding-bottom:2vw}
.journal-lead{display:grid;grid-template-columns:1.1fr .9fr;min-height:90svh;background:var(--deck-ink);color:var(--deck-paper)}
.journal-lead>img{height:100%;object-fit:cover;filter:saturate(.9)}
.journal-lead>div{padding:10vw 7vw;display:flex;flex-direction:column;justify-content:center}
.journal-lead h2{font-size:clamp(42px,5vw,80px);line-height:1.08;margin:30px 0 45px}
.journal-lead p{font-size:15px;line-height:1.7}
.journal-grid{display:grid;grid-template-columns:1fr 1fr}
.journal-feature{min-height:70svh;padding:8vw 5vw;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--deck-rule)}
.journal-feature>span,.gathering-list article>span{font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.journal-feature h2{font-size:clamp(42px,5vw,78px);line-height:1.05;margin:55px 0}
.journal-feature p{font-size:15px;line-height:1.7;max-width:620px}
.journal-feature a,.text-link{font-family:'Poppins',sans-serif;font-size:12px;letter-spacing:.04em;text-decoration:underline;text-underline-offset:5px}
.journal-feature-green{background:var(--deck-mint);border-right:0}
.journal-quote{display:grid;grid-template-columns:.76fr 1.24fr;min-height:90svh}
.journal-quote figure{margin:0;min-height:720px}
.journal-quote figure img{height:100%;object-fit:cover}
.journal-quote>div{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}
.journal-quote blockquote{font-family:Georgia,serif;font-style:italic;font-size:clamp(32px,4.4vw,68px);line-height:1.25;margin:50px 0 0;color:var(--deck-green)}

/* Events */
.events-hero{min-height:100svh;padding:150px 4vw 75px;background:var(--deck-mint);display:flex;flex-direction:column;justify-content:space-between}
.events-hero h1{font-size:clamp(64px,8.5vw,145px);line-height:.94;margin:45px 0;text-align:center}
.events-hero>p{align-self:center;text-align:center;max-width:620px;font-size:17px;line-height:1.6}
.gathering-intro{min-height:90svh;display:grid;grid-template-columns:.86fr 1.14fr}
.gathering-intro figure{margin:0;min-height:700px}
.gathering-intro figure img{height:100%;object-fit:cover}
.gathering-intro>div{padding:10vw 7vw;display:flex;flex-direction:column;justify-content:center}
.gathering-intro h2{font-size:clamp(48px,6vw,96px);line-height:1.05;margin:35px 0}
.gathering-intro p{font-size:16px;line-height:1.7;max-width:620px}
.gathering-list{display:grid;grid-template-columns:1fr 1fr;background:var(--deck-rule);gap:1px}
.gathering-list article{min-height:58svh;padding:7vw 5vw;background:var(--deck-paper);display:flex;flex-direction:column}
.gathering-list h2{font-size:clamp(46px,5vw,82px);margin:55px 0 35px}
.gathering-list p{font-size:15px;line-height:1.7;max-width:610px}
.gathering-list article:nth-child(2),.gathering-list article:nth-child(3){background:#f9f8f4}
.events-cta{min-height:80svh;padding:110px 4vw;display:flex;flex-direction:column;justify-content:center;text-align:center;background:var(--deck-green);color:#fff}
.events-cta h2{font-size:clamp(64px,8vw,132px);line-height:.94;margin:45px 0}
.events-cta p{font-size:16px;margin:0 0 45px}

/* Contact */
.contact-2026{min-height:100svh}
.contact-hero{position:relative;min-height:100svh;padding:150px 4vw 70px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.contact-hero::after{content:'';position:absolute;left:-5%;right:-5%;top:48%;height:120px;border-top:3px solid var(--deck-green);border-radius:50%;transform:rotate(-3deg);opacity:.95}
.contact-hero h1{position:relative;z-index:1;font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--deck-green);font-size:clamp(82px,13vw,210px);line-height:.8;margin:0;text-align:center;transform:rotate(-3deg)}
.contact-hero h1 span{display:inline-block;margin-left:12vw}
.contact-hero>p{position:relative;z-index:1;text-align:center;font-size:15px;line-height:1.7}
.contact-details{min-height:75svh;padding:100px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:var(--deck-mint)}
.contact-details h2{font-size:clamp(58px,7vw,112px);line-height:.98;margin:35px 0}
.contact-details address{display:flex;flex-direction:column;gap:25px;font-style:normal;font-size:clamp(18px,2vw,28px);line-height:1.4}
.contact-details address a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}

.inner-2026 .footer-2026{background:var(--deck-paper)!important;color:var(--deck-ink)!important;border-top:1px solid var(--deck-rule);padding:38px 4vw 42px;font-size:10px;letter-spacing:.1em}
.inner-2026 .footer-2026 a{text-decoration:underline;text-underline-offset:5px}

@media(max-width:950px){
  .inner-2026 .inner-nav{height:74px;padding:0 22px}.inner-2026 .brand-mark{height:36px!important}.inner-2026 .brand-symbol{width:32px!important;height:31px!important}.inner-2026 .brand-wordmark{font-size:17px}.inner-2026 .nav-links{gap:18px;font-size:11px}
  .deck-hero{padding:120px 22px 52px}.manifesto,.mission-layout,.approach-layout,.journal-hero,.contact-details{grid-template-columns:1fr}.manifesto{padding:80px 22px}.manifesto h2{text-align:left}.mission-layout{padding:90px 22px}.mission-mosaic{margin-top:40px}.vision-layout,.meandering-layout,.journal-lead,.journal-quote,.gathering-intro{grid-template-columns:1fr}.vision-layout figure,.approach-layout figure,.meandering-image,.journal-quote figure,.gathering-intro figure{min-height:62svh}.vision-layout>div,.meandering-copy,.approach-layout>div,.journal-lead>div,.journal-quote>div,.gathering-intro>div{padding:85px 22px}.approach-layout figure{order:-1}.pillar-grid{gap:16px}.project-entry{grid-template-columns:1fr;padding:90px 22px}.project-number{writing-mode:horizontal-tb}.virachey-gallery{grid-template-columns:1.5fr .8fr}.journal-hero{padding:120px 22px 70px}.journal-grid,.gathering-list{grid-template-columns:1fr}.journal-feature,.gathering-list article{min-height:auto;padding:80px 22px;border-right:0;border-bottom:1px solid var(--deck-rule)}.events-hero,.projects-hero,.contact-hero{padding:120px 22px 60px}.events-cta,.people-we-work,.three-pillars,.founders-2026,.client-logos{padding-left:22px;padding-right:22px}.contact-details{padding:90px 22px}
}
@media(max-width:600px){
  .inner-2026 .nav-links{gap:10px}.inner-2026 .nav-links a{font-size:0}.inner-2026 .nav-links a::before{content:attr(data-short);font-size:9px}.inner-2026 .nav-links a[aria-current="page"]::after{bottom:-5px}.inner-2026 .brand-wordmark{font-size:15px}
  .deck-hero h1{font-size:clamp(43px,12vw,64px)}.deck-hero>p{align-self:flex-start}.manifesto{min-height:100svh}.manifesto h2{font-size:20vw}.mission-statement h2,.vision-layout h2,.approach-layout h2{font-size:12vw}.mission-mosaic{gap:8px}.mission-mosaic img{height:42vw}.meandering-image h2{font-size:12vw}.journal-hero h1,.events-hero h1{font-size:12vw}.projects-hero h1{font-size:8.5vw;line-height:1;white-space:nowrap}.projects-hero h1,.events-hero h1{width:100%;text-align:left}.projects-hero p,.events-hero>p{align-self:flex-start;margin-left:0;margin-right:0;text-align:left}.people-we-work,.three-pillars,.founders-2026,.events-cta{text-align:left}.people-we-work h2{font-size:8.5vw;white-space:nowrap}.three-pillars h2,.founders-2026>h2,.events-cta h2{font-size:10vw;line-height:1.04;margin-left:0;margin-right:0}.people-we-work h2{line-height:1.04;margin-left:0;margin-right:0}.people-we-work p,.three-pillars p,.founders-2026 p,.events-cta p{text-align:left}.pillar-grid{grid-template-columns:1fr;max-width:320px;margin-left:0}.pillar-grid article{text-align:left;align-items:flex-start}.founder-pair{grid-template-columns:1fr;margin-left:0;margin-right:0}.founder-pair article{text-align:left}.collaborations{min-height:70svh;place-items:center start;text-align:left}.collaborations>div{width:100%;padding:0 22px}.collaborations h2{font-size:10vw;line-height:1.02}.collaborations p{text-align:left;font-size:14px}.client-logos{padding-top:72px;padding-bottom:82px;text-align:left}.client-logos h2{font-size:10vw;margin:24px 0 48px}.client-logo-rows{gap:24px;margin:0 -10px}.client-logo-rows img{width:calc(100% + 20px);max-width:none}.project-copy h2{font-size:12vw}.virachey-gallery{grid-template-columns:1fr}.virachey-gallery img:first-child,.virachey-gallery img:last-child{height:70vw}.project-collage img{height:43vw}.art4food-gallery img,.art4food-gallery img:first-child{height:55vw}.journal-hero{display:flex;flex-direction:column;justify-content:space-between}.journal-hero h1{margin:60px 0}.journal-feature h2,.gathering-list h2{font-size:11vw}.journal-feature-green h2{font-size:8.5vw;white-space:nowrap}.contact-hero h1{width:100%;align-self:center;font-size:20vw;text-align:center}.contact-hero h1 span{margin-left:0}.contact-hero>p{width:100%;text-align:left}.contact-hero::after{top:45%;height:80px}.contact-details address{font-size:16px}.inner-2026 .footer-2026{flex-direction:column}
}

/* ===== Website Page Revision — approved 2026-08-25 ===== */
.about-page .manifesto{min-height:100svh}
.about-page .manifesto-copy{max-width:680px;font-size:13.5px;line-height:1.58}
.about-page .manifesto-copy p{margin:0 0 1.05em}
.about-page .manifesto-copy em{font-family:Georgia,serif;font-size:1.06em}
.about-page .mission-statement h2{margin-bottom:0}
.about-page .philosophy-heading>p{display:none}
.about-page .philosophy-art{clip-path:inset(0 100% 0 0);transition:clip-path 3.2s cubic-bezier(.22,.72,.16,1) .18s}
.about-page .philosophy-layout.visible .philosophy-art{clip-path:inset(0 0 0 0)}

.method-opening .meandering-image h1{left:50%;top:50%;right:auto;bottom:auto;width:88%;transform:translate(-50%,-50%);text-align:center}
.method-page .meandering-script{display:block;width:min(560px,100%);height:auto;object-fit:contain;object-position:left center;filter:none;margin:0 0 40px;mix-blend-mode:multiply}
.method-page .explore-layout{display:block;min-height:auto;padding:0;text-align:initial;background:var(--deck-paper)}
.method-page .explore-deck{display:block;width:100%;height:auto}
.method-page .explore-mobile{display:none}

.people-page .people-hero{justify-content:flex-start;padding-bottom:115px}
.people-page .people-hero>h1{margin-bottom:100px}
.founder-profiles{width:min(1280px,92vw);margin:0 auto 100px;display:grid;gap:90px;text-align:left}
.founder-profile{display:grid;grid-template-columns:250px minmax(0,1fr);gap:55px;padding-top:35px;border-top:1px solid var(--deck-green);align-items:start}
.founder-profile>img{width:250px;aspect-ratio:568/652;object-fit:cover}
.founder-profile h2{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--deck-green);font-size:clamp(52px,5.5vw,88px);line-height:.9;margin:0 0 26px}
.founder-profile p{font-size:14px;line-height:1.67;max-width:820px;margin:0 0 18px}
.founder-profile .founder-fullname{font-family:'Poppins',sans-serif;font-size:12px;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.founder-profile .founder-role{font-family:'Poppins',sans-serif;font-size:12px;line-height:1.5;margin-bottom:26px}

.projects-page .projects-hero::after{bottom:-5vh;height:14vh}
.projects-page .project-entry{grid-template-columns:9vw minmax(480px,1fr) minmax(360px,.78fr);gap:2.6vw;align-items:start}
.projects-page .project-copy{position:relative;z-index:3;padding-top:36px}
.projects-page .project-copy h2{width:max-content;max-width:none;white-space:nowrap;font-size:clamp(39px,4.2vw,72px);line-height:.98;margin-bottom:58px}
.projects-page .project-entry>div:last-child{position:relative;z-index:1;width:90%;max-width:720px;justify-self:end;margin-top:165px}
.projects-page .virachey-gallery img:first-child{height:440px}.projects-page .virachey-gallery img:last-child{height:310px}
.projects-page .project-single img{max-height:520px}
.projects-page .project-collage img{height:205px}
.projects-page .art4food-gallery img{height:185px}.projects-page .art4food-gallery img:first-child{height:260px}
.projects-invitation{position:relative;min-height:80svh;padding:110px 4vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--deck-mint);overflow:hidden}
.projects-invitation>.deck-label,.projects-invitation>a,.projects-invitation>p{position:relative;z-index:1}
.projects-invitation h2{font-size:clamp(64px,8vw,132px);line-height:.95;margin:45px 0}
.projects-invitation h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--deck-green)}
.projects-invitation>p{font-size:16px;line-height:1.75;margin:0}
.projects-invitation>img{position:absolute;z-index:0;left:0;right:0;bottom:-7%;width:100%;height:auto;mix-blend-mode:multiply;opacity:.72}
.projects-page .collaborations h2{font-weight:400}
.projects-page .client-logos{padding-top:46px}

@media(max-width:950px){
  .about-page .manifesto-copy{font-size:14px;max-width:760px}.about-page .manifesto h2{margin:25px 0 45px}
  .founder-profile{grid-template-columns:210px minmax(0,1fr);gap:38px}.founder-profile>img{width:210px}
  .projects-page .project-entry{grid-template-columns:1fr}.projects-page .project-copy{padding-top:0}.projects-page .project-copy h2{width:auto;white-space:normal;font-size:clamp(44px,8vw,72px)}.projects-page .project-entry>div:last-child{width:100%;max-width:none;justify-self:stretch;margin-top:28px}
}
@media(max-width:720px){
  .method-page .explore-deck{display:none}.method-page .explore-mobile{display:block;padding:105px 22px 85px}.method-page .explore-mobile h2{font-size:13vw;line-height:.98;margin:42px 0}.method-page .explore-mobile ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--deck-rule)}.method-page .explore-mobile li{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:18px 0;border-bottom:1px solid var(--deck-rule)}.method-page .explore-mobile p{font-size:15px;line-height:1.6;margin:38px 0 0}
  .founder-profiles{width:100%;gap:72px;margin-bottom:72px}.founder-profile{grid-template-columns:1fr;gap:30px}.founder-profile>img{width:min(230px,68vw)}.founder-profile h2{font-size:17vw}.founder-profile p{font-size:14px}.people-page .people-hero>h1{margin-bottom:72px}
  .projects-invitation{min-height:70svh;padding:90px 22px;text-align:left;align-items:flex-start}.projects-invitation h2{font-size:13vw}.projects-invitation>p{font-size:14px}.projects-invitation>img{width:160%;left:-30%;bottom:0}
}
@media(max-width:600px){
  .about-page .manifesto-copy{font-size:13px;line-height:1.55}.about-page .philosophy-layout{padding-bottom:120px}
  .method-opening .meandering-image h1{left:50%;top:50%;bottom:auto;font-size:12vw}.method-page .meandering-script{width:90%;margin-bottom:32px}
  .projects-page .project-copy h2{width:auto;white-space:normal;font-size:12vw}.projects-page .project-entry>div:last-child{margin-top:22px}.projects-page .virachey-gallery img:first-child,.projects-page .virachey-gallery img:last-child{height:70vw}.projects-page .project-collage img{height:43vw}.projects-page .art4food-gallery img,.projects-page .art4food-gallery img:first-child{height:55vw}.projects-page .client-logos{padding-top:36px}
}

/* ===== Website Revision 2 — approved direction 2026-08-25 ===== */

/* Method */
.method-opening .meandering-image>.deck-label{position:absolute;z-index:2;left:5vw;top:132px;color:#fff}
.method-opening .meandering-image h1{left:5vw;right:5vw;top:auto;bottom:6vw;width:auto;transform:none;text-align:left;font-size:clamp(54px,6.4vw,104px);line-height:.96}
.method-page .meandering-script{width:min(620px,100%);margin-bottom:38px;mix-blend-mode:normal}
.method-page .explore-layout{min-height:100svh;padding:120px 4vw 90px;display:flex;flex-direction:column;justify-content:center;background:var(--deck-paper)}
.method-page .explore-layout>.deck-label{text-align:left}
.method-page .explore-layout>h2{font-size:clamp(64px,8.8vw,145px);line-height:.94;margin:38px 0 18px;text-align:center}
.method-page .explore-line-wrap{width:100%;overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path 4.4s linear .2s}
.method-page .explore-layout.visible .explore-line-wrap{clip-path:inset(0 0 0 0)}
.method-page .explore-line{display:block;width:100%;height:auto}
.method-page .explore-layout>p{font-size:16px;line-height:1.55;margin:0 auto;text-align:center}

/* People */
.people-introduction{width:min(1180px,92vw);margin:0 auto 75px;padding:0 0 42px;border-bottom:1px solid var(--deck-green);display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;text-align:left;align-items:start}
.people-introduction h2{font-family:'DM Sans',Arial,sans-serif;font-size:18px;line-height:1.35;letter-spacing:0;font-weight:700;margin:0}
.people-introduction p{font-size:13px;line-height:1.65;margin:0}
.founder-profile h2 a{display:inline-block}
.founder-profile h2 a::after{content:'↗';display:inline-block;margin-left:.16em;font-family:'DM Sans',Arial,sans-serif;font-size:.22em;font-style:normal;vertical-align:top;transform:translateY(.15em);opacity:.65}
.founder-profile h2 a:hover{opacity:.72}

/* Projects — long-form project stories */
.projects-page .projects-hero::after{bottom:-8vh;height:15vh}
.projects-page .projects-hero p{max-width:760px}
.project-case{padding:115px 4vw 145px;border-top:1px solid var(--deck-rule);background:var(--deck-paper)}
.project-case-reverse{background:#f9f8f4}
.project-case-header{margin:0 0 86px}
.project-case-header>span{font-family:'Poppins',Arial,sans-serif;font-size:10px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}
.project-case-header h2{font-size:clamp(34px,4.2vw,76px);line-height:1;margin:28px 0 16px;white-space:nowrap}
.project-case-header>p{font-family:'DM Sans',Arial,sans-serif;font-size:15px;font-style:italic;margin:0}
.project-case-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:6vw;align-items:start}
.project-case-reverse .project-case-media{order:2}
.project-case-media{width:100%}
.project-case .virachey-gallery{grid-template-columns:1.4fr .72fr;gap:18px;align-items:end}
.project-case .virachey-gallery img:first-child{height:620px}
.project-case .virachey-gallery img:last-child{height:390px}
.project-case .project-single img{width:100%;height:min(720px,72vw);max-height:none;object-fit:contain;object-position:center top}
.project-case .project-collage{gap:14px}
.project-case .project-collage img{height:300px}
.project-case .art4food-gallery{gap:14px}
.project-case .art4food-gallery img{height:300px}
.project-case .art4food-gallery img:first-child{height:440px}
.project-case-story{border-top:1px solid var(--deck-green)}
.project-phase{padding:31px 0 34px;border-bottom:1px solid var(--deck-rule)}
.project-phase h3{font-family:'Poppins',Arial,sans-serif;font-size:10px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}
.project-phase h4{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(19px,1.7vw,27px);line-height:1.35;letter-spacing:-.02em;margin:0 0 26px}
.project-phase p{font-size:14.5px;line-height:1.68;margin:0 0 1em}
.project-phase p:last-child{margin-bottom:0}
.project-reflection p{font-family:Georgia,serif;font-style:italic;color:var(--deck-green);font-size:clamp(18px,1.5vw,24px);line-height:1.45}
.projects-invitation>.invitation-line{position:absolute;z-index:0;inset:0;overflow:hidden;clip-path:inset(0 0 0 100%);transition:clip-path 3.8s cubic-bezier(.22,.72,.16,1) .2s}
.projects-invitation.visible>.invitation-line{clip-path:inset(0 0 0 0)}
.projects-invitation>.invitation-line img{position:absolute;left:0;right:0;bottom:-7%;width:100%;height:auto;mix-blend-mode:multiply;opacity:.72}
.projects-invitation>.invitation-line::after{content:'';position:absolute;z-index:1;left:0;top:0;width:32%;height:70%;background:var(--deck-mint)}

/* Events */
.events-page .events-hero{background:var(--deck-mint)}
.events-page .events-hero>p{max-width:760px}
.event-format{min-height:100svh;padding:105px 4vw 120px;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:6vw;align-items:center;border-top:1px solid var(--deck-rule);background:var(--deck-paper)}
.event-format-reverse{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);background:#f9f8f4}
.event-format-reverse .event-format-media{order:-1}
.event-number{font-family:'Poppins',Arial,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.event-format-copy h2{font-size:clamp(48px,5.6vw,94px);line-height:1.02;margin:42px 0}
.event-format-copy p{font-size:15px;line-height:1.72;max-width:630px;margin:0 0 1.25em}
.event-format-media{display:grid;width:100%;gap:14px}
.event-format-media img{width:100%;height:100%;object-fit:cover}
.event-night-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 330px}
.event-night-grid img:last-child{object-position:center 35%}
.event-exhibition-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 310px}
.event-exhibition-grid img:last-child{grid-column:1/-1}
.event-lab-grid{grid-template-columns:1fr 1fr;grid-template-rows:310px 360px}
.event-lab-grid img:last-child{grid-column:1/-1}
.event-platform-grid{grid-template-columns:1fr 1fr;align-items:stretch}
.event-platform-grid img{height:510px}
.event-platform-grid img:first-child{object-fit:cover}
.event-conversation-media img{height:520px;object-fit:cover}

/* Contact */
.contact-welcome{max-width:680px;font-size:15px;line-height:1.7;margin:34px 0 0}

@media(max-width:1100px){
  .project-case-layout{grid-template-columns:1fr;gap:60px}.project-case-reverse .project-case-media{order:0}.project-case-header h2{font-size:clamp(38px,6.2vw,68px)}
  .project-case-media{max-width:900px}.project-case .project-single img{height:min(760px,90vw)}
  .event-format,.event-format-reverse{grid-template-columns:1fr;gap:65px}.event-format-reverse .event-format-media{order:0}.event-format-copy{max-width:840px}
}

@media(max-width:720px){
  .method-opening .meandering-image>.deck-label{left:22px;top:118px}.method-opening .meandering-image h1{left:22px;right:22px;bottom:48px;font-size:12vw}
  .method-page .explore-layout{min-height:auto;padding:0}.method-page .explore-layout>.deck-label,.method-page .explore-layout>h2,.method-page .explore-line-wrap,.method-page .explore-layout>p{display:none}.method-page .explore-mobile{display:block;padding:105px 22px 85px}
  .people-introduction{width:100%;grid-template-columns:1fr;gap:22px;margin-bottom:66px;padding-bottom:36px}.people-introduction h2{font-size:17px}.people-introduction p{font-size:13px}
  .project-case{padding:88px 22px 104px}.project-case-header{margin-bottom:52px}.project-case-header h2{font-size:12vw;line-height:1.02;white-space:normal;margin-top:22px}.project-case-layout{gap:48px}
  .project-case .virachey-gallery{grid-template-columns:1fr;gap:12px}.project-case .virachey-gallery img:first-child{height:82vw}.project-case .virachey-gallery img:last-child{height:70vw}.project-case .project-single img{height:auto;max-height:none}.project-case .project-collage img{height:46vw}.project-case .art4food-gallery img,.project-case .art4food-gallery img:first-child{height:58vw}.project-phase{padding:27px 0 30px}.project-phase p{font-size:14px}.project-reflection p{font-size:19px}
  .projects-invitation>.invitation-line img{width:165%;max-width:none;left:-32%;bottom:0}.projects-invitation>.invitation-line::after{width:50%;height:82%}
  .event-format,.event-format-reverse{min-height:auto;padding:86px 22px 100px;gap:48px}.event-format-copy h2{font-size:12vw;margin:34px 0}.event-format-copy p{font-size:14px}.event-night-grid{grid-template-rows:46vw 52vw}.event-exhibition-grid,.event-lab-grid{grid-template-rows:55vw 50vw}.event-platform-grid{grid-template-columns:1fr}.event-platform-grid img{height:72vw}.event-conversation-media img{height:58vw}
  .contact-welcome{font-size:14px;line-height:1.65;margin-top:24px}
}

/* Full page names on phones: a compact second navigation row. */
@media(max-width:600px){
  .site-nav,.inner-2026 .inner-nav,.home-v12 .home-nav{height:98px!important;padding:12px 18px 10px!important;align-items:flex-start!important}
  .site-nav .brand-mark,.inner-2026 .brand-mark,.home-v12 .brand-mark{height:38px!important;width:auto!important;align-items:center}
  .site-nav .nav-links,.inner-2026 .nav-links,.home-v12 .nav-links{position:absolute;left:18px;right:18px;top:67px;display:grid;grid-template-columns:repeat(6,auto);justify-content:space-between;gap:0!important;font-size:9px!important;line-height:1;letter-spacing:0!important}
  .site-nav .nav-links a,.inner-2026 .nav-links a,.home-v12 .nav-links a{font-size:9px!important;line-height:1.15;padding:0 0 5px;white-space:nowrap}
  .site-nav .nav-links a::before,.site-nav .nav-links a::after,.inner-2026 .nav-links a::before,.inner-2026 .nav-links a::after,.home-v12 .nav-links a::before,.home-v12 .nav-links a::after{content:none!important;display:none!important}
  .inner-2026 .nav-links a[aria-current="page"]{border-bottom:1px solid currentColor}
  .method-page .inner-nav .brand-wordmark{display:inline!important}
}

@media(max-width:340px){
  .site-nav,.inner-2026 .inner-nav,.home-v12 .home-nav{padding-left:14px!important;padding-right:14px!important}
  .site-nav .nav-links,.inner-2026 .nav-links,.home-v12 .nav-links{left:14px;right:14px}
  .site-nav .nav-links a,.inner-2026 .nav-links a,.home-v12 .nav-links a{font-size:8px!important}
}

@media(prefers-reduced-motion:reduce){
  .method-page .explore-line-wrap,.projects-invitation>.invitation-line{transition:none;clip-path:inset(0 0 0 0)}
}

/* ===== Website Revision 3 — approved notes 2026-08-25 ===== */

/* Method: keep the eyebrow with the title and let the line work sit quietly. */
.method-opening .method-opening-title{position:absolute;z-index:2;left:5vw;right:5vw;bottom:6vw;color:#fff}
.method-opening .method-opening-title>.deck-label{margin:0 0 24px;color:inherit}
.method-opening .method-opening-title>h1{position:static;left:auto;right:auto;top:auto;bottom:auto;width:auto;transform:none;margin:0;color:inherit;text-align:left;font-size:clamp(54px,6.4vw,104px);line-height:.96}
.method-page .explore-line-wrap,.method-page .explore-layout.visible .explore-line-wrap{overflow:visible;clip-path:none;transition:none}
.method-page .explore-line{mix-blend-mode:multiply}

/* People: portraits supplied for the third review and explicit profile links. */
.people-page .people-hero>h1{margin-bottom:112px}
.founder-profile>img{aspect-ratio:4/5;object-position:center top}
.founder-profile h2{margin-bottom:26px}
.founder-link{display:inline-flex;align-items:center;gap:.55em;margin-top:4px;padding:6px 0 4px;border-bottom:1px solid currentColor;font-family:'Poppins',Arial,sans-serif;font-size:10px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--deck-green)}
.founder-link:hover{opacity:.68}
.people-page .founder-together{max-width:760px;margin:0 auto!important;font-family:Georgia,serif;font-size:clamp(22px,2vw,31px)!important;line-height:1.45!important}

/* Projects: a static, single-colour invitation field. */
.projects-invitation{background:var(--deck-mint)}
.projects-invitation>.invitation-line,.projects-invitation.visible>.invitation-line{clip-path:none;transition:none}
.projects-invitation>.invitation-line img{mix-blend-mode:multiply;opacity:.7}
.projects-invitation>.invitation-line::after{background:var(--deck-mint)}

@media(max-width:720px){
  .method-opening .method-opening-title{left:22px;right:22px;bottom:48px}
  .method-opening .method-opening-title>.deck-label{margin-bottom:17px}
  .method-opening .method-opening-title>h1{font-size:12vw}
  .method-page .explore-layout{min-height:auto;padding:112px 18px 86px;display:flex;text-align:center}
  .method-page .explore-layout>.deck-label{display:block;text-align:left}
  .method-page .explore-layout>h2{display:block;font-size:13vw;line-height:.96;margin:38px 0 26px;text-align:center}
  .method-page .explore-line-wrap{display:block;width:calc(100% + 20px);margin-left:-10px}
  .method-page .explore-layout>p{display:block;margin:26px auto 0;text-align:center;font-size:14px;line-height:1.55}
  .method-page .inner-nav{background:rgba(0,48,40,.76)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .method-page .inner-nav .brand-mark,.method-page .inner-nav .brand-wordmark,.method-page .inner-nav .nav-links,.method-page .inner-nav .nav-links a{color:#fff!important}
  .method-page .inner-nav .brand-symbol{filter:none}
  .people-page .people-hero>h1{margin-bottom:76px}
  .founder-profile>img{width:min(270px,78vw)}
  .people-page .founder-together{font-size:24px!important;text-align:left}
}

/* ===== Website Revision 4 — approved notes 2026-08-26 ===== */

/* Project imagery and links supplied in the fourth review. */
.project-external-link,.event-social-links a{display:inline-flex;align-items:center;gap:.55em;padding:6px 0 4px;border-bottom:1px solid currentColor;font-family:'Poppins',Arial,sans-serif;font-size:10px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--deck-green)}
.project-external-link{margin-top:22px}
.project-external-link:hover,.event-social-links a:hover{opacity:.68}
.project-case .virachey-gallery{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center}
.project-case .virachey-gallery img:first-child,.project-case .virachey-gallery img:last-child{width:100%;height:auto;max-height:720px;object-fit:contain;background:#fff}
.ikigai-gallery{display:grid;gap:14px}
.ikigai-gallery .ikigai-lead{width:100%;height:auto;max-height:none;object-fit:contain}
.ikigai-portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ikigai-portraits img{width:100%;aspect-ratio:4/5;object-fit:cover}
.project-case .pppc-project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.project-case .pppc-project-gallery img{height:320px;object-fit:cover}
.project-case .pppc-project-gallery img:first-child{object-fit:contain;background:#fff}
.art4hope-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.art4hope-gallery img{width:100%;height:300px;object-fit:contain;background:#111}
.art4hope-gallery img:first-child{grid-column:1/-1;height:auto;max-height:620px;object-fit:cover;background:transparent}
.art4hope-gallery img:last-child{background:#f7f7f4}

/* Keep the invitation field one uninterrupted pale green. */
.projects-invitation{background:#ddecd7}
.projects-invitation>.invitation-line::after{background:#ddecd7}
.projects-invitation>.invitation-line img{filter:grayscale(1) contrast(8);mix-blend-mode:multiply;opacity:.42}

/* Event layouts follow the fourth-review deck compositions. */
.event-night-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 300px}
.event-night-grid img:nth-child(1){grid-column:1;grid-row:1}
.event-night-grid img:nth-child(2){grid-column:1;grid-row:2}
.event-night-grid img:nth-child(3){grid-column:2;grid-row:1/3;object-position:center}
.event-lab-grid{grid-template-rows:auto auto;align-items:start}
.event-lab-grid img,.event-lab-grid img:last-child{height:auto;object-fit:contain}
.event-photo-walk-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.event-photo-walk-grid img{height:auto;object-fit:contain}
.event-social-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:26px}

/* Desktop supporting copy and footer match the 14px primary navigation. */
@media(min-width:951px){
  .inner-2026 .deck-label,
  .inner-2026 .project-case-header>span,
  .inner-2026 .project-phase h3,
  .inner-2026 .event-number,
  .inner-2026 .founder-profile .founder-fullname,
  .inner-2026 .founder-profile .founder-role,
  .inner-2026 .founder-link,
  .inner-2026 .project-external-link,
  .inner-2026 .event-social-links a,
  .inner-2026 .text-link,
  .inner-2026 .pillar-grid p,
  .inner-2026 .footer-2026{font-size:14px}
  .inner-2026 .footer-2026{letter-spacing:.06em}
  .about-page .manifesto-copy{font-size:14px}
}

@media(max-width:720px){
  .project-case .virachey-gallery{grid-template-columns:1fr}
  .project-case .virachey-gallery img:first-child,.project-case .virachey-gallery img:last-child{height:auto;max-height:none}
  .ikigai-portraits{grid-template-columns:1fr}
  .project-case .pppc-project-gallery img{height:54vw}
  .art4hope-gallery img{height:58vw}
  .art4hope-gallery img:first-child{height:auto;max-height:none}
  .event-night-grid{grid-template-columns:1fr;grid-template-rows:none}
  .event-night-grid img:nth-child(1),.event-night-grid img:nth-child(2),.event-night-grid img:nth-child(3){grid-column:auto;grid-row:auto;height:auto;aspect-ratio:auto;object-fit:contain}
  .event-photo-walk-grid{grid-template-columns:1fr}
}

/* ===== Website Revision 5 — final review 2026-08-26 ===== */

/* Keep every small supporting text at the 14px desktop navigation benchmark. */
.inner-2026 .deck-label,
.inner-2026 .manifesto-copy,
.inner-2026 .philosophy-copy,
.inner-2026 .compact-copy,
.inner-2026 .meandering-copy,
.inner-2026 .explore-layout>p,
.inner-2026 .people-we-work p,
.inner-2026 .takes-shape>p,
.inner-2026 .pillar-grid p,
.inner-2026 .founder-profile p,
.inner-2026 .project-case-header>span,
.inner-2026 .project-case-header>p,
.inner-2026 .project-phase:not(.project-reflection) p,
.inner-2026 .project-phase h3,
.inner-2026 .project-external-link,
.inner-2026 .projects-hero>p,
.inner-2026 .projects-invitation>p,
.inner-2026 .collaborations p,
.inner-2026 .event-number,
.inner-2026 .event-format-copy p,
.inner-2026 .events-hero>p,
.inner-2026 .events-cta p,
.inner-2026 .event-social-links a,
.inner-2026 .text-link,
.inner-2026 .contact-hero>p,
.inner-2026 .contact-welcome,
.inner-2026 .founder-link,
.inner-2026 .footer-2026{font-size:14px}
.inner-2026 .footer-2026{letter-spacing:.06em}

/* Expanded Virachey story imagery, kept uncropped. */
.project-case .virachey-gallery{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start}
.project-case .virachey-gallery img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain;background:#fff}

/* PPPC follows the alternating wide/narrow composition in the revision deck. */
.project-case .pppc-project-gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:260px 340px}
.project-case .pppc-project-gallery img{width:100%;height:100%;object-fit:cover}
.project-case .pppc-project-gallery img:nth-child(1){grid-column:1/3;grid-row:1;object-fit:contain;background:#fff}
.project-case .pppc-project-gallery img:nth-child(2){grid-column:3;grid-row:1}
.project-case .pppc-project-gallery img:nth-child(3){grid-column:1;grid-row:2}
.project-case .pppc-project-gallery img:nth-child(4){grid-column:2/4;grid-row:2}

/* ART4HOPE: identity and campaign banner above four equal product images. */
.art4hope-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.art4hope-gallery img{display:block;width:100%;height:auto;object-fit:contain;background:#f7f7f4}
.art4hope-gallery .art4hope-logo{grid-column:1;grid-row:1;padding:9%;object-fit:contain;background:#fff}
.art4hope-gallery .art4hope-banner{grid-column:2/5;grid-row:1;padding:0;object-fit:cover}
.art4hope-gallery img:nth-child(n+3){grid-row:2}

/* Remove the differently coloured masking block from the invitation field. */
.projects-invitation>.invitation-line::after{display:none}

/* Photo Walk uses four consistently cropped tiles. */
.event-photo-walk-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.event-photo-walk-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}

@media(max-width:720px){
  /* About: bring the opening content together and allow natural mobile wrapping. */
  .about-page .deck-hero-about{min-height:100svh;justify-content:flex-start;padding:124px 22px 70px}
  .about-page .deck-hero-about h1{margin-top:32px}
  .about-page .manifesto-copy br{display:none}

  /* Method: the new photograph carries the navigation without a colour plate. */
  .method-page .inner-nav{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  .method-opening .method-opening-title{top:128px;bottom:auto}
  .method-opening .method-opening-title>h1,.method-opening .method-opening-title>.deck-label{text-shadow:0 2px 14px rgba(0,0,0,.42)}

  /* Keep the client marks centred within equal mobile gutters. */
  .projects-page .client-logo-rows{width:100%;margin:0;gap:24px}
  .projects-page .client-logo-rows img{width:100%;max-width:100%;margin:0}

  /* Project and event openings use a compact, content-led rhythm. */
  .projects-page .projects-hero{display:block;min-height:auto;padding:124px 22px 86px}
  .projects-page .projects-hero>.deck-label{position:static;margin:0 0 30px}
  .projects-page .projects-hero>p{margin:32px 0 0}
  .projects-page .projects-hero::after{bottom:-42px;height:76px}
  .events-page .events-hero{display:block;min-height:auto;padding:124px 22px 86px}
  .events-page .events-hero h1{margin:32px 0}

  .project-case .virachey-gallery{grid-template-columns:1fr}
  .project-case .pppc-project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
  .project-case .pppc-project-gallery img:nth-child(1),
  .project-case .pppc-project-gallery img:nth-child(2),
  .project-case .pppc-project-gallery img:nth-child(3),
  .project-case .pppc-project-gallery img:nth-child(4){grid-column:auto;grid-row:auto;height:48vw;object-fit:cover}
  .project-case .pppc-project-gallery img:nth-child(1){object-fit:contain}
  .art4hope-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .art4hope-gallery .art4hope-logo,.art4hope-gallery .art4hope-banner{grid-column:1/-1;grid-row:auto}
  .art4hope-gallery img:nth-child(n+3){grid-row:auto}
  .event-photo-walk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  /* The decorative contact line is unnecessary on the narrow composition. */
  .contact-page .contact-hero::after{display:none}
}

/* ===== Website Revision 6 — final polish 2026-08-26 ===== */

/* Use 14px as the readable baseline for body copy, supporting copy, labels,
   links, and the footer on both desktop and mobile inner pages. */
.inner-2026 .deck-label,
.inner-2026 .manifesto-copy,
.inner-2026 .philosophy-copy,
.inner-2026 .compact-copy,
.inner-2026 .meandering-copy,
.inner-2026 .explore-layout>p,
.inner-2026 .people-we-work p,
.inner-2026 .takes-shape>p,
.inner-2026 .pillar-grid p,
.inner-2026 .founder-profile p,
.inner-2026 .project-case-header>span,
.inner-2026 .project-case-header>p,
.inner-2026 .project-phase:not(.project-reflection) p,
.inner-2026 .project-phase h3,
.inner-2026 .project-external-link,
.inner-2026 .projects-hero>p,
.inner-2026 .projects-invitation>p,
.inner-2026 .collaborations p,
.inner-2026 .event-number,
.inner-2026 .event-format-copy p,
.inner-2026 .events-hero>p,
.inner-2026 .events-cta p,
.inner-2026 .event-social-links a,
.inner-2026 .text-link,
.inner-2026 .contact-hero>p,
.inner-2026 .contact-welcome,
.inner-2026 .founder-link,
.inner-2026 .footer-2026{
  font-size:14px!important;
}
.inner-2026 .footer-2026{letter-spacing:.06em}

/* Method: use the supplied road photograph and keep the title in clear sky. */
.method-opening .meandering-image>img{object-position:center center}
@media(min-width:721px){
  .method-opening .method-opening-title{top:clamp(126px,14vh,170px);bottom:auto}
  .method-opening .method-opening-title>h1{font-size:clamp(54px,5vw,82px)}
}

/* Virachey: preserve all four supplied images without cropping. */
.project-case .virachey-gallery{
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:18px;
  align-items:start;
}
.project-case .virachey-gallery img{
  display:block;
  width:100%;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
  background:#fff;
}

/* PPPC: exact alternating wide/narrow composition, with no blank band above
   the identity artwork. */
.project-case .pppc-project-gallery{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto auto;
  gap:14px;
  align-items:stretch;
}
.project-case .pppc-project-gallery img{display:block;width:100%;object-fit:cover}
.project-case .pppc-project-gallery img:nth-child(1){grid-column:1/3;grid-row:1;aspect-ratio:16/9;height:auto!important;object-fit:cover;background:#fff}
.project-case .pppc-project-gallery img:nth-child(2){grid-column:3;grid-row:1;height:100%!important}
.project-case .pppc-project-gallery img:nth-child(3){grid-column:1;grid-row:2;height:100%!important}
.project-case .pppc-project-gallery img:nth-child(4){grid-column:2/4;grid-row:2;aspect-ratio:16/9;height:auto!important}

/* ART4HOPE: logo first, campaign website image second, then four shirts. */
.art4hope-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.art4hope-gallery .art4hope-logo{grid-column:1/-1;grid-row:1;width:100%;height:auto;max-height:430px;padding:6%;object-fit:contain;background:#fff}
.art4hope-gallery .art4hope-banner{grid-column:1/-1;grid-row:2;width:100%;height:auto;max-height:none;padding:0;object-fit:contain;background:#fff}
.art4hope-gallery img:nth-child(n+3){grid-row:3;width:100%;height:auto;object-fit:contain;background:#f7f7f4}

/* Keep only the meandering line in the invitation artwork. */
.projects-invitation>.invitation-line img{
  left:0;
  right:0;
  bottom:8%;
  width:100%;
  height:auto;
  filter:none;
  mix-blend-mode:normal;
  opacity:.82;
}

/* Move the collaborations copy into open sky, clear of the people in the boat. */
.projects-page .collaborations>div{transform:translateY(-13vh)}

/* Keep the three logo rows the same width and rhythm; replace WHO in place. */
.client-logo-rows{gap:30px}
.client-logo-row{position:relative;width:100%;aspect-ratio:7/1;overflow:hidden;background:#fff}
.client-logo-row>img:first-child{display:block;width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply}
.client-logo-row .who-logo-replacement{
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:12.5%!important;
  height:100%;
  padding:1.2%;
  object-fit:contain;
  background:#fff;
  mix-blend-mode:normal;
}

/* Photo Walk: preserve the supplied photographs at their natural ratios. */
.event-photo-walk-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.event-photo-walk-grid img{display:block;width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain}

@media(max-width:720px){
  .method-opening .method-opening-title{top:128px;bottom:auto}
  .project-case .virachey-gallery{grid-template-columns:1fr}
  .project-case .pppc-project-gallery{grid-template-columns:1fr;grid-template-rows:none}
  .project-case .pppc-project-gallery img:nth-child(1),
  .project-case .pppc-project-gallery img:nth-child(2),
  .project-case .pppc-project-gallery img:nth-child(3),
  .project-case .pppc-project-gallery img:nth-child(4){grid-column:auto;grid-row:auto;width:100%;height:auto!important;aspect-ratio:auto;object-fit:contain}
  .art4hope-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .art4hope-gallery .art4hope-logo,.art4hope-gallery .art4hope-banner{grid-column:1/-1;grid-row:auto}
  .art4hope-gallery img:nth-child(n+3){grid-row:auto}
  .projects-page .collaborations>div{transform:translateY(-8vh)}
  .client-logo-rows{gap:24px}
  .event-photo-walk-grid{grid-template-columns:1fr}
}

/* ===== Website Revision 7 — exact PDF annotations 2026-08-26 ===== */

/* The reference eyebrows are 14px. Apply that same value directly to every
   red-boxed copy element on both desktop and mobile. */
.inner-2026 .deck-label,
.inner-2026 .project-case-header>span,
.inner-2026 .event-number,
.inner-2026 .founder-profile .founder-fullname,
.about-page .manifesto-copy p,
.about-page .vision-layout .compact-copy p,
.about-page .philosophy-copy p,
.method-page .meandering-copy p,
.method-page .explore-layout>p,
.method-page .approach-layout .compact-copy p,
.method-page .people-we-work p,
.method-page .takes-shape>p,
.method-page .pillar-grid h3,
.method-page .pillar-grid p,
.people-page .founder-profile>div>p,
.projects-page .projects-hero>p,
.projects-page .project-phase:not(.project-reflection)>p,
.projects-page .collaborations p,
.events-page .events-hero>p,
.events-page .event-format-copy p,
.events-page .events-cta p,
.events-page .events-cta .text-link,
.contact-page .contact-hero>p,
.contact-page .contact-welcome,
.inner-2026 .footer-2026{
  font-size:14px!important;
}

/* Method opening: black logo, navigation, title, and eyebrow as annotated. */
.method-page .inner-nav,
.method-page .inner-nav .brand-mark,
.method-page .inner-nav .brand-wordmark,
.method-page .inner-nav .nav-links,
.method-page .inner-nav .nav-links a,
.method-opening .method-opening-title,
.method-opening .method-opening-title>.deck-label,
.method-opening .method-opening-title>h1{
  color:#111!important;
  text-shadow:none!important;
}

/* Virachey uses the one specified workshop photograph, uncropped. */
.project-case .virachey-gallery{display:block}
.project-case .virachey-gallery img{
  display:block;
  width:100%;
  height:auto!important;
  object-fit:contain;
}

/* Restore the entire continuous green curve in About and Projects. */
.about-page .philosophy-art{
  width:100%;
  height:auto;
  bottom:0;
}
.projects-invitation>.invitation-line img{
  left:0;
  right:0;
  bottom:-4%;
  width:100%;
  height:auto;
  max-width:none;
  opacity:.82;
}

@media(max-width:720px){
  .projects-invitation>.invitation-line img{
    left:-32%;
    right:auto;
    bottom:0;
    width:165%;
  }
}

/* ===== Website Revision 8 — explicit visual-size matching 2026-08-27 ===== */

/* The earlier 14px override was technically present but did not create the
   clearly readable visual change requested in the review. The reference labels
   and every annotated copy target now share one explicit, visibly larger size. */
.inner-2026{
  --revision-8-copy-size:16px;
}

.about-page .manifesto .deck-label,
.about-page .manifesto-copy p,
.about-page .vision-layout .deck-label,
.about-page .vision-layout .compact-copy p,
.about-page .philosophy-layout .deck-label,
.about-page .philosophy-copy p,
.method-page .method-opening-title>.deck-label,
.method-page .meandering-copy p,
.method-page .explore-layout>.deck-label,
.method-page .explore-layout>p,
.method-page .approach-layout .deck-label,
.method-page .approach-layout .compact-copy p,
.method-page .people-we-work .deck-label,
.method-page .people-we-work p,
.method-page .takes-shape .deck-label,
.method-page .takes-shape>p,
.method-page .three-pillars>.deck-label,
.method-page .pillar-grid h3,
.method-page .pillar-grid p,
.people-page .founder-profile .founder-fullname,
.people-page .founder-profile .founder-role,
.people-page .founder-profile>div>p,
.projects-page .projects-hero>.deck-label,
.projects-page .projects-hero>p,
.projects-page .project-case-header>span,
.projects-page .project-phase:not(.project-reflection)>p,
.projects-page .projects-invitation>.deck-label,
.projects-page .projects-invitation>p,
.projects-page .collaborations .deck-label,
.projects-page .collaborations p,
.events-page .events-hero>.deck-label,
.events-page .events-hero>p,
.events-page .event-number,
.events-page .event-format-copy p,
.events-page .events-cta>.deck-label,
.events-page .events-cta p,
.events-page .events-cta .text-link,
.contact-page .contact-hero>.deck-label,
.contact-page .contact-hero>p,
.contact-page .contact-details .deck-label,
.contact-page .contact-welcome{
  font-size:var(--revision-8-copy-size)!important;
}

/* Method opening: centre the title group in the photograph, slightly farther
   right than the previous placement. */
.method-opening .method-opening-title{
  left:50%;
  right:auto;
  top:50%;
  bottom:auto;
  width:72%;
  transform:translate(-50%,-50%);
  text-align:left;
}

/* Our Voice: align the top of “How” with the first line of the quotation. */
.method-voice-title{
  position:relative;
  justify-content:flex-end;
  padding-bottom:8%;
}
.method-voice-title>.deck-label{
  position:absolute;
  top:120px;
  left:4vw;
}
.method-voice-title h2{margin:0;transform:translateY(-6vw)}

/* Projects opening: remove the grey curve and retain the green invitation line. */
.projects-page .projects-hero::after{display:none}

/* Virachey: the exact four visuals specified in the eighth review. */
.project-case .virachey-gallery{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);
  gap:16px;
  align-items:start;
}
.project-case .virachey-gallery-column{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
.project-case .virachey-gallery-column img{
  display:block;
  width:100%;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
  background:#fff;
}

/* ART4HOPE: logo first, campaign image second, both at half-width; shirts stay
   in their existing four-across arrangement. */
.projects-page .art4hope-gallery .art4hope-logo{
  grid-column:2/4;
  grid-row:1;
  width:100%;
  max-height:none;
  padding:5%;
  justify-self:center;
}
.art4hope-gallery .art4hope-banner{
  grid-column:2/4;
  grid-row:2;
  width:100%;
  max-height:none;
  justify-self:center;
}
.art4hope-gallery img:nth-child(n+3){grid-row:3}

@media(max-width:720px){
  .method-opening .method-opening-title{
    left:50%;
    right:auto;
    top:50%;
    bottom:auto;
    width:78%;
    transform:translate(-50%,-50%);
  }
  .method-voice-title{padding:90px 22px}
  .method-voice-title>.deck-label{position:static}
  .method-voice-title h2{margin-top:45px;transform:none}
  .project-case .virachey-gallery{grid-template-columns:1fr}
  .art4hope-gallery .art4hope-logo,
  .art4hope-gallery .art4hope-banner{grid-column:1/-1;grid-row:auto;width:50%}
  .art4hope-gallery img:nth-child(n+3){grid-row:auto}
}

/* ===== Website Revision 9 — exact six-page review 2026-08-27 ===== */

/* Keep the Method title entirely within the pale sky so the black type remains
   readable without crossing the trees, people, or road. */
.method-opening .method-opening-title{
  left:20%;
  right:8%;
  top:16%;
  bottom:auto;
  width:auto;
  transform:none;
}

/* Restore the left Our Voice title to its original position. Only the quotation
   moves upward, aligning its first line with “How”. */
.method-voice-title{
  position:static;
  padding:120px 4vw;
  justify-content:center;
}
.method-voice-title>.deck-label{position:static}
.method-voice-title h2{margin:70px 0 0;transform:none}
.method-voice blockquote{
  top:calc(50% - clamp(110px,9.5vw,165px) + 27px);
  bottom:auto;
}

/* Remove only the grey section rule. Restore and retain the green curve. */
.projects-page .projects-hero::after{
  display:block;
  border-top-color:var(--deck-green);
}
.projects-page .projects-hero + .project-case{border-top:0}

/* Virachey follows the supplied composition: two images across the first row,
   followed by the brand-guideline cover and workshop image at full width. */
.project-case .virachey-gallery{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);
  gap:16px;
  align-items:start;
}
.project-case .virachey-gallery>img{
  display:block;
  width:100%;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
  background:#fff;
}
.project-case .virachey-gallery .virachey-guides{grid-column:1;grid-row:1}
.project-case .virachey-gallery .virachey-map{grid-column:2;grid-row:1}
.project-case .virachey-gallery .virachey-cover{grid-column:1/-1;grid-row:2}
.project-case .virachey-gallery .virachey-workshop{grid-column:1/-1;grid-row:3}

/* Photo Walk stays as the supplied 2 x 2 grid. Every image uses the same
   landscape frame, including the originally portrait photograph. */
.events-page .event-photo-walk-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.events-page .event-photo-walk-grid img{
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}

@media(max-width:720px){
  .method-opening .method-opening-title{
    left:18%;
    right:8%;
    top:132px;
    bottom:auto;
    width:auto;
    transform:none;
  }
  .method-voice-title{padding:90px 22px}
  .method-voice-title h2{margin-top:45px}
  .method-voice blockquote{top:14%;bottom:auto}
  .project-case .virachey-gallery{grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr)}
  .events-page .event-photo-walk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== Website Revision 11 — final desktop/mobile lock ===== */

/* Pattern controls always follow the current HOME interface colour. */
.home-v12 .scene-dot{color:inherit}

/* “How we explore” and its supporting copy share the same left edge. */
.method-page .explore-layout>h2,
.method-page .explore-layout>p{
  align-self:flex-start;
  margin-left:0;
  margin-right:0;
  text-align:left;
}

/* Force external-link arrows to use a thin text glyph, never an emoji tile. */
.founder-link span[aria-hidden="true"],
.project-external-link span[aria-hidden="true"],
.event-social-links a span[aria-hidden="true"]{
  display:inline-block;
  width:.85em;
  font-size:0;
  line-height:1;
}
.founder-link span[aria-hidden="true"]::before,
.project-external-link span[aria-hidden="true"]::before,
.event-social-links a span[aria-hidden="true"]::before{
  content:"\2197\FE0E";
  font-family:Arial,sans-serif;
  font-size:13px;
  font-style:normal;
  font-weight:400;
}

.home-menu-toggle{display:none}

@media(max-width:600px){
  html.home-menu-open{overflow:hidden}

  /* HOME only: replace the compressed six-link row with one clear menu. */
  .home-v12 .home-nav{
    height:72px!important;
    padding:12px 18px!important;
    align-items:flex-start!important;
  }
  .home-v12 .home-nav>.nav-links{
    position:fixed;
    z-index:101;
    inset:14px;
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:22px!important;
    padding:72px 28px 38px;
    border-radius:10px;
    background:#111;
    color:#fff;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .24s ease,transform .24s ease,visibility .24s ease;
  }
  .home-v12 .home-nav.menu-open>.nav-links{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .home-v12 .home-nav>.nav-links a{
    color:#fff!important;
    font-family:'Poppins',Arial,sans-serif;
    font-size:24px!important;
    line-height:1.25;
    letter-spacing:.02em!important;
    padding:0 0 5px;
  }
  .home-v12 .home-nav>.nav-links a::before,
  .home-v12 .home-nav>.nav-links a::after{display:none!important;content:none!important}
  .home-menu-toggle{
    position:fixed;
    z-index:103;
    top:18px;
    right:18px;
    display:grid;
    place-content:center;
    gap:4px;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#111;
    color:#fff;
    pointer-events:auto;
    cursor:pointer;
  }
  .home-menu-toggle span{
    display:block;
    width:15px;
    height:1px;
    background:currentColor;
    transform-origin:center;
    transition:transform .22s ease,opacity .18s ease;
  }
  .home-nav.menu-open .home-menu-toggle span:nth-child(1){transform:translateY(5px) rotate(45deg)}
  .home-nav.menu-open .home-menu-toggle span:nth-child(2){opacity:0}
  .home-nav.menu-open .home-menu-toggle span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

  /* Keep the black Method title readable over the mobile photograph. */
  .method-page .method-opening .meandering-image::after{
    background:linear-gradient(to bottom,rgba(245,243,237,.92) 0%,rgba(245,243,237,.76) 37%,rgba(245,243,237,.18) 65%,transparent 78%);
  }
  .method-page .method-opening .method-opening-title{
    left:18%;
    right:8%;
    top:132px;
  }

  .method-page .explore-layout>h2,
  .method-page .explore-layout>p{text-align:left}

  /* Preserve the signature green curve in the mobile Contact composition. */
  .contact-page .contact-hero::after{display:block}
}

/* ===== Website Revision 12 — final supplied notes 2026-08-27 ===== */

/* The Method photograph stays clear. Readability comes from solid white type
   plates placed over the palm tops, as shown in the supplied reference. */
.method-page .method-opening .meandering-image::after{display:none!important}
.method-page .method-opening-title>.deck-label>span,
.method-page .method-opening-title>h1>span{
  display:inline;
  background:#fff;
  color:#111;
  padding:.035em .08em;
  box-shadow:.08em 0 0 #fff,-.08em 0 0 #fff;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.method-page .method-opening-title>.deck-label{margin-bottom:14px}
.method-page .method-opening-title>h1{line-height:1.02}

/* The supplied ART4HOPE artwork is portrait artwork and must remain uncropped. */
.projects-page .art4hope-gallery .art4hope-banner{
  height:auto!important;
  object-fit:contain!important;
}

.inner-menu-toggle{display:none}

@media(max-width:600px){
  /* HOME menu plate follows the same pattern-aware colour as the logo and
     tagline. Black-interface patterns retain the approved black button. */
  .home-v12[data-ui-theme="white"] .home-menu-toggle{background:#fff;color:#111}
  .home-v12[data-ui-theme="orange"] .home-menu-toggle{background:#e84f22;color:#111}
  .home-v12[data-ui-theme="black"] .home-menu-toggle{background:#111;color:#fff}

  html.inner-menu-open{overflow:hidden}

  /* Interior pages keep only the logo and HOME-style menu fixed on phones. */
  .inner-2026 .inner-nav{
    position:fixed!important;
    z-index:120;
    height:72px!important;
    padding:12px 18px!important;
    align-items:flex-start!important;
    background:linear-gradient(to bottom,rgba(245,243,237,.94),rgba(245,243,237,.72) 68%,rgba(245,243,237,0))!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .inner-2026 .inner-nav>.brand-mark{position:relative;z-index:123}
  .inner-2026 .inner-nav>.nav-links{
    position:fixed;
    z-index:121;
    inset:14px;
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:22px!important;
    padding:72px 28px 38px;
    border-radius:10px;
    background:#111;
    color:#fff;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .24s ease,transform .24s ease,visibility .24s ease;
  }
  .inner-2026 .inner-nav.menu-open>.nav-links{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .inner-2026 .inner-nav>.nav-links a{
    color:#fff!important;
    border-bottom:0!important;
    font-family:'Poppins',Arial,sans-serif;
    font-size:24px!important;
    line-height:1.25;
    letter-spacing:.02em!important;
    padding:0 0 5px;
  }
  .inner-2026 .inner-nav>.nav-links a[aria-current="page"]{border-bottom:1px solid currentColor!important}
  .inner-2026 .inner-nav>.nav-links a::before,
  .inner-2026 .inner-nav>.nav-links a::after{display:none!important;content:none!important}
  .inner-menu-toggle{
    position:fixed;
    z-index:123;
    top:18px;
    right:18px;
    display:grid;
    place-content:center;
    gap:4px;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#111;
    color:#fff;
    pointer-events:auto;
    cursor:pointer;
  }
  .inner-menu-toggle span{
    display:block;
    width:15px;
    height:1px;
    background:currentColor;
    transform-origin:center;
    transition:transform .22s ease,opacity .18s ease;
  }
  .inner-nav.menu-open .inner-menu-toggle span:nth-child(1){transform:translateY(5px) rotate(45deg)}
  .inner-nav.menu-open .inner-menu-toggle span:nth-child(2){opacity:0}
  .inner-nav.menu-open .inner-menu-toggle span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  .inner-2026 .inner-nav.menu-open{background:transparent!important}
  .inner-2026 .inner-nav.menu-open>.brand-mark{color:#fff!important}
  .inner-2026 .inner-nav.menu-open>.brand-mark .brand-symbol{filter:brightness(0) invert(1)}

  .method-page .method-opening .method-opening-title{
    left:18%;
    right:6%;
    top:132px;
  }
  .method-page .method-opening-title>.deck-label{margin-bottom:11px}

  /* Remove only the authored hard return; narrow screens wrap naturally. */
  .people-page .founder-together br{display:none}
}

/* ===== Website Revision 13 — final three mobile fixes 2026-08-27 ===== */

@media(max-width:600px){
  /* Match the complete itonami lockup to the 42px menu control on every page. */
  .home-v12 .home-nav,
  .inner-2026 .inner-nav{
    height:78px!important;
    padding:18px!important;
  }
  .home-v12 .home-nav>.brand-mark,
  .inner-2026 .inner-nav>.brand-mark{
    width:auto!important;
    height:42px!important;
    gap:9px;
  }
  .home-v12 .home-nav>.brand-mark .brand-symbol,
  .inner-2026 .inner-nav>.brand-mark .brand-symbol{
    width:40px!important;
    height:40px!important;
  }
  .home-v12 .home-nav>.brand-mark .brand-wordmark,
  .inner-2026 .inner-nav>.brand-mark .brand-wordmark{
    font-size:19px!important;
  }

  /* Keep the title to the reference's three lines and place it over the palm
     crowns, leaving the people and road visually unobstructed. */
  .method-page .method-opening .method-opening-title{
    left:18%;
    right:2%;
    top:104px;
  }
  .method-page .method-opening-title>h1{
    font-size:10vw;
    line-height:1.02;
  }
  .method-page .method-opening-title>h1>span{white-space:nowrap}

  /* The supplied campaign artwork must be large enough to read on phones. */
  .projects-page .art4hope-gallery .art4hope-banner{
    grid-column:1/-1;
    width:100%!important;
    max-width:none;
    justify-self:stretch;
  }
}

/* ===== Website Revision 14 — final HOME and ART4HOPE balance ===== */

/* Match the HOME statement to the 19px itonami wordmark on desktop. */
.home-v12 .home-tagline{font-size:19px!important}

@media(max-width:600px){
  /* Keep the statement prominent while allowing the five Pattern marks to
     retain their bottom-left position on narrow phone screens. */
  .home-v12 .home-tagline{
    right:18px!important;
    bottom:20px!important;
    font-size:clamp(15px,4.1vw,16px)!important;
  }
}

@media(max-width:600px) and (pointer:coarse){
  .home-v12 .scene-count{left:18px;bottom:4px;gap:0}
  .home-v12 .scene-dot{width:13px;height:36px}
  .home-v12 .scene-dot.active{width:20px}
  .home-v12 .scene-dot::after{left:2px;right:2px}
}

/* On phones, use the same four-column ART4HOPE composition as desktop:
   centred identity, centred campaign artwork, then all four shirts in one row. */
@media(max-width:720px){
  .projects-page .art4hope-gallery{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    align-items:start;
  }
  .projects-page .art4hope-gallery .art4hope-logo{
    grid-column:2/4;
    grid-row:1;
    width:100%;
    padding:5%;
    justify-self:center;
  }
  .projects-page .art4hope-gallery .art4hope-banner{
    grid-column:2/4;
    grid-row:2;
    width:100%!important;
    height:auto!important;
    justify-self:center;
  }
  .projects-page .art4hope-gallery img:nth-child(n+3){
    grid-column:auto;
    grid-row:3;
    width:100%;
    height:auto!important;
    object-fit:contain;
  }
}

/* ===== Website Revision 16 — match project and event image layouts across viewports ===== */

@media(max-width:720px){
  /* Portraits of IKIGAI keeps the desktop poster + three-portrait row. */
  .projects-page .ikigai-portraits{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }

  /* PPPC keeps the desktop alternating wide/narrow two-row composition. */
  .projects-page .pppc-project-gallery{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:auto auto;
    gap:14px;
    align-items:stretch;
  }
  .projects-page .pppc-project-gallery img:nth-child(1){
    grid-column:1/3;
    grid-row:1;
    width:100%;
    height:auto!important;
    aspect-ratio:16/9;
    object-fit:cover;
  }
  .projects-page .pppc-project-gallery img:nth-child(2){
    grid-column:3;
    grid-row:1;
    width:100%;
    height:100%!important;
    aspect-ratio:auto;
    object-fit:cover;
  }
  .projects-page .pppc-project-gallery img:nth-child(3){
    grid-column:1;
    grid-row:2;
    width:100%;
    height:100%!important;
    aspect-ratio:auto;
    object-fit:cover;
  }
  .projects-page .pppc-project-gallery img:nth-child(4){
    grid-column:2/4;
    grid-row:2;
    width:100%;
    height:auto!important;
    aspect-ratio:16/9;
    object-fit:cover;
  }

  /* ITONAMI NIGHT keeps the desktop two-column composition: two images
     stacked on the left and one image spanning both rows on the right. */
  .events-page .event-night-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:40vw 40vw;
    gap:14px;
  }
  .events-page .event-night-grid img:nth-child(1){
    grid-column:1;
    grid-row:1;
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .events-page .event-night-grid img:nth-child(2){
    grid-column:1;
    grid-row:2;
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .events-page .event-night-grid img:nth-child(3){
    grid-column:2;
    grid-row:1/3;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
}