@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;450;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;accent-color:var(--accent);--page-bg:#0d0d0d;--surface:#151515;--text:#f1f1f1;--muted:#a9a9a9;--line:#ffffff29;--accent:#f2f2f2;--entry-bg:#0b0b0b;--button-text:#1d1d1d;--font-body:"DM Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;font-family:var(--font-body);font-synthesis:none;background:var(--page-bg);color:var(--text)}:root[data-theme=light],[data-theme=light]{color-scheme:light;--page-bg:#f8f8f8;--surface:#fff;--text:#161616;--muted:#666;--line:#0000001f;--accent:#111;--entry-bg:#f2f2f2;--button-text:#f8f8f8}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--page-bg:#f8f8f8;--surface:#fff;--text:#161616;--muted:#666;--line:#0000001f;--accent:#111;--entry-bg:#f2f2f2;--button-text:#f8f8f8}}*{box-sizing:border-box}img,video,canvas{filter:grayscale()}body{min-width:280px;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{background:var(--accent);color:var(--page-bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}p{color:var(--muted);font-size:14px;line-height:1.7}.skip-link{background:var(--accent);color:var(--page-bg);z-index:10;padding:12px 18px;position:fixed;top:-100px;left:32px}.skip-link:focus{top:30px}.portfolio-frame{border:0;grid-template-columns:220px minmax(0,1fr);width:100%;min-height:100dvh;margin:0;padding:0;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;padding:36px 24px 24px;display:flex}.brand{flex-direction:column;align-items:flex-start;gap:22px;width:fit-content;display:flex}.monogram{letter-spacing:-3px;font-size:36px;font-weight:500;line-height:1}.monogram span{color:var(--accent)}.brand-name{letter-spacing:-.3px;font-size:16px}.brand-name small{letter-spacing:.25px;color:var(--muted);margin-top:5px;font-size:11px;display:block}.sidebar nav{gap:6px;margin-top:65px;display:grid}.sidebar nav a{min-height:46px;color:var(--muted);align-items:center;gap:16px;padding:0 10px;font-size:13px;transition:color .2s,background .2s;display:flex}.nav-index{font:10px var(--font-mono);color:#929292}.sidebar nav a:hover{color:var(--text);background:#ffffff06}.sidebar nav a[aria-current=page]{color:var(--accent);background:#dadada0b}.nav-dot{border-radius:50%;width:4px;height:4px;margin-left:auto}.sidebar nav a[aria-current=page] .nav-dot{background:var(--accent)}.sidebar-bottom{margin-top:auto;padding-top:24px;padding-bottom:54px}.location{font-size:11px;line-height:1.9}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-right:8px;display:inline-block}.location-note{color:#929292;font-size:10px}.copyright{font:9px var(--font-mono);color:#929292;margin-top:16px;display:block}.social-links{border-top:1px solid var(--line);gap:0;width:min(100%,172px);margin-top:14px;padding-top:8px;font-size:12px;display:grid}.social-links a{grid-template-columns:16px minmax(0,1fr) 13px;align-items:center;gap:11px;min-height:32px;display:grid}.social-links a>svg:first-child{width:16px;height:16px}.social-links .arrow{justify-self:end;width:13px;height:13px}.social-links a:hover{color:var(--accent)}.sound-control{z-index:50;align-items:center;gap:8px;display:flex;position:fixed;bottom:18px;left:24px}.theme-toggle{box-sizing:border-box;background:#111111ed;border:1px solid #3b3b3b;border-radius:9999px;align-items:center;gap:2px;height:40px;padding:3px;display:inline-flex}.theme-btn{color:#777;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:color .15s,background-color .15s;display:grid}.theme-btn:hover{color:#ddd}.theme-btn[data-active]{color:#fff;background:#252525}:root[data-theme=light] .theme-toggle{background:#ffffffed;border-color:#d0d0d0}:root[data-theme=light] .theme-btn{color:#888}:root[data-theme=light] .theme-btn:hover{color:#111}:root[data-theme=light] .theme-btn[data-active]{color:#111;background:#e4e4e4}:root[data-theme=light] [data-sound-toggle]{color:#666;background:#ffffffed;border-color:#d0d0d0}:root[data-theme=light] [data-sound-toggle]:hover,:root[data-theme=light] [data-sound-toggle][data-sound-enabled]{color:#111;border-color:#777}:root[data-theme=light] .sidebar nav a:hover{background:#0000000a}:root[data-theme=light] .sidebar nav a[aria-current=page]{background:#0000000f}:root[data-theme=light] .project-empty{background:linear-gradient(135deg, #fff, var(--page-bg))}:root[data-theme=light] .entry-link{border-bottom-color:#bbb}:root[data-theme=light] .entry-screen{background:radial-gradient(at 88% 0,#c8c8c840,#0000 55%)}[data-sound-toggle]{color:#ababab;background:#111111ed;border:1px solid #3b3b3b;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;transition:color .2s,border-color .2s;display:grid}[data-sound-toggle]:hover,[data-sound-toggle][data-sound-enabled]{color:#eee;border-color:#707070}.sound-icon-on,[data-sound-enabled] .sound-icon-off{display:none}[data-sound-enabled] .sound-icon-on{display:inline}.entry-body .sound-control{bottom:70px;left:40px}body:has(desk-explorer[data-open]) .sound-control{display:none}.page{flex-direction:column;min-width:0;padding:0 48px;display:flex}.page:focus,.entry-screen:focus{outline:none}.page-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:79px;font-size:12px;display:flex}.page-number,.eyebrow,.fine-print,.service-index{font:10px/1.65 var(--font-mono);color:var(--muted)}.page-number{color:#929292;font-size:10px}.page-content{flex-direction:column;flex:1;padding:36px 0 28px;display:flex}.page-footer{border-top:1px solid var(--line);color:#929292;justify-content:space-between;align-items:center;gap:12px;min-height:49px;font-size:10px;display:flex}.eyebrow{letter-spacing:1px;text-transform:uppercase}.muted{color:var(--muted)}.button{justify-content:center;align-items:center;gap:26px;width:fit-content;min-height:46px;padding:12px 20px;font-size:12px;transition:background .2s,color .2s;display:inline-flex}.button-primary{background:var(--accent);color:var(--button-text,#1d1d1d);border:1px solid var(--accent)}.button-primary:hover{background:#e7e7e7}:root[data-theme=light] .button-primary:hover{background:#333;border-color:#333}.button:disabled{color:#adadad;background:#252525;border-color:#414141}.arrow{flex-shrink:0;transition:transform .2s}.diagonal{transform:rotate(-45deg)}a:hover>.arrow{transform:translate(3px)}a:hover>.diagonal{transform:rotate(-45deg)translate(3px)}.text-link:hover{color:var(--accent)}.section-heading{margin-bottom:30px}.section-heading h1{letter-spacing:-1.5px;margin:13px 0 14px;font-size:clamp(29px,3.4vw,48px);font-weight:300;line-height:1.18}.section-heading>p:last-child:not(:first-child){max-width:590px;font-size:13px}.section-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:30px;display:flex}.section-bottom p{font-size:12px}.project-empty{border:1px solid var(--line);background:linear-gradient(135deg, #141414, var(--page-bg));flex-direction:column;flex:1;min-height:340px;padding:24px 30px;display:flex}.project-empty-content{max-width:430px;margin:auto;padding:32px 0}.empty-mark{font:28px var(--font-mono);color:var(--accent)}.project-empty h2{letter-spacing:-.7px;margin:20px 0 12px;font-size:27px;line-height:1.3}.project-empty p{font-size:13px}.text-link{align-items:center;gap:16px;min-height:44px;font-size:12px;display:inline-flex}.project-empty .text-link{margin-top:20px}.project-empty-footer{color:#929292;font:9px var(--font-mono)}.back-link{color:var(--muted);align-self:flex-start;margin-bottom:16px}.service-summary{max-width:650px}.service-summary ol{margin:20px 0;padding:0;list-style:none}.service-summary li{border-top:1px solid var(--line);gap:28px;padding:14px 0;font-size:15px;display:flex}.service-summary li:last-child{border-bottom:1px solid var(--line)}.service-summary+.section-bottom{margin-top:auto;padding-top:30px}.fine-print{font-size:10px}.entry-body{background:var(--entry-bg);padding:0}.entry-screen{background:radial-gradient(at 88% 0,#76767621,#0000 55%);place-items:center;min-height:100dvh;padding:80px 24px;display:grid;position:relative}.entry-content{text-align:center}.entry-content>.eyebrow{letter-spacing:1.7px;font-size:9px}.entry-content h1{letter-spacing:-1.5px;margin:24px 0 36px;font-size:clamp(32px,4vw,54px);font-weight:300;line-height:1.2}.entry-content h1 .entry-subtitle{font:11px var(--font-mono);letter-spacing:6px;text-transform:uppercase;color:var(--muted);margin-top:18px;display:block}.entry-link{border-bottom:1px solid #6e6e6e;align-items:center;gap:36px;padding:16px 0;font-size:12px;display:inline-flex}.entry-link:hover{color:var(--accent);border-color:var(--accent)}.entry-corner,.entry-location,.entry-year{color:var(--muted);font:9px var(--font-mono);letter-spacing:.7px;position:absolute}.entry-corner{top:40px;left:40px}.entry-location{bottom:36px;left:40px}.entry-year{bottom:36px;right:40px}@media (width>=1500px){.page{padding:0 64px}.page-content{padding-top:48px;padding-bottom:40px}.section-heading{margin-bottom:40px}}@media (width>=1200px) and (height<=840px){.page-bar{min-height:64px}.page-footer{min-height:42px}.page-content{padding-top:24px;padding-bottom:20px}.section-heading{margin-bottom:22px}.section-heading h1{margin-top:10px;margin-bottom:10px;font-size:39px}.section-bottom{margin-top:22px}.back-link{margin-bottom:8px}.service-summary li{padding-top:11px;padding-bottom:11px}.service-summary+.section-bottom{padding-top:20px}}@media (width<=1199px){.portfolio-frame{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:28px 18px 20px}.sound-control{left:18px}.page{padding:0 30px}.page-bar{min-height:69px}.page-content{padding-top:28px}.section-bottom{flex-direction:column;align-items:flex-start;gap:14px}.page-footer{font-size:9px}.page-footer>span:last-child{display:none}}@media (width<=767px){body{padding:0}.portfolio-frame{border:0;flex-direction:column;min-height:100dvh;display:flex}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:20px 22px 0;display:block}.sound-control,.entry-body .sound-control{bottom:70px;left:auto;right:18px}.brand{flex-direction:row;align-items:center;gap:13px}.monogram{letter-spacing:-2px;font-size:28px}.brand-name{font-size:14px}.brand-name small{margin-top:3px;font-size:9px}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:22px;display:grid}.sidebar nav a{border-bottom:2px solid #0000;justify-content:center;min-height:46px;padding:0;font-size:11px}.sidebar nav a[aria-current=page]{border-bottom-color:var(--accent);background:0 0}.nav-index,.nav-dot,.sidebar-bottom{display:none}.page{flex:1;padding:0 24px}.page-bar{min-height:52px;font-size:10px}.page-number{font-size:9px}.page-content{padding:26px 0 30px}.page-footer{min-height:46px}.section-heading{margin-bottom:26px}.section-heading h1{letter-spacing:-1.2px;font-size:34px}.section-heading>p:last-child:not(:first-child){font-size:12px}.section-bottom{margin-top:26px}.project-empty{min-height:380px;padding:22px}.project-empty h2{font-size:24px}.project-empty-content{padding:24px 0}.entry-corner{top:28px;left:24px}.entry-location{font-size:8px;bottom:28px;left:24px}.entry-year{bottom:28px;right:24px}.entry-content>.eyebrow{letter-spacing:1px;font-size:7px}.entry-content h1{font-size:40px}.entry-screen{background:radial-gradient(at 50% 0,#76767629,#0000 60%)}:root[data-theme=light] .entry-screen{background:radial-gradient(at 50% 0,#c8c8c847,#0000 60%)}.service-summary+.section-bottom{margin-top:0}}@media (width<=359px){.page{padding:0 18px}.sidebar{padding-left:18px;padding-right:18px}.section-heading h1{font-size:30px}}html[data-theme-transitioning] *{view-transition-name:none!important;transition:none!important}html[data-theme-transitioning]::view-transition-old(root),html[data-theme-transitioning]::view-transition-new(root){mix-blend-mode:normal}html[data-theme-transitioning]::view-transition-old(root){z-index:1;animation:.28s cubic-bezier(.4,0,.2,1) both theme-fade-out}html[data-theme-transitioning]::view-transition-new(root){z-index:2;animation:.28s cubic-bezier(.4,0,.2,1) both theme-fade-in}@keyframes theme-fade-out{0%{opacity:1}to{opacity:0}}@keyframes theme-fade-in{0%{opacity:0}to{opacity:1}}html[data-theme-fallback-transition] body,html[data-theme-fallback-transition] .portfolio-frame,html[data-theme-fallback-transition] .sidebar,html[data-theme-fallback-transition] .page,html[data-theme-fallback-transition] .home-hero,html[data-theme-fallback-transition] .project-empty,html[data-theme-fallback-transition] .button-primary,html[data-theme-fallback-transition] .theme-toggle,html[data-theme-fallback-transition] .theme-btn,html[data-theme-fallback-transition] [data-sound-toggle],html[data-theme-fallback-transition] .dot-grid{transition:background-color .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1)!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}#route-curtain{--curtain-bleed:calc(50vw + 10vh);z-index:500;visibility:hidden;pointer-events:none;position:fixed;inset:0;overflow:hidden}.route-curtain-panel{left:calc(-1 * var(--curtain-bleed));width:calc(100% + 2 * var(--curtain-bleed));isolation:isolate;clip-path:polygon(8.81635vh 0,calc(100% + 8.81635vh) 0,calc(100% - 8.81635vh) 100%,-8.81635vh 100%);place-items:center;height:100%;display:grid;position:absolute;top:0;transform:translate(-100%)}.route-curtain-panel:before{content:"";z-index:-1;background:var(--accent);position:absolute;inset:0;transform:skew(-10deg)}.route-curtain-label{color:var(--entry-bg);letter-spacing:-.05em;font-size:clamp(2.75rem,6vw,5rem);font-style:italic;font-weight:500;line-height:1}#route-curtain[data-active]{visibility:visible;pointer-events:auto}#route-curtain[data-active] .route-curtain-panel,#route-curtain[data-active] .route-curtain-label{will-change:transform}#project-opening{z-index:490;visibility:hidden;pointer-events:none;background:var(--page-bg);opacity:0;position:fixed}#project-opening[data-active]{visibility:visible;pointer-events:auto;will-change:opacity}#main-content[data-project-opening]{overflow:clip}#entry-passage{z-index:510;visibility:hidden;opacity:0;pointer-events:none;position:fixed;inset:0}#entry-passage[data-active]{visibility:visible;pointer-events:auto}.entry-passage-shade,.entry-passage-glow{position:absolute;inset:0}.entry-passage-shade{--light-radius:0px;background:var(--entry-bg)}#entry-passage[data-phase=reveal] .entry-passage-shade{mask-image:radial-gradient(circle at 65% 30%, transparent max(0px, calc(var(--light-radius) - 160px)), #000 var(--light-radius))}.entry-passage-glow{opacity:0;background:radial-gradient(at 65% 30%,#ffffff0e,#0000 70%)}@media (width>=768px){.sidebar{scrollbar-width:thin;align-self:start;height:100dvh;position:sticky;top:0;overflow-y:auto}}@media (width<=767px){.sidebar{z-index:40;background:var(--page-bg);position:sticky;top:0}}body{isolation:isolate}.portfolio-frame,.entry-screen{z-index:1;position:relative}.sidebar{background:var(--page-bg)}.dot-grid{--x:62%;--y:38%;z-index:0;pointer-events:none;contain:strict;display:block;position:fixed;inset:0 0 0 220px;overflow:hidden}.dot-grid>div{pointer-events:none;position:absolute;inset:0}.dot-grid-base{background-image:radial-gradient(circle,#ffffff06 1.3px,#0000 1.8px);background-size:16px 16px}.dot-grid-light{mask-image:radial-gradient(circle 80px at var(--x) var(--y), #000, transparent);background-image:radial-gradient(circle,#ffffff0f 1.6px,#0000 2px);background-size:16px 16px}.dot-grid-glow{background-image:radial-gradient(circle 150px at var(--x) var(--y), #ffffff02, transparent)}:root[data-theme=light] .dot-grid-base{background-image:radial-gradient(circle,#00000009 1.3px,#0000 1.8px)}:root[data-theme=light] .dot-grid-light{background-image:radial-gradient(circle,#00000012 1.6px,#0000 2px)}:root[data-theme=light] .dot-grid-glow{background-image:radial-gradient(circle 150px at var(--x) var(--y), #00000003, transparent)}@media (prefers-reduced-motion:reduce){.dot-grid{--x:62%!important;--y:38%!important}}@media (width>=768px) and (width<=1199px){.dot-grid{left:180px}}@media (width<=767px){.dot-grid{top:121px;left:0}}
