:root{--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--fs-xs: 13px;--fs-sm: 15px;--fs-base: 17px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: clamp(28px, 3.4vw, 40px);--fs-3xl: clamp(34px, 5.2vw, 64px);--lh-tight: 1.1;--lh-snug: 1.3;--lh-body: 1.55;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--container: 1200px;--gutter: clamp(20px, 4vw, 40px)}html[data-theme=light]{--color-bg: #f4f1e9;--color-surface: #fffdf7;--color-surface-2: #e9e4d6;--color-text: #1f2620;--color-text-muted: #59604f;--color-border: #d6cfbd;--color-accent: #3d6647;--color-accent-hover: #31553a;--color-on-accent: #ffffff;--color-accent-soft: #e0e9dc;--color-ok: #2b7a3d;--color-ok-soft: #dcefdf;--color-warn: #8a5a06;--color-focus: #3d6647;--color-inverse-bg: #1f2620;--color-inverse-text: #f4f1e9;--color-inverse-border: #1f2620;--shadow-sm: 0 1px 2px rgba(30, 35, 20, .06);--shadow-md: 0 10px 30px -12px rgba(30, 35, 20, .22);--color-cn: #8c3a22;--color-cn-soft: #f3e3da;--color-on-cn: #ffffff;--color-jp: #55762a;--color-jp-soft: #e5edd4;--color-on-jp: #ffffff;--color-anno: #8a5a06;--color-anno-soft: #fbefd5;color-scheme:light}html[data-theme=dark]{--color-bg: #121411;--color-surface: #1a1d18;--color-surface-2: #242822;--color-text: #edefe7;--color-text-muted: #a7ad9f;--color-border: #343a31;--color-accent: #8fc09b;--color-accent-hover: #a7d1b0;--color-on-accent: #0d1a10;--color-accent-soft: #1f2e23;--color-ok: #6ad37d;--color-ok-soft: #1d3322;--color-warn: #f2b84b;--color-focus: #8fc09b;--color-inverse-bg: #20271f;--color-inverse-text: #edefe7;--color-inverse-border: #3a4637;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 14px 34px -14px rgba(0, 0, 0, .7);--color-cn: #e9967a;--color-cn-soft: #3a231b;--color-on-cn: #1d0c06;--color-jp: #b2d077;--color-jp-soft: #283119;--color-on-jp: #121a05;--color-anno: #f2b84b;--color-anno-soft: #33280f;color-scheme:dark}html{--accent: var(--color-accent);--accent-soft: var(--color-accent-soft);--on-accent: var(--color-on-accent)}.sec-cn{--accent: var(--color-cn);--accent-soft: var(--color-cn-soft);--on-accent: var(--color-on-cn)}.sec-jp{--accent: var(--color-jp);--accent-soft: var(--color-jp-soft);--on-accent: var(--color-on-jp)}*{box-sizing:border-box}.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{margin:0}body{background:var(--color-bg);color:var(--color-text);font:var(--fs-base)/var(--lh-body) var(--font-sans)}h1,h2,h3{font-family:var(--font-serif);font-weight:500;line-height:var(--lh-tight);margin:0;letter-spacing:-.01em}p{margin:0}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.cm{display:inline-flex;align-items:center;gap:6px;font:600 11px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--color-anno);background:var(--color-anno-soft);border:1px dashed var(--color-anno);border-radius:var(--radius-pill);padding:4px 8px;white-space:nowrap;vertical-align:middle}.ph-text{color:var(--color-text-muted);border-left:2px dashed var(--color-anno);padding-left:var(--sp-3)}.hdr{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.hdr .wrap{display:flex;align-items:center;gap:var(--sp-5);min-height:72px;flex-wrap:nowrap;padding-top:var(--sp-3);padding-bottom:var(--sp-3)}.brand{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;min-width:0}.logo{width:44px;height:44px;border-radius:50%;border:1.5px dashed var(--color-anno);display:grid;place-items:center;color:var(--color-anno);flex:none}.brand-name{font:500 var(--fs-lg)/1.1 var(--font-serif)}.brand-sub{display:block;margin-top:4px}.nav{display:flex;gap:var(--sp-1);margin-left:auto;flex-wrap:wrap;flex:none}.nav a{white-space:nowrap;text-decoration:none;font-size:var(--fs-sm);padding:8px 14px;border-radius:var(--radius-pill);color:var(--color-text-muted)}.nav a.on{background:var(--accent-soft);color:var(--color-text);font-weight:600}.hdr-cta{flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font:600 var(--fs-sm)/1 var(--font-sans);padding:14px 22px;border-radius:var(--radius-pill);border:1px solid transparent;background:var(--accent);color:var(--on-accent);text-decoration:none;cursor:pointer}.btn.ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn.sm{padding:10px 16px}.btn:disabled{opacity:.6;cursor:default}.hero{padding-top:var(--sp-8);padding-bottom:var(--sp-7)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--sp-7);align-items:center}.eyebrow{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--sp-4)}.hero h1{font-size:var(--fs-3xl)}.hero .lead{font-size:var(--fs-lg);color:var(--color-text-muted);margin-top:var(--sp-5);max-width:32ch}.hero .actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-6)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:var(--sp-7)}.step{border-top:1px solid var(--color-border);padding-top:var(--sp-3);font-size:var(--fs-sm);color:var(--color-text-muted)}.step b{display:block;font:500 var(--fs-lg)/1.2 var(--font-serif);color:var(--color-text);margin-bottom:4px}.choose{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);padding-bottom:var(--sp-8)}.choice{display:block;text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.choice .body{padding:var(--sp-5);display:flex;justify-content:space-between;align-items:end;gap:var(--sp-4)}.choice h2{font-size:var(--fs-xl)}.choice .kinds{color:var(--color-text-muted);font-size:var(--fs-sm);margin-top:6px}.arrow{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;flex:none}.ph{position:relative;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;overflow:hidden}.ph svg.bg{position:absolute;inset:0;width:100%;height:100%;opacity:.35}.ph .cm{position:relative}.r-4x3{aspect-ratio:4 / 3}.r-16x9{aspect-ratio:16 / 9}.r-3x4{aspect-ratio:3 / 4}.hero .ph{border-radius:var(--radius-lg)}.sec-head{background:var(--accent-soft);padding:var(--sp-7) 0}.sec-head .wrap{display:grid;grid-template-columns:1fr auto;gap:var(--sp-5);align-items:end}.sec-head .tag{color:var(--accent);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.sec-head h1{font-size:var(--fs-2xl)}.sec-head .ph-text{margin-top:var(--sp-4);max-width:56ch}.motif{width:120px;height:120px;color:var(--accent)}.teas{padding-top:var(--sp-7);padding-bottom:var(--sp-7)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.tea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.tea .body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);flex:1}.tea h3{font-size:var(--fs-xl);display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.tea .kind{font-size:var(--fs-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.tea .ph-text{font-size:var(--fs-sm)}.tea .btn{margin-top:auto;align-self:flex-start}.tea.picked{outline:2px solid var(--accent);outline-offset:-1px}.q{font:600 11px/1 var(--font-sans);color:var(--color-anno);border:1px dashed var(--color-anno);border-radius:var(--radius-pill);padding:4px 8px}.single{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);align-items:stretch}.single>.note{align-self:center}.single .tea{flex-direction:row}.single .tea .ph{width:44%;flex:none;aspect-ratio:auto;min-height:260px}.order{padding-bottom:var(--sp-8)}.order-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;grid-template-columns:1fr 1.25fr;overflow:hidden}.order-side{background:var(--color-surface-2);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.order-side h2{font-size:var(--fs-2xl)}.order-side .lead{color:var(--color-text-muted)}.note{display:flex;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4)}.note svg{flex:none;color:var(--accent);margin-top:2px}.note.pay svg{color:var(--color-text-muted)}.form{padding:var(--sp-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);align-content:start}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1 / -1}.field label{font-size:var(--fs-sm);font-weight:600}.field .hint,.field-error{font-size:var(--fs-xs);color:var(--color-text-muted)}.field-error{color:var(--color-warn)}.form>.field-error{grid-column:1 / -1}.input,select.input{width:100%;height:48px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:var(--fs-base)/1 var(--font-sans);padding:0 14px}select.input{appearance:none;padding-right:40px}.input-wrap{position:relative}.input-wrap svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-muted)}.input.filled,select.input.filled{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.input.invalid,select.input.invalid{border-color:var(--color-warn)}.check{grid-column:1 / -1;display:flex;gap:var(--sp-3);align-items:flex-start;font-size:var(--fs-sm)}.box{width:22px;height:22px;border:1.5px solid var(--color-text-muted);border-radius:6px;flex:none;margin-top:1px;background:var(--color-bg);appearance:none;display:grid;place-items:center}.box:checked{background:var(--accent);border-color:var(--accent)}.box:checked:after{content:"";width:6px;height:10px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.check a{color:var(--accent)}.req{color:var(--color-cn)}.submit{grid-column:1 / -1;display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.submit .small{font-size:var(--fs-xs);color:var(--color-text-muted)}.form-status{grid-column:1 / -1;font-size:var(--fs-sm)}.form-status.ok{color:var(--color-ok)}.form-status.bad{color:var(--color-warn)}.about{padding-top:var(--sp-7);padding-bottom:var(--sp-8)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:start}.about h1{font-size:var(--fs-2xl);margin-bottom:var(--sp-5)}.about .ph-text+.ph-text{margin-top:var(--sp-4)}.about .ph{border-radius:var(--radius-lg)}.how{margin-top:var(--sp-7)}.how h2{font-size:var(--fs-xl);margin-bottom:var(--sp-4)}.contacts{padding-top:var(--sp-7);padding-bottom:var(--sp-8)}.contacts h1{font-size:var(--fs-2xl);margin-bottom:var(--sp-6)}.c-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--sp-6)}.c-list{display:flex;flex-direction:column;gap:var(--sp-4)}.c-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-5)}.c-item .k{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:6px;display:flex;gap:var(--sp-2);align-items:center;justify-content:space-between}.c-item .v{font-size:var(--fs-lg);color:var(--color-text-muted)}.map{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);position:relative;min-height:360px;overflow:hidden;display:grid;place-items:center}.map svg.grid{position:absolute;inset:0;width:100%;height:100%;color:var(--color-border)}.map .pin{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);color:var(--accent)}.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ftr{background:var(--color-inverse-bg);color:var(--color-inverse-text);padding:var(--sp-6) 0;font-size:var(--fs-sm)}.ftr .wrap{display:flex;gap:var(--sp-5);flex-wrap:wrap;justify-content:space-between;align-items:center}.ftr .links{display:flex;gap:var(--sp-5);flex-wrap:wrap}.ftr a{opacity:.85}@media(max-width:1000px){.hero-grid,.about-grid,.c-grid,.order-box{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.single{grid-template-columns:1fr}.hdr .wrap{flex-wrap:wrap}.nav{margin-left:0;order:3;width:100%}.hdr-cta{margin-left:auto}}@media(max-width:640px){.hero{padding-top:var(--sp-6);padding-bottom:var(--sp-6)}.steps,.choose,.grid3{grid-template-columns:1fr}.form{grid-template-columns:1fr;padding:var(--sp-5)}.order-side{padding:var(--sp-5)}.single .tea{flex-direction:column}.single .tea .ph{width:100%;min-height:0;aspect-ratio:4 / 3}.sec-head .wrap{grid-template-columns:1fr}.motif,.brand-sub{display:none}.nav a{padding:7px 11px}.map{min-height:260px}.hdr-cta{display:none}}