:root{--paper:#f5f3ef;--white:#fffefa;--ink:#21211f;--muted:#65645f;--line:#d5d2cb;--orange:#e9581d;--dark:#252522;--max:1500px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.55 "DM Sans",Arial,sans-serif}
img,video,iframe{display:block;max-width:100%}
img{height:auto}
button{font:inherit}
a{color:inherit;text-decoration:none}
a:hover{text-decoration-color:var(--orange)}
::selection{background:var(--orange);color:white}
:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.skip{position:absolute;left:1rem;top:-5rem;z-index:99;background:var(--ink);color:white;padding:.7rem 1rem}
.skip:focus{top:1rem}
.wrap{width:min(calc(100% - 104px),var(--max));margin-inline:auto}
.eyebrow{font:800 .76rem/1.5 "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.eyebrow span{color:var(--orange);padding:0 .4rem}
em{color:var(--orange);font-style:normal}
h1,h2,h3,p,figure,blockquote{margin-top:0}
h1,h2,h3{font-family:"Manrope",Arial,sans-serif;letter-spacing:-.066em}
p{margin-bottom:1rem}
.credit,figcaption{font-size:.8rem;line-height:1.45;color:var(--muted)}
.inline-link{display:inline-flex;gap:2rem;align-items:center;border-bottom:1px solid currentColor;padding-bottom:.35rem;font-weight:700}
.inline-link span,.link-lines span{color:var(--orange)}
.inline-link:hover span,.selected-list a:hover b{transform:translate(3px,-2px)}
.inline-link span,.selected-list b{transition:transform .2s}
.site-header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:2rem}
.wordmark{font:800 1.02rem/1.06 "Manrope",sans-serif;letter-spacing:-.045em}
.wordmark span{color:var(--orange)}
.site-header nav{display:flex;gap:clamp(1rem,3vw,2.7rem);align-items:center}
.site-header nav a{font-size:.9rem;font-weight:700}
.site-header nav a:hover{color:var(--orange)}
.nav-contact{border-bottom:1px solid var(--ink);padding-bottom:.2rem}
.hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:680px;align-items:center;gap:1.5rem;padding-top:4rem;padding-bottom:6rem}
.hero-copy{position:relative;z-index:1;padding:2rem 0}
.hero .eyebrow{margin-bottom:3rem}
.hero h1{font-size:clamp(4rem,7.1vw,8rem);line-height:.99;margin:0 0 2.2rem;max-width:900px}
.hero-intro{max-width:560px;font-size:clamp(1.1rem,1.45vw,1.42rem);line-height:1.47;margin-bottom:2.5rem}
.hero-image{margin:0 0 0 -2.5rem;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.hero-image img{width:100%;max-height:600px;object-fit:cover;object-position:center}
.hero-image figcaption{margin-top:.7rem;text-align:right;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.67rem}
.selected{padding-bottom:8rem}
.section-line{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding:1.5rem 0 3.5rem}
.section-line h2{font-size:clamp(2.8rem,4.5vw,5.2rem);line-height:1.08;margin:0}
.section-line h2 span{color:var(--muted)}
.selected-list{border-top:1px solid var(--line)}
.selected-list a{display:grid;grid-template-columns:80px minmax(0,1.2fr) minmax(0,.7fr) 30px;gap:1rem;align-items:baseline;padding:1.55rem .1rem;border-bottom:1px solid var(--line)}
.selected-list strong{font:800 clamp(1.45rem,2.7vw,2.8rem)/1.15 "Manrope",sans-serif;letter-spacing:-.055em}
.selected-list .index{font-weight:700;color:var(--orange)}
.selected-list a>span:nth-child(3){font-size:.94rem;color:var(--muted)}
.selected-list b{font-size:1.6rem;color:var(--orange)}
.selected-list a:hover strong{color:var(--orange)}
.case{scroll-margin-top:2rem}
.cognitiva{padding:7rem 0 9rem;background:var(--dark);color:var(--white)}
.case-heading{position:relative;padding-bottom:3.6rem}
.case-heading h2,.editorial-head h2,.sound-head h2,.club-head h2{font-size:clamp(3.7rem,6.9vw,8.4rem);line-height:1.02;margin:3rem 0 0}
.case-client{position:absolute;right:0;bottom:3.6rem;color:#b8b7b0;font-size:.9rem;max-width:270px}
.cometa-visual{display:block;position:relative;background:#141414;max-width:1900px;margin:0 auto}
.cometa-visual img{width:100%;height:auto;max-height:810px;object-fit:contain}
.cometa-visual>span,.music-cover>span{position:absolute;right:1.5rem;bottom:1.5rem;display:flex;align-items:center;gap:2rem;background:var(--orange);padding:.8rem 1rem;font-weight:700}
.cometa-visual:hover>span,.music-cover:hover>span{background:var(--white);color:var(--ink)}
.case-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,10vw,10rem);padding-top:4rem}
.large-statement{font:800 clamp(2.1rem,3.15vw,3.6rem)/1.15 "Manrope",sans-serif;letter-spacing:-.06em;max-width:700px}
.case-text{max-width:640px;color:#deddd7;font-size:1.04rem}
.case-text a{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.case-text .credit{color:#aaa9a4;margin-top:1.6rem}
.campaign-strip{display:flex;gap:clamp(1rem,3vw,3rem);align-items:flex-start;margin-top:4.5rem}
.campaign-strip figure{flex:1;min-width:0;max-width:360px}
.campaign-strip img,.campaign-strip video{width:100%;height:auto;max-height:460px;object-fit:contain;background:#191919}
.campaign-strip figcaption{color:#b8b7b0;margin-top:.7rem}
.editorial{padding:9rem 0 8rem}
.editorial-head{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:end}
.editorial-head .eyebrow{grid-column:1/-1}
.editorial-head h2{margin:.5rem 0 0}
.editorial-context{max-width:440px;padding-bottom:.6rem}
.editorial-context strong{font:800 .9rem "Manrope",sans-serif}
.editorial-context p{color:var(--muted);margin:1rem 0 0}
.feature-article{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:7rem;padding:2rem 0 3rem}
.feature-article h3{max-width:1150px;font-size:clamp(2.8rem,5.4vw,6rem);line-height:1.1;margin:1.8rem 0 2rem}
.feature-article h3 span{color:var(--orange);white-space:nowrap}
.feature-article a:hover h3{color:var(--orange)}
.feature-article>p:last-child{font-size:1.1rem;max-width:650px;color:var(--muted)}
.music-story{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,6vw,7rem);align-items:center;padding:7rem 0}
.music-cover{position:relative;display:block}
.music-cover img{width:100%;height:auto}
.music-copy h3,.science-row h3,.product-notes h3,.podcast h3{font-size:clamp(2.4rem,3.4vw,4rem);line-height:1.13;margin:1.3rem 0 1.7rem}
.music-copy p:not(.eyebrow),.science-row p:not(.eyebrow){color:var(--muted)}
.music-copy .credit{margin-top:2.5rem}
.science-row{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:3rem 0 6rem}
.science-row>div{max-width:600px}
.archive-proof{max-width:1050px;margin-bottom:5rem}
.archive-proof img,.audio-proof img{width:100%}
.archive-proof figcaption,.audio-proof figcaption{margin-top:.7rem}
.link-lines{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.link-lines a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line);font-weight:700}
.link-lines a:hover{color:var(--orange)}
.archive{scroll-margin-top:3rem}
.archive details{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.archive summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.6rem 0}
.archive summary::-webkit-details-marker{display:none}
.archive summary small{display:block;color:var(--orange);text-transform:uppercase;letter-spacing:.11em;font-weight:800;margin-bottom:.5rem}
.archive summary strong{font:800 clamp(1.8rem,2.8vw,3rem)/1.2 "Manrope",sans-serif;letter-spacing:-.05em}
.archive summary b{font:400 3rem/1 "Manrope",sans-serif;color:var(--orange)}
.archive details[open] summary b{transform:rotate(45deg)}
.archive-content{padding:1rem 0 4rem}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2.5rem}
.filters button{border:1px solid var(--line);border-radius:50px;padding:.55rem 1rem;background:none;cursor:pointer;font-weight:700;font-size:.85rem}
.filters button.active,.filters button:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.archive-items{list-style:none;padding:0;margin:0 0 2.5rem;display:grid;grid-template-columns:1fr 1fr;column-gap:4rem}
.archive-items li[hidden]{display:none}
.archive-items a{display:grid;grid-template-columns:150px 1fr 25px;gap:1rem;align-items:baseline;padding:1rem 0;border-top:1px solid var(--line);font-weight:600}
.archive-items small{color:var(--muted);font-size:.77rem;font-weight:500}
.archive-items span{color:var(--orange)}
.archive-items a:hover{color:var(--orange)}
.sound{background:#e8e5df;padding:8rem 0}
.sound-head{padding-bottom:4rem}
.sound-head h2{margin-top:2rem}
.studio-image{max-width:1900px;margin:0 auto}
.studio-image img{width:100%;max-height:900px;height:auto;object-fit:contain}
.sound-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:5rem 0 6rem}
.sound-intro>p:last-child{font-size:1.09rem;max-width:600px}
.listening{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--ink);padding-top:4rem}
.listening>div{min-width:0}
.podcast p:not(.eyebrow),.product-notes p:not(.eyebrow){max-width:570px;color:#565550}
.podcast iframe{width:100%;border:0;background:#fff;min-height:180px;margin:2rem 0 1.2rem}
.secondary-episode{display:block;margin-top:1.4rem;font-size:.9rem;text-decoration:underline;text-underline-offset:4px}
.product-notes .link-lines{margin-top:2rem}
.interview{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-top:2rem;margin-top:6rem;font-weight:700}
.interview a{color:var(--orange)}
.audio-proof{max-width:1050px;margin-top:6rem}
.interview{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;padding-top:4rem}
.interview h3{font:800 clamp(2rem,3vw,3.5rem)/1.16 "Manrope",sans-serif;letter-spacing:-.06em;margin:1rem 0}
.interview p:not(.eyebrow){font-size:.9rem}
.interview iframe{width:100%;aspect-ratio:16/9;border:0}
.photography{padding-top:9rem;padding-bottom:9rem}
.photo-head{display:grid;grid-template-columns:1fr 2fr;gap:1rem 4rem;align-items:end;margin-bottom:4rem}
.photo-head .eyebrow{align-self:start}
.photo-head h2{font-size:clamp(3.4rem,5.3vw,6.5rem);line-height:1.05;margin:0}
.photo-head>p:last-child{grid-column:2;color:var(--muted);max-width:550px;margin:0}
.camera-image{margin:0 0 4rem}
.camera-image img{width:100%;max-height:660px;object-fit:cover}
.photo-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2.3vw,2.5rem);align-items:start}
.photo-gallery figure:nth-child(1){grid-column:span 7}
.photo-gallery figure:nth-child(2){grid-column:span 5}
.photo-gallery figure:nth-child(3){grid-column:span 4}
.photo-gallery figure:nth-child(4){grid-column:span 4}
.photo-gallery figure:nth-child(5){grid-column:span 4}
.photo-gallery figure:nth-child(6){grid-column:3/span 8}
.photo-gallery img{width:100%;height:auto;transition:filter .25s}
.photo-gallery a:hover img{filter:contrast(1.12)}
.photo-gallery figcaption{margin-top:.6rem}
.photography>.inline-link{margin-top:2.8rem}
.club{background:var(--dark);color:var(--white);padding:8rem 0 9rem}
.club-head{display:grid;grid-template-columns:1fr 2.5fr;gap:2rem 5rem;align-items:end;padding-bottom:4rem}
.club-head .eyebrow{align-self:start}
.club-head h2{margin:0}
.club-head>p:last-child{grid-column:2;max-width:560px;color:#cbc9c2;font-size:1.1rem;margin:0}
.club-videos{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:2rem;align-items:start}
.club-videos .minor{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.club-videos iframe{width:100%;height:min(73vw,710px);border:0;background:#f7f5f1}
.club-videos .minor iframe{height:min(52vw,500px)}
.club-videos figcaption{display:flex;justify-content:space-between;gap:1rem;color:#b8b7b0;margin-top:.7rem}
.club-videos figcaption a{color:var(--white);text-decoration:underline;text-underline-offset:3px}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,9rem);align-items:center;padding-top:10rem;padding-bottom:10rem}
.about-photo img{width:100%;max-height:790px;object-fit:contain}
.about-copy h2{font-size:clamp(2.9rem,4vw,5rem);line-height:1.15;margin:1.7rem 0 2.5rem}
.about-copy>p:not(.eyebrow){font-size:1.11rem;max-width:650px}
.about-copy .inline-link{margin-top:1.2rem}
.early{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.15fr;gap:7%;padding-top:6rem;padding-bottom:7rem;align-items:center}
.early h2{font-size:clamp(2.4rem,3.4vw,4rem);line-height:1.15;margin:1.5rem 0 2.5rem}
.early blockquote{font:700 clamp(1.5rem,2vw,2.1rem)/1.38 "Manrope",sans-serif;letter-spacing:-.045em;margin:0 0 2rem}
.early-text>p:not(.eyebrow){max-width:520px;color:var(--muted)}
.early-links{display:flex;flex-direction:column;align-items:start;gap:.8rem;margin-top:2rem}
.early-links a{text-decoration:underline;text-underline-offset:3px;font-size:.88rem;font-weight:700}
.early figure{background:#fff;padding:1.2rem;transform:rotate(1deg);box-shadow:0 10px 25px #00000010}
.early figure img{width:100%}
.early figure figcaption{margin-top:.7rem}
.recognition{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding-top:2rem;padding-bottom:6rem}
.recognition p:last-child{max-width:720px;font-size:1.05rem}
.recognition a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--orange)}
.contact{border-top:1px solid var(--ink);padding-top:3rem;padding-bottom:8rem}
.contact h2{font-size:clamp(3.4rem,6.8vw,8rem);line-height:1.08;margin:3rem 0}
.contact>a{display:inline-block;font:800 clamp(1.7rem,3vw,3rem) "Manrope",sans-serif;border-bottom:2px solid var(--orange)}
.contact>a:hover{color:var(--orange)}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:2rem;padding-top:1.6rem;padding-bottom:2rem;color:var(--muted);font-size:.8rem}
footer a{color:var(--ink);font-weight:700}
@media(max-width:900px){
  .wrap{width:min(calc(100% - 56px),var(--max))}
  .hero{grid-template-columns:1fr 1fr;min-height:550px}
  .hero h1{font-size:clamp(3.7rem,7vw,6rem)}
  .hero-image{margin-left:-3rem}
  .case-heading h2,.editorial-head h2,.sound-head h2,.club-head h2{font-size:clamp(3.7rem,7vw,6rem)}
  .case-client{position:static;margin-top:2rem}
  .archive-items{grid-template-columns:1fr}
  .club-videos{grid-template-columns:1fr}
  .club-videos iframe{height:620px}
  .club-videos .minor iframe{height:440px}
}
@media(max-width:680px){
  .wrap{width:calc(100% - 36px)}
  .site-header{height:73px}
  .wordmark{font-size:.79rem}
  .site-header nav{gap:.9rem}
  .site-header nav a{font-size:.77rem}
  .site-header nav a[href="#arquivo"],.site-header nav a[href="#sobre"]{display:none}
  .hero{display:flex;flex-direction:column;align-items:stretch;padding-top:2rem;padding-bottom:5rem;gap:2rem;min-height:0}
  .hero-copy{padding:0}
  .hero .eyebrow{margin-bottom:2rem}
  .hero h1{font-size:clamp(2.95rem,11vw,5.2rem);line-height:.99}
  .hero-intro{font-size:1.08rem}
  .hero-image{margin:0}
  .hero-image img{max-height:none}
  .section-line,.case-body,.editorial-head,.music-story,.science-row,.sound-intro,.listening,.photo-head,.club-head,.about,.early,.recognition{display:block}
  .section-line h2{margin-top:2rem}
  .selected{padding-bottom:5rem}
  .selected-list a{grid-template-columns:34px 1fr 22px;gap:.6rem}
  .selected-list strong{font-size:1.6rem}
  .selected-list a>span:nth-child(3){grid-column:2;grid-row:2;font-size:.85rem}
  .selected-list b{grid-column:3;grid-row:1}
  .cognitiva,.editorial,.sound,.club{padding:5.5rem 0}
  .case-heading h2,.editorial-head h2,.sound-head h2,.club-head h2{font-size:clamp(3.3rem,12vw,5.5rem);margin-top:2rem}
  .case-heading{padding-bottom:2.5rem}
  .case-client{margin-bottom:0}
  .cometa-visual>span,.music-cover>span{left:1rem;right:1rem;bottom:1rem;justify-content:space-between;font-size:.8rem}
  .case-body{padding-top:3rem}
  .case-body .large-statement{margin-bottom:2rem}
  .campaign-strip{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;margin-top:3rem}
  .campaign-strip figure{flex:0 0 min(68vw,290px);scroll-snap-align:start}
  .campaign-strip img,.campaign-strip video{max-height:420px}
  .editorial-head h2{margin-bottom:2.5rem}
  .feature-article{margin-top:4rem}
  .feature-article h3{font-size:clamp(2.7rem,10vw,4rem)}
  .music-story{padding:4rem 0}
  .music-copy{padding-top:2rem}
  .science-row{padding:3rem 0 5rem}
  .science-row .link-lines{margin-top:2.5rem}
  .archive summary strong{font-size:1.65rem}
  .archive-items a{grid-template-columns:1fr 22px;gap:.1rem}
  .archive-items small{grid-column:1/-1}
  .archive-items span{grid-column:2;grid-row:2}
  .sound-head{padding-bottom:2.5rem}
  .sound-intro{padding:3rem 0}
  .sound-intro .large-statement{margin-bottom:2rem}
  .listening{padding-top:3rem}
  .product-notes{margin-top:5rem}
  .interview{display:block;margin-top:4rem}
  .interview a{display:block}
  .interview iframe{margin-top:2rem}
  .archive-proof{margin-bottom:4rem}
  .photography{padding-top:6rem;padding-bottom:6rem}
  .photo-head h2{font-size:clamp(3rem,10.5vw,5rem);margin:2rem 0}
  .photo-head>p:last-child{max-width:500px}
  .camera-image{margin-bottom:3rem}
  .photo-gallery{grid-template-columns:1fr 1fr;gap:1.1rem}
  .photo-gallery figure:nth-child(n){grid-column:auto}
  .photo-gallery figure:nth-child(1),.photo-gallery figure:nth-child(6){grid-column:1/-1}
  .club-head h2{margin:2rem 0}
  .club-head>p:last-child{max-width:570px}
  .club-videos iframe{height:540px}
  .club-videos .minor{gap:.7rem;margin-top:1.5rem}
  .club-videos .minor iframe{height:290px}
  .club-videos figcaption{display:block;font-size:.72rem}
  .club-videos figcaption a{display:block;margin-top:.3rem}
  .about{padding-top:6rem;padding-bottom:6rem}
  .about-photo{max-width:550px;margin-bottom:3rem}
  .about-copy h2{font-size:clamp(2.7rem,9vw,4.5rem)}
  .early{padding-top:5rem;padding-bottom:5rem}
  .early figure{margin-top:3rem;padding:.7rem;transform:none}
  .recognition{padding-bottom:4rem}
  .contact{padding-bottom:5rem}
  .contact h2{font-size:clamp(3.2rem,11vw,5rem)}
  footer{display:block}
  footer span,footer a{display:block;margin-bottom:.45rem}
}
@media(max-width:380px){.site-header nav a[href="#trabalhos"]{display:none}.club-videos .minor{grid-template-columns:1fr}.club-videos .minor iframe{height:440px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Iteração editorial: o trabalho conduz o ritmo; as marcas de tinta ficam atrás. */
.selected{position:relative;isolation:isolate}
.selected-list,.section-line{position:relative;z-index:1}
.tentacle{pointer-events:none;position:absolute;background-repeat:no-repeat;opacity:.055;z-index:0}
.selected-tentacle{width:min(29vw,430px);height:78%;right:0;bottom:4%;background-size:680px auto;background-position:63% 75%;mask-image:linear-gradient(90deg,transparent 0%,black 34%,black 82%,transparent)}
.selected-list a{grid-template-columns:80px minmax(0,1.2fr) minmax(0,.7fr) 30px}
.case-heading h2{max-width:1050px}
.case-client{max-width:330px}
.product-showcase{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(1.5rem,5vw,5rem);margin-top:6rem;align-items:stretch}
.product-showcase article{border-top:1px solid #77766f;padding-top:1.5rem}
.product-showcase h3{font-size:clamp(2.3rem,3.6vw,4.2rem);line-height:1.1;margin:1.5rem 0}
.product-showcase p:not(.eyebrow){max-width:610px;color:#d2d0ca}
.product-insight{display:grid;grid-template-columns:1fr minmax(180px,.55fr);gap:2rem}
.product-insight figure{width:100%;max-width:280px;margin-left:auto}
.product-insight img{width:100%;height:auto}
.product-showcase figcaption{color:#b8b7b0;margin-top:.65rem}
.product-2e{padding-left:1.5rem}
.product-2e .inline-link{margin-top:1.3rem}
.campaign-intro{border-top:1px solid #77766f;display:flex;justify-content:space-between;align-items:baseline;gap:2rem;margin-top:5rem;padding-top:2rem}
.campaign-intro>p:last-child{font:800 clamp(1.5rem,2.3vw,2.6rem)/1.25 "Manrope",sans-serif;letter-spacing:-.055em;max-width:620px}
.campaign-strip{margin-top:1rem}
.process-map{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;border-top:1px solid #77766f;border-bottom:1px solid #77766f;margin-top:6rem;padding:1.5rem 0 1rem}
.process-map small{color:var(--orange);font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.process-map p{max-width:330px;color:#d2d0ca;line-height:1.6;margin:1.3rem 0}
.future-note{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding-top:5rem}
.future-note span{font:800 clamp(1.4rem,2vw,2.2rem) "Manrope",sans-serif;letter-spacing:-.04em}
.future-note p{color:#c6c4bf}
.editorial-head h2{font-size:clamp(3.8rem,6.8vw,8rem)}
.editorial-aside{font:700 clamp(1.5rem,2.1vw,2.5rem)/1.3 "Manrope",sans-serif;letter-spacing:-.05em;color:var(--orange);max-width:700px;margin-top:6rem;margin-bottom:5rem}
.journalism-mosaic{border-top:1px solid var(--ink)}
.environment-feature{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:clamp(2rem,5vw,6rem);padding:clamp(2.5rem,5vw,5rem) 0 4rem;border-bottom:1px solid var(--line);scroll-margin-top:2rem}
.environment-intro h3{font-size:clamp(2.2rem,4vw,4.5rem);line-height:1.05;letter-spacing:-.06em;margin:1.1rem 0 1.5rem}
.environment-intro>p:last-child{max-width:35ch;color:var(--muted);line-height:1.55}
.environment-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(1rem,2vw,2rem);row-gap:.75rem;align-content:start}
.environment-stories a{display:grid;grid-template-rows:subgrid;grid-row:span 4;border-top:1px solid var(--ink);padding-top:1rem}
.environment-thumb{margin:0;min-width:0}
.environment-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.environment-thumb figcaption{margin-top:.35rem;color:var(--muted);font-size:.66rem;line-height:1.35}
.environment-stories small{font-size:.68rem;line-height:1.45;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.environment-stories strong{font:800 clamp(1rem,1.45vw,1.4rem)/1.25 "Manrope",sans-serif;letter-spacing:-.04em}
.environment-stories span{font-size:.84rem;line-height:1.45;color:var(--muted)}
.environment-stories a:hover strong,.environment-stories a:focus-visible strong{color:var(--orange)}
@media(max-width:950px){.environment-feature{grid-template-columns:1fr;gap:2rem}.environment-intro>p:last-child{max-width:65ch}}
@media(max-width:760px){.environment-stories{grid-template-columns:1fr;row-gap:.55rem}.environment-stories a{padding-bottom:1.5rem}.environment-feature{padding-bottom:2rem}}
.mosaic-heading{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;padding:1.4rem 0 2rem}
.mosaic-heading h3{font-size:clamp(2rem,3.1vw,3.7rem);margin:0}
.mosaic-heading.second{border-top:1px solid var(--line);margin-top:5rem}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2.7rem)}
.article-grid a{display:flex;flex-direction:column;gap:.6rem}
.article-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:grayscale(.2)}
.article-grid small{color:var(--orange);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800;margin-top:.6rem}
.article-grid strong{font:800 clamp(1.25rem,1.65vw,1.9rem)/1.18 "Manrope",sans-serif;letter-spacing:-.05em}
.article-grid span{color:var(--muted);font-size:.88rem;margin-top:auto}
.article-grid a:hover strong{color:var(--orange)}
.music-story{padding-top:8rem}
.editorial-direction{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;border-top:1px solid var(--line);padding:3rem 0 7rem}
.editorial-direction h3{font-size:clamp(2.3rem,3.4vw,4rem);line-height:1.14;max-width:600px}
.editorial-direction p:not(.eyebrow){color:var(--muted);max-width:570px}
.edited-stories a{display:block;border-bottom:1px solid var(--line);padding:1.1rem 0;font-weight:700}
.edited-stories a:first-child{border-top:1px solid var(--line)}
.edited-stories small{display:block;color:var(--muted);font-size:.76rem;font-weight:400;margin-bottom:.4rem}
.edited-stories a:hover{color:var(--orange)}
.sound{position:relative;isolation:isolate;overflow:hidden}
.sound>.wrap,.sound>.studio-image{position:relative;z-index:1}
.audio-tentacle{left:-11%;top:54%;width:33%;height:27%;background-size:760px auto;background-position:28% 86%;transform:rotate(158deg);mask-image:linear-gradient(90deg,transparent 0%,black 40%,transparent 100%)}
.audio-intervention{padding:7rem 0 5rem}
.audio-intervention span,.creativity-note span,.box-note{font:800 clamp(2.8rem,5vw,6rem)/1.12 "Manrope",sans-serif;letter-spacing:-.07em}
.music-players{display:grid;grid-template-columns:.75fr 1.25fr;gap:9%;border-top:1px solid var(--line);padding:4rem 0 0}
.music-players h3{font-size:clamp(2.6rem,4.1vw,5rem);line-height:1.1;margin:1.4rem 0}
.music-players p:not(.eyebrow){max-width:450px;color:var(--muted)}
.tracks{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.tracks figure{min-width:0}
.tracks figcaption{font-weight:800;font-size:1rem;color:var(--ink);margin-bottom:.75rem}
.tracks iframe{width:100%;height:166px;border:0;background:#ddd}
.tracks figure>a,.track-notes a{display:block;text-decoration:underline;text-underline-offset:3px;font-size:.8rem;margin-top:.55rem}
.track-notes{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:1rem 2rem}
.medical{padding:8rem 0;background:#e9e6df}
.medical-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem 4rem;align-items:end}
.medical-heading h2{font-size:clamp(3.3rem,5.5vw,6.7rem);line-height:1.05;margin:0}
.medical-heading>p:last-child{grid-column:2;max-width:630px;color:var(--muted)}
.medical-work{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--ink);margin-top:4rem;padding-top:2rem}
.medical-work article{max-width:630px}
.medical-work h3{font-size:clamp(2.2rem,3.2vw,3.8rem);line-height:1.14;margin:1.3rem 0 2rem}
.medical-work article>p:not(.eyebrow):not(.credit){font-size:1.05rem}
.medical-links{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;margin:2rem 0}
.medical-embeds{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}
.medical-embeds iframe{width:100%;height:440px;border:0;background:#f8f7f4}
.medical-links a{border-bottom:1px solid #bbb6ad;padding:.65rem 0;font-weight:700}
.medical-links a:hover{color:var(--orange)}
.repertoire{display:grid;grid-template-columns:1fr 2fr;gap:5%;padding-top:8rem;padding-bottom:8rem}
.repertoire h2{font-size:clamp(3rem,4.2vw,5rem);line-height:1.1;margin:1.4rem 0}
.repertoire-list{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem}
.repertoire-list>div{border-top:1px solid var(--line);padding-top:1.1rem}
.repertoire-list h3{font-size:1.1rem;letter-spacing:-.03em}
.repertoire-list p{color:var(--muted);font-size:.91rem;line-height:1.7}
.about{padding-top:4rem}
.about-music{font:700 clamp(1.2rem,1.7vw,1.7rem)/1.3 "Manrope",sans-serif!important;letter-spacing:-.04em;color:var(--orange);margin-top:2.5rem}
.creativity-note{border-top:1px solid var(--line);padding-top:4rem;padding-bottom:9rem}
.creativity-note p{max-width:440px;font-size:1.05rem;color:var(--muted);margin:2rem 0 0 auto}
.box-note{border-top:1px solid var(--line);padding-top:5rem;padding-bottom:6rem}
.contact{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr);gap:clamp(2rem,5vw,6rem);align-items:center;min-height:590px;overflow:hidden}
.contact h2{font-size:clamp(3.3rem,5.1vw,6.6rem);margin:2rem 0 3rem}
.contact-copy>p:last-child{font:700 clamp(1.1rem,1.6vw,1.55rem) "Manrope",sans-serif}
.contact-copy>p:last-child a{border-bottom:2px solid var(--orange)}
.contact-copy>p:last-child a:hover{color:var(--orange)}
.contact-copy>p:last-child span{color:var(--orange)}
.octopus{width:100%;max-height:550px;object-fit:contain;object-position:center;filter:contrast(1.1)}
@media(max-width:900px){
 .product-showcase{grid-template-columns:1fr 1fr;gap:2rem}
 .product-insight{display:block}
 .product-insight figure{margin:2rem 0 0;max-width:240px}
 .selected-tentacle{opacity:.035}
}
@media(max-width:680px){
 .selected-tentacle{width:45vw;height:64%;right:-5%;bottom:3%;opacity:.035;background-size:450px auto}
 .case-heading h2{font-size:clamp(3rem,10.5vw,5rem)}
 .product-showcase,.editorial-direction,.music-players,.medical-heading,.medical-work,.repertoire,.repertoire-list,.contact{display:block}
 .product-showcase{margin-top:4rem}
 .product-2e{padding-left:0;margin-top:3rem}
 .campaign-intro,.future-note,.mosaic-heading{display:block}
 .campaign-intro>p:last-child{margin-top:1.5rem}
 .process-map{display:block;margin-top:4rem}
 .process-map>div+div{border-top:1px solid #77766f;padding-top:1.2rem}
 .future-note p{margin-top:.75rem}
 .editorial-aside{margin-top:4rem;margin-bottom:4rem}
 .article-grid{grid-template-columns:1fr 1fr;gap:2rem 1rem}
 .article-grid a:first-child{grid-column:1/-1}
 .mosaic-heading h3{margin-top:1rem}
 .mosaic-heading.second{margin-top:4rem}
 .music-story{padding-top:5rem}
 .editorial-direction .edited-stories{margin-top:2rem}
 .audio-tentacle{opacity:.035;left:-25%;width:60%;top:54%}
 .audio-intervention{padding:5rem 0}
 .music-players .tracks{margin-top:3rem}
 .medical{padding:6rem 0}
 .medical-embeds{grid-template-columns:1fr}
 .medical-embeds iframe{height:540px}
 .medical-heading h2{margin:1.5rem 0}
 .medical-work article+article{margin-top:3rem;border-top:1px solid var(--line);padding-top:2rem}
 .repertoire{padding-top:6rem;padding-bottom:6rem}
 .repertoire-list{margin-top:3rem}
 .repertoire-list>div{margin-bottom:2rem}
 .about{padding-top:3rem}
 .creativity-note{padding-bottom:6rem}
 .contact{padding-top:4rem;padding-bottom:4rem;min-height:0}
 .contact h2{font-size:clamp(3rem,10vw,5rem)}
 .club-videos .minor{grid-template-columns:1fr}
 .club-videos .minor iframe{height:540px}
 .octopus{width:min(65%,330px);margin:3rem 0 0 auto;max-height:450px}
}
@media(max-width:430px){.article-grid{display:block}.article-grid a{margin-bottom:2.5rem}.tracks{display:block}.tracks figure{margin-bottom:2rem}.medical-links,.medical-embeds{grid-template-columns:1fr}}

/* Ajustes de direção e os recortes do sketchbook fornecido por Lu. */
.line{display:block}
.selected{overflow:visible}
.tentacle{background-image:none;opacity:.05;filter:none;z-index:0}
.selected-tentacle{background-image:url("assets/tentacle-sketch-right.webp");background-size:contain;background-position:center;width:min(38vw,510px);height:min(38vw,440px);right:-clamp(90px,12vw,190px);top:27%;bottom:auto;mask-image:linear-gradient(90deg,transparent 0%,black 28%,black 82%,transparent 100%)}
.audio-tentacle{background-image:url("assets/tentacle-sketch-left.webp");background-size:contain;background-position:center;width:min(40vw,480px);height:min(44vw,530px);left:-clamp(100px,13vw,210px);top:55%;transform:rotate(-16deg);mask-image:linear-gradient(90deg,transparent 0%,black 30%,black 90%)}
.cognitiva .case-heading h2{max-width:none}
.editorial-head h2{max-width:none;font-size:clamp(3.6rem,5.2vw,6.2rem)}
.editorial-aside{width:min(calc(100% - 104px),var(--max));max-width:none;text-align:left}
.editorial-direction h3{font-size:clamp(2.6rem,3.9vw,4.9rem);line-height:1.08}
.edited-stories{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}
.edited-stories a,.edited-stories a:first-child{display:grid;grid-template-columns:1fr auto;gap:.4rem .8rem;border-top:1px solid var(--line);border-bottom:0;padding:1.15rem 0}
.edited-stories small{grid-column:1/-1;margin:0}
.edited-stories strong{font:800 clamp(.95rem,1.2vw,1.2rem)/1.3 "Manrope",sans-serif;letter-spacing:-.03em}
.edited-stories span{color:var(--orange)}
.product-mosaic{margin-top:6rem}
.product-grid a:nth-child(1){grid-column:auto}
.product-grid img{filter:none}
.audio-intervention .line{display:block}
.audio-intervention span{font-size:clamp(2.2rem,3.3vw,4.2rem)}
.music-players{grid-template-columns:.68fr 1.32fr;gap:8%}
.music-players h3{font-size:clamp(2.4rem,3.4vw,4.4rem)}
.playlist h2{font-size:clamp(1.9rem,2.5vw,3rem);line-height:1.14;margin:0 0 1rem}
.playlist>p{max-width:600px!important}
.tracks{display:block;margin-top:2.5rem}
.tracks figure{display:grid;grid-template-columns:minmax(130px,.36fr) minmax(0,1fr);gap:.25rem 1.4rem;align-items:start;max-width:none;border-top:1px solid var(--line);padding:1.3rem 0;margin:0}
.tracks figcaption{grid-row:1/3;margin:.3rem 0}
.tracks iframe{grid-column:2;max-height:166px}
.tracks figure>a{grid-column:2;margin-top:.2rem}
.track-notes{border-top:1px solid var(--line);padding-top:1.1rem}
.photo-carousel{position:relative}
.photo-controls{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-bottom:1.2rem;font:800 .8rem "Manrope",sans-serif;letter-spacing:.12em}
.photo-controls button{border:1px solid var(--ink);border-radius:0;min-width:84px;height:42px;padding:0 .7rem;background:transparent;color:var(--ink);font:800 .7rem "Manrope",sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.photo-controls button:hover{background:var(--ink);color:var(--white)}
.photo-controls button:disabled{opacity:.35;cursor:default;background:transparent;color:var(--ink)}
.photo-gallery{display:flex;gap:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.photo-gallery::-webkit-scrollbar{display:none}
.photo-gallery figure:nth-child(n){grid-column:auto;flex:0 0 100%;min-width:0;display:flex;flex-direction:column;align-items:center;scroll-snap-align:center;padding:0 clamp(.5rem,3vw,3rem)}
.photo-gallery figure a{display:flex;justify-content:center;align-items:center;width:100%;height:min(70vh,760px)}
.photo-gallery img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.photo-gallery figcaption{align-self:center;margin-top:.8rem}
.club-head h2{font-size:clamp(3.5rem,5.6vw,7rem)}
.medical-heading h2{font-size:clamp(3.5rem,5.6vw,6.5rem)}
.about-copy h2{font-size:clamp(2.8rem,3.8vw,4.8rem);margin-bottom:1.2rem}
.about-copy h3{font-size:clamp(1.45rem,1.9vw,2.1rem);line-height:1.28;letter-spacing:-.045em;margin:0 0 2.4rem}
.box-note .line{display:block}
.box-note{font-size:clamp(2.2rem,2.9vw,3.9rem)}
.octopus{max-height:630px;filter:none}
body{overflow-x:hidden}
@media(max-width:900px){
 .selected-tentacle{right:-120px;opacity:.045}
 .audio-tentacle{left:-140px;opacity:.045}
 .edited-stories{grid-template-columns:1fr}
 .editorial-head h2{font-size:clamp(2.8rem,5vw,3.5rem)}
}
@media(max-width:680px){
 .cognitiva .case-heading h2,.editorial-head h2,.club-head h2,.medical-heading h2{font-size:clamp(1.95rem,8.3vw,3.5rem)}
 .editorial-aside{width:calc(100% - 36px);margin-left:18px;margin-right:18px;font-size:clamp(1.4rem,5.4vw,2.1rem)}
 .selected-tentacle{width:310px;height:300px;right:-210px;top:28%;opacity:.04}
 .audio-tentacle{width:310px;height:360px;left:-210px;top:52%;opacity:.04}
 .product-mosaic{margin-top:4rem}
 .product-grid{display:grid;grid-template-columns:1fr 1fr}
 .product-grid a:nth-child(1){grid-column:1/-1}
 .music-players .playlist{margin-top:3rem}
 .tracks figure{display:block}
 .tracks figcaption{margin-bottom:.75rem}
 .tracks iframe{width:100%}
 .photo-gallery figure a{height:min(60vh,540px)}
 .about-copy h2{font-size:clamp(2.6rem,9vw,4.3rem)}
 .about-copy h3{font-size:1.4rem}
 .octopus{max-height:480px}
}
@media(max-width:430px){
 .product-grid{display:block}
 .photo-gallery figure a{height:min(55vh,450px)}
}

/* Uma primeira leitura curta; os arquivos abrem apenas quando pedidos. */
.cognitiva{padding-bottom:6.5rem}
.case-body{padding-top:3rem}
.case-extra{margin-top:3.5rem;border-top:1px solid #77766f;border-bottom:1px solid #77766f}
.case-extra summary,.work-extra summary,.mini-extra summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1.5rem;align-items:baseline;font:800 clamp(1rem,1.35vw,1.4rem)/1.3 "Manrope",sans-serif;letter-spacing:-.035em;padding:1.25rem 0}
.case-extra summary::-webkit-details-marker,.work-extra summary::-webkit-details-marker,.mini-extra summary::-webkit-details-marker{display:none}
.case-extra summary span,.work-extra summary span,.mini-extra summary span{color:var(--orange);font-size:1.5rem}
.case-extra[open] summary span,.work-extra[open] summary span,.mini-extra[open] summary span{transform:rotate(45deg)}
.case-extra .campaign-strip{margin-top:1rem;margin-bottom:2rem}
.case-extra .campaign-intro{margin-top:1rem}
.process-map{margin-top:4rem}
.future-note{padding-top:3rem}
.editorial{padding-bottom:6rem}
.editorial-aside{margin-top:4.5rem;margin-bottom:4rem}
.mosaic-heading.second{margin-top:4rem}
.archive{margin-top:5rem}
.archive-main>.archive-content{padding-top:.25rem}
.archive-lead{max-width:550px;color:var(--muted);margin:0 0 2rem}
.archive-group{border-top:1px solid var(--line)!important;border-bottom:0!important}
.archive-group:last-of-type{border-bottom:1px solid var(--line)!important;margin-bottom:2rem}
.archive-group summary{padding:1.2rem 0;font:800 clamp(1.15rem,1.7vw,1.7rem)/1.3 "Manrope",sans-serif;letter-spacing:-.04em}
.archive-group summary span{color:var(--orange)}
.archive-group[open] summary span{transform:rotate(45deg)}
.archive-group .archive-items{margin:0 0 2rem;grid-template-columns:1fr 1fr}
.archive-group .archive-items a{grid-template-columns:130px 1fr 25px}
.archive-note{max-width:620px;color:var(--muted)}
.archive-group .edited-stories{margin-bottom:2rem}
.sound{padding-top:6rem;padding-bottom:6rem}
.sound-intro{padding:3rem 0 4rem}
.listening{padding-top:3rem}
.product-notes p{max-width:500px}
.product-mosaic{margin-top:4rem}
.product-mosaic .work-extra{margin-top:3rem}
.work-extra{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.work-extra .article-grid{padding:1rem 0 2rem}
.work-extra>p{margin:0 0 2rem}
.work-extra>p a,.mini-extra>a{text-decoration:underline;text-underline-offset:3px}
.interview-extra{margin-top:3.5rem}
.interview-extra .interview{margin:0 0 3rem;padding-top:2rem;border:0}
.episode-picks{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.secondary-episode{margin-top:1.2rem}
.mini-extra{border-top:1px solid var(--line);margin-top:1.5rem}
.mini-extra>a{display:block;margin:.5rem 0 1rem;font-size:.9rem}
.audio-intervention{padding:5rem 0 4rem}
.music-players{padding-top:3rem}
.music-players .mini-extra{margin-top:0}
.music-players .mini-extra .tracks{margin-top:0}
.photography{padding-top:7rem;padding-bottom:7rem}
.photo-head{margin-bottom:2rem}
.early{grid-template-columns:1.2fr .8fr;gap:6%;padding-top:4rem;padding-bottom:4rem}
.early h2{font-size:clamp(2rem,2.9vw,3.2rem);margin-bottom:1.5rem}
.early blockquote{font-size:clamp(1.3rem,1.6vw,1.8rem)}
.early figure{max-width:540px;justify-self:end}
.recognition{padding-top:1.5rem;padding-bottom:3rem}
@media(max-width:680px){
 .case-extra{margin-top:2.5rem}
 .archive-group .archive-items{display:block}
 .archive-group .archive-items a{grid-template-columns:1fr 22px}
 .archive-group .archive-items small{grid-column:1/-1}
 .sound{padding-top:5rem;padding-bottom:5rem}
 .product-mosaic{margin-top:3rem}
 .episode-picks{display:block}
 .early figure{margin-top:2rem}
}

/* Editorial-first portfolio revision */
.hero{min-height:640px;padding-top:3.5rem;padding-bottom:5rem}
.hero-intro strong{display:block;font-weight:700;color:var(--ink);margin-bottom:.55rem}
.selected{padding-bottom:6rem}
.selected-list a{padding:1.3rem .1rem}
.editorial{padding:7rem 0 6rem}
.editorial-head h2{font-size:clamp(3.5rem,6vw,7.3rem)}
.journalism-mosaic{margin-top:4rem}
.editing-proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8%;border-top:1px solid var(--line);margin-top:5rem;padding-top:2rem}
.editing-proof h3{font-size:clamp(2.3rem,3.4vw,4.4rem);line-height:1.13;margin:1.3rem 0}
.editing-proof p:not(.eyebrow){color:var(--muted);max-width:550px}
.editing-links a{display:grid;gap:.3rem;border-bottom:1px solid var(--line);padding:1rem 0}
.editing-links small{color:var(--muted);font-size:.78rem}
.editing-links strong{font-size:1.1rem}
.editing-links a:hover strong{color:var(--orange)}
.cognitiva{padding:6rem 0 7rem}
.case-heading h2{font-size:clamp(3.5rem,6vw,7.2rem)}
.case-body{padding-top:3rem;gap:7%}
.case-text strong{color:var(--white)}
.case-extra.case-visible{border-top:1px solid #66645f;margin-top:4rem;padding-top:1.5rem}
.case-extra.case-visible>.eyebrow{color:var(--white);margin-bottom:1rem}
.case-extra.case-visible .campaign-strip{margin-top:2rem}
.medical{padding:6rem 0}
.medical-work{margin-top:2.5rem}
.medical-work h3{font-size:clamp(2rem,2.7vw,3.2rem)}
.sound{padding-top:6rem;padding-bottom:6rem}
.sound-head h2{font-size:clamp(3.3rem,5.5vw,6.7rem)}
.sound-intro{padding:2rem 0 3rem}
.sound-intro .large-statement{max-width:720px}
.product-mosaic{margin-top:3rem}
.product-mosaic>.article-grid{max-width:580px}
.about{padding-top:7rem;padding-bottom:7rem}
.about-copy h2{font-size:clamp(2.7rem,4vw,4.8rem)}
.about-copy>p:not(.eyebrow){font-size:1.03rem;line-height:1.65}
.about .recognition{width:100%;grid-column:1/-1;padding:1.3rem 0;border-top:1px solid var(--line);margin-top:1rem}
.repertoire-compact{border-top:1px solid var(--line);margin:2.3rem 0 1.2rem}
.repertoire-compact>div{display:grid;grid-template-columns:minmax(145px,.75fr) 1.25fr;gap:1rem;border-bottom:1px solid var(--line);padding:.85rem 0;font-size:.9rem}
.repertoire-compact strong{font-family:Manrope,sans-serif}
.repertoire-compact span,.tools-note{color:var(--muted)}
.tools-note{font-size:.85rem!important}
.full-archive{padding-top:7rem;padding-bottom:8rem;border-top:1px solid var(--line)}
.full-archive h2{font-size:clamp(3.2rem,5.5vw,6.5rem);line-height:1.08;margin:1rem 0}
.full-archive>p:not(.eyebrow){color:var(--muted);max-width:620px;margin-bottom:3rem}
.archive-category{border-top:1px solid var(--ink)}
.archive-category:last-child{border-bottom:1px solid var(--ink)}
.archive-category>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:1.4rem .1rem;font:800 clamp(1.25rem,2.4vw,2rem)/1.2 Manrope,sans-serif;letter-spacing:-.04em}
.archive-category>summary::-webkit-details-marker{display:none}
.archive-category>summary b{font-size:1.5rem;color:var(--orange);transition:transform .2s}
.archive-category[open]>summary b{transform:rotate(45deg)}
.archive-category-body{padding:1.5rem 0 3rem;min-width:0}
.archive-category-body>.archive{width:100%}
.archive-category-body>.archive .archive-main{border:0}
.archive-category-body>.archive .archive-main>summary{display:none}
.archive-category-body>.archive .archive-content{display:block!important}
.archive-category-body>.archive .archive-group{max-width:980px}
.archive-category-body>.product-2e{max-width:750px}
.archive-category-body>.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-width:900px}
.archive-category-body>.work-extra{max-width:980px}
.archive-category-body>.photography,.archive-category-body>.club,.archive-category-body>.early{width:100%;margin:0;padding:1.5rem 0 2rem}
.archive-category-body>.club{padding:3rem;background:var(--dark);color:var(--white)}
.archive-category-body>.club .wrap{width:100%}
.archive-category-body>.club h2{font-size:clamp(2.5rem,4.2vw,5rem)}
.archive-category-body>.studio-image{max-width:760px;margin-bottom:3rem}
.archive-category-body>.music-players{width:100%;padding:1rem 0}
.archive-category-body>.music-players h3{font-size:clamp(2.5rem,4vw,4.8rem)}
.archive-category-body>.early{border:0}
.contact{padding-top:4rem}
.contact-copy>p:last-child{font-size:clamp(1.05rem,1.3vw,1.32rem);line-height:1.55;max-width:680px}
@media(max-width:900px){
 .editing-proof{grid-template-columns:1fr;gap:1.5rem}
 .archive-category-body>.article-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
 .hero{min-height:0;padding-top:2.5rem;padding-bottom:4rem}
 .hero h1{font-size:clamp(3.6rem,14vw,5.3rem)}
 .selected{padding-bottom:4rem}
 .editorial,.cognitiva,.medical,.sound,.full-archive{padding-top:4.5rem;padding-bottom:4.5rem}
 .editorial-head h2,.case-heading h2,.sound-head h2{font-size:clamp(3rem,12vw,5rem)}
 .case-client{position:static;margin-top:1.5rem}
 .case-body{display:block}
 .case-extra.case-visible .campaign-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}
 .case-extra.case-visible .campaign-strip figure{min-width:70vw;scroll-snap-align:start}
 .medical-work{display:block}
 .medical-work article+article{border-top:1px solid var(--line);padding-top:2rem;margin-top:2rem}
 .repertoire-compact>div{grid-template-columns:1fr;gap:.35rem}
 .archive-category-body>.article-grid{display:block}
 .archive-category-body>.club{padding:2rem 1rem}
 .archive-category-body>.photography,.archive-category-body>.early{display:block}
 .contact{padding-bottom:5rem}
}
.archive-category-body>.archive .archive-content{padding-top:0;margin-top:0}
.archive-category-body>.archive .archive-main{padding:0;margin:0}

/* Second editorial pass */
.product-showcase{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2.5rem 4rem;margin-top:4rem}
.product-showcase .product-ebooks{padding-left:0}
.product-showcase .product-ebooks h3{font-size:clamp(2rem,2.7vw,3.3rem)}
.product-showcase .ecosystem-link{align-self:end;padding-bottom:1rem}
.cognitiva-archive-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.cognitiva-archive-links a{border-top:1px solid var(--line);padding:1rem 0;font-weight:700}
.cognitiva-archive-links a:hover{color:var(--orange)}
.sound-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(180px,.65fr);gap:clamp(1.5rem,3vw,3rem);align-items:center}
.sound-intro>p:last-of-type{font-size:1.08rem}
.studio-mini{margin:0;min-width:0}
.studio-mini img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
.studio-mini figcaption{margin-top:.6rem}
.listening{display:block;padding-top:3rem}
.podcast>p:not(.eyebrow){max-width:680px}
.podcast h3{margin-bottom:1rem}
.podcast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2.5rem);margin-top:2.4rem}
.episode-card{min-width:0;border-top:1px solid var(--ink);padding-top:1rem}
.episode-card figcaption{color:var(--ink);font:800 clamp(1rem,1.45vw,1.4rem)/1.28 Manrope,sans-serif;letter-spacing:-.035em;min-height:3.6em}
.episode-card iframe{width:100%;height:180px;min-height:0;margin:.8rem 0;border:0}
.episode-card>a{display:inline-block;border-bottom:1px solid var(--orange);padding:.35rem 0;font-weight:700;font-size:.85rem}
.podcast .mini-extra{margin-top:2.4rem}
.product-mosaic{margin-top:4.5rem}
.product-mosaic>.article-grid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2.7rem)}
.product-mosaic .mosaic-heading{align-items:baseline}
.product-mosaic .mosaic-heading h3{font-size:clamp(2rem,3vw,3.5rem);line-height:1.1;max-width:850px}
.product-mosaic .product-grid a:nth-child(1){grid-column:auto}
.product-mosaic .product-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}
.product-mosaic .product-grid strong{font-size:clamp(1.2rem,1.55vw,1.8rem)}
.about .recognition{grid-template-columns:.75fr 1.3fr minmax(170px,.65fr);gap:2rem;align-items:start}
.award-photo{width:100%;max-width:210px;margin:0;justify-self:end}
.award-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 60%}
.award-photo figcaption{margin-top:.6rem;font-size:.75rem}
@media(max-width:900px){
 .sound-intro{grid-template-columns:1fr 1fr}
 .studio-mini{max-width:260px;grid-column:2}
 .product-showcase{gap:2rem}
 .product-insight{grid-template-columns:1fr}
 .product-insight figure{margin:0}
 .podcast-grid{gap:1rem}
 .about .recognition{grid-template-columns:1fr 1.3fr}
 .award-photo{grid-column:2;justify-self:start}
}
@media(max-width:680px){
 .product-showcase{display:block;margin-top:3rem}
 .product-showcase article{padding:1.4rem 0;margin-bottom:2rem}
 .product-showcase .product-2e{padding-left:0}
 .product-showcase .ecosystem-link{padding:0}
 .cognitiva-archive-links{display:block}
 .cognitiva-archive-links a{display:block}
 .sound-intro{display:block}
 .studio-mini{max-width:270px;margin:1.8rem 0 0}
 .podcast-grid{display:block}
 .episode-card{margin:1.3rem 0 2rem}
 .episode-card figcaption{min-height:0}
 .product-mosaic>.article-grid{display:block}
 .product-mosaic .product-grid a{margin-bottom:2.5rem}
 .product-mosaic .mosaic-heading h3{font-size:clamp(2rem,9vw,3rem)}
 .about .recognition{display:block}
 .award-photo{max-width:175px;margin-top:1.8rem}
}
.about{padding-bottom:3.5rem}
.about .recognition{padding-bottom:1rem}
.about .recognition a{white-space:nowrap}
.award-photo{max-width:240px}

/* Recognition and quiet footer illustration */
.sound-intro{grid-template-columns:minmax(0,1fr) minmax(270px,.72fr);gap:clamp(2rem,8vw,9rem);align-items:center}
.sound-intro-copy{max-width:720px}
.sound-intro-copy>p:last-child{max-width:560px;font-size:1.12rem;line-height:1.6;margin-top:1.7rem}
.studio-mini{width:100%;max-width:520px;justify-self:end}
.about .recognition{display:block;padding:2.5rem 0 0;margin-top:3rem}
.recognition-heading{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line);padding-bottom:1.6rem}
.recognition-heading h3{font:800 clamp(1.65rem,2.8vw,3rem)/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:0}
.recognition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2.5rem);padding-top:1.8rem}
.recognition-card{min-width:0}
.recognition-card img{width:100%;height:230px;object-fit:cover;display:block;background:#ddd}
.recognition-card:first-child img{object-position:center}
.recognition-card:nth-child(2) img{object-fit:contain;background:#fff}
.recognition-card:last-child img{object-position:center 55%}
.recognition-card>a,.recognition-card figure{display:block;margin:0}
.recognition-card strong,.recognition-card span{display:block}
.recognition-card strong{font:800 clamp(1.2rem,1.55vw,1.65rem)/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:.55rem 0}
.recognition-card span:last-child,.edition-links{font-size:.85rem;color:var(--muted)}
.recognition-kicker{font:.75rem Manrope,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-top:1rem}
.edition-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.8rem}
.edition-links a{border-bottom:1px solid var(--orange);white-space:normal!important}
.recognition-card a:hover strong{color:var(--orange)}
.contact{display:block;min-height:0;padding-bottom:clamp(4rem,8vw,8rem)}
.contact-copy{max-width:900px}
.contact-action{appearance:none;border:0;border-bottom:2px solid var(--orange);padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.contact-action:hover,.contact-action:focus-visible{color:var(--orange)}
.octopus-waterline{width:100%;height:clamp(90px,13vw,190px);overflow:hidden;position:relative;border-bottom:1px solid var(--line);pointer-events:none}
.octopus-waterline img{position:absolute;width:min(1040px,90vw);max-width:none;height:auto;bottom:-12%;right:4%;opacity:.095;filter:grayscale(1)}
footer{position:relative}
footer button{appearance:none;border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer}
footer button:hover{color:var(--orange)}
@media(max-width:900px){.recognition-card img{height:190px}}
@media(max-width:680px){.sound-intro{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem}.studio-mini{max-width:310px;margin:0;align-self:flex-end}.recognition-heading{display:block}.recognition-heading h3{margin-top:1rem}.recognition-grid{display:block}.recognition-card{margin-bottom:2.5rem}.recognition-card img{height:auto;max-height:260px;object-fit:cover}.recognition-card:nth-child(2) img{height:200px}.octopus-waterline{height:100px}.octopus-waterline img{width:600px;right:-90px;bottom:-7%}}
.recognition-card:last-child img{object-fit:contain;background:var(--paper);object-position:center}

/* Final contact composition: engraving behind copy, complete head visible */
.contact{position:relative;isolation:isolate;min-height:clamp(550px,48vw,750px);display:flex;align-items:flex-start;padding-top:clamp(4rem,6vw,7rem);padding-bottom:8rem;overflow:visible}
.contact-copy{position:relative;z-index:2}
.contact .octopus-waterline{position:absolute;z-index:0;inset:auto 0 0 0;width:100%;height:auto;min-height:0;overflow:visible;border:0;pointer-events:none}
.contact .octopus-waterline img{position:relative;display:block;width:100%;max-width:none;height:auto;right:auto;bottom:auto;opacity:.115;filter:none}
@media(max-width:680px){.contact{min-height:600px;padding-top:4rem;padding-bottom:9rem}.contact .octopus-waterline{bottom:1.5rem}.contact .octopus-waterline img{width:140%;max-width:none;margin-left:-23%;right:auto;bottom:auto;opacity:.085}}
@media(max-width:680px){.contact .octopus-waterline img{width:100%;margin-left:0}}
.contact .octopus-waterline img{opacity:.28;mix-blend-mode:multiply}
@media(max-width:680px){.contact .octopus-waterline img{opacity:.2}}
.contact .octopus-waterline img{opacity:.42}
@media(max-width:680px){.contact .octopus-waterline img{opacity:.28}}

/* Editorial case and a fuller, curated repertoire */
.editorial-case{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,3rem);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding-top:2rem;padding-bottom:2.5rem;margin-bottom:3rem}
.editorial-case h3{font:800 clamp(1.5rem,2vw,2.5rem)/1.12 Manrope,sans-serif;letter-spacing:-.045em;margin:.7rem 0}
.editorial-case>div:not(:first-child){border-left:1px solid var(--line);padding-left:1.2rem}
.editorial-case strong{font:800 .8rem Manrope,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.editorial-case p:not(.eyebrow){font-size:.92rem;line-height:1.55;color:var(--muted);margin:.7rem 0 0}
.toolkit{border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1.4rem}
.toolkit>.eyebrow{margin:0 0 .5rem}
.toolkit>div{display:grid;grid-template-columns:minmax(145px,.75fr) 1.25fr;gap:1rem;border-bottom:1px solid var(--line);padding:.75rem 0;font-size:.85rem;line-height:1.5}
.toolkit strong{font-family:Manrope,sans-serif}.toolkit span{color:var(--muted)}
.upcoming{grid-column:1/-1;display:grid;grid-template-columns:minmax(160px,.45fr) 1fr;gap:2rem;border-top:1px solid var(--ink);padding:2rem 0 0;margin-top:2rem}
.upcoming h3{font:800 clamp(1.6rem,2.6vw,3rem)/1.12 Manrope,sans-serif;letter-spacing:-.05em;margin:0 0 .8rem}
.upcoming p:not(.eyebrow){max-width:750px;line-height:1.6;margin:0}
.contact .octopus-waterline img{opacity:.25}
@media(max-width:900px){.editorial-case{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-case>div:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:680px){.editorial-case{display:block}.editorial-case>div:not(:first-child){border-left:0;border-top:1px solid var(--line);padding:1rem 0 0;margin-top:1rem}.toolkit>div{display:block}.toolkit strong,.toolkit span{display:block}.toolkit span{margin-top:.25rem}.upcoming{display:block}.upcoming>div{margin-top:1.1rem}.contact .octopus-waterline img{opacity:.18}}

/* Closing visual pass */
.about{row-gap:2rem}
.upcoming{margin-top:0;padding-top:1.7rem}
.about .recognition{margin-top:0;padding-top:1.7rem}
.medical-heading{align-items:start;grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);column-gap:clamp(2rem,5vw,6rem)}
.medical-heading>.eyebrow{grid-column:1;grid-row:1;align-self:start;margin:0}
.medical-heading h2{grid-column:2;grid-row:1/3}
.medical-heading>p:last-of-type{grid-column:2;grid-row:3;margin:1rem 0 0}
.medical-art{grid-column:1;grid-row:2/4;justify-self:center;width:min(75%,230px);margin:-.3rem 0 0;opacity:.52;pointer-events:none}
.medical-art img{width:100%;height:auto;display:block}
.podcast{position:relative}
.podcast>h3,.podcast>p:not(.eyebrow){max-width:calc(100% - 240px)}
.podcast-art{position:absolute;top:-1.5rem;right:clamp(1rem,6vw,7rem);width:clamp(140px,17vw,220px);margin:0;opacity:.58;pointer-events:none}
.podcast-art img{display:block;width:100%;height:auto}
.podcast-grid{position:relative;z-index:1}
@media(max-width:900px){.medical-art{width:min(85%,190px)}.podcast-art{right:0;width:160px}.podcast>h3,.podcast>p:not(.eyebrow){max-width:calc(100% - 185px)}}
@media(max-width:680px){.about{row-gap:1.4rem}.medical-heading{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:1rem}.medical-heading>.eyebrow{grid-column:1/-1;grid-row:1}.medical-heading h2{grid-column:1/-1;grid-row:2;margin:0}.medical-heading>p:last-of-type{grid-column:1;grid-row:3;margin:0}.medical-art{grid-column:2;grid-row:3;width:100%;align-self:start;margin:-1.5rem 0 0;opacity:.45}.podcast-art{top:0;width:92px;right:0;opacity:.5}.podcast>h3,.podcast>p:not(.eyebrow){max-width:calc(100% - 100px)}.podcast h3{font-size:clamp(2rem,9vw,3rem)}.sound-intro{padding-top:1.5rem}.full-archive{padding-top:4.5rem;padding-bottom:5rem}}
.podcast-art{width:clamp(130px,13vw,175px)}
@media(max-width:680px){.podcast-art{width:92px}}
@media(min-width:681px){
 .medical-heading{position:relative;grid-template-rows:auto auto;align-content:start;min-height:310px}
 .medical-heading h2{grid-column:2;grid-row:1;margin:0}
 .medical-heading>p:last-of-type{grid-column:2;grid-row:2;align-self:start;margin:.7rem 0 0}
 .medical-art{position:absolute;left:0;top:2.4rem;width:min(75%,230px);margin:0}
}

/* Archive: a first click reveals actual work. */
.archive-category-body>.archive{margin-top:0}
.archive-category-body>.archive .archive-content{padding-bottom:0}

/* Illustrations stay in their editorial margins. */
@media(min-width:681px){
 .medical-heading{min-height:265px;grid-template-rows:auto auto;row-gap:.8rem}
 .medical-heading h2{grid-row:1}
 .medical-heading>p:last-of-type{grid-row:2;margin:0;max-width:660px}
 .medical-art{top:-5.3rem;left:2rem;width:155px;opacity:.42}
 .podcast{padding-right:0}
 .podcast-art{top:-.7rem;right:1rem;width:130px;opacity:.42}
 .podcast>h3,.podcast>p:not(.eyebrow){max-width:calc(100% - 180px)}
}

/* A dark editorial aside for the work still in progress. */
.about .upcoming{background:var(--dark);color:var(--white);border:0;padding:clamp(2rem,4vw,4rem);margin:1rem 0 0;grid-template-columns:minmax(160px,.55fr) minmax(0,1.2fr)}
.upcoming .eyebrow{color:#d1cec6}
.upcoming>div{justify-self:end;max-width:690px}
.upcoming h3{font-size:clamp(2rem,3.4vw,4.3rem)}
.upcoming h3 em{color:var(--orange);font-style:normal}
.upcoming p:not(.eyebrow){color:#d7d5cf}

/* Contact copy leads the conversation above the octopus engraving. */
@media(min-width:901px){
 .contact{min-height:610px}
 .contact-copy{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);column-gap:clamp(2rem,5vw,6rem);align-items:start}
 .contact-copy>.eyebrow{grid-column:1/-1;margin-bottom:2rem}
 .contact-copy h2{grid-column:1;max-width:720px;font-size:clamp(3.5rem,5.1vw,6.3rem);line-height:1.04;margin:0}
 .contact-copy>p:last-child{grid-column:2;max-width:440px;margin:2.5rem 0 0;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.6}
 .contact .octopus-waterline img{opacity:.15}
}
@media(max-width:900px){.contact .octopus-waterline img{opacity:.12}}
@media(max-width:680px){
 .medical-heading{grid-template-columns:minmax(0,1fr) 72px}
 .medical-art{width:72px;margin:0;opacity:.28}
 .podcast-art{width:72px;right:0;top:0;opacity:.35}
 .podcast>h3,.podcast>p:not(.eyebrow){max-width:calc(100% - 82px)}
 .about .upcoming{display:block;margin-top:1rem}
 .upcoming>div{margin-top:1.5rem}
 .contact-copy>p:last-child{position:relative;background:rgba(247,246,243,.84);max-width:430px;padding:.4rem 0}
}
footer .site-credit{font-size:.75rem;color:var(--muted)}
.footer-social{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-shrink:0}
.footer-social a,.footer-social button{display:grid;place-items:center;width:42px;height:42px;margin:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.footer-social a:hover,.footer-social button:hover,.footer-social a:focus-visible,.footer-social button:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--white)}
.footer-social svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.footer-social{justify-content:flex-start;margin-top:1rem}}
@media(min-width:681px){.medical-art{top:-6.8rem;width:145px}}
.product-showcase .ecosystem-link{padding-left:1.5rem}
.sound-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding-bottom:3.5rem}
.sound-lead-copy{min-width:0}
.sound-lead h2{font-size:clamp(3rem,5.2vw,6rem);line-height:1.04;letter-spacing:-.055em;margin:1.1rem 0 2.2rem}
.sound-lead .large-statement{font-size:clamp(1.7rem,2.5vw,3rem);line-height:1.12;margin:0 0 1.2rem;max-width:650px}
.sound-lead .sound-intro-copy>p:last-child{max-width:620px;font-size:1.08rem;line-height:1.55;margin:0}
.sound-lead .studio-mini{width:100%;max-width:none;margin:0;justify-self:stretch}
.sound-lead .studio-mini img{aspect-ratio:4/3;object-fit:cover}
@media(max-width:900px){.sound-lead{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:2rem}.sound-lead h2{font-size:clamp(2.8rem,5.7vw,4.4rem)}}
@media(max-width:680px){.product-showcase .ecosystem-link{padding-left:0}.sound-lead{display:block;padding-bottom:2.5rem}.sound-lead h2{font-size:clamp(2.8rem,10vw,4.5rem);margin:1.3rem 0 2rem}.sound-lead .large-statement{font-size:clamp(1.8rem,7vw,2.7rem)}.sound-lead .studio-mini{max-width:410px;margin:2rem 0 0 auto}}

/* Compact index: every original case lives inside its own disclosure. */
.selected{padding-bottom:2.4rem}
.portfolio-accordion{position:relative;margin:0 auto 3.5rem}
.portfolio-panel{border-top:1px solid var(--line)}
.portfolio-panel:last-child{border-bottom:1px solid var(--line)}
.portfolio-summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:64px minmax(0,1.2fr) minmax(0,.7fr) 34px;align-items:center;gap:1rem;padding:1.3rem 0;min-height:78px}
.portfolio-summary::-webkit-details-marker{display:none}
.portfolio-summary .index{font-size:.83rem;font-weight:800;color:var(--orange)}
.portfolio-summary strong{font:800 clamp(1.5rem,2.7vw,2.8rem)/1.15 "Manrope",sans-serif;letter-spacing:-.055em}
.portfolio-summary .panel-descriptor{font-size:.94rem;color:var(--muted)}
.portfolio-summary b{font:400 2rem/1 "Manrope",sans-serif;color:var(--orange);text-align:center;transition:transform .2s}
.portfolio-panel[open]>.portfolio-summary b{transform:rotate(45deg)}
.portfolio-summary:hover strong,.portfolio-summary:focus-visible strong{color:var(--orange)}
.portfolio-summary:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.portfolio-panel-body{overflow:hidden}
.portfolio-panel-body>section{scroll-margin-top:2rem}
.portfolio-panel-body>.full-archive{padding-top:2rem}
.portfolio-panel-body .about{padding-top:4rem}
.portfolio-panel-body>.editorial{padding-top:4rem}
.portfolio-panel-body>.cognitiva,.portfolio-panel-body>.medical,.portfolio-panel-body>.sound{margin-top:0}
.portfolio-panel#arquivo{scroll-margin-top:2rem}
.portfolio-panel#sobre{scroll-margin-top:2rem}
.portfolio-panel#canaltech,.portfolio-panel#cognitiva,.portfolio-panel#medical,.portfolio-panel#audio{scroll-margin-top:2rem}
.contact{min-height:0!important;padding-top:2.2rem;padding-bottom:3rem;display:block;overflow:hidden}
.contact-copy{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem 3rem;align-items:start}
.contact-copy>.eyebrow{grid-column:1/-1;margin:0 0 .6rem}
.contact-copy h2{grid-column:1;max-width:none;font-size:clamp(2.5rem,4.2vw,4.6rem);line-height:1.08;margin:0}
.contact-copy>p:not(.eyebrow){grid-column:1;margin:.5rem 0 0;max-width:420px;font:400 1.05rem/1.5 "Manrope",sans-serif}
.contact-list{grid-column:2;grid-row:2/4;list-style:none;margin:0;padding:0;border-top:1px solid var(--line);max-width:420px;width:100%;justify-self:end}
.contact-list li{border-bottom:1px solid var(--line)}
.contact-list a,.contact-list button{width:100%;display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0 .8rem .95rem;position:relative;font:700 1.1rem/1.3 "Manrope",sans-serif;color:var(--ink);border:0;background:transparent;text-decoration:none;cursor:pointer;text-align:left}
.contact-list a::before,.contact-list button::before{content:"•";position:absolute;left:0;color:var(--orange)}
.editorial-performance{display:grid;grid-template-columns:minmax(190px,.38fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);border-bottom:1px solid var(--line);padding-bottom:1.7rem}
.editorial-performance .eyebrow{color:var(--orange);margin:.25rem 0 0}
.editorial-performance>div{max-width:790px}
.editorial-performance>div>p:first-child{font-size:1rem;line-height:1.6;margin:0}
.editorial-performance-tools{font-size:.82rem;line-height:1.7;color:var(--muted);margin:1rem 0 0}
.editorial-performance-tools span{color:var(--orange);padding:0 .25rem}
@media(max-width:680px){.editorial-performance{display:block}.editorial-performance>div{margin-top:1rem}}
.contact-list span{color:var(--orange)}
.contact-list a:hover,.contact-list button:hover{color:var(--orange)}
.contact .octopus-waterline{pointer-events:none}
.contact .octopus-waterline img{opacity:.075}
footer{align-items:start}
footer>span:first-child{max-width:560px;font-size:.76rem;line-height:1.5}
@media(max-width:680px){
 .selected{padding-bottom:1.6rem}
 .portfolio-summary{grid-template-columns:30px minmax(0,1fr) 30px;gap:.65rem;padding:1.05rem 0;min-height:0}
 .portfolio-summary strong{font-size:1.55rem}
 .portfolio-summary .panel-descriptor{grid-column:2;grid-row:2;font-size:.83rem}
 .portfolio-summary b{grid-column:3;grid-row:1}
 .portfolio-panel-body>.editorial{padding-top:2rem}
 .contact{padding-top:2rem;padding-bottom:2rem}
 .contact-copy{display:block}
 .contact-copy h2{font-size:clamp(2.6rem,10vw,4rem)}
 .contact-copy>p:not(.eyebrow){margin:1rem 0 1.6rem;background:none;padding:0}
 .contact-list{max-width:none}
 .contact .octopus-waterline img{opacity:.055}
}

/* The selected work index follows the hero directly. */
.hero{min-height:0;padding-bottom:3rem}
.hero-intro{margin-bottom:0}
@media(max-width:680px){.hero{padding-bottom:2.5rem}}

.language-switch{display:flex;align-items:center;gap:.35rem;border-left:1px solid var(--line);padding-left:1rem;margin-left:-.5rem;font-size:.8rem}.language-switch a,.language-active{padding:.25rem .2rem}.language-switch a{color:var(--muted)}.language-switch a:hover,.language-active{color:var(--ink)}.language-active{font-weight:800}

/* Revista J: one published spread up front, four compact entry points below. */
.revista-case{grid-column:1/-1;max-width:none!important;border-top:1px solid var(--ink);padding-top:2rem;margin-top:0}
.revista-showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.revista-opening h3{font-size:clamp(2.4rem,4vw,4.7rem);line-height:1.04;margin:.65rem 0 1.1rem;max-width:650px}
.revista-opening>p:not(.eyebrow){max-width:600px;line-height:1.58}
.revista-opening .revista-lead{font:700 clamp(1.1rem,1.5vw,1.45rem)/1.42 "Manrope",sans-serif;letter-spacing:-.025em;color:var(--ink)}
.revista-opening .revista-role{color:var(--orange);font:800 .74rem/1.5 "Manrope",sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:1.4rem 0 1.5rem}
.revista-hero-visual{min-width:0;margin:0;padding:.55rem;background:#e8e5de;border:1px solid var(--line)}
.revista-hero-visual a{display:block}
.revista-hero-visual img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}
.revista-hero-visual a:hover img{opacity:.92}
.revista-hero-visual figcaption{padding:.55rem .2rem .1rem}
.revista-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2.7rem;border-top:1px solid var(--ink)}
.revista-compact-story{min-width:0;padding:1.5rem 1.4rem 1.5rem 0;border-bottom:1px solid var(--line)}
.revista-compact-story:nth-child(even){border-left:1px solid var(--line);padding-left:1.4rem;padding-right:0}
.revista-compact-story .eyebrow{font-size:.68rem;letter-spacing:.09em;color:var(--orange);margin:0 0 .55rem}
.revista-compact-story h4{font:800 clamp(1.45rem,2vw,2rem)/1.17 "Manrope",sans-serif;letter-spacing:-.05em;margin:0 0 .65rem;max-width:580px}
.revista-compact-story>p:not(.eyebrow){font-size:.94rem;line-height:1.5;color:var(--muted);max-width:560px;min-height:2.8em;margin:0 0 1rem}
.revista-compact-story .inline-link{font-size:.85rem}
.revista-pages-extra{margin-top:1rem;border-top:1px solid var(--line);padding-top:.7rem}
.revista-pages-extra summary,.revista-credits summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;font-weight:700;color:var(--muted)}
.revista-pages-extra summary::-webkit-details-marker,.revista-credits summary::-webkit-details-marker{display:none}
.revista-pages-extra summary span,.revista-credits summary span{color:var(--orange);font-size:1.1rem;line-height:1}
.revista-pages-extra[open] summary span,.revista-credits[open] summary span{transform:rotate(45deg)}
.revista-pages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}
.revista-pages-grid figure{min-width:0;margin:0;padding:.35rem;background:#e8e5de}
.revista-pages-grid img{display:block;width:100%;height:180px;object-fit:contain}
.revista-pages-grid figcaption{font-size:.68rem;padding:.35rem 0 0}
.revista-credits{max-width:720px;border-top:1px solid var(--line);padding-top:.8rem;margin-top:1.5rem}
.revista-credits figure{max-width:560px;margin:1rem 0 0;padding:.45rem;background:#e8e5de}
.revista-credits img{display:block;width:100%;height:auto}
.revista-credits figcaption{padding:.45rem 0 0}
@media(max-width:900px){.revista-showcase{grid-template-columns:1fr 1fr;gap:2rem}.revista-hero-visual img{max-height:410px}}
@media(max-width:680px){.revista-case{padding-top:1.5rem}.revista-showcase{display:flex;flex-direction:column;align-items:stretch;gap:1.3rem}.revista-opening h3{font-size:clamp(2.2rem,9vw,3.6rem)}.revista-hero-visual img{max-height:none}.revista-compact-grid{grid-template-columns:1fr;margin-top:1.8rem}.revista-compact-story,.revista-compact-story:nth-child(even){border-left:0;padding:1.2rem 0}.revista-compact-story>p:not(.eyebrow){min-height:0}.revista-pages-grid img{height:160px}}
.medical-work>.medical-social-case{grid-column:1/-1;border-top:1px solid var(--line);padding-top:2rem;margin-top:0}
@media(max-width:680px){.medical-work>.medical-social-case{margin-top:2rem;padding-top:2rem}}

/* Citations: one bibliographic record per row. */
.citation-section{padding:3rem 0 4rem}
.citation-section>h2{font-size:clamp(2.5rem,4.7vw,5rem);line-height:1.03;max-width:1100px;margin:.5rem 0 1rem}
.citation-intro{max-width:730px;font-size:1rem;line-height:1.58;color:var(--muted);margin:0 0 2.5rem}
.citation-group{border-top:1px solid var(--ink);padding-top:1.2rem;margin-top:2rem}
.citation-group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;margin-bottom:1rem}
.citation-group-heading h3{font-size:clamp(1.45rem,2.1vw,2.1rem);margin:0}
.citation-group-heading p{font-size:.87rem;color:var(--muted);margin:0}
.citation-grid{border-bottom:1px solid var(--line)}
.citation-entry{display:grid;grid-template-columns:minmax(135px,.22fr) minmax(245px,.4fr) minmax(245px,.38fr);gap:1.25rem 2rem;min-width:0;padding:1rem 0;border-top:1px solid var(--line);align-items:start}
.citation-role{font:800 .68rem/1.4 "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin:.15rem 0 0}
.citation-role span{display:block;margin-top:.35rem;color:var(--muted);font-weight:600;letter-spacing:.05em}
.citation-source h4{font:800 clamp(1.05rem,1.5vw,1.4rem)/1.25 "Manrope",sans-serif;letter-spacing:-.035em;margin:0}
.citation-source h4 a:hover,.citation-work a:hover{color:var(--orange)}
.citation-source h4 span{color:var(--orange)}
.citation-meta,.citation-publication-title{font-size:.78rem;line-height:1.42;color:var(--muted);margin:.3rem 0 0}
.citation-publication-title{font-style:italic}
.citation-work-label{font:800 .64rem/1.4 "Manrope",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:.25rem 0 .35rem}
.citation-work ul{list-style:none;margin:0;padding:0}
.citation-work li{font-size:.87rem;line-height:1.4;margin:.25rem 0}
.citation-work a{border-bottom:1px solid var(--line)}
.citation-work a span{color:var(--orange)}
.citation-note{max-width:720px;color:var(--muted);font-size:.76rem;line-height:1.5;margin:1.15rem 0 0}
@media(max-width:900px){.citation-entry{grid-template-columns:minmax(120px,.24fr) minmax(0,.76fr)}.citation-work{grid-column:2}.citation-group-heading{display:block}.citation-group-heading p{margin:.4rem 0 0}}
@media(max-width:680px){.citation-section{padding:2.4rem 0 3rem}.citation-entry{grid-template-columns:1fr;gap:.3rem;padding:1rem 0}.citation-work{grid-column:1;margin-top:.35rem}.citation-role span{display:inline;margin-left:.4rem}.citation-intro{margin-bottom:2rem}}

/* Small Canaltech teaser routes to the dedicated citation collection. */
.citation-teaser{display:grid;grid-template-columns:minmax(170px,.4fr) minmax(0,1fr) auto;gap:1rem 2rem;align-items:center;margin:2rem auto 3.5rem;padding:1.2rem 1.4rem;border-left:2px solid var(--orange);background:#efede7}
.citation-teaser>.eyebrow{color:var(--orange);margin:0}
.citation-teaser h3{font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.2;margin:0 0 .3rem}
.citation-teaser p:not(.eyebrow){font-size:.9rem;line-height:1.5;color:var(--muted);margin:0}
.citation-teaser .inline-link{font-size:.82rem;white-space:nowrap}
@media(max-width:760px){.citation-teaser{grid-template-columns:1fr;gap:.6rem;margin:1.5rem auto 2.5rem;padding:1rem}.citation-teaser .inline-link{white-space:normal;width:max-content;max-width:100%}}

/* Faster first scan in the editorial and product cases. */
.editorial-context{max-width:550px}
.editorial-context .editorial-lede{font-weight:700;color:var(--ink)}
.cognitiva .case-heading .case-client{position:static;max-width:680px;color:#deddd7;font-size:1.08rem;line-height:1.5;margin:1.4rem 0 0}
.cognitiva .case-heading{padding-bottom:2.6rem}
.cognitiva .case-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6%;padding-top:2.4rem}
@media(max-width:680px){.cognitiva .case-body{display:block;padding-top:2rem}.cognitiva .case-heading .case-client{font-size:1rem}.editorial-context{max-width:none}}

/* Three real projects appear before the detailed accordion. */
.selected .section-line{padding-bottom:2rem}
.featured-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,2vw,2rem);border-top:1px solid var(--ink);padding-top:1.1rem}
.featured-work-card{display:flex;flex-direction:column;min-width:0;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.featured-work-card img{width:100%;aspect-ratio:1.68;object-fit:cover;background:#e8e5de;transition:filter .2s ease}
.featured-work-card:hover img{filter:brightness(.88)}
.featured-work-card:hover strong{color:var(--orange)}
.featured-work-meta{font:800 .67rem/1.4 "Manrope",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--orange);margin-top:1rem}
.featured-work-card strong{font:800 clamp(1.5rem,2.5vw,2.5rem)/1.12 "Manrope",sans-serif;letter-spacing:-.055em;margin:.3rem 0;transition:color .2s}
.featured-work-description{font-size:.93rem;line-height:1.42;color:var(--muted);min-height:2.7em}
.featured-work-action{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.1rem;font-size:.83rem;font-weight:700}
.featured-work-action b{font-size:1.25rem;color:var(--orange);font-weight:400}
.featured-work-card:focus-visible{outline-offset:5px}
.selected{padding-bottom:2.8rem}
.campaign-strip figcaption strong{display:block;color:#deddd7;font:700 .78rem/1.5 "Manrope",sans-serif}
.campaign-strip .creative-sample{display:block;margin-top:.7rem;color:#f5f3ef;font:600 .86rem/1.45 "Manrope",sans-serif}
.campaign-strip .creative-sample small{display:block;color:#aaa9a4;font:400 .78rem/1.45 "DM Sans",sans-serif;margin-top:.35rem}
@media(max-width:680px){
 .selected .section-line{padding-bottom:1.5rem}
 .featured-work{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;scrollbar-width:thin;scrollbar-color:var(--orange) var(--line);padding-bottom:.4rem}
 .featured-work-card{flex:0 0 82%;scroll-snap-align:start}
 .featured-work-card img{aspect-ratio:1.6}
 .featured-work-description{min-height:0}
 .selected{padding-bottom:1.8rem}
}