@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&display=swap');
:root{color-scheme:light;--bg:#f6f3ed;--surface:#fffdfa;--surface2:#eee8df;--ink:#302830;--muted:#686069;--line:#382a3429;--accent:#f2c7ae;--accent-ink:#493345;--plum:#72536c;--peach:#f4d6c1;--lilac:#e4dbe8;--butter:#eee6b8;--glass:#fffaf0b8;--shadow:0 18px 45px #3b253914;--body:16px;--heading:32px;--display:64px;--max:1200px}
:root[data-theme=dark]{color-scheme:dark;--bg:#262126;--surface:#302a30;--surface2:#3d343c;--ink:#f7f0e8;--muted:#cec2cc;--line:#fff4;--accent:#e9bca0;--accent-ink:#302330;--plum:#dec7da;--peach:#493537;--lilac:#3d3245;--butter:#45412d;--glass:#302730d9;--shadow:0 18px 45px #0003}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--body)/1.65 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:inherit;letter-spacing:-.045em;text-wrap:balance;line-height:1.12}h1{font-size:var(--display);font-weight:500}h2{font-size:var(--heading);font-weight:500}h3,h4{font-size:var(--body);font-weight:700;letter-spacing:-.015em;line-height:1.4}p{color:var(--muted);text-wrap:pretty}p+p{margin-top:16px}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--plum);outline-offset:5px}::selection{background:var(--accent);color:#302830}.wrap{width:calc(100% - 96px);max-width:var(--max);margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;padding:12px 20px;background:var(--ink);color:var(--bg);z-index:200}.skip:focus{top:15px}.topbar{position:relative;z-index:30;padding:20px 0}.nav{width:calc(100% - 96px);max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:8px;font-weight:700}.brand img{object-fit:contain;width:32px;height:36px}.navlinks,.navtools{display:flex;align-items:center;gap:28px}.navtools{gap:10px}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:currentColor;transition:width .25s}.navlinks a:hover:after{width:100%}.theme,.nav-resume{background:transparent;border:1px solid var(--line);border-radius:30px;padding:8px 16px;min-height:44px}.nav-resume{background:linear-gradient(#ffffff66,#ffffff08);box-shadow:inset 0 1px #fff8}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 26px;border:1px solid #fff8;border-radius:30px;background:linear-gradient(180deg,#fce8d8 0%,#f3ceb4 46%,#e6bca0 51%,#f0cfb8 100%);color:#453044;box-shadow:inset 0 2px 2px #fff,0 2px 0 #aa84766b,0 6px 14px #4a2a3e17;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s}.button:hover{transform:translateY(-3px);box-shadow:inset 0 2px 2px #fff,0 3px 0 #aa84766b,0 12px 24px #4a2a3e26;filter:brightness(1.035)}.button:active{transform:translateY(1px);box-shadow:inset 0 3px 6px #56394533,0 1px 0 #aa84766b}.button.secondary{background:linear-gradient(#fffc,#fff4);backdrop-filter:blur(12px);color:var(--ink);border-color:var(--line);box-shadow:inset 0 1px 1px #fff9,0 4px 12px #3726320a}:root[data-theme=dark] .button.secondary{background:linear-gradient(#ffffff20,#ffffff08)}.textlink{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--line)}.textlink:hover{text-decoration-color:var(--plum)}.space-top{margin-top:24px}.label{font-weight:600;margin-bottom:12px}.studio-hero{position:relative;isolation:isolate;overflow:hidden;padding:38px 0 54px;background:radial-gradient(ellipse at 50% 64%,#ebd0cf77,transparent 44%)}.hero-heading{text-align:center;position:relative;z-index:0}.hero-heading>p{margin-bottom:14px}.hero-name{font-size:clamp(80px,12vw,172px);letter-spacing:-.075em;line-height:1;font-weight:500;white-space:nowrap}.hero-name span{color:var(--plum)}.hero-stage{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:20px;align-items:center;position:relative;margin-top:-112px;min-height:390px}.hero-story,.hero-side{position:relative;z-index:3;padding-top:78px;max-width:295px}.hero-story h2{font-size:var(--heading);margin-bottom:18px}.hero-side{justify-self:end;text-align:right}.hero-side a{display:inline-block;margin-top:20px}.avatar-stage{position:relative;z-index:2;height:480px;align-self:start;margin-top:-28px;margin-inline:-65px;animation:avatarFloat 12s ease-in-out infinite}.avatar-stage:after{content:"";position:absolute;bottom:20px;left:24%;right:24%;height:28px;border-radius:50%;background:#3f203530;filter:blur(20px);z-index:-1}.avatar-stage model-viewer{display:block;width:100%;height:100%;--poster-color:transparent;filter:drop-shadow(0 24px 18px #44283830)}.avatar-stage:focus-within{animation-play-state:paused}.hero-actions{position:relative;z-index:4;display:flex;justify-content:center;gap:14px;margin-top:-5px}@keyframes avatarFloat{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-9px) rotate(.5deg)}}.selected-work{padding-top:32px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:26px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.project{display:block;min-width:0}.project-media{height:310px;overflow:hidden;background:var(--surface2);border-radius:6px;position:relative}.project-media>img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project:hover .project-media>img{transform:scale(1.035)}.project-copy{padding:18px 0 0}.project-copy h3{font-size:var(--heading);font-weight:500;letter-spacing:-.045em;line-height:1.15}.project-copy p{margin-top:10px;max-width:490px}.project-open{display:inline-block;margin-top:12px;font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--line)}.project:hover .project-open{text-decoration-color:var(--plum)}.project.featured{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:38px;align-items:center;padding:30px;background:var(--peach);border-radius:6px}.featured .project-media{height:350px;box-shadow:var(--shadow)}.featured .project-copy{padding:10px}.featured .project-copy p{max-width:350px}.project.featured .project-media img{object-position:top}.procurement-card .project-media{background:var(--butter);padding:28px}.procurement-card .project-media img{object-fit:contain;filter:drop-shadow(0 12px 12px #30283020)}.finance-card .project-media{padding:24px 30px 0;background:var(--lilac)}.finance-card .project-media>img{height:auto;object-fit:initial;object-position:top;box-shadow:var(--shadow);border-radius:8px}.phone-pair{display:flex;justify-content:center;gap:24px;height:100%;padding:28px 32px 0;background:var(--peach)}.phone-pair img{width:43%;height:auto;align-self:flex-start;box-shadow:var(--shadow);border-radius:16px;transition:transform .6s}.phone-pair img:last-child{margin-top:36px}.project:hover .phone-pair img{transform:translateY(-8px)}.sahayata-card .project-media>img{object-position:center}.collection-links{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:42px}.collection-links>a{padding:28px;background:var(--surface);border-radius:5px;box-shadow:var(--shadow);position:relative;transition:transform .25s}.collection-links>a:before{content:"";position:absolute;width:70px;height:22px;background:#e9dcb896;top:-9px;left:24px;transform:rotate(-4deg);box-shadow:inset 0 0 0 1px #fff5}.collection-links>a:last-child{background:var(--lilac)}.collection-links>a:hover{transform:translateY(-4px)}.collection-links span{font-size:var(--heading);letter-spacing:-.045em;line-height:1.2;display:block;margin-bottom:8px}.home-about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:72px 0}.home-about .button{margin-top:25px}.photos{display:flex;gap:15px;margin-top:30px}.photos img{width:46%;height:190px;object-fit:cover;box-shadow:var(--shadow);transform:rotate(-3deg)}.photos img+img{transform:rotate(3deg) translateY(15px)}.footer{margin-top:40px;background:var(--lilac)}.footer-main{padding:60px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.contact-note{position:relative;justify-self:center;max-width:330px;width:100%;padding:32px 30px;background:#fff9e9;color:#463541;transform:rotate(-5deg);box-shadow:0 18px 28px #3a253520}.contact-note:before{content:"";position:absolute;top:-15px;left:calc(50% - 55px);width:110px;height:32px;background:#e2c19c9e;transform:rotate(5deg);box-shadow:inset 0 1px #fff6;clip-path:polygon(2% 0,98% 3%,100% 93%,0 100%)}.contact-note img{width:110px;height:124px;object-fit:contain;margin:0 auto 10px;filter:drop-shadow(0 9px 9px #4b303822)}.contact-note p{color:#4d3c48;font-size:var(--heading);font-weight:500;line-height:1.25;letter-spacing:-.04em}.contact-note span{display:block;margin-top:20px;font-style:italic;color:#796975}.footer-invite h2{margin-bottom:16px}.contact-actions,.contact-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.contact-links{gap:26px}.footer-bottom{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-bottom nav{display:flex;gap:25px}.footer-bottom>span{color:var(--muted)}.case-hero{padding:35px 0 38px}.page-opening,.case-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;margin-top:24px}.page-opening.no-art{grid-template-columns:1fr;max-width:850px}.case-hero h1{margin-bottom:24px}.lede{max-width:630px}.page-art{height:315px;background:var(--peach);overflow:hidden;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:25px}.page-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px #38283718)}.page-art.phone-art{background:var(--lilac);height:330px;padding:28px}.phone-art img{width:auto;height:120%;align-self:flex-start;border-radius:16px}.dashboard-art{background:var(--lilac);align-items:flex-start}.dashboard-art img{height:auto;object-fit:initial}.case-screen-stack{position:relative;padding-bottom:45px}.case-screen-stack>img{width:90%;border-radius:4px;box-shadow:var(--shadow)}.case-screen-stack .stack-detail{position:absolute;right:0;bottom:0;width:59%;box-shadow:0 15px 35px #31213340}.screen-caption-note{display:none}.project-equation{display:flex;gap:20px;align-items:center;margin-top:22px}.project-equation b{font-size:var(--heading);font-weight:500}.project-equation i{font-style:normal;color:var(--muted)}.impact-first{background:var(--lilac);padding:28px 32px;border-radius:5px}.impact-first>h2{font-size:var(--body);font-weight:700;letter-spacing:0}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:20px 0}.outcome-grid strong{font-size:var(--heading);font-weight:500;letter-spacing:-.045em;line-height:1.2;display:block;color:var(--ink)}.outcome-grid p{margin-top:10px}.outcome-note{max-width:1000px}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:28px 0}.case-intro strong{color:var(--ink)}.case-nav{display:flex;gap:4px;position:sticky;top:12px;z-index:20;max-width:100%;width:fit-content;overflow-x:auto;padding:6px;background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:30px;margin:10px 0 0;box-shadow:0 4px 15px #3a26380b}.case-nav a{padding:8px 18px;white-space:nowrap;border-radius:25px;color:var(--muted);min-height:44px}.case-nav a[aria-current=true],.case-nav a:hover{background:var(--ink);color:var(--bg)}.chapter{padding:52px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.chapter-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;margin-bottom:28px;align-items:start}.chapter-head h2{max-width:450px}.chapter-head p{max-width:650px}.editorial-cards,.context-grid,.annotations,.recovery{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.editorial-cards article{padding:22px 0;border-top:1px solid var(--line)}.editorial-cards article h3,.context-card h3,.recovery h3{margin-bottom:10px}.pinned-note{position:relative;margin:12px 0 30px;padding:28px 32px;background:var(--butter);max-width:950px;box-shadow:0 8px 20px #4d3a3408}.pinned-note:before{content:"";position:absolute;top:-8px;right:28px;width:17px;height:17px;background:radial-gradient(circle at 35% 30%,#f4c8ad,#bb786e 80%);border-radius:50%;box-shadow:2px 6px 4px #462b3c30}.pinned-note h3{margin-bottom:8px}.simple-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:0}.simple-flow li{padding:20px 18px;background:var(--surface);border-top:3px solid var(--accent)}.simple-flow p{margin-top:10px}.simple-flow+.pinned-note{margin-top:32px}.evidence{margin:0;min-width:0;background:transparent}.evidence img{width:100%;height:auto;border-radius:4px;box-shadow:0 10px 28px #3c2b3914}.evidence figcaption,.screen-caption{padding:14px 0;color:var(--muted);font-size:var(--body)}.evidence+.editorial-cards{margin-top:15px}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px;align-items:start}.detail-pair h3{margin-bottom:12px}.table-wrap{overflow-x:auto;margin:26px 0 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--body)}th,td{padding:20px;min-width:200px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:700;background:var(--surface2)}td{color:var(--muted)}td:first-child{color:var(--ink);font-weight:600}.note,.demo-note,.credit{margin-top:18px;color:var(--muted)}.exception-demo{background:var(--surface);padding:26px;box-shadow:var(--shadow);border-radius:6px}.exception-switch,.screen-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.chip{border:1px solid var(--line);border-radius:24px;padding:9px 17px;min-height:44px;background:transparent;font-weight:500;transition:background .2s,transform .2s}.chip:hover{background:var(--surface2)}.chip:active{transform:scale(.98)}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.exception-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.exception-body h3{margin-bottom:12px}.exception-body .label{color:var(--plum)}.screen-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;background:var(--surface2);padding:30px 30px 8px;border-radius:6px}.screen-gallery.four{grid-template-columns:repeat(4,1fr);gap:20px}.screen-gallery .evidence img{border-radius:12px}.screen-gallery+.editorial-cards{margin-top:28px}.long-phone{max-width:400px;margin:30px auto}.long-phone img{border-radius:15px}.brightness-demo{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:35px;padding:30px;margin-top:30px;background:var(--surface);border-radius:6px}.brightness-swatch{width:160px;height:160px;border-radius:50%;background:radial-gradient(#ffe9b3, #e8be73 40%,transparent 70%);opacity:.678}.brightness-demo label{display:block;margin:15px 0 10px}.brightness-demo output{display:block;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--plum);min-height:44px}.finance-showcase{background:var(--lilac);padding:24px;border-radius:6px}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.showcase-toolbar>div{display:flex;gap:8px}.finance-full{max-width:1000px;margin:auto}.finance-full img{box-shadow:0 15px 35px #30203025}.finance-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;background:var(--surface2);padding:30px;border-radius:6px}.finance-details+.pinned-note{margin-top:30px}.creative-gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.creative-gallery .pinned-note{margin-top:30px}.identity-sheet{padding:40px;background:var(--lilac);display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.identity-type{font-size:var(--heading);font-weight:700;letter-spacing:-.06em;background:var(--surface);padding:60px 25px;box-shadow:var(--shadow);text-align:center;transform:rotate(-4deg)}.archive-slots{display:grid;grid-template-columns:1fr 1fr;gap:30px}.archive-slot{padding:32px;background:var(--peach);border-radius:5px}.archive-slot.lilac{background:var(--lilac)}.paper-stack{height:155px;position:relative;margin-bottom:24px}.paper-stack i{position:absolute;inset:5px 25%;display:block;background:var(--surface);box-shadow:0 8px 20px #33203020;transform:rotate(-12deg)}.paper-stack i:nth-child(2){transform:rotate(7deg);background:var(--butter)}.paper-stack i:nth-child(3){transform:rotate(-2deg);background:linear-gradient(135deg,var(--surface),var(--peach))}.archive-slot h3{margin-bottom:8px}.event-list article{display:grid;grid-template-columns:1fr 1.4fr auto;gap:35px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.event-list h3{margin-top:8px}.event-gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start}.event-gallery figure:first-child{grid-row:span 2}.event-gallery figure:first-child img{aspect-ratio:4/5;object-fit:cover}.event-gallery figure:not(:first-child) img{max-height:330px;object-fit:cover}.event-video{position:relative;background:#211c21;aspect-ratio:16/9;overflow:hidden;border-radius:6px;display:grid;place-items:center}.event-video>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.55}.event-video>.button{position:relative}.event-video iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.social-reference{display:grid;grid-template-columns:1.5fr auto;gap:30px;align-items:center;margin-top:36px}.social-reference .pinned-note{margin:0}.experience article{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;padding:25px 0;border-top:1px solid var(--line)}.experience article p:last-child{grid-column:1/-1}.case-end{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 0}.case-end p{max-width:750px}.contact-page{padding:10px 0 25px}.contact-page h2{margin-bottom:16px}.contact-page .button{margin-top:26px}.close{padding:10px 20px;border:1px solid var(--line);border-radius:25px;background:var(--surface2);flex-shrink:0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:12px 24px;border-radius:28px;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* The ordering study uses the same three type roles and evidence treatment */
.board-context{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;margin-bottom:30px}.board-crop{position:relative;height:170px;overflow:hidden;border-radius:5px;background:#1b1b20}.board-crop img{position:absolute;max-width:none;width:820px;left:-247px;top:-140px}.context-card{padding:23px;background:var(--surface)}.context-n{font-size:var(--heading);color:var(--plum);margin-bottom:15px}.context-card .term{display:block;color:var(--muted);margin:6px 0 10px}.files-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.files-row>div{padding-top:20px;border-top:1px solid var(--line)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison>article{background:var(--surface);padding:28px}.comparison>article.before{background:var(--peach)}.comparison h3{margin-bottom:16px}.comparison p{margin-top:18px}.flow-line{display:flex;flex-wrap:wrap;gap:8px}.flow-line span{padding:7px 11px;border:1px solid var(--line)}.research-note{margin-top:22px}.architecture{padding:28px;background:var(--surface)}.arch-entry{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.arch-entry>div{padding:16px;background:var(--surface2);text-align:center}.arch-connector{height:25px;width:74%;margin:auto;border:1px solid var(--line);border-top:0}.arch-project{text-align:center;max-width:500px;margin:20px auto;padding:13px;background:var(--lilac);font-weight:600}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.journey>div{padding-top:16px;border-top:3px solid var(--accent)}.journey b{display:block;margin-bottom:8px}.journey small{font-size:var(--body);display:block;color:var(--muted);margin-top:12px}.arch-end,.branch-note{margin-top:24px}.wireframes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.wireframe h3{margin-bottom:15px}.wire-surface{padding:14px;background:var(--surface);border:1px solid var(--line);min-height:230px}.wire-head{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}.wire-boxes{display:flex;gap:8px}.wire-boxes>span{flex:1;padding:8px;border:1px solid var(--line)}.wire-rows{display:grid;gap:8px;margin-top:14px}.wire-rows>span{height:12px;background:var(--surface2)}.wire-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wire-split>div{border:1px solid var(--line);padding:8px}.wire-cta{padding:4px;margin-top:10px;background:var(--lilac)}.wireframe>p{margin-top:12px}.solution-intro{max-width:800px;margin-bottom:24px}.solution-intro h3{font-size:var(--heading);font-weight:500;letter-spacing:-.045em;margin-bottom:14px}.solution-block+.solution-block{margin-top:50px}.annotations{margin-top:22px}.annotations>div{padding-left:18px;border-left:2px solid var(--accent)}.annotations p{margin-top:7px}.math{display:flex;align-items:center;justify-content:center;gap:22px;background:var(--surface);padding:24px;margin-top:24px}.math strong{display:block;font-size:var(--heading);font-weight:500;line-height:1.3}.math span{color:var(--muted)}.math .operator{font-size:var(--body)}.billing-demo{padding:24px;background:var(--surface)}.billing-demo h4{margin-bottom:16px}.bill-row{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.bill-row span:last-child{text-align:right}.bill-row.total{border-top:1px solid var(--line);margin-top:10px;padding-top:18px;font-weight:700}.recovery{margin-top:24px}.recovery>div{background:var(--surface);padding:24px}.recovery strong{display:block;margin-top:15px}.error-text{color:var(--plum)}.growth-comparison{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;background:var(--peach);padding:30px}.growth-comparison h3{font-size:var(--heading);font-weight:500;margin-bottom:14px}.growth-bar{display:grid;grid-template-columns:1fr 2fr .5fr;align-items:center;gap:15px;margin-bottom:20px}.growth-bar i{height:22px;display:block;background:var(--plum);border-radius:3px}.before-bar i{width:30%;opacity:.45}.growth-bar b{font-weight:500}.timeline-note{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.timeline-note h3{margin-bottom:10px}.screen-tabs{margin:0 0 15px}.screen-caption{padding-bottom:0}
@media(min-width:1500px){.hero-stage{margin-top:-90px}.avatar-stage{height:490px}.studio-hero{padding-top:55px}}
@media(max-width:1000px){:root{--display:52px}.wrap,.nav{width:calc(100% - 48px)}.hero-stage{grid-template-columns:1fr 1.2fr 1fr;gap:5px;margin-top:-45px}.avatar-stage{height:380px;margin-inline:-48px}.hero-story h2{font-size:var(--heading)}.hero-story,.hero-side{padding-top:65px}.hero-side{max-width:200px}.page-opening,.case-opening{gap:30px}.chapter-head{gap:35px}.project.featured{gap:25px;padding:25px}.featured .project-media{height:300px}.project-media{height:270px}.footer-main{gap:45px}.contact-note{max-width:285px}.event-list article{grid-template-columns:1fr 1.2fr}.event-list article>a{grid-column:2}.screen-gallery.four{grid-template-columns:repeat(2,1fr)}.screen-gallery.four img{max-height:680px;object-fit:contain}.finance-details{gap:22px;padding:22px}.navlinks{gap:22px}.wireframes{gap:14px}.wire-boxes{flex-direction:column}}
@media(max-width:700px){:root{--display:44px;--heading:28px}.wrap,.nav{width:calc(100% - 36px)}.topbar{padding:14px 0}.nav{gap:10px}.brand span{display:none}.navlinks{gap:18px}.navtools{gap:6px}.theme,.nav-resume{padding:7px 11px}.studio-hero{padding:27px 0 34px}.hero-heading>p{max-width:260px;margin:0 auto 20px}.hero-name{font-size:clamp(60px,15vw,105px)}.hero-stage{display:flex;flex-direction:column;margin-top:-22px;min-height:0;gap:0}.avatar-stage{order:0;height:340px;width:100%;max-width:490px;margin:-10px 0 -15px;align-self:center}.hero-story{order:1;text-align:center;padding:0;max-width:380px}.hero-story h2{margin-bottom:12px}.hero-side{display:none}.hero-actions{margin-top:23px;gap:10px}.hero-actions .button{padding:12px 20px}.selected-work{padding-top:30px}.section-heading{display:block;margin-bottom:22px}.section-heading p{margin-top:12px}.work-grid{grid-template-columns:1fr;gap:30px}.project.featured{display:block;padding:20px}.featured .project-media{height:auto;aspect-ratio:16/10}.featured .project-copy{padding:20px 0 0}.project-media{height:300px}.project-copy h3{font-size:var(--heading)}.collection-links{grid-template-columns:1fr;gap:27px;margin-top:35px}.home-about{grid-template-columns:1fr;gap:38px;padding:52px 0}.photos img{height:185px}.footer-main{grid-template-columns:1fr;padding:45px 0;gap:45px}.contact-note{max-width:300px;padding:28px}.footer-invite{max-width:500px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}.footer-bottom nav{flex-wrap:wrap;gap:22px}.footer{margin-top:25px}.case-hero{padding:24px 0 27px}.page-opening,.case-opening{grid-template-columns:1fr;gap:25px;margin-top:23px}.page-art{height:260px}.page-art.phone-art{height:300px}.page-opening.no-art{gap:0}.case-hero h1{margin-bottom:18px}.impact-first{padding:24px}.outcome-grid{grid-template-columns:1fr;gap:20px}.outcome-grid>div{padding-bottom:20px;border-bottom:1px solid var(--line)}.outcome-grid strong{max-width:320px}.case-intro{grid-template-columns:1fr;gap:20px;padding:25px 0}.case-nav{top:7px;border-radius:28px;width:100%}.case-nav a{padding:8px 15px}.chapter{padding:38px 0;scroll-margin-top:15px}.chapter-head{grid-template-columns:1fr;gap:17px;margin-bottom:24px}.editorial-cards,.context-grid,.annotations,.recovery{grid-template-columns:1fr;gap:16px}.editorial-cards article{padding:18px 0}.pinned-note{padding:25px;margin-bottom:24px}.simple-flow{grid-template-columns:1fr 1fr;gap:14px}.simple-flow li{padding:18px 15px}.detail-pair,.exception-body,.finance-details,.creative-gallery,.archive-slots,.identity-sheet{grid-template-columns:1fr;gap:24px}.exception-demo{padding:20px}.exception-switch{gap:8px}.chip{padding:8px 13px}.screen-gallery{grid-template-columns:1fr 1fr;gap:20px;padding:20px 16px 3px}.screen-gallery .evidence:last-child:nth-child(odd){grid-column:1/-1;max-width:230px;justify-self:center}.screen-gallery.four{gap:20px 16px}.screen-gallery figcaption{padding:12px 0}.brightness-demo{grid-template-columns:1fr;gap:15px;padding:24px}.brightness-swatch{width:110px;height:110px;margin:auto}.showcase-toolbar{display:block}.showcase-toolbar>div{margin-top:15px}.finance-showcase{padding:16px}.finance-details{padding:20px}.long-phone{max-width:310px}.identity-sheet{padding:28px}.identity-type{padding:45px 20px}.event-list article{grid-template-columns:1fr;gap:14px}.event-list article>a{grid-column:auto;justify-self:start}.event-gallery{grid-template-columns:1fr;gap:25px}.event-gallery figure:first-child{grid-row:auto}.event-gallery figure:first-child img{aspect-ratio:4/3}.event-gallery figure:not(:first-child) img{max-height:none}.social-reference{grid-template-columns:1fr;gap:20px}.experience article{grid-template-columns:1fr;gap:8px}.case-end{flex-direction:column;align-items:flex-start;padding:30px 0;gap:20px}.board-context,.comparison,.growth-comparison,.timeline-note{grid-template-columns:1fr;gap:24px}.board-crop{max-width:240px}.files-row{grid-template-columns:1fr;gap:18px}.architecture{padding:18px}.arch-entry,.journey{grid-template-columns:1fr 1fr}.arch-entry{gap:10px}.arch-entry>div{padding:13px}.wireframes{grid-template-columns:1fr;gap:25px}.wire-boxes{flex-direction:row}.wire-surface{min-height:210px}.annotations{gap:20px}.math{gap:14px;flex-wrap:wrap;padding:20px}.growth-comparison{padding:24px}.growth-bar{grid-template-columns:1fr 1.3fr .7fr;gap:10px}}
@media(max-width:370px){.navlinks{gap:10px}.nav-resume{display:none}.hero-actions{flex-wrap:wrap}.simple-flow{grid-template-columns:1fr}.screen-gallery,.screen-gallery.four{grid-template-columns:1fr}.screen-gallery .evidence{max-width:260px;margin:auto}.footer-bottom nav{gap:14px}.contact-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.avatar-fallback{height:90%;width:auto;margin:auto;object-fit:contain;filter:drop-shadow(0 24px 18px #44283830)}
@media(min-width:701px) and (max-width:900px){.hero-stage{grid-template-columns:1fr 1.4fr;gap:20px;margin-top:-20px}.hero-side{display:none}.avatar-stage{height:390px;margin-inline:-20px;order:2}.hero-story{padding-top:40px;max-width:300px}.hero-name{font-size:14vw}.hero-actions{margin-top:15px}}

.brand{flex-shrink:0}.creative-hero-art{height:315px;display:flex;gap:15px;align-items:center;justify-content:center;background:var(--peach);overflow:hidden;padding:25px}.creative-hero-art img{width:46%;box-shadow:var(--shadow);transform:rotate(-6deg)}.creative-hero-art img+img{transform:rotate(7deg) translateY(25px)}
@media(max-width:700px){.hero-stage{margin-top:-70px}.creative-hero-art{height:280px}}
@media(max-width:550px){.nav-resume{display:none}.navlinks{gap:20px}.navtools{margin-left:auto}.brand{margin-right:auto}}

/* Curated collections use quiet movement and stable reading surfaces */
.brand .brand-short{display:none}.brand>a{display:block}.image-surface{width:100%;display:block}.project-media,.image-surface,img{cursor:default}.project-open:hover{text-decoration-color:var(--plum)}.project:hover .project-media>img,.project:hover .phone-pair img{transform:none}
main img{animation:artBreath 14s ease-in-out infinite;animation-delay:-3s}.evidence:nth-child(even) img,.project:nth-child(even) img{animation-delay:-8s;animation-duration:17s}.evidence figcaption{position:relative;z-index:1}.drift-art img{border-radius:3px;box-shadow:0 16px 28px #3d2b3817;animation:artBreath 16s ease-in-out infinite;animation-delay:-4s}.drift-art:nth-child(2n) img{animation-duration:19s;animation-delay:-11s}.drift-art:nth-child(3n) img{animation-duration:22s;animation-delay:-7s}.drift-art figcaption{padding-top:20px;max-width:36em}
@keyframes artBreath{0%,100%{translate:0 0}50%{translate:0 -6px}}
.collection-hero .page-opening{grid-template-columns:1.05fr 1fr;gap:40px;min-height:380px}.collage-stage{height:380px;position:relative;isolation:isolate;background:radial-gradient(ellipse at center,var(--peach),transparent 69%)}.collage-piece{position:absolute;width:48%;top:16%;left:0;rotate:-10deg;z-index:1;animation:collageDrift 17s ease-in-out infinite}.collage-piece:nth-child(2){left:24%;top:2%;width:54%;rotate:3deg;z-index:3;animation-duration:20s;animation-delay:-7s}.collage-piece:nth-child(3){left:55%;top:30%;width:43%;rotate:10deg;z-index:4;animation-duration:22s;animation-delay:-12s}.collage-piece img{width:100%;box-shadow:0 20px 35px #39233826;border-radius:4px;animation:none}.collection-hero{padding-bottom:35px}@keyframes collageDrift{0%,100%{translate:0 0}50%{translate:3px -10px}}
.art-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start;padding:12px 0 20px}.art-triptych .evidence:nth-child(2){padding-top:25px}.art-triptych .evidence:nth-child(3){padding-top:9px}.studio-shelf{margin-top:42px;padding:35px 32px 15px;background:var(--lilac);position:relative}.studio-shelf:before{content:"";position:absolute;left:35px;top:-12px;width:90px;height:26px;background:#d5bd94a3;rotate:-4deg;box-shadow:inset 0 1px #fff9}.shelf-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:30px}.campaign-pair{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:start}.campaign-story{padding-top:16px}.campaign-story .pinned-note{margin-bottom:38px}.campaign-story .evidence{max-width:410px;margin-inline:auto}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;padding-top:10px;padding-bottom:26px}.care-grid .evidence:nth-child(even){padding-top:20px}.care-grid .evidence img{border-radius:10px}.vision-board{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;background:var(--lilac);padding:40px}.vision-statement h2{line-height:1.3;margin-bottom:20px}.vision-statement p{max-width:390px}.vision-board .pinned-note{margin:5px 0;rotate:2deg;background:var(--surface);box-shadow:0 16px 28px #35263812}.community-journey{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.community-journey li{position:relative;padding:26px 24px;background:var(--surface);box-shadow:var(--shadow);border-top:3px solid var(--accent)}.community-journey li:nth-child(2){border-color:var(--lilac)}.community-journey li:nth-child(3){border-color:var(--butter)}.community-journey span{display:block;color:var(--plum);margin-bottom:22px;font-weight:600}.community-journey h3{margin-bottom:12px}.invitation-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;max-width:980px;margin:0 auto 25px}.invitation-grid .evidence:last-child{padding-top:32px}.founder-wall{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;padding:15px 0 28px}.founder-wall .founder-wide{grid-column:1/-1;width:67%;justify-self:center;position:relative}.founder-wall .founder-wide:before{content:"";width:110px;height:30px;background:#e4cfa5b5;position:absolute;left:calc(50% - 55px);top:-15px;rotate:-5deg;z-index:2}.founder-wall .founder-wide img{max-height:650px;object-fit:contain;box-shadow:none}.founder-wall>.evidence:not(:first-child){width:90%;justify-self:center}.founder-wall>.evidence:nth-child(2){rotate:-2deg}.founder-wall>.evidence:nth-child(3){rotate:2deg;padding-top:32px}.community-photo-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;margin-top:40px;align-items:start}.community-photo-grid img{width:100%;height:340px;object-fit:cover}.community-photo-grid figure:last-child{padding-top:32px}.collection-page .case-end{padding-top:34px}.collection-page .chapter p{max-width:65ch}
@media(max-width:1000px){.collection-hero .page-opening{gap:20px}.collage-stage{height:310px}.art-triptych{gap:20px}.campaign-pair{gap:30px}.vision-board{gap:25px;padding:28px}.community-journey{gap:14px}.community-journey li{padding:20px}.invitation-grid{gap:30px}}
@media(max-width:700px){.brand .brand-full{display:none}.brand .brand-short{display:inline}.brand>img{display:none}.collection-hero .page-opening{grid-template-columns:1fr;gap:12px;min-height:0}.collage-stage{height:320px;width:100%;max-width:480px;justify-self:center}.collage-piece{width:42%;left:5%}.collage-piece:nth-child(2){width:48%;left:26%}.collage-piece:nth-child(3){width:38%;left:59%;top:26%}.collection-hero{padding-bottom:10px}.art-triptych{grid-template-columns:1fr;gap:20px;max-width:450px;margin-inline:auto;padding:5px 0 15px}.art-triptych .evidence:nth-child(n){padding-top:0}.studio-shelf{padding:28px 20px 10px;margin-top:30px}.shelf-copy{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.campaign-pair{grid-template-columns:1fr;gap:15px}.campaign-story{padding-top:0}.care-grid{gap:18px;grid-template-columns:1fr}.care-grid .evidence:nth-child(n){padding-top:0}.vision-board{grid-template-columns:1fr;padding:26px 22px;gap:25px}.vision-board .pinned-note{rotate:0deg;padding:24px}.community-journey{grid-template-columns:1fr;gap:18px}.community-journey li{padding:24px}.community-journey span{margin-bottom:12px}.invitation-grid{grid-template-columns:1fr;gap:20px}.invitation-grid .evidence:last-child{padding-top:0}.founder-wall{grid-template-columns:1fr;gap:22px}.founder-wall .founder-wide{width:100%;grid-column:auto}.founder-wall>.evidence:not(:first-child){width:96%;rotate:0deg;padding-top:0}.community-photo-grid{grid-template-columns:1fr;gap:25px;margin-top:32px}.community-photo-grid img{height:auto;max-height:420px;object-fit:contain}.community-photo-grid figure:last-child{padding-top:0}}
@media(max-width:390px){.collage-stage{height:280px}}
@media(prefers-reduced-motion:reduce){main img,.drift-art img,.collage-piece{animation:none!important;translate:none!important}}