@font-face{font-family:"SVN Vanitas";src:url("/assets/fonts/SVN-Vanitas-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"SVN Vanitas";src:url("/assets/fonts/SVN-Vanitas-Bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}
:root{
  --paper:#f8f7f1;--paper-deep:#eeeadd;--forest:#182d21;--forest-2:#203b29;
  --ink:#26362b;--muted:#637064;--gold:#ffbb10;--lime:#6d9b0b;--olive-text:#506f17;--line:#d9d9cb;
  --display:"SVN Vanitas",Arial,sans-serif;--sans:"Be Vietnam Pro",Arial,sans-serif;
  --header:112px;--wrap:1260px;--space:clamp(64px,8vw,118px)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 22px)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.72 var(--sans);-webkit-font-smoothing:antialiased;animation:page-in .26s ease both}
body.is-leaving{opacity:0;transition:opacity .22s ease}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}
h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.3}h1{font-size:clamp(52px,5.4vw,82px);letter-spacing:-.025em}h2{font-size:clamp(39px,3.9vw,62px);letter-spacing:-.015em}h3{font-size:clamp(28px,2.5vw,42px);letter-spacing:0}
p{overflow-wrap:break-word}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
::selection{background:var(--gold);color:var(--forest)}[hidden]{display:none!important}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:12px 18px}.skip-link:focus{top:10px}
.eyebrow{font:400 11px/1.5 var(--sans);letter-spacing:.21em;text-transform:uppercase;color:var(--lime)}
.lead{font-size:clamp(16px,1.25vw,19px);line-height:1.8}
.text-link{display:inline-flex;gap:22px;align-items:center;width:fit-content;padding:8px 0;color:#506f17;font:500 12px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.13em;transition:gap .2s,color .2s}
.text-link:hover{gap:29px;color:var(--forest)}.text-link span{font-size:19px;color:var(--gold);line-height:1}.text-link.light{color:#f3f4e8}.text-link.light:hover{color:var(--gold)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:11px 24px;font:500 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;transition:background .2s,transform .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}.button span{font-size:18px}.button-outline{border:1px solid #f6f6e6aa;background:#f6f6e61d;color:white;backdrop-filter:blur(8px)}.button-outline:hover{background:#fff3}
.button-gold{background:var(--gold);color:var(--forest);border:1px solid var(--gold)}.button-gold:hover{background:#f4ca58}
.ribbon{height:35px;overflow:hidden;background:var(--forest);color:#e7eadc}.ribbon-track{display:flex;align-items:center;width:max-content;height:100%;animation:ribbon 56s linear infinite}.ribbon-group{display:flex;align-items:center;flex:none;height:100%}.ribbon-group span{display:inline-flex;align-items:center;flex:none;white-space:nowrap;margin-right:84px;font:500 10px/1.5 var(--sans);letter-spacing:.16em}.ribbon:hover .ribbon-track{animation-play-state:paused}@keyframes ribbon{to{transform:translateX(-50%)}}
.site-header{position:sticky;top:0;z-index:30;background:rgba(248,247,241,.97);border-bottom:1px solid #d2d6c7;backdrop-filter:blur(12px);transition:box-shadow .2s}.site-header.compact{box-shadow:0 8px 22px #182d210e}.header-inner{height:var(--header);max-width:var(--wrap);padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px;transition:height .2s}.site-header.compact .header-inner{height:98px}.brand{display:block;flex:none;width:140px;height:96px}.brand img{width:100%;height:100%;object-fit:contain}.site-header.compact .brand{height:82px;width:119px}
.desktop-nav{display:flex;align-items:center;gap:clamp(26px,3.6vw,58px)}.desktop-nav a,.mobile-nav a{font:500 12px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;position:relative;transition:color .2s}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--lime);transition:right .2s}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#4b7517}.desktop-nav a:hover::after,.desktop-nav a[aria-current=page]::after{right:0}
.menu-toggle{display:none;width:46px;height:46px;flex:none;border:1px solid var(--line);background:transparent;padding:12px}.menu-toggle span{display:block;width:100%;height:1px;background:var(--ink);margin:5px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
.mobile-nav{position:absolute;top:100%;left:0;right:0;min-height:calc(100svh - var(--header));padding:38px 28px 60px;background:var(--paper);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px;box-shadow:0 40px 60px #101b1733}.mobile-nav a{display:block;padding:17px 0;border-bottom:1px solid var(--line);font-size:15px}.mobile-nav a[aria-current=page]{color:var(--lime)}
.hero{height:calc(100svh - 35px - var(--header));min-height:640px;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;color:#fff;text-align:center;padding:70px 24px}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-image{object-fit:cover;object-position:center 50%}.hero-shade{z-index:-1;background:linear-gradient(#0c1a1399,#08130eb0 55%,#08130ed4)}.hero-content{max-width:960px;margin:auto}.hero .eyebrow{color:#e5eacc}.hero h1{margin:20px auto 26px;text-transform:none;letter-spacing:-.02em;font-size:clamp(48px,5.8vw,82px);text-wrap:balance}.hero .lead{max-width:660px;margin:auto;color:#e5e9df}.hero-actions{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:42px}.hero-credit{position:absolute;bottom:15px;right:20px;font-size:10px;color:#f2f3e5bb}
.section-wrap{max-width:var(--wrap);padding:var(--space) 32px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:40px}.section-head h2{margin:9px 0 14px}.section-head p:not(.eyebrow){max-width:640px;color:var(--muted)}
.editorial{padding:var(--space) 32px}.editorial:nth-of-type(even){background:#f0efe6}.editorial-grid{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(48px,7vw,115px);align-items:center}.editorial.reverse .editorial-visual{order:2}.editorial.reverse .editorial-copy{order:1}.editorial-copy{max-width:560px}.editorial-copy h2{margin:12px 0 27px;text-wrap:balance}.editorial-copy>p:not(.eyebrow){max-width:550px;color:var(--muted)}.editorial-copy .text-link{margin-top:29px}
.media-frame{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;background:linear-gradient(145deg,#d9dece,#ecede3 55%,#cdd4c2);color:#657960;text-align:center}.media-frame.landscape,.media-frame.banner-photo{aspect-ratio:16/9}.media-frame.portrait{aspect-ratio:4/5}.media-frame.square{aspect-ratio:1}.media-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.media-frame:hover img{transform:scale(1.025)}.media-placeholder-mark{font:400 70px/1 var(--display);color:#839c71}.media-placeholder-label{max-width:75%;margin-top:8px;font-size:13px;letter-spacing:.05em}.media-caption{position:absolute;z-index:1;right:12px;bottom:12px;max-width:calc(100% - 24px);padding:5px 8px;background:#101b15ac;color:#f2f4eb;font:400 10px/1.35 var(--sans);text-align:right}
.copy-bars{display:grid;gap:10px;margin-top:29px;max-width:430px}.copy-bars span{height:8px;background:#dfe1d6}.copy-bars span:nth-child(2){width:91%}.copy-bars span:nth-child(3){width:68%}
.wide-story{position:relative;isolation:isolate;min-height:720px;color:#fff;display:flex;align-items:center;padding:100px max(32px,calc((100vw - var(--wrap))/2 + 32px));overflow:hidden}.wide-story>img,.wide-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.wide-shade{z-index:-1;background:linear-gradient(90deg,#0a1c11eb 0%,#0c2115b5 45%,#10241d30 100%)}.wide-copy{max-width:650px}.wide-copy .eyebrow{color:#d5e5c8}.wide-copy h2{margin:13px 0 28px}.wide-copy p:not(.eyebrow){max-width:560px;color:#e1e9de}.wide-copy .text-link{margin-top:26px}
.book-feature{background:var(--forest);color:#eff2e6;padding:var(--space) 32px}.book-feature-inner{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(55px,8vw,130px)}.book-feature .eyebrow,.product-book .eyebrow{color:#d2dca9}.book-feature h2{margin:14px 0 26px}.book-feature p:not(.eyebrow){color:#d9e2d3}.book-feature .text-link{margin-top:29px;color:#e8efd9}.book-frame{background:linear-gradient(135deg,#67745e,#283c2d);min-height:380px}.book-frame .media-placeholder-mark,.book-frame .media-placeholder-label{color:#f3e6c7}
.moments{padding-top:var(--space);padding-bottom:var(--space)}.moment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.moment-tile{display:block;min-width:0}.moment-tile>.media-frame{width:100%;aspect-ratio:16/9}.moment-tile>span{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.13em}.moment-tile>span span{font-size:20px;color:var(--lime)}.moment-tile:hover>span{color:var(--lime)}.video-standin{background:linear-gradient(135deg,#213a29,#364d34);color:#e6edda}.video-standin .media-placeholder-mark{color:var(--gold)}.video-standin .media-placeholder-label{color:#e6edda}
.closing{background:var(--forest);color:#fff;text-align:center;padding:105px 32px 120px}.closing .eyebrow{color:#d8e5c8}.closing h2{margin:13px 0 24px}.closing>p:not(.eyebrow){max-width:760px;margin:0 auto 34px;color:#dce6da}.closing .button{min-width:230px}.about-vision{margin-top:0}
.page-banner{min-height:510px;display:grid;grid-template-columns:1fr 1fr;background:var(--forest);color:#fff;overflow:hidden}.page-banner-copy{align-self:center;padding:90px 4vw 90px max(32px,calc((100vw - var(--wrap))/2 + 32px))}.page-banner .eyebrow{color:#d8e2c2}.page-banner h1{margin:16px 0 26px;font-size:clamp(42px,3.7vw,54px)}.page-banner .lead{max-width:570px;color:#dce6da}.page-banner .media-frame{height:100%;min-height:510px;aspect-ratio:auto}.page-banner .banner-pattern{background:radial-gradient(circle at 50% 50%,#5b704a 0 1px,transparent 2px) 0 0/24px 24px,linear-gradient(135deg,#405c3d,#172b20);opacity:.8}
.product-book{padding:var(--space) 32px;background:var(--forest);color:#fff}.product-book-inner{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;max-width:var(--wrap);margin:auto}.product-book h2{margin:15px 0 25px}.product-book p:not(.eyebrow){color:#dbe3d3}.product-book .copy-bars span{background:#ffffff28}.product-book .small-note{font-size:12px;margin-top:28px;color:#bcccb7!important}.product-book .button{margin-top:30px}.product-book .media-frame{background:linear-gradient(135deg,#5d7050,#283a2d);color:#e1ead5}.product-book .media-placeholder-mark{color:var(--gold)}
.library-section{min-height:720px}.tab-list{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:46px}.tab-list button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:16px 28px;font:400 14px/1.4 var(--sans);letter-spacing:.1em}.tab-list button:hover,.tab-list button[aria-selected=true]{color:var(--forest)}.tab-list button[aria-selected=true]{border-color:var(--lime)}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.filter-chip{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 15px;min-height:44px;font:400 11px/1.3 var(--sans);letter-spacing:.02em}.filter-chip:hover,.filter-chip.is-active{background:var(--forest);color:#fff;border-color:var(--forest)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:38px 22px}.gallery-card{border:0;padding:0;background:transparent;color:var(--ink);text-align:left;min-width:0}.gallery-card .media-frame{width:100%}.gallery-card:hover .media-frame{outline:1px solid var(--lime);outline-offset:4px}.gallery-label{display:block;padding-top:14px}.gallery-label span{display:block;color:var(--lime);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.gallery-label strong{display:block;margin-top:3px;font:700 29px/1.3 var(--display)}.gallery-empty{padding:30px;background:var(--paper-deep)}
.featured-video{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center;padding:30px;background:var(--forest);color:#fff}.featured-video .media-frame{aspect-ratio:16/9}.featured-video .eyebrow{color:#d7e2c8}.featured-video h3{margin:12px 0}.featured-video p:not(.eyebrow){color:#d8e2d4}.availability{display:inline-block;margin-top:22px;border:1px solid currentColor;padding:8px 12px;color:#a7bb96;font:400 11px/1.4 var(--sans);letter-spacing:.05em}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.video-card .media-frame{aspect-ratio:16/9}.video-card .eyebrow{margin-top:22px}.video-card h3{margin-top:8px;font-size:30px}.video-card .availability{margin-top:16px}
.lightbox{position:fixed;max-width:min(1000px,calc(100vw - 30px));width:100%;max-height:calc(100dvh - 30px);padding:14px 22px 18px;border:1px solid #bdc9b6;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #0a1a10aa}.lightbox::backdrop{background:#0b160fdc}.lightbox-top,.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px}.lightbox-top{font-size:12px;color:var(--muted)}.lightbox-stage{height:min(70dvh,620px);display:grid;place-items:center;overflow:hidden;background:var(--paper-deep);margin:8px 0 14px}.lightbox-stage img{width:100%;height:100%;object-fit:contain}.lightbox-stage .media-frame{width:100%;height:100%;aspect-ratio:auto}.lightbox-bottom h3{font-size:30px}.lightbox-bottom p{font-size:12px;color:var(--muted)}.lightbox-controls{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:22px}.icon-button:hover{border-color:var(--lime);color:var(--lime)}
.contact-overview{padding-bottom:90px}.contact-overview h2{margin:11px 0 40px}.contact-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.contact-cards a{position:relative;display:flex;flex-direction:column;min-height:240px;padding:25px;border:1px solid #bdc6b8;transition:background .2s,color .2s}.contact-cards a:hover{background:var(--forest);color:#fff}.contact-cards a>span{font-size:11px;color:var(--lime)}.contact-cards h3{margin:31px 0 10px;font-size:33px}.contact-cards p{font-size:13px;color:var(--muted)}.contact-cards a:hover p,.contact-cards a:hover>span{color:#d7e7cd}.contact-cards b{position:absolute;right:20px;bottom:16px;color:var(--lime);font-size:20px;font-weight:400}
.contact-detail{border-top:1px solid var(--line);padding-top:var(--space);padding-bottom:var(--space)}.contact-detail h2{margin:13px 0 22px}.detail-heading>p:not(.eyebrow){max-width:620px;color:var(--muted)}.detail-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:42px}.detail-fields div{border-top:1px solid #bfc7b7;padding-top:16px}.detail-fields span{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.detail-fields strong{display:block;margin-top:11px;font:400 25px/1.3 var(--display);color:#607358}
.contact-detail-visual{padding-left:32px;padding-right:32px;background:#f0efe6}.contact-detail-grid{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,5vw,80px);align-items:center}.contact-detail-grid .detail-fields{grid-template-columns:1fr 1fr}.contact-detail-grid .detail-fields div:last-child{grid-column:1/-1}.contact-detail-grid .media-frame{width:100%}
.contact-message{background:var(--forest);color:white;padding-left:32px;padding-right:32px}.contact-message-inner{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:var(--wrap);margin:auto}.contact-message .eyebrow{color:#d5e3c4}.contact-message .detail-heading>p:not(.eyebrow){color:#d4dfd0}.contact-message form{border:1px solid #a9bba3;padding:30px}.contact-message fieldset{border:0;padding:0;margin:0;display:grid;gap:7px}.contact-message label{font-size:12px;margin-top:10px}.contact-message input,.contact-message textarea{width:100%;padding:12px;border:1px solid #aec0a8;background:#f3f5ef;color:var(--ink);border-radius:0}.contact-message input:disabled,.contact-message textarea:disabled{opacity:1;background:#e2e8dc;color:#66725d}.contact-message .button{justify-self:start;margin-top:14px;opacity:.65;cursor:not-allowed}.contact-message .availability{color:#d5e1c9}
.site-footer{background:#e9eadf;padding:76px 32px 24px}.footer-grid{max-width:var(--wrap);display:grid;grid-template-columns:1.25fr .75fr 1fr;gap:8vw;margin:0 auto 68px}.footer-brand img{width:145px;height:100px;object-fit:contain}.footer-brand p{margin-top:13px;max-width:260px}.footer-heading{font-size:10px;letter-spacing:.22em;color:var(--lime);margin:5px 0 22px}.site-footer p:not(.footer-heading){font-size:13px;color:var(--muted)}.site-footer nav{display:grid;gap:12px}.site-footer nav a{font-size:12px}.site-footer nav a:hover{color:var(--lime)}.site-footer .text-link{margin-top:20px;font-size:10px}.footer-bottom{max-width:var(--wrap);margin:auto;border-top:1px solid #cdd2c5;padding-top:20px;display:flex;justify-content:space-between;gap:22px;font-size:11px;color:var(--muted)}.footer-bottom a:hover{color:var(--lime)}
.not-found{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px}.not-found h1{margin:16px 0}.not-found p:not(.eyebrow){margin-bottom:30px}
[data-reveal].ready{opacity:.94;transform:translateY(12px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}[data-reveal].ready.is-visible{opacity:1;transform:none}@keyframes page-in{from{opacity:.6}to{opacity:1}}
/* Quiet details: clear small labels and motion that does not shift the layout. */
.eyebrow,.gallery-label span,.footer-heading,.contact-cards a>span{color:var(--olive-text)}
.hero-image{animation:hero-settle 1.7s cubic-bezier(.22,1,.36,1) both}
.hero-content,.page-banner-copy{animation:copy-in .75s ease-out both}
@keyframes hero-settle{from{transform:scale(1.035)}to{transform:scale(1)}}
@keyframes copy-in{from{opacity:.78;transform:translateY(10px)}to{opacity:1;transform:none}}
.text-link:hover{gap:22px}
.text-link span,.button span,.moment-tile>span span{display:inline-block;transition:transform .25s ease}
.text-link:hover span,.text-link:focus-visible span,.button:hover span,.button:focus-visible span,.moment-tile:hover>span span,.moment-tile:focus-visible>span span{transform:translate(4px,-2px)}
.media-frame img{transition:transform .65s cubic-bezier(.22,1,.36,1)}
.media-frame:hover img,.gallery-card:focus-visible .media-frame img,.moment-tile:focus-visible .media-frame img{transform:scale(1.035)}
.contact-cards a{transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}
.contact-cards a:hover,.contact-cards a:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px #182d211a}
.tab-list button,.filter-chip{transition:color .2s ease,background .2s ease,border-color .2s ease}
.hero-credit,.media-caption{font-size:11px;color:#fff;background:#101b15bd;padding:6px 9px}
/* CMS layout presets: bounded choices keep all text in normal document flow. */
body.space-compact{--space:clamp(52px,6vw,86px)}
body.space-airy{--space:clamp(84px,10vw,150px)}
body.type-compact{font-size:16px}
body.type-large{font-size:18px}
body.type-compact h2{font-size:clamp(36px,3.5vw,54px)}
body.type-large h2{font-size:clamp(42px,4.2vw,68px)}
body.type-compact h3{font-size:clamp(26px,2.3vw,38px)}
body.type-large h3{font-size:clamp(30px,2.8vw,46px)}
body.type-compact .page-banner h1{font-size:clamp(38px,3.3vw,48px)}
body.type-large .page-banner h1{font-size:clamp(44px,3.8vw,56px)}
h1,h2,h3{overflow-wrap:break-word}
.hero{height:auto;min-height:max(640px,calc(100svh - 35px - var(--header)))}
.hero-content{width:100%}
.hero.width-narrow .hero-content{max-width:650px}
.hero.width-wide .hero-content{max-width:1150px}
.hero.width-narrow .lead{max-width:560px}
.hero.width-wide .lead{max-width:850px}
.hero.position-left{text-align:left;justify-items:start}
.hero.position-right{text-align:right;justify-items:end}
.hero.position-left .hero-content{margin-left:0;margin-right:auto}
.hero.position-right .hero-content{margin-right:0;margin-left:auto}
.hero.position-left .lead,.hero.position-left h1{margin-left:0}
.hero.position-right .lead,.hero.position-right h1{margin-right:0}
.hero.position-left .hero-actions{justify-content:flex-start}
.hero.position-right .hero-actions{justify-content:flex-end}
.hero.vertical-top{align-items:start}
.hero.vertical-bottom{align-items:end}
.hero.vertical-top .hero-content{margin-top:0;margin-bottom:auto}
.hero.vertical-bottom .hero-content{margin-bottom:0;margin-top:auto}
.hero.size-small h1{font-size:clamp(44px,5.3vw,76px)}
.hero.size-large h1{font-size:clamp(56px,7.2vw,106px)}
.hero.shade-soft .hero-shade{background:linear-gradient(#0c1a1377,#08130e99 55%,#08130eb9)}
.hero.shade-strong .hero-shade{background:linear-gradient(#0c1a13b8,#08130ed1 55%,#08130eec)}
.wide-copy{width:100%}
.wide-story.width-narrow .wide-copy{max-width:500px}
.wide-story.width-wide .wide-copy{max-width:850px}
.wide-story.position-center{justify-content:center;text-align:center}
.wide-story.position-right{justify-content:flex-end;text-align:right}
.wide-story.position-center .wide-copy p:not(.eyebrow){margin-inline:auto}
.wide-story.position-right .wide-copy p:not(.eyebrow){margin-left:auto}
.wide-story.position-center .wide-shade{background:linear-gradient(90deg,#0a1c1199,#0c2115cb 50%,#0a1c1199)}
.wide-story.position-right .wide-shade{background:linear-gradient(270deg,#0a1c11eb,#0c2115b5 45%,#10241d30)}
.wide-story.vertical-top{align-items:flex-start}
.wide-story.vertical-bottom{align-items:flex-end}
.wide-story.shade-soft .wide-shade{opacity:.72}
.wide-story.shade-strong .wide-shade{opacity:1;background-color:#07150b99;background-blend-mode:multiply}
.page-banner.align-center .page-banner-copy{text-align:center}
.page-banner.align-right .page-banner-copy{text-align:right}
.page-banner.align-center .lead{margin-inline:auto}
.page-banner.align-right .lead{margin-left:auto}
.page-banner.image-left .media-frame,.page-banner.image-left .banner-pattern{order:-1}
.page-banner.image-left .page-banner-copy{padding:90px max(32px,calc((100vw - var(--wrap))/2 + 32px)) 90px 4vw}
.editorial.align-center .editorial-copy{text-align:center;margin-inline:auto}
.editorial.align-center .editorial-copy>p:not(.eyebrow),.editorial.align-center .copy-bars{margin-inline:auto}
.editorial.align-right .editorial-copy{text-align:right;margin-left:auto}
.editorial.align-right .editorial-copy>p:not(.eyebrow),.editorial.align-right .copy-bars{margin-left:auto}
.book-feature.image-left .book-feature-copy,.product-book.image-left .product-book-copy{order:2}
.book-feature.image-left .media-frame,.product-book.image-left .media-frame{order:1}
.book-feature.align-center .book-feature-copy,.product-book.align-center .product-book-copy{text-align:center}
.book-feature.align-right .book-feature-copy,.product-book.align-right .product-book-copy{text-align:right}
.book-feature.align-center .copy-bars,.product-book.align-center .copy-bars{margin-inline:auto}
.book-feature.align-right .copy-bars,.product-book.align-right .copy-bars{margin-left:auto}
.closing.align-left{text-align:left}
.closing.align-right{text-align:right}
.closing.align-left>p:not(.eyebrow){margin-left:0;margin-right:auto}
.closing.align-right>p:not(.eyebrow){margin-left:auto;margin-right:0}
@media(max-width:1050px){.desktop-nav{gap:20px}.header-inner{padding:0 26px}.editorial-grid{gap:46px}.page-banner-copy{padding-left:45px}.contact-cards{grid-template-columns:1fr 1fr}.contact-cards a{min-height:180px}}
@media(max-width:900px){:root{--header:88px}.desktop-nav{display:none}.menu-toggle{display:block}.header-inner{padding:0 24px}.brand{width:112px;height:78px}.site-header.compact .header-inner{height:82px}.site-header.compact .brand{width:105px;height:72px}.mobile-nav{min-height:calc(100svh - 82px)}}
@media(max-width:800px){.hero{height:calc(100svh - 35px - var(--header));min-height:620px}.editorial-grid,.book-feature-inner,.product-book-inner,.contact-detail-grid,.contact-message-inner{grid-template-columns:1fr;gap:35px}.editorial.reverse .editorial-visual{order:0}.editorial.reverse .editorial-copy{order:0}.editorial-visual .media-frame{max-height:600px}.page-banner{grid-template-columns:1fr;min-height:0}.page-banner-copy{padding:80px 32px}.page-banner .media-frame{height:auto;min-height:0;max-height:340px;aspect-ratio:16/7}.page-banner .banner-pattern{min-height:150px}.featured-video{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}.contact-detail-grid .detail-fields{grid-template-columns:repeat(3,1fr)}.contact-detail-grid .detail-fields div:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:44px}.footer-grid>div:last-child{grid-column:1/-1}.wide-story{padding-left:32px;padding-right:32px;min-height:600px}}
@media(max-width:600px){:root{--space:65px}.ribbon{height:29px}.ribbon-group span{font-size:9px;letter-spacing:.13em;margin-right:52px}.hero{min-height:560px;height:calc(100svh - 29px - var(--header))}.hero h1{font-size:clamp(37px,9.8vw,52px);letter-spacing:0}.hero .lead{font-size:15px}.hero-actions{flex-direction:column;gap:8px;margin-top:30px}.hero-credit{font-size:9px}.section-wrap,.editorial,.book-feature,.product-book{padding-left:20px;padding-right:20px}.editorial-grid{gap:26px}.editorial-visual .media-frame.portrait{aspect-ratio:4/4.2}.editorial-copy h2{font-size:clamp(36px,9.2vw,50px);margin-bottom:20px}.editorial-copy>p:not(.eyebrow){font-size:15px}.wide-story{min-height:590px;padding:70px 20px}.wide-copy h2{font-size:clamp(38px,9.7vw,54px)}.book-feature h2{font-size:40px}.book-frame{min-height:0}.moment-grid,.gallery-grid,.video-grid,.contact-cards,.detail-fields{grid-template-columns:1fr}.section-head{display:block}.section-head .text-link{margin-top:13px}.moment-tile>.media-frame{aspect-ratio:4/3}.page-banner-copy{padding:67px 20px}.page-banner h1{font-size:clamp(32px,8.6vw,48px)}.page-banner .media-frame{aspect-ratio:16/9}.page-banner .banner-pattern{min-height:100px}.contact-cards a{min-height:160px}.contact-cards h3{margin-top:16px}.contact-detail-visual,.contact-message{padding-left:20px;padding-right:20px}.contact-detail-grid .detail-fields{grid-template-columns:1fr 1fr}.contact-detail-grid .detail-fields div:last-child{grid-column:1/-1}.featured-video{padding:18px;gap:24px}.featured-video h3{font-size:32px}.gallery-grid{gap:30px}.gallery-card .media-frame.portrait{aspect-ratio:4/4.3}.tab-list button{flex:1;padding:14px 8px}.lightbox{padding:10px;max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.lightbox-stage{height:min(66dvh,620px)}.lightbox-bottom h3{font-size:26px}.site-footer{padding:55px 20px 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-grid>div:last-child{grid-column:1/-1}.footer-brand img{width:120px;height:83px}.footer-bottom{flex-direction:column;gap:8px}.closing{padding:75px 20px 85px}}
@media(max-width:800px){.hero{height:auto;min-height:max(620px,calc(100svh - 35px - var(--header)))}.page-banner.image-left .page-banner-copy{order:0;padding:80px 32px}.page-banner.image-left .media-frame,.page-banner.image-left .banner-pattern{order:1}.book-feature.image-left .book-feature-copy,.product-book.image-left .product-book-copy{order:0}.book-feature.image-left .media-frame,.product-book.image-left .media-frame{order:1}}
@media(max-width:600px){
  .hero{height:auto;min-height:max(560px,calc(100svh - 29px - var(--header)))}
  body.space-compact{--space:55px}body.space-airy{--space:76px}
  .hero.size-small h1{font-size:clamp(34px,9vw,48px)}
  .hero.size-large h1{font-size:clamp(40px,10.5vw,58px)}
  .hero.position-left .hero-actions,.hero.position-right .hero-actions{align-items:flex-start}
  .hero.position-right .hero-actions{align-items:flex-end}
  .wide-story.position-right .wide-copy,.wide-story.position-center .wide-copy{max-width:100%}
  .page-banner.image-left .page-banner-copy{padding:67px 20px}
  body.type-compact .editorial-copy h2,body.type-compact .wide-copy h2{font-size:clamp(34px,8.5vw,46px)}
  body.type-large .editorial-copy h2,body.type-large .wide-copy h2{font-size:clamp(40px,10vw,55px)}
  body.type-compact .page-banner h1{font-size:clamp(30px,8vw,44px)}
  body.type-large .page-banner h1{font-size:clamp(35px,9.2vw,50px)}
  .editorial.align-right .editorial-copy{text-align:left}
  .editorial.align-right .editorial-copy>p:not(.eyebrow),.editorial.align-right .copy-bars{margin-left:0}
}
@media(max-width:380px){.header-inner{padding:0 18px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:38px}.page-banner h1{font-size:32px}.contact-detail-grid .detail-fields{grid-template-columns:1fr}.contact-detail-grid .detail-fields div:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}body.type-compact .page-banner h1{font-size:30px}body.type-large .page-banner h1{font-size:32px}}
@media(max-width:600px){.hero-credit{font-size:10px;max-width:calc(100% - 40px);text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{animation:none}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.ribbon-track{transform:none}[data-reveal].ready{opacity:1;transform:none}}

/* Four tea categories and their waiting-for-content detail pages. */
.product-catalog{padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(90px,9vw,140px)}
.product-catalog-intro{margin-bottom:38px}.product-catalog-intro h2{margin-top:9px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.product-category{display:block;min-width:0;background:#f2f0e7;border:1px solid var(--line);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.product-category:hover,.product-category:focus-visible{transform:translateY(-4px);border-color:#aab99d;box-shadow:0 18px 38px #182d211b}
.product-category-image{overflow:hidden}.product-category .media-frame{aspect-ratio:4/3;width:100%}.product-category .media-frame img{transition:transform .5s ease}.product-category:hover img,.product-category:focus-visible img{transform:scale(1.035)}
.product-category-copy{padding:29px 32px 32px}.product-category h3{margin:11px 0 13px;font-size:clamp(34px,3vw,47px)}.product-category-copy>p{max-width:510px;min-height:3.2em;color:var(--muted);font-size:15px;line-height:1.65}
.product-category-more{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:27px;padding-top:17px;border-top:1px solid #d2d6c9;color:var(--olive-text);font:500 12px/1.4 var(--sans);letter-spacing:.11em;text-transform:uppercase}.product-category-more span{font-size:21px;line-height:1;color:var(--lime);transition:transform .2s}.product-category:hover .product-category-more span{transform:translate(4px,-2px)}
.product-detail-hero{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:var(--forest);color:#fff}.product-detail-image{min-width:0}.product-detail-image .media-frame{width:100%;height:100%;min-height:520px;aspect-ratio:auto}.product-detail-heading{display:flex;flex-direction:column;justify-content:center;padding:78px max(32px,calc((100vw - var(--wrap))/2 + 32px)) 78px clamp(45px,5vw,86px)}.product-detail-heading .eyebrow{color:#d6e3bf}.product-detail-heading h1{margin:17px 0 24px;font-size:clamp(44px,4.6vw,70px)}.product-detail-heading .lead{max-width:570px;color:#dce6da}
.product-detail-main{min-height:430px}.product-back{display:inline-flex;align-items:center;gap:15px;color:var(--olive-text);font:500 12px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase}.product-back span{font-size:22px;line-height:1}.product-back:hover{color:var(--forest)}
.product-detail-empty,.product-detail-text{max-width:830px;margin:65px auto 35px;padding-top:28px;border-top:1px solid var(--line)}.product-detail-empty h2{margin:14px 0 15px;font-size:clamp(35px,4vw,56px)}.product-detail-empty>p:last-child{color:var(--muted)}.product-detail-text p+p{margin-top:20px}
@media(max-width:800px){.product-detail-hero{grid-template-columns:1fr}.product-detail-image .media-frame{height:auto;min-height:0;aspect-ratio:16/9}.product-detail-heading{padding:65px 32px 75px}.product-category-copy{padding:25px}}
@media(max-width:600px){.product-catalog{padding-top:65px;padding-bottom:80px}.product-grid{grid-template-columns:1fr;gap:22px}.product-category .media-frame{aspect-ratio:4/3}.product-category h3{font-size:clamp(35px,9vw,46px)}.product-category-copy>p{min-height:0}.product-detail-image .media-frame{aspect-ratio:4/3}.product-detail-heading{padding:58px 20px 65px}.product-detail-heading h1{font-size:clamp(39px,10vw,54px)}.product-detail-main{min-height:370px}.product-detail-empty,.product-detail-text{margin-top:50px}}

/* A six-scene story at the top of the home page. Content and images stay editable in Pages CMS. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-carousel{display:block;position:relative;height:max(690px,calc(100svh - 35px - var(--header)));min-height:690px;padding:0;text-align:left;background:#1a2d23;overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;padding:78px max(32px,calc((100vw - var(--wrap))/2 + 32px)) 175px;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease,visibility 0s linear .8s;isolation:isolate}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .8s ease,visibility 0s}
.hero-carousel .hero-image,.hero-carousel .hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-carousel .hero-image{z-index:-2;object-fit:cover;animation:none;transform:scale(1.06);transition:transform 8s linear}
.hero-carousel .hero-slide.is-active .hero-image{transform:scale(1)}
.hero-carousel .hero-shade{z-index:-1;background:linear-gradient(90deg,#071b12e8 0%,#0b2119bf 34%,#0d241a4d 66%,#0d241a20 100%),linear-gradient(0deg,#0a1c15a8,transparent 36%)}
.hero-carousel.shade-soft .hero-shade{opacity:.78}.hero-carousel.shade-strong .hero-shade{background:linear-gradient(90deg,#071b12f5,#0b2119d7 39%,#0d241a66 72%,#0d241a30),linear-gradient(0deg,#0a1c15b8,transparent 40%)}
.hero-carousel .hero-content{position:relative;z-index:1;width:100%;max-width:680px;margin:0;animation:none}
.hero-carousel .hero-content::before{content:"";display:block;width:74px;height:1px;margin-bottom:25px;background:#c7d7a9}
.hero-carousel .hero-content .eyebrow{color:#d9e8c9;font-size:12px}
.hero-carousel h1{margin:20px 0 23px;font-size:clamp(52px,6.2vw,94px);line-height:1.12;letter-spacing:-.018em;text-wrap:balance}
.hero-carousel .lead{max-width:570px;margin:0;color:#f2f5e9;font-size:clamp(16px,1.35vw,19px);line-height:1.75;text-wrap:pretty}
.hero-carousel .hero-actions{justify-content:flex-start;margin-top:35px}
.hero-carousel .button-outline{background:#f5f5e814;border-color:#f4f4dfb0;min-height:52px;padding:14px 25px}
.hero-carousel .button-outline:hover{background:#f5f5e831;border-color:#fff}
.hero-carousel.position-center .hero-slide{justify-content:center;text-align:center}.hero-carousel.position-center .hero-content{margin-inline:auto}.hero-carousel.position-center .hero-content::before{margin-inline:auto}.hero-carousel.position-center .lead{margin-inline:auto}.hero-carousel.position-center .hero-actions{justify-content:center}
.hero-carousel.position-right .hero-slide{justify-content:flex-end;text-align:right}.hero-carousel.position-right .hero-content{margin-left:auto}.hero-carousel.position-right .hero-content::before{margin-left:auto}.hero-carousel.position-right .lead{margin-left:auto}.hero-carousel.position-right .hero-actions{justify-content:flex-end}
.hero-carousel.vertical-top .hero-slide{align-items:flex-start}.hero-carousel.vertical-bottom .hero-slide{align-items:flex-end}
.hero-carousel.width-narrow .hero-content{max-width:560px}.hero-carousel.width-wide .hero-content{max-width:810px}
.hero-carousel.size-small h1{font-size:clamp(48px,5.6vw,82px)}.hero-carousel.size-large h1{font-size:clamp(58px,7vw,106px)}
.hero-carousel .hero-credit{z-index:1;right:28px;bottom:156px;max-width:270px;text-align:right;font-size:10px}
.hero-controls{position:absolute;left:0;right:0;bottom:0;z-index:4;color:#f3f4e9;background:linear-gradient(transparent,#0b1c15ac 25%,#0b1c15de)}
.hero-controls-inner{max-width:var(--wrap);margin:auto;padding:22px 32px 27px}
.hero-controls-top{display:flex;align-items:center;gap:22px}.hero-count{display:flex;align-items:center;gap:12px;min-width:75px;font:500 12px/1 var(--sans);letter-spacing:.12em}.hero-count [data-slide-current]{color:#fff}.hero-count-divider{display:block;width:18px;height:1px;background:#d1ddbd}
.hero-progress{height:1px;flex:1;background:#eef1df70;overflow:hidden}.hero-progress span{display:block;width:100%;height:100%;background:#d5e4aa;transform-origin:left;transform:scaleX(0)}
.hero-carousel.is-enhanced.is-playing .hero-progress span{animation:hero-progress 6.5s linear both}.hero-carousel.is-enhanced.is-paused .hero-progress span{animation-play-state:paused}@keyframes hero-progress{to{transform:scaleX(1)}}
.hero-arrows{display:flex;gap:8px}.hero-arrows button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #f6f7e8a8;border-radius:50%;background:#f1f4e913;color:#fff;font:400 23px/1 var(--display);transition:background .2s,border-color .2s,transform .2s}.hero-arrows button:hover{background:#f4f6df3d;border-color:#fff;transform:translateY(-2px)}
.hero-markers{display:flex;gap:15px;margin-top:17px}.hero-marker{position:relative;flex:1;min-width:0;padding:13px 0 0;display:flex;align-items:center;gap:10px;border:0;border-top:1px solid #e9eed077;background:transparent;color:#e8ead9a3;text-align:left;font:500 10px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;transition:color .25s}.hero-marker::before{content:"";position:absolute;top:-2px;left:0;width:0;height:2px;background:#d5e4a7;transition:width .4s}.hero-marker.is-active,.hero-marker:hover{color:#fff}.hero-marker.is-active::before{width:100%}.hero-marker span:first-child{font-size:10px;color:#cfdbb5}.hero-marker span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editorial-visual{position:relative;isolation:isolate}.editorial-visual::after{content:"";position:absolute;z-index:-1;inset:13px -13px -13px 13px;border:1px solid #a5b498;pointer-events:none}.editorial-copy .eyebrow::before{content:"";display:inline-block;vertical-align:middle;width:28px;height:1px;margin-right:12px;background:currentColor;opacity:.65}
@media(max-width:800px){.hero-carousel{height:max(680px,calc(100svh - 35px - var(--header)));min-height:680px}.hero-slide{padding:80px 32px 170px}.hero-carousel .hero-shade{background:linear-gradient(90deg,#071b12df,#0d241a83 65%,#0d241a53),linear-gradient(0deg,#0a1c15a8,transparent 40%)}.hero-carousel .hero-credit{bottom:159px}}
@media(max-width:600px){.hero-carousel{height:max(680px,calc(100svh - 29px - var(--header)));min-height:680px}.hero-slide{padding:60px 22px 180px;align-items:center}.hero-carousel .hero-shade{background:linear-gradient(0deg,#081b13ec 0%,#0d2518b5 45%,#0d251859 100%)}.hero-carousel .hero-content::before{width:48px;margin-bottom:21px}.hero-carousel h1,.hero-carousel.size-large h1,.hero-carousel.size-small h1{font-size:clamp(42px,11vw,61px);line-height:1.14}.hero-carousel .lead{font-size:15px;line-height:1.65}.hero-carousel .hero-actions{margin-top:27px}.hero-carousel .button-outline{min-height:47px;padding:11px 16px;font-size:10px}.hero-carousel .hero-credit{right:16px;bottom:153px;max-width:65%;font-size:9px}.hero-controls-inner{padding:14px 20px 20px}.hero-controls-top{gap:13px}.hero-count{min-width:68px;gap:8px;font-size:10px}.hero-progress{min-width:20px}.hero-arrows button{width:37px;height:37px;font-size:19px}.hero-markers{gap:8px;margin-top:17px}.hero-marker{justify-content:center;padding-top:10px;font-size:10px}.hero-marker span:last-child{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.editorial-visual::after{inset:8px -8px -8px 8px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-carousel .hero-image,.hero-progress span{transition:none!important;animation:none!important}.hero-carousel .hero-image{transform:none!important}}

/* Tùy chọn CMS: font tiếng Việt và bố cục từng khối. */
body.display-newsreader{--display:"Newsreader",Georgia,serif}
body.display-noto{--display:"Noto Serif",Georgia,serif}
body.sans-noto{--sans:"Noto Sans",Arial,sans-serif}
.editorial.copy-top .editorial-grid,.book-feature.copy-top .book-feature-inner,.product-book.copy-top .product-book-inner{align-items:start}
.editorial.copy-bottom .editorial-grid,.book-feature.copy-bottom .book-feature-inner,.product-book.copy-bottom .product-book-inner{align-items:end}
.editorial.heading-small h2,.book-feature.heading-small h2,.product-book.heading-small h2{font-size:clamp(34px,3.2vw,52px)}
.editorial.heading-large h2,.book-feature.heading-large h2,.product-book.heading-large h2{font-size:clamp(43px,4.5vw,70px)}
@media(max-width:800px){.editorial.copy-top .editorial-grid,.editorial.copy-bottom .editorial-grid,.book-feature.copy-top .book-feature-inner,.book-feature.copy-bottom .book-feature-inner,.product-book.copy-top .product-book-inner,.product-book.copy-bottom .product-book-inner{align-items:center}}
@media(max-width:600px){.editorial.heading-small h2,.book-feature.heading-small h2,.product-book.heading-small h2{font-size:clamp(32px,8vw,45px)}.editorial.heading-large h2,.book-feature.heading-large h2,.product-book.heading-large h2{font-size:clamp(39px,10vw,54px)}}

/* Giới thiệu: mở như một khung phim, để hình ảnh và câu chuyện cùng dẫn dắt. */
.about-cover{position:relative;isolation:isolate;min-height:clamp(700px,calc(100svh - 92px),860px);overflow:hidden;background:#10271e;color:#f5f1e5}
.about-cover-image{position:absolute;z-index:-3;inset:0;margin:0;overflow:hidden}.about-cover-image img{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.04);transform:scale(1.01)}
.about-cover-image figcaption{right:clamp(34px,4vw,70px);bottom:34px;background:#10251db3}
.about-cover-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#081d16f2 0%,#0a2119d9 28%,#0a211978 57%,#0a21190b 100%),linear-gradient(0deg,#071a14d9 0%,transparent 42%),linear-gradient(180deg,#071a145e 0%,transparent 24%)}
.about-cover-frame{position:absolute;z-index:3;inset:20px;border:1px solid #f5f1e540;pointer-events:none}
.about-cover-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;width:min(var(--wrap),calc(100% - 96px));min-height:clamp(700px,calc(100svh - 92px),860px);margin:auto;padding:38px 0 36px}
.about-cover-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:25px;border-bottom:1px solid #f5f1e52e;color:#f0eadb;font:500 10px/1.5 var(--sans);letter-spacing:.22em}
.about-cover-top span:first-child{font-family:var(--display);font-size:19px;letter-spacing:.26em}.about-cover-top span:last-child{color:#e4dccbbd}
.about-cover-main{max-width:min(760px,64vw);padding:54px 0 50px}.about-cover .eyebrow{display:flex;align-items:center;gap:16px;color:#daba7e}.about-cover .eyebrow>span{display:block;width:42px;height:1px;background:currentColor}
.about-cover h1{max-width:760px;margin:26px 0 30px;font-size:clamp(64px,7vw,108px);line-height:.94;letter-spacing:-.048em;text-wrap:balance;text-shadow:0 4px 34px #071a1433}.about-cover h1 em{color:#e6ca92;font-style:normal;font-weight:400}
.about-cover-main>p:not(.eyebrow){max-width:665px;padding-left:22px;border-left:1px solid #caa868;color:#ebe7dcdb;font-size:clamp(15px,1.25vw,17px);line-height:1.78}
.about-discover{display:inline-flex;align-items:center;gap:28px;margin-top:35px;padding-bottom:11px;border-bottom:1px solid #ede8dc99;color:#f4efe5;font:500 10px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;transition:gap .25s,color .25s}
.about-discover:hover{gap:38px;color:#e5c785}.about-discover span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ede8dc85;border-radius:50%;font-size:16px;font-weight:400;line-height:1}
.about-cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;border-top:1px solid #f5f1e52e;color:#e4dccb9c;font:500 9px/1.4 var(--sans);letter-spacing:.18em}
.about-cover-motto{position:absolute;z-index:2;right:max(48px,calc((100vw - var(--wrap))/2));bottom:105px;width:min(285px,24vw);padding-top:19px;border-top:1px solid #f5f1e55e}.about-cover-motto p{margin:0 0 16px;font:400 clamp(20px,1.8vw,26px)/1.3 var(--display);color:#f5f1e5}.about-cover-motto span{color:#ded7c5ad;font:500 9px/1.55 var(--sans);letter-spacing:.16em}
.about-opening-photos figcaption,.about-journey-image figcaption,.about-region-image figcaption,.about-tea-card figcaption{position:absolute;z-index:2;right:15px;bottom:15px;max-width:75%;padding:5px 8px;background:#172a21b5;color:#edf1e9;font:400 9px/1.45 var(--sans);text-align:right}
.about-opening{max-width:1360px;margin:auto;padding:138px 48px 154px}
.about-opening-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #bac4af}
.about-opening-top span{color:#7a8b74;font:500 10px/1.5 var(--sans);letter-spacing:.18em}
.about-opening-quote{position:relative;max-width:1150px;margin:63px 0 88px;padding-left:75px}
.about-opening-quote>span{position:absolute;left:0;top:-43px;color:#9bac77;font:400 135px/1 var(--display)}
.about-opening-quote h2{font-size:clamp(40px,4.35vw,69px);line-height:1.28;letter-spacing:-.025em;text-wrap:balance}
.about-opening-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(70px,9vw,148px);align-items:start}
.about-opening-photos{position:relative;min-height:700px;padding:0 65px 70px 0}
.about-opening-photo-main,.about-opening-photo-inset{position:relative;margin:0;overflow:hidden;background:#d4d7c5}
.about-opening-photo-main{width:100%;height:620px}.about-opening-photo-main img,.about-opening-photo-inset img{width:100%;height:100%;object-fit:cover}
.about-opening-photo-inset{position:absolute;right:0;bottom:0;width:49%;height:290px;border:10px solid var(--paper);box-shadow:0 22px 45px #1d332b22}
.about-opening-photo-inset figcaption{right:7px;bottom:7px;max-width:90%}
.about-opening-copy{padding-top:23px;max-width:570px}
.about-copy-rule{width:80px;height:1px;margin-bottom:39px;background:#748d61}
.about-opening-copy>p:not(.about-opening-signature){margin:0 0 30px;color:#3f5042;font-size:clamp(16px,1.3vw,18px);line-height:1.95}
.about-opening-copy>p:first-of-type::first-letter{font:400 50px/1 var(--display);color:#607b48}
.about-opening-signature{margin-top:55px;color:#6d7f63;font:500 10px/1.6 var(--sans);letter-spacing:.15em}.about-opening-signature span{padding:0 8px;color:#9da887}
.about-journey{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:730px;background:#e9e9dc}
.about-journey-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:98px clamp(48px,7vw,120px) 85px max(48px,calc((100vw - var(--wrap))/2 + 32px))}
.about-journey-number{display:block;margin:23px 0 -17px;color:#b7c3a9;font:400 clamp(120px,15vw,210px)/.9 var(--display);letter-spacing:-.09em}
.about-journey-number span{font-size:.43em;vertical-align:top;letter-spacing:0}
.about-journey h2{max-width:520px;margin:0 0 23px;font-size:clamp(43px,4vw,64px);line-height:1.2}
.about-journey-copy>p:not(.eyebrow){max-width:490px;color:#57675a;font-size:16px;line-height:1.85}
.about-journey-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:46px;color:#6a7e61;font:500 10px/1.5 var(--sans);letter-spacing:.15em}
.about-journey-foot span{width:20px;height:1px;background:#8da083}
.about-journey-image{position:relative;min-height:730px;margin:0;overflow:hidden}.about-journey-image img{width:100%;height:100%;min-height:730px;object-fit:cover}
.about-philosophy{position:relative;overflow:hidden;background:#263b2d;color:#f2f1e4;text-align:center;padding:135px 32px 143px}
.about-philosophy-inner{position:relative;max-width:940px;margin:auto}.about-philosophy .eyebrow{color:#c9d7b0}
.about-philosophy h2{position:relative;z-index:1;margin:22px 0 24px;font-size:clamp(52px,6.1vw,94px);line-height:1.13;letter-spacing:-.035em}
.about-philosophy-inner>p:not(.eyebrow){position:relative;z-index:1;max-width:630px;margin:auto;color:#d4dfcc;font-size:17px;line-height:1.9}
.about-philosophy-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);color:#f3e7bb0a;font:400 530px/.8 var(--display);pointer-events:none}
.about-region{position:relative;isolation:isolate;display:flex;align-items:center;min-height:720px;overflow:hidden;color:#f7f6e9}
.about-region-image{position:absolute;z-index:-2;inset:0;margin:0}.about-region-image img{width:100%;height:100%;object-fit:cover}.about-region-image figcaption{bottom:18px}
.about-region-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0e2419e8 0%,#173224c8 39%,#14291c4a 75%,#11221918)}
.about-region-inner{max-width:630px;margin-left:max(48px,calc((100vw - var(--wrap))/2 + 32px));padding:100px 0}
.about-region .eyebrow{color:#cbdcb9}.about-region h2{margin:25px 0 28px;font-size:clamp(50px,5.15vw,78px);line-height:1.16;letter-spacing:-.02em}
.about-region-inner>p:not(.eyebrow){max-width:540px;color:#ecf0e3;font-size:17px;line-height:1.9}
.about-region-place{display:flex;align-items:center;gap:17px;margin-top:58px;color:#d2ddb7;font:500 10px/1.4 var(--sans);letter-spacing:.18em}.about-region-place i{width:45px;height:1px;background:currentColor}
.about-renewal{max-width:1360px;margin:auto;padding:135px 48px 155px}
.about-renewal-top{display:grid;grid-template-columns:1fr minmax(290px,.58fr);align-items:end;gap:85px;margin-bottom:55px}
.about-renewal h2{margin-top:15px;font-size:clamp(49px,5vw,77px);line-height:1.2}
.about-renewal-top>p{max-width:480px;margin-bottom:8px;color:#617064;font-size:17px;line-height:1.85}
.about-tea-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.about-tea-card{display:block;min-width:0}.about-tea-card:nth-child(2){margin-top:80px}
.about-tea-card figure{position:relative;aspect-ratio:4/4.5;margin:0;overflow:hidden;background:#d5d9ca}
.about-tea-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1)}.about-tea-card:hover img{transform:scale(1.035)}
.about-tea-card-label{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;border-bottom:1px solid #aebda9;color:#354c38;font:500 11px/1.5 var(--sans);letter-spacing:.15em}
.about-tea-card-label span:last-child{font-size:24px;line-height:1;color:#6a874f;transition:transform .25s}.about-tea-card:hover .about-tea-card-label span:last-child{transform:translate(4px,-3px)}
.about-vision-new{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:700px;background:#e8e7d8}
.about-vision-art{position:relative;display:grid;place-items:center;min-height:700px;overflow:hidden;background:radial-gradient(circle at 55% 42%,#e6dfc8,#c4c9b0 65%,#a7b69e)}
.about-vision-art::before{content:"";position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(91deg,transparent 0 3px,#6674561c 4px 5px)}
.about-book-shadow,.about-book-object{width:min(54%,350px);aspect-ratio:4/5;grid-area:1/1}
.about-book-shadow{background:#a7ac90;transform:translate(25px,18px) rotate(-6deg);box-shadow:23px 28px 50px #27362744}
.about-book-object{position:relative;display:flex;padding:20px;background:linear-gradient(105deg,#c6bea4 0 7%,#e8e0c9 8%,#f1ead6 47%,#ded5bc);box-shadow:9px 18px 36px #293b2938;transform:rotate(-6deg)}
.about-book-border{width:100%;height:100%;border:1px solid #9c9d78;outline:1px solid #9c9d7855;outline-offset:-11px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:35px 16px;text-align:center;color:#475b3f}
.about-book-border span,.about-book-border small{font:500 9px/1.5 var(--sans);letter-spacing:.18em}.about-book-border strong{font:400 clamp(29px,3.3vw,50px)/1.2 var(--display)}
.about-art-note{position:absolute;left:32px;bottom:25px;color:#344937;font:500 9px/1.4 var(--sans);letter-spacing:.12em}
.about-vision-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:105px max(48px,calc((100vw - var(--wrap))/2 + 32px)) 105px clamp(55px,7vw,115px)}
.about-vision h2,.about-vision-copy h2{margin:20px 0 26px;font-size:clamp(49px,4.5vw,70px);line-height:1.2}
.about-vision-copy>p:not(.eyebrow){max-width:540px;color:#566558;font-size:17px;line-height:1.9}
.about-vision-link{display:inline-flex;align-items:center;gap:28px;margin-top:39px;padding-bottom:10px;border-bottom:1px solid #6d855d;color:#405b3e;font:500 11px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.about-vision-link span{font-size:20px;line-height:1;color:#708d54}.about-vision-link:hover{color:#6d8c43}
@media(max-width:900px){
  .about-cover,.about-cover-copy{min-height:680px}.about-cover-copy{width:calc(100% - 70px);padding:30px 0 32px}.about-cover-main{max-width:68vw;padding:52px 0 44px}.about-cover h1{font-size:clamp(60px,8vw,82px)}.about-cover-image,.about-cover-image img{height:100%}.about-cover-image img{object-position:65% center}.about-cover-motto{right:35px;bottom:96px;width:235px}
  .about-opening{padding:100px 35px 115px}.about-opening-grid{gap:45px}.about-opening-photos{min-height:570px;padding-right:40px}.about-opening-photo-main{height:515px}.about-opening-photo-inset{height:220px}
  .about-journey-copy{padding:70px 42px}.about-journey-image,.about-journey-image img{min-height:650px}
  .about-region-inner{margin-left:42px;margin-right:42px}.about-renewal{padding:105px 35px 120px}.about-renewal-top{gap:35px}
  .about-vision-copy{padding:75px 45px}.about-vision-art{min-height:630px}.about-vision-new{min-height:630px}
}
@media(max-width:700px){
  .about-cover,.about-cover-copy{min-height:760px}.about-cover-copy{width:calc(100% - 46px);padding:25px 0 27px}.about-cover-frame{inset:10px}.about-cover-shade{background:linear-gradient(0deg,#081d16fa 0%,#081d16dc 49%,#081d1652 76%,#081d1629 100%)}.about-cover-top{padding-bottom:17px;font-size:8px}.about-cover-top span:first-child{font-size:16px}.about-cover-main{max-width:none;margin-top:auto;padding:190px 0 28px}.about-cover .eyebrow{font-size:9px}.about-cover h1{max-width:580px;margin:19px 0 24px;font-size:clamp(51px,12.5vw,70px);line-height:.98}.about-cover-main>p:not(.eyebrow){max-width:580px;padding-left:16px;font-size:14px;line-height:1.7}.about-discover{margin-top:27px}.about-cover-bottom{padding-top:14px;font-size:7px}.about-cover-bottom span:last-child{display:none}.about-cover-motto{display:none}.about-cover-image,.about-cover-image img{height:100%}.about-cover-image img{object-position:65% center}.about-cover-image figcaption{display:none}
  .about-opening{padding:90px 23px 110px}.about-opening-top span{display:none}.about-opening-quote{margin:46px 0 65px;padding-left:42px}.about-opening-quote>span{top:-22px;font-size:85px}.about-opening-quote h2{font-size:clamp(38px,8.5vw,55px)}
  .about-opening-grid,.about-journey,.about-renewal-top,.about-vision-new{grid-template-columns:1fr}.about-opening-grid{gap:52px}.about-opening-photos{min-height:0;padding:0 32px 40px 0}.about-opening-photo-main{height:440px}.about-opening-photo-inset{height:190px;width:45%;border-width:7px}.about-opening-copy{padding-top:0}.about-opening-copy>p:not(.about-opening-signature){font-size:16px}
  .about-journey-copy{padding:75px 25px 80px}.about-journey-number{font-size:140px}.about-journey h2{font-size:clamp(42px,9vw,60px)}.about-journey-image,.about-journey-image img{min-height:0;height:410px}
  .about-philosophy{padding:100px 23px 110px}.about-philosophy h2{font-size:clamp(45px,10vw,67px)}.about-philosophy-mark{font-size:360px}.about-philosophy-inner>p:not(.eyebrow){font-size:15px}
  .about-region{min-height:650px;align-items:flex-end}.about-region-shade{background:linear-gradient(0deg,#0e2419f0,#173224b9 58%,#14291c37)}.about-region-inner{margin:0;padding:85px 25px 105px}.about-region h2{font-size:clamp(45px,9vw,64px)}.about-region-inner>p:not(.eyebrow){font-size:15px}
  .about-renewal{padding:100px 23px 115px}.about-renewal-top{gap:16px;margin-bottom:42px}.about-renewal h2{font-size:clamp(44px,9vw,64px)}.about-renewal-top>p{font-size:15px}.about-tea-grid{gap:17px}.about-tea-card:nth-child(2){margin-top:40px}.about-tea-card-label{font-size:9px;letter-spacing:.08em}
  .about-vision-art{min-height:520px}.about-vision-copy{padding:90px 25px 100px}.about-vision-copy h2{font-size:clamp(45px,9vw,65px)}.about-vision-copy>p:not(.eyebrow){font-size:15px}
}
@media(max-width:450px){.about-cover-top span:last-child{display:none}.about-cover-main{padding-top:175px}.about-opening-photo-main{height:365px}.about-opening-photo-inset{height:155px}.about-tea-grid{grid-template-columns:1fr;gap:35px}.about-tea-card:nth-child(2){margin-top:0}.about-tea-card figure{aspect-ratio:4/3.5}.about-art-note{left:18px;right:18px;font-size:8px}.about-book-object,.about-book-shadow{width:62%}}