body{--bs-body-font-family:var(--font-inter-sans),Arial,sans-serif;background-color:rgb(var(--background));color:rgb(var(--muted-foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:var(--bs-body-font-family)}h1,h2,h3,h4,h5,h6,.regular{color:rgb(var(--foreground))}*{border-color:rgb(var(--border))}a{text-decoration:none!important}.regular{font-family:var(--bs-body-font-family);font-style:normal;font-weight:400}.regular-italic{font-family:var(--bs-body-font-family);font-style:italic;font-weight:400}h1,h1.regular,.display-1,.display-2,.display-3,.display-4,.display-5{letter-spacing:-.075em;font-weight:650}h2,h3,h4,h5,h6{letter-spacing:-.055em;font-weight:550}.smaller{font-size:12px}.smallest{font-size:10px}.medium{font-size:16px}.fs-18{font-size:18px}.fs-36{font-size:36px}.lh-16{line-height:16px}.lh-28{line-height:28px}.h-783{height:783.28px}#writing-details h1,#writing-details h2,#writing-details h3,#writing-details h4,#writing-details h5,#writing-details h6{margin-top:2rem;font-weight:700!important}#writing-details hr{margin:30px 0}
html{height:100dvh}body{background-color:rgb(var(--background));margin-left:auto;margin-right:auto;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(42vw 42vw at 78% 12%,rgba(var(--wash-1),var(--wash-alpha))0%,transparent 62%),radial-gradient(38vw 38vw at 92% 30%,rgba(var(--wash-2),var(--wash-alpha))0%,transparent 60%);position:fixed;inset:0}.h-84{height:94px}#header{background-color:rgba(var(--background),.72);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid #0000;transition:border-color .25s,background-color .25s}#header.is-stuck{border-bottom-color:rgb(var(--border))}#banner{min-height:calc(100dvh - 96px);padding-top:120px;padding-bottom:80px}#banner .display-1{letter-spacing:-2.4px;font-size:96px;line-height:96px}#mobileMenu a{color:var(--bs-secondary);opacity:.8}.dot{background:rgb(var(--primary));border-radius:50%;flex:none;width:6px;height:6px}.works-list:last-child{margin-bottom:0!important}.gallery-container{overflow:hidden}.gallery-img{object-fit:cover;border-radius:var(--radius-lg);border:1px solid rgb(var(--border));width:238px;height:316.83px}.scroll-row{width:max-content;display:flex}.scroll-left{animation:22s linear infinite scrollLeft}.scroll-right{animation:22s linear infinite scrollRight}.featured-work-card{cursor:pointer;background:rgb(var(--elevated));transition:border-color .25s,transform .25s,box-shadow .25s;border-color:rgb(var(--border))!important}.featured-work-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px -12px #00000024;border-color:rgb(var(--border-strong))!important}[data-bs-theme=dark] .featured-work-card:hover{box-shadow:0 12px 32px -12px #0009}.featured-work-card a{color:rgb(var(--foreground));transition:color .25s}.featured-work-card:hover a{color:rgb(var(--primary))}.nav-item-link{color:rgb(var(--muted-foreground));transition:color .2s;position:relative}.nav-item-link:after{content:"";transform-origin:100%;background:currentColor;height:1.5px;transition:transform .25s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-item-link:hover,.nav-item-link.is-active{color:rgb(var(--foreground))}.nav-item-link:hover:after,.nav-item-link.is-active:after{transform-origin:0;transform:scaleX(1)}.site-brand:hover{opacity:.75;transition:opacity .2s}.theme-toggle{border:1px solid rgb(var(--border));background:rgba(var(--elevated),.6);width:34px;height:34px;color:rgb(var(--muted-foreground));border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.theme-toggle:hover{color:rgb(var(--foreground));border-color:rgb(var(--border-strong));background:rgb(var(--surface-2))}.theme-toggle-icon{width:1em;height:1em;font-size:15px;line-height:1em;display:block}[data-bs-theme=dark] .menu-icon{filter:invert()}.article-link{transition:opacity .2s}.article-link-title{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:rgba(var(--foreground),.25);text-decoration-color:rgba(var(--foreground),.25);transition:text-decoration-color .2s,color .2s}.article-link:hover .article-link-title{color:rgb(var(--primary));text-decoration-color:currentColor}.contact-link{text-underline-offset:3px;transition:color .2s}.media-frame{background:rgb(var(--surface-2))}.section-muted{background-color:rgb(var(--surface))}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid rgb(var(--ring));outline-offset:3px;border-radius:4px}.skip-link{z-index:1100;background:rgb(var(--foreground));color:rgb(var(--background));border-radius:8px;padding:.65rem 1rem;transition:top .2s;position:fixed;top:-100px;left:1rem}.skip-link:focus{color:rgb(var(--background));top:1rem}::selection{background:rgba(var(--primary),.16)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.bg-blur{background-color:rgba(var(--background),.95);-webkit-backdrop-filter:blur(30px)}#article-hero{background-color:#121215;min-height:244px}[data-bs-theme=dark] #article-hero{background-color:rgb(var(--surface));border-bottom:1px solid rgb(var(--border))}#article-body{font-size:1.0625rem}#article-body p{color:rgb(var(--foreground));margin-bottom:1.25rem;line-height:1.75}#article-body ul li,#article-body ol li{color:rgb(var(--foreground));margin-bottom:.5rem;line-height:1.75}#article-body h5,#article-body h6{margin-top:24px}#article-body hr{border-color:rgb(var(--border));opacity:1}#article-body a{color:rgb(var(--primary));text-underline-offset:3px;text-decoration:underline!important}#article-body img{border-radius:var(--radius);border:1px solid rgb(var(--border));max-width:100%;height:auto}#article-body :not(pre)>code{background:rgb(var(--surface-2));border:1px solid rgb(var(--border));border-radius:5px;padding:.1em .35em;font-size:.9em}#article-body pre{background:rgb(var(--surface-2));border:1px solid rgb(var(--border));border-radius:var(--radius);padding:1rem 1.15rem;overflow-x:auto}.glass-card{background:rgba(var(--elevated),.55);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(var(--border));border-radius:var(--radius)}
#banner .display-1{font-size:clamp(46px,5vw + 1rem,96px);line-height:1.1}@media (max-width:575.98px){#banner{min-height:auto;padding-bottom:40px;height:95%!important}#banner .display-2{font-size:clamp(2rem,8vw,5.8rem)}#banner .caption{font-size:14px}.h-783{height:200px}}@media (min-width:1400px){#banner .display-1{font-size:clamp(46px,5vw + 1rem,96px);line-height:clamp(46px,5vw + 1rem,96px)}.container-lg{max-width:1424px}}
:root{--background:255,255,255;--surface:250,250,251;--surface-2:244,244,246;--elevated:255,255,255;--foreground:24,24,27;--muted-foreground:100,104,112;--border:229,229,234;--border-strong:214,214,220;--primary:45,90,245;--primary-foreground:255,255,255;--accent:255,102,51;--ring:45,90,245;--success:22,163,74;--destructive:225,60,62;--wash-1:236,122,205;--wash-2:120,148,255;--wash-alpha:.2;--radius:.75rem;--radius-lg:1.25rem;--card:var(--surface);--card-foreground:var(--foreground);--popover:var(--elevated);--popover-foreground:var(--foreground);--muted:var(--surface-2);--secondary:214,51,132;--secondary-foreground:255,255,255;--accent-foreground:255,255,255;--destructive-foreground:250,250,250;--input:var(--border);--bs-body-bg:rgb(var(--background));--bs-body-color:rgb(var(--muted-foreground));--bs-emphasis-color:rgb(var(--foreground));--bs-secondary-color:rgb(var(--muted-foreground));--bs-border-color:rgb(var(--border));--bs-link-color:rgb(var(--foreground));--bs-link-hover-color:rgb(var(--primary));--bs-primary-rgb:var(--primary);--bs-success-rgb:var(--success);--bs-secondary-rgb:var(--surface-2);--bs-heading-color:rgb(var(--foreground))}[data-bs-theme=dark]{--background:9,9,11;--surface:20,20,23;--surface-2:28,28,32;--elevated:24,24,27;--foreground:244,244,245;--muted-foreground:154,154,165;--border:39,39,44;--border-strong:55,55,62;--primary:122,158,255;--primary-foreground:9,9,11;--ring:122,158,255;--success:74,210,130;--destructive:248,113,113;--wash-1:190,80,170;--wash-2:70,100,220;--wash-alpha:.26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.bg-light{background-color:rgb(var(--surface-2))!important}.bg-white{background-color:rgb(var(--background))!important}.text-dark,.text-black{color:rgb(var(--foreground))!important}.text-muted{color:rgb(var(--muted-foreground))!important}.border,.border-top,.border-bottom,.border-start,.border-end,.border-secondary{border-color:rgb(var(--border))!important}.card{--bs-card-bg:rgb(var(--elevated));--bs-card-border-color:rgb(var(--border));--bs-card-color:rgb(var(--muted-foreground))}.offcanvas{--bs-offcanvas-bg:rgb(var(--background));--bs-offcanvas-color:rgb(var(--muted-foreground))}
@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}
:root{--foreground:30,30,30;--muted-foreground:108,108,108;--primary:42,69,129;--ring:42,69,129;--radius:.375rem;--radius-lg:.5rem}html{scroll-behavior:smooth;scroll-padding-top:110px}body:before{display:none}.page-shell{width:min(100% - 112px,1200px);margin-inline:auto}#header{background:#fffffff5}#header nav{width:min(100% - 88px,1200px);max-width:1200px}#header nav>.row{margin-inline:0}#header nav>.row>.col-auto{padding-inline:0}.site-brand{color:rgb(var(--foreground))}.nav-item-link{font-size:14px}.portfolio-intro{padding-top:158px;padding-bottom:72px;position:relative}.portfolio-intro:before{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;background:linear-gradient(135deg,rgba(var(--wash-1),.55),rgba(var(--wash-2),.55));border-radius:50%;width:160px;position:fixed;top:180px;right:max(56px,50% - 600px);-webkit-mask-image:radial-gradient(circle,#0000 26%,#000 43%,#0000 69%);mask-image:radial-gradient(circle,#0000 26%,#000 43%,#0000 69%)}.portfolio-intro h1{text-wrap:balance;max-width:calc(100% - 200px);margin:0;font-size:100px;line-height:1.02;animation:.55s ease-out both intro-arrive}.portfolio-intro h1>span{display:block}.intro-details{grid-template-columns:1.3fr 1fr;align-items:end;gap:64px;margin-top:44px;display:grid}.intro-details>p{color:#747474;margin:0;font-size:20px;line-height:1.65}.intro-details b{color:#272727;font-weight:500}.intro-meta{flex-wrap:wrap;justify-self:end;gap:24px 42px;padding-bottom:4px;font-size:12px;line-height:1.65;display:flex}.intro-meta>div{flex-direction:column;gap:4px;display:flex}.intro-meta>div>span:first-child{color:#858585}.intro-meta strong,.intro-meta>div>:last-child{color:#393939;font-weight:400}.work-section{padding-bottom:84px}.section-heading{border-top:1px solid #c8c8c8;justify-content:space-between;align-items:center;gap:20px;padding-block:18px;display:flex}.section-heading h2{letter-spacing:.12em;margin:0;font-size:14px;font-weight:600}.section-heading h2>span{color:#818181}.project-arrow{color:#242424;place-items:center;width:36px;height:36px;font-size:24px;display:grid}.project-heading{grid-template-columns:1.3fr 1fr;align-items:end;gap:48px;padding-block:24px 40px;display:grid}.project-heading h3{margin:0;font-size:88px;line-height:1}.project-heading h3 a{color:#242424;align-items:center;gap:28px;display:inline-flex}.project-heading h3 i{font-size:36px;transition:transform .18s}.project-heading h3 a:hover i{transform:translate(3px,-3px)}.project-summary{justify-self:end;max-width:360px;padding-bottom:4px}.project-summary p{color:#4b4b4b;margin:12px 0 0;font-size:18px;line-height:1.5}.project-date{color:#858585;white-space:nowrap;font-size:12px}.project-stage{background:#f0f1f3;border-block:1px solid #e7e8eb;padding:64px 56px}.project-preview{background:#fff;border:1px solid #d7d9de;border-radius:6px;width:min(100%,1120px);margin-inline:auto;overflow:hidden;box-shadow:0 30px 56px -30px #242c3d42,0 4px 12px #242c3d08}.project-preview video{aspect-ratio:auto 1692/1080;object-fit:contain;width:100%;display:block}.project-description{color:#6d6d6d;grid-template-columns:1fr 1fr;gap:56px;padding-top:44px;font-size:16px;line-height:1.85;display:grid}.project-description p{margin:0}.portfolio-project+.portfolio-project{border-top:1px solid #dcdcdc;margin-top:72px}.editorial-footer>.container-fluid{background:#fafafa}.editorial-footer h2{letter-spacing:-.055em;font-size:52px;font-weight:550;line-height:1.08}.editorial-footer .contact-link{color:#242424;overflow-wrap:anywhere}.editorial-footer .contact-link:hover{color:rgb(var(--primary))}@keyframes intro-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.portfolio-intro{padding-top:176px;padding-bottom:88px}.portfolio-intro h1{font-size:112px}}@media (max-width:1199px){.portfolio-intro h1{font-size:84px}.intro-details{gap:48px}.intro-details>p{font-size:18px}}@media (max-width:991px){.page-shell{width:calc(100% - 64px)}#header nav{width:calc(100% - 40px)}.portfolio-intro{padding-top:140px;padding-bottom:56px}.portfolio-intro h1{font-size:72px}.portfolio-intro:before{width:112px;top:158px;right:32px}.portfolio-intro h1{max-width:calc(100% - 136px)}.intro-details{grid-template-columns:1.6fr 1fr;gap:32px;margin-top:32px}.intro-meta{gap:16px 24px}.project-heading{grid-template-columns:1fr 1fr;gap:24px}.project-heading h3{font-size:68px}.project-heading h3 i{font-size:28px}.project-heading h3 a{gap:16px}.project-summary p{font-size:16px}.project-stage{padding:44px 32px}.project-description{gap:32px}}@media (max-width:767px){.page-shell{width:calc(100% - 40px)}#header{height:78px;padding-inline:20px}#header nav{width:100%}.portfolio-intro{padding-top:116px;padding-bottom:40px}.portfolio-intro:before{width:72px;top:auto;bottom:30px;right:20px}.portfolio-intro h1{max-width:none;font-size:58px;line-height:1.04}.intro-details{grid-template-columns:1fr;gap:28px;margin-top:26px}.intro-details>p{grid-row:1;max-width:520px;font-size:16px;line-height:1.65}.intro-meta{justify-self:start;gap:32px;padding-right:88px;font-size:11px}.work-section{padding-bottom:48px}.section-heading{padding-block:12px}.section-heading h2{font-size:12px}.project-heading{grid-template-columns:1fr;gap:20px;padding-block:20px 28px}.project-heading h3{font-size:64px}.project-heading h3 a{justify-content:space-between;gap:20px;display:flex}.project-heading h3 i{font-size:30px}.project-summary{grid-template-columns:1fr auto;justify-self:stretch;align-items:start;gap:24px;max-width:none;display:grid}.project-summary p{grid-area:1/1;max-width:320px;margin:0;font-size:14px}.project-date{grid-area:1/2;padding-top:2px;font-size:11px}.project-stage{padding:28px 16px}.project-preview{border-radius:4px}.project-description{grid-template-columns:1fr;gap:20px;padding-top:28px;font-size:15px}.editorial-footer h2{font-size:42px}}@media (max-width:479px){.portfolio-intro h1{font-size:48px}.intro-details>p{font-size:15px}}@media (max-width:359px){.portfolio-intro h1{font-size:42px}.intro-details>p{font-size:14px}.project-heading h3{font-size:54px}.project-summary{gap:16px}.project-summary p{font-size:13px}.project-date{font-size:10px}}@media (min-width:768px) and (max-height:800px){.portfolio-intro{padding-top:130px;padding-bottom:44px}.portfolio-intro h1{font-size:80px}.intro-details{margin-top:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-intro h1{animation:none}}
