.ms-origin-portal{background:var(--paper);overflow:hidden}.ms-origin-portal-head{position:relative;padding:110px max(24px,calc((100% - 1440px)/2)) 80px;background:var(--ink);color:#fff;border-bottom:2px solid var(--ink)}.ms-origin-portal-head:after{content:"05";position:absolute;right:3vw;bottom:-.22em;font:950 clamp(180px,27vw,430px)/.8 sans-serif;color:rgba(186,243,60,.08);letter-spacing:-.12em;pointer-events:none}.ms-origin-portal-head h1{position:relative;z-index:1;margin:0;font-size:clamp(58px,9vw,140px);line-height:.88;letter-spacing:-.075em}.ms-origin-portal-head h1 em{color:var(--lime);font-style:normal}.ms-origin-portal-head>p:last-child{position:relative;z-index:1;max-width:620px;margin:42px 0 0;padding-left:22px;border-left:4px solid var(--coral);font-size:15px;line-height:2}.ms-origin-portal-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;width:var(--shell);margin:auto;padding:32px 0}.ms-origin-tile{position:relative;display:grid;grid-template-rows:minmax(260px,1fr) auto;min-height:520px;grid-column:span 4;border:2px solid var(--ink);background:#fff;box-shadow:7px 7px 0 var(--ink);overflow:hidden;transition:transform .25s,box-shadow .25s}.ms-origin-tile:nth-child(1),.ms-origin-tile:nth-child(4){grid-column:span 7}.ms-origin-tile:nth-child(2),.ms-origin-tile:nth-child(5){grid-column:span 5}.ms-origin-tile:nth-child(3){grid-column:span 12;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr}.ms-origin-tile:hover{transform:translate(4px,4px);box-shadow:3px 3px 0 var(--ink)}.ms-origin-tile-image{min-height:270px;background-size:cover;background-position:center;filter:saturate(.95) contrast(1.04);transition:transform .5s}.ms-origin-tile:hover .ms-origin-tile-image{transform:scale(1.025)}.ms-origin-tile-copy{position:relative;display:grid;grid-template-columns:46px 1fr auto;align-items:start;gap:7px 14px;padding:22px;background:var(--origin-color);border-top:2px solid var(--ink)}.ms-origin-tile:nth-child(3) .ms-origin-tile-copy{border-top:0;border-left:2px solid var(--ink);align-content:center}.ms-origin-tile-copy b,.ms-origin-tile-copy small,.ms-origin-tile-copy i{font-size:12px;font-style:normal;letter-spacing:.12em}.ms-origin-tile-copy small{text-align:right}.ms-origin-tile-copy strong{grid-column:1/-1;font-size:clamp(38px,4vw,70px);line-height:1;letter-spacing:-.05em}.ms-origin-tile-copy em{grid-column:1/3;font-size:12px;font-style:normal;line-height:1.7}.ms-origin-tile-copy i{justify-self:end;padding-bottom:3px;border-bottom:2px solid var(--ink)}.ms-origin-portal-note{width:var(--shell);margin:0 auto 100px;padding:34px;display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;background:var(--yellow);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.ms-origin-portal-note b{font-size:clamp(25px,3vw,44px);line-height:1.3}.ms-origin-portal-note p{margin:0;font-size:14px;line-height:2}
.ms-origin-single{background:var(--paper);overflow:hidden}.ms-origin-single-hero{display:grid;grid-template-columns:1.2fr .8fr;min-height:calc(100vh - 82px);background:var(--ink);color:#fff}.ms-origin-single-photo{position:relative;min-height:650px;background-size:cover;background-position:center}.ms-origin-single-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(17,24,17,.72))}.ms-origin-single-photo span{position:absolute;z-index:1;left:22px;bottom:22px;padding:10px 13px;background:var(--origin-color);border:2px solid var(--ink);color:var(--ink);font-size:12px;font-weight:950;letter-spacing:.15em}.ms-origin-single-title{position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px clamp(28px,5vw,80px)}.ms-origin-single-title:after{content:"茶";position:absolute;right:-35px;bottom:-90px;font:300 310px/1 serif;color:rgba(255,255,255,.035)}.ms-origin-single-title>small{color:var(--origin-color);font-size:12px;letter-spacing:.2em}.ms-origin-single-title h1{position:relative;z-index:1;margin:12px 0 0;font-size:clamp(82px,10vw,160px);line-height:.8;letter-spacing:-.1em}.ms-origin-single-title h2{position:relative;z-index:1;margin:34px 0 15px;font-size:clamp(23px,2.5vw,40px);line-height:1.35}.ms-origin-single-title>p:not(.ms-eyebrow){position:relative;z-index:1;margin:0;max-width:520px;color:rgba(255,255,255,.74);font-size:14px;line-height:2}.ms-origin-single-title>a{position:relative;z-index:1;margin-top:35px;font-size:12px;letter-spacing:.14em;color:var(--origin-color)}.ms-origin-metrics{display:grid;grid-template-columns:repeat(4,1fr);background:var(--origin-color);border-top:2px solid var(--ink);border-left:2px solid var(--ink)}.ms-origin-metrics>div{min-height:210px;padding:25px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);display:grid}.ms-origin-metrics small{font-size:12px;letter-spacing:.16em}.ms-origin-metrics b{font-size:74px;line-height:1;letter-spacing:-.07em}.ms-origin-metrics span{height:8px;align-self:end;background:rgba(17,24,17,.15)}.ms-origin-metrics i{display:block;height:100%;background:var(--ink)}.ms-origin-metrics>p{grid-column:1/-1;margin:0;padding:10px 24px;background:var(--ink);color:rgba(255,255,255,.65);font-size:12px}.ms-origin-story{display:grid;grid-template-columns:1fr 1fr}.ms-origin-story article{min-height:560px;padding:100px clamp(28px,7vw,120px);border-bottom:2px solid var(--ink)}.ms-origin-story article:first-child{background:var(--cream);border-right:2px solid var(--ink)}.ms-origin-story article:last-child{background:#e1f5dd}.ms-origin-story h2,.ms-origin-tags h2,.ms-origin-source h2,.ms-origin-related h2{margin:0 0 32px;font-size:clamp(45px,6vw,86px);line-height:.95;letter-spacing:-.06em}.ms-origin-story article>p:last-child{margin:0;max-width:650px;font-size:16px;line-height:2.15}.ms-origin-tags{display:grid;grid-template-columns:1fr 1fr;background:var(--yellow);border-bottom:2px solid var(--ink)}.ms-origin-tags>div{padding:80px clamp(26px,6vw,90px)}.ms-origin-tags>div:first-child{border-right:2px solid var(--ink)}.ms-origin-chips{display:flex;flex-wrap:wrap;gap:12px}.ms-origin-chips span{padding:13px 18px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-size:13px;box-shadow:4px 4px 0 var(--ink)}.ms-origin-chips-use span{background:var(--coral)}.ms-origin-source{padding:100px max(24px,calc((100% - 1200px)/2));background:var(--deep);color:#fff}.ms-origin-source h2{color:var(--origin-color)}.ms-origin-source>p:not(.ms-eyebrow){max-width:750px;font-size:14px;line-height:2}.ms-origin-source .ms-btn{margin-top:25px}.ms-origin-related{padding:100px max(24px,calc((100% - 1440px)/2))}.ms-origin-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ms-origin-related-grid>a{display:grid;border:2px solid var(--ink);background:#fff;box-shadow:6px 6px 0 var(--ink)}.ms-origin-related-grid span{height:230px;background-size:cover;background-position:center;border-bottom:2px solid var(--ink)}.ms-origin-related-grid small,.ms-origin-related-grid strong,.ms-origin-related-grid i{margin:0 20px}.ms-origin-related-grid small{margin-top:18px;font-size:12px;letter-spacing:.1em}.ms-origin-related-grid strong{margin-top:10px;font-size:21px;line-height:1.45}.ms-origin-related-grid i{margin-top:18px;margin-bottom:20px;font-size:12px;font-style:normal}.ms-origin-back{padding:28px;text-align:center;background:var(--origin-color);border-top:2px solid var(--ink);font-size:14px;letter-spacing:.12em}
@media(max-width:900px){.ms-origin-portal-grid{grid-template-columns:1fr}.ms-origin-tile,.ms-origin-tile:nth-child(n){grid-column:auto;grid-template-columns:1fr;grid-template-rows:minmax(250px,1fr) auto}.ms-origin-tile:nth-child(3) .ms-origin-tile-copy{border-left:0;border-top:2px solid var(--ink)}.ms-origin-single-hero{grid-template-columns:1fr}.ms-origin-single-photo{min-height:54vh}.ms-origin-single-photo:after{background:linear-gradient(0deg,rgba(17,24,17,.65),transparent 55%)}.ms-origin-single-title{min-height:530px}.ms-origin-story,.ms-origin-tags{grid-template-columns:1fr}.ms-origin-story article:first-child,.ms-origin-tags>div:first-child{border-right:0}.ms-origin-tags>div:first-child{border-bottom:2px solid var(--ink)}}
@media(max-width:720px){.ms-origin-portal-head{padding:75px 18px 54px}.ms-origin-portal-head h1{font-size:61px}.ms-origin-portal-head>p:last-child{font-size:13px}.ms-origin-portal-grid{padding:18px 0}.ms-origin-tile{min-height:460px;box-shadow:4px 4px 0 var(--ink)}.ms-origin-tile-copy strong{font-size:46px}.ms-origin-portal-note{grid-template-columns:1fr;gap:18px;margin-bottom:75px;padding:24px}.ms-origin-single-hero{min-height:0}.ms-origin-single-photo{min-height:420px}.ms-origin-single-title{min-height:470px;padding:60px 22px}.ms-origin-single-title h1{font-size:94px}.ms-origin-single-title h2{font-size:28px}.ms-origin-metrics{grid-template-columns:1fr 1fr}.ms-origin-metrics>div{min-height:170px;padding:18px}.ms-origin-metrics b{font-size:56px}.ms-origin-story article{min-height:0;padding:70px 22px}.ms-origin-story h2,.ms-origin-tags h2,.ms-origin-source h2,.ms-origin-related h2{font-size:48px}.ms-origin-story article>p:last-child{font-size:15px}.ms-origin-tags>div{padding:60px 22px}.ms-origin-chips span{padding:10px 13px;font-size:12px}.ms-origin-source,.ms-origin-related{padding:70px 18px}.ms-origin-related-grid{grid-template-columns:1fr}.ms-origin-related-grid span{height:215px}}