:root{--ink:#090a0d;--cream:#f1eee8;--line:rgba(241,238,232,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.12em;margin:0;text-transform:uppercase;color:rgba(241,238,232,.62)}
.gate{height:100svh;min-height:620px;overflow:hidden;position:relative;display:grid;place-items:center;background:#08090a}.grain{position:absolute;z-index:3;inset:0;opacity:.13;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 type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");pointer-events:none}.gate h1{z-index:4;font:500 clamp(3.4rem,11vw,11rem)/.76 'Playfair Display',serif;letter-spacing:-.09em;margin:0;text-align:center;color:#f0eee8;text-shadow:0 3px 30px rgba(0,0,0,.75)}.gate h1 span{display:block;font-family:Manrope,sans-serif;font-size:.75em;font-weight:600;letter-spacing:-.1em}.gate h1 em{font-weight:500}.hero-panther{position:absolute;inset:0;z-index:1;overflow:hidden}.hero-panther:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,6,.1),rgba(4,5,6,.07) 60%,rgba(4,5,6,.52))}.hero-panther img{width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:50% 34%;transition:transform .45s cubic-bezier(.2,.8,.2,1);filter:contrast(1.06) brightness(.85)}.gate-meta{z-index:4;position:absolute;top:25px;left:30px}.gate-bottom{z-index:4;position:absolute;bottom:24px;left:30px;right:30px;display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;letter-spacing:.1em}.scroll-cue{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%);border:1px solid rgba(241,238,232,.46);border-radius:30px;background:rgba(0,0,0,.22);padding:12px 20px;font:10px 'DM Mono',monospace;letter-spacing:.15em}.scroll-cue span{font-size:17px;margin-left:9px}
.intro{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;background:#d8dee2 url('assets/raven-mist.png') center/cover no-repeat}.intro:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(237,241,242,.3),rgba(155,165,171,.08),rgba(221,227,230,.35))}.intro-count{z-index:2;position:absolute;top:25px;right:30px;font:10px 'DM Mono',monospace;letter-spacing:.1em;color:#182029}.glass-panel{width:min(700px,88vw);z-index:1;border:1px solid rgba(255,255,255,.62);padding:clamp(28px,5vw,62px);border-radius:28px;background:linear-gradient(135deg,rgba(250,252,253,.5),rgba(223,230,234,.22));color:#15191d;backdrop-filter:blur(18px);box-shadow:0 30px 70px rgba(24,31,37,.16)}.glass-panel .eyebrow{color:rgba(21,25,29,.64)}.glass-panel h2{font:500 clamp(3rem,6vw,5.8rem)/.94 'Playfair Display',serif;margin:25px 0 32px;letter-spacing:-.06em}.intro-copy{max-width:520px;font-size:14px;line-height:1.62}.intro-copy p{margin:0 0 15px}.enter{border:1px solid rgba(21,25,29,.55);border-radius:30px;background:rgba(247,249,250,.25);color:#15191d;padding:14px 19px;font:10px 'DM Mono',monospace;letter-spacing:.13em;margin-top:14px}.enter span{font-size:16px;margin-left:22px}
.world{min-height:100svh;padding:25px 30px;position:relative;overflow:hidden;background:#0b0c0e url('assets/panther-far.png') center/cover no-repeat}.world:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,8,.81),rgba(7,8,9,.18) 55%,rgba(6,7,8,.63))}.world:after{content:'';position:absolute;width:52vw;height:52vw;border:1px solid rgba(241,238,232,.19);border-radius:50%;right:-13vw;bottom:-23vw;box-shadow:0 0 70px rgba(255,255,255,.06)}.world-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.wordmark{font-weight:800;text-decoration:none;letter-spacing:-.06em}.wordmark sup{font-size:7px;margin-left:4px}.menu-toggle{border:0;background:transparent;font:10px 'DM Mono',monospace;letter-spacing:.12em}.menu-toggle span{font-size:16px;margin-left:7px}.world-intro{position:absolute;z-index:1;left:12vw;top:24vh;max-width:620px}.world h2,.section h2{font:600 clamp(3.4rem,8.4vw,9rem)/.86 Manrope,sans-serif;letter-spacing:-.09em;margin:20px 0 28px}.world h2 em,.section h2 em{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-.08em}.world-intro>p:last-child{max-width:330px;font-size:13px;line-height:1.6;color:rgba(241,238,232,.66)}.portal-nav{position:absolute;z-index:3;right:7vw;bottom:12vh;display:grid;width:min(440px,45vw)}.portal-nav a{padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:clamp(1.15rem,2.3vw,2rem);font-weight:600;transition:padding .25s}.portal-nav a:hover{padding-left:12px;color:#c5d2ec}.portal-nav span{font:10px 'DM Mono',monospace;color:rgba(241,238,232,.5);margin-right:16px}.portal-nav b{float:right;font-weight:400}.companion{z-index:3;position:absolute;bottom:10px;left:22px;width:170px;background:transparent;border:0;text-align:left;font:9px 'DM Mono',monospace;letter-spacing:.06em;color:rgba(241,238,232,.6)}.companion img{display:block;width:130px;filter:brightness(.65) contrast(1.1);mask-image:linear-gradient(black 55%,transparent)}
.section{padding:clamp(90px,14vw,180px) 7vw}.section-head{display:grid;grid-template-columns:1fr 1.4fr .65fr;gap:25px;align-items:end;margin-bottom:70px}.section h2{font-size:clamp(3.3rem,7.3vw,8rem);margin:0}.section-head>p:last-child,.lab-title>p:last-child{font-size:12px;line-height:1.65;color:rgba(241,238,232,.6);margin:0}.projects{background:#e7e5de;color:#111217}.projects .eyebrow{color:rgba(16,17,20,.55)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(10,10,10,.32);border-left:1px solid rgba(10,10,10,.32)}.project-card{padding:0;border:0;border-right:1px solid rgba(10,10,10,.32);border-bottom:1px solid rgba(10,10,10,.32);text-align:left;background:transparent}.project-placeholder{height:clamp(170px,20vw,330px);position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#cccac3,#8e929b);font:10px 'DM Mono',monospace;letter-spacing:.07em;text-align:center;color:rgba(10,10,10,.52);transition:background .35s,transform .35s}.project-card:nth-child(3n) .project-placeholder{background:linear-gradient(145deg,#a5b9b7,#d9d3bc)}.project-card:nth-child(4n) .project-placeholder{background:linear-gradient(145deg,#78809b,#c0b7aa)}.project-placeholder i{position:absolute;top:12px;right:12px;font:10px 'DM Mono',monospace}.project-card:hover .project-placeholder{background:#8ba7fe;transform:scale(.97)}.project-info{padding:13px}.project-info span{font:9px 'DM Mono',monospace;letter-spacing:.06em;color:#5d5c58}.project-info h3{font-size:14px;margin:7px 0 3px}.project-info b{font:9px 'DM Mono',monospace;opacity:0}.project-card:hover b{opacity:1}
.process{position:relative;background:#11141c url('assets/panther-close.png') center/cover fixed}.process:before{content:'';position:absolute;inset:0;background:rgba(6,7,8,.84)}.process>*{position:relative;z-index:1}.process-list{border-top:1px solid var(--line)}.process-step{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:8% 1fr 30px;text-align:left;align-items:start}.process-step span,.process-step i{font:11px 'DM Mono',monospace;color:rgba(241,238,232,.5);font-style:normal}.process-step strong{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:500;letter-spacing:-.05em}.process-step p{grid-column:2;max-height:0;overflow:hidden;margin:0;color:rgba(241,238,232,.6);font-size:13px;line-height:1.6;transition:max-height .3s,margin .3s}.process-step.open p{max-height:100px;margin:12px 0 4px}.process-step.open i{transform:rotate(45deg)}.process-reel{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:70px}.process-visual{aspect-ratio:1;background:rgba(10,11,13,.46);border:1px solid rgba(241,238,232,.38);display:grid;place-items:center;font:10px 'DM Mono',monospace;letter-spacing:.08em;text-align:center;color:rgba(241,238,232,.58)}.process-visual:first-child{aspect-ratio:1.8}
.lab{background:#8ba7fe;color:#0b1021;position:relative;overflow:hidden}.lab:before{content:'';position:absolute;right:-20vw;top:8vw;width:65vw;height:65vw;background:#e8f0ff;border-radius:50%;filter:blur(10px);opacity:.5}.lab .eyebrow{color:rgba(11,16,33,.55)}.lab-title{max-width:710px;position:relative;z-index:1}.lab-title h2{font-size:clamp(3.3rem,7.3vw,8rem)}.lab-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;margin-top:65px}.lab-card{margin:0}.lab-card.large{grid-row:span 2}.lab-card.wide{grid-column:span 2}.lab-card .placeholder{height:260px;border:1px solid rgba(11,16,33,.45);display:grid;place-items:center;background:rgba(236,243,255,.25);font:10px 'DM Mono',monospace;letter-spacing:.08em;text-align:center}.lab-card.large .placeholder{height:100%}.lab-card p{font:10px 'DM Mono',monospace;margin:10px 0}.lab-link{position:relative;z-index:1;display:inline-block;margin-top:35px;text-decoration:none;border-bottom:1px solid #0b1021;padding-bottom:8px;font:11px 'DM Mono',monospace;letter-spacing:.08em}
.social{background:#f0eee7;color:#111217;text-align:center;padding-top:15vh;padding-bottom:18vh}.social .eyebrow{color:#555}.social h2{font-size:clamp(4rem,11vw,11rem);margin:22px 0}.social>p:nth-of-type(2){font-size:13px;color:#555}.social-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.social-link{display:inline-flex;gap:25px;align-items:center;margin-top:35px;text-decoration:none;border-bottom:1px solid #111;padding:10px 0;font-size:clamp(1.2rem,2vw,2rem);font-weight:700}footer{padding:18px 30px;background:#111217;color:rgba(241,238,232,.72);display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;font:10px 'DM Mono',monospace;letter-spacing:.06em}footer a{color:var(--cream)}dialog{border:0;padding:0;background:#11141c;color:var(--cream);width:min(800px,94vw);max-width:800px}.modal-inner{padding:clamp(28px,7vw,70px)}.modal-inner h2{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.08em;margin:14px 0 35px}.modal-media{height:260px;background:linear-gradient(145deg,#747d9a,#242938);display:grid;place-items:center;font:10px 'DM Mono',monospace;letter-spacing:.08em}.modal-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:32px}.watch-link{display:inline-block;margin-top:25px;text-decoration:none;border-bottom:1px solid;padding-bottom:8px;font:12px 'DM Mono',monospace;letter-spacing:.08em}dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}
@media(max-width:760px){.gate-meta{left:18px}.gate-bottom{left:18px;right:18px}.scroll-cue{bottom:15px}.gate h1{font-size:clamp(3.3rem,18vw,6.7rem)}.hero-panther img{object-position:50% center}.world{padding:20px}.world-header .eyebrow{display:none}.world-intro{left:20px;top:21vh}.portal-nav{left:20px;right:20px;bottom:19vh;width:auto}.companion{bottom:0;left:3px;transform:scale(.7);transform-origin:left bottom}.section{padding:85px 20px}.section-head{display:block;margin-bottom:40px}.section-head .eyebrow{margin-bottom:20px}.section-head>p:last-child{margin-top:22px;max-width:300px}.project-grid{grid-template-columns:repeat(2,1fr)}.project-placeholder{height:43vw}.project-info{padding:10px}.project-info h3{font-size:12px}.project-info b{display:none}.lab-grid{grid-template-columns:1fr 1fr;margin-top:45px}.lab-card.large{grid-column:span 2;grid-row:auto}.lab-card.large .placeholder{height:300px}.lab-card.wide{grid-column:span 2}.lab-card .placeholder{height:170px}.intro-count{right:18px}.glass-panel{padding:30px 24px}.intro-copy{font-size:13px}.process-step{grid-template-columns:14% 1fr 20px}.process-step p{grid-column:2 / 4}.process-reel{grid-template-columns:1fr 1fr}.process-visual:first-child{grid-column:span 2;aspect-ratio:1.8}.social-links{display:grid;width:min(270px,100%);margin:auto}.social-link{justify-content:space-between}footer{padding:18px 20px;display:grid;grid-template-columns:1fr 1fr}footer a{grid-column:span 2;margin-top:5px}}

/* Project covers and Creative Producer OS */
.project-placeholder{overflow:hidden;background:#15171c}.project-placeholder img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s}.project-card:hover .project-placeholder img{transform:scale(1.07);filter:saturate(1.12)}.project-card:hover .project-placeholder{background:#15171c;transform:none}.project-placeholder:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28))}.project-placeholder i{z-index:1;color:#fff;text-shadow:0 1px 5px #000}.modal-media{overflow:hidden}.modal-media img{width:100%;height:100%;object-fit:cover}
.process{background:#e7e4dc;color:#141517}.process:before{display:none}.process .eyebrow{color:rgba(20,21,23,.58)}.process-intro{max-width:900px}.process h2{font-size:clamp(3.4rem,8vw,8.7rem);margin:20px 0 34px}.process-intro>p:last-child{max-width:600px;font-size:15px;line-height:1.65;color:#505155}.process-grid{display:grid;grid-template-columns:minmax(260px,.8fr) 2fr;border-top:1px solid rgba(20,21,23,.35);border-bottom:1px solid rgba(20,21,23,.35);margin-top:75px}.process-rail{border-right:1px solid rgba(20,21,23,.35)}.process-step{width:100%;background:transparent;color:#151619;border:0;border-bottom:1px solid rgba(20,21,23,.22);padding:18px 20px;display:grid;grid-template-columns:38px 1fr 24px;text-align:left;align-items:center;transition:background .25s}.process-step:last-child{border-bottom:0}.process-step span,.process-step i{font:10px 'DM Mono',monospace;color:#666;font-style:normal}.process-step strong{font-size:clamp(1rem,1.7vw,1.42rem);font-weight:600;letter-spacing:-.04em}.process-step:hover,.process-step.selected{background:#161719;color:#f0eee8}.process-step:hover span,.process-step:hover i,.process-step.selected span,.process-step.selected i{color:#b9c9ff}.process-stage{padding:clamp(26px,5vw,70px);min-height:385px;background:#f3f1eb}.process-stage h3{font:500 clamp(2.6rem,5vw,5.7rem)/.9 'Playfair Display',serif;letter-spacing:-.07em;margin:18px 0 26px}.stage-summary{max-width:660px;font-size:clamp(1.05rem,1.8vw,1.5rem);line-height:1.42;margin:0}.stage-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px;border-top:1px solid rgba(20,21,23,.25);padding-top:16px}.stage-columns small{font:10px 'DM Mono',monospace;letter-spacing:.08em}.stage-columns p{font-size:13px;line-height:1.55;color:#4e5055}.proof-head{display:flex;gap:10vw;justify-content:space-between;align-items:end;margin-top:90px;margin-bottom:22px}.proof-head>p:last-child{max-width:470px;font-size:13px;line-height:1.6;margin:0;color:#54565c}.process-reel{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:11px;margin-top:0}.process-visual{position:relative;overflow:hidden;aspect-ratio:1.1;border:0;background:#222;padding:0;color:#fff;text-align:left}.process-visual:first-child{aspect-ratio:1.7}.process-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .35s,transform .45s}.process-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 47%,rgba(0,0,0,.8))}.process-visual span{position:absolute;z-index:1;bottom:16px;left:16px;font:10px/1.45 'DM Mono',monospace;letter-spacing:.06em}.process-visual:hover img,.process-visual.active img{filter:grayscale(0) contrast(1);transform:scale(1.035)}.process-visual.active{outline:2px solid #17181b;outline-offset:3px}.proof-caption{min-height:48px;font:500 clamp(1.1rem,1.8vw,1.5rem)/1.35 'Playfair Display',serif;margin-top:25px;max-width:780px}.process .process-reel{position:relative;z-index:1}
@media(max-width:760px){.process-grid{display:block;margin-top:45px}.process-rail{border-right:0;border-bottom:1px solid rgba(20,21,23,.35)}.process-stage{min-height:auto}.stage-columns{display:block;margin-top:30px}.stage-columns>div+div{margin-top:20px}.proof-head{display:block;margin-top:65px}.proof-head>p:last-child{margin-top:18px}.process-reel{grid-template-columns:1fr 1fr}.process-visual:first-child{grid-column:span 2;aspect-ratio:1.55}.process-visual{aspect-ratio:1}.process-visual:first-child{grid-column:span 2}}