@charset "UTF-8";
:root{--paper:#f7f7f5;--ink:#242522;--muted:#777a76;--line:#dedfdb;--blue:#3855dc;--white:#fff;--radius:14px;font-family:var(--font-sans);color:var(--ink);background:var(--paper);font-synthesis:none;font-weight:400;line-height:1.6;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button:disabled{cursor:default}.wrap{width:min(1180px,calc(100% - 100px));margin-inline:auto}.site-header{height:96px;position:sticky;top:0;z-index:10;background:rgba(247,247,245,.91);backdrop-filter:blur(18px);transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 1px 0 var(--line)}.header-inner{width:min(1320px,calc(100% - 100px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative}.wordmark{font-size:26px;font-weight:600;letter-spacing:-1.3px;line-height:1.2}.brand-dot{color:var(--blue)}.header-inner nav{display:flex;gap:8px;position:absolute;left:50%;transform:translateX(-50%)}.nav-link{font-size:13px;padding:10px 19px;color:#686b66;border-radius:24px;transition:background .2s,color .2s}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--ink);background:#e9eae6}.header-note{font-size:9px;letter-spacing:1.35px;color:#81847c}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:10px}
.hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding-top:65px;padding-bottom:75px;min-height:590px;column-gap:15px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:29px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#6b8062;box-shadow:0 0 0 4px #6b80620d}.hero h1{font-weight:600;font-size:clamp(36px,3.9vw,55px);line-height:1.4;letter-spacing:-2.5px;margin:0 0 25px;white-space:nowrap}.serif-word{font-family:var(--font-sans);font-weight:500}.blue-period{color:var(--blue)}.hero-description{color:#7a7c77;font-size:13px;line-height:1.95;margin:0 0 30px}.hero-actions{display:flex;gap:28px;align-items:center}.button{display:inline-flex;align-items:center;gap:26px;font-size:12px;font-weight:500;border-radius:6px;padding:14px 20px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--blue)}.button-dark img{filter:invert(1)}.text-link{display:flex;gap:10px;font-size:12px;align-items:center}.text-link:hover{color:var(--blue)}.hero-art{position:relative;align-self:center;isolation:isolate}.sculpture{width:100%;height:auto;mix-blend-mode:multiply;animation:arrive .8s ease-out both;mask-image:radial-gradient(ellipse at 50% 50%,#000 54%,transparent 75%)}.art-caption{display:flex;justify-content:space-between;margin:0 28px;font-size:8px;letter-spacing:1.8px;color:#8a8c87}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px;color:#8a8c86;font-size:10px;letter-spacing:1px}.hero-bottom>span:last-child{font-size:8px;display:flex;gap:10px;align-items:center;letter-spacing:1.6px}
.work-section{padding-top:71px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:33px;gap:30px}.section-kicker{font-size:9px;letter-spacing:1.7px;color:#848780;font-weight:500;line-height:1.4;margin-bottom:11px}.section-heading h2{font-size:27px;letter-spacing:-.7px;line-height:1.4;font-weight:600;margin:0}.count{font-size:11px;font-family:var(--font-sans);letter-spacing:0;color:#96998f;font-weight:400;vertical-align:super;margin-left:12px}.section-heading p{font-size:11px;color:#7c7e78;margin:0;text-align:right;line-height:1.8}.sample-note{color:#92958c;font-size:10px}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card,.small-project{border:0;padding:0;background:none;text-align:left;width:100%;min-width:0;display:block}.project-cover{height:390px;border-radius:var(--radius);position:relative;overflow:hidden;isolation:isolate;transition:box-shadow .3s}.project-card:hover .project-cover{box-shadow:0 18px 35px #2528200c}.cover-orbit{background:#dce5f0;color:#243850}.cover-copilot{background:#ebe9e0;color:#53584b}.cover-topline{display:flex;position:absolute;left:28px;right:28px;top:23px;align-items:center;justify-content:space-between;z-index:2}.cover-topline>span:first-child{font-size:21px;letter-spacing:-.9px;font-weight:600}.cover-topline>span:last-child{font-size:7px;letter-spacing:1.8px;opacity:.62}.tiny-cross{display:inline-block;font-size:18px;margin-left:4px;font-weight:400}.cover-caption{font-size:9px;position:absolute;bottom:22px;left:28px;letter-spacing:.5px;opacity:.8}.cover-index{position:absolute;bottom:19px;right:27px;font-size:12px;opacity:.5}.cover-arrow,.mini-arrow{width:40px;height:40px;border-radius:50%;background:#fff;position:absolute;bottom:20px;right:22px;display:flex;justify-content:center;align-items:center;opacity:0;transform:translate(-8px,8px);transition:opacity .25s,transform .25s;z-index:3}.project-card:hover .cover-arrow,.project-card:focus-visible .cover-arrow,.small-project:hover .mini-arrow,.small-project:focus-visible .mini-arrow{opacity:1;transform:translate(0)}.project-card:hover .cover-index{opacity:0}.project-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.05px;color:#7f837a;margin-top:23px;margin-bottom:10px;gap:10px}.project-meta>span:last-child{letter-spacing:.1px}.project-card h3{margin:0 0 8px;font-size:20px;letter-spacing:-.4px;font-weight:600}.project-card>p{font-size:11px;line-height:1.8;color:#83857e;margin:0}.dashboard-demo{position:absolute;display:flex;width:510px;height:299px;background:#fff;left:50%;top:89px;transform:translateX(-46%) rotate(-7deg);border-radius:7px;box-shadow:0 12px 40px #3046751b;overflow:hidden;color:#303942;font-family:var(--font-sans);transition:transform .55s}.project-card:hover .dashboard-demo{transform:translateX(-46%) translateY(-7px) rotate(-5deg)}.dashboard-sidebar{background:#f6f8fa;width:87px;flex:none;padding:18px 10px;font-size:5.8px;color:#8a949f;border-right:1px solid #edf0f3;position:relative}.dashboard-sidebar strong{display:block;color:#1c3a71;font-size:19px;letter-spacing:-1px;margin-bottom:23px;padding-left:3px}.dashboard-sidebar strong>span{font-size:7px;vertical-align:top}.dashboard-sidebar small{font-size:4.5px;letter-spacing:.5px;padding-left:4px}.dashboard-sidebar>div{padding:6px;margin-top:4px}.dashboard-sidebar .side-selected{background:#e6ecff;color:#4167c3;border-radius:3px}.dashboard-sidebar .side-bottom{position:absolute;bottom:12px}.dashboard-main{padding:13px 17px;width:423px}.dashboard-top{font-size:4.8px;color:#87949f;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f5;padding-bottom:10px}.demo-avatar{width:17px;height:17px;border-radius:50%;background:#dfe7d8;color:#5e6e4a;display:inline-flex;align-items:center;justify-content:center;font-size:7px}.dashboard-title{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.dashboard-title>strong{font-size:10px}.dashboard-title>span{font-size:4.5px;border:1px solid #e9edf1;padding:3px 6px;border-radius:3px}.dashboard-main>p{font-size:5px;color:#87949f;margin:4px 0 12px}.stats-row{display:flex;gap:8px}.stats-row>div{flex:1;border:1px solid #edf1f5;border-radius:4px;padding:8px 9px;position:relative}.stats-row small{font-size:4.7px;display:block;color:#8b959f}.stats-row strong{font-size:13px;display:block;margin-top:3px}.stats-row em{font-size:4px;color:#7a9d85;font-style:normal;position:absolute;bottom:12px;right:7px}.dashboard-chart{border:1px solid #edf1f5;border-radius:4px;padding:9px 10px;margin-top:9px}.dashboard-chart>div:first-child{display:flex;justify-content:space-between;font-size:5.5px}.dashboard-chart>div:first-child>span{font-size:4.5px;color:#5e86d6}.chart-content{display:flex;gap:10px;height:67px;margin-top:10px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:4.5px;color:#a4afb8}.bar-chart{display:flex;align-items:end;justify-content:space-between;flex:1;gap:8px;background:repeating-linear-gradient(to top,#edf1f5 0,#edf1f5 .7px,transparent .7px,transparent 22px)}.bar-chart i{display:block;flex:1;height:var(--bar);background:#b6c9eb;border-radius:2px 2px 0 0}.bar-chart i:nth-child(3n){background:#5f84ca}.chart-labels{display:flex;justify-content:space-around;color:#9aa5af;font-size:3.5px;margin-top:7px;margin-left:15px}.dashboard-list{margin-top:9px;font-size:5px}.dashboard-list>span{float:right;color:#6485bb}.dashboard-list>div{display:flex;gap:7px;align-items:center;margin-top:7px;border-top:1px solid #edf1f5;padding-top:7px;font-size:5px}.brand-square{width:16px;height:16px;border-radius:3px;background:#e6def4;color:#7f6a9a;font-size:10px;text-align:center}.dashboard-list em{font-style:normal;font-size:4px;background:#ecf4ec;color:#8ca68c;border-radius:4px;margin-left:auto;padding:2px 5px}.dashboard-list>div>span{margin-left:10px;color:#8c979f;font-size:4px}
.ai-word{position:absolute;left:28px;top:115px;font-family:var(--font-sans);font-size:32px;letter-spacing:-1.2px;line-height:1.15;color:#7e8471}.phone-demo{position:absolute;width:187px;height:365px;border:5px solid #fafbf8;background:#fff;box-shadow:0 12px 40px #4c503b24,0 0 0 1px #d6d8ce;border-radius:29px;top:68px;right:53px;transform:rotate(8deg);overflow:hidden;padding:11px 12px;color:#3a3d32;transition:transform .55s}.project-card:hover .phone-demo{transform:rotate(5deg) translateY(-6px)}.phone-status{display:flex;justify-content:space-between;font-size:6px;font-weight:600;padding:0 2px 13px}.phone-top{display:flex;align-items:center;justify-content:space-between}.phone-top>span:first-child{font-size:15px;letter-spacing:-.6px;font-weight:600}.phone-top .demo-avatar{width:19px;height:19px}.phone-greeting{font-size:15px;line-height:1.6;margin-top:16px;font-weight:500;letter-spacing:-.3px}.phone-subtitle{font-size:5.7px;color:#8f9484;margin-top:3px}.assistant-symbol{margin:13px 0 10px;width:41px;height:41px;border-radius:14px;background:#eaeddd;display:flex;align-items:center;justify-content:center}.assistant-symbol img{width:24px;opacity:.55}.phone-answer{background:#f7f8f3;border-radius:7px;padding:9px 10px}.phone-answer>div:first-child{display:flex;gap:4px;font-size:4px;color:#93998a;align-items:center;margin-bottom:8px}.phone-answer>div:first-child>span:last-child{margin-left:auto}.small-dot{width:3px;height:3px;background:#859765;border-radius:50%}.phone-answer strong{font-size:9px;font-weight:600}.phone-answer p{font-size:5px;line-height:1.8;color:#89907d;margin:4px 0 8px}.confidence{font-size:4px;border-top:1px solid #e8ebdf;padding-top:6px}.confidence b{float:right;font-weight:400;color:#7c8d63}.confidence i{display:block;height:3px;background:linear-gradient(to right,#a5b392 98%,#e4e7dc 98%);border-radius:4px;margin-top:4px}.phone-chips{display:flex;gap:4px;margin-top:9px}.phone-chips span{font-size:4px;border:1px solid #e5e9e0;border-radius:4px;padding:3px 6px;color:#818776}.phone-input{font-size:5px;padding:8px 7px;border:1px solid #e5e9e0;border-radius:7px;color:#a0a594;margin-top:11px;display:flex;justify-content:space-between;align-items:center}.phone-input>span{background:#777f65;color:#fff;font-size:8px;width:14px;height:14px;border-radius:4px;text-align:center}.phone-home{height:3px;background:#373b33;width:50px;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);border-radius:9px}.floating-chip{position:absolute;top:264px;left:30px;background:#ffffffde;border:1px solid #ffffff;border-radius:7px;padding:9px 10px;font-size:6px;display:flex;gap:6px;align-items:center;box-shadow:0 9px 25px #393f3610;transform:rotate(-5deg)}.floating-chip img{width:12px;opacity:.6}
.other-section{padding-top:83px;padding-bottom:89px}.compact{margin-bottom:28px}.quiet{font-size:11px;color:#8a8e83}.other-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.small-cover{height:253px;border-radius:11px;overflow:hidden;position:relative;transition:transform .4s}.small-project:hover .small-cover{transform:translateY(-4px)}.cover-motion{background:#e5e9e3;color:#4c5e51}.cover-form{background:#e6e3f0;color:#625787}.cover-read{background:#ede6db;color:#755e47}.motion-copy,.form-title,.read-title{position:absolute;left:23px;top:18px;font-size:26px;line-height:1.1;font-weight:600;letter-spacing:-1.2px}.motion-copy>span,.form-title>span,.read-title>span{font-size:11px;vertical-align:top;display:inline-block;margin-top:3px;margin-left:2px}.motion-copy small,.form-title small,.read-title small{display:block;font-size:5px;letter-spacing:1px;line-height:1.4;margin-top:7px;font-weight:400;opacity:.7}.small-cover-label{position:absolute;bottom:17px;left:23px;font-size:8px;letter-spacing:.5px;opacity:.8}.mini-arrow{width:32px;height:32px;bottom:12px;right:15px}.small-meta{margin-top:18px;margin-bottom:7px;font-size:9px;color:#96988f;letter-spacing:.4px}.small-project h3{font-size:16px;font-weight:600;margin:0 0 6px;letter-spacing:-.3px}.small-project>p{font-size:10px;color:#85897e;margin:0;line-height:1.8}.car-ui{position:absolute;left:87px;right:22px;top:76px;height:160px;border-radius:11px;transform:rotate(-7deg);background:#f6f8f5;padding:15px;box-shadow:0 12px 25px #3d534d16;max-width:230px}.car-ui>div:first-child>strong{font-size:14px;letter-spacing:-.4px}.car-ui>div:first-child>span{display:block;font-size:4px;letter-spacing:.8px;margin-top:2px;color:#8c9e94}.car-ui>img{width:73px;height:47px;margin:0 auto;opacity:.65;stroke-width:1px}.car-ui-bottom{display:flex;justify-content:space-between;border-top:1px solid #e5e9e2;padding-top:8px}.car-ui-bottom>span{font-size:5px}.car-ui-bottom b{font-size:15px;font-weight:500}.car-ui-bottom small{display:block;font-size:4px;color:#94a08f}.car-ui-bottom .battery{font-size:12px;font-weight:500;color:#6a815c}.system-pieces{position:absolute;left:85px;top:81px;transform:rotate(-8deg);width:220px;display:grid;grid-template-columns:92px 1fr;gap:8px}.type-piece{grid-row:span 2;background:#faf8ff;border-radius:8px;font-family:var(--font-sans);font-size:48px;padding:9px 13px;line-height:1.3;letter-spacing:-3px;box-shadow:0 7px 15px #6652870b}.type-piece small{font-family:var(--font-sans);font-size:6px;letter-spacing:0;display:block;margin-top:5px}.color-pieces{display:flex;border-radius:6px;overflow:hidden;height:37px}.color-pieces i{width:25%;background:#675b98}.color-pieces i:nth-child(2){background:#9f91c4}.color-pieces i:nth-child(3){background:#c1b7dd}.color-pieces i:nth-child(4){background:#f3efff}.component-button{font-size:7px;display:flex;align-items:center;justify-content:space-between;background:#7764ab;color:#fff;padding:8px 9px;border-radius:6px;white-space:nowrap;box-shadow:0 4px 10px #66528715}.component-button img{filter:invert(1);width:10px}.component-tools{grid-column:span 2;display:flex;gap:9px;justify-content:flex-end;align-items:center}.toggle-demo{background:#7564a8;width:30px;height:17px;border-radius:20px;padding:3px}.toggle-demo:after{content:"";display:block;background:white;width:11px;height:11px;border-radius:100%;margin-left:auto}.tag-demo{font-size:6px;background:#f4efff;padding:3px 11px;border-radius:5px}.check-demo{width:17px;height:17px;background:#7764ab;border-radius:4px;display:flex;align-items:center;justify-content:center}.check-demo img{filter:invert(1);width:10px}.reading-card{background:#fdfaf4;width:165px;height:207px;position:absolute;right:35px;top:60px;transform:rotate(9deg);padding:19px 21px;color:#715e4b;box-shadow:0 8px 25px #8f715121;border-radius:3px}.reading-card>span{font-size:5px;letter-spacing:1.3px;border-bottom:1px solid #dcd1c2;display:block;padding-bottom:9px}.reading-card>strong{font-family:var(--font-sans);font-size:21px;font-weight:400;line-height:1.55;display:block;margin-top:10px;letter-spacing:1px}.reading-card em{font-style:normal;color:#a17e53}.reading-card>div{font-size:5px;letter-spacing:.8px;border-top:1px solid #dcd1c2;padding-top:9px;margin-top:10px}.reading-card>div>span{float:right;font-size:10px}
.about-section{padding:70px 0 0;background:#eeefeb;border-top:1px solid #e5e6e1}.about-section .section-heading{margin-bottom:39px}.about-star{font-size:48px;color:#62785b;line-height:1}.about-grid{display:grid;grid-template-columns:.85fr 1.55fr;gap:80px}.profile-card{padding:31px 32px 30px;border:1px solid #dbddd6;border-radius:12px;align-self:start;background:#f4f5f0;position:relative}.profile-label{font-size:9px;letter-spacing:1.8px;color:#93988a}.profile-card h3{font-size:32px;letter-spacing:-.9px;font-weight:600;margin:18px 0 7px}.profile-card>p{font-size:10px;color:#7d8375;margin:0}.profile-divider{height:1px;background:#dfe2d9;margin:28px 0 20px}.profile-card .profile-note{font-size:12px;color:#7e8377}.profile-placeholder{display:inline-block;font-size:9px;color:#8b9180;border:1px solid #dbdfd2;padding:3px 7px;border-radius:4px;margin-top:15px}.about-copy h3{font-size:20px;margin:0 0 14px;font-weight:600;letter-spacing:-.4px}.about-copy>p{font-size:12px;line-height:2;color:#818777;margin:0 0 14px}.skill-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.skill-tags>span{font-size:10px;border:1px solid #d8ddd0;border-radius:4px;padding:5px 11px;color:#79836d}.approach{display:flex;justify-content:space-between;border-top:1px solid #d9ded1;margin-top:29px;padding-top:22px;gap:14px}.approach>div{display:flex;flex-direction:column}.approach span{font-size:9px;color:#98a08e;letter-spacing:1px;margin-bottom:8px}.approach strong{font-size:12px;font-weight:500}.approach small{font-size:9px;color:#919887;margin-top:4px}.contact-strip{border-top:1px solid #d9ded1;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:65px;padding:33px 0 38px}.contact-strip .section-kicker{font-size:8px;letter-spacing:1.4px}.contact-strip h3{font-size:24px;letter-spacing:-.8px;font-weight:500;margin:0}.contact-pending{display:block;color:#757d68;font-size:12px;text-align:right}.contact-hint{display:block;font-size:10px;color:#919887;margin-top:5px}.contact-email{font-size:17px;display:block}.copy-email{font-size:11px;border:0;background:none;padding:0;color:#737e64;margin-top:7px;float:right}.site-footer{padding-top:35px;padding-bottom:25px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;row-gap:20px}.site-footer .wordmark{font-size:22px}.site-footer>span{font-size:7px;letter-spacing:1.4px;color:#92968a;text-align:center}.back-top{border:0;background:none;font-size:10px;display:flex;align-items:center;justify-self:end;gap:8px;padding:8px 0}.site-footer>p{grid-column:span 3;margin:0;color:#a0a398;font-size:9px;letter-spacing:.3px}.back-top:hover{color:var(--blue)}
.modal-open{overflow:hidden}dialog{padding:0;border:1px solid #e4e6dd;border-radius:18px;width:min(940px,calc(100% - 40px));max-height:90dvh;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0003;scroll-behavior:smooth}dialog::backdrop{background:#252a308a;backdrop-filter:blur(8px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;position:sticky;top:0;background:#f7f7f5ef;backdrop-filter:blur(12px);border-bottom:1px solid #e6e8df;z-index:5}.dialog-toolbar>span{font-size:9px;letter-spacing:1.8px;color:#8b9280}.close-dialog{border:0;border-radius:50%;width:34px;height:34px;background:#e9ece3;display:flex;align-items:center;justify-content:center}.close-dialog:hover{background:#dce3d2}.detail-body{padding:40px 48px 30px}.detail-kicker{font-size:10px;letter-spacing:1px;color:#888e7e}.detail-body h2{font-size:34px;margin:13px 0 10px;line-height:1.4;letter-spacing:-1px;font-weight:600}.detail-intro{font-size:14px;color:#818775;margin:0 0 28px;line-height:1.9}.detail-facts{border-top:1px solid #e0e4d8;border-bottom:1px solid #e0e4d8;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px 0;margin-bottom:30px}.detail-facts span{display:block;font-size:10px;color:#959c89;margin-bottom:5px}.detail-facts strong{font-size:12px;font-weight:400}.detail-visual{height:400px;border-radius:12px;overflow:hidden}.detail-visual .project-cover,.detail-visual .small-cover{height:100%}.detail-visual .dashboard-demo{top:92px;width:620px;height:364px;transform:translateX(-48%) rotate(-5deg);transform-origin:top center}.detail-visual .dashboard-main{width:533px}.detail-visual .dashboard-chart{margin-top:17px}.detail-visual .chart-content{height:110px}.detail-visual .ai-word{font-size:51px;left:70px;top:115px}.detail-visual .phone-demo{right:105px;top:50px;width:215px;height:400px;padding:14px 17px}.detail-visual .phone-greeting{font-size:19px}.detail-visual .phone-answer{margin-top:15px}.detail-visual .phone-answer p{font-size:7px}.detail-visual .floating-chip{top:290px;left:85px}.detail-visual .car-ui{width:280px;max-width:none;left:45%;top:90px;height:250px;padding:25px}.detail-visual .car-ui>div:first-child>strong{font-size:24px}.detail-visual .car-ui>img{width:130px;height:90px}.detail-visual .car-ui-bottom{padding-top:20px}.detail-visual .car-ui-bottom b{font-size:27px}.detail-visual .car-ui-bottom small{font-size:9px}.detail-visual .car-ui-bottom .battery{font-size:24px}.detail-visual .motion-copy,.detail-visual .form-title,.detail-visual .read-title{font-size:42px;left:40px;top:33px}.detail-visual .system-pieces{left:42%;top:120px;transform:scale(1.5) rotate(-8deg);transform-origin:top center}.detail-visual .reading-card{right:80px;top:70px;transform:scale(1.45) rotate(9deg);transform-origin:top center}.detail-story{margin:33px auto 0;max-width:650px}.detail-brief{font-size:15px;line-height:1.9;color:#66705c;border-bottom:1px solid #dce2d2;padding-bottom:30px}.detail-story section{padding:23px 0 10px}.detail-story section>span{font-size:10px;letter-spacing:.5px;color:#939c86}.detail-story h3{font-size:22px;line-height:1.5;font-weight:500;margin:8px 0 10px}.detail-story section>p{font-size:13px;line-height:2;color:#818a73;margin:0}.detail-bottom{border-top:1px solid #dde3d4;margin-top:35px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-bottom>span{font-size:10px;color:#8e9782}.next-project{border:0;display:flex;align-items:center;gap:16px;font-size:12px;background:#e9ede2;padding:11px 15px;border-radius:6px}.next-project:hover{background:#dbe4cd}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#282e23;color:white;border-radius:8px;font-size:12px;padding:12px 20px;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s;z-index:100;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.will-reveal.in-view{opacity:1;transform:translateY(0)}.featured-grid>.will-reveal:nth-child(2),.other-grid>.will-reveal:nth-child(2){transition-delay:.07s}.other-grid>.will-reveal:nth-child(3){transition-delay:.14s}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:84px;padding-bottom:96px;min-height:650px}.hero h1{font-size:55px}.hero-art{padding-left:8px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header-inner{width:calc(100% - 72px)}.hero{padding-top:50px;min-height:550px;grid-template-columns:1.25fr 1fr}.hero h1{font-size:42px}.hero-description{font-size:12px}.hero-art{margin-right:-20px}.project-cover{height:340px}.dashboard-demo{transform:translateX(-43%) rotate(-7deg) scale(.84);transform-origin:top center;top:85px}.project-card:hover .dashboard-demo{transform:translateX(-43%) translateY(-5px) rotate(-5deg) scale(.84)}.phone-demo{transform:rotate(8deg) scale(.85);transform-origin:top right;right:30px;top:72px}.project-card:hover .phone-demo{transform:rotate(5deg) translateY(-5px) scale(.85)}.ai-word{font-size:27px;top:114px}.floating-chip{top:233px;left:23px;font-size:5px}.project-meta{font-size:7px;letter-spacing:.5px}.project-card h3{font-size:18px}.small-cover{height:230px}.car-ui{left:55px;right:18px;top:79px}.system-pieces{left:60px;transform:rotate(-8deg) scale(.85);transform-origin:top left}.reading-card{right:20px;transform:rotate(9deg) scale(.85);transform-origin:top right}.about-grid{gap:50px}.profile-card{padding:28px}.approach small{font-size:8px}.header-note{font-size:8px;letter-spacing:.7px}}
@media(max-width:800px){.header-note{display:none}.header-inner nav{position:static;transform:none}.site-header{height:80px}.wrap,.header-inner{width:calc(100% - 48px)}.hero{min-height:490px;grid-template-columns:1.3fr 1fr;padding-top:38px;padding-bottom:77px;gap:0}.hero h1{font-size:35px;letter-spacing:-1.7px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:24px}.hero-description{font-size:11px;margin-bottom:24px}.hero-actions{gap:20px}.button{font-size:11px;padding:12px 15px;gap:16px}.text-link{font-size:10px;gap:7px}.hero-art{margin-right:-14px;margin-left:-13px}.art-caption{font-size:5px;letter-spacing:.8px;margin-inline:15px}.section-heading h2{font-size:24px}.section-heading p{font-size:10px}.sample-note{font-size:9px}.featured-grid{gap:20px}.project-cover{height:290px}.cover-topline{left:20px;right:20px;top:20px}.cover-topline>span:first-child{font-size:18px}.cover-topline>span:last-child{font-size:5px;letter-spacing:.8px}.dashboard-demo{transform:translateX(-39%) rotate(-7deg) scale(.69);top:76px}.project-card:hover .dashboard-demo{transform:translateX(-39%) translateY(-5px) rotate(-5deg) scale(.69)}.phone-demo{transform:rotate(8deg) scale(.7);top:72px;right:20px}.project-card:hover .phone-demo{transform:rotate(5deg) translateY(-5px) scale(.7)}.ai-word{font-size:22px;left:20px;top:105px}.floating-chip{left:17px;top:212px;font-size:4px;padding:6px}.cover-caption{left:20px;font-size:7px;bottom:18px}.cover-index{bottom:16px;font-size:10px;right:19px}.project-meta{font-size:6px;letter-spacing:.3px;flex-wrap:wrap;gap:4px;margin-top:18px}.project-card h3{font-size:16px}.project-card>p{font-size:10px}.other-grid{gap:16px}.small-cover{height:190px}.motion-copy,.form-title,.read-title{font-size:23px;left:17px;top:16px}.motion-copy small,.form-title small,.read-title small{font-size:3.5px}.car-ui{transform:rotate(-7deg) scale(.78);width:185px;left:30px;top:65px;transform-origin:top left}.system-pieces{left:35px;top:67px;transform:rotate(-8deg) scale(.7)}.reading-card{right:13px;top:56px;transform:rotate(9deg) scale(.66)}.small-cover-label{font-size:6px;left:17px;bottom:13px}.small-project h3{font-size:13px}.small-project>p{font-size:9px}.small-meta{font-size:8px}.about-grid{gap:32px;grid-template-columns:.85fr 1.2fr}.profile-card{padding:23px}.profile-card h3{font-size:27px}.profile-card>p{font-size:8px}.about-copy h3{font-size:18px}.about-copy>p{font-size:11px}.skill-tags{gap:6px}.skill-tags>span{font-size:8px;padding:4px 7px}.approach small{display:none}.approach strong{font-size:10px}.contact-strip h3{font-size:21px}.site-footer>span{font-size:6px;letter-spacing:1px}.detail-body{padding:30px}.detail-body h2{font-size:28px}.detail-visual .ai-word{left:35px;font-size:38px}.detail-visual .phone-demo{right:60px;transform:rotate(8deg)}.detail-visual .floating-chip{left:35px}.detail-visual .reading-card{right:48px;transform:scale(1.3) rotate(9deg)}.detail-visual .system-pieces{transform:scale(1.3) rotate(-8deg)}}
@media(max-width:600px){:root{scroll-padding-top:91px}.wrap,.header-inner{width:calc(100% - 40px)}.site-header{height:74px}.wordmark{font-size:23px}.nav-link{font-size:11px;padding:8px 13px}.header-inner nav{gap:3px}.hero{display:block;padding-top:42px;padding-bottom:70px;min-height:0}.hero h1{font-size:clamp(30px,7.6vw,43px);letter-spacing:-1.5px;margin-bottom:22px}.eyebrow{font-size:8px;margin-bottom:23px}.hero-description{font-size:12px;line-height:1.9;max-width:320px}.desktop-break{display:none}.hero-actions{gap:26px}.button{font-size:12px;padding:13px 17px;gap:18px}.text-link{font-size:11px}.hero-art{width:260px;height:255px;margin:15px auto 20px}.sculpture{height:250px;width:250px;margin:auto}.art-caption{margin-top:-5px;font-size:6px;letter-spacing:1px}.hero-bottom{padding-bottom:20px;font-size:8px;letter-spacing:.5px}.hero-bottom>span:last-child{font-size:6px;gap:5px;letter-spacing:1px}.work-section{padding-top:45px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:25px}.section-heading h2{font-size:25px}.section-kicker{font-size:8px;margin-bottom:8px}.section-heading p{font-size:10px;text-align:left}.sample-note{font-size:9px}.featured-grid{grid-template-columns:1fr;gap:34px}.project-cover{height:335px}.cover-topline{left:24px;right:24px;top:21px}.cover-topline>span:first-child{font-size:21px}.cover-topline>span:last-child{font-size:6px;letter-spacing:1.2px}.dashboard-demo{transform:translateX(-43%) rotate(-7deg) scale(.83);top:82px}.project-card:hover .dashboard-demo{transform:translateX(-43%) translateY(-5px) rotate(-5deg) scale(.83)}.phone-demo{transform:rotate(8deg) scale(.86);top:72px;right:33px}.project-card:hover .phone-demo{transform:rotate(5deg) translateY(-5px) scale(.86)}.ai-word{font-size:27px;left:24px;top:110px}.floating-chip{left:24px;top:236px;font-size:5px;padding:8px}.cover-caption{left:24px;font-size:8px;bottom:20px}.cover-index{font-size:11px;right:25px;bottom:18px}.project-meta{font-size:7px;letter-spacing:.6px;margin-top:17px;margin-bottom:8px}.project-card h3{font-size:19px}.project-card>p{font-size:11px}.cover-arrow,.mini-arrow{opacity:1;transform:none;bottom:15px;right:16px;width:32px;height:32px}.cover-arrow img{width:17px}.cover-index{display:none}.other-section{padding-top:55px;padding-bottom:55px}.compact{gap:12px}.quiet{font-size:10px}.other-grid{grid-template-columns:1fr;gap:28px}.small-cover{height:245px}.motion-copy,.form-title,.read-title{font-size:28px;left:24px;top:22px}.motion-copy small,.form-title small,.read-title small{font-size:5px}.car-ui{width:215px;left:105px;top:70px;transform:rotate(-7deg)}.system-pieces{left:115px;top:80px;transform:rotate(-8deg)}.reading-card{right:46px;top:55px;transform:rotate(9deg)}.small-cover-label{font-size:8px;left:24px;bottom:19px}.small-project h3{font-size:18px}.small-meta{font-size:9px;margin-top:15px}.small-project>p{font-size:11px}.about-section{padding-top:47px}.about-section .section-heading{flex-direction:row;align-items:center;margin-bottom:30px}.about-section .section-heading h2{font-size:23px}.about-star{font-size:34px}.about-grid{grid-template-columns:1fr;gap:30px}.profile-card{padding:28px}.profile-label{font-size:9px}.profile-card h3{font-size:31px;margin:14px 0 6px}.profile-card>p{font-size:11px}.profile-divider{margin:22px 0 17px}.profile-card .profile-note{font-size:12px}.profile-placeholder{font-size:9px;margin-top:12px}.about-copy h3{font-size:21px}.about-copy>p{font-size:12px;line-height:1.95}.skill-tags{gap:7px}.skill-tags>span{font-size:10px;padding:5px 9px}.approach small{display:block;font-size:8px}.approach strong{font-size:12px}.approach{gap:8px}.contact-strip{flex-direction:column;align-items:flex-start;margin-top:40px;gap:23px;padding:28px 0 31px}.contact-strip h3{font-size:24px}.contact-strip .section-kicker{font-size:7px;letter-spacing:1.1px}.contact-pending{text-align:left;font-size:11px}.contact-hint{font-size:10px}.site-footer{grid-template-columns:1fr 1fr;padding-top:28px;row-gap:19px}.site-footer .wordmark{font-size:22px}.site-footer>span{grid-column:span 2;grid-row:2;text-align:left;font-size:6px;letter-spacing:1.2px}.site-footer>p{grid-column:span 2;font-size:8px;margin-top:-8px}.back-top{font-size:10px}.detail-body{padding:26px 20px}.dialog-toolbar{padding:12px 16px}.detail-kicker{font-size:8px;letter-spacing:.5px}.detail-body h2{font-size:25px;margin-top:12px}.detail-intro{font-size:12px;margin-bottom:23px}.detail-facts{grid-template-columns:1fr;gap:15px;padding:17px 0;margin-bottom:24px}.detail-facts>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.detail-facts span{font-size:10px;margin:0;white-space:nowrap}.detail-facts strong{font-size:11px;text-align:right}.detail-visual{height:290px}.detail-visual .dashboard-demo{width:510px;height:299px;transform:translateX(-40%) rotate(-7deg) scale(.75);top:79px}.detail-visual .dashboard-main{width:423px}.detail-visual .dashboard-chart{margin-top:9px}.detail-visual .chart-content{height:67px}.detail-visual .phone-demo{right:15px;top:70px;transform:rotate(8deg) scale(.7);width:187px;height:365px;padding:11px 12px}.detail-visual .phone-greeting{font-size:15px}.detail-visual .phone-answer{margin-top:0}.detail-visual .phone-answer p{font-size:5px}.detail-visual .ai-word{font-size:23px;left:20px;top:112px}.detail-visual .floating-chip{left:20px;top:218px;font-size:4px;padding:6px}.detail-visual .car-ui{width:215px;height:160px;padding:15px;left:65px;top:95px;transform:rotate(-7deg)}.detail-visual .car-ui>div:first-child>strong{font-size:14px}.detail-visual .car-ui>img{width:73px;height:47px}.detail-visual .car-ui-bottom{padding-top:8px}.detail-visual .car-ui-bottom b{font-size:15px}.detail-visual .car-ui-bottom small{font-size:4px}.detail-visual .car-ui-bottom .battery{font-size:12px}.detail-visual .motion-copy,.detail-visual .form-title,.detail-visual .read-title{font-size:28px;left:24px;top:22px}.detail-visual .system-pieces{left:80px;top:105px;transform:rotate(-8deg)}.detail-visual .reading-card{right:25px;top:75px;transform:rotate(9deg)}.detail-story{margin-top:25px}.detail-brief{font-size:13px;padding-bottom:22px}.detail-story h3{font-size:19px}.detail-story section>p{font-size:12px;line-height:1.95}.detail-bottom>span{font-size:9px;max-width:120px}.next-project{font-size:10px;gap:6px;white-space:nowrap;padding:10px 12px}}
@media(max-width:360px){.wrap,.header-inner{width:calc(100% - 32px)}.hero h1{font-size:29px;letter-spacing:-1.5px}.project-cover{height:310px}.phone-demo{right:19px;transform:rotate(8deg) scale(.78)}.project-card:hover .phone-demo{transform:rotate(5deg) scale(.78)}.ai-word{font-size:23px}.floating-chip{top:222px}.car-ui{left:75px}.system-pieces{left:80px}.reading-card{right:27px}.detail-body{padding:22px 16px}.detail-body h2{font-size:22px}.about-section .section-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}dialog{scroll-behavior:auto}}
@media print{.site-header,.hero-actions,.back-top,.cover-arrow,.mini-arrow,.hero-bottom{display:none}.wrap{width:100%}.hero{padding:20px 0 40px;min-height:400px}.work-section,.other-section{padding-top:30px}.will-reveal{opacity:1;transform:none}.project-card,.small-project,.about-grid{break-inside:avoid}.about-section{padding-top:35px}.site-footer{padding-top:20px}.project-cover,.small-cover{print-color-adjust:exact}dialog{display:none}}