:root{
  --ink:#151916;--forest:#35473e;--forest-deep:#26342e;--paper:#f1eee5;--white:#fbfaf6;
  --brass:#c4a55c;--blue:#35473e;--orange:#9b7133;--lime:#d3b76e;--line:#cbc7bc;
  --muted:#686d68;--max:1220px;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --display:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--section:clamp(84px,10vw,150px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.9 var(--sans);overflow-x:hidden}body.menu-open{overflow:hidden}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 56px),var(--max));margin:auto}.skip{position:fixed;top:-80px;left:16px;z-index:1000;padding:10px 16px;background:var(--brass)}.skip:focus{top:16px}
.demo{padding:6px 20px;color:#d8d8d2;background:#111411;text-align:center;font-size:10px;letter-spacing:.12em}.header{position:sticky;top:0;z-index:100;color:var(--white);background:rgba(21,25,22,.93);border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;gap:13px;font-weight:900;line-height:1.2;letter-spacing:.08em}.logo-mark{position:relative;width:43px;height:43px;border:1px solid var(--brass);border-radius:50%}.logo-mark::before,.logo-mark::after{content:"";position:absolute;background:var(--brass)}.logo-mark::before{left:20px;top:7px;width:1px;height:29px;transform:rotate(34deg)}.logo-mark::after{left:9px;top:21px;width:25px;height:1px}.logo small{display:block;margin-top:5px;color:#aaa;font-size:8px;font-weight:600;letter-spacing:.16em}.nav{display:flex;align-items:center;gap:clamp(17px,2vw,30px);font-size:12px;font-weight:700}.nav a:not(.btn){position:relative}.nav a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--brass);transition:.3s}.nav a:hover::after,.nav a[aria-current=page]::after{right:0}.menu{display:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.6);color:#fff;background:transparent;border-radius:50%;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 27px;border:1px solid var(--forest);border-radius:999px;color:#fff;background:var(--forest);font-size:13px;font-weight:800;line-height:1.2;transition:.3s}.btn:hover{background:var(--forest-deep);transform:translateY(-2px)}.btn-accent{border-color:var(--brass);color:var(--ink);background:var(--brass)}.btn-accent:hover{background:#d1b66e}.btn-light{color:var(--ink);border-color:var(--white);background:var(--white)}.text-link{display:inline-flex;gap:14px;align-items:center;padding-bottom:5px;border-bottom:1px solid;font-weight:800}.section{padding-block:var(--section);overflow:clip}.eyebrow{margin:0 0 16px;color:#86672f;font-size:12px;font-weight:800;letter-spacing:.13em}.eyebrow::before{content:"";display:inline-block;width:26px;height:1px;margin:0 11px 4px 0;background:currentColor}.eyebrow>span,.hero-kicker>span,.map small{margin-left:9px;font-size:8px;font-weight:700;letter-spacing:.22em;opacity:.67}.title{margin:0 0 30px;font:800 clamp(40px,5.6vw,72px)/1.26 var(--display);letter-spacing:-.045em}.lead{max-width:720px;color:var(--muted);font-size:clamp(16px,1.7vw,20px)}
.hero{position:relative;min-height:max(740px,calc(100svh - 112px));color:#fff;background:var(--ink);overflow:hidden}.hero-art{position:absolute;inset:0}.hero-frame{position:absolute;margin:0;overflow:hidden;will-change:transform}.hero-frame img{height:100%;object-fit:cover;will-change:transform}.hero-main{inset:0;clip-path:polygon(0 0,100% 0,100% 86%,88% 100%,0 100%)}.hero-main::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,17,14,.83) 0%,rgba(12,17,14,.48) 48%,rgba(12,17,14,.13) 82%),linear-gradient(0deg,rgba(12,17,14,.45),transparent 55%)}.hero-worker{right:4vw;bottom:4.5vw;z-index:3;width:min(310px,22vw);height:min(235px,27vh);border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 65px rgba(0,0,0,.35)}.hero-worker::after{content:"現場の仕事を見る  CRAFT";position:absolute;left:0;right:0;bottom:0;padding:13px 16px;background:rgba(18,24,20,.85);font-size:10px;font-weight:700;letter-spacing:.13em}.hero-detail,.shape{display:none}.hero-wipe{position:absolute;top:0;bottom:0;z-index:4;width:50.5%;display:none;background:var(--ink)}[data-motion=on] .hero-wipe{display:block}.hero-wipe-left{left:0}.hero-wipe-right{right:0}.hero-layout{position:relative;z-index:5;min-height:max(740px,calc(100svh - 112px));display:flex;align-items:center}.hero-copy{width:min(860px,78%);padding:90px 0 130px}.hero-kicker{margin:0 0 26px;color:var(--brass);font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1{margin:0;font:900 clamp(60px,8.2vw,118px)/1.02 var(--display);letter-spacing:-.075em}.hero h1 em{color:#fff;font-style:normal}.hero h1 .char{display:inline-block;will-change:transform,opacity}.hero-lead{max-width:650px;margin:31px 0 0;color:#e7e7e1;font-size:clamp(15px,1.5vw,18px)}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.hero-link{display:inline-flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.6);font-weight:800}.hero-link span{display:grid;place-items:center;width:28px;height:28px;color:var(--ink);background:var(--brass);border-radius:50%}.scroll-cue{position:absolute;left:35px;bottom:33px;z-index:6;display:flex;gap:14px;align-items:center;color:#c5c5bd;font-size:8px;letter-spacing:.2em;transform:rotate(-90deg);transform-origin:left center}.scroll-cue i{display:block;width:65px;height:1px;background:#aaa}
.ticker{overflow:hidden;padding:16px 0;color:#191d19;background:var(--brass)}.ticker-track{display:flex;align-items:center;width:max-content;gap:32px;white-space:nowrap;will-change:transform}.ticker-track span{font:800 15px var(--sans);letter-spacing:.12em}.ticker-track i{width:5px;height:5px;background:var(--forest);transform:rotate(45deg)}.facts{position:relative;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);margin-top:-1px;color:#fff;background:var(--forest-deep);border-inline:1px solid rgba(255,255,255,.12)}.fact{padding:36px 38px;border-right:1px solid rgba(255,255,255,.15)}.fact:last-child{border:0}.fact strong{display:block;color:var(--brass);font:800 37px var(--sans);letter-spacing:-.04em}.fact span{color:#c6cbc7;font-size:11px}
.intro{position:relative}.intro::before{content:"青葉建設";position:absolute;left:-.02em;top:3%;color:rgba(53,71,62,.045);font:900 clamp(82px,14vw,210px)/1 var(--sans);letter-spacing:-.08em;white-space:nowrap}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(48px,8vw,110px)}.intro-copy{position:relative;z-index:2}.intro-copy .title em{color:var(--forest);font-style:normal}.quote{margin:34px 0;padding:27px 0;border-block:1px solid var(--line);font:700 21px/1.75 var(--display)}.collage{position:relative;min-height:650px}.collage figure{position:absolute;margin:0;overflow:hidden}.collage-main{left:0;top:0;width:83%;height:82%;clip-path:polygon(0 0,100% 0,100% 89%,86% 100%,0 100%)}.collage-sub{right:0;bottom:0;width:49%;height:47%;border:9px solid var(--paper);box-shadow:0 24px 60px rgba(30,30,30,.14)}.collage img{height:100%;object-fit:cover}.collage-word{position:absolute;left:-6%;bottom:0;z-index:3;color:var(--brass);font:900 clamp(42px,6vw,74px)/1 var(--sans);letter-spacing:-.06em;writing-mode:vertical-rl;transform:rotate(180deg)}
.section-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(40px,8vw,110px);margin-bottom:62px}.section-head .title,.section-head .lead{margin-bottom:0}.services{background:var(--white)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#a9aaa5}.service-card{position:relative;min-height:570px;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;color:#fff;background:#222;overflow:hidden;transform-style:preserve-3d}.service-card:nth-child(1){background:url("images/hero-japanese-homes.jpg") center/cover}.service-card:nth-child(2){background:url("images/exterior-detail.jpg") center/cover}.service-card:nth-child(3){background:url("images/asian-roof-worker.jpg") center/cover}.service-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,9,.06) 10%,rgba(13,18,15,.93) 100%);transition:.4s}.service-card:hover::before{background:linear-gradient(180deg,rgba(8,12,9,.18),rgba(13,18,15,.95))}.service-card>*{position:relative}.service-card .num{color:var(--brass);font-size:11px;font-weight:800;letter-spacing:.1em}.service-card h3{margin:11px 0;font:800 31px var(--display);letter-spacing:-.04em}.service-card p{margin:0;color:#dfe2df;font-size:13px}.service-card a{align-self:flex-start;margin-top:20px;padding-bottom:4px;border-bottom:1px solid;font-size:12px;font-weight:800}
.project-moment{position:relative;min-height:840px;display:grid;align-items:center;color:#fff;background:var(--ink);overflow:hidden}.moment-media{position:absolute;inset:0}.moment-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,17,14,.94),rgba(12,17,14,.22) 78%)}.moment-media img{height:115%;object-fit:cover;will-change:transform}.moment-copy{position:relative;z-index:2}.moment-copy>*{max-width:720px}.moment-num{margin:0 0 -31px;color:rgba(255,255,255,.12);font:900 148px/1 var(--sans)}.moment-copy h2{margin:0;font:900 clamp(48px,6.7vw,86px)/1.2 var(--display);letter-spacing:-.055em}.moment-copy>p:last-child{max-width:560px;margin-top:28px;color:#ddd;font-size:16px}.works-band{color:#fff;background:var(--forest-deep)}.works-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:300px;gap:10px}.work-card{position:relative;margin:0;overflow:hidden;background:#1d2923}.work-card:first-child{grid-row:span 2}.work-card img{height:100%;object-fit:cover;filter:saturate(.72);transition:.7s}.work-card:hover img{transform:scale(1.05);filter:saturate(.95)}.work-card::after{content:attr(data-label);position:absolute;left:16px;bottom:15px;padding:7px 11px;color:var(--ink);background:var(--brass);font-size:10px;font-weight:800}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:step}.process article{counter-increment:step;padding-top:23px;border-top:1px solid var(--line)}.process article::before{content:"0" counter(step);display:block;color:#8d7039;font:800 29px var(--sans)}.process h3{margin:12px 0 8px}.process p{margin:0;color:var(--muted);font-size:13px}.cta{padding:100px 0;color:#fff;background:var(--forest);overflow:hidden}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:45px}.cta h2{margin:0;font:800 clamp(34px,4.8vw,59px)/1.34 var(--display);letter-spacing:-.045em}.footer{padding:78px 0 40px;color:#ddd;background:#171b18}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px}.footer-nav{display:flex;flex-direction:column;gap:10px;font-size:13px;font-weight:700}.footer p{color:#929792;font-size:11px}.mobile-cta{display:none}
.page-hero{position:relative;min-height:600px;display:grid;align-items:center;color:#fff;background:var(--ink);overflow:hidden}.page-hero::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;clip-path:polygon(0 0,100% 0,100% 84%,89% 100%,0 100%)}.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,18,15,.9),rgba(13,18,15,.15));clip-path:polygon(0 0,100% 0,100% 84%,89% 100%,0 100%)}.page-about::before{background-image:url("images/construction-team.jpg")}.page-service::before{background-image:url("images/asian-roof-worker.jpg")}.page-works::before{background-image:url("images/hero-japanese-homes.jpg")}.page-contact::before{background-image:url("images/exterior-detail.jpg")}.page-hero .container{position:relative;z-index:2}.page-hero h1{margin:0;font:900 clamp(51px,7vw,88px)/1.18 var(--display);letter-spacing:-.06em}.page-hero p:not(.eyebrow){max-width:640px;color:#ecece7}.page-index{position:absolute;right:4%;bottom:-90px;z-index:2;color:rgba(255,255,255,.1);font:900 260px/1 var(--sans)}.article-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:100px}.article-grid>aside{position:sticky;top:125px;align-self:start}.article-grid>aside a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.article-section{padding-bottom:95px}.article-section h2{margin:0 0 25px;font:800 clamp(34px,4vw,55px)/1.38 var(--display);letter-spacing:-.04em}.photo-block{position:relative;margin:40px 0}.photo-block img{aspect-ratio:16/9;object-fit:cover}.photo-block::before{content:"";position:absolute;inset:-13px 32px 25px -13px;border:1px solid var(--brass);z-index:-1}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.values article{min-height:260px;padding:36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.values b{color:#8d7039;font:800 27px var(--sans)}.values h3{margin:47px 0 10px;font:800 22px var(--display)}.detail-list{display:flex;flex-direction:column;gap:115px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.detail:nth-child(even) .detail-copy{order:2}.detail-media{height:500px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 89%,88% 100%,0 100%)}.detail-media img{height:115%;object-fit:cover}.detail h2{margin:0 0 20px;font:800 44px var(--display);letter-spacing:-.04em}.bullets{list-style:none;padding:0;border-top:1px solid var(--line)}.bullets li{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.project-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{margin:0;background:var(--white);overflow:hidden}.project img{aspect-ratio:4/3;object-fit:cover;transition:.7s}.project:hover img{transform:scale(1.035)}.project figcaption{padding:25px}.project b{display:block;font:800 22px var(--display)}.project span{color:var(--muted);font-size:11px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{position:relative;padding:23px 50px 23px 38px;list-style:none;cursor:pointer;font-weight:800}.faq summary::before{content:"Q";position:absolute;left:0;color:#8d7039;font-weight:800}.faq summary::after{content:"＋";position:absolute;right:4px}.faq details[open] summary::after{content:"−"}.faq details p{padding:0 36px 24px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-card{padding:48px;background:var(--white);border:1px solid var(--line)}.contact-card h2{font:800 26px var(--display)}.fake-phone{color:var(--forest);font:800 30px var(--sans)}.contact-card button{width:100%;min-height:50px;margin-top:18px;border:0;color:#777;background:#dedbd2}.map{min-height:440px;display:grid;place-items:center;text-align:center;background-color:#d9d6cd;background-image:linear-gradient(30deg,transparent 49%,rgba(53,71,62,.15) 50%,transparent 51%),linear-gradient(150deg,transparent 49%,rgba(53,71,62,.15) 50%,transparent 51%);background-size:70px 70px}.map div{padding:30px 42px;color:#fff;background:var(--forest)}.map small{display:block;margin:4px 0 0}.credit{margin-top:15px;color:var(--muted);font-size:9px}.credit a{text-decoration:underline}

/* Scroll-linked showcase inspired by the pacing of the reference site. */
.craft-scroll{padding:var(--section) 0;color:#fff;background:var(--forest-deep)}.scroll-showcase-head{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:end;margin-bottom:70px}.scroll-showcase-head .eyebrow,.scroll-showcase-head .title{grid-column:1}.scroll-showcase-head .title{margin-bottom:0}.scroll-showcase-head .lead{grid-column:2;grid-row:1/3;color:#bec7c1}.scroll-showcase{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(45px,7vw,100px);align-items:start}.scroll-stage,.service-stage{position:sticky;top:118px;height:calc(100vh - 160px);min-height:560px;max-height:760px;overflow:hidden;background:#111814}.swap-visual{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.04);will-change:opacity,transform}.swap-visual.is-active{opacity:1;visibility:visible;transform:scale(1)}.swap-visual img{height:100%;object-fit:cover}.swap-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,15,12,.82))}.craft-visual figcaption{position:absolute;left:38px;bottom:34px;z-index:2}.craft-visual figcaption b{display:block;font-size:clamp(23px,3vw,40px)}.craft-visual figcaption span{color:#d6dcd7;font-size:12px}.stage-counter{position:absolute;right:0;top:0;z-index:3;display:flex;align-items:center;gap:12px;padding:18px 22px;color:var(--ink);background:var(--brass);font-size:11px;font-weight:800}.stage-counter i{width:32px;height:1px;background:currentColor}.stage-counter .stage-current{font-size:22px}.scroll-steps{padding-bottom:14vh}.scroll-step{min-height:68vh;display:flex;flex-direction:column;justify-content:center;padding:65px 0;border-top:1px solid rgba(255,255,255,.18);opacity:.38;transition:opacity .45s}.scroll-step.is-active{opacity:1}.scroll-step>span{color:var(--brass);font-size:12px;font-weight:800;letter-spacing:.18em}.scroll-step h3{margin:20px 0 25px;font:800 clamp(32px,4vw,54px)/1.3 var(--display);letter-spacing:-.05em}.scroll-step p{margin:0;color:#c8cfca;font-size:14px}
.flow-gallery{padding:110px 0 75px;color:#fff;background:#151916;overflow:hidden}.flow-copy{width:min(calc(100% - 56px),var(--max));margin:0 auto 48px}.flow-copy span{display:block;font:900 clamp(37px,6vw,78px)/1.2 var(--display);letter-spacing:-.06em}.flow-copy small{display:block;margin-top:12px;color:var(--brass);letter-spacing:.22em}.flow-rail{width:100%;overflow:hidden}.flow-track{display:flex;width:max-content;gap:16px;padding-right:16px;animation:flow-left 34s linear infinite}.flow-track figure{position:relative;width:clamp(260px,30vw,460px);aspect-ratio:1.45;margin:0;overflow:hidden;border-radius:2px}.flow-track img{height:100%;object-fit:cover;filter:saturate(.72)}.flow-track figcaption{position:absolute;left:14px;bottom:12px;padding:5px 10px;color:var(--ink);background:var(--brass);font-size:10px;font-weight:800}.flow-rail-b{margin-top:30px;border-block:1px solid rgba(255,255,255,.16)}.flow-words{display:flex;width:max-content;gap:28px;padding:13px 0;font-size:16px;font-weight:800;letter-spacing:.14em;animation:flow-right 24s linear infinite}.flow-words i{color:var(--brass);font-style:normal}@keyframes flow-left{to{transform:translateX(-50%)}}@keyframes flow-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.services{color:#fff;background:#303431}.services .section-head .lead{color:#c3c7c3}.service-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(48px,8vw,110px);align-items:start}.service-stage{top:116px}.service-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,19,16,.45),transparent 55%)}.service-stage-label{position:absolute;left:0;bottom:0;z-index:4;display:flex;align-items:flex-end;gap:18px;padding:23px 27px;color:var(--ink);background:var(--brass)}.service-stage-label span{font-size:32px;font-weight:900}.service-stage-label small{padding-bottom:7px;font-size:8px;letter-spacing:.2em}.service-scroll-list{padding-bottom:15vh}.service-scroll-item{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:70px 0;border-top:1px solid rgba(255,255,255,.18);opacity:.35;transition:opacity .45s}.service-scroll-item.is-active{opacity:1}.service-scroll-item>span{color:var(--brass);font-size:11px;font-weight:800;letter-spacing:.13em}.service-scroll-item h3{margin:18px 0 23px;font:900 clamp(37px,4.5vw,64px)/1.15 var(--display);letter-spacing:-.06em}.service-scroll-item p{max-width:600px;margin:0;color:#d4d7d4;font-size:14px}.service-scroll-item a{align-self:flex-start;margin-top:28px;padding-bottom:5px;border-bottom:1px solid;font-size:12px;font-weight:800}
.numbers-lab{padding:var(--section) 0;background:#e5dfcf;overflow:hidden}.numbers-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px 70px;align-items:center}.numbers-copy{position:relative;z-index:2}.isometric-town{min-height:380px;display:grid;place-items:center}.isometric-town svg{width:min(100%,570px);filter:drop-shadow(0 28px 24px rgba(39,52,46,.16))}.number-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:15px;border-top:1px solid #aaa596;border-left:1px solid #aaa596}.number-grid article{min-height:170px;padding:30px;border-right:1px solid #aaa596;border-bottom:1px solid #aaa596}.number-grid strong{display:block;color:var(--forest);font:900 clamp(38px,5vw,65px)/1 var(--sans);letter-spacing:-.06em}.number-grid span{display:block;margin-top:18px;color:#676a65;font-size:11px}
@media(max-width:960px){.nav{position:fixed;inset:114px 0 0;display:none;flex-direction:column;align-items:stretch;padding:35px 24px;color:var(--ink);background:var(--paper);font-size:16px}.nav.open{display:flex}.nav a{padding:10px 4px}.menu{display:block}.hero,.hero-layout{min-height:820px}.hero-copy{width:80%}.hero-worker{width:27vw}.section-head{grid-template-columns:1fr}.split,.detail,.article-grid{grid-template-columns:1fr}.collage{min-height:570px}.service-card{min-height:480px}.works-grid{grid-template-columns:1fr 1fr}.work-card:first-child{grid-column:1/-1}.article-grid>aside{position:static;display:none}.detail:nth-child(even) .detail-copy{order:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>p{grid-column:1/-1}}
@media(max-width:640px){.container{width:min(calc(100% - 30px),var(--max))}.header-inner{min-height:70px}.logo-mark{width:37px;height:37px}.logo-mark::before{left:17px;top:6px;height:25px}.logo-mark::after{left:7px;top:18px;width:22px}.nav{inset:100px 0 0}.hero,.hero-layout{min-height:780px}.hero-main{clip-path:polygon(0 0,100% 0,100% 91%,82% 100%,0 100%)}.hero-main::after{background:linear-gradient(0deg,rgba(12,17,14,.91) 15%,rgba(12,17,14,.2) 85%)}.hero-worker{right:15px;bottom:22px;width:42vw;height:145px}.hero-worker::after{padding:8px 9px;font-size:7px}.hero-layout{align-items:flex-end}.hero-copy{width:100%;padding:250px 0 130px}.hero h1{font-size:clamp(48px,15vw,67px)}.hero-kicker{font-size:10px}.hero-lead{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.scroll-cue{display:none}.ticker{padding:12px 0}.ticker-track span{font-size:12px}.facts,.service-grid,.process,.values,.project-list,.contact-grid{grid-template-columns:1fr}.fact{padding:26px 25px;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.section{padding-block:78px}.title{font-size:39px}.collage{min-height:500px}.collage-main{width:89%;height:78%}.collage-sub{width:53%;height:45%;border-width:6px}.collage-word{left:-1%;font-size:44px}.service-card{min-height:440px}.project-moment{min-height:700px}.moment-num{font-size:92px}.moment-copy h2{font-size:43px}.works-grid{grid-template-columns:1fr;grid-auto-rows:270px}.work-card:first-child{grid-column:auto;grid-row:auto}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-grid>p{grid-column:auto}.page-hero{min-height:500px}.page-hero h1{font-size:44px}.page-index{font-size:170px}.detail-list{gap:78px}.detail{gap:32px}.detail-media{height:330px}.contact-card{padding:32px 25px}.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1fr 1fr}.mobile-cta a{padding:13px;text-align:center;font-size:12px;font-weight:800;background:var(--brass)}.mobile-cta a:last-child{color:#fff;background:var(--forest)}}
@media(max-width:960px){.scroll-showcase-head{grid-template-columns:1fr}.scroll-showcase-head .lead{grid-column:1;grid-row:auto}.scroll-showcase,.service-showcase{grid-template-columns:1fr 1fr;gap:38px}.scroll-stage,.service-stage{top:112px;height:62vh;min-height:480px}.numbers-layout{grid-template-columns:1fr 1fr}.number-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.craft-scroll{padding:78px 0}.scroll-showcase-head{margin-bottom:42px}.scroll-showcase{grid-template-columns:1fr}.scroll-stage{top:98px;z-index:3;height:46vh;min-height:330px}.scroll-steps{padding-bottom:0}.scroll-step{min-height:58vh;padding:70px 4px}.scroll-step h3{font-size:35px}.craft-visual figcaption{left:20px;bottom:20px}.stage-counter{padding:10px 14px}.stage-counter .stage-current{font-size:18px}.flow-gallery{padding:75px 0 50px}.flow-copy{width:min(calc(100% - 30px),var(--max));margin-bottom:32px}.flow-track{gap:10px;padding-right:10px;animation-duration:25s}.flow-track figure{width:72vw}.service-showcase{grid-template-columns:1fr}.service-stage{top:98px;z-index:3;height:43vh;min-height:310px}.service-scroll-list{padding-bottom:0}.service-scroll-item{min-height:62vh;padding:70px 4px}.service-scroll-item h3{font-size:40px}.numbers-layout{grid-template-columns:1fr}.isometric-town{min-height:280px}.number-grid{grid-template-columns:1fr 1fr}.number-grid article{min-height:140px;padding:22px}.number-grid strong{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.flow-track,.flow-words{transform:none!important}}
.service-visual img{filter:brightness(1.12) saturate(.86)}.service-visual::after{background:linear-gradient(0deg,rgba(15,19,16,.3),transparent 55%)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) brightness(.86);will-change:transform;background:var(--ink)}.hero-main::after{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(9,14,11,.9) 0%,rgba(9,14,11,.62) 45%,rgba(9,14,11,.24) 78%),linear-gradient(0deg,rgba(9,14,11,.58),transparent 58%)}
@media(max-width:640px){.hero-main::after{background:linear-gradient(0deg,rgba(9,14,11,.94) 8%,rgba(9,14,11,.48) 56%,rgba(9,14,11,.18) 100%)}.hero-video{object-position:center center;filter:saturate(.78) brightness(.82)}}
@media(prefers-reduced-motion:reduce){.hero-main{background:url("images/hero-japanese-homes.jpg") center/cover}.hero-video{display:none}}

/* Simplified home hero: the company film remains the single visual focus. */
.home .header{position:absolute;top:27px;left:0;width:100%;color:#fff;background:linear-gradient(180deg,rgba(10,14,11,.42),transparent);border:0;backdrop-filter:none}.home .header .logo small{color:rgba(255,255,255,.72)}.home .header .nav .btn-accent{border-color:rgba(255,255,255,.7);color:#fff;background:rgba(12,18,14,.18)}.home .hero,.home .hero-layout{min-height:calc(100svh - 27px)}.home .hero-main{clip-path:none}.home .hero-main::after{background:linear-gradient(0deg,rgba(8,13,10,.88) 0%,rgba(8,13,10,.52) 28%,rgba(8,13,10,.08) 67%,rgba(8,13,10,.2) 100%)}.home .hero-video{filter:saturate(.88) brightness(.96)}.home .hero-layout{align-items:flex-end}.home .hero-copy{width:100%;padding:0 0 clamp(54px,7vh,88px)}.home .hero-kicker{margin-bottom:14px;color:#e0c778}.home .hero h1{max-width:1050px;font-size:clamp(48px,7.2vw,96px);line-height:1.08;letter-spacing:-.065em}.home .hero-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:27px;padding-top:19px;border-top:1px solid rgba(255,255,255,.68)}.home .hero-lead{max-width:480px;margin:0;color:rgba(255,255,255,.8);font-size:13px;line-height:1.8}.home .hero-actions{flex:0 0 auto;margin:0;gap:30px}.home .hero-link{border-bottom:0;font-size:12px}.home .hero-link-sub{color:rgba(255,255,255,.73)}.home .scroll-cue{display:none}
@media(max-width:960px){.home .header{top:27px}.home .nav{background:rgba(241,238,229,.97)}.home .hero-copy{padding-bottom:74px}}
@media(max-width:640px){.home .hero,.home .hero-layout{min-height:calc(100svh - 27px)}.home .hero-main::after{background:linear-gradient(0deg,rgba(8,13,10,.94) 0%,rgba(8,13,10,.54) 36%,rgba(8,13,10,.08) 72%)}.home .hero-video{object-position:center;filter:saturate(.84) brightness(.94)}.home .hero-copy{padding:0 0 72px}.home .hero-kicker{margin-bottom:11px;font-size:8px}.home .hero h1{font-size:clamp(40px,11.2vw,57px);line-height:1.16;letter-spacing:-.055em}.home .hero-meta{display:block;margin-top:19px;padding-top:14px}.home .hero-lead{font-size:11px;line-height:1.7}.home .hero-actions{flex-direction:row;flex-wrap:wrap;gap:6px 22px;margin-top:11px}.home .hero-link{font-size:10px;padding:5px 0}.home .hero-link span{width:23px;height:23px}}

/* Building story: fixed two-line title and scene-responsive atmosphere. */
.craft-scroll{transition:background-color 1s cubic-bezier(.22,1,.36,1)}.craft-scroll[data-active-scene="0"]{background-color:#26342e}.craft-scroll[data-active-scene="1"]{background-color:#3d342b}.craft-scroll[data-active-scene="2"]{background-color:#273a3e}.craft-scroll .scroll-showcase-head{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr)}.craft-scroll-title{font-size:clamp(40px,4.65vw,64px);line-height:1.25}.craft-scroll-title span{display:block;white-space:nowrap}.craft-stage{transform-origin:center center;will-change:transform,opacity}.craft-scroll[data-active-scene="1"] .stage-counter{background:#d0a765}.craft-scroll[data-active-scene="2"] .stage-counter{background:#a8c0bd}
@media(max-width:960px){.craft-scroll .scroll-showcase-head{grid-template-columns:1fr}.craft-scroll-title{font-size:clamp(38px,6vw,57px)}}
@media(max-width:640px){.craft-scroll-title{font-size:clamp(28px,8vw,38px);line-height:1.35}.craft-scroll-title span{white-space:nowrap}}

/* Shared Instagram mark from the Kids Dream Project site (link intentionally unset). */
.instagram-mark{display:inline-grid;place-items:center;flex:0 0 auto;width:42px;height:42px;background:transparent;user-select:none}.instagram-mark img{width:31px;height:31px;object-fit:contain}.header-instagram{margin-left:-8px}.footer-social{display:flex;align-items:center;margin-top:14px;color:#aeb3ae}.footer-instagram{width:46px;height:46px}.footer-instagram img{width:34px;height:34px}.footer-social small{font-size:9px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:960px){.header-instagram{margin-left:auto}}
@media(max-width:640px){.header-instagram{width:38px;height:38px;margin-left:auto}.header-instagram img{width:28px;height:28px}.footer-social{margin-top:10px}}

/* Expanded construction gallery and larger Japanese process marquee. */
.flow-track{animation-duration:68s}.flow-track img{filter:saturate(.82) contrast(1.03);transition:transform .8s ease,filter .8s ease}.flow-track figure:hover img{transform:scale(1.045);filter:saturate(1)}.flow-rail-b{margin-top:38px;border-block-color:rgba(255,255,255,.26)}.flow-words{gap:42px;padding:20px 0;font-size:clamp(23px,2.5vw,38px);line-height:1.2;letter-spacing:.08em;animation-duration:38s}.flow-words span{white-space:nowrap}.flow-words i{font-size:.55em}

/* Bolder, scene-responsive building story. */
.craft-scroll{position:relative;isolation:isolate;overflow:visible;transition:background-color .9s cubic-bezier(.22,1,.36,1),color .7s ease}.craft-scroll>*:not(.craft-backdrop-word){position:relative;z-index:1}.craft-backdrop-word{position:absolute;right:-.08em;top:.1em;z-index:0;color:#fff;font:900 clamp(150px,28vw,430px)/.85 var(--display);letter-spacing:-.12em;opacity:.14;pointer-events:none;transform-origin:center;white-space:nowrap}.craft-scroll[data-active-scene="0"]{background:#0c5058}.craft-scroll[data-active-scene="1"]{background:#873e24}.craft-scroll[data-active-scene="2"]{background:#363274}.craft-scroll[data-active-scene="0"] .craft-scroll-title{color:#ffe06c}.craft-scroll[data-active-scene="1"] .craft-scroll-title{color:#a8f0cc}.craft-scroll[data-active-scene="2"] .craft-scroll-title{color:#ffb5a7}.craft-scroll .craft-scroll-title,.craft-scroll .eyebrow,.craft-scroll .lead,.craft-scroll .scroll-step h3,.craft-scroll .scroll-step p{transition:color .65s ease}.craft-scroll .scroll-showcase-head .lead{color:rgba(255,255,255,.82)}.craft-scroll .eyebrow{color:rgba(255,255,255,.72)}.craft-scroll[data-active-scene="0"] .scroll-step>span{color:#ffe06c}.craft-scroll[data-active-scene="1"] .scroll-step>span{color:#a8f0cc}.craft-scroll[data-active-scene="2"] .scroll-step>span{color:#ffb5a7}.craft-scroll .scroll-step{border-color:rgba(255,255,255,.28)}.craft-scroll .scroll-step p{color:rgba(255,255,255,.79)}.craft-stage{border:1px solid rgba(255,255,255,.24);box-shadow:0 35px 80px rgba(0,0,0,.24)}.craft-visual img{transform:scale(1.035)}
@media(max-width:700px){.flow-words{gap:28px;padding:17px 0;font-size:25px}.craft-backdrop-word{top:1.25em;font-size:44vw}.craft-scroll[data-active-scene="0"],.craft-scroll[data-active-scene="1"],.craft-scroll[data-active-scene="2"]{background-attachment:scroll}}

/* Restore the desktop scrollytelling: sticky must not sit inside an overflow container. */
.craft-scroll{overflow:visible}.craft-stage{position:sticky}.craft-visual{transition:visibility 0s linear .72s}.craft-visual.is-active{transition-delay:0s}.craft-visual img{transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.craft-visual.is-active img{transform:scale(1)}

/* Home-page palette: paper, sage, forest and brass outside the building-story feature. */
.flow-gallery{color:#213129;background:#d8ded5}.flow-copy small{color:#7e6330}.flow-track figcaption{color:#fff;background:#35473e}.flow-rail-b{border-color:rgba(33,49,41,.24)}.flow-words{color:#293a31}.flow-words i{color:#9a7633}
.services{color:#213129;background:#e8e4d9}.services .section-head .lead{color:#5f685f}.services .eyebrow,.services .service-scroll-item>span{color:#82642f}.services .service-scroll-item{border-color:rgba(38,55,46,.2);opacity:.42}.services .service-scroll-item.is-active{opacity:1}.services .service-scroll-item p{color:#566159}.services .service-scroll-item a{color:#263a30}
.home .project-moment{background:#26382f}.home .moment-media::after{background:linear-gradient(90deg,rgba(31,50,40,.93),rgba(31,50,40,.28) 78%)}.home .works-band{background:#31483c}.home .cta{background:#425b4c}
@media(max-width:700px){.craft-scroll{overflow:visible}.flow-gallery{background:#d8ded5}.services{background:#e8e4d9}}

/* Synchronized three-scene story: the heading and image stage remain visible together. */
.craft-scroll{--craft-head-h:238px;padding:0 0 var(--section);transition-duration:.58s}.craft-scroll .scroll-showcase-head{position:sticky;top:0;z-index:8;min-height:var(--craft-head-h);margin-bottom:0;padding:28px 0 24px;align-content:center;background-color:inherit;border-bottom:1px solid rgba(255,255,255,.2)}.craft-scroll .scroll-showcase-head .title{font-size:clamp(36px,4.25vw,58px)}.craft-scroll .scroll-showcase{padding-top:28px}.craft-scroll .craft-stage{top:calc(var(--craft-head-h) + 18px);height:calc(100vh - var(--craft-head-h) - 42px);min-height:390px;max-height:570px}.craft-scroll .scroll-steps{padding-bottom:52vh}.craft-scroll .scroll-step{min-height:100vh}.craft-scroll .scroll-step.is-active{opacity:1}.craft-scroll .craft-visual{transition-duration:.58s}.craft-scroll .craft-visual figcaption,.craft-scroll .stage-counter{transition:background-color .58s ease,color .58s ease}
@media(max-width:960px){.craft-scroll{--craft-head-h:210px}.craft-scroll .craft-stage{top:calc(var(--craft-head-h) + 14px);min-height:330px}.craft-scroll .scroll-step{min-height:92vh}}
@media(max-width:700px){.craft-scroll{--craft-head-h:188px;padding-top:0}.craft-scroll .scroll-showcase-head{display:block;min-height:var(--craft-head-h);padding:20px 0 15px}.craft-scroll .scroll-showcase-head .eyebrow{margin-bottom:10px}.craft-scroll .scroll-showcase-head .title{font-size:clamp(27px,7.8vw,36px);line-height:1.3}.craft-scroll .scroll-showcase-head .lead{display:none}.craft-scroll .scroll-showcase{padding-top:14px}.craft-scroll .craft-stage{top:calc(var(--craft-head-h) + 10px);height:36vh;min-height:275px;max-height:330px}.craft-scroll .scroll-steps{padding-bottom:40vh}.craft-scroll .scroll-step{min-height:92vh;padding:calc(36vh + 68px) 4px 70px;justify-content:flex-start}}

/* Keep each matching explanation visible while its image and backdrop word are active. */
.craft-scroll{--craft-head-h:278px}.craft-scroll .scroll-showcase-head{min-height:var(--craft-head-h)}.craft-scroll .craft-stage{top:calc(var(--craft-head-h) + 16px);height:calc(100vh - var(--craft-head-h) - 38px)}.craft-scroll .scroll-step{display:block;min-height:100vh;padding:0}.craft-step-inner{position:sticky;top:calc(var(--craft-head-h) + 58px);padding:24px 0 70px}.craft-step-inner>span{color:var(--brass);font-size:12px;font-weight:800;letter-spacing:.18em}.craft-step-inner h3{margin:20px 0 25px;font:800 clamp(32px,4vw,54px)/1.3 var(--display);letter-spacing:-.05em}.craft-step-inner p{margin:0;color:rgba(255,255,255,.79);font-size:14px}
@media(max-width:960px){.craft-scroll{--craft-head-h:230px}.craft-step-inner{top:calc(var(--craft-head-h) + 48px)}}
@media(max-width:700px){.craft-scroll{--craft-head-h:188px}.craft-scroll .craft-stage{top:calc(var(--craft-head-h) + 10px)}.craft-scroll .scroll-step{min-height:92vh;padding:0}.craft-step-inner{top:calc(var(--craft-head-h) + 36vh + 28px);padding:24px 4px 70px}.craft-step-inner h3{font-size:34px}}

.craft-step .craft-step-inner{transition:opacity .28s ease,visibility .28s ease}.craft-step:not(.is-active) .craft-step-inner{opacity:0;visibility:hidden}.craft-step.is-active .craft-step-inner{opacity:1;visibility:visible}

/* Keep the active action word inside the sticky story header for all three scenes. */
.craft-scroll .scroll-showcase-head{overflow:visible}
.craft-scroll .scroll-showcase-head .eyebrow,.craft-scroll .scroll-showcase-head .craft-scroll-title{position:relative;z-index:2}
.craft-scroll .scroll-showcase-head .craft-backdrop-word{right:calc((100vw - 1220px)/-2 + 60px);top:32px;z-index:1;width:max-content;max-width:none;color:#fff;font-size:clamp(250px,19vw,330px);line-height:.86;letter-spacing:-.12em;text-align:right;opacity:.14;transform-origin:center;white-space:nowrap;overflow:visible}
@media(max-width:1275px){.craft-scroll .scroll-showcase-head .craft-backdrop-word{right:46px}}
@media(max-width:960px){.craft-scroll .scroll-showcase-head .craft-backdrop-word{right:20px;top:38px;width:max-content;font-size:clamp(112px,16vw,152px);line-height:.9;letter-spacing:-.1em}}
@media(max-width:700px){.craft-scroll .scroll-showcase-head .craft-backdrop-word{right:10px;top:73px;font-size:clamp(72px,22vw,96px);letter-spacing:-.08em;opacity:.16}}

/* The home header becomes a translucent fixed layer after the hero. */
.home .header.is-fixed{position:fixed;top:0;background:rgba(18,24,20,.68);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 10px 34px rgba(12,17,14,.13);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);animation:home-header-in .46s cubic-bezier(.22,1,.36,1);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .32s ease}
.home .header.is-fixed.is-craft-hidden{transform:translateY(-110%);opacity:0;pointer-events:none}
.home .header.is-fixed .header-inner{min-height:72px}
.home .header.is-fixed .logo small{color:rgba(255,255,255,.7)}
.home .header.is-fixed .nav .btn-accent{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.1)}
@keyframes home-header-in{from{transform:translateY(-100%);opacity:.35}to{transform:translateY(0);opacity:1}}
@media(max-width:960px){.home .header.is-fixed{top:0}.home .header.is-fixed .nav{inset:72px 0 0;background:rgba(241,238,229,.97);backdrop-filter:blur(16px)}}
@media(max-width:640px){.home .header.is-fixed .header-inner{min-height:70px}.home .header.is-fixed .nav{inset:70px 0 0}}
@media(prefers-reduced-motion:reduce){.home .header.is-fixed{animation:none}}

/* Preserve intentional two-line breaks in the three large home-page headings. */
.numbers-copy .title,.works-band .section-head .title{font-size:clamp(40px,4.6vw,64px);line-height:1.28}
.moment-copy h2{max-width:1040px}
@media(max-width:640px){.numbers-copy .title,.works-band .section-head .title{font-size:34px;line-height:1.34}.moment-copy h2{max-width:100%;font-size:34px;line-height:1.34}}

/* Editorial data dashboard inspired by report layouts, recolored for Aoba Craft. */
.numbers-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;gap:12px}
.numbers-dashboard>article{position:relative;overflow:hidden;border:1px solid rgba(53,71,62,.14);background:rgba(251,250,246,.58)}
.numbers-intro-card{grid-column:1;grid-row:1;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;padding:30px 30px 22px;color:#fff;background:#35473e!important}
.numbers-intro-card>div:first-child{position:relative;z-index:2}.numbers-intro-card .eyebrow{margin-bottom:4px;color:#d2bd82}.numbers-data-label{margin:0;color:rgba(255,255,255,.13);font:300 clamp(58px,7vw,92px)/1 var(--sans);letter-spacing:-.065em}.numbers-intro-card h2{position:relative;z-index:2;margin:-4px 0 0;font:900 clamp(31px,2.8vw,38px)/1.3 var(--display);letter-spacing:-.055em}.numbers-house{position:absolute;right:-22px;bottom:18px;width:78%;opacity:.42}.numbers-house svg{width:100%;height:auto;filter:drop-shadow(0 18px 18px rgba(0,0,0,.18))}.numbers-note{position:relative;z-index:2;max-width:72%;margin:18px 0 0;color:rgba(255,255,255,.66);font-size:9px;line-height:1.75}
.number-card{min-height:330px;display:flex;flex-direction:column;padding:34px}.number-years{grid-column:2;grid-row:1}.number-projects{grid-column:3;grid-row:1}.number-fields{grid-column:1;grid-row:2}.number-window{grid-column:1;grid-row:3}.number-label{margin:0;color:#304238;font-size:12px;font-weight:900;letter-spacing:.08em}.number-label::before{content:"【"}.number-label::after{content:"】"}.number-card>strong{display:block;margin:28px 0 20px;color:#35473e;font:800 clamp(58px,7vw,92px)/.95 var(--sans);letter-spacing:-.075em}.number-card>p:last-child{max-width:290px;margin:auto 0 0;color:#606961;font-size:12px;line-height:1.8}
.number-chart-card{grid-column:2/4;grid-row:2/4;min-height:672px;padding:34px 38px;background:#f0ede4!important}.number-chart-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(53,71,62,.17)}.number-chart-head>span{color:#8e7542;font-size:8px;font-weight:800;letter-spacing:.2em}.number-chart-body{display:grid;grid-template-columns:minmax(270px,1.15fr) minmax(190px,.85fr);align-items:center;gap:40px;padding:44px 0 32px}.number-donut{position:relative;width:min(100%,350px);aspect-ratio:1;margin:auto;border-radius:50%;background:conic-gradient(#35473e 0 52%,#c4a55c 52% 83%,#91a99a 83% 100%);box-shadow:0 22px 45px rgba(53,71,62,.13)}.number-donut::after{content:"";position:absolute;inset:26%;border-radius:50%;background:#f0ede4;box-shadow:inset 0 0 0 1px rgba(53,71,62,.1)}.number-donut>span{position:absolute;inset:37%;z-index:2;display:grid;place-items:center;color:#35473e;text-align:center;font-size:11px;font-weight:900;line-height:1.5}.number-legend{margin:0;padding:0;list-style:none}.number-legend li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid rgba(53,71,62,.17)}.number-legend i{width:8px;height:8px;border-radius:50%;background:#35473e}.number-legend li:nth-child(2) i{background:#c4a55c}.number-legend li:nth-child(3) i{background:#91a99a}.number-legend span{color:#59645d;font-size:12px}.number-legend strong{color:#35473e;font:700 27px/1 var(--sans);letter-spacing:-.05em}.number-chart-copy{max-width:650px;margin:0;color:#354139;font-size:13px;font-weight:700;line-height:1.9}.number-chart-card>small{display:block;margin-top:17px;color:#7c817d;font-size:8px}
@media(max-width:960px){.numbers-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.numbers-intro-card{grid-column:1/3;grid-row:1}.number-years{grid-column:1;grid-row:2}.number-projects{grid-column:2;grid-row:2}.number-fields{grid-column:1;grid-row:3}.number-window{grid-column:2;grid-row:3}.number-chart-card{grid-column:1/3;grid-row:4}.numbers-house{width:48%}.numbers-note{max-width:48%}}
@media(max-width:640px){.numbers-dashboard{display:block}.numbers-dashboard>article{margin-bottom:10px}.numbers-intro-card,.number-card,.number-chart-card{min-height:auto;padding:26px}.numbers-intro-card{min-height:390px}.numbers-intro-card h2{font-size:34px}.numbers-house{right:-30px;bottom:28px;width:95%}.numbers-note{max-width:82%}.number-card>strong{margin:24px 0 30px;font-size:66px}.number-chart-body{grid-template-columns:1fr;gap:26px;padding:32px 0}.number-donut{width:min(100%,285px)}.number-chart-head{align-items:flex-start;flex-direction:column}.number-chart-card{padding-bottom:30px}}