.caderno-variation .brands{display:flex;align-items:center;gap:30px;position:absolute;left:clamp(74px,15.5%,224px);top:21.5%;transform:translate3d(var(--brand-x,0),var(--brand-y,0),0)}
.caderno-variation .brand{position:static;flex:none}.caderno-variation .brand:hover{transform:none}.caderno-variation .hero-copy{left:clamp(74px,15.5%,224px);top:31.5%;width:max-content;max-width:520px}.caderno-variation .paper-wash{background:linear-gradient(90deg,#fafbfd 0%,#fafbfded 30%,#fafbfd9e 43%,transparent 62%)}
.folio-line,.registration-grid,.portrait-frame,.paper-depth{position:absolute;pointer-events:none}.paper-depth{display:none;max-width:none}.folio-line{display:none}.registration-grid{display:none}.portrait-frame{display:none}
.caderno-07 .folio-line{display:block;left:calc(clamp(74px,15.5%,224px) - 31px);top:20.5%;height:43%;width:1px;background:#0141bb3d;transform:translateY(var(--detail-y,0))}.caderno-07 .folio-line span{position:absolute;top:12px;left:-3px;width:7px;height:7px;border-radius:50%;background:var(--blue)}.caderno-07 .folio-line i{position:absolute;left:0;width:11px;height:1px;background:#0141bb66}.caderno-07 .folio-line i:nth-of-type(1){top:31%}.caderno-07 .folio-line i:nth-of-type(2){top:62%}.caderno-07 .folio-line i:nth-of-type(3){top:100%}.caderno-07 .quiet-route{opacity:.15}.caderno-07 .landscape-plane{inset:76px -18px -64px}.caderno-07 .person{width:980px;right:calc(5% - 194px)}
.caderno-08 .hero{background:#edf0f4}.caderno-08 .hero:before{content:'';position:absolute;z-index:-2;inset:29px 4vw 36px;background:#fafbfd url('e1cf741ba49f.svg') center/620px;box-shadow:0 12px 42px #07142612;outline:1px solid #0000000d;rotate:-.25deg}.caderno-08 .scene{inset:29px 4vw 36px;background:transparent;overflow:hidden}.caderno-08 .landscape-plane{inset:5% -6% -5% 42%;mask-image:linear-gradient(90deg,transparent 0,black 11%)}.caderno-08 .paper-wash{background:linear-gradient(90deg,#fafbfd 0 43%,transparent 53%)}.caderno-08 .person{width:920px;right:calc(1% - 178px);bottom:-25px}.caderno-08 .brands{left:11.5%;top:17%}.caderno-08 .hero-copy{left:11.5%;top:34%}.caderno-08 .scroll-cue{left:7.5%;bottom:58px;color:var(--ink);border-color:#07142655}.caderno-08 .quiet-route{left:38%;width:65%;opacity:.16}.caderno-08 .paper-depth-white{display:block;z-index:0;left:39%;top:10%;width:170px;height:78%;object-fit:cover;object-position:left;opacity:.96;filter:drop-shadow(8px 0 7px #0714260d);transform:translate3d(var(--paper-x,0),var(--paper-y,0),0)}
.caderno-09 .brands{left:11%;top:14.5%}.caderno-09 .hero-copy{left:11%;top:29%}.caderno-09 .landscape-plane{inset:58px -22px -55px}.caderno-09 .person{width:1080px;right:calc(4% - 214px)}.caderno-09 .registration-grid{display:block;z-index:0;right:4%;top:10%;width:42%;height:68%;opacity:.11;background-image:linear-gradient(#0141bb55 1px,transparent 1px),linear-gradient(90deg,#0141bb55 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,transparent,black 28%);transform:translate3d(var(--grid-x,0),var(--grid-y,0),0)}.caderno-09 .portrait-frame{display:block;z-index:1;right:8%;top:11%;width:35%;height:73%;transform:translate3d(var(--frame-x,0),var(--frame-y,0),0)}.caderno-09 .portrait-frame i{position:absolute;width:33px;height:33px;border-color:#0141bb75}.caderno-09 .portrait-frame i:nth-child(1){left:0;top:0;border-left:1px solid;border-top:1px solid}.caderno-09 .portrait-frame i:nth-child(2){right:0;top:0;border-right:1px solid;border-top:1px solid}.caderno-09 .portrait-frame i:nth-child(3){right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}.caderno-09 .portrait-frame i:nth-child(4){left:0;bottom:0;border-left:1px solid;border-bottom:1px solid}.caderno-09 .quiet-route{opacity:.2}
.caderno-variation .site-header{transition:background-color .25s,box-shadow .25s}.caderno-variation .site-header:hover{background-color:#fff;box-shadow:0 8px 28px #07142608}.caderno-variation .hero-copy,.caderno-variation .brands{z-index:3}
@media(max-width:1100px){.caderno-variation .brands,.caderno-variation .hero-copy{left:10%}.caderno-08 .brands,.caderno-08 .hero-copy{left:9%}.caderno-08 .person{width:820px;right:calc(0% - 163px)}.caderno-09 .person{width:940px;right:calc(3% - 186px)}}
@media(max-width:820px){.caderno-08 .hero:before{inset:12px 10px 18px;rotate:0}.caderno-08 .scene{inset:12px 10px 18px}.caderno-08 .landscape-plane{inset:46% -78% -3% -72%;mask-image:linear-gradient(to bottom,transparent,black 90px)}.caderno-08 .paper-wash{background:linear-gradient(to bottom,#fafbfd 0 43%,#fafbfdc9 49%,transparent 61%)}.caderno-08 .paper-depth-white{left:0;right:0;top:42%;width:100%;height:110px;object-fit:cover;object-position:center;filter:drop-shadow(0 7px 7px #0714260c)}.caderno-08 .person{width:590px;right:calc(3% - 119px);bottom:-16px}.caderno-08 .brands{top:12%;left:42px}.caderno-08 .hero-copy{top:23%;left:42px}.caderno-08 .scroll-cue{left:32px;bottom:38px;color:white;border-color:#ffffff66}}
@media(max-width:700px){.caderno-variation .brands{display:flex;left:34px;top:11.5%;gap:20px}.caderno-variation .hero-copy{left:34px;top:22%;width:calc(100% - 64px)}.caderno-variation .hero h1{white-space:normal}.caderno-variation .brush{white-space:nowrap}.caderno-variation .landscape-plane{inset:35% -115% -1px -40%}.caderno-variation .person{width:600px;right:calc(5% - 119px)}.caderno-07 .folio-line{left:20px;top:10.5%;height:38%}.caderno-07 .brands{top:11.5%}.caderno-07 .hero-copy{top:22%}.caderno-07 .paper-wash{background:linear-gradient(to bottom,#fafbfd 0 38%,#fafbfdcc 46%,transparent 62%)}.caderno-08 .brands{left:34px;top:10.5%}.caderno-08 .hero-copy{left:34px;top:21%;width:calc(100% - 68px)}.caderno-08 .landscape-plane{inset:44% -95% -2% -65%}.caderno-08 .person{width:580px;right:calc(4% - 116px)}.caderno-09 .brands{top:10.5%}.caderno-09 .hero-copy{top:20.5%}.caderno-09 .registration-grid{right:0;top:43%;width:57%;height:42%;background-size:58px 58px;opacity:.09}.caderno-09 .portrait-frame{right:5%;top:43%;width:48%;height:44%}.caderno-09 .paper-wash{background:linear-gradient(to bottom,#fafbfd 0 41%,#fafbfdc0 47%,transparent 63%)}}
@media(max-width:370px){.caderno-variation .brands{left:29px;gap:16px}.caderno-variation .hero-copy{left:29px;width:calc(100% - 49px)}.caderno-variation .hero h1{font-size:29px}.caderno-08 .brands,.caderno-08 .hero-copy{left:28px}.caderno-08 .hero-copy{width:calc(100% - 50px)}}
@media(prefers-reduced-motion:reduce){.folio-line,.registration-grid,.portrait-frame,.paper-depth,.caderno-variation .brands{transform:none!important}}
[data-motion=paused] .folio-line,[data-motion=paused] .registration-grid,[data-motion=paused] .portrait-frame,[data-motion=paused] .paper-depth,[data-motion=paused] .brands{transform:none!important}
.caderno-08 .paper-depth-white{left:calc(42% - 320px);top:calc(50% - 42px);width:640px;height:84px;object-fit:fill;object-position:center;opacity:.9;filter:drop-shadow(0 7px 6px #0714260d);transform:translate3d(var(--paper-x,0),var(--paper-y,0),0) rotate(90deg)}
@media(max-width:820px){.caderno-08 .paper-depth-white{left:0;right:0;top:42%;width:100%;height:110px;object-fit:cover;object-position:center;transform:translate3d(var(--paper-x,0),var(--paper-y,0),0)}}
@media(max-width:700px){.caderno-09 .registration-grid{top:49%;height:35%}.caderno-09 .portrait-frame{top:49%;height:38%}}