@import url('https://fonts.googleapis.com/css2?family=Anton&family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500&family=Oswald:wght@400;600&display=swap');
:root{--black:#070707;--ink:#11100e;--cream:#e8e1d5;--paper:#d8d0c1;--purple:#8d4cc5;--lime:#d8e744;--red:#b63d31;--mono:'IBM Plex Mono',monospace;--serif:'DM Serif Display',Georgia,serif;--cond:'Anton','Arial Narrow',sans-serif;--sans:'Oswald',Arial,sans-serif;--px:0;--py:0;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--cream);font-family:var(--mono);overflow-x:hidden;cursor:none}button,input,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}img{display:block}.grain{position:fixed;z-index:100;inset:0;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}.focus-cursor{position:fixed;z-index:120;width:44px;height:44px;border:1px solid var(--lime);pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}.focus-cursor:before,.focus-cursor:after{content:"";position:absolute;background:var(--lime)}.focus-cursor:before{width:8px;height:1px;left:-4px;top:50%;box-shadow:44px 0 var(--lime)}.focus-cursor:after{height:8px;width:1px;left:50%;top:-4px;box-shadow:0 44px var(--lime)}.focus-cursor i{position:absolute;inset:13px;border:1px solid var(--purple);border-radius:50%}.focus-cursor.hot{width:68px;height:68px;background:#d8e74412}.loader{position:fixed;z-index:200;inset:0;background:#050505;display:grid;place-content:center;justify-items:center;transition:transform 1s cubic-bezier(.76,0,.24,1)}.loader.done{transform:translateY(-105%)}.loader>span{font:100px/.8 var(--serif);color:var(--cream)}.loader>div{width:210px;height:2px;background:#292824;margin:28px 0 14px;overflow:hidden}.loader i{display:block;height:100%;background:var(--lime);animation:load 1.5s ease forwards}.loader small{letter-spacing:.18em;color:#777;font-size:9px;text-transform:uppercase}@keyframes load{from{width:0}to{width:100%}}
.nav-shell{position:fixed;z-index:90;left:0;top:0;right:0;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;transition:.35s}.nav-shell.scrolled{background:#090909d8;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1a}.wordmark{display:flex;align-items:center;gap:11px}.wordmark img{width:46px;height:46px;object-fit:contain}.wordmark b{font:23px/.8 var(--cond);letter-spacing:.07em}.wordmark small{display:block;color:var(--lime);font:8px/1.8 var(--mono);letter-spacing:.42em}.nav-shell nav{display:flex;gap:58px}.nav-shell nav a{font-size:10px;letter-spacing:.15em;transition:.25s}.nav-shell nav sup{color:var(--purple);font-size:7px}.nav-shell nav a:hover{color:var(--lime)}.nav-actions{display:flex;align-items:center;gap:20px}.sound{border:0;background:none;font-size:8px;letter-spacing:.13em;display:flex;align-items:center;gap:8px}.sound i{width:13px;height:13px;border:1px solid var(--lime);border-radius:50%}.sound[aria-pressed=true] i{background:var(--lime);box-shadow:0 0 18px var(--lime)}.menu{display:none;background:none;border:0;width:38px}.menu i{display:block;height:1px;background:var(--cream);margin:8px}.mobile-menu{display:none}
.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;perspective:1200px;background:radial-gradient(ellipse at 50% 58%,#201626 0,#0c0b0d 37%,#070707 69%)}.hero-type{position:absolute;z-index:1;left:-1.2vw;width:102.4vw;color:var(--cream);font:clamp(120px,17.2vw,330px)/.7 var(--serif);letter-spacing:-.055em;white-space:nowrap;pointer-events:none;transition:transform .15s linear}.hero-type-top{top:-1.3vw;transform:translateX(calc(var(--scroll)*-34px))}.hero-type-bottom{bottom:-1.3vw;transform:translateX(calc(var(--scroll)*34px))}.hero-meta{position:absolute;z-index:4;left:4vw;top:24%;font-size:10px;letter-spacing:.13em}.hero-meta i{display:block;width:190px;height:2px;background:var(--lime);margin-top:9px;transform:rotate(-2deg);box-shadow:45px 5px 0 -1px var(--lime)}.stage-light{position:absolute;z-index:2;left:50%;top:18%;width:44vw;height:62vh;transform:translateX(-50%);background:radial-gradient(ellipse,#8651b933 0,#4932611c 38%,transparent 70%);filter:blur(12px)}.stage-floor{position:absolute;z-index:2;left:27%;right:27%;bottom:18%;height:9%;background:#050505;border-radius:50%;filter:blur(13px);box-shadow:0 0 90px #9b633a26}
.film{position:absolute;z-index:4;height:202px;width:66vw;top:43%;filter:drop-shadow(0 22px 24px #000);transform-style:preserve-3d;touch-action:none}.film-a{left:-22vw;transform:rotateY(15deg) rotateZ(3deg) translate3d(calc(var(--scroll)*-70px),-28px,-40px)}.film-b{right:-22vw;transform:rotateY(-15deg) rotateZ(-3deg) translate3d(calc(var(--scroll)*70px),28px,-40px)}.film-track{height:100%;width:max-content;display:flex;gap:0;padding:28px 0;background:#100e0c;position:relative;will-change:transform}.film-track:before,.film-track:after{content:"";position:absolute;left:0;right:0;height:16px;background:radial-gradient(circle,#080706 4px,transparent 5px) 0 0/27px 16px}.film-track:before{top:5px}.film-track:after{bottom:5px}.frame{width:246px;height:146px;padding:0;border:1px solid #4b3f31;background:#17130f;position:relative;overflow:hidden;flex:none;cursor:none}.frame>span{position:absolute;z-index:3;top:5px;left:7px;color:#d2a970;font-size:7px}.frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.12);transition:.5s}.frame b{position:absolute;z-index:3;bottom:7px;left:8px;font:12px var(--cond);letter-spacing:.05em;text-shadow:0 2px 8px #000}.frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080706bc,transparent 55%)}.frame:hover img{transform:scale(1.08);filter:saturate(1)}
.mascot-wrap{position:absolute;z-index:8;left:50%;top:50%;width:clamp(350px,34vw,590px);aspect-ratio:1;transform:translate(-50%,-46%);pointer-events:none}.mascot-shadow{position:absolute;left:13%;right:13%;bottom:1%;height:12%;background:#000;border-radius:50%;filter:blur(17px);opacity:.85;transform:translate(calc(var(--px)*-9px),calc(var(--py)*4px))}.mascot-rig{position:absolute;inset:0;animation:idle 4.3s ease-in-out infinite;transform-style:preserve-3d;filter:drop-shadow(0 25px 28px #000)}.m-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform;transform-origin:center}.m-back{filter:brightness(.52) blur(2px);transform:translate(calc(var(--px)*-12px),calc(var(--py)*-9px)) scale(1.01);clip-path:polygon(70% 20%,100% 20%,100% 95%,55% 95%,55% 55%)}.m-body{transform:translate(calc(var(--px)*3px),calc(var(--py)*2px));clip-path:polygon(10% 33%,90% 33%,88% 78%,67% 92%,30% 91%,11% 73%)}.m-scarf{transform:translate(calc(var(--px)*-8px),calc(var(--py)*-5px)) translateZ(18px);clip-path:polygon(15% 62%,100% 52%,100% 100%,18% 100%)}.m-hat{transform:translate(calc(var(--px)*10px),calc(var(--py)*7px)) rotate(calc(var(--px)*.4deg)) translateZ(35px);clip-path:polygon(0 0,100% 0,100% 48%,0 48%)}.m-front{transform:translate(calc(var(--px)*6px),calc(var(--py)*4px)) translateZ(44px);clip-path:polygon(21% 37%,78% 35%,81% 77%,70% 90%,57% 80%,38% 79%,28% 91%,15% 67%)}.mascot-glint{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff8;filter:blur(4px);top:21%;left:61%;animation:glint 3.2s ease-in-out infinite}@keyframes idle{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-13px) rotate(.5deg)}}@keyframes glint{0%,75%,100%{opacity:0;transform:scale(.2)}82%{opacity:1;transform:scale(1.7)}}
.drag-note{position:absolute;z-index:10;left:5.5vw;bottom:27%;color:var(--lime);font:italic 12px var(--mono);transform:rotate(-3deg)}.drag-note i{display:block;width:150px;height:1px;background:var(--lime);margin-top:11px;position:relative}.drag-note i:before,.drag-note i:after{content:"";position:absolute;width:8px;height:8px;border-left:1px solid var(--lime);border-bottom:1px solid var(--lime);top:-4px}.drag-note i:before{left:0;transform:rotate(45deg)}.drag-note i:after{right:0;transform:rotate(225deg)}.timecode{position:absolute;z-index:10;right:4.5vw;bottom:26%;display:grid;grid-template-columns:auto auto;gap:3px 12px}.timecode button{grid-row:1/3;background:0;border:0;color:var(--cream)}.timecode b{color:var(--purple);font-size:17px}.timecode small{font-size:9px}.credits{position:absolute;z-index:10;left:4.5vw;bottom:5.5%;display:flex;flex-direction:column;font-size:7px;line-height:1.7;color:#aaa}.scroll-cue{position:absolute;z-index:10;right:6vw;bottom:4.5%;font-size:8px;color:var(--lime);border:1px solid var(--lime);border-radius:50%;padding:8px 14px;transform:rotate(-8deg)}.scroll-cue i{position:absolute;left:50%;top:110%;height:42px;width:1px;background:linear-gradient(var(--lime),transparent)}
.work{background:var(--paper);color:var(--ink);min-height:100svh;padding:110px 0 95px;overflow:hidden;position:relative}.section-head{padding:0 5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}.section-head p{margin:0;letter-spacing:0;max-width:340px;font-size:11px}.work-title{font:clamp(90px,13vw,230px)/.85 var(--cond);letter-spacing:-.03em;margin:28px 0 -16px;padding-left:4.5vw;white-space:nowrap}.reel-browser{overflow:hidden;touch-action:none;cursor:none}.reel-track{display:flex;width:max-content;gap:1.7vw;padding:0 5vw 50px;will-change:transform}.project{width:min(54vw,720px);flex:none;outline:0}.project figure{height:min(48vw,570px);margin:0;overflow:hidden;background:#111;clip-path:polygon(0 3%,97% 0,100% 96%,2% 100%)}.project img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transition:.7s}.project:hover img,.project:focus img{transform:scale(1.045);filter:saturate(1)}.project>span{display:block;margin-top:16px;font-size:8px}.project h2{font:clamp(42px,5vw,76px)/.85 var(--cond);margin:9px 0}.reel-controls{margin:0 5vw;border-top:1px solid #756e64;padding-top:18px;display:flex;align-items:center;gap:16px;font-size:8px}.reel-controls i{height:1px;flex:1;background:#746c60}.reel-controls span{color:var(--purple)}
.desk{height:1450px;position:relative;overflow:hidden;color:#111;background-color:#141414;background-image:radial-gradient(circle at 20% 30%,#ffffff0c,transparent 24%),repeating-linear-gradient(95deg,#ffffff06 0 1px,transparent 1px 7px);perspective:1300px}.desk:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 170px #000}.desk-nav{position:absolute;z-index:5;top:4%;left:4%;right:4%;display:flex;justify-content:space-between;color:var(--cream);font-size:9px;letter-spacing:.15em}.desk-nav span{border:1px solid #777;padding:12px 22px;background:#151515;box-shadow:inset 0 0 0 4px #282828}.prop{position:absolute;z-index:2;filter:drop-shadow(12px 17px 14px #0008);transition:transform .45s cubic-bezier(.2,.7,.2,1)}.prop:hover{z-index:8}.notebook{left:-2%;top:10%;width:28%;height:42%;background:#101112;border:10px solid #0a0a0a;transform:rotate(3deg);color:var(--lime);padding:4% 3%}.notebook img{width:36%;filter:saturate(.7)}.notebook>span{display:inline-block;background:#b1a78e;color:#222;padding:4px 18px;transform:rotate(-6deg);margin:25px}.notebook p{font-size:12px;line-height:2;transform:rotate(-4deg)}.call-sheet{left:24%;top:9%;width:47%;min-height:570px;background:#d8d0c2;padding:42px 54px;transform:rotate(-2deg)}.call-sheet:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#8e887d55 49%,transparent 50%),radial-gradient(circle at 78% 53%,#68472b35 0 5%,transparent 6%);pointer-events:none}.call-sheet>span{font-size:8px;letter-spacing:.13em}.call-sheet h2{font:clamp(72px,8.3vw,130px)/.76 var(--cond);color:var(--purple);margin:45px 0 20px;letter-spacing:-.035em}.call-sheet>p{font:bold 14px var(--mono)}.call-sheet u{text-decoration-color:var(--lime);text-decoration-thickness:5px}.call-sheet small{display:block;margin-top:30px;max-width:470px;line-height:1.7}.polaroids{right:-3%;top:8%;width:33%;height:45%;transform:rotate(3deg)}.polaroids button{position:absolute;width:77%;padding:9px 9px 27px;border:0;background:#d8d2c6;box-shadow:5px 8px 15px #0008;transition:.35s}.polaroids button:nth-child(1){top:0;left:8%;transform:rotate(5deg)}.polaroids button:nth-child(2){top:30%;left:0;transform:rotate(-4deg)}.polaroids button:nth-child(3){top:58%;left:14%;transform:rotate(3deg)}.polaroids button:hover{transform:rotate(0) scale(1.05);z-index:5}.polaroids img{width:100%;aspect-ratio:16/8.7;object-fit:cover}.polaroids span{font-size:7px;display:block;margin-top:6px}.mini-mascot{left:29%;top:49%;width:160px;transform:rotate(-3deg)}.mini-mascot img{width:100%;position:relative;animation:idle 4s ease-in-out infinite}.mini-shadow{position:absolute;width:70%;height:12%;bottom:4%;left:15%;background:#000;border-radius:50%;filter:blur(8px)}.mini-mascot span{display:block;color:var(--lime);font-size:7px;text-align:center}.service-tape{left:39%;top:55%;width:45%;background:#b4a98d;padding:17px 25px;transform:rotate(1deg);clip-path:polygon(1% 0,99% 3%,98% 95%,1% 100%)}.service-tape>span{position:absolute;top:-20px;font-size:12px;transform:rotate(-3deg)}.service-tape>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-tape b{font:30px var(--sans);color:var(--purple);text-align:center}.service-tape small{display:block;font:7px/1.4 var(--mono);color:#191919}.process-notes{left:6%;top:63%;width:29%;background:#a6a05e;padding:28px;transform:rotate(-4deg);clip-path:polygon(2% 0,100% 3%,97% 98%,0 96%)}.process-notes>span{font-size:10px;color:var(--red)}.process-notes ol{list-style:none;padding:0;margin:20px 0 0}.process-notes li{display:grid;grid-template-columns:35px 1fr;border-top:1px solid #555533;padding:12px 0;font:20px var(--cond)}.process-notes li b{color:var(--purple)}.process-notes small{grid-column:2;font:8px var(--mono)}.contact-sheet{right:6%;bottom:6%;width:55%;background:var(--paper);padding:38px 44px;transform:rotate(1deg)}.contact-sheet>span{font-size:8px;letter-spacing:.14em}.contact-sheet h2{font:clamp(47px,5.6vw,84px)/.84 var(--cond);margin:25px 0;color:#141414}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-sheet label{display:flex;flex-direction:column;gap:5px;font-size:8px}.contact-sheet input,.contact-sheet textarea{border:0;border-bottom:1px solid #59564f;background:transparent;border-radius:0;padding:8px 2px;resize:none;outline:0}.contact-sheet input:focus,.contact-sheet textarea:focus{border-color:var(--purple)}.contact-sheet>button{margin-top:20px;border:0;background:var(--purple);color:white;padding:13px 20px;font-size:9px}.contact-sheet>button b{margin-left:35px}.form-status{font-size:8px;color:#3c6535}.film-roll{left:1%;bottom:1%;width:330px;height:330px;border-radius:50%;border:20px solid #272727;background:#0c0c0c;transform:rotateX(63deg) rotateZ(13deg)}.film-roll i{position:absolute;width:62px;height:62px;background:#111;border-radius:50%;left:calc(50% - 31px);top:calc(50% - 31px);transform:rotate(calc(var(--i)*72deg)) translateY(-86px)}.film-roll i:nth-child(1){--i:0}.film-roll i:nth-child(2){--i:1}.film-roll i:nth-child(3){--i:2}.film-roll i:nth-child(4){--i:3}.film-roll i:nth-child(5){--i:4}
footer{min-height:125px;border-top:1px solid #292929;display:flex;align-items:center;justify-content:space-between;padding:25px 4vw;font-size:8px;letter-spacing:.12em}footer>div{display:flex;gap:25px}footer b{color:var(--lime)}.reveal{opacity:0;transform:translateY(30px) rotate(var(--r,0));transition:opacity .8s,transform .8s}.reveal.visible{opacity:1}.project-modal{width:min(980px,92vw);padding:0;border:1px solid #817660;background:#111;color:var(--cream);box-shadow:0 45px 140px #000}.project-modal::backdrop{background:#050505e8;backdrop-filter:blur(8px)}.project-modal>img{width:100%;height:52vh;object-fit:cover}.project-modal>div{padding:34px}.project-modal>span{position:absolute;left:16px;top:15px;background:#0b0b0bcc;padding:8px;font-size:7px}.project-modal h2{font:clamp(46px,7vw,90px)/.85 var(--cond);margin:10px 0}.project-modal p{color:#aaa}.project-modal a{color:var(--lime);font-size:10px}.modal-close{position:absolute;z-index:3;right:16px;top:12px;border:0;background:#0b0b0bcc;color:var(--lime);font-size:35px}
@media(max-width:900px){body{cursor:auto}.focus-cursor{display:none}.nav-shell{height:72px;padding:0 5vw}.nav-shell nav,.sound{display:none}.menu{display:block}.mobile-menu{position:fixed;z-index:85;inset:0;background:#0b0b0b;display:flex;flex-direction:column;justify-content:center;padding:9vw;transform:translateY(-110%);transition:.6s cubic-bezier(.76,0,.24,1)}.mobile-menu.open{transform:none}.mobile-menu a{font:17vw/.9 var(--serif);border-bottom:1px solid #333}.mobile-menu span{margin-top:30px;color:var(--lime);font-size:8px}.hero{min-height:760px}.hero-type{font-size:28vw}.hero-type-top{top:10%}.hero-type-bottom{bottom:8%}.hero-meta{top:17%;font-size:7px}.film{width:108vw;height:145px;top:47%;opacity:.78}.film-a{left:-65vw}.film-b{right:-65vw}.frame{width:185px;height:96px}.mascot-wrap{width:min(92vw,520px);top:52%}.drag-note,.credits{display:none}.timecode{bottom:17%;right:5vw}.stage-floor{left:8%;right:8%;bottom:20%}.work{padding-top:85px}.section-head p{display:none}.work-title{font-size:18vw;margin-bottom:20px}.project{width:83vw}.project figure{height:65vw}.desk{height:auto;min-height:0;padding:110px 5vw 80px;display:flex;flex-direction:column;gap:28px}.desk:after{position:fixed}.desk-nav{top:35px}.prop{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;transform:rotate(0)!important}.notebook,.film-roll{display:none}.call-sheet{min-height:0;padding:35px 25px;order:1}.call-sheet h2{font-size:19vw}.polaroids{order:2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.polaroids button{position:relative;width:100%;left:auto!important;top:auto!important;transform:rotate(0)!important}.polaroids button:nth-child(3){grid-column:1/-1}.mini-mascot{order:3;max-width:180px;align-self:center}.service-tape{order:4}.process-notes{order:5}.contact-sheet{order:6;padding:32px 24px}.service-tape>div{grid-template-columns:1fr 1fr;gap:20px}.form-row{grid-template-columns:1fr}footer{flex-direction:column;gap:20px;text-align:center}.project-modal>img{height:35vh}}
@media(max-width:520px){.wordmark b{font-size:18px}.wordmark img{width:38px}.hero{min-height:700px}.film{top:46%}.film-a{transform:rotateZ(5deg) translate3d(calc(var(--scroll)*-40px),-45px,-40px)}.film-b{transform:rotateZ(-5deg) translate3d(calc(var(--scroll)*40px),45px,-40px)}.mascot-wrap{top:51%}.hero-type-bottom{bottom:10%}.timecode{bottom:20%}.project h2{font-size:12vw}.contact-sheet h2{font-size:14vw}.service-tape{padding:20px 12px}.section-head{padding:0 5vw}.reel-controls{margin:0 5vw}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.m-layer{transform:none!important}.reveal{opacity:1}.film-track,.reel-track{transform:none!important}}

/* Readable final composition */
.nav-brief{display:inline-flex;align-items:center;gap:22px;border:1px solid #9b6ac5;padding:12px 18px;font:10px var(--mono);letter-spacing:.08em;background:#8d4bb7;color:#fff;transition:transform .25s,background .25s}.nav-brief:hover{background:var(--lime);color:#111;transform:translateY(-2px)}
.hero-type{left:4vw;width:92vw;font-size:clamp(92px,12.8vw,220px);line-height:.86;letter-spacing:-.045em}.hero-type-top{top:10%;transform:translateX(calc(var(--scroll)*-24px))}.hero-type-bottom{bottom:4.5%;transform:translateX(calc(var(--scroll)*24px))}.hero-meta{top:31%;font-size:11px}.credits{font-size:9px}.frame span,.frame b{font-size:9px}.drag-note{font-size:13px}.timecode b{font-size:12px;letter-spacing:.09em}.timecode small{font-size:10px}
.mascot-wrap{width:clamp(360px,32vw,560px);transform:translate(-50%,-47%)}.m-back{clip-path:none;opacity:.26;filter:brightness(.25) blur(9px);transform:translate(calc(var(--px)*-4px),calc(var(--py)*-3px)) scale(1.035)}.m-body{clip-path:none;transform:translate(calc(var(--px)*1.5px),calc(var(--py)*1px))}.m-scarf{opacity:.23;transform:translate(calc(var(--px)*-3px),calc(var(--py)*-2px)) translateZ(12px);clip-path:polygon(0 62%,100% 52%,100% 100%,0 100%)}.m-hat{opacity:.28;transform:translate(calc(var(--px)*4px),calc(var(--py)*3px)) rotate(calc(var(--px)*.12deg)) translateZ(20px);clip-path:polygon(0 0,100% 0,100% 43%,0 43%)}.m-front{opacity:.18;transform:translate(calc(var(--px)*2px),calc(var(--py)*1.5px)) translateZ(24px);clip-path:polygon(18% 36%,82% 36%,84% 79%,16% 79%)}
.work-title{font-size:clamp(82px,11vw,185px);line-height:1;margin:28px 0 4px}.section-head,.project>span,.reel-controls{font-size:10px}.section-head p{font-size:13px;line-height:1.5}

/* The Grapeseed Sheriffs */
.sheriffs{position:relative;min-height:1050px;overflow:hidden;background:#0d0c0f;color:var(--cream);border-top:1px solid #ffffff17}.sheriffs:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 60%,#6e3a9133 0 20%,transparent 52%),linear-gradient(110deg,transparent 0 47%,#ffffff06 48%,transparent 49%);pointer-events:none}.sheriffs-head{position:absolute;z-index:5;left:5vw;top:9%;max-width:560px}.sheriffs-head>span{font:11px var(--mono);letter-spacing:.12em;color:var(--lime)}.sheriffs-head h2{font:clamp(66px,7.2vw,118px)/.8 var(--cond);letter-spacing:-.035em;margin:24px 0}.sheriffs-head h2 em{font-style:normal;color:var(--purple)}.sheriffs-head p{max-width:430px;font-size:15px;line-height:1.65;color:#c5c0b8}.sheriffs-stage{position:absolute;z-index:3;inset:7% 3% 0}.sheriffs-stage>img{position:absolute;z-index:3;left:50%;bottom:-2%;width:min(46vw,720px);height:82%;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 35px 35px #000);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.sheriffs-stage:hover>img{transform:translateX(-50%) translateY(-8px)}.sheriff-glow{position:absolute;left:50%;bottom:2%;width:min(52vw,820px);height:60%;transform:translateX(-50%);background:radial-gradient(ellipse,#8f52c934,transparent 65%);filter:blur(15px)}.sheriff-reel{position:absolute;z-index:1;left:-5%;right:-5%;top:49%;height:210px;border:16px solid #171411;border-left:0;border-right:0;transform:rotate(-2deg);background:repeating-linear-gradient(90deg,#050505 0 24px,#27201a 25px 42px,#050505 43px 62px);opacity:.72}.sheriff-reel:before,.sheriff-reel:after{content:"";position:absolute;left:0;right:0;height:18px;background:repeating-linear-gradient(90deg,#050505 0 18px,transparent 18px 34px)}.sheriff-reel:before{top:8px}.sheriff-reel:after{bottom:8px}.sheriff-file{position:absolute;z-index:5;bottom:8%;width:310px;padding:21px 23px;text-align:left;color:#171413;background:#d8d0c1;border:0;box-shadow:10px 14px 24px #0008;clip-path:polygon(2% 0,98% 2%,100% 94%,0 100%);transition:transform .3s}.sheriff-file:hover{transform:translateY(-7px) rotate(0)!important}.sheriff-file.philip{left:2%;transform:rotate(-2deg)}.sheriff-file.adam{right:2%;transform:rotate(2deg)}.sheriff-file small{display:block;font:10px var(--mono);color:#6f4b83}.sheriff-file b{display:block;font:38px/1 var(--cond);margin:11px 0}.sheriff-file span{display:block;font:12px/1.5 var(--mono)}.sheriff-file i{display:block;margin-top:10px;color:#6e348d;font-style:normal}

/* Bespoke Grapeseed service marks */
.service-tape b{display:flex;flex-direction:column;align-items:center;gap:9px}.service-tape small{font-size:9px;line-height:1.45}.g-icon{display:block;position:relative;width:42px;height:34px;color:var(--purple)}.g-icon,.g-icon:before,.g-icon:after,.g-icon u,.g-icon u:before,.g-icon u:after{box-sizing:border-box}.icon-film{border:3px solid currentColor;border-radius:3px}.icon-film:before,.icon-film:after{content:"";position:absolute;left:4px;right:4px;height:3px;border-left:4px dotted currentColor;border-right:4px dotted currentColor}.icon-film:before{top:3px}.icon-film:after{bottom:3px}.icon-film u{position:absolute;left:13px;top:9px;width:14px;height:12px;border-left:8px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.icon-pencil:before{content:"";position:absolute;width:33px;height:9px;border:3px solid currentColor;transform:rotate(-42deg);left:4px;top:12px}.icon-pencil:after{content:"";position:absolute;border-right:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:rotate(-42deg);right:0;top:3px}.icon-story:before,.icon-story:after{content:"";position:absolute;width:28px;height:23px;border:3px solid currentColor}.icon-story:before{left:2px;top:7px}.icon-story:after{right:2px;top:1px;background:#b4a98d}.icon-story u{position:absolute;z-index:2;right:8px;top:8px;width:13px;height:2px;background:currentColor;box-shadow:0 6px currentColor,0 12px currentColor}.icon-cut:before,.icon-cut:after{content:"";position:absolute;left:18px;top:3px;width:4px;height:34px;background:currentColor;border-radius:4px;transform:rotate(42deg)}.icon-cut:after{transform:rotate(-42deg)}.icon-cut u:before,.icon-cut u:after{content:"";position:absolute;width:11px;height:11px;border:3px solid currentColor;border-radius:50%;bottom:0}.icon-cut u:before{left:1px}.icon-cut u:after{right:1px}
.call-sheet>span,.call-sheet small,.polaroids span,.mini-mascot span,.process-notes small,.contact-sheet>span,.contact-sheet label,.form-status{font-size:10px}.call-sheet small{font-size:13px}.contact-sheet label{gap:8px}.contact-sheet input,.contact-sheet textarea{font-size:15px}.contact-sheet>button{font-size:11px}.desk-nav{font-size:10px}.service-tape{top:49%}.credits{display:none}

@media(max-width:900px){.nav-brief{display:none}.hero-type{left:5vw;width:90vw;font-size:21vw;line-height:.92}.hero-type-top{top:14%}.hero-type-bottom{bottom:8%}.hero-meta{top:28%;font-size:9px}.mascot-wrap{width:min(78vw,500px);top:51%}.credits{display:none}.timecode{bottom:17%}.work-title{font-size:17vw;white-space:normal;line-height:.86}.sheriffs{min-height:0;padding:90px 5vw 70px}.sheriffs-head,.sheriffs-stage{position:relative;left:auto;right:auto;top:auto;bottom:auto;inset:auto}.sheriffs-head{max-width:none}.sheriffs-head h2{font-size:17vw}.sheriffs-head p{font-size:14px}.sheriffs-stage{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:min(110vw,650px)}.sheriffs-stage>img{top:0;bottom:auto;width:min(92vw,590px);height:min(110vw,650px)}.sheriff-file{position:relative;left:auto!important;right:auto!important;bottom:auto;width:100%;padding:18px 16px;transform:rotate(0)!important}.sheriff-file b{font-size:30px}.sheriff-file span{font-size:10px}.sheriff-reel{top:43%;height:150px}.service-tape small{font-size:9px}.desk-nav{font-size:9px}}
@media(max-width:520px){.hero-type-top{top:16%;font-size:15.5vw}.hero-type-bottom{bottom:10%;font-size:20vw}.hero-meta{top:29%}.mascot-wrap{width:84vw}.timecode{bottom:18%}.sheriffs-stage{grid-template-columns:1fr;padding-top:125vw}.sheriffs-stage>img{height:125vw}.sheriff-file b{font-size:34px}.service-tape>div{grid-template-columns:1fr 1fr}.g-icon{transform:scale(.9)}}

/* V3 — calm typography, purposeful interaction, no overlapping props */
.nav-shell nav a{font-size:12px}.nav-shell nav sup{font-size:9px}.wordmark small{font-size:9px}.hero-meta,.credits,.frame span,.frame b,.timecode small,.section-head,.project>span,.reel-controls,.sheriffs-head>span,.sheriff-file small{font-size:12px}.project h2{line-height:.98}.work-title{line-height:1.02}.project:hover img,.project:focus img{transform:none;filter:saturate(.85) contrast(1.05)}.project figure{position:relative}.client-mark{position:absolute!important;z-index:3;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 8px 12px #0008)!important;transform:none!important}.blackbeard-mark{right:24px;top:22px;max-width:74px}.concards-mark{right:16px;bottom:14px;max-width:170px;background:#f4efe6e8;padding:7px;clip-path:polygon(2% 0,100% 4%,96% 100%,0 96%)}

.style-lab{background:#111017;color:var(--cream);padding:120px 5vw;display:grid;grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);gap:5vw;align-items:start;border-top:1px solid #ffffff14}.style-copy>span,.edge-copy>span{display:block;color:var(--lime);font:bold 12px var(--mono);letter-spacing:.13em}.style-copy h2,.edge-copy h2{font:clamp(64px,6.2vw,106px)/.94 var(--cond);letter-spacing:-.025em;margin:24px 0}.style-copy h2 em{font-style:normal;color:var(--purple)}.style-copy p,.edge-copy p{font-size:17px;line-height:1.65;color:#c9c4bc;max-width:520px}.style-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.style-tabs button{min-height:92px;border:1px solid #48424f;background:#17151c;color:var(--cream);padding:13px 15px;text-align:left;transition:background .2s,border-color .2s}.style-tabs button.active{background:var(--cream);color:#121015;border-color:var(--lime)}.style-tabs small{display:block;font:11px var(--mono);color:var(--purple);margin-bottom:14px}.style-tabs b{font:clamp(22px,2vw,34px)/1 var(--cond)}.style-stage figure{position:relative;margin:0;overflow:hidden;background:#09090a;aspect-ratio:16/9}.style-visual{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s}.style-visual.switching{opacity:0}.style-stage figcaption{position:absolute;left:18px;bottom:16px;background:#0b090dde;color:var(--lime);padding:10px 13px;font:12px var(--mono);letter-spacing:.1em}.style-route{display:flex;align-items:center;gap:14px;margin-top:18px;font:12px var(--mono);color:#aaa}.style-route i{height:1px;flex:1;background:#604176}.style-route strong{color:var(--cream);white-space:nowrap}

.edge{padding:120px 5vw;background:#0c0b0f;color:var(--cream);display:grid;grid-template-columns:1.15fr .9fr .75fr;gap:5vw;align-items:center;border-top:1px solid #ffffff12}.edge-copy h2{font-size:clamp(60px,5.5vw,96px)}.edge-points{list-style:none;margin:0;padding:0}.edge-points li{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:22px 0;border-top:1px solid #ffffff24}.edge-points li>b{display:grid;place-items:center;width:40px;height:40px;background:#2b1740;color:var(--purple);font:16px var(--cond)}.edge-points strong,.edge-points span{display:block}.edge-points strong{font-size:17px;margin-bottom:7px}.edge-points span{font-size:14px;line-height:1.5;color:#bdb7b0}.edge-stat{border:1px solid #554c59;min-height:260px;display:grid;place-content:center;text-align:center;background:#17141d}.edge-stat b{font:clamp(72px,7vw,118px)/1 var(--cond);color:var(--purple)}.edge-stat span{font:13px var(--mono);letter-spacing:.08em;color:#bdb7b0}

.desk{height:auto!important;min-height:0!important;padding:120px 5vw 130px;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);grid-template-areas:"nav nav" "call polaroids" "services services" "process contact";gap:42px 4vw;align-items:start;overflow:hidden}.desk>.prop,.desk>.contact-sheet{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;transform:none!important;transition:none!important}.desk-nav{grid-area:nav;position:relative;left:auto;right:auto;top:auto;font-size:12px;align-items:center}.desk-nav span{font-size:12px}.notebook,.film-roll,.mini-mascot{display:none!important}.call-sheet{grid-area:call;min-height:610px!important;padding:54px 58px}.call-sheet>span,.call-sheet small{font-size:12px}.call-sheet h2{font-size:clamp(68px,6.6vw,112px);line-height:.96;margin:52px 0 28px}.call-sheet>p{font-size:16px;line-height:1.45}.call-sheet small{font-size:15px;max-width:540px}.polaroids{grid-area:polaroids;display:grid;grid-template-columns:1fr;gap:16px}.polaroids button{position:relative!important;left:auto!important;top:auto!important;width:100%!important;padding:12px 12px 34px;transform:none!important;transition:none!important}.polaroids button:hover{transform:none!important}.polaroids img{aspect-ratio:16/8.6}.polaroids span{font-size:11px;margin-top:9px}.service-tape{grid-area:services;padding:30px 38px!important}.service-tape>span{position:relative;top:auto;display:block;margin-bottom:22px;font-size:15px}.service-tape>div{gap:28px}.service-tape b{gap:13px}.service-tape small{font-size:12px;line-height:1.45}.g-icon{width:52px;height:42px}.process-notes{grid-area:process;padding:40px!important}.process-notes>span{font-size:13px}.process-notes li{grid-template-columns:48px 1fr;padding:18px 0;font-size:28px;line-height:1.1}.process-notes small{font-size:13px;line-height:1.5;margin-top:5px}.contact-sheet{grid-area:contact;padding:44px 48px!important}.contact-sheet>span,.contact-sheet label,.form-status{font-size:12px}.contact-sheet h2{font-size:clamp(48px,4.1vw,72px);line-height:.98;letter-spacing:-.018em;margin:32px 0 38px}.contact-sheet input,.contact-sheet textarea{font-size:16px;padding:12px 2px}.contact-sheet>button{font-size:12px;padding:16px 22px}.prop:hover{z-index:2}.sheriffs-stage:hover>img{transform:translateX(-50%)}.sheriff-file:hover{transform:none!important}.sheriff-file.philip,.sheriff-file.adam{transform:none}.sheriff-file span{font-size:13px}.sheriff-file b{line-height:1}.project-modal>img,.project-modal>video{width:100%;height:min(56vh,620px);object-fit:contain;background:#050505}.project-modal>video{display:block}.project-modal>video[hidden],.project-modal>img[hidden]{display:none}.modal-alt{border:1px solid var(--purple);background:transparent;color:var(--cream);padding:13px 16px;font:12px var(--mono);margin:0 14px 0 0}.project-modal p{font-size:16px;line-height:1.55}.project-modal h2{line-height:1}

@media(max-width:1100px){.style-lab{grid-template-columns:1fr}.edge{grid-template-columns:1fr 1fr}.edge-copy{grid-column:1/-1}.edge-stat{min-height:220px}.desk{grid-template-columns:1fr 1fr}.call-sheet{min-height:550px!important}.contact-sheet h2{font-size:5.7vw}}
@media(max-width:900px){.hero-meta,.frame span,.frame b,.timecode small,.section-head,.project>span,.reel-controls{font-size:11px}.style-lab,.edge{padding:90px 5vw}.style-copy h2,.edge-copy h2{font-size:16vw;line-height:.94}.style-copy p,.edge-copy p{font-size:16px}.style-tabs{grid-template-columns:1fr 1fr}.style-tabs button{min-height:76px}.style-route{font-size:10px;gap:8px}.edge{grid-template-columns:1fr}.edge-copy{grid-column:auto}.edge-stat{min-height:200px}.desk{padding:100px 5vw 90px;display:grid!important;grid-template-columns:1fr;grid-template-areas:"nav" "call" "polaroids" "services" "process" "contact";gap:28px}.desk-nav{position:relative}.call-sheet{min-height:0!important;padding:38px 28px}.call-sheet h2{font-size:16vw;line-height:.98;margin:38px 0 24px}.call-sheet small{font-size:14px}.polaroids{grid-template-columns:1fr 1fr}.polaroids button:nth-child(3){grid-column:1/-1}.service-tape{padding:28px 20px!important}.service-tape>div{grid-template-columns:1fr 1fr}.process-notes{padding:32px 24px!important}.contact-sheet{padding:36px 24px!important}.contact-sheet h2{font-size:13vw;line-height:1}.project-modal>img,.project-modal>video{height:38vh}.project-modal p{font-size:14px}}
@media(max-width:520px){.style-tabs b{font-size:25px}.style-stage figure{aspect-ratio:4/3}.style-visual{object-position:center}.style-route{display:grid;grid-template-columns:auto 1fr auto 1fr auto}.style-route strong{font-size:9px}.edge-points strong{font-size:16px}.edge-points span{font-size:13px}.polaroids{grid-template-columns:1fr}.polaroids button:nth-child(3){grid-column:auto}.service-tape small{font-size:11px}.contact-sheet h2{font-size:12.5vw}.project-modal{padding:14px}.project-modal>div{padding:20px 8px}.project-modal h2{font-size:11vw}}

/* Visible style gallery and enlarged hero film */
.film{height:264px;width:74vw;top:40.5%}.film-track{padding:35px 0}.film-track:before,.film-track:after{height:19px;background-size:31px 19px}.frame{width:320px;height:194px}.frame b{font-size:15px}.frame>span{font-size:10px}.frame:hover img{transform:none}
.client-brand{position:absolute;z-index:4;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:11px;padding:10px 13px;box-shadow:0 10px 22px #0009;text-align:left}.client-brand>img{grid-row:1/3;width:auto!important;height:auto!important;object-fit:contain!important;transform:none!important;filter:none!important}.client-brand b{font:22px/1 var(--cond);letter-spacing:.04em}.client-brand small{font:9px var(--mono);letter-spacing:.08em}.blackbeard-brand{right:20px;top:18px;background:#101010;color:#fff;border:2px solid #d7d7d7}.blackbeard-brand>img{width:56px!important}.blackbeard-brand b{color:#f22}.concards-brand{right:18px;bottom:16px;background:#f4efe6;color:#101010;border:1px solid #c8b98c}.concards-brand>img{width:74px!important}.concards-brand b{color:#7b45a6}
.style-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.style-gallery .style-card{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;background:#09090a;border:1px solid #3f3945}.style-gallery .style-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .45s;filter:saturate(.86)}.style-gallery .style-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,#08070af2 34%);display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:end;transform:translateY(32%);transition:transform .3s}.style-gallery .style-card figcaption small{grid-row:1/3;color:var(--lime);font:12px var(--mono)}.style-gallery .style-card figcaption b{font:24px/1 var(--cond)}.style-gallery .style-card figcaption span{font:11px var(--mono);color:#c4beb7;opacity:0;transition:opacity .25s}.style-gallery .style-card:hover img{transform:scale(1.025);filter:saturate(1)}.style-gallery .style-card:hover figcaption{transform:none}.style-gallery .style-card:hover figcaption span{opacity:1}.style-gallery .style-route{grid-column:1/-1}
.polaroids{position:relative!important;display:block!important;height:640px!important;overflow:visible}.polaroids button{position:absolute!important;width:78%!important;transition:transform .32s!important}.polaroids button:nth-child(1){top:0!important;left:2%!important;transform:rotate(-3deg)!important}.polaroids button:nth-child(2){top:27%!important;left:20%!important;transform:rotate(4deg)!important}.polaroids button:nth-child(3){top:54%!important;left:7%!important;transform:rotate(-2deg)!important}.polaroids button:hover{z-index:7;transform:translateY(-10px) scale(1.055) rotate(0)!important}
@media(max-width:900px){.film{height:170px;width:112vw;top:45%}.frame{width:220px;height:118px}.film-track{padding:26px 0}.style-gallery{grid-template-columns:1fr 1fr}.polaroids{height:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px}.polaroids button,.polaroids button:nth-child(1),.polaroids button:nth-child(2),.polaroids button:nth-child(3){position:relative!important;top:auto!important;left:auto!important;width:100%!important;transform:none!important}.polaroids button:nth-child(3){grid-column:1/-1!important}}
@media(max-width:520px){.film{height:160px}.frame{width:205px;height:108px}.style-gallery{grid-template-columns:1fr}.style-gallery .style-card{aspect-ratio:16/10}.style-gallery .style-card figcaption{transform:none}.style-gallery .style-card figcaption span{opacity:1}.polaroids{grid-template-columns:1fr!important}.polaroids button:nth-child(3){grid-column:auto!important}.client-brand{padding:7px 9px}.client-brand b{font-size:18px}.blackbeard-brand>img{width:42px!important}.concards-brand>img{width:54px!important}}

/* Physical tabletop composition */
.style-lab{display:block;text-align:center}.style-copy{max-width:920px;margin:0 auto 64px}.style-copy p{margin-left:auto;margin-right:auto}.style-gallery{position:relative;display:block;height:920px;max-width:1440px;margin:0 auto;text-align:left}.style-gallery .style-card{position:absolute;width:48%;box-shadow:12px 18px 30px #0009;transition:transform .35s,z-index 0s}.style-gallery .style-card:nth-child(1){left:1%;top:4%;transform:rotate(-2deg)}.style-gallery .style-card:nth-child(2){right:1%;top:0;transform:rotate(2.3deg)}.style-gallery .style-card:nth-child(3){left:6%;top:46%;transform:rotate(1.7deg)}.style-gallery .style-card:nth-child(4){right:3%;top:48%;transform:rotate(-2.4deg)}.style-gallery .style-card:hover{z-index:8;transform:scale(1.045) rotate(0)}.style-gallery .style-route{position:absolute;left:2%;right:2%;bottom:0}
.desk{display:block!important;position:relative;height:1810px!important;padding:100px 4vw 80px!important}.desk-nav{position:relative!important;margin-bottom:55px}.desk>.call-sheet{position:absolute!important;z-index:3;left:20%!important;top:165px!important;width:60%!important;min-height:570px!important;padding:54px 7vw!important;text-align:center}.call-sheet h2{font-size:clamp(72px,6vw,108px);line-height:1;margin:46px 0 26px}.call-sheet small{margin-left:auto;margin-right:auto}.desk>.polaroids{position:absolute!important;z-index:4;right:1%!important;left:auto!important;top:250px!important;width:30%!important;height:620px!important}.desk>.service-tape{position:absolute!important;z-index:5;left:4%!important;top:790px!important;width:92%!important;background:transparent!important;padding:0!important;clip-path:none!important}.service-tape>span{display:block;text-align:center;color:var(--lime);font:13px var(--mono);letter-spacing:.12em;margin-bottom:30px}.service-tape>div{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:start}.service-tape b{min-height:285px;justify-content:center;padding:28px 22px;background:#d7cfbf;color:#17141c;box-shadow:10px 14px 24px #0008;clip-path:polygon(2% 0,99% 3%,97% 98%,0 95%)}.service-tape b:nth-child(1){transform:rotate(-2.2deg)}.service-tape b:nth-child(2){transform:rotate(1.5deg) translateY(12px)}.service-tape b:nth-child(3){transform:rotate(-1deg) translateY(-8px)}.service-tape b:nth-child(4){transform:rotate(2deg) translateY(8px)}.service-tape strong{font:28px/1 var(--cond);color:#17141c}.service-tape small{font:13px/1.55 var(--mono);color:#302b2a;max-width:210px}.service-icon{width:82px;height:82px;object-fit:contain;margin-bottom:12px}.desk>.process-notes{position:absolute!important;z-index:3;left:6%!important;top:1230px!important;width:39%!important;min-height:390px!important}.desk>.contact-sheet{position:absolute!important;z-index:3;right:5%!important;left:auto!important;top:1200px!important;width:49%!important;min-height:500px!important}.process-notes,.contact-sheet{box-shadow:12px 18px 28px #0008}.process-notes{transform:rotate(-2deg)!important}.contact-sheet{transform:rotate(1deg)!important}
@media(max-width:900px){.style-copy{text-align:left;margin-bottom:42px}.style-gallery{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.style-gallery .style-card,.style-gallery .style-card:nth-child(1),.style-gallery .style-card:nth-child(2),.style-gallery .style-card:nth-child(3),.style-gallery .style-card:nth-child(4){position:relative;left:auto;right:auto;top:auto;width:auto;transform:none}.style-gallery .style-route{position:relative;left:auto;right:auto;bottom:auto;grid-column:1/-1}.desk{height:auto!important;padding:90px 5vw!important;display:grid!important;grid-template-columns:1fr;grid-template-areas:"nav" "call" "polaroids" "services" "process" "contact";gap:30px}.desk>.call-sheet,.desk>.polaroids,.desk>.service-tape,.desk>.process-notes,.desk>.contact-sheet{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;min-height:0!important;transform:none!important}.desk>.call-sheet{grid-area:call;text-align:left;padding:38px 28px!important}.desk>.polaroids{grid-area:polaroids;height:auto!important}.desk>.service-tape{grid-area:services}.service-tape>div{grid-template-columns:1fr 1fr}.service-tape b{min-height:250px;transform:none!important}.desk>.process-notes{grid-area:process}.desk>.contact-sheet{grid-area:contact}.service-tape>span{text-align:left}}
@media(max-width:520px){.style-gallery{grid-template-columns:1fr}.service-tape>div{grid-template-columns:1fr}.service-tape b{min-height:230px}.service-tape strong{font-size:32px}.service-icon{width:74px;height:74px}}

/* Keep every visual language readable without requiring hover. */
.style-gallery{height:1880px;padding-bottom:92px}
.style-gallery .style-card{overflow:visible;background:#0b090e;padding:10px 10px 0;border:1px solid #5c5364;box-shadow:14px 20px 34px #000b}
.style-gallery .style-card img{aspect-ratio:16/9;object-fit:cover}
.style-gallery .style-card figcaption{position:relative;left:auto;right:auto;bottom:auto;min-height:100px;padding:14px 10px 16px;background:#0b090e;transform:none;display:grid;grid-template-columns:max-content 1fr;gap:5px 16px;align-items:center}
.style-gallery .style-card figcaption small{grid-row:1/3;color:#a650e6;font:bold 13px/1.25 var(--mono);letter-spacing:.08em;white-space:nowrap}
.style-gallery .style-card figcaption b{color:var(--lime);font:clamp(28px,2.1vw,40px)/.95 var(--cond);letter-spacing:.01em}
.style-gallery .style-card figcaption span{color:#f2ede4;font:15px/1.4 var(--mono);opacity:1}
.style-gallery .style-card:nth-child(1){left:17%;top:0;width:66%;transform:rotate(-.8deg);z-index:2}
.style-gallery .style-card:nth-child(2){left:0;top:37%;width:47%;transform:rotate(-2deg)}
.style-gallery .style-card:nth-child(3){right:0;top:36%;width:47%;transform:rotate(2deg)}
.style-gallery .style-card:nth-child(4){left:5%;top:67%;width:45%;transform:rotate(1.5deg)}
.style-gallery .style-card:nth-child(5){right:4%;top:66%;width:47%;transform:rotate(-1.8deg)}
.style-gallery .style-route{bottom:0}
@media(max-width:900px){.style-gallery{height:auto;padding-bottom:0}.style-gallery .style-card,.style-gallery .style-card:nth-child(1),.style-gallery .style-card:nth-child(2),.style-gallery .style-card:nth-child(3),.style-gallery .style-card:nth-child(4),.style-gallery .style-card:nth-child(5){position:relative;left:auto;right:auto;top:auto;width:auto;transform:none}.style-gallery .style-card figcaption{min-height:92px}.style-gallery .style-card figcaption b{font-size:30px}.style-gallery .style-card figcaption span{font-size:12px}}
@media(max-width:520px){.style-gallery .style-card{padding:7px 7px 0}.style-gallery .style-card figcaption{grid-template-columns:1fr;min-height:0;padding:12px 8px 15px}.style-gallery .style-card figcaption small{grid-row:auto}.style-gallery .style-card figcaption b{font-size:34px}.style-gallery .style-card figcaption span{font-size:13px}}

/* Real moving previews for client films. */
.project figure{position:relative}
.project-preview{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.08);transition:transform .7s,filter .7s}
.project:hover .project-preview,.project:focus .project-preview{transform:scale(1.045);filter:saturate(1)}
.preview-badge{position:absolute!important;z-index:5;right:18px;top:18px!important;margin:0!important;padding:11px 14px;background:#09080bd9;color:var(--lime);border:1px solid #d8e74499;font:bold 12px/1 var(--mono);letter-spacing:.08em;box-shadow:0 8px 25px #0008}
@media(max-width:520px){.preview-badge{right:10px;top:10px!important;padding:9px 10px;font-size:10px}}

/* Editorial copy is never treated as micro-text. */
.service-tape small{font-size:15px;line-height:1.5;max-width:250px}
.process-notes small{font-size:15px;line-height:1.5}
.contact-sheet>span,.contact-sheet label,.form-status{font-size:13px}
footer{font-size:11px}

/* V6 — fixed film wall: no horizontal drag, no clipped cards. */
.work{padding:110px 4vw 100px;overflow:hidden}
.work-title{font-size:clamp(88px,10vw,178px);margin:34px 0 44px;padding:0;white-space:normal;line-height:.9}
.reel-browser{overflow:visible;touch-action:auto;cursor:default}
.reel-track{width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:74px 3vw;padding:0 0 56px;transform:none!important}
.project{width:auto;min-width:0;cursor:pointer}
.project figure{height:auto;aspect-ratio:16/9;clip-path:polygon(0 2%,98% 0,100% 97%,1% 100%);box-shadow:0 20px 40px #554b3c35}
.project h2{font-size:clamp(48px,4.4vw,78px);margin-top:11px;max-width:100%}
.project>span{font-size:12px;margin-top:18px}
.project-preview{position:relative;z-index:1}
.inline-play{position:absolute;z-index:6;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%) rotate(-4deg);border:1px solid #d8e744;background:#0b090de8;color:var(--cream);border-radius:50%;display:grid;place-content:center;gap:7px;text-align:center;box-shadow:0 16px 45px #000b;transition:transform .25s,background .25s}
.inline-play:hover,.inline-play:focus-visible{transform:translate(-50%,-50%) rotate(0) scale(1.06);background:#6d3494;outline:2px solid var(--lime);outline-offset:4px}
.inline-play i{font:30px/1 var(--sans);color:var(--lime);font-style:normal}
.inline-play b{font:25px/1 var(--cond);letter-spacing:.04em}
.inline-play small{font:10px/1.3 var(--mono);color:#c9c2b8}
.inline-play[hidden]{display:none}
.client-brand{z-index:7}
.reel-controls{margin:0;padding-top:22px;font-size:12px}
@media(max-width:820px){.work{padding:85px 5vw 80px}.work-title{font-size:18vw;margin-bottom:32px}.reel-track{grid-template-columns:1fr;gap:54px}.project{width:auto}.project figure{height:auto}.inline-play{width:132px;height:132px}.inline-play b{font-size:21px}.project h2{font-size:15vw}.reel-controls{font-size:10px}}

/* V6 — photographic style wall with breathing room and zero overlap. */
.style-gallery{height:auto!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:62px 26px;padding:0!important;overflow:visible}
.style-gallery .style-card,.style-gallery .style-card:nth-child(1),.style-gallery .style-card:nth-child(2),.style-gallery .style-card:nth-child(3),.style-gallery .style-card:nth-child(4),.style-gallery .style-card:nth-child(5){position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;margin:0;z-index:auto;overflow:hidden;aspect-ratio:auto!important;transform:none!important}
.style-gallery .style-card img{height:auto!important;aspect-ratio:16/9}
.style-gallery .style-card:nth-child(1){grid-column:3/11}
.style-gallery .style-card:nth-child(2){grid-column:1/7;transform:rotate(-1deg)!important}
.style-gallery .style-card:nth-child(3){grid-column:7/13;transform:rotate(1deg)!important}
.style-gallery .style-card:nth-child(4){grid-column:2/7;transform:rotate(.7deg)!important}
.style-gallery .style-card:nth-child(5){grid-column:7/12;transform:rotate(-.8deg)!important}
.style-gallery .style-card:hover{z-index:auto;transform:translateY(-8px)!important}
.style-gallery .style-route{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;grid-column:1/-1;margin-top:0}
@media(max-width:900px){.style-gallery{grid-template-columns:1fr 1fr;gap:26px}.style-gallery .style-card,.style-gallery .style-card:nth-child(1),.style-gallery .style-card:nth-child(2),.style-gallery .style-card:nth-child(3),.style-gallery .style-card:nth-child(4),.style-gallery .style-card:nth-child(5){grid-column:auto;transform:none!important}.style-gallery .style-route{grid-column:1/-1}}
@media(max-width:800px){.style-gallery{grid-template-columns:1fr}.style-gallery .style-route{grid-column:auto}.style-gallery .style-card figcaption{min-height:0}}

/* V6 — generated Grapeseed field emblems, displayed as objects on the table. */
.desk>.service-tape{top:775px!important}
.service-tape>div{gap:24px}
.service-tape b{min-height:355px;padding:16px 18px;background:transparent!important;color:var(--cream);box-shadow:none!important;clip-path:none!important;justify-content:flex-start;gap:9px}
.service-tape b:nth-child(1){transform:rotate(-1.2deg)}.service-tape b:nth-child(2){transform:rotate(.8deg) translateY(16px)}.service-tape b:nth-child(3){transform:rotate(-.6deg) translateY(-8px)}.service-tape b:nth-child(4){transform:rotate(1deg) translateY(12px)}
.service-icon{width:170px;height:170px;object-fit:contain;margin:0 0 8px;filter:drop-shadow(0 14px 15px #000b)}
.service-tape strong{font-size:34px;color:var(--cream);text-shadow:0 3px 12px #000}
.service-tape small{color:#d0c8be;font-size:15px;max-width:270px;text-shadow:0 2px 8px #000}
@media(max-width:900px){.desk>.service-tape{top:auto!important}.service-tape b{min-height:320px;transform:none!important}.service-icon{width:150px;height:150px}.service-tape strong{font-size:30px}}
@media(max-width:520px){.service-tape b{min-height:300px}.service-icon{width:145px;height:145px}}

.client-brand small,.inline-play small,.style-route,.project-modal>span{font-size:11px}
@media(max-width:820px){.hero-meta,.reel-controls{font-size:11px}}

/* V17 — viewport-safe hero and one obvious showreel control. */
.hero{height:100svh;min-height:560px;max-height:1080px}
.hero-type{font-size:clamp(76px,min(12.8vw,21svh),220px)}
.mascot-wrap{width:clamp(285px,min(34vw,61svh),590px)}
.film{height:clamp(170px,30svh,250px)}
.film-track{padding:clamp(22px,4svh,34px) 0}
.frame{height:calc(100% - clamp(44px,8svh,68px));width:auto;aspect-ratio:1.685/1}
.hero-meta{top:31%;font-size:clamp(9px,1vw,12px)}
.contact-sheet>.form-row+label{margin-top:24px}

@media(max-height:680px) and (min-width:901px){
  .nav-shell{height:68px}
  .wordmark img{width:38px;height:38px}.wordmark b{font-size:20px}
  .hero-type-top{top:9%}.hero-type-bottom{bottom:3%}
  .hero-meta{top:29%}
  .film{top:42%}
  .mascot-wrap{top:50%}
  .drag-note{bottom:22%}
  .credits{display:none}
  .scroll-cue{bottom:2.5%}
}

@media(max-width:900px){
  .hero{height:100svh;min-height:620px;max-height:none}
  .hero-type{left:5vw;width:90vw;font-size:clamp(56px,min(14vw,15svh),130px);line-height:.9}
  .hero-type-top{top:13%}.hero-type-bottom{bottom:6%}
  .hero-meta{top:27%;font-size:9px}
  .hero-meta i{width:130px;box-shadow:30px 4px 0 -1px var(--lime)}
  .film{top:43%;height:clamp(150px,23svh,190px);width:112vw}
  .film-track{padding:24px 0}
  .frame{height:calc(100% - 48px);width:auto}
  .mascot-wrap{top:50%;width:clamp(270px,min(78vw,54svh),500px)}
  .contact-sheet>.form-row+label{margin-top:20px}
}

@media(max-width:520px){
  .hero{min-height:600px}
  .hero-type{font-size:clamp(48px,min(14vw,13svh),72px)}
  .hero-type-top{top:15%}.hero-type-bottom{bottom:7%}
  .hero-meta{top:26%}
  .film{top:42%;height:160px}
  .mascot-wrap{top:49%;width:min(82vw,48svh)}
  .scroll-cue{display:none}
}

/* V7 — each desktop section reads as one complete cinematic frame. */
@media(min-width:1101px){
  .work{min-height:100svh;padding:96px 3vw 70px}
  .work-title{font-size:clamp(86px,8.7vw,162px);margin:24px 0 38px}
  .reel-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5vw;padding-bottom:38px}
  .project figure{aspect-ratio:16/10}
  .project h2{font-size:clamp(34px,2.7vw,52px);line-height:.92}
  .project>span{font-size:11px;margin-top:14px}
  .inline-play{width:116px;height:116px}
  .inline-play i{font-size:22px}.inline-play b{font-size:20px}.inline-play small{font-size:9px}
  .client-brand{transform:scale(.78);transform-origin:top right;right:10px;top:10px}
  .reel-controls{margin-top:0}

  .style-lab{min-height:100svh;padding:96px 4vw;display:grid!important;grid-template-columns:minmax(260px,.27fr) minmax(0,.73fr);gap:4vw;align-items:center;text-align:left}
  .style-copy{margin:0;text-align:left}
  .style-copy h2{font-size:clamp(64px,5.1vw,98px);margin:22px 0}
  .style-copy p{font-size:16px;margin:0;max-width:440px}
  .style-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 22px;align-items:start}
  .style-gallery .style-card,.style-gallery .style-card:nth-child(1),.style-gallery .style-card:nth-child(2),.style-gallery .style-card:nth-child(3),.style-gallery .style-card:nth-child(4),.style-gallery .style-card:nth-child(5){grid-column:span 2;transform:none!important}
  .style-gallery .style-card:nth-child(4){grid-column:2/4;transform:rotate(-.7deg)!important}
  .style-gallery .style-card:nth-child(5){grid-column:4/6;transform:rotate(.7deg)!important}
  .style-gallery .style-card:hover{transform:translateY(-6px)!important}
  .style-gallery .style-card{padding:7px 7px 0}
  .style-gallery .style-card figcaption{min-height:76px;padding:10px 7px 12px;grid-template-columns:1fr;gap:2px}
  .style-gallery .style-card figcaption small{grid-row:auto;font-size:10px}
  .style-gallery .style-card figcaption b{font-size:clamp(24px,1.65vw,32px)}
  .style-gallery .style-card figcaption span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .style-gallery .style-route{grid-column:1/-1;margin-top:-2px}

  .desk{height:auto!important;min-height:0!important;padding:70px 4vw 100px!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);grid-template-rows:auto 420px 260px 700px;grid-template-areas:"nav nav" "call polaroids" "services services" "process contact";gap:20px 3vw;overflow:hidden}
  .desk-nav{grid-area:nav;position:relative!important;left:auto!important;right:auto!important;top:auto!important;margin:0}
  .desk>.call-sheet{grid-area:call;position:relative!important;left:auto!important;top:auto!important;width:auto!important;min-height:0!important;height:420px;padding:30px 5vw!important;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:rotate(-.4deg)!important}
  .call-sheet h2{font-size:clamp(60px,5vw,92px);line-height:.88;margin:26px 0 20px}
  .call-sheet small{font-size:14px;margin-top:18px}
  .desk>.polaroids{grid-area:polaroids;position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;height:420px!important;transform:none!important;z-index:4}
  .polaroids button{position:absolute!important;width:69%!important;padding:10px 10px 28px!important}
  .polaroids button:nth-child(1){top:0!important;left:4%!important;transform:rotate(-4deg)!important}
  .polaroids button:nth-child(2){top:27%!important;left:28%!important;transform:rotate(4deg)!important}
  .polaroids button:nth-child(3){top:55%!important;left:7%!important;transform:rotate(-2deg)!important}
  .polaroids button:hover{transform:rotate(0) translateY(-6px)!important;z-index:8}
  .desk>.service-tape{grid-area:services;position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;padding:0!important;align-self:start}
  .service-tape>span{margin-bottom:14px}
  .service-tape b{min-height:225px!important;padding:2px 18px!important;transform:none!important}
  .service-icon{width:112px;height:112px}
  .service-tape strong{font-size:27px}.service-tape small{font-size:13px}
  .desk>.process-notes{grid-area:process;position:relative!important;left:auto!important;top:auto!important;width:auto!important;min-height:0!important;height:520px;margin-top:100px;padding:44px!important;transform:rotate(-.6deg)!important;align-self:start}
  .desk>.contact-sheet{grid-area:contact;position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;min-height:0!important;height:550px;margin-top:100px;padding:44px!important;transform:rotate(.4deg)!important;align-self:start}
  .contact-sheet h2{font-size:clamp(48px,4.2vw,74px);line-height:.92;margin:26px 0 34px}
  .process-notes li{padding:17px 0}.process-notes small{font-size:14px}
}

@media(min-width:901px) and (max-width:1100px){.reel-track{grid-template-columns:repeat(2,minmax(0,1fr))}.style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.style-gallery .style-card,.style-gallery .style-card:nth-child(1),.style-gallery .style-card:nth-child(2),.style-gallery .style-card:nth-child(3),.style-gallery .style-card:nth-child(4),.style-gallery .style-card:nth-child(5){grid-column:auto;transform:none!important}}

/* V8 — purposeful viewing, true client marks and a more physical composition. */
.media-active,.media-active *{cursor:auto!important}.media-active .focus-cursor{opacity:0!important}
.project-preview[controls],.project-modal,.project-modal *{cursor:auto!important}
.inline-play{left:18px;top:auto;bottom:18px;width:auto;height:auto;min-width:0;padding:11px 15px;transform:rotate(-1.5deg);border:1px solid #ded5c8;border-radius:0;background:#0a0909e8;display:flex;align-items:center;gap:9px;box-shadow:7px 8px 0 #8d4cc5}
.inline-play:hover,.inline-play:focus-visible{transform:translateY(-3px) rotate(0);background:#111;box-shadow:7px 11px 0 var(--lime)}
.inline-play i{font-size:12px}.inline-play b{font:15px/1 var(--mono);letter-spacing:.08em}

.clients{min-height:390px;padding:74px 4vw;background:var(--black);display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:5vw;align-items:center;border-top:1px solid #302b34;border-bottom:1px solid #302b34;position:relative;overflow:hidden}
.clients:before{content:"";position:absolute;left:-6%;right:-6%;top:48%;height:1px;background:#8d4cc577;transform:rotate(-3deg)}
.clients header{position:relative;z-index:2}.clients header>span{color:var(--lime);font:bold 12px var(--mono);letter-spacing:.12em}.clients h2{font:clamp(62px,6.5vw,112px)/.86 var(--cond);margin:18px 0 8px}.clients header p{font-size:15px;color:#c5bdb3}
.client-lockups{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.client-lockup{min-height:210px;padding:24px 28px;background:#e5ded2;color:#111;display:grid;grid-template-columns:130px 1fr;align-items:center;gap:24px;transform:rotate(-1.4deg);box-shadow:14px 18px 35px #0008;clip-path:polygon(1% 2%,99% 0,100% 96%,0 100%)}
.client-lockup:nth-child(2){transform:rotate(1.2deg) translateY(12px)}
.client-lockup>img{width:126px;height:126px;object-fit:contain}.concards-lockup>img{height:150px;filter:saturate(.85) contrast(1.06)}
.client-lockup small{display:block;color:var(--purple);font:bold 11px var(--mono);letter-spacing:.08em}.client-lockup b{display:block;font:clamp(30px,2.8vw,48px)/1 var(--cond);margin:8px 0}.client-lockup span{font:13px/1.45 var(--mono)}

@media(min-width:1101px){
  .style-gallery .style-card:nth-child(1){transform:rotate(-2.2deg) translateY(9px)!important}
  .style-gallery .style-card:nth-child(2){transform:rotate(2deg) translateY(-8px)!important}
  .style-gallery .style-card:nth-child(3){transform:rotate(-1.5deg) translateY(8px)!important}
  .style-gallery .style-card:nth-child(4){transform:rotate(2.3deg) translate(-10px,-5px)!important}
  .style-gallery .style-card:nth-child(5){transform:rotate(-2.5deg) translate(10px,7px)!important}
  .style-gallery .style-card:hover{transform:translateY(-7px) rotate(0)!important}
  .style-gallery .style-card figcaption small{font-size:12px}.style-gallery .style-card figcaption span{font-size:12px}
  .desk>.call-sheet{transform:rotate(-1.1deg)!important}
  .desk>.polaroids{overflow:visible}
  .polaroids button{width:clamp(260px,25vw,380px)!important}
  .polaroids button:nth-child(1){top:0!important;left:0!important;transform:rotate(-5deg)!important}
  .polaroids button:nth-child(2){top:78px!important;left:auto!important;right:0!important;transform:rotate(5deg)!important}
  .polaroids button:nth-child(3){top:174px!important;left:12%!important;transform:rotate(-2.5deg)!important}
  .service-tape b:nth-child(1){transform:rotate(-2deg)!important}.service-tape b:nth-child(2){transform:rotate(1.5deg) translateY(8px)!important}.service-tape b:nth-child(3){transform:rotate(-1.2deg) translateY(-4px)!important}.service-tape b:nth-child(4){transform:rotate(2deg) translateY(6px)!important}
  .service-tape small{font-size:14px}
  .contact-sheet label{font-size:15px}.contact-sheet input,.contact-sheet textarea{font-size:16px;padding:11px 2px}
}

@media(max-width:900px){.clients{padding:70px 5vw;grid-template-columns:1fr}.client-lockups{grid-template-columns:1fr}.client-lockup,.client-lockup:nth-child(2){transform:none}.inline-play{left:12px;bottom:12px}}
@media(max-width:520px){.clients h2{font-size:18vw}.client-lockup{grid-template-columns:88px 1fr;padding:20px 16px;gap:15px}.client-lockup>img{width:84px;height:84px}.concards-lockup>img{height:105px}.client-lockup b{font-size:32px}.client-lockup span{font-size:12px}}
.contact-sheet label,.form-status{font-size:15px}

/* V9 — explicit spacing: no inherited absolute labels, no stacked type. */
.sheriffs-head h2{line-height:.9}
.concards-lockup{grid-template-columns:minmax(150px,210px) 1fr}
.concards-lockup>img{width:100%;height:auto;max-height:120px;object-fit:contain;filter:none}
@media(min-width:1101px){
  .desk{grid-template-rows:auto 420px 300px 700px}
  .service-tape>span{position:relative!important;inset:auto!important;display:block!important;width:max-content;max-width:100%;margin:0 auto 22px!important;padding:9px 16px;background:#111015;border:1px solid #6e6670;color:var(--lime);font:bold 12px/1 var(--mono);letter-spacing:.11em;transform:rotate(-1deg)!important;z-index:2}
  .service-tape>div{align-items:start}
  .service-tape b{min-height:235px!important;padding-top:0!important}
  .service-icon{width:102px;height:102px}
}
@media(max-width:900px){
  .sheriffs-head h2{line-height:.91;margin-bottom:30px}
  .service-tape>span{position:relative!important;inset:auto!important;display:block!important;margin:0 0 22px!important;transform:none!important;padding:9px 12px;border-left:3px solid var(--lime);background:#111015;color:var(--lime);font-size:12px}
}
@media(max-width:520px){.concards-lockup{grid-template-columns:112px 1fr}.concards-lockup>img{width:108px;max-height:70px}}

/* V10 — ten real films, visible as one cinematic contact sheet. */
.client-lockup span{font-weight:600;letter-spacing:.04em}
.concards-lockup>img{box-sizing:content-box;padding:8px 12px}
@media(min-width:1101px){
  .work{min-height:100svh;padding:82px 2.5vw 52px}
  .section-head{padding:0}.work-title{font-size:clamp(72px,7vw,126px);margin:16px 0 24px}
  .reel-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 1.4vw;padding-bottom:24px}
  .project figure{aspect-ratio:16/9}
  .project>span{font-size:9px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .project h2{font-size:clamp(23px,1.7vw,32px);line-height:.95;margin:7px 0 0;min-height:2em}
  .inline-play{left:9px;bottom:9px;padding:8px 10px;gap:6px;box-shadow:4px 5px 0 #8d4cc5}
  .inline-play b{font-size:11px}.inline-play i{font-size:9px}
  .reel-controls{padding-top:14px;font-size:10px}
}
@media(min-width:901px) and (max-width:1100px){
  .work{padding-left:3vw;padding-right:3vw}.reel-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 2vw}.project h2{font-size:34px}
}
@media(max-width:900px){.client-lockup span{font-size:14px}.concards-lockup>img{padding:6px 10px}}

/* V11 — large-player interaction and exact single-viewport film sheet. */
.project figure{cursor:pointer}
.project-modal{max-height:92vh;overflow:auto}
.project-modal>video{height:min(48vh,480px)}
.project-modal>div{padding:22px 34px 28px}
.project-modal h2{font-size:clamp(38px,4.4vw,66px);line-height:.92;margin:8px 0 14px}
.project-modal p{margin:0 0 18px}
@media(min-width:1101px){
  .work{padding-top:76px;padding-bottom:20px}
  .work-title{font-size:clamp(66px,6.4vw,112px);margin:10px 0 17px}
  .reel-track{gap:18px 1.15vw;padding-bottom:14px}
  .reel-controls{padding-top:10px}
}
@media(max-width:900px){.project-modal>video{height:42vh}.project-modal>div{padding:22px}.project-modal h2{font-size:11vw}}

/* V12 — a coherent tool rail and safer character/logo framing. */
.concards-lockup{grid-template-columns:minmax(190px,260px) 1fr}
.concards-lockup>img{width:100%;max-width:250px;max-height:136px;padding:16px 24px}
.service-tape{background:#08080a!important;border-top:1px solid #625a68;border-bottom:1px solid #332e37;padding:20px 22px 24px!important;clip-path:none!important}
.service-tape>div{gap:0!important;align-items:stretch}
.service-tape b{min-height:205px!important;padding:8px 24px 12px!important;border-left:1px solid #3f3943;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:background .25s,transform .25s}
.service-tape b:first-child{border-left:0}
.service-icon{transition:transform .3s,filter .3s}.service-tape strong,.service-tape small{transition:color .25s,transform .25s}
.service-tape b:hover{background:#8d4cc50f;transform:translateY(-5px)!important}
.service-tape b:hover .service-icon{transform:rotate(-5deg) scale(1.1);filter:drop-shadow(0 16px 16px #000) drop-shadow(0 0 10px #8d4cc566)}
.service-tape b:hover strong{color:var(--lime)}.service-tape b:hover small{color:#fff}
@media(min-width:901px){.sheriffs-stage>img{bottom:3%}.desk{grid-template-rows:auto 420px 350px 700px}.desk>.service-tape{margin-top:68px}.service-tape>span{margin-bottom:14px!important}.service-icon{width:102px;height:102px}}
@media(max-width:900px){.concards-lockup{grid-template-columns:140px 1fr}.concards-lockup>img{width:138px;padding:10px 14px}.service-tape b{border-left:0;border-top:1px solid #3f3943}.service-tape b:nth-child(-n+2){border-top:0}}
@media(max-width:520px){.concards-lockup{grid-template-columns:122px 1fr}.concards-lockup>img{width:120px;padding:8px}.service-tape b:nth-child(2){border-top:1px solid #3f3943}}

/* V13 — navigation shares the film-control language. */
.nav-shell>nav{gap:22px}
.nav-shell>nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #ded5c8;background:#0a0909e8;box-shadow:4px 4px 0 #8d4cc5;letter-spacing:.12em;transition:transform .22s,box-shadow .22s,color .22s,background .22s}
.nav-shell>nav a:before{content:"◆";color:var(--lime);font-size:7px}
.nav-shell>nav a:hover,.nav-shell>nav a:focus-visible{color:#fff;background:#111;transform:translateY(-3px);box-shadow:4px 7px 0 var(--lime);outline:0}
.nav-shell>nav a sup{margin-left:2px}

/* V14 — one composed director's table, with a clearly separated tool rail. */
@media(min-width:901px){
  .desk{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr)!important;grid-template-rows:auto 470px 330px 700px!important;gap:34px 3.5vw!important;padding-top:64px!important}
  .desk-nav{margin-bottom:4px!important}
  .desk>.call-sheet{height:470px!important;padding:34px 5.5vw!important;transform:rotate(-1deg)!important;box-shadow:16px 22px 34px #0009}
  .desk>.polaroids{height:470px!important;display:block!important}
  .polaroids button{width:clamp(245px,22vw,350px)!important}
  .polaroids button:nth-child(1){top:8px!important;left:2%!important;right:auto!important;transform:rotate(-5deg)!important}
  .polaroids button:nth-child(2){top:105px!important;right:0!important;left:auto!important;transform:rotate(4deg)!important}
  .polaroids button:nth-child(3){top:225px!important;left:7%!important;right:auto!important;transform:rotate(-2deg)!important}
  .desk>.service-tape{margin-top:22px!important;align-self:stretch!important}
  .service-tape>span{margin:0 auto 20px!important}
  .service-tape>div{min-height:245px}
  .service-tape b{min-height:245px!important;transform:none!important;justify-content:flex-start!important}
}
@media(max-width:900px){
  .desk>.service-tape{margin-top:18px!important}
  .service-tape>span{width:auto!important;text-align:left}
}

/* The supplied wordmark stays fully visible; the card supplies its breathing room. */
.concards-lockup{overflow:visible}
.concards-lockup>img{box-sizing:border-box!important;display:block!important;object-fit:contain!important;object-position:center!important;padding:18px 30px!important;overflow:visible!important}
@media(max-width:900px){.concards-lockup>img{padding:12px 18px!important}}
@media(max-width:520px){.concards-lockup>img{padding:8px 10px!important}}
.sheriff-file{cursor:default}
.netlify-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* V18 — full-bleed hero reels on wide displays. The two strips now overlap
   behind the mascot instead of collapsing into isolated edge fragments. */
@media(min-width:1200px){
  .film{width:68vw;overflow:hidden}
  .film-a{left:-4vw;transform:rotateZ(2.25deg) translate3d(calc(var(--scroll)*-70px),-20px,-40px)}
  .film-b{right:-4vw;transform:rotateZ(-2.25deg) translate3d(calc(var(--scroll)*70px),20px,-40px)}
  .film-track{min-width:100%}
}
@media(min-width:2100px){
  .film{width:70vw}
  .film-a{left:-5vw}
  .film-b{right:-5vw}
}

/* V19 — one continuous full-width reel. This removes the dark rectangular
   overlap created by two clipped half-reels while keeping the mascot in front. */
.film-wide{left:-5vw;right:auto;width:110vw;overflow:hidden;transform:rotateZ(-.55deg) translate3d(0,0,-40px)}
.film-wide .film-track{min-width:100%}
@media(min-width:1200px){
  .film-wide{left:-5vw;right:auto;width:110vw;overflow:hidden;transform:rotateZ(-.55deg) translate3d(calc(var(--scroll)*-35px),0,-40px)}
}
@media(max-width:900px){
  .film-wide{left:-15vw;right:auto;width:130vw;transform:rotateZ(-1deg) translate3d(0,0,-40px)}
}

/* V20 — larger, cleaner contact frames. The reel stays cinematic without
   crushing ten thumbnails into a shallow, desaturated strip. */
@media(min-width:1200px){
  .film-wide{top:39.5%;height:clamp(250px,38svh,318px)}
  .film-wide .film-track{padding:clamp(27px,4.5svh,38px) 0}
  .film-wide .frame{height:100%;aspect-ratio:16/9;width:auto}
  .film-wide .frame img{filter:saturate(.96) contrast(1.05) brightness(.98)}
  .film-wide .frame b{font-size:clamp(14px,1vw,18px)}
  .film-wide .frame>span{font-size:10px}
}
@media(min-width:1200px) and (max-height:760px){
  .film-wide{top:40%;height:clamp(238px,39svh,286px)}
}