/* Desktop: measurements from the approved 1920px Figma frame. */
.site-header{position:absolute;z-index:30;color:var(--paper);transition:background .5s,box-shadow .5s,width .7s var(--ease),height .7s var(--ease),border-radius .7s}.site-header nav{display:contents}.brand{display:block;position:absolute}.brand img{position:absolute;width:100%;height:100%;object-fit:contain;transition:opacity .4s}.brand-dark{opacity:0}.site-header nav>a{position:absolute;font:400 calc(10 * var(--u))/calc(15 * var(--u)) Favorit;white-space:nowrap;text-transform:uppercase}.site-header nav>a:not(.pill):after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.site-header nav>a:hover:after{transform:scaleX(1)}.site-header.is-compact{position:fixed;left:50%;transform:translateX(-50%);top:18px;border-radius:999px;background:rgba(248,248,248,.77);backdrop-filter:blur(20px);-webkit-backdrop:blur(20px);box-shadow:0 3px 24px #00000008;color:var(--dark)}.is-compact .brand-white{opacity:0}.is-compact .brand-dark{opacity:1}.site-header.is-compact nav>a{font-size:calc(9 * var(--u))}
.hero-copy,.hero-bottom,.title-row,.partnership-body,.decisions-copy,.voices-intro,.backstage-intro,.backstage-collage,.backstage-bottom,.backstage-bottom .actions,.anniversary-heading,.anniversary-bottom,.journal-body,.journal-copy,.portfolio-copy,.footer-top,.footer-brand-row,.footer-bottom,.copyright,.socials{display:contents}.hero h1{font-size:calc(69.677 * var(--u));line-height:calc(74.032 * var(--u));letter-spacing:calc(-1.2542 * var(--u));text-transform:uppercase}.hero h1 .otto{font-size:calc(72.581 * var(--u))}.hero-copy>.eyebrow{font-family:Favorit;font-size:calc(9.435 * var(--u));line-height:calc(10.887 * var(--u))}.hero-sub{font:300 calc(16.889 * var(--u))/1.35 Otto}.hero-bottom .pill{font-size:calc(7.258 * var(--u));line-height:calc(10.887 * var(--u))}.hero-bottom .pill:hover,.anniversary .pill:hover{background:var(--paper);color:var(--ink)}.circle-play img{width:100%;height:100%}.hero-rule{display:block;background:var(--paper);height:1px}.draw-rule img{width:100%;height:100%}.title-row h2{font-size:calc(105 * var(--u));line-height:1.02;letter-spacing:-.02em}.small-index{font:300 calc(20 * var(--u))/1.15 Otto}.decisions-copy h2,.backstage-intro h2{font-size:calc(76.349 * var(--u));line-height:calc(79.984 * var(--u));letter-spacing:-.018em}.voices-intro h2{font-size:calc(105 * var(--u));line-height:calc(110 * var(--u));letter-spacing:-.018em;text-align:center}.voices-intro .body{text-align:center;line-height:1.35}
.interview-scroll{height:calc(100svh + 3400px)}.interview-stage{height:100svh;position:sticky;top:0;overflow:hidden;--card-h:calc(886 * var(--u));--card-top:calc((100svh - var(--card-h)) / 2);--card-left:calc(591 * var(--u))}.portrait-stack{position:absolute;left:var(--card-left);top:var(--card-top);width:calc(738 * var(--u));height:var(--card-h)}.portrait{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 0%;will-change:transform;box-shadow:0 14px 28px #0000000b;background:#27221e}.portrait>img:first-child{position:absolute;object-fit:fill;max-width:none}.portrait .portrait-play{position:absolute;left:50%;top:50%;width:calc(82 * var(--u));height:auto;transform:translate(-50%,-50%);transition:transform .4s var(--ease)}.portrait:hover .portrait-play{transform:translate(-50%,-50%) scale(1.1)}.portrait:not(.card-0){transform:translateY(120vh)}.numbers{position:absolute;left:calc(20 * var(--u));top:calc(var(--card-top) + 393 * var(--u));width:calc(137 * var(--u));height:calc(112 * var(--u))}.chapter-number{position:absolute;font:300 calc(104 * var(--u))/calc(112 * var(--u)) Plantin;letter-spacing:-.018em;opacity:0;transform:translateY(15px);transition:opacity .32s,transform .5s var(--ease)}.chapter-number.active{opacity:1;transform:none}.chapter-details{position:absolute;left:calc(1350 * var(--u));top:var(--card-top);width:calc(550 * var(--u));height:var(--card-h)}.chapter-info{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity .35s,transform .5s var(--ease)}.chapter-info.active{opacity:1;pointer-events:auto;transform:none}.chapter-label{position:absolute;top:0;left:0;color:var(--stone)}.chapter-copy{position:absolute;top:calc(404 * var(--u));left:0}.chapter-copy h3{font:300 calc(32 * var(--u))/calc(34 * var(--u)) Otto;letter-spacing:-.018em;text-transform:uppercase}.micro{font:400 calc(10 * var(--u))/calc(15 * var(--u)) Favorit;color:var(--stone);text-transform:uppercase;max-width:calc(260 * var(--u));margin-top:calc(15 * var(--u))}.chapter-info .pill{position:absolute;left:0;bottom:0;width:calc(251 * var(--u));height:calc(51 * var(--u));color:var(--stone)}
.landscape,.portfolio,.footer{background:transparent}.landscape-canvas{position:relative}.landscape h2{font-size:calc(105 * var(--u));line-height:calc(110 * var(--u));text-transform:uppercase;letter-spacing:-.018em}.landscape-slot video{object-fit:cover;object-position:50% 50%}.bts-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.bts-photo:hover img{transform:scale(1.035)}.backstage-intro .eyebrow{color:var(--stone)}.backstage-bottom .body{line-height:1.35}.anniversary>.shade{background:#302e2b;opacity:.47;mix-blend-mode:multiply}.anniversary-eyebrow{font-family:Favorit;font-size:calc(9.435 * var(--u));line-height:calc(10.887 * var(--u));text-align:center}.anniversary-mark img{width:100%;height:100%}.anniversary h2{font-size:calc(77.778 * var(--u));line-height:1.02;letter-spacing:-.02em;text-align:center}.anniversary-bottom p{font:300 calc(16.889 * var(--u))/1.35 Otto;text-align:center}.anniversary>video{height:100%;top:0;transform:none!important}.journal>h2{font-size:calc(94 * var(--u));line-height:calc(106 * var(--u));font-weight:500;text-transform:uppercase}.journal>h2 .serif{font-size:calc(99 * var(--u));font-weight:600}.journal-lines{position:absolute;pointer-events:none}.journal-lines img{width:100%;height:1px;margin-bottom:calc(39 * var(--u))}.journal-issue{font:400 calc(10 * var(--u))/calc(15 * var(--u)) Favorit}.journal-copy p{font:300 calc(32 * var(--u))/calc(40 * var(--u)) Plantin;letter-spacing:-.018em;text-transform:uppercase;color:var(--dark)}/* A borda inferior do papel está em 88,8% da imagem, antes da sombra. */
.journal-cover{overflow:hidden;transform-origin:50% 88.8%;scale:1.2}.journal-cover img{position:absolute;width:257.16%;height:100%;left:-85.63%;top:0;max-width:none}.journal-copy .pill{color:var(--stone)}.history-banner{position:relative;color:var(--paper)}.history-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important}.history-banner h2{font-size:calc(85 * var(--u));line-height:calc(110 * var(--u));letter-spacing:-.018em;text-align:center}.history-banner em{font-weight:500}.portfolio-copy>.eyebrow{color:var(--stone)}.portfolio-copy h2{font-size:calc(56.727 * var(--u));line-height:calc(70.909 * var(--u));letter-spacing:-.018em;text-transform:uppercase}.portfolio-copy>p:not(.eyebrow){font:400 calc(18 * var(--u))/calc(27 * var(--u)) Saans}.portfolio-arrow{font:400 calc(32 * var(--u))/calc(22 * var(--u)) Saans;color:var(--stone)}.portfolio-copy .pill{color:var(--stone)}.footer-heading{font-size:calc(50 * var(--u));line-height:calc(56 * var(--u));text-transform:uppercase}.footer-heading .serif{font-size:calc(54 * var(--u))}.footer-body{font:300 calc(20 * var(--u))/1.45 Otto;color:var(--stone)}.footer-nav{display:contents}.footer-nav a{font:400 calc(21 * var(--u))/calc(48 * var(--u)) Favorit;text-transform:uppercase;text-align:right;color:var(--stone);text-decoration:underline;text-underline-offset:4px}.footer-logo img,.socials img{width:100%;height:100%;object-fit:contain}.back-top,.copyright{font:400 calc(18 * var(--u))/calc(28 * var(--u)) Saans;color:var(--stone)}.disclaimer{display:contents;color:var(--stone);font:400 calc(13.13 * var(--u))/calc(20.424 * var(--u)) Saans;text-align:right}.disclaimer>p:first-child{text-transform:uppercase}.footer a:hover{text-decoration:underline;text-underline-offset:4px}.footer-rule{position:absolute;pointer-events:none;z-index:0}.footer>div,.footer>a{z-index:1}

.site-header{position:absolute;left:calc(105 * var(--u));top:calc(86 * var(--u));width:calc(1733 * var(--u));height:calc(44.28 * var(--u));}

.site-header .brand{position:absolute;left:calc(0 * var(--u));top:calc(6.18 * var(--u));width:calc(322.3 * var(--u));height:calc(31.98 * var(--u));}

.site-header nav>a[href="#parceria"]{position:absolute;left:calc(1097 * var(--u));top:calc(14.64 * var(--u));width:calc(80 * var(--u));height:calc(15 * var(--u));}

.site-header nav>a[href="#vozes"]{position:absolute;left:calc(1249 * var(--u));top:calc(14.64 * var(--u));width:calc(68 * var(--u));height:calc(15 * var(--u));}

.site-header nav>a[href="#jornal"]{position:absolute;left:calc(1384 * var(--u));top:calc(14.64 * var(--u));width:calc(68 * var(--u));height:calc(15 * var(--u));}

.site-header nav>.pill{position:absolute;left:calc(1515.73 * var(--u));top:calc(0 * var(--u));width:calc(217.27 * var(--u));height:calc(44.28 * var(--u));}

.site-header.is-compact{width:calc(1160 * var(--u));height:calc(75.607 * var(--u));}

.site-header.is-compact .brand{position:absolute;left:calc(22.07 * var(--u));top:calc(25.09 * var(--u));width:calc(256.857 * var(--u));height:calc(25.484 * var(--u));}

.site-header.is-compact nav>a[href="#parceria"]{position:absolute;left:calc(648.36 * var(--u));top:calc(30.04 * var(--u));width:calc(73.536 * var(--u));height:calc(15.536 * var(--u));}

.site-header.is-compact nav>a[href="#vozes"]{position:absolute;left:calc(760.21 * var(--u));top:calc(30.04 * var(--u));width:calc(61.107 * var(--u));height:calc(15.536 * var(--u));}

.site-header.is-compact nav>a[href="#jornal"]{position:absolute;left:calc(854.46 * var(--u));top:calc(30.04 * var(--u));width:calc(61.107 * var(--u));height:calc(15.536 * var(--u));}

.site-header.is-compact nav>.pill{position:absolute;left:calc(945.61 * var(--u));top:calc(15.54 * var(--u));width:calc(195.75 * var(--u));height:calc(44.536 * var(--u));}

.hero{margin:calc(20 * var(--u)) calc(20 * var(--u)) 0;width:calc(1880 * var(--u));height:calc(1057 * var(--u));}

.hero-copy>.eyebrow{position:absolute;left:calc(80 * var(--u));top:calc(493 * var(--u));width:calc(200 * var(--u));height:calc(11 * var(--u));}

.hero h1{position:absolute;left:calc(80 * var(--u));top:calc(527.11 * var(--u));width:calc(1100 * var(--u));height:calc(150 * var(--u));}

.hero-sub{position:absolute;left:calc(80 * var(--u));top:calc(724 * var(--u));width:calc(516.048 * var(--u));height:calc(23 * var(--u));}

.hero-bottom>.pill{position:absolute;left:calc(80 * var(--u));top:calc(902.98 * var(--u));width:calc(182.177 * var(--u));height:calc(37.016 * var(--u));}

.hero-bottom>.circle-play{position:absolute;left:calc(266.53 * var(--u));top:calc(902.98 * var(--u));width:calc(37.016 * var(--u));height:calc(37.016 * var(--u));}

.hero-rule{position:absolute;left:calc(80 * var(--u));top:calc(968 * var(--u));width:calc(1728 * var(--u));}

.partnership{height:calc(1615 * var(--u));}

.title-row>.eyebrow{position:absolute;left:calc(20 * var(--u));top:calc(569 * var(--u));width:calc(180 * var(--u));height:calc(24 * var(--u));}

.title-row h2{position:absolute;left:calc(395 * var(--u));top:calc(559 * var(--u));width:calc(1427 * var(--u));height:calc(214 * var(--u));}

.draw-rule{position:absolute;left:calc(20.13 * var(--u));top:calc(851 * var(--u));width:calc(1879.75 * var(--u));height:calc(81 * var(--u));}

.partnership-body .small-index{position:absolute;left:calc(20 * var(--u));top:calc(1078 * var(--u));width:calc(27 * var(--u));height:calc(23 * var(--u));}

.partnership-body .body{position:absolute;left:calc(400 * var(--u));top:calc(1069 * var(--u));width:calc(1109 * var(--u));height:calc(230 * var(--u));}

.decisions{height:calc(1462 * var(--u));}

.decisions-film{position:absolute;left:calc(22 * var(--u));top:calc(0 * var(--u));width:calc(928 * var(--u));height:calc(1065 * var(--u));}

.decisions-copy>.eyebrow{position:absolute;left:calc(1160 * var(--u));top:calc(0 * var(--u));width:calc(300 * var(--u));height:calc(24 * var(--u));}

.decisions-copy h2{position:absolute;left:calc(1160 * var(--u));top:calc(41 * var(--u));width:calc(446 * var(--u));height:calc(160 * var(--u));}

.decisions-copy .body{position:absolute;left:calc(1160 * var(--u));top:calc(571 * var(--u));width:calc(673 * var(--u));height:calc(506 * var(--u));}

.voices-intro h2{position:absolute;left:calc(166 * var(--u));top:calc(0 * var(--u));width:calc(1587 * var(--u));height:calc(110 * var(--u));}

.voices-intro .body{position:absolute;left:calc(385 * var(--u));top:calc(135 * var(--u));width:calc(1150 * var(--u));height:calc(130 * var(--u));}

.voices{padding-top:calc(405 * var(--u));}

.landscape{margin-top:calc(279 * var(--u));}

.landscape-canvas{height:calc(4663 * var(--u));}

.landscape-a{position:absolute;left:calc(20 * var(--u));top:calc(188 * var(--u));width:calc(885 * var(--u));height:calc(1077 * var(--u));}

.landscape-b{position:absolute;left:calc(1160 * var(--u));top:calc(188 * var(--u));width:calc(267 * var(--u));height:calc(311 * var(--u));}

.landscape-c{position:absolute;left:calc(1160 * var(--u));top:calc(914 * var(--u));width:calc(550 * var(--u));height:calc(669 * var(--u));}

.landscape-d{position:absolute;left:calc(400 * var(--u));top:calc(2623 * var(--u));width:calc(738 * var(--u));height:calc(986 * var(--u));}

.landscape-e{position:absolute;left:calc(1540 * var(--u));top:calc(2623 * var(--u));width:calc(359 * var(--u));height:calc(491 * var(--u));}

.landscape-f{position:absolute;left:calc(400 * var(--u));top:calc(3799 * var(--u));width:calc(1499 * var(--u));height:calc(843 * var(--u));}

.landscape h2{position:absolute;left:calc(20 * var(--u));top:calc(1860 * var(--u));width:calc(1000 * var(--u));height:calc(440 * var(--u));}

.landscape-body{position:absolute;left:calc(1160 * var(--u));top:calc(1860 * var(--u));width:calc(740 * var(--u));height:calc(230 * var(--u));}

.backstage{height:calc(2008 * var(--u));}

.backstage-intro>.eyebrow{position:absolute;left:calc(213 * var(--u));top:calc(350 * var(--u));width:calc(300 * var(--u));height:calc(24 * var(--u));}

.backstage-intro h2{position:absolute;left:calc(206 * var(--u));top:calc(399 * var(--u));width:calc(949 * var(--u));height:calc(160 * var(--u));}

.bts-a{position:absolute;left:calc(213 * var(--u));top:calc(702 * var(--u));width:calc(357 * var(--u));height:calc(238 * var(--u));}

.bts-b{position:absolute;left:calc(591 * var(--u));top:calc(702 * var(--u));width:calc(738 * var(--u));height:calc(497 * var(--u));}

.bts-c{position:absolute;left:calc(1350 * var(--u));top:calc(832 * var(--u));width:calc(550 * var(--u));height:calc(367 * var(--u));}

.bts-d{position:absolute;left:calc(20 * var(--u));top:calc(1075 * var(--u));width:calc(550 * var(--u));height:calc(367 * var(--u));}

.bts-e{position:absolute;left:calc(590 * var(--u));top:calc(1216 * var(--u));width:calc(360 * var(--u));height:calc(240 * var(--u));}

.bts-f{position:absolute;left:calc(970 * var(--u));top:calc(1216 * var(--u));width:calc(550 * var(--u));height:calc(367 * var(--u));}

.backstage-bottom .body{position:absolute;left:calc(213 * var(--u));top:calc(1718 * var(--u));width:calc(737 * var(--u));height:calc(129 * var(--u));}

.backstage-bottom .actions>:nth-child(1){position:absolute;left:calc(1184 * var(--u));top:calc(1783 * var(--u));width:calc(251 * var(--u));height:calc(51 * var(--u));}

.backstage-bottom .actions>:nth-child(2){position:absolute;left:calc(1454 * var(--u));top:calc(1783 * var(--u));width:calc(251 * var(--u));height:calc(51 * var(--u));}

.backstage-rule{position:absolute;left:calc(20 * var(--u));top:calc(1927 * var(--u));width:calc(1880 * var(--u));height:calc(1 * var(--u));}

.anniversary{margin:0 calc(20 * var(--u));width:calc(1880 * var(--u));height:calc(1058 * var(--u));}

.anniversary-eyebrow{position:absolute;left:calc(877 * var(--u));top:calc(36 * var(--u));width:calc(127 * var(--u));height:calc(11 * var(--u));}

.anniversary-mark{position:absolute;left:calc(926 * var(--u));top:calc(368 * var(--u));width:calc(46.4 * var(--u));height:calc(46.4 * var(--u));}

.anniversary h2{position:absolute;left:calc(191 * var(--u));top:calc(450 * var(--u));width:calc(1499 * var(--u));height:calc(158 * var(--u));}

.anniversary-bottom p{position:absolute;left:calc(539 * var(--u));top:calc(905 * var(--u));width:calc(802 * var(--u));height:calc(23 * var(--u));}

.anniversary-bottom>.pill{position:absolute;left:calc(795 * var(--u));top:calc(964 * var(--u));width:calc(291 * var(--u));height:calc(51 * var(--u));}

.journal{height:calc(1824 * var(--u));}

.journal>h2{position:absolute;left:calc(394 * var(--u));top:calc(379 * var(--u));width:calc(1526 * var(--u));height:calc(318 * var(--u));}

.journal-lines{position:absolute;left:calc(20 * var(--u));top:calc(900 * var(--u));width:calc(1880 * var(--u));}

.journal-issue{position:absolute;left:calc(20 * var(--u));top:calc(881 * var(--u));width:calc(73 * var(--u));height:calc(15 * var(--u));}

.journal-copy p{position:absolute;left:calc(400 * var(--u));top:calc(866 * var(--u));width:calc(525 * var(--u));height:calc(200 * var(--u));}

.journal-copy .pill{position:absolute;left:calc(400 * var(--u));top:calc(1402 * var(--u));width:calc(201 * var(--u));height:calc(51 * var(--u));}

.journal-cover{position:absolute;left:calc(1110 * var(--u));top:calc(696 * var(--u));width:calc(589 * var(--u));height:calc(852 * var(--u));}

.history-banner{margin:0 calc(20 * var(--u));height:calc(1058 * var(--u));}

.history-banner h2{position:absolute;left:calc(422 * var(--u));top:calc(474 * var(--u));width:calc(1036 * var(--u));height:calc(110 * var(--u));}

.portfolio{height:calc(1391.5 * var(--u));}

.portfolio-film{position:absolute;left:calc(20 * var(--u));top:calc(381 * var(--u));width:calc(1120 * var(--u));height:calc(859 * var(--u));}

.portfolio-copy>.eyebrow{position:absolute;left:calc(1158 * var(--u));top:calc(381 * var(--u));width:calc(300 * var(--u));height:calc(24 * var(--u));}

.portfolio-copy h2{position:absolute;left:calc(1158 * var(--u));top:calc(443 * var(--u));width:calc(650 * var(--u));height:calc(142 * var(--u));}

.portfolio-copy>p:not(.eyebrow){position:absolute;left:calc(1160 * var(--u));top:calc(595 * var(--u));width:calc(355 * var(--u));height:calc(108 * var(--u));}

.portfolio-arrow{position:absolute;left:calc(1160 * var(--u));top:calc(1081 * var(--u));width:calc(32 * var(--u));height:calc(22 * var(--u));}

.portfolio-copy .pill{position:absolute;left:calc(1160 * var(--u));top:calc(1189 * var(--u));width:calc(341 * var(--u));height:calc(51 * var(--u));}

.footer{height:calc(870 * var(--u));}

.footer-heading{position:absolute;left:calc(18 * var(--u));top:calc(120 * var(--u));width:calc(1395 * var(--u));height:calc(110 * var(--u));}

.footer-body{position:absolute;left:calc(22 * var(--u));top:calc(253 * var(--u));width:calc(649 * var(--u));height:calc(87 * var(--u));}

.footer-nav a:nth-child(1){position:absolute;left:calc(1459 * var(--u));top:calc(108 * var(--u));width:calc(441 * var(--u));height:calc(48 * var(--u));}

.footer-nav a:nth-child(2){position:absolute;left:calc(1459 * var(--u));top:calc(183 * var(--u));width:calc(441 * var(--u));height:calc(48 * var(--u));}

.footer-nav a:nth-child(3){position:absolute;left:calc(1459 * var(--u));top:calc(258 * var(--u));width:calc(441 * var(--u));height:calc(48 * var(--u));}

.footer-nav a:nth-child(4){position:absolute;left:calc(1459 * var(--u));top:calc(333 * var(--u));width:calc(441 * var(--u));height:calc(48 * var(--u));}

.footer-logo{position:absolute;left:calc(21 * var(--u));top:calc(528 * var(--u));width:calc(448.75 * var(--u));height:calc(112.73 * var(--u));}

.socials a{position:absolute;left:calc(1766 * var(--u));top:calc(594 * var(--u));width:calc(47 * var(--u));height:calc(47 * var(--u));}

.socials button{position:absolute;left:calc(1845 * var(--u));top:calc(600 * var(--u));width:calc(55 * var(--u));height:calc(38 * var(--u));}

.back-top{position:absolute;left:calc(1773 * var(--u));top:calc(688 * var(--u));width:calc(150 * var(--u));height:calc(28 * var(--u));}

.copyright-label{position:absolute;left:calc(20 * var(--u));top:calc(829 * var(--u));width:calc(680 * var(--u));height:calc(28 * var(--u));}

.copyright>a{position:absolute;left:calc(400 * var(--u));top:calc(830 * var(--u));width:calc(205 * var(--u));height:calc(28 * var(--u));}

.disclaimer>p:first-child{position:absolute;left:calc(1558.63 * var(--u));top:calc(766 * var(--u));width:calc(341.37 * var(--u));height:calc(21 * var(--u));}

.disclaimer>p:last-child{position:absolute;left:calc(1086 * var(--u));top:calc(794 * var(--u));width:calc(814 * var(--u));height:calc(62 * var(--u));}

.footer-rule{position:absolute;left:calc(-503 * var(--u));top:calc(-627 * var(--u));width:calc(3615.96 * var(--u));height:calc(1665.94 * var(--u));}


@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;translate:none!important}.reveal-line{clip-path:none!important}.interview-scroll{height:auto!important}.static-interviews{height:auto;position:relative;overflow:visible;padding:40px 0}.static-interview{position:relative;width:100%;height:calc(986 * var(--u));}.static-interview .portrait{position:absolute;left:calc(591 * var(--u));top:0;width:calc(738 * var(--u));height:calc(886 * var(--u));transform:none!important}.static-interview .chapter-info{position:absolute;left:calc(1350 * var(--u));top:0;width:calc(550 * var(--u));height:calc(886 * var(--u));opacity:1;transform:none;pointer-events:auto}}
.footer-art{position:absolute!important;left:0;top:calc(-627 * var(--u));width:100%;height:calc(1665.94 * var(--u));overflow:hidden;pointer-events:none;z-index:0!important}.footer-art .footer-rule{top:0}.back-top{width:calc(127 * var(--u));text-align:right}

/* Pin the portrait itself: no extra viewport-height padding before the first card. */
.interview-scroll{height:calc(886 * var(--u) + 3400px)}
.interview-stage{height:calc(886 * var(--u));top:max(80px,calc(100 * var(--u)));--card-top:0px}
.journal-lines img{height:1px;object-fit:fill;overflow:visible;clip-path:none!important;background:#c5c1ba;transform-origin:left;transition:transform 1.5s var(--ease)}
html.motion .journal-lines img:not(.is-visible){transform:scaleX(0)}
html.motion .journal-lines img.is-visible{transform:scaleX(1)}

.draw-rule,.backstage-rule{clip-path:none!important}.draw-rule img,.backstage-rule img{width:100%;height:100%;transform-origin:left;transition:transform 1.5s var(--ease)}
html.motion .draw-rule:not(.is-visible) img,html.motion .backstage-rule:not(.is-visible) img{transform:scaleX(0)}
.journal-lines img{background:#bab0a1}


/* A01 — somente os ajustes marcados pelo Guilherme após o recomeço. */
.hero-action-row{display:contents}

@media(min-width:641px){
  :root{--a01-label-size:clamp(14px,calc(18 * var(--u)),18px)}

  /* Pequenas chamadas de seção, sem alterar os títulos das outras dobras. */
  .eyebrow,.hero-copy>.eyebrow,.anniversary-eyebrow,.journal-issue{
    font-size:var(--a01-label-size);line-height:1.4;
  }
  .title-row>.eyebrow,.decisions-copy>.eyebrow,.backstage-intro>.eyebrow,
  .chapter-label,.portfolio-copy>.eyebrow,.anniversary-eyebrow,.journal-issue,
  .hero-copy>.eyebrow{height:auto}
  .hero-copy>.eyebrow{width:max(160px,calc(240 * var(--u)))}
  .title-row>.eyebrow{width:max(120px,calc(180 * var(--u)))}
  .backstage-intro>.eyebrow{width:max(200px,calc(300 * var(--u)))}
  .portfolio-copy>.eyebrow{width:max(140px,calc(300 * var(--u)))}
  .decisions-copy>.eyebrow{width:calc(673 * var(--u))}
  .decisions-copy h2{top:max(calc(41 * var(--u)),calc(var(--a01-label-size) * 1.4 + 12px))}
  .backstage-intro h2{top:max(calc(399 * var(--u)),calc(350 * var(--u) + var(--a01-label-size) * 1.4 + 12px))}
  .journal-issue{width:max(120px,calc(140 * var(--u)))}
  .anniversary-eyebrow{left:50%;width:max-content;max-width:90%;transform:translateX(-50%)}

  /* Cabeçalho: Vetter à esquerda, navegação maior à direita. */
  .site-header{height:52px}
  .site-header .brand{
    top:50%;width:calc(124.445 * var(--u));height:calc(31.9767 * var(--u));
    transform:translateY(-50%);
  }
  .site-header nav{
    display:flex;position:absolute;right:0;top:0;height:100%;
    align-items:center;gap:clamp(16px,calc(36 * var(--u)),36px);
  }
  .site-header nav>a[href],.site-header.is-compact nav>a[href]{
    position:relative;left:auto;top:auto;width:auto;height:auto;
    display:flex;align-items:center;justify-content:center;
    min-height:48px;font-size:14px;line-height:1.4;
  }
  .site-header nav>a.pill[href],.site-header.is-compact nav>a.pill[href]{
    min-height:52px;padding:0 22px;border-width:1px;
  }
  .site-header.is-compact{
    width:max(calc(1160 * var(--u)),min(calc(100vw - 32px),760px));
    height:max(80px,calc(75.607 * var(--u)));
  }
  .site-header.is-compact .brand{
    top:50%;width:calc(99.177 * var(--u));height:calc(25.4839 * var(--u));
    transform:translateY(-50%);
  }
  .site-header.is-compact nav{right:calc(22 * var(--u))}

  /* Título principal e faixa de apoio da abertura. */
  .hero{
    --a01-hero-title:clamp(40px,calc(86 * var(--u)),96px);
    --a01-hero-title-top:max(calc(527.11 * var(--u)),calc(493 * var(--u) + var(--a01-label-size) * 1.4 + 16px));
  }
  .hero h1{
    top:var(--a01-hero-title-top);width:calc(1500 * var(--u));
    max-width:calc(100% - 160 * var(--u));height:auto;
    font-size:var(--a01-hero-title);line-height:1.06;
  }
  .hero h1 .otto{font-size:1.0417em;line-height:inherit}
  .hero .hero-action-row{
    display:flex;position:absolute;left:calc(80 * var(--u));right:calc(80 * var(--u));
    top:max(calc(724 * var(--u)),calc(var(--a01-hero-title-top) + var(--a01-hero-title) * 2.12 + 32px));
    align-items:center;justify-content:space-between;gap:clamp(24px,calc(48 * var(--u)),48px);
  }
  .hero .hero-sub{
    position:static;left:auto;top:auto;width:auto;height:auto;min-width:0;flex:1;
    font-size:clamp(18px,calc(26 * var(--u)),26px);line-height:1.45;
  }
  .hero .hero-bottom{
    display:flex;position:relative;align-items:center;gap:12px;flex:0 0 auto;
  }
  .hero .hero-bottom>.pill{
    position:static;left:auto;top:auto;width:max-content;height:52px;min-height:52px;
    padding:0 24px;border-width:1px;font-size:14px;line-height:1.4;
  }
  .hero .hero-bottom>.circle-play{
    position:static;left:auto;top:auto;width:52px;height:52px;flex:0 0 52px;
  }

  /* Apenas a dupla de botões marcada nos bastidores. */
  .backstage-bottom .actions{
    display:grid;position:absolute;left:calc(1184 * var(--u));top:calc(1808.5 * var(--u));
    width:calc(716 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;transform:translateY(-50%);
  }
  .backstage-bottom .actions>:nth-child(1),.backstage-bottom .actions>:nth-child(2){
    position:static;left:auto;top:auto;width:100%;height:auto;min-height:52px;
    padding:12px;border-width:1px;font-size:14px;line-height:1.4;white-space:normal;
  }
}

/* A prévia também cabe em uma janela desktop estreita. */
@media(min-width:641px) and (max-width:768px){
  .site-header nav{gap:12px}
  .site-header nav>a[href],.site-header.is-compact nav>a[href]{font-size:12px}
  .site-header nav>a.pill[href],.site-header.is-compact nav>a.pill[href]{padding-inline:12px}
  .hero-copy>.eyebrow{top:calc(320 * var(--u))}
  .hero{--a01-hero-title-top:calc(320 * var(--u) + var(--a01-label-size) * 1.4 + 16px)}
  .hero .hero-bottom>.pill{font-size:13px}
  .backstage-bottom .actions>:nth-child(1),.backstage-bottom .actions>:nth-child(2){font-size:12px;padding:8px 4px}
}

/* A02 — refinamentos solicitados nas marcações de 12/11/2026. */
@media(min-width:641px){
  .site-header{height:44px}
  .site-header .brand{
    width:calc(155.55625 * var(--u));height:calc(39.970875 * var(--u));
  }
  .site-header nav{gap:clamp(12px,calc(27 * var(--u)),27px)}
  .site-header nav>a[href],.site-header.is-compact nav>a[href]{
    min-height:44px;font-size:10.5px;
  }
  .site-header nav>a.pill[href],.site-header.is-compact nav>a.pill[href]{
    min-height:44px;padding-inline:16.5px;
  }
  .site-header.is-compact{
    width:max(calc(870 * var(--u)),min(calc(100vw - 32px),640px));
    height:max(60px,calc(56.70525 * var(--u)));
  }
  .site-header.is-compact .brand{
    width:calc(123.97125 * var(--u));height:calc(31.854875 * var(--u));
  }

  .backstage-bottom .actions{
    left:auto;right:calc(20 * var(--u));width:max-content;
    grid-template-columns:repeat(2,max-content);
  }
  .backstage-bottom .actions>:nth-child(1),.backstage-bottom .actions>:nth-child(2){
    width:auto;padding:12px 24px;white-space:nowrap;
    font-size:clamp(12px,calc(18 * var(--u)),14px);
  }

  .anniversary h2{height:auto}
  .anniversary-bottom{
    display:flex;position:absolute;left:5%;right:5%;bottom:calc(43 * var(--u));
    align-items:center;flex-direction:column;gap:max(16px,calc(24 * var(--u)));
  }
  .anniversary-bottom p{
    position:static;width:calc(1100 * var(--u));max-width:100%;height:auto;
    font-size:clamp(16px,calc(26 * var(--u)),26px);line-height:1.45;
  }
  .anniversary-bottom>.pill{
    position:static;width:max-content;max-width:100%;height:52px;min-height:52px;
    padding:0 24px;border-width:1px;font-size:14px;line-height:1.4;white-space:nowrap;
  }
}
@media(min-width:769px){
  .hero{
    --a02-hero-shift:clamp(24px,calc(72 * var(--u)),72px);
    --a01-hero-title-top:calc(max(calc(527.11 * var(--u)),calc(493 * var(--u) + var(--a01-label-size)*1.4 + 16px)) + var(--a02-hero-shift));
  }
  .hero-copy>.eyebrow{top:calc(493 * var(--u) + var(--a02-hero-shift))}
}
@media(min-width:641px) and (max-width:1239px){
  .backstage-bottom .actions{
    grid-template-columns:1fr;top:calc(1755 * var(--u));gap:4px;
  }
  .backstage-bottom .actions>:nth-child(1),.backstage-bottom .actions>:nth-child(2){
    min-height:44px;padding:0 6px;font-size:12px;
  }
}
@media(min-width:641px) and (max-width:768px){
  .site-header nav{gap:9px}
  .site-header nav>a[href],.site-header.is-compact nav>a[href]{font-size:9px}
  .site-header nav>a.pill[href],.site-header.is-compact nav>a.pill[href]{padding-inline:9px}
}

/* A03 — margens, escala editorial e organização do rodapé. */
:root{--page-inset:clamp(16px,3vw,56px)}
@media(min-width:641px){
  main,.footer{
    --u:calc((100vw - 2 * var(--page-inset)) / 1920);
    --section-title:clamp(28px,calc(76.349 * var(--u)),76.349px);
    --body-size:clamp(12px,calc(26 * var(--u)),26px);
    width:calc(100% - 2 * var(--page-inset));margin-inline:auto;
  }
  .site-header:not(.is-compact){
    left:calc(100 * var(--u) + var(--page-inset));
    width:calc(100% - 200 * var(--u) - 2 * var(--page-inset));
  }
  .site-header.is-compact .brand{left:max(28px,calc(42 * var(--u)))}
  .site-header nav>a.pill:hover,.site-header.is-compact nav>a.pill:hover,
  .site-header nav>a.pill:focus-visible,.hero-bottom>.pill:hover,.hero-bottom>.pill:focus-visible{
    background:#fff;border-color:#fff;color:var(--ink);
  }

  .title-row h2,.decisions-copy h2,.voices-intro h2,.landscape h2,
  .backstage-intro h2,.anniversary h2,.journal>h2,.history-banner h2,
  .portfolio-copy h2,.footer-heading{
    font-size:var(--section-title);line-height:1.048;letter-spacing:-.018em;height:auto;
  }
  .journal>h2 .serif,.footer-heading .serif{font-size:inherit}
  .body,.hero .hero-sub,.anniversary-bottom p,.journal-copy p,
  .portfolio-copy>p:not(.eyebrow),.footer-body{
    font-size:var(--body-size);line-height:1.45;height:auto;
  }
  .voices-intro .body{line-height:1.45}
  .partnership-body .body,.decisions-copy .body,.voices-intro .body,.backstage-bottom .body,.landscape-body{height:auto}
  .portfolio-copy>p:not(.eyebrow){top:calc(743 * var(--u));width:calc(650 * var(--u))}
  .backstage-bottom .actions{right:calc(20 * var(--u));gap:10px}
  .backstage-bottom .actions>:nth-child(1),.backstage-bottom .actions>:nth-child(2){
    font-size:clamp(12px,calc(18 * var(--u)),14px);padding-inline:20px;
  }
  .anniversary-bottom p{width:calc(1250 * var(--u))}

  .footer{height:auto;padding:calc(120 * var(--u)) 0 32px}
  .footer-art{height:calc(700 * var(--u))}
  .footer-top{
    display:grid;grid-template-columns:minmax(0,1fr) calc(240 * var(--u));
    align-items:start;gap:calc(100 * var(--u));
  }
  .footer-heading,.footer-body,.footer-logo,.footer .socials a,
  .footer .socials button,.footer .back-top,.footer .copyright-label,
  .footer .copyright>a,.footer .disclaimer>p:first-child,.footer .disclaimer>p:last-child{
    position:static;left:auto;top:auto;width:auto;height:auto;
  }
  .footer-heading{max-width:calc(1200 * var(--u))}
  .footer-body{max-width:calc(900 * var(--u));margin-top:calc(36 * var(--u))}
  .footer-logo{display:block;width:100%;margin-top:calc(8 * var(--u))}
  .footer-logo img{height:auto}
  .footer-brand-row{
    display:flex;justify-content:space-between;align-items:center;
    margin-top:max(48px,calc(110 * var(--u)));gap:32px;
  }
  .footer-partner{width:calc(280 * var(--u));flex:0 0 auto}
  .footer-partner img{width:100%;height:auto}
  .footer-utilities{display:flex;align-items:center;gap:24px}
  .footer .socials{display:flex;align-items:center;gap:20px}
  .footer .socials a{width:28px;height:28px}
  .footer .socials button{width:34px;height:28px}
  .footer .back-top{font-size:14px;line-height:1.5;white-space:nowrap}
  .footer-bottom{
    display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
    align-items:end;gap:48px;margin-top:32px;
  }
  .footer .disclaimer{display:block;text-align:left;font-size:14px;line-height:1.6}
  .footer .disclaimer>p:first-child{margin-bottom:12px;font-size:12px;line-height:1.5}
  .footer .copyright{display:flex;flex-direction:column;align-items:flex-end;gap:8px;
    text-align:right;font-size:14px;line-height:1.6}
}
@media(min-width:641px) and (max-width:1300px){
  .backstage-bottom .actions{grid-template-columns:1fr;top:calc(1755 * var(--u));gap:4px}
  .backstage-bottom .actions>:nth-child(1),.backstage-bottom .actions>:nth-child(2){
    min-height:44px;padding-inline:6px;font-size:12px;
  }
}
@media(min-width:641px) and (max-width:900px){
  .backstage-bottom .body{top:calc(1560 * var(--u))}
  .portfolio-copy>p:not(.eyebrow){top:calc(810 * var(--u))}
  .portfolio-copy .pill{top:calc(1320 * var(--u))}
  .portfolio-arrow{top:calc(1220 * var(--u))}
  .footer-top{grid-template-columns:minmax(0,1fr) calc(240 * var(--u));gap:24px}
  .footer-body{max-width:100%}
  .footer-bottom{grid-template-columns:1fr;gap:28px}
  .footer .copyright{align-items:flex-end}
  .footer-utilities{gap:14px}
}
@media(min-width:641px){
  .portfolio{height:auto;min-height:calc(1391.5 * var(--u));padding-top:calc(381 * var(--u));padding-bottom:calc(200 * var(--u))}
  .portfolio-copy{display:flex;position:relative;margin-left:calc(1158 * var(--u));width:calc(720 * var(--u));flex-direction:column;align-items:flex-start}
  .portfolio-copy>.eyebrow,.portfolio-copy h2,.portfolio-copy>p:not(.eyebrow),.portfolio-copy .portfolio-arrow,.portfolio-copy .pill{
    position:static;left:auto;top:auto;width:100%;height:auto;
  }
  .portfolio-copy h2{margin-top:max(16px,calc(36 * var(--u)))}
  .portfolio-copy>p:not(.eyebrow){margin-top:max(16px,calc(32 * var(--u)))}
  .portfolio-copy .portfolio-arrow{margin-top:max(32px,calc(100 * var(--u)))}
  .portfolio-copy .pill{width:max-content;max-width:100%;min-height:calc(51 * var(--u));padding-inline:12px;margin-top:max(20px,calc(48 * var(--u)))}
}

/* A04 — textos, ritmo das dobras, jornal e alinhamentos. */
@media(min-width:641px){
  .partnership{height:calc(1335.5 * var(--u))}
  .title-row>.eyebrow{top:calc(289.5 * var(--u))}
  .title-row h2{top:calc(279.5 * var(--u))}
  .draw-rule{top:calc(571.5 * var(--u))}
  .partnership-body .small-index{top:calc(798.5 * var(--u))}
  .partnership-body .body{top:calc(789.5 * var(--u))}

  .decisions-copy .body{top:auto;bottom:calc(397 * var(--u))}
  .decisions-copy .body p+p{margin-top:1em}
  .backstage{height:calc(2207.5 * var(--u) - 26px)}

  .journal{--journal-row:calc(70 * var(--u))}
  .journal-lines{
    top:calc(866 * var(--u));height:calc(5 * var(--journal-row));
    display:flex;flex-direction:column;justify-content:space-between;
  }
  .journal-lines img{flex:0 0 1px;margin:0}
  .journal-copy p{top:calc(866 * var(--u));height:auto;line-height:var(--journal-row)}
  .journal-issue{top:calc(866 * var(--u));height:auto;line-height:var(--journal-row)}
  .journal-copy .pill,.portfolio-copy .pill{
    width:max-content;max-width:none;height:52px;min-height:52px;padding:0 24px;
    border-width:1px;font-size:14px;line-height:1.4;white-space:nowrap;
  }

  .portfolio{
    display:grid;grid-template-columns:calc(1120 * var(--u)) minmax(0,1fr);
    gap:calc(18 * var(--u));align-items:stretch;
    padding:calc(381 * var(--u)) calc(20 * var(--u)) calc(151.5 * var(--u));
  }
  .portfolio-film{
    position:relative;left:auto;top:auto;width:100%;height:100%;min-height:calc(859 * var(--u));
  }
  .portfolio-copy{margin:0;width:100%;min-height:calc(859 * var(--u))}
  .portfolio-copy h2 .title-line{display:block;white-space:nowrap}
  .portfolio-copy .pill{margin-top:auto;flex-shrink:0}
  .footer .disclaimer{font-size:12px;line-height:1.6}
  .footer .disclaimer>p,.footer .disclaimer>p:first-child{font-size:inherit;line-height:inherit;margin:0;text-transform:none}
}
@media(min-width:641px) and (max-width:1400px){
  .portfolio-copy .pill{font-size:12px;padding-inline:18px}
}
@media(min-width:641px) and (max-width:1300px){
  .backstage{height:calc(2261 * var(--u) - 46px)}
}
@media(min-width:641px) and (max-width:1000px){
  .portfolio{grid-template-columns:1fr;gap:32px}
  .portfolio-film{min-height:0;height:auto;aspect-ratio:1120/859}
  .portfolio-copy{min-height:0}
  .portfolio-copy .pill{margin-top:24px}
}
@media(min-width:641px) and (max-width:900px){
  .decisions{height:calc(1462 * var(--u) + 40px)}
  .decisions-film{height:calc(1065 * var(--u) + 40px)}
}

/* Abertura adaptável à altura da janela no desktop. */
@media(min-width:1024px){
  .hero{height:calc(100svh - 40 * var(--u))}
  .hero-copy{
    display:flex;position:absolute;left:calc(80 * var(--u));right:calc(80 * var(--u));
    bottom:clamp(48px,calc(134 * var(--u)),134px);
    flex-direction:column;align-items:flex-start;gap:16px;
  }
  .hero-copy>.eyebrow{position:static;width:auto;height:auto}
  .hero h1{position:static;width:100%;max-width:none;height:auto}
  .hero .hero-action-row{position:static;width:100%;margin-top:16px}
}

/* Moldura de abertura, malha editorial e botões de conteúdo. */
@media (min-width: 641px) {
  main {
    --grid-ten: repeat(10, minmax(0, 1fr));
    --grid-gap: calc(20 * var(--u));
  }
  .hero {
    --frame: calc(20 * var(--u));
    margin-inline: calc(var(--frame) - var(--page-inset));
    width: auto;
  }
  .site-header nav > a[href],
  .site-header.is-compact nav > a[href] { font-size: 7.875px; }
  .site-header .brand img { width: 92%; object-position: left center; }
  .site-header.is-compact nav { right: 8px; }

  .decisions {
    display: grid;
    grid-template-columns: var(--grid-ten);
    gap: var(--grid-gap);
    height: auto;
    padding-inline: var(--grid-gap);
  }
  .decisions-film {
    position: relative;
    inset: auto;
    grid-column: span 5;
    width: 100%;
    height: auto;
    min-height: calc(940 * var(--u));
  }
  .decisions-film video { position: absolute; inset: 0; }
  .decisions-copy {
    display: flex;
    grid-column: span 5;
    flex-direction: column;
    padding-left: clamp(12px, 2vw, 40px);
  }
  .decisions-copy > .eyebrow, .decisions-copy h2, .decisions-copy .body {
    position: static;
    width: auto;
    height: auto;
  }
  .decisions-copy h2 { margin-top: .25em; margin-bottom: .7em; }
  .decisions-copy .body { margin-top: auto; max-width: 54ch; }

  .journal { --journal-row: max(19px, calc(50 * var(--u))); }
  .journal-copy p, .journal-issue { top: calc(866 * var(--u) + var(--journal-row) * .13); }
  .journal-copy .pill, .chapter-info .pill,
  .backstage-bottom .actions > button.pill {
    width: max-content;
    height: 39px;
    min-height: 39px;
    padding: 0 18px;
    border: 1px solid currentColor;
    font-size: 10.5px;
    line-height: 1.35;
    white-space: nowrap;
  }
  .backstage-bottom {
    position: absolute;
    top: calc(1700 * var(--u));
    left: var(--grid-gap);
    right: var(--grid-gap);
    display: grid;
    grid-template-columns: var(--grid-ten);
    gap: var(--grid-gap);
    align-items: end;
  }
  .backstage-bottom .body, .backstage-bottom .actions {
    position: static;
    width: auto;
    height: auto;
    transform: none;
  }
  .backstage-bottom .body { grid-column: 1 / span 6; text-wrap: balance; }
  .backstage-bottom .actions {
    grid-column: 7 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
  }
}
@media (min-width: 641px) and (max-width: 1000px) {
  .backstage-bottom { display: flex; }
  .backstage-bottom .body { flex: 1; }
  .backstage-bottom .actions { flex-direction: column; align-items: flex-end; }
}
/* A coluna do capítulo reserva espaço para a legenda completa do botão. */
@media (min-width: 641px) and (max-width: 1120px) {
  .interview-stage {
    --chapter-width: 300px;
    --card-left: calc(100% - 40 * var(--u) - var(--chapter-width) - 738 * var(--u));
  }
  .chapter-details, .static-interview .chapter-info {
    left: auto; right: calc(20 * var(--u)); width: var(--chapter-width);
  }
  .static-interview .portrait { left: var(--card-left); }
}
@media (min-width: 1024px) {
  .hero { height: calc(100svh - 2 * var(--frame)); }
}
main p, footer p { text-wrap: pretty; }
/* Mesmo tratamento do título da parceria: Otto leve e destaque em Saans. */
.journal > h2 {
  font-weight: 300;
  text-transform: none;
}

@media (min-width: 641px) {
  :root {
    /* Da borda da janela até o texto: moldura de 20 + recuo de 80 no desenho. */
    --opening-unit: calc((100vw - 2 * var(--page-inset)) / 1920);
    --opening-frame: calc(20 * var(--opening-unit));
    --opening-padding: calc(80 * var(--opening-unit));
    --opening-edge: calc(var(--opening-frame) + var(--opening-padding));
    --cta-height: 39px;
  }
  .hero { --frame: var(--opening-frame); }
  .site-header:not(.is-compact) {
    left: var(--opening-edge);
    right: var(--opening-edge);
    width: auto;
  }
  .hero .hero-bottom > .pill, .journal-copy .pill,
  .backstage-bottom .actions > button.pill, .anniversary-bottom > .pill,
  .portfolio-copy .pill, .site-header nav > a.pill[href],
  .site-header.is-compact nav > a.pill[href] {
    width: max-content;
    height: var(--cta-height);
    min-height: var(--cta-height);
    border-width: 1px;
    padding: 0 18px;
    font-size: 10.5px;
    line-height: 1.35;
    white-space: nowrap;
  }
  .hero .hero-bottom { gap: 9px; }
  .hero .hero-bottom > .circle-play {
    width: var(--cta-height);
    height: var(--cta-height);
    flex-basis: var(--cta-height);
  }
}
/* A07 — recuos, coluna de leitura e mídia da composição editorial. */
.partnership-body .body {
  /* Quatro das dez subdivisões, incluindo as três calhas internas. */
  width: calc(740 * var(--u));
  height: auto;
}
.landscape-b {
  width: calc(550 * var(--u));
  height: calc(412.5 * var(--u));
}
.journal { height: calc(1731.5 * var(--u)); }
.journal + .landscape { margin-top: 0; }
.site-header .brand img {
  transform: scale(1.1);
  transform-origin: left center;
}
@media (min-width: 641px) {
  .site-header nav > a[href]:not(.pill),
  .site-header.is-compact nav > a[href]:not(.pill) {
    font-size: 9.5px;
  }
}
@media (min-width: 1001px) {
  .portfolio {
    grid-template-columns: minmax(0, 3fr) minmax(min-content, 2fr);
    column-gap: calc(80 * var(--u));
  }
}
@media (max-width: 900px) {
  .partnership-body .body { width: calc(930 * var(--u)); }
}
.decisions-copy .small-index {
  display: block;
  margin-bottom: .55em;
}
.journal-copy .pill, .portfolio-copy .pill {
  background-color: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.journal-copy .pill:is(:hover, :focus-visible),
.portfolio-copy .pill:is(:hover, :focus-visible) {
  background-color: transparent;
  color: var(--ink);
}

/* Composição de paisagens com planos em alturas e escalas distintas. */
.landscape-canvas {
  height: auto;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  column-gap: clamp(10px, 1.2vw, 24px);
  row-gap: clamp(54px, 6.5vw, 128px);
  align-items: start;
  padding: calc(188 * var(--u)) calc(20 * var(--u)) 0;
}
.landscape .landscape-slot {
  position: relative; inset: auto; width: 100%; height: auto;
}
.landscape-slot video { position: absolute; inset: 0; }
.landscape-a { grid-column: 1 / 7; grid-row: 1; aspect-ratio: 1.62; }
.landscape-b {
  grid-column: 8 / -1; grid-row: 1; aspect-ratio: 1.15;
  margin-top: clamp(75px, 11vw, 215px);
}
.landscape-intro {
  grid-column: 1 / 6; grid-row: 2; align-self: center;
  padding-left: clamp(0px, 2.5vw, 52px);
}
.landscape h2, .landscape .landscape-body { position: static; width: auto; height: auto; }
.landscape h2 { font-size: min(var(--section-title, 5vw), 3.95vw); }
.landscape h2 > span { display: block; white-space: nowrap; }
.landscape .landscape-body { max-width: 36ch; margin-top: clamp(22px, 2vw, 42px); }
.landscape-c { grid-column: 7 / 11; grid-row: 2; aspect-ratio: 4 / 5; }
.landscape-d { grid-column: 2 / 6; grid-row: 3; aspect-ratio: 6 / 5; }
.landscape-e {
  grid-column: 8 / 10; grid-row: 3; aspect-ratio: 3 / 4;
  margin-top: clamp(76px, 11.5vw, 230px);
}
.landscape-f { grid-column: 4 / -1; grid-row: 4; aspect-ratio: 16 / 9; }

@media (max-width: 760px) {
  .landscape-canvas { row-gap: 44px; }
  .landscape-a { grid-column: 1 / 7; aspect-ratio: 1.06; }
  .landscape-b { grid-column: 8 / -1; margin-top: 15vw; }
  .landscape-intro { grid-column: 1 / 7; padding-left: 0; }
  .landscape h2 { font-size: 4.4vw; }
  .landscape-c { grid-column: 7 / -1; align-self: end; }
  .landscape-d { grid-column: 1 / 6; }
  .landscape-e { grid-column: 7 / 10; margin-top: 12vw; }
  .landscape-f { grid-column: 3 / -1; }
}
@media (min-width: 641px) and (max-width: 1150px) {
  .backstage-bottom { display: grid; grid-template-columns: 1fr; }
  .backstage-bottom .body, .backstage-bottom .actions { grid-column: 1; }
  .backstage-bottom .actions { flex-direction: row; justify-content: flex-start; }
}

/* Quadro 183:235 — Rodapé Vetter. */
.footer#rodape {
  --fu: calc((100vw - 2 * var(--page-inset)) / 1920);
  --footer-pad: calc(var(--page-inset) + 20 * var(--fu));
  width: 100%; height: auto;
  margin: 0; padding: 0;
  background: #fff;
}
.closing-main {
  padding: calc(157 * var(--fu)) calc(var(--page-inset) + 8 * var(--fu)) calc(56 * var(--fu)) var(--footer-pad);
  display: grid;
  grid-template-columns: 760fr 570fr 264fr 298fr;
  align-items: end;
}
.closing-title {
  text-transform: uppercase;
  font: 300 calc(50 * var(--fu))/1.12 Saans, sans-serif;
  letter-spacing: -.018em;
}
.closing-title .serif { font-size: 1.08em; }
.closing-copy {
  max-width: calc(448 * var(--fu));
  color: var(--stone);
  font: 300 max(13px, calc(20 * var(--fu)))/1.45 Otto, serif;
}
.closing-social {
  display: grid;
  justify-items: start;
  align-self: end;
  padding-bottom: calc(10 * var(--fu));
  font: 400 max(11px, calc(15 * var(--fu)))/1.45 Saans, sans-serif;
  text-transform: uppercase;
}
.closing-social a { text-decoration: underline; }
.closing-logo img, .closing-partner img { display: block; max-width: 100%; height: auto; }
.closing-band {
  background: #bab0a1;
  color: var(--dark);
  padding: calc(56 * var(--fu)) var(--footer-pad) calc(15 * var(--fu));
  font-family: Saans, sans-serif;
  font-weight: 400;
}
.closing-credits { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.closing-partner { display: flex; gap: calc(20 * var(--fu)); align-items: center; }
.closing-partner span { font-size: max(10px, calc(14 * var(--fu))); line-height: 1.32; text-transform: uppercase; }
.closing-partner img { width: calc(315 * var(--fu)); }
.closing-credits p { width: 58%; text-align: left; font-size: max(10px, calc(12.235 * var(--fu))); line-height: 1.55; }
@media (min-width: 901px) {
  .closing-credits p { text-align: justify; text-align-last: left; }
}
.closing-line { display: block; width: 100%; height: 1px; margin: calc(20 * var(--fu)) 0 calc(104 * var(--fu)); }
.closing-legal {
  display: flex; align-items: baseline; gap: calc(35 * var(--fu));
  color: #4e4942; font-size: max(11px, calc(18 * var(--fu))); line-height: 1.55;
}
.closing-legal a:last-child { margin-left: auto; }
@media (max-width: 900px) {
  .closing-main { grid-template-columns: 1fr auto; gap: 22px; padding-block: 32px 36px; }
  .closing-title { grid-column: 1; font-size: clamp(23px, 4.8vw, 40px); }
  .closing-copy { grid-row: 2; max-width: 38ch; }
  .closing-logo { grid-column: 2; grid-row: 1; width: clamp(75px, 16vw, 145px); }
  .closing-social { grid-column: 2; grid-row: 2; }
  .closing-credits { align-items: start; }
  .closing-partner img { width: clamp(100px, 19vw, 175px); }
  .closing-legal { flex-wrap: wrap; gap: 8px 16px; }
}
@media (max-width: 600px) {
  .closing-main { grid-template-columns: 1fr; }
  .closing-logo, .closing-social, .closing-copy { grid-area: auto; }
  .closing-credits { flex-direction: column; gap: 18px; }
  .closing-credits p { width: 100%; text-align: left; }
  .closing-line { margin: 16px 0 28px; }
  .closing-legal { display: grid; }
  .closing-legal a:last-child { margin: 0; }
  .closing-band { padding-block: 24px; }
}

/* O creme do portfólio atravessa as margens e continua no topo do rodapé. */
.portfolio { isolation: isolate; background: transparent; }
.portfolio::before {
  content: ""; position: absolute; inset: 0 calc(50% - 50vw);
  z-index: -1;
  background: linear-gradient(to bottom, transparent 0, var(--paper) calc(320 * var(--u)));
  pointer-events: none;
}
.footer#rodape { background: var(--paper); }