/* Mizē — cinematic motion and physical brand materials. */
:root{--glass:rgba(20,21,20,.69);--glass-line:rgba(242,242,242,.25)}
html{scroll-padding-top:105px}.header{position:fixed;top:18px;left:var(--gutter);right:var(--gutter);height:66px;padding:0 22px;border:1px solid var(--glass-line);border-radius:16px;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 30px #0001}.header .brand img{width:83px;height:48px}.header nav{gap:29px}.header-caption{font-size:8px}.header .nav-contact{border-left:1px solid #fff4;padding-left:24px;gap:18px}.section-kicker{border-bottom:0}.section-heading h2{font-weight:400}.scene-intro{position:relative;height:100svh;min-height:680px;background:var(--blue);isolation:isolate}.intro-sticky{position:relative;height:100svh;min-height:680px;overflow:hidden;perspective:1600px;--collapse:0;--copy-opacity:1;--desk-opacity:0;--piece-opacity:0}.motion-enabled .scene-intro{height:290svh}.motion-enabled .intro-sticky{position:sticky;top:0;min-height:0}.desk-surface{position:absolute;inset:0;background:var(--blue)}.desk-surface:before{content:'';position:absolute;inset:0;background:url('assets/paper.png') center/cover;opacity:.15;mix-blend-mode:multiply}.desk-line{position:absolute;background:#1112}.line-a{top:0;bottom:0;left:33%;width:1px}.line-b{left:0;right:0;top:53%;height:1px}.desk-label{position:absolute;bottom:24px;left:30px;color:var(--ink);font-size:8px;letter-spacing:.14em;opacity:var(--desk-opacity)}.cinema-window{position:absolute;left:calc(50% + var(--collapse)*14%);top:calc(50% - var(--collapse)*8%);width:calc(100% - var(--collapse)*43%);height:calc(100% - var(--collapse)*38%);transform:translate(-50%,-50%) rotateX(calc(var(--collapse)*6deg)) rotateY(calc(var(--collapse)*-6deg)) rotateZ(calc(var(--collapse)*-5deg));border:calc(var(--collapse)*10px) solid var(--paper);border-bottom-width:calc(var(--collapse)*35px);border-radius:calc(var(--collapse)*4px);background:var(--black);box-shadow:0 calc(var(--collapse)*32px) calc(var(--collapse)*65px) #18222c50;z-index:4;overflow:hidden}.cinema-window video{width:100%;height:100%;object-fit:cover;object-position:center 28%;opacity:.95}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.07) 70%);opacity:var(--copy-opacity);pointer-events:none}.cinema-acetate{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;mix-blend-mode:screen;opacity:calc(var(--collapse)*.24);pointer-events:none}.cinema-mark{position:absolute;left:18px;right:18px;bottom:15px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:var(--paper);opacity:var(--desk-opacity);text-shadow:0 1px 5px #000}.intro-copy{position:absolute;left:var(--gutter);top:26%;z-index:6;opacity:var(--copy-opacity);transform:translateY(calc(var(--collapse)*-130px)) scale(calc(1 - var(--collapse)*.12));transform-origin:0 0;pointer-events:none}.intro-copy .eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:24px}.intro-copy h1{font-size:clamp(65px,7.6vw,135px);line-height:1.03;letter-spacing:-.085em;font-weight:500;max-width:800px;text-shadow:0 3px 30px #0002}.intro-sign{font-size:clamp(30px,3.1vw,54px);margin:22px 0 0 25px;transform:rotate(-5deg);color:var(--straw)}.intro-side{position:absolute;right:30px;top:30%;writing-mode:vertical-rl;z-index:7;font-size:8px;letter-spacing:.15em;opacity:var(--copy-opacity)}.intro-foot{position:absolute;bottom:23px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;z-index:8;font-size:8px;letter-spacing:.09em;color:var(--paper);mix-blend-mode:difference}.intro-foot a{display:flex;min-height:44px;align-items:center;gap:24px}.intro-foot a span{font-size:23px}.skip-scene{position:absolute;right:var(--gutter);top:110px;z-index:8;font-size:9px;border-bottom:1px solid #fff7;min-height:32px;display:flex;align-items:center;opacity:var(--copy-opacity)}.desk-caption{position:absolute;left:5.5%;top:62%;width:27%;z-index:5;color:var(--ink);opacity:var(--desk-opacity);transform:translateY(calc((1 - var(--collapse))*80px));pointer-events:none}.desk-caption .eyebrow{font-size:9px;margin-bottom:14px}.desk-caption h2{font-size:clamp(25px,3vw,52px);letter-spacing:-.065em;line-height:1.1}.desk-caption .hand{font-size:1.1em;display:inline-block;transform:rotate(-5deg);margin:8px 0}.desk-caption .text-link{font-size:10px;min-height:40px;margin-top:12px;pointer-events:auto}.floating-piece{position:absolute;opacity:var(--piece-opacity);pointer-events:none;will-change:transform;transform-style:preserve-3d}.piece-paper{width:clamp(210px,22vw,370px);height:clamp(260px,28vw,450px);left:6%;top:13%;z-index:2;transform:translate3d(calc((1 - var(--collapse))*-380px),calc((1 - var(--collapse))*80px),calc((1 - var(--collapse))*-350px)) rotateZ(calc(-8deg - (1 - var(--collapse))*40deg)) rotateY(calc((1 - var(--collapse))*50deg));box-shadow:10px 20px 50px #0003}.piece-paper>img{width:100%;height:100%;object-fit:cover}.piece-paper>div{position:absolute;inset:0;padding:12%;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink)}.piece-paper .eyebrow{font-size:8px}.piece-paper .hand{font-size:clamp(28px,3.4vw,52px);line-height:1.15}.paper-rule{border-top:1px solid #1115;padding-top:15px;font-size:7px}.piece-photo{width:clamp(135px,16vw,250px);padding:8px 8px 25px;background:var(--paper);left:25%;top:24%;z-index:3;transform:translate3d(calc((1 - var(--collapse))*-220px),calc((1 - var(--collapse))*440px),calc((1 - var(--collapse))*250px)) rotateZ(calc(12deg + (1 - var(--collapse))*20deg));box-shadow:7px 14px 30px #0004}.piece-image{aspect-ratio:3/4;object-fit:cover;width:100%}.piece-tape{position:absolute;width:72%;height:65px;object-fit:cover;left:12%;top:-28px;transform:rotate(-15deg)}.piece-photo figcaption{color:var(--ink);font-size:6px;letter-spacing:.03em;margin-top:12px}.piece-blue{left:80%;top:54%;width:230px;height:280px;z-index:5;transform:translate3d(calc((1 - var(--collapse))*500px),calc((1 - var(--collapse))*350px),0) rotateZ(13deg)}.piece-blue>img:first-child{position:absolute;inset:0;width:100%;height:100%}.piece-blue .hand{position:absolute;top:25%;left:22%;font-size:40px;color:var(--paper);transform:rotate(-7deg)}.piece-blue .piece-symbol{width:60px;position:absolute;left:40%;bottom:20px}.piece-rings{right:1%;top:9%;width:110px;height:65%;z-index:2;overflow:hidden;transform:translateX(calc((1 - var(--collapse))*300px)) rotateZ(12deg)}.piece-rings img{position:absolute;height:100%;width:500%;max-width:none;left:50%;transform:translateX(-50%)}
.reel-dock{position:absolute;left:50%;bottom:74px;transform:translateX(-50%);width:min(550px,75vw);padding:11px 16px 5px;border:1px solid var(--glass-line);border-radius:16px;background:rgba(20,22,23,.58);backdrop-filter:blur(24px) saturate(.8);-webkit-backdrop-filter:blur(24px) saturate(.8);z-index:9;color:var(--paper);box-shadow:0 18px 45px #0003}.reel-dock-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.reel-dock-top>div:first-child{display:flex;align-items:center;gap:15px}.dock-label{font-size:7px;letter-spacing:.1em;color:#ccc}.reel-dock #reel-name{font-size:11px}.reel-actions{display:flex;align-items:center;gap:4px}.reel-actions button{min-width:44px;min-height:44px;padding:0 6px;font-size:11px;display:grid;place-items:center;border-radius:8px}.reel-actions button:hover{background:#fff2}.reel-actions #motion-toggle{border:0}.reel-actions #open-reel{font-size:23px}.reel-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding-top:5px}.reel-chapter{height:45px;position:relative;padding:0;border:1px solid #fff2;border-radius:4px;overflow:hidden;opacity:.55;transition:opacity .2s,border-color .2s}.reel-chapter img{height:100%;width:100%;object-fit:cover;object-position:center 30%}.reel-chapter[aria-pressed=true]{opacity:1;border-color:var(--straw)}.reel-chapter:hover{opacity:1}.reel-chapter span{position:absolute;bottom:3px;left:4px;background:#000a;padding:0 4px;color:white;font-size:7px}.reel-chapter:focus-visible{outline-offset:2px}.reel-scrub{display:flex;align-items:center;gap:12px;min-height:40px}.reel-scrub output{font-size:8px;min-width:85px;font-variant-numeric:tabular-nums}.reel-scrub input{width:100%;min-width:0;height:30px;cursor:pointer;accent-color:var(--straw);background:transparent}.dock-end{font-size:17px}.reel-dock:focus-within{background:rgba(15,17,18,.89)}
.work{position:relative;background:var(--paper) url('assets/paper-3.png') center top/100% auto;padding-top:90px;z-index:10;border-radius:30px 30px 0 0;margin-top:-1px}.work .section-heading{margin-top:25px}.work h2{font-size:clamp(48px,6.7vw,110px);letter-spacing:-.075em}.work-toolbar{background:#f2f2f275;border:1px solid #1113;padding:9px 15px;border-radius:14px;backdrop-filter:blur(14px)}.filters button{border-radius:7px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 28px}.project-grid.selection .project-card:nth-child(3n+2){padding-top:80px}.project-image{aspect-ratio:3/4;border-radius:3px}.project-card:nth-child(3n+2) .project-image{border-radius:140px 140px 5px 5px}.project-card:nth-child(3n) .project-image{border-radius:18px}.project-meta h3{font-size:15px}.project-play{border-radius:50%;background:#f2f2f2ba;backdrop-filter:blur(12px);border:1px solid #fff6}.project-number{border-radius:3px}.project-open{perspective:900px}.project-open:hover .project-image{transform:translateY(-5px)}.project-image{transition:transform .5s var(--ease)}.project-kind{font-size:10px}.work-count{margin:25px 0}.work .outline-button{border-radius:30px}.project-card:first-child .project-image:after{content:'';position:absolute;left:32%;top:-15px;width:35%;height:80px;background:url('assets/tape.png') center/contain no-repeat;pointer-events:none;opacity:.65}
.binder-scene{position:relative;padding:0;background:#d55c50;color:var(--ink);isolation:isolate}.binder-sticky{padding:90px var(--gutter) 40px;position:relative;perspective:1600px}.binder-book{position:relative;margin:30px auto;min-height:540px;transform-style:preserve-3d;background:var(--paper) url('assets/paper.png') center/cover;border-radius:4px;box-shadow:8px 12px 0 #e0dfd9,9px 13px 0 #1114,14px 23px 35px #0003;--book-open:0}.binder-book .about-grid{margin:0;grid-template-columns:1fr 1fr;gap:85px;padding:55px 50px;position:relative}.binder-book .about-grid:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#7774}.binder-book h2{font-size:clamp(30px,3.5vw,60px)}.binder-book .about-copy{padding:0}.binder-book .about-lead{font-size:clamp(17px,1.75vw,27px);line-height:1.45;margin-bottom:22px}.binder-book .about-copy p:not(.about-lead){font-size:11px;margin-bottom:18px}.binder-book .about-symbol{margin-top:25px;width:90px;height:90px}.binder-book .about-copy .text-link{font-size:10px}.binder-cover{display:none}.binder-rings{position:absolute;left:50%;top:0;bottom:0;width:85px;transform:translateX(-50%);overflow:hidden;z-index:3;pointer-events:none}.binder-rings img{position:absolute;left:50%;transform:translateX(-50%);height:100%;width:500%;max-width:none}.binder-scene .about-foot{border-top:0;font-size:9px;padding-top:20px}.motion-enabled .binder-scene{height:230svh}.motion-enabled .binder-sticky{position:sticky;top:0;height:100svh;padding-top:105px;padding-bottom:25px}.motion-enabled .binder-book{min-height:0;height:calc(100svh - 225px);margin:22px 0;transform:rotateX(calc((1 - var(--book-open))*7deg)) rotateZ(calc((1 - var(--book-open))*-3deg));transform-origin:center}.motion-enabled .binder-book .about-grid{height:100%;align-items:center;padding:30px 45px;gap:85px}.motion-enabled .binder-cover{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:absolute;left:50%;top:0;bottom:0;width:50%;background:var(--blue) url('assets/paper-2.png') center/cover;background-blend-mode:multiply;z-index:4;transform-origin:left center;transform:rotateY(calc(var(--book-open)*-172deg));backface-visibility:hidden;box-shadow:inset 3px 0 7px #0002;border-radius:0 6px 6px 0;padding:30px;color:var(--ink);pointer-events:none}.binder-cover>img{width:65%;height:100px;object-fit:contain}.binder-cover>span{font-size:8px;letter-spacing:.06em;text-align:center}.binder-cover .hand{font-size:clamp(28px,3.2vw,52px);line-height:1.2;transform:rotate(-5deg);text-align:center}.cover-bottom{padding-top:15px;border-top:1px solid #1116}.binder-scene:focus-within .binder-cover{visibility:hidden}
.photo-scene{padding:0;background:var(--black);position:relative}.photo-sticky{padding:70px var(--gutter) 45px;position:relative}.photo-scene .section-heading{margin:25px 0 20px;align-items:center}.photo-scene h2{font-size:clamp(35px,4.5vw,70px)}.photo-scene h2 br{display:none}.photo-scene .section-heading p{font-size:11px}.photo-viewport{margin:0 calc(var(--gutter)*-1);padding:35px var(--gutter) 25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--straw) var(--black)}.photo-grid{display:flex;gap:45px;margin:0;perspective:1400px;transform-style:preserve-3d;width:max-content;padding-right:var(--gutter)}.photo-grid .photo-card:nth-child(n){grid-column:auto;padding-top:0;flex:0 0 auto;width:clamp(290px,35vw,520px);scroll-snap-align:center;transform:perspective(1200px) rotateY(var(--card-ry,0deg)) translateY(var(--card-y,0px)) rotateZ(var(--card-rz,0deg));transform-origin:50% 60%;opacity:var(--card-opacity,1)}.photo-grid .photo-card:nth-child(odd){--card-rz:-2deg}.photo-grid .photo-card:nth-child(even){--card-rz:2deg}.photo-grid .photo-card .photo-image,.photo-grid .photo-card:first-child .photo-image{aspect-ratio:1;max-height:48svh;overflow:visible;padding:10px 10px 25px;background:var(--paper);border-radius:2px;box-shadow:0 10px 20px #0002}.photo-grid .photo-card .photo-image img{object-fit:cover;object-position:center 35%;height:100%;width:100%}.photo-grid .photo-card:nth-child(2n) .photo-image{padding:0;background:transparent;border:1px solid #fff4;border-radius:20px;overflow:hidden}.photo-grid .photo-card:nth-child(3) .photo-image:after{content:'';position:absolute;inset:-25px -25px -15px;background:url('assets/acetate.png') center/100% 100%;opacity:.4;pointer-events:none;mix-blend-mode:screen}.photo-grid .photo-card:nth-child(1) .photo-image:after,.photo-grid .photo-card:nth-child(5) .photo-image:after{content:'';position:absolute;left:15%;top:-38px;width:70%;height:80px;background:url('assets/tape.png') center/contain no-repeat;pointer-events:none}.photo-grid .photo-card .photo-meta{border:0;padding-bottom:0;margin-top:3px}.photo-grid .photo-card .photo-meta h3{font-size:12px}.photo-grid .photo-card .photo-credit{font-size:9px}.photo-grid .photo-card .photo-image span{border-radius:20px;backdrop-filter:blur(10px);background:#111a;color:white}.photo-track-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px;font-size:8px;color:var(--muted)}.photo-progress{width:140px;height:2px;background:#fff3;overflow:hidden}.photo-progress i{display:block;width:100%;height:100%;background:var(--straw);transform:scaleX(var(--photo-progress,0));transform-origin:left}.motion-enabled .photo-scene{height:300svh}.motion-enabled .photo-sticky{position:sticky;top:0;height:100svh;padding-top:100px;padding-bottom:20px;overflow:hidden}.motion-enabled .photo-viewport{overflow:hidden;scroll-snap-type:none}.motion-enabled .photo-grid{transform:translate3d(var(--photo-x,0px),0,0);will-change:transform}.motion-enabled .photo-grid:focus-within{transition:none}.method{position:relative;overflow:hidden;background:var(--straw) url('assets/paper.png') center/cover;background-blend-mode:multiply}.method .section-kicker{font-size:9px}.method-intro{position:relative}.method-paperclip{position:absolute;right:12%;top:-15px;width:125px;height:145px;object-fit:contain;transform:rotate(16deg);pointer-events:none}.method-intro h2{position:relative;z-index:1}.method .steps{padding:0 25px 15px;border-radius:18px;background:#f2f2f24d;border:1px solid #fff9;backdrop-filter:blur(8px);box-shadow:0 12px 30px #84723015}.method .steps details:first-child{border-top:0}.method .steps details:last-child{border-bottom:0}.team{background:var(--paper);border-radius:0 0 30px 30px;position:relative;z-index:2}.team .section-heading h2{font-size:clamp(42px,6vw,90px)}.team-grid{gap:20px}.team-grid figure:nth-child(even){padding-top:65px}.team-grid figure:nth-child(3n) img{border-radius:80px 80px 0 0}.team-grid figure:nth-child(3n+1) img{border-radius:10px}.team-grid img{filter:none}.contact{position:relative;overflow:hidden;padding-top:90px;background:var(--blue);color:var(--ink)}.contact .contact-main,.contact .contact-links,.contact .section-kicker,.contact .footer-bottom{position:relative;z-index:1}.contact h2 span{color:var(--ink);font-family:Biro;letter-spacing:-.035em;font-weight:400}.contact .contact-main .hand{color:var(--ink)}.contact-arrow{background:#f2f2f233;backdrop-filter:blur(12px);border-color:#fff8;box-shadow:inset 0 0 30px #fff2}.contact-paper{position:absolute;right:7%;top:12%;width:32%;height:65%;object-fit:fill;transform:rotate(14deg);opacity:.95}.contact #experience-toggle{min-height:44px;font-size:9px;text-decoration:underline;text-underline-offset:5px}.media-dialog{border-radius:15px}.brief-dialog{border-radius:18px}.reel-chapters:empty{display:none}
@media(min-width:1500px){.reel-dock{width:650px;bottom:90px}.reel-chapter{height:60px}.intro-copy{top:30%}.motion-enabled .binder-book .about-grid{padding:50px 70px}.binder-book .about-copy p:not(.about-lead){font-size:14px}.binder-book .about-lead{font-size:28px}.photo-grid .photo-card .photo-image{max-height:53svh}}
@media(max-height:720px) and (min-width:761px){.intro-copy{top:24%}.intro-copy h1{font-size:7vw}.intro-sign{font-size:3vw;margin-top:12px}.reel-dock{bottom:60px;padding-top:4px}.reel-chapter{height:38px}.reel-dock-top{min-height:38px}.reel-scrub{min-height:32px}.intro-foot{bottom:8px}.motion-enabled .binder-book{height:calc(100svh - 185px);margin-top:12px;margin-bottom:12px}.motion-enabled .binder-sticky{padding-top:90px}.binder-book h2{font-size:3.1vw}.binder-book .about-lead{font-size:19px}.binder-book .about-copy p:not(.about-lead){font-size:10px;margin-bottom:12px}.binder-book .about-symbol{width:65px;height:65px}.binder-scene .about-foot{padding-top:6px}.photo-scene h2{font-size:40px}.photo-scene .section-heading{margin-top:6px;margin-bottom:0}.photo-grid .photo-card .photo-image{max-height:42svh}}
@media(max-width:1100px){.header nav{gap:21px}.header .nav-contact{padding-left:20px}.intro-copy h1{font-size:8.4vw}.piece-blue{width:170px;height:230px}.piece-blue .hand{font-size:30px}.piece-paper{width:230px;height:290px}.desk-caption h2{font-size:32px}.project-grid{gap:35px 20px}.binder-book .about-lead{font-size:19px}.motion-enabled .binder-book .about-grid{padding:30px;gap:65px}.binder-book h2{font-size:33px}.binder-book .about-copy p:not(.about-lead){font-size:11px}.binder-book .about-symbol{width:70px;height:70px}.binder-cover .hand{font-size:36px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:88px}.header{left:12px;right:12px;top:12px;height:58px;padding:0 16px;border-radius:13px}.header .brand img{width:75px;height:44px}.header-caption{font-size:7px}.header nav{top:65px;left:0;right:0;border:1px solid var(--glass-line);border-radius:15px;padding:18px;background:rgba(17,18,19,.97);font-size:17px}.header .nav-contact{padding-left:0;border-left:0}.header nav a{padding-left:5px}.scene-intro{min-height:740px}.intro-sticky{height:100svh;min-height:740px}.motion-enabled .scene-intro{height:230svh;min-height:0}.motion-enabled .intro-sticky{min-height:620px}.intro-copy{top:25%;left:25px}.intro-copy .eyebrow{font-size:8px;letter-spacing:.05em;margin-bottom:22px}.intro-copy h1{font-size:clamp(49px,12vw,78px);line-height:1.06}.intro-sign{font-size:28px;margin-left:8px;max-width:310px}.cinema-window{left:calc(50% + var(--collapse)*6%);top:calc(50% - var(--collapse)*13%);width:calc(100% - var(--collapse)*24%);height:calc(100% - var(--collapse)*52%);border-bottom-width:calc(var(--collapse)*22px)}.cinema-window video{object-position:50% 30%}.cinema-shade{background:linear-gradient(180deg,#0001,#0005 45%,#0004)}.intro-side{right:14px;font-size:6px;top:25%}.skip-scene{top:81px;font-size:8px;right:25px;min-height:44px}.reel-dock{width:calc(100% - 36px);bottom:68px;padding:8px 12px 3px;border-radius:14px}.reel-dock-top>div:first-child{display:block}.dock-label{font-size:6px;display:block}.reel-dock #reel-name{font-size:10px}.reel-actions button{font-size:9px;min-width:38px;min-height:44px}.reel-actions #open-reel{font-size:22px}.reel-chapters{gap:4px}.reel-chapter{height:44px}.reel-chapter span{font-size:6px}.reel-scrub output{font-size:8px;min-width:82px}.reel-scrub{gap:8px;min-height:36px}.intro-foot{left:24px;right:24px;font-size:7px;bottom:10px}.intro-foot a{gap:12px}.desk-caption{left:8%;top:61%;width:75%;max-width:350px}.desk-caption .eyebrow{display:none}.desk-caption h2{font-size:27px;line-height:1.05}.desk-caption h2 br{display:none}.desk-caption .hand{margin:0;transform:rotate(-3deg)}.desk-caption .text-link{display:none}.piece-paper{width:145px;height:180px;left:-7%;top:14%}.piece-paper .eyebrow{font-size:5px}.piece-paper .hand{font-size:24px}.paper-rule{font-size:4px;padding-top:7px}.piece-photo{left:1%;top:34%;width:120px;padding:5px 5px 15px}.piece-photo figcaption{font-size:4px}.piece-photo .piece-tape{height:40px;top:-18px}.piece-blue{width:110px;height:150px;left:79%;top:46%}.piece-blue .hand{font-size:22px}.piece-blue .piece-symbol{width:35px;bottom:7px}.piece-rings{right:-8px;top:10%;width:55px;height:46%}.cinema-mark{font-size:6px;left:10px;right:10px;bottom:8px}.desk-label{display:none}.work{padding-top:45px;border-radius:22px 22px 0 0}.work h2{font-size:clamp(37px,9.5vw,60px)}.work .section-heading{margin-top:22px}.work-toolbar{padding:7px 10px;border-radius:10px}.filters button{border-radius:5px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.project-grid.selection .project-card:nth-child(n){padding-top:0}.project-grid.selection .project-card:nth-child(even){padding-top:40px}.project-meta h3{font-size:11px}.project-kind{font-size:8px}.project-card:nth-child(3n+2) .project-image{border-radius:90px 90px 3px 3px}.project-card:nth-child(3n) .project-image{border-radius:12px}.project-card:first-child .project-image:after{height:45px;top:-8px}.binder-sticky{padding:45px 24px}.motion-enabled .binder-scene{height:auto}.motion-enabled .binder-sticky{position:relative;height:auto;padding:45px 24px}.binder-book,.motion-enabled .binder-book{height:auto;min-height:0;margin:25px 0 15px;transform:none;box-shadow:4px 6px 0 #e0dfd9,8px 12px 25px #0002}.binder-book .about-grid,.motion-enabled .binder-book .about-grid{display:block;padding:35px 28px 30px;gap:0;height:auto}.binder-book .about-grid:after{display:none}.binder-rings{width:48px;left:8px;top:5px;height:95%;transform:none;opacity:.8}.binder-book .about-grid>div{padding-left:22px}.binder-book h2{font-size:32px}.binder-book .about-symbol{width:60px;height:60px;margin:25px 0}.binder-book .about-lead{font-size:18px}.binder-book .about-copy p:not(.about-lead){font-size:11px}.motion-enabled .binder-cover{display:none}.binder-scene .about-foot{font-size:7px;gap:13px 20px;padding-top:18px}.photo-sticky,.motion-enabled .photo-sticky{position:relative;height:auto;padding:45px 24px 35px;overflow:hidden}.photo-scene,.motion-enabled .photo-scene{height:auto!important}.photo-scene h2{font-size:40px}.photo-scene h2 br{display:block}.photo-scene .section-heading{margin:15px 0 10px}.photo-scene .section-heading p{margin-top:18px;font-size:10px}.photo-viewport,.motion-enabled .photo-viewport{overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -24px;padding:30px 24px 20px}.photo-grid,.motion-enabled .photo-grid{transform:none!important;gap:25px}.photo-grid .photo-card:nth-child(n){width:76vw;max-width:430px;transform:rotateZ(var(--card-rz,0deg))!important;opacity:1!important}.photo-grid .photo-card .photo-image,.photo-grid .photo-card:first-child .photo-image{max-height:none;aspect-ratio:4/5}.photo-grid .photo-card .photo-meta h3{font-size:11px}.photo-track-footer{gap:10px;font-size:7px}.photo-track-footer .photo-progress{display:none}.method .steps{padding:0 18px 10px}.method-paperclip{width:85px;height:110px;right:15%;top:-10px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid figure:nth-child(even){padding-top:35px}.contact{padding-top:50px}.contact-paper{right:-5%;top:18%;width:55%;height:46%}.contact h2{font-size:clamp(51px,12vw,85px)}.contact h2 span{font-size:1.1em}.contact-arrow{min-width:75px;width:75px;height:75px;font-size:55px}.contact #experience-toggle{font-size:8px}.footer-bottom{column-gap:18px}.media-dialog{border-radius:12px}.brief-dialog{border-radius:14px}}
@media(max-width:360px){.reel-dock{width:calc(100% - 28px)}.intro-copy h1{font-size:47px}.intro-sign{font-size:24px}.reel-dock #reel-name{font-size:9px}.reel-actions{gap:0}.reel-actions button{min-width:34px}.intro-foot{left:16px;right:16px;letter-spacing:0}.desk-caption h2{font-size:25px}.binder-book .about-grid,.motion-enabled .binder-book .about-grid{padding-right:20px;padding-left:20px}.binder-book h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.scene-intro,.motion-enabled .scene-intro{height:100svh;min-height:740px}.intro-sticky,.motion-enabled .intro-sticky{position:relative;min-height:740px}.floating-piece{display:none}.binder-scene,.motion-enabled .binder-scene{height:auto}.binder-sticky,.motion-enabled .binder-sticky{position:relative;height:auto}.binder-book,.motion-enabled .binder-book{height:auto;min-height:540px;transform:none}.binder-cover,.motion-enabled .binder-cover{display:none}.photo-scene,.motion-enabled .photo-scene{height:auto!important}.photo-sticky,.motion-enabled .photo-sticky{position:relative;height:auto}.photo-viewport,.motion-enabled .photo-viewport{overflow-x:auto}.photo-grid,.motion-enabled .photo-grid{transform:none!important}.photo-grid .photo-card:nth-child(n){transform:none!important;opacity:1!important}}
/* Final optical and interaction adjustments. */
.desk-label{display:none}.reel-scrub input{appearance:none;-webkit-appearance:none;--played:0%;height:32px;border:0;outline-offset:3px}.reel-scrub input::-webkit-slider-runnable-track{height:2px;border:0;background:linear-gradient(to right,var(--straw) var(--played),#ffffff50 var(--played));border-radius:2px}.reel-scrub input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;border:0;border-radius:50%;background:var(--straw);margin-top:-3.5px;box-shadow:0 0 0 4px #e8d99a12}.reel-scrub input::-moz-range-track{height:2px;background:#ffffff50}.reel-scrub input::-moz-range-progress{height:2px;background:var(--straw)}.reel-scrub input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--straw)}.reel-scrub input:disabled{opacity:.4}.binder-book .about-copy p:not(.about-lead){font-size:clamp(12px,1.1vw,16px);line-height:1.8;margin-bottom:18px}.binder-book .about-copy .about-lead{font-size:clamp(20px,1.85vw,28px);line-height:1.45;margin-bottom:24px}.binder-book .about-copy .text-link{font-size:12px}.photo-scene .section-heading .hand{margin-left:12px}
@media(min-width:761px){#grupo,#fotografia{scroll-margin-top:-105px}.photo-scene h2{font-size:clamp(43px,4vw,66px)}}
@media(max-width:760px){.binder-book .about-copy p:not(.about-lead){font-size:12px}.binder-book .about-copy .about-lead{font-size:19px}.binder-book .about-copy .text-link{font-size:10px}.photo-scene .section-heading .hand{margin-left:0}.reel-actions button{min-width:44px}.reel-actions{gap:0}.scene-intro .reel-dock{padding-left:12px;padding-right:12px}}

@media(max-width:760px){.desk-caption{top:63.5%}}

@media(max-height:760px) and (min-width:761px){.motion-enabled .photo-viewport{padding-top:20px;padding-bottom:48px}.photo-grid .photo-card .photo-image,.photo-grid .photo-card:first-child .photo-image{max-height:40svh}.photo-track-footer{margin-top:10px}}

/* Revision 3: consistent project covers, purposeful stationery and compositor motion. */
.cinema-window{left:50%;top:50%;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;transform:translate3d(calc(-50% + var(--collapse)*14vw),calc(-50% - var(--collapse)*8svh),0) rotateX(calc(var(--collapse)*6deg)) rotateY(calc(var(--collapse)*-6deg)) rotateZ(calc(var(--collapse)*-5deg)) scale(calc(1 - var(--collapse)*.4));will-change:transform}
.cinema-window:after{content:'';position:absolute;inset:0;border:12px solid var(--paper);border-bottom-width:38px;pointer-events:none;opacity:var(--collapse)}
.cinema-mark{bottom:12px;z-index:1;color:var(--ink);text-shadow:none}
.cinema-acetate{display:none}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.reel-dock{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#151617dc;box-shadow:0 8px 24px #0002}
.reel-chapter span{font-size:8px;inset:auto 4px 3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;text-shadow:0 1px 4px #000}
.reel-chapter:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.reel-chapter span{z-index:1}
.work .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px}
.work .project-grid .project-card:nth-child(n){grid-column:auto;padding-top:0}
.work .project-grid .project-card .project-image{aspect-ratio:4/5;border-radius:6px;transform:none;overflow:hidden}
.work .project-grid .project-card .project-image:after{display:none}
.work .project-open{width:100%;text-align:left}
.work .project-meta{align-items:start;gap:15px;margin-top:0;padding:17px 0 9px;border-bottom:0}
.work .project-meta h3{font-size:clamp(16px,1.5vw,23px);line-height:1.3;font-weight:500;letter-spacing:-.055em}
.work .project-kind{font-size:9px;letter-spacing:.08em;color:#555}
.work .project-arrow{font-size:22px;color:var(--coral);line-height:1.2}
.work .project-image img{transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.work .project-open:hover .project-image img{transform:scale(1.035)}
.work .project-number{background:#f2f2f2ed;color:var(--ink);border-radius:3px;font-size:9px;padding:5px 8px}
.method{background:var(--straw);overflow:hidden}
.method-layout{align-items:center;gap:8vw}.method-intro h2{font-size:clamp(42px,5vw,78px)}
.method-intro>p{font-size:12px;line-height:1.85;max-width:32ch}
.method-documents{position:relative;margin:50px 12px 25px 0;isolation:isolate}
.method-sheet-back{position:absolute;inset:-14px -13px 8px 7px;background:var(--blue) url('assets/paper.png') center/cover;background-blend-mode:multiply;transform:rotate(3deg);box-shadow:2px 5px 10px #4b42231a;z-index:-1}
.method-sheet-back span{position:absolute;right:15px;top:15px;font-size:7px;letter-spacing:.12em}
.method .steps{position:relative;padding:35px 30px 20px;border:1px solid #1111;border-radius:1px;background:var(--paper) url('assets/paper.png') center/cover;backdrop-filter:none;box-shadow:0 9px 20px #4b422318}
.method-documents .method-paperclip{position:absolute;left:35px;right:auto;top:-73px;width:95px;height:119px;object-fit:contain;transform:rotate(-4deg);z-index:3}
.method-sheet-label{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #1113;font-size:9px;letter-spacing:.1em}
.method .steps summary{font-size:clamp(23px,2.4vw,37px);min-height:82px}.method .step-content{margin-left:32px}.method .step-content p{font-size:12px;line-height:1.85}.method .step-content>span{font-size:8px;letter-spacing:.07em}
.contact-main{align-items:center;gap:60px}.contact-note{position:relative;flex:0 1 365px;display:flex;flex-direction:column;gap:26px;padding:35px;text-align:left;background:var(--paper) url('assets/paper.png') center/cover;color:var(--ink);border-radius:3px;transform:rotate(5deg);box-shadow:5px 9px 0 #e4e3de,8px 15px 22px #253d5c20;transition:transform .35s ease}
.contact-note:before{content:'';position:absolute;left:35%;top:-22px;width:35%;height:45px;background:url('assets/tape.png') center/contain no-repeat;pointer-events:none}
.contact-note:hover{transform:rotate(2deg) translateY(-5px)}
.contact-note .note-label{font-size:9px;letter-spacing:.1em}.contact-note .hand{font-size:37px;line-height:1.2}.note-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1113;padding-top:17px;font-size:12px}.note-action span{font-size:28px;color:var(--coral)}
.team-grid h3{font-size:14px;line-height:1.4}.team-grid p{font-size:10px;line-height:1.7}
@media(max-width:1000px){.work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-layout{gap:35px}.method .steps{padding-left:22px;padding-right:22px}.contact-note{flex-basis:320px;padding:28px}}
@media(max-width:760px){
 .cinema-window{left:50%;top:50%;width:100%;height:100%;transform:translate3d(calc(-50% + var(--collapse)*6vw),calc(-50% - var(--collapse)*16svh),0) rotateZ(calc(var(--collapse)*-5deg)) scale(calc(1 - var(--collapse)*.47))}
 .cinema-window:after{border-width:10px;border-bottom-width:28px}.cinema-mark{bottom:8px}
 .work .project-grid{gap:30px 16px}.work .project-meta{padding-top:12px;gap:6px}.work .project-meta h3{font-size:16px;letter-spacing:-.04em}.work .project-arrow{font-size:18px}.work .project-kind{font-size:8px;letter-spacing:.02em}
 .method-documents{margin:38px 12px 15px 0}.method-documents .method-paperclip{left:22px;top:-62px;width:80px;height:100px}.method .steps{padding:30px 20px 15px}.method .steps summary{font-size:26px}.method .step-content{margin-left:0}.method-intro>p{font-size:12px}.method-sheet-back span{font-size:6px}
 .contact-main{flex-direction:column;align-items:stretch;gap:45px;margin:38px 0 45px}.contact h2{font-size:clamp(62px,16vw,100px)}.contact-note{flex:initial;width:min(100% - 20px,350px);align-self:flex-end;margin:0 12px 8px 0;padding:25px;gap:18px}.contact-note .hand{font-size:34px}.contact-note .note-label{font-size:8px}.contact-links{align-items:flex-start}.team-grid h3{font-size:13px}.team-grid p{font-size:10px}
 .reel-chapter span{font-size:7px;left:3px;right:2px}
}
@media(max-width:380px){.work .project-grid{grid-template-columns:1fr}.work .project-grid .project-card .project-image{aspect-ratio:4/5}.work .project-meta h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.contact-note,.contact-note:hover{transform:none}.work .project-image img{transition:none}.cinema-window{will-change:auto}}

.desk-caption .eyebrow{display:none}

/* Keep the video on its own composited plane inside the perspective scene (WebKit). */
.cinema-window video{position:absolute;inset:0;z-index:0;opacity:1;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cinema-shade{z-index:1}.cinema-window:after{z-index:2}.cinema-mark{z-index:3}


/* Full-bleed cover becomes the film's native portrait frame, without layout animation. */
.cinema-window{transform:translate3d(calc(-50% + var(--collapse)*24vw),calc(-50% - var(--collapse)*8svh),0) rotateZ(calc(var(--collapse)*-5deg)) scale(var(--frame-x,1),var(--frame-y,1))}
.cinema-window video{object-fit:contain;object-position:center;transform:translateZ(0) scaleX(var(--video-x,1)) scale(var(--video-zoom,1));transform-origin:center;will-change:transform}
@media(min-width:761px){.piece-blue{left:47%;top:33%}}
@media(max-width:760px){.cinema-window{transform:translate3d(calc(-50% + var(--collapse)*6vw),calc(-50% - var(--collapse)*16svh),0) rotateZ(calc(var(--collapse)*-5deg)) scale(var(--frame-x,1),var(--frame-y,1))}}
.cinema-window:after{border-left-width:calc(12px * var(--frame-inverse,1));border-right-width:calc(12px * var(--frame-inverse,1))}
.cinema-mark span{transform:scaleX(var(--frame-inverse,1));transform-origin:left center}.cinema-mark span:last-child{transform-origin:right center}