@font-face{font-family:Bodoni;src:url('assets/fonts/bodoni-moda-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-600.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--black:#080909;--charcoal:#111719;--graphite:#253033;--smoke:#eee9df;--muted:#b8bdbb;--champagne:#d4ba86;--leather:#6d5330;--line:#ffffff26;--line-dark:#17202430;--max:1280px;--gutter:clamp(24px,5.6vw,96px);--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-section:clamp(88px,10vw,160px);--portrait-tone:saturate(.84) contrast(.97) brightness(.94);--proof-tone:saturate(.88) contrast(.98) brightness(.95);--room-tone:saturate(.82) contrast(.96) brightness(.88);--media-matte:#080b0cb8;--media-rule:#d4ba8620;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:var(--champagne) var(--black)}
body{margin:0;background:var(--black);color:var(--smoke);font-family:Manrope,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--champagne);color:var(--black)}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none;text-underline-offset:6px}
button{font:inherit;color:inherit;cursor:pointer}
button,a,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible{outline:2px solid var(--champagne);outline-offset:6px}
.container{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}
.section-pad{padding-block:var(--space-section)}
h1,h2,h3,p,figure{margin:0}
h1,h2{font-family:Bodoni,Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:clamp(64px,7vw,96px)}
h2{font-size:clamp(38px,4.2vw,64px)}
h3{font-size:clamp(20px,1.8vw,25px);font-weight:600;line-height:1.3;letter-spacing:-.025em}
p{color:var(--muted);max-width:68ch}
p+p{margin-top:20px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border:1px solid transparent;border-radius:2px;font-size:13px;font-weight:600;line-height:1.5;transition:background .25s,color .25s,border-color .25s}
.button--light{background:var(--champagne);color:var(--black)}
.button--light:hover{background:var(--smoke)}
.button--ghost{background:transparent;border-color:var(--line);color:var(--smoke)}
.button--ghost:hover{border-color:var(--champagne);color:var(--champagne)}
.skip-link{position:fixed;top:12px;left:12px;z-index:120;padding:10px 20px;background:var(--smoke);color:var(--black);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:85;pointer-events:none}
.scroll-progress span{display:block;width:100%;height:100%;background:var(--champagne);transform:scaleX(var(--scroll-progress,0));transform-origin:left}
.preloader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#08090988;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s}
.is-loading .preloader{opacity:1;visibility:visible}
.preloader__mark{display:grid;justify-items:center;gap:20px;font-family:Bodoni,Georgia,serif;font-size:28px}
.preloader__mark img{width:84px;mix-blend-mode:screen}
.preloader__wipe{display:none}
.navbar{position:fixed;inset:0 0 auto;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;padding:24px var(--gutter);transition:background .3s,padding .3s,border-color .3s;border-bottom:1px solid transparent}
.navbar.is-scrolled,.navbar.is-open{background:#080909d9;border-bottom-color:var(--line);padding-block:14px}
.navbar__brand{display:block;width:215px;max-width:100%}
.navbar__brand img{width:100%;height:auto;mix-blend-mode:screen}
.navbar__links{display:flex;align-items:center;gap:28px;font-size:12px;color:#dadbd4}
.navbar__links a{position:relative;white-space:nowrap;padding-block:12px}
.navbar__links a:after{content:'';position:absolute;inset:auto 0 5px;height:1px;background:var(--champagne);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.navbar__links a:hover:after,.navbar__links a[aria-current]:after{transform:scaleX(1)}
.navbar__cta{justify-self:end;padding:11px 18px;min-height:44px;border:1px solid #d4ba8673;font-size:12px;font-weight:600;white-space:nowrap;transition:background .25s,color .25s}
.navbar__cta:hover{background:var(--champagne);color:var(--black)}
.navbar__toggle{display:none}
.floating-cta{display:none}
.hero{position:relative;isolation:isolate;min-height:max(760px,100svh);display:flex;align-items:center;overflow:hidden;padding-block:150px 140px;background:transparent}
.hero__image{position:absolute;inset:0 0 0 39%;z-index:-2;background:transparent url('assets/renato-retrato-azul.jpg') 60% center / auto 100% no-repeat}


.hero__content{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}
.hero h1{max-width:600px;line-height:1.02}
.hero__signature{margin-top:32px;color:var(--champagne);font-size:14px}
.hero__lead{max-width:370px;margin-top:16px;font-size:14px;line-height:1.9;color:#c5cbc8}
.hero__actions{display:flex;align-items:center;gap:20px;margin-top:32px}
.hero__actions .button--ghost{border:0;padding-inline:0;text-decoration:underline;text-decoration-color:#d4ba866b}
.hero__actions .button--ghost:hover{text-decoration-color:var(--champagne)}
.hero__footer{position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:32px;padding-top:20px;border-top:1px solid var(--line);color:#cad0cb;font-size:11px}
.hero__footer>a{margin-left:auto;display:flex;align-items:center;gap:16px;min-height:44px}
.hero__footer svg{width:18px;height:18px;fill:none;stroke:var(--champagne);stroke-width:1.25}
.hero h1{animation:hero-name 1.3s cubic-bezier(.16,1,.3,1) both}
@keyframes hero-name{from{clip-path:inset(0 0 100% 0);transform:translateY(16px)}to{clip-path:inset(0);transform:none}}
.feature-film{position:relative;padding-block:var(--space-section);background:transparent}
.feature-film__layout{display:grid;grid-template-columns:1fr .62fr;gap:clamp(64px,11vw,176px);align-items:center}
.feature-film__copy h2{max-width:650px}
.feature-film__copy>p{margin-top:28px;font-size:15px}
.feature-film__command{display:inline-flex;align-items:center;gap:16px;padding:0;margin-top:32px;min-height:52px;border:0;background:none;font-size:13px}
.feature-film__play-icon{position:relative;display:grid;place-items:center;width:52px;height:52px;border:1px solid #d4ba867d;border-radius:50%;transition:background .25s}
.feature-film__play-icon:after{content:'';width:0;height:0;margin-left:3px;border-block:5px solid transparent;border-left:8px solid var(--champagne)}
.feature-film.is-playing .feature-film__play-icon:after{width:9px;height:12px;margin:0;border-block:0;border-inline:3px solid var(--champagne)}
.feature-film__command:hover .feature-film__play-icon{background:#d4ba861a}
.feature-film__media{position:relative;width:min(100%,340px);justify-self:center;padding:8px;background:var(--media-matte);border:1px solid var(--media-rule);border-radius:3px}
.feature-film__media video{width:100%;aspect-ratio:9/16;object-fit:contain;filter:var(--portrait-tone)}
.feature-film.is-playing .feature-film__media video{filter:none}
.statement{padding-block:clamp(100px,13vw,208px);background:transparent;text-align:center}
.statement__title{font-size:clamp(38px,4.7vw,72px);max-width:1000px;margin-inline:auto;color:var(--champagne)}
.split{background:transparent}
.split__grid{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:clamp(48px,8vw,128px)}
.media-frame{overflow:hidden;width:min(100%,400px);justify-self:center;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 98%,transparent);mask-composite:intersect}
.media-frame img{width:100%;aspect-ratio:2/3;object-fit:contain;filter:contrast(.97) brightness(.96)}
.split__content h2{margin-bottom:32px}
.split__content>p{font-size:15px}
.micro-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:32px}
.micro-grid span{padding-block:15px;border-bottom:1px solid var(--line);color:#ced0c8;font-size:12px}
.experience{background:transparent;padding-block:88px}
.section-heading{display:grid;grid-template-columns:1.1fr .8fr;align-items:end;gap:96px;margin-bottom:64px}
.section-heading p{font-size:14px}
.gallery{padding-block:var(--space-section);background:transparent;color:var(--smoke);color-scheme:dark}
.gallery__intro{max-width:720px;margin-bottom:64px}
.gallery__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.gallery__figure{width:100%;max-width:440px;justify-self:center}
.gallery__figure--two{margin-top:96px;max-width:380px}
.gallery__figure img{width:100%;aspect-ratio:1;object-fit:contain;padding:10px;background:var(--media-matte);border:1px solid var(--media-rule);border-radius:3px;filter:var(--proof-tone)}
.gallery figcaption{font-size:12px;color:var(--muted);padding-top:20px}
.process{background:transparent}
.process__item{padding-block:clamp(72px,8vw,128px);background:transparent}
.process__item--dark{background:transparent}
.process__grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:24px 96px}
.process__top{grid-column:1/-1;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line);font-size:13px;color:var(--smoke)}
.process__top span{font-variant-numeric:tabular-nums;color:var(--champagne);margin-right:24px}
.process__copy p{font-size:14px;margin-top:24px;max-width:44ch}
.process__image{width:100%;max-width:440px;justify-self:center;aspect-ratio:1;object-fit:contain;max-height:none;padding:10px;border:1px solid var(--media-rule);border-radius:3px;filter:var(--proof-tone)}
.process__image--contain{object-fit:contain;background:var(--black)}
.process__media--video{width:min(100%,260px);justify-self:center}
.process__video{aspect-ratio:168/300;object-fit:contain;padding:8px;background:var(--media-matte);filter:none}
.process__media figcaption{font-size:12px;color:var(--muted);line-height:1.7;margin-top:16px}
.altiplano{padding-block:var(--space-section);background:transparent}
.altiplano__layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(56px,7vw,112px);align-items:center}
.altiplano__content>p{font-size:14px;margin-top:24px}
.location__details{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.location__details strong{font-weight:600;font-size:14px;color:var(--champagne)}
.location__details address{font-size:13px;font-style:normal;line-height:1.9;color:#c5cbc8;margin-top:12px}
.location__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.room-scene{position:relative;width:100%;max-width:480px;justify-self:end;aspect-ratio:4/5;isolation:isolate;margin-bottom:32px}
.room-shot{position:absolute;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 98%,transparent);mask-composite:intersect}
.room-shot img{width:100%;height:100%;object-fit:cover;filter:var(--room-tone)}
.room-shot--primary{inset:0 0 8% 22%;z-index:0}
.room-shot--primary img{object-position:50% 34%}
.room-shot--detail{inset:49% 49% 0 0;z-index:1}
.room-shot--detail img{object-position:43% 30%}
.room-scene__label{position:absolute;bottom:-40px;right:0;font-size:11px;color:var(--muted)}
.faq{background:transparent;color:var(--smoke);color-scheme:dark}
.faq__grid{display:grid;grid-template-columns:.6fr 1fr;gap:96px}
.faq__intro h2{font-size:clamp(38px,3.6vw,54px)}
.faq__list{border-bottom:1px solid var(--line)}
details{border-top:1px solid var(--line);padding-block:24px}
summary{position:relative;list-style:none;cursor:pointer;font-size:14px;font-weight:600;line-height:1.6;padding-right:40px}
summary::-webkit-details-marker{display:none}
summary:after,summary:before{position:absolute;content:'';right:4px;top:10px;width:12px;height:1px;background:var(--champagne);transition:transform .25s}
summary:before{transform:rotate(90deg)}
details[open] summary:before{transform:none}
details p{margin-top:16px;font-size:13px;color:var(--muted);max-width:60ch}
.faq :focus-visible{outline-color:var(--champagne)}
.closing{position:relative;isolation:isolate;padding-block:clamp(100px,13vw,208px);background:transparent;overflow:hidden}
.closing:before{content:'';position:absolute;inset:0 0 0 45%;z-index:-2;background:url('assets/renato-retrato-marrom.jpg') center 28% / cover}

.closing h2{max-width:780px}
.closing p{max-width:430px;margin-block:28px;color:#c5cbc8;font-size:14px}
.footer{background:transparent;padding-block:40px;border-top:1px solid var(--line)}
.footer__grid{display:flex;align-items:center;justify-content:space-between;gap:40px}
.footer__brand{display:block;width:280px;max-width:100%}
.footer__brand img{width:100%;mix-blend-mode:screen}
.footer p{font-size:11px;margin-top:16px}
.footer__links{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:flex-end;font-size:12px;color:#c5cbc8;max-width:520px}
.footer__links a,.footer__links button{padding-block:10px;min-height:44px}
.footer__links button{padding-inline:0;border:0;background:transparent}
.footer__links a:hover,.footer__links button:hover{color:var(--champagne)}
html[data-motion='reduced']{scroll-behavior:auto}
html[data-motion='reduced'] *,html[data-motion='reduced'] *:before,html[data-motion='reduced'] *:after{animation:none!important;transition:none!important}
@media(min-width:1600px){.hero__image{background-size:auto 100%;background-color:transparent}}
@media(max-width:1100px){.navbar{gap:20px}.navbar__brand{width:175px}.navbar__links{gap:20px}.hero__actions{gap:16px}.hero__lead{max-width:335px}.section-heading{gap:56px}.process__grid,.faq__grid{gap:32px 56px}.feature-film__layout{gap:64px}}
@media(max-width:900px){
.navbar{grid-template-columns:1fr auto auto;gap:16px;padding-block:20px}.navbar__brand{width:190px}.navbar__toggle{display:grid;width:44px;height:44px;place-content:center;gap:7px;padding:0;border:0;background:transparent;grid-column:3;grid-row:1}.navbar__toggle span{display:block;width:23px;height:1px;background:var(--smoke);transition:transform .25s}.navbar.is-open .navbar__toggle span:first-child{transform:translateY(4px) rotate(45deg)}.navbar.is-open .navbar__toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.navbar__cta{grid-column:2;grid-row:1}.navbar__links{position:absolute;top:100%;left:0;right:0;display:none;padding:24px var(--gutter) 32px;flex-direction:column;align-items:stretch;gap:0;background:#080909;border-bottom:1px solid var(--line);font-size:17px}.navbar__links a{padding-block:14px}.navbar.is-open .navbar__links{display:flex}
.hero{min-height:850px}.hero__image{left:32%;background-position:45% center}.hero__content{padding-top:48px}.hero__footer{gap:20px}.hero__footer>span:first-child{display:none}
.feature-film__layout{grid-template-columns:1fr .7fr;gap:48px}.feature-film__copy h2{font-size:40px}.split__grid{gap:48px;grid-template-columns:.8fr 1fr}.split__content h2{font-size:38px}.split__content>p{font-size:14px}.micro-grid{gap:0 16px}.micro-grid span{font-size:11px}
.section-heading{gap:40px}.gallery__figure--two{margin-top:72px}.altiplano__layout{grid-template-columns:1fr 1fr;gap:40px}.location__actions .button{padding-inline:16px}.faq__grid{grid-template-columns:.65fr 1fr;gap:40px}.footer__grid{align-items:start}.footer__brand{width:220px}.footer__links{max-width:270px}
}
@media(max-width:620px){
:root{--gutter:24px;--space-section:88px}.navbar{gap:8px;padding-block:12px}.navbar{grid-template-columns:minmax(0,1fr) auto auto}.navbar__brand{width:min(148px,100%);min-width:0}.navbar__cta{padding:10px;font-size:12px}.navbar__toggle{width:36px}.navbar.is-scrolled{padding-block:10px}
h1{font-size:clamp(62px,15vw,86px)}h2{font-size:clamp(38px,10vw,48px)}
.hero{min-height:max(850px,100svh);align-items:flex-end;padding-block:380px 122px}.hero__image{inset:80px 0 auto 8%;height:520px;background-size:auto 100%;background-position:right top}.hero__content{position:relative;padding:0}.hero h1{max-width:100%;font-size:clamp(62px,16vw,84px);line-height:1.02}.hero__signature{font-size:12px;margin-top:24px}.hero__lead{max-width:335px;font-size:14px;line-height:1.85;margin-top:12px}.hero__actions{gap:20px;margin-top:24px;align-items:center}.hero__actions .button{font-size:11px;min-height:48px;padding-inline:18px}.hero__actions .button--ghost{padding-inline:0}.hero__footer{bottom:18px;padding-top:12px;font-size:12px;gap:8px}.hero__footer>a{gap:8px}.hero__footer svg{width:16px}
.feature-film__layout{grid-template-columns:1fr;gap:48px}.feature-film__copy h2{font-size:38px}.feature-film__copy>p{font-size:13px;margin-top:24px}.feature-film__media{width:min(100%,300px)}.feature-film__command{margin-top:24px}.statement{padding-block:100px}.statement__title{font-size:40px;line-height:1.18}
.split__grid{display:flex;flex-direction:column;gap:40px}.media-frame{width:min(100%,310px)}.media-frame img{aspect-ratio:2/3}.split__content h2{font-size:38px}.split__content>p{font-size:14px}.micro-grid span{font-size:12px}
.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.section-heading p{font-size:14px}
.gallery__intro{margin-bottom:40px}.gallery__grid{grid-template-columns:1fr;gap:40px}.gallery__figure{max-width:310px}.gallery__figure--two{margin-top:0;max-width:290px}.gallery figcaption{padding-top:16px}
.process__item{padding-block:64px}.process__grid{grid-template-columns:1fr;gap:32px}.process__top{padding-bottom:20px;margin-bottom:0}.process__copy p{font-size:14px;max-width:100%}.process__image{max-height:none;aspect-ratio:1;max-width:310px}.process__video{aspect-ratio:168/300}.process__media--video{width:min(78%,240px)}
.altiplano__layout{grid-template-columns:1fr;gap:48px}.altiplano__content>p{font-size:14px}.room-scene{aspect-ratio:4/5;max-width:320px;justify-self:center}.location__actions .button{font-size:12px;padding-inline:20px}.faq__grid{grid-template-columns:1fr;gap:40px}.faq__intro h2{max-width:300px;font-size:42px}.faq summary{font-size:13px}.faq details p{font-size:14px}.closing{padding-block:88px}.closing:before{left:0;opacity:.55}.closing h2{max-width:360px}.closing p{font-size:13px;max-width:250px}.footer__grid{flex-direction:column;gap:24px}.footer__brand{width:240px}.footer__links{max-width:100%;justify-content:flex-start;gap:8px 24px}
}
@media(prefers-reduced-motion:reduce){html:not([data-motion='full']){scroll-behavior:auto}html:not([data-motion='full']) *,html:not([data-motion='full']) *:before,html:not([data-motion='full']) *:after{animation:none!important;transition:none!important}}
/* One fixed satin surface continues from the opening through the footer. */
body{isolation:isolate}
.site-silk{position:fixed;inset:0;width:100%;height:100lvh;z-index:-1;pointer-events:none;opacity:1}
/* Stepper interaction inspired by React Bits; native DOM + Web Animations. */
.method{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(48px,7vw,112px);align-items:center}
.experience .section-heading{display:block;margin-bottom:28px}
.experience .section-heading h2{font-size:clamp(38px,3.7vw,54px)}
.experience .section-heading p{font-size:14px;margin-top:24px}
.method__hint{font-size:12px;color:#d9d7cb;margin:0 0 16px}
.method__steps{display:flex;flex-direction:column;gap:10px}
.method__step{position:relative;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:18px;width:100%;padding:18px 20px;text-align:left;background:#101516ad;border:1px solid #dce0d824;border-radius:12px;transition:border-color .25s,background .25s}
.method__step:hover{background:#202825c4;border-color:#d4ba8680}
.method__step[aria-selected='true']{border-color:#d4ba869e;background:#282a22c2}
.method__number{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dce0d83d;border-radius:50%;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;transition:background .3s,color .3s}
.method__step[aria-selected='true'] .method__number{background:var(--champagne);color:var(--black);border-color:transparent}
.method__text{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 16px}
.method__text strong{font-size:17px;line-height:1.4;font-weight:600;color:var(--smoke)}
.method__text>span:not(.method__action){grid-column:1/-1;font-size:12px;line-height:1.7;color:var(--muted);max-width:38ch}
.method__action{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--champagne);white-space:nowrap}
.method__action svg{width:14px;height:14px}
.method__guidance{display:none}
.method__examples{min-width:0;padding:20px;background:#0b1113b8;border:1px solid #dce0d826;border-radius:16px;box-shadow:0 28px 60px -35px #0009}
.method__panel{margin:0;max-width:420px;margin-inline:auto}
.method__panel[hidden]{display:none}
.method__panel img,.method__panel video{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:var(--media-matte);padding:6px;border-radius:8px;filter:var(--proof-tone)}
.method__panel figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:14px;min-height:38px}
.method__navigation{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.method__position{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-bottom:18px}
[data-method-count]{color:var(--champagne);font-variant-numeric:tabular-nums}
.method__buttons{display:flex;align-items:center;justify-content:space-between;gap:12px}
.method__buttons button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 16px;border:1px solid #dce0d838;border-radius:8px;background:transparent;font-size:12px;transition:background .2s,border-color .2s}
.method__buttons button[data-method-next]{background:var(--champagne);border-color:transparent;color:var(--black)}
.method__buttons button:hover:not(:disabled){border-color:var(--champagne);background:#d4ba8626}
.method__buttons button[data-method-next]:hover{background:var(--smoke)}
.method__buttons button:disabled{opacity:.38;cursor:default}
.method__buttons svg{width:16px;height:16px}
.location-map{margin-top:24px;width:100%;max-width:520px}
.location-map iframe{display:block;width:100%;height:240px;border:1px solid var(--line);border-radius:8px;background:var(--charcoal);color-scheme:normal}
@media(max-width:1050px){.method{gap:40px}.method__step{padding:16px;gap:14px}.method__text{grid-template-columns:1fr}.method__action{grid-column:1;grid-row:3}.method__text strong{font-size:16px}.method__examples{padding:16px}}
@media(max-width:700px){.method{grid-template-columns:1fr;gap:32px}.experience .section-heading h2{font-size:38px}.method__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.method__step{display:flex;flex-direction:column;align-items:start;gap:12px;padding:14px 10px}.method__number{width:28px;height:28px;font-size:11px}.method__text{gap:8px}.method__text strong{font-size:12px;line-height:1.6;min-height:38px}.method__text>span:not(.method__action){display:none}.method__action{font-size:11px;gap:3px}.method__guidance{display:block;min-height:50px;font-size:14px;margin-top:20px}.method__hint{font-size:12px}.method__examples{padding:16px}.method__panel{max-width:360px}.method__panel figcaption{min-height:0}.method__position{font-size:11px}.method__buttons button{font-size:12px;padding-inline:14px}.location-map{margin-top:24px}.location-map iframe{height:220px}}

/* Photograph edge blending preserves the continuous surface and text contrast. */
.hero__image{mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 84%,transparent 100%)}
.hero__shade{background:linear-gradient(0deg,#08090955 0%,transparent 30%,transparent 80%,#08090926 100%)}
.closing:before{mask-image:linear-gradient(90deg,transparent,#000 38%,#000 90%,transparent),linear-gradient(0deg,transparent,#000 16%,#000 92%,transparent);mask-composite:intersect;filter:var(--portrait-tone);opacity:.68}
.closing:after{background:linear-gradient(90deg,#08090926 20%,#08090955 65%,#08090912)}
@media(max-width:900px){.hero__shade{background:linear-gradient(90deg,#08090955 5%,#08090933 35%,transparent 90%),linear-gradient(0deg,#08090955,transparent 40%)}}
@media(max-width:620px){.hero__image{mask-image:linear-gradient(0deg,transparent 0%,#000 38%,#000 90%,transparent 100%)}.hero__shade{background:linear-gradient(0deg,#08090944 26%,#08090999 38%,#08090926 62%,transparent 82%)}.closing:before{opacity:.46}.closing:after{background:linear-gradient(90deg,#08090955 5%,#08090966 65%,#08090933)}}
/* Feather the photograph itself, rather than the larger background container. */
.hero__image{filter:var(--portrait-tone);left:auto;right:var(--gutter);width:calc(max(760px,100svh)*.6664);max-width:none;background-size:100% 100%;background-position:center;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 86%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 94%,transparent);mask-composite:intersect}
@media(max-width:900px){.hero__image{left:auto;right:0;width:calc(max(850px,100svh)*.6664)}}
@media(max-width:620px){.hero__image{left:auto;right:-8px;width:346.5px;height:520px;background-size:100% 100%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 38%,#000 90%,transparent)}}

/* Premium finish: one warm light language, real media, deliberate rhythm. */
:root{--black:#070b0c;--charcoal:#101718;--champagne:#dfc38f;--smoke:#f1eee5;--muted:#c2c6c2;--line:#dfc38f2b;--space-section:clamp(88px,8.5vw,136px)}
html{scroll-padding-top:118px}
body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 80% 15%,#55422966,transparent 65%),linear-gradient(135deg,#070b0c,#172021 48%,#080c0d);background-size:160% 160%}
body:has(.site-silk[data-state='unavailable']):before{animation:ambient-fallback 18s ease-in-out infinite alternate}
.site-silk[data-state='unavailable']{opacity:0}
@keyframes ambient-fallback{to{background-position:100% 100%}}
.navbar{inset:18px 24px auto;max-width:1440px;margin-inline:auto;padding:17px 28px;border:1px solid #dfc38f26;border-radius:12px;background:#080d0e87;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);gap:24px}
.navbar.is-scrolled,.navbar.is-open{padding-block:12px;background:#090e10ed;border-color:#dfc38f38}
.navbar__brand{width:194px}
.navbar__links{gap:4px;font-size:12px}
.navbar__links a{padding:10px 14px;border-radius:6px;transition:color .2s,background .2s}
.navbar__links a:hover,.navbar__links a[aria-current]{background:#dfc38f12;color:var(--champagne)}
.navbar__links a:after{inset:auto 14px 6px}
.navbar__cta{border-radius:6px;min-height:44px}
.button{gap:16px;border-radius:6px;min-height:54px;padding-inline:24px;transition:color .25s,background .25s,border-color .25s}
.button svg{width:18px;height:18px;flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.button:hover svg{transform:translateX(3px)}
/* Circular fill adapted from mrhyddenn/modern-puma-17, Uiverse, MIT.
   The playful shake was removed for Renato's quieter visual language. */
.button--light{position:relative;z-index:0;overflow:hidden;isolation:isolate;background:var(--champagne)}
.button--light:before,.button--light:after{content:'';position:absolute;right:0;bottom:0;width:140px;height:140px;border-radius:50%;background:#fff;opacity:0;z-index:-1;transform:translate(100%,-25%);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s}
.button--light:hover{background:var(--champagne)}
.button--light:hover:before,.button--light:focus-visible:before{opacity:.25;transform:translate(45%,10%) scale(1.6)}
.button--light:hover:after,.button--light:focus-visible:after{opacity:.14;transform:translate(45%,10%) scale(2.5)}
.hero{min-height:max(820px,100svh);padding-block:170px 154px}
.hero__image{width:calc(max(820px,100svh)*.6664);right:3vw;filter:saturate(.87) contrast(1.01) brightness(.97)}
.hero__content{position:relative}
.hero__lead{font-size:15px;max-width:390px}
.hero__signature{font-size:15px;margin-top:28px}
.hero__footer{font-size:12px;bottom:28px}
.hero__actions{gap:24px}
.hero__actions .button--ghost{font-size:13px}
.feature-film__layout{grid-template-columns:minmax(0,1fr) 360px;gap:clamp(56px,8vw,128px)}
.feature-film__copy h2{font-size:clamp(42px,4.3vw,64px)}
.feature-film__copy>p{font-size:15px;max-width:53ch}
.feature-film__media{width:100%;max-width:320px;border-radius:16px;background:#0a1012cf;border-color:#dfc38f3b;padding:10px}
.feature-film__media video{border-radius:9px;filter:none}
.feature-film__command{margin-top:28px;color:var(--champagne);font-weight:600;gap:14px}
.feature-film__play-icon{width:48px;height:48px;border-color:#dfc38f66}
.feature-film__play-icon svg{width:20px;height:20px}
.feature-film__play-icon:after,.feature-film.is-playing .feature-film__play-icon:after{display:none}
.video-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding-top:8px;font-size:11px;color:var(--muted)}
.video-tools button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 10px;border:1px solid #dfc38f45;border-radius:6px;background:#101819;color:var(--champagne);font-size:11px;white-space:nowrap;transition:background .2s}
.video-tools button:hover{background:#dfc38f1f}
.video-tools svg{width:14px;height:14px}
.statement{padding-block:clamp(88px,10vw,144px)}
.statement__title{max-width:1050px;font-size:clamp(38px,4.5vw,68px);line-height:1.18;color:var(--smoke)}
.statement__title span{display:block}
.statement__title span+span{margin-top:14px;color:var(--champagne)}
.statement.is-in-view .statement__title span+span{animation:statement-light .8s cubic-bezier(.16,1,.3,1) both}
@keyframes statement-light{from{clip-path:inset(0 0 100% 0);color:var(--muted)}to{clip-path:inset(0);color:var(--champagne)}}
.split__grid{gap:clamp(64px,9vw,144px)}
.split__content h2{max-width:620px}
.micro-grid{gap:0 24px}
.micro-grid span{font-size:13px;padding-block:18px;color:#dedfd6;border-color:#dfc38f38}
.experience{padding-block:112px}
.method{gap:clamp(48px,6vw,96px)}
.method__step{background:#0d1415b8;border-color:#dfc38f26;padding:18px 20px}
.method__step:hover{background:#1a2323db;border-color:#dfc38f70}
.method__step[aria-selected='true']{background:#282b24e8;border-color:#dfc38fab}
.method__text strong{font-size:16px}
.method__text>span:not(.method__action){font-size:12px}
.method__action{font-size:12px}
.method__examples{padding:24px;background:#0b1214e8;border-color:#dfc38f3d;border-radius:16px;box-shadow:none}
.method__panel img,.method__panel video{background:#070c0d;padding:0;border-radius:9px}
.method__panel video{filter:none}
.method__panel figcaption{font-size:12px;min-height:0;line-height:1.75;margin-top:18px}
.method__navigation{margin-top:24px}
.method__buttons button{border-radius:6px;min-height:44px}
.spotlight-card{position:relative;isolation:isolate}
.spotlight-card>figure,.spotlight-card>.method__navigation{position:relative;z-index:1}
.spotlight-card__light,.spotlight-card__edge{position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0}
.spotlight-card__light{z-index:0}
.spotlight-card__edge{z-index:2;padding:1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.gallery__intro{max-width:650px}
.gallery__grid{gap:clamp(48px,8vw,128px);align-items:center}
.gallery__figure--two{margin-top:88px}
.image-inspect{display:block;position:relative;width:100%;padding:0;border:0;border-radius:12px;background:transparent;text-align:left;overflow:hidden;cursor:zoom-in}
.image-inspect img{border-radius:12px;border-color:#dfc38f30;background:#0b1214cf;padding:12px;transition:border-color .3s}
.image-inspect__label{position:absolute;right:20px;bottom:20px;display:inline-flex;align-items:center;gap:12px;padding:9px 12px;background:#0b1214ef;border:1px solid #dfc38f4d;border-radius:6px;font-size:11px;color:var(--smoke);transition:background .25s,color .25s}
.image-inspect__label svg{width:14px;height:14px}
.image-inspect:hover img{border-color:#dfc38f8c}
.image-inspect:hover .image-inspect__label,.image-inspect:focus-visible .image-inspect__label{background:var(--champagne);color:var(--black)}
.gallery figcaption{font-size:13px;max-width:34ch;padding-top:18px}
.process__item{padding-block:clamp(72px,7vw,112px)}
.process__grid{gap:32px 96px}
.process__copy h2{font-size:clamp(38px,3.6vw,54px);max-width:540px}
.process__top{margin:0 0 16px;padding-bottom:20px;font-size:14px;border-color:#dfc38f38}
.process__top span{font-size:12px}
.process__image{border-radius:12px;border-color:#dfc38f30;background:#0b1214cf;padding:12px}
.process__item:nth-child(2) .process__copy{grid-column:2;grid-row:2}
.process__item:nth-child(2) .process__image{grid-column:1;grid-row:2}
.process__media--video{max-width:250px}
.process__video{border-radius:12px}
.process__media figcaption{font-size:12px;margin-top:14px}
.altiplano__content h2{font-size:clamp(38px,3.7vw,56px)}
.location__details{margin-top:28px;padding-top:24px}
.location__details address{font-size:13px}
.location-map{max-width:480px}
.location-map iframe{height:220px;border-radius:12px;border-color:#dfc38f4d}
.location__actions{gap:12px;margin-top:20px}
.location__actions .button{min-height:48px;font-size:12px;padding-inline:18px}
.room-scene{max-width:460px}
.faq__intro h2{font-size:clamp(38px,3.7vw,56px)}
.faq details{padding-block:24px;border-color:#dfc38f35;transition:border-color .25s}
.faq details[open]{border-color:#dfc38f88}
.faq summary{font-size:15px;line-height:1.6;padding-right:40px;transition:color .2s}
.faq summary:hover,.faq details[open] summary{color:var(--champagne)}
.faq details p{font-size:14px;line-height:1.9;padding-right:24px}
.closing{padding-block:clamp(104px,11vw,176px)}
.closing h2{max-width:760px}
.closing p{font-size:15px}
.closing .button{min-height:58px}
.footer{padding-block:48px}
.footer p,.footer__links{font-size:12px}
.footer__links{gap:8px 22px}
.image-viewer{width:min(92vw,1000px);max-height:92svh;padding:20px;margin:auto;border:1px solid #dfc38f66;border-radius:16px;background:#0b1214;color:var(--smoke);overflow:auto}
.image-viewer::backdrop{background:#020506e8;backdrop-filter:blur(12px)}
.image-viewer__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;font-size:12px;color:var(--muted)}
.image-viewer__bar button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dfc38f45;border-radius:50%;background:transparent}
.image-viewer__bar button:hover{background:#dfc38f1f}
.image-viewer__bar svg{width:20px;height:20px}
.image-viewer img{display:block;width:100%;height:min(72svh,800px);object-fit:contain;background:#05090a}
.image-viewer p{font-size:13px;margin-top:16px}
body:has(.image-viewer[open]){overflow:hidden}
@media(max-width:1100px){.navbar{gap:12px;padding-inline:20px}.navbar__brand{width:168px}.navbar__links a{padding-inline:10px}.navbar__links a:after{inset-inline:10px}.method__step{padding:16px}.method__text{gap:7px}.feature-film__layout{grid-template-columns:1fr 300px;gap:56px}}
@media(max-width:900px){.navbar{grid-template-columns:minmax(0,1fr) auto auto}.navbar__links{top:calc(100% + 10px);padding:16px 24px;border:1px solid #dfc38f38;border-radius:12px;background:#0a1012fa}.navbar__links a{padding:14px 12px}.navbar.is-open .navbar__links{animation:menu-arrival .24s cubic-bezier(.16,1,.3,1)}.navbar__links a:after{display:none}.hero__image{right:0;width:calc(max(850px,100svh)*.6664)}.hero__lead{max-width:340px}.split__grid{gap:48px}.feature-film__copy h2{font-size:40px}.feature-film__layout{gap:40px}.method__examples{padding:18px}.process__grid{gap:32px 48px}}
@keyframes menu-arrival{from{transform:translateY(-8px);opacity:.4}to{transform:none;opacity:1}}
@media(max-width:700px){.feature-film__layout{grid-template-columns:1fr;gap:40px}.feature-film__media{max-width:300px}.method__step{padding:14px 10px}.method__text strong{font-size:12px}.method__action{font-size:11px}.method__examples{padding:18px}.experience{padding-block:88px}.process__grid{grid-template-columns:1fr}.process__item:nth-child(2) .process__copy,.process__item:nth-child(2) .process__image{grid-column:auto;grid-row:auto}}
@media(max-width:620px){html{scroll-padding-top:100px}.navbar,.navbar.is-scrolled,.navbar.is-open{inset:8px 12px auto;gap:8px;padding:10px 12px;border-radius:10px}.navbar__brand{width:min(144px,100%)}.navbar__cta{padding:9px 10px;font-size:11px;min-height:42px}.navbar__toggle{width:32px}.hero{min-height:max(870px,100svh);padding-block:390px 124px}.hero__image{right:-6px;width:346.5px;height:520px}.hero h1{font-size:clamp(60px,16vw,80px)}.hero__signature{font-size:13px;margin-top:24px}.hero__lead{font-size:14px;max-width:330px}.hero__actions{gap:20px;flex-wrap:wrap}.hero__actions .button{font-size:12px;padding-inline:16px}.hero__actions .button--ghost{padding-inline:0}.hero__actions .button--light{gap:10px}.hero__actions svg{width:16px}.hero__footer{font-size:11px;bottom:20px}.feature-film__copy h2{font-size:38px}.feature-film__copy>p{font-size:14px}.feature-film__media{max-width:290px}.statement{padding-block:88px}.statement__title{font-size:38px;line-height:1.2}.statement__title span+span{margin-top:24px}.split__grid{gap:40px}.micro-grid span{font-size:12px}.gallery__figure--two{margin-top:0}.gallery__grid{gap:40px}.image-inspect__label{right:18px;bottom:18px;font-size:11px;gap:8px}.process__copy h2{font-size:38px}.process__grid{gap:28px}.process__top{margin-bottom:0}.process__media--video{max-width:230px}.altiplano__layout{gap:56px}.altiplano__content h2{font-size:40px}.location-map{max-width:100%}.location-map iframe{height:210px}.room-scene{max-width:310px}.location__actions .button{font-size:12px;padding-inline:16px}.faq summary{font-size:14px}.faq details{padding-block:22px}.faq details p{padding-right:0}.closing{padding-block:104px}.closing p{font-size:14px}.footer__links{gap:4px 20px}.image-viewer{padding:12px;width:calc(100vw - 24px)}.image-viewer__bar{font-size:11px;gap:8px;margin-bottom:12px}.image-viewer img{height:auto;max-height:70svh}.image-viewer p{font-size:12px}.video-tools button{min-height:40px}.video-tools{font-size:11px}}

/* The light remains continuous; reading-heavy chapters get a quieter field. */
.process__top{max-width:none}
.faq,.altiplano{background:linear-gradient(0deg,transparent,#070b0c70 18%,#070b0c70 82%,transparent)}
.method__step,.method__panel{scroll-margin-top:130px}

/* A single light-cut opening, composed for both portrait and landscape. */
.preloader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;background:transparent;transition:none;isolation:isolate;overflow:hidden}
.is-loading{overflow:hidden;overscroll-behavior:none}
.is-loading .preloader{visibility:visible;opacity:1;pointer-events:auto}
.intro__curtain{position:absolute;top:0;bottom:0;width:50.1%;z-index:-2;background:#080d0e;will-change:transform}
.intro__curtain--left{left:0;background:radial-gradient(ellipse at 100% 45%,#192020 0,transparent 70%),#080d0e}
.intro__curtain--right{right:0;background:radial-gradient(ellipse at 0% 45%,#192020 0,transparent 70%),#080d0e}
.intro__lights{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.intro__light{position:absolute;top:-40%;left:10%;width:75%;height:180%;opacity:0;transform-origin:center;background:linear-gradient(90deg,transparent 8%,#b88c4b08 45%,#d9b47630 80%,#fce1a980 82%,transparent 82.4%);will-change:transform,opacity}
.intro__light--two{left:-10%;width:100%;background:linear-gradient(90deg,transparent 20%,#b88c4b12 50%,#e9ce9448 78%,transparent 78.3%)}
.intro__identity{opacity:0;display:grid;justify-items:center;gap:32px;width:min(84vw,780px);transform-origin:center;perspective:900px}
.intro__brand-stage{position:relative;width:100%;overflow:hidden;isolation:isolate}
.intro__brand{width:100%;height:auto;mix-blend-mode:screen}
.intro__mobile{display:none}
.intro__glare{position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none;overflow:hidden}
.intro__glare-band{position:absolute;left:50%;top:50%;opacity:0;pointer-events:none}
.intro__line{width:88px;height:1px;background:linear-gradient(90deg,transparent,#e8c887,transparent);transform-origin:center}
/* Available to keyboard users, without an entry gate in the visual composition. */
.intro__skip{position:absolute;left:24px;bottom:24px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.intro__skip:focus-visible{width:auto;height:auto;clip-path:none;padding:12px 18px;background:#080d0e;color:#f4dfb7;border:1px solid #bd985b}
html[data-motion='reduced'] .intro__glare{display:none}
@media(max-width:620px){
 .intro__identity{width:min(calc(100vw - 40px),380px);gap:30px}
 .intro__brand{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .intro__mobile{display:grid;justify-items:center;gap:24px;perspective:900px}
 .intro__monogram{width:clamp(190px,54vw,230px);height:auto;mix-blend-mode:screen}
 .intro__wordmark{position:relative;overflow:hidden;width:min(calc(100vw - 48px),330px);aspect-ratio:5/1}
 .intro__wordmark img{position:absolute;max-width:none;width:171.429%;height:auto;left:-50%;top:-71.429%;mix-blend-mode:screen}
 .intro__line{width:72px}
 .intro__light{left:-30%;width:130%;background:linear-gradient(90deg,transparent 8%,#b88c4b0a 45%,#d9b47645 80%,#fce1a9a8 82%,transparent 82.4%)}
 .intro__light--two{left:-65%;width:180%;background:linear-gradient(90deg,transparent 20%,#b88c4b15 50%,#e9ce945c 78%,transparent 78.3%)}
}
.hero h1[tabindex='-1']:focus{outline:none}

.preloader:focus{outline:none}

/* New portrait series: the original photographs stay intact; edges meet the dark field. */
.hero__image{background-image:url('assets/renato-ajustando-punho.jpg');filter:saturate(.95) contrast(1.01) brightness(.99)}
.statement__layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center;gap:64px}
.statement__title{text-align:left;font-size:clamp(38px,4vw,60px);margin:0;max-width:690px}
.statement__portrait{width:min(100%,300px);justify-self:end;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 90%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 93%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.statement__portrait img{display:block;width:100%;height:auto}
.media-frame{width:min(100%,400px)}
.media-frame img{filter:none}
.closing{padding-block:72px}
.closing:before,.closing:after{content:none}
.closing__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:60px}
.closing h2{font-size:clamp(40px,4.5vw,64px);max-width:700px}
.closing__portrait{width:min(100%,360px);justify-self:center;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 95%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.closing__portrait img{display:block;width:100%;height:auto}
/* Two source photos compose one comparison; no face is regenerated or stretched. */
.transformation-pair{display:grid;position:relative;grid-template-columns:46.285714% 53.714286%;width:100%;aspect-ratio:1}
.image-inspect .transformation-pair{padding:12px;border:1px solid #dfc38f30;border-radius:12px;background:#0b1214cf;filter:var(--proof-tone);transition:border-color .3s}
.image-inspect:hover .transformation-pair{border-color:#dfc38f8c}
.transformation-pair__photo{display:block;position:relative;overflow:hidden;min-width:0;min-height:0}
.transformation-pair .transformation-pair__photo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:center;border:0;border-radius:0;padding:0;filter:none;background:transparent}
.transformation-pair .transformation-pair__before img{width:216.049383%;object-fit:fill}
.image-viewer [hidden]{display:none}
.image-viewer .transformation-pair{width:min(100%,72svh,800px);margin-inline:auto}
@media(max-width:900px){.statement__layout{gap:32px;grid-template-columns:1.25fr .75fr}.statement__title{font-size:40px}.closing__layout{gap:28px}.closing h2{font-size:46px}}
@media(max-width:620px){
 .hero__image{right:-6px}
 .statement{padding-block:64px}
 .statement__layout{grid-template-columns:1fr;gap:24px}
 .statement__title{font-size:38px;line-height:1.2;max-width:350px}
 .statement__portrait{width:230px;justify-self:end}
 .media-frame{width:min(100%,310px)}
 .closing{padding-block:72px 40px}
 .closing__layout{grid-template-columns:1fr;gap:16px}
 .closing h2{font-size:42px;max-width:350px}
 .closing p{max-width:310px}
 .closing__portrait{width:270px;justify-self:end}
}
@media(min-width:621px){.hero__image{top:72px;width:calc((max(820px,100svh) - 72px)*.666667)}}
.media-frame{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 86%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}