/* Matdori / Editorial website. No framework, animation library or font files. */
:root{--paper:#f3f1e8;--paper-deep:#e9e6da;--ink:#242d23;--muted:#616458;--forest:#253629;--line:rgba(36,45,35,.22);--white:#faf8f0;--serif:'Newsreader','Baskerville','Iowan Old Style','Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--gutter:clamp(22px,4.45vw,80px);--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-weight:400;-webkit-font-smoothing:antialiased;font-optical-sizing:auto}body.menu-open,body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}p{line-height:1.65}em{font-weight:300}svg{width:24px;height:24px;flex:none}button{border-radius:0}button:disabled{cursor:wait;opacity:.65}::selection{background:#cfdbc1;color:#162016}:focus-visible{outline:2px solid #7b925e;outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-100px;z-index:999;background:var(--ink);color:var(--paper);padding:14px 24px;font-family:var(--sans)}.skip:focus{top:16px}.section-pad{padding:112px var(--gutter)}.eyebrow{font:500 10px/1.5 var(--sans);letter-spacing:.19em;text-transform:uppercase}.index{margin-right:22px;font-size:10px;opacity:.7}.display{font-size:clamp(50px,5.6vw,88px);line-height:1.02;letter-spacing:-.035em}.display em{letter-spacing:-.025em}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;position:relative;padding:10px 0;font:500 12px/1.5 var(--sans);border-bottom:1px solid var(--ink)}.text-link svg{width:21px;height:21px;transition:transform .3s var(--ease)}.text-link:hover svg{transform:translateX(5px)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:55px;padding:16px 25px;border:1px solid transparent;font:500 12px/1.4 var(--sans);letter-spacing:.02em;transition:background .25s,color .25s,transform .2s}.button svg{width:21px;height:21px;transition:transform .3s var(--ease)}.button:hover svg{transform:translateX(5px)}.button:active{transform:translateY(1px)}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:#40543a}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#d7decb}.button-outline{border-color:var(--line);background:transparent}.button-outline:hover{background:var(--paper-deep)}.photo-wrap{overflow:hidden;position:relative;background:#dedfd1}.photo-wrap img{transition:transform 1s var(--ease)}.mini-circle{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;transition:background .25s,color .25s;flex:none}.mini-circle svg{width:21px;height:21px}.mini-circle:hover{background:var(--ink);color:var(--paper)}
/* Header */
.site-header{height:90px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:34px;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;transition:height .3s,border-color .3s}.site-header.is-scrolled{height:74px;border-bottom-color:var(--line)}.wordmark{display:inline-flex;align-items:baseline;gap:12px;font-family:var(--serif);font-size:38px;line-height:1;letter-spacing:-.045em}.brand-kanji{font-family:'Hiragino Mincho ProN','Yu Mincho','Noto Serif CJK JP',serif;font-size:25px;color:#63724b;letter-spacing:0}.desktop-nav{display:flex;gap:clamp(20px,2.7vw,42px);align-items:center;margin-left:auto;margin-right:auto}.desktop-nav a{font:450 11px/1.4 var(--sans);position:relative;padding:10px 0}.desktop-nav a:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.nav-contact{font:500 11px var(--sans);display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--ink);padding:10px 0}.nav-contact svg{width:17px;height:17px}.menu-toggle{display:none}.mobile-menu{display:none}
/* Hero */
.hero{position:relative;min-height:760px;min-height:clamp(660px,calc(100svh - 90px),940px);color:var(--white);isolation:isolate;overflow:hidden;background:#2e3f2d}.hero-media,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-media img{object-position:55% 55%;filter:brightness(.87) saturate(.8)}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(10,22,14,.59),rgba(13,25,18,.21) 58%,rgba(10,22,14,.16)),linear-gradient(0deg,rgba(10,18,13,.46),transparent 40%)}.hero-top{padding:35px var(--gutter) 0;display:flex;justify-content:space-between;gap:30px}.hero-top .eyebrow{display:flex;align-items:center;gap:12px}.small-star{font-size:20px;line-height:1;letter-spacing:0}.hero-edition{font:400 11px/1.5 var(--sans);letter-spacing:.03em}.hero-content{padding:70px var(--gutter) 104px;max-width:1800px;margin:0 auto;position:relative}.hero h1{font-size:clamp(78px,7.8vw,130px);line-height:.99;letter-spacing:-.035em;max-width:950px}.hero h1 em{font-style:italic;letter-spacing:-.018em}.hero-jp{position:absolute;right:var(--gutter);top:78px;writing-mode:vertical-rl;text-orientation:upright;font:16px/2.3 'Hiragino Mincho ProN','Yu Mincho',serif;letter-spacing:.25em}.hero-bottom-copy{display:flex;align-items:flex-end;gap:80px;margin-top:34px}.hero-bottom-copy p{font-size:19px;line-height:1.4;opacity:.94}.round-link{display:inline-flex;align-items:center;gap:17px;font:500 11px var(--sans);letter-spacing:.035em}.ring{width:51px;height:51px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s}.round-link:hover .ring{background:var(--white);color:var(--ink)}.hero-foot{position:absolute;bottom:27px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font:400 9px/1.6 var(--sans);letter-spacing:.06em}.scroll-link{display:flex;align-items:center;gap:12px}.scroll-line{width:28px;height:1px;background:#faf8f0aa}.hero-caption{opacity:.8}.caption-dot{margin:0 8px}.provenance-bar{padding:23px var(--gutter);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:52px;font:400 11px/1.5 var(--sans)}.provenance-bar>span:before{content:'+';margin-right:15px;color:#697856}.provenance-bar .provenance-note{margin-left:auto;color:var(--muted);font-size:10px}.provenance-bar .provenance-note:before{display:none}
/* Introduction */
.intro{display:grid;grid-template-columns:1fr 3.3fr;gap:40px;padding-top:132px;padding-bottom:125px}.section-label{display:flex;align-items:baseline;gap:12px;padding-top:10px}.section-label .index{margin:0;white-space:nowrap;font-family:var(--sans)}.intro .display{font-size:clamp(56px,6.5vw,100px)}.intro-lower{display:grid;grid-template-columns:.8fr 1.3fr;align-items:start;gap:clamp(40px,6vw,100px);margin-top:65px}.intro-detail .photo-wrap{width:100%;aspect-ratio:4/4.25}.intro-detail figcaption{font:400 9px/1.5 var(--sans);margin-top:14px;color:var(--muted);letter-spacing:.035em}.intro-copy{padding-top:5px;max-width:440px}.intro-copy .lead{font-size:26px;line-height:1.3;margin-bottom:25px;color:var(--ink)}.intro-copy p{font:400 13px/1.9 var(--sans);color:var(--muted);margin-bottom:18px}.intro-copy .text-link{margin-top:15px}
/* Tea collection */
.tea-section{background:var(--paper-deep);padding-top:90px;padding-bottom:80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:25px}.heading-aside{font:400 12px/1.9 var(--sans);color:var(--muted);max-width:320px}.heading-aside .text-link{margin-top:16px;color:var(--ink)}.tea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.tea-photo{display:block;aspect-ratio:4/4.75;position:relative;overflow:hidden;background:#596745;color:var(--white);isolation:isolate}.tea-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 40%,transparent 60%,rgba(0,0,0,.22));z-index:0;pointer-events:none}.tea-photo img{transition:transform 1.2s var(--ease);filter:saturate(.82)}.tea-card:hover .tea-photo img{transform:scale(1.045)}.tea-number{position:absolute;left:23px;top:23px;z-index:1;font:500 11px/1.5 var(--sans);letter-spacing:.1em}.tea-photo-action{position:absolute;left:23px;right:23px;bottom:22px;z-index:1;display:flex;align-items:center;justify-content:space-between;font:500 11px/1.5 var(--sans)}.tea-photo-action svg{width:21px;height:21px}.tea-card-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 8px}.tea-card-heading h3{font-size:40px;line-height:1;letter-spacing:-.025em}.tea-card p{font-size:18px;line-height:1.4}.tea-use{display:block;margin-top:14px;font:400 10px/1.5 var(--sans);letter-spacing:.035em;color:var(--muted)}.collection-foot{margin-top:42px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;align-items:center}.collection-foot p{font:400 10px/1.7 var(--sans);color:var(--muted);max-width:490px}.collection-foot .text-link{font-size:11px;white-space:nowrap}.tea-reference{margin-top:30px}.tea-reference details{padding:12px 0;border-bottom:1px solid var(--line)}.tea-reference p{font:13px/1.7 var(--sans);padding:14px}.enhanced .tea-reference{display:none}
/* Sourcing */
.source-section{display:grid;grid-template-columns:1fr 1fr;min-height:810px}.source-photo{position:relative;isolation:isolate;background:#6b7157;min-height:700px}.source-photo .photo-wrap{height:100%;position:absolute;inset:0}.source-photo img{filter:saturate(.75)}.source-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(16,29,18,.65));pointer-events:none}.source-photo-caption{position:absolute;bottom:36px;left:36px;right:36px;z-index:2;color:white;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;font:400 10px/1.65 var(--sans)}.source-photo-caption>span:first-child{text-transform:uppercase;letter-spacing:.16em}.source-photo-caption>span:last-child{text-align:right;opacity:.85}.source-copy{padding:90px clamp(28px,4.5vw,85px)}.source-copy>.eyebrow{margin-bottom:35px}.source-copy .display{font-size:clamp(48px,4.8vw,78px)}.source-intro{font-size:19px;line-height:1.55;color:var(--muted);margin-top:26px}.process-list{margin-top:38px;border-top:1px solid var(--line)}.process-list details{border-bottom:1px solid var(--line)}.process-list summary{list-style:none;display:flex;align-items:center;gap:24px;padding:22px 0;cursor:pointer}.process-list summary::-webkit-details-marker{display:none}.process-list summary>span{font:400 10px var(--sans);color:var(--muted)}.process-list h3{font-size:25px;line-height:1.2;letter-spacing:-.01em}.process-list summary i{margin-left:auto;width:14px;height:14px;position:relative;flex:none}.process-list summary i:before,.process-list summary i:after{content:'';width:14px;height:1px;background:var(--ink);position:absolute;top:6px;left:0}.process-list summary i:after{transform:rotate(90deg);transition:transform .25s}.process-list details[open] summary i:after{transform:rotate(0)}.process-list details>div{padding:0 0 23px 38px;max-width:420px}.process-list p{font:400 12px/1.9 var(--sans);color:var(--muted)}.source-copy>.text-link{margin-top:30px;font-size:10px}
/* Ocha Club */
.club-section{background:var(--forest);color:var(--paper);display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(50px,10vw,170px);align-items:center;padding-top:90px;padding-bottom:70px}.club-topline{display:flex;align-items:center;justify-content:space-between}.club-mark{font:38px/1 'Hiragino Mincho ProN','Yu Mincho',serif;color:#a8b393}.club-section h2{font-size:clamp(80px,8.8vw,150px);line-height:1;letter-spacing:-.055em;margin-top:45px;white-space:nowrap}.club-section h2 em{letter-spacing:-.065em}.club-lead{font-size:31px!important;font-family:var(--serif)!important;line-height:1.3!important;color:var(--paper)!important;margin:27px 0 22px!important}.club-main>p:not(.club-lead){font:400 12px/1.9 var(--sans);color:#d6dacd}.club-main .button{margin-top:31px;min-width:244px}.club-services{display:flex;flex-wrap:wrap;gap:26px;margin-top:58px;padding-top:24px;border-top:1px solid #ffffff38;font:400 9px/1.5 var(--sans);color:#d6dacd}.club-figure .photo-wrap{aspect-ratio:4/5.2;background:#424c37}.club-figure img{filter:saturate(.77)}.club-figure figcaption{margin-top:17px;font:400 9px/1.5 var(--sans);color:#c3cbb7}
/* Journal */
.journal-section{padding-top:115px;padding-bottom:110px}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.journal-photo{aspect-ratio:4/3;margin-bottom:25px;background:var(--paper-deep)}.journal-photo img{filter:saturate(.7)}.journal-card:hover img{transform:scale(1.045)}.journal-photo .mini-circle{position:absolute;bottom:16px;right:16px;color:var(--ink);background:var(--paper);border:0}.journal-card>.eyebrow{font-size:9px;color:var(--muted);margin-bottom:12px}.journal-card h3{font-size:28px;line-height:1.15;letter-spacing:-.018em}.journal-card>p:last-child{font:400 12px/1.8 var(--sans);color:var(--muted);margin-top:12px}.notes-reference{margin-top:32px}.notes-reference>details{padding:15px 0;border-bottom:1px solid var(--line)}.enhanced .notes-reference{display:none}
/* Contact */
.contact-section{background:var(--paper-deep);display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(45px,10vw,160px);padding-top:100px;padding-bottom:100px}.contact-copy>.eyebrow{margin-bottom:34px}.contact-copy .display{font-size:clamp(64px,6.5vw,104px)}.contact-copy>p:not(.eyebrow){font:400 13px/1.85 var(--sans);color:var(--muted);margin-top:28px}.contact-email{font-size:clamp(20px,2.3vw,32px);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:16px;margin-top:40px;border-bottom:1px solid var(--ink);padding:6px 0}.contact-email svg{width:19px;height:19px}.contact-route{font:400 9px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.12em;display:block;margin-top:55px;color:var(--muted)}form{display:grid;gap:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.field{display:flex;flex-direction:column;min-width:0;position:relative}label{font:500 10px/1.5 var(--sans);letter-spacing:.015em;margin-bottom:11px}label>span{color:#677455;font-size:11px;margin-left:3px}label .optional{font-size:10px;color:var(--muted)}input,select,textarea{width:100%;border:0;border-bottom:1px solid #898d7f;background:transparent;padding:9px 0 12px;font:400 12px/1.5 var(--sans);color:var(--ink);border-radius:0;min-height:42px;transition:border-color .2s;outline:none}input::placeholder,textarea::placeholder{color:#74776c;opacity:1}select{appearance:none;padding-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23242d23'/%3E%3C/svg%3E");background-position:right 5px center;background-repeat:no-repeat}select option{background:var(--paper)}input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 1px 0 var(--ink)}input[aria-invalid=true]{border-color:#922d29}.error{color:#8a2929;font:400 11px/1.5 var(--sans);margin-top:5px}.error:empty{display:none}textarea{resize:vertical;min-height:86px;max-height:360px}.message-count{text-align:right;font:400 9px/1.5 var(--sans);margin-top:6px;color:var(--muted)}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-submit-row{display:flex;align-items:center;gap:24px}.form-help{font:400 10px/1.65 var(--sans);color:var(--muted)}.privacy-line{font:400 9px/1.7 var(--sans);color:var(--muted);margin-top:-4px}.privacy-line button{font:inherit;border:0;padding:0;background:none;text-decoration:underline;color:inherit}.form-status{font:400 12px/1.7 var(--sans)}.form-status:empty{display:none}.inquiry-review{border-top:1px solid var(--ink);padding-top:30px}.inquiry-review h3{font-size:44px;line-height:1.1;margin:15px 0}.inquiry-review>p:not(.eyebrow){font:400 12px/1.75 var(--sans);color:var(--muted)}.review-recipient{font:400 12px/1.7 var(--sans);margin:25px 0 12px}.inquiry-review pre{padding:20px;border:1px solid var(--line);font:400 12px/1.9 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow-y:auto;background:var(--paper)}.review-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.review-actions .button{font-size:11px;padding:14px 18px;gap:20px}.review-secondary{display:flex;gap:24px;flex-wrap:wrap;margin-top:23px}.review-secondary button{font:500 10px var(--sans);padding:5px 0;border:0;border-bottom:1px solid var(--line);background:none}#copy-status{font-size:11px;margin-top:12px}
/* Close & footer */
.closing-note{padding:50px var(--gutter);display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--line)}.closing-note>span{font:13px/1.8 'Hiragino Mincho ProN','Yu Mincho',serif;letter-spacing:.1em}.closing-note p{font-size:35px;letter-spacing:-.02em;line-height:1.2;margin:auto}.closing-note a{width:47px;height:47px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.closing-note a svg{transform:rotate(-90deg);width:21px;height:21px}.site-footer{padding:50px var(--gutter) 27px}.footer-top{display:grid;grid-template-columns:1fr 1.1fr 1.5fr auto;align-items:center;gap:30px}.footer-top .wordmark{font-size:34px}.footer-top p{font:400 11px/1.7 var(--sans);color:var(--muted)}.footer-top nav{display:flex;gap:30px;justify-content:center;font:400 11px/1.5 var(--sans)}.footer-top>a:last-child{font:400 11px/1.5 var(--sans);display:inline-flex;align-items:center;gap:14px}.footer-top>a:last-child svg{width:16px;height:16px}.footer-bottom{display:flex;justify-content:space-between;gap:28px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font:400 9px/1.5 var(--sans);color:var(--muted)}.footer-bottom>div{display:flex;gap:25px}.footer-bottom button{border:0;padding:0;background:transparent;font:inherit;color:inherit}.footer-bottom button:hover{text-decoration:underline}.mobile-contact{display:none}
/* Dialogs */
dialog{width:min(960px,calc(100vw - 60px));max-height:calc(100svh - 70px);border:0;background:var(--paper);color:var(--ink);padding:0;overflow:auto;overscroll-behavior:contain;box-shadow:0 25px 100px #0004}dialog::backdrop{background:rgba(20,29,23,.68);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:18px;right:18px;z-index:3;width:42px;height:42px;border:1px solid var(--line);background:var(--paper);border-radius:50%;display:grid;place-items:center}.dialog-close:hover{background:var(--paper-deep)}.dialog-close svg{width:20px;height:20px}.dialog-tea{display:grid;grid-template-columns:1fr 1.15fr;min-height:560px}.dialog-photo{min-height:100%;position:relative;background:var(--paper-deep)}.dialog-photo img{position:absolute;inset:0}.dialog-tea-copy{padding:70px 48px 45px}.dialog-tea-copy h2{font-size:62px;letter-spacing:-.035em;line-height:1.1;margin:25px 0 16px}.dialog-tea-copy>.tea-jp{font:23px/1.4 'Hiragino Mincho ProN','Yu Mincho',serif;color:#63734d;letter-spacing:.12em}.dialog-tea-copy>p{font:400 13px/1.85 var(--sans);color:var(--muted);margin-top:20px}.tea-specs{margin:28px 0 26px}.tea-specs>div{display:grid;grid-template-columns:100px 1fr;gap:15px;border-top:1px solid var(--line);padding:13px 0;font:400 11px/1.6 var(--sans)}.tea-specs dt{color:var(--muted)}.tea-specs dd{margin:0}.dialog-tea-copy .button{font-size:11px;gap:22px}.dialog-note{font:400 10px/1.7 var(--sans)!important;color:var(--muted);margin-top:18px!important}.dialog-article{padding:75px 85px 65px}.dialog-article .eyebrow{margin-bottom:24px}.dialog-article h2{font-size:clamp(40px,4.5vw,66px);line-height:1.04;letter-spacing:-.03em;max-width:640px}.dialog-article .article-lead{font:400 24px/1.4 var(--serif);margin:25px 0;color:var(--ink)}.dialog-article p{font:400 13px/1.9 var(--sans);color:var(--muted);margin:18px 0}.dialog-article h3{font-size:27px;line-height:1.3;margin:30px 0 12px}.dialog-article .text-link{margin-top:28px}.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:30px}.photo-credit{padding:20px 0;border-top:1px solid var(--line)}.photo-credit h3{font:500 13px/1.6 var(--sans);margin:0}.photo-credit p{font-size:11px;margin:5px 0;line-height:1.7}.photo-credit a{text-decoration:underline;text-underline-offset:3px}.photo-credit small{font:400 10px/1.7 var(--sans);color:var(--muted)}.photo-status{position:absolute;inset:auto 22px 22px;z-index:3;padding:14px;background:var(--paper);color:var(--ink);font:400 11px/1.6 var(--sans);max-width:270px}.photo-status a{text-decoration:underline}.hero-media>.photo-status{inset:auto 30px 80px auto}.photo-failed{opacity:0!important}
/* Motion */
@media(prefers-reduced-motion:no-preference){.hero h1{animation:appear 1.05s var(--ease) both}.hero-bottom-copy{animation:appear 1.2s .1s var(--ease) both}.hero-media img{animation:heroSettle 2.8s var(--ease) both}.enhanced .reveal{transition:opacity .9s var(--ease),transform .9s var(--ease)}.enhanced .reveal.is-observed:not(.is-visible){opacity:0;transform:translateY(23px)}dialog[open]{animation:appear .32s var(--ease) both}@keyframes appear{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}@keyframes heroSettle{from{transform:scale(1.035)}to{transform:scale(1)}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
/* Laptop & tablet */
@media(min-width:1800px){main,footer{max-width:2200px;margin:auto}.site-header{padding-left:max(var(--gutter),calc((100vw - 2200px)/2 + 80px));padding-right:max(var(--gutter),calc((100vw - 2200px)/2 + 80px))}}
@media(max-width:1150px){.site-header{gap:22px}.desktop-nav{gap:23px}.nav-contact{gap:12px}.intro{grid-template-columns:1fr 4fr;gap:28px}.section-label{flex-direction:column}.intro-lower{gap:40px}.source-copy{padding:75px 36px}.source-intro{font-size:17px}.source-intro br{display:none}.club-section{gap:50px}.club-section h2{font-size:100px}.club-lead{font-size:26px!important}.club-services{gap:20px}.contact-section{gap:60px}.footer-top{grid-template-columns:1fr 1fr}.footer-top nav{justify-content:flex-start}.footer-top>a:last-child{justify-self:start}.hero-caption{font-size:8px}}
@media(max-width:900px){html{scroll-padding-top:80px}.site-header{height:74px}.site-header.is-scrolled{height:68px}.wordmark{font-size:33px}.brand-kanji{font-size:22px}.desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex;align-items:center;gap:15px;border:0;background:transparent;font:400 11px var(--sans);padding:14px 0}.menu-toggle i{position:relative;display:block;width:22px;height:13px}.menu-toggle i:before,.menu-toggle i:after{content:'';position:absolute;left:0;width:22px;height:1px;background:var(--ink);transition:transform .2s,top .2s;top:3px}.menu-toggle i:after{top:10px}.menu-toggle[aria-expanded=true] i:before{top:6px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] i:after{top:6px;transform:rotate(-45deg)}.mobile-menu{display:block;position:fixed;inset:68px 0 0;background:var(--paper);z-index:19;padding:48px var(--gutter) 30px;overflow-y:auto}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{font-size:clamp(30px,6vw,48px);letter-spacing:-.025em;line-height:1.2;padding:15px 0;border-bottom:1px solid var(--line)}.mobile-menu-foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;margin-top:40px;font:400 11px/1.6 var(--sans);color:var(--muted)}.hero{min-height:730px}.hero-content{padding-top:74px}.hero h1{font-size:clamp(80px,11.5vw,112px)}.hero-top{padding-top:30px}.hero-jp{font-size:14px;top:70px}.hero-bottom-copy{gap:45px}.hero-bottom-copy p{font-size:18px}.hero-caption{max-width:230px;text-align:right}.provenance-bar{gap:26px;padding-top:21px;padding-bottom:21px}.provenance-bar .provenance-note{display:none}.provenance-bar>span:before{margin-right:10px}.section-pad{padding-top:80px;padding-bottom:80px}.intro{display:block}.section-label{flex-direction:row;gap:12px;margin-bottom:38px}.intro .display{font-size:clamp(58px,8vw,80px)}.intro-lower{margin-top:40px;gap:42px;grid-template-columns:.85fr 1.15fr}.tea-grid{gap:18px}.tea-card-heading h3{font-size:32px}.tea-card-heading .mini-circle{width:34px;height:34px}.tea-card p{font-size:16px}.tea-number{left:15px;top:18px;font-size:9px}.tea-photo-action{left:15px;right:15px}.tea-use{font-size:9px}.source-section{grid-template-columns:1fr 1fr}.source-photo{min-height:650px}.source-copy{padding:65px 25px}.source-copy .display{font-size:48px}.source-photo-caption{left:20px;right:20px;bottom:23px;flex-direction:column;align-items:flex-start;font-size:9px}.source-photo-caption>span:last-child{text-align:left}.process-list h3{font-size:23px}.process-list summary{gap:15px}.process-list details>div{padding-left:28px}.source-copy>.text-link{font-size:10px;gap:15px}.club-section{gap:38px}.club-section h2{font-size:76px}.club-topline .eyebrow{font-size:9px;max-width:210px}.club-topline .index{margin-right:10px}.club-mark{font-size:30px}.club-lead{font-size:24px!important}.club-main>p:not(.club-lead){font-size:11px}.club-services{margin-top:35px;gap:10px 20px}.club-figure .photo-wrap{aspect-ratio:3/5.5}.journal-grid{gap:20px}.journal-card h3{font-size:24px}.journal-card>p:last-child{font-size:11px}.journal-card>.eyebrow{font-size:8px}.contact-section{grid-template-columns:1fr;gap:55px}.contact-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.contact-copy>.eyebrow{grid-column:1/-1;margin-bottom:24px}.contact-copy .display{grid-row:2/5;font-size:77px}.contact-copy>p:not(.eyebrow){margin-top:7px}.contact-email{margin-top:20px;font-size:27px;align-self:start;justify-self:start}.contact-route{margin-top:26px;font-size:9px}.closing-note{gap:25px}.closing-note>span{font-size:10px;max-width:150px}.closing-note p{font-size:28px}.closing-note a{width:42px;height:42px;flex:none}.dialog-tea-copy{padding:60px 32px 40px}.dialog-tea-copy h2{font-size:54px}.dialog-article{padding:65px 48px 45px}}
/* Mobile */
@media(max-width:600px){:root{--gutter:23px}.section-pad{padding-top:68px;padding-bottom:68px}.site-header{height:68px}.site-header.is-scrolled{height:64px}.wordmark{font-size:32px}.brand-kanji{font-size:22px}.mobile-menu{top:64px}.hero{min-height:690px;min-height:max(655px,calc(100svh - 68px));max-height:870px}.hero-media img{object-position:64% center!important}.hero-shade{background:linear-gradient(90deg,rgba(10,22,14,.5),rgba(13,25,18,.2)),linear-gradient(0deg,rgba(10,18,13,.65),transparent 85%)}.hero-top{padding-top:28px}.hero-top .eyebrow{font-size:8px;letter-spacing:.16em;gap:9px}.small-star{font-size:17px}.hero-edition{display:none}.hero-content{padding:100px var(--gutter) 100px}.hero h1{font-size:clamp(62px,14.8vw,87px);line-height:1.015;letter-spacing:-.045em}.hero-jp{top:47px;font-size:11px;letter-spacing:.1em;line-height:2.1}.hero-bottom-copy{display:block;margin-top:25px}.hero-bottom-copy p{font-size:18px;line-height:1.4}.hero-bottom-copy .round-link{margin-top:24px;gap:14px;font-size:10px}.ring{width:42px;height:42px}.ring svg{width:20px;height:20px}.hero-foot{bottom:21px;font-size:8px;gap:25px;align-items:flex-end}.hero-caption{font-size:7px;max-width:153px;line-height:1.8}.caption-dot{margin:0 4px}.scroll-line{width:18px}.scroll-link{gap:8px}.provenance-bar{gap:0;justify-content:space-between;padding:18px var(--gutter);font-size:8px;letter-spacing:-.01em}.provenance-bar>span:before{display:none}.intro .display,.display{font-size:clamp(46px,12.2vw,64px);line-height:1.03;letter-spacing:-.04em}.intro .display br{display:none}.section-label{margin-bottom:26px;padding:0}.eyebrow{font-size:9px;letter-spacing:.16em}.index{font-size:9px;margin-right:14px}.intro-lower{display:grid;grid-template-columns:1fr;gap:30px;margin-top:34px}.intro-detail{width:66%;margin-left:auto}.intro-detail .photo-wrap{aspect-ratio:4/3.6}.intro-detail figcaption{font-size:8px}.intro-copy{max-width:none;padding-top:0}.intro-copy .lead{font-size:26px}.intro-copy p{font-size:13px}.intro-copy .text-link{font-size:11px}.section-heading{display:block;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:25px}.heading-aside{margin-top:22px;max-width:none;font-size:12px}.heading-aside .text-link{font-size:11px;margin-top:10px}.tea-grid{grid-template-columns:1fr;gap:38px}.tea-photo{aspect-ratio:4/4.15}.tea-number{top:23px;left:23px;font-size:11px}.tea-photo-action{left:23px;right:23px;font-size:10px}.tea-card-heading{margin-top:20px}.tea-card-heading h3{font-size:39px}.tea-card-heading .mini-circle{width:39px;height:39px}.tea-card p{font-size:18px}.tea-use{font-size:10px;margin-top:10px}.collection-foot{display:block;margin-top:34px;padding-top:23px}.collection-foot p{font-size:9px}.collection-foot .text-link{margin-top:16px}.source-section{display:flex;flex-direction:column;min-height:0}.source-photo{min-height:380px;aspect-ratio:1/1;order:0}.source-photo-caption{flex-direction:row;align-items:flex-end;font-size:8px;gap:30px}.source-photo-caption>span:last-child{text-align:right}.source-copy{padding:66px var(--gutter);order:1}.source-copy>.eyebrow{margin-bottom:25px}.source-copy .display{font-size:clamp(47px,12vw,63px)}.source-intro{font-size:18px;margin-top:23px}.process-list{margin-top:30px}.process-list summary{padding:21px 0;gap:20px}.process-list h3{font-size:27px}.process-list p{font-size:12px}.process-list details>div{padding-left:33px}.source-copy>.text-link{font-size:11px;margin-top:28px}.club-section{display:flex;flex-direction:column;gap:37px;padding-top:64px;padding-bottom:50px}.club-main{width:100%}.club-topline .eyebrow{max-width:none}.club-mark{font-size:35px}.club-section h2{font-size:clamp(72px,20vw,110px);letter-spacing:-.065em;margin-top:33px}.club-lead{font-size:29px!important;margin-top:22px!important}.club-main>p:not(.club-lead){font-size:12px}.club-main>p:not(.club-lead) br{display:none}.club-services{font-size:9px;margin-top:37px;gap:15px}.club-figure{width:100%}.club-figure .photo-wrap{aspect-ratio:4/4.3}.club-figure figcaption{font-size:9px}.journal-grid{grid-template-columns:1fr;gap:36px}.journal-photo{aspect-ratio:4/2.9;margin-bottom:21px}.journal-card>.eyebrow{font-size:9px}.journal-card h3{font-size:28px}.journal-card>p:last-child{font-size:12px;margin-top:9px}.journal-section .heading-aside{margin-top:21px}.contact-section{gap:40px}.contact-copy{display:block}.contact-copy>.eyebrow{margin-bottom:30px}.contact-copy .display{font-size:68px}.contact-copy>p:not(.eyebrow){margin-top:23px;font-size:12px}.contact-email{font-size:28px;margin-top:28px}.contact-route{margin-top:26px}.form-row{grid-template-columns:1fr;gap:25px}form{gap:25px}label{font-size:11px}input,select,textarea{font-size:16px;padding-top:7px}select{font-size:14px}.form-submit-row{align-items:flex-start;flex-direction:column;gap:14px}.form-submit-row .button{width:100%;justify-content:space-between}.form-help{font-size:10px}.form-help br{display:none}.privacy-line{font-size:9px}.closing-note{padding-top:35px;padding-bottom:35px;gap:20px;flex-wrap:wrap}.closing-note>span{max-width:none;width:100%;font-size:11px}.closing-note p{font-size:30px;margin:0;flex:1}.closing-note a{width:38px;height:38px}.closing-note p em{display:block}.site-footer{padding-top:38px;padding-bottom:92px}.footer-top{gap:27px 20px;grid-template-columns:1fr 1fr}.footer-top .wordmark{font-size:31px}.footer-top p{font-size:10px}.footer-top nav{gap:22px;font-size:10px;grid-column:1/-1}.footer-top>a:last-child{grid-column:1/-1;font-size:11px}.footer-bottom{margin-top:30px;flex-wrap:wrap;gap:18px;font-size:8px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>div{gap:17px;margin-left:auto}.mobile-contact{position:fixed;z-index:15;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:var(--paper);border-top:1px solid var(--line);padding:15px var(--gutter) max(15px,env(safe-area-inset-bottom));font:400 10px/1.5 var(--sans);transform:translateY(110%);transition:transform .3s var(--ease)}.mobile-contact.visible{transform:none}.mobile-contact a{display:flex;align-items:center;gap:20px;font-weight:500}.mobile-contact svg{width:18px;height:18px}.menu-open .mobile-contact,.modal-open .mobile-contact{visibility:hidden}dialog{width:calc(100vw - 26px);max-height:calc(100svh - 28px)}.dialog-tea{display:block}.dialog-photo{min-height:280px;height:280px}.dialog-tea-copy{padding:35px 25px}.dialog-tea-copy h2{font-size:54px;margin-top:18px}.dialog-tea-copy .tea-jp{font-size:20px}.dialog-tea-copy>p{font-size:12px}.dialog-article{padding:65px 26px 36px}.dialog-article h2{font-size:40px}.dialog-article .article-lead{font-size:22px}.dialog-article p{font-size:12px}.credits-grid{grid-template-columns:1fr;gap:0}.dialog-close{width:38px;height:38px;top:13px;right:13px}.review-actions .button{width:100%;justify-content:space-between}.review-secondary{gap:17px}.inquiry-review pre{font-size:11px}.hero-media>.photo-status{display:none}}
@media(max-width:360px){:root{--gutter:19px}.hero h1{font-size:59px}.hero-content{padding-top:105px}.hero-jp{top:45px}.provenance-bar{font-size:7px}.club-services{gap:10px;font-size:8px}.contact-email{font-size:25px}.closing-note p{font-size:27px}.footer-bottom{font-size:7px}.display{font-size:44px}}
@media print{.site-header,.mobile-contact,.hero-foot,.menu-toggle,dialog,.contact-form-wrap,.footer-bottom button{display:none!important}body{background:white;color:black}.hero{min-height:400px;print-color-adjust:exact}.section-pad{padding:40px 20px}.reveal{opacity:1!important;transform:none!important}.tea-grid{grid-template-columns:repeat(3,1fr)}a{color:inherit}.contact-section{display:block}img{break-inside:avoid}}

/* Longer named mailbox: keep the contact line inside small screens. */
@media(max-width:600px){.contact-email{font-size:clamp(18px,5.4vw,28px);max-width:100%;overflow-wrap:anywhere}.contact-email svg{width:18px;height:18px}}