:root{--ink:#243022;--muted:#737064;--paper:#fffdf6;--mist:#f4f2e5;--line:#ded9c8;--main:#4f7a41;--accent:#c9483f;--gold:#c9a64d;--dark:#192416;--shadow:0 24px 70px rgba(36,48,34,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic",Meiryo,sans-serif;line-height:1.8}img{display:block;width:100%}a{text-decoration:none;color:inherit}button,select{font:inherit}
.site-header{position:fixed;z-index:20;inset:0 0 auto;min-height:78px;padding:16px clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,253,246,.9);border-bottom:1px solid rgba(222,217,200,.85);backdrop-filter:blur(18px);transition:.2s}.site-header.is-scrolled{min-height:64px;box-shadow:0 12px 34px rgba(36,48,34,.08)}
.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 52% 40%,var(--accent) 0 9px,transparent 10px),radial-gradient(circle at 40% 32%,var(--gold) 0 8px,transparent 9px),linear-gradient(135deg,#edf3df,var(--main))}.brand strong{display:block;font-family:Georgia,serif;font-size:1.35rem;line-height:1}.brand small{display:block;color:var(--muted);text-transform:uppercase;font-size:.72rem}
nav{display:flex;gap:clamp(20px,4vw,54px);font-size:.84rem;color:var(--muted)}.header-button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:0;border-radius:8px;font-weight:700;cursor:pointer}.primary,.header-button{background:var(--accent);color:white;box-shadow:0 12px 26px rgba(201,72,63,.23)}.ghost{background:rgba(255,255,255,.78);border:1px solid rgba(79,122,65,.24);color:var(--main)}.full{width:100%}
.hero{position:relative;min-height:760px;padding-top:78px;overflow:hidden}.hero>img{position:absolute;inset:78px 0 0;height:calc(100% - 78px);object-fit:cover}.hero-shade{position:absolute;inset:78px 0 0;background:linear-gradient(90deg,rgba(25,36,22,.54),rgba(25,36,22,.06) 58%),linear-gradient(0deg,rgba(25,36,22,.18),transparent 45%)}.hero-copy{position:relative;z-index:2;width:min(620px,calc(100% - 40px));padding:clamp(112px,13vw,180px) 0 0 clamp(22px,8vw,112px);color:white;text-shadow:0 2px 28px rgba(0,0,0,.22)}
.eyebrow{margin:0 0 12px;color:var(--main);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero .eyebrow{color:rgba(255,255,255,.86)}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,"Yu Mincho",serif;font-weight:500;line-height:1.25;letter-spacing:0}h1{font-size:clamp(2.4rem,5vw,5.1rem);margin-bottom:22px}.hero-copy p:not(.eyebrow){font-size:clamp(1rem,1.3vw,1.17rem);max-width:540px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.floating-card{position:absolute;z-index:3;right:clamp(24px,5vw,82px);top:clamp(190px,26vw,260px);width:min(360px,calc(100% - 48px));padding:30px;background:rgba(255,253,246,.95);border:1px solid rgba(255,255,255,.8);border-radius:8px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.floating-card h2{font-size:1.45rem}.floating-card label{display:block;margin-bottom:15px;color:var(--muted);font-size:.84rem;font-weight:700}.floating-card select{width:100%;margin-top:6px;padding:10px 4px;background:transparent;border:0;border-bottom:1px solid var(--line);outline:0}.note{min-height:22px;margin:12px 0 0;color:var(--muted);font-size:.78rem}
.service-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:42px clamp(20px,6vw,96px);background:var(--paper);border-bottom:1px solid var(--line)}.service-strip article{min-height:166px;padding:22px clamp(16px,3vw,38px);border-right:1px solid var(--line)}.service-strip article:last-child{border-right:0}.service-strip span{color:var(--gold);font-family:Georgia,serif}.service-strip h2{font-size:1.15rem;margin:10px 0 8px}.service-strip p,.copy p,.atmosphere-card p{color:var(--muted)}
.split{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr);gap:clamp(34px,6vw,82px);align-items:center;padding:clamp(74px,9vw,128px) clamp(20px,6vw,96px);background:linear-gradient(176deg,var(--paper) 0 52%,var(--mist) 52.2%)}.copy h2,.atmosphere-card h2{font-size:clamp(2rem,4vw,3.5rem)}.text-link{display:inline-flex;margin-top:14px;color:var(--main);font-weight:800;border-bottom:2px solid rgba(79,122,65,.32)}.image-stack{position:relative}.image-stack img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;box-shadow:var(--shadow)}.mini-panel{position:absolute;right:24px;bottom:24px;padding:18px 22px;background:rgba(255,253,246,.92);border-radius:8px}.mini-panel strong{display:block;color:var(--accent);font-family:Georgia,serif;font-size:2rem}.mini-panel span{color:var(--muted);font-size:.78rem}
.atmosphere{position:relative;min-height:640px;display:grid;align-items:end;padding:clamp(70px,9vw,128px) clamp(20px,6vw,96px)}.atmosphere>img{position:absolute;inset:0;height:100%;object-fit:cover}.atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,246,.94),rgba(255,253,246,.62),rgba(255,253,246,.1))}.atmosphere-card{position:relative;z-index:1;width:min(560px,100%);padding:clamp(28px,4vw,52px);background:rgba(255,253,246,.9);border:1px solid rgba(255,255,255,.8);border-radius:8px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}dl{display:grid;gap:12px;margin:24px 0 0}dl div{display:grid;grid-template-columns:88px 1fr;gap:14px;padding-top:12px;border-top:1px solid var(--line)}dt{font-weight:800;color:var(--main)}dd{margin:0;color:var(--muted)}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(20px,6vw,96px);background:var(--dark);color:#c7d4c1}footer p{margin:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .62s ease,transform .62s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){nav{display:none}.hero{min-height:900px}.floating-card{top:auto;right:20px;left:20px;bottom:72px;width:auto}.service-strip{grid-template-columns:repeat(2,1fr)}.service-strip article:nth-child(2){border-right:0}.service-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.split{grid-template-columns:1fr}}
@media(max-width:640px){.site-header{padding:14px 16px}.brand small{display:none}.hero{min-height:850px}.hero-copy{padding:80px 20px 0}.actions{flex-direction:column;align-items:stretch;max-width:260px}.floating-card{padding:24px}.service-strip{grid-template-columns:1fr;padding:26px 20px}.service-strip article,.service-strip article:nth-child(2){border-right:0;border-bottom:1px solid var(--line);min-height:0}.service-strip article:last-child{border-bottom:0}.split,.atmosphere{padding:64px 20px}footer{display:block}dl div{grid-template-columns:1fr;gap:2px}}
.hero>.hero-picture{position:absolute;inset:78px 0 0;height:calc(100% - 78px);display:block}.hero>.hero-picture img{width:100%;height:100%;object-fit:cover}
@media(max-width:640px){.hero>.hero-picture img{object-position:center top}.hero-shade{background:linear-gradient(90deg,rgba(25,36,22,.64),rgba(25,36,22,.1) 72%),linear-gradient(0deg,rgba(25,36,22,.3),transparent 52%)}h1{font-size:clamp(2.08rem,10.4vw,2.95rem)}.hero-copy{padding-top:58px}.floating-card{bottom:58px}.image-stack img{aspect-ratio:4/5}.atmosphere{min-height:560px}.atmosphere>img{object-position:center top}}