/* Ma Medya / Water edition. Story layout adapted under CC BY 3.0. */
@font-face{font-family:'IBM Plex Sans';src:url('fonts/IBMPlexSans-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('fonts/IBMPlexSans-Medium.woff2') format('woff2');font-style:normal;font-weight:500 800;font-display:swap}
:root{--paper:#f2f8f9;--ink:#153b49;--muted:#476875;--line:#c3d7dc;--accent:#1f7084;--pale:#e1f0f2;--font:'IBM Plex Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.045em}em{font-style:normal;font-weight:400;color:var(--accent)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#b5dee5;color:var(--ink)}#wrapper{max-width:1760px;margin:auto}.skip{position:fixed;top:12px;left:12px;padding:12px 18px;background:var(--ink);color:white;z-index:10;transform:translateY(-180%)}.skip:focus{transform:translateY(0)}
.site-header{display:flex;justify-content:space-between;align-items:center;margin:0 5%;padding:24px 0;border-bottom:1px solid var(--line);gap:32px}.brand{display:flex;align-items:baseline;gap:15px;flex-shrink:0}.brand-mark{font-size:51px;font-weight:500;letter-spacing:-4px;line-height:1}.brand-name{font-size:11px;letter-spacing:2px}nav{display:flex;align-items:center;gap:35px}nav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.nav-contact{border:1px solid var(--line);border-radius:3px;padding:7px 16px;gap:23px}.nav-contact span{font-size:20px}
.studio,.projects{padding:95px 5%}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.2px;border-top:1px solid var(--line);padding-top:19px;color:var(--muted)}.studio .section-label{border:0;padding:0}.studio-intro,.contact-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;margin-top:49px}h2{font-size:clamp(42px,4.4vw,74px);line-height:1.1}.studio-copy{max-width:505px;padding-top:4px}.studio-copy p{font-size:16px;line-height:1.8}.studio-copy p+p{margin-top:19px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:66px}.services article{padding-top:19px;border-top:1px solid var(--line)}.service-no{font-size:11px;color:var(--muted)}.services h3{font-size:26px;letter-spacing:-.025em;margin:16px 0 12px}.services p{font-size:15px;line-height:1.75;color:var(--muted)}.service-tags{display:block;margin-top:25px;font-size:10px;letter-spacing:.7px;color:var(--muted)}
.projects{padding-top:0}.projects-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:49px 0 42px}.projects-heading p{font-size:15px;line-height:1.75;color:var(--muted);padding-bottom:3px}.approach{margin:0 5%;padding:54px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach p{font-size:clamp(31px,3.6vw,61px);letter-spacing:-.045em;line-height:1.3}.contact{padding:95px 5% 80px}.contact .section-label{border-top:0;padding-top:0}.contact-copy{padding-top:6px}.contact-copy p{font-size:17px;line-height:1.7}.contact-copy .contact-pending{font-size:14px;color:var(--muted);margin-top:25px}.contact-email{display:inline-flex;align-items:center;gap:22px;font-size:21px;border-bottom:1px solid var(--ink);padding:5px 0 10px;min-height:44px;margin-top:25px;overflow-wrap:anywhere}footer{padding:0 5% 30px}.footer-brand{display:flex;justify-content:space-between;align-items:center;font-size:clamp(60px,11.8vw,180px);font-weight:500;letter-spacing:-.07em;line-height:1.2;padding:22px 0;border-top:1px solid var(--line)}.footer-brand>span{font-size:.5em;font-weight:400}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:23px;font-size:11px;letter-spacing:.6px;color:var(--muted)}.footer-bottom>a{letter-spacing:0}
@media(min-width:1500px){.hero{min-height:730px}.hero-art svg{max-height:600px}}
@media(max-width:980px){.hero{grid-template-columns:1.25fr 1fr;min-height:520px;gap:0}.hero h1{font-size:69px}.hero-copy{font-size:16px}.eyebrow{font-size:10px}.hero-art{padding-left:10px}.art-caption{font-size:8px}.studio-intro,.contact-inner{gap:7%}.services{gap:25px}.service-tags{font-size:9px}.project-grid{gap:25px}.project-heading{align-items:start;flex-direction:column;gap:6px}.project-state{text-align:left}.project-poster{aspect-ratio:1;padding:22px}.poster-top,.poster-bottom{font-size:8px}.poster-title{font-size:68px}.projects-heading p{font-size:14px}.footer-bottom{font-size:10px}}
@media(max-width:736px){.site-header{padding:20px 0;gap:20px}.brand-mark{font-size:43px}.brand-name{font-size:10px;letter-spacing:1.6px}.brand{gap:11px}nav{gap:19px}nav a{font-size:13px}.nav-contact{padding:4px 12px;gap:15px}.hero{display:flex;flex-direction:column;min-height:0}.hero>.content{padding:50px 0 0}.hero h1{font-size:clamp(52px,11.1vw,81px);line-height:1.08;margin:23px 0 25px;letter-spacing:-.058em}.hero-copy{font-size:16px}.text-link{margin-top:20px}.hero-art{padding:8px 0 28px;width:100%;max-width:460px;align-self:center}.hero-art svg{max-height:340px}.art-caption{font-size:9px;margin-top:-10px}.hero-foot{font-size:9px;letter-spacing:.5px;padding:17px 0}.studio,.projects{padding:62px 5%}.projects{padding-top:0}.section-label{font-size:10px;letter-spacing:.8px}.studio-intro,.contact-inner{grid-template-columns:1fr;gap:24px;margin-top:33px}h2{font-size:43px}.studio-copy p{font-size:16px}.services{grid-template-columns:1fr;margin-top:35px;gap:24px}.services article{display:grid;grid-template-columns:27px 1fr;column-gap:15px;padding-top:20px}.service-no{grid-column:1;grid-row:1;padding-top:6px}.services h3{grid-column:2;font-size:24px;margin:0 0 10px}.services p,.service-tags{grid-column:2}.service-tags{margin-top:15px;font-size:10px}.projects-heading{flex-direction:column;align-items:start;gap:20px;margin:33px 0}.projects-heading p{font-size:15px}.project-grid{grid-template-columns:1fr;gap:40px}.project-poster{aspect-ratio:1.13;padding:23px}.poster-title{font-size:80px}.poster-top,.poster-bottom{font-size:9px}.project-heading{flex-direction:row;align-items:center}.project-state{font-size:10px;text-align:right;max-width:145px}.project>p{font-size:15px}.project-note{font-size:12px}.approach{padding:35px 0}.approach p{font-size:31px}.contact{padding:60px 5%}.contact-email{font-size:19px}.footer-brand{font-size:14vw;padding:22px 0}.footer-bottom{font-size:9px;flex-wrap:wrap;gap:14px}.footer-bottom>a{width:100%;font-size:10px}}
@media(max-width:480px){.brand-name{display:none}nav{gap:18px}.site-header{gap:16px}.nav-contact{border:0;padding:0;gap:9px}.hero h1{font-size:clamp(44px,11.5vw,55px)}.hero-foot{font-size:8px}.hero-art svg{max-height:310px}.project-heading{gap:8px}.poster-title{font-size:71px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Question-led opening and evidence-based project stories. */
.hero-question{margin:0 5%;min-height:calc(100svh - 100px);display:flex;align-items:center;padding:80px 0 110px;border-bottom:1px solid var(--line)}
.hero-question h1{font-size:clamp(68px,10.5vw,174px);line-height:1.04;letter-spacing:-.065em;max-width:1400px}
.case-study{border-top:1px solid var(--line);padding-top:23px;margin-top:66px}.case-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:44px}.case-meta h3{font-size:32px;letter-spacing:-.04em}.case-meta h3>span{font-size:12px;font-weight:400;letter-spacing:0;margin-right:25px;color:var(--muted)}.case-meta>span{font-size:10px;letter-spacing:1.1px;color:var(--muted)}
.case-layout{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}.case-copy{max-width:620px;min-width:0}.case-copy h4{font-size:clamp(32px,3.3vw,54px);font-weight:400;letter-spacing:-.045em;line-height:1.14;margin:0 0 25px}.case-copy p{font-size:15px;line-height:1.8;color:var(--muted)}.case-copy p.case-lead{font-size:18px;line-height:1.65;color:var(--ink);margin-bottom:17px}.case-features{margin:28px 0 0}.case-features>div{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:145px 1fr;gap:20px}.case-features dt{font-size:13px;line-height:1.6;color:var(--ink)}.case-features dd{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}
.case-visual{padding:28px 34px;min-width:0;min-height:640px;display:flex;flex-direction:column;justify-content:space-between}.archive-visual{background:#174d60;color:#ecf7f9}.visual-label{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px}.archive-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:55px}.archive-sources span{border:1px solid #77a6b5;border-radius:2px;text-align:center;padding:14px 5px;font-size:13px}.archive-connector{height:32px;width:69%;border:1px solid #77a6b5;border-top:0;align-self:center;position:relative}.archive-connector:after{content:"";position:absolute;left:50%;top:100%;height:22px;border-left:1px solid #77a6b5}.archive-core{border:1px solid #77a6b5;padding:22px 26px;margin-top:22px}.archive-core>span{font-size:9px;letter-spacing:1px;display:block}.archive-core strong{font-size:48px;line-height:1.3;font-weight:400;letter-spacing:-.04em}.archive-core p{font-size:12px;line-height:1.7;margin:6px 0 0}.archive-core.secondary{margin-top:0;background:#205b6d}.archive-line{height:25px;border-left:1px solid #77a6b5;align-self:center}.visual-bottom{font-size:12px;line-height:1.7;margin-top:28px}
.rhythm-visual{background:#d9ebef;color:#153b49}.rhythm-dial{width:82%;max-width:340px;aspect-ratio:1;align-self:center;border-radius:50%;margin-top:48px;position:relative;background:conic-gradient(from -45deg,#2e7689 0deg 245deg,#b7d2da 245deg 360deg)}.rhythm-dial:before{content:"";position:absolute;inset:2px;border-radius:50%;background:#d9ebef}.rhythm-dial:after{content:"";position:absolute;inset:19px;border:1px solid #9fbdc7;border-radius:50%}.rhythm-dial>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.rhythm-dial span{font-size:10px;letter-spacing:2px}.rhythm-dial strong{font-size:clamp(28px,3vw,46px);font-weight:400;letter-spacing:-.05em;margin-top:12px}.rhythm-steps{display:flex;justify-content:space-between;gap:8px;margin-top:45px;font-size:12px}.rhythm-steps i{font-style:normal;color:#466d7a}.rhythm-timeline{display:flex;gap:5px;margin-top:24px;height:10px}.rhythm-timeline i{background:#3f7c8d;flex:3}.rhythm-timeline i:nth-child(2n){background:#a8c6ce;flex:1}.rhythm-timeline i:nth-child(5){flex:4}
.case-details{margin-top:28px;border-bottom:1px solid var(--line)}.case-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;cursor:pointer;list-style:none;font-size:14px}.case-details summary::-webkit-details-marker{display:none}.case-details summary span{font-size:25px;line-height:1}.case-details[open] summary span{transform:rotate(45deg)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:14px 0 28px;font-size:14px;line-height:1.8;color:var(--muted)}.research-links{list-style:none;padding:0;margin:16px 0 0}.research-links li+li{margin-top:9px}.research-links a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.case-visual{padding:25px;min-height:610px}.case-features>div{grid-template-columns:1fr;gap:5px}.case-copy h4{font-size:36px}}
@media(max-width:736px){.hero-question{min-height:calc(100svh - 79px);padding:65px 0 90px}.hero-question h1{font-size:clamp(44px,10.7vw,77px);line-height:1.1}.case-study{margin-top:42px;padding-top:18px}.case-meta{align-items:start;gap:14px;margin-bottom:30px}.case-meta h3{font-size:29px;white-space:nowrap}.case-meta h3>span{margin-right:12px;font-size:10px}.case-meta>span{font-size:8px;max-width:150px;text-align:right;line-height:1.6;padding-top:6px}.case-layout{grid-template-columns:1fr;gap:30px}.case-copy h4{font-size:36px;margin-bottom:22px}.case-copy p.case-lead{font-size:17px}.case-features>div{grid-template-columns:1fr;gap:5px;padding:14px 0}.case-features dd{font-size:14px}.case-visual{min-height:550px;padding:25px}.archive-sources{margin-top:35px}.archive-core{padding:18px 22px}.archive-core strong{font-size:42px}.visual-label{font-size:8px}.rhythm-dial{margin-top:35px;width:85%;max-width:310px}.rhythm-dial strong{font-size:34px}.rhythm-steps{font-size:11px}.detail-columns{grid-template-columns:1fr;gap:22px}.case-details summary{font-size:13px}.research-links a{display:inline-block;padding:4px 0}.projects-heading{margin-bottom:0}}

/* Progressive enhancement: ordinary reading and scrolling always remain available. */
.hero-stage{width:100%}
.motion-ready .site-header{position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);width:90%;max-width:1584px;margin:0;transition:opacity .45s ease}
.motion-ready .hero-question{height:235svh;min-height:0;padding:0;margin:0;border:0;display:block;position:relative}
.motion-ready .hero-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.motion-ready .hero-question h1{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:90%;margin:0;user-select:none;z-index:1;pointer-events:none}
.hero-line{white-space:nowrap}.hero-letter{display:inline-block;pointer-events:auto;touch-action:pan-y;cursor:default}.hero-letter.is-fallen{opacity:0;pointer-events:none}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-cleared .site-header{opacity:0;pointer-events:none}.hero-cleared .site-header:focus-within{opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

.hero-grab{position:absolute;z-index:2;padding:0;border:0;background:transparent;border-radius:8px;cursor:grab;touch-action:none;transform-origin:50% 55%;-webkit-tap-highlight-color:transparent}
.hero-grab[hidden]{display:none}.hero-grab.is-grabbing{cursor:grabbing}.hero-grab:focus-visible{outline:1px dashed var(--accent);outline-offset:5px}