:root{--paper:#f4f3ef;--ink:#10233d;--muted:#5f6d7d;--line:#b9c5d1;--orange:#245f9e;--purple:#174f88;--green:#102f5d;--serif:"Newsreader",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;background:var(--ink);color:#fff;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.article-header{height:86px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f4f3eff4;backdrop-filter:blur(12px);position:relative;z-index:10}
.magazine-brand{display:grid;line-height:1;text-transform:uppercase;width:max-content}
.magazine-brand span{font-size:8px;letter-spacing:.4em}
.magazine-brand strong{font:500 22px var(--serif);letter-spacing:.04em;margin:4px 0}
.magazine-brand small{font-size:7px;letter-spacing:.23em}
.back-link{display:flex;gap:10px;align-items:center;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:600;border-bottom:1px solid transparent}
.back-link:hover{border-color:currentColor}
.story-cover{min-height:calc(100svh - 86px);display:grid;grid-template-columns:minmax(440px,53vw) 1fr;border-bottom:1px solid var(--line)}
.cover-photo{margin:0;background:#171813;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:calc(100svh - 86px)}
.cover-photo img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
.cover-photo figcaption{padding:11px 24px;color:#b9b9b2;background:#171813;font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.cover-copy{padding:clamp(45px,6vw,95px) clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.cover-copy:after{content:"64";position:absolute;right:-25px;bottom:-105px;font:500 clamp(240px,29vw,510px)/.7 var(--serif);color:#e4ebf2;z-index:-1}
.section-label{margin:0;color:var(--purple);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2em}
.brand-mark{width:96px;margin:38px 0 28px;filter:drop-shadow(0 7px 12px #00000016)}
.brand-mark img{width:100%;height:auto}
.cover-copy h1{font:500 clamp(53px,6.5vw,104px)/.88 var(--serif);letter-spacing:-.05em;margin:0;max-width:780px}
.cover-copy h1 span{display:block;color:var(--orange);font-style:italic}
.dek{font:400 clamp(19px,1.65vw,26px)/1.4 var(--serif);max-width:620px;margin:35px 0;color:#4f514b}
.story-meta{display:flex;gap:28px;padding-top:20px;border-top:1px solid var(--line);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.16em}
.story-body{padding:clamp(80px,10vw,150px) 8vw;display:grid;grid-template-columns:230px minmax(0,760px);gap:9vw;justify-content:center}
.story-aside{align-self:start;position:sticky;top:35px;padding-top:10px}
.story-aside>p{font:500 clamp(90px,10vw,150px)/.7 var(--serif);letter-spacing:-.08em;color:var(--orange);margin:0}
.story-aside>span{display:block;margin:23px 0 50px;text-transform:uppercase;letter-spacing:.18em;font-size:9px;font-weight:600;color:var(--muted)}
.story-aside img{width:105px;height:auto}
.story-text{font:400 20px/1.78 var(--serif);color:#3f413c}
.story-text p{margin:0 0 30px}
.story-text .lead{font-size:clamp(27px,2.5vw,38px);line-height:1.42;color:var(--ink)}
.story-text .lead:first-letter{float:left;font-size:6.1rem;line-height:.75;margin:.18em .12em 0 0;color:var(--orange)}
.story-text blockquote{margin:75px 0;padding:50px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}
.story-text blockquote>span{position:absolute;top:31px;left:-5px;font:500 85px/.7 var(--serif);color:var(--orange)}
.story-text blockquote p{font:500 clamp(36px,4.2vw,61px)/1.05 var(--serif);letter-spacing:-.035em;margin:0;padding-left:42px;color:var(--ink)}
.contact-panel{margin:0 5vw 80px;padding:clamp(55px,7vw,90px);background:var(--green);color:#fff;display:grid;grid-template-columns:1fr .85fr;gap:7vw;position:relative;overflow:hidden}
.contact-panel:before{content:"";position:absolute;width:440px;height:440px;border:1px solid #ffffff18;border-radius:50%;right:-200px;top:-220px;box-shadow:0 0 0 80px #ffffff0a,0 0 0 160px #ffffff06}
.contact-panel .section-label{color:#b9d7f2}
.contact-panel h2{font:500 clamp(39px,4.6vw,70px)/1 var(--serif);letter-spacing:-.04em;margin:18px 0 25px;max-width:780px}
.contact-panel>div:first-child>p:last-child{color:#d3ddd7;max-width:600px}
.contact-actions{display:grid;align-content:center;gap:14px;position:relative;z-index:1}
.contact-actions a{display:grid;grid-template-columns:1fr auto;align-items:center;padding:19px 22px;border:1px solid #ffffff5e;transition:.3s}
.contact-actions a:hover{background:#fff;color:var(--green);transform:translateX(5px)}
.contact-actions span{grid-column:1;font-size:9px;text-transform:uppercase;letter-spacing:.18em}
.contact-actions strong{grid-column:1;font:500 24px var(--serif)}
.contact-actions i{grid-column:2;grid-row:1/3;font-style:normal;font-size:20px}
.contact-logo{position:absolute;left:clamp(55px,7vw,90px);bottom:35px;width:82px;height:auto;opacity:.32;filter:grayscale(1) brightness(5)}
.article-footer{padding:45px 6vw 30px;background:#0b2343;color:#f4f7fa;display:grid;grid-template-columns:1fr auto auto;gap:5vw;align-items:end}
.article-footer>p{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#9fa39b;margin:0}
@media(max-width:960px){.story-cover{grid-template-columns:1fr;min-height:0}.cover-photo{min-height:0}.cover-photo img{height:auto;object-fit:initial}.cover-copy{min-height:660px}.story-body{grid-template-columns:150px minmax(0,1fr);gap:7vw}.story-aside img{width:85px}.contact-panel{grid-template-columns:1fr}.contact-logo{right:50px;left:auto;bottom:35px}.article-footer{grid-template-columns:1fr 1fr}.article-footer .magazine-brand{grid-column:1/-1}}
@media(max-width:640px){.article-header{height:74px;padding:0 20px}.magazine-brand strong{font-size:18px}.magazine-brand small{display:none}.back-link{font-size:8px}.story-cover{display:block}.cover-photo figcaption{padding:10px 16px}.cover-copy{min-height:auto;padding:65px 24px 85px}.cover-copy:after{font-size:270px;bottom:-35px}.brand-mark{width:72px;margin:30px 0 25px}.cover-copy h1{font-size:58px}.dek{font-size:20px}.story-meta{display:grid;gap:7px}.story-body{padding:80px 24px;display:block}.story-aside{position:static;display:flex;align-items:end;gap:15px;padding:0 0 50px}.story-aside>p{font-size:90px}.story-aside>span{margin:0 0 5px}.story-aside img{margin-left:auto;width:65px}.story-text{font-size:18px}.story-text .lead{font-size:26px}.story-text blockquote{margin:55px 0;padding:40px 0}.story-text blockquote p{font-size:38px;padding-left:30px}.story-text blockquote>span{font-size:65px}.contact-panel{margin:0;padding:70px 24px 100px}.contact-actions strong{font-size:21px}.contact-logo{left:24px;right:auto;bottom:25px;width:68px}.article-footer{grid-template-columns:1fr;padding:45px 24px 28px;gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}

/* Miolo editorial em formato de revista aberta */
.magazine-stage{padding:72px 4vw 90px;background:#d9d9d7;overflow:hidden}
.spread{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(1420px,100%);margin:auto;background:#fbfcfd;box-shadow:0 30px 70px #18324f38,0 3px 12px #18324f20}
.spread:after{content:"";position:absolute;z-index:5;top:0;bottom:0;left:50%;width:34px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,#0000000d,transparent 42%,#00000005 54%,#00000018)}
.paper-page{position:relative;min-width:0;min-height:980px;padding:46px 48px 42px;background:#fbfcfd}
.left-page{border-right:1px solid #d9d5cc}
.page-running-head{display:flex;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid #ada99f;color:#4d504a;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.16em}
.spread-label{margin:38px 0 18px;color:var(--purple);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.19em}
.spread-logo{width:70px;height:auto;margin:0 0 15px}
.left-page h1{font:500 clamp(56px,5.3vw,82px)/.82 var(--serif);letter-spacing:-.055em;margin:0;max-width:620px}
.left-page h1 em{font-weight:500;color:var(--orange)}
.spread-dek{max-width:550px;margin:28px 0 30px;padding-bottom:24px;border-bottom:4px solid var(--orange);font:600 16px/1.45 var(--sans)}
.editorial-columns{display:grid;grid-template-columns:1fr 1fr;gap:31px;font:400 14px/1.56 var(--serif);text-align:left;hyphens:auto;color:#3f413c}
.editorial-columns>div+div{border-left:1px solid #dad6cd;padding-left:31px}
.editorial-columns p{margin:0 0 15px}
.editorial-columns .dropcap:first-letter{float:left;font:500 67px/.73 var(--serif);margin:.15em .1em 0 0;color:var(--orange)}
.spread-quote{width:100%;margin:18px 0 8px;padding:10px 16px;border-left:5px solid var(--orange);background:#e4edf5;color:var(--ink);font:500 20px/1.1 var(--serif)}
.generation-bikes{margin:0 0 42px}
.generation-bikes img{width:100%;height:88px;object-fit:contain;filter:drop-shadow(0 7px 7px #2b2b2818)}
.generation-bikes figcaption{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4px;padding-top:7px;border-top:1px solid #c6c1b6;color:#6d7068;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;text-align:center}
.generation-bikes figcaption span:first-child{text-align:left}
.generation-bikes figcaption span:last-child{text-align:right}
.page-number{position:absolute;left:48px;right:48px;bottom:28px;display:flex;align-items:center;justify-content:space-between;color:#70736c;font-size:7px;text-transform:uppercase;letter-spacing:.13em}
.page-number span{font:600 12px var(--sans);color:var(--orange)}
.right-layout{display:grid;grid-template-columns:.5fr 1.5fr;gap:22px;margin-top:38px}
.continuation{font:400 13px/1.53 var(--serif);text-align:left;hyphens:auto;color:#3f413c}
.continuation>p{margin:0 0 17px}
.continuation aside{margin-top:28px;padding:22px 0;border-top:4px solid var(--orange);border-bottom:1px solid var(--line);display:grid}
.continuation aside strong{font:500 80px/.7 var(--serif);letter-spacing:-.07em;color:var(--orange)}
.continuation aside span{margin-top:17px;font:600 8px var(--sans);text-transform:uppercase;letter-spacing:.17em}
.spread-photo{margin:0;align-self:start}
.spread-photo img{width:100%;height:620px;object-fit:cover;object-position:center}
.spread-photo figcaption{padding:10px 0 0;color:#74766f;font-size:7px;line-height:1.45;text-transform:uppercase;letter-spacing:.1em}
.spread-contact{position:absolute;left:48px;right:48px;bottom:68px;min-height:225px;padding:32px 25px;background:var(--green);color:#fff;display:grid;grid-template-columns:.82fr 1.18fr;gap:25px;align-items:center}
.spread-contact p{margin:0 0 4px;color:#b9d7f2;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.18em}
.spread-contact h2{font:500 23px/1.05 var(--serif);margin:0}
.spread-actions{display:grid;gap:6px}
.spread-actions a{display:grid;grid-template-columns:1fr auto;align-items:center;padding:8px 10px;border:1px solid #ffffff54;transition:.25s}
.spread-actions a:hover{background:#fff;color:var(--green)}
.spread-actions span{grid-column:1;font-size:6px;text-transform:uppercase;letter-spacing:.16em}
.spread-actions strong{grid-column:1;font:500 15px var(--serif)}
.spread-actions i{grid-column:2;grid-row:1/3;font-style:normal}
.right-page .page-number{left:48px}

@media(max-width:1050px){
  .magazine-stage{padding:45px 24px 65px}
  .spread{display:block;max-width:720px}
  .spread:after{display:none}
  .paper-page{min-height:980px}
  .left-page{border-right:0;border-bottom:1px solid #d9d5cc}
  .spread-contact{position:static;min-height:0;margin-top:32px}
  .spread-photo img{height:auto;object-fit:initial}
}
@media(max-width:640px){
  .magazine-stage{padding:0;background:#fbfcfd}
  .spread{width:100%;box-shadow:none}
  .paper-page{min-height:0;padding:36px 24px 80px}
  .page-running-head{font-size:7px}
  .spread-label{margin-top:32px}
  .spread-logo{width:64px}
  .left-page h1{font-size:56px}
  .spread-dek{font-size:15px}
  .editorial-columns{grid-template-columns:1fr;font-size:16px;text-align:left}
  .editorial-columns>div+div{border-left:0;padding-left:0}
  .spread-quote{width:100%;margin:30px 0 15px;font-size:23px}
  .generation-bikes{margin:25px 0 15px}
  .generation-bikes img{height:auto}
  .generation-bikes figcaption{font-size:8px}
  .page-number{left:24px;right:24px;bottom:24px}
  .right-layout{grid-template-columns:1fr;margin-top:32px}
  .continuation{font-size:16px;text-align:left}
  .continuation aside{display:none}
  .spread-photo{grid-row:1}
  .spread-photo img{height:auto;object-fit:initial}
  .spread-contact{grid-template-columns:1fr;padding:25px 20px;margin:30px 0 15px}
  .spread-contact h2{font-size:28px}
  .spread-actions strong{font-size:17px}
  .right-page .page-number{left:24px}
}

/* Reportagem compacta em uma única página editorial */
.single-stage{padding:64px 4vw 82px;background:#d9d9d7}
.article-sheet{width:min(1120px,100%);margin:auto;padding:44px 52px 30px;background:#fbfcfd;box-shadow:0 28px 65px #18324f30,0 3px 10px #18324f18}
.single-running-head{display:flex;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid #ada99f;color:#4d504a;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.16em}
.single-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);gap:48px;align-items:start;margin-top:38px}
.single-headline{min-width:0;padding-top:7px}
.single-label{margin:0 0 20px;color:var(--purple);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.19em}
.single-logo{width:72px;height:auto;margin:0 0 18px}
.single-headline h1{font:500 clamp(58px,6.1vw,88px)/.82 var(--serif);letter-spacing:-.055em;margin:0}
.single-headline h1 em{font-weight:500;color:var(--orange)}
.single-dek{margin:30px 0 0;padding:23px 0 0;border-top:4px solid var(--orange);font:600 16px/1.5 var(--sans)}
.history-quote{margin:28px 0 0;padding:20px 22px;border-left:4px solid var(--orange);background:var(--green);color:#fff}
.history-quote p{margin:0;font:italic 500 14px/1.52 var(--serif)}
.history-quote cite{display:block;margin-top:9px;color:#b9d7f2;font:600 9px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.14em}
.single-photo{min-width:0;margin:0}
.single-photo img{display:block;width:100%;height:auto;object-fit:initial}
.single-photo figcaption{padding:10px 0 0;color:#74766f;font-size:7px;line-height:1.45;text-transform:uppercase;letter-spacing:.1em}
.single-body{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:42px;margin-top:45px;padding-top:38px;border-top:1px solid var(--line);align-items:start}
.single-columns{display:grid;grid-template-columns:1fr 1fr;gap:34px;font:400 15px/1.62 var(--serif);color:#3f413c}
.single-columns>div+div{padding-left:34px;border-left:1px solid #dad6cd}
.single-columns p{margin:0 0 18px}
.single-columns .dropcap:first-letter{float:left;font:500 72px/.72 var(--serif);margin:.16em .1em 0 0;color:var(--orange)}
.single-highlight{padding:26px 24px;background:#e4edf5;border-top:5px solid var(--orange)}
.single-highlight>div{display:grid;padding-bottom:21px;border-bottom:1px solid #bbccdc}
.single-highlight strong{font:500 78px/.72 var(--serif);letter-spacing:-.06em;color:var(--orange)}
.single-highlight span{margin-top:16px;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.17em}
.single-highlight blockquote{margin:24px 0 0;color:var(--ink);font:500 24px/1.08 var(--serif)}
.single-contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center;margin-top:36px;padding:27px 30px;background:var(--green);color:#fff}
.single-contact p{margin:0 0 5px;color:#b9d7f2;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.18em}
.single-contact h2{font:500 27px/1.04 var(--serif);margin:0}
.single-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.single-actions a{display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 12px;border:1px solid #ffffff54;transition:.25s}
.single-actions a:hover{background:#fff;color:var(--green)}
.single-actions span{grid-column:1;font-size:6px;text-transform:uppercase;letter-spacing:.16em}
.single-actions strong{grid-column:1;font:500 16px var(--serif)}
.single-actions i{grid-column:2;grid-row:1/3;font-style:normal}
.single-footer{display:flex;align-items:center;justify-content:space-between;padding-top:18px;color:#70736c;font-size:7px;text-transform:uppercase;letter-spacing:.13em}
.single-footer span{font:600 12px var(--sans);color:var(--orange)}

@media(max-width:900px){
  .single-stage{padding:44px 24px 64px}
  .article-sheet{padding:38px 38px 28px}
  .single-hero{grid-template-columns:minmax(0,1fr);gap:36px}
  .single-photo{width:100%;max-width:600px}
  .single-body{grid-template-columns:minmax(0,1fr)}
  .single-highlight{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}
  .single-highlight>div{padding:0 25px 0 0;border:0;border-right:1px solid #bbccdc}
  .single-highlight blockquote{margin:0}
  .single-contact{grid-template-columns:1fr}
}
@media(max-width:640px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .article-header{width:100vw;max-width:100vw}
  .single-stage{padding:0;background:#fbfcfd}
  .single-stage,.article-sheet{width:100vw;max-width:100vw}
  .article-sheet{padding:34px 24px 25px;box-shadow:none}
  .single-hero,.single-body,.single-columns,.single-contact,.single-actions{width:100%;max-width:100%;min-width:0}
  .single-hero{margin-top:30px;gap:30px}
  .single-photo{width:calc(100vw - 48px);max-width:calc(100vw - 48px)}
  .single-label{margin-bottom:17px}
  .single-logo{width:64px}
  .single-headline h1{max-width:100%;font-size:48px;line-height:.86;overflow-wrap:normal}
  .single-dek{font-size:15px}
  .history-quote{margin-top:24px;padding:18px 19px}
  .history-quote p{font-size:15px}
  .single-body{margin-top:36px;padding-top:32px;gap:28px}
  .single-columns{grid-template-columns:minmax(0,1fr);font-size:16px;gap:0}
  .single-columns>div+div{padding-left:0;border-left:0}
  .single-highlight{grid-template-columns:118px 1fr;padding:22px 20px;gap:20px}
  .single-highlight strong{font-size:66px}
  .single-highlight blockquote{font-size:21px}
  .single-contact{margin-top:28px;padding:25px 20px;gap:22px}
  .single-contact h2{font-size:28px}
  .single-actions{grid-template-columns:minmax(0,1fr)}
  .single-actions strong{font-size:17px}
}