/* R6 · shared editorial foundation. Project art keeps its own identity. */
@font-face{font-family:'Inter Variable';src:url('/assets/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Newsreader;src:url('/assets/fonts/Newsreader-Italic-Variable.woff2') format('woff2');font-style:italic;font-weight:200 800;font-display:swap}
body.portfolio-r6{--paper:#f3f1e9;--paper-2:#e9ece2;--ink:#18251f;--muted:#536158;--line:#ccd1c4;--forest:#234c3c;--lime:#d9ed93;--sans:'Inter Variable',Inter,system-ui,sans-serif;--serif:Newsreader,Georgia,serif;background:var(--paper);font-family:var(--sans);font-optical-sizing:auto;font-synthesis:none}
.portfolio-r6 .shell{width:min(100% - 72px,1392px)}
.portfolio-r6 h1,.portfolio-r6 h2,.portfolio-r6 h3{font-family:var(--sans);font-weight:540;letter-spacing:-.05em;text-wrap:balance}
.portfolio-r6 h1 em,.portfolio-r6 h2 em,.portfolio-r6 .italic{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
.portfolio-r6 p{line-height:1.65}
.portfolio-r6 button,.portfolio-r6 input,.portfolio-r6 select,.portfolio-r6 textarea{font-family:var(--sans)}
.portfolio-r6 .eyebrow,.portfolio-r6 .section-kicker,.portfolio-r6 .section-num{font-size:12px;letter-spacing:.09em;font-weight:600;line-height:1.5}
.portfolio-r6 .section-kicker>span:last-child{font-size:12px}
.portfolio-r6 .site-header{background:#f3f1e9f5;backdrop-filter:blur(16px);border-color:var(--line)}
.portfolio-r6 .header-inner{gap:24px}
.portfolio-r6 .wordmark{display:flex;align-items:center;gap:16px;letter-spacing:-.045em;font-size:24px}
.portfolio-r6 .wordmark-signature{font-size:12px;letter-spacing:-.02em;font-weight:450;border-left:1px solid var(--line);padding:6px 0 6px 16px}
.portfolio-r6 .main-nav{gap:25px}
.portfolio-r6 .main-nav>a{font-size:14px;min-height:44px}
.portfolio-r6 .header-cta{font-size:13px;min-height:44px;border-radius:5px;gap:12px;padding:10px 16px}
.portfolio-r6 .header-inner .motion-toggle{font-size:13px;min-height:44px;border-radius:5px}
.portfolio-r6 .header-inner .motion-toggle span{display:none}
.portfolio-r6 .menu-toggle{border-radius:5px}
.portfolio-r6 .hero{--exhibit-width:clamp(620px,48vw,760px);display:grid;grid-template-columns:minmax(0,1fr) var(--exhibit-width);grid-template-areas:'copy exhibit';grid-template-rows:auto;gap:0 48px;align-items:start;min-height:0;max-width:1392px;padding-top:132px;padding-bottom:64px}
.portfolio-r6 .hero-copy{padding-top:26px;max-width:760px;min-width:0}
.portfolio-r6 .hero-issue{font-size:12px;letter-spacing:.075em;color:var(--muted);flex-wrap:wrap;gap:10px}
.portfolio-r6 .issue-year{display:none}
.portfolio-r6 .issue-dot{animation:none;width:6px;height:6px;box-shadow:none}
.portfolio-r6 .hero h1{font-size:clamp(54px,4.9vw,82px);line-height:1.05;letter-spacing:-.055em;margin:26px 0 24px;max-width:800px}
.portfolio-r6 .hero h1 em{color:var(--forest);letter-spacing:-.045em}
.portfolio-r6 .hero-description{max-width:560px;font-size:18px;line-height:1.6;color:var(--muted)}
.portfolio-r6 .hero-actions{margin:30px 0 30px;gap:12px;align-items:stretch;flex-wrap:wrap}
.portfolio-r6 .hero-actions .button{font-size:14px;gap:18px;border-radius:5px;min-height:50px;padding:12px 17px;font-weight:550}
.portfolio-r6 .hero-actions .button-text{border-color:var(--line);padding-inline:15px}
.portfolio-r6 .hero-exhibit.hero-badge-exhibit{width:min(100%,var(--exhibit-width));margin-inline:auto;align-self:start}
.portfolio-r6 .hero-support{padding-top:0;max-width:560px}
.portfolio-r6 .hero-authority{align-items:center;margin-top:5px;padding-top:22px;border-top:1px solid var(--line);gap:14px;max-width:none}
.portfolio-r6 .authority-logo{width:46px;height:46px;object-fit:cover;border-radius:50%;flex:none}
.portfolio-r6 .hero-authority p{font-size:14px;line-height:1.55}
.portfolio-r6 .hero-authority strong{font-weight:600}
.portfolio-r6 .hero-scope{font-size:14px;line-height:1.6;margin-top:14px;color:var(--muted)}
.portfolio-r6 .hero-cred{font-size:11px;letter-spacing:.04em;flex-wrap:wrap;padding-top:16px;margin-top:16px;gap:10px;white-space:normal}
.portfolio-r6 .hero-cred i{width:3px;height:3px}
.portfolio-r6 .scroll-indicator{font-size:12px;letter-spacing:.07em;bottom:25px;min-height:36px}
.portfolio-r6 .discipline-rail{height:auto;overflow:hidden;background:transparent;border-block:1px solid var(--line)}
.portfolio-r6 .rail-track{display:flex;justify-content:space-between;gap:24px;min-width:0;width:min(100% - 72px,1392px);margin:auto;padding:27px 0;animation:none}
.portfolio-r6 .rail-track span{font-size:clamp(24px,3.2vw,46px);font-weight:450;letter-spacing:-.045em;text-transform:none;line-height:1.2;color:var(--forest)}
.portfolio-r6 .section-block{padding-block:100px}
.portfolio-r6 .work-heading{gap:55px;align-items:end;padding:28px 0 38px}
.portfolio-r6 .work-heading h2{font-size:clamp(42px,4.7vw,70px);line-height:1.06;letter-spacing:-.05em}
.portfolio-r6 .work-heading p{font-size:17px;max-width:480px;color:var(--muted);line-height:1.65}
.portfolio-r6 .work-context{font-size:13px;letter-spacing:.015em;line-height:1.5}
.portfolio-r6 .work-context span:last-child{font-size:12px}
.portfolio-r6 .tile-caption h3{font-size:30px}
.portfolio-r6 .tile-caption p{font-size:16px}
.portfolio-r6 .work-cover-copy strong{font-family:var(--sans)}
.portfolio-r6 .digital-anchor{height:0;scroll-margin-top:90px}
.portfolio-r6 .source-note{font-size:13px}
.portfolio-r6 .contact-section{background:#e8ecdf;padding-top:100px}
.portfolio-r6 .contact-intro h2{font-size:clamp(44px,4.5vw,68px);letter-spacing:-.05em;line-height:1.08}
.portfolio-r6 .contact-intro>p{font-size:17px;max-width:510px}
.portfolio-r6 .contact-person div>span,.portfolio-r6 .contact-direct small{font-size:13px}
.portfolio-r6 .contact-form{border-radius:8px;box-shadow:none;background:#fffef8;padding:32px}
.portfolio-r6 .brief-heading h3{font-family:var(--sans);font-size:31px;line-height:1.15;font-weight:500;letter-spacing:-.04em}
.portfolio-r6 .contact-form label{font-size:15px}
.portfolio-r6 .contact-form select,.portfolio-r6 .contact-form textarea{font-size:16px;background:#f8f8f2}
.portfolio-r6 .contact-form button{font-size:14px;min-height:44px}
.portfolio-r6 #form-status,.portfolio-r6 .brief-direct{font-size:13px}
.portfolio-r6 .contact-formats>span{font-size:11px;letter-spacing:.03em}
.portfolio-r6 .site-footer>span,.portfolio-r6 .site-footer a{font-size:13px}
.portfolio-r6 .dialog-content h2{font-size:clamp(32px,3.1vw,48px);line-height:1.1}
.portfolio-r6 .dialog-content>p,.portfolio-r6 .case-facts dd{font-size:16px}
.portfolio-r6 .case-facts dt,.portfolio-r6 .case-status,.portfolio-r6 .case-credits,.portfolio-r6 .dialog-proof>span{font-size:13px}
.portfolio-r6 .dialog-proof p{font-size:16px}
.portfolio-r6 .case-actions{gap:10px;flex-wrap:wrap}
.portfolio-r6 .case-actions a,.portfolio-r6 .case-actions button{font-size:14px;min-height:46px}
.portfolio-r6 .case-credits>p{overflow-wrap:anywhere}
@media(max-width:1279px){
 .portfolio-r6 .hero{grid-template-columns:1fr;grid-template-areas:'copy' 'exhibit';gap:28px;max-width:none;padding-top:116px}
 .portfolio-r6 .hero-copy{padding-top:0;max-width:800px}
 .portfolio-r6 .hero h1{font-size:clamp(56px,6.8vw,82px);max-width:950px}
 .portfolio-r6 .hero-description{max-width:650px}
 .portfolio-r6 .hero-support{max-width:var(--exhibit-width);width:100%;margin-inline:auto}
 .portfolio-r6 .header-inner{gap:18px}.portfolio-r6 .main-nav{gap:18px}
 .portfolio-r6 .wordmark-signature{display:none}.portfolio-r6 .header-cta{font-size:12px}
}
@media(max-width:900px){.portfolio-r6 .header-inner{gap:12px}.portfolio-r6 .main-nav{display:none}.portfolio-r6 .wordmark{font-size:24px}.portfolio-r6 .header-inner .motion-toggle{margin-left:auto}.portfolio-r6 .mobile-nav{background:#f3f1e9}.portfolio-r6 .mobile-nav a{font-size:21px;min-height:48px}.portfolio-r6 .mobile-nav p{font-size:14px}}
@media(max-width:760px){
 .portfolio-r6 .shell{width:calc(100% - 36px)}
 .portfolio-r6 .hero{padding-top:98px;padding-bottom:48px;gap:24px}
 .portfolio-r6 .hero h1{font-size:clamp(40px,10.3vw,66px);line-height:1.07;letter-spacing:-.045em;margin:21px 0 21px}
 .portfolio-r6 .hero-issue{font-size:11px;letter-spacing:.055em}
 .portfolio-r6 .hero-description{font-size:16px;line-height:1.6}
 .portfolio-r6 .hero-actions{margin:24px 0 0;gap:10px}
 .portfolio-r6 .hero-actions .button{font-size:13px;min-height:48px;padding:11px 14px;gap:12px}
 .portfolio-r6 .hero-actions .button-text{border:0;padding-inline:0}
 .portfolio-r6 .hero-authority{border:0;padding-top:0;align-items:center}
 .portfolio-r6 .hero-support{padding:0 5px}
 .portfolio-r6 .hero-authority p{font-size:14px}
 .portfolio-r6 .hero-scope{font-size:14px}
 .portfolio-r6 .hero-cred{font-size:10px;gap:10px;padding-top:15px}
 .portfolio-r6 .scroll-indicator{font-size:10px;letter-spacing:.045em}
 .portfolio-r6 .rail-track{width:calc(100% - 36px);padding:22px 0;gap:8px;justify-content:space-between;flex-wrap:wrap}
 .portfolio-r6 .rail-track span{font-size:clamp(22px,5.8vw,34px)}
 .portfolio-r6 .section-block{padding-block:65px}
 .portfolio-r6 .section-kicker{font-size:11px;letter-spacing:.065em;flex-wrap:wrap;gap:8px}
 .portfolio-r6 .section-kicker>span:last-child{font-size:10px;text-align:left}
 .portfolio-r6 .work-heading{padding:26px 0 30px}
 .portfolio-r6 .work-heading h2{font-size:clamp(38px,9.8vw,58px)}
 .portfolio-r6 .work-heading p{font-size:16px;margin-top:20px;line-height:1.65}
 .portfolio-r6 .contact-section{padding-top:65px}
 .portfolio-r6 .contact-intro h2{font-size:clamp(39px,10vw,58px);line-height:1.1}
 .portfolio-r6 .contact-intro>p{font-size:16px}
 .portfolio-r6 .contact-form{padding:24px 20px}
 .portfolio-r6 .contact-form label{font-size:14px}
 .portfolio-r6 .contact-formats{flex-wrap:wrap}
 .portfolio-r6 .contact-formats>span{font-size:10px}
 .portfolio-r6 .site-footer{align-items:flex-start;gap:20px}
 .portfolio-r6 .site-footer .wordmark{font-size:20px}
 .portfolio-r6 .site-footer>span{font-size:12px}
 .portfolio-r6 .dialog-content{padding:25px 20px}
}
@media(max-width:350px){.portfolio-r6 .shell{width:calc(100% - 28px)}.portfolio-r6 .hero h1{font-size:39px}.portfolio-r6 .hero-actions{display:grid;justify-items:stretch;grid-template-columns:1fr}.portfolio-r6 .hero-actions .button-text{justify-content:space-between;padding-inline:14px}.portfolio-r6 .rail-track span{font-size:23px}.portfolio-r6 .rail-track{justify-content:flex-start;gap:6px 18px}}
@media(prefers-reduced-motion:reduce){.portfolio-r6 *{scroll-behavior:auto!important}}

/* The hero ends at the artwork; the next band carries the three disciplines. */
.portfolio-r6 .discipline-rail{padding:0;background:#ecefe5;overflow:hidden;contain:paint}
.portfolio-r6 .discipline-rail .rail-track{width:max-content;min-width:100%;display:flex;gap:0;margin:0;padding:0;animation:none;will-change:transform}
.portfolio-r6 .discipline-rail .rail-group{display:flex;flex:none;align-items:center;justify-content:space-around;gap:64px;min-width:100vw;padding:26px 32px;box-sizing:border-box}
.portfolio-r6 .discipline-rail .rail-item{display:flex;align-items:center;gap:25px;flex:none;white-space:nowrap}
.portfolio-r6 .discipline-rail .rail-label{font-size:clamp(28px,2.65vw,40px);font-weight:450;letter-spacing:-.045em;line-height:1.2;color:#234c3c}
.portfolio-r6 .discipline-rail img{display:block;flex:none;object-fit:contain;width:30px;height:30px;max-width:none}
.portfolio-r6 .discipline-rail .rail-fatos{width:42px;height:42px;border-radius:50%}
.portfolio-r6 .discipline-rail .rail-meta{width:80px;height:22px}
.portfolio-r6 .discipline-rail .rail-platforms{display:flex;align-items:center;gap:18px}
.portfolio-r6 .discipline-rail .rail-smiile{font-family:var(--sans);font-size:34px;line-height:1;font-weight:750;letter-spacing:-.07em;color:#234c3c;text-transform:lowercase}
.portfolio-r6 .discipline-rail:not([data-rail-motion="animated"]) .rail-track{width:100%;will-change:auto;transform:none!important}
.portfolio-r6 .discipline-rail:not([data-rail-motion="animated"]) .rail-group{min-width:0;width:100%;flex-wrap:wrap;gap:28px 48px}
.portfolio-r6 .discipline-rail:not([data-rail-motion="animated"]) [data-rail-clone]{display:none}
@media(max-width:760px){
 .portfolio-r6 .discipline-rail .rail-track{flex-wrap:nowrap}
 .portfolio-r6 .discipline-rail .rail-group{padding:23px 25px;gap:45px}
 .portfolio-r6 .discipline-rail .rail-item{gap:20px}
 .portfolio-r6 .discipline-rail .rail-label{font-size:30px}
 .portfolio-r6 .discipline-rail .rail-fatos{width:36px;height:36px}
 .portfolio-r6 .discipline-rail .rail-platforms{gap:14px}
 .portfolio-r6 .discipline-rail .rail-smiile{font-size:31px}
 .portfolio-r6 .discipline-rail:not([data-rail-motion="animated"]) .rail-group{align-items:flex-start;flex-direction:column;gap:22px}
 .portfolio-r6 .discipline-rail:not([data-rail-motion="animated"]) .rail-item{flex-wrap:wrap;white-space:normal;gap:16px}
 .portfolio-r6 .discipline-rail:not([data-rail-motion="animated"]) .rail-label{font-size:28px}
}
