:root{color:#e7d2a0;background:#10241d;font-family:"Noto Serif SC",Songti SC,STSong,Georgia,serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#10241d;-webkit-font-smoothing:antialiased}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid #f1ddac;outline-offset:4px}.hero{min-height:840px;position:relative;isolation:isolate;background:#0c1712 url(/assets/tea/hero-tea-room.png) center / cover no-repeat}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#050c086b}.site-header{width:min(1280px,calc(100% - 72px));height:98px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(220,189,124,.42)}.wordmark,.desktop-nav button,.menu-button{border:0;background:transparent;cursor:pointer}.wordmark{padding:10px 18px;color:#ecd9ad;font-size:clamp(27px,2.2vw,35px);font-weight:600;letter-spacing:.14em;white-space:nowrap}.desktop-nav{display:flex;gap:42px;align-items:center}.nav-right{justify-content:flex-end}.desktop-nav button{padding:8px 0;font-size:15px;letter-spacing:.18em}.desktop-nav button:hover{color:#fff0c9}.menu-button,.mobile-menu{display:none}.hero-content{width:min(1280px,calc(100% - 72px));margin:0 auto;padding:170px 0 124px}.section-mark{margin:0 0 20px;color:#cda960;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:.2em}h1,h2,p{margin-top:0}.hero h1{max-width:620px;margin-bottom:28px;color:#f2e5c5;font-size:clamp(52px,6vw,90px);font-weight:500;line-height:1.22;letter-spacing:.04em}.hero-copy{color:#dacdae;font-size:17px;line-height:2;letter-spacing:.04em}.outline-button{min-width:196px;margin-top:26px;padding:14px 28px;color:#ecd59c;border:1px solid #d7b970;border-radius:999px;background:#0b17106b;cursor:pointer;font-size:17px;letter-spacing:.12em;transition:background .2s ease,color .2s ease}.outline-button:hover{color:#192419;background:#ecd59c}.craft-section,.tea-section{min-height:670px;display:grid;grid-template-columns:minmax(260px,.55fr) minmax(520px,1.45fr);align-items:stretch;overflow:hidden}.craft-section{background:#0d1712}.tea-section{grid-template-columns:minmax(260px,.55fr) minmax(520px,1.45fr);background:#e9e3d5;color:#29251e}.vertical-intro{padding:110px clamp(36px,7vw,120px);display:flex;align-items:flex-start;gap:42px;color:#e8d5a7}.vertical-intro p{max-width:24px;margin:0;font-size:14px;line-height:1.85;writing-mode:vertical-rl}.vertical-intro h2{margin:0;font-size:clamp(39px,4vw,62px);font-weight:500;line-height:1.24;letter-spacing:.1em;writing-mode:vertical-rl}.dark-intro{color:#2d2b25}.craft-section>img,.tea-section>img{width:100%;height:100%;min-height:670px;object-fit:cover;display:block}.craft-section>img{object-position:center}.tea-section>img{object-position:center;background:#ebe5d9}.company-section{min-height:510px;padding:78px max(36px,calc((100% - 1040px)/2));display:flex;align-items:center;justify-content:space-between;gap:70px;background:#10241d;border-bottom:1px solid rgba(220,189,124,.36)}.company-copy h2{margin-bottom:18px;color:#e5ce93;font-size:clamp(36px,4vw,54px);font-weight:500;letter-spacing:.06em}.company-copy p:not(.section-mark){color:#c3bb9f;line-height:1.9;font-size:16px}.company-details{width:min(430px,100%);margin:0;border-top:1px solid rgba(220,189,124,.42)}.company-details div{padding:17px 0;display:grid;grid-template-columns:112px 1fr;gap:18px;border-bottom:1px solid rgba(220,189,124,.24)}.company-details dt{color:#b49b65;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;letter-spacing:.08em}.company-details dd{margin:0;color:#e2d4b4;font-size:14px;line-height:1.55}.mini-program-section{min-height:390px;padding:64px max(36px,calc((100% - 920px)/2));display:flex;align-items:center;justify-content:space-between;gap:72px;color:#29251e;background:#e9e3d5}.mini-program-section h2{margin-bottom:16px;font-size:clamp(36px,4vw,52px);font-weight:500;letter-spacing:.08em}.mini-program-section>div>p:last-child{margin-bottom:0;color:#665e52;font-size:16px;letter-spacing:.08em}.mini-program-section figure{margin:0;text-align:center}.mini-program-section img{width:210px;height:210px;display:block;padding:10px;background:#fff;box-shadow:0 18px 50px #231d1224}.mini-program-section figcaption{margin-top:12px;color:#756c5e;font-size:13px;letter-spacing:.12em}footer{min-height:90px;padding:26px max(36px,calc((100% - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;color:#b8ad8c;background:#10241d;font-size:13px;letter-spacing:.1em}footer a{color:inherit;text-underline-offset:4px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#040a07c7}.entry-dialog{width:min(430px,100%);position:relative;padding:42px 42px 38px;text-align:center;color:#2d2921;background:#f0ebe0;box-shadow:0 24px 80px #00000059}.entry-dialog>img{width:150px;display:block;margin:0 auto 28px}.entry-dialog h2{margin-bottom:12px;font-size:31px;font-weight:500}.entry-dialog p:last-child{margin-bottom:0;color:#665e52;line-height:1.85}.dialog-close{position:absolute;top:16px;right:16px;color:#5b5347;font-size:13px}@media(max-width:720px){.hero{min-height:720px;background-position:58% center}.site-header{width:calc(100% - 40px);height:76px;grid-template-columns:1fr auto}.wordmark{grid-column:1;grid-row:1;justify-self:start;padding-left:0;font-size:24px}.desktop-nav{display:none}.menu-button{display:block;grid-column:2;grid-row:1;padding:10px 0;color:#e9d4a0;font-size:14px;letter-spacing:.13em}.mobile-menu{display:block;position:absolute;top:76px;right:20px;z-index:4;width:160px;padding:8px 0;background:#14261e;border:1px solid rgba(220,189,124,.4)}.mobile-menu button{width:100%;padding:14px 20px;text-align:left;color:#dfc98e;background:transparent;border:0}.hero-content{width:calc(100% - 40px);padding:155px 0 84px}.hero h1{font-size:51px}.hero-copy{font-size:15px;line-height:1.9}.craft-section,.tea-section{min-height:auto;grid-template-columns:1fr}.vertical-intro{min-height:310px;padding:56px 42px}.craft-section>img,.tea-section>img{min-height:390px;height:62vw}.tea-section .vertical-intro{grid-row:2}.company-section{min-height:580px;padding:72px 32px;flex-direction:column;align-items:flex-start;gap:48px}.company-details{width:100%}.company-details div{grid-template-columns:96px 1fr;gap:14px}.mini-program-section{min-height:520px;padding:64px 32px;flex-direction:column;align-items:flex-start;gap:42px}.mini-program-section img{width:min(230px,68vw);height:auto}.mini-program-section figure{align-self:center}footer{padding:28px 24px;align-items:flex-start;flex-direction:column}}