@font-face{font-family:Manrope;src:url('assets/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--paper:#f6f7f2;--ink:#252a23;--muted:#72766d;--line:#dce0d5;--green:#c6ee87;--serif:Georgia,'Times New Roman',serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--green);color:var(--ink)}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #5a7c32;outline-offset:6px;border-radius:3px}
button{cursor:pointer}
.shell{max-width:1440px;margin:auto;padding:0 72px}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:absolute;z-index:10;left:20px;top:-100px;padding:14px;background:var(--ink);color:white}
.skip-link:focus{top:15px}
.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.identity{display:flex;align-items:center;gap:18px}
.monogram{font-size:38px;font-weight:800;letter-spacing:-3px;line-height:1}
.monogram>span{color:#6f944c}
.identity-text{font-size:13px;font-weight:700;line-height:1.6}
.identity-text>span{display:block;font-size:11px;font-weight:400;color:var(--muted)}
nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:600}
nav>a{transition:color .2s}
nav>a:hover,.text-link:hover{color:#627c44}
.nav-contact{display:flex;align-items:center;gap:15px;border:1px solid #bfc5b6;border-radius:99px;padding:12px 19px}
.nav-contact .icon{height:14px;width:14px}
.hero{display:grid;grid-template-columns:1.22fr 1fr;gap:24px;align-items:center;padding:78px 0 57px;min-height:650px}
.eyebrow{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;font-weight:400;line-height:1.6;letter-spacing:1.4px;margin:0}
.status-dot{display:inline-block;flex-shrink:0;height:6px;width:6px;border-radius:50%;background:#789c4e}
.hero .eyebrow{margin-bottom:28px}
h1{font-size:clamp(46px,5.05vw,73px);line-height:1.09;letter-spacing:-3.7px;font-weight:500;margin:0 0 30px;white-space:nowrap}
.title-dot{color:#72944e}
.underlined{position:relative;z-index:0}
.underlined>svg{position:absolute;left:0;bottom:-9px;width:100%;height:14px;fill:none;stroke:#a2ca70;stroke-width:4;z-index:-1}
.hero-description{color:#6b7066;font-size:14px;line-height:1.85;margin:0 0 31px;letter-spacing:-.05px}
.hero-actions{display:flex;align-items:center;gap:26px}
.button{min-height:51px;padding:15px 21px;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;gap:26px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button-dark{background:var(--ink);color:var(--paper)}
.button-dark:hover{background:#3d4c32}
.button .icon{height:16px;width:16px}
.text-link{font-size:12px;font-weight:600;display:flex;align-items:center;gap:10px}
.hero-note{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted);margin-top:38px}
.tiny-cross{font-size:16px;color:#6f8757}
.hero-art{position:relative;height:476px;align-self:center;margin-left:8px;background-image:radial-gradient(#d1d8c8 .75px,transparent .75px);background-size:19px 19px}
.art-label{position:absolute;inset:15px 15px auto;display:flex;justify-content:space-between;color:#818979;font-family:var(--mono);font-size:8px;letter-spacing:1px}
.art-corner{position:absolute;width:10px;height:10px;border-color:#a4ae97;border-style:solid}
.corner-tl{left:0;top:0;border-width:1px 0 0 1px}.corner-tr{right:0;top:0;border-width:1px 1px 0 0}.corner-bl{left:0;bottom:0;border-width:0 0 1px 1px}.corner-br{right:0;bottom:0;border-width:0 1px 1px 0}
.orbital-art{position:absolute;width:110%;height:auto;left:-5%;top:-3px;max-height:480px}
.code-note{position:absolute;bottom:36px;left:18%;width:82%;max-width:342px;transform:rotate(-4deg);background:#242b24;border:1px solid #3b453a;border-radius:8px;box-shadow:0 12px 22px #26372216;color:#ecf0e7;padding:0 16px;font-family:var(--mono);font-size:9px}
.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 0 14px;color:#a6b19f;font-size:8px}
.code-toolbar>span:first-child{display:flex;gap:4px}
.code-toolbar i{height:5px;width:5px;background:#616c5b;border-radius:50%}
.code-toolbar i:first-child{background:#e79777}
.code-line{display:flex;gap:15px;white-space:nowrap;padding:6px 0;font-size:10px}
.line-number{color:#687461;font-size:8px}
.code-muted{color:#b0b7a9}.code-green{color:#c6ee87}.code-cursor{display:inline-block;background:#c6ee87;height:11px;width:5px;margin-left:3px;vertical-align:middle}
.code-foot{display:flex;justify-content:space-between;border-top:1px solid #414b3d;margin-top:13px;padding:10px 0;color:#9ba994;font-size:8px}
.code-foot>span:first-child{display:flex;align-items:center;gap:5px}
.code-foot .status-dot{width:4px;height:4px;background:var(--green)}
.art-caption{position:absolute;bottom:11px;left:15px;font-size:7px;letter-spacing:1.2px;color:#818979;font-family:var(--mono)}
.stack-strip{display:flex;align-items:center;justify-content:space-between;gap:35px;border-block:1px solid var(--line);padding:26px 0}
.stack-label{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:var(--muted)}
.stack-strip ul{display:flex;list-style:none;justify-content:space-around;gap:40px;margin:0;padding:0;flex:1;font-size:15px;font-weight:600;color:#535c4b;letter-spacing:-.4px}
.stack-end{font-family:var(--mono);font-size:20px;color:#8b977f}
.section{padding-top:92px;scroll-margin-top:10px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:33px;gap:30px}
.section-number{color:var(--muted);font-size:9px;margin-bottom:15px}
h2{font-size:38px;line-height:1.25;font-weight:500;letter-spacing:-1.5px;margin:0}
.section-heading>p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 3px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.project-visual{height:328px;position:relative;overflow:hidden;border-radius:8px;isolation:isolate}
.orbit-visual{background:#e2e8d9}.forma-visual{background:#e8e0d8}
.visual-label{position:absolute;top:20px;left:22px;font-family:var(--mono);font-size:8px;letter-spacing:1.3px;color:#69735f}
.forma-visual .visual-label{color:#897569}
.orbit-window{position:absolute;display:flex;top:65px;left:8%;width:89%;height:283px;background:#fcfcfa;border:1px solid #d5ddcd;border-radius:6px 6px 0 0;transform:rotate(-3deg);transform-origin:center;box-shadow:0 12px 35px #36442a0d;transition:transform .4s}
.project:hover .orbit-window{transform:rotate(-1deg) translateY(-4px)}
.app-sidebar{position:relative;width:105px;flex-shrink:0;border-right:1px solid #e9ece3;padding:19px 10px;background:#f6f8f2;border-radius:6px 0 0 0}
.orbit-logo{font-size:19px;font-weight:800;letter-spacing:-1px;display:block;margin:0 7px 26px}
.sidebar-item{display:flex;gap:7px;padding:8px 6px;font-size:8px;color:#7a8271;white-space:nowrap;margin:3px 0}
.sidebar-item.selected{background:#e6eddd;color:#41522f;border-radius:4px}
.sidebar-bottom{position:absolute;bottom:17px;left:14px;font-size:7px;color:#738260;display:flex;gap:6px}
.sidebar-bottom>span{color:#7a8271;font-size:6px}
.app-content{padding:16px 19px;width:100%;overflow:hidden}
.app-topbar{display:flex;justify-content:space-between;align-items:center;font-size:6px;white-space:nowrap}
.muted{color:#9da594}.app-avatar{height:16px;width:16px;display:grid;place-items:center;border-radius:50%;background:#e3ebd9;color:#7b8d68;font-size:7px}
.app-kicker{font-family:var(--mono);font-size:6px;letter-spacing:1px;color:#9ba38f;margin:20px 0 6px}
.app-content h3{font-size:16px;font-weight:600;letter-spacing:-.7px;margin:0;white-space:nowrap}.app-content h3>span{color:#7f9b5c;font-size:20px;margin-left:4px}
.app-subtitle{font-size:6px;color:#9aa28e;margin:5px 0 14px}
.app-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}
.app-stats>div{border:1px solid #e5e9de;border-radius:4px;padding:8px}
.app-stats>div>span{font-size:6px;display:block;color:#8d9780}
.app-stats strong{font-size:20px;font-weight:500;display:flex;gap:4px;align-items:baseline;line-height:1.4}
.app-stats small{font-size:7px;font-weight:400;color:#779d4e}
.mini-bars{display:flex;height:21px;gap:3px;align-items:flex-end;margin-left:auto}.mini-bars>i{width:4px;height:11px;background:#c3d8a5;border-radius:2px}.mini-bars>i:nth-child(2n){height:18px}.mini-bars>i:nth-child(3n){height:14px}.mini-bars>i:last-child{height:23px;background:#88a965}
.task-title{font-size:8px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:5px}.task-title>span{font-size:6px;font-weight:400;color:#9ba48d}
.task-row{display:flex;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid #edf0e7;font-size:6px;white-space:nowrap}
.task-check{width:9px;height:9px;border:1px solid #d5ddc9;border-radius:2px;flex-shrink:0}.task-check.checked{background:#dfeccd;color:#739153;border:0;text-align:center}.task-done{text-decoration:line-through;color:#a1ab94}.task-tag{margin-left:auto;padding:3px 5px;background:#eef1e4;color:#8c9977;border-radius:3px;font-size:5px}.task-tag.lavender{background:#edebf4;color:#8b82a4}
.forma-window{position:absolute;top:65px;left:8%;width:85%;height:279px;background:#f8f4ee;border:1px solid #d3c8bb;box-shadow:0 12px 35px #6b4e3410;transform:rotate(3deg);padding:16px 21px;transition:transform .4s}
.project:hover .forma-window{transform:rotate(1deg) translateY(-4px)}
.forma-nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded6ca;padding-bottom:12px}.forma-logo{font-size:24px;font-weight:600;letter-spacing:-1.5px;color:#5e584b}.forma-logo>span{font-size:7px;vertical-align:top;margin:5px 0 0 2px;display:inline-block}.forma-nav>span:last-child{font-size:5px;color:#8c8374}
.forma-body{display:flex;padding-top:23px;height:194px;position:relative}
.forma-copy{position:relative;z-index:2;width:60%}.forma-eyebrow{font-size:4px;letter-spacing:.6px;color:#94836e;white-space:nowrap}.forma-copy h3{font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.03;letter-spacing:-1px;color:#655641;margin:10px 0 9px}.forma-copy h3 em{color:#9a8162;font-weight:400}.forma-copy p{font-size:5px;line-height:1.5;color:#968773}.forma-cta{display:flex;justify-content:space-between;align-items:center;font-size:5px;border-bottom:1px solid #b7a58c;padding:7px 0 5px;max-width:99px;color:#7e6b50}
.arch-composition{position:absolute;width:46%;height:177px;right:-4px;top:10px;overflow:hidden;background:#eae2d5}
.arch{position:absolute;border-radius:80px 80px 0 0}.arch-back{background:#d0b798;width:82px;height:155px;right:-1px;top:24px;box-shadow:-7px 3px 0 #e1ceb4}.arch-front{background:#ded0bc;width:91px;height:141px;left:17px;top:56px;box-shadow:-9px -2px 0 #eee4d6}.arch-front>span{position:absolute;inset:16px 20px 0;background:#92816d;border-radius:50px 50px 0 0;box-shadow:inset 12px 2px 0 #b9a58a}.arch-floor{position:absolute;bottom:0;left:0;right:0;height:17px;background:#dbcebc}.arch-ball{position:absolute;z-index:1;bottom:10px;right:9px;width:35px;height:35px;background:radial-gradient(circle at 30% 25%,#eae0d2,#b49d80);border-radius:50%;box-shadow:5px 4px 6px #8b765c38}.arch-shadow{position:absolute;inset:0;background:linear-gradient(125deg,#ffffff44,transparent 50%)}
.forma-footer{font-family:var(--mono);font-size:4px;display:flex;justify-content:space-between;border-top:1px solid #e3dbd0;padding-top:10px;letter-spacing:.4px;color:#94836e}
.project-meta{display:flex;justify-content:space-between;gap:15px;font-family:var(--mono);font-size:8px;letter-spacing:.7px;color:#858a7e;margin-top:22px}
.project-title{display:flex;align-items:baseline;gap:12px;font-size:23px;line-height:1.4;font-weight:600;letter-spacing:-.8px;margin:10px 0 10px}.project-title>span{font-size:12px;font-weight:400;letter-spacing:-.15px;color:#697060}
.project-description{font-size:12px;line-height:1.85;color:#79806f;margin:0 0 16px;max-width:420px}
.project-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:11px;font-weight:600;padding:16px 1px}
.project-details summary::-webkit-details-marker{display:none}.project-details summary:hover{color:#72944e}.details-symbol{width:12px;height:12px;position:relative}.details-symbol:before,.details-symbol:after{content:'';position:absolute;left:0;top:5px;width:12px;height:1px;background:currentColor}.details-symbol:after{transform:rotate(90deg);transition:transform .2s}.project-details[open] .details-symbol:after{transform:rotate(0)}
.details-content{font-size:12px;color:#697060;line-height:1.8;padding-bottom:10px}.details-content>p:first-child{margin-top:0}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.project-tags>span{padding:3px 8px;border:1px solid var(--line);border-radius:4px;font-size:9px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:85px}.about h2{font-size:48px;line-height:1.2;letter-spacing:-2px}.serif-word{font-family:var(--serif);font-style:italic;font-weight:400}.about .serif-word{color:#748c5c}.about-asterisk{font-size:78px;line-height:1;display:block;color:#b7ce9c;margin-top:26px;max-width:90px}.about-content{padding-top:29px}.about-content>p{font-size:13px;line-height:1.9;color:#77806c;margin:0 0 16px;max-width:470px}.about-content>.about-lead{font-size:19px;color:var(--ink);line-height:1.65;letter-spacing:-.45px;margin-bottom:19px}
.principles{display:flex;flex-wrap:wrap;gap:10px 18px;border-top:1px solid var(--line);padding-top:21px;margin-top:25px}.principles>div{font-size:9px;white-space:nowrap}.principles span{font-family:var(--mono);font-size:8px;color:#929d85;margin-right:5px}
.contact{background:#e8eddf;border:1px solid #dce4d1;border-radius:9px;padding:36px 43px 42px;position:relative;overflow:hidden}
.contact-top{display:flex;justify-content:space-between;align-items:flex-start}.contact .eyebrow{color:#758468;font-size:9px}.contact-spark{font-size:75px;line-height:.8;color:#8ea96e;position:absolute;right:43px;top:40px}.contact h2{font-size:58px;font-weight:500;line-height:1.12;letter-spacing:-2.7px;margin:26px 0 30px}.contact h2 .serif-word{color:#758e5b}.contact-bottom{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.contact-bottom>p{font-size:12px;line-height:1.8;color:#7b856e;margin:0}.email-actions{display:flex;gap:18px;align-items:center;position:relative}.email-link{display:flex;gap:20px;align-items:center;font-size:25px;line-height:1.8;letter-spacing:-.7px;border-bottom:1px solid #a5b293;transition:color .2s}.email-link:hover{color:#5e7c40}.email-link .icon{height:22px;width:22px}.copy-email{border:1px solid #b7c3a7;background:transparent;border-radius:50%;width:37px;height:37px;display:flex;align-items:center;justify-content:center;color:#7a8d65;transition:background .2s}.copy-email[hidden]{display:none}.copy-email:hover{background:#d8e2cb}.copy-email .icon{height:15px;width:15px}.copy-status{position:absolute;font-size:10px;right:0;top:calc(100% + 7px);color:#607348;white-space:nowrap}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:111px;font-size:10px;color:#8b9281}.footer-note{display:flex;align-items:center;gap:7px}.footer-note>span{font-size:14px;color:#83996a}.site-footer>a{color:#606d50}.site-footer>a:hover{color:#303e23}
@media(min-width:1450px){.hero{gap:55px}.hero-art{margin-left:30px}}
@media(max-width:1150px){.shell{padding:0 40px}.hero{padding-top:65px;min-height:615px}.hero-art{height:435px}h1{font-size:5.25vw;letter-spacing:-2.8px}.code-note{left:7%;width:92%;bottom:35px}.hero-note{font-size:8px}.stack-strip ul{gap:24px}.project-visual{height:295px}.orbit-window{left:6%;width:92%;top:58px}.app-sidebar{width:88px;padding-inline:7px}.app-content{padding:15px 13px}.app-content h3{font-size:14px}.forma-window{left:6%;width:88%;top:58px;padding-inline:17px}.forma-copy h3{font-size:22px}.project-title{gap:9px}.project-title>span{font-size:10px}.contact h2{font-size:53px}.email-link{font-size:22px}.email-actions{gap:12px}.contact-bottom>p{font-size:11px}.principles{gap:10px}.principles>div{font-size:8px}}
@media(max-width:900px){.shell{padding:0 30px}.site-header{height:94px}.identity-text{font-size:11px}.identity-text>span{font-size:10px}nav{gap:22px;font-size:11px}.hero{padding:57px 0 45px;gap:10px;min-height:555px}h1{font-size:5.5vw;letter-spacing:-2.5px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-description{font-size:12px}.hero-art{height:370px;margin:0}.orbital-art{top:10px}.code-note{font-size:8px;padding-inline:10px}.code-line{font-size:8px;gap:8px}.code-toolbar{padding:10px 0}.code-foot{font-size:7px}.hero-actions{gap:18px}.button{font-size:10px;padding:13px 16px;gap:17px;min-height:46px}.text-link{font-size:10px}.hero-note{font-size:7px;margin-top:28px}.stack-strip{gap:20px;padding-block:23px}.stack-strip ul{font-size:13px;gap:16px}.stack-label{font-size:8px}.section{padding-top:70px}h2{font-size:31px}.section-heading>p{font-size:10px}.project-grid{gap:22px}.project-visual{height:260px}.orbit-window{width:390px;left:7%;transform:rotate(-3deg) scale(.78);transform-origin:top left}.project:hover .orbit-window{transform:rotate(-1deg) scale(.78) translateY(-4px)}.forma-window{width:360px;left:7%;transform:rotate(3deg) scale(.78);transform-origin:top left}.project:hover .forma-window{transform:rotate(1deg) scale(.78) translateY(-4px)}.project-title{display:block;font-size:22px}.project-title>span{display:block;font-size:12px;margin-top:3px}.project-description{font-size:11px}.project-type{font-size:7px}.about h2{font-size:42px}.about-content>.about-lead{font-size:17px}.about-content>p{font-size:12px}.about-content{padding-top:25px}.about{padding-bottom:65px}.contact{padding:30px}.contact h2{font-size:48px}.contact-spark{right:30px;top:37px;font-size:63px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:23px}.email-link{font-size:25px}.site-footer{font-size:9px}.footer-note{font-size:8px}}
@media(max-width:650px){.shell{padding:0 22px}.site-header{height:83px}.monogram{font-size:34px}.identity-text{display:none}nav{gap:20px;font-size:11px}.nav-contact{padding:9px 12px;gap:6px}.nav-contact .icon{width:11px;height:11px}.hero{grid-template-columns:1fr;padding-top:43px;gap:38px}.hero .eyebrow{font-size:8px;margin-bottom:22px}h1{font-size:clamp(38px,8.2vw,53px);line-height:1.12;letter-spacing:-2.2px;margin-bottom:27px}.hero-description{font-size:12px;line-height:1.9;margin-bottom:24px}.hero-actions{gap:24px}.button{font-size:11px;padding:15px 18px;gap:24px;min-height:49px}.text-link{font-size:11px}.hero-note{margin-top:24px;font-size:8px}.hero-art{height:365px;width:100%;max-width:430px;justify-self:center}.orbital-art{height:370px;width:100%;left:0;top:-6px}.art-label{font-size:7px;inset:12px 12px auto}.code-note{width:80%;max-width:310px;left:17%;bottom:32px;padding-inline:13px}.code-line{font-size:9px;gap:10px}.code-toolbar{font-size:7px}.code-foot{font-size:7px;padding:9px 0}.code-toolbar i{height:4px;width:4px}.art-caption{font-size:6px}.stack-strip{flex-wrap:wrap;gap:19px 10px;padding:23px 0}.stack-label{flex:1;flex-basis:auto;font-size:8px}.stack-strip ul{order:3;flex-basis:100%;gap:12px;justify-content:space-between;font-size:12px}.stack-end{font-size:15px;margin-left:auto}.section{padding-top:58px}.section-heading{align-items:flex-start;gap:15px;flex-direction:column;margin-bottom:25px}.section-heading>p br{display:none}.section-heading>p{font-size:11px}.section-number{font-size:8px;margin-bottom:14px}h2{font-size:29px;letter-spacing:-1.25px}.project-grid{grid-template-columns:1fr;gap:35px}.project-visual{height:285px}.orbit-window{left:8%;width:390px;transform:rotate(-3deg) scale(.87);top:59px}.project:hover .orbit-window{transform:rotate(-1deg) scale(.87) translateY(-4px)}.forma-window{left:8%;width:360px;transform:rotate(3deg) scale(.87);top:59px}.project:hover .forma-window{transform:rotate(1deg) scale(.87) translateY(-4px)}.visual-label{top:19px;left:20px}.project-meta{margin-top:17px;font-size:8px}.project-type{font-size:8px}.project-title{display:flex;gap:13px;font-size:23px}.project-title>span{font-size:11px;margin:0}.project-description{font-size:12px;margin-bottom:15px;line-height:1.8}.project-details summary{font-size:11px}.about{grid-template-columns:1fr;gap:22px;padding-bottom:56px}.about-intro{position:relative}.about h2{font-size:40px}.about-asterisk{font-size:59px;position:absolute;bottom:2px;right:12px;margin:0}.about-content{padding:0}.about-content>.about-lead{font-size:18px;line-height:1.65}.about-content>p{font-size:12px;max-width:none}.principles{gap:12px 16px;margin-top:20px;padding-top:20px}.principles>div{font-size:8px}.contact{padding:25px 23px 34px}.contact .eyebrow{font-size:7px;letter-spacing:.8px}.contact h2{font-size:37px;letter-spacing:-1.7px;margin:30px 0 23px}.contact-spark{font-size:37px;top:48px;right:22px}.contact-bottom{gap:24px}.contact-bottom>p{font-size:11px}.email-link{font-size:20px;gap:14px}.email-actions{width:100%;justify-content:space-between;gap:12px}.email-link .icon{height:17px;width:17px}.copy-email{height:32px;width:32px;flex-shrink:0}.copy-status{font-size:8px;right:0}.site-footer{min-height:105px;flex-wrap:wrap;gap:15px;padding:25px 0;font-size:9px}.footer-note{order:3;flex-basis:100%;font-size:8px}.site-footer>a{margin-left:auto}}
@media(max-width:370px){.shell{padding:0 17px}nav{gap:13px;font-size:10px}h1{font-size:8.5vw;letter-spacing:-1.7px}.hero .eyebrow{font-size:7px}.hero-actions{gap:18px}.button{font-size:10px;padding-inline:14px;gap:15px}.text-link{font-size:10px}.hero-note{font-size:7px}.hero-art{height:330px}.orbital-art{height:335px}.code-line{font-size:8px}.code-note{width:85%;left:11%}.project-visual{height:250px}.orbit-window{transform:rotate(-3deg) scale(.75)}.project:hover .orbit-window{transform:rotate(-1deg) scale(.75)}.forma-window{transform:rotate(3deg) scale(.75)}.project:hover .forma-window{transform:rotate(1deg) scale(.75)}.project-title{gap:8px}.project-title>span{font-size:10px}.project-type{font-size:7px}.contact{padding-inline:18px}.contact h2{font-size:33px}.email-link{font-size:18px;gap:9px}.contact-spark{font-size:31px}.copy-email{width:29px;height:29px}.contact .eyebrow{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{body{background:white}.shell{padding:0 20px}.site-header{height:80px}nav,.hero-art,.hero-actions,.hero-note,.copy-email,.site-footer>a{display:none}.hero{display:block;min-height:0;padding:35px 0}h1{font-size:46px}.section{padding-top:35px}.project,.contact{break-inside:avoid}.project-visual{print-color-adjust:exact;-webkit-print-color-adjust:exact}.contact{margin-top:25px}.contact h2{font-size:38px}.about{padding-bottom:30px}.site-footer{min-height:60px}}