@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101112;--ink:#f0f0e8;--muted:#aaa9a4;--accent:#e7fc70;--line:#ffffff28;--pad:5vw;color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;overflow-x:hidden}body:has(dialog[open]){overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.25;cursor:default}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500}button{background:none;border:0}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#111}[hidden]{display:none!important}.micro{font-size:10px;font-weight:500;letter-spacing:.12em;line-height:1.6}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:15px;left:15px;z-index:1000;background:var(--accent);color:#111;padding:15px}.reading-progress{position:fixed;left:0;top:0;z-index:90;width:0;height:3px;background:var(--accent)}.site-header{height:102px;padding:0 var(--pad);display:flex;align-items:center;gap:5vw;position:relative;z-index:20;border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:800;line-height:1.1;letter-spacing:-.06em;position:relative}.wordmark span{display:block}.wordmark sup{position:absolute;top:0;right:-20px;font-size:15px;color:var(--accent)}.header-description{font-size:10px;line-height:1.5;color:var(--muted)}nav{display:flex;gap:34px;margin-left:auto;align-items:center;font-size:12px}nav a{padding:12px 0}nav a:hover{color:var(--accent)}nav sup{font-size:8px;vertical-align:top;margin-left:4px;color:var(--accent)}.contact-nav{border-bottom:1px solid var(--ink)}.opening{position:relative;height:calc(100vh + 190px);min-height:900px;max-height:1190px;padding:30px var(--pad) 45px;isolation:isolate}.opening-top{display:flex;justify-content:space-between}.opening-title{position:relative;z-index:5;padding-top:70px;pointer-events:none;mix-blend-mode:exclusion}.opening h1{font-size:clamp(90px,13.65vw,225px);line-height:.96;letter-spacing:-.082em;font-weight:500}.opening h1 span{color:var(--accent)}.floating-gallery{position:absolute;inset:0;z-index:2}.float-art{position:absolute;transition:transform 1s cubic-bezier(.2,.7,.2,1);will-change:transform}.float-art img{height:100%;object-fit:cover;transition:filter .7s,scale .7s}.float-art:hover img{scale:1.035}.float-art>span{position:absolute;bottom:-26px;left:0;font-size:8px;letter-spacing:.1em;white-space:nowrap;color:var(--ink)}.art-fashion{right:8%;top:88px;width:25%;height:52%;rotate:7deg;background:#680b0e}.art-fashion img{object-position:center 40%}.art-digital{left:38%;bottom:170px;width:32%;height:26%;rotate:-8deg;box-shadow:0 30px 70px #0008}.art-digital img{object-fit:contain;background:#030404}.art-paint{left:8%;bottom:158px;width:22%;height:31%;rotate:-12deg}.gallery-note{position:absolute;right:7%;bottom:154px;width:140px;font-size:12px;line-height:1.5;color:var(--muted)}.gallery-note i{color:var(--ink)}.note-mark{display:block;color:var(--accent);font-size:65px;line-height:1;margin-top:30px;animation:turn 35s linear infinite;width:max-content}.opening-bottom{position:absolute;bottom:38px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:end;font-size:12px;line-height:1.5}.scroll-link{display:flex;gap:48px;align-items:center;font-size:10px;letter-spacing:.12em}.scroll-link span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:48px;height:48px;font-size:22px;transition:background .3s}.scroll-link:hover span{background:var(--accent);color:#111}.work{padding:115px var(--pad) 90px;border-top:1px solid var(--line)}.work-intro{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;gap:35px}.work-intro h2{font-size:clamp(42px,5.7vw,88px);letter-spacing:-.06em;line-height:1.08}.work-intro h2 em{font-style:normal;color:var(--muted)}.work-intro>p{font-size:12px;line-height:1.8;align-self:end;padding-bottom:5px}.filter-bar{display:flex;gap:10px;margin:70px 0 38px;flex-wrap:wrap}.filter-bar button{font-size:11px;border:1px solid var(--line);padding:13px 22px;border-radius:30px;transition:all .25s}.filter-bar button sup{font-size:8px;margin-left:9px}.filter-bar button:hover{border-color:var(--accent)}.filter-bar button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#151610}.exhibit{position:relative;display:block;min-height:620px;margin-bottom:32px;overflow:hidden;background:var(--surface);--project-accent:var(--accent);isolation:isolate}.exhibit-top{position:absolute;left:35px;right:35px;top:30px;display:flex;justify-content:space-between;align-items:center;z-index:5;font-size:10px;letter-spacing:.1em}.exhibit-top span:last-child{color:var(--project-accent)}.exhibit-art{position:absolute;inset:0;z-index:1}.exhibit-art img{position:absolute;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.exhibit:hover .exhibit-art img{transform:translateY(-12px) rotate(0)}.exhibit-label{position:absolute;bottom:36px;left:35px;right:35px;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:24px}.exhibit-label h3{font-size:clamp(45px,6vw,95px);letter-spacing:-.065em;line-height:1}.exhibit-label p{font-size:12px;margin-top:16px;max-width:340px;line-height:1.6}.round-arrow{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border:1px solid #ffffff80;border-radius:50%;font-size:28px;transition:background .3s,transform .3s}.exhibit:hover .round-arrow{background:var(--project-accent);border-color:var(--project-accent);color:#111;transform:rotate(45deg)}.exhibit.arabian-nights{background:#3c0c11}.arabian-nights .exhibit-art .main-art{height:91%;width:42%;object-fit:cover;right:22%;top:8%;rotate:-5deg}.arabian-nights .exhibit-art .support-art{height:60%;width:29%;object-fit:cover;right:-2%;top:13%;rotate:8deg}.arabian-nights .exhibit-label{max-width:70%;text-shadow:0 3px 40px #000}.exhibit.ecoride{background:#173a39}.ecoride .exhibit-art .main-art{width:66%;height:65%;object-fit:contain;right:3%;top:10%;rotate:-7deg;filter:drop-shadow(0 35px 30px #06171688)}.ecoride .exhibit-art:before{content:'';position:absolute;left:12%;top:15%;width:430px;height:430px;border:1px solid #9cf0df44;border-radius:50%}.ecoride .exhibit-label h3{color:#b3f2df}.exhibit.show-of-hands{background:#b3cbc1;color:#1b302a}.show-of-hands .exhibit-art .main-art{width:68%;height:115%;object-fit:contain;right:-1%;top:-7%;rotate:5deg}.show-of-hands .exhibit-top span:last-child{color:#304940}.show-of-hands .round-arrow{border-color:#304940}.show-of-hands .exhibit-label{max-width:70%}.show-of-hands .exhibit-label h3{max-width:380px}.exhibit.solar-system{background:#cfb055;color:#242019}.solar-system .exhibit-art .main-art{right:19%;height:93%;width:33%;bottom:0;object-fit:contain}.solar-system .exhibit-art .support-art{width:39%;height:70%;object-fit:cover;right:-5%;top:5%;border-radius:50%;z-index:-1;opacity:.6}.exhibit.bank-of-baroda{background:#592a17}.bank-of-baroda .exhibit-art .main-art{width:60%;height:73%;object-fit:cover;object-position:top;right:4%;top:10%;rotate:5deg}.exhibit.elderly-care{background:#484050}.elderly-care .exhibit-art .main-art{width:27%;height:75%;object-fit:contain;right:27%;top:6%;rotate:-7deg}.elderly-care .exhibit-art .support-art{width:24%;height:70%;object-fit:contain;right:5%;top:17%;rotate:8deg}.exhibit.wine-tasting{background:#461728}.wine-tasting .exhibit-art .main-art{width:70%;height:70%;object-fit:contain;right:2%;top:5%;rotate:-5deg}.exhibit.hand-sketches{background:#282330}.hand-sketches .exhibit-art .main-art{height:80%;width:40%;object-fit:contain;right:4%;top:10%;rotate:8deg}.exhibit.paintings{background:#182d35}.paintings .exhibit-art .main-art{width:55%;height:72%;object-fit:cover;right:4%;top:7%;rotate:5deg}.work-index-heading{display:flex;justify-content:space-between;padding:70px 0 20px;font-size:10px;letter-spacing:.1em}.index-row{display:grid;grid-template-columns:48px 1fr 220px 35px;align-items:center;border-top:1px solid var(--line);padding:28px 0;position:relative;transition:color .3s,padding .3s}.index-row:last-child{border-bottom:1px solid var(--line)}.index-row:hover{color:var(--accent);padding-left:16px}.index-row .index-number{font-size:10px;color:var(--muted)}.index-row h3{font-size:clamp(23px,3vw,45px);letter-spacing:-.05em}.index-row .index-category{font-size:10px;color:var(--muted)}.index-row .index-arrow{font-size:26px}.hover-preview{position:fixed;z-index:25;width:220px;height:250px;pointer-events:none;opacity:0;transform:translate(-50%,-50%) rotate(-7deg);transition:opacity .2s;box-shadow:0 20px 70px #0007}.hover-preview.active{opacity:1}.hover-preview img{width:100%;height:100%;object-fit:cover;background:#262727}.about{padding:140px var(--pad);background:#dfdfd5;color:#22261c}.about-heading{display:grid;grid-template-columns:1fr 3fr;gap:35px}.about h2{font-size:clamp(55px,8.3vw,130px);letter-spacing:-.07em;line-height:1.05}.about h2 em{font-style:normal;color:#7a7b65}.about-composition{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:90px;align-items:center}.about-composition figure{rotate:-5deg;width:90%;margin-left:5%}.about-composition img{aspect-ratio:1;object-fit:cover}.about-composition figcaption{font-size:10px;margin-top:13px}.about-story p{font-size:15px;line-height:1.8;margin-bottom:22px;max-width:500px}.about-story .large-copy{font-size:25px;line-height:1.45;letter-spacing:-.035em;margin-bottom:35px}.line-link{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid currentColor;padding:18px 0;font-size:10px;letter-spacing:.08em;margin-top:35px}.line-link span{font-size:20px}.resume{padding:125px var(--pad)}.resume h2{font-size:clamp(50px,7vw,100px);line-height:1.08;letter-spacing:-.06em;margin-top:30px}.resume h2 span{color:#888b83}.resume-details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:70px;padding-top:25px;border-top:1px solid var(--line)}.resume-details h3{font-size:13px;margin-bottom:18px}.resume-details p{font-size:12px;line-height:1.9;color:var(--muted)}.contact{background:var(--accent);color:#23271a;padding:70px var(--pad) 0;overflow:hidden}.contact h2{font-size:clamp(60px,10.3vw,160px);line-height:1.05;letter-spacing:-.075em;margin:45px 0}.contact h2 em{font-style:normal;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:14px}.contact>div{display:flex;justify-content:space-between;align-items:center}.contact p{font-size:13px;line-height:1.7}.contact .line-link{margin:0;min-width:280px}.contact-name{display:block;font-family:Manrope,sans-serif;font-size:19vw;letter-spacing:-.09em;font-weight:700;margin:90px 0 -5vw;line-height:1}footer{padding:30px var(--pad);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.06em;line-height:1.7;border-top:1px solid var(--line)}footer span:nth-child(2){color:var(--muted)}
/* Project worlds */
#project-view{--project-accent:#d9c593;--surface:#2c1819}.project-nav{display:flex;justify-content:space-between;align-items:center;padding:24px var(--pad);font-size:10px;letter-spacing:.07em;border-bottom:1px solid var(--line)}.project-nav a:hover{color:var(--project-accent)}.project-opening{position:relative;min-height:660px;background:var(--surface);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;padding:65px var(--pad);gap:30px;align-items:center;isolation:isolate}.project-title{position:relative;z-index:3}.project-title h1{font-size:clamp(56px,8.5vw,138px);line-height:1;letter-spacing:-.07em;max-width:800px;margin:28px 0}.project-title .project-headline{font-size:21px;letter-spacing:-.02em;line-height:1.5;max-width:360px}.project-hero-image{height:600px;display:flex;justify-content:center;align-items:center}.project-hero-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 40px #0004);rotate:4deg}.case-arabian-nights .project-hero-image img{object-fit:cover;max-width:460px;rotate:6deg}.case-ecoride .project-hero-image img{height:auto;max-height:500px;rotate:-6deg}.case-show-of-hands .project-hero-image img{width:120%;max-width:none;rotate:7deg}.case-solar-system .project-opening:after{content:'';position:absolute;width:500px;height:500px;right:-5%;top:8%;background:url('assets/editorial/solar-sun-print.webp') center/cover;border-radius:50%;z-index:-1;opacity:.6}.case-solar-system .project-hero-image img{height:620px}.case-elderly-care .project-hero-image img{max-width:290px;height:560px;rotate:6deg}.case-bank-of-baroda .project-hero-image img{height:520px;object-fit:cover;object-position:top;rotate:5deg}.case-hand-sketches .project-hero-image img{max-width:400px}.case-paintings .project-hero-image img{height:440px;object-fit:cover}.project-overview{padding:80px var(--pad) 95px;display:grid;grid-template-columns:1fr 2fr;gap:6vw}.project-overview .project-metadata{display:flex;flex-direction:column;gap:18px;font-size:11px;line-height:1.5}.project-metadata>span{border-bottom:1px solid var(--line);padding-bottom:18px;max-width:250px}.project-deck{font-size:clamp(22px,2.5vw,36px);line-height:1.5;letter-spacing:-.03em;max-width:800px}.chapter-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px}.chapter-links a{font-size:10px;padding-bottom:6px;border-bottom:1px solid var(--line)}.chapter-links a:hover{color:var(--project-accent)}.project-feature{margin:0 var(--pad) 100px}.feature-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.feature-heading h2{font-size:clamp(35px,4vw,65px);letter-spacing:-.05em;line-height:1.15}.feature-heading>p{font-size:12px;line-height:1.7;max-width:320px;color:var(--muted)}.lookbook{display:grid;grid-template-columns:1fr .8fr 1fr;gap:22px;align-items:center}.lookbook figure:nth-child(2){margin-top:120px}.lookbook figure:nth-child(3){margin-top:-60px}.image-button{display:block;position:relative;padding:0;width:100%;text-align:left;overflow:hidden}.image-button:after{content:'VIEW CLOSER ↗';position:absolute;bottom:14px;right:14px;background:#101112dc;color:#eee;padding:10px 13px;font-size:8px;letter-spacing:.08em;opacity:0;transform:translateY(6px);transition:.3s}.image-button:hover:after,.image-button:focus-visible:after{opacity:1;transform:translateY(0)}.image-button img{transition:transform .7s}.image-button:hover img{transform:scale(1.025)}figcaption{font-size:10px;color:var(--muted);line-height:1.7;margin-top:13px}.palette{display:flex;gap:18px;margin-top:40px;align-items:center}.palette-item{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.palette-dot{width:24px;height:24px;border:1px solid #ffffff35;border-radius:50%}.project-chapters{padding:0 var(--pad)}.chapter{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;align-items:start;padding:90px 0;border-top:1px solid var(--line)}.chapter:nth-child(even){grid-template-columns:1.25fr 1fr}.chapter:nth-child(even) .chapter-copy{grid-column:2;grid-row:1}.chapter:nth-child(even) figure{grid-column:1;grid-row:1}.chapter-copy{position:sticky;top:45px}.chapter-number{font-size:10px;letter-spacing:.1em;color:var(--project-accent);display:block;margin-bottom:25px}.chapter h2{font-size:clamp(30px,3.6vw,56px);line-height:1.15;letter-spacing:-.05em;max-width:530px;margin-bottom:25px}.chapter p{font-size:14px;line-height:1.9;color:#b9bab3;max-width:540px;margin-bottom:20px}.chapter figure{width:100%}.chapter figure img{width:100%;max-height:780px;object-fit:contain;background:#191b1c}.chapter-figure-note{display:flex;justify-content:space-between;gap:20px}.chapter-figure-note span{white-space:nowrap;color:var(--project-accent)}.interaction-stage{background:var(--surface);padding:45px}.stage-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.stage-tabs button{padding:10px 18px;border:1px solid #ffffff35;border-radius:30px;font-size:11px}.stage-tabs button[aria-pressed=true]{background:var(--project-accent);color:#151818;border-color:var(--project-accent)}.demo-layout{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:50px}.demo-visual img{width:100%;max-height:540px;object-fit:contain}.demo-copy .micro{color:var(--project-accent)}.demo-copy h3{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:15px 0}.demo-copy p{font-size:13px;line-height:1.8;color:#c4c6bd}.demo-copy .image-open-link{font-size:10px;border-bottom:1px solid var(--line);padding:12px 0;margin-top:15px}.planet-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.planet-pair figure:first-child{grid-column:span 2}.planet-pair img{object-fit:contain;max-height:610px;background:#111}.planet-pair figure:first-child img{max-height:650px}.planet-pair figcaption{color:#d4d2bb}.phone-pair{display:flex;gap:35px;align-items:start;justify-content:center}.phone-pair img{max-height:580px;object-fit:contain;max-width:44%;rotate:-3deg}.phone-pair img:nth-child(2){rotate:5deg;margin-top:65px}.browser-frame{background:#313332;padding:30px 12px 12px;position:relative;border:1px solid #ffffff33;border-radius:8px}.browser-frame:before{content:'● ● ●';position:absolute;top:9px;left:14px;font-size:8px;letter-spacing:3px;color:#a5a69d}.browser-scroll{height:600px;overflow:auto;overscroll-behavior:contain;background:#fff}.browser-scroll img{width:100%;height:auto}.browser-caption{font-size:11px;color:var(--muted);margin-top:14px}.painting-wall{display:grid;grid-template-columns:1.4fr 1fr;gap:8vw;align-items:center}.painting-wall figure:nth-child(2){margin-top:110px}.sketch-controls{margin-bottom:25px}.source-archive{padding:80px var(--pad) 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:6vw;background:#191b1a}.source-archive h2{font-size:42px;line-height:1.15;letter-spacing:-.05em;margin:20px 0}.source-archive p{font-size:13px;line-height:1.8;color:var(--muted);max-width:340px}.source-list button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px 0;border-bottom:1px solid var(--line);gap:20px;text-align:left;font-size:12px;line-height:1.5}.source-list button span{white-space:nowrap;font-size:10px;color:var(--muted)}.source-list button:hover{color:var(--project-accent)}.project-credit{padding:35px var(--pad);font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line)}.next-project{display:block;padding:70px var(--pad);background:var(--surface)}.next-project h2{display:flex;justify-content:space-between;font-size:clamp(35px,7vw,105px);line-height:1.15;letter-spacing:-.065em;margin-top:22px}.next-project:hover h2{color:var(--project-accent)}
/* Original work reader */
dialog{position:fixed;inset:15px;width:calc(100vw - 30px);max-width:none;height:calc(100dvh - 30px);max-height:none;padding:0;margin:0;border:1px solid #555;background:#151717;color:var(--ink);z-index:100}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.viewer-header{padding:20px 30px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.viewer-header h2{font-size:17px;margin-top:5px;letter-spacing:-.025em}.viewer-header .micro{color:var(--accent);font-size:8px}.viewer-header button{font-size:11px}.viewer-header button span{font-size:24px;margin-left:20px}.viewer-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:13px;border-bottom:1px solid var(--line);font-size:11px}.viewer-controls button{padding:7px}.viewer-controls select{background:#303330;color:white;border:1px solid #555;padding:5px;max-width:100px}.viewer-controls a{border-bottom:1px solid var(--line)}#viewer-images{height:calc(100% - 157px);overflow:auto;padding:20px;overscroll-behavior:contain;scrollbar-gutter:stable}#viewer-images img{display:block;max-height:100%;object-fit:contain;width:auto;max-width:100%;margin:0 auto 20px;background:white}#viewer-images.zoomed img{max-height:none;max-width:none;width:1600px}.viewer-error{text-align:center;padding:60px;color:var(--muted)}.reveal{transition:opacity .8s,transform 1s}.js-motion .reveal:not(.revealed){opacity:0;transform:translateY(40px)}@keyframes turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.revealed){opacity:1;transform:none}}
@media(min-width:1800px){:root{--pad:max(6vw,calc((100vw - 1700px)/2))}.opening{max-height:1250px}}
@media(max-width:1000px){.header-description{display:none}.opening{min-height:880px}.opening-title{padding-top:100px}.opening h1{font-size:13.5vw}.art-fashion{top:110px;width:29%;height:45%}.art-digital{left:40%;width:36%;height:24%;bottom:205px}.art-paint{width:26%;height:31%;bottom:180px}.gallery-note{right:6%;bottom:100px;font-size:10px}.note-mark{display:none}.work-intro{grid-template-columns:1fr 2fr}.work-intro>p{grid-column:2}.exhibit{min-height:570px}.exhibit-label h3{font-size:65px}.work-intro h2{font-size:64px}.exhibit-label{left:25px;right:25px}.exhibit-top{left:25px;right:25px}.index-row{grid-template-columns:35px 1fr 160px 30px}.index-category{max-width:130px;line-height:1.5}.about-heading{grid-template-columns:1fr 2fr}.about-composition{gap:7vw}.project-opening{min-height:560px}.project-hero-image{height:450px}.project-title h1{font-size:9vw}.case-solar-system .project-hero-image img{height:470px}.case-bank-of-baroda .project-hero-image img{height:410px}.case-elderly-care .project-hero-image img{height:420px}.chapter{gap:5vw}.demo-layout{gap:25px}.interaction-stage{padding:25px}.demo-copy h3{font-size:23px}.lookbook{gap:14px}.phone-pair{gap:10px}.project-overview{gap:4vw}}
@media(max-width:650px){:root{--pad:6vw}.site-header{height:80px;gap:20px}.wordmark{font-size:12px}nav{gap:18px;font-size:10px}.contact-nav,.header-description{display:none}nav sup{font-size:7px;margin-left:2px}.opening{height:830px;min-height:0;padding-top:23px}.opening-top .micro{font-size:7px;letter-spacing:.09em}.opening-top span:last-child{display:none}.opening-title{padding-top:90px}.opening h1{font-size:15.3vw;line-height:1.05;letter-spacing:-.08em}.floating-gallery{inset:0}.art-fashion{top:51px;right:8%;height:330px;width:42%;rotate:7deg}.art-digital{left:35%;width:58%;height:157px;bottom:178px;rotate:-7deg}.art-paint{left:9%;bottom:275px;width:36%;height:210px;rotate:-10deg}.float-art>span{font-size:6px;bottom:-20px}.gallery-note{display:none}.opening-bottom{bottom:36px;align-items:end;font-size:10px}.scroll-link{font-size:8px;gap:12px}.scroll-link span{width:36px;height:36px;font-size:20px}.work{padding:70px var(--pad)}.work-intro{display:block}.work-intro .micro{font-size:8px}.work-intro h2{font-size:49px;margin-top:25px}.work-intro>p{font-size:11px;margin-top:25px}.filter-bar{gap:8px;margin:35px 0 24px}.filter-bar button{padding:10px 13px;font-size:9px}.filter-bar button sup{font-size:7px;margin-left:5px}.exhibit{min-height:580px;margin-bottom:20px}.exhibit-top{left:20px;right:20px;top:22px;font-size:8px;gap:20px}.exhibit-top span:first-child{max-width:180px;line-height:1.6}.exhibit-label{left:20px;right:20px;bottom:25px;align-items:end}.exhibit-label h3{font-size:46px;line-height:1.06}.exhibit-label p{font-size:10px;max-width:240px;margin-top:12px}.round-arrow{width:40px;height:40px;font-size:22px}.arabian-nights .exhibit-art .main-art{right:22%;width:58%;height:60%;top:11%}.arabian-nights .exhibit-art .support-art{width:43%;height:42%;right:-8%;top:23%}.arabian-nights .exhibit-label{max-width:none}.ecoride .exhibit-art .main-art{width:100%;height:47%;right:-3%;top:13%}.ecoride .exhibit-art:before{left:0;width:300px;height:300px}.show-of-hands .exhibit-art .main-art{width:125%;height:89%;right:-21%;top:0}.show-of-hands .exhibit-label{max-width:none}.show-of-hands .exhibit-label h3{max-width:250px}.solar-system .exhibit-art .main-art{height:62%;width:49%;top:12%;right:27%}.solar-system .exhibit-art .support-art{height:46%;width:70%;top:10%;right:-15%}.bank-of-baroda .exhibit-art .main-art{width:85%;height:55%;top:12%;right:6%}.elderly-care .exhibit-art .main-art{height:53%;width:39%;right:43%;top:13%}.elderly-care .exhibit-art .support-art{height:49%;width:36%;right:9%;top:21%}.wine-tasting .exhibit-art .main-art{width:120%;height:65%;right:-10%;top:4%}.hand-sketches .exhibit-art .main-art{width:65%;height:56%;right:15%;top:12%}.paintings .exhibit-art .main-art{width:88%;height:51%;right:4%;top:13%}.work-index-heading{padding-top:40px;font-size:8px}.index-row{grid-template-columns:24px 1fr 25px;padding:23px 0;gap:10px}.index-row h3{font-size:25px}.index-row .index-category{grid-column:2;grid-row:2;max-width:none;font-size:9px}.index-arrow{grid-column:3;grid-row:1}.index-number{grid-row:1}.hover-preview{display:none}.about{padding:70px var(--pad)}.about-heading{display:block}.about-heading .micro{font-size:8px}.about h2{font-size:59px;margin-top:30px}.about-composition{grid-template-columns:1fr;gap:55px;margin-top:50px}.about-composition figure{width:80%;margin-left:10%}.about-story .large-copy{font-size:23px}.about-story p{font-size:13px}.resume{padding:70px var(--pad)}.resume h2{font-size:47px}.resume-details{grid-template-columns:1fr;margin-top:40px;gap:30px}.resume-details h3{margin-bottom:10px}.contact{padding-top:45px}.contact .micro{font-size:8px}.contact h2{font-size:60px;margin:35px 0}.contact h2 em{text-underline-offset:7px}.contact>div{display:block}.contact .line-link{margin-top:25px}.contact-name{margin-top:55px;font-size:18.5vw}footer{flex-wrap:wrap;font-size:7px;gap:15px}footer span:nth-child(2){display:none}.project-nav{padding:20px var(--pad);font-size:8px}.project-opening{grid-template-columns:1fr;padding:40px var(--pad) 35px;gap:30px}.project-title .micro{font-size:8px}.project-title h1{font-size:17vw;margin:20px 0}.project-title .project-headline{font-size:17px;max-width:280px}.project-hero-image{height:400px;margin-top:10px}.case-arabian-nights .project-hero-image img{max-width:280px}.case-show-of-hands .project-hero-image img{max-width:450px;height:500px}.case-solar-system .project-hero-image img{height:440px}.case-solar-system .project-opening:after{width:400px;height:400px;top:auto;bottom:40px}.case-ecoride .project-hero-image{height:270px}.case-bank-of-baroda .project-hero-image img{height:330px;max-width:320px}.case-bank-of-baroda .project-hero-image{height:360px}.case-elderly-care .project-hero-image img{height:380px}.case-hand-sketches .project-hero-image img{max-width:280px;height:390px}.case-paintings .project-hero-image img{height:280px}.case-paintings .project-hero-image{height:320px}.case-wine-tasting .project-hero-image{height:270px}.project-overview{grid-template-columns:1fr;padding:45px var(--pad) 65px;gap:30px}.project-overview .project-metadata{gap:12px;font-size:9px;flex-direction:row;flex-wrap:wrap}.project-metadata>span{padding-bottom:12px;max-width:none}.project-deck{font-size:23px}.chapter-links{gap:18px}.chapter-links a{font-size:9px}.project-feature{margin-bottom:60px}.feature-heading{display:block}.feature-heading h2{font-size:34px}.feature-heading>p{font-size:11px;margin-top:20px}.lookbook{grid-template-columns:1fr 1fr;gap:14px}.lookbook figure:first-child{grid-column:span 2;width:80%}.lookbook figure:nth-child(2){margin-top:0}.lookbook figure:nth-child(3){margin-top:65px}.palette{gap:15px;flex-wrap:wrap}.palette-item{font-size:9px}.chapter,.chapter:nth-child(even){display:flex;flex-direction:column;padding:50px 0;gap:20px}.chapter-copy{position:static}.chapter h2{font-size:35px}.chapter p{font-size:13px;line-height:1.85}.chapter-number{margin-bottom:18px}.chapter figure img{max-height:650px}.chapter-figure-note{display:block}.chapter-figure-note span{display:none}.interaction-stage{padding:22px 16px}.stage-tabs{gap:7px;margin-bottom:25px}.stage-tabs button{font-size:9px;padding:9px 12px}.demo-layout{grid-template-columns:1fr;gap:25px}.demo-copy h3{font-size:26px}.demo-copy p{font-size:12px}.planet-pair{grid-template-columns:1fr}.planet-pair figure:first-child{grid-column:1}.phone-pair img{max-height:420px}.phone-pair img:nth-child(2){margin-top:40px}.browser-scroll{height:440px}.painting-wall{grid-template-columns:1fr;gap:40px}.painting-wall figure:nth-child(2){width:80%;margin:0 0 0 auto}.source-archive{grid-template-columns:1fr;gap:30px;padding:50px var(--pad)}.source-archive h2{font-size:36px}.source-list button{font-size:11px;padding:20px 0}.source-list button span{font-size:8px}.project-credit{font-size:10px}.next-project{padding:45px var(--pad)}.next-project h2{font-size:43px}dialog{inset:5px;width:calc(100vw - 10px);height:calc(100dvh - 10px)}.viewer-header{padding:16px;align-items:start}.viewer-header h2{font-size:13px;line-height:1.4}.viewer-header button{font-size:0}.viewer-header button span{font-size:27px;margin:0}.viewer-controls{flex-wrap:wrap;gap:10px;font-size:10px;padding:8px}#viewer-images{padding:8px;height:calc(100% - 173px)}#viewer-images.zoomed img{width:1200px}.viewer-controls a{font-size:9px}}
/* Keep the opening statement legible as the artwork moves underneath. */
.opening-title{mix-blend-mode:normal}.opening h1{text-shadow:0 2px 24px #10111233}
.case-arabian-nights{--surface:#360e14!important}.case-arabian-nights .project-opening{background:#360e14}.case-arabian-nights .interaction-stage{background:#281116}
@media(prefers-reduced-motion:no-preference){.project-opening{animation:project-enter .7s cubic-bezier(.2,.7,.2,1) both}.project-hero-image{animation:art-enter 1s cubic-bezier(.2,.7,.2,1) both}@keyframes project-enter{from{opacity:0}to{opacity:1}}@keyframes art-enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}}
body{background:var(--bg);transition:background .55s ease}.project-title h1{color:var(--project-accent)}.source-archive{background:color-mix(in srgb,var(--surface) 65%,#101112)}.chapter-number,.project-nav a{color:var(--project-accent)}
/* Distinct stages for the objects, garments, and experiences. */
.case-arabian-nights .project-opening{display:block;height:820px;padding:0}.case-arabian-nights .project-title{position:static}.case-arabian-nights .project-title .micro{position:absolute;left:var(--pad);top:45px;z-index:5}.case-arabian-nights .project-title h1{position:absolute;bottom:35px;left:var(--pad);font-size:12.5vw;max-width:70%;margin:0;z-index:5;color:#efdbac;line-height:.9;text-shadow:0 4px 40px #260b1580}.case-arabian-nights .project-headline{position:absolute;left:var(--pad);top:98px;width:235px;z-index:5;font-size:18px}.case-arabian-nights .project-hero-image{position:absolute;inset:0;height:100%;display:block;margin:0}.case-arabian-nights .project-hero-image>img:first-child{position:absolute;right:25%;top:7%;width:39%;height:85%;max-width:none;rotate:-5deg;object-fit:cover}.case-arabian-nights .project-hero-image .hero-companion{position:absolute;right:-3%;top:18%;width:30%;height:64%;max-width:none;rotate:7deg;object-fit:cover}.case-ecoride .project-opening{display:flex;flex-direction:column;gap:20px;padding-top:45px;padding-bottom:70px;background:#12383e}.case-ecoride .project-title{width:100%;text-align:center}.case-ecoride .project-title h1{font-size:7.8vw;max-width:none;margin:20px 0 12px}.case-ecoride .project-title .project-headline{margin:auto;max-width:none;font-size:17px}.case-ecoride .project-hero-image{height:390px;width:70%;max-width:980px;transform:perspective(1000px) rotateX(7deg)}.case-ecoride .project-hero-image img{max-height:100%;height:100%;rotate:-3deg}.case-show-of-hands .project-opening{background:#b3cbc1;color:#1e372d}.case-show-of-hands .project-title h1{color:#1e372d}.case-show-of-hands .project-hero-image{height:660px;margin-bottom:-100px}.case-solar-system .project-title h1{font-size:10vw;line-height:.95}.case-wine-tasting .project-opening{display:flex;flex-direction:column;align-items:start;gap:10px;background:#401626}.case-wine-tasting .project-title{width:100%}.case-wine-tasting .project-title h1{font-size:7.5vw;max-width:850px}.case-wine-tasting .project-hero-image{height:auto;width:100%}.case-wine-tasting .project-hero-image img{height:420px;width:100%;object-fit:contain;rotate:0}.case-paintings .project-opening{padding-bottom:100px}.case-elderly-care .project-title h1{font-size:7vw}.case-hand-sketches .project-title h1{font-size:10vw}
@media(min-width:1600px){.case-arabian-nights .project-opening{height:950px}}
@media(max-width:1000px){.case-arabian-nights .project-opening{height:700px}.case-arabian-nights .project-headline{width:190px;font-size:15px}.case-show-of-hands .project-hero-image{height:520px}.case-ecoride .project-hero-image{height:310px;width:86%}.case-wine-tasting .project-hero-image img{height:330px}}
@media(max-width:650px){.case-arabian-nights .project-opening{height:760px;min-height:0}.case-arabian-nights .project-title .micro{top:30px}.case-arabian-nights .project-headline{top:66px;font-size:15px;width:220px}.case-arabian-nights .project-title h1{font-size:22vw;max-width:90%;bottom:40px}.case-arabian-nights .project-hero-image>img:first-child{right:22%;top:20%;width:67%;height:54%;rotate:-6deg}.case-arabian-nights .project-hero-image .hero-companion{right:-12%;top:35%;width:45%;height:38%}.case-ecoride .project-opening{padding-top:35px;padding-bottom:55px;gap:30px;min-height:0}.case-ecoride .project-title h1{font-size:19vw}.case-ecoride .project-title .project-headline{font-size:15px}.case-ecoride .project-hero-image{height:230px;width:100%}.case-show-of-hands .project-hero-image{height:440px;margin-bottom:-60px}.case-show-of-hands .project-hero-image img{height:440px}.case-solar-system .project-title h1{font-size:19vw}.case-wine-tasting .project-title h1{font-size:17vw}.case-wine-tasting .project-hero-image img{height:280px}.case-elderly-care .project-title h1{font-size:16vw}.case-hand-sketches .project-title h1{font-size:20vw}.case-paintings .project-opening{padding-bottom:35px}}

/* LOOM and Bumble — source-led design management studies. */
.management-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:50px 0 0;border-top:1px solid #ffffff28;padding-top:22px;align-items:stretch}.management-index>a,.management-index>div{display:flex;flex-direction:column;align-items:start;gap:10px;font-size:22px;letter-spacing:-.025em;padding:7px 0}.management-index span{font-size:9px;color:#cbbda5;letter-spacing:.07em}.management-index small{font-size:10px;letter-spacing:0;color:#9fa69d}.management-index>div{opacity:.55}.management-index a:hover{color:#d2c6ab}.forthcoming-project{padding:55px 0 20px;border-top:1px solid #ffffff28}.forthcoming-project h2{font-size:45px;letter-spacing:-.055em;margin:25px 0 12px;color:#b8bcb2}.forthcoming-project p{font-size:13px;color:#989e92}.exhibit.loom{background:#071f29;min-height:680px}.loom .exhibit-art .main-art{height:75%;width:84%;right:0;top:4%;object-fit:contain;rotate:0deg;opacity:.8}.loom .exhibit-label h3{color:#65dedc}.exhibit.bumble{background:#302a20;min-height:680px}.bumble .exhibit-art .main-art{width:65%;height:85%;object-fit:cover;right:3%;top:8%;rotate:3deg}.bumble .exhibit-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#302a20 3%,#302a20aa 35%,transparent 70%)}.bumble .exhibit-label h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:110px;color:#eccb83}.case-loom .project-opening,.case-bumble .project-opening{display:block;padding-top:60px;padding-bottom:65px}.case-loom .project-title,.case-bumble .project-title{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:0 50px;margin-bottom:50px}.case-loom .project-title>.micro,.case-bumble .project-title>.micro{grid-column:1/3}.case-loom .project-title h1,.case-bumble .project-title h1{font-size:clamp(80px,13vw,185px);margin-bottom:0}.case-loom .project-headline,.case-bumble .project-headline{font-size:30px;max-width:450px;padding-bottom:9px}.case-loom .project-title h1{color:#65dedc}.case-bumble .project-title h1{color:#eccb83;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}.case-loom .project-hero-image,.case-bumble .project-hero-image{height:auto;max-width:1400px;margin:auto}.case-loom .project-hero-image img,.case-bumble .project-hero-image img{rotate:0deg;filter:none;max-height:750px;object-fit:contain;width:100%;height:auto}.case-bumble .project-hero-image{max-width:1150px}.case-loom .demo-layout,.case-bumble .demo-layout{grid-template-columns:1.7fr 1fr}.case-loom .demo-visual img,.case-bumble .demo-visual img{rotate:0deg;max-height:500px;object-fit:contain}.case-loom .demo-visual,.case-bumble .demo-visual{padding:0}.source-list .source-pdf{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:20px;border-bottom:1px solid #ffffff28;font-size:13px}.source-pdf span{font-size:9px;white-space:nowrap;color:var(--project-accent)}.case-bumble .chapter h2{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;font-size:clamp(38px,4vw,65px)}.case-loom .source-list button,.case-bumble .source-list button{gap:20px}.case-loom .source-list button span,.case-bumble .source-list button span{white-space:nowrap}body{transition:background-color .6s ease}
@media(max-width:760px){.management-index{grid-template-columns:1fr 1fr;gap:23px;margin-top:30px}.management-index>a,.management-index>div{font-size:21px}.management-index small{font-size:9px}.exhibit.loom,.exhibit.bumble{min-height:420px}.loom .exhibit-art .main-art{width:100%;height:60%;right:0;top:11%;object-fit:contain}.bumble .exhibit-art .main-art{width:90%;right:-8%;height:80%;top:8%}.bumble .exhibit-label h3{font-size:68px}.case-loom .project-opening,.case-bumble .project-opening{padding-top:35px;padding-bottom:35px}.case-loom .project-title,.case-bumble .project-title{display:block;margin-bottom:30px}.case-loom .project-title h1,.case-bumble .project-title h1{font-size:22vw;margin:25px 0 20px}.case-loom .project-headline,.case-bumble .project-headline{font-size:23px;max-width:320px}.case-loom .demo-layout,.case-bumble .demo-layout{grid-template-columns:1fr}.case-bumble .chapter h2{font-size:42px}.source-list .source-pdf{font-size:11px}.source-pdf span{font-size:8px}}
@media(prefers-reduced-motion:reduce){body{transition:none}}
/* Starbucks: an academic data story, presented in its original green palette. */
.exhibit.starbucks{background:#073c2d;min-height:690px}.starbucks .exhibit-art .main-art{object-fit:contain;width:78%;height:75%;right:-1%;top:2%;rotate:-3deg;opacity:.95}.starbucks .exhibit-label h3{color:#e5ebd1;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:110px}.starbucks .exhibit-label p{color:#bed2bb}.case-starbucks .project-opening{display:block;padding-top:60px;padding-bottom:60px;background:#073c2d}.case-starbucks .project-title{display:grid;grid-template-columns:1.1fr 1fr;gap:0 45px;align-items:end;margin-bottom:45px}.case-starbucks .project-title>.micro{grid-column:1/3;color:#aac5ad}.case-starbucks .project-title h1{font:500 clamp(80px,12vw,175px)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.045em;color:#e7ecd5;margin:35px 0 0}.case-starbucks .project-headline{font:400 clamp(30px,3.5vw,52px)/1.1 'Cormorant Garamond',Georgia,serif;max-width:450px;color:#d0dfba}.case-starbucks .project-hero-image{height:auto;max-width:1300px;margin:auto}.case-starbucks .project-hero-image img{width:100%;height:auto;max-height:740px;object-fit:contain;rotate:0deg;filter:none;border-radius:20px}.case-starbucks .project-overview{background:#edf1e1;color:#24483b}.case-starbucks .project-metadata{color:#587260}.case-starbucks .project-deck{font-size:clamp(24px,3vw,40px);color:#274b3c}.case-starbucks .chapter-links a{color:#315e48;border-color:#52735955}.case-starbucks .project-feature{padding-top:80px}.case-starbucks .interaction-stage{background:#e7edd9;color:#264c3b}.case-starbucks .demo-layout{grid-template-columns:1.7fr 1fr}.case-starbucks .demo-visual{padding:0}.case-starbucks .demo-visual img{rotate:0deg;width:100%;object-fit:contain;border-radius:12px}.case-starbucks .demo-copy p{color:#4c6b5a}.case-starbucks .image-open-link{color:#2f5d47}.case-starbucks .stage-tabs button{color:#345d48;border-color:#345d4840}.case-starbucks .stage-tabs button[aria-pressed=true]{background:#174b37;color:#f2f4e7;border-color:#174b37}.case-starbucks .chapter h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,66px);line-height:1.06;letter-spacing:-.035em}.case-starbucks .chapter figure img{border-radius:12px}.case-starbucks .project-credit{max-width:1100px;line-height:1.8}
@media(max-width:760px){.exhibit.starbucks{min-height:420px}.starbucks .exhibit-art .main-art{width:100%;height:60%;right:-3%;top:6%}.starbucks .exhibit-label h3{font-size:68px}.case-starbucks .project-opening{padding-top:35px;padding-bottom:35px}.case-starbucks .project-title{display:block;margin-bottom:30px}.case-starbucks .project-title h1{font-size:22vw;margin:25px 0 20px}.case-starbucks .project-headline{font-size:31px;max-width:320px}.case-starbucks .demo-layout{grid-template-columns:1fr}.case-starbucks .project-feature{padding-top:55px}.case-starbucks .chapter h2{font-size:42px}}
.case-starbucks .feature-heading>p,.case-starbucks .demo-copy p,.case-starbucks .chapter p{font-size:16px;line-height:1.75}.case-starbucks .stage-tabs button{font-size:14px}.case-starbucks .project-credit{font-size:14px}.case-starbucks .chapter-figure-note{font-size:13px}