/* UPMD / editorial direction — September 2026.
   Native links and video controls remain usable without enhancement. */
:root{--editorial-paper:var(--paper);--editorial-ink:var(--ink);--case-accent:#bcbcbc}

/* A small screening room: full-bleed cards, perspective, one clear track. */
.home-services{background:radial-gradient(ellipse at 48% 100%,#30303045,transparent 65%),#0b0b0b;overflow:hidden}
.service-screening{perspective:1100px}
.home-services .service-deck{padding:1.2rem 0 1.6rem;scrollbar-width:none;gap:1rem}
.home-services .service-deck::-webkit-scrollbar{display:none}
.home-services .service-tile{transform-origin:center;transition:transform .45s var(--ease-out),border-color .35s;backface-visibility:hidden}
.home-services .service-tile-visual>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .7s var(--ease-out),filter .35s}
.home-services .service-tile:after{background:linear-gradient(0deg,#080808f5,transparent 78%)}
.home-services .service-tile:focus-visible{outline:2px solid white;outline-offset:-3px;border-color:white}
.home-services .service-tile:focus-visible .tile-arrow{background:var(--paper);color:var(--ink)}
.deck-track{height:2px;background:#ffffff20;position:relative;overflow:hidden}
.deck-track span{display:block;width:35%;height:100%;background:#dedede;transform-origin:left}
.deck-track[hidden]{display:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .home-services .service-tile:hover{transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:#ffffff80;z-index:3}
 .home-services .service-tile:hover:before{opacity:1}
 .home-services .service-tile:hover .service-tile-visual>img{transform:scale(1.055)}
 .home-services .service-tile:hover .tile-arrow{background:var(--paper);color:var(--ink)}
}

/* A shared card system for services and the editorial index. */
.collection-heading{display:grid;grid-template-columns:minmax(8rem,.48fr) minmax(0,1.25fr) minmax(12rem,.85fr);gap:2.5vw;align-items:start;margin-bottom:3rem}
.collection-heading>.v-kicker{margin-top:.55rem}
.collection-heading h2{font-size:clamp(2.6rem,4.5vw,5.2rem);line-height:1;max-width:18ch}
.collection-heading>p:last-child{font-size:1rem;line-height:1.75;max-width:30rem;align-self:end;opacity:.8}
.service-index #possibilidades{padding-block:4.5rem}
.service-group{padding:4.5rem var(--gutter);border-top:1px solid #0002;background:var(--paper);color:var(--ink);color-scheme:light}
.service-group .service-deck:not(.service-deck--compact){gap:2rem;align-items:stretch}
.service-group--paper .service-deck:not(.service-deck--compact){grid-template-columns:repeat(3,minmax(0,1fr))}
.service-group .service-deck:not(.service-deck--compact)>.service-tile{display:flex;flex-direction:column;align-items:stretch;background:#ffffff78;color:inherit;overflow:visible}
.service-group .service-tile-visual{flex-shrink:0;aspect-ratio:16/10;width:100%}
.service-group .service-tile-visual>img{object-fit:cover}
.service-group .service-deck:not(.service-deck--compact) .service-tile-copy{display:flex;flex:1;flex-direction:column;padding:1.5rem 1.6rem 1.8rem}
.service-group .service-tile-copy .v-kicker{font-size:.6875rem;color:inherit;opacity:.7;margin:0 0 .8rem;line-height:1.5}
.service-group .service-deck:not(.service-deck--compact) h3{font-size:clamp(1.8rem,2.65vw,3rem);max-width:18ch}
.service-group .service-tile-copy>p:not(.v-kicker){font-size:.9375rem;line-height:1.75;color:inherit;opacity:.8;margin:.9rem 0 1.5rem;max-width:none}
.service-group .service-tile-copy .v-link{margin-top:auto;align-self:start;font-size:.8125rem}
.service-group .service-tile .tile-number{color:white;background:#101010cc;padding:.2rem .45rem}
.service-group :is(a,button):focus-visible{outline-color:var(--ink)}

/* Cases and guides share the same card grid and neutral surfaces. */
.ideas-masthead{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem 7vw;padding:1.5rem var(--gutter) 3rem;background:var(--editorial-paper);color:var(--ink)}
.guide-index>.breadcrumbs{background:var(--editorial-paper);color:#484848}
.guide-index>.breadcrumbs [aria-current]{color:#484848}
.ideas-masthead>.v-kicker{grid-column:1/-1;padding-bottom:1.2rem;border-bottom:1px solid #0004}
.ideas-masthead h1{font-size:clamp(4.2rem,9vw,10rem);line-height:.9;letter-spacing:-.035em;max-width:15ch;margin:.8rem 0}
.ideas-masthead h1 em{font-style:normal;color:#666666}
.ideas-intro{display:flex;flex-direction:column;justify-content:end;padding-bottom:.5rem}
.ideas-intro p{font-size:clamp(1rem,1.4vw,1.35rem);margin-bottom:2rem}
.ideas-intro a{display:flex;align-items:center;gap:1rem;border-top:1px solid #0004;min-height:52px;font-size:.875rem}
.ideas-intro a:last-child{border-bottom:1px solid #0004}
.ideas-intro a>span{font:700 1.5rem var(--display);color:#666666}
.ideas-intro a>b{font-size:1.2rem;margin-left:auto;font-weight:400}
.ideas-masthead a:focus-visible{outline-color:var(--ink)}
.case-collection{border-bottom:1px solid #0003}
.case-collection .reading-card-image>img{object-fit:cover;object-position:center 55%}
.reading-room{background:var(--editorial-paper);color:var(--ink);color-scheme:light;padding:4.5rem var(--gutter)}
.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.reading-card{background:#fafafa;border:1px solid #0002;min-width:0}
.reading-card>a{display:flex;flex-direction:column;height:100%}
.reading-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#151515;flex-shrink:0}
.reading-card-image>img{object-fit:contain;transition:filter .4s}
.reading-card-image>span{position:absolute;left:1rem;top:1rem;background:#eee;color:#111;padding:.4rem .65rem;font-size:.6875rem;letter-spacing:.04em}
.reading-card-copy{padding:clamp(1.3rem,2.5vw,2.5rem);display:flex;flex:1;flex-direction:column;align-items:start}
.reading-card-copy .v-kicker{font-size:.6875rem;color:#595959;margin-bottom:1rem}
.reading-card h3{font-size:clamp(2rem,3vw,3.5rem);line-height:1.02;max-width:23ch}
.reading-card-copy>p:not(.v-kicker){color:#535353;font-size:.9375rem;line-height:1.8;margin:1rem 0 1.6rem;max-width:44rem}
.reading-card-copy .v-link{margin-top:auto;font-size:.875rem}
.reading-card:hover .reading-card-image>img{filter:brightness(1.09)}
.reading-room a:focus-visible{outline-color:var(--ink);outline-offset:-3px}
.guide-page .guide-article{background:var(--editorial-paper);gap:6vw}
.guide-page .guide-copy>section{padding:2rem 2.3rem;background:#fafafa;border-top:2px solid #9b9b9b;box-shadow:0 1px 0 #0002}
.guide-page .guide-copy>section+section{margin-top:1.5rem}
.guide-page .guide-copy>section>.v-kicker{color:#595959}
.guide-page .guide-copy h2{font-size:clamp(2rem,3vw,3.2rem);max-width:23ch}
.guide-page .guide-takeaway{background:#d5d5d5;border-color:#747474;padding:2rem;font-size:clamp(1.7rem,2.6vw,2.6rem)}

/* Cangaço Novo: the source footage stays vertical, with one ambient player. */
.junket-page{background:#0b0b0b;color:#ededed}
.junket-hero{display:grid;grid-template-columns:.9fr 1.25fr;align-items:center;gap:2.7vw;padding:1.5rem var(--gutter) 1rem;max-width:1800px;margin:auto}
.junket-title>.v-kicker{color:var(--case-accent);font-size:.7rem;letter-spacing:.06em;line-height:1.8;margin-bottom:1.6rem}
.junket-title h1{font-size:clamp(4rem,8vw,9rem);line-height:.9;letter-spacing:-.035em}
.junket-title h1 em{font-style:normal;color:var(--case-accent)}
.junket-standfirst{font:700 clamp(1.8rem,2.8vw,3rem)/1.1 var(--display);letter-spacing:-.02em;margin-top:1.2rem}
.junket-lead{font-size:1rem;line-height:1.75;max-width:29rem;margin-top:1.5rem;color:#dedede}
.junket-lead strong{font-weight:400;color:white}
.junket-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;align-items:start;min-width:0}
.junket-triptych figure{margin:0;position:relative;aspect-ratio:9/16;background:#111;min-width:0;overflow:hidden}
.junket-triptych img,.junket-triptych video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.junket-triptych video{opacity:0;transition:opacity .5s}
.junket-triptych video.is-playing{opacity:1}
.junket-triptych figcaption{position:absolute;inset:auto 0 0;padding:2.5rem .65rem .8rem;font-size:.6rem;letter-spacing:.04em;background:linear-gradient(transparent,#000c);color:white}
.junket-slate{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;border-top:1px solid #ffffff3a;padding-top:.8rem;gap:1rem;font-size:.6875rem;letter-spacing:.04em;color:#cccccc}
.junket-slate .ambient-pause{border:1px solid #ffffff5a;color:white;flex:0 0 44px;background:transparent}
.junket-page .chapter-nav{background:#0b0b0bf5}
.junket-operation{background:#ededed;color:#171717;color-scheme:light;padding:4.5rem var(--gutter)}
.junket-context{display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin-left:calc(100% * .48 / 2.58 + 1vw);margin-bottom:3rem}
.junket-context p{font-size:1rem;line-height:1.8;max-width:40rem;color:#484848}
.junket-facts{display:grid;grid-template-columns:1.05fr 1fr 1fr;border-top:1px solid #0004;border-bottom:1px solid #0004;margin:0}
.junket-facts>div{padding:1.8rem 2vw 2rem;border-left:1px solid #0004}
.junket-facts>div:first-child{border-left:0;padding-left:0}
.junket-facts dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.2rem}
.junket-facts dd{margin:0}
.junket-facts strong{font:700 clamp(2.4rem,4vw,5rem)/1 var(--display);letter-spacing:-.025em;display:block;margin-bottom:.8rem}
.junket-facts>div:first-child strong{font-size:clamp(4rem,7vw,7.5rem);line-height:.82}
.junket-facts span{display:block;font-size:.9375rem;line-height:1.7;max-width:22rem;color:#555555}
.junket-backstage{padding:4.5rem var(--gutter);background:#0b0b0b}
.backstage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2vw;max-width:1360px;margin:auto}
.backstage-card{margin:0;min-width:0}
.backstage-video{aspect-ratio:9/16;background:#080808;overflow:hidden}
.backstage-video video{display:block;width:100%;height:100%;object-fit:contain}
.backstage-card figcaption{display:grid;grid-template-columns:1.6rem 1fr auto;gap:.5rem;padding:1rem 0 1.2rem;border-bottom:1px solid #ffffff3a}
.backstage-number,.backstage-duration{font-size:.6875rem;color:#b8b8b8;padding-top:.3rem;font-variant-numeric:tabular-nums}
.backstage-card h3{font-size:clamp(1.4rem,2vw,2.25rem);line-height:1.1;margin:0 0 .5rem}
.backstage-card p{font-size:.8125rem;color:#bcbcbc;max-width:27rem;line-height:1.7}
.junket-team{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:4.5rem var(--gutter);background:#d9d9d9;color:#191919;color-scheme:light}
.junket-team>figure{margin:0;max-width:38rem;justify-self:center;width:100%}
.junket-team>figure>img{height:auto;aspect-ratio:3/4;object-fit:contain}
.junket-team figcaption{font-size:.6875rem;letter-spacing:.02em;padding-top:.9rem;border-bottom:1px solid #0004;padding-bottom:.8rem;color:#393939}
.junket-team-copy{max-width:38rem}
.junket-team h2{font-size:clamp(3.5rem,6vw,6.5rem);line-height:.94;margin:1.5rem 0 2rem}
.junket-team-copy>p:not(.v-kicker){font-size:1rem;line-height:1.85;margin:1rem 0;color:#3d3d3d}
.junket-scope{list-style:none;margin:1.8rem 0;padding:0;border-top:1px solid #0004}
.junket-scope li{font-size:.875rem;padding:.85rem 0;border-bottom:1px solid #0004}
.junket-team a:focus-visible{outline-color:var(--ink)}
.junket-page .closing-note{background:#0b0b0b}

@media(min-width:1800px){
 .service-group,.reading-room,.junket-operation,.junket-backstage,.junket-team{padding-inline:max(var(--gutter),calc((100vw - 1640px)/2))}
}
@media(max-width:1050px){
 .collection-heading{grid-template-columns:.55fr 1.45fr;gap:1rem 2rem}
 .collection-heading>p:last-child{grid-column:2}
 .service-group--paper .service-deck:not(.service-deck--compact){grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-group .service-deck:not(.service-deck--compact) h3{font-size:2.25rem}
 .junket-hero{grid-template-columns:.85fr 1.15fr;gap:2rem}
 .junket-triptych{grid-template-columns:repeat(2,minmax(0,1fr))}
 .junket-triptych>figure:last-child{display:none}
 .junket-title h1{font-size:clamp(4rem,8vw,7rem)}
 .junket-context{margin-left:0}
 .junket-facts strong{font-size:2.65rem}
 .backstage-grid{gap:2rem 1.3rem}
 .backstage-card figcaption{grid-template-columns:1.4rem 1fr}
 .backstage-duration{display:none}
}
@media(max-width:700px){
 .service-index #possibilidades{padding-block:3rem}
 .home-services .service-deck{gap:.8rem;padding-top:.5rem}
 .home-services .service-tile{flex-basis:78vw;min-height:23rem}
 .collection-heading{display:block;margin-bottom:2rem}
 .collection-heading>.v-kicker{margin:0 0 1rem}
 .collection-heading h2{font-size:2.75rem;max-width:19ch}
 .collection-heading>p:last-child{font-size:.9375rem;margin-top:1.25rem;max-width:35rem}
 .service-group,.reading-room,.junket-operation,.junket-backstage,.junket-team{padding:3rem var(--gutter)}
 .service-group .service-deck:not(.service-deck--compact),.service-group--paper .service-deck:not(.service-deck--compact){grid-template-columns:1fr;gap:1.7rem}
 .service-group .service-tile-visual{aspect-ratio:16/10}
 .service-group .service-deck:not(.service-deck--compact) .service-tile-copy{padding:1.3rem}
 .service-group .service-tile-copy>p:not(.v-kicker){font-size:.9375rem}
 .ideas-masthead{grid-template-columns:1fr;gap:1rem;padding-top:1rem;padding-bottom:2rem}
 .ideas-masthead h1{font-size:clamp(3.7rem,15vw,6.3rem);margin:.5rem 0}
 .ideas-intro{padding-top:.75rem}
 .ideas-intro p{font-size:1rem;margin-bottom:1.25rem}
 .reading-grid{grid-template-columns:1fr;gap:1.5rem}
 .reading-card h3{font-size:2.4rem}
 .guide-page .guide-copy>section{padding:1.5rem 1.3rem}
 .guide-page .guide-copy h2{font-size:2.2rem}
 .guide-page .guide-takeaway{padding:1.5rem;font-size:1.9rem}
 .junket-hero{grid-template-columns:1fr;gap:1.8rem;padding:1rem var(--gutter)}
 .junket-title>.v-kicker{font-size:.6875rem;margin-bottom:1.3rem}
 .junket-title h1{font-size:clamp(4.5rem,18vw,7.5rem)}
 .junket-lead{font-size:.9375rem;max-width:32rem}
 .junket-triptych{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}
 .junket-triptych>figure:last-child{display:block}
 .junket-triptych figcaption{font-size:.48rem;padding:.5rem .3rem;background:#0009;line-height:1.6}
 .junket-slate{font-size:.6rem;gap:.7rem;line-height:1.8}
 .junket-slate>span{max-width:10rem}
 .junket-context{grid-template-columns:1fr;gap:1.3rem;margin-bottom:2rem}
 .junket-context p{font-size:.9375rem}
 .junket-facts{grid-template-columns:1fr}
 .junket-facts>div,.junket-facts>div:first-child{display:grid;grid-template-columns:.42fr 1fr;gap:1rem;padding:1.7rem 0;border:0;border-top:1px solid #0003}
 .junket-facts>div:first-child{border-top:0}
 .junket-facts dt{font-size:.6875rem;padding-top:.3rem}
 .junket-facts strong{font-size:2.4rem}
 .junket-facts>div:first-child strong{font-size:5rem}
 .junket-facts span{font-size:.875rem}
 .backstage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7rem .9rem}
 .backstage-card figcaption{grid-template-columns:1fr;gap:.4rem;padding:.7rem 0 1rem}
 .backstage-number{font-size:.6rem;padding:0}
 .backstage-card h3{font-size:1.45rem}
 .backstage-card p{font-size:.75rem;line-height:1.65}
 .junket-team{grid-template-columns:1fr;gap:2rem}
 .junket-team-copy{max-width:none}
 .junket-team h2{font-size:3.9rem;margin:1.3rem 0}
 .junket-team-copy>p:not(.v-kicker){font-size:.9375rem}
}
@media(prefers-reduced-motion:reduce){
 .home-services .service-tile,.home-services .service-tile-visual>img,.reading-card-image img{transition:none!important;transform:none!important}
 .home-services .service-tile:before{display:none}
}
.reduced-motion .home-services .service-tile,.reduced-motion .home-services .service-tile-visual>img{transform:none!important;transition:none!important}
.reduced-motion .home-services .service-tile:before{display:none}
@media print{
 .junket-triptych video,.ambient-pause,.deck-track{display:none!important}
 .service-group,.reading-room,.junket-operation,.junket-team{padding:1.5rem 0;background:white;color:black}
 .junket-hero,.junket-team,.collection-heading,.junket-context{display:block}
 .junket-triptych{max-width:25rem;margin-top:1rem}.backstage-grid{grid-template-columns:repeat(3,1fr)}
}