@font-face{font-family:Archivo;src:url('assets/archivo-regular.ttf') format('truetype');font-display:swap;font-weight:100 450}
@font-face{font-family:Archivo;src:url('assets/archivo-medium.ttf') format('truetype');font-display:swap;font-weight:451 550}
@font-face{font-family:Archivo;src:url('assets/archivo-semibold.ttf') format('truetype');font-display:swap;font-weight:551 900}
:root{--sc-canvas:#151b1c;--sc-surface:#1c2425;--sc-ink:#f0f1e9;--sc-ink-soft:#b1bbb6;--sc-accent:#d9f87b;--sc-accent-ink:#151b1c;--sc-font-display:Archivo,Arial,sans-serif;--sc-font-text:Archivo,Arial,sans-serif;--sc-gutter:clamp(24px,4.4vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:var(--sc-font-text);font-size:1rem}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #89a832;outline-offset:6px}a:active,button:active{transform:translateY(1px)}.skip{position:fixed;top:10px;left:10px;z-index:200;background:var(--sc-accent);color:#151b1c;padding:12px;transform:translateY(-180%)}.skip:focus{transform:none}.masthead{padding:24px var(--sc-gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff1f}.identity{display:flex;align-items:center;font-size:2.3125rem;font-weight:700;letter-spacing:-3px;white-space:nowrap}.identity-star{color:var(--sc-accent);font-size:2rem;align-self:flex-start;line-height:1.2;letter-spacing:0}.identity>span:last-child{font-size:0.9375rem;letter-spacing:-.3px;font-weight:500;margin-left:18px}.masthead nav{display:flex;gap:28px;font-size:0.875rem}.masthead nav a{color:#bdc6c0}.masthead nav a:hover{color:var(--sc-accent)}.contact-link{font-size:0.875rem;white-space:nowrap}.contact-link span{margin-left:12px}.hero{position:relative;isolation:isolate;overflow:hidden;padding:28px var(--sc-gutter) 0}.hero-grid{position:absolute;z-index:-1;inset:0 0 -60px 45%;background-image:linear-gradient(#b1c4b509 1px,transparent 1px),linear-gradient(90deg,#b1c4b509 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent,#000)}.hero-kicker{display:flex;justify-content:space-between;font-size:0.6875rem;font-weight:500;letter-spacing:1.8px;color:#b7c0b9}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;min-height:610px;padding:42px 0 36px}.project-context{font-size:0.875rem;color:var(--sc-ink-soft);margin-bottom:22px}.hero h1{font-size:clamp(6.875rem,12vw,11.375rem);font-weight:550;line-height:.9;letter-spacing:-.08em;margin-left:-.065em}.period{color:var(--sc-accent)}.hero-description{font-size:clamp(1.6875rem,3vw,2.75rem);line-height:1.13;letter-spacing:-1.5px;margin-top:28px;font-weight:450}.hero-detail{font-size:1rem;color:var(--sc-ink-soft);line-height:1.6;margin-top:22px}.project-links{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;gap:36px;align-items:center;padding:15px 20px;color:var(--sc-accent-ink);background:var(--sc-accent);font-size:0.875rem;border-radius:4px}.button:hover{background:#e6ff9f}.text-link{font-size:0.875rem;display:inline-block;border-bottom:1px solid currentColor;padding:8px 0;line-height:1.2}.text-link:hover{opacity:.75}.peyk-scene{position:relative;height:510px;max-width:650px;width:100%;perspective:1300px}.scene-line{position:absolute;width:83%;height:83%;border:1px solid #d9f87b25;border-radius:50%;top:8%;left:8%;transform:rotate(-25deg) scaleY(.75)}.phone-back{position:absolute;width:210px;height:453px;left:6%;top:13px;z-index:1}.phone-front{position:absolute;width:224px;height:483px;right:4%;top:30px;z-index:2}.phone-crop{width:100%;height:100%;overflow:hidden;border-radius:30px;position:relative;box-shadow:0 26px 55px #060b0b77;border:1px solid #abb6a62b}.lock-screen{rotate:-8deg}.chat-screen{rotate:8deg}.phone-crop img{position:absolute;max-width:none;width:404.5%;height:125%}.lock-screen img{left:-165.8%;top:-9.9%}.chat-screen img{left:-166%;top:-9.4%}.media-caption{position:absolute;bottom:-28px;right:0;font-size:0.75rem;color:#aab6ad}.project-baseline{border-top:1px solid #ffffff26;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:24px 0;font-size:0.75rem;color:var(--sc-ink-soft)}.project-baseline a{color:var(--sc-ink)}.intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:120px var(--sc-gutter) 130px}.intro-label{font-size:0.6875rem;line-height:1.6;letter-spacing:1.3px;color:var(--sc-ink-soft);padding-top:10px}.intro h2{font-size:clamp(1.75rem,3.4vw,3.0625rem);font-weight:450;line-height:1.18;letter-spacing:-1.7px}.intro h2 span{color:#a9b5ae}.intro p{max-width:590px;color:var(--sc-ink-soft);font-size:1.0625rem;line-height:1.7;margin-top:32px}.tesseract{--sc-ink:#1a2523;--sc-ink-soft:#4d5c54;--sc-accent:#526b0c;background:#edf0e8;color:var(--sc-ink);padding:68px var(--sc-gutter) 0}.tesseract-heading{display:flex;justify-content:space-between;align-items:center}.tesseract-heading h2{font-size:clamp(3.125rem,7.4vw,6.625rem);letter-spacing:-.07em;font-weight:500;line-height:1.05}.tesseract-heading h2 span{color:#6c822f}.tesseract-heading .project-context{margin-bottom:16px}.round-link{width:58px;height:58px;border:1px solid #6a786c;border-radius:50%;display:grid;place-items:center;font-size:1.6875rem}.round-link:hover{background:#d9f87b}.tesseract-layout{display:grid;grid-template-columns:.9fr 1.3fr;gap:50px;padding:68px 0 52px;align-items:center}.tesseract-copy h3{font-size:clamp(2.125rem,3.6vw,3.25rem);line-height:1.08;font-weight:450;letter-spacing:-2px}.tesseract-copy>p{font-size:1.0625rem;line-height:1.7;color:var(--sc-ink-soft);max-width:400px;margin:28px 0 18px}.app-gallery{display:flex;align-items:center;gap:20px;justify-content:flex-end}.app-gallery figure{width:46%;max-width:270px;box-shadow:0 22px 44px #28362620;overflow:hidden;border-radius:12px}.app-gallery figure:first-child{transform:translateY(-24px) rotate(-3deg)}.app-gallery figure:last-child{transform:translateY(24px) rotate(3deg)}.app-gallery img{width:100%;height:auto;display:block}.app-facts{display:flex;gap:45px;margin-top:48px}.app-facts div{display:flex;flex-direction:column;gap:8px}.app-facts strong{font-size:2.0625rem;font-weight:500;letter-spacing:-1.2px}.app-facts span{font-size:0.75rem;color:#53634e}.architecture{padding:44px 0 36px;border-top:1px solid #1a25232a}.architecture-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.architecture-title h3{font-weight:450;font-size:1.5rem;letter-spacing:-.6px}.architecture-title>span{font-size:0.75rem;color:#4d5c54}.trace{display:flex;align-items:center;margin:40px 0 28px}.trace button{border:0;background:none;color:#526052;display:flex;gap:12px;align-items:center;cursor:pointer;padding:12px 4px;font-size:0.9375rem;white-space:nowrap}.trace button[aria-pressed=true]{color:#1a2523;font-weight:600}.trace-node{display:block;width:13px;height:13px;border:1px solid #7d8971;border-radius:50%;background:#edf0e8}.trace button[aria-pressed=true] .trace-node{background:#6c822f;border-color:#6c822f;outline:5px solid #dce3c8}.trace-line{height:1px;flex:1;background:#a8b795;margin:0 25px;position:relative}.trace-line::after{content:'';position:absolute;inset:0;background:#536b1a;transform:scaleX(0);transform-origin:left}.trace-line.complete::after{transform:scaleX(1)}.trace-detail{display:grid;grid-template-columns:170px 1fr;gap:28px;min-height:64px;align-items:baseline}.trace-detail>span{font-size:0.875rem;font-weight:600}.trace-detail p{font-size:1rem;color:#4d5c54;max-width:660px;line-height:1.6}.tesseract .project-baseline{border-color:#1a25232a}.archive-stage{padding-top:70px}.archive-heading{padding:0 var(--sc-gutter) 36px;display:flex;justify-content:space-between;align-items:baseline;gap:24px}.archive-heading h2{font-size:clamp(1.875rem,3.3vw,3rem);font-weight:450;letter-spacing:-1.8px}.archive-heading p{color:var(--sc-ink-soft);font-size:0.875rem}.archive-rail{width:max-content;padding:0 var(--sc-gutter) 40px;gap:0}.archive-item{width:clamp(370px,36vw,525px);padding:26px 40px 20px 0;margin-right:40px;border-top:1px solid #c8d6c52e;display:flex;flex-direction:column;min-height:490px}.archive-year{color:#a3b497;font-size:1.1875rem;letter-spacing:-.5px}.award{color:#d9f87b;font-size:0.6875rem;letter-spacing:.6px;margin-top:30px;min-height:30px}.archive-item h3{font-size:clamp(2.5rem,4.6vw,4.0625rem);line-height:1.03;font-weight:450;letter-spacing:-2.5px;min-height:134px;margin-top:6px}.archive-item>p{color:#c1cbc3;font-size:1rem;line-height:1.6;max-width:370px;min-height:100px;margin-top:18px}.archive-item dl{margin:24px 0 20px;font-size:0.8125rem;line-height:1.5;max-width:370px}.archive-item dl>div{display:grid;grid-template-columns:92px 1fr;margin:10px 0;gap:12px}.archive-item dt{color:#99aa9d}.archive-item dd{margin:0}.archive-item .text-link{align-self:flex-start;margin-top:auto}.archive-tail{width:320px;padding:24px 35px 24px 0;display:flex;flex-direction:column;justify-content:center}.asterisk{font-size:8.125rem;line-height:1;color:#d9f87b}.archive-tail h3{font-size:2.25rem;font-weight:450;letter-spacing:-1.5px}.archive-tail p{font-size:1rem;color:#b1bbb6;line-height:1.6;margin:24px 0}.archive-tail a{align-self:flex-start;margin-top:12px}.about{background:#d9f87b;color:#1a2523;--sc-ink:#1a2523;--sc-ink-soft:#465725;padding:86px var(--sc-gutter) 0}.about-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;margin-bottom:64px}.about-heading h2{font-size:clamp(2.3125rem,4.2vw,3.75rem);line-height:1.06;font-weight:500;letter-spacing:-2.3px}.about-heading p{font-size:1.125rem;line-height:1.6;max-width:410px;color:#3e501f}.ledger-row{display:grid;grid-template-columns:.65fr 1.25fr 1.45fr;gap:38px;border-top:1px solid #25341d44;padding:30px 0}.ledger-date{font-size:0.875rem;color:#425326}.ledger h3{font-size:1.25rem;font-weight:500;letter-spacing:-.5px;margin-bottom:9px}.ledger-row div>span{font-size:0.8125rem;color:#425326}.ledger-row p{font-size:0.9375rem;line-height:1.7;color:#354722;max-width:450px}.toolbox{border-top:1px solid #25341d44;padding:30px 0;display:grid;grid-template-columns:.65fr 2.8fr;gap:38px}.toolbox>span{font-size:0.875rem;color:#425326}.toolbox p{font-size:1rem;line-height:1.8}.toolbox i{font-style:normal;margin:0 14px;color:#6f853c}.contact-plate{padding:80px 0 72px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.contact-plate p{font-size:1rem;margin-bottom:20px;color:#425326}.contact-title{font-size:clamp(2.625rem,6.4vw,5.625rem);line-height:1;font-weight:500;letter-spacing:-.06em;white-space:nowrap}.contact-title span{font-weight:400;display:inline-block;margin-left:20px}.contact-title:hover span{transform:translate(3px,-3px)}.email{font-size:0.875rem;padding-bottom:8px;border-bottom:1px solid #25341d77}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-top:1px solid #25341d44;font-size:0.75rem}footer div{display:flex;gap:25px}footer>span:last-child{color:#425326}
@media(min-width:1500px){.hero-layout{min-height:690px}.peyk-scene{height:560px}.phone-front{width:248px;height:535px;right:10%}.phone-back{width:234px;height:505px;left:10%}}
@media(max-height:780px) and (min-width:861px){.archive-stage{padding-top:36px}.archive-heading{padding-bottom:20px}.archive-item{min-height:510px;padding-top:14px}.award{margin-top:16px}.archive-item h3{min-height:105px;font-size:3rem}.archive-item>p{margin-top:12px;min-height:78px}.archive-item dl{margin-top:16px}.hero-layout{min-height:590px}.hero{padding-top:20px}}
@media(max-width:1050px){.masthead nav{gap:18px}.identity>span:last-child{font-size:0.8125rem;margin-left:10px}.phone-back{width:170px;height:368px;left:0;top:28px}.phone-front{width:190px;height:410px;right:0;top:65px}.peyk-scene{height:470px}.hero-layout{min-height:560px}.project-baseline{flex-wrap:wrap}.tesseract-layout{gap:28px}.contact-plate{align-items:flex-start;flex-direction:column}.archive-heading{display:block}.archive-heading p{margin-top:14px}}
@media(max-width:860px){.masthead{padding-top:18px;padding-bottom:18px;flex-wrap:wrap;gap:18px}.masthead nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:16px}.identity>span:last-child{font-size:0.875rem}.contact-link{font-size:0.8125rem}.hero-kicker{font-size:0.625rem;letter-spacing:1px}.hero-kicker span:last-child{display:none}.hero-layout{grid-template-columns:1fr;gap:12px;padding-top:36px;min-height:0}.hero h1{font-size:7.1875rem}.hero-description{font-size:2.125rem;letter-spacing:-1.2px;margin-top:22px}.hero-detail{font-size:1rem}.hero-copy{max-width:550px}.peyk-scene{height:470px;width:100%;max-width:470px;justify-self:center;margin-top:35px}.phone-back{left:5%;width:185px;height:400px;top:5px}.phone-front{right:5%;width:200px;height:432px;top:25px}.media-caption{bottom:0}.project-baseline{gap:12px;padding:22px 0;align-items:flex-start;flex-direction:column;font-size:0.75rem}.intro{grid-template-columns:1fr;gap:26px;padding-top:76px;padding-bottom:80px}.intro-label br{display:none}.intro h2{font-size:2.0625rem;letter-spacing:-1px}.intro p{font-size:1rem;margin-top:26px}.tesseract{padding-top:48px}.tesseract-heading h2{font-size:3.375rem}.round-link{width:42px;height:42px;flex-shrink:0;font-size:1.5rem;margin-left:12px}.tesseract-heading .project-context{font-size:0.75rem;max-width:220px;line-height:1.6}.tesseract-layout{grid-template-columns:1fr;padding:38px 0 48px;gap:45px}.tesseract-copy h3{font-size:2.375rem}.tesseract-copy h3 br{display:none}.tesseract-copy p{max-width:590px;font-size:1rem;margin-top:22px}.app-facts{margin-top:28px}.app-gallery{justify-content:center;gap:16px;padding:16px 0 22px}.app-gallery figure{max-width:240px}.architecture{padding:30px 0}.architecture-title{display:block}.architecture-title h3{font-size:1.375rem}.architecture-title>span{display:block;margin-top:12px}.trace{margin:24px 0;flex-wrap:wrap;display:grid;grid-template-columns:1fr 1fr;gap:12px}.trace-line{display:none}.trace button{font-size:0.875rem;padding:14px 4px}.trace-detail{grid-template-columns:1fr;gap:10px;min-height:125px}.trace-detail p{font-size:0.9375rem}.experiments{height:auto!important}.archive-stage{height:auto!important;position:static!important;overflow:visible!important;padding:58px var(--sc-gutter) 60px}.archive-heading{padding:0 0 32px}.archive-heading h2{font-size:2.25rem;letter-spacing:-1.5px}.archive-heading p{line-height:1.6}.archive-rail{display:block;width:auto;padding:0;transform:none!important}.archive-item{width:auto;margin:0;padding:28px 0 40px;min-height:0}.archive-item h3{min-height:0;font-size:3rem;margin-top:12px}.archive-item h3 br{display:none}.archive-item>p{max-width:600px;min-height:0;margin-top:20px}.archive-item dl{max-width:600px;margin:20px 0}.award{margin-top:18px;min-height:0;line-height:1.6}.archive-tail{width:auto;padding:24px 0 0;border-top:1px solid #c8d6c52e}.asterisk{font-size:5.625rem}.archive-tail p{margin:16px 0}.about{padding-top:56px}.about-heading{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.about-heading h2{font-size:2.625rem}.about-heading p{font-size:1rem}.ledger-row{grid-template-columns:1fr;gap:16px;padding:26px 0}.toolbox{grid-template-columns:1fr;gap:15px}.toolbox i{margin:0 7px}.contact-plate{padding:48px 0}.contact-title{font-size:3.0625rem}.contact-title span{margin-left:8px}footer{flex-wrap:wrap;gap:20px}footer>span:last-child{width:100%}.hero-grid{inset:350px 0 0 0}}
@media(max-width:380px){.identity>span:last-child{font-size:0.75rem}.contact-link{font-size:0.75rem}.phone-back{width:160px;height:345px;left:1%}.phone-front{width:172px;height:371px;right:1%}.peyk-scene{height:418px}.tesseract-heading h2{font-size:2.75rem}.hero h1{font-size:6.25rem}.contact-title{font-size:2.6875rem}.intro h2{font-size:1.8125rem}.project-links{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.phone-back,.phone-front,.hero-grid{transform:none!important}.app-gallery figure{transform:none}.experiments{height:auto!important}.archive-stage{height:auto!important;position:static!important;overflow:visible!important}.archive-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;transform:none!important;gap:36px}.archive-item,.archive-tail{width:auto;margin:0}.archive-item h3{min-height:0}.archive-item>p{min-height:0}.archive-item dl{margin-bottom:28px}.archive-item{min-height:0}.trace-line::after{transition:none}}
@media(prefers-reduced-motion:reduce) and (max-width:860px){.archive-rail{display:block}}
/* The final plate is deliberately quiet after the light product scene. */
.about{background:#202a26;color:#edf1e6;--sc-ink:#edf1e6;--sc-ink-soft:#b8c4b7}
.about-heading p,.ledger-date,.ledger-row div>span,.ledger-row p,.toolbox>span,.contact-plate p,footer>span:last-child{color:#b8c4b7}
.ledger-row,.toolbox,footer{border-color:#d7e4c72d}.toolbox i{color:#a8bd92}.contact-title{color:#d9f87b}.email{border-color:#d7e4c777}
html{scroll-behavior:auto}
@media(min-width:1100px){.app-gallery figure{max-width:310px}.tesseract-layout{padding-top:82px;padding-bottom:70px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.phone-back .phone-crop{transform:translate3d(calc(var(--px,0) * -8px),calc(var(--py,0) * -5px),0)}.phone-front .phone-crop{transform:translate3d(calc(var(--px,0) * 12px),calc(var(--py,0) * 8px),0)}}

.masthead{flex-wrap:wrap}.contact-title{white-space:normal}.archive-item{flex-shrink:0}
.hero-kicker,.intro-label,.award{font-size:.75rem}