:root{--paper:#eeeae2;--ink:#15191c;--muted:#67635e;--line:#c9c2b6;--accent:#c59a54;--serif:Georgia,'Times New Roman',serif}
body{background:var(--paper)}html{scroll-padding-top:6rem}.section{padding-top:7.5rem;padding-bottom:7.5rem}h1,h2,h3{letter-spacing:-.065em}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#b7863a}.header{position:fixed;top:0;left:0;right:0;height:5.6rem;z-index:40;border:0;background:#eeeae2d9;backdrop-filter:blur(15px);transition:background .35s,color .35s;gap:1rem}.header .brand{font-size:1.45rem}.header nav{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.header-social{font-size:.75rem}.header--opening{background:transparent;color:white;backdrop-filter:none}.header--opening nav a:after{background:white}.header--dark{background:#15191ce8;color:var(--paper)}.header--dark nav a:after{background:var(--accent)}.button{border-radius:3px;padding:1rem 1.5rem;font-weight:600}.button:hover{background:var(--accent);transform:translateY(-3px)}.text-link{font-weight:500}.scroll-progress{background:#b7863a;height:2px}.cinema-intro{height:280svh;position:relative;background:#101416}.cinema-pin{position:sticky;top:0;height:100svh;overflow:hidden;perspective:1400px;background:#101416}.intro-skip{position:absolute;top:6.2rem;right:5vw;color:white;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;z-index:10;border-bottom:1px solid #ffffff66;padding-bottom:.4rem}.intro-anchor{position:absolute;top:125svh;scroll-margin-top:0}.portrait-world{position:absolute;inset:0;background:var(--paper);overflow:hidden;transform-origin:center top;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);will-change:transform,clip-path}.portrait-world:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:repeating-linear-gradient(0deg,#171b1d15 0 1px,transparent 1px 4px);mix-blend-mode:multiply}.hero-lettering{position:absolute;left:1vw;right:1vw;top:13vh;line-height:.73;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:-.065em;font-size:clamp(9rem,28vw,35rem);color:#d7d1c6;display:flex;justify-content:space-between;flex-direction:column;user-select:none;transform:translate3d(var(--pointer-x,0px),0,0)}.hero-lettering span:nth-child(2){align-self:flex-end;margin-top:2rem}.world-ruler{position:absolute;inset:0;display:flex;justify-content:space-around;align-items:flex-end;border-bottom:1px solid #15191c26;pointer-events:none}.world-ruler span{height:100%;border-left:1px solid #15191c0c;padding:.6rem;display:flex;align-items:flex-end;font:3rem Impact,Arial,sans-serif;color:#15191c12}.cinema-portrait{position:absolute;bottom:-21vh;left:50%;height:115vh;height:115svh;width:auto;max-width:none;transform:translateX(-50%) scale(1);transform-origin:center 35%;filter:drop-shadow(0 20px 24px #15191c19);will-change:transform;z-index:2}.intro-side{position:absolute;z-index:4;top:41%;width:15vw;max-width:210px;font-size:.75rem;line-height:1.5;will-change:transform,opacity}.intro-side--left{left:4vw}.intro-side--right{right:4vw;top:47%}.memory-card{display:block;perspective:900px;transition:transform .6s;transform:rotate(-6deg);width:clamp(100px,11vw,155px);margin-bottom:1.8rem}.memory-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border:4px solid #b58b46;box-shadow:0 12px 30px #2c221430;border-radius:7px}.memory-card span{display:block;padding-top:.8rem;font-size:.7rem}.memory-card:hover{transform:rotate(0) scale(1.06)}.intro-side--left>p{font-size:.68rem;letter-spacing:.04em}.intro-side--right p{margin:1rem 0 1.4rem;max-width:190px}.intro-side--right .text-link{font-size:.7rem}.monogram{font:italic 5.5rem/.8 Georgia,serif;letter-spacing:-.12em;color:#8b652c;display:block}.portrait-title{position:absolute;z-index:5;left:50%;bottom:2.4rem;transform:translateX(-50%);text-align:center;width:max-content;max-width:90%;color:var(--paper);text-shadow:0 1px 15px #15191c80}.portrait-title .eyebrow{font-size:.65rem;margin-bottom:.6rem}.portrait-title h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(2.8rem,5.5vw,5.4rem);text-transform:uppercase;letter-spacing:-.025em;line-height:1}.portrait-title h1 small{font:600 .7rem Arial,sans-serif;display:block;letter-spacing:.18em;margin-bottom:.35rem}.portrait-title .hero-actions{margin-top:1rem;justify-content:center}.portrait-title .button{font-size:.7rem;padding:.7rem 1.1rem;background:var(--paper);color:var(--ink);border-color:var(--paper);text-shadow:none}.portrait-title .button:hover{background:var(--accent);border-color:var(--accent)}.portrait-foot{position:absolute;bottom:1.1rem;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase;z-index:5}.opening-window{position:absolute;inset:0;z-index:6;background:#20272b;clip-path:inset(0% 0% 0% 0% round 0px);will-change:clip-path,opacity}.opening-window>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 49%;transform:scale(1.04);filter:saturate(.65);will-change:transform}.opening-tint{position:absolute;inset:0;background:linear-gradient(90deg,#121a1f8c,#11171b40),linear-gradient(0deg,#191e23ad,transparent 60%)}.opening-window:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#f4e2c208 0 1px,transparent 1px 4px);pointer-events:none}.opening-label{position:absolute;inset:22% 7% 13%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:white}.opening-label>span{font:600 .7rem Arial,sans-serif;letter-spacing:.2em}.opening-label strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(6rem,17.5vw,17rem);line-height:.78;font-weight:900;letter-spacing:-.025em;margin:1.5rem 0}.opening-frame{position:absolute;inset:17% 4% 4%;border:1px solid #ffffff42;color:#fff9;display:flex;justify-content:space-between;align-items:flex-end;padding:1rem;font:600 .6rem Arial,sans-serif;letter-spacing:.13em}.opening-frame>span:first-child{position:absolute;top:1rem;right:1rem;color:#e1bf80}.opening-scroll{color:white;animation:scroll-cue 2s ease-in-out infinite}.intro-enhanced .opening-label{animation:opening-copy 1s .1s both}.intro-enhanced .opening-window>img{animation:opening-arrive 1.6s cubic-bezier(.18,.7,.2,1) both}.manifesto{position:relative;isolation:isolate;background:#15191c;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.manifesto-watermark{position:absolute!important;top:3%;left:-1%;font:23vw/.85 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.055em;color:#c59a5416;white-space:nowrap;z-index:-1;transform:translateX(var(--watermark-x,0px));pointer-events:none}.manifesto blockquote{font:500 clamp(3rem,7.5vw,8.5rem)/.96 Arial,sans-serif;letter-spacing:-.065em;margin-top:3rem;margin-bottom:3rem}.manifesto blockquote em{color:var(--accent);font-style:italic}.manifesto .eyebrow{color:#d7b677}.manifesto-bottom p{color:#c8c5be}.marquee{margin-top:4rem;border-color:#b98e4932;color:#c59a54;font:1.05rem Arial,sans-serif}.story{padding-top:8rem;padding-bottom:8rem}.story h2{font-size:clamp(3rem,5.8vw,6rem);color:var(--paper)}.story-heading>p{color:#d3cdc2}.story-grid{grid-template-columns:1fr 1.35fr;gap:8vw}.story-photo{top:7rem;transform:rotate(-3deg)}.story-photo img{border:8px solid var(--paper);border-radius:4px;filter:none;height:33rem;object-position:50% 26%;box-shadow:0 25px 45px #0004}.story-photo figcaption{color:var(--paper);border:0;font-size:.83rem;padding:1rem .6rem}.story-photo figcaption span{color:#bfb4a3}.chapter{border-color:#c6a46333}.chapter:last-child{border-color:#c6a46333}.chapter summary{padding:1.8rem 0}.chapter-number{color:#c39a55}.chapter small{color:#cfad73}.chapter strong{color:#f3eee5;font-size:1.28rem;font-weight:600}.chapter>p{color:#ddd6ca;line-height:1.8}.toggle:before,.toggle:after{background:#d2ac6b}.values{background:#1a2024;border:0;position:relative}.values .eyebrow{color:#c59a54}.values-grid article{border-color:#b8965c5c}.values-grid article>span{color:#c59a54}.values-grid p{color:#ded7c9}.values-grid h3{font-size:1.8rem;font-weight:600}.values-grid{gap:5vw}.work-teaser{gap:8vw;min-height:90svh}.work-teaser h2{font-size:clamp(3rem,5.3vw,6rem)}.work-teaser h2 em{color:#d7b677}.work-teaser .button{background:var(--paper);color:var(--ink)}.teaser-photo{transform:rotate(4deg);border:6px solid var(--paper);box-shadow:0 25px 70px #0006}.teaser-photo img{filter:none}.teaser-photo span{background:#c59a54;color:var(--ink);font-size:.6rem;font-weight:600}.contact{background:var(--paper);color:var(--ink);position:relative;overflow:hidden}.contact h2{font-size:clamp(3.5rem,7vw,8rem)}.contact h2 em{color:#886026}.contact-row p{color:#68625a}.button.light{background:var(--ink);color:var(--paper);border-color:var(--ink)}.social-links{border-color:#b9a885}.footer{background:#15191c;color:var(--paper)}.footer p{color:#c6bcab}.portfolio-hero{padding-top:11rem;padding-bottom:5rem;background:#eeeae2;position:relative;overflow:hidden}.portfolio-hero:before{content:'PORTFÓLIO';position:absolute;top:7rem;left:-.04em;font:23vw/.9 Impact,'Arial Narrow',Arial,sans-serif;color:#d4cbbd5e;letter-spacing:-.055em;pointer-events:none}.portfolio-hero>*{position:relative}.portfolio-hero h1{font-weight:600;font-size:clamp(3.1rem,6.6vw,7.2rem)}.portfolio-hero h1 em{color:#886026}.portfolio-intro p{color:#68625a}.stats{border-color:#b9a885}.projects{padding-top:7rem;padding-bottom:7rem}.projects .section-title h2{color:var(--paper);font-size:clamp(3rem,5.3vw,6rem)}.projects .section-title span{color:#d6b77f}.reels-grid{gap:4rem 2.2rem;align-items:start}.reels-grid .video-card:nth-child(3n+2){margin-top:7rem}.reels-grid .video-card:nth-child(3n){margin-top:3.5rem}.video-cover{border:1px solid #c6a46343;border-radius:6px;box-shadow:0 18px 36px #0004;transition:transform .4s}.video-link:hover .video-cover{transform:rotate(-2deg)}.video-index{background:#c39a55; border-radius:3px;font-weight:600}.video-label{border-color:#c6a46341;color:#eee7da}.play{background:#12191d99;backdrop-filter:blur(7px);border-color:#d6b77f;width:4rem;height:4rem}.video-dialog{background:#15191c;border-radius:7px}.services{background:#1a2024}.services h2{font-size:clamp(3rem,5.2vw,6rem)}.portfolio-about{background:var(--paper);gap:7vw}.portfolio-about img{filter:none;transform:rotate(-4deg);border:8px solid #fff;border-radius:4px;box-shadow:0 16px 40px #2c221424}.portfolio-about h2 em{color:#886026}.horizontal-title{margin-top:7rem}
@keyframes scroll-cue{50%{transform:translateY(5px);opacity:.6}}@keyframes opening-arrive{from{transform:scale(1.15);filter:saturate(.5) brightness(.8)}to{transform:scale(1.04);filter:saturate(.65)}}@keyframes opening-copy{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.intro-side{width:17vw}.intro-side--left{left:3vw}.intro-side--right{right:3vw}.intro-side--right p{font-size:.68rem}.cinema-portrait{bottom:-16vh;height:105svh}.portrait-title{bottom:3rem}.story-grid{gap:4vw}.story-photo img{height:29rem}.memory-card{width:110px}.monogram{font-size:4rem}.header nav{gap:1.3rem}}
@media(max-width:700px){html{scroll-padding-top:6rem}.header{height:5.2rem;min-height:5.2rem;padding:.9rem 1rem;flex-wrap:nowrap}.header .brand{font-size:1.1rem}.header nav{gap:.8rem;font-size:.57rem;letter-spacing:0}.cinema-intro{height:245svh}.intro-anchor{top:108svh}.intro-skip{right:1rem;top:6rem;font-size:.6rem}.opening-label{inset:24% 7% 18%;justify-content:center}.opening-label strong{font-size:28vw;line-height:.82;margin:1.5rem 0}.opening-label>span{font-size:.5rem;letter-spacing:.14em}.opening-window>img{object-position:52% 50%}.opening-frame{inset:19% 4% 4%;padding:.8rem;font-size:.45rem;letter-spacing:.07em}.opening-frame>span:nth-child(2){max-width:45%;line-height:1.7}.hero-lettering{top:17vh;font-size:38vw;line-height:.87;left:2vw;right:2vw}.hero-lettering span:nth-child(2){margin-top:1rem}.cinema-portrait{height:90svh;bottom:-4svh}.intro-side{top:25%;width:21vw;font-size:.6rem}.intro-side--left{left:4vw}.intro-side--right{right:4vw;top:24%;text-align:right}.memory-card{width:62px;margin:0 0 .5rem}.memory-card img{border-width:2px;border-radius:4px}.memory-card span{font-size:.47rem;padding-top:.4rem}.intro-side--left>p{display:none}.intro-side--right p{font-size:.5rem;line-height:1.5;margin:.6rem 0}.intro-side--right .text-link{font-size:.5rem}.monogram{font-size:2.8rem}.portrait-title{bottom:4.2rem;max-width:95%;width:95%}.portrait-title h1{font-size:12vw}.portrait-title .eyebrow{font-size:.55rem}.portrait-title h1 small{font-size:.6rem}.portrait-title .button{font-size:.65rem;padding:.75rem 1rem}.portrait-foot{left:1rem;right:1rem;bottom:1.2rem;font-size:.48rem;letter-spacing:.03em}.portrait-world:after{opacity:.13}.section{padding:4.5rem 1.5rem}.manifesto{min-height:90svh;padding-bottom:0}.manifesto blockquote{font-size:10vw;line-height:1.06;margin:2rem 0}.manifesto-watermark{top:10%;font-size:33vw;left:-5vw}.manifesto-bottom p{font-size:.85rem}.marquee{font-size:.85rem}.story h2,.work-teaser h2,.services h2{font-size:12vw}.story-photo{transform:rotate(-2deg);margin:3rem .3rem 2rem}.story-photo img{height:24rem;object-position:50% 24%;border-width:6px}.story-photo figcaption{font-size:.8rem}.chapter strong{font-size:1.1rem}.chapter small{font-size:.67rem}.chapter>p{font-size:.93rem}.story-heading>p{font-size:.85rem}.values-grid{gap:2rem}.values-grid h3{font-size:1.5rem}.values-grid p{font-size:.9rem}.work-teaser{min-height:auto}.teaser-photo{margin:3rem .3rem .5rem;transform:rotate(3deg)}.contact h2{font-size:14vw}.portfolio-hero{padding-top:9rem}.portfolio-hero:before{font-size:27vw;top:7rem}.portfolio-hero h1{font-size:11vw}.portfolio-intro p{font-size:.95rem}.stats strong{font-size:1.8rem}.stats{gap:1.5rem}.projects .section-title h2{font-size:11vw}.reels-grid{gap:2rem 1rem}.reels-grid .video-card:nth-child(3n+2),.reels-grid .video-card:nth-child(3n){margin-top:0}.reels-grid .video-card:nth-child(2n){margin-top:3rem}.video-label h3{font-size:.8rem}.video-label span{font-size:.7rem}.play{width:2.7rem;height:2.7rem}.horizontal-title{margin-top:4rem}.portfolio-about img{transform:rotate(-2deg);margin:0 .2rem}.portfolio-about h2{font-size:12vw}.footer{gap:1rem;padding:2rem 1.5rem}}
@media(prefers-reduced-motion:reduce){.cinema-intro{height:100svh}.intro-skip,.intro-anchor,.opening-window{display:none}.cinema-pin{position:relative}.cinema-portrait{transform:translateX(-50%)!important}.portrait-world{transform:none!important;clip-path:none!important}.intro-side,.portrait-title,.portrait-foot{opacity:1!important;transform:none!important}.portrait-title{transform:translateX(-50%)!important}.hero-lettering,.manifesto-watermark{transform:none!important}}html:not(.intro-enhanced) .cinema-intro{height:100svh}html:not(.intro-enhanced) .opening-window,html:not(.intro-enhanced) .intro-skip{display:none}

/* Final portrait proportions and photo framing. */
.memory-card img{height:auto}.portrait-title{color:#202328;text-shadow:0 1px 14px #eeeae288}.cinema-portrait{height:107svh;bottom:-17svh}.intro-side .memory-card{transform-origin:center}.intro-side .memory-card:focus-visible{outline-offset:8px}
@media(max-width:1000px){.cinema-portrait{height:100svh;bottom:-13svh}}@media(max-width:700px){.cinema-portrait{height:88svh;bottom:-4svh}.portrait-title{bottom:4.2rem}}
@media(prefers-reduced-motion:reduce){.cinema-portrait{opacity:1!important}}

.mobile-intro-copy,.mobile-work-link{display:none}@media(max-width:700px){.mobile-intro-copy{display:block;font-size:.69rem;line-height:1.5;margin-top:.6rem}.mobile-work-link{display:inline-flex}.portrait-title .hero-actions{gap:.5rem;margin-top:.75rem}.portrait-title .button{min-height:40px;font-size:.61rem;padding:.6rem .8rem}.intro-side--right p,.intro-side--right .text-link{display:none}.header nav a{min-height:24px;display:flex;align-items:center}.memory-card{min-height:80px}}
.intro-anchor{display:block;width:1px;height:1px}

/* Graphite and brass palette; preserve existing interactions. */
.opening-label strong{letter-spacing:.045em;line-height:1.01;font-size:clamp(5.5rem,16vw,15rem)}
.memory-card img{object-position:50% 46%;height:auto;aspect-ratio:3/4}
.values,.services{color:var(--paper)}.values-grid h3{color:inherit}.values .values-grid article,.services .values-grid article{border-color:#b8965c66}.values .values-grid p,.services .values-grid p{color:#ded7c9}.values .values-grid article>span,.services .values-grid article>span,.services>.eyebrow{color:#c59a54}
@media(max-width:700px){.opening-label strong{font-size:25vw;letter-spacing:.055em;line-height:1.04}.opening-label{inset:25% 7% 17%}.memory-card img{object-position:50% 46%}}