*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0a0a;color:#f2f0ea;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;opacity:.055;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:2}.nav{position:fixed;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;z-index:40;background:linear-gradient(#0a0a0a,transparent)}.brand{font-size:24px;font-weight:800;letter-spacing:-.08em}.brand span{opacity:.45}.nav nav{display:flex;gap:32px;font:12px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.nav nav a,.nav-cta{opacity:.65;transition:.25s}.nav nav a:hover,.nav-cta:hover{opacity:1}.nav-cta{font:12px "DM Mono",monospace;text-transform:uppercase}.nav-cta span{margin-left:8px}.hero{min-height:100svh;display:grid;grid-template-columns:1fr minmax(420px,1.08fr);gap:7vw;align-items:center;padding:130px 7vw 80px;position:relative}.hero-copy{max-width:650px}.eyebrow{font:11px "DM Mono",monospace;letter-spacing:.14em;color:#85827b;text-transform:uppercase}.eyebrow span{display:inline-block;width:28px;height:1px;background:#f2f0ea;vertical-align:middle;margin-right:10px}.hero h1,.section-head h2,.about h2,.contact h2{font-size:clamp(58px,7vw,112px);line-height:.9;letter-spacing:-.075em;margin:22px 0}.hero h1 em,.section-head h2 em,.about h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.hero-sub{max-width:500px;color:#96938d;line-height:1.75;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{padding:15px 20px;border:1px solid #353535;font:11px "DM Mono",monospace;text-transform:uppercase}.button-light{background:#f2f0ea;color:#0a0a0a;border-color:#f2f0ea}.button span{margin-left:24px}.text-link{font:11px "DM Mono",monospace;text-transform:uppercase;color:#aaa}.text-link span{margin-left:10px}.hero-frame{position:relative;aspect-ratio:16/10;min-height:400px;overflow:hidden;background:#151515;border:1px solid #242424;box-shadow:0 35px 100px rgba(0,0,0,.5)}.hero-frame video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85)}.frame-overlay{position:absolute;z-index:3;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;font:10px "DM Mono",monospace;letter-spacing:.08em;color:#aaa}.hero-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.25);backdrop-filter:blur(8px);color:white;cursor:pointer;transition:.3s}.hero-play:hover{transform:translate(-50%,-50%) scale(1.08);background:#fff;color:#000}.video-fallback{display:none;position:absolute;inset:0;place-items:center;font:12px "DM Mono",monospace;color:#666}.scroll-note{position:absolute;bottom:35px;left:7vw;font:10px "DM Mono",monospace;color:#666;letter-spacing:.12em}.scroll-note span{display:inline-block;width:42px;height:1px;background:#555;vertical-align:middle;margin-right:12px}.marquee{border-top:1px solid #242424;border-bottom:1px solid #242424;white-space:nowrap;overflow:hidden;padding:18px 0;font:11px "DM Mono",monospace;color:#666}.marquee div{display:inline-block;animation:marquee 24s linear infinite}.section{padding:150px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:80px}.section-head h2{font-size:clamp(52px,6vw,92px);margin-bottom:0}.section-intro{max-width:330px;color:#777;line-height:1.7;font-size:14px}.carousel-wrap{position:relative;padding:0 5vw 90px}.carousel{height:clamp(350px,43vw,680px);position:relative;display:flex;align-items:center;justify-content:center;perspective:1400px;overflow:visible}.card{position:absolute;width:min(67vw,860px);aspect-ratio:16/9;background:#161616;border:1px solid #2b2b2b;overflow:hidden;cursor:pointer;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s,filter .7s,box-shadow .7s;user-select:none}.card video{width:100%;height:100%;object-fit:cover;display:block}.card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 35%,rgba(0,0,0,.25));pointer-events:none}.card .card-info{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:end}.card .tag,.card .year{font:10px "DM Mono",monospace;letter-spacing:.12em;color:#ddd}.card .title{font-size:clamp(25px,3vw,46px);font-weight:700;letter-spacing:-.06em;margin-top:6px}.card.active{transform:translateX(0) scale(1);opacity:1;filter:none;z-index:5;box-shadow:0 45px 100px rgba(0,0,0,.55)}.card.left{transform:translateX(-72%) scale(.72);opacity:.24;filter:blur(1px) grayscale(.5);z-index:2}.card.right{transform:translateX(72%) scale(.72);opacity:.24;filter:blur(1px) grayscale(.5);z-index:2}.card.far-left{transform:translateX(-120%) scale(.52);opacity:0;z-index:1}.card.far-right{transform:translateX(120%) scale(.52);opacity:0;z-index:1}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:56px;height:56px;border-radius:50%;border:1px solid #393939;background:#101010;color:#eee;font-size:22px;cursor:pointer;transition:.25s}.carousel-arrow:hover{background:#eee;color:#111}.arrow-left{left:0}.arrow-right{right:0}.carousel-meta{position:absolute;left:5vw;right:5vw;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font:10px "DM Mono",monospace;color:#686868;letter-spacing:.1em}.carousel-meta>span:last-child{text-align:right}.dots{display:flex;gap:7px}.dot{width:20px;height:2px;background:#333;cursor:pointer}.dot.active{background:#eee}.replace-note{color:#555;font:11px "DM Mono",monospace;margin-top:22px}.replace-note code{color:#aaa}.about{border-top:1px solid #202020;display:grid;grid-template-columns:90px 1fr 260px;gap:7vw}.about-number{font:12px "DM Mono",monospace;color:#555}.about h2{font-size:clamp(52px,6vw,90px);margin-top:0}.about-copy>p:not(.eyebrow){max-width:620px;color:#888;line-height:1.9}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.skills span{border:1px solid #292929;padding:9px 12px;color:#888;font:10px "DM Mono",monospace}.about-side{display:grid;gap:30px}.about-side div{border-top:1px solid #282828;padding-top:13px}.about-side strong{display:block;font-size:38px;letter-spacing:-.06em}.about-side span{display:block;margin-top:4px;color:#666;font:10px "DM Mono",monospace}.contact{border-top:1px solid #202020;padding-bottom:50px}.contact-row{display:flex;justify-content:space-between;align-items:end;gap:40px}.contact-mail{font:13px "DM Mono",monospace;padding-bottom:13px;border-bottom:1px solid #444}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid #222;margin-top:100px;padding-top:18px;color:#555;font:10px "DM Mono",monospace}.contact-bottom div{display:flex;gap:22px}.contact-bottom a:hover{color:#aaa}.reveal{animation:rise .9s both}.carousel-wrap.reveal{animation-delay:.1s}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-2%)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){.nav{height:70px;padding:0 5vw}.nav nav{display:none}.hero{grid-template-columns:1fr;padding:120px 5vw 80px;gap:50px}.hero-frame{min-height:0}.scroll-note{display:none}.section{padding:100px 5vw}.section-head{display:block;margin-bottom:55px}.section-intro{margin-top:25px}.carousel-wrap{padding-left:0;padding-right:0}.carousel{height:58vw;min-height:240px}.card{width:82vw}.card.left{transform:translateX(-78%) scale(.7)}.card.right{transform:translateX(78%) scale(.7)}.carousel-arrow{width:46px;height:46px}.arrow-left{left:-8px}.arrow-right{right:-8px}.carousel-meta{left:0;right:0}.about{grid-template-columns:1fr}.about-number{display:none}.about-side{grid-template-columns:repeat(3,1fr);margin-top:40px}.contact-row{display:block}.contact-mail{display:inline-block;margin-top:30px}.contact-bottom{gap:20px;flex-wrap:wrap}.contact-bottom div{order:3;width:100%}}@media(max-width:560px){.hero h1{font-size:58px}.hero-frame{aspect-ratio:4/3}.hero-actions{gap:16px;flex-wrap:wrap}.carousel{height:58vw}.card{width:88vw}.card.left{transform:translateX(-86%) scale(.62)}.card.right{transform:translateX(86%) scale(.62)}.card .card-info{left:15px;right:15px;bottom:14px}.card .tag,.card .year{font-size:8px}.carousel-meta>span:last-child{display:none}.carousel-meta{grid-template-columns:1fr auto}.about-side{grid-template-columns:1fr}.contact h2{font-size:55px}}

.reels-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:130px;margin-bottom:48px;padding-top:80px;border-top:1px solid #202020}
.reels-head h3{font-size:clamp(42px,5vw,72px);line-height:.9;letter-spacing:-.07em;margin:18px 0 0}
.reels-head h3 em{font-family:Georgia,serif;font-weight:400}
.reels-head>p{max-width:290px;color:#777;font-size:13px;line-height:1.7;margin-bottom:5px}
.reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:end}
.reel-card{position:relative;aspect-ratio:9/16;background:#151515;border:1px solid #292929;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35);transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s}
.reel-card:nth-child(2){transform:translateY(42px)}
.reel-card:nth-child(3){transform:translateY(12px)}
.reel-card:hover{transform:translateY(-10px) scale(1.015);border-color:#555;box-shadow:0 40px 100px rgba(0,0,0,.55)}
.reel-card:nth-child(2):hover{transform:translateY(30px) scale(1.015)}
.reel-card:nth-child(3):hover{transform:translateY(2px) scale(1.015)}
.reel-card video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.reel-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 35%,rgba(0,0,0,.65));pointer-events:none}
.reel-overlay{position:absolute;z-index:2;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;font:9px "DM Mono",monospace;letter-spacing:.12em;color:#ddd}
.reel-title{position:absolute;z-index:2;left:18px;bottom:18px;font-size:22px;font-weight:700;letter-spacing:-.05em}
@media(max-width:900px){
  .reels-head{display:block;margin-top:100px}
  .reels-head>p{margin-top:20px}
  .reels-grid{grid-template-columns:repeat(3,72vw);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 30px;scrollbar-width:none}
  .reels-grid::-webkit-scrollbar{display:none}
  .reel-card,.reel-card:nth-child(2),.reel-card:nth-child(3){transform:none;scroll-snap-align:center}
  .reel-card:hover,.reel-card:nth-child(2):hover,.reel-card:nth-child(3):hover{transform:scale(1.01)}
}
@media(max-width:560px){
  .reels-grid{grid-template-columns:78vw}
}