@font-face{font-family:Noto Condensed;src:url("../../assets/fonts/noto-sans-display-extra-condensed-900-latin.woff2") format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:Inter;src:url("../../assets/fonts/inter-variable-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:IBM Plex Mono;src:url("../../assets/fonts/IBMPlexMono-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
:root{--signal:#ffd51f;--blue:#1545d1;--blue-deep:#09246f;--red:#e52f22;--ink:#101820;--white:#fffdf3;--mint:#82e7c6;--display:"Noto Condensed","Arial Narrow",sans-serif;--sans:Inter,Arial,sans-serif;--mono:"IBM Plex Mono",monospace;--snap:cubic-bezier(.2,.85,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--blue-deep)}body{margin:0;background:var(--signal);color:var(--ink);font-family:var(--sans);overflow-x:hidden}section[id]{scroll-margin-top:59px}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}.skip-link{position:fixed;z-index:999;top:8px;left:8px;transform:translateY(-160%);padding:12px 16px;background:var(--white);border:3px solid var(--ink);font-weight:800}.skip-link:focus{transform:none}
.route-header{position:fixed;z-index:80;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:13px 18px;color:var(--white);background:var(--blue);border-bottom:3px solid var(--ink)}.route-brand{display:flex;width:max-content;align-items:center;gap:7px;text-decoration:none;text-transform:uppercase}.route-brand span{font:900 15px/.8 var(--sans);max-width:42px}.route-brand strong{font:900 34px/.7 var(--display)}.route-header nav{display:flex;gap:8px}.route-header nav a,.case-back,.route-menu{padding:8px 11px;border:2px solid transparent;font:700 10px var(--mono);text-transform:uppercase;text-decoration:none}.route-header nav a:hover,.route-header nav a:focus-visible,.case-back:hover,.case-back:focus-visible{border-color:var(--white);background:var(--red)}.case-back{justify-self:end}.route-menu{display:none;border-color:var(--white);background:var(--signal);color:var(--ink)}.route-menu i{display:inline-block;width:18px;border-top:3px solid;margin-left:6px;vertical-align:middle}.route-menu-panel{position:fixed;z-index:70;inset:0;padding:92px 18px 28px;background:var(--red);color:var(--white)}.route-menu-panel nav{display:grid}.route-menu-panel a{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-bottom:4px solid var(--ink);text-decoration:none;text-transform:uppercase;font:900 clamp(40px,12vw,76px)/.8 var(--display)}.route-menu-panel small{font:700 11px var(--mono)}
.route-hero{position:relative;display:grid;grid-template-columns:43% 57%;min-height:100svh;padding-top:59px;background:var(--signal);border-bottom:4px solid var(--ink);overflow:hidden}.route-hero>img{grid-column:2;grid-row:1;width:100%;height:calc(100svh - 59px);object-fit:cover;object-position:65% center;border-left:4px solid var(--ink);filter:saturate(1.08) contrast(1.04)}.route-hero-copy{grid-column:1;grid-row:1;align-self:center;z-index:2;padding:6vw 3vw 9vw}.route-hero-copy>p{width:max-content;max-width:100%;margin:8px 0;padding:6px 9px;background:var(--ink);color:var(--white);font:700 9px var(--mono);text-transform:uppercase}.route-hero h1{margin:0;color:var(--blue);font:900 clamp(112px,15.3vw,236px)/.61 var(--display);text-transform:uppercase;letter-spacing:-.025em}.route-hero h1 em{display:inline-block;color:var(--red);font-style:normal;transform:translateX(8%)}.concept-stamp{position:absolute;z-index:3;left:3vw;bottom:34px;margin:0;padding:11px 13px;background:var(--white);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--blue);font:700 9px/1.4 var(--mono);text-transform:uppercase;transform:rotate(-3deg)}.hero-scroll{position:absolute;z-index:3;right:24px;bottom:24px;display:flex;align-items:center;gap:28px;padding:14px 17px;background:var(--signal);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--red);text-decoration:none;text-transform:uppercase;font:700 10px var(--mono)}.hero-scroll b{font-size:22px}.hero-doodle{position:absolute;z-index:2;right:7%;top:17%;width:min(26vw,350px);fill:none;stroke:var(--signal);stroke-width:5;stroke-dasharray:16 10}.hero-doodle circle{fill:var(--red);stroke:var(--ink);stroke-width:3}.js .route-hero>img{animation:hero-slam .72s var(--snap) both}.js .route-hero-copy>*{animation:title-hit .46s var(--snap) both}.js .route-hero-copy>*:nth-child(2){animation-delay:.12s}.js .route-hero-copy>*:nth-child(3){animation-delay:.22s}@keyframes hero-slam{from{opacity:0;transform:translateX(12%)}to{opacity:1;transform:none}}@keyframes title-hit{from{opacity:0;transform:translateY(24px) rotate(-2deg) scale(.96)}to{opacity:1;transform:none}}
.section-index{margin:0;font:700 10px var(--mono);text-transform:uppercase}.manifesto{padding:110px 5vw;background:var(--white);border-bottom:4px solid var(--ink)}.manifesto-grid{display:grid;grid-template-columns:1.45fr .7fr;gap:7vw;align-items:end;margin-top:55px}.manifesto h2,.rhythm-intro h2,.journey-head h2,.notebook h2,.truth h2{margin:0;font:900 clamp(72px,10vw,150px)/.76 var(--display);text-transform:uppercase;letter-spacing:-.015em}.manifesto h2 em,.rhythm-intro h2 em,.journey-head h2 em,.notebook h2 em,.truth h2 em{color:var(--red);font-style:normal}.manifesto-grid>div{font-size:17px;font-weight:650;line-height:1.45}.truth-box{margin-top:30px;padding:18px;background:var(--signal);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--blue);font:650 13px/1.45 var(--sans)}.tide-rule{display:flex;align-items:center;margin-top:80px}.tide-rule span{height:4px;flex:1;background:var(--ink)}.tide-rule i{width:28px;height:28px;margin:0 12px;background:var(--red);border:3px solid var(--ink);transform:rotate(45deg)}
.rhythms{padding:105px 5vw;background:var(--blue);color:var(--white);border-bottom:4px solid var(--ink)}.rhythm-intro{display:grid;grid-template-columns:.35fr 1.65fr;gap:4vw}.rhythm-intro h2 em{color:var(--signal)}.rhythm-picker{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:3vw;margin-top:78px}.rhythm-options button{display:grid;grid-template-columns:44px 1fr;gap:5px 13px;width:100%;padding:20px 14px;border:3px solid var(--ink);border-bottom:0;background:var(--white);color:var(--ink);text-align:left;cursor:pointer}.rhythm-options button:last-child{border-bottom:3px solid var(--ink)}.rhythm-options span{grid-row:1/3;font:700 10px var(--mono)}.rhythm-options strong{font:900 clamp(30px,4vw,55px)/.76 var(--display);text-transform:uppercase}.rhythm-options small{font:700 9px var(--mono);text-transform:uppercase}.rhythm-options button.is-active{position:relative;z-index:2;background:var(--signal);transform:translateX(12px);box-shadow:-9px 9px 0 var(--red)}.rhythm-options button:focus-visible{outline:4px solid var(--signal);outline-offset:4px}.rhythm-visual{position:relative;min-height:620px;background:var(--mint);color:var(--ink);border:4px solid var(--ink);overflow:hidden}.sun-shape{position:absolute;width:47%;aspect-ratio:1;right:-8%;top:-13%;background:var(--signal);border:4px solid var(--ink);border-radius:50%;transition:transform .36s var(--snap)}.route-line{position:absolute;inset:5%;width:90%;height:90%;overflow:visible}.route-path{fill:none;stroke:var(--blue);stroke-width:6;stroke-dasharray:18 12}.node{fill:var(--white);stroke:var(--ink);stroke-width:4;transform-box:fill-box;transform-origin:center;transition:transform .2s var(--snap),fill .2s}.node.is-current{fill:var(--red);transform:scale(1.7)}.rhythm-card{position:absolute;left:5%;bottom:5%;width:min(470px,76%);padding:22px;background:var(--white);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--blue)}.rhythm-card.is-switching{animation:card-chop .28s steps(2,end)}@keyframes card-chop{50%{opacity:.15;transform:translateX(18px) rotate(1deg)}}.rhythm-card>p:first-child,.rhythm-card>span{font:700 9px var(--mono);text-transform:uppercase}.rhythm-card h3{margin:10px 0;font:900 clamp(50px,7vw,88px)/.75 var(--display);text-transform:uppercase}.rhythm-card>p:not(:first-child){font-weight:650;line-height:1.45}
.journey{padding:110px 5vw;background:var(--signal);border-bottom:4px solid var(--ink)}.journey-head{display:grid;grid-template-columns:.3fr 1.7fr;gap:4vw}.journey-chapter{display:grid;grid-template-columns:60px minmax(260px,.7fr) minmax(360px,1.3fr);gap:3vw;min-height:590px;margin-top:70px;align-items:center;background:var(--white);border:4px solid var(--ink);box-shadow:14px 14px 0 var(--blue);padding:24px}.journey-chapter:nth-of-type(even){box-shadow:14px 14px 0 var(--red);transform:translateX(2%)}.chapter-number{align-self:start;padding-top:9px;border-top:4px solid;font:700 11px var(--mono)}.chapter-copy>p{font:700 10px var(--mono);text-transform:uppercase}.chapter-copy h3{margin:14px 0 28px;font:900 clamp(62px,8vw,110px)/.72 var(--display);text-transform:uppercase}.chapter-copy>span{display:block;max-width:390px;font-weight:650;line-height:1.45}.chapter-art{position:relative;min-height:520px;overflow:hidden;border:4px solid var(--ink)}.art-water{background:linear-gradient(var(--signal) 0 35%,var(--white) 35% 40%,var(--blue) 40%)}.art-water i{position:absolute;left:-10%;right:-10%;height:22%;border:5px solid var(--white);border-radius:50%}.art-water i:nth-child(1){bottom:22%}.art-water i:nth-child(2){bottom:8%;transform:scaleX(.7)}.art-water i:nth-child(3){bottom:-5%;transform:scaleX(.45)}.art-path{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:7px;background:var(--ink);padding:7px}.art-path span:nth-child(1),.art-path span:nth-child(4){background:repeating-linear-gradient(45deg,var(--signal) 0 24px,var(--blue) 24px 48px)}.art-path span:nth-child(2){background:var(--red);clip-path:polygon(0 0,100% 16%,80% 100%,12% 77%)}.art-path span:nth-child(3){background:var(--mint);clip-path:polygon(10% 0,100% 0,85% 77%,0 100%)}.art-table{background:var(--red)}.art-table i{position:absolute;width:58%;aspect-ratio:1;border:4px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 42% 38%,var(--white) 0 7%,var(--signal) 8% 29%,var(--red) 30% 33%,var(--blue) 34%);left:21%;top:18%;box-shadow:18px 20px 0 var(--ink)}.art-table b{position:absolute;width:38%;height:12px;background:var(--ink);left:32%;bottom:15%;transform:rotate(-18deg)}.art-story{display:grid;place-content:center;gap:8px;background:var(--ink);color:var(--white)}.art-story span{padding:0 12px;font:900 clamp(72px,9vw,130px)/.67 var(--display);text-align:center;text-transform:uppercase}.art-story span:nth-child(2){color:var(--signal);transform:translateX(11%)}.art-story span:nth-child(3){color:var(--mint);transform:translateX(-9%)}
.notebook{display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;padding:110px 5vw;background:var(--red);color:var(--white);border-bottom:4px solid var(--ink)}.notebook-copy{align-self:center}.notebook h2 em{color:var(--signal)}.notebook-copy>p:not(.section-index){max-width:490px;font-weight:650;line-height:1.45}.notebook button{display:flex;justify-content:space-between;align-items:center;width:min(100%,470px);min-height:62px;margin-top:30px;padding:0 18px;background:var(--signal);color:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--blue);font:700 10px var(--mono);text-transform:uppercase;cursor:pointer}.notebook button span{font-size:21px}.notebook-sheet{position:relative;min-height:610px;padding:48px;background:var(--white);color:var(--ink);border:4px solid var(--ink);box-shadow:16px 16px 0 var(--blue);transform:rotate(1deg)}.notebook-sheet::before{content:"CARIMBO / CONCEITO";position:absolute;right:28px;top:28px;padding:8px;border:3px solid var(--red);color:var(--red);font:700 9px var(--mono);transform:rotate(5deg)}.notebook-sheet>p,.notebook-sheet>span{font:700 9px var(--mono);text-transform:uppercase}.notebook-sheet h3{margin:105px 0 46px;font:900 clamp(58px,8vw,108px)/.72 var(--display);text-transform:uppercase;color:var(--blue)}.notebook-sheet ol{display:grid;gap:16px;padding-left:24px;margin-bottom:75px;font-weight:700}.notebook-sheet li{padding-bottom:14px;border-bottom:3px solid var(--ink)}
.truth{padding:110px 5vw;background:var(--mint);border-bottom:4px solid var(--ink)}.truth-heading{display:grid;grid-template-columns:.3fr 1.7fr;gap:4vw}.truth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:80px}.truth-grid article{padding:22px;background:var(--white);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--blue)}.truth-grid article:nth-child(2){box-shadow:8px 8px 0 var(--red)}.truth-grid span{display:inline-block;padding:5px 8px;background:var(--ink);color:var(--white);font:700 10px var(--mono);text-transform:uppercase}.truth-grid p{font-weight:650;line-height:1.45}
.route-footer{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:420px;padding:75px 5vw;background:var(--blue-deep);color:var(--white);overflow:hidden}.route-footer>div:not(.footer-title){position:relative;z-index:2;display:grid;align-content:start;gap:9px}.route-footer span,.footer-note{font:700 9px var(--mono);text-transform:uppercase}.route-footer a{font:900 34px/.8 var(--display);text-transform:uppercase}.footer-title{position:absolute;left:4vw;bottom:-1vw}.footer-title::before{content:"ROTA DA MARÉ";font:900 clamp(125px,22vw,330px)/.62 var(--display);color:#ffffff1c}.footer-note{align-self:end}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(26px) rotate(-1deg) scale(.985);transition:opacity .38s var(--snap),transform .38s var(--snap)}.js .reveal:nth-child(even){transform:translateY(26px) rotate(1deg) scale(.985)}.js .reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.route-header{grid-template-columns:1fr auto}.route-header nav,.case-back{display:none}.route-menu{display:block}.route-hero{grid-template-columns:1fr;padding-top:61px}.route-hero>img{grid-column:1;grid-row:1;height:calc(100svh - 61px);border-left:0}.route-hero::after{content:"";position:absolute;inset:61px 0 0;background:linear-gradient(0deg,#ffd51fe6 0 24%,transparent 54%)}.route-hero-copy{grid-column:1;grid-row:1;align-self:end;padding:0 18px 22vh}.route-hero h1{font-size:clamp(112px,35vw,190px)}.concept-stamp{left:18px;bottom:25px}.hero-scroll{right:18px;bottom:25px}.hero-doodle{top:17%;right:4%;width:45vw}.manifesto-grid,.rhythm-intro,.journey-head,.truth-heading{grid-template-columns:1fr}.rhythm-picker{grid-template-columns:1fr}.rhythm-visual{min-height:580px}.journey-chapter{grid-template-columns:46px 1fr;padding:18px}.chapter-art{grid-column:1/-1;min-height:500px}.notebook{grid-template-columns:1fr}.truth-grid{grid-template-columns:1fr}.route-footer{grid-template-columns:1fr}}
@media(max-width:560px){.route-header{padding:11px 12px}.route-brand strong{font-size:29px}.route-hero-copy{padding-inline:14px}.route-hero-copy>p{font-size:8px}.route-hero h1{font-size:34vw}.concept-stamp{left:14px;max-width:145px}.hero-scroll{right:14px;max-width:52%;gap:14px}.hero-scroll span{font-size:8px}.manifesto,.rhythms,.journey,.notebook,.truth{padding:78px 18px}.manifesto h2,.rhythm-intro h2,.journey-head h2,.notebook h2,.truth h2{font-size:21vw}.manifesto-grid{margin-top:38px}.rhythm-picker{margin-top:50px}.rhythm-options button.is-active{transform:translateX(6px);box-shadow:-6px 6px 0 var(--red)}.rhythm-options strong{font-size:12vw}.rhythm-visual{min-height:500px}.rhythm-card{width:82%;padding:17px}.rhythm-card h3{font-size:14vw}.journey-chapter{min-height:auto;margin-top:46px;box-shadow:8px 8px 0 var(--blue)}.journey-chapter:nth-of-type(even){box-shadow:8px 8px 0 var(--red);transform:none}.chapter-copy h3{font-size:18vw}.chapter-art{min-height:420px}.notebook-sheet{min-height:520px;padding:30px 24px}.notebook-sheet h3{margin-top:100px;font-size:18vw}.truth-grid{margin-top:48px}.route-footer{padding:62px 18px;min-height:430px}.route-footer a{font-size:30px}.footer-title{bottom:12px}.footer-title::before{font-size:33vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .route-hero>img,.js .route-hero-copy>*{animation:none}.js .reveal{opacity:1;transform:none;transition:none}.sun-shape,.node{transition:none}.rhythm-card.is-switching{animation:none}}
@media(max-width:900px){.manifesto-grid,.rhythm-intro,.journey-head,.truth-heading{grid-template-columns:minmax(0,1fr)}.manifesto-grid>*,.rhythm-intro>*,.journey-head>*,.truth-heading>*,.chapter-copy{min-width:0}.rhythm-picker,.notebook,.truth-grid{grid-template-columns:minmax(0,1fr)}.journey-chapter{width:100%;grid-template-columns:46px minmax(0,1fr)}.chapter-art{width:100%}.js .reveal,.js .reveal:nth-child(even){transform:translateY(20px) scale(.985)}}
@media(max-width:560px){.manifesto h2,.rhythm-intro h2,.journey-head h2,.notebook h2,.truth h2{font-size:17vw}.chapter-copy h3{font-size:15vw}}
@media(prefers-reduced-motion:reduce){.js .reveal,.js .reveal:nth-child(even){opacity:1;transform:none;transition:none}}