@font-face{font-family:Cochin;src:url('assets/cochin.otf') format('opentype');font-weight:400;font-display:swap}
.modern-life{position:relative;isolation:isolate;aspect-ratio:1920/1256;color:#fff;overflow:hidden;background:#283a23}
.life-backdrop{position:absolute;z-index:-1;inset:0;overflow:hidden}.life-backdrop img{position:absolute;left:-3.78%;top:-.08%;width:106.02%;height:auto;max-width:none}
.life-heading{position:absolute;left:7.8125%;top:7.3%;display:flex;gap:2.5vw;align-items:center;margin:0}.life-heading>*{margin:0;font-style:italic}
.life-intro{position:absolute;left:61.25%;top:13.5%;max-width:35%}.life-intro h3,.life-intro p{margin:0}.life-intro p{color:#b4c3a3;margin-top:.5vw}
.life-cards{position:absolute;left:7.8125%;right:7.8125%;top:26.55%;height:50.25%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4vw}
.life-card{position:relative;display:flex;flex-direction:column;margin:0;border:0;padding:0;min-width:0;text-align:left;color:#10140d;background:#def9a4;text-decoration:none;appearance:none;font-family:Harmony,sans-serif}
.life-card-photo{width:100%;height:72%;object-fit:cover;display:block;flex-shrink:0}
.life-card-info{position:relative;flex:1;min-height:0}.life-time{position:absolute;left:7%;top:12%;width:40%;height:72%;color:#0c1108}.life-time span{display:block}.life-time .life-minute{margin-left:39%;margin-top:-3%}
.life-card-city{position:absolute;right:8%;top:44%;margin:0;color:#00a858;font-style:italic;white-space:nowrap}.life-card-caption{position:absolute;right:8%;bottom:10%;margin:0;color:#00a858;font-style:italic;white-space:nowrap}
.life-road-words{position:absolute;inset:0;pointer-events:none}.life-road-words span{position:absolute;display:block}.road-on{left:10%;top:35%}.road-the{left:24%;top:62%}.road-road{left:20%;top:12%}.life-travel .life-card-city{top:40%}.life-travel .life-card-caption{bottom:16%}
.life-more{position:absolute;left:7.8125%;top:84.3%;align-items:flex-start;min-width:260px}
.find-tea{position:relative;isolation:isolate;aspect-ratio:1920/1225;text-align:center;background:#f6f2e9;color:#725518;overflow:hidden}
.find-tea-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;object-fit:fill;pointer-events:none}
.find-tea-copy{position:absolute;left:10%;right:10%;top:24%;margin:0}.find-tea-copy h2,.find-tea-copy p{margin:0}.find-tea-copy h2{color:#594516}.find-tea-copy p:first-of-type{margin-top:2.2vw}
.find-tea-action{position:absolute;left:50%;top:51.3%;margin-left:calc(-1 * min(130px,7.75193796vw));min-width:260px}
.site-footer{position:relative;background:#299a54;color:#f1f4e8;padding:5.2vw 6% 4vw;min-height:35.8vw}
.footer-brand{display:block;width:245px;max-width:60%;line-height:0}.footer-brand img{width:100%;height:auto;filter:brightness(0) invert(1);opacity:.95}
.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3vw;margin:3.3vw 3.7% 0}.footer-column h2{margin:0 0 .7vw}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:.1vw}
.footer-link,.footer-social-link{display:inline-block;border:0;padding:0;background:transparent;text-align:left;color:inherit;cursor:pointer;font:inherit;text-decoration:none}.footer-link:hover,.footer-social-link:hover{text-decoration:underline;text-underline-offset:4px}.footer-link:focus-visible,.footer-social-link:focus-visible{outline:1px solid #fff;outline-offset:4px}
.footer-bottom{margin:2.5vw 3.7% 0}.footer-socials{display:flex;align-items:baseline;gap:.25em}.footer-newsletter{margin-top:2.4vw;color:#b9d6ad}.footer-newsletter p,.footer-copyright{margin:0}.footer-copyright{margin-top:1.4vw;color:#c4dfbd}
@media(max-width:760px){.modern-life{aspect-ratio:auto;padding:40px 6%;min-height:0}.life-backdrop img{width:100%;height:100%;left:0;top:0;object-fit:cover}.life-backdrop:after{content:'';position:absolute;inset:0;background:#15251640}.life-heading{position:relative;left:auto;top:auto;gap:20px}.life-intro{position:relative;left:auto;top:auto;max-width:none;margin-top:28px}.life-intro p{margin-top:5px}.life-cards{position:relative;left:auto;right:auto;top:auto;height:auto;margin-top:28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.life-card{aspect-ratio:384/630}.life-card-photo{height:72%;min-height:0}.life-card-info{height:28%;flex-shrink:0}.life-card-caption{font-size:clamp(12px,3.5vw,18px)!important}.life-more{position:relative;left:auto;top:auto;margin-top:28px;min-width:220px}.find-tea{aspect-ratio:auto;min-height:600px;padding:90px 6% 160px}.find-tea-art{object-fit:cover}.find-tea-copy{position:relative;left:auto;right:auto;top:auto}.find-tea-copy p:first-of-type{margin-top:25px}.find-tea-copy p{max-width:90%;margin-inline:auto}.find-tea-action{top:auto;bottom:150px;width:220px;min-width:220px;margin-left:-110px}.site-footer{padding:44px 7% 35px}.footer-brand{width:190px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;margin:35px 0 0}.footer-column h2{margin-bottom:10px}.footer-links{gap:4px}.footer-bottom{margin:30px 0 0}.footer-newsletter{margin-top:28px}.footer-copyright{margin-top:22px}}

@media(max-width:760px){.life-card-photo{height:65%}.life-card-info{height:35%}.life-time{top:8%}.life-time .life-minute{margin-top:-10%}}
@media(min-width:761px){.life-time .life-minute{margin-top:-18%}.life-more,.find-tea-action{width:calc(260 * min(1px,0.059630292vw));min-width:0;min-height:calc(84 * min(1px,0.059630292vw));padding:calc(15 * min(1px,0.059630292vw)) calc(20 * min(1px,0.059630292vw));border-radius:calc(15 * min(1px,0.059630292vw))}.footer-brand{width:calc(245 * min(1px,0.059630292vw))}}