:root{--page-inset:clamp(20px,6vw,96px);--grid-gap:8px;--header-height:64px;--color-bg:#f0f0f0;--color-fg:#000;--color-muted:#6b6b6b;--color-rule:#0000002e;--font-sans:"Geist","Helvetica Neue",Helvetica,Arial,sans-serif;--fs-small:11px;--lh-small:15px;--fw-regular:417;--fw-medium:499;--fw-light:280}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0;background-color:var(--color-bg);color:#000;color:var(--color-fg);font-family:Geist,Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-sans);margin:0;padding:0}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:var(--color-fg);text-align:left}.App,.homepage{background-color:var(--color-bg);min-height:100vh}.homepage__main{padding:var(--header-height) var(--page-inset) 80px}.site-header{background-color:var(--color-bg);left:0;position:fixed;top:0;width:100%;z-index:100}.site-header__inner{align-items:center;display:flex;height:var(--header-height);justify-content:space-between;padding:0 var(--page-inset)}.site-header__brand{color:var(--color-fg);font-size:var(--fs-small);font-weight:var(--fw-regular);letter-spacing:normal;line-height:var(--lh-small);transition:opacity .2s ease}.site-header__brand:hover{opacity:.4}.site-header__nav{align-items:center;display:flex;gap:clamp(18px,3vw,44px)}.site-header__link{color:var(--color-fg);font-size:var(--fs-small);font-weight:var(--fw-regular);letter-spacing:normal;line-height:var(--lh-small);opacity:1;transition:opacity .2s ease}.site-header__link.is-active,.site-header__link:hover{opacity:.4}@media (max-width:600px){.site-header__nav{gap:14px}}.portfolio-grid{column-count:2;column-gap:0;margin:0 auto;max-width:1700px}.portfolio-item{break-inside:avoid;display:block;margin-bottom:0;page-break-inside:avoid;width:100%}.portfolio-item.is-hidden{opacity:0;transform:translateY(40px)}.portfolio-item.is-anim{opacity:1;transform:translateY(0);transition:transform 1s ease-in-out,opacity .8s ease-in-out;will-change:transform,opacity}.portfolio-item.is-instant{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.portfolio-item.is-anim,.portfolio-item.is-hidden{opacity:1;transform:none;transition:none}}.portfolio-item__media{background-color:#e2e2e2;overflow:hidden;position:relative}.portfolio-item__image{display:block;height:auto;transition:transform .5s ease,filter .35s ease;width:100%}.portfolio-item__title{align-items:center;background-color:#00000047;color:#fff;display:flex;font-size:var(--fs-small);font-weight:var(--fw-regular);inset:0;justify-content:center;letter-spacing:normal;line-height:var(--lh-small);opacity:0;padding:12px;pointer-events:none;position:absolute;text-align:center;text-transform:uppercase;transition:opacity .3s ease}.portfolio-item:hover .portfolio-item__image{transform:scale(1.02)}.portfolio-item:hover .portfolio-item__title{opacity:1}@media (max-width:768px){.portfolio-grid{column-count:1}.portfolio-item__title{align-items:flex-end;background-color:#00000038;justify-content:flex-start;opacity:1}}.contact-footer{bottom:22px;color:var(--color-fg);font-size:var(--fs-small);font-weight:var(--fw-regular);letter-spacing:normal;line-height:var(--lh-small);opacity:1;position:fixed;right:var(--page-inset);transition:opacity .2s ease;z-index:100}.contact-footer:hover{opacity:.4}@media (max-width:600px){.contact-footer{bottom:16px}}.project{background-color:var(--color-bg);min-height:100vh}.project__main{margin:0 auto;max-width:1700px;padding:calc(var(--header-height) + 28px) var(--page-inset) 100px}.project__title{font-size:33px;font-weight:var(--fw-medium);letter-spacing:normal;line-height:1.1;margin:0 0 32px}.project__intro{grid-gap:clamp(24px,6vw,90px);align-items:start;display:grid;gap:clamp(24px,6vw,90px);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.project__description{max-width:46ch}.project__description p{color:var(--color-fg);font-size:var(--fs-small);font-weight:var(--fw-regular);line-height:var(--lh-small);margin:0 0 14px}.project__description p:last-child{margin-bottom:0}.project__description a{text-decoration:underline;text-underline-offset:2px}.project__credits-head{border-bottom:1px solid var(--color-rule);font-weight:var(--fw-regular);padding-bottom:8px}.project__credits-body,.project__credits-head{font-size:var(--fs-small);line-height:var(--lh-small)}.project__credits-body{color:var(--color-fg);display:flex;flex-direction:column;font-weight:var(--fw-light);gap:2px;padding-top:8px}.project__rule{border:none;border-top:1px solid var(--color-rule);margin:36px 0 0}.project__media{display:flex;flex-direction:column;gap:var(--grid-gap);margin-top:48px}.pm-video{background-color:#000;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.pm-video iframe,.pm-video video{border:0;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.pm-full{display:block;height:auto;width:100%}.pm-row{grid-gap:var(--grid-gap);display:grid;gap:var(--grid-gap);grid-template-columns:1fr 1fr}.pm-row img,.pm-row video{display:block;height:100%;object-fit:cover;width:100%}.pm-section{margin-top:40px}.pm-section__title{font-size:20px;font-weight:var(--fw-medium);letter-spacing:normal;line-height:1.2;margin:32px 0 0}.pm-section__rule{border:none;border-top:1px solid var(--color-rule);margin:14px 0 16px}.pm-section__copy{color:var(--color-fg);font-size:var(--fs-small);font-weight:var(--fw-regular);line-height:var(--lh-small);max-width:60ch}@media (max-width:768px){.project__intro{gap:24px}.pm-row,.project__intro{grid-template-columns:1fr}}.photo-container{background-color:var(--color-bg);min-height:100vh}.photo-main{margin:0 auto;max-width:1700px;padding:calc(var(--header-height) + 28px) var(--page-inset) 100px}.photo-title{font-size:33px;font-weight:var(--fw-medium);letter-spacing:normal;line-height:1.1;margin:0 0 20px}.photo-rule{border:none;border-top:1px solid var(--color-rule);margin:0 0 24px}.photo-main p{color:var(--color-fg);font-size:var(--fs-small);font-weight:var(--fw-regular);line-height:var(--lh-small)}.showreel-page{background-color:var(--color-bg);min-height:100vh}.showreel-main{margin:0 auto;max-width:1700px;padding:calc(var(--header-height) + 28px) var(--page-inset) 100px}.showreel-title{font-size:33px;font-weight:var(--fw-medium);letter-spacing:normal;line-height:1.1;margin:0 0 20px}.showreel-rule{border:none;border-top:1px solid var(--color-rule);margin:0 0 36px}.showreel-video-container{width:100%}.showreel-video{aspect-ratio:16/9;background-color:#000;border:none;display:block;height:auto;width:100%}.contact-container{background-color:var(--color-bg);min-height:100vh;overflow:visible;padding:calc(var(--header-height) + 28px) var(--page-inset) 80px}.iframe-container{margin:0 auto;max-width:1100px;position:relative;width:100%}.cv-iframe{background-color:initial;border:none;display:block;height:1800px;min-height:0;width:100%}.index-page{background-color:var(--color-bg);min-height:100vh}.index-main{padding:calc(var(--header-height) + 20px) var(--page-inset) 100px;position:relative}.index-list{list-style:none;margin:0;padding:0;position:relative;z-index:2}.index-item{color:var(--color-fg);display:inline-block;font-size:38px;font-weight:var(--fw-medium);letter-spacing:normal;line-height:1.1;text-transform:uppercase;transition:opacity .2s ease}.index-list:hover .index-item{opacity:.35}.index-list .index-item:hover{opacity:1}.index-preview{opacity:0;pointer-events:none;position:fixed;right:var(--page-inset);top:50%;transform:translateY(-50%);transition:opacity .25s ease;width:min(46vw,620px);z-index:1}.index-preview.is-visible{opacity:1}.index-preview img{display:block;height:auto;width:100%}@media (max-width:768px){.index-item{text-transform:uppercase}.index-preview{display:none}.index-list:hover .index-item{opacity:1}}.NavBar{display:flex;flex-direction:column;position:fixed;top:0;width:100%;z-index:1000}.navbar{background:linear-gradient(180deg,#fff 0,#fff0);height:90px;justify-content:center;padding:10px 0;z-index:2}.navbar,.navbar-content{align-items:center;display:flex}.navbar-content{justify-content:space-between;margin:0 auto;max-width:1800px;padding:0 50px;width:100%}.logo-link{align-items:center;display:flex}.logo{height:30px;max-width:100px;transition:filter .3s ease;width:auto}.logo-link:hover .logo{filter:brightness(1.5)}.nav-links{display:flex;gap:60px;list-style:none;margin:0}.nav-links li{display:inline-block}.nav-links a{font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .3s ease,transform .3s ease}.navbar-home .nav-links a{color:#353535}.navbar-home .nav-links a:hover{color:#9b9898}.navbar-other .nav-links a{color:#000}.navbar-other .nav-links a:hover{color:#555}.menu-icon{cursor:pointer;display:none;height:auto;width:30px}.menu-icon-black{filter:invert(0) brightness(0)}.dropdown-menu{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.exit-icon{cursor:pointer;filter:invert(0) brightness(0);position:absolute;right:20px;top:20px;width:30px}.dropdown-menu ul{list-style:none;padding:0}.dropdown-menu li{margin:20px 0}.dropdown-menu a{color:#000;font-size:1.5rem;text-decoration:none}@media (max-width:768px){.navbar-content{padding:0 10px}.nav-links{display:none}.menu-icon{display:block}.nav-links-open{align-items:center;display:flex;flex-direction:column}.logo{height:30px;margin-top:-10px}.menu-icon{padding-top:5px}}
/*# sourceMappingURL=main.bc986699.css.map*/