@import url('fonts.css');
:root{--paper:#eae3d2;--sheet:#faf8f2;--ink:#27231f;--muted:#665f54;--rust:#99452e;--green:#4c6152;--line:#29221b29;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Plus Jakarta Sans',Arial,sans-serif;--hand:'Caveat',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.8 var(--sans);background-image:radial-gradient(#75644b12 .8px,transparent .8px);background-size:18px 18px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:6px}::selection{background:#d9b6a3}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4,.hero-title{line-height:1.04;font-family:var(--serif);font-weight:600}h1,.hero-title{font-size:clamp(56px,6.1vw,90px);letter-spacing:-.055em}h2{font-size:clamp(44px,4.5vw,64px);letter-spacing:-.045em}h3{font-size:36px;letter-spacing:-.03em}p{color:var(--muted)}em{font-weight:500}a.text-link{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:13px;font-weight:600;display:inline-flex;gap:24px;align-items:center}.wrap{width:min(1160px,calc(100% - 96px));margin:auto}.eyebrow{font:600 10px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hand{font-family:var(--hand);font-size:27px;line-height:1.3}.rust{color:var(--rust)}.skip-link{position:fixed;top:-80px;left:20px;z-index:9999;background:var(--ink);color:white;padding:10px 20px}.skip-link:focus{top:10px}.nav{height:90px;border-bottom:1px solid var(--line);background:#eae3d2f5;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}.logo{display:flex;align-items:center;gap:10px;font:700 35px var(--serif);color:var(--rust);letter-spacing:-2px}.logo img{width:33px;height:39px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:32px;font-size:12px}.nav-links a{padding:9px 0;position:relative}.nav-links a:hover,.nav-links a[aria-current]{color:var(--rust)}.nav-links a[aria-current]:after{content:'';position:absolute;bottom:0;height:1px;background:var(--rust);left:0;right:0}.nav-contact{font-size:12px;padding:10px 19px;border:1px solid var(--ink);border-radius:3px;display:flex;gap:24px;align-items:center}.nav-contact:hover{background:var(--ink);color:var(--sheet)}.menu-button{display:none;border:0;background:none;width:44px;height:44px;padding:12px}.menu-button span{height:1px;background:var(--ink);display:block;margin:6px 0;transition:transform .2s}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;min-height:660px;align-items:center;gap:70px;padding:58px 0 65px}.hero-copy .eyebrow{display:flex;gap:11px;align-items:center}.hero-copy .eyebrow:before{content:'✦';font-size:17px;color:var(--rust)}.hero .hero-title{color:inherit;margin:25px 0 22px;font-size:clamp(60px,5.6vw,82px);line-height:.98;letter-spacing:-.055em}.hero .hero-title em{color:var(--rust)}.hero-intro{font-size:16px;max-width:490px;line-height:1.85}.hero-intro strong{color:var(--ink);font-weight:600}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:13px 22px;background:var(--rust);color:var(--sheet);font-size:12px;font-weight:600;border:1px solid var(--rust);border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#77331f}.button.secondary{background:transparent;color:var(--ink);border-color:#665f5470}.button.secondary:hover{background:var(--sheet)}.hero-meta{display:flex;gap:17px;margin-top:27px;align-items:center;font-size:10px;letter-spacing:.03em;color:var(--muted)}.hero-meta span+span:before{content:'·';margin-right:17px}.portrait-area{position:relative;padding:15px 36px 0;max-width:440px;justify-self:end;width:100%}.portrait-paper{position:relative;background:#fbfaf6;padding:16px 16px 19px;transform:rotate(3deg);box-shadow:8px 14px 25px #30271a1c;border:1px solid #d4caba}.portrait-paper:before{content:'';position:absolute;width:90px;height:28px;background:#c9c0a98c;top:-14px;left:35%;transform:rotate(-6deg);z-index:1}.portrait-paper img{aspect-ratio:1/1.08;object-fit:cover;filter:sepia(.05);border:1px solid #b6ad9a}.portrait-meta{display:flex;justify-content:space-between;margin-top:15px;align-items:center}.portrait-meta .hand{font-size:23px;color:var(--rust)}.portrait-caption{text-align:center;margin-top:27px;font-size:30px;transform:rotate(-4deg)}.portrait-caption small{display:block;font:500 9px/1.7 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-top:6px;transform:rotate(4deg)}.binder{position:absolute;top:88px;bottom:101px;left:52%;border-left:1px solid #a79b8030;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.binder i{width:28px;height:8px;margin-left:-14px;background:linear-gradient(#d7ccba,#998674);border-radius:7px;box-shadow:1px 3px 3px #2a201526}.compass{position:absolute;width:102px;height:102px;right:-15px;top:0;opacity:.18;transform:rotate(18deg);pointer-events:none}.hero-stamp{position:absolute;bottom:14px;left:-1px;font-size:12px;color:var(--rust);transform:rotate(-9deg);border:1px solid #99452e70;padding:8px 14px;border-radius:3px;letter-spacing:.05em}.page-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;gap:20px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.section{padding:86px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:12px}.section-heading p{max-width:295px;font-size:13px;line-height:1.8}.section-heading h2 em{color:var(--rust)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px 32px}.project{min-width:0}.project-cover{display:block;position:relative;background:#dfd9cb;padding:24px;aspect-ratio:1.35;overflow:hidden;border:1px solid var(--line);border-radius:3px}.project-cover img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.project-cover.sloth{background:#365762;padding:30px}.project-cover.sloth img{object-fit:cover;box-shadow:0 10px 30px #0002}.project-cover.genesis{background:#e3dace;padding:30px 30px 0;display:flex;align-items:flex-start}.project-cover.genesis img{object-fit:cover;object-position:top;height:auto;min-height:100%;box-shadow:0 7px 20px #0002;border:6px solid #f8f6ee;border-radius:6px}.project-cover.kisaan{background:#dce5d6}.project-cover.ads{background:#dcb6a4;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:27px}.project-cover.ads img{object-fit:cover;height:100%;border:6px solid #f7efe4;transform:rotate(-5deg)}.project-cover.ads img+img{transform:rotate(5deg) translateY(15px)}.project-arrow{position:absolute;right:18px;bottom:18px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #fff7;border-radius:50%;background:var(--sheet);color:var(--ink);font-size:22px}.project-type{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-top:20px;color:var(--muted)}.project-type .client{color:#365942}.project h3{margin:11px 0;font-size:35px}.project p{max-width:460px;font-size:13px;line-height:1.9}.project h3 a:hover{color:var(--rust)}.project .text-link{margin-top:16px}.about-band{background:var(--sheet);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:110px}.about-title h2{margin:14px 0 25px}.about-title .hand{max-width:240px;transform:rotate(-4deg);color:var(--rust)}.about-copy>p{font-size:15px;line-height:2;margin-bottom:18px}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:23px 34px;margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}.capabilities h3{font:600 12px var(--sans);margin:0 0 9px}.capabilities p{font-size:12px;line-height:1.85}.tools{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}.tools span{font-size:10px;border:1px solid var(--line);padding:5px 13px;border-radius:30px}.experience-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:88px}.experience-list{margin-top:35px}.experience-item{padding:24px 0;border-top:1px solid var(--line)}.experience-item .eyebrow{font-size:9px;letter-spacing:.09em}.experience-item h3{font:600 17px var(--sans);margin:11px 0 7px}.experience-item p{font-size:12px}.experience-item .role{margin-bottom:12px;color:var(--ink);font-size:12px}.education{border-left:1px solid var(--line);padding-left:45px}.education .experience-item h3{font:600 24px/1.2 var(--serif)}.photo-section{padding-top:20px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.photo-card{padding:13px 13px 17px;background:var(--sheet);border:1px solid #ddd4c4;box-shadow:2px 6px 12px #3b2d1510;transform:rotate(-2deg);transition:transform .2s}.photo-card:nth-child(2){transform:rotate(2deg)}.photo-card:nth-child(3){transform:rotate(-1deg)}.photo-card img{width:100%;aspect-ratio:4/4.7;object-fit:cover}.photo-card figcaption{font:24px var(--hand);margin-top:12px;text-align:center}.photo-note{margin:30px 0 0;text-align:center;font-size:12px}.contact{padding:75px 0 65px;background:#dcd4bf;border-top:1px solid var(--line);position:relative}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.contact h2{font-size:65px;margin:14px 0 18px}.contact p{font-size:13px;max-width:420px}.contact-card{background:var(--sheet);border:1px solid #c7bda6;padding:35px;box-shadow:7px 7px 0 #cfc5ac;position:relative;transform:rotate(-1deg)}.contact-card:before{content:'✉';position:absolute;right:27px;top:18px;font-size:28px;color:var(--rust)}.contact-card .email{display:inline-block;font-size:clamp(13px,1.45vw,18px);margin:20px 0 18px;color:var(--rust);font-weight:600;border-bottom:1px solid var(--rust)}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:11px}.copy-email{font-size:10px;color:var(--muted);padding:5px 0;border:none;border-bottom:1px solid var(--line);background:none}.footer{padding:21px 0;background:var(--paper)}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.footer-links{display:flex;gap:22px}.footer a:hover{color:var(--rust)}.status{min-height:20px;font-size:11px;margin-top:10px;color:var(--green)}
/* Project journal */
.case-hero{padding:50px 0 52px}.back{font-size:11px;display:inline-block;margin-bottom:36px;color:var(--muted)}.case-title-row{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:end}.case-title-row h1{font-size:75px;margin:17px 0 16px}.case-subtitle{font-family:var(--hand);font-size:29px;color:var(--rust)}.case-intro{font-size:14px;line-height:1.95}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:34px}.case-facts dt{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.case-facts dd{margin:0;font-size:12px;line-height:1.8}.case-banner{background:#d9d2c3;border:1px solid var(--line);padding:38px;max-height:680px;overflow:hidden}.case-banner img{width:100%;max-height:590px;object-fit:contain}.case-banner.sloth{background:#365762}.case-banner.kisaan{background:#e5ebde}.case-banner.genesis{padding:35px 8% 0}.case-banner.genesis img{object-fit:cover;object-position:top;max-height:none}.case-nav{border-bottom:1px solid var(--line);padding:18px 0;display:flex;flex-wrap:wrap;gap:25px;margin-bottom:60px;font-size:11px}.case-nav a:hover{color:var(--rust)}.case-section{display:grid;grid-template-columns:230px 1fr;gap:62px;padding:0 0 65px}.case-section+.case-section{border-top:1px solid var(--line);padding-top:50px}.case-section h2{font-size:36px;margin-top:12px;letter-spacing:-.025em}.case-prose p{margin-bottom:18px;font-size:14px;line-height:1.95}.case-prose h3{font-size:28px;margin:30px 0 12px}.case-prose ul{padding-left:20px;color:var(--muted);font-size:14px}.case-prose li{margin-bottom:10px}.note{border-left:2px solid var(--rust);padding:15px 22px;background:#faf8f27d;font-size:12px;margin:25px 0;color:var(--muted)}.note strong{display:block;color:var(--ink);margin-bottom:5px}.artifact{margin:27px 0}.artifact button{border:1px solid var(--line);background:var(--sheet);padding:20px;width:100%;position:relative}.artifact button:after{content:'↗ Expand image';position:absolute;bottom:10px;right:12px;background:var(--sheet);padding:3px 9px;font-size:9px;border:1px solid var(--line)}.artifact img{width:100%;max-height:600px;object-fit:contain}.artifact figcaption{font-size:11px;color:var(--muted);line-height:1.7;margin:12px 0}.artifact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.artifact-grid .artifact{margin:12px 0}.artifact-grid .artifact img{aspect-ratio:1.2;object-fit:contain}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.screens .artifact img{aspect-ratio:auto;max-height:470px}.screens .artifact button{padding:8px 8px 35px}.swatches{display:flex;gap:10px;margin:24px 0}.swatch{flex:1;height:90px;padding:15px;display:flex;align-items:end;border:1px solid var(--line);font-size:10px}.next-project{border-top:1px solid var(--line);padding:40px 0 60px;display:flex;justify-content:space-between;align-items:center}.next-project h2{font-size:42px;margin-top:9px}.next-project>a{font-size:35px;border:1px solid var(--ink);border-radius:50%;width:63px;height:63px;display:grid;place-items:center}.gallery-intro{padding:60px 0 40px;max-width:780px}.gallery-intro h1{margin:17px 0 22px}.gallery-intro p{font-size:14px}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-bottom:70px}.art-grid figure{background:var(--sheet);padding:17px;border:1px solid var(--line)}.art-grid button{background:transparent;padding:0;border:0;width:100%}.art-grid img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#e9e4d9}.art-grid figcaption{padding:18px 6px 10px}.art-grid h2{font-size:32px;margin:8px 0 10px}.art-grid p{font-size:12px}.lightbox{border:1px solid var(--line);padding:50px 24px 24px;background:var(--sheet);max-width:min(95vw,1200px);max-height:94vh;width:fit-content}.lightbox::backdrop{background:#17120ee6}.lightbox img{max-height:74vh;width:auto;object-fit:contain;margin:auto}.lightbox p{font-size:12px;text-align:center;margin-top:12px}.lightbox-close{position:absolute;right:13px;top:9px;border:1px solid var(--line);background:var(--sheet);padding:3px 12px;font-size:12px}.not-found{padding:100px 0;text-align:center}.not-found p{margin:24px auto;max-width:420px}
@media(min-width:1450px){.hero{min-height:715px}.hero .hero-title{font-size:88px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:45px;min-height:620px}.hero .hero-title{font-size:65px}.portrait-area{padding:15px 17px 0}.hero-stamp{left:0}.binder{left:53%}.nav-links{gap:20px}.about-layout{gap:55px}.experience-grid{gap:45px}.contact-layout{gap:35px}.case-section{grid-template-columns:180px 1fr;gap:30px}.case-title-row{gap:40px}.case-title-row h1{font-size:65px}}
@media(max-width:760px){html{scroll-padding-top:92px}.wrap{width:calc(100% - 40px)}.nav{height:74px}.nav-inner{gap:15px}.logo{font-size:32px}.logo img{height:33px;width:28px}.nav-contact{margin-left:auto;padding:7px 13px;font-size:10px;gap:12px}.menu-button{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:73px;background:var(--paper);padding:22px 28px 30px;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #221c1810;gap:8px}.nav-links.open{display:flex;flex-direction:column;align-items:stretch}.nav-links a{font:600 27px var(--serif);padding:12px 0;border-bottom:1px solid var(--line)}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{grid-template-columns:1fr;gap:35px;padding:44px 0 34px}.hero .hero-title{font-size:clamp(55px,11vw,76px);margin:22px 0}.hero-copy .eyebrow{font-size:9px;letter-spacing:.12em}.hero-intro{font-size:14px;max-width:510px}.hero-buttons{margin-top:24px;gap:10px}.button{font-size:11px;padding:12px 17px;gap:17px}.hero-meta{font-size:9px;gap:12px;margin-top:20px}.hero-meta span+span:before{margin-right:12px}.binder{display:none}.portrait-area{max-width:310px;justify-self:center;padding:20px 28px 0;margin-top:5px}.portrait-caption{font-size:27px;margin-top:21px}.portrait-paper{padding:12px}.portrait-meta{margin-top:10px}.portrait-meta .eyebrow{font-size:8px}.portrait-meta .hand{font-size:21px}.hero-stamp{bottom:40px;left:-21px;font-size:9px;padding:6px 10px}.compass{right:-20px;width:80px}.page-line{font-size:8px;letter-spacing:.07em}.section{padding:57px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:46px}.section-heading p{margin-top:16px;max-width:100%;font-size:12px}.section-heading .text-link{margin-top:18px}.work-grid{grid-template-columns:1fr;gap:38px}.project-cover{aspect-ratio:1.3}.project h3{font-size:33px}.project-type{font-size:8px}.project p{font-size:12px}.about-layout{grid-template-columns:1fr;gap:35px}.about-title .hand{max-width:100%;font-size:26px}.about-copy>p{font-size:13px}.about-title h2{font-size:47px}.capabilities{gap:24px}.experience-grid{grid-template-columns:1fr;gap:40px}.experience-grid h2{font-size:46px}.education{border-left:0;padding-left:0}.photo-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.photo-card{padding:8px}.photo-card:nth-child(3){display:none}.photo-card figcaption{font-size:22px}.photo-note{font-size:11px}.contact{padding:50px 0}.contact-layout{grid-template-columns:1fr;gap:34px}.contact h2{font-size:55px}.contact-card{padding:27px;transform:rotate(0)}.contact-card .email{font-size:15px}.footer-inner{font-size:9px;gap:15px;align-items:start}.footer-links{gap:12px}.case-hero{padding:30px 0}.back{margin-bottom:27px}.case-title-row{grid-template-columns:1fr;gap:23px}.case-title-row h1{font-size:61px}.case-subtitle{font-size:27px}.case-intro{font-size:13px}.case-facts{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.case-facts dd{font-size:11px}.case-banner{padding:18px;max-height:420px}.case-banner.genesis{padding:20px 20px 0}.case-nav{gap:15px;font-size:10px;margin-bottom:35px}.case-section{grid-template-columns:1fr;gap:22px;padding-bottom:36px}.case-section+.case-section{padding-top:33px}.case-section h2{font-size:37px;margin-top:7px}.case-prose p,.case-prose li{font-size:13px}.artifact-grid{gap:12px}.artifact button{padding:10px 10px 35px}.artifact figcaption{font-size:10px}.artifact-grid .artifact img{aspect-ratio:1}.screens{grid-template-columns:1fr 1fr;gap:12px}.screens .artifact:last-child{grid-column:1/-1;width:50%;justify-self:center}.next-project h2{font-size:32px}.next-project>a{width:45px;height:45px;font-size:25px}.art-grid{grid-template-columns:1fr;gap:24px}.gallery-intro{padding:40px 0 30px}.gallery-intro h1{font-size:55px}.gallery-intro p{font-size:13px}.lightbox{padding:45px 12px 15px;max-width:96vw}.swatch{padding:10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-property:color,background-color,border-color,opacity!important;transition-duration:.15s!important;transition-delay:0s!important}}
@media(max-width:380px){.compass{right:0}.hero-stamp{left:-4px}.hero .hero-title{font-size:52px}.hero-meta{font-size:8px}.case-title-row h1{font-size:53px}.contact-card{padding:22px}.contact-card .email{font-size:13px}}