/* ===== flower page ===== */
.atf.loading .fh,.atf.loading .fh *{animation-play-state:paused !important}
.fh{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);min-height:clamp(680px,60vw,920px);overflow:hidden}
.live .fh{min-height:max(640px,calc(var(--vh,100vh) - 88px))}
.fh-t{grid-column:1/7;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:clamp(24px,2.6vw,44px) 0 clamp(40px,4vw,64px) var(--gut)}
.fh-name{font-size:clamp(120px,15vw,264px);font-style:italic;font-weight:500;line-height:.84;letter-spacing:-.04em;margin:0;white-space:nowrap}
.fh-h{font-size:clamp(34px,3.2vw,54px);font-weight:500;line-height:1;margin:0 0 16px}
.fh-sub{font-size:16.5px;line-height:1.6;color:var(--body);margin:0;max-width:30ch}
.fh-meta{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:22px 0 26px}
.fh-cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.fh-ph{grid-column:7/13;position:relative;margin:0}
.fh-ph > div{position:absolute;inset:0}
.fh-ph .slot{position:absolute;inset:0;justify-content:flex-start;align-items:flex-end;text-align:right}
.fh .fz-hero{left:var(--gut);width:40%;top:24%;height:42%}
.live .fh .fh-ph .slot{translate:0 calc(var(--p,0) * 10%)}
.live .fh .fh-t{translate:0 calc(var(--p,0) * -16%)}
.fh-ph [data-rv="clip"]{position:absolute;inset:0}

.taste{padding-top:clamp(120px,12vw,200px);align-items:start}
.taste-l{grid-column:1/6}
.taste-l h2{font-size:clamp(46px,4.8vw,80px);margin-bottom:30px}
.taste-l .lede{max-width:34ch}
.taste-l .best{margin:22px 0 0;font-size:15px;line-height:1.6;color:var(--body)}
.taste-l .best strong{color:var(--ink)}
.tags{grid-column:7/13;margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(64px,7.4vw,126px);font-weight:500;line-height:.98;letter-spacing:-.03em}
.tags .ln:nth-child(2){padding-left:14%}.tags .ln:nth-child(3){padding-left:28%}.tags .ln:nth-child(4){padding-left:8%}
.live .tags .ln:nth-child(odd){translate:calc(var(--p,.5) * 6vw - 3vw) 0}
.live .tags .ln:nth-child(even){translate:calc(3vw - var(--p,.5) * 6vw) 0}

.fwhy{position:relative;color:#FFFFFF;margin-top:clamp(120px,12vw,200px);padding:clamp(100px,10vw,170px) 0;overflow:hidden}
.live .fwhy{clip-path:inset(0 calc((1 - var(--p,1)) * 7vw) round calc((1 - var(--p,1)) * 48px))}
.fwhy .g{position:relative;z-index:1;align-items:start}
.fwhy-t{grid-column:1/7;align-self:center}
.fwhy h2{font-size:clamp(58px,6.6vw,112px)}
.fwhy .origin{margin:34px 0 0;max-width:40ch;font-size:clamp(18px,1.45vw,21px);line-height:1.65;color:rgba(255,255,255,.86)}
.fwhy-ph{grid-column:8/13;margin:0}
.fwhy-ph .slot{aspect-ratio:4/5}
.quals{grid-column:1/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);margin-top:clamp(72px,7vw,120px)}
.qual{border-top:1px solid rgba(255,255,255,.24);padding-top:24px}
.qual h3{font-size:clamp(26px,2.2vw,34px);font-weight:500;line-height:1.05;margin:0 0 12px}
.qual p{font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.8);margin:0;max-width:34ch}
.fwhy .small{grid-column:1/13;margin-top:34px;color:rgba(255,255,255,.6)}
.fwhy .small a{color:inherit}
.fwhy .fz-why2{right:var(--gut);top:6%;width:22%;height:30%}

.fmom{position:relative;margin-top:clamp(120px,12vw,200px);height:clamp(560px,54vw,840px);overflow:hidden;color:#FFFFFF}
.fmom .slot{position:absolute;left:0;right:0;top:-10%;bottom:-10%;justify-content:flex-start;align-items:flex-end;text-align:right;padding:calc(6% + 26px) var(--gut);--sc:rgba(255,255,255,.75)}
.live .fmom .slot{translate:0 calc((var(--p,.5) - .5) * 14%)}
.fmom::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,6,18,0) 40%,rgba(12,6,18,.5) 100%);pointer-events:none}
.fmom-t{position:absolute;left:var(--gut);right:var(--gut);bottom:clamp(44px,5vw,84px);z-index:2}
.fmom-t h2{font-size:clamp(58px,6.8vw,116px);color:#FFFFFF}
.fmom-t p{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(24px,2.3vw,36px);line-height:1.25;color:rgba(255,255,255,.9);margin:18px 0 0;max-width:26ch}

.ways-s{padding-top:clamp(120px,12vw,200px)}
.ways-s h2{grid-column:1/9;font-size:clamp(50px,5.4vw,90px);color:#24135F}
.ways{grid-column:1/13;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gap);margin-top:clamp(48px,5vw,80px)}
.way{border-top:2px solid currentColor;padding-top:22px;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,2.6vw,42px);font-weight:500;line-height:1.04;margin:0}

.cks-s{position:relative;overflow:hidden;background:#1A1224;color:#FFFFFF;margin-top:clamp(120px,12vw,200px);padding:clamp(100px,10vw,160px) 0;--cover:#1A1224}
.cks-s .g{position:relative;z-index:1}
.cks-s h2{grid-column:1/8;font-size:clamp(50px,5.4vw,90px)}
.cks-s .ck-link{grid-column:9/13;align-self:end;justify-self:end;color:#E9D3A6}
.cks{grid-column:1/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);margin-top:clamp(56px,5vw,88px)}
.ck{border-top:1px solid rgba(255,255,255,.2);padding-top:26px;display:flex;flex-direction:column;gap:8px;min-height:250px}
.ck-n{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,3vw,52px);font-weight:500;line-height:1;margin:0}
.ck-m{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#E9D3A6;margin:8px 0 0}
.ck-g{font-size:14px;color:rgba(255,255,255,.6);margin:0}
.ck-l{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:22px;line-height:1.3;color:rgba(255,255,255,.88);margin:auto 0 0;padding-top:28px}
.cks-s .small{grid-column:1/13;margin-top:44px;color:rgba(255,255,255,.5)}
.cks-s .fz-ck{right:var(--gut);top:4%;width:26%;height:34%}

.fin{background:#D9E6F5;padding:clamp(100px,10vw,170px) 0;--cover:#D9E6F5;overflow:hidden}
.fin .g{align-items:start}
.fin-ph{grid-column:1/5}
.fin-ph .slot{aspect-ratio:9/16;--sf:rgba(0,47,108,.1);--sc:#23324A}
.fin-c{grid-column:6/9}
.fin-c h2{font-size:clamp(46px,4.6vw,78px);color:#002F6C}
.fin-c .ing{font-size:15.5px;line-height:1.7;color:#23324A;margin:26px 0 0}
.fin .claims{grid-template-columns:minmax(0,1fr);margin:30px 0 26px}
.fin .claims li{color:#002F6C;border-top-color:rgba(0,47,108,.2)}
.fin .claims svg *{stroke:#002F6C}
.fin .small{color:#3C4A60;margin-top:10px}
.fin-n{grid-column:10/13;padding-top:12px}
.nt{width:100%;border-collapse:collapse;font-size:14.5px;color:#1B1420}
.nt th{text-align:left;font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#002F6C;padding:0 0 12px;border-bottom:1px solid rgba(0,47,108,.35)}
.nt td{padding:12px 0;border-bottom:1px solid rgba(0,47,108,.16)}
.nt td:not(:first-child),.nt th:not(:first-child){text-align:right}
.nt-cap{font-size:12.5px;color:#3C4A60;margin:14px 0 0}

.next{margin-top:clamp(120px,12vw,200px);min-height:clamp(640px,52vw,820px)}
.next .fp-name{font-size:clamp(120px,15vw,260px)}
.next .can{width:22%;right:14%}
.next .tile{right:8%;width:34%}
.next .fz-can{right:10%;width:32%}
.next .fp-txt{width:min(36%,360px)}
.live .next .tile{translate:calc((var(--p,.5) - .5) * -14%) 0}

.sbar{display:none}

@media (max-width:1100px){
.fh-t{grid-column:1/8}.fh-ph{grid-column:8/13}
.taste-l{grid-column:1/13}.tags{grid-column:1/13;margin-top:48px}
.fwhy-t{grid-column:1/13}.fwhy-ph{grid-column:1/9;margin-top:48px}
.ways{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
.cks{grid-template-columns:minmax(0,1fr);row-gap:36px}.ck{min-height:0}
.fin-ph{grid-column:1/5}.fin-c{grid-column:6/13}.fin-n{grid-column:1/13;margin-top:48px}
}
@media (max-width:760px){
.fh{grid-template-columns:minmax(0,1fr);min-height:0}
.live .fh{min-height:0}
.fh-t{grid-column:1;padding:20px var(--gut) 32px;gap:28px}
.fh-name{font-size:31vw;white-space:normal}
.fh-ph{grid-column:1;aspect-ratio:4/5}
.fh .fz-hero{display:none}
.tags{font-size:58px}
.fwhy h2{font-size:52px}.fwhy-ph{grid-column:1/-1}
.quals{grid-template-columns:minmax(0,1fr);row-gap:28px}
.fmom{height:620px}.fmom-t h2{font-size:52px}
.ways-s h2{grid-column:1/-1;font-size:46px}.ways{grid-template-columns:minmax(0,1fr)}
.cks-s h2{grid-column:1/-1;font-size:46px}.cks-s .ck-link{grid-column:1/-1;justify-self:start;margin-top:20px}
.fin-ph{grid-column:1/5}.fin-c{grid-column:1/-1;margin-top:40px}.fin-n{grid-column:1/-1}
.next{min-height:600px}.next .can{width:44%;right:6%}.next .tile{right:2%;width:62%}.next .fp-txt{width:52%}.next .fp-name{font-size:24vw}
.sbar{display:flex;position:sticky;bottom:0;z-index:40;gap:10px;padding:10px 12px;background:rgba(238,230,236,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.sbar .pill{flex:1;height:48px;font-size:14.5px;padding:0 12px}
}