@charset "UTF-8";
:root{--paper:#f8f6f1;--ink:#393b32;--muted:#7b7c70;--accent:#8e543d;--line:#dcdcd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#dfc9ae}img{max-width:100%;display:block}.header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:relative;z-index:10}.logo{display:inline-flex;align-items:center;font-size:29px;letter-spacing:2px;font-weight:800}.logo>span{font-size:12px;letter-spacing:1px;margin-left:13px;font-weight:500}.logo i{width:7px;height:7px;border-radius:50%;background:#a36a4e;align-self:flex-start;margin:6px 0 0 6px}nav{display:flex;align-items:center;gap:34px;font-size:11px;letter-spacing:1px}nav>a:not(.nav-cta){position:relative}nav>a:not(.nav-cta):after{content:"";position:absolute;height:1px;background:var(--ink);bottom:-7px;left:0;width:0;transition:width .3s}nav>a:hover:after{width:100%}.nav-cta{border:1px solid #b9bcad;padding:15px 21px;border-radius:30px}.nav-cta span{margin-left:20px}.menu{display:none}.hero{position:relative;min-height:740px;height:calc(100svh - 104px);max-height:1000px;padding:0 5.5%;display:grid;grid-template-columns:44% 56%;padding-bottom:74px}.hero-copy{padding:11vh 0 55px;position:relative;z-index:2}.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:2.6px;margin:0 0 36px}h1,h2,.quote p{font-family:"Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;font-weight:400}h1{font-size:clamp(42px,4.7vw,76px);line-height:1.65;letter-spacing:.11em;margin:0 0 25px}p{line-height:2.2}.hero-description{font-size:13px;letter-spacing:2px;line-height:2.4}.text-link{display:inline-flex;gap:39px;align-items:center;font-size:11px;letter-spacing:1px;margin-top:30px}.text-link span{border:1px solid #bdc0b0;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;transition:transform .3s}.text-link:hover span{transform:translateY(5px)}.hero-art{position:relative;overflow:hidden;background:linear-gradient(125deg,#eae4d7,#d7cbb7 70%,#b7ac98);border-radius:48% 48% 3px 3px;margin:15px 0 0;isolation:isolate}.sunlight{position:absolute;inset:0;background:linear-gradient(125deg,transparent 20%,#fff9dc66 20%,#fff9dc66 32%,transparent 32%,transparent 39%,#fff9dc55 39%,#fff9dc55 52%,transparent 52%);filter:blur(6px)}.window-shadow{position:absolute;inset:65% -50% -50%;background:repeating-linear-gradient(95deg,#847c6522 0 3%,transparent 3% 24%);transform:rotate(-25deg)}.orb{width:90%;height:40%;border-radius:50%;position:absolute;background:#f4eee244;bottom:-12%;left:9%}.robot{position:absolute;width:87%;height:96%;object-fit:contain;left:7%;bottom:-1%;filter:drop-shadow(7px 13px 13px #76634920);animation:breathe 6s ease-in-out infinite}.art-note{position:absolute;left:30px;bottom:32px;display:flex;align-items:center;gap:12px}.art-note p{font-family:Georgia,serif;font-size:15px;line-height:1.6;margin:0}.art-note small{font-family:sans-serif;font-size:9px;letter-spacing:1px}.tiny-star{font-size:36px;font-weight:200}.image-label{position:absolute;right:15px;top:52%;writing-mode:vertical-rl;font:8px Arial,sans-serif;letter-spacing:2px;color:#6e695d}.hero-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;height:74px;display:flex;align-items:center;gap:18px;font:8px Arial,sans-serif;letter-spacing:1.5px}.hero-bottom p{margin-left:auto;font-size:10px;letter-spacing:2px}.hero-bottom>span:last-child{margin-left:40px}.scroll-line{width:65px;height:1px;background:#a7aa99}.section-pad{padding:130px 9%}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;border-top:1px solid var(--line)}h2{font-size:clamp(29px,3vw,44px);letter-spacing:.08em;line-height:1.9;margin:0 0 35px}.intro-text{font-size:12px;letter-spacing:1.4px;line-height:2.7}.intro-text p{line-height:2.7;margin-bottom:25px}.handwritten{display:block;color:#9b7457;font:italic 25px Georgia,serif;margin-top:40px;transform:rotate(-5deg)}.intro-visual{background:#e9eade;aspect-ratio:4/5;position:relative;border-radius:200px 200px 2px 2px;overflow:hidden}.intro-visual img{position:absolute;width:125%;max-width:none;bottom:-10%;left:-13%;transform:rotate(-12deg)}.circle-text{position:absolute;top:48px;width:100%;text-align:center;font:9px Arial,sans-serif;letter-spacing:2px;z-index:1}.visual-caption{position:absolute;right:20px;top:45%;writing-mode:vertical-rl;font:18px "Yu Mincho",serif;letter-spacing:5px}.moments{background:#eeeee6}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.section-heading h2{margin:0}.section-heading>p{font-size:12px;letter-spacing:1px;margin-bottom:10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.moment:nth-child(2){transition-delay:.12s}.moment:nth-child(3){transition-delay:.24s}.moment-art{aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:3px}.moment-art img{position:absolute;width:110%;max-width:none;bottom:0;left:-5%;transition:transform .7s}.moment:hover img{transform:translateY(-8px) rotate(3deg)}.morning{background:linear-gradient(120deg,#e6dbc6,#c9b998)}.scene-window{position:absolute;inset:0;background:linear-gradient(110deg,transparent 12%,#fff9dd88 12% 35%,transparent 35% 39%,#fff9dd88 39% 65%,transparent 65%);opacity:.75}.afternoon{background:#bfc4b0}.afternoon img{transform:rotate(-13deg);left:5%;bottom:-5%}.scene-rug{position:absolute;width:140%;height:40%;bottom:-10%;left:-20%;background:#e4ddc9;border-radius:50%;transform:rotate(-15deg)}.evening{background:radial-gradient(ellipse at 95% 0%,#d5b483,#7c7863 70%)}.evening img{filter:brightness(.85);transform:rotate(8deg);left:-10%}.scene-lamp{position:absolute;width:110px;height:130px;right:-30px;top:-40px;background:#f5e3b6;clip-path:polygon(30% 0,65% 0,100% 100%,0 100%);filter:blur(1px)}.time{position:absolute;top:22px;left:20px;font:14px Georgia,serif;letter-spacing:1px}.time small{display:block;font:7px Arial,sans-serif;letter-spacing:1.5px;margin-top:8px}.evening .time{color:#fff4da}.card-heading{display:flex;gap:13px;align-items:center;margin-top:25px}.card-heading>span{font:11px Georgia,serif;color:#8b8b79}.card-heading h3{font-family:"Yu Mincho",serif;font-size:16px;font-weight:400;letter-spacing:.04em;margin:0}.moment>p{font-size:11px;color:#74766a;line-height:2.2;margin-left:27px}.quote{text-align:center;padding-top:100px;padding-bottom:100px}.quote-mark{font:70px Georgia,serif;color:#bdc0ad;line-height:1}.quote p{font-size:clamp(23px,2.6vw,36px);line-height:2.1;letter-spacing:.09em;margin:0 0 35px}.quote .eyebrow{font-size:8px;color:#858878}.visit{background:#e5e7da;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;position:relative;overflow:hidden;padding-top:85px;padding-bottom:85px}.visit p:not(.eyebrow){font-size:12px;letter-spacing:1px}.button{background:var(--ink);color:#fff;padding:23px 30px;border-radius:40px;display:inline-flex;gap:55px;font-size:12px;letter-spacing:1px;margin-top:20px;transition:background .3s,transform .3s}.button:hover{background:#5c634f;transform:translateY(-3px)}.visit small{display:block;font-size:9px;color:#737967;margin-top:17px}.visit-art{position:relative;align-self:stretch;min-height:390px}.visit-art img{position:absolute;width:125%;max-width:none;top:-7%;left:-5%;transform:rotate(13deg)}.visit-art>span{font:italic 31px Georgia,serif;position:absolute;bottom:0;right:0;color:#737c5f;transform:rotate(-8deg)}footer{padding:55px 5.5% 30px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid var(--line)}.back-top{font:9px Arial,sans-serif;letter-spacing:1.5px}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-top:20px;color:#87897d}.footer-bottom p{font-size:9px;line-height:1.9}.footer-bottom>span{font:8px/2 Arial,sans-serif;letter-spacing:1px;text-align:right}.will-reveal{opacity:0;transform:translateY(24px);transition:opacity .9s,transform .9s}.will-reveal.visible{opacity:1;transform:translateY(0)}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:var(--paper);padding:15px}.skip:focus{top:15px}@keyframes breathe{50%{transform:translateY(-8px) rotate(1deg)}}
@media(min-width:1500px){.hero-copy{padding-top:110px}body{max-width:1800px;margin:auto}}
@media(max-width:1000px){nav{gap:20px}.header{padding:0 4%;height:85px}.logo{font-size:25px}.logo>span{font-size:10px;margin-left:8px}.hero{padding-left:6%;padding-right:4%;min-height:650px;height:740px}.hero-copy{padding-top:100px}h1{font-size:45px}.hero-art{margin-top:30px}.section-pad{padding:90px 6%}.cards{gap:17px}.card-heading{gap:8px}.card-heading h3{font-size:13px}.moment>p{font-size:10px;margin-left:0}.visit-art img{top:5%}.art-note{left:20px;bottom:25px}.art-note p{font-size:12px}.art-note small{font-size:8px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:78px;padding:0 6%}.logo{font-size:25px}.logo>span{font-size:10px}.menu{display:flex;align-items:center;gap:13px;background:none;border:0;color:var(--ink);font:9px Arial,sans-serif;letter-spacing:1px;padding:12px 0 12px 12px}.menu span{font-size:20px;transition:transform .3s}.menu[aria-expanded=true] span{transform:rotate(45deg)}nav{display:none;position:absolute;top:70px;left:4%;right:4%;padding:30px;background:var(--paper);box-shadow:0 15px 30px #393b3215;border:1px solid var(--line);border-radius:5px;align-items:stretch}nav.open{display:flex;flex-direction:column;gap:28px}.nav-cta{text-align:center}.hero{display:block;height:auto;min-height:0;padding:0 6% 60px}.hero-copy{padding:35px 0 0}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:23px}h1{font-size:42px;line-height:1.6;letter-spacing:.09em;margin-bottom:18px}.hero-description{font-size:11px;line-height:2.1;letter-spacing:1.5px}.text-link{font-size:9px;margin-top:13px;gap:20px}.text-link span{width:30px;height:30px}.hero-art{margin:32px 0 0 14%;height:440px;border-radius:48% 48% 3px 3px}.robot{height:100%;width:110%;max-width:none;left:-5%;bottom:-2%}.hero-bottom{height:60px;left:6%;right:6%;gap:12px;font-size:7px}.hero-bottom p{font-size:8px;letter-spacing:1px}.hero-bottom>span:last-child{display:none}.scroll-line{width:32px}.art-note{left:18px;bottom:20px}.tiny-star{font-size:28px}.image-label{font-size:6px;right:9px}.section-pad{padding:75px 7%}.intro{display:flex;flex-direction:column;gap:50px;align-items:stretch}.intro>div:first-child{padding:0 4%}h2{font-size:29px;line-height:1.9;margin-bottom:25px}.intro-text{font-size:11px}.handwritten{font-size:22px}.intro-visual{width:85%;align-self:center;max-height:430px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:23px;font-size:11px}.cards{display:flex;flex-direction:column;gap:36px}.moment-art{aspect-ratio:1/1}.moment-art img{width:90%;left:5%;bottom:-12%}.afternoon img{left:15%}.evening img{left:-3%}.time{top:22px;left:22px;font-size:18px}.time small{font-size:8px}.card-heading h3{font-size:17px}.card-heading{gap:14px;margin-top:20px}.moment>p{font-size:11px;margin-left:28px}.quote{padding:65px 4%}.quote p{font-size:23px;letter-spacing:.04em}.quote .eyebrow{font-size:7px}.visit{display:flex;flex-direction:column;padding-bottom:35px}.visit>div:first-child{width:100%}.visit h2{font-size:28px}.visit p:not(.eyebrow){font-size:11px}.button{padding:21px 25px;font-size:11px;gap:35px}.visit-art{min-height:330px;width:100%;max-width:350px;align-self:center}.visit-art img{width:110%;top:-15%;left:0}.visit-art>span{font-size:27px;bottom:10px;right:5%}footer{padding:40px 6% 25px}.footer-top{padding-bottom:25px}.back-top{font-size:7px}.footer-bottom{display:block}.footer-bottom p{font-size:8px}.footer-bottom>span{display:block;text-align:left;margin-top:20px;font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}

/* A quieter layout: plain typography, flat backgrounds, no decorative motion. */
:root{--paper:#fff;--ink:#292929;--muted:#747474;--accent:#696354;--line:#e5e5e1}
html{scroll-behavior:auto}
.header{height:96px}
.logo{letter-spacing:1px}.logo i{display:none}
.nav-cta{border-radius:4px}
.hero{height:auto;min-height:650px;max-height:none;padding-bottom:55px;grid-template-columns:1fr 1fr;gap:5%}
.hero-copy{padding:100px 0 60px}
.eyebrow{font-family:inherit;letter-spacing:.06em;font-size:12px;color:#777;margin-bottom:24px}
h1,h2,.card-heading h3{font-family:inherit;font-weight:500}
h1{font-size:clamp(46px,5.3vw,80px);line-height:1.4;letter-spacing:.02em;margin-bottom:30px}
h2{font-size:clamp(28px,3vw,42px);letter-spacing:.02em;line-height:1.65}
.hero-description{letter-spacing:.03em;font-size:14px;line-height:2}
.hero-art{border-radius:4px;background:#eeede8;margin:10px 0 0;min-height:530px}
.robot{animation:none;filter:none;width:90%;left:5%}
.image-label{writing-mode:horizontal-tb;top:auto;bottom:16px;right:18px;font-family:inherit;font-size:10px;letter-spacing:.03em;color:#777}
.text-link{font-size:12px;letter-spacing:.03em}.text-link span{border:0}.text-link:hover span{transform:none}
.section-pad{padding-top:90px;padding-bottom:90px}
.intro{border-top:1px solid var(--line);gap:12%}.intro-text{font-size:13px;letter-spacing:.02em}
.intro-visual{border-radius:4px;background:#f1f1ed;aspect-ratio:1/1}.intro-visual img{transform:none;width:100%;left:0;bottom:-5%}
.moments{background:#f6f6f3}.section-heading>p{letter-spacing:.03em}
.moment-art{aspect-ratio:1/1;background:#eae9e3;border-radius:3px}.afternoon{background:#e1e4dd}.evening{background:#dedbd4}
.moment-art img,.afternoon img,.evening img{transform:none;filter:none;transition:none}
.moment:hover img{transform:none}.time{font-family:inherit;font-size:12px}.time small{font-family:inherit;font-size:10px;letter-spacing:0}.evening .time{color:var(--ink)}
.card-heading h3{font-size:16px;letter-spacing:0}.moment>p{font-size:12px}
.visit{background:#fff;border-bottom:1px solid var(--line)}.visit-art img{transform:none;width:105%;left:0;top:-10%}
.button{border-radius:4px;background:#333;letter-spacing:.03em;transition:background .2s}.button:hover{transform:none;background:#555}
.will-reveal{opacity:1;transform:none}.footer-bottom>span{letter-spacing:0}
@media(max-width:1000px){.hero{min-height:550px}.hero-copy{padding-top:80px}.hero-art{min-height:470px}.card-heading h3{font-size:13px}}
@media(max-width:700px){.header{height:78px}.hero{min-height:0;padding-bottom:35px}.hero-copy{padding:32px 0 0}h1{font-size:49px;line-height:1.35;margin-bottom:22px}.hero-description{font-size:13px}.hero-art{margin:28px 0 0;min-height:0;height:390px;border-radius:3px}.robot{width:100%;left:0}.eyebrow{font-size:11px}.section-pad{padding-top:60px;padding-bottom:60px}.intro>div:first-child{padding:0}.intro-visual{width:100%;max-height:380px}.intro-visual img{width:100%;left:0;bottom:-8%}h2,.visit h2{font-size:28px}.intro-text{font-size:12px}.moment-art img{width:90%;left:5%;bottom:-12%}.card-heading h3{font-size:17px}.visit-art{min-height:290px}.visit-art img{top:-18%}.visit p:not(.eyebrow){font-size:12px}.moment>p{font-size:12px}.button{font-size:12px}.footer-bottom p{font-size:9px}}
