/* Original ink-and-gold art direction. Every effect has a readable static state. */
:root{color-scheme:dark;--paper:#101211;--ink:#eee8d9;--muted:#b8b8a9;--line:#8b795447;--dark:#0c100d;--light:#eee8d9;--jade:#b6a16b;--header:78px;--gold:#c3ad76}
.sumi{background:#101211;color:#eee8d9;font-size:15px;background-image:radial-gradient(ellipse at 10% 9%,#20352b33,transparent 28%)}
.sumi .wrap{width:min(1240px,calc(100% - 128px))}.sumi .chapter{padding-block:118px}.sumi h2,.sumi h3{text-wrap:balance}.sumi p{line-height:2}.sumi .eyebrow{color:#c3ad76;font-size:10px;letter-spacing:.18em;line-height:1.9}
.sumi a:focus-visible,.sumi button:focus-visible,.sumi select:focus-visible,.sumi summary:focus-visible{outline:2px solid #dec590;outline-offset:5px}
.sumi .header{background:#101211f5;border-color:#8b79543b;padding-inline:40px;height:var(--header);gap:22px}.sumi .brand-name{font-size:29px;letter-spacing:.12em}.sumi .brand-name>span{color:var(--gold)}.sumi .brand-sub{color:#b9b5a4;letter-spacing:.2em}.sumi .header nav{gap:22px;font-size:11px}.sumi .header nav a{position:relative;color:#d4d0c0}.sumi .header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:#c3ad76;transition:right .35s}.sumi .header nav a:hover:after{right:0}.sumi .header-tools{gap:17px}.sumi .language select{color:#eee8d9;width:70px;border-color:#736446}.sumi .language option{background:#101211}.motion-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:0;background:transparent;color:#d7cba9;font-size:10px;cursor:pointer;padding:0 5px}.motion-toggle[hidden]{display:none}.motion-toggle:disabled{cursor:default;color:#bab8a7}.motion-icon{display:block;width:15px;height:15px;border:1px solid currentColor;border-radius:50%;position:relative}.motion-icon:before,.motion-icon:after{content:"";position:absolute;top:4px;height:5px;width:1px;background:currentColor}.motion-icon:before{left:4px}.motion-icon:after{right:4px}.motion-toggle[aria-pressed=true] .motion-icon:before{width:0;height:0;top:4px;left:5px;background:transparent;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:4px solid currentColor}.motion-toggle[aria-pressed=true] .motion-icon:after{display:none}
.sumi .hero{min-height:850px;min-height:max(760px,calc(100svh - var(--header)));display:block;isolation:isolate;background:#0c100d;overflow:hidden}.sumi .hero-image-wrap{left:29%;right:0;top:24px;bottom:90px;z-index:-4;border:1px solid #c5b17f40}.sumi .hero-image{object-position:62% center;height:100%;animation:none;transform:none}.sumi .hero-shade{z-index:-3;background:linear-gradient(90deg,#0c100d 1%,#0c100df5 24%,#0c100d75 49%,#0c100d12 77%),linear-gradient(0deg,#0c100d 2%,#0c100d00 50%)}
.sumi .hero-copy,.sumi .hero-garden-seal+.hero-copy{padding:65px 0 105px;position:relative;z-index:2;width:min(1240px,calc(100% - 128px));max-width:none;pointer-events:none}.sumi .hero-copy a{pointer-events:auto}.sumi .hero .eyebrow{margin:0 0 35px;max-width:50ch;font-size:10px;color:#e4d7b3}.sumi .hero h1{font-size:clamp(64px,7vw,102px);line-height:1.15;max-width:760px;letter-spacing:-.04em;text-wrap:balance}.sumi .hero-bottom{max-width:445px;margin-top:38px}.sumi .hero-description{font-size:14px;line-height:2.1;color:#e1dfd0;margin:0;max-width:none}.sumi .hero-location{font-size:10px;letter-spacing:.045em;color:#c2c5b2;margin-top:17px}.sumi .hero-actions{display:block;margin-top:28px}.sumi .primary-link{background:#c2ab73;border:1px solid #c2ab73;color:#131810;font-size:12px;letter-spacing:.04em;min-height:52px;padding:14px 27px}.sumi .primary-link:hover{background:#dcc48e;border-color:#dcc48e}.sumi .hero-actions .hero-link{display:inline-flex;margin:0 0 0 24px;min-width:0;gap:20px;font-size:11px;border-color:#a28d60;color:#ece2c7;padding-block:10px;vertical-align:middle}.sumi .hero-caption{left:auto;right:5%;bottom:36px;width:42%;font-size:10px;color:#cecfbe;z-index:2;line-height:1.8}.hero-crest{position:absolute;right:6%;top:9%;width:135px!important;height:auto;z-index:1;opacity:.9}.hero-scroll{position:absolute;left:32px;bottom:115px;writing-mode:vertical-rl;display:flex;gap:16px;font-size:9px;letter-spacing:.22em;color:#c4b387;min-width:28px;align-items:center;z-index:3}.hero-scroll>span:last-child{font-size:22px}.byobu{display:none;position:absolute;top:24px;bottom:90px;left:29%;right:0;z-index:0;pointer-events:none;perspective:1400px;overflow:hidden}.byobu-panel{position:absolute;top:0;bottom:0;width:50%;background:#121811 url('../assets/sumi/ripple-pattern.svg') center/180px;backface-visibility:hidden;border:1px solid #a88e5766;box-shadow:inset 0 0 80px #0007}.byobu-left{left:0;transform-origin:left center}.byobu-right{right:0;transform-origin:right center}.sumi.is-opening .byobu{display:block}.sumi.is-opening .byobu-left{animation:byobu-left 1.45s cubic-bezier(.23,.65,.22,1) both}.sumi.is-opening .byobu-right{animation:byobu-right 1.45s cubic-bezier(.23,.65,.22,1) both}.sumi.is-opening .hero h1{animation:title-arrive 1.2s .18s both}.sumi.is-opening .hero .eyebrow{animation:title-arrive .9s .05s both}
@keyframes byobu-left{0%,8%{transform:rotateY(0);opacity:1}88%{opacity:1}100%{transform:translateX(-8%) rotateY(-100deg);opacity:0}}
@keyframes byobu-right{0%,8%{transform:rotateY(0);opacity:1}88%{opacity:1}100%{transform:translateX(8%) rotateY(100deg);opacity:0}}
@keyframes title-arrive{from{opacity:0;transform:translate3d(-32px,0,0)}to{opacity:1;transform:none}}
html[lang=ja] .sumi .hero h1,html[lang=zh-CN] .sumi .hero h1{writing-mode:vertical-rl;text-orientation:mixed;font-size:58px;line-height:1.6;letter-spacing:.08em;height:350px;max-width:none;text-wrap:initial}
.book-chapter{position:relative;isolation:isolate}.chapter-folio{display:flex;align-items:center;gap:20px;padding-top:62px;color:#c3ad76;font-size:11px;letter-spacing:.13em}.folio-number{font:15px/1.2 var(--serif);letter-spacing:.1em}.folio-line{height:1px;background:#8b795456;flex:1;margin-left:25px}.sumi .vision{position:relative;padding-top:95px;padding-bottom:55px}.sumi .vision>.eyebrow{margin-bottom:48px}.sumi .vision-layout{gap:100px;grid-template-columns:1.15fr 1fr;position:relative;z-index:1}.sumi .vision h2{font-size:clamp(39px,4.4vw,62px);line-height:1.55}.sumi .vision-body{padding-top:30px}.sumi .vision-body .lead{font-size:24px;line-height:1.9;color:#e7e0cc}.sumi .vision-body>p+p{color:#c2c3b2;font-size:14px;line-height:2.25}.thought-crest{position:absolute;width:430px!important;height:430px;right:-40px;top:30px;opacity:.08;pointer-events:none;z-index:-1}.sumi .walk-sequence{padding-block:15px 40px}.sumi .walk-sequence>.eyebrow{margin-bottom:26px}.sumi .walk-stations{gap:40px;border-color:var(--line)}.sumi .walk-stations a{padding-top:20px}.sumi .walk-stations .garden-glyph{color:#c3ad76}.sumi .walk-stations span:not(.walk-arrow){font-size:21px;color:#e2dccb}.sumi .walk-arrow{color:#c3ad76}.sumi .scope{padding-top:75px;padding-bottom:110px;border-top:0}.sumi .practical-heading{gap:80px}.sumi .practical-heading h2{font-size:46px;line-height:1.5}.sumi .section-intro{color:#b9bca9;font-size:14px;line-height:2.1}.sumi .chapter-crest{display:none}.sumi .scope-item>summary{font-size:29px;line-height:1.65;padding-block:24px}.sumi .mini-number,.sumi .disclosure-sign{color:#c3ad76}.sumi .detail-body{font-size:14px;color:#c3c6b5;line-height:2.1}.sumi .scope .text-link{color:#dbcca6}
#chapter-making{background:#171b16}.sumi .making{background:transparent;padding-block:95px 65px}.sumi .chapter-heading{grid-template-columns:1fr 2fr;gap:60px;margin-bottom:65px}.sumi .chapter-heading h2{font-size:58px;line-height:1.45}.sumi .chapter-heading .eyebrow{color:#c3ad76}.sumi .making-layout{gap:85px}.sumi .making-visual{height:590px;position:relative;top:auto;overflow:hidden;border:1px solid #b19b6266}.sumi .making-visual img{height:100%;width:100%;object-fit:cover;object-position:63% center;transition:none}.sumi .making-visual figcaption{background:#121810eb;color:#e0dccb;font-size:10px;line-height:1.9;padding:15px 18px}.sumi .stage-counter{color:#efe4c3;border-color:#998359;background:#10150ec2}.sumi .making-story{padding-top:15px}.sumi .making-step{min-height:0;padding-block:26px 46px;border-top:1px solid #8b795456;opacity:1;transition:none}.sumi .making-step h3{font-size:32px;line-height:1.6;color:#ede3c9}.sumi .making-step>p:last-child{font-size:14px;color:#c7cab8;line-height:2.1}.sumi .site-note{border-color:#8b795456;color:#b7beab;font-size:12px}.sumi .materials{padding-top:70px}.sumi .materials-heading{gap:90px;align-items:start;margin-bottom:65px}.sumi .materials-heading h2{font-size:55px;line-height:1.4}.sumi .materials-heading>p{color:#c0c6b2;line-height:2.1;font-size:14px}.sumi .material-stone{grid-template-columns:1.55fr 1fr;gap:65px;align-items:center}.sumi .material-stone>img{border:1px solid #8b795456}.sumi .materials figcaption .material-detail{font-size:14px;line-height:2.1;color:#c6cab8}.sumi .materials figcaption>div>p:first-child{color:#c3ad76;font-size:10px;line-height:1.8}.sumi .material-number{color:#c3ad76}.sumi .material-pair{gap:70px;margin-top:95px}.sumi .material-pair figure:nth-child(2){padding-top:100px}.sumi .materials h3{color:#e7dfc9}.sumi .concrete-note{border-color:#8b795456;gap:85px}.sumi .concrete-note p{color:#bac1ad;font-size:14px}.sumi .concrete-note h3{font-size:31px;line-height:1.7}
#chapter-landscape{background:#0b110e}.sumi .places{padding-top:95px;padding-bottom:90px}.sumi .places h2{font-size:clamp(43px,4.8vw,70px);line-height:1.5;max-width:1100px}.sumi .places>.wrap>.eyebrow{margin-bottom:33px}.scene-gallery{margin-top:68px}.scene-slide{margin:0}.scene-slide>img{width:100%;height:min(60vw,730px);object-fit:cover}.scene-slide figcaption{padding-block:16px;color:#c2c9b6;font-size:11px;line-height:1.9}.scene-gallery.gallery-enhanced .scene-window{overflow:hidden}.scene-gallery.gallery-enhanced .scene-track{display:flex;transition:transform .85s cubic-bezier(.22,.65,.24,1);align-items:start}.scene-gallery.gallery-enhanced .scene-slide{flex:0 0 100%;min-width:0}.scene-controls{display:flex;align-items:center;justify-content:end;gap:22px;padding-top:10px}.scene-controls[hidden]{display:none}.scene-controls button{width:52px;height:44px;border:1px solid #8b795480;background:transparent;color:#d6c69c;font:22px/1 var(--serif);cursor:pointer}.scene-controls button:hover{background:#c4ae7830}.scene-count{font:13px/1 var(--serif);letter-spacing:.15em;color:#c3ad76}.sumi .place-copy{gap:100px;padding-top:50px}.sumi .place-copy h3{font-size:32px;line-height:1.6}.sumi .place-copy p:last-child{color:#c1c7b5;font-size:14px;line-height:2.1}.sumi .water-chapter{background:#0c2118}.sumi .water-scene{min-height:660px}.sumi .water-copy h2{font-size:clamp(50px,5.3vw,78px);line-height:1.5}.sumi .water-light{display:none;animation:none!important}.sumi .water-reflection{padding-block:55px 70px;gap:60px}.sumi .water-reflection>p{color:#e0e3ce;font-size:22px;line-height:2}.sumi .water-reflection .garden-glyph{color:#c3ad76}.sumi .briefs{padding-block:90px 115px;border-top:0}.sumi .brief-list{gap:45px}.sumi .brief-list h3{font-size:30px;line-height:1.6}.sumi .brief-list article p{color:#c2c8b5;font-size:14px;line-height:2.1}
#chapter-tatsuro{background:#1b2019}.sumi .practice{padding-top:105px;padding-bottom:85px;grid-template-columns:360px 1fr;gap:120px;border-top:0;align-items:center}.sumi .practice>figure{padding-right:22px;border-color:#8b795480}.sumi .practice>figure:before{border-color:#8b795480;inset:35px -18px 85px 30px}.sumi .practice>figure img{filter:saturate(.83);width:100%;aspect-ratio:3/4;object-fit:cover}.sumi .practice figcaption{color:#bfc5b2;font-size:11px;line-height:1.8}.sumi .practice h2{font-size:49px;line-height:1.65}.sumi .practice>div>p:not(.eyebrow){font-size:14px;line-height:2.1;color:#c6cbb9}.sumi .practice .text-link{color:#dfd2ad}.sumi .aftercare{background:transparent;padding-block:55px 110px;border-top:1px solid #8b79543b}.sumi .aftercare-layout{gap:70px;grid-template-columns:1fr 2.5fr}.sumi .aftercare .eyebrow{color:#c3ad76}.sumi .aftercare h2{font-size:52px;line-height:1.5;color:#e5dfcc}.sumi .aftercare p:not(.eyebrow){color:#c5cbb7;font-size:14px;line-height:2.15}.sumi .aftercare .text-link{color:#dfd2ad}
#chapter-enquiry{background:#101311}.sumi .garden-process{background:transparent;padding-top:100px;padding-bottom:90px}.sumi .garden-process .practical-heading{grid-template-columns:1.5fr 1fr;gap:80px}.sumi .process-art-note{color:#c3bdab;font-size:11px;line-height:1.9}.sumi .garden-process .process-list{margin-left:0}.sumi .garden-process .process-list li{border-color:#8b795456;gap:65px;padding:35px 20px 35px 0;min-height:220px;grid-template-columns:210px 1fr}.sumi .process-visual{background:radial-gradient(ellipse,#7b804e18,transparent 70%)}.sumi .garden-glyph{color:#c3ad76}.sumi .garden-process .process-list .mini-number{color:#c3ad76}.sumi .garden-process .process-list h3{color:#e5ddc5;font-size:32px;line-height:1.7;text-wrap:balance}.sumi .garden-process .process-list li p{color:#c4cab7;font-size:14px;line-height:2.1}.sumi .garden-process .process-list li:after{background:#8c7d58;left:105px}.sumi .garden-process .cost-note{border-color:#8b795456;gap:70px}.sumi .cost-note h3{color:#e3d9bd;line-height:1.7}.sumi .cost-note p{color:#c1c7b3;font-size:14px;line-height:2.1}.sumi .faq{padding-block:65px 115px}.sumi .faq-list summary{color:#e0dfd0;font-size:16px;line-height:1.8;padding-block:25px}.sumi .faq .detail-body{color:#bec5b1;line-height:2.15}.sumi .faq h2{font-size:48px;line-height:1.5}
.sumi .contact{width:100%;background:#e8e3d5;color:#20271e;padding:0 0 110px;border-top:0;--ink:#20271e;--muted:#4f5a48;--line:#b7b49e}.sumi .contact>.eyebrow,.sumi .contact>h2,.sumi .contact>.contact-intro,.sumi .contact>.enquiry-layout{width:min(1160px,calc(100% - 128px));margin-inline:auto;max-width:none}.sumi .contact>.eyebrow{color:#65532c;padding-top:75px;margin-bottom:25px}.sumi .contact>h2{font-size:62px;line-height:1.5}.sumi .contact>.contact-intro{font-size:15px;line-height:2.1;padding-right:30%;margin-top:30px;margin-bottom:70px}.sumi .contact-garden-mark{display:none}.sumi .enquiry-layout{gap:95px}.sumi .enquiry-preparation h3{font-size:29px;line-height:1.65}.sumi .enquiry-preparation li{font-size:14px;line-height:2}.sumi .photo-note{color:#5d6653;font-size:11px;line-height:2}.sumi .enquiry-template pre{background:#dedfcf;color:#283024}.sumi .contact .enquiry-actions .contact-links a{background:#203725;border-color:#203725;color:#f0e9d5}.sumi .contact .enquiry-actions .contact-links a+a{color:#203725;background:transparent}.sumi .contact-notes p,.sumi .contact-next{color:#515e48;line-height:2}.sumi .contact .disclosure-sign{color:#65532c}.sumi .contact a:focus-visible,.sumi .contact button:focus-visible,.sumi .contact summary:focus-visible{outline-color:#596b3d}.consultation-band{height:190px;position:relative;display:flex;align-items:center;gap:50px;overflow:hidden;background:#141a12 url('../assets/sumi/ripple-pattern.svg') center/180px;padding-inline:max(64px,calc((100vw - 1240px)/2));color:#c3ad76}.consultation-crest{width:200px!important;height:164px;object-fit:contain;position:relative;z-index:1;background:#141a12}.band-rule{height:1px;flex:1;background:#ad966956}.band-word{font-family:var(--serif);font-size:105px;color:#a88f5e;line-height:1;opacity:.35}
.sumi .footer{padding-top:65px;padding-bottom:55px}.sumi .footer-main{border-color:#8b795456}.sumi .footer a{color:#d2c9ac}.sumi .preview-note{color:#a7b099;font-size:10px;line-height:1.9}.sumi .mobile-dock{background:#11170f;border-color:#7a704b;color:#e7d6ae}.sumi .mobile-dock a{color:#e7d6ae}
.gust-channel{position:relative;width:100%;height:64px;overflow:hidden;pointer-events:none;contain:layout paint;z-index:3;background:transparent}.hero>.gust-channel{position:absolute;left:0;bottom:0;height:27px}.gust-particle{position:absolute;left:0;top:var(--y);display:block;opacity:0;pointer-events:none;width:3px;height:2px;background:#dcc38d}.gust-particle.leaf{width:19px;height:8px;background:#a0a36f;border-radius:100% 0 100% 0;border:1px solid #c9bb7b}.is-gusting .gust-particle{animation:gold-gust 1.6s calc(var(--i)*.035s) both cubic-bezier(.25,.46,.58,.96)}.is-gusting .leaf{animation-name:leaf-gust}@keyframes gold-gust{0%{opacity:0;transform:translate3d(-3vw,5px,0) rotate(0)}15%{opacity:.95}80%{opacity:.75}100%{opacity:0;transform:translate3d(104vw,-9px,0) rotate(65deg)}}@keyframes leaf-gust{0%{opacity:0;transform:translate3d(-3vw,5px,0) rotate(-15deg)}15%{opacity:.8}75%{opacity:.65}100%{opacity:0;transform:translate3d(104vw,-12px,0) rotate(230deg)}}
/* No content is pre-hidden. Effects start only after the observer has seen it. */
.sumi .is-queued,.sumi [data-reveal]{opacity:1;transform:none;transition:none}.sumi .is-entered[data-scene=rise]{animation:chapter-rise .95s cubic-bezier(.2,.6,.2,1) both}.sumi .is-entered[data-scene=slide]{animation:chapter-slide 1.05s cubic-bezier(.2,.6,.2,1) both}.sumi .is-entered[data-scene=photo]{animation:photo-open 1.1s cubic-bezier(.2,.6,.2,1) both}.sumi .is-entered[data-scene=photo]>img{animation:photo-slide 1.25s cubic-bezier(.2,.6,.2,1) both}.sumi .is-entered[data-scene=frame]{animation:frame-open 1.1s cubic-bezier(.2,.6,.2,1) both}.sumi .is-entered[data-scene=portrait]{animation:portrait-in 1.05s cubic-bezier(.2,.6,.2,1) both}.sumi .is-entered[data-scene=step]{animation:step-in .8s cubic-bezier(.2,.6,.2,1) both}.sumi .is-entered[data-scene=band]{animation:band-open 1.15s cubic-bezier(.2,.6,.2,1) both}
@keyframes chapter-rise{from{opacity:.12;transform:translate3d(0,38px,0)}to{opacity:1;transform:none}}@keyframes chapter-slide{from{opacity:.2;transform:translate3d(-40px,0,0)}to{opacity:1;transform:none}}@keyframes photo-open{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes photo-slide{from{transform:translate3d(-5%,0,0) scale(1.06)}to{transform:none}}@keyframes frame-open{from{clip-path:inset(8% 14%)}to{clip-path:inset(0)}}@keyframes portrait-in{from{opacity:.3;transform:translate3d(45px,0,0)}to{opacity:1;transform:none}}@keyframes step-in{from{opacity:.2;transform:translate3d(22px,0,0)}to{opacity:1;transform:none}}@keyframes band-open{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.sumi[data-motion=off] *,.sumi[data-motion=off] *:before,.sumi[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sumi[data-motion=off] .byobu{display:none}.sumi[data-motion=off] .gust-particle{display:none}.sumi[data-page-hidden] *{animation-play-state:paused!important}
@media(max-width:1180px){.sumi .header{padding-inline:25px;gap:15px}.sumi .header nav{gap:14px}.sumi .header-tools{gap:10px}.motion-toggle>span[data-t]{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.motion-toggle{width:36px;padding:0}.sumi .wrap,.sumi .hero-copy{width:calc(100% - 96px)}.sumi .hero-actions .hero-link{margin-left:18px;font-size:10px}.sumi .hero h1{font-size:80px}.sumi .making-layout{gap:55px}.sumi .practice{grid-template-columns:300px 1fr;gap:75px}.sumi .practical-heading{gap:55px}.sumi .contact>.eyebrow,.sumi .contact>h2,.sumi .contact>.contact-intro,.sumi .contact>.enquiry-layout{width:calc(100% - 96px)}}
@media(max-width:1000px){.sumi .header nav{background:#11170ffb;border-color:#8b795456}.sumi .header.is-menu-open nav{padding:30px 45px}.sumi .header nav a{font-size:17px;line-height:1.8;border-bottom:1px solid #8b79543b}.sumi .hero-bottom{max-width:430px}.sumi .hero-crest{right:7%;width:115px!important}.sumi .hero-scroll{left:15px}.sumi .vision-layout{gap:55px}.sumi .making-visual{height:480px}.sumi .chapter-heading h2{font-size:49px}.sumi .materials-heading{gap:60px}.sumi .material-stone{gap:45px}.sumi .practice h2{font-size:42px}.sumi .garden-process .process-list li{grid-template-columns:170px 1fr;gap:45px}.sumi .garden-process .process-list li:after{left:85px}}
@media(max-width:900px){.sumi .wrap,.sumi .hero-copy{width:calc(100% - 72px)}.sumi .chapter{padding-block:85px}.sumi .hero{min-height:780px}.sumi .hero h1{font-size:68px;max-width:620px}.sumi .hero-copy{padding-top:100px}.sumi .hero-bottom{margin-top:35px}.sumi .hero-image-wrap,.byobu{left:12%}.sumi .hero-shade{background:linear-gradient(90deg,#0c100def,#0c100d70 65%,#0c100d22),linear-gradient(0deg,#0c100d 3%,transparent 95%)}html[lang=ja] .sumi .hero h1,html[lang=zh-CN] .sumi .hero h1{writing-mode:horizontal-tb;height:auto;font-size:50px;line-height:1.65;max-width:600px;letter-spacing:0}.sumi .vision-layout{grid-template-columns:1fr;gap:35px}.sumi .vision-body{padding-top:0;max-width:70ch}.sumi .vision h2{font-size:48px}.sumi .practical-heading,.sumi .garden-process .practical-heading{grid-template-columns:1fr;gap:30px}.sumi .making-layout{display:block}.sumi .making-visual{height:490px;max-width:100%}.sumi .making-story{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.sumi .making-step{padding-top:25px}.sumi .making-step h3{font-size:25px}.sumi .making-step>p:last-child{font-size:13px}.sumi .materials-heading{gap:45px}.sumi .materials-heading h2{font-size:45px}.sumi .materials-heading>p{font-size:13px}.sumi .material-stone{grid-template-columns:1.4fr 1fr;gap:35px}.sumi .material-pair{gap:40px}.sumi .concrete-note{gap:40px}.sumi .practice{grid-template-columns:260px 1fr;gap:50px}.sumi .aftercare-layout{grid-template-columns:1fr;gap:30px}.sumi .aftercare h2{font-size:46px}.sumi .brief-list{gap:30px}.sumi .brief-list h3{font-size:28px}.sumi .contact>.eyebrow,.sumi .contact>h2,.sumi .contact>.contact-intro,.sumi .contact>.enquiry-layout{width:calc(100% - 72px)}.sumi .contact>.contact-intro{padding-right:0;max-width:none}.sumi .enquiry-layout{gap:45px}.sumi .contact>h2{font-size:49px}}
@media(max-width:700px){:root{--header:66px}.sumi{padding-bottom:74px}.sumi .wrap,.sumi .hero-copy{width:calc(100% - 48px)}.sumi .header{padding-inline:22px;gap:10px}.sumi .brand-name{font-size:25px}.sumi .brand-sub{font-size:6px}.sumi .header-tools{gap:7px}.sumi .language select{font-size:10px;width:61px}.sumi .menu-toggle{display:flex;width:30px;min-height:44px;justify-content:center}.sumi .menu-toggle>span[data-t]{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.sumi .menu-sign{font-size:24px}.motion-toggle{width:30px;min-height:44px}.sumi .header.is-menu-open nav{padding:20px 24px}.sumi .hero{min-height:760px;min-height:max(730px,calc(100svh - var(--header)));padding-bottom:25px}.sumi .hero-image-wrap,.byobu{left:12%;right:0;top:15px;bottom:95px}.sumi .hero-image{object-position:64% center}.sumi .hero-shade{background:linear-gradient(90deg,#0c100de8,#0c100d6e 100%),linear-gradient(0deg,#0c100d 4%,#0c100d11 100%)}.sumi .hero-copy{padding:80px 0 105px}.sumi .hero .eyebrow{font-size:9px;line-height:1.9;max-width:75%;margin-bottom:45px}.sumi .hero h1{font-size:47px;line-height:1.3;max-width:100%;letter-spacing:-.025em}.sumi .hero-bottom{margin-top:35px;max-width:none}.sumi .hero-description{font-size:13px;line-height:2.1}.sumi .hero-location{font-size:9px;margin-top:17px;line-height:1.9}.sumi .hero-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:15px 20px;align-items:center}.sumi .primary-link{min-height:49px;font-size:11px;padding:12px 20px}.sumi .hero-actions .hero-link{margin:0;font-size:10px;min-height:44px;gap:15px;max-width:100%;width:auto}.sumi .hero-crest{width:87px!important;top:35px;right:14px;opacity:.8}.sumi .hero-caption{left:24px;right:24px;bottom:39px;max-width:none;width:auto;font-size:9px;line-height:1.9}.hero-scroll{display:none}.sumi.is-opening .byobu-left{animation-name:byobu-mobile-left}.sumi.is-opening .byobu-right{animation-name:byobu-mobile-right}html[lang=ja] .sumi .hero h1,html[lang=zh-CN] .sumi .hero h1{font-size:36px;line-height:1.8;letter-spacing:.01em;max-width:none}.chapter-folio{padding-top:40px;gap:14px;font-size:10px}.folio-number{font-size:13px}.folio-line{margin-left:10px}.sumi .chapter{padding-block:70px}.sumi .vision{padding-top:65px;padding-bottom:30px}.sumi .vision>.eyebrow{margin-bottom:29px}.sumi .vision h2{font-size:32px;line-height:1.65}.sumi .vision-body .lead{font-size:21px;line-height:1.9}.sumi .vision-body>p+p{font-size:14px;line-height:2.15}.thought-crest{width:270px!important;height:270px;right:-16px;top:70px}.sumi .walk-sequence{padding-block:15px 25px}.sumi .walk-sequence>.eyebrow{font-size:9px}.sumi .walk-stations{gap:15px}.sumi .walk-stations span:not(.walk-arrow){font-size:16px;line-height:1.8}.sumi .scope{padding-top:45px;padding-bottom:75px}.sumi .practical-heading h2{font-size:33px;line-height:1.6}.sumi .section-intro{font-size:14px;line-height:2.05}.sumi .scope-item>summary{grid-template-columns:23px 1fr 19px;gap:14px;font-size:22px;line-height:1.7;padding-block:22px}.sumi .detail-body{font-size:13px;line-height:2.05}.sumi .making{padding-top:65px;padding-bottom:35px}.sumi .chapter-heading{display:block;margin-bottom:40px}.sumi .chapter-heading .eyebrow{padding-top:0;margin-bottom:25px}.sumi .chapter-heading h2{font-size:36px;line-height:1.6}.sumi .making-visual{height:330px}.sumi .making-visual figcaption{padding:12px 15px;font-size:9px}.sumi .making-story{display:block;margin-top:35px}.sumi .making-step{padding-block:23px 32px}.sumi .making-step h3{font-size:26px;line-height:1.7}.sumi .making-step>p:last-child{font-size:14px;line-height:2.05}.sumi .site-note{font-size:11px;line-height:2}.sumi .materials{padding-top:40px}.sumi .materials-heading{display:block;margin-bottom:40px}.sumi .materials-heading h2{font-size:34px;line-height:1.7}.sumi .materials-heading>p{margin-top:25px;font-size:14px;line-height:2.1}.sumi .material-stone{display:block}.sumi .materials figcaption .material-detail{font-size:14px;line-height:2.05}.sumi .material-pair{display:block;margin-top:45px}.sumi .material-pair figure+figure{margin-top:45px;padding-top:0!important}.sumi .materials h3{font-size:28px;line-height:1.7}.sumi .concrete-note{display:block;margin-top:45px}.sumi .concrete-note h3{font-size:27px}.sumi .concrete-note p{font-size:14px;margin-top:20px}.sumi .places{padding-top:65px;padding-bottom:60px}.sumi .places h2{font-size:33px;line-height:1.65}.scene-gallery{margin-top:40px}.scene-slide>img{height:430px;object-position:53% center}.scene-slide figcaption{font-size:10px;line-height:1.85;padding-block:15px}.scene-controls{gap:17px;padding-top:4px}.scene-controls button{width:48px;min-height:44px}.sumi .place-copy{display:block;padding-top:35px}.sumi .place-copy>div+div{margin-top:30px}.sumi .place-copy h3{font-size:27px;line-height:1.65}.sumi .place-copy p:last-child{font-size:14px;line-height:2.05}.sumi .water-scene{min-height:460px}.sumi .water-copy h2{font-size:38px;line-height:1.6}.sumi .water-reflection{padding-block:35px 45px;gap:20px;grid-template-columns:60px 1fr}.sumi .water-reflection>p{font-size:17px;line-height:2}.sumi .briefs{padding-block:65px 75px}.sumi .brief-list{gap:25px}.sumi .brief-list h3{font-size:26px;line-height:1.65}.sumi .brief-list article p{font-size:14px;line-height:2.05}.sumi .practice{display:flex;padding-top:65px;padding-bottom:55px;gap:38px}.sumi .practice>figure{width:70%;max-width:310px}.sumi .practice>figure:before{inset:25px -12px 65px 22px}.sumi .practice h2{font-size:33px;line-height:1.75;margin-bottom:25px}.sumi .practice>div>p:not(.eyebrow){font-size:14px;line-height:2.1}.sumi .aftercare{padding-block:45px 75px}.sumi .aftercare-layout{gap:25px}.sumi .aftercare h2{font-size:33px;line-height:1.65}.sumi .aftercare p:not(.eyebrow){font-size:14px;line-height:2.1}.sumi .garden-process{padding-top:65px;padding-bottom:50px}.sumi .garden-process .practical-heading{gap:25px}.sumi .process-art-note{font-size:10px;margin-bottom:30px}.sumi .garden-process .process-list li{grid-template-columns:83px 1fr;padding:27px 0 30px;gap:17px;min-height:0}.sumi .garden-process .process-list h3{font-size:25px;line-height:1.7;margin:0}.sumi .garden-process .process-list li p{font-size:14px;line-height:2.05}.sumi .garden-process .process-list li:after{left:41px}.sumi .garden-process .cost-note{display:block;margin-top:30px}.sumi .cost-note h3{font-size:27px;line-height:1.7}.sumi .cost-note p{font-size:14px;line-height:2.05}.sumi .faq{padding-block:45px 75px}.sumi .faq h2{font-size:33px;line-height:1.65}.sumi .faq-list summary{font-size:15px;line-height:1.9;padding-block:23px}.sumi .faq .detail-body{font-size:14px;line-height:2.05}.consultation-band{height:135px;padding-inline:24px;gap:20px}.consultation-crest{width:145px!important;height:118px}.band-word{font-size:78px}.sumi .contact{padding-bottom:75px}.sumi .contact>.eyebrow,.sumi .contact>h2,.sumi .contact>.contact-intro,.sumi .contact>.enquiry-layout{width:calc(100% - 48px)}.sumi .contact>.eyebrow{padding-top:55px;font-size:9px;line-height:1.9}.sumi .contact>h2{font-size:34px;line-height:1.65}.sumi .contact>.contact-intro{font-size:14px;line-height:2.1;margin-top:25px;margin-bottom:35px}.sumi .enquiry-preparation h3{font-size:27px;line-height:1.7}.sumi .enquiry-preparation li{font-size:14px;line-height:2}.sumi .contact .contact-links a{font-size:13px;line-height:1.9}.sumi .contact-notes p{font-size:13px;line-height:2.1}.sumi .footer{padding-block:45px 40px}.gust-channel{height:45px}.gust-particle:nth-child(n+5){display:none}.gust-particle.leaf{width:14px;height:6px}html[lang=ja] .sumi .water-copy h2,html[lang=zh-CN] .sumi .water-copy h2{font-size:30px;line-height:1.9}html[lang=ja] .sumi .garden-process .practical-heading h2,html[lang=zh-CN] .sumi .garden-process .practical-heading h2{font-size:28px;line-height:1.8}html[lang=ja] .sumi .garden-process .process-list h3,html[lang=zh-CN] .sumi .garden-process .process-list h3{font-size:22px;line-height:1.8}}
@keyframes byobu-mobile-left{0%,8%{transform:none;opacity:1}100%{transform:translate3d(-100%,0,0);opacity:0}}@keyframes byobu-mobile-right{0%,8%{transform:none;opacity:1}100%{transform:translate3d(100%,0,0);opacity:0}}
@media(max-width:380px){.sumi .wrap,.sumi .hero-copy{width:calc(100% - 40px)}.sumi .header{padding-inline:20px}.sumi .brand-name{font-size:23px}.sumi .header-tools{gap:4px}.sumi .language select{width:57px}.sumi .hero .eyebrow{max-width:70%}.sumi .hero h1{font-size:41px}.sumi .hero-crest{width:70px!important;right:12px;top:40px}html[lang=ja] .sumi .hero h1,html[lang=zh-CN] .sumi .hero h1{font-size:31px}.sumi .hero-actions{gap:10px 16px}.sumi .hero-caption{left:20px;right:20px}.sumi .contact>.eyebrow,.sumi .contact>h2,.sumi .contact>.contact-intro,.sumi .contact>.enquiry-layout{width:calc(100% - 40px)}.sumi .garden-process .process-list li{grid-template-columns:72px 1fr;gap:15px}.sumi .garden-process .process-list li:after{left:36px}}
.sumi .hero h1{font-size:clamp(58px,5.3vw,78px);max-width:850px}
html[lang=ja] .sumi .vision h2,html[lang=zh-CN] .sumi .vision h2{font-size:clamp(32px,3.4vw,49px);max-width:none}
@media(min-width:901px){html[lang=ja] .sumi .hero-copy,html[lang=zh-CN] .sumi .hero-copy{min-height:830px;padding-bottom:0}html[lang=ja] .sumi .hero h1,html[lang=zh-CN] .sumi .hero h1{height:520px;font-size:48px;line-height:1.7}html[lang=ja] .sumi .hero-bottom,html[lang=zh-CN] .sumi .hero-bottom{position:absolute;left:30%;bottom:155px;width:400px;margin-top:0;max-width:46%}.sumi .hero-shade{background:linear-gradient(90deg,#0c100d 1%,#0c100df5 24%,#0c100d99 49%,#0c100d12 77%),linear-gradient(0deg,#0c100d 2%,#0c100d00 50%)}}
@media(max-width:900px){.sumi .hero h1{font-size:64px;max-width:650px}}
@media(max-width:700px){.sumi .hero h1{font-size:47px;max-width:none}html[lang=ja] .sumi .vision h2,html[lang=zh-CN] .sumi .vision h2{font-size:30px;line-height:1.8}.sumi .hero-copy{padding-top:80px}}
@media(max-width:380px){.sumi .hero h1{font-size:41px}}
.sumi .primary-link{position:relative;overflow:hidden}.sumi .primary-link:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:25%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-20deg);pointer-events:none}.sumi .primary-link:hover:after{animation:button-light .65s ease-out both}@keyframes button-light{to{left:120%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sumi *,.sumi *:before,.sumi *:after{animation:none!important;transition:none!important}.sumi .byobu,.sumi .gust-particle{display:none!important}.sumi [data-scene]{clip-path:none;opacity:1;transform:none}}

.keep-phrase{white-space:nowrap}
@media(max-width:900px){.sumi .thought-crest{right:0}.sumi .contact{width:100%}}
@media(max-width:700px){html[lang=ja] .sumi .hero h1,html[lang=zh-CN] .sumi .hero h1{font-size:clamp(29px,8.3vw,34px)}}