:root{--ink:#0b0b0d;--paper:#f4f0e8;--orange:#ff4d00;--line:rgba(244,240,232,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.09;z-index:5;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.nav{position:absolute;z-index:4;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:27px 4vw}.logo{font-weight:800;letter-spacing:-1px;color:var(--paper);text-decoration:none;font-size:1.15rem}.logo i{font:600 .78rem 'Playfair Display',serif}.logo span{color:var(--orange);font-size:.55rem;vertical-align:top;margin-left:2px}.nav nav{display:flex;gap:2rem}.nav nav a,.socials a{font:500 .76rem 'DM Mono',monospace;color:inherit;text-decoration:none;text-transform:uppercase}.nav nav a:hover,.socials a:hover{color:var(--orange)}.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:end;overflow:hidden}.hero-video{position:absolute;inset:0;background:linear-gradient(120deg,#28160d 0%,#6c1c03 34%,#100f0d 76%);isolation:isolate}.hero-video__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,11,13,.93),rgba(11,11,13,.04) 65%),linear-gradient(90deg,rgba(11,11,13,.48),transparent)}.reel-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:rgba(244,240,232,.55);font:500 .72rem 'DM Mono',monospace;letter-spacing:.2em}.hero-copy{position:relative;padding:0 8vw 10vh;max-width:1050px}.eyebrow{font:500 .68rem 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin:0 0 1.2rem}.hero h1,.work h2,.about h2,.contact h2{font-size:clamp(3.8rem,8.2vw,8.7rem);line-height:.9;letter-spacing:-.075em;margin:0;font-weight:800}.hero h1 em,.work h2 em,.about h2 em,.contact h2 em{font-family:'Playfair Display',serif;font-weight:600}.intro{font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.55;max-width:505px;margin:2rem 0}.circle-link{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--paper);font-weight:700;border-bottom:1px solid var(--orange);padding-bottom:.5rem}.circle-link span{font-size:1.4rem;color:var(--orange)}.hero-side{position:absolute;right:4vw;bottom:8vh;writing-mode:vertical-rl;font:500 .65rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.statement{padding:18vh 8vw;background:var(--orange);color:var(--ink);min-height:55vh;display:flex;flex-direction:column;justify-content:center}.statement p{font-size:clamp(2.8rem,6vw,6rem);font-weight:800;line-height:.96;max-width:1000px;letter-spacing:-.065em;margin:0}.statement span{font:500 .7rem 'DM Mono',monospace;text-transform:uppercase;margin-top:3rem}.work{padding:15vh 8vw}.section-head{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;align-items:end;margin-bottom:10vh}.section-head .eyebrow{grid-column:1/-1}.section-head h2{font-size:clamp(3.5rem,7vw,7rem)}.section-head>p:last-child{max-width:290px;line-height:1.6}.categories{display:grid;gap:13vh}.category{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.8fr);gap:3vw;align-items:end}.category:nth-child(even){grid-template-columns:minmax(220px,.8fr) minmax(0,1.65fr)}.category:nth-child(even) .card-card{order:2}.card-card{height:min(53vw,660px);position:relative;overflow:hidden;background:#25252a}.card-card:before,.card-card:after{content:"";position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.card-card:before{background:radial-gradient(circle at 35% 32%,#ffb18d,transparent 8%),linear-gradient(135deg,#271102 4%,#9d2703 44%,#150d0b 78%)}.commercial:after{background:linear-gradient(125deg,transparent 30%,rgba(255,77,0,.2)),url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1400&q=80') center/cover;mix-blend-mode:screen;opacity:.42}.motion:before{background:radial-gradient(circle at 55% 35%,#b5ffec,transparent 12%),linear-gradient(135deg,#0a1728,#064a59 48%,#37144a)}.estate:before{background:linear-gradient(140deg,#d9a363,#5d2e16 42%,#171514 78%)}.social:before{background:radial-gradient(circle at 55% 38%,#ed4848,transparent 15%),linear-gradient(135deg,#2a1835,#0e0f18 60%,#da461c)}.lab:before{background:radial-gradient(circle at 30% 30%,#fdfbc4,transparent 8%),linear-gradient(135deg,#121313,#466b67,#1e0a18)}.card-card:hover:before,.card-card:hover:after{transform:scale(1.06)}.card-no,.play{position:absolute;z-index:1;font:500 .72rem 'DM Mono',monospace}.card-no{left:1.4rem;top:1.3rem}.play{right:1.4rem;bottom:1.3rem;background:var(--paper);color:var(--ink);padding:.7rem .9rem}.card-copy{padding-bottom:.5rem}.card-copy h3{font-size:clamp(1.5rem,2.5vw,2.6rem);letter-spacing:-.055em;line-height:1;margin:.4rem 0 1rem}.card-copy>p:last-child,.about-copy p,.contact-copy{font-size:.94rem;line-height:1.65;color:#cac7c0}.about{border-top:1px solid var(--line);padding:17vh 8vw;display:grid;grid-template-columns:1.15fr 1fr;gap:10vw}.about h2{font-size:clamp(3.1rem,5.3vw,5.7rem)}.text-link{display:inline-block;margin-top:1.7rem;color:var(--paper);font-weight:700;text-decoration:none;border-bottom:1px solid var(--orange);padding-bottom:.5rem}.text-link span,.email span{color:var(--orange)}.contact{padding:16vh 8vw;background:var(--paper);color:var(--ink)}.contact h2{font-size:clamp(3.4rem,7.5vw,8rem)}.contact-copy{color:#484642;max-width:420px;margin:2rem 0}.email{font-size:clamp(1.2rem,2.6vw,2.7rem);font-weight:700;letter-spacing:-.06em;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--orange)}.socials{display:flex;gap:2rem;margin-top:8vh}.socials a{color:var(--ink);border-bottom:1px solid #aaa;padding-bottom:.4rem}footer{display:flex;justify-content:space-between;padding:1.3rem 4vw;font:500 .63rem 'DM Mono',monospace;text-transform:uppercase;color:#aaa}@media(max-width:700px){.nav nav{gap:1rem}.nav nav a:not(:last-child){display:none}.hero-copy{padding:0 6vw 11vh}.hero-side{display:none}.section-head,.category,.category:nth-child(even),.about{display:block}.section-head>p:last-child{margin-top:2rem}.category{margin-bottom:11vh}.category:nth-child(even) .card-card{order:initial}.card-card{height:76vw}.card-copy{padding-top:1.2rem}.about-copy{margin-top:3rem}.work,.about,.contact{padding-left:6vw;padding-right:6vw}.socials{gap:1.15rem;flex-wrap:wrap}footer{gap:1rem;flex-direction:column}.statement{padding-left:6vw;padding-right:6vw}}
