@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.inline-block{display:inline-block}.hidden{display:none}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:DM Sans,Arial,sans-serif;color:#f4f1ea;background:#10100f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #cfbd94;outline-offset:5px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.portfolio-shell{overflow:hidden}.topbar{position:absolute;z-index:20;top:0;left:0;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;width:100%;height:90px;padding:0 6.1vw;border-bottom:1px solid rgba(255,255,255,.15)}.wordmark{width:-moz-max-content;width:max-content;font-weight:600;font-size:23px;letter-spacing:-.09em}.wordmark span{margin-left:3px;font:9px DM Mono,monospace;vertical-align:top;letter-spacing:0}.primary-nav{display:flex;justify-content:center;gap:clamp(22px,4.2vw,68px);height:100%}.primary-nav button,.primary-nav a,.sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0;border:0;border-bottom:1px solid transparent;background:transparent;color:#ffffffad;font:10px DM Mono,monospace;letter-spacing:.105em;white-space:nowrap;cursor:pointer;transition:color .2s,border-color .2s}.primary-nav button:hover,.primary-nav a:hover,.sound-toggle:hover,.primary-nav .nav-active{color:#fff}.primary-nav .nav-active{border-bottom-color:#c9b58a}.sound-toggle{justify-self:end;gap:9px}.hero{position:relative;display:flex;min-height:min(900px,100svh);min-height:max(700px,100svh);align-items:center;justify-content:center;overflow:hidden;background:#111}.film-stage,.film-layer,.film-frame,.film-shade,.film-grain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.film-stage,.film-layer{overflow:hidden}.film-frame{width:max(100vw,177.78vh);height:max(100vh,56.25vw);top:50%;left:50%;transform:translate(-50%,-50%);border:0;pointer-events:none}.film-shade{z-index:1;background:linear-gradient(90deg,#0a0a0aa3,#0a0a0a3d 70%),linear-gradient(0deg,rgba(10,10,10,.56),transparent 36%,rgba(10,10,10,.2))}.film-grain{z-index:2;pointer-events:none;opacity:.11;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:4;width:min(900px,80vw);margin-top:10px;text-align:center}.eyebrow{margin:0 0 26px;color:#d5c49e;font:10px DM Mono,monospace;letter-spacing:.15em}.eyebrow span{padding:0 8px;opacity:.6}.hero h1,.intro-content h2,.about-content h2,.contact-content h2{margin:0;font-size:clamp(70px,10vw,150px);font-weight:300;line-height:.88;letter-spacing:-.075em}.hero h1 i,.intro-content h2 i,.about-content h2 i,.contact-content h2 i{font-family:Playfair Display,Georgia,serif;font-weight:400;letter-spacing:-.07em}.hero-description{max-width:370px;margin:30px auto 28px;color:#ffffffbf;font-size:14px;line-height:1.7;font-weight:300}.work-link,.all-work-link{display:inline-flex;align-items:center;gap:11px;padding:13px 18px;border:1px solid rgba(255,255,255,.5);border-radius:2px;font:10px DM Mono,monospace;letter-spacing:.1em;transition:background .25s,color .25s}.work-link:hover,.all-work-link:hover{background:#f4f1ea;color:#151514}.hero-meta{position:absolute;z-index:4;right:6.1vw;bottom:44px;left:6.1vw;display:flex;justify-content:space-between;color:#ffffffbf;font:9px DM Mono,monospace;letter-spacing:.12em}.hero-meta b{padding:0 7px;color:#cdb98d;font-size:8px}.scroll-cue{position:absolute;z-index:4;bottom:43px;left:50%;display:flex;align-items:center;gap:12px;transform:translate(-50%);color:#ffffffab;font:9px DM Mono,monospace;letter-spacing:.12em;white-space:nowrap}.scroll-line{display:block;width:35px;height:1px;background:#fff9}.sound-prompt{position:absolute;z-index:7;right:6.1vw;bottom:83px;display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.55);background:#0f0f0e94;font:9px DM Mono,monospace;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sound-prompt span{margin-left:4px;opacity:.65}.intro-section,.about-section{display:grid;grid-template-columns:1fr 2fr;gap:5vw;padding:130px 10vw 150px;color:#171715;background:#eae7df}.section-index{padding-top:9px;color:#77746d;font:10px DM Mono,monospace;letter-spacing:.09em}.intro-content,.about-content{max-width:790px}.eyebrow.dark{color:#756c58}.intro-content h2,.about-content h2{font-size:clamp(54px,7vw,98px)}.intro-description{max-width:440px;margin:28px 0 48px;color:#65635c;font-size:15px;line-height:1.8;font-weight:300}.film-list{border-top:1px solid #c7c3bb}.film-row{display:grid;grid-template-columns:52px 1fr 100px 28px;align-items:center;min-height:68px;border-bottom:1px solid #c7c3bb}.film-row>span{color:#77746d;font:9px DM Mono,monospace;letter-spacing:.08em}.film-row strong{font-weight:400;font-size:14px}.film-row a{display:grid;place-items:center}.all-work-link{margin-top:29px;border-color:#77746d}.about-section{background:#d8d3c8;padding-top:120px;padding-bottom:135px}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:65px}.skill-grid>div{border-top:1px solid #aca79d;padding-top:14px}.skill-grid span{color:#77746d;font:9px DM Mono,monospace}.skill-grid h3{margin:29px 0 10px;font-size:16px;font-weight:500}.skill-grid p{margin:0;color:#65635c;font-size:13px;line-height:1.75;font-weight:300}.contact-section{display:grid;grid-template-columns:1fr 2fr;gap:5vw;padding:112px 10vw 30px;color:#f4f1ea;background:#171715}.contact-section .section-index{color:#929087}.contact-content{min-height:460px}.contact-content h2{font-size:clamp(70px,9vw,125px)}.contact-links{display:flex;gap:27px;margin-top:40px}.contact-links a{display:inline-flex;align-items:center;gap:9px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.4);font:10px DM Mono,monospace;letter-spacing:.1em}.contact-note{margin-top:23px;color:#aaa79e;font-size:12px}.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:80px;margin-top:35px;border-top:1px solid rgba(255,255,255,.2);color:#aaa79e;font:9px DM Mono,monospace;letter-spacing:.08em}.footer-bottom .wordmark{color:#fff}@media(max-width:800px){.topbar{grid-template-columns:auto 1fr auto;height:74px;padding:0 6vw}.primary-nav{gap:clamp(10px,2vw,20px)}.primary-nav button,.primary-nav a,.sound-toggle{font-size:8px;letter-spacing:.05em}.sound-toggle span{display:none}.wordmark{font-size:20px}.hero{min-height:760px;min-height:100svh}.hero-copy{width:90vw}.hero h1{font-size:clamp(64px,13vw,112px)}.intro-section,.about-section,.contact-section{grid-template-columns:1fr;gap:36px;padding:90px 8vw 105px}.section-index{padding:0}.contact-section{padding-bottom:25px}.contact-content{min-height:390px}.footer-bottom{margin-top:0}}@media(max-width:520px){.topbar{grid-template-columns:auto 1fr;height:68px}.primary-nav{justify-content:flex-end;gap:13px}.primary-nav button,.primary-nav a{font-size:7px;letter-spacing:.025em}.sound-toggle{position:absolute;top:80px;right:6vw}.hero{min-height:680px;min-height:100svh}.hero-copy{width:92vw;margin-top:-10px}.eyebrow{font-size:8px;letter-spacing:.1em}.hero h1{font-size:clamp(60px,15vw,82px)}.hero-description{max-width:290px;font-size:13px}.hero-meta{right:6vw;bottom:32px;left:6vw;font-size:7px}.scroll-cue{bottom:72px;font-size:7px}.sound-prompt{right:6vw;bottom:105px;font-size:7px}.film-row{grid-template-columns:34px 1fr 53px 22px}.film-row strong{font-size:12px}.film-row>span{font-size:8px}.skill-grid{grid-template-columns:1fr;gap:26px;margin-top:48px}.skill-grid h3{margin-top:16px}.contact-links{flex-wrap:wrap;gap:18px}.footer-bottom{flex-wrap:wrap;gap:9px;padding:18px 0;font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#090908}.intro-poster,.intro-motion,.intro-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.intro-poster,.intro-motion{-o-object-fit:cover;object-fit:cover}.intro-poster{transition:opacity 1.25s ease}.intro-motion{opacity:0;transition:opacity 1.25s ease}.intro-started .intro-poster{opacity:0}.intro-started .intro-motion{opacity:1}.about-stats{display:flex;gap:clamp(24px,5vw,72px);margin:30px 0 8px}.about-stats div{display:grid;gap:7px}.about-stats strong{color:#f4f1eb;font:300 clamp(30px,4vw,48px)/1 "DM Sans",sans-serif;letter-spacing:-.06em}.about-stats span{color:#ffffff9e;font:8px DM Mono,monospace;letter-spacing:.1em}@media(max-width:520px){.about-stats{gap:18px}.about-stats span{font-size:7px;letter-spacing:.04em}}.intro-shade{background:linear-gradient(90deg,#00000085,#0000002b 55%,#0000006e),linear-gradient(0deg,rgba(0,0,0,.48),transparent 40%,rgba(0,0,0,.27))}.intro-copy{position:relative;z-index:2;width:min(900px,88vw);text-align:center}.intro-copy h1{margin:0;color:#f5f2eb;font-size:clamp(52px,8.5vw,118px);font-weight:300;line-height:.94;letter-spacing:-.07em}.intro-copy h1 i{font-family:Playfair Display,Georgia,serif;font-weight:400}.intro-subtitle{margin:27px 0 32px;color:#ffffffc2;font-size:14px;font-weight:300}.intro-footer{position:absolute;z-index:2;right:6vw;bottom:35px;left:6vw;display:flex;justify-content:space-between;color:#ffffffb8;font:9px DM Mono,monospace;letter-spacing:.12em}.projects-test{width:min(1180px,88vw)}.projects-test h1{font-size:clamp(44px,6vw,84px)}.projects-test .eyebrow{margin-bottom:17px}.projects-test .hero-description{margin:13px auto 19px;max-width:560px;font-size:12px}.project-track{display:flex;gap:17px;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:4px 1px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) rgba(255,255,255,.12);touch-action:pan-x}.project-card{flex:0 0 235px;scroll-snap-align:start;text-align:left}.project-thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#262625}.project-thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.83;transition:opacity .25s,transform .4s}.project-card:hover .project-thumb img{opacity:1;transform:scale(1.035)}.project-thumb span{position:absolute;right:9px;bottom:9px;display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(255,255,255,.7);background:#00000040}.project-card strong{display:block;margin-top:9px;overflow:hidden;color:#f5f2eb;font-size:12px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.project-card small{display:block;margin-top:5px;color:#ffffff94;font:8px DM Mono,monospace;letter-spacing:.07em}.scroll-cue b{color:#ffffffbf;font:9px DM Mono,monospace}@media(max-width:800px){.intro-footer{font-size:8px}.project-card{flex-basis:205px}.projects-test{width:90vw}}@media(max-width:520px){.intro-copy h1{font-size:clamp(49px,12vw,72px)}.intro-subtitle{margin:22px auto 26px;max-width:270px;font-size:12px}.intro-footer{right:6vw;left:6vw;bottom:24px;font-size:7px}.project-card{flex-basis:72vw}.projects-test{width:90vw}.projects-test h1{font-size:clamp(46px,11vw,62px)}.projects-test .hero-description{margin:10px auto 14px}}@media(max-width:600px){.topbar{display:grid;grid-template-columns:1fr auto;grid-template-rows:52px 42px;align-content:start;height:96px;padding:0 5vw;background:linear-gradient(180deg,#0a0a0ac2,#0a0a0a2e)}.wordmark{grid-column:1;grid-row:1;align-self:center}.sound-toggle{position:static;grid-column:2;grid-row:1;justify-self:end;align-self:center}.sound-toggle span{display:inline;font-size:7px}.primary-nav{grid-column:1 / -1;grid-row:2;justify-content:space-between;gap:4px;min-width:0;height:42px;border-top:1px solid rgba(255,255,255,.14)}.primary-nav button{flex:0 1 auto;min-width:0;font-size:clamp(6px,1.8vw,8px);letter-spacing:.015em}.primary-nav button:last-child{gap:3px}.hero{min-height:100svh;padding:96px 0 86px}.hero-copy{width:92vw;margin-top:0}.hero h1{font-size:clamp(53px,13vw,76px);line-height:.91}.eyebrow{margin-bottom:20px;font-size:7px;letter-spacing:.09em}.hero-description{max-width:300px;margin:22px auto;font-size:12px}.hero-meta{right:5vw;bottom:22px;left:5vw;font-size:6px;letter-spacing:.06em}.hero-meta b{padding:0 3px}.scroll-cue{bottom:54px;gap:7px;font-size:6px;letter-spacing:.06em}.scroll-line{width:20px}.sound-prompt{right:5vw;bottom:82px;left:5vw;justify-content:center;padding:10px;font-size:7px}.film-frame{width:max(177.78vh,100vw);height:max(100vh,56.25vw)}.projects-test{width:92vw}.projects-test h1{font-size:clamp(39px,10vw,58px)}.projects-test .hero-description{margin:10px auto 12px;font-size:10px}.project-track{gap:12px;margin:0 -2vw;width:96vw;padding:4px 2vw 12px}.project-card{flex-basis:76vw}.about-stats{gap:8px;margin:24px auto 4px}.about-stats div{flex:1 1 0;min-width:0;text-align:center}.about-stats strong{font-size:clamp(28px,8.5vw,38px)}.about-stats span{font-size:6px;letter-spacing:.015em;line-height:1.4}.contact-links{justify-content:center;gap:20px;margin-top:28px}.intro-copy{width:90vw;padding-bottom:12px}.intro-copy h1{font-size:clamp(45px,11.5vw,68px)}.intro-subtitle{margin:20px auto 24px;max-width:270px;font-size:12px}.intro-footer{right:5vw;left:5vw;bottom:18px;gap:12px;font-size:6px;letter-spacing:.06em}}@media(max-width:360px){.primary-nav button,.sound-toggle span{font-size:6px}.hero h1{font-size:51px}.projects-test h1{font-size:38px}.about-stats span{font-size:5.5px}}@media(max-height:520px)and (max-width:900px){.topbar{height:78px;grid-template-rows:40px 36px}.hero{min-height:100svh;padding-top:78px;padding-bottom:65px}.hero h1{font-size:clamp(42px,8vw,64px)}.eyebrow{margin-bottom:12px}.hero-description{margin:12px auto}.hero-meta{bottom:15px}.scroll-cue{bottom:37px}}