.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-fika{--c-ink: #1A1614;--c-body: #4A4440;--c-caption: #736960;--c-rule: #E0D8D0;--c-accent: #B08D6E;--c-accent-light: #D4C0A8;--c-sage: #7A8A72;--c-bg: #FAF8F5;--c-bg-warm: #F5F0EA;--c-white: #FFFFFF;--ff-display: "Cormorant Garamond", "Noto Serif JP", serif;--ff-serif: "Noto Serif JP", serif;--ff-body: "Noto Sans JP", sans-serif;--ff-accent: "Klee One", cursive;--max-w: 1080px;--gutter: 24px;font-family:var(--ff-body);font-weight:300;color:var(--c-body);background-color:var(--c-bg);line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased}.sample-fika *,.sample-fika *:before,.sample-fika *:after{margin:0;padding:0;box-sizing:border-box}.sample-fika img{max-width:100%;height:auto;display:block}.sample-fika a{color:inherit;text-decoration:none}.sample-fika ul{list-style:none}.sample-fika .loader{position:fixed;inset:0;z-index:1000;background:var(--c-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease}.sample-fika .loader.is-hidden{opacity:0;pointer-events:none}.sample-fika .loader__scene{position:relative;width:320px;height:120px;display:flex;align-items:center;justify-content:center}.sample-fika .loader__drop{position:absolute;width:5px;height:10px;background:var(--c-accent);border-radius:50%/30% 30% 70% 70%;animation:fika-loaderDrop .8s cubic-bezier(.55,0,1,.45) .3s both}@keyframes fika-loaderDrop{0%{transform:translateY(-50px);opacity:0}12%{opacity:.7}72%{transform:translateY(0);opacity:.7}to{transform:translateY(0) scaleX(3) scaleY(.15);opacity:0}}.sample-fika .loader__ripple{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--c-accent-light);opacity:0;will-change:width,height,opacity}.sample-fika .loader__ripple:nth-child(2){animation:fika-loaderRipple 1s ease-out .7s both}.sample-fika .loader__ripple:nth-child(3){animation:fika-loaderRipple 1s ease-out .82s both}.sample-fika .loader__ripple:nth-child(4){animation:fika-loaderRipple 1s ease-out .94s both}@keyframes fika-loaderRipple{0%{width:0;height:0;opacity:.5;border-width:1.5px}to{width:280px;height:100px;opacity:0;border-width:.5px}}.sample-fika .hero__image{clip-path:inset(0 0 100% 0);opacity:0}.sample-fika .hero__title,.sample-fika .hero__eyebrow,.sample-fika .hero__title-line,.sample-fika .hero__since,.sample-fika .hero__lead,.sample-fika .hero__scroll{opacity:0}.sample-fika .hero__visual:before,.sample-fika .hero__visual:after{opacity:0}.sample-fika .skip-link{position:absolute;top:-100%;left:16px;z-index:200;padding:8px 16px;background:var(--c-ink);color:var(--c-bg);font-size:.85rem;border-radius:0 0 4px 4px;transition:top .2s}.sample-fika .skip-link:focus{top:0}.sample-fika .header{position:fixed;top:0;left:0;width:100%;z-index:100;background:#faf8f5eb;backdrop-filter:blur(12px)}.sample-fika .header__inner{max-width:var(--max-w);margin:0 auto;padding:18px var(--gutter);display:flex;align-items:center;justify-content:space-between}.sample-fika .header__logo{font-family:var(--ff-display);font-size:clamp(1.1rem,1.2vw,1.3rem);font-weight:600;letter-spacing:.15em;color:var(--c-ink)}.sample-fika .header__nav{display:none}.sample-fika .header__nav-list{display:flex;gap:32px}.sample-fika .header__nav-link{font-size:.75rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--c-caption);transition:color .3s}.sample-fika .header__nav-link:hover{color:var(--c-ink)}.sample-fika .header__hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:none;border:none;cursor:pointer;gap:5px;padding:0}.sample-fika .header__hamburger-line{display:block;width:20px;height:1.5px;background:var(--c-ink);transition:transform .3s,opacity .3s}.sample-fika .header__hamburger.is-active .header__hamburger-line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.sample-fika .header__hamburger.is-active .header__hamburger-line:nth-child(2){opacity:0}.sample-fika .header__hamburger.is-active .header__hamburger-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.sample-fika .mobile-nav{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--c-bg);z-index:99;padding:100px 40px 40px;transform:translate(100%);transition:transform .35s ease;box-shadow:-4px 0 24px #0000}.sample-fika .mobile-nav.is-open{transform:translate(0);box-shadow:-4px 0 24px #00000014}.sample-fika .mobile-nav__overlay{position:fixed;inset:0;background:#1a161400;z-index:98;pointer-events:none;transition:background .35s}.sample-fika .mobile-nav__overlay.is-open{background:#1a16144d;pointer-events:auto}.sample-fika .mobile-nav__list{display:flex;flex-direction:column;gap:32px}.sample-fika .mobile-nav__link{font-family:var(--ff-display);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-body);transition:color .3s}.sample-fika .mobile-nav__link:hover{color:var(--c-accent)}@media(min-width:768px){.sample-fika .header__nav{display:block}.sample-fika .header__hamburger,.sample-fika .mobile-nav,.sample-fika .mobile-nav__overlay{display:none}}.sample-fika .hero{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;background:var(--c-bg);padding:80px var(--gutter) 40px}.sample-fika .hero__visual{position:relative;width:100%;max-width:320px}.sample-fika .hero__visual:before,.sample-fika .hero__visual:after{content:"";position:absolute;width:4px;background:var(--c-accent-light);border-radius:50%/40% 40% 60% 60%;opacity:0;z-index:2;pointer-events:none}.sample-fika .hero__visual:before{left:35%;top:0;height:16px}.sample-fika .hero__visual:after{left:62%;top:0;height:10px}.sample-fika .hero__image{width:100%;aspect-ratio:3 / 4;object-fit:cover;filter:sepia(.3) saturate(.8);will-change:clip-path}.sample-fika .hero__title{position:absolute;bottom:-.3em;left:50%;transform:translate(-50%);font-family:var(--ff-display);font-size:clamp(5rem,20vw,10rem);font-weight:300;font-style:italic;color:var(--c-ink);letter-spacing:.06em;line-height:1;white-space:nowrap;z-index:1}.sample-fika .hero__content{text-align:center;padding-top:32px;max-width:400px}.sample-fika .hero__eyebrow{font-family:var(--ff-display);font-size:.7rem;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--c-sage);margin-bottom:16px}.sample-fika .hero__title-line{display:block;width:48px;height:1px;background:var(--c-accent);margin:0 auto 16px}.sample-fika .hero__since{font-family:var(--ff-display);font-size:.7rem;font-weight:400;letter-spacing:.25em;color:var(--c-caption);margin-bottom:20px}.sample-fika .hero__lead{font-family:var(--ff-accent);font-size:.9rem;color:var(--c-body);line-height:2.4}.sample-fika .hero__scroll{margin-top:40px;display:flex;flex-direction:column;align-items:center}.sample-fika .hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--c-rule),transparent);animation:fika-scrollPulse 2s ease-in-out infinite}@keyframes fika-scrollPulse{0%,to{opacity:1}50%{opacity:.3}}@media(min-width:768px){.sample-fika .hero{padding:48px var(--gutter) 48px;justify-content:center}.sample-fika .hero__visual{max-width:min(45vw,400px)}.sample-fika .hero__title{font-size:clamp(6rem,14vw,10rem)}.sample-fika .hero__content{padding-top:clamp(24px,3vh,48px)}.sample-fika .hero__scroll{margin-top:clamp(24px,3vh,48px)}}@media(min-width:1024px){.sample-fika .hero{padding:clamp(48px,6vh,100px) var(--gutter);gap:clamp(8px,1.5vh,24px)}.sample-fika .hero__visual{max-width:min(32vw,420px)}.sample-fika .hero__title{font-size:clamp(6rem,10vw,11rem)}.sample-fika .hero__content{max-width:480px}.sample-fika .hero__lead{font-size:.95rem}}@media(min-width:1440px){.sample-fika .hero__visual{max-width:min(28vw,480px)}.sample-fika .hero__title{font-size:clamp(7rem,8vw,12rem)}.sample-fika .hero__content{max-width:520px}.sample-fika .hero__lead{font-size:1rem;line-height:2.6}}.sample-fika .section{padding:100px var(--gutter)}.sample-fika .section__inner{max-width:var(--max-w);margin:0 auto}.sample-fika .section__label{font-family:var(--ff-display);font-size:.7rem;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--c-sage);margin-bottom:12px}.sample-fika .section__heading{font-family:var(--ff-serif);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;color:var(--c-ink);letter-spacing:.06em;line-height:1.5}.sample-fika .section__rule{width:40px;height:1px;background:var(--c-rule);margin:28px 0 0;border:none}.sample-fika .bridge{padding:80px var(--gutter);text-align:center;background:var(--c-bg)}.sample-fika .bridge__copy{font-family:var(--ff-display);font-size:clamp(1.3rem,3vw,2rem);font-weight:300;font-style:italic;color:var(--c-accent);letter-spacing:.06em;line-height:1.6}.sample-fika .bridge__copy-ja{font-family:var(--ff-accent);font-size:clamp(.82rem,1.4vw,.95rem);font-weight:400;color:var(--c-caption);letter-spacing:.08em;line-height:2;margin-top:18px}.sample-fika .concept{background:var(--c-white);padding:120px var(--gutter)}.sample-fika .concept__grid{display:grid;grid-template-columns:1fr;gap:48px;margin-top:56px}.sample-fika .concept__visual{position:relative;overflow:hidden}.sample-fika .concept__image{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;filter:sepia(.3) saturate(.8) drop-shadow(0 16px 32px rgba(26,22,20,.06))}.sample-fika .concept__image-caption{font-family:var(--ff-display);font-size:.65rem;font-style:italic;color:var(--c-caption);letter-spacing:.08em;margin-top:12px}.sample-fika .concept__text{display:flex;flex-direction:column;justify-content:center}.sample-fika .concept__pullquote{font-family:var(--ff-serif);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:600;color:var(--c-ink);line-height:2.2;margin-bottom:32px;position:relative;padding-left:20px;border-left:2px solid var(--c-accent)}.sample-fika .concept__body{font-size:.9rem;color:var(--c-body);line-height:2.2}.sample-fika .concept__body+.concept__body{margin-top:20px}@media(min-width:768px){.sample-fika .concept__grid{grid-template-columns:4fr 7fr;gap:72px}}.sample-fika .menu{background:var(--c-bg);padding:80px var(--gutter)}.sample-fika .menu__intro{margin-top:20px;font-size:.85rem;color:var(--c-caption);max-width:480px}.sample-fika .menu__category{margin-top:64px}.sample-fika .menu__category-label{font-family:var(--ff-display);font-size:.65rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--c-sage);padding-bottom:12px;border-bottom:1px solid var(--c-rule);margin-bottom:40px}.sample-fika .menu__feature{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:48px}.sample-fika .menu__feature-image{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:2px}.sample-fika .menu__feature-body{display:flex;flex-direction:column;justify-content:center}.sample-fika .menu__feature-name{font-family:var(--ff-serif);font-size:1.5rem;font-weight:600;color:var(--c-ink);letter-spacing:.04em;margin-bottom:12px}.sample-fika .menu__feature-desc{font-size:.9rem;color:var(--c-body);line-height:2;margin-bottom:16px}.sample-fika .menu__feature-price{font-family:var(--ff-display);font-size:1.1rem;font-weight:600;color:var(--c-accent);letter-spacing:.08em}.sample-fika .menu__grid{display:grid;grid-template-columns:1fr;gap:32px}.sample-fika .menu__item{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center}.sample-fika .menu__item-image{width:120px;height:120px;object-fit:cover;border-radius:2px}.sample-fika .menu__item-name{font-family:var(--ff-serif);font-size:1rem;font-weight:600;color:var(--c-ink);margin-bottom:4px}.sample-fika .menu__item-desc{font-size:.8rem;color:var(--c-caption);line-height:1.8;margin-bottom:6px}.sample-fika .menu__item-price{font-family:var(--ff-display);font-size:.95rem;font-weight:600;color:var(--c-accent);letter-spacing:.05em}.sample-fika .menu__note{margin-top:56px;padding-top:20px;border-top:1px solid var(--c-rule);font-size:.75rem;color:var(--c-caption);letter-spacing:.03em}@media(min-width:768px){.sample-fika .menu__feature{grid-template-columns:3fr 2fr;gap:56px}.sample-fika .menu__grid{grid-template-columns:1fr 1fr;gap:40px}.sample-fika .menu__item{grid-template-columns:140px 1fr}.sample-fika .menu__item-image{width:140px;height:140px}}.sample-fika .info{background:var(--c-white);padding:120px var(--gutter)}.sample-fika .info__grid{display:grid;grid-template-columns:1fr;gap:56px;margin-top:56px}.sample-fika .info__table{width:100%;border-collapse:collapse}.sample-fika .info__table tr{border-bottom:1px solid var(--c-rule)}.sample-fika .info__table th,.sample-fika .info__table td{padding:16px 0;text-align:left;font-size:.9rem;vertical-align:top}.sample-fika .info__table th{font-family:var(--ff-display);font-size:.7rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--c-sage);width:120px;padding-right:16px}.sample-fika .info__table td{color:var(--c-body);line-height:1.9}.sample-fika .info__map{position:relative;overflow:hidden;height:240px}.sample-fika .info__map iframe{width:100%;height:100%;border:0;filter:saturate(.6) contrast(.95)}.sample-fika .info__cta{display:flex;flex-direction:column;gap:12px;margin-top:40px}.sample-fika .info__cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;font-family:var(--ff-body);font-size:.85rem;font-weight:400;letter-spacing:.06em;border:1px solid var(--c-rule);background:var(--c-white);color:var(--c-body);cursor:pointer;transition:background .3s,border-color .3s,color .3s}.sample-fika .info__cta-btn:hover{background:var(--c-bg-warm);border-color:var(--c-accent);color:var(--c-ink)}.sample-fika .info__cta-btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-white)}.sample-fika .info__cta-btn--primary:hover{background:#9a7b5b;border-color:#9a7b5b;color:var(--c-white)}.sample-fika .info__cta-icon{width:18px;height:18px;flex-shrink:0}@media(min-width:768px){.sample-fika .info__cta{flex-direction:row;gap:16px}.sample-fika .info__cta-btn{display:inline-flex;width:auto}.sample-fika .info__grid{grid-template-columns:1fr 1fr;gap:72px}.sample-fika .info__map{height:100%;min-height:320px}.sample-fika .info__table th{width:100px}}.sample-fika .instagram{background:var(--c-bg)}.sample-fika .instagram__handle{margin-top:16px;font-family:var(--ff-display);font-size:.8rem;font-style:italic;color:var(--c-caption);letter-spacing:.06em}.sample-fika .instagram__handle a{color:var(--c-accent);transition:color .3s}.sample-fika .instagram__handle a:hover{color:var(--c-ink)}.sample-fika .instagram__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:48px;max-width:720px}.sample-fika .instagram__item{aspect-ratio:1;background:var(--c-bg-warm);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.sample-fika .instagram__item:after{content:"";position:absolute;inset:0;background:#1a161400;transition:background .3s}.sample-fika .instagram__item:hover:after{background:#1a161414}.sample-fika .instagram__item-image{width:100%;height:100%;object-fit:cover;filter:sepia(.15) saturate(.85)}@media(min-width:768px){.sample-fika .instagram__grid{grid-template-columns:repeat(4,1fr)}}.sample-fika .footer{background:var(--c-ink);color:#faf8f580;padding:64px var(--gutter) 40px}.sample-fika .footer__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px}.sample-fika .footer__brand{font-family:var(--ff-display);font-size:1.4rem;font-weight:400;color:#faf8f5d9;letter-spacing:.12em;margin-bottom:12px}.sample-fika .footer__address,.sample-fika .footer__hours{font-size:.8rem;line-height:2}.sample-fika .footer__hours dt{font-family:var(--ff-display);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-accent);margin-bottom:4px}.sample-fika .footer__divider{grid-column:1 / -1;border:none;border-top:1px solid rgba(250,248,245,.08)}.sample-fika .footer__copyright{grid-column:1 / -1;font-family:var(--ff-display);font-size:.65rem;letter-spacing:.1em;color:#faf8f580}@media(min-width:768px){.sample-fika .footer__inner{grid-template-columns:2fr 1fr 1fr}.sample-fika .footer__copyright{text-align:right}}.sample-fika.is-loaded .hero__image{clip-path:inset(0 0 0 0);opacity:1;animation:fika-heroPour 1.6s cubic-bezier(.4,0,.15,1) .1s both}.sample-fika.is-loaded .hero__visual:before{animation:fika-dripFall 1.2s cubic-bezier(.4,0,1,1) .2s both}.sample-fika.is-loaded .hero__visual:after{animation:fika-dripFall 1s cubic-bezier(.4,0,1,1) .4s both}.sample-fika.is-loaded .hero__title{opacity:1;animation:fika-heroTitleSettle 1s cubic-bezier(.2,0,.2,1) .8s both}.sample-fika.is-loaded .hero__eyebrow{opacity:1;animation:fika-heroTrackIn .7s cubic-bezier(.2,0,.2,1) 1.2s both}.sample-fika.is-loaded .hero__title-line{opacity:1;animation:fika-heroLineExpand .5s ease 1.4s both}.sample-fika.is-loaded .hero__since{opacity:1;animation:fika-heroBlurIn .6s ease 1.5s both}.sample-fika.is-loaded .hero__lead{opacity:1;animation:fika-heroFadeUp .6s cubic-bezier(0,0,.2,1) 1.7s both}.sample-fika.is-loaded .hero__scroll{opacity:1;animation:fika-heroDropIn .5s cubic-bezier(.4,0,.2,1) 2s both}@keyframes fika-heroPour{0%{clip-path:inset(0 0 100% 0);opacity:0}4%{clip-path:inset(0 0 98% 0);opacity:1}18%{clip-path:inset(0 0 82% 0)}40%{clip-path:inset(0 0 50% 0)}65%{clip-path:inset(0 0 18% 0)}85%{clip-path:inset(0 0 4% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes fika-dripFall{0%{opacity:.6;transform:translateY(0)}to{opacity:0;transform:translateY(300px)}}@keyframes fika-heroTitleSettle{0%{opacity:0;letter-spacing:.3em;transform:translate(-50%)}to{opacity:1;letter-spacing:.06em;transform:translate(-50%)}}@keyframes fika-heroTrackIn{0%{opacity:0;letter-spacing:1em}to{opacity:1;letter-spacing:.4em}}@keyframes fika-heroBlurIn{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes fika-heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fika-heroDropIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes fika-heroLineExpand{0%{opacity:0;width:0}to{opacity:1;width:48px}}.sample-fika .section__rule{transition:width .6s ease;width:0}.sample-fika .section__rule.is-visible{width:40px}@media(prefers-reduced-motion:reduce){.sample-fika *,.sample-fika *:before,.sample-fika *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sample-fika .hero__image{clip-path:none!important}.sample-fika .hero__visual:before,.sample-fika .hero__visual:after{display:none}.sample-fika .section__rule{width:40px}.sample-fika .hero__scroll-line{animation:none}.sample-fika .hero__title-line{width:48px}.sample-fika .loader{display:none}}