:root{--navy:#081827;--ink:#102131;--paper:#f4efe4;--cream:#fffaf0;--gold:#d8a34a;--red:#d34b34;--line:rgba(16,33,49,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:92px;padding:18px clamp(22px,4vw,66px);display:flex;align-items:center;justify-content:space-between;color:#fff;transition:.4s}.site-header.scrolled{height:76px;background:rgba(8,24,39,.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12)}.brand,.footer-brand{display:flex;align-items:center;gap:13px}.brand-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);font-family:"Noto Serif JP",serif;color:var(--gold);font-size:22px}.brand b,.footer-brand b{display:block;font-family:"Noto Serif JP",serif;letter-spacing:.08em}.brand small,.footer-brand small{display:block;font-size:10px;letter-spacing:.22em;opacity:.7}.site-nav{display:flex;align-items:center;gap:34px;font-size:13px;letter-spacing:.1em}.site-nav a{position:relative}.site-nav a:not(.nav-contact)::after{content:"";position:absolute;height:1px;background:var(--gold);left:0;right:100%;bottom:-5px;transition:.3s}.site-nav a:hover::after{right:0}.nav-contact{border:1px solid rgba(255,255,255,.55);border-radius:100px;padding:11px 20px}.menu-button{display:none}.hero{height:100svh;min-height:670px;position:relative;color:#fff;overflow:hidden;background:var(--navy)}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;animation:hero-in 2s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,30,.88) 0%,rgba(5,17,30,.62) 35%,rgba(5,17,30,.05) 74%),linear-gradient(0deg,rgba(5,17,30,.5),transparent 35%)}.hero-copy{position:absolute;z-index:2;left:clamp(24px,9vw,148px);top:50%;transform:translateY(-43%);max-width:650px}.eyebrow,.section-label{font-size:11px;letter-spacing:.24em;font-weight:600}.eyebrow{color:#e8c789;margin-bottom:30px}.hero h1{font:600 clamp(62px,9vw,138px)/.98 "Noto Serif JP",serif;letter-spacing:.02em;margin:0}.hero h1 span{color:#f1d79f}.hero-lead{font-family:"Noto Serif JP",serif;font-size:clamp(16px,1.55vw,22px);margin:32px 0 36px;letter-spacing:.08em}.round-link{display:flex;align-items:center;gap:22px;font-size:13px;letter-spacing:.1em}.round-link b{width:46px;height:46px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;transition:.3s}.round-link:hover b{background:var(--gold);border-color:var(--gold);transform:translateY(3px)}.scroll-note{position:absolute;right:clamp(20px,4vw,66px);bottom:42px;z-index:2;font-size:9px;letter-spacing:.3em;writing-mode:vertical-rl}.section-pad{padding:clamp(84px,12vw,180px) clamp(24px,8vw,132px)}.section-label{display:flex;gap:18px;align-items:center;margin-bottom:90px}.section-label span{width:42px;height:1px;background:currentColor;overflow:hidden;color:transparent}.philosophy{position:relative;overflow:hidden}.philosophy-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(50px,10vw,170px);position:relative;z-index:2}.kicker{color:var(--red);font-family:"Noto Serif JP",serif;letter-spacing:.12em;margin:0 0 28px}.philosophy h2,.work h2,.stories h2,.contact h2{font:600 clamp(40px,5.6vw,78px)/1.28 "Noto Serif JP",serif;letter-spacing:.04em;margin:0}.body-copy{padding-top:90px;font-size:17px}.body-copy p{margin:0 0 24px}.text-link{display:inline-flex;gap:30px;border-bottom:1px solid;padding:12px 0;font-weight:600;margin-top:20px}.water-words{height:190px;margin:100px -10vw -100px;background:radial-gradient(ellipse at center,rgba(61,112,133,.14),transparent 65%);display:flex;justify-content:space-around;align-items:center;color:rgba(16,33,49,.12);font:600 clamp(30px,5vw,70px) "Noto Serif JP",serif}.water-words span:nth-child(even){transform:translateY(34px)}.work{background:var(--navy);color:var(--cream)}.section-label.light{color:#d9c7a4}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:100px}.work-heading p{color:#b9c1c7}.service-list{border-top:1px solid rgba(255,255,255,.2)}.service-list article{position:relative;display:grid;grid-template-columns:70px minmax(200px,1fr) 1.25fr;padding:42px 0;border-bottom:1px solid rgba(255,255,255,.2);align-items:center;overflow:hidden}.service-list article>span{color:var(--gold);font:18px "Noto Serif JP",serif}.service-list h3{font:500 clamp(25px,2.8vw,40px) "Noto Serif JP",serif;margin:0}.service-list p{color:#bac3ca;max-width:580px;margin:0}.service-list b{position:absolute;right:0;font-size:90px;letter-spacing:.1em;color:rgba(255,255,255,.025);transition:.4s}.service-list article:hover b{color:rgba(216,163,74,.09);transform:translateX(-20px)}.stories-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:80px}.stories-intro p{color:#52606a}.story-cards{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:28px}.story-card{border-top:1px solid var(--line);padding-top:24px}.card-art{aspect-ratio:4/5;margin-bottom:28px;padding:10%;position:relative;overflow:hidden;transition:.5s}.story-card:hover .card-art{transform:translateY(-8px)}.card-art small{position:absolute;bottom:8%;left:10%;font-size:9px;letter-spacing:.2em}.book-art{background:#d9d1c1}.book-art:after{content:"";position:absolute;width:45%;height:60%;border:1px solid #2e2922;right:-10%;top:13%;transform:rotate(12deg)}.book-art span{font:20px "Noto Serif JP",serif}.book-art strong{display:block;font:600 clamp(34px,4vw,64px)/1.08 "Noto Serif JP",serif;margin-top:20%;position:relative;z-index:1}.town-art{background:var(--red);color:#fff}.town-art span{font:600 clamp(26px,3vw,46px) "Noto Serif JP",serif;writing-mode:vertical-rl}.town-art i{position:absolute;right:8%;bottom:5%;font:italic 110px/1 serif;color:rgba(255,255,255,.18)}.sound-art{background:#d9a62f;color:#102131}.sound-art strong{display:block;font:700 clamp(24px,3vw,42px)/1 sans-serif;transform:rotate(-8deg);margin-top:40%}.sound-art i{position:absolute;right:14%;top:10%;font-size:60px}.story-card>div:last-child>small{font-size:10px;letter-spacing:.15em;color:#7a7f81}.story-card h3{font:600 25px/1.5 "Noto Serif JP",serif;margin:12px 0}.story-card p{color:#66717a}.message{text-align:center;background:var(--cream);position:relative}.message>p:first-child{font-size:11px;letter-spacing:.25em;color:var(--red)}blockquote{font:600 clamp(42px,7vw,96px)/1.45 "Noto Serif JP",serif;margin:50px 0 70px}.message-copy{font-family:"Noto Serif JP",serif;font-size:17px}.contact{text-align:center;background:#d8a34a;position:relative;overflow:hidden}.contact>p:first-of-type{font-size:11px;letter-spacing:.25em}.contact h2{margin:30px 0}.contact-lead{font-family:"Noto Serif JP",serif}.contact-button{width:230px;height:230px;border-radius:50%;background:var(--navy);color:#fff;margin:55px auto 26px;display:flex;align-items:center;justify-content:center;gap:20px;transition:.4s}.contact-button:hover{transform:scale(1.06) rotate(-2deg);background:#132f47}.contact-button span{font-family:"Noto Serif JP",serif;font-size:18px}.mail{display:inline-block;border-bottom:1px solid;font-size:13px}.contact-orbit{position:absolute;inset:5%;border:1px solid rgba(16,33,49,.16);border-radius:50%;display:flex;justify-content:space-around;align-items:center;transform:rotate(-9deg);font-family:"Noto Serif JP",serif;pointer-events:none}.contact-orbit span:nth-child(even){font-size:24px}footer{background:#06121e;color:#fff;padding:70px clamp(24px,8vw,132px) 36px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px;align-items:start}footer>p{color:#9eabb5;font-size:13px;margin:0}.footer-links{display:flex;flex-direction:column;gap:13px;font-size:12px;letter-spacing:.12em}footer>small{grid-column:1/-1;color:#788590;font-size:9px;letter-spacing:.12em;margin-top:40px}@keyframes hero-in{from{transform:scale(1.07);opacity:.3}to{transform:scale(1);opacity:1}}@media(max-width:860px){.site-header{height:74px;padding:13px 20px}.brand-mark{width:40px;height:40px}.menu-button{display:grid;place-items:center;width:54px;height:44px;border:0;background:transparent;color:#fff;position:relative}.menu-button span{width:26px;height:1px;background:#fff;margin:3px}.menu-button em{font:8px sans-serif;letter-spacing:.15em}.site-nav{position:absolute;top:74px;left:0;right:0;background:rgba(8,24,39,.97);display:none;flex-direction:column;align-items:stretch;padding:24px}.site-nav.open{display:flex}.site-nav a{padding:12px}.nav-contact{text-align:center}.hero{min-height:680px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(5,17,30,.9),rgba(5,17,30,.2)),linear-gradient(0deg,rgba(5,17,30,.7),transparent)}.hero-copy{left:24px;right:24px}.hero h1{font-size:64px}.scroll-note{display:none}.section-label{margin-bottom:55px}.philosophy-grid{grid-template-columns:1fr}.body-copy{padding-top:0}.water-words{margin-top:60px}.work-heading,.stories-intro{display:block}.work-heading p,.stories-intro p{margin-top:30px}.service-list article{grid-template-columns:46px 1fr}.service-list p{grid-column:2;margin-top:15px}.service-list b{font-size:50px}.story-cards{grid-template-columns:1fr}.story-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.card-art{margin:0}.book-art strong{font-size:28px}.town-art i{font-size:70px}.contact-orbit{inset:18% -30%}.contact-button{width:190px;height:190px}footer{grid-template-columns:1fr}}@media(max-width:520px){.brand b{font-size:14px}.brand small{font-size:8px}.philosophy h2,.work h2,.stories h2,.contact h2{font-size:38px}.section-pad{padding-left:22px;padding-right:22px}.story-card{grid-template-columns:1fr}.card-art{aspect-ratio:16/11}.town-art span{writing-mode:horizontal-tb}.body-copy{font-size:16px}blockquote{font-size:39px}.service-list article{padding:32px 0}}