@font-face{font-family:'Sohne Breit';src:url(fonts/SohneBreit-Extraleicht.otf) format('opentype');font-weight:200;font-display:swap}
@font-face{font-family:'Sohne Breit';src:url(fonts/SohneBreit-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
:root{--ink:#F3F1EC;--dim:rgba(243,241,236,.55);--gap:16px;--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#141414;color:var(--ink);font-family:'Sohne Breit',Helvetica,Arial,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased;transition:background-color 1.1s cubic-bezier(.4,0,.2,1)}
a{color:inherit;text-decoration:none}img{display:block}
.hd{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:baseline;padding:18px 24px;font-size:11px;letter-spacing:.02em;mix-blend-mode:difference;color:#fff}
.hd .brand{font-size:13px}.hd .ct a{margin-left:16px;opacity:.8}
/* abertura */
.hero{position:relative;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0 24px 5vh}
.hero-img{position:absolute;inset:0}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(1.08);animation:heroIn 2.4s var(--ease) forwards;filter:brightness(.92)}
@keyframes heroIn{to{transform:scale(1)}}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 45%);pointer-events:none}
.hero h1,.hero-sub,.hero-hint{position:relative;z-index:2}
.hero h1{font-weight:200;font-size:clamp(84px,17vw,260px);line-height:.86;letter-spacing:-.035em;margin-left:-.05em;color:#fff;clip-path:inset(0 0 100% 0);animation:up 1.4s var(--ease) .3s forwards}
@keyframes up{to{clip-path:inset(0 0 0 0)}}
.hero-sub{margin-top:18px;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.85);opacity:0;animation:fade 1.2s var(--ease) 1s forwards}
.hero-hint{position:absolute;right:24px;bottom:5vh;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7);opacity:0;animation:fade 1.2s var(--ease) 1.6s forwards}
.hero-hint:after{content:"";display:block;width:1px;height:28px;background:rgba(255,255,255,.6);margin:8px auto 0;animation:drop 1.8s ease-in-out infinite}
@keyframes fade{to{opacity:1}}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* blocos */
.nata{display:flex;flex-direction:column;gap:clamp(90px,18vh,220px);padding:16vh 24px 18vh;max-width:1400px;margin:0 auto}
.blk{position:relative}
.num{position:absolute;top:-2.6em;left:0;font-size:11px;letter-spacing:.14em;color:var(--dim);font-variant-numeric:tabular-nums}
.blk.one-v{display:flex;justify-content:center}
.blk.one-v .ph{width:min(100%,calc(88vh * var(--r,0.8)));max-width:900px}
.blk.one-h .ph{width:calc(100% + 48px);margin-left:-24px}
.blk.row .cells{display:flex;gap:var(--gap);align-items:stretch}
.blk.row .cell{flex:calc(var(--r) * 1000) 1 0;min-width:0}
.blk.row .cell .ph,.blk.row .cell img{height:100%}
.blk.row .cell img{width:100%;object-fit:cover}
/* fotos */
.ph{display:block;overflow:hidden;background:rgba(255,255,255,.04)}
.ph img{width:100%;height:auto;clip-path:inset(0 0 100% 0);transform:scale(1.08);transition:clip-path 1.3s var(--ease),transform 1.6s var(--ease)}
.ph.in img{clip-path:inset(0 0 0 0);transform:scale(1)}
@media (hover:hover){.ph.in:hover img{transform:scale(1.03)}}
/* rodapé */
.ft{min-height:60vh;display:flex;flex-direction:column;justify-content:flex-end;padding:10vh 24px 6vh;gap:32px}
.ft-big{font-weight:200;font-size:clamp(64px,12vw,180px);line-height:.9;letter-spacing:-.035em;margin-left:-.05em}
.ft-ct{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:12px;color:var(--dim)}
/* lightbox */
.lb[hidden]{display:none}
.lb{position:fixed;inset:0;z-index:50;background:rgba(10,10,10,.96);display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:zoom-out;padding:3vh 3vw}
.lb img{max-width:94vw;max-height:88vh;object-fit:contain}.lbc{font-size:11px;color:var(--dim);margin-top:12px;letter-spacing:.1em}
@media (max-width:760px){
  .hd{padding:14px 14px}.hd .ct a:not(:last-child){display:none}
  .hero{padding:0 14px 6vh}.hero h1{font-size:clamp(64px,22vw,140px)}.hero-hint{right:14px}
  .nata{padding:10vh 12px 12vh;gap:80px}
  .blk.one-h .ph{width:calc(100% + 24px);margin-left:-12px}
  .blk.row .cells{gap:6px}
  .blk.row.stack .cells{flex-direction:column}
  .blk.row.stack .cell{flex:none}
  .num{top:-2.2em}
  .ft{min-height:50vh;padding:8vh 14px 5vh}
}
@media (prefers-reduced-motion:reduce){.ph img,.hero-img img,.hero h1,.hero-sub,.hero-hint{animation:none;transition:none;clip-path:none;transform:none;opacity:1}}