@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#233238;font-synthesis:none;text-rendering:optimizelegibility;--ink:#233238;--muted:#647276;--paper:#f5f4ef;--white:#fff;--orange:#e34720;--orange-dark:#b73517;--sage:#e4e9e4;--rule:#d6dcda;--page-width:1280px;background:#f5f4ef;font-family:DM Sans,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:100px}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.65;overflow-x:clip}button,a{color:inherit;font:inherit}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}img{max-width:100%;display:block}.topbar{z-index:20;width:100%;height:94px;padding:12px max(24px, calc((100vw - var(--page-width)) / 2));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf9f5f5;border-bottom:1px solid #2332381f;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;width:190px;height:68px;display:flex}.brand img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.topbar nav{align-items:center;gap:8px;height:100%;display:flex}.topbar nav a{color:#526166;align-items:center;min-height:48px;padding:0 17px;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.topbar nav a:after{background:var(--orange);content:"";transform-origin:0;height:2px;transition:transform .2s;position:absolute;bottom:5px;left:17px;right:17px;transform:scaleX(0)}.topbar nav a:hover,.topbar nav a.active{color:var(--ink)}.topbar nav a:hover:after,.topbar nav a.active:after{transform:scaleX(1)}.menu{border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;width:46px;height:46px;display:none}.menu svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.8px;width:23px;height:23px;transition:transform .2s}.menu.open svg{transform:rotate(90deg)}.hero{background-color:#394144;background-image:linear-gradient(90deg,#101c1fc2 0%,#101c1f73 42%,#101c1f0f 100%),url(/assets/IMG_9805.jpg);background-position:50% 54%;background-size:cover;align-items:stretch;min-height:min(710px,82svh);display:flex}.hero-copy{width:min(100%, var(--page-width));min-height:inherit;align-items:flex-end;margin:0 auto;padding:64px clamp(24px,6vw,84px) 74px;display:flex}.logo-lockup{color:var(--white);animation:.7s ease-out both rise-in}.logo-lockup strong{text-shadow:0 2px 24px #0003;font-family:Barlow Condensed,sans-serif;font-size:clamp(72px,10vw,142px);font-weight:700;line-height:.8;display:block}.logo-lockup i{border-left:4px solid var(--orange);color:#fff;width:fit-content;margin-top:27px;padding-left:13px;font-family:DM Mono,monospace;font-size:13px;font-style:normal;font-weight:500;line-height:1.4;display:block}.intro,.portfolio,.about-page{width:100%;padding:clamp(72px,9vw,128px) max(24px,50vw - 560px)}.intro{border-top:5px solid var(--orange);background:var(--paper);grid-template-columns:minmax(220px,.82fr) minmax(0,1.4fr);align-items:start;column-gap:clamp(44px,8vw,116px);display:grid}.intro>div:first-child{grid-area:1/1/span 2}.intro>div:first-child h2{max-width:370px;color:var(--ink);margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(58px,6vw,84px);font-weight:600;line-height:.93}.columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);display:grid}.columns>div{border-top:2px solid var(--orange);padding-top:17px}.columns h2,.about-page h2{color:var(--ink);margin:0 0 16px;font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:600;line-height:1.05}.intro p,.about-page p,.portfolio>p{color:var(--muted);margin:0 0 13px;font-size:15px;line-height:1.8}.button{border:1px solid var(--orange);background:var(--orange);width:fit-content;min-height:52px;color:var(--white);grid-column:2;justify-content:center;align-items:center;margin-top:30px;padding:0 22px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.button:hover{border-color:var(--orange-dark);background:var(--orange-dark);transform:translateY(-2px)}.portfolio{background:var(--sage)}.portfolio>h2{color:var(--ink);margin:0 0 16px;font-family:Barlow Condensed,sans-serif;font-size:clamp(52px,6vw,76px);font-weight:600;line-height:1}.portfolio>p{max-width:720px;margin-bottom:40px}.slideshow{width:min(100%,1120px);margin:0 auto}.slide-stage{aspect-ratio:1.72;background:#243034;width:100%;max-height:650px;position:relative;overflow:hidden}.slide-stage>img{object-fit:contain;width:100%;height:100%}.slide-arrow{z-index:1;width:50px;height:58px;color:var(--white);cursor:pointer;background:#152125d1;border:0;place-items:center;font-family:DM Sans,sans-serif;font-size:32px;line-height:1;transition:background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.slide-arrow:hover{background:var(--orange)}.slide-arrow.left{left:0}.slide-arrow.right{right:0}.slide-thumbnails{scrollbar-color:#899590 transparent;scrollbar-width:thin;gap:8px;padding:12px 1px 5px;display:flex;overflow-x:auto}.slide-thumbnails button{cursor:pointer;opacity:.68;background:#253236;border:2px solid #0000;flex:0 0 92px;width:92px;height:66px;padding:0;transition:opacity .2s,border-color .2s;overflow:hidden}.slide-thumbnails button:hover{opacity:1}.slide-thumbnails button.selected{border-color:var(--orange);opacity:1}.slide-thumbnails img{object-fit:cover;width:100%;height:100%}.about-page{background:var(--paper)}.about-page>h2{max-width:900px;margin:0 0 26px;font-size:clamp(44px,5vw,66px)}.about-page>p{max-width:920px;font-size:16px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:48px;display:grid}.project{aspect-ratio:4/3;background:#d9dedb;min-width:0;overflow:hidden}.project img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.035)}.contact{background:var(--ink);width:100%;color:var(--white);text-align:center;padding:clamp(60px,8vw,100px) max(24px,50vw - 560px)}.contact-lead{max-width:850px;color:var(--white);margin:0 auto 48px;font-family:Barlow Condensed,sans-serif;font-size:clamp(34px,4.5vw,54px);font-weight:500;line-height:1.1}.contact-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.contact-items a{min-width:0;color:var(--white);overflow-wrap:anywhere;border-top:1px solid #ffffff3d;flex-direction:column;align-items:center;gap:16px;padding:23px 10px 0;font-size:15px;transition:color .2s,transform .2s;display:flex}.contact-items a:hover{color:#ff9a72;transform:translateY(-3px)}.contact-icon{width:48px;height:48px;fill:var(--orange);flex:0 0 48px;display:block}.email-icon text{fill:var(--orange);font-family:DM Sans,sans-serif;font-size:60px;font-weight:700}footer{display:none}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.intro{grid-template-columns:minmax(180px,.72fr) minmax(0,1.5fr);column-gap:42px}.columns{grid-template-columns:1fr;gap:28px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){html{scroll-padding-top:80px}.topbar{height:78px;padding:8px 18px}.brand{width:150px;height:56px}.menu{display:flex}.topbar nav:not(.open){display:none}.topbar nav.open{border-bottom:1px solid var(--rule);background:var(--paper);flex-direction:column;align-items:stretch;gap:0;height:auto;padding:6px 18px 14px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 18px #2332381a}.topbar nav.open a{border-bottom:1px solid var(--rule);min-height:52px;padding:0 8px}.topbar nav.open a:after{width:34px;bottom:6px;left:8px;right:auto}.hero{background-image:linear-gradient(#101c1f29 15%,#101c1fc7 100%),url(/assets/IMG_9805.jpg);background-position:57%;min-height:min(690px,82svh)}.hero-copy{padding:48px 24px 54px}.logo-lockup strong{font-size:clamp(64px,16vw,96px)}.logo-lockup i{margin-top:21px;font-size:11px}.intro,.portfolio,.about-page{padding:68px 24px;display:block}.intro>div:first-child h2{max-width:430px;margin-bottom:44px;font-size:clamp(58px,13vw,76px)}.columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.columns h2{font-size:29px}.button{margin-top:30px}.portfolio>p{margin-bottom:28px}.slide-stage{aspect-ratio:4/3}.slide-arrow{width:42px;height:50px}.slide-thumbnails button{flex-basis:76px;width:76px;height:56px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:34px}.contact{padding:64px 24px}.contact-lead{margin-bottom:34px}.contact-items{grid-template-columns:1fr;gap:0}.contact-items a{text-align:left;flex-direction:row;justify-content:flex-start;gap:18px;min-height:78px;padding:14px 4px}.contact-icon{flex-basis:40px;width:40px;height:40px}}@media (width<=420px){.columns{grid-template-columns:1fr}.slide-thumbnails button{flex-basis:68px;width:68px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}