@font-face{font-family:DM Sans;src:url('fonts/dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:DM Mono;src:url('fonts/dm-mono.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#faf9f6;--ink:#242521;--muted:#6a6c62;--line:#24252126;--accent:#a74328;--pad:clamp(22px,5vw,80px);--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button[hidden],[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:3px}::selection{background:#e5d6ba;color:#242521}svg{display:block;max-width:100%}button:disabled{cursor:default}.page-width{width:100%;max-width:1560px;margin-inline:auto;padding-inline:var(--pad)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:20px;top:-80px;z-index:99;background:var(--paper);padding:14px}.skip:focus{top:12px}
.site-header{max-width:1560px;margin:auto;padding:24px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font:italic 40px/1 Georgia,serif;letter-spacing:-3px;min-height:44px}.site-header nav{display:flex;align-items:center;gap:clamp(20px,3vw,46px);font-size:14px}.site-header nav a{min-height:44px;display:flex;align-items:center;gap:6px}.site-header nav a:hover{color:var(--accent)}
.hero{padding-top:65px;padding-bottom:150px}.hero-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center}h1{font-size:clamp(100px,14vw,212px);line-height:.85;letter-spacing:-.08em;font-weight:500}.name-line{display:block;overflow:visible}.name-line .letter{display:inline-block;animation:letter-arrive 1.5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*.045s)}.surname{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.075em;margin-top:15px;margin-left:9%}.name-period{color:var(--accent)}.intro-copy{max-width:470px;align-self:end;padding-bottom:20px}.intro-copy>p:first-child{font-size:clamp(20px,2vw,28px);line-height:1.5;letter-spacing:-.035em}.intro-note{font-size:16px;color:var(--muted);line-height:1.7;margin-top:24px}.profile-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:26px}.profile-links a{min-height:46px;border-bottom:1px solid #9c9f924f;display:flex;align-items:center;gap:12px;font-size:14px}.profile-links a:hover{color:var(--accent);border-color:var(--accent)}.file-type{font-size:10px;color:var(--muted)}
.desk{--unfold:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:80px 10px 24px;perspective:1500px}.desk-card{position:relative;background:#fff;border:1px solid #dadbd2;border-radius:10px;box-shadow:0 16px 25px -20px #282c2744;min-width:0;transform-origin:50% 90%;transition:box-shadow .5s;will-change:transform}.desk-onboardy{transform:translateY(calc((1 - var(--unfold))*12px)) rotate(calc((1 - var(--unfold))*-5deg))}.desk-transit{transform:translateY(calc((1 - var(--unfold))*-22px)) rotate(calc((1 - var(--unfold))*3deg))}.desk-phish{transform:translateY(calc((1 - var(--unfold))*22px)) rotate(calc((1 - var(--unfold))*-2deg))}.desk-card:hover{box-shadow:0 22px 34px -20px #282c2755}.mini-browser{height:26px;border-bottom:1px solid #26282012;display:flex;gap:5px;align-items:center;padding:0 12px}.mini-browser span{width:4px;height:4px;background:#c5c6bd;border-radius:50%}.desk-image{height:230px;display:grid;place-items:center;overflow:hidden}.desk-title{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #292c2112;font-size:15px}.desk-title>span:last-child{transition:transform .4s}.desk-card:hover .desk-title>span:last-child{transform:translate(3px,-3px)}.booking-preview{background:#f2ede2;padding:25px}.calendar-preview{width:100%;max-width:280px;transform:translateY(var(--preview-drift,0px))}.calendar-month{font-family:Georgia,serif;font-size:21px}.calendar-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center;margin:20px 0}.calendar-days i{font-size:8px;font-style:normal;color:#878173}.calendar-days b{font-size:12px;font-weight:400;padding:7px 3px}.selected-day{background:#a74328;color:white;border-radius:50%;animation:calendar-pulse 5s ease-in-out infinite}.booking-event{font-size:10px;display:flex;align-items:center;gap:8px;padding:10px;background:#fffefa;border-radius:4px;box-shadow:0 4px 10px #574a1f08}.booking-event>span:last-child{margin-left:auto;color:#8c806c}.event-dot{width:5px;height:5px;border-radius:50%;background:#a74328}.booking-followup{margin-top:7px;font-size:9px;display:flex;justify-content:space-between;padding:7px 10px;color:#708065;animation:followup-appear 7s ease-in-out infinite}.transit-preview{background:#e8eee3}.transit-preview svg{width:100%;height:100%;object-fit:cover}.preview-track{fill:none;stroke-width:6;stroke-linecap:round}.track-one{stroke:#b49d6c}.track-two{stroke:#56745a}.preview-tram{offset-path:path('M125 -10v130q0 40 40 40h245');animation:tram-journey 12s cubic-bezier(.4,0,.3,1) infinite}.inbox-preview{background:#edecf3;padding:22px}.sample-mail{position:relative;background:#fffefa;width:100%;padding:24px 18px;border:1px solid #79768d22;border-radius:5px;overflow:hidden}.mail-from{font-size:10px;color:#686277}.sample-mail p{font:17px/1.8 Georgia,serif;margin:15px 0}.sample-mail mark{color:inherit;background:#ecddc280;animation:mark-wash 9s ease infinite}.mail-result{font-size:9px;display:flex;align-items:center;gap:6px;color:#7c6351;border-top:1px solid #81728226;padding-top:12px}.scan-dot{width:4px;height:4px;border-radius:50%;background:#a74328}.mail-scan{position:absolute;top:0;left:0;right:0;height:40px;border-bottom:1px solid #a29aba77;background:linear-gradient(transparent,#bcb6ca22);animation:mail-scan 9s ease-in-out infinite;pointer-events:none}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:60px}h2{font-size:clamp(40px,5.8vw,88px);font-weight:400;letter-spacing:-.065em;line-height:1.03}h2>span{color:var(--accent)}.work{padding-bottom:130px}.project-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:center;margin:0 0 120px;min-width:0}.project-feature:nth-child(2){grid-template-columns:1fr 1.25fr}.project-feature:nth-child(2) .project-visual{order:2}.project-feature:nth-child(2) .project-copy{order:1}.project-visual{overflow:hidden;border-radius:8px;min-width:0;transform:translateY(var(--visual-y,0px));will-change:transform}.project-art{height:490px;position:relative;overflow:hidden;isolation:isolate}.project-copy{min-width:0;max-width:490px}.project-copy h3{font-size:clamp(32px,3.4vw,52px);font-weight:450;letter-spacing:-.065em;margin-bottom:24px}.project-copy h3 a:hover{color:var(--accent)}.project-description{font-size:18px;line-height:1.75;letter-spacing:-.015em;color:#4b4e45}.project-tech{font-size:12px;line-height:1.8;color:#7e8176;margin-top:22px}.project-actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px;font-size:14px}.project-actions a,.project-actions button{display:flex;gap:12px;align-items:center;min-height:46px;padding:0;border-bottom:1px solid #8186774d}.project-actions a:hover,.project-actions button:hover{color:var(--accent);border-color:var(--accent)}
.art-grid{position:absolute;inset:0;background-image:linear-gradient(#4e473a06 1px,transparent 1px),linear-gradient(90deg,#4e473a06 1px,transparent 1px);background-size:36px 36px;z-index:-1}.workflow-art{background:#eee6d7;color:#443e30;display:flex;align-items:center;justify-content:center;padding:35px}.workflow-system{width:100%;max-width:390px}.workflow-input{margin:auto;width:85%;padding:18px;background:#fffdf6;border:1px solid #b9ac8c55;border-radius:8px;display:flex;gap:14px;align-items:center;animation:input-float 8s ease-in-out infinite;box-shadow:0 9px 16px #68563209}.node-icon{font-size:25px;color:#a74328}.workflow-input strong{font-size:14px;font-weight:450}.node-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#a74328}.flow-wire{height:36px;width:1px;background:#a9986d55;margin:auto;position:relative;overflow:hidden}.flow-wire i{position:absolute;top:-18px;left:0;width:1px;height:18px;background:#a74328;animation:packet 3.2s ease-in-out infinite}.workflow-core{width:90px;height:90px;border-radius:23px;background:#bd6040;display:grid;place-items:center;position:relative;margin:auto;border:1px solid #a64a2c;box-shadow:0 10px 15px #aa54341c;animation:core-breathe 8s ease-in-out infinite}.workflow-core b{font-size:50px;letter-spacing:-7px;font-weight:400;color:#fff7e7;padding-right:6px}.core-rings{position:absolute;inset:-12px;border:1px solid #b1a58844;border-radius:32px}.core-rings:after{content:'';position:absolute;inset:-10px;border:1px solid #b1a58822;border-radius:39px}.flow-branches{height:43px;display:flex;justify-content:space-around;position:relative;width:70%;margin:auto}.flow-branches:before{content:'';position:absolute;top:17px;left:0;right:0;height:1px;background:#a9986d55}.flow-branches .flow-wire{margin-top:17px;height:26px}.flow-branches .flow-wire:nth-child(2){height:43px;margin-top:0}.flow-branches .flow-wire i{animation-delay:1s}.workflow-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-destinations>div{display:flex;align-items:center;flex-direction:column;gap:12px;padding:20px 8px;border:1px solid #b9ac8c55;border-radius:8px;background:#fffdf6;animation:destination 8s ease-in-out infinite}.workflow-destinations>div:nth-child(2){animation-delay:.4s}.workflow-destinations>div:nth-child(3){animation-delay:.8s}.workflow-destinations>div>span{font-size:25px;color:#9c633d}.workflow-destinations b{font-size:12px;font-weight:450}
.transit-art{background:#e6eddf}.transit-map{width:100%;height:100%;position:absolute;inset:0;opacity:.9}.transit-map>path{fill:#ccdbc7}.transit-map pattern path{stroke:#b7cbb0}.map-route{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.route-dim{stroke:#a6b9a0;stroke-width:2}.route-main{stroke:#a99765}.route-cross{stroke:#53725a}.map-stops circle{fill:#edf2e6;stroke:#577651;stroke-width:2}.tram-vertical,.tram-horizontal{fill:#fdfef8;stroke:#54744e;stroke-width:1.5}.tram-vertical{animation:tram-vertical 16s ease-in-out infinite alternate}.tram-horizontal{animation:tram-horizontal 20s ease-in-out infinite alternate}.route-card{position:absolute;width:76%;left:12%;bottom:55px;padding:20px;background:#f9fbf4;border:1px solid #94ab8944;border-radius:8px;box-shadow:0 10px 30px #25462710;transform:rotate(-3deg);animation:route-float 10s ease-in-out infinite}.route-card>div{display:flex;align-items:center;gap:15px}.route-number{font-size:16px;background:#dae5cd;border-radius:5px;padding:12px;color:#425f39}.route-card strong{font-size:24px;font-weight:450;letter-spacing:-.04em}.route-signal{display:flex;align-items:end;gap:3px;margin-left:auto}.route-signal i{width:3px;height:9px;background:#76885d;animation:signal 3s ease-in-out infinite}.route-signal i:nth-child(2){height:14px;animation-delay:.3s}.route-signal i:nth-child(3){height:18px;animation-delay:.6s}
.security-art{background:#eae8f0;padding:135px 30px 40px}.scan-orbit{width:240px;height:240px;position:absolute;left:50%;top:45px;transform:translateX(-50%);border:1px solid #aaa4bb55;border-radius:50%;display:flex;justify-content:center;padding-top:20px}.scan-orbit:before{content:'';position:absolute;inset:22px;border:1px solid #aaa4bb33;border-radius:50%}.scan-orbit>span{font-size:48px;color:#9993ac;animation:core-breathe 8s ease-in-out infinite}.message-card{width:100%;max-width:385px;position:relative;margin:auto;background:#fffefa;border:1px solid #8d859f33;border-radius:9px;padding:26px;transform:rotate(3deg);overflow:hidden;box-shadow:0 12px 24px #4b416010;animation:message-float 11s ease-in-out infinite}.message-top{display:flex;gap:12px;align-items:center}.sender-avatar{padding:8px 10px;background:#ece8f0;border-radius:6px;color:#71677e}.message-top strong{display:block;font-size:12px;font-weight:500}.message-top small{display:block;font-size:10px;color:#8a8192;margin-top:4px}.message-top>span:last-child{margin-left:auto}.message-card>p{font:22px/1.8 Georgia,serif;margin:20px 0;color:#504759}.message-card mark{background:#ede1c6;color:inherit;animation:mark-wash 9s ease infinite}.message-result{font-size:10px;display:flex;align-items:center;gap:6px;padding-top:15px;border-top:1px solid #9b8ea333;color:#82708c}.message-result>span{font-size:20px}.message-result>b{margin-left:auto;font-weight:400;font-size:20px}.scan-beam{position:absolute;top:0;left:0;right:0;height:40px;border-bottom:1px solid #a29aba77;background:linear-gradient(transparent,#bcb6ca22);animation:mail-scan 9s ease-in-out infinite;pointer-events:none}
.smaller-projects{padding-top:10px}.smaller-projects>h3{font:400 clamp(26px,3vw,38px)/1.2 Georgia,serif;letter-spacing:-.04em;margin-bottom:35px}.experiment{display:grid;grid-template-columns:1fr 1.5fr 30px;align-items:center;gap:25px;padding:30px 0;border-top:1px solid var(--line);transition:color .4s}.experiment:last-child{border-bottom:1px solid var(--line)}.experiment h4{font-size:22px;font-weight:450;letter-spacing:-.04em}.experiment p{font-size:15px;line-height:1.7;color:var(--muted)}.experiment>span{font-size:28px;transition:transform .5s}.experiment:hover{color:var(--accent)}.experiment:hover>span{transform:translate(5px,-5px)}
.about{padding-top:85px;padding-bottom:130px;border-top:1px solid var(--line)}.about-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:14%;align-items:center;margin-top:55px}.about-copy>p{font-size:20px;line-height:1.75;letter-spacing:-.025em;margin-bottom:24px}.about-copy>p:first-child{font-size:27px;line-height:1.6;color:#282b23}.inline-link{display:inline-flex;align-items:center;gap:20px;min-height:48px;border-bottom:1px solid var(--line);font-size:14px}.personal-note{max-width:360px;position:relative;background:#f1e8d4;padding:46px 35px;transform:rotate(3deg);box-shadow:2px 16px 24px -24px #6d5c37;isolation:isolate}.personal-note>p{font:italic 31px/1.35 Georgia,serif;letter-spacing:-.03em;color:#555139}.personal-note>span:last-child{display:block;margin-top:25px;font-size:13px;color:#827554}.note-fold{position:absolute;right:0;top:0;border-style:solid;border-width:0 26px 26px 0;border-color:transparent var(--paper) #ded2b6 transparent}.contact{padding-bottom:100px}.contact-layout{display:flex;align-items:end;justify-content:space-between;gap:35px}.contact h2{font-size:clamp(48px,7.4vw,110px);line-height:1.04}.contact h2 em{font:italic 1em/1.1 Georgia,serif;letter-spacing:-.065em}.email-link{display:flex;align-items:center;gap:22px;width:fit-content;max-width:100%;overflow-wrap:anywhere;min-height:48px;border-bottom:1px solid #92978166;font-size:clamp(15px,1.9vw,26px);margin-top:35px;padding-bottom:12px;line-height:1.6}.email-link:hover{color:var(--accent)}#copy-email{display:block;margin-top:15px;padding:0;min-height:44px;font-size:12px;color:var(--muted)}.site-footer{padding-top:30px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-name{font:italic 24px Georgia,serif;letter-spacing:-1px;min-height:44px;display:flex;align-items:center}.site-footer>span{font-size:12px;color:var(--muted);margin-right:auto}.site-controls{display:flex;gap:15px;flex-wrap:wrap}.site-controls button{min-height:44px;font-size:11px;color:var(--muted);padding:8px 0}.site-controls button:hover{color:var(--accent)}
.reveal{--reveal-y:34px}.reveal.is-observed{opacity:0;transform:translateY(var(--reveal-y));transition:opacity 1.1s ease,transform 1.3s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.personal-note.reveal.visible{transform:rotate(3deg)}
dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid #d3d3c8;background:var(--paper);color:var(--ink);padding:60px 38px 38px;border-radius:10px;overflow:auto;overscroll-behavior:contain;box-shadow:0 25px 100px #28332222}dialog::backdrop{background:#2b302640;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .4s cubic-bezier(.16,1,.3,1)}.dialog-close{position:absolute;right:14px;top:10px;width:44px;height:44px;font-size:28px}.dialog-close:hover{color:var(--accent)}dialog h2{font-size:42px;line-height:1.15;margin-bottom:25px}dialog p{font-size:15px;line-height:1.8;color:#595e50}.detail-block{margin-top:24px}.detail-block h3{font-size:14px;font-weight:500;margin-bottom:10px}.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.project-tags>span{font-size:11px;border-bottom:1px solid var(--line);padding:7px 0;margin-right:10px}.dialog-source{margin-top:25px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;min-height:48px;font-size:14px}
@keyframes letter-arrive{from{opacity:0;transform:translateY(30px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes calendar-pulse{0%,100%{box-shadow:0 0 0 0 #a7432822}50%{box-shadow:0 0 0 5px #a7432800}}@keyframes followup-appear{0%,12%{opacity:.35;transform:translateY(4px)}35%,90%{opacity:1;transform:none}100%{opacity:.35;transform:translateY(4px)}}@keyframes tram-journey{0%,12%{offset-distance:0%}90%,100%{offset-distance:100%}}@keyframes mark-wash{0%,100%{background:#ede1c644}50%{background:#ede1c6}}@keyframes mail-scan{0%,12%{transform:translateY(-45px);opacity:0}20%{opacity:1}75%{transform:translateY(320px);opacity:1}85%,100%{transform:translateY(320px);opacity:0}}@keyframes input-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes packet{to{transform:translateY(60px)}}@keyframes core-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes destination{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes tram-vertical{0%,15%{transform:translateY(-100px)}85%,100%{transform:translateY(135px)}}@keyframes tram-horizontal{0%,15%{transform:translateX(-210px)}85%,100%{transform:translateX(125px)}}@keyframes route-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-1deg)}}@keyframes message-float{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes signal{0%,100%{opacity:.4}50%{opacity:1}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.desk-image{height:260px}}
@media(max-width:1100px){.hero-intro{gap:5%}.desk{gap:18px}.desk-image{height:200px}.booking-preview,.inbox-preview{padding:18px}.sample-mail{padding:16px 12px}.sample-mail p{font-size:15px}.calendar-month{font-size:18px}.project-feature,.project-feature:nth-child(2){gap:5%;grid-template-columns:1.1fr 1fr}.project-art{height:430px}.workflow-art{padding:28px}.security-art{padding:115px 20px 30px}.message-card{padding:20px}.message-card>p{font-size:19px}.about-layout{gap:9%}}
@media(max-width:800px){:root{--pad:24px}.site-header{padding-top:18px;padding-bottom:15px}.hero{padding-top:42px;padding-bottom:60px}.hero-intro{grid-template-columns:1fr;gap:36px}h1{font-size:clamp(94px,19vw,145px);line-height:.86}.surname{margin-left:16%;margin-top:5px}.intro-copy{max-width:600px;padding-bottom:0}.intro-copy>p:first-child{font-size:22px;line-height:1.55;max-width:520px}.intro-note{font-size:15px;margin-top:18px}.profile-links{margin-top:20px}.desk{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:16px;padding:36px 3px 22px;scrollbar-width:thin;scrollbar-color:#c8cbbf transparent;perspective:none}.desk-card{flex:0 0 min(82%,370px);scroll-snap-align:center;transform:none!important;will-change:auto}.desk-image{height:230px}.booking-preview,.inbox-preview{padding:25px}.sample-mail p{font-size:18px}.calendar-month{font-size:21px}.section-heading{margin-bottom:40px;align-items:center}h2{font-size:clamp(38px,7vw,56px)}.work{padding-bottom:65px}.project-feature,.project-feature:nth-child(2){grid-template-columns:1fr;gap:28px;margin-bottom:65px}.project-feature:nth-child(2) .project-visual{order:0}.project-feature:nth-child(2) .project-copy{order:0}.project-visual{transform:none!important;will-change:auto}.project-art{height:420px}.project-copy{max-width:100%}.project-copy h3{font-size:36px;margin-bottom:15px}.project-description{font-size:16px;max-width:600px}.project-tech{font-size:12px;margin-top:17px}.project-actions{margin-top:16px}.workflow-system{max-width:400px}.smaller-projects>h3{font-size:29px}.experiment{grid-template-columns:1fr 28px;gap:8px 20px;padding:26px 0}.experiment h4{font-size:22px}.experiment p{grid-column:1;font-size:14px}.experiment>span{grid-column:2;grid-row:1 / 3}.about{padding-top:60px;padding-bottom:65px}.about-layout{grid-template-columns:1fr;gap:40px;margin-top:35px}.about-copy>p{font-size:17px;line-height:1.8}.about-copy>p:first-child{font-size:23px}.personal-note{width:calc(100% - 12px);max-width:390px;justify-self:center;padding:35px}.personal-note>p{font-size:29px}.contact-layout{display:block}.contact h2{font-size:clamp(47px,10vw,78px)}.contact{padding-bottom:55px}.email-link{font-size:clamp(14px,3.6vw,22px);gap:10px;margin-top:27px}.site-footer{gap:10px 20px;padding-bottom:max(25px,env(safe-area-inset-bottom))}.site-footer>span{font-size:11px}.site-controls{flex-basis:100%;gap:22px}.footer-name{font-size:23px}.reveal{--reveal-y:20px}}
@media(max-width:480px){:root{--pad:21px}.site-header nav{gap:18px;font-size:12px}.wordmark{font-size:35px}.hero{padding-top:34px}.intro-copy>p:first-child{font-size:20px}.profile-links{gap:24px}.profile-links a{font-size:13px}.desk-card{flex-basis:88%}.desk-title{padding:16px;font-size:14px}.desk-image{height:220px}.section-heading{display:block}.project-art{height:360px}.workflow-art{padding:24px 18px}.workflow-input{width:90%;padding:15px 12px;gap:9px}.workflow-input strong{font-size:12px}.workflow-core{width:75px;height:75px;border-radius:20px}.workflow-core b{font-size:43px}.flow-wire{height:28px}.workflow-destinations{gap:8px}.workflow-destinations>div{padding:16px 5px}.workflow-destinations b{font-size:10px}.workflow-destinations>div>span{font-size:21px}.route-card{width:84%;left:8%;bottom:42px;padding:16px}.route-card strong{font-size:22px}.security-art{padding:100px 18px 25px}.scan-orbit{top:28px;width:210px;height:210px;padding-top:17px}.scan-orbit>span{font-size:39px}.message-card{padding:18px}.message-card>p{font-size:18px;line-height:1.7;margin:16px 0}.message-top{gap:8px}.message-top strong{font-size:10px}.message-result{font-size:8px;flex-wrap:wrap}.project-copy h3{font-size:32px}.project-description{font-size:16px}.personal-note{padding:30px}.personal-note>p{font-size:27px}.email-link{overflow-wrap:anywhere}dialog{padding:60px 24px 28px}dialog h2{font-size:35px}.section-heading h2{max-width:100%}}
@media(max-width:360px){:root{--pad:18px}.site-header nav{gap:14px;font-size:11px}.booking-preview,.inbox-preview{padding:18px}.sample-mail p{font-size:16px}.hero-intro h1{font-size:94px}.project-art{height:365px}.message-card>p{font-size:16px}.sender-avatar{padding:6px 8px}.email-link{font-size:14px}.contact h2{font-size:43px}}
.motion-paused{scroll-behavior:auto}.motion-paused *,.motion-paused *:before,.motion-paused *:after,.scene-asleep *,.art-asleep *{animation-play-state:paused!important}.motion-paused .name-line .letter{animation:none!important;opacity:1;transform:none}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .desk-card,.motion-paused .project-visual{transform:none!important}.page-asleep *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.is-observed{opacity:1;transform:none}.desk-card,.project-visual{transform:none!important}}