:root{--ink:#282522;--paper:#f7f5f0;--soft:#e9e4dc;--line:#cfc9bf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif JP",serif;font-weight:300;letter-spacing:.06em}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}header{position:absolute;z-index:20;top:0;left:0;width:100%;height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff}.logo{font:italic 2.8rem/1 "Cormorant Garamond",serif;letter-spacing:.02em}nav{display:flex;gap:2rem;font:400 .7rem "Cormorant Garamond",serif;letter-spacing:.15em}.menu{display:none;border:0;background:none}.hero{height:100svh;min-height:680px;position:relative;color:#fff;overflow:hidden}.hero>img{object-position:center 53%}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,8,.22),rgba(10,10,8,.03) 45%,rgba(10,10,8,.34))}.hero-copy{position:absolute;left:8vw;bottom:12vh}.hero-copy>p:first-child,.section-no{font:400 .72rem "Cormorant Garamond",serif;letter-spacing:.22em}.hero h1{font-size:clamp(1.9rem,3.8vw,3.8rem);font-weight:300;line-height:1.65;letter-spacing:.08em;margin:.8rem 0}.hero .jp{font-size:1rem}.scroll{position:absolute;right:3vw;bottom:4vh;writing-mode:vertical-rl;font:400 .58rem "Cormorant Garamond",serif;letter-spacing:.26em}.statement{min-height:80vh;padding:16vh 10vw;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.statement .en{font:italic clamp(2.5rem,7vw,7rem) "Cormorant Garamond",serif;color:#b9afa3;margin-bottom:4rem}.statement h2,.editorial h2,.okinawa h2,.studio h2,.family h2,.birthday h2,.booking h2{font-size:clamp(1.65rem,3vw,3rem);line-height:1.75;font-weight:300}.statement>p:last-child,.editorial-copy>p:last-child,.okinawa-lead>p:last-child,.birthday-heading>p:last-child{line-height:2.2;font-size:.95rem}.full-photo{height:100svh;min-height:700px;position:relative;color:#fff}.full-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,8,.44),transparent 65%)}.photo-copy{position:absolute;z-index:2;left:8vw;bottom:10vh}.photo-copy span{font:.7rem "Cormorant Garamond",serif;letter-spacing:.22em}.photo-copy h2{font-size:clamp(1.7rem,3.2vw,3.3rem);font-weight:300;line-height:1.65;margin:1rem 0}.photo-copy p{font:.7rem "Cormorant Garamond",serif;letter-spacing:.18em}.editorial{padding:16vh 6vw}.editorial-copy{max-width:650px;margin:0 8vw 12vh auto}.editorial-copy h2{margin:2rem 0}.mosaic{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:45vw 45vw;gap:1vw}.mosaic .tall{grid-row:1/3}.okinawa{padding:16vh 5vw;background:#efeee9}.okinawa-lead{max-width:690px;margin:0 auto 10vh;text-align:center}.okinawa-lead h2{margin:2rem 0}.sea{height:min(80vh,900px)}.trip-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2vw;margin:1.2vw 0}.trip-grid img{height:70vw;max-height:900px}.sunset{height:95vh;min-height:700px;position:relative;color:#fff}.sunset:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,8,5,.55))}.sunset p{position:absolute;z-index:2;left:6vw;bottom:6vh;font:italic clamp(2.2rem,5vw,5rem) "Cormorant Garamond",serif;letter-spacing:.06em}.sunset p span{font:300 .9rem "Noto Serif JP",serif}.studio{padding:16vh 5vw}.studio-heading{text-align:center;margin-bottom:10vh}.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2vw}.studio-grid figure{margin:0}.studio-grid img{height:58vw;max-height:860px}.studio-grid figcaption{font:400 .7rem "Cormorant Garamond",serif;letter-spacing:.2em;margin-top:1rem}.family{padding:16vh 5vw;background:#e9e4dc}.family-title{margin:0 0 10vh 5vw}.family-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:42vw 42vw 42vw;gap:1vw}.family-grid .big{grid-row:1/3}.birthday{padding:16vh 5vw}.birthday-heading{max-width:650px;margin:0 auto 10vh;text-align:center}.birthday-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1vw}.birthday-grid img{height:68vw;max-height:920px}.booking{padding:16vh 10vw;background:#f0ede7}.booking h2{margin:2rem 0 5rem}.booking ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.booking li{padding:1.6rem 0;border-bottom:1px solid var(--line);font-size:1rem}.booking li span{display:inline-block;width:5rem;font:italic 1.4rem "Cormorant Garamond",serif}.contact{text-align:center;color:#fff;background:#877b70;padding:17vh 1.5rem}.contact h2{font:italic clamp(4rem,10vw,10rem)/.85 "Cormorant Garamond",serif;margin:3rem 0}.contact>p{line-height:2}.line-button{display:inline-block;border:1px solid #fff;padding:1.2rem 3rem;margin-top:2rem;font-size:.85rem}.address{font-size:.65rem;margin-top:6rem}footer{padding:3rem 5vw;display:flex;justify-content:space-between;align-items:end;font:.62rem "Cormorant Garamond",serif;letter-spacing:.16em}footer .logo{color:var(--ink)}.sticky{display:none}
@media(max-width:760px){header{height:72px}.logo{font-size:2.2rem}nav{display:none;position:absolute;inset:0 0 auto 0;height:100svh;background:#f3efe9;color:var(--ink);padding:8rem 2rem;flex-direction:column;font-size:1.1rem;gap:1.7rem}.menu{display:block;position:relative;z-index:2;width:40px;height:40px}.menu span{display:block;width:26px;height:1px;background:#fff;margin:7px}.menu.open+nav{display:flex}.menu.open span{background:var(--ink)}.hero{min-height:620px}.hero>img{object-position:50% center}.hero-copy{left:7vw;right:7vw;bottom:10vh}.hero h1{font-size:1.35rem;line-height:1.8}.hero .jp{font-size:.8rem}.statement{padding:13vh 7vw}.statement .en{font-size:2.7rem;margin-bottom:3rem}.statement h2,.editorial h2,.okinawa h2,.studio h2,.family h2,.birthday h2,.booking h2{font-size:1.5rem}.statement>p:last-child,.editorial-copy>p:last-child,.okinawa-lead>p:last-child,.birthday-heading>p:last-child{font-size:.84rem}.full-photo{height:88svh;min-height:600px}.full-photo>img{object-position:42% center}.photo-copy{left:7vw;bottom:8vh}.photo-copy h2{font-size:1.5rem}.editorial,.okinawa,.studio,.family,.birthday,.booking{padding:12vh 5vw}.editorial-copy{margin:0 4vw 8vh}.mosaic{grid-template-columns:1fr;grid-template-rows:135vw 115vw 115vw;gap:2vw}.mosaic .tall{grid-row:auto}.sea{height:120vw}.trip-grid{gap:2vw;margin:2vw 0}.trip-grid img{height:78vw}.sunset{height:85svh;min-height:580px}.sunset p{left:7vw;font-size:2.5rem}.sunset p span{font-size:.76rem}.studio-grid{grid-template-columns:1fr;gap:7vh}.studio-grid img{height:135vw;max-height:none}.family-title{margin-left:2vw}.family-grid{grid-template-columns:1fr 1fr;grid-template-rows:125vw 78vw 78vw}.family-grid .big{grid-column:1/3;grid-row:auto}.birthday-grid{gap:2vw}.birthday-grid img{height:78vw}.booking{padding-left:8vw;padding-right:8vw}.booking li{font-size:.85rem}.booking li span{width:3.5rem}.contact h2{font-size:4.2rem}footer{display:block;padding-bottom:7rem}footer p{margin-top:2rem}.sticky{display:block;position:fixed;z-index:30;right:1rem;bottom:1rem;background:#302d29;color:#fff;padding:.9rem 1.3rem;border-radius:99px;font-size:.7rem;box-shadow:0 6px 24px #0004}}