:root{font-family:Arial,"Noto Sans SC",sans-serif;color:#132133;background:#f6f8f6;font-size:18px}*{box-sizing:border-box}body{margin:0;line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3{margin:0;line-height:1.4;letter-spacing:0}h1{font-size:clamp(32px,4.4vw,56px);text-wrap:balance}h2{font-size:38px;text-wrap:balance}h3{font-size:24px}p{margin:18px 0;color:#526270} .wrap{max-width:1260px;margin:auto;padding:0 32px}.nav{background:#0b1b31;color:white;position:sticky;top:0;z-index:20}.navin{min-height:70px;display:flex;align-items:center;gap:28px}.logo{font-size:28px;font-weight:900;letter-spacing:-.06em;margin-right:auto}.logo b{color:#cafa55}.navlink,.lang{font-size:14px;font-weight:800}.lang{display:flex;gap:3px;padding:3px;border:1px solid #677586}.lang a{padding:6px 10px}.lang .active{background:#cafa55;color:#102033}.back{display:inline-block;font-size:14px;color:#66786b;margin:30px 0}.hero{background:#0b1b31;color:white;padding:58px 0 64px}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.kicker{font-size:14px;font-weight:800;letter-spacing:.1em;color:#65833a;margin-bottom:20px}.hero .kicker{color:#cafa55}.hero p{color:#d4e0e3;max-width:620px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:40px;padding-bottom:40px;border-bottom:1px solid #d8e0df}.fact strong{display:block;font-size:24px;color:#243b28}.fact span{display:block;font-size:14px;color:#526270;margin-top:8px}.section{padding:72px 0}.section .intro{max-width:820px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}.step{border-top:2px solid #8caa50;padding-top:24px}.step .num{font-size:14px;color:#65833a;font-weight:900;margin-bottom:16px}.step p{margin-bottom:0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px;align-items:start}.gallery figure{margin:0;background:#fff;border:1px solid #d8e0df}.gallery img{width:100%;height:420px;object-fit:contain;background:#e9eee8}.gallery figcaption{font-size:14px;line-height:1.8;padding:18px 22px;color:#526270}.gallery figure:last-child:nth-child(odd){grid-column:1/-1}.gallery figure:last-child:nth-child(odd) img{height:auto;max-height:620px}.evidence{background:#0b1b31;color:#fff;padding:40px;border-left:4px solid #cafa55}.evidence .kicker{color:#cafa55}.evidence p{color:#d4e0e3;max-width:900px}.note{font-size:14px;line-height:1.8}.evidence .note{color:#b3c4cf;margin-bottom:0}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.related a{background:white;border:1px solid #d8e0df;overflow:hidden}.related a{padding:26px}.related small{display:block;font-size:14px;color:#65833a;font-weight:800;margin-bottom:14px;line-height:1.7}.related span{display:block;font-size:24px;font-weight:800;line-height:1.5}.related a:hover,.case-link:hover{border-color:#65833a}.footer{background:#071426;color:#b3c4cf;padding:28px 0;font-size:14px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}a:focus-visible{outline:3px solid #8ea834;outline-offset:5px}.text-link{display:inline-block;border-bottom:1px solid #65833a;margin-top:15px;font-size:14px;font-weight:800}@media(max-width:820px){.wrap{padding:0 20px}.navin{min-height:62px;gap:16px}.navlink{display:none}.hero{padding:38px 0 42px}.hero-layout{grid-template-columns:1fr;gap:28px}.facts{gap:18px;grid-template-columns:1fr;padding-top:30px;padding-bottom:30px}.fact{display:flex;gap:20px;align-items:baseline}.fact strong{min-width:110px}.fact span{margin:0}h2{font-size:28px}.section{padding:50px 0}.steps,.gallery,.related{grid-template-columns:1fr;gap:26px}.gallery img{height:auto;max-height:560px}.gallery figure:last-child:nth-child(odd){grid-column:auto}.evidence{padding:26px}.related{grid-template-columns:1fr}.related a{padding:24px}.logo{font-size:28px}}

.hero-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.mosaic-cell{overflow:hidden;background:#e9eee8}.hero-mosaic img{width:100%;height:320px;object-fit:cover}.mosaic-three .mosaic-cell:first-child{grid-column:1/-1}.mosaic-three img{height:160px}.hero-mosaic .mosaic-cell img[src*="hay-concept"],.hero-mosaic .mosaic-cell img[src*="fan-book"]{object-fit:contain}@media(max-width:820px){.hero-mosaic img{height:240px}.mosaic-three img{height:130px}}@media(max-width:380px){.hero-mosaic img{height:200px}.mosaic-three img{height:110px}}

/* GENEIII: grouped project evidence, with compact multi-view collages. */
.gene-hero-mosaic img{height:160px;object-fit:cover}.gene-hero-mosaic .mosaic-cell:first-child img{object-fit:contain}.gene-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.gene-archive{margin-top:40px}.archive-category{margin-top:56px}.archive-category-title{display:flex;gap:18px;align-items:center;border-bottom:2px solid #8caa50;padding-bottom:18px}.archive-category-title>span{font-size:14px;font-weight:900;color:#65833a}.archive-group{margin-top:30px;background:#fff;border:1px solid #d8e0df;padding:28px}.archive-group h4{font-size:24px;line-height:1.5;margin:0}.archive-group>p{font-size:18px;max-width:960px;margin:12px 0 24px}.evidence-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.evidence-collage.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.evidence-collage figure{margin:0;min-width:0}.evidence-collage img{width:100%;height:280px;object-fit:contain;background:#eef1ef}.evidence-collage figcaption{font-size:14px;color:#526270;line-height:1.7;margin-top:10px}.evidence-collage.screens img{height:auto}.evidence-collage.documents img{height:360px}.evidence-collage.single{max-width:560px;grid-template-columns:1fr}.evidence-collage.single img{height:auto;max-height:400px}@media(max-width:820px){.gene-steps{grid-template-columns:1fr}.gene-hero-mosaic img{height:130px}.archive-category{margin-top:40px}.archive-group{padding:20px}.evidence-collage,.evidence-collage.count-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.evidence-collage img{height:200px}.evidence-collage.count-3 figure:first-child{grid-column:1/-1}.evidence-collage.count-3 figure:first-child img{height:240px}.evidence-collage.documents img{height:260px}.evidence-collage.single{grid-template-columns:1fr}.archive-group h4{font-size:24px}.evidence-collage figcaption{font-size:14px}}@media(max-width:420px){.evidence-collage img{height:170px}.evidence-collage.documents img{height:220px}.gene-hero-mosaic img{height:105px}}

/* Explicit GENEIII photo flow: landscape rows and portrait pairs. */
.gene-hero-photo img{width:100%;height:auto;display:block}.gene-starting-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}.gene-starting-photo figure{margin:0}.gene-starting-photo img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}.gene-starting-photo figcaption{font-size:14px;color:#526270;line-height:1.7;margin-top:10px}.evidence-collage.landscape-rows{grid-template-columns:1fr;gap:26px}.evidence-collage.landscape-rows img{height:auto;max-height:560px;object-fit:contain}.evidence-collage.portrait-pair,.evidence-collage.mixed-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.evidence-collage.portrait-pair img,.evidence-collage.mixed-rows img{height:auto;max-height:540px;object-fit:contain}.evidence-collage.mixed-rows .full-row{grid-column:1/-1}.evidence-collage.mixed-rows .full-row img{max-height:560px}.evidence-collage.screens{grid-template-columns:1fr;gap:26px}@media(max-width:820px){.gene-starting-layout{grid-template-columns:1fr;gap:24px}.gene-starting-photo img{max-height:280px}.evidence-collage.landscape-rows{grid-template-columns:1fr;gap:22px}.evidence-collage.landscape-rows img{height:auto;max-height:none}.evidence-collage.portrait-pair,.evidence-collage.mixed-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.evidence-collage.portrait-pair img,.evidence-collage.mixed-rows img{height:auto;max-height:none}.evidence-collage.mixed-rows .full-row img{height:auto;max-height:none}.archive-group{padding:18px}.gene-hero-photo{margin-top:4px}}