:root{--navy:#06192c;--deep:#08253a;--aqua:#9fe6e3;--gold:#d6b56f;--paper:#eef4f0;--serif:"Noto Serif JP",serif;--latin:"Cormorant Garamond",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#fff;font-family:var(--serif);font-weight:300;overflow-x:hidden}body.is-loading{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle at 50% 65%,#185a6c 0,#082e45 34%,#031321 75%);transition:opacity 1.2s,visibility 1.2s}.loader.is-hidden{opacity:0;visibility:hidden}.loader__halo{position:absolute;width:32vmin;height:32vmin;border:1px solid #a6e6df55;border-radius:50%;box-shadow:0 0 80px #62d9d844,inset 0 0 60px #62d9d833;animation:pulse 2.8s ease-in-out infinite}.loader__mermaid{position:relative;text-align:center;color:#d8cab0;filter:drop-shadow(0 0 16px #e6d3a8);animation:float 3s ease-in-out infinite}.loader__mermaid .crown{display:block;font-size:24px}.loader__mermaid .figure{display:block;font-size:72px;transform:rotate(-25deg)}.loader__word{position:absolute;bottom:18%;font:italic 18px var(--latin);letter-spacing:.22em;color:#cde5e2}.loader__skip{position:absolute;bottom:9%;background:none;color:#d8e9e8;border:1px solid #ffffff44;border-radius:40px;padding:12px 28px;cursor:pointer}.loader__bubbles,.bubbles{position:absolute;inset:0;background-image:radial-gradient(circle,#d8ffffaa 0 1px,transparent 2px),radial-gradient(circle,#fff8 0 2px,transparent 3px);background-size:83px 99px,127px 173px;animation:bubbleRise 12s linear infinite;opacity:.5}.header{position:fixed;z-index:100;top:0;left:0;width:100%;height:88px;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between;transition:.4s}.header.scrolled{height:70px;background:#06192ddd;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff18}.brand{display:flex;flex-direction:column;font-family:var(--latin);letter-spacing:.2em}.brand span{font-size:22px}.brand small{font-size:8px;letter-spacing:.32em;color:var(--aqua)}.nav{display:flex;align-items:center;gap:34px;font:500 15px var(--latin);letter-spacing:.12em}.nav__contact{color:white;background:transparent;border:1px solid #d6b56f88;border-radius:50px;padding:12px 22px;cursor:pointer}.nav-toggle{display:none;background:none;border:0}.hero,.story,.philosophy{position:relative;min-height:100vh;overflow:hidden}.hero{display:flex;align-items:center;background:#092b43}.hero__water,.story__image,.philosophy__bg{position:absolute;inset:0;background:center/cover no-repeat}.hero__water{background-image:url(../img/deepsea-mermaid.png);transform:scale(1.04);animation:slowZoom 16s ease-in-out infinite alternate}.hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,#031625e6 0,#05223899 43%,transparent 78%),linear-gradient(0deg,#041a2b88,transparent 45%)}.hero__copy{position:relative;z-index:2;margin-left:11vw;margin-top:4vh;max-width:650px}.eyebrow,.section-no{font:500 12px var(--latin);letter-spacing:.3em;color:var(--aqua);text-transform:uppercase}.hero h1{font-size:clamp(42px,5.2vw,78px);font-weight:300;line-height:1.45;letter-spacing:.1em;margin:24px 0}.hero h1 em,.philosophy h2 em{font-style:normal;color:#efdba7;text-shadow:0 0 24px #d6b56f55}.hero__lead{line-height:2.15;letter-spacing:.1em;color:#dfeded}.scroll-link{margin-top:50px;display:inline-flex;align-items:center;gap:18px;font:11px var(--latin);letter-spacing:.32em}.scroll-link i{display:block;width:62px;height:1px;background:#fff;position:relative}.scroll-link i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(-45deg)}.vertical-note{position:absolute;right:3vw;bottom:10vh;writing-mode:vertical-rl;font:italic 14px var(--latin);letter-spacing:.15em;color:#c8e3e0}.story__image{background-image:url(../img/ocean-to-cosmos.png);background-attachment:fixed}.story__mist{position:absolute;inset:0;background:linear-gradient(90deg,#051a2de0 0,#071a2ebd 38%,transparent 68%),linear-gradient(0deg,#130e2a99,transparent 50%)}.story{display:flex;align-items:center}.story__copy{position:relative;z-index:2;width:min(520px,80vw);margin-left:11vw}.story h2,.works h2,.profile h2,.contact h2,.modal h2{font-weight:300;font-size:clamp(34px,4.4vw,64px);line-height:1.55;letter-spacing:.1em;margin:25px 0}.story__copy>p:not(.section-no){line-height:2.2;color:#d7e5e5;letter-spacing:.06em}.depth-label{position:absolute;right:5vw;bottom:6vh;display:flex;gap:16px;align-items:center;font:11px var(--latin);letter-spacing:.25em;color:#d4c6ec}.depth-label b{font-size:28px;color:var(--gold)}.philosophy{min-height:110vh;display:grid;place-items:center}.philosophy__bg{background-image:url(../img/galaxy-blessing.png);background-attachment:fixed}.philosophy:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent,#05071a99 80%)}#stardust{position:absolute;inset:0;width:100%;height:100%;z-index:2}.light{position:absolute;z-index:1;width:65vw;height:5px;filter:blur(13px);opacity:.65}.light--gold{left:-18vw;bottom:28%;background:linear-gradient(90deg,transparent,#efb95c);transform:rotate(-23deg)}.light--aqua{right:-18vw;top:27%;background:linear-gradient(90deg,#9ff8ff,transparent);transform:rotate(-23deg)}.philosophy__inner{position:relative;z-index:3;width:min(1180px,82vw);display:grid;grid-template-columns:1.1fr .8fr;gap:12vw;align-items:center}.philosophy h2{font-size:clamp(40px,5vw,70px);font-weight:300;line-height:1.5;letter-spacing:.12em}.philosophy__text{margin-top:20vh;border-left:1px solid #ffffff40;padding-left:40px;line-height:2.3;letter-spacing:.08em;color:#e5e5ef}.star-mark{font-size:30px;color:var(--gold)}.signature{font:italic 25px var(--latin);color:#e8c87f}.works{background:var(--paper);color:#162834;padding:140px 8vw 120px}.works__intro{max-width:550px}.works .section-no,.profile .section-no{color:#397a7f}.works__intro>p:last-child{line-height:2;color:#52636a}.works__cards{margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.work-card{position:relative;min-height:450px;padding:28px;background:#e3ece9;overflow:hidden;border:1px solid #c8d8d4}.work-card>span{font:14px var(--latin);letter-spacing:.2em;color:#698b8e}.work-card__orb{width:250px;height:250px;border-radius:50%;margin:30px auto;box-shadow:inset -30px -20px 50px #06192c88,0 20px 50px #13384622;transition:.7s}.work-card:hover .work-card__orb{transform:translateY(-8px) scale(1.04)}.orb--sea{background:url(../img/deepsea-mermaid.png) 72% center/cover}.orb--moon{background:url(../img/ocean-to-cosmos.png) center/cover}.orb--light{background:url(../img/galaxy-blessing.png) center/cover}.work-card h3{font:500 36px var(--latin);letter-spacing:.08em;margin:0}.work-card p{color:#63747b}.demo-note{font-size:11px!important;color:#708084!important;margin-top:35px}.profile{background:#dce8e5;color:#172b36;display:grid;grid-template-columns:1fr 1fr;min-height:95vh}.profile__art{position:relative;background:url(../img/galaxy-blessing.png) center/cover;display:grid;place-items:center;color:white}.profile__art:after{content:"";position:absolute;inset:0;background:#071b3555}.profile__moon{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5cc,#ddb86d 50%,#614674);box-shadow:0 0 60px #e7c97e77}.profile blockquote{position:relative;z-index:2;font:italic clamp(25px,3vw,46px)/1.5 var(--latin);text-align:center;text-shadow:0 2px 20px #000}.profile__content{padding:12vh 8vw;align-self:center}.profile dl{border-top:1px solid #9eb2af;margin:45px 0}.profile dl div{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid #9eb2af;padding:18px 0}.profile dt{font:600 13px var(--latin);letter-spacing:.12em}.profile dd{margin:0;line-height:1.8}.profile__body{line-height:2.2}.contact{position:relative;min-height:70vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 50%,#143f56,#06182c 58%,#030c19)}.contact__inner{position:relative;z-index:2}.contact__button{margin-top:30px;width:min(360px,80vw);padding:20px 28px;border-radius:60px;border:1px solid #d8bd80;background:#ffffff0b;color:white;display:inline-flex;justify-content:space-between;cursor:pointer;transition:.3s}.contact__button:hover{background:#d6b56f;color:#102331}.contact__stars{position:absolute;inset:0;background-image:radial-gradient(#fff 0 1px,transparent 1.5px);background-size:67px 73px;opacity:.22}.footer{padding:55px 6vw;background:#020a13;display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end}.footer nav{display:flex;gap:28px}.footer button{border:0;background:none;color:white;cursor:pointer}.footer>small{grid-column:1/-1;color:#73818b;font:10px var(--latin);letter-spacing:.16em}.modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.35s}.modal.is-open{opacity:1;visibility:visible}.modal__backdrop{position:absolute;inset:0;background:#010811d9;backdrop-filter:blur(8px)}.modal__panel{position:relative;width:min(650px,92vw);max-height:90vh;overflow:auto;background:#edf3f0;color:#132c38;padding:50px 65px;box-shadow:0 30px 100px #0009}.modal__close{position:absolute;right:20px;top:14px;border:0;background:none;font-size:32px;cursor:pointer;color:#294953}.modal form{display:grid;gap:18px;margin-top:30px}.modal label{font-size:13px;letter-spacing:.06em}.modal label span{font-size:9px;color:#a36d50;margin-left:10px}.modal input,.modal textarea,.modal select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #b9cbc7;background:#fff}.modal form>button{padding:16px;border:0;background:#0d4050;color:white;cursor:pointer}.modal form>small{text-align:center;color:#75878a}.modal__panel--text h3{font-size:15px;margin-top:25px}.modal__panel--text p{font-size:13px;line-height:2}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1s,transform 1s}.reveal.is-visible{opacity:1;transform:none}@keyframes pulse{50%{transform:scale(1.12);opacity:.55}}@keyframes float{50%{transform:translateY(-14px);opacity:.7}}@keyframes bubbleRise{to{background-position:0 -500px,0 -650px}}@keyframes slowZoom{to{transform:scale(1.11) translateY(-1%)}}
@media(max-width:760px){.header{height:70px;padding:14px 20px}.brand span{font-size:18px}.nav-toggle{display:grid;gap:7px;padding:10px;z-index:3}.nav-toggle i{display:block;width:27px;height:1px;background:white}.nav{position:fixed;inset:0;background:#041522f2;display:flex;flex-direction:column;justify-content:center;gap:32px;font-size:22px;transform:translateX(100%);transition:.4s}.nav.is-open{transform:none}.hero__veil{background:linear-gradient(0deg,#031625ea 0,#05223877 65%,transparent)}.hero__copy{margin:18vh 8vw 0}.hero h1{font-size:39px}.hero__lead br{display:none}.vertical-note{display:none}.story__image,.philosophy__bg{background-attachment:scroll}.story__mist{background:linear-gradient(0deg,#051a2df2 0,#071a2e77 75%,transparent)}.story__copy{margin:34vh 8vw 7vh}.depth-label{right:auto;left:8vw}.philosophy{min-height:115vh}.philosophy__inner{grid-template-columns:1fr;gap:0}.philosophy__text{margin-top:2vh;padding-left:24px}.philosophy h2{font-size:38px}.works{padding:100px 7vw}.works__cards{grid-template-columns:1fr;margin-top:50px}.work-card{min-height:400px}.profile{grid-template-columns:1fr}.profile__art{min-height:70vh}.profile__content{padding:90px 8vw}.profile dl div{grid-template-columns:95px 1fr}.contact{min-height:75vh;padding:70px 7vw}.footer{grid-template-columns:1fr}.footer nav{flex-direction:column;align-items:flex-start}.modal__panel{padding:45px 24px}.modal h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}