.selected-work{background:var(--carbon);color:var(--bone);padding:clamp(72px,9vw,144px) var(--hero-left) clamp(80px,10vw,160px);scroll-margin-top:24px}.selected-work-inner{max-width:1640px;margin-inline:auto}.selected-work-header{margin-bottom:clamp(40px,5vw,80px)}.web-design-page .selected-work h2{letter-spacing:-.055em;text-transform:uppercase;color:#aaa398;margin:0 0 28px;font:650 clamp(44px,8.2vw,148px)/1 Bricolage Grotesque,sans-serif}.selected-work-header>p{color:#aaa398;margin:0;font:400 clamp(14px,1.35vw,18px)/1.6 Bricolage Grotesque,sans-serif}.selected-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(48px,6vw,96px) clamp(24px,3vw,48px);display:grid}.selected-project{min-width:0;scroll-margin-top:32px}.selected-project:nth-child(2n){margin-top:clamp(48px,5vw,80px)}.selected-project-preview{background:#151514;border:1px solid #ece7dc18;border-radius:12px;display:block;overflow:hidden}.selected-browser-bar{background:#151514;align-items:center;gap:7px;height:32px;padding-inline:16px;display:flex}.selected-browser-bar i{background:#353531;border-radius:50%;width:8px;height:8px}.selected-browser-viewport{aspect-ratio:8/5;background:var(--preview-ground);overflow:hidden}.selected-browser-viewport img{object-fit:contain;width:100%;height:100%;transition:transform .3s;display:block}.selected-project-preview:hover img{transform:scale(1.025)}.selected-project-preview:focus-visible{outline-offset:5px;outline-color:#c59b79!important}.selected-project-heading{flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-top:24px;display:flex}.selected-project-number{color:#c59b79;font:500 11px/1.5 IBM Plex Mono,monospace}.selected-project h3{letter-spacing:-.035em;margin:0;font:550 clamp(24px,2.15vw,34px)/1.15 Bricolage Grotesque,sans-serif}.selected-project-category{color:#aaa398;font:400 12px/1.5 Bricolage Grotesque,sans-serif}.selected-project-visit{text-underline-offset:5px;flex-shrink:0;align-items:center;min-height:44px;margin-left:auto;font:500 11px/1.4 IBM Plex Mono,monospace;display:inline-flex;color:#d2ae91!important}.selected-project-visit:hover{text-decoration:underline}.selected-project-description{color:#c4beb3;text-wrap:pretty;max-width:64ch;margin:12px 0 0;font:400 16px/1.6 Bricolage Grotesque,sans-serif}.selected-project-role{color:#aaa398;margin:14px 0 0;font:400 12px/1.6 IBM Plex Mono,monospace}@media (width<=1100px) and (width>=761px){.selected-project-category{flex-basis:100%;order:4}.selected-project-heading{column-gap:12px}}@media (width<=760px){.selected-work{padding:64px 24px 80px}.web-design-page .selected-work h2{letter-spacing:-.05em;margin-bottom:20px;font-size:clamp(38px,9.4vw,70px)}.selected-work-header{margin-bottom:36px}.selected-work-header>p{max-width:30ch}.selected-work-grid{grid-template-columns:1fr;gap:48px}.selected-project:nth-child(2n){margin-top:0}.selected-project-heading{gap:0 12px;margin-top:16px}.selected-project h3{font-size:26px}.selected-project-category{flex-basis:100%;order:4;margin-top:4px}.selected-project-description{margin-top:14px;font-size:15px}.selected-project-role{margin-top:12px;font-size:11px;line-height:1.7}.selected-browser-bar{gap:6px;height:26px;padding-inline:12px}.selected-browser-bar i{width:6px;height:6px}.selected-project-preview{border-radius:9px}}@media (prefers-reduced-motion:reduce){.selected-browser-viewport img{transition:none}.selected-project-preview:hover img{transform:none}}:root{color-scheme:light}html,body{background:#ece7dc;height:100%;margin:0;font-family:Bricolage Grotesque,sans-serif}html.lenis,html.lenis body{height:auto}.gl{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.page{z-index:1;pointer-events:none;position:relative}.track{height:260svh}.copy{z-index:2;letter-spacing:-.04em;color:#181b1a;pointer-events:none;font:800 26px/1 Bricolage Grotesque,sans-serif;position:fixed;top:28px;left:32px}.hero-intro{z-index:2;color:#202321;width:clamp(225px,24vw,360px);position:fixed;top:30%;left:32px}.copy,.hero-intro{transition:color .16s}.text-on-room .copy,.text-on-room .hero-intro{color:#f4f2ed;text-shadow:0 2px 14px #0008}.is-transforming .copy,.is-transforming .hero-intro{color:#fff;mix-blend-mode:difference;text-shadow:none;transition:none}.hero-intro h1{letter-spacing:-.028em;word-spacing:.035em;margin:0 0 25px;font:500 clamp(40px,4.5vw,68px)/1.12 Bricolage Grotesque,sans-serif;animation:4.6s step-end 1.2s infinite title-signal;position:relative}.title-line{white-space:nowrap;display:block}@keyframes title-signal{0%,3.8%,7%,46%,50.5%,54%,to{filter:none}1%,5%,47%,52%{filter:url(#text-signal-a)}2.3%,48.5%{filter:url(#text-signal-b)}}.hero-intro a{min-height:44px;color:inherit;align-items:center;gap:20px;font:500 11px/1.4 IBM Plex Mono,monospace;text-decoration:none;display:inline-flex}.hero-intro a span:first-child{border-bottom:1px solid;padding-bottom:5px}.hero-intro a span:last-child{font:20px Bricolage Grotesque,sans-serif;transition:transform .2s}.hero-intro a:hover span:last-child{transform:translate(3px,-3px)}.hero-intro a:focus-visible{outline-offset:6px;outline:2px solid}@media (width<=1050px){.hero-intro{width:225px;top:28%}.hero-intro h1{font-size:40px}}@media (width<=850px){.hero-intro{width:195px}.hero-intro h1{font-size:34px}}@media (width<=700px){.hero-intro{top:calc(72px + env(safe-area-inset-top));text-align:center;width:calc(100% - 40px);left:20px}.hero-intro h1{max-width:340px;margin:0 auto 5px;font-size:clamp(28px,7.5vw,34px)}.hero-intro a{gap:12px;font-size:11px}.hero-intro .title-line{white-space:normal;display:inline}.hero-intro .title-line:last-child{display:block}}@media (prefers-reduced-motion:reduce){.copy,.hero-intro,.hero-intro a span:last-child{transition:none}.hero-intro h1{filter:none;animation:none}}.hud{letter-spacing:.1em;text-transform:uppercase;color:#555;text-align:right;font:600 11px/1.4 IBM Plex Mono,monospace;position:fixed;bottom:22px;right:24px}.hud p{letter-spacing:.07em;background:#ece7dce6;border-radius:3px;margin:0 0 12px;padding:4px 7px;font-size:10px}.hud button{color:#242724;letter-spacing:.03em;cursor:pointer;background:#ece7dcdd;border:1px solid #bcb9b2;border-radius:24px;min-height:44px;padding:0 18px;font:500 11px IBM Plex Mono,monospace;transition:background .2s,color .2s}.hud button:focus-visible{outline-offset:4px;outline:2px solid #885b30}.hud button:disabled{opacity:.4;cursor:wait}@media (width<=600px){.copy{left:max(20px,env(safe-area-inset-left));top:calc(22px + env(safe-area-inset-top));font-size:23px}.hud{right:max(18px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}.hud p{left:50%;bottom:calc(70px + env(safe-area-inset-bottom));text-align:center;width:max-content;max-width:calc(100vw - 48px);margin:0;font-size:9px;position:fixed;transform:translate(-50%)}.hud button{min-height:46px;padding:0 17px}}@media (prefers-reduced-motion:reduce){.hud button{transition:none}}.tuning{z-index:3;color:#252927;font:11px IBM Plex Mono,monospace;position:fixed;bottom:22px;left:24px}.tuning summary{box-sizing:border-box;cursor:pointer;background:#ece7dced;border:1px solid #bcb9b2;border-radius:24px;min-height:44px;padding:14px 17px;list-style:none}.tuning summary::-webkit-details-marker{display:none}.tuning summary:before{content:"+";margin-right:8px}.tuning[open] summary:before{content:"−"}.tuning summary:hover{background:#e5e2db}.tuning :focus-visible{outline-offset:3px;outline:2px solid #885b30}.tuning-panel{backdrop-filter:blur(18px);background:#ece7dcf7;border:1px solid #cbc8bf;border-radius:14px;width:min(286px,100vw - 88px);max-height:calc(100svh - 140px);padding:22px;position:absolute;bottom:58px;left:0;overflow-y:auto;box-shadow:0 12px 50px #1112}.tuning-panel h2{letter-spacing:-.02em;margin:0 0 19px;font:600 15px Bricolage Grotesque,sans-serif}.tuning-panel label{margin-top:15px;line-height:1.5;display:block}.tuning-panel [hidden]{display:none!important}.tuning-panel input[type=text],.tuning-panel select{box-sizing:border-box;color:#252927;background:#faf9f5;border:1px solid #c5c2b9;border-radius:5px;width:100%;min-height:38px;margin-top:5px;padding:8px 10px;font:12px IBM Plex Mono,monospace;display:block}.tuning-panel input[type=range]{box-sizing:border-box;accent-color:#776043;cursor:pointer;width:100%;height:26px;margin:6px 0 0;display:block}.tuning-panel output{float:right;color:#6a6f67}.tuning-panel small{color:#74776e;margin-top:5px;font-size:10px;line-height:1.5;display:block}.tuning-panel button{color:#555e51;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #8b8d81;min-height:36px;margin-top:20px;padding:0;font:11px IBM Plex Mono,monospace}@media (width<=600px){.tuning{left:max(18px,env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom))}.tuning summary{min-height:46px}.tuning-panel{box-sizing:border-box;width:min(330px,100vw - 36px);max-height:calc(100svh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;padding:20px}.tuning-panel input[type=text],.tuning-panel select{min-height:44px;font-size:16px}.tuning-panel input[type=range]{height:36px}.tuning-panel button{min-height:44px}}@media (width<=700px) and (height<=650px){.hero-intro{top:calc(60px + env(safe-area-inset-top))}.hero-intro h1{font-size:26px;line-height:1.05}.hero-intro a{min-height:36px}}.gl.is-over-head{cursor:grab}.gl.is-holding{cursor:grabbing}.gl{touch-action:none}@media (pointer:coarse){.gl{touch-action:pan-y}}.gl:focus-visible{outline-offset:-5px;outline:2px solid #885b30}.motion-study{z-index:9;color:#252927;background:#ece7dcf2;border:1px solid #bcb9b2;border-radius:14px;width:min(340px,42vw);padding:14px 20px;font:11px IBM Plex Mono,monospace;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.motion-study label{justify-content:space-between;display:flex}.motion-study input{accent-color:#776043;width:100%;margin:12px 0}.motion-study>div{gap:10px;display:flex}.motion-study button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #bcb9b2;border-radius:6px;padding:7px 10px}.motion-study button:hover{background:#e7e3da}.motion-study :focus-visible{outline-offset:3px;outline:2px solid #885b30}body:has(.motion-study) .hud p{max-width:150px;margin-left:auto}@media (width<=700px){.motion-study{width:calc(100vw - 80px);max-width:340px;bottom:130px}}.archive-controls[hidden]{display:none}.archive-controls{z-index:5;color:#eee9dc;backdrop-filter:blur(18px);background:#11191be8;border:1px solid #84745a77;border-radius:12px;align-items:center;gap:22px;padding:10px 12px;font:11px IBM Plex Mono,monospace;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0004}.archive-controls>div{text-align:center;gap:4px;min-width:150px;display:grid}.archive-controls span{letter-spacing:.16em;color:#aaa18f;font-size:9px}.archive-controls strong{letter-spacing:-.02em;font:600 18px Bricolage Grotesque,sans-serif}.archive-controls a{color:#d9bc88;padding:5px;text-decoration:none}.archive-controls a:hover{text-decoration:underline}.archive-controls button{color:#e4d3b2;cursor:pointer;background:#ffffff06;border:1px solid #83745b66;border-radius:50%;width:44px;height:44px;font:20px Bricolage Grotesque,sans-serif}.archive-controls button:hover{background:#e4d3b21c}.archive-controls :focus-visible{outline-offset:4px;outline:2px solid #e4c592}.is-archive .motion-study{bottom:126px}.is-archive .gl{cursor:grab}.is-archive .gl:active{cursor:grabbing}@media (width<=700px){.archive-controls{gap:10px;max-width:calc(100vw - 40px);padding:8px;bottom:100px}.archive-controls>div{min-width:140px}.is-archive .motion-study{bottom:210px}}.hero-intro h1{letter-spacing:-.043em;line-height:1.08}.hero-intro a{gap:16px;font-size:12px}.hud{z-index:2;color:#333934}.hud p{opacity:.65;background:0 0;padding:0;transition:opacity .45s}.hud button{text-underline-offset:6px;background:0 0;border-color:#0000;border-radius:0;padding:0 5px;text-decoration:underline #8888}.hud button:hover,.hud button[aria-pressed=true]{color:inherit;background:0 0;border-color:#0000}.text-on-room .hud{color:#e8e4db}.is-settled .hud p{opacity:0}.tuning{color:#252927;inset:17px 24px auto auto}.tuning summary{letter-spacing:.02em;background:0 0;border-color:#0000;border-radius:0;padding:14px 5px;font-size:10px}.tuning summary:hover{text-underline-offset:5px;background:0 0;text-decoration:underline}.text-on-room .tuning{color:#e8e4db}.tuning-panel{color:#252927;inset:52px 0 auto auto}@media (width<=700px){.hero-intro a{font-size:12px}.tuning{top:calc(10px + env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));bottom:auto;left:auto}.tuning-panel{width:min(330px,100vw - 36px)}.hud p{font-size:9px}.hud button{padding:0 5px}}@media (prefers-reduced-motion:reduce){.hud p{transition:none}}:root{--hero-gutter:clamp(32px,4vw,72px);--hero-edge:clamp(28px,3.5svh,44px);--hero-left:max(var(--hero-gutter),env(safe-area-inset-left));--hero-right:max(var(--hero-gutter),env(safe-area-inset-right));--hero-top:calc(var(--hero-edge) + env(safe-area-inset-top));--hero-bottom:calc(var(--hero-edge) + env(safe-area-inset-bottom))}.copy{left:var(--hero-left);top:var(--hero-top)}.hero-intro{left:var(--hero-left)}.hero-intro h1{margin-bottom:32px}.tuning{top:calc(var(--hero-top) - 9px);right:var(--hero-right)}.tuning summary{padding-inline:0}.hud{right:var(--hero-right);bottom:var(--hero-bottom)}.hud button{padding-inline:0}.tuning-panel{max-width:calc(100vw - var(--hero-left) - var(--hero-right));box-sizing:border-box}@media (width<=700px){:root{--hero-gutter:24px;--hero-edge:24px}.hero-intro{top:calc(var(--hero-top) + 64px);width:calc(100% - var(--hero-left) - var(--hero-right))}.hero-intro h1{margin-bottom:12px}.tuning{top:calc(var(--hero-top) - 11px)}.hud p{bottom:calc(var(--hero-bottom) + 58px);max-width:calc(100vw - var(--hero-left) - var(--hero-right))}}@media (width<=700px) and (height<=650px){:root{--hero-edge:20px}.hero-intro{top:calc(var(--hero-top) + 48px)}.hero-intro h1{margin-bottom:6px}}@media (width<=700px){.hero-intro{top:calc(var(--hero-top) + 60px)}.hero-intro h1{letter-spacing:-.045em;max-width:100%;margin-bottom:20px;font-size:clamp(40px,11.8vw,56px);line-height:1.03}.hero-intro .title-line{white-space:nowrap;display:block}.hero-intro a{min-height:44px;font-size:12px}}@media (width<=700px) and (height<=650px){.hero-intro{top:calc(var(--hero-top) + 42px)}.hero-intro h1{margin-bottom:10px;font-size:clamp(32px,9.5vw,44px)}}:root{--bone:#ece7dc;--carbon:#0a0a09;--paper-presence:1}html,body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.copy{letter-spacing:-.02em;color:var(--carbon);font-family:Anton,Impact,sans-serif;font-weight:400}.hero-intro{color:var(--carbon)}.hero-intro h1{font-optical-sizing:auto;font-family:Bricolage Grotesque,sans-serif;font-weight:650}.brand-grain{z-index:4;pointer-events:none;opacity:calc(.075 * var(--paper-presence));mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 21% 31%,#ffffff21 0 .5px,#0000 .7px 3.4px),repeating-radial-gradient(circle at 74% 58%,#00000038 0 .45px,#0000 .65px 4px);background-size:8px 8px,11px 11px;position:fixed;inset:0}.web-design-page{--bone:#ece7dc;--carbon:#0a0a09;--stone:#aaa398;--copper:#9a5f45;--hairline:#0a0a0938;min-width:320px;height:auto;color:var(--carbon);background:var(--bone);overflow-x:clip}.web-design-page *{box-sizing:border-box}.web-design-page a{color:inherit;text-decoration:none}.web-design-page a:focus-visible,.web-design-page summary:focus-visible{outline-offset:5px;outline:2px solid}.web-skip{z-index:100;background:var(--bone);padding:12px 18px;position:fixed;top:12px;left:24px;transform:translateY(-180%)}.web-skip:focus{transform:none}.web-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.web-hero{isolation:isolate;background:var(--bone);height:100vh;min-height:560px;position:relative;overflow:clip}.web-hero .gl,.web-hero .copy,.web-hero .hero-intro,.web-hero .hud,.web-hero .tuning,.web-hero .brand-grain,.web-hero .motion-study{position:absolute}.web-hero .copy{pointer-events:auto;z-index:5}.web-hero .hero-intro a{pointer-events:auto}.web-hero .hero-contact{border:0;gap:12px;width:max-content;margin-top:8px;display:flex}.web-hero .hero-contact span{border:0!important}.web-hero .hero-intro a:hover{opacity:.7}.web-hero .hud,.web-hero .tuning,.web-hero .gl{visibility:hidden}.web-hero[data-enhanced] .hud,.web-hero[data-enhanced] .tuning,.web-hero[data-painted] .gl{visibility:visible}.web-hero .hud p{display:none}.web-hero .portrait-fallback{z-index:0;object-fit:contain;width:auto;max-width:none;height:110%;position:absolute;bottom:-22%;left:50%;transform:translate(-50%)}.web-hero[data-painted] .portrait-fallback{visibility:hidden}.web-hero[data-fallback] .gl{display:none}.web-hero .tuning-panel{max-height:calc(100svh - 120px)}.web-container{width:100%;max-width:1500px;margin-inline:auto;padding-inline:clamp(24px,5vw,80px)}.web-eyebrow{letter-spacing:.06em;text-transform:uppercase;margin:0 0 28px;font:500 11px/1.6 IBM Plex Mono,monospace}.web-design-page h2{letter-spacing:-.045em;margin:0;font:650 clamp(38px,5vw,76px)/1.02 Bricolage Grotesque,sans-serif}.web-design-page h2 em{color:var(--copper);font-style:normal}.web-design-page p{line-height:1.6}.web-opening{padding-block:clamp(72px,9vw,140px)}.web-opening-grid{grid-template-columns:1.25fr 1fr;gap:10%;display:grid}.web-opening-grid>div{max-width:440px;font-size:18px}.web-opening-grid>div>p:first-child{letter-spacing:-.025em;margin:0 0 22px;font-size:clamp(23px,2.3vw,32px);line-height:1.25}.web-text-link{border-bottom:1px solid;align-items:center;gap:24px;min-height:48px;margin-top:20px;font:500 12px/1.5 IBM Plex Mono,monospace;display:inline-flex}.web-text-link span{font-size:22px;transition:transform .2s}.web-text-link:hover span{transform:translate(3px,-3px)}.web-work{background:var(--carbon);color:var(--bone);padding-block:clamp(72px,8vw,120px)}.web-section-heading{margin-bottom:clamp(40px,6vw,80px)}.web-project{grid-template-columns:1.45fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);margin-bottom:80px;display:grid}.web-project-image{aspect-ratio:1.42;background:#22221f;display:block;position:relative;overflow:hidden}.web-project-image img{object-fit:contain;width:100%;height:100%;transition:transform .5s;display:block}.web-project-image:hover img{transform:scale(1.025)}.web-visit{background:var(--bone);color:var(--carbon);padding:12px 16px;font:500 11px IBM Plex Mono,monospace;position:absolute;bottom:20px;right:20px}.web-project-details h3{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(36px,4vw,56px);font-weight:650}.web-project-details h4{letter-spacing:-.02em;margin:0 0 12px;font-size:24px;font-weight:500;line-height:1.25}.web-project-details>p:not(.web-eyebrow){color:#ccc6bc;font-size:16px}.web-project-details .web-project-role{border-top:1px solid #ece7dc35;margin-top:28px;padding-top:22px;font:400 11px/1.7 IBM Plex Mono,monospace}.web-services{padding-block:clamp(72px,9vw,140px)}.web-service-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.web-service-grid article{border-top:1px solid var(--hairline);padding-top:24px}.web-service-grid h3{letter-spacing:-.03em;margin:28px 0 20px;font-size:clamp(25px,2.5vw,34px);font-weight:550;line-height:1.15}.web-service-grid p{color:#4b4b43;max-width:340px;font-size:16px}.web-proof{background:#ded7cb;padding-block:clamp(60px,8vw,110px)}.web-proof blockquote{max-width:1080px;margin:0}.web-proof blockquote p{letter-spacing:-.025em;margin:0 0 32px;font-size:clamp(28px,3.5vw,48px);font-weight:500;line-height:1.23}.web-proof footer{font:500 12px/1.5 IBM Plex Mono,monospace}.web-proof footer span{color:#625d55}.web-process{grid-template-columns:1fr 1fr;gap:10%;padding-block:clamp(72px,9vw,140px);display:grid}.web-process ol{counter-reset:steps;margin:0;padding:0;list-style:none}.web-process li{counter-increment:steps;border-top:1px solid var(--hairline);padding:24px 0 24px 42px;position:relative}.web-process li:before{content:"0" counter(steps);color:var(--copper);font:400 11px IBM Plex Mono,monospace;position:absolute;top:28px;left:0}.web-process h3{letter-spacing:-.025em;margin:0 0 12px;font-size:26px;font-weight:550}.web-process li p{color:#4b4b43;margin:0;font-size:16px}.web-contact{background:var(--carbon);color:var(--bone);padding-block:clamp(72px,9vw,140px)}.web-contact h2{font-size:clamp(64px,10vw,148px)}.web-contact h2 em{color:#bd8d72}.web-contact-bottom{justify-content:space-between;align-items:end;gap:40px;margin-top:48px;display:flex}.web-contact-bottom p{color:#c7c0b4;max-width:420px;margin:0;font-size:18px}.web-contact-bottom>div{gap:24px;display:grid}.web-booking{border:1px solid #ece7dc80;justify-content:space-between;align-items:center;gap:32px;min-height:64px;padding:20px 24px;font:500 14px IBM Plex Mono,monospace;display:flex}.web-booking:hover{background:var(--bone);color:var(--carbon)}.web-email{text-underline-offset:5px;font:400 12px IBM Plex Mono,monospace;text-decoration:underline!important}.web-footer{justify-content:space-between;align-items:center;gap:32px;padding-block:36px;display:flex}.web-wordmark{font:400 32px Anton,sans-serif}.web-footer>a:not(.web-wordmark),.web-footer>span{font:400 11px/1.5 IBM Plex Mono,monospace}@media (width<=900px){.web-project{grid-template-columns:1fr}.web-project-image{aspect-ratio:1.6}.web-project-details{max-width:620px}.web-project-details .web-eyebrow{margin-bottom:16px}.web-service-grid{gap:24px}.web-contact-bottom{flex-direction:column;align-items:start}.web-process{gap:40px}}@media (width<=700px){.web-hero .hero-contact{min-height:36px;margin:0 auto;font-size:11px}.web-hero .portrait-fallback{height:min(110%,157.143vw);top:47%;bottom:auto}.web-hero .hero-intro h1{margin-bottom:12px}.web-opening-grid,.web-service-grid,.web-process{grid-template-columns:1fr;gap:32px}.web-opening-grid>div{font-size:16px}.web-opening-grid>div>p:first-child{font-size:24px}.web-project{margin-bottom:56px}.web-project-image{aspect-ratio:1.25}.web-visit{bottom:12px;right:12px}.web-service-grid h3{margin-top:18px}.web-service-grid p{max-width:none}.web-contact-bottom{margin-top:32px}.web-contact-bottom>div{width:100%}.web-booking{padding:18px;font-size:12px}.web-footer{flex-wrap:wrap;gap:24px}.web-footer>span{flex-basis:100%}.web-eyebrow{font-size:10px}.web-process{gap:40px}}@media (prefers-reduced-motion:reduce){.web-project-image img,.web-text-link span{transition:none}}.web-hero .hero-work-link{border-bottom:1px solid;width:max-content;padding-bottom:3px}.web-hero .hero-contact{border:0;text-decoration:none}.web-hero .hero-contact:hover{text-underline-offset:6px;text-decoration:underline}.work-picker{--display-amber:#e8bc80;isolation:isolate;min-height:var(--portal-height,100svh);color:var(--bone);background:#0a0a09;flex-direction:column;justify-content:center;gap:20px;padding:clamp(36px,4vw,64px) clamp(28px,7vw,120px) 24px;display:flex;position:relative}.work-picker:before{content:"";z-index:-1;pointer-events:none;background:url(/assets/web-design/project-visor-v1.webp) 50%/cover;position:absolute;inset:0}.work-picker-heading,.work-picker-layout,.work-picker-footer{width:100%;max-width:1240px;margin-inline:auto}.work-picker-wordmark{letter-spacing:.26em;margin:0 0 32px;font:550 22px/1.1 Bricolage Grotesque,sans-serif}.web-design-page .work-picker h2{letter-spacing:.04em;color:var(--stone);font:400 13px/1.4 IBM Plex Mono,monospace}.work-picker-layout{grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.work-index{min-width:0}.work-index-link{border-bottom:1px solid #ece7dc33;align-items:baseline;gap:clamp(16px,2vw,28px);min-height:88px;padding:18px 0;transition:color .16s,border-color .16s;display:flex;color:#aaa398!important}.work-index-link:last-child{border-bottom-color:#0000}.work-index-number{color:var(--display-amber);flex:none;font:400 11px/1.4 IBM Plex Mono,monospace}.work-index-name{letter-spacing:-.04em;min-width:0;font:550 clamp(32px,3.8vw,58px)/1.1 Bricolage Grotesque,sans-serif}.work-index-category{color:#aaa398;letter-spacing:0;margin-top:10px;font:400 10px/1.4 IBM Plex Mono,monospace;display:block}.work-index-link.is-active,.work-index-link:hover{border-bottom-color:var(--display-amber);color:var(--bone)!important}.work-index-link:focus-visible{outline:2px solid var(--display-amber);outline-offset:6px;color:var(--bone)!important}.work-preview-stage,.work-index-preview{min-width:0}.work-index-preview[hidden]{display:none!important}.work-preview-image{aspect-ratio:1.6;background:#0a0a0970;border:1px solid #ece7dc38;border-radius:18px;max-height:42svh;display:block;overflow:hidden;box-shadow:0 12px 40px #0004}.work-preview-image img{object-fit:contain;width:100%;height:100%;display:block}.work-preview-description{max-width:62ch;color:var(--bone);text-wrap:pretty;margin:24px 0 8px;font:400 16px/1.5 Bricolage Grotesque,sans-serif}.work-preview-open{text-underline-offset:6px;align-items:center;min-height:44px;font:400 12px/1.4 IBM Plex Mono,monospace;display:inline-flex;color:var(--display-amber)!important;text-decoration:underline #e8bc8070!important}.work-preview-open:hover{text-decoration-color:var(--display-amber)!important}.work-picker-footer{color:var(--stone);margin-block:0;font:400 10px/1.4 IBM Plex Mono,monospace}.work-picker-footer a{align-items:center;min-height:44px;display:inline-flex}.work-picker-footer a:hover{color:var(--display-amber);text-underline-offset:5px;text-decoration:underline}@media (width<=900px){.work-picker{justify-content:flex-start;gap:24px;padding:32px 32px 20px}.work-picker-layout{grid-template-columns:1fr;gap:28px}.work-picker-wordmark{margin-bottom:24px;font-size:20px}.work-index-link{gap:20px;min-height:76px;padding:14px 0}.work-index-name{font-size:clamp(30px,6vw,44px)}.work-index-category{margin-top:7px}.work-preview-image{aspect-ratio:1.6;border-radius:12px;max-height:none}.work-preview-description{margin-top:18px;font-size:16px}}@media (width<=700px){.web-hero .hero-work-link{margin-inline:auto}}@media (prefers-reduced-motion:reduce){.work-index-link{transition:none}}.web-hero :is(.gl,.portrait-fallback){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.web-hero .portrait-fallback{pointer-events:none}@media (width<=700px),(pointer:coarse){.web-hero .hud{left:var(--hero-left);right:var(--hero-right);justify-content:space-between;align-items:center;gap:20px;display:flex}.web-hero[data-ready] .hud p{text-align:left;letter-spacing:.03em;text-transform:none;opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:190px;margin:0;padding:0;font-size:10px;line-height:1.5;display:block;position:static;transform:none}.web-hero .hud button{flex-shrink:0}.web-hero:after{content:"";height:calc(140px + env(safe-area-inset-bottom));z-index:1;pointer-events:none;background:linear-gradient(#0000,#0a0a09d9 55%,#0a0a09f2);position:absolute;inset:auto 0 0}.web-hero .hud,.web-hero .hud button,.web-hero .hud button:hover,.web-hero .hud button[aria-pressed=true]{color:var(--bone);text-shadow:0 1px 4px #0008}.web-hero .hud button{text-decoration-color:#ece7dc99}.is-settled .web-hero .hud p{opacity:1;visibility:visible}}