:root{--bg: #f8fafc;--mist: #dfe5ed;--mist-soft: #eef2f6;--surface: #ffffff;--ink: #2a2d30;--muted: #4b4e51;--soft: #9b7f7f;--line: #d9dee5;--primary: #00306c;--heading: #370000;--cocoa: #654546;--celadon: #77908c;--warning-bg: #2b2b2b;--warning-h: calc(28px + 1.5*clamp(1.2rem, 5vw, 2.8rem)) ;--max: 1200px;--gutter: clamp(20px, 5vw, 64px);--font-latin: "Cormorant Garamond", serif;--font-sans: "Noto Sans TC", system-ui, -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;--font-serif: "Cormorant Garamond", "Noto Serif TC", "Songti TC", serif;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-weight:400;line-height:1.9;letter-spacing:.04em;padding-bottom:calc(var(--warning-h) + 24px)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p a,.text-link{border-bottom:1px solid currentColor}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}h1,h2,h3{font-family:var(--font-serif);color:var(--heading);font-weight:500;line-height:1.5;letter-spacing:.08em;margin:0}.muted{color:var(--muted)}.eyebrow{display:block;font-family:var(--font-latin);font-size:.95rem;font-style:italic;letter-spacing:.18em;color:var(--celadon);margin-bottom:.6em}.section{padding:clamp(80px,12vw,160px) 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:clamp(36px,5vw,64px);flex-wrap:wrap}.section-head h2{font-size:clamp(1.6rem,3vw,2.2rem)}.more{font-family:var(--font-latin);font-size:1.05rem;letter-spacing:.16em;color:var(--primary);display:inline-flex;align-items:center;gap:12px}.more:after{content:"";width:40px;height:1px;background:currentColor;transition:width .4s var(--ease)}.more:hover:after{width:64px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:200px;padding:14px 32px;border:1px solid var(--primary);background:var(--primary);color:#fff;font-size:.95rem;letter-spacing:.14em;transition:background .3s,color .3s}.btn:hover,.btn.ghost{background:transparent;color:var(--primary)}.btn.ghost:hover{background:var(--primary);color:#fff}.site-header{position:fixed;inset:0 0 auto;z-index:40;transition:background .4s,box-shadow .4s}.site-header.scrolled,.site-header.solid{background:#f8fafceb;backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--line)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 var(--gutter)}.brand{display:flex;flex-direction:column;line-height:1.2}.brand .zh{font-family:"Noto Serif TC",serif;font-weight:600;font-size:1.25rem;letter-spacing:.2em;color:var(--primary)}.brand .en{font-family:var(--font-latin);font-size:.72rem;letter-spacing:.42em;color:var(--muted)}.nav{display:flex;gap:clamp(20px,2.6vw,40px)}.nav a{display:flex;flex-direction:column;align-items:center;white-space:nowrap;font-size:.9rem;letter-spacing:.14em;color:var(--ink);position:relative;padding:4px 0}.nav a small{font-family:var(--font-latin);font-size:.7rem;letter-spacing:.2em;color:var(--soft)}.nav a:after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:1px;background:var(--primary);transition:all .35s var(--ease)}.nav a:hover:after,.nav a[aria-current=page]:after{left:0;width:100%}.menu-btn{display:none;background:none;border:0;width:44px;height:44px;position:relative;cursor:pointer}.menu-btn span{position:absolute;left:10px;right:10px;height:1px;background:var(--primary);transition:transform .35s var(--ease),top .35s}.menu-btn span:nth-child(1){top:18px}.menu-btn span:nth-child(2){top:26px}.menu-open .menu-btn span:nth-child(1){top:22px;transform:rotate(30deg)}.menu-open .menu-btn span:nth-child(2){top:22px;transform:rotate(-30deg)}@media(max-width:1100px){.menu-btn{display:block;z-index:2}.nav{position:fixed;inset:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:28px;padding:96px 0 calc(var(--warning-h) + 24px);overflow-y:auto;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .4s}.nav a{font-size:1.1rem}.nav>:first-child{margin-top:auto}.nav>:last-child{margin-bottom:auto}.menu-open .nav{opacity:1;pointer-events:auto}.menu-open .site-header{backdrop-filter:none;background:var(--bg)}}@media(min-width:1101px)and (max-width:1240px){html[lang=ja] .menu-btn{display:block;z-index:2}html[lang=ja] .nav{position:fixed;inset:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:28px;padding:96px 0 calc(var(--warning-h) + 24px);overflow-y:auto;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .4s}html[lang=ja] .nav a{font-size:1.1rem}html[lang=ja] .nav>:first-child{margin-top:auto}html[lang=ja] .nav>:last-child{margin-bottom:auto}html[lang=ja].menu-open .nav,html[lang=ja] .menu-open .nav{opacity:1;pointer-events:auto}html[lang=ja] .menu-open .site-header{backdrop-filter:none;background:var(--bg)}html[lang=ja] .header-tools{margin-left:auto}}.hero{position:relative;height:min(calc(100svh - var(--warning-h)),980px);min-height:560px;overflow:hidden;background:var(--primary);color:#fff}.hero-stage{position:absolute;inset:0}.hero-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00183600 30%,#00183699),linear-gradient(0deg,#00183659,#00183600 30%);pointer-events:none}.hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 2.4s ease}.hero-slide.on{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 9s linear}.hero-slide.on img{transform:scale(1)}.hero-slide figcaption{position:absolute;z-index:1;left:var(--gutter);bottom:36px;font-family:var(--font-hand);font-size:1rem;letter-spacing:.08em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}.hero-copy{position:absolute;z-index:2;top:calc(50% + 38px);left:52%;right:var(--gutter);transform:translateY(-50%)}.hero-title{font-family:var(--font-hero);font-weight:400;font-size:clamp(3rem,6.2vw,6.2rem);letter-spacing:.06em;line-height:1.3;color:#fff;margin:0;text-shadow:0 2px 24px rgba(0,24,54,.35)}.hero-title .line+.line{padding-left:1.4em}.hero-lead{font-size:clamp(.95rem,1.2vw,1.08rem);letter-spacing:.2em;line-height:2;color:#ffffffe6;margin:1.6em 0 0 .2em;text-shadow:0 1px 10px rgba(0,24,54,.5)}.hero-en{position:absolute;z-index:2;right:var(--gutter);bottom:36px;font-family:var(--font-latin);font-style:italic;font-size:1.05rem;letter-spacing:.04em;color:#ffffffd9}.scroll-cue{position:absolute;z-index:2;left:50%;bottom:0;width:1px;height:64px;background:#ffffff4d;overflow:hidden}.scroll-cue:after{content:"";position:absolute;inset:0;background:#fff;animation:cue 2.4s var(--ease) infinite}@keyframes cue{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.hero-slide img,.hero-slide.on img{transform:none;transition:none}}@media(max-width:760px){.hero{height:calc(100svh - var(--warning-h) - 40px);min-height:520px}.hero-slide img{object-position:40% center}.hero-stage:after{background:linear-gradient(0deg,#001836b3,#00183640 45%,#00183600 70%)}.hero-copy{left:var(--gutter);top:auto;bottom:72px;transform:none}.hero-title{font-size:clamp(2.6rem,13vw,3.6rem)}.hero-lead{margin-top:1.2em;font-size:.9rem;letter-spacing:.14em}.hero-slide figcaption{top:96px;bottom:auto}.hero-en,.scroll-cue{display:none}}.concept{text-align:center}.concept h2{font-size:clamp(1.4rem,2.6vw,2rem);margin-bottom:1.6em}.concept p{max-width:34em;margin:0 auto 1.4em;color:var(--muted);line-height:2.4}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,44%),1fr));gap:clamp(20px,3vw,40px) clamp(14px,2.4vw,32px)}.card{display:flex;flex-direction:column;gap:14px}.card .ph{position:relative;aspect-ratio:4 / 5;background:var(--mist-soft);display:grid;place-items:center;overflow:hidden;color:var(--soft);font-size:.8rem;transition:background .4s}.card .ph img{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply;transition:transform .8s var(--ease)}.card-link:hover .ph{background:var(--mist)}.card-link:hover .ph img{transform:scale(1.05)}.card .brew{font-family:var(--font-latin);font-size:.8rem;letter-spacing:.14em;color:var(--celadon)}.card .name{font-family:"Noto Serif TC",serif;font-weight:500;font-size:1rem;line-height:1.6;letter-spacing:.06em}.card .foot{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.tag{font-size:.72rem;letter-spacing:.1em;padding:.1em .8em;border:1px solid var(--line);color:var(--muted)}.tag.low{border-color:var(--cocoa);color:var(--cocoa)}.tag.sold_out{background:var(--mist);border-color:var(--mist)}.brew-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.brew-list a{display:grid;grid-template-columns:4.5em minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:26px 0;border-bottom:1px solid var(--line);transition:padding .4s var(--ease),background .4s}.brew-list a:hover{padding-left:16px;background:var(--mist-soft)}.brew-list .no{font-family:var(--font-latin);font-size:1.5rem;color:var(--celadon)}.brew-list .nm{font-family:"Noto Serif TC",serif;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--heading);letter-spacing:.12em}.brew-list .rg{font-size:.85rem;color:var(--muted);letter-spacing:.12em;text-align:right}@media(max-width:600px){.brew-list a{grid-template-columns:3em minmax(0,1fr)}.brew-list .rg{grid-column:2;text-align:left}}.band{background:var(--primary);color:#fff}.band .eyebrow{color:var(--mist)}.band h2{color:#fff}.event{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.event .date{font-family:var(--font-latin);font-size:clamp(2.6rem,7vw,5.5rem);line-height:1.1;letter-spacing:.04em;font-weight:500}.event .date small{display:block;font-size:.3em;letter-spacing:.3em;opacity:.8}.event p{margin:1em 0 2em;opacity:.9}.band .btn{background:#fff;color:var(--primary);border-color:#fff}.band .btn:hover{background:transparent;color:#fff}@media(max-width:760px){.event{grid-template-columns:1fr}}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(16px,3vw,32px)}.tile{position:relative;padding:clamp(36px,5vw,64px);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;transition:border-color .4s,transform .4s var(--ease)}.tile:hover{border-color:var(--primary)}.tile h3{font-size:1.4rem}.tile p{margin:0;color:var(--muted)}.tile .more{margin-top:12px}.page-head{padding:clamp(140px,18vw,200px) 0 clamp(40px,6vw,72px);text-align:center;background:linear-gradient(180deg,var(--bg),var(--mist-soft))}.page-head h1{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:.2em}.page-head p{color:var(--muted);margin:1.2em auto 0;max-width:36em}.page-body{padding-block:clamp(48px,8vw,96px) clamp(80px,10vw,140px)}.prose{max-width:40em;margin:0 auto}.prose h2{font-size:1.4rem;margin:2.4em 0 1em}.prose p,.prose li{color:var(--muted);line-height:2.2}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:0 0 clamp(36px,5vw,56px)}.filters button{font:inherit;font-size:.88rem;letter-spacing:.12em;border:0;border-bottom:1px solid transparent;background:none;padding:6px 2px;cursor:pointer;color:var(--muted)}.filters button[aria-pressed=true]{color:var(--primary);border-bottom-color:var(--primary)}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding-block:clamp(120px,14vw,160px) clamp(80px,10vw,120px);align-items:start}.detail .ph{aspect-ratio:4 / 5;overflow:hidden;background:var(--mist-soft);display:grid;place-items:center;color:var(--soft);position:relative}.detail-media{position:sticky;top:100px}.detail .desc{white-space:pre-line}.detail .ph img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}.detail h1{font-size:clamp(1.5rem,3vw,2.1rem);margin:.4em 0 .6em}.detail .price{font-family:var(--font-latin);font-size:1.4rem;letter-spacing:.08em;display:flex;gap:16px;align-items:center}.specs{display:grid;grid-template-columns:max-content 1fr;margin:32px 0;border-top:1px solid var(--line)}.specs dt,.specs dd{margin:0;padding:14px 0;border-bottom:1px solid var(--line);font-size:.92rem}.specs dt{color:var(--soft);padding-right:32px;letter-spacing:.14em}@media(max-width:760px){.detail{grid-template-columns:1fr}.detail-media{position:relative;top:0}}.notice{text-align:center;font-size:.85rem;color:var(--cocoa);margin:0 0 32px}.list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.list li{padding:22px 0;border-bottom:1px solid var(--line)}.list strong{font-family:"Noto Serif TC",serif;font-weight:500;color:var(--heading);letter-spacing:.08em}.site-footer{background:var(--surface);border-top:1px solid var(--line);padding:clamp(56px,8vw,96px) 0 40px;font-size:.88rem;color:var(--muted)}.site-footer .cols{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:40px}.site-footer h4{font-family:var(--font-latin);font-weight:500;font-size:.9rem;letter-spacing:.24em;color:var(--celadon);margin:0 0 1em}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.5em}.site-footer a:hover{color:var(--primary)}.site-footer .copy{margin-top:56px;font-family:var(--font-latin);letter-spacing:.14em;font-size:.78rem;color:var(--soft)}@media(max-width:760px){.site-footer .cols{grid-template-columns:1fr 1fr}.site-footer .cols>:first-child{grid-column:1 / -1}}.warning{position:fixed;left:0;right:0;bottom:0;z-index:50;margin:0;padding:14px 12px calc(14px + env(safe-area-inset-bottom));display:flex;justify-content:center;flex-wrap:wrap;gap:0 clamp(.5em,2vw,1.4em);align-items:center;color:#fff;background:var(--warning-bg);font-family:var(--font-sans);font-weight:700;font-size:clamp(1.2rem,5vw,2.8rem);letter-spacing:clamp(.04em,1vw,.6em);line-height:1.4}.warning span,.card-warning span,.sake-warning span{white-space:nowrap;display:inline-flex;align-items:center}.warn-icon{width:1.5em;height:1.5em;margin-right:clamp(.4em,1.6vw,1.2em);flex:none}.card .card-warning,.detail .sake-warning{margin:0;background:var(--warning-bg);color:#fff;font-weight:700;text-align:center;letter-spacing:.12em;line-height:1.5}.card .card-warning{margin-top:-14px;font-size:.82rem;padding:6px 4px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px .8em}.card .warn-icon{margin-right:.5em}@media(max-width:600px){.card .card-warning{letter-spacing:.06em;font-size:.78rem}}.detail .sake-warning{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 1.2em;font-size:clamp(1rem,2.4vw,1.3rem);padding:10px 16px;margin:0;letter-spacing:.2em}.hero-stage.reveal{opacity:0;transition:opacity 1.6s var(--ease)}.hero-stage.reveal.in{opacity:1}.hero-title .line{display:block}.hero-title .ch{display:inline-block;opacity:0;transform:translateY(-.25em);transition:opacity .9s ease,transform .9s var(--ease);transition-delay:calc(.35s + var(--i) * .12s)}.hero-copy.in .hero-title .ch{opacity:1;transform:none}.hero-lead{opacity:0;transition:opacity 1.2s ease 1.4s}.hero-copy.in .hero-lead{opacity:1}@media(prefers-reduced-motion:reduce){.reveal,.hero-title .ch,.hero-lead{opacity:1!important;transform:none!important;transition:none!important}html{scroll-behavior:auto}}.age-gate{position:fixed;inset:0;background:#0020488c;backdrop-filter:blur(6px);display:none;place-items:center;z-index:100;padding:20px}.age-gate.show{display:grid}.age-gate .box{background:var(--bg);padding:48px 36px;max-width:420px;text-align:center}.age-gate h2{font-size:1.4rem;margin-bottom:.8em}.age-gate .actions{display:flex;flex-direction:column;gap:12px;margin-top:28px}.brew-section{padding:clamp(48px,7vw,88px) 0;border-bottom:1px solid var(--line)}.brew-section h2{font-size:clamp(1.5rem,3vw,2rem)}.brew-section>p{max-width:40em}.brew-section .grid{margin-top:36px}.contact-list{text-align:left}.brew-section:first-child{padding-top:0}:root{--font-hand: "LXGW WenKai TC", "Klee One", cursive;--font-hero: "LXGW WenKai TC", cursive}.hand{font-family:var(--font-hand);color:var(--cocoa);font-size:1rem;letter-spacing:.06em}.section-head .hand{transform:rotate(-3deg)}.brand{align-items:flex-start}.brand-logo{display:block;flex:none;height:46px;width:auto}.rail{--rail-pad: max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));display:flex;gap:clamp(16px,2vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rail-pad);padding:4px var(--rail-pad) 24px;scrollbar-width:thin}.proj{flex:0 0 clamp(260px,30vw,360px);scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .4s var(--ease),border-color .4s}.proj:hover{border-color:var(--primary)}.proj .ph{position:relative;aspect-ratio:4 / 3;overflow:hidden;display:grid;place-items:center}.proj .ph img{position:absolute;inset:8% 0;width:100%;height:84%;object-fit:contain;mix-blend-mode:multiply}.proj.tone-mist .ph img{inset:6% 0;height:88%;mix-blend-mode:normal}.proj .ph-mark{font-family:var(--font-hand);font-size:4rem;color:var(--primary);opacity:.5}.proj.tone-navy .ph{background:#dfe7f2}.proj.tone-cocoa .ph{background:#efe6e2}.proj.tone-mist .ph{background:var(--mist)}.proj.tone-celadon .ph{background:#e3ebe9}.proj.tone-rose .ph{background:#f1e9e9}.proj .body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:6px;flex:1}.proj .tag{align-self:flex-start;font-family:var(--font-latin);font-style:italic;border:0;padding:0;color:var(--celadon);font-size:.9rem;letter-spacing:.16em}.proj h3{font-size:1.2rem}.proj p{margin:0;font-size:.88rem;color:var(--muted)}.proj .hand{margin-top:auto;padding-top:10px;font-size:.95rem}.picks-title{display:flex;align-items:center;gap:18px}.utaka{flex:none;width:88px;height:auto;margin:-12px 0 -8px;transform:rotate(-4deg);filter:drop-shadow(0 4px 10px rgba(0,48,108,.12))}.pick{display:flex;flex-direction:column}.pick-note{position:relative;margin:14px 4px 0;padding:14px 16px 12px;background:#fffdf7;border:1px dashed #c9b8a8;border-radius:3px 10px 4px 12px;transform:rotate(-.6deg);box-shadow:2px 3px #65454614}.pick:nth-child(2n) .pick-note{transform:rotate(.7deg);border-radius:10px 3px 12px 4px}.pick-note .hand{display:block;font-size:1rem;line-height:1.75;color:var(--cocoa)}.pick-note .sign{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:6px;font-family:var(--font-hand);font-size:.85rem;color:var(--soft)}.pick-note .sign img{width:22px;height:auto}.about-band{position:relative;overflow:hidden}.about-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:center}.about-in p{margin:1.4em 0 2.2em;opacity:.9;line-height:2.2;max-width:32em}.btn.light{background:#fff;color:var(--primary);border-color:#fff}.about-links{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.25)}.about-links a{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:18px;row-gap:4px;padding:20px 8px;border-bottom:1px solid rgba(255,255,255,.25);transition:background .35s var(--ease),padding .35s var(--ease)}.about-links .t{font-family:"Noto Serif TC",serif;font-size:1.2rem;letter-spacing:.14em}.about-links .s{grid-row:2;font-family:var(--font-hand);font-size:.98rem;color:var(--mist);opacity:.85}.about-links .arrow{grid-row:1 / 3;grid-column:2;align-self:center;width:28px;height:1px;background:currentColor;position:relative;opacity:.5;transition:width .35s var(--ease),opacity .35s}.about-links .arrow:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.about-links a:hover,.about-links a:focus-visible{background:#ffffff12;padding-left:16px}.about-links a:hover .arrow,.about-links a:focus-visible .arrow{width:44px;opacity:1}@media(max-width:760px){.about-in{grid-template-columns:1fr}}.logo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.logo-grid li{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.logo-grid a{position:relative;overflow:hidden;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}.logo-more{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;background:var(--primary);color:#fff;text-align:center;opacity:0;transition:opacity .35s ease}.logo-more span{font-family:var(--font-hand);font-size:.95rem;color:var(--mist)}.logo-more strong{font-family:"Noto Serif TC",serif;font-weight:500;font-size:1.1rem;letter-spacing:.14em}.logo-more em{font-style:normal;font-size:.85rem;opacity:.85}.logo-grid a:hover .logo-more,.logo-grid a:focus-visible .logo-more{opacity:1}@media(max-width:900px){.logo-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.logo-grid li{flex:0 0 44%;scroll-snap-align:start}}.logo-grid img{height:96px;width:auto;max-width:80%;object-fit:contain;filter:grayscale(1) brightness(.35) sepia(.4) hue-rotate(180deg);opacity:.85}.logo-text{height:96px;display:grid;place-items:center;font-family:"Noto Serif TC",serif;font-weight:600;font-size:1.25rem;letter-spacing:.2em;color:var(--primary);text-align:center;line-height:1.5}.logo-grid small{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.8rem;letter-spacing:.12em;color:var(--soft)}.logo-grid small span:first-child:not(:last-child){color:var(--heading);font-family:"Noto Serif TC",serif;font-size:.9rem}.map-wrap{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(24px,4vw,56px);align-items:stretch}.map{position:relative;width:100%;min-height:0;aspect-ratio:16 / 10;background:var(--mist-soft);border:1px solid var(--line)}.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.map-empty{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(45deg,var(--mist-soft) 0 14px,#e8edf2 14px 28px)}.map-side{display:flex;flex-direction:column;gap:18px;justify-content:center}.map-side p{margin:0;color:var(--muted)}.cities{border-top:1px solid var(--line)}.cities details{border-bottom:1px solid var(--line)}.cities summary{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;list-style:none;font-size:.9rem;color:var(--muted)}.cities summary::-webkit-details-marker{display:none}.cities summary span{font-family:"Noto Serif TC",serif;color:var(--heading);letter-spacing:.14em;font-size:1rem}.cities summary:after{content:"+";margin-left:12px;color:var(--primary);font-size:1.1rem}.cities details[open] summary:after{content:"−"}.cities ul{list-style:none;margin:0 0 12px;padding:0 4px 0 0;max-height:15.5em;overflow-y:auto;display:grid;gap:6px}.cities li a{font-size:.9rem;color:var(--ink);border-bottom:1px dotted var(--soft)}.cities li a:hover{color:var(--primary);border-color:var(--primary)}.map-side .btn{min-width:0}@media(max-width:760px){.map-wrap{grid-template-columns:1fr}}.site-footer .lead{font-family:"Noto Serif TC",serif;color:var(--heading);font-size:1.05rem;letter-spacing:.12em;margin:18px 0 8px}.site-footer .what{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 0;padding:0}.site-footer .what li{font-size:.78rem;letter-spacing:.12em;padding:2px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.site-footer .social{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;margin:0;padding:0}.site-footer .legal{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.74rem;color:var(--soft);letter-spacing:.08em}.site-footer .hand{display:inline-block;margin-top:18px;transform:rotate(-2deg)}.proj.photo .ph img{inset:0;height:100%;object-fit:cover;mix-blend-mode:normal}.proj.news h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1.05rem;line-height:1.6}.proj .date{margin-top:auto;padding-top:8px;font-family:var(--font-latin);font-size:.95rem;letter-spacing:.08em;color:var(--soft)}.proj.more-card{justify-content:center;align-items:center;gap:14px;padding:32px;background:var(--mist-soft);border-style:dashed}.proj.more-card .hand{font-size:1.1rem}.news-meta{display:flex;gap:14px;align-items:baseline;margin:0 0 8px;font-size:.85rem;color:var(--soft)}.news-meta span{color:var(--celadon);letter-spacing:.12em}.news-meta time{font-family:var(--font-latin);font-size:.95rem;letter-spacing:.08em}.upcoming{margin-bottom:clamp(48px,7vw,88px)}.upcoming h2,.page-body>section>h2{font-size:clamp(1.3rem,2.4vw,1.7rem);margin-bottom:24px}.news-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:clamp(20px,3vw,36px)}.news-list a{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--line);transition:border-color .3s}.news-list a:hover{border-color:var(--primary)}.news-list .ph{aspect-ratio:4 / 3;overflow:hidden;background:var(--mist-soft)}.news-list .ph img{width:100%;height:100%;object-fit:cover}.news-list .body{padding:18px 20px 22px}.news-list h3{font-size:1.05rem;line-height:1.6}.news-post{max-width:760px;padding-block:clamp(110px,12vw,150px) clamp(64px,8vw,110px)}.news-post .back{display:inline-block;margin-bottom:28px;font-size:.9rem;color:var(--primary)}.news-post h1{font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.5;margin:0 0 clamp(28px,4vw,48px)}.news-body img{display:block;max-width:100%;height:auto;margin:28px auto}.news-body p{line-height:2}.news-body a{color:var(--primary);text-decoration:underline;text-underline-offset:3px;word-break:break-all}html[lang=ja]{--font-sans: "Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", "Yu Gothic", sans-serif;--font-serif: "Cormorant Garamond", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-hand: "Klee One", "Hiragino Maru Gothic ProN", cursive;--font-hero: "Klee One", cursive}html[lang=ja] .card .name,html[lang=ja] .list strong,html[lang=ja] .about-links .t,html[lang=ja] .logo-more strong,html[lang=ja] .logo-text,html[lang=ja] .logo-grid small span:first-child:not(:last-child),html[lang=ja] .cities summary span,html[lang=ja] .site-footer .lead,html[lang=ja] .brand-name{font-family:"Noto Serif JP",serif}html[lang=ja] body{letter-spacing:.03em}html[lang=ja] .hero-title{font-weight:600;letter-spacing:.02em;font-size:clamp(2.6rem,4.6vw,4.6rem)}@media(max-width:760px){html[lang=ja] .hero-title{font-size:clamp(2rem,9.4vw,2.8rem)}}.warning-note{margin:32px 0 0;font-size:.76rem;color:var(--soft);line-height:1.8}.header-tools{display:flex;align-items:center;gap:14px;margin-left:clamp(16px,2vw,32px)}.lang-switch{display:flex;align-items:center;font-size:.78rem;letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff9}.lang-switch>*{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:40px;padding:0 12px;color:var(--muted)}.lang-switch .on{background:var(--primary);color:#fff}.lang-switch a:hover{color:var(--primary)}.inq-open{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:1px;min-height:44px;min-width:44px;padding:2px 4px 0;border:0;background:none;color:var(--primary);font:inherit;font-size:.62rem;line-height:1.2;letter-spacing:.06em;white-space:nowrap;cursor:pointer}.inq-count{position:absolute;top:-4px;left:calc(50% + 4px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--heading);color:#fff;font-size:.68rem;line-height:18px;letter-spacing:0;text-align:center;font-family:var(--font-sans)}.inq-count[hidden]{display:none}html[lang=ja] .nav{gap:clamp(16px,1.8vw,32px)}html[lang=ja] .nav a{font-size:.86rem;letter-spacing:.08em}@media(max-width:1100px){.site-header .inner{gap:6px}.header-tools{margin-left:auto;gap:8px;z-index:2}}.card-link{display:flex;flex-direction:column;gap:14px}.inq-add{font:inherit;font-size:.8rem;letter-spacing:.1em;line-height:1.5;padding:9px 8px;min-height:40px;border:1px solid var(--line);background:transparent;color:var(--primary);cursor:pointer;transition:border-color .3s,background .3s}.inq-add:hover{border-color:var(--primary)}.inq-add .b{display:none}.inq-add.in{background:var(--mist-soft);border-color:var(--mist);color:var(--muted)}.inq-add.in .a{display:none}.inq-add.in .b{display:inline}.detail .inq-add{font-size:.95rem;letter-spacing:.14em;padding:14px 24px;min-width:200px;background:var(--primary);color:#fff;border-color:var(--primary)}.detail .inq-add:hover{background:#002552}.detail .inq-add.in{background:transparent;color:var(--primary);border-color:var(--primary)}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 1.4em}.detail-actions .single{font-size:.85rem;color:var(--primary);border-bottom:1px solid currentColor}.detail .price-note{display:block;font-family:var(--font-sans);font-size:.75rem;letter-spacing:.08em;color:var(--soft)}.inq{position:fixed;inset:0;z-index:45}.inq[hidden]{display:none}.inq-backdrop{position:absolute;inset:0;background:#00204859;opacity:0;transition:opacity .3s}.inq.show .inq-backdrop{opacity:1}.inq-panel{position:absolute;top:0;right:0;bottom:var(--warning-h);width:min(440px,100%);display:flex;flex-direction:column;background:var(--bg);box-shadow:-8px 0 32px #0020481f;transform:translate(24px);opacity:0;transition:transform .35s var(--ease),opacity .35s}.inq.show .inq-panel{transform:none;opacity:1}.inq-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.inq-head h2{font-size:1.2rem;letter-spacing:.14em}.inq-x{width:44px;height:44px;border:0;background:none;font-size:1.6rem;line-height:1;color:var(--muted);cursor:pointer}.inq-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 20px 20px;overscroll-behavior:contain}.inq-empty{padding:40px 0;text-align:center;color:var(--muted)}.inq-empty p{margin:0 0 24px;line-height:2}.inq-list{list-style:none;margin:0;padding:0}.inq-list li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.inq-ph{position:relative;aspect-ratio:4 / 5;background:var(--mist-soft)}.inq-ph img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}.inq-info{display:flex;flex-direction:column;gap:2px;min-width:0}.inq-name{font-family:var(--font-serif);color:var(--heading);font-size:.95rem;line-height:1.6;letter-spacing:.04em}.inq-spec{font-size:.74rem;color:var(--soft);letter-spacing:.04em;line-height:1.6;word-break:break-all}.inq-gone{font-size:.74rem;color:var(--cocoa)}.inq-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.inq-qty{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--muted)}.inq-qty button{width:36px;height:36px;border:1px solid var(--line);background:var(--surface);color:var(--primary);font-size:1rem;cursor:pointer}.inq-qty button:disabled{color:var(--line);cursor:default}.inq-qty input{width:48px;height:36px;border:1px solid var(--line);text-align:center;font:inherit;font-size:16px;color:var(--ink);background:var(--surface);-moz-appearance:textfield}.inq-qty input::-webkit-outer-spin-button,.inq-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inq-remove,.inq-clear{border:0;background:none;padding:8px 0;font:inherit;font-size:.78rem;color:var(--soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.inq-sum{display:flex;justify-content:space-between;align-items:center;margin:12px 0 20px;font-size:.85rem;color:var(--muted)}.inq-field{display:flex;flex-direction:column;gap:6px;margin:0 0 18px;padding:0;border:0;font-size:.82rem;color:var(--muted)}.inq-field textarea{font:inherit;font-size:16px;line-height:1.6;padding:10px 12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);resize:vertical}.inq-lang legend{padding:0;margin-bottom:6px}.inq-lang label{display:inline-flex;align-items:center;gap:6px;margin-right:18px;color:var(--ink)}.inq-lang small{font-size:.74rem;color:var(--soft);line-height:1.7}.inq-preview summary{cursor:pointer;font-size:.82rem;color:var(--primary);padding:6px 0}.inq-preview pre{white-space:pre-wrap;word-break:break-all;font:inherit;font-size:.78rem;line-height:1.7;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:12px;margin:6px 0 0;user-select:text;-webkit-user-select:text}.inq-foot{padding:14px 20px calc(14px + env(safe-area-inset-bottom)*0);border-top:1px solid var(--line);background:var(--surface);display:grid;grid-template-columns:1fr 1fr;gap:8px}.inq-foot .btn{min-width:0;padding:12px 8px;font-size:.88rem;letter-spacing:.08em}.inq-foot .inq-line{background:#06c755;border-color:#06c755}.inq-foot .inq-line:hover{background:#05b04b;color:#fff}.inq-status{grid-column:1 / -1;margin:0;font-size:.78rem;color:var(--primary);min-height:0}.inq-status:empty{display:none}.inq-hint{grid-column:1 / -1;margin:0;font-size:.72rem;line-height:1.7;color:var(--soft)}body.inq-on{overflow:hidden}