/* The paintings carry the page. Words provide orientation and records. */
.hero{display:block;height:calc(100svh - 83px);min-height:690px;max-height:1100px;padding:0;background:radial-gradient(ellipse at 52% 40%,#8d845024,transparent 59%),linear-gradient(145deg,#26372e,#192820 65%,#263229)}
.hero-copy{position:absolute;left:5.4%;bottom:104px;padding:0;z-index:3;pointer-events:none}
.hero h1{font-size:clamp(44px,5vw,76px);line-height:1;margin:0;letter-spacing:-.035em;color:#dfd4b8;white-space:nowrap}
.hero-garden{position:absolute;inset:15px 4% 56px 43%;display:flex;align-items:center;justify-content:flex-end;padding:0}
.garden-window{height:100%;max-height:830px;width:auto;max-width:100%;aspect-ratio:700/790;transform:rotate(-.35deg)}
.garden-window:before{inset:1% 6% 6%;opacity:.5}
.hero:before{opacity:.1;background-position:left -100px bottom -235px}
.garden-entry{position:absolute;bottom:22px;left:calc(50% - 22px);z-index:4;width:44px;height:44px;display:grid;place-items:center;font:27px var(--serif);color:#c9b98c}
.garden-entry:after{content:'';position:absolute;top:42px;height:22px;width:1px;background:#b5a27844}
.season-nav{border-top:0}
.season .season-inner{min-height:990px;padding-top:40px}
.chapter-caption{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:baseline;position:relative;z-index:3}
.chapter-caption h2{font:italic 35px/1.1 var(--serif);letter-spacing:.015em;color:inherit}
.chapter-caption .eyebrow{font-size:9px;letter-spacing:.1em;opacity:.75}
.chapter-caption .kanji{font-size:26px;opacity:.5}
.season-composition{inset:125px 5% 90px}
.spring-main{left:32%;top:0;width:59%;height:410px}
.spring-blue{left:60%;top:463px;width:30%;height:253px}
.spring-round{left:8%;top:372px;width:27%;height:272px}
.spring .botanical-stem{left:28%;top:317px;width:45%;height:284px}
.spring .petal-one{right:0;top:55px}.spring .petal-two{left:46%;top:527px}
.summer .season-inner{min-height:940px}
.summer-boat{left:5%;top:72px;width:60%;height:436px}
.summer-sun{right:1%;top:0;width:22%;height:243px}
.summer-night{right:1%;top:437px;width:27%;height:250px}
.summer .water-lines{top:500px}.summer-star{left:34%;top:594px;font-size:50px}
.autumn .season-inner{min-height:970px}
.autumn-leaves{left:32%;top:0;width:61%;height:417px}
.autumn-grapes{left:2%;top:256px;width:25%;height:336px}
.autumn-red{right:11%;top:480px;width:23%;height:224px}
.autumn .tile-leaf{left:38%;top:580px}.autumn-orbit{top:103px;left:19%}
.winter .season-inner{min-height:960px}
.winter-house{left:33%;top:47px;width:60%;height:442px}
.winter-cat{left:3%;top:414px;width:29%;height:275px}
.winter-moon{left:42%;top:-54px;width:235px;height:235px}
.winter-star{right:9%;top:650px;font-size:35px}
.paint-label{font-size:13px;opacity:0;transition:opacity .65s;letter-spacing:.01em}
.paint:hover .paint-label,.paint:focus-visible .paint-label{opacity:.85}
.next-season{font-size:13px;padding-top:14px;bottom:24px}
.collection{padding-top:100px}
.section-heading{margin-bottom:48px}
.section-heading h2{font-size:68px;letter-spacing:-.02em;line-height:1;margin:0}
.about{display:block;padding:0 6% 55px;background:#d3c7aa}
.about details{max-width:800px;margin:0;border-top:1px solid var(--line);padding-top:24px}
.about details p{font-size:11px;max-width:670px}
footer{padding:60px 6% 36px}
.footer-bottom{margin:0;border:0;padding:0;min-height:55px;padding-right:100px}
.footer-bottom>span:first-child{font-size:42px;letter-spacing:.02em}
.back-top{top:62px;right:6%;width:42px;height:42px;font-size:24px}
@media(hover:none){.paint-label{opacity:.8}}
@media(min-width:1500px){.hero h1{font-size:76px}}
@media(min-width:681px) and (max-width:1100px){
 .hero-copy{bottom:93px;left:4%}.hero h1{font-size:45px}
 .hero-garden{inset:24px 3% 82px 32%;padding:0}
 .season .season-inner{min-height:900px}
 .spring-main{height:330px}.spring-round{height:210px;top:380px}.spring-blue{height:225px;top:410px}
 .summer-boat{height:340px}.summer-sun{height:175px}.summer-night{height:207px;top:430px}
 .autumn-leaves{height:350px}.autumn-grapes{height:278px}.autumn-red{height:180px;top:450px}
 .winter-house{height:360px}.winter-cat{height:220px}
}
@media(max-width:680px){
 .header nav{gap:20px}.header nav a[href="#about"]{display:none}
 .hero{display:block;min-height:650px;height:calc(100svh - 69px);max-height:940px;padding:0}
 .hero-copy{display:block;position:absolute;left:8%;bottom:61px;z-index:3;padding:0}
 .hero h1{display:block;font-size:clamp(28px,9.7vw,54px);line-height:1;letter-spacing:-.03em;margin:0}
 .hero-garden{display:flex;position:absolute;inset:23px 4% 175px 12%;width:auto;height:auto;margin:0;padding:0;align-items:center}
 .garden-window{height:auto;width:100%;max-width:390px;max-height:100%;aspect-ratio:700/790}
 .hero:before{background-position:left -155px bottom -180px}
 .garden-entry{left:calc(50% - 22px);right:auto;bottom:12px}.garden-entry:after{height:25px}
 .season-nav{height:58px;gap:22px}.season-nav a{font-size:13px}
 .season .season-inner{min-height:805px;padding:30px 7% 70px}
 .chapter-caption{grid-template-columns:20px 1fr auto;gap:10px;align-items:baseline}
 .chapter-caption h2{font-size:31px}.chapter-caption .kanji{font-size:23px}.chapter-caption .eyebrow{font-size:8px}
 .season-composition{inset:113px 5% 77px}
 .spring-main{top:12px;left:10%;width:87%;height:248px}
 .spring-blue{left:45%;top:342px;width:53%;height:211px}
 .spring-round{left:0;top:351px;width:36%;height:145px}
 .spring .botanical-stem{top:247px;left:15%;width:55%;height:170px}
 .spring .petal-one{top:-20px}.spring .petal-two{left:37%;top:315px}
 .paint-label{font-size:10px;line-height:1.5;margin-top:12px;opacity:.78}
 .spring-round .paint-label{width:120px;text-align:left}
 .summer .season-inner{min-height:880px}
 .summer-boat{top:95px;left:0;width:83%;height:280px}
 .summer-sun{top:0;right:0;width:34%;height:141px}
 .summer-sun .paint-label{position:absolute;top:-26px;left:0;right:0;white-space:nowrap;margin:0;text-align:center;font-size:10px}
 .summer-night{top:454px;right:0;width:47%;height:201px}
 .summer .water-lines{top:380px}.summer-star{left:14%;top:509px;font-size:40px}
 .autumn .season-inner{min-height:850px}
 .autumn-leaves{top:17px;left:12%;width:86%;height:251px}
 .autumn-grapes{left:0;top:351px;width:43%;height:248px}
 .autumn-red{right:0;top:413px;width:40%;height:171px}
 .autumn .tile-leaf{left:55%;top:338px;width:42px;height:26px}.autumn-orbit{left:-20%;top:200px}
 .winter .season-inner{min-height:825px}
 .winter-house{left:14%;width:84%;top:45px;height:267px}
 .winter-cat{left:0;top:391px;width:60%;height:215px}
 .winter-moon{left:0;top:-35px;width:180px;height:180px}.winter-star{right:10%;top:482px;font-size:32px}
 .next-season{font-size:12px;bottom:25px}
 .collection{padding-top:65px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:54px}
 .about{padding:0 6% 35px;display:block}.about details{margin:0}.about summary{font-size:11px}
 footer{padding:38px 7%}.footer-bottom{display:flex;gap:20px;padding-right:45px;margin:0}.footer-bottom>span:first-child{font-size:26px;width:auto}.footer-bottom>a{font-size:9px}.back-top{top:39px;width:33px;height:33px;font-size:20px}
 html[lang=ja] .chapter-caption h2{font-family:'Hiragino Mincho ProN',serif;font-style:normal;font-size:28px}html[lang=ja] .chapter-caption .kanji{visibility:hidden}
 html[lang=ja] .section-heading h2{font-size:42px;margin:0}
}