@font-face{font-family:'Noto Serif JP';src:url('/brand-water-v3-cc005b3ad45d/assets/fonts/noto-serif-jp.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:Cormorant;src:url('/brand-water-v3-cc005b3ad45d/assets/fonts/cormorant.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{--ink:#090909;--paper:#f4f3ef;--muted:#aaa8a3;--line:rgba(255,255,255,.22);--ja:'Noto Serif JP','Yu Mincho',serif;--en:Cormorant,Georgia,serif;--arno:'Arno Pro',Cormorant,Georgia,serif;--pad:7.4vw;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--ja);font-weight:400;font-size:14px;line-height:2.1;letter-spacing:.07em;-webkit-font-smoothing:antialiased;font-feature-settings:'palt'}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:1px solid currentColor;outline-offset:7px}button{border:0;background:none}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:400}img{display:block;width:100%;height:auto}picture{display:block}button,summary{touch-action:manipulation}.cover-media{display:block;width:100%;height:100%;object-fit:cover}.cover-media img{width:100%;height:100%;object-fit:cover}video.cover-media{object-fit:cover}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:15px;transform:translateY(-180%);background:var(--paper);color:var(--ink);padding:10px 20px;z-index:1000}.skip:focus{transform:none}.eyebrow{font-family:var(--en);font-size:13px;letter-spacing:.13em;line-height:1.5}
.site-header{position:fixed;inset:20px 30px auto;display:flex;align-items:flex-start;justify-content:space-between;z-index:90;pointer-events:none;mix-blend-mode:difference;color:#fff}.site-header a,.site-header button{pointer-events:auto}.header-brand{opacity:0;visibility:hidden;transition:opacity .7s}.scrolled .header-brand,.always-visible .header-brand{opacity:1;visibility:visible}.brand{display:flex;flex-direction:column;align-items:center;width:95px;line-height:1.1}.brand-top{font-size:7px;letter-spacing:.4em;margin-bottom:7px}.brand-jp{font-size:21px;font-weight:500;letter-spacing:.1em;white-space:nowrap}.brand-en{font-family:var(--en);font-size:8px;letter-spacing:.1em;margin-top:8px;white-space:nowrap}.brand-large{width:156px}.brand-large .brand-top{font-size:9px;margin-bottom:13px}.brand-large .brand-jp{font-size:35px;letter-spacing:.1em}.brand-large .brand-en{font-size:11px;margin-top:11px}.header-controls{display:flex;align-items:center;gap:29px}.language{font-size:9px;line-height:20px;letter-spacing:.1em}.menu-trigger{width:32px;height:28px;padding:4px 0;display:flex;flex-direction:column;justify-content:center;gap:5px}.menu-trigger span{height:1px;background:currentColor;width:32px}.site-menu{border:0;position:fixed;inset:0;margin:0;padding:32px 6vw 30px;background:var(--ink);color:var(--paper);width:100%;max-width:none;height:100dvh;max-height:none;z-index:200}.site-menu::backdrop{background:var(--ink)}.menu-top{display:flex;justify-content:space-between;align-items:start}.menu-close{font-size:38px;line-height:1;width:44px;height:44px;font-family:var(--en);font-weight:300}.chapter-menu{display:flex;flex-direction:row-reverse;justify-content:center;gap:7vw;margin:7vh auto 6vh}.chapter-menu>a{display:flex;align-items:center;flex-direction:column;position:relative}.chapter-number{font-size:12px}.menu-ja{writing-mode:vertical-rl;font-size:clamp(34px,5vw,70px);font-weight:300;letter-spacing:.4em;line-height:1.2;margin:20px 0}.menu-en{font-family:var(--en);font-size:10px;letter-spacing:.1em}.menu-links{display:flex;justify-content:center;gap:40px;font-size:12px}.menu-bottom{display:block;text-align:center;margin-top:7vh;font-family:var(--en);font-size:10px;letter-spacing:.12em}
.hero{height:100svh;min-height:600px;position:relative;isolation:isolate;color:#111;overflow:hidden}.hero-visual{position:absolute;inset:0;z-index:-2}.hero-visual::after{content:'';position:absolute;inset:0;background:rgba(226,232,231,.09)}.hero-visual img{object-position:50% 50%}.hero-content{height:100%;width:74%;max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative}.hero-note{font-family:var(--arno);font-size:16px;line-height:2.5;letter-spacing:.02em}.hero-note span{display:block;font-size:13px;margin-top:6px;letter-spacing:.06em}.hero-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:400px;display:flex;align-items:flex-start}.hero-jp{writing-mode:vertical-rl;font-size:34px;font-weight:300;letter-spacing:.8em;line-height:1.2;white-space:nowrap}.hero-en{position:absolute;left:calc(100% + 24px);top:4px;writing-mode:vertical-rl;font-family:var(--arno);font-size:12px;letter-spacing:.12em;line-height:1;white-space:nowrap}.hero-brand{margin-left:auto}.scroll-cue{position:absolute;bottom:0;left:calc(50% - 12px);width:24px;height:38px;overflow:hidden}.scroll-cue span{display:block;position:absolute;left:12px;width:1px;height:30px;background:currentColor;animation:scroll-line 3.5s cubic-bezier(.65,0,.35,1) infinite}@keyframes scroll-line{0%{transform:translateY(-100%)}60%,100%{transform:translateY(170%)}}.hero-title{animation:focus-in 2.3s ease-out both}.hero-note,.hero-brand{animation:fade-in 2.3s .4s both}@keyframes focus-in{from{opacity:0;filter:blur(15px)}to{opacity:1;filter:blur(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
.chapter-dots{position:fixed;right:19px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;z-index:80;mix-blend-mode:difference;color:#fff;opacity:0;pointer-events:none;transition:opacity .6s}.scrolled .chapter-dots{opacity:1;pointer-events:auto}.chapter-dots a{min-width:46px;height:34px;font-size:10px;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-right:4px;position:relative}.dot-name{display:none;writing-mode:vertical-rl;font-size:9px}.chapter-dots a.active{height:65px}.chapter-dots a.active .dot-name{display:block}.chapter-dots a.active::before{content:'';width:18px;height:1px;background:currentColor;position:absolute;right:46px;top:15px}
.chapter{position:relative;scroll-margin-top:0}.chapter-title{position:absolute;left:-6px;top:5vh;font-size:clamp(95px,15vw,230px);line-height:1;z-index:3;font-weight:300;user-select:none;pointer-events:none;letter-spacing:.03em}.chapter-outline{color:transparent;-webkit-text-stroke:.6px rgba(245,244,240,.48);font-weight:300}.chapter-en{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--en);font-size:12px;letter-spacing:.12em;color:var(--paper);white-space:nowrap}.chapter-title-dark .chapter-outline{-webkit-text-stroke-color:rgba(20,20,20,.45)}.chapter-title-dark .chapter-en{color:var(--ink)}.vertical-copy{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:46px}.vertical-copy h3{writing-mode:vertical-rl;font-size:29px;line-height:1.7;letter-spacing:.25em;white-space:nowrap}.vertical-copy>div{display:flex;flex-direction:row-reverse;gap:28px}.vertical-copy p{writing-mode:vertical-rl;max-height:410px;font-size:14px;line-height:1.85;letter-spacing:.16em}.roots{height:170vh;min-height:1100px;background:#111316}.roots-sticky{height:100svh;min-height:670px;position:sticky;top:0;overflow:hidden;background:#22282a}.roots-sticky::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.13),rgba(10,10,10,.48));z-index:1}.roots-media{position:absolute;inset:9.5vh 21vw 9.5vh 21vw}.roots-media img{filter:saturate(.4) brightness(.72)}.roots-copy{position:absolute;z-index:4;right:8vw;top:50%;transform:translateY(-50%);text-shadow:0 1px 10px #111;max-width:58vw}.roots-copy>div{max-width:430px}.roots-copy .chapter-title{top:0}.drainage{padding:240px 0 190px;overflow:hidden;background:#090909}.drainage>.chapter-title{top:80px}.water-photo{width:61vw;height:65vw;max-height:900px;position:relative;margin-left:14vw}.water-photo .cover-media{height:100%;position:relative}.water-photo img{object-position:46% 50%;filter:saturate(.45) brightness(.73)}.photo-english{position:absolute;bottom:32px;left:30px;font-family:var(--en);font-size:12px;letter-spacing:.17em}.drainage-story{position:relative;z-index:5;margin:-56vh 11vw 0 auto;width:45vw;min-height:470px;text-shadow:0 1px 10px #000}.drainage-story>div{max-width:220px}.drainage-story p{max-height:350px}.drainage-story h3{font-size:32px}.drainage-bottom{margin:220px 0 0 16vw;max-width:480px}.drainage-bottom h3{font-size:31px;letter-spacing:.2em;line-height:1.95;margin:32px 0 45px}.drainage-bottom>div{font-size:13px;line-height:2.3;margin-bottom:30px}.text-link{display:flex;width:max-content;max-width:100%;justify-content:space-between;align-items:center;gap:46px;font-size:12px;border-bottom:1px solid currentColor;padding:13px 0;line-height:1.8;letter-spacing:.1em;transition:opacity .3s}.text-link:hover{opacity:.55}.drainage-bottom .text-link{margin-top:12px}.drainage-detail{width:37vw;margin:-160px 10vw 0 auto}.drainage-detail img{aspect-ratio:1.3;object-fit:cover;filter:saturate(.55)}.drainage-detail p{font-size:12px;line-height:2.4;margin:35px 0 0;max-width:430px}.craft{background:#101010;padding-bottom:180px}.craft-stage{height:130vh;position:relative;isolation:isolate;overflow:clip}.craft-back{position:sticky;top:0;height:100svh;z-index:-1}.craft-back::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.45)}.craft-back img{filter:saturate(.15)}.craft-stage .chapter-title{top:15vh}.craft-heading{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);text-align:center;width:90%}.craft-heading h3{font-size:32px;letter-spacing:.3em;line-height:2.2;margin-top:28px}.process-intro{width:min(500px,80%);margin:50px auto 100px;font-size:14px;line-height:2.5}.process-intro p+p{margin-top:22px}.process-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:80px 5vw;margin:0 13vw}.process-list li{border-top:1px solid var(--line);padding-top:28px;position:relative}.process-number{font-family:var(--en);font-size:40px;line-height:1;font-weight:300;color:#9e9b91}.process-list h3{font-size:20px;letter-spacing:.2em;margin:24px 0}.process-list p{font-size:12px;line-height:2.4;letter-spacing:.05em}.craft-link{display:flex;justify-content:center;margin-top:90px}
.produce{background:var(--paper);color:var(--ink);padding-top:280px;overflow:hidden}.produce>.chapter-title{top:80px}.produce-marquee{font-family:var(--en);font-size:clamp(45px,6vw,95px);font-weight:300;line-height:1;white-space:nowrap;opacity:.28;letter-spacing:0;width:max-content;animation:marquee 40s linear infinite;position:absolute;top:320px}@keyframes marquee{from{transform:translateX(12vw)}to{transform:translateX(-45%)}}.produce-heading{text-align:center;letter-spacing:.25em;font-size:31px;line-height:2.1;position:relative;z-index:1;margin:90px 0 130px}.produce-gallery{display:flex;gap:14vw;align-items:flex-start}.produce-gallery figure{width:35vw;flex-shrink:0}.produce-gallery img{aspect-ratio:1.38;object-fit:cover}.gallery-top{margin-left:7vw}.gallery-top figure:nth-child(2){margin-top:200px;width:34vw}.produce-gallery figcaption{font-size:12px;margin-top:20px;display:flex;justify-content:space-between;gap:10px;align-items:center;letter-spacing:.15em}.produce-gallery figcaption span{font-family:var(--en);font-size:11px;letter-spacing:.08em}.produce-copy{margin:150px auto;justify-content:center;gap:60px}.produce-copy>div{gap:30px}.produce-copy p{max-height:330px;font-size:13px;line-height:1.85;letter-spacing:.18em}.produce-copy h3{font-size:29px}.gallery-bottom{margin-left:16vw;gap:12vw}.gallery-bottom figure:first-child{width:32vw;margin-top:100px}.gallery-bottom figure:nth-child(2){width:34vw}.produce-cta{display:flex;justify-content:center;margin:100px auto 150px}.land-banner{height:110vh;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;color:var(--paper)}.land-banner>div{position:absolute;inset:0;z-index:-1}.land-banner::after{position:absolute;content:'';inset:0;background:#0002;z-index:-1}.land-banner img{filter:saturate(.65) brightness(.8)}.land-banner p{font-family:var(--arno);font-size:clamp(50px,7.8vw,125px);line-height:.94;letter-spacing:-.025em;font-weight:300}
.together{background:#0b0b0b}.together-intro{padding:350px 15vw 170px;position:relative}.together-intro .chapter-title{top:100px}.together-intro>h3{font-size:34px;letter-spacing:.25em;line-height:2.05;margin:40px 0 60px}.together-text{margin-left:auto;width:460px;max-width:100%;font-size:13px;line-height:2.4}.together-text p+p{margin-top:20px}.together-text .text-link{margin-top:20px}.greeting{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8vw;margin:0 12vw 180px}.greeting>picture{position:sticky;top:100px;padding-top:110px}.greeting>picture img{aspect-ratio:.75;object-fit:cover;filter:saturate(.4)}.greeting-copy h3{font-size:26px;letter-spacing:.15em;line-height:1.9;margin:28px 0 40px}.greeting-copy>p:not(.eyebrow):not(.signature){font-size:12px;line-height:2.5;margin-top:20px}.signature{font-size:11px;margin-top:38px;text-align:right}.signature span{display:block;font-size:25px;letter-spacing:.3em;margin-top:8px}.company-info,.home-faq{margin:0 auto 170px;width:min(780px,76vw)}.company-info>h3,.home-faq>h3{font-size:27px;letter-spacing:.2em;margin:22px 0 45px}.company-table{margin:0;font-size:12px;line-height:2}.company-table>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:21px 0;border-top:1px solid var(--line)}.company-table>div:last-child{border-bottom:1px solid var(--line)}.company-table dt{color:#b1aea8}.company-table dd{margin:0}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;position:relative;padding:25px 35px 25px 0;font-size:13px;line-height:2}.faq summary::-webkit-details-marker{display:none}.faq summary>span{position:absolute;right:4px;top:24px;font-family:var(--en);font-size:20px;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{font-size:12px;line-height:2.5;padding:0 35px 30px 0;color:#c1bfb9}.contact-scene{min-height:780px;height:100svh;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center}.contact-scene>div:first-child{position:absolute;inset:0;z-index:-2}.contact-scene::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.48);z-index:-1}.contact-scene-content{width:90%;max-width:600px}.contact-scene h3{font-size:32px;letter-spacing:.25em;line-height:2;margin:30px 0 45px}.contact-main{display:flex;border-bottom:1px solid currentColor;justify-content:space-between;align-items:center;font-size:17px;max-width:280px;margin:0 auto;padding:20px 0}.contact-tel{display:block;font-family:var(--en);font-size:36px;letter-spacing:.06em;line-height:1.5;margin-top:35px}.contact-scene-content>p:last-child{font-size:11px;line-height:2.2;max-width:370px;margin:20px auto 0}.site-footer{background:#030303;padding:140px 8vw 30px}.footer-top{display:flex;align-items:center;justify-content:center;gap:12vw}.footer-top>p{writing-mode:vertical-rl;font-size:20px;letter-spacing:.3em;line-height:1.8;position:relative;height:210px}.footer-top>p>span{font-family:var(--arno);font-size:10px;position:absolute;left:45px;top:0;white-space:nowrap;letter-spacing:.06em}.footer-chapters{display:flex;flex-direction:row-reverse;justify-content:center;gap:50px;margin:90px 0 100px}.footer-chapters>a{display:flex;gap:10px;flex-direction:column;align-items:center}.footer-chapters .menu-ja{font-size:24px;letter-spacing:.2em;margin:10px 0 5px}.footer-chapters .menu-en{font-size:9px}.footer-chapters .chapter-number{font-size:10px}.footer-bottom{border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:1fr 1.5fr auto;gap:30px;font-size:10px;line-height:2}.footer-bottom nav{display:flex;flex-wrap:wrap;justify-content:center;align-content:start;gap:8px 22px}.footer-bottom small{font-family:var(--en);white-space:nowrap;font-size:10px}.motion-toggle{position:fixed;left:20px;bottom:17px;z-index:85;font-size:9px;letter-spacing:.08em;mix-blend-mode:difference;color:#fff;display:flex;align-items:center;gap:8px;min-height:28px}.motion-toggle>span:first-child{font-size:12px}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}
.js .reveal{opacity:0;translate:0 20px;filter:blur(4px);transition:opacity 1.2s ease,translate 1.2s ease,filter 1.5s ease}.js .reveal.visible{opacity:1;translate:0 0;filter:blur(0)}.roots-copy.reveal{translate:0 0;filter:blur(5px)}.roots-copy.reveal.visible{filter:blur(0)}
.article-main{background:#0b0b0b}.article-title{padding:180px 14vw 80px}.article-title h1{font-size:clamp(28px,3.3vw,48px);line-height:1.8;letter-spacing:.18em;margin:24px 0 40px;max-width:900px}.article-lead{max-width:620px;font-size:14px;line-height:2.5}.breadcrumbs{display:flex;align-items:center;gap:16px;font-size:10px;color:#aaa;margin-top:50px}.article-hero{height:55vw;max-height:680px;min-height:280px;margin:0 8vw}.article-hero img{filter:saturate(.6) brightness(.9)}.article-body{width:min(850px,78vw);margin:0 auto;padding:100px 0 160px}.article-section{margin-bottom:85px}.article-section h2{font-size:26px;line-height:1.9;letter-spacing:.18em;margin-bottom:35px}.article-section h3{font-size:19px;letter-spacing:.12em;margin:20px 0}.article-copy{font-size:13px;line-height:2.5}.article-copy p+p,.article-section>p+p{margin-top:22px}.article-section>p{font-size:13px;line-height:2.5}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 50px}.numbered-item{border-top:1px solid var(--line);padding-top:22px}.numbered-item p{font-size:12px;line-height:2.5}.item-list{padding:0 0 0 1.3em;font-size:13px;line-height:2.5}.item-list li+li{margin-top:16px}.source-note{font-size:10px!important;line-height:2!important;color:#aaa;margin-top:30px}.source-note a{text-decoration:underline;text-underline-offset:4px}.article-photo{margin:40px 0}.article-photo img{aspect-ratio:1.6;object-fit:cover}.contact-options{display:flex;flex-direction:column;gap:28px;border-top:1px solid var(--line);padding:35px 0}.contact-options a{font-family:var(--en);font-size:clamp(20px,4vw,38px);width:max-content;max-width:100%;word-break:break-word;line-height:1.5}.article-body .text-link{margin-top:20px}.inner-page .motion-toggle{display:none}.article-grid figure img{aspect-ratio:1.5;object-fit:cover}.article-grid figcaption{font-size:17px;margin-top:20px}.article-grid figcaption span{display:block;font-family:var(--en);font-size:12px}.article-contact{border-top:1px solid var(--line);margin-top:80px;padding-top:50px}.article-contact h2{font-size:24px;margin-bottom:25px}
@media(min-width:1600px){body{font-size:15px}.hero-content{max-width:1200px}.vertical-copy p{font-size:15px;max-height:460px}.vertical-copy h3{font-size:33px}.roots-media{inset:10vh 22vw}.drainage-story{margin-top:-50vh}.drainage-bottom{max-width:540px}.greeting-copy>p:not(.eyebrow):not(.signature){font-size:14px}.company-table,.faq summary{font-size:14px}}
@media(max-width:999px){:root{--pad:7vw}.site-header{inset:18px 18px auto}.header-brand .brand{width:75px}.header-brand .brand-jp{font-size:17px}.header-brand .brand-top{font-size:6px}.header-brand .brand-en{font-size:6px}.header-controls{gap:20px}.hero-content{width:86%}.hero-note{font-size:13px}.hero-note span{font-size:10px}.hero-brand .brand-large{width:110px}.hero-brand .brand-jp{font-size:25px}.hero-brand .brand-top{font-size:7px}.hero-brand .brand-en{font-size:8px}.hero-jp{font-size:29px}.hero-title{height:345px}.hero-en{font-size:10px;left:calc(100% + 15px)}.chapter-title{font-size:20vw}.chapter-en{font-size:10px}.chapter-dots{right:9px}.vertical-copy{gap:25px}.vertical-copy h3{font-size:25px}.vertical-copy p{font-size:12px;max-height:340px;line-height:1.75;letter-spacing:.13em}.vertical-copy>div{gap:18px}.roots-copy{right:8vw;max-width:80vw}.roots-media{inset:14vh 16vw}.drainage{padding-top:230px}.drainage-story{width:60vw;margin-right:9vw;min-height:420px}.drainage-story h3{font-size:27px}.drainage-bottom{margin-top:140px;margin-left:12vw;max-width:42vw}.drainage-detail{margin-top:-170px;margin-right:8vw;width:32vw}.process-list{margin:0 10vw;gap:60px 5vw}.produce-copy{gap:30px}.produce-copy h3{font-size:25px}.produce-copy p{font-size:12px}.greeting{margin:0 10vw 130px;gap:6vw}.greeting-copy h3{font-size:23px}.together-intro{padding:300px 12vw 130px}.together-intro>h3{font-size:29px}.footer-bottom{grid-template-columns:1fr 1.6fr}.footer-bottom small{grid-column:1/-1;text-align:center}.article-title{padding-left:11vw;padding-right:11vw}.article-body{width:78vw}.article-grid{gap:40px 35px}}
@media(max-width:700px){body{font-size:12px}.site-header{inset:17px 17px auto}.brand-top{font-size:6px}.hero{min-height:650px;height:100svh}.hero-content{width:100%;max-width:none}.hero-note{position:absolute;left:20px;top:46%;font-size:12px;line-height:1.7;max-width:110px}.hero-note span{font-size:9px;margin-top:10px;letter-spacing:.02em}.hero-title{height:340px;top:47%;left:50%}.hero-jp{font-size:27px;letter-spacing:.8em;line-height:1.1}.hero-en{font-size:10px;left:calc(100% + 17px);top:2px}.hero-brand{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);margin:0}.hero-brand .brand-large{width:116px}.hero-brand .brand-jp{font-size:26px}.hero-visual img{object-position:54% 50%}.scroll-cue{height:27px}.chapter-dots{right:4px}.chapter-dots a{height:29px;padding-right:3px;min-width:28px;font-size:9px}.chapter-dots a.active{height:57px;gap:7px}.chapter-dots a.active::before{right:31px;width:10px}.dot-name{font-size:8px}.chapter-title{font-size:28vw;top:35px;left:-3px}.chapter-en{font-size:9px;letter-spacing:.08em}.roots{height:135vh;min-height:940px}.roots-sticky{min-height:690px}.roots-media{inset:16vh 8vw 14vh 8vw}.roots-media img{filter:saturate(.3) brightness(.58);object-position:40% 50%}.roots-sticky::before{background:linear-gradient(90deg,#0001,#0004)}.roots-copy{right:11vw;top:52%;max-width:81vw;gap:23px}.vertical-copy h3{font-size:23px;line-height:1.55;letter-spacing:.16em}.vertical-copy p{font-size:11px;line-height:1.8;letter-spacing:.1em;max-height:350px}.vertical-copy>div{gap:17px}.roots-copy>div{max-width:220px}.roots-copy p{max-height:330px}.drainage{padding:190px 0 100px}.drainage>.chapter-title{top:55px}.water-photo{width:76vw;height:105vw;margin-left:7vw;max-height:none}.water-photo img{filter:saturate(.35) brightness(.6)}.photo-english{left:16px;bottom:18px;font-size:9px}.drainage-story{margin:-55vw 10vw 0 auto;min-height:410px;width:78vw;gap:25px}.drainage-story h3{font-size:25px}.drainage-story p{max-height:310px;font-size:11px}.drainage-story>div{max-width:185px;gap:17px}.drainage-bottom{margin:100px 12vw 0;max-width:none;width:76vw}.drainage-bottom h3{font-size:25px;letter-spacing:.12em;margin:25px 0 32px}.drainage-bottom>div{font-size:12px}.drainage-detail{margin:70px 12vw 0 auto;width:62vw}.drainage-detail p{font-size:11px;line-height:2.3;margin-top:25px}.text-link{font-size:11px;gap:27px;padding:12px 0}.craft{padding-bottom:95px}.craft-stage{height:115vh;min-height:750px}.craft-stage .chapter-title{top:80px}.craft-heading{top:56%;width:88%}.craft-heading h3{font-size:26px;letter-spacing:.16em;line-height:2.2}.eyebrow{font-size:11px}.process-intro{margin:40px auto 65px;width:74%;font-size:12px;line-height:2.3}.process-list{grid-template-columns:1fr 1fr;margin:0 12vw;gap:45px 25px}.process-number{font-size:31px}.process-list h3{font-size:17px;margin:18px 0;letter-spacing:.1em}.process-list p{font-size:11px;line-height:2.2}.craft-link{margin-top:55px}.produce{padding-top:200px}.produce>.chapter-title{top:55px}.produce-marquee{top:220px;font-size:45px}.produce-heading{font-size:26px;margin:65px 0 80px;letter-spacing:.18em}.produce-gallery{gap:12vw}.gallery-top{margin-left:7vw;display:block}.produce-gallery figure{width:72vw}.gallery-top figure:nth-child(2){margin:65px 0 0 15vw;width:65vw}.produce-gallery figcaption{font-size:11px;margin-top:13px;letter-spacing:.1em}.produce-gallery figcaption span{font-size:9px}.produce-copy{margin:90px auto;max-width:80vw;gap:24px}.produce-copy>div{max-width:215px;gap:18px}.produce-copy h3{font-size:23px}.produce-copy p{font-size:11px;max-height:345px;line-height:1.75;letter-spacing:.1em}.gallery-bottom{margin-left:7vw;display:block}.gallery-bottom figure:first-child{width:66vw;margin:0 0 0 15vw}.gallery-bottom figure:nth-child(2){width:70vw;margin-top:65px}.produce-cta{margin:65px 9vw 85px}.land-banner{height:80vh;min-height:540px}.land-banner p{font-size:14vw;line-height:1}.together-intro{padding:235px 12vw 90px}.together-intro .chapter-title{top:65px}.together-intro>h3{font-size:25px;letter-spacing:.13em;line-height:2;margin:30px 0 40px}.together-text{font-size:12px;line-height:2.4}.greeting{display:flex;flex-direction:column;margin:0 12vw 95px;gap:45px}.greeting>picture{position:static;width:70%;padding:0}.greeting>picture img{aspect-ratio:1}.greeting-copy h3{font-size:22px;margin:25px 0}.greeting-copy>p:not(.eyebrow):not(.signature){font-size:11px;line-height:2.5}.signature{margin-top:26px}.signature span{font-size:22px}.company-info,.home-faq{width:76vw;margin-bottom:95px}.company-info>h3,.home-faq>h3{font-size:22px;margin-bottom:30px;letter-spacing:.13em}.company-table{font-size:11px}.company-table>div{grid-template-columns:90px 1fr;gap:14px;padding:19px 0}.faq summary{font-size:11px;padding:22px 25px 22px 0;line-height:2}.faq details>p{font-size:11px;padding-right:20px;line-height:2.3}.faq summary>span{font-size:17px;right:0;top:22px}.contact-scene{height:90svh;min-height:660px}.contact-scene h3{font-size:25px;letter-spacing:.15em;margin:25px 0 35px}.contact-main{font-size:15px;max-width:230px}.contact-tel{font-size:31px;margin-top:30px}.contact-scene-content>p:last-child{font-size:10px;max-width:270px}.site-footer{padding:90px 9vw 35px}.footer-top{gap:20vw}.footer-top .brand-large{width:110px}.footer-top .brand-jp{font-size:25px}.footer-top .brand-en{font-size:8px}.footer-top .brand-top{font-size:7px}.footer-top>p{font-size:17px;height:185px;letter-spacing:.2em}.footer-top>p>span{font-size:8px;left:34px}.footer-chapters{gap:21px;margin:70px 0}.footer-chapters .menu-ja{font-size:20px}.footer-chapters .menu-en{font-size:7px;writing-mode:vertical-rl;height:75px;margin-top:10px}.footer-chapters .chapter-number{font-size:9px}.footer-bottom{display:flex;flex-direction:column;gap:25px;font-size:9px}.footer-bottom>div{text-align:center}.footer-bottom nav{gap:12px 20px}.footer-bottom small{text-align:center}.motion-toggle{bottom:10px;left:12px;font-size:8px;gap:6px}.motion-toggle>span:first-child{font-size:10px}.site-menu{padding:25px 25px 30px}.chapter-menu{gap:8vw;margin:10vh auto 7vh}.menu-ja{font-size:32px;margin:17px 0;letter-spacing:.3em}.menu-en{font-size:8px;writing-mode:vertical-rl;height:100px}.chapter-number{font-size:10px}.menu-links{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;max-width:280px;margin:auto;font-size:11px}.menu-bottom{margin-top:5vh;font-size:9px}.article-title{padding:150px 10vw 55px}.article-title h1{font-size:27px;letter-spacing:.12em;line-height:1.8;margin:20px 0 30px}.article-lead{font-size:12px;line-height:2.4}.breadcrumbs{font-size:9px;line-height:1.8;gap:10px;margin-top:35px;align-items:start}.article-hero{margin:0 6vw;min-height:250px;height:67vw}.article-body{width:78vw;padding:65px 0 90px}.article-section{margin-bottom:55px}.article-section h2{font-size:22px;letter-spacing:.12em;margin-bottom:25px}.article-section h3{font-size:17px}.article-copy,.article-section>p{font-size:12px;line-height:2.4}.article-grid{grid-template-columns:1fr;gap:30px}.numbered-item p{font-size:11px}.item-list{font-size:12px}.source-note{font-size:9px!important;overflow-wrap:anywhere}.contact-options a{font-size:27px}.contact-options a[href^="mailto:"]{font-size:22px}.article-grid figure img{aspect-ratio:1.6}.article-contact h2{font-size:22px}}
.chapter-dots{visibility:hidden}.scrolled .chapter-dots{visibility:visible}
.motion-paused .reveal{opacity:1;translate:none;filter:none;transition:none}
.motion-paused .hero-title,.motion-paused .hero-note,.motion-paused .hero-brand{animation:none;opacity:1;filter:none}
.intro-complete .hero-title,.intro-complete .hero-note,.intro-complete .hero-brand{animation:none;opacity:1;filter:none}
.produce-gallery video{width:100%;height:auto;aspect-ratio:1.38;object-fit:cover}.drainage-detail video{width:100%;height:auto;aspect-ratio:1.3;object-fit:cover}
.greenhouse-film{width:74vw;height:42vw;margin:0 auto 140px;position:relative;overflow:hidden}.greenhouse-film .photo-english{color:var(--paper);text-shadow:0 1px 8px #111}
@media(max-width:700px){.greenhouse-film{width:79vw;height:65vw;margin:0 auto 75px}.greenhouse-film .photo-english{font-size:8px;bottom:16px;left:16px}}
.water-photo :is(img,video){object-position:46% 50%;filter:saturate(.45) brightness(.73)}.drainage-detail video{filter:saturate(.55)}.craft-back video{filter:saturate(.15)}.land-banner video{filter:saturate(.65) brightness(.8)}.article-hero video{filter:saturate(.6) brightness(.9)}
.hero-visual video{object-position:50% 50%}
@media(max-width:700px){.water-photo :is(img,video){filter:saturate(.35) brightness(.6)}.hero-visual video{object-position:54% 50%}}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}html:has(body.home){scroll-padding-top:0}
.contact-options a{display:flex;flex-direction:column;gap:12px}.contact-options .en{display:block;font-family:var(--en);font-size:12px;letter-spacing:.14em}
.numbered-item>.en{font-family:var(--en);font-size:18px;letter-spacing:.08em;color:var(--muted)}
.article-section h2,.article-section h3,.article-title h1{text-wrap:balance}
.article-body .faq summary::after{content:'＋';position:absolute;right:4px;top:24px;font-family:var(--en);font-size:20px;transition:transform .2s}.article-body .faq details[open] summary::after{transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;translate:none;filter:none}.roots{height:auto;min-height:800px}.roots-sticky{position:relative;height:800px}.craft-back{position:absolute;inset:0;height:100%}}
/* Keep the water channel centered on desktop and narrow screens. */
.hero-visual video,.water-photo :is(img,video),.craft-back :is(img,video){object-position:50% 50%}