/* Ecohome Kids: an architectural pinboard, composed on a responsive 12-column grid. */
.ekh-home #main.ekh-canvas-home{--canvas-rule:#e9ece9;--canvas-ink:#27332e;--canvas-pencil:#879580}
.ekh-home .ekh-canvas-home .ekh-studio-intro{grid-template-columns:1.65fr 1fr;gap:22px 54px;padding:60px 0 58px;align-items:center}
.ekh-home .ekh-canvas-home .ekh-home-intro-label{font-size:13px;margin:0;grid-column:1/-1;letter-spacing:0;text-align:left;max-width:none;justify-self:start;margin-inline:0}
.ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{grid-column:1;grid-row:auto;font-size:clamp(68px,7.5vw,118px);font-weight:400;letter-spacing:-.065em;line-height:1.02;margin:0}
.ekh-canvas-intro-copy{padding:18px 0 0;position:relative}
.ekh-home #main.ekh-canvas-home .ekh-home-subtitle{font-size:clamp(23px,2.15vw,32px);line-height:1.25;margin:0 0 20px;letter-spacing:-.025em}
.ekh-canvas-intro-copy>p:not(.ekh-home-subtitle){font-size:16px;max-width:39ch;margin:0 0 24px}
.ekh-canvas-intro-copy .ekh-home-intro-actions{gap:10px 18px}
.ekh-home .ekh-canvas-home .ekh-home-projects{position:relative;padding:34px 0 64px;border-top:1px solid var(--canvas-rule)}
.ekh-home .ekh-canvas-home .ekh-home-projects>.ekh-section-head{align-items:end;gap:36px;margin-bottom:32px}
.ekh-home #main.ekh-canvas-home #ekh-projects-title{font-size:clamp(38px,4.2vw,62px);line-height:1.08;font-weight:400;letter-spacing:-.05em;margin-bottom:20px}
.ekh-home .ekh-canvas-home .ekh-home-projects .ekh-section-head p{max-width:56ch;font-size:15px}
.ekh-canvas-home .ekh-home-project-pair{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,clamp(250px,24vw,340px)) auto;gap:24px 28px;align-items:stretch}
.ekh-canvas-home .ekh-home-project-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}
.ekh-canvas-home .ekh-home-project-card:nth-child(1){grid-column:1/8;grid-row:1/3}
.ekh-canvas-home .ekh-home-project-card:nth-child(2){grid-column:8/13;grid-row:1}
.ekh-canvas-home .ekh-home-project-card:nth-child(3){grid-column:8/13;grid-row:2}
.ekh-canvas-home .ekh-home-project-card:nth-child(4){grid-column:1/7;grid-row:3}
.ekh-canvas-home .ekh-home-project-card figure{position:relative;flex:1;min-height:0;aspect-ratio:auto;overflow:hidden;box-shadow:0 10px 28px #00000009}
.ekh-canvas-home .ekh-home-project-card figure>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ekh-canvas-home .ekh-home-project-card:nth-child(1) figure>img{object-position:45% center}
.ekh-canvas-home .ekh-home-project-card:nth-child(4) figure{flex:none;aspect-ratio:1.9}
.ekh-canvas-home .ekh-home-project-caption{flex-shrink:0;padding:14px 0 0;border-bottom:0}
.ekh-home #main.ekh-canvas-home .ekh-home-project-caption h3{font-size:20px;font-weight:500;line-height:1.35;margin:0 0 5px}
.ekh-home .ekh-canvas-home .ekh-home-project-caption p{font-size:12px;margin:0;padding-bottom:0}
.ekh-canvas-note{position:relative;grid-column:7/13;grid-row:3;isolation:isolate;overflow:hidden;min-height:320px;padding:30px 30px 22px;background:#f5f5f5;border:1px solid #e9e9e9;display:flex;flex-direction:column;justify-content:center}
.ekh-home #main.ekh-canvas-home .ekh-canvas-note h3{position:relative;z-index:1;font-size:clamp(34px,4.3vw,62px);font-weight:400;letter-spacing:-.055em;line-height:1.08;max-width:10ch;margin:0 0 20px}
.ekh-home #main.ekh-canvas-home .ekh-canvas-note p{position:relative;z-index:1;font-size:14px;line-height:1.65;max-width:27ch;margin:0}
.ekh-canvas-note>img{position:absolute;right:16px;bottom:8px;width:41%;height:auto;max-height:86%;object-fit:contain;object-position:bottom right}
/* Service names form a studio directory instead of a row of cards. */
.ekh-home .ekh-canvas-home .ekh-home-services{grid-template-columns:1fr;border-block:1px solid var(--canvas-rule);margin-bottom:64px!important}
.ekh-canvas-home .ekh-home-services>a,.ekh-canvas-home .ekh-home-services>a:first-child,.ekh-canvas-home .ekh-home-services>a:last-child{padding:22px 0;align-items:center;gap:24px;border-left:0}
.ekh-canvas-home .ekh-home-services>a+a{border-top:1px solid var(--canvas-rule)}
.ekh-canvas-home .ekh-home-services>a>div{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;flex:1}
.ekh-home #main.ekh-canvas-home .ekh-home-services h2{font-size:clamp(26px,3vw,42px);font-weight:400;letter-spacing:-.04em;margin:0}
.ekh-home #main.ekh-canvas-home .ekh-home-services p{max-width:44ch;font-size:15px;margin:0}
.ekh-canvas-home .ekh-home-services>a>span{flex-basis:48px;min-height:48px}
/* An image and a white sheet share one plane, without covering the photography in tint. */
.ekh-home .ekh-canvas-home .ekh-home-space{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;border:0;box-shadow:none;position:relative;padding-bottom:20px;margin-bottom:64px!important}
.ekh-canvas-home .ekh-home-space>figure{grid-column:1/9;grid-row:1;min-height:640px;box-shadow:0 16px 40px #0000000b}
.ekh-canvas-home .ekh-home-space-copy{position:relative;z-index:1;grid-column:8/13;grid-row:1;background:#fff;border:1px solid #e7e7e7;padding:32px;box-shadow:0 16px 44px #0000000c;margin:34px 0}
.ekh-home #main.ekh-canvas-home .ekh-home-space-copy h2{font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1.12}
.ekh-canvas-home .ekh-home-space-copy>p{font-size:14px}
.ekh-canvas-home .ekh-home-space-copy li{padding:11px 0}
.ekh-canvas-home .ekh-home-space-copy li>strong{font-size:15px}
.ekh-canvas-home .ekh-home-space-copy li>span{font-size:13px}
/* Scale and alignment vary by chapter; the content order remains linear. */
.ekh-home #main.ekh-canvas-home .ekh-home-method h2{font-size:clamp(34px,3.2vw,48px);font-weight:400;line-height:1.13}
.ekh-home .ekh-canvas-home .ekh-home-method{grid-template-columns:1.35fr 1fr;gap:48px}
.ekh-home .ekh-canvas-home .ekh-home-people{background:#f1f1f1;padding:48px 0}
.ekh-canvas-home .ekh-home-people-inner{grid-template-columns:1fr 1.35fr;gap:48px}
.ekh-home #main.ekh-canvas-home .ekh-home-people h2{font-size:clamp(34px,3.2vw,48px);font-weight:400}
.ekh-canvas-home .ekh-home-people-grid{gap:14px;align-items:end}
.ekh-canvas-home .ekh-home-people-grid figure:nth-child(2){margin-bottom:30px}
.ekh-canvas-home .ekh-home-people-grid figure{box-shadow:0 12px 30px #00000008}
.ekh-home #main.ekh-canvas-home .ekh-home-journal .ekh-section-head h2{font-size:clamp(36px,3.5vw,50px);font-weight:400}
.ekh-canvas-home .ekh-home-journal-grid{grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:26px}
.ekh-canvas-home .ekh-home-journal article:first-child img{aspect-ratio:1.18}
.ekh-canvas-home .ekh-home-journal article:nth-child(2){padding-top:40px}
.ekh-canvas-home .ekh-home-journal article:nth-child(3){padding-top:80px}
.ekh-home #main.ekh-canvas-home .ekh-home-enquiry h2{font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.1}
/* Expressive display typography; labels, project names, forms and navigation stay sans. */
.ekh-home #main.ekh-canvas-home h2,
.ekh-home #main.ekh-canvas-home .ekh-studio-intro h1,
.ekh-home #main.ekh-canvas-home .ekh-canvas-note h3{font-family:'Newsreader Eco',Georgia,'Times New Roman',serif;font-optical-sizing:auto;font-kerning:normal;font-synthesis:none;font-weight:400;letter-spacing:-.03em}
.ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{font-size:clamp(76px,8.4vw,130px);letter-spacing:-.045em;line-height:1.08}
.ekh-home #main.ekh-canvas-home .ekh-studio-intro>.ekh-home-intro-label{margin:0;max-width:none;justify-self:start;text-align:left;font-size:13px}
.ekh-home .ekh-canvas-home .ekh-studio-intro{grid-template-columns:1.1fr .7fr .95fr;gap:20px 30px;padding:32px 0 38px;align-items:center}
.ekh-home .ekh-canvas-home .ekh-home-intro-label{grid-column:1/-1}
.ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{grid-column:1;grid-row:2;font-size:clamp(58px,6.6vw,94px);line-height:1.07;letter-spacing:-.045em}
.ekh-canvas-intro-photo{grid-column:2;grid-row:2;position:relative;margin:0;aspect-ratio:.82;overflow:hidden;border-radius:50% 50% 2px 2px;box-shadow:0 16px 35px #00000012;background:#f3f3f3}
.ekh-canvas-intro-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:68% center}
.ekh-canvas-intro-copy{grid-column:3;grid-row:2;padding:0}
.ekh-home #main.ekh-canvas-home .ekh-home-subtitle{font-size:27px;line-height:1.28;margin-bottom:16px}
.ekh-canvas-intro-copy>p:not(.ekh-home-subtitle){font-size:15px;line-height:1.75;margin-bottom:18px}
.ekh-home .ekh-canvas-home .ekh-home-projects{padding-top:28px}
.ekh-home .ekh-canvas-home .ekh-home-projects>.ekh-section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:10px 48px;margin-bottom:24px;align-items:center}
.ekh-home .ekh-canvas-home .ekh-home-projects>.ekh-section-head>div{display:contents}
.ekh-home #main.ekh-canvas-home #ekh-projects-title{grid-column:1;grid-row:1/3;font-size:clamp(38px,4vw,58px);line-height:1.12;margin:0}
.ekh-home .ekh-canvas-home .ekh-home-projects .ekh-section-head p{grid-column:2;grid-row:1;max-width:48ch}
.ekh-home .ekh-canvas-home .ekh-home-projects .ekh-section-head>.ekh-text-link{grid-column:2;grid-row:2;justify-self:start;align-self:start}
.ekh-home #main.ekh-canvas-home #ekh-projects-title{font-style:italic;font-size:clamp(42px,4.8vw,70px);line-height:1.13;letter-spacing:-.025em}
.ekh-home #main.ekh-canvas-home .ekh-canvas-note h3{font-size:clamp(40px,4.9vw,72px);line-height:1.06;letter-spacing:-.035em}
.ekh-home #main.ekh-canvas-home .ekh-home-services h2{font-size:clamp(28px,3.4vw,48px);line-height:1.2;letter-spacing:-.025em}
@media(max-width:1100px){
 .ekh-home .ekh-canvas-home .ekh-studio-intro{grid-template-columns:1.45fr 1fr;gap:20px 32px}.ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{font-size:clamp(58px,7.8vw,86px)}
 .ekh-canvas-home .ekh-home-project-pair{gap:22px}.ekh-canvas-note{padding:24px}.ekh-canvas-note>img{right:6px;width:38%}.ekh-home #main.ekh-canvas-home .ekh-canvas-note p{font-size:13px}
 .ekh-canvas-home .ekh-home-space>figure{grid-column:1/9;min-height:620px}.ekh-canvas-home .ekh-home-space-copy{grid-column:7/13;padding:26px}
 .ekh-home .ekh-canvas-home .ekh-home-method{gap:28px}.ekh-canvas-home .ekh-home-people-inner{gap:28px}
 .ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{font-size:clamp(68px,8.2vw,100px)}
 .ekh-home .ekh-canvas-home .ekh-studio-intro{grid-template-columns:1fr .65fr 1fr;gap:18px 24px}.ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{font-size:clamp(52px,6.1vw,68px)}.ekh-home #main.ekh-canvas-home .ekh-home-subtitle{font-size:24px}.ekh-canvas-intro-copy>p:not(.ekh-home-subtitle){font-size:14px}
}
@media(max-width:800px){
 .ekh-home .ekh-canvas-home .ekh-studio-intro{display:block;padding:40px 0}.ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{font-size:76px;margin:20px 0 24px}.ekh-canvas-intro-copy{max-width:560px;padding:0}.ekh-canvas-intro-copy>p:not(.ekh-home-subtitle){max-width:55ch}
 .ekh-canvas-home .ekh-home-project-pair{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:24px}.ekh-canvas-home .ekh-home-project-card:nth-child(1){grid-column:1/-1;grid-row:1}.ekh-canvas-home .ekh-home-project-card:nth-child(2){grid-column:1;grid-row:2}.ekh-canvas-home .ekh-home-project-card:nth-child(3){grid-column:2;grid-row:2}.ekh-canvas-home .ekh-home-project-card:nth-child(4){grid-column:1;grid-row:3}.ekh-canvas-note{grid-column:2;grid-row:3;min-height:320px}
 .ekh-canvas-home .ekh-home-project-card figure{flex:none;aspect-ratio:1.35}.ekh-canvas-home .ekh-home-project-card:nth-child(1) figure{aspect-ratio:1.9}.ekh-canvas-home .ekh-home-project-card:nth-child(4) figure{flex:1;aspect-ratio:auto}
 .ekh-home #main.ekh-canvas-home .ekh-canvas-note h3{font-size:42px}.ekh-home #main.ekh-canvas-home .ekh-canvas-note p{font-size:12px;max-width:20ch}.ekh-canvas-note>img{width:43%;max-height:50%;opacity:.9}
 .ekh-canvas-home .ekh-home-services>a>div{grid-template-columns:1fr;gap:8px}.ekh-home #main.ekh-canvas-home .ekh-home-services h2{font-size:32px}
 .ekh-home .ekh-canvas-home .ekh-home-space{grid-template-columns:1fr}.ekh-canvas-home .ekh-home-space>figure{grid-column:1;grid-row:1;min-height:0;aspect-ratio:1.5}.ekh-canvas-home .ekh-home-space-copy{grid-column:1;grid-row:2;margin:-36px 0 0 32px;padding:28px}
 .ekh-home .ekh-canvas-home .ekh-home-method{grid-template-columns:1fr}.ekh-canvas-home .ekh-home-people-inner{grid-template-columns:1fr}.ekh-canvas-home .ekh-home-journal-grid{grid-template-columns:1fr}.ekh-canvas-home .ekh-home-journal article:nth-child(n){padding-top:0}.ekh-canvas-home .ekh-home-journal article:first-child img{aspect-ratio:1.6}
 .ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{font-size:86px}.ekh-home #main.ekh-canvas-home .ekh-canvas-note h3{font-size:48px}
 .ekh-home .ekh-canvas-home .ekh-studio-intro{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;padding:30px 0}.ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{grid-column:1;grid-row:2;font-size:68px;margin:0}.ekh-canvas-intro-photo{grid-column:2;grid-row:2/4;width:82%;justify-self:end;aspect-ratio:.85}.ekh-canvas-intro-copy{grid-column:1;grid-row:3}.ekh-home .ekh-canvas-home .ekh-home-projects>.ekh-section-head{gap:12px 28px}
}
@media(max-width:600px){
 .ekh-home .ekh-canvas-home .ekh-studio-intro{padding:30px 0 36px}.ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{font-size:clamp(48px,12.4vw,72px);line-height:1.05;letter-spacing:-.06em}.ekh-home #main.ekh-canvas-home .ekh-home-subtitle{font-size:26px}
 .ekh-home .ekh-canvas-home .ekh-home-projects{padding-top:24px;padding-bottom:40px}.ekh-home #main.ekh-canvas-home #ekh-projects-title{font-size:40px}.ekh-home .ekh-canvas-home .ekh-home-projects>.ekh-section-head{display:block}
 .ekh-canvas-home .ekh-home-project-pair{grid-template-columns:1fr;gap:26px}.ekh-canvas-home .ekh-home-project-card:nth-child(n){grid-column:1;grid-row:auto}.ekh-canvas-home .ekh-home-project-card:nth-child(n) figure{flex:none;aspect-ratio:1.45}.ekh-canvas-note{grid-column:1;grid-row:auto;min-height:300px;padding:26px}.ekh-home #main.ekh-canvas-home .ekh-canvas-note h3{font-size:50px}.ekh-home #main.ekh-canvas-home .ekh-canvas-note p{font-size:13px;max-width:24ch}.ekh-canvas-note>img{width:44%;max-height:72%}
 .ekh-home .ekh-canvas-home .ekh-home-services{margin-bottom:40px!important}.ekh-canvas-home .ekh-home-services>a,.ekh-canvas-home .ekh-home-services>a:first-child,.ekh-canvas-home .ekh-home-services>a:last-child{padding:20px 0;gap:14px}.ekh-home #main.ekh-canvas-home .ekh-home-services h2{font-size:28px}.ekh-home #main.ekh-canvas-home .ekh-home-services p{font-size:14px}.ekh-canvas-home .ekh-home-services>a>span{flex-basis:38px;min-height:38px}
 .ekh-home .ekh-canvas-home .ekh-home-space{margin-bottom:40px!important;padding-bottom:0}.ekh-canvas-home .ekh-home-space-copy{margin-left:16px;padding:26px 22px}.ekh-home #main.ekh-canvas-home .ekh-home-space-copy h2{font-size:34px}
 .ekh-home #main.ekh-canvas-home .ekh-home-method h2,.ekh-home #main.ekh-canvas-home .ekh-home-people h2{font-size:35px}.ekh-home .ekh-canvas-home .ekh-home-people{padding:32px 0}.ekh-canvas-home .ekh-home-people-grid figure:nth-child(2){margin-bottom:0}
 .ekh-home #main.ekh-canvas-home .ekh-home-journal .ekh-section-head h2{font-size:36px}.ekh-home #main.ekh-canvas-home .ekh-home-enquiry h2{font-size:38px}
 .ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{font-size:clamp(52px,13.8vw,78px);line-height:1.1;letter-spacing:-.04em}.ekh-home #main.ekh-canvas-home #ekh-projects-title{font-size:43px;line-height:1.15}.ekh-home #main.ekh-canvas-home .ekh-canvas-note h3{font-size:55px}.ekh-home #main.ekh-canvas-home .ekh-home-services h2{font-size:34px;line-height:1.2}
 .ekh-home .ekh-canvas-home .ekh-studio-intro{grid-template-columns:.7fr 1.2fr;gap:18px 20px;padding:28px 0}.ekh-home #main.ekh-canvas-home .ekh-studio-intro h1{grid-column:1/-1;grid-row:2;font-size:clamp(50px,13.6vw,72px);margin:0}.ekh-canvas-intro-photo{grid-column:1;grid-row:3/5;width:100%;height:100%;min-height:230px;aspect-ratio:auto;justify-self:stretch}.ekh-canvas-intro-copy{display:contents}.ekh-home #main.ekh-canvas-home .ekh-home-subtitle{grid-column:2;grid-row:3;align-self:end;font-size:24px;margin:0}.ekh-canvas-intro-copy>p:not(.ekh-home-subtitle){grid-column:2;grid-row:4;margin:0;font-size:14px}.ekh-canvas-intro-copy .ekh-home-intro-actions{grid-column:1/-1;grid-row:5;gap:8px 18px}.ekh-home .ekh-canvas-home .ekh-home-projects>.ekh-section-head{display:block}.ekh-home .ekh-canvas-home .ekh-home-projects>.ekh-section-head>div{display:block}.ekh-home #main.ekh-canvas-home #ekh-projects-title{font-size:38px;margin-bottom:14px}
}

/* The owner removed the illustration note; let the last project complete the row. */
.ekh-canvas-home .ekh-home-project-card:nth-child(4){grid-column:1/-1}