.sample-base{--sample-pad-dense: 80px;--sample-pad-med: 100px;--sample-pad-loose: 140px;--sample-pad-dense-lg: 100px;--sample-pad-med-lg: 120px;--sample-pad-loose-lg: 160px;--sample-radius-sm: 8px;--sample-radius-md: 12px;--sample-radius-pill: 100px}.sample-base *,.sample-base *:before,.sample-base *:after{margin:0;padding:0;box-sizing:border-box}.sample-base img{max-width:100%;height:auto;display:block}.sample-base a{text-decoration:none;color:inherit;transition:color .3s ease}.sample-base ul{list-style:none}.sample-base .container{width:90%;max-width:var(--container-width, 960px);margin:0 auto}.sample-base .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sample-base a:focus-visible,.sample-base button:focus-visible{outline:2px solid var(--color-accent, #7A8471);outline-offset:3px;border-radius:4px}.sample-base .loader{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}.sample-base .loader.is-hidden{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.sample-base *,.sample-base *:before,.sample-base *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sample-kodama-light{--color-bg: #FFFDF7;--color-bg-warm: #F5EFE6;--color-bg-green: #F0F3ED;--color-text: #4A4640;--color-text-light: #6A6560;--color-accent: #7A8471;--color-accent-dark: #5E6B56;--color-accent-light: #A3AE9A;--color-white: #FFFFFF;--color-border: #E0DDD6;--font-display: "Cormorant Garamond", serif;--font-body: "Noto Sans JP", sans-serif;--font-accent: "Klee One", cursive;--transition-base: .3s ease;--container-width: 880px;font-family:var(--font-body);font-weight:300;color:var(--color-text);background-color:var(--color-bg);line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased;overflow-x:hidden}.sample-kodama-light .header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:16px 0;transition:background .3s,box-shadow .3s}.sample-kodama-light .header--scrolled{background:#fffdf7f2;backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--color-border)}.sample-kodama-light .header__inner{display:flex;align-items:center;justify-content:space-between}.sample-kodama-light .header__logo{font-family:var(--font-display);font-size:1.1rem;font-weight:400;letter-spacing:.15em;color:var(--color-accent-dark)}.sample-kodama-light .header__nav{display:none}@media(min-width:640px){.sample-kodama-light .header__nav{display:flex;gap:28px}}.sample-kodama-light .header__nav-link{font-size:.72rem;letter-spacing:.1em;color:var(--color-text-light);transition:color var(--transition-base)}.sample-kodama-light .header__nav-link:hover{color:var(--color-accent-dark)}.sample-kodama-light .hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.sample-kodama-light .hero__bg{position:absolute;inset:0;z-index:0}.sample-kodama-light .hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.sample-kodama-light .hero__overlay{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 78% 18%,#ffecc68c,#ffecc600 50%),linear-gradient(135deg,#fffdf7e0,#f5efe6bf,#fffdf799)}.sample-kodama-light .hero__content{position:relative;z-index:2;width:90%;max-width:var(--container-width);margin:0 auto;padding:120px 0 80px}.sample-kodama-light .hero__eyebrow{font-family:var(--font-display);font-size:.85rem;font-weight:300;letter-spacing:.2em;color:var(--color-accent);display:block;margin-bottom:20px}.sample-kodama-light .hero__title{font-family:var(--font-accent);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:400;line-height:1.8;color:var(--color-text);margin-bottom:20px}.sample-kodama-light .hero__title em{font-style:normal;color:var(--color-accent-dark)}.sample-kodama-light .hero__sub{font-size:.85rem;line-height:2;color:var(--color-text-light);max-width:380px}.sample-kodama-light .hero__scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}.sample-kodama-light .hero__scroll-text{font-family:var(--font-display);font-size:.65rem;letter-spacing:.15em;color:var(--color-accent-light)}.sample-kodama-light .hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--color-accent-light),transparent);animation:kodamaLightScroll 1.8s ease-in-out infinite}@keyframes kodamaLightScroll{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.01%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media(min-width:768px){.sample-kodama-light .hero__content{padding:160px 0 120px}}.sample-kodama-light .sh{text-align:center;margin-bottom:40px}.sample-kodama-light .sh__en{font-family:var(--font-display);font-size:clamp(1.8rem,2.5vw,2.4rem);font-weight:300;letter-spacing:.12em;color:var(--color-accent);display:block;margin:0}.sample-kodama-light .sh__ja{font-family:var(--font-accent);font-size:.78rem;color:var(--color-text-light);letter-spacing:.08em;margin-top:4px;display:block}.sample-kodama-light .sh__line{display:block;width:40px;height:1px;background:var(--color-accent-light);margin:14px auto 0}.sample-kodama-light .menu{padding:80px 0}@media(min-width:768px){.sample-kodama-light .menu{padding:100px 0}}.sample-kodama-light .menu__grid{max-width:600px;margin:0 auto}.sample-kodama-light .menu__category{margin-bottom:36px}.sample-kodama-light .menu__category:last-child{margin-bottom:0}.sample-kodama-light .menu__category-title{font-family:var(--font-accent);font-size:.9rem;color:var(--color-accent-dark);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.sample-kodama-light .menu__item{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0}.sample-kodama-light .menu__item-name{font-size:.85rem;color:var(--color-text)}.sample-kodama-light .menu__item-price{font-family:var(--font-display);font-size:.95rem;color:var(--color-accent-dark);flex-shrink:0;margin-left:16px;letter-spacing:.04em}.sample-kodama-light .menu__item-note{font-size:.72rem;color:var(--color-text-light);margin-top:2px;padding-bottom:6px}.sample-kodama-light .info{padding:80px 0;background:var(--color-bg-warm)}@media(min-width:768px){.sample-kodama-light .info{padding:100px 0}}.sample-kodama-light .info__inner{max-width:600px;margin:0 auto}.sample-kodama-light .info__row{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--color-border);font-size:.85rem}.sample-kodama-light .info__row dt{font-family:var(--font-display);font-size:.82rem;color:var(--color-accent-dark);letter-spacing:.08em}.sample-kodama-light .info__row dd{color:var(--color-text);line-height:1.7}.sample-kodama-light .info__map{margin-top:28px;border-radius:var(--sample-radius-md);overflow:hidden;aspect-ratio:16/9;background:var(--color-bg-green);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:.82rem}.sample-kodama-light .contact{padding:80px 0;background:var(--color-accent);text-align:center;position:relative;overflow:hidden}@media(min-width:768px){.sample-kodama-light .contact{padding:100px 0}}.sample-kodama-light .contact:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:#ffffff0d}.sample-kodama-light .contact__lead{font-family:var(--font-accent);font-size:1rem;color:var(--color-white);margin-bottom:28px;line-height:2.2;position:relative;z-index:1}.sample-kodama-light .contact__methods{display:flex;flex-direction:column;gap:16px;align-items:center;position:relative;z-index:1}@media(min-width:480px){.sample-kodama-light .contact__methods{flex-direction:row;justify-content:center;gap:20px}}.sample-kodama-light .contact__method{display:flex;align-items:center;gap:10px;background:var(--color-white);color:var(--color-accent-dark);padding:14px 32px;border-radius:var(--sample-radius-pill);min-width:200px;justify-content:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.sample-kodama-light .contact__method:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.sample-kodama-light .contact__method svg{width:18px;height:18px}.sample-kodama-light .contact__method-label{font-size:.85rem;font-weight:400}.sample-kodama-light .contact__note{font-size:.72rem;color:#fffc;margin-top:16px;position:relative;z-index:1}.sample-kodama-light .footer{padding:32px 0;background:var(--color-bg);border-top:1px solid var(--color-border)}.sample-kodama-light .footer__inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.sample-kodama-light .footer__logo{font-family:var(--font-display);font-size:.9rem;letter-spacing:.15em;color:var(--color-accent-dark)}.sample-kodama-light .footer__sns{display:flex;gap:16px}.sample-kodama-light .footer__sns-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-light);transition:color var(--transition-base),border-color var(--transition-base)}.sample-kodama-light .footer__sns-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.sample-kodama-light .footer__sns-link svg{width:16px;height:16px}.sample-kodama-light .footer__copyright{font-size:.65rem;color:var(--color-text-light)}.sample-kodama-light .contact__method:focus-visible{outline-offset:4px;border-radius:var(--sample-radius-pill)}.sample-kodama-light .loader{background:var(--color-bg);flex-direction:column;gap:16px}.sample-kodama-light .loader__leaf{width:24px;height:24px;color:var(--color-accent-light);animation:kodamaLightSway 1.5s ease-in-out infinite}@keyframes kodamaLightSway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.sample-kodama-light .loader__text{font-family:var(--font-display);font-size:.8rem;letter-spacing:.2em;color:var(--color-accent)}