@font-face{font-family:Fraunces;src:url('/assets/fraunces.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Fraunces;src:url('/assets/fraunces-italic.woff2') format('woff2');font-style:italic;font-weight:100 900;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('/assets/hanken.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}

*{box-sizing:border-box}
body{margin:0;background:var(--ct-baunilha);color:var(--text);font:400 16px/1.5 var(--font-text);-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;z-index:2;background:url('/assets/grain.svg');opacity:.045;pointer-events:none}
h1,h2,p{margin:0}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:var(--ct-mel-claro);color:var(--text)}

.links-table{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 24px;background-color:var(--ct-baunilha);background-image:linear-gradient(90deg,rgba(201,138,60,.055) 50%,transparent 50%),linear-gradient(rgba(201,138,60,.055) 50%,transparent 50%);background-size:56px 56px}
.table-note{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px;text-align:center}
.house-card{position:relative;isolation:isolate;width:min(100%,484px);padding:36px 40px 28px;background:var(--ct-papel);border:1px solid var(--ct-fio-forte);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);animation:card-arrival 800ms var(--ease-soft) both}
.house-card::before{content:'';position:absolute;inset:10px;border:1px solid var(--ct-fio);border-radius:var(--radius-xs);z-index:-1;pointer-events:none}
.house-brand{text-align:center}
.house-symbol{display:block;width:44px;height:58px;object-fit:contain;margin:0 auto 16px}
.house-brand h1{font-family:var(--font-display);font-weight:400;line-height:1}
.house-brand h1>span{display:block;font:500 12px/1.5 var(--font-text);text-transform:uppercase;letter-spacing:.3em;padding-left:.3em;margin-bottom:2px}
.house-brand h1 em{font-weight:400;font-size:52px;letter-spacing:-.035em;font-variation-settings:var(--fraunces-soft)}
.brand-descriptor{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-top:16px}
.brand-descriptor::before,.brand-descriptor::after{content:'';height:1px;width:32px;background:var(--ct-mel)}
.welcome{text-align:center;margin:28px 0}
.welcome h2{font:400 29px/1.2 var(--font-display);letter-spacing:-.025em;margin-bottom:10px}
.welcome p{font-size:16px;line-height:1.6;color:var(--ct-cacau-90)}
.house-channels{display:grid;gap:12px}
.channel{display:flex;align-items:center;gap:16px;width:100%;min-height:88px;padding:20px;border:1px solid var(--ct-fio-forte);border-radius:var(--radius-md);text-decoration:none;font:inherit;text-align:left;color:var(--text)}
.channel-whatsapp{background:var(--ct-ambar);color:var(--ct-papel);border-color:var(--ct-ambar);box-shadow:var(--shadow-md);transition:transform var(--dur-base) var(--ease-soft),background var(--dur-base),box-shadow var(--dur-base);animation:channel-arrival 700ms 120ms var(--ease-soft) both}
.channel-icon{display:grid;place-items:center;flex:0 0 30px}
.channel-icon svg{display:block;width:30px;height:30px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.channel-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.channel-copy strong{font-size:16px;line-height:1.4;font-weight:600}
.channel-copy>span{font-size:12px;line-height:1.5}
.channel-arrow{width:22px;height:22px;flex:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-base) var(--ease-soft)}
.channel-whatsapp:focus-visible{outline:2px solid var(--text);outline-offset:5px}
.channel-whatsapp:active{transform:scale(.98);background:var(--ct-cacau)}
.channel-ifood{display:grid;grid-template-columns:30px minmax(0,1fr) auto;background:var(--ct-creme);opacity:1;cursor:not-allowed;animation:channel-arrival 700ms 220ms var(--ease-soft) both}
.channel-ifood .channel-copy>span{max-width:190px;color:var(--ct-cacau-90)}
.soon-tag{flex:none;align-self:flex-start;font-size:10px;font-weight:500;line-height:1.6;padding:3px 8px;border:1px solid var(--ct-fio-forte);border-radius:var(--radius-pill);white-space:nowrap;background:var(--ct-papel)}
.card-footer{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:28px}
.card-footer svg{width:14px;height:14px;stroke:var(--ct-cacau-90);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.card-footer p{font-family:var(--font-display);font-size:14px;font-style:italic}
.table-signature{font-size:11px;letter-spacing:.035em;margin-top:20px;text-align:center;color:var(--ct-cacau-90)}
.table-signature span{display:inline-block;margin-inline:8px}

@media(hover:hover){.channel-whatsapp:hover{background:var(--ct-cacau);border-color:var(--ct-cacau);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.channel-whatsapp:hover .channel-arrow{transform:translateX(3px)}}
@keyframes card-arrival{from{transform:translateY(16px)}to{transform:translateY(0)}}
@keyframes channel-arrival{from{translate:0 10px}to{translate:0 0}}

@media(max-width:540px){
  .links-table{padding:24px 16px 20px;background-size:40px 40px}
  .table-note{font-size:10px;letter-spacing:.12em;margin-bottom:16px}
  .house-card{padding:28px 24px 24px}
  .house-card::before{inset:8px}
  .house-symbol{width:40px;height:52px;margin-bottom:12px}
  .house-brand h1 em{font-size:46px}
  .brand-descriptor{margin-top:12px}
  .welcome{margin:24px 0}
  .welcome h2{font-size:27px;margin-bottom:8px}
  .channel{padding:16px;gap:12px;min-height:86px}
  .channel-copy>span{font-size:12px}
  .soon-tag{font-size:11px;padding:3px 6px;align-self:center}
  .card-footer{margin-top:24px}
  .card-footer p{font-size:13px}
  .table-signature{margin-top:16px;font-size:10px}
}
@media(max-width:374px){.house-card{padding-inline:20px}.channel{padding:14px 12px;gap:10px}.soon-tag{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}