:root{--paper:#f4efe6;--ink:#20201e;--muted:#65625c;--line:#cfc7bb;--teal:#167d78;--coral:#de6246;--mustard:#d6a52e;--plum:#76516c;--white:#fffdf8;--accent:var(--teal);--accent-soft:#d9ebe8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.08}h1{font-size:clamp(4rem,9vw,7.5rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.55rem}.shell{width:min(1120px,100% - 48px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.nav-wrap{justify-content:space-between;align-items:center;gap:32px;min-height:76px;display:flex}.site-name{letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.desktop-nav{gap:30px;font-size:.9rem;display:flex}.desktop-nav a{padding:6px 0;position:relative}.desktop-nav a:after{background:var(--teal);content:"";transform-origin:100%;height:2px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.desktop-nav a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--teal)}.footer-inner a,.simple-link,.back-link,.walkthrough-title-row a{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.footer-inner a:hover,.simple-link:hover,.back-link:hover,.walkthrough-title-row a:hover{color:var(--teal)}.mobile-nav{display:none;position:relative}.mobile-nav summary{cursor:pointer;font-size:.9rem;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav div{background:var(--paper);border:1px solid var(--line);z-index:10;width:180px;display:grid;position:absolute;top:36px;right:0}.mobile-nav a{border-bottom:1px solid var(--line);padding:12px 15px}.accent-teal{--accent:var(--teal);--accent-soft:#d9ebe8}.accent-coral{--accent:var(--coral);--accent-soft:#f3ddd5}.accent-mustard{--accent:var(--mustard);--accent-soft:#f0e5be}.accent-plum{--accent:var(--plum);--accent-soft:#e6dce3}.small-label,.project-platform{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:.76rem;font-weight:700}.simple-link{align-items:center;gap:10px;font-size:.92rem;font-weight:700;display:inline-flex}.button-link{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--paper);border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:.9rem;font-weight:700;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.button-link:hover{border-color:var(--teal);background:var(--teal);transform:translateY(-2px)}.button-link-secondary{color:var(--ink);background:0 0}.button-link-secondary:hover{color:var(--paper)}.button-link:focus-visible,.site-name:focus-visible,.desktop-nav a:focus-visible,.mobile-nav summary:focus-visible,.mobile-nav a:focus-visible,.simple-link:focus-visible,.back-link:focus-visible,.project-card a:focus-visible,.project-list-item a:focus-visible,.walkthrough-image:focus-visible,.next-project a:focus-visible,.footer-inner a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.home-intro{padding:104px 0 92px}.home-intro h1{max-width:1050px;margin-bottom:24px;font-size:clamp(5rem,13vw,10rem)}.home-intro>div>p:not(.small-label){max-width:620px;color:var(--muted);margin-bottom:28px;font-size:1.35rem}.home-projects{border-top:1px solid var(--line);padding:70px 0 120px}.plain-section-heading{margin-bottom:48px}.plain-section-heading h2{margin:0}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 30px;display:grid}.project-card{grid-template-rows:auto auto auto 1fr auto;align-content:start;display:grid}.project-card h3{margin:0 0 12px}.project-card>p:not(.project-platform){max-width:520px;color:var(--muted);margin-bottom:18px}.project-card .project-platform{margin-top:22px}.project-image{aspect-ratio:16/10;border:1px solid var(--line);background:var(--accent-soft);margin:0;padding:14px;overflow:hidden}.project-image img{border:1px solid color-mix(in srgb, var(--line) 70%, transparent);object-fit:cover;object-position:var(--preview-position,center);width:100%;height:100%;transform:scale(var(--preview-scale,1));transition:transform .22s}a:hover .project-image img{transform:scale(calc(var(--preview-scale,1) + .025))}.home-about{border-top:1px solid var(--line);grid-template-columns:.65fr 1.35fr;gap:70px;padding:90px 0;display:grid}.home-about h2{margin:0}.home-about p{max-width:680px;color:var(--muted);font-size:1.1rem}.page-intro{border-bottom:1px solid var(--line);padding:90px 0 65px}.page-intro h1{margin-bottom:22px;font-size:clamp(4.5rem,10vw,8rem)}.page-intro-copy{max-width:700px;color:var(--muted);font-size:1.15rem}.page-intro-copy p{margin-bottom:0}.project-list{padding-bottom:100px}.project-list-item{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:72px 0;display:grid}.project-list-item h2{margin-bottom:16px;font-size:clamp(2rem,3.5vw,3.1rem)}.project-list-item>div>p:not(.project-platform){max-width:520px;color:var(--muted)}.case-study{width:min(1240px,100% - 48px);padding:70px 0 110px}.case-header{max-width:820px;margin-bottom:52px}.back-link{margin-bottom:48px;font-size:.9rem;display:inline-block}.case-header h1{margin-bottom:24px;font-size:clamp(3.75rem,8vw,7rem)}.case-summary{max-width:760px;color:var(--muted);margin-bottom:14px;font-size:1.3rem}.project-tools{color:var(--muted);font-size:.88rem}.project-skills{color:var(--muted);flex-wrap:wrap;gap:8px 12px;margin-top:24px;font-size:.88rem;display:flex}.project-skills span{color:var(--accent);font-weight:700}.case-study>.project-image{aspect-ratio:16/9;padding:20px}.case-study>.project-image img{object-fit:contain;transform:none}.case-copy{max-width:760px;margin:90px auto 0}.case-copy h2,.project-note h2,.walkthrough h2{margin-bottom:24px;font-size:2rem}.case-copy>p{color:var(--muted);font-size:1.08rem}.case-copy>p+p{margin-top:18px}.build-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.build-list li{border-bottom:1px solid var(--line);padding:18px 0}.walkthrough{margin-top:100px}.walkthrough-title-row{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px;display:flex}.walkthrough-title-row h2{margin:0}.walkthrough-title-row a{font-size:.88rem}.native-walkthrough{border-top:1px solid var(--line)}.chapter-tabs{border-bottom:1px solid var(--line);gap:0;display:flex;overflow-x:auto}.chapter-tabs button{border:0;border-right:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;flex:none;padding:15px 18px;font-size:.82rem;transition:background-color .16s,color .16s,box-shadow .16s}.chapter-tabs button[aria-selected=true]{background:var(--white);color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}.chapter-tabs button:focus-visible,.walkthrough-controls button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.walkthrough-screen{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);min-height:600px;display:grid}.walkthrough-image{background:var(--white);border-right:1px solid var(--line);place-items:center;min-width:0;padding:30px;display:grid}.walkthrough-image img{object-fit:contain;width:100%;height:auto;max-height:680px}.walkthrough-copy{flex-direction:column;padding:34px 30px;display:flex}.walkthrough-label{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;font-size:.75rem;font-weight:700}.walkthrough-copy h3{margin-bottom:18px;font-size:1.6rem}.walkthrough-copy>p:not(.walkthrough-label){color:var(--muted);font-size:.95rem}.walkthrough-controls{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:auto;padding-top:30px;display:grid}.walkthrough-controls button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 10px;font-weight:700}.walkthrough-controls button:hover:not(:disabled){border-color:var(--line);color:var(--accent)}.walkthrough-controls button:first-child{text-align:left}.walkthrough-controls button:last-child{text-align:right}.walkthrough-controls button:disabled{color:#aaa59b;cursor:default}.walkthrough-controls span{color:var(--muted);font-size:.8rem}.project-note{border-top:1px solid var(--line);max-width:760px;margin:80px auto 0;padding-top:34px}.project-note p{color:var(--muted)}.project-close{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:64px;max-width:920px;margin:80px auto 0;padding-top:34px;display:grid}.project-close h2{margin-bottom:20px;font-size:1.5rem}.project-close p{color:var(--muted)}.project-close p+p{margin-top:16px}.next-project{border-top:1px solid var(--line);justify-content:space-between;gap:24px;max-width:760px;margin:80px auto 0;padding-top:28px;display:flex}.next-project span{color:var(--muted);font-size:.85rem}.next-project a{font-weight:700}.text-page{max-width:760px;padding:70px 0 120px}.text-page p{color:var(--muted)}.text-page .lead{color:var(--ink);font-size:1.4rem}.text-page h2{margin:70px 0 20px;font-size:2rem}.contact-links{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.page-links{gap:32px;margin-top:42px;display:flex}.site-footer{border-top:1px solid var(--line)}.footer-inner{justify-content:space-between;align-items:center;gap:30px;min-height:120px;display:flex}.footer-inner p{margin:0;font-weight:700}.footer-inner nav{gap:26px;font-size:.88rem;display:flex}@media (width<=800px){body{font-size:16px}.shell{width:min(100% - 34px,680px)}.desktop-nav{display:none}.mobile-nav{display:block}.home-intro{padding:72px 0 68px}.home-projects{padding:56px 0 80px}.project-list-item,.home-about{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 24px}.project-list-item{gap:30px;padding:58px 0}.home-about{gap:24px}.page-intro{padding:68px 0 50px}.case-study{padding-top:50px}.back-link{margin-bottom:34px}.case-header{margin-bottom:36px}.case-copy{margin-top:70px}.walkthrough{margin-top:76px}.walkthrough-screen{grid-template-columns:1fr;min-height:0}.walkthrough-image{border-right:0;border-bottom:1px solid var(--line);min-height:420px}.walkthrough-copy{min-height:330px}.project-close{grid-template-columns:1fr;gap:42px}}@media (width<=520px){.shell{width:calc(100% - 28px)}.nav-wrap{min-height:68px}.home-intro h1{font-size:clamp(4rem,22vw,6rem)}.home-intro>div>p:not(.small-label),.case-summary{font-size:1.12rem}.walkthrough-title-row,.next-project,.footer-inner{flex-direction:column;align-items:flex-start}.chapter-tabs button{padding:12px 14px}.walkthrough-image{min-height:300px;padding:14px}.walkthrough-copy{min-height:360px;padding:26px 20px}.project-grid{grid-template-columns:1fr;gap:56px}.page-links{flex-direction:column;gap:18px}.footer-inner{padding:34px 0}.contact-links,.contact-links .button-link{width:100%}}@keyframes walkthrough-in{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.walkthrough-screen.is-changing .walkthrough-image img,.walkthrough-screen.is-changing .walkthrough-copy>*{animation:.18s ease-out walkthrough-in}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}