@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-700.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-condensed-800.woff2) format('woff2')}
@font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/alegreya-sans-400.woff2) format('woff2')}
@font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/alegreya-sans-500.woff2) format('woff2')}
@font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/alegreya-sans-700.woff2) format('woff2')}
@font-face{font-family:'Gochi Hand';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/gochi-hand-400.woff2) format('woff2')}

:root{
  --navy:#00358f; --ink:#1a1d4b; --sky:#49b5e8; --pale:#e6f5fc; --cream:#f5daa7; --cocoa:#613c37; --rose:#ffd7ce;
  --display:'Barlow Condensed','Arial Narrow',sans-serif; --body:'Alegreya Sans',Georgia,serif; --hand:'Gochi Hand','Comic Sans MS',cursive;
  --max:1240px; --py:clamp(64px,8vw,112px); --curve:56px;
  --out:cubic-bezier(.23,1,.32,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:24px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:#fff;color:var(--ink);font:500 19px/1.5 var(--body);overflow-x:clip;touch-action:manipulation}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
::selection{background:var(--sky);color:var(--ink)}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,p,figure,blockquote{margin:0}
main>section{overflow-x:clip;background-color:#fff}

/* ----- barra do pacote (colar o bloco da esteira, estilos da marca) ----- */
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:6px;font:800 18px var(--display);text-transform:uppercase;text-decoration:none}
.pular:focus{top:12px}
.rascunho{background:var(--navy);color:#fff;text-align:center;padding:9px 16px;font:400 16px/1.3 var(--hand);text-transform:uppercase;letter-spacing:.06em}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(16px,3vw,40px);background:#fff;border-bottom:3px solid var(--pale)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:6px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:6px 16px;border-radius:6px;text-decoration:none;font:800 18px var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);transition:background-color .18s ease,color .18s ease}
.pacote-abas a[aria-current="page"]{background:var(--navy);color:#fff}
@media (hover:hover) and (pointer:fine){.pacote-abas a:not([aria-current]):hover{background:var(--pale)}}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;min-height:44px;padding:6px 20px;border-radius:6px;background:var(--ink);color:#fff;text-decoration:none;font:800 18px var(--display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;transition:transform .16s ease,background-color .16s ease}
.chat:active{transform:scale(.96)}
@media (max-width:860px){.pacote-abas .longo{display:none}.pacote-abas .curto{display:inline}}
.rodape{background:var(--ink);color:#fff;padding:40px clamp(20px,4vw,48px);text-align:center;display:grid;gap:12px;font-size:17px}
.rodape p{max-width:70ch;margin-inline:auto}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:6px 22px;border-radius:6px;background:var(--sky);color:var(--ink);font:800 18px var(--display);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.rodape-fontes{color:#dfeaf7;font-size:15px}

/* ----- base de composição ----- */
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:clamp(20px,4vw,48px)}
.duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:start}
.duo-sticky{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.h2{font:800 clamp(38px,5vw,72px)/.95 var(--display);text-transform:uppercase;color:var(--navy);text-wrap:balance;letter-spacing:.005em}
.hand{font:400 22px/1.2 var(--hand);text-transform:uppercase;letter-spacing:.06em}
.hd-left{margin-bottom:clamp(28px,4vw,48px)}
.hd-left .hand{margin-top:10px;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 28px;border-radius:6px;border:2px solid transparent;font:800 20px/1 var(--display);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:transform .16s ease,background-color .16s ease,color .16s ease;cursor:pointer}
.btn:active{transform:scale(.96)}
.btn-cocoa{background:var(--cocoa);color:#fff}
.btn-ghost{border-color:var(--cocoa);color:var(--cocoa);background:transparent}
.btn-ink{background:var(--ink);color:#fff}
.btn-sky{background:var(--sky);color:var(--ink)}
@media (hover:hover) and (pointer:fine){.btn-cocoa:hover{background:#4a2c28}.btn-ink:hover{background:var(--navy)}.btn-ghost:hover{background:var(--cocoa);color:#fff}.btn-sky:hover{background:#7ccbf0}}
.curva{position:relative;z-index:1;margin-top:calc(var(--curve) * -1);padding-top:calc(var(--curve) + var(--py));border-radius:50% 50% 0 0 / var(--curve) var(--curve) 0 0}

/* ----- revelação (estado escondido só sob .com-js) ----- */
.rv{transition:opacity .9s var(--out) calc(var(--i,0)*80ms),transform .9s var(--out) calc(var(--i,0)*80ms),rotate .35s ease,clip-path 1.1s var(--out)}
.com-js .rv:not(.in){opacity:0;transform:translateY(22px)}
.com-js .rv-wipe:not(.in){opacity:1;transform:none;clip-path:inset(0 0 100% 0)}
.rv-wipe.in{clip-path:inset(0 0 0 0)}

/* ----- 1 · hero ----- */
.cover{background-color:var(--cream);color:var(--cocoa);padding-top:clamp(28px,4vw,56px)}
.cover-head{padding-inline:clamp(20px,6vw,85px)}
.cover-tag{font-size:clamp(20px,2vw,26px);color:var(--cocoa)}
.cover-title{font:800 clamp(76px,11.2vw,176px)/.84 var(--display);text-transform:uppercase;letter-spacing:-.005em;color:var(--cocoa);margin:.08em 0 .14em;text-wrap:balance}
.cover-title .w{display:inline-block}
.cover-row{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.cover-lede{flex:1 1 360px;max-width:46ch;font-size:clamp(19px,1.6vw,23px);line-height:1.45;color:var(--cocoa)}
.cover-cta{display:flex;gap:12px;flex-wrap:wrap}
.arc{height:clamp(340px,66vh,780px);overflow:hidden;border-radius:50% 50% 0 0 / 90px 90px 0 0}
.arc img{width:100%;height:100%;object-fit:cover;object-position:50% 64%}
.com-js .cover-title .w{animation:rise .9s var(--out) both}
.com-js .cover-title .w:nth-child(2){animation-delay:.09s}
.com-js .cover-title .w:nth-child(3){animation-delay:.18s}
.com-js .cover-title .w:nth-child(4){animation-delay:.27s}
.com-js .cover-tag,.com-js .cover-row{animation:fade .9s ease .35s both}
@keyframes rise{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}

/* ----- 2 · it's complicated ----- */
.complicated{--py:clamp(72px,9vw,120px);background-color:var(--navy);color:#fff;padding-bottom:var(--py)}
.complicated .hand{color:var(--sky);margin-bottom:18px}
.c-big{font:500 clamp(24px,2.5vw,36px)/1.28 var(--body);text-wrap:pretty;margin-bottom:30px}
.c-mid{font-size:clamp(19px,1.5vw,22px);line-height:1.55;color:#dbe9f8;max-width:62ch}
.mission{margin-top:36px;padding:22px 26px;border-radius:14px;background:var(--ink)}
.mission .hand{margin-bottom:8px}
.mission p:last-child{font:700 clamp(24px,2.2vw,32px)/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.c-photo{position:sticky;top:24px}
.c-frame{max-width:565px;margin-inline:auto;padding:14px;border-radius:26px;background-color:var(--sky)}
.c-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px}

/* ----- 3 · grams ----- */
.grams{padding-block:var(--py);background-color:#fff}
.g-side{position:sticky;top:24px;display:grid;gap:28px}
.g-photo img{width:100%;max-width:420px;aspect-ratio:1/1;object-fit:cover;border-radius:18px}
.gline{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:10px 32px;align-items:center;padding-block:26px;border-bottom:3px solid var(--pale)}
.gline:first-child{padding-top:0}
.gnum{grid-row:1/3;font-variant-numeric:tabular-nums}
.gnum span{display:block;font:800 clamp(80px,9vw,140px)/.8 var(--display);color:var(--navy)}
.gnum b{display:block;margin-top:8px;font:400 20px/1.1 var(--hand);text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}
.gbar{height:22px;border-radius:11px;background:var(--pale);overflow:hidden}
.gbar i{display:block;height:100%;width:var(--w);border-radius:11px;background:var(--navy);transform-origin:left;transition:transform 1.2s var(--out) .15s}
.com-js .gline:not(.in) .gbar i{transform:scaleX(0)}
.gtxt{font-size:20px;line-height:1.45;max-width:60ch}

/* ----- 4 · shop by line ----- */
.aisle{background-color:var(--pale);padding-block:var(--py) calc(var(--py) + var(--curve))}
.aisle-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:18px clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(28px,4vw,48px)}
.aisle-sub{margin-top:12px;font-size:26px;color:var(--ink)}
.aisle-pop{font-size:clamp(19px,1.5vw,22px);line-height:1.5;max-width:56ch}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.tiles a{display:block;text-decoration:none;text-align:center;color:var(--navy)}
.tiles img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px;border:3px solid #fff;transition:transform .35s var(--out)}
.tiles .hand{display:block;margin-top:12px;font-size:28px;color:var(--navy)}
@media (hover:hover) and (pointer:fine){.tiles a:hover img{transform:translateY(-6px)}}

/* ----- 5 · no red flags ----- */
.flags{--py:56px;background-color:var(--navy);color:#fff;padding-bottom:64px}
.flags-in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,40px);justify-items:center}
.flags-title{color:#fff;font-size:clamp(38px,4.4vw,64px);text-align:center}
.rings{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;width:100%;max-width:960px}
.rings li{display:grid;justify-items:center;gap:10px;text-align:center}
.rings svg{width:clamp(72px,7vw,92px);height:auto;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.rings .rc{stroke:var(--sky);stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.3s var(--out) calc(var(--i,0)*90ms)}
.com-js .rings li:not(.in) .rc{stroke-dashoffset:1}
.rings span{font:800 18px/1.1 var(--display);text-transform:uppercase;letter-spacing:.05em}

/* ----- 6 · the one (perfis) ----- */
.profiles{padding-block:var(--py);background-color:#fff}
.profile{display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);gap:28px;align-items:start}
.p-list{display:grid;gap:10px}
.p-tab{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;text-align:left;padding:10px 14px;border-radius:12px;border:2px solid var(--pale);background:#fff;color:var(--ink);font:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .16s ease}
.p-tab img{grid-row:1/3;width:52px;height:52px;object-fit:contain;border-radius:10px;background:var(--pale);padding:3px}
.p-tn{font:800 20px/1.05 var(--display);text-transform:uppercase;letter-spacing:.03em}
.p-tab em{font-style:normal;font-size:16px}
.p-tab:active{transform:scale(.97)}
.p-tab[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
@media (hover:hover) and (pointer:fine){.p-tab[aria-selected="false"]:hover{border-color:var(--sky)}}
.p-stage{display:grid;gap:18px;justify-items:start}
.p-panel{width:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center;padding:clamp(22px,3vw,40px);border-radius:24px;background-color:var(--pale);min-height:640px}
.p-panel[data-tone="cream"]{background-color:var(--cream)}
.p-panel[data-tone="sky"]{background-color:var(--sky)}
.p-panel[data-tone="rose"]{background-color:var(--rose)}
.p-panel[data-tone="pale"]{background-color:var(--pale)}
.com-js .p-panel:not(.on){display:none}
.p-bottle{display:grid;place-items:center}
.p-bottle img{width:auto;max-width:100%;max-height:440px;object-fit:contain}
.com-js .p-panel.on .p-bottle img{animation:swing .8s var(--out) both}
@keyframes swing{from{opacity:0;transform:translateY(18px) rotate(-8deg)}to{opacity:1;transform:none}}
.p-info{display:grid;gap:14px;justify-items:start}
.p-info h3{font:800 clamp(36px,4vw,58px)/.92 var(--display);text-transform:uppercase;color:var(--ink)}
.p-info p{max-width:46ch;font-size:20px;line-height:1.45}
.p-info .hand{font-size:21px}
.price{font:800 40px/1 var(--display);color:var(--ink)}
.macros{display:grid;grid-template-columns:repeat(3,auto);gap:8px;justify-content:start}
.macros li{padding:6px 14px;border:2px solid var(--ink);border-radius:999px;font:800 18px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.p-next{display:none}
.com-js .p-next{display:inline-flex;align-items:center;min-height:48px;padding:8px 26px;border-radius:6px;border:2px solid var(--ink);background:#fff;color:var(--ink);font:800 19px var(--display);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .16s ease,background-color .16s ease}
.com-js .p-next:active{transform:scale(.96)}

.facts{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:6px 18px;font-size:18px;line-height:1.3;justify-content:start}
.facts li::before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:var(--ink);vertical-align:1px}

/* ----- 7 · dating pool (trilho) ----- */
.pool{padding-block:var(--py);background-color:var(--cocoa);color:#fff}
.pool-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) auto;gap:18px clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(28px,4vw,48px)}
.pool .h2{color:var(--cream)}
.pool-lede{font-size:clamp(19px,1.5vw,22px);line-height:1.5;max-width:44ch}
.pool-nav{display:flex;gap:10px}
.pool-btn{display:grid;place-items:center;width:52px;height:52px;border-radius:6px;border:2px solid var(--cream);background:transparent;color:var(--cream);font:800 26px/1 var(--display);cursor:pointer;transition:transform .16s ease,background-color .16s ease,color .16s ease}
.pool-btn:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.pool-btn:hover{background:var(--cream);color:var(--cocoa)}}
.pool-rail{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(20px,calc((100vw - var(--max))/2 + 48px));padding-bottom:18px;scrollbar-color:var(--cream) transparent}
.pool-list{display:flex;gap:22px;width:max-content;padding-inline:max(20px,calc((100vw - var(--max))/2 + 48px))}
.pool-card{flex:0 0 min(78vw,360px);scroll-snap-align:start;display:grid;grid-template-rows:auto auto 1fr;gap:12px;align-content:start;padding:14px 14px 22px;border-radius:18px;background:var(--cream);color:var(--cocoa)}
.pool-card figure{display:grid;place-items:center;height:300px;border-radius:12px;background:#fff}
.pool-card img{width:auto;max-width:86%;max-height:272px;object-fit:contain}
.pool-card h3{padding-inline:6px;font:800 28px/.98 var(--display);text-transform:uppercase}
.pool-card p{padding-inline:6px;font-size:18px;line-height:1.42}

/* ----- 7 · commitment ----- */
.commit{padding-block:var(--py);background-color:var(--cream);color:var(--cocoa)}
.m-side{position:sticky;top:24px;display:grid;gap:26px}
.m-title{font:800 clamp(44px,6vw,100px)/.88 var(--display);text-transform:uppercase;color:var(--cocoa);text-wrap:balance}
.m-lede{font-size:clamp(19px,1.5vw,22px);line-height:1.5;max-width:50ch}
.perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.perks li{display:grid;gap:2px;align-content:center;min-height:76px;padding:14px 16px;border-radius:12px;background:#fff;border:2px solid var(--cocoa)}
.perks b{font:800 20px/1.05 var(--display);text-transform:uppercase;letter-spacing:.03em}
.perks span{font-size:16px}
.m-tickets{display:grid;gap:28px}
.ticket{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border:3px solid var(--cocoa);border-radius:22px;overflow:hidden;background:#fff}
.ticket figure{background:var(--pale);display:grid;place-items:center;padding:22px}
.ticket img{width:100%;max-width:360px;aspect-ratio:1/1;object-fit:contain}
.t-body{display:grid;gap:12px;align-content:center;justify-items:start;padding:clamp(22px,3vw,36px)}
.t-body h3{font:800 clamp(36px,3.6vw,52px)/.92 var(--display);text-transform:uppercase;color:var(--cocoa)}
.t-price b{font:800 44px/1 var(--display);color:var(--cocoa)}
.t-price s{font-size:22px;color:#6b524d;margin-left:6px}
.t-body p{font-size:19px;line-height:1.45}
.t-add strong{display:block;font:800 22px/1 var(--display);text-transform:uppercase;letter-spacing:.03em}

/* ----- 8 · dealbreakers ----- */
.deals{padding-block:var(--py) calc(var(--py) + var(--curve));background-color:#fff}
.d-side{position:sticky;top:24px;display:grid;gap:24px;justify-items:start}
.d-photo img{width:100%;max-width:320px;aspect-ratio:4/5;object-fit:cover;border-radius:18px}
.d-letter{padding:24px 26px;border-radius:16px;background:var(--cream);color:var(--cocoa)}
.d-letter h3{font:800 28px/1 var(--display);text-transform:uppercase;margin-bottom:10px}
.d-letter p{font-size:19px}
.d-list{display:grid;gap:10px}
.d-list details{border-radius:14px;background:var(--pale)}
.d-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:14px 22px;cursor:pointer;list-style:none;font:800 clamp(20px,1.8vw,24px)/1.1 var(--display);text-transform:uppercase;letter-spacing:.03em;color:var(--navy)}
.d-list summary::-webkit-details-marker{display:none}
.d-list summary::after{content:"+";flex:none;font:800 30px/1 var(--display);transition:transform .25s var(--out)}
.d-list details[open] summary::after{transform:rotate(45deg)}
.d-list details>p,.d-list details>ul{padding:0 22px 16px;font-size:19px;line-height:1.5;max-width:64ch}
.d-list details>ul{display:grid;gap:4px;list-style:disc;padding-left:44px}

/* ----- 9 · find us ----- */
.findus{--py:clamp(64px,8vw,104px);background-color:var(--sky);color:var(--ink);padding-bottom:var(--py)}
.f-text{display:grid;gap:26px;justify-items:start}
.f-title{font:800 clamp(46px,6vw,96px)/.9 var(--display);text-transform:uppercase;color:var(--ink);text-wrap:balance}
.f-lede{font-size:clamp(20px,1.7vw,25px);line-height:1.45;max-width:54ch}
.stores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:560px}
.stores li{display:grid;place-items:center;min-height:56px;padding:8px 10px;border-radius:10px;background:#fff;font:800 clamp(17px,1.5vw,21px)/1.05 var(--display);text-transform:uppercase;letter-spacing:.04em;text-align:center}
.f-art{position:sticky;top:24px;padding:clamp(18px,2.4vw,30px);border-radius:24px;background:var(--pale)}
.f-art img{width:100%;max-width:520px;margin-inline:auto}

/* ----- 10 · love letters ----- */
.letters{padding-block:var(--py);background-color:var(--rose)}
.letters-title{color:#a81e16;text-align:center;margin-bottom:clamp(28px,4vw,52px)}
.wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
.card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;min-height:330px;padding:38px 26px 26px;background:#fff;border-radius:6px;text-align:center;rotate:var(--tilt,0deg);box-shadow:0 1px 2px rgba(26,29,75,.12),0 8px 24px -10px rgba(26,29,75,.25)}
@media (hover:hover) and (pointer:fine){.card:hover{rotate:0deg}}
.card .q{font:800 clamp(24px,2.3vw,31px)/1.12 var(--display);text-transform:uppercase}
.card .who{font:800 20px/1.1 var(--display);text-transform:uppercase;letter-spacing:.03em}
.card .sub{font-size:17px;line-height:1.3;color:#5a4a66;margin-top:-14px}
.c-purple .q,.c-purple .who{color:#6b2a85}
.c-red .q,.c-red .who{color:#b3261e}
.c-green .q,.c-green .who{color:#1c7a34}
.c-orange .q,.c-orange .who{color:#b34a12}
.review{max-width:900px;margin:clamp(36px,5vw,64px) auto 0;padding:clamp(24px,3.5vw,44px);border-radius:14px;background:#fff;text-align:center;display:grid;gap:14px;justify-items:center}
.stars{font:800 clamp(44px,5vw,64px)/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.review blockquote{font:500 clamp(22px,2.2vw,30px)/1.3 var(--body);text-wrap:balance}
.review figcaption{font-size:18px}

/* ----- 11 · founders ----- */
.founders{padding-block:var(--py);background-color:#fff}
.fo-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,96px);align-items:start}
.fo .h2{font-size:clamp(34px,3.8vw,54px);margin-bottom:22px}
.fo-intro{font-size:clamp(20px,1.6vw,23px);line-height:1.5;margin-bottom:12px;padding:18px 22px;border-radius:14px;background:var(--pale)}
.fo h3{margin-top:28px;margin-bottom:8px;font-size:21px;line-height:1.25;color:var(--navy)}
.fo p:not(.fo-intro){font-size:20px;line-height:1.55;max-width:62ch}
.fo-photo{margin-top:28px;max-width:520px}
.fo-photo img{width:100%;aspect-ratio:1454/1554;object-fit:cover;border-radius:18px}

/* ----- 12 · nicoya ----- */
.nicoya{position:relative;isolation:isolate;background-color:var(--navy);background-image:url(img/lifestyle-21-cdn-shop-files-koia-2025may-45-jpg.webp);background-size:cover;background-position:50% 62%;color:#fff;padding-block:clamp(56px,7vw,104px)}
.nicoya::before{content:"";position:absolute;inset:0;z-index:-1;background-color:rgba(0,53,143,.88)}
.nicoya-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);align-items:center}
.nicoya-in img{width:100%;max-width:520px}
.nicoya-line{font:800 clamp(30px,3.6vw,52px)/1 var(--display);text-transform:uppercase;text-wrap:balance}

/* ----- 13 · kitchen ----- */
.kitchen{padding-block:var(--py);background-color:#fff}
.k-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,48px)}
.k-all{font-size:24px;color:var(--navy)}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.post{display:flex;flex-direction:column;gap:10px;border:4px solid var(--navy);border-radius:16px;overflow:hidden;background:#fff;padding-bottom:18px}
.post img{width:100%;aspect-ratio:16/9;object-fit:cover}
.post h3{padding:10px 18px 0;font-size:24px;line-height:1.15;color:var(--navy)}
.post p{padding-inline:18px;font-size:18px;line-height:1.45}
.post .hand:last-child{margin-top:auto;padding-inline:18px;font-size:22px;color:var(--navy);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:3px}
.cards-recipe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1fr);gap:28px;margin-top:clamp(36px,5vw,64px);align-items:stretch}
.recipe{padding:clamp(24px,3vw,36px);border-radius:16px;background:var(--cream);color:var(--cocoa);display:grid;gap:14px;align-content:start}
.recipe h3{font:800 clamp(28px,2.6vw,36px)/.98 var(--display);text-transform:uppercase}
.recipe ul{display:grid;gap:6px;font-size:20px;list-style:disc;padding-left:22px}
.recipe .dir{font-size:19px;line-height:1.5}
.recipe-photo{border-radius:18px;overflow:hidden;min-height:420px}
.recipe-photo img{width:100%;height:100%;object-fit:cover}

/* ----- 14 · journal ----- */
.journal{padding-block:var(--py);background-color:#f3fafe}
.journal .h2{margin-bottom:clamp(20px,3vw,36px)}
.row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:clamp(20px,4vw,48px);align-items:center;padding-block:30px;border-bottom:3px solid var(--navy)}
.row:first-child{border-top:3px solid var(--navy)}
.row-t{display:grid;gap:10px;justify-items:start}
.row-t h3{font:800 clamp(28px,3.2vw,44px)/.98 var(--display);text-transform:uppercase;color:var(--navy);text-wrap:balance}
.row-t p{font-size:19px;line-height:1.5;max-width:70ch}
.row-t .hand{font-size:20px}
.row-t ul{display:grid;gap:4px;list-style:disc;padding-left:22px;font-size:19px}
.row-t a{font:400 22px var(--hand);text-transform:uppercase;letter-spacing:.06em;color:var(--navy);text-underline-offset:5px;text-decoration-thickness:3px}
.row img{width:190px;height:190px;object-fit:cover;border-radius:14px}

/* ----- 15 · write us ----- */
.writeus{padding-block:var(--py);background-color:var(--navy);color:#fff}
.w-badge{display:grid;justify-items:center;padding:clamp(16px,2vw,26px) clamp(20px,3vw,36px);border-radius:18px;background-color:var(--ink)}
.w-lockup{width:100%;max-width:520px}
.chip-fact{display:inline-block;margin:0 0 6px;padding:8px 16px;border-radius:999px;background:var(--navy);color:#fff;font:800 19px/1 var(--display);text-transform:uppercase;letter-spacing:.04em}
.w-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,56px);align-items:start}
.w-letter{position:sticky;top:24px;display:grid;gap:18px;justify-items:start;padding:clamp(26px,3.5vw,44px);border-radius:16px;background:var(--cream);color:var(--cocoa)}
.w-letter h2{font:800 clamp(44px,5vw,72px)/.92 var(--display);text-transform:uppercase}
.w-letter p{font-size:clamp(19px,1.5vw,22px);line-height:1.5}
.w-letter .w-time{font-size:18px}
.w-prizes{display:grid;gap:18px}
.w-prizes>.hand{color:var(--sky);font-size:26px}
.prize{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:20px 24px;border:3px solid var(--sky);border-radius:16px}
.prize b{font:800 clamp(72px,8vw,120px)/.8 var(--display);color:var(--sky);font-variant-numeric:tabular-nums}
.prize p{font-size:clamp(19px,1.5vw,22px);line-height:1.4}
.w-art img{width:100%;max-width:380px;margin-inline:auto;border-radius:16px}

/* ----- movimento reduzido: só opacidade ----- */
@media (prefers-reduced-motion:reduce){
  .com-js .rv:not(.in){transform:none}
  .com-js .rv-wipe:not(.in){clip-path:none;opacity:0}
  .com-js .cover-title .w,.com-js .cover-tag,.com-js .cover-row{animation:fade .4s ease both}
  .com-js .gline:not(.in) .gbar i{transform:none}
  .com-js .rings li:not(.in) .rc{stroke-dashoffset:0}
  .com-js .p-panel.on .p-bottle img{animation:fade .3s ease both}
  .rv{transition:opacity .4s ease}
}

/* ----- celular e tablet ----- */
@media (max-width:1000px){
  .duo,.duo-sticky,.flags-in,.aisle-head,.nicoya-in,.w-grid,.fo-cols,.pool-head{grid-template-columns:minmax(0,1fr)}
  .pool-nav{display:none}
  .c-photo,.g-side,.m-side,.d-side,.f-art,.w-letter{position:static}
  .cover-row{grid-template-columns:minmax(0,1fr)}
  .profile{grid-template-columns:minmax(0,1fr)}
  .p-list{display:flex;overflow-x:auto;gap:10px;padding-bottom:8px;scroll-snap-type:x proximity}
  .p-tab{flex:0 0 230px;scroll-snap-align:start}
  .tiles-wrap,.wall-wrap{overflow-x:auto;scroll-snap-type:x mandatory}
  .tiles{display:flex;gap:14px;padding-bottom:10px;width:max-content}
  .tiles li{flex:0 0 min(62vw,240px);scroll-snap-align:start}
  .wall{display:flex;gap:18px;padding:10px 4px 22px;width:max-content}
  .card{flex:0 0 min(80%,320px);scroll-snap-align:start}
  .posts{grid-template-columns:minmax(0,1fr)}
  .cards-recipe{grid-template-columns:minmax(0,1fr)}
  .recipe-photo{min-height:0;aspect-ratio:4/3}
  .rings{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px}
  .c-photo img{max-width:440px}
  .g-photo img{max-width:360px}
  .d-photo img{max-width:300px}
}
@media (max-width:700px){
  body{font-size:18px}
  .p-panel{grid-template-columns:minmax(0,1fr);min-height:0}
  .p-bottle img{max-height:300px}
  .ticket{grid-template-columns:minmax(0,1fr)}
  .gline{grid-template-columns:minmax(0,1fr);gap:12px}
  .gnum{grid-row:auto}
  .macros{grid-template-columns:repeat(3,auto);gap:6px}
  .macros li{padding:6px 10px;font-size:16px}
  .row{grid-template-columns:minmax(0,1fr) 92px;gap:16px}
  .row img{width:92px;height:92px}
  .stores li{font-size:16px}
  .prize{grid-template-columns:minmax(0,1fr)}
  .cover-cta .btn{flex:1 1 auto}
}
@media (max-width:420px){
  .perks{grid-template-columns:minmax(0,1fr)}
}