:root{--paper:#fafaf6;--ink:#171a19;--muted:#62665f;--accent:#f8cf43;--yellow:#f8cf43;--pink:#f28aba;--blue:#5375e4;--mint:#93cfb0;--border:#cfd2c9;--display:'Barlow Condensed',Impact,sans-serif;--hand:'Caveat',cursive;--body:'DM Sans',sans-serif;--mono:'Space Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(0deg,transparent,transparent 30px,#a5ae9d14 30px,#a5ae9d14 31px);font-family:var(--body);overflow-x:clip}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--accent);color:var(--ink)}img{max-width:100%;display:block}button{color:inherit}.mono{font:12px var(--mono);letter-spacing:.04em;text-transform:uppercase}.hand{font-family:var(--hand)}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:var(--accent);padding:15px}.skip:focus{top:15px}.progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:100;width:0}header{height:75px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 3%;background:#fafaf6f2;backdrop-filter:blur(12px);border-bottom:1px solid #cfd2c980}.small-logo{font-family:var(--display);font-size:29px;font-weight:800;letter-spacing:-.05em;line-height:1;white-space:nowrap}.small-logo sup{font:10px var(--mono);color:var(--muted)}.main-nav{display:flex;align-items:center;gap:4px;margin-right:auto}.main-nav a{font:12px var(--mono);text-transform:uppercase;padding:12px 13px;border:1px solid transparent;position:relative}.main-nav a:hover{background:#eceee8}.main-nav a[aria-current=page]{background:var(--accent);border-color:#1a1a1a30}.main-nav a::before{content:'✦';font-size:11px;margin-right:7px}.nav-right{display:flex;align-items:center;gap:18px}.palette{display:flex;gap:7px}.palette button{width:14px;height:14px;border-radius:50%;border:1px solid #1a1a1a30;padding:0;background:var(--swatch)}.palette button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.nav-contact{font:12px var(--mono);border:1px solid var(--ink);padding:9px 12px;box-shadow:2px 2px 0 #171a1940;background:var(--paper);text-transform:uppercase}.nav-contact:hover{background:var(--accent)}.menu-toggle{display:none}.mobile-menu{display:none}main{max-width:1440px;margin:auto}section{padding:75px 6%}.section-note{font:25px var(--hand);margin:0 0 18px}.eyebrow{font:12px var(--mono);text-transform:uppercase;letter-spacing:.05em}.display{font:800 clamp(58px,7.8vw,112px)/.95 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:16px 0 22px}.display em{font:inherit;font-style:normal;background:var(--accent);padding:0 .1em}.section-title{font:800 clamp(43px,5vw,74px)/.96 var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:0 0 22px}.section-title em{font-style:normal}.title-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.title-row p{max-width:350px;font-size:16px;line-height:1.7;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:13px 20px;font:12px var(--mono);text-transform:uppercase;gap:8px;box-shadow:3px 3px 0 #6b6d6540;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #6b6d6540}.btn.yellow{background:var(--accent);color:var(--ink)}.btn.plain{background:transparent;color:var(--ink);box-shadow:none}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:4px;display:inline-block}.sticker{display:inline-block;padding:8px 13px;background:var(--yellow);font:22px var(--hand);transform:rotate(-3deg);box-shadow:2px 3px 1px #171a1915}.sticker.pink{background:var(--pink);transform:rotate(3deg)}.sticker.mint{background:var(--mint);transform:rotate(-2deg)}.sticker.blue{background:#d4dffb;transform:rotate(2deg)}.stamp{display:inline-block;background:var(--paper);border:1px solid #979c92;padding:3px 13px;font:27px var(--hand);transform:rotate(-3deg);box-shadow:2px 2px 0 #969e9330}.taped{position:relative}.taped:before,.taped:after{content:'';position:absolute;width:65px;height:20px;background:#d1d7dea0;top:-8px;z-index:3;transform:rotate(-28deg);box-shadow:0 1px 2px #2c33491a}.taped:before{left:-13px}.taped:after{right:-13px;transform:rotate(28deg)}.polaroid{padding:10px 10px 35px;background:#fff;border:1px solid #d6d8ce;box-shadow:5px 8px 16px #18221d15;position:relative}.polaroid img{width:100%;height:100%;object-fit:cover}.polaroid .caption{position:absolute;bottom:6px;left:10px;right:10px;font:19px var(--hand);text-align:center}.home-hero{min-height:610px;padding:72px 6% 55px;text-align:center;position:relative}.hero-center{max-width:780px;margin:auto;position:relative;z-index:2}.hero-center .section-note{font-size:24px;margin-bottom:12px}.name-frame{display:inline-block;position:relative;border:1px solid #969e93;padding:10px 27px;transform:rotate(-2deg);margin:0 0 20px}.name-frame h1{font:800 clamp(98px,14vw,175px)/.85 var(--display);letter-spacing:-.045em;margin:0}.name-frame:before,.name-frame:after{content:'';height:7px;width:7px;border:1px solid #5970ba;background:#e2e7f4;position:absolute;top:-4px;left:-4px}.name-frame:after{left:auto;right:-4px;top:auto;bottom:-4px}.hero-labels{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:0 0 30px}.hero-labels .sticker{font-size:18px;padding:6px 13px}.hero-center h2{font-size:clamp(23px,3vw,38px);line-height:1.25;letter-spacing:-.045em;max-width:590px;margin:25px auto 15px;font-weight:600}.hero-center h2 .highlight{background:var(--accent);padding:0 6px;display:inline-block;transform:rotate(-2deg)}.hero-center>p{font:22px/1.3 var(--hand);max-width:390px;margin:0 auto 26px}.hero-corner{position:absolute;width:150px;height:175px;top:165px;left:7%;transform:rotate(-10deg)}.hero-corner.right{left:auto;right:7%;top:220px;transform:rotate(10deg)}.hero-corner .polaroid{height:100%;padding-bottom:28px}.hero-corner.right img{object-fit:cover}.hero-corner .caption{font-size:16px}.hero-availability{font:12px var(--mono);color:var(--muted);margin-top:28px}.hero-availability a{border-bottom:1px dashed #73796c}.brand-strip{padding:25px 6%;text-align:center;border-block:1px solid #d4d8cc}.brand-strip .section-note{font-size:21px;margin:0 0 15px}.brand-list{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.brand-list span{padding:6px 13px;background:#d9e8de;font-weight:600;font-size:14px;transform:rotate(-2deg)}.brand-list span:nth-child(2n){background:#f4dfa7;transform:rotate(2deg)}.brand-list span:nth-child(3n){background:#e2dbed}.intro-scrap{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:60px;align-items:center}.intro-scrap .polaroid{transform:rotate(-7deg);height:290px;max-width:250px}.intro-scrap .side-note{transform:rotate(5deg);background:#fff1b8;padding:23px;font:24px/1.15 var(--hand)}.intro-copy{text-align:center}.intro-copy h2{margin:0 0 22px}.intro-copy p{font:27px/1.3 var(--hand);margin:0 0 25px}.skill-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.skill-labels .sticker{font:13px var(--mono);padding:11px 14px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 27px}.work-grid.featured{grid-template-columns:repeat(2,1fr)}.work-grid.featured .card:first-child{grid-column:1/-1}.card{display:block;position:relative;transition:transform .3s;padding-top:24px;align-self:start}.card[hidden]{display:none}.card:hover{transform:translateY(-6px) rotate(-.5deg)}.folder-tab{position:absolute;top:0;left:0;padding:8px 25px 8px 15px;background:var(--ink);color:var(--paper);font:10px var(--mono);clip-path:polygon(0 0,84% 0,100% 100%,0 100%);width:180px;height:29px}.card:nth-child(2n) .folder-tab{background:var(--accent);color:var(--ink)}.card-visual{height:275px;position:relative;background:#e8ece4;border:8px solid #fff;outline:1px solid #cdd1c7;box-shadow:3px 4px 0 #d8ddd0;overflow:hidden}.card-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.card:hover .card-visual>img{transform:scale(1.035)}.featured .card-visual{height:350px}.featured .card:first-child .card-visual{height:450px}.card-label{position:absolute;top:12px;left:10px;right:10px;font:11px var(--mono);width:max-content;max-width:calc(100% - 20px);background:#fafaf6ed;padding:6px 9px}.brand-mark{position:absolute;bottom:12px;left:12px;background:white;padding:10px 14px;max-width:180px;box-shadow:1px 2px 2px #171a1910}.brand-mark.dark{background:var(--ink)}.brand-mark img{width:125px;height:32px;object-fit:contain}.brand-name{position:absolute;bottom:12px;left:12px;background:#fafaf6ee;padding:10px 14px;font-size:17px;letter-spacing:-.035em;font-weight:700;max-width:calc(100% - 24px)}.card-text{padding:19px 1px 0}.card-text h3{font:700 30px/1 var(--display);text-transform:uppercase;margin:0 0 10px}.card-text p{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 17px}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 17px}.project-tags span{font:11px var(--mono);padding:5px 8px;background:#dbe7d9}.project-tags span:nth-child(2n){background:#e6dcf0}.card-meta{display:flex;justify-content:space-between;gap:12px;border-top:1px dashed #b8c0b0;padding-top:12px;font:11px var(--mono);color:var(--muted)}.archive-link{display:inline-block;font-size:14px;margin-top:30px;border-bottom:1px solid var(--ink);padding-bottom:6px}.page-intro{padding-top:60px;padding-bottom:45px}.page-intro p{font-size:18px;line-height:1.8;max-width:720px;color:var(--muted)}.page-intro .display{max-width:1100px}.page-content{padding-top:10px}.archive-controls{display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr .8fr;gap:15px;padding:20px;background:#edf0e5;border:1px solid #ced4c3}.archive-controls label{font:11px var(--mono);margin-bottom:10px;text-transform:uppercase}.archive-controls input,.archive-controls select{font-size:14px;padding:13px 10px;margin:0;background:#fff;border:1px solid #bfc7b5}.archive-status{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:22px 0 36px}.archive-status p{margin:0 auto 0 0}.filter{font:11px var(--mono);padding:10px 13px;border:1px solid #aab59d;background:transparent;box-shadow:2px 2px 0 #d2d8c5}.cover-toggle{display:flex;align-items:center;gap:7px;font:12px var(--mono);margin:0}.cover-toggle input{width:16px;margin:0;accent-color:var(--ink)}.brand-mode .card-visual{display:grid;place-items:center;background:#e9e9dd}.brand-mode .card-visual>img{opacity:0}.brand-mode .brand-mark{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);padding:25px}.brand-mode .brand-name{top:50%;bottom:auto;left:10%;right:10%;transform:translateY(-50%);text-align:center}.brand-mode .card-label{z-index:2}#no-results{padding:55px 0}.about-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:100px;align-items:center}.about-intro .polaroid{height:425px;transform:rotate(5deg);max-width:380px;margin:auto}.about-intro .hand-copy{font:28px/1.3 var(--hand);max-width:610px}.about-intro p{font-size:17px;line-height:1.8;color:var(--muted)}.ruled-content{display:grid;grid-template-columns:1fr 2fr;gap:65px;border-top:1px solid #ced4c3;padding-top:30px}.margin-note{align-self:start;background:#fff2b8;padding:23px;transform:rotate(-3deg);font:27px/1.2 var(--hand)}.reading p{font-size:18px;line-height:1.85;color:var(--muted)}.reading h2{font:700 44px/1 var(--display);text-transform:uppercase;margin:12px 0 18px}.career{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.career>div{border-top:1px dashed #aeb79f;padding-top:18px}.career strong{display:block;font:700 29px var(--display);margin:8px 0}.career p{font-size:14px;line-height:1.6;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:32px 0}.stat{background:#dce5f7;padding:22px;transform:rotate(-2deg)}.stat:nth-child(2){background:#fff0b9;transform:rotate(2deg)}.stat:nth-child(3){background:#d7e9d9;transform:rotate(-1deg)}.stat:nth-child(4){background:#f3d5e4;transform:rotate(2deg)}.stat strong{font:700 43px var(--display);display:block}.stat span{font:13px var(--mono)}.case-header{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:80px;padding:55px 6%}.case-header .display{font-size:clamp(55px,7vw,98px);margin:20px 0}.case-header p{max-width:550px;font-size:18px;line-height:1.65;color:var(--muted)}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fact{background:#dbe3f6;padding:15px 18px;transform:rotate(-2deg)}.fact:nth-child(2){background:#f9e7a9;transform:rotate(2deg)}.fact:nth-child(3){background:#d2e6d8;transform:rotate(1deg)}.fact:nth-child(4){background:#f4d8e4;transform:rotate(-2deg)}.fact strong{font:11px var(--mono);text-transform:uppercase;display:block;margin-bottom:8px}.fact span{font-size:15px;line-height:1.6;display:block}.case-image-wrap{margin:12px 6% 0;position:relative;padding:10px;background:white;border:1px solid #ccd1c4;box-shadow:4px 6px 0 #dce1d4}.case-image-wrap:before,.case-image-wrap:after{content:'';width:80px;height:24px;background:#cdd5e0ab;position:absolute;left:-20px;top:0;transform:rotate(-25deg);z-index:3}.case-image-wrap:after{left:auto;right:-20px;transform:rotate(25deg)}.case-hero{height:550px;position:relative;background:#e7e9df;overflow:hidden}.case-hero>img{height:100%;width:100%;object-fit:cover}.case-hero .brand-mark{bottom:20px;left:20px;padding:16px 20px;max-width:250px}.case-hero .brand-mark img{width:170px;height:45px}.case-credit{font-size:12px;color:var(--muted);padding:15px 6%;line-height:1.6}.case-credit a{border-bottom:1px solid #a0ab91}.case-content{display:grid;grid-template-columns:1fr 2fr;gap:65px;padding-top:45px}.case-index{position:sticky;top:105px;align-self:start;display:flex;flex-direction:column;gap:10px;max-width:230px}.case-index a{padding:12px 15px;background:#f5e3a6;font:12px var(--mono);transform:rotate(-2deg);border:1px solid #c5b56e}.case-index a:nth-child(2){background:#d9e4f7;transform:rotate(2deg);border-color:#a3b3cf}.case-index a:nth-child(3){background:#dfecd8;transform:rotate(-1deg);border-color:#a3b598}.case-index a:nth-child(4){background:#f3d7e2;border-color:#caaaaf;transform:rotate(1deg)}.case-article h2{font:700 46px/1 var(--display);text-transform:uppercase;margin:0 0 18px}.case-article h3{font:600 30px/1.1 var(--display);text-transform:uppercase}.case-article p{font-size:18px;line-height:1.85;color:var(--muted)}.case-block{padding-bottom:45px;margin-bottom:35px;border-bottom:1px dashed #c5cbbf}.deliverable-list{list-style:none;padding:0;margin:25px 0}.deliverable-list li{font-size:17px;line-height:1.7;padding:14px 0;border-bottom:1px solid #dae0d1;display:flex;gap:15px}.deliverable-list li:before{content:'✦';color:#a58214;font-size:18px}.takeaway{background:#fff0b9;padding:25px 28px;transform:rotate(-1deg);font:29px/1.25 var(--hand);box-shadow:3px 5px 1px #171a1910}.project-next{display:flex;justify-content:space-between;gap:20px;border-top:1px dashed #c1c8b8;padding-top:25px;margin-top:25px}.project-next a{font:13px var(--mono)}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.service-card{display:block;padding:30px;background:#f4e3ad;border:1px solid #ddcb96;position:relative;box-shadow:4px 5px 0 #e2decf;transition:transform .25s}.service-card:hover{transform:rotate(-1deg) translateY(-4px)}.service-card:nth-child(2n){background:#dce5f8;border-color:#c8d5eb}.service-card:nth-child(3n){background:#dceadb;border-color:#c5d8c0}.service-card:nth-child(4n){background:#f4dbe7;border-color:#e4c6d4}.service-card h2{font:700 41px/1 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:18px 0}.service-card p{font-size:16px;line-height:1.7;color:#4c534b}.service-card .service-link{font:12px var(--mono);border-bottom:1px solid;padding-bottom:3px}.service-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;padding-top:10px}.service-layout h2{font:700 44px/1 var(--display);text-transform:uppercase;margin:0 0 20px}.service-layout p{font-size:18px;line-height:1.85;color:var(--muted)}.quote-sheet{max-width:900px;margin:30px auto;padding:30px 45px;background:#f4e3ab;transform:rotate(-1deg);border:1px solid #e1d29e}.quote-sheet blockquote{font:30px/1.3 var(--hand);margin:0 0 15px}.quote-sheet p{font:12px var(--mono);margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.process-card{border-top:1px solid #a9b598;padding:22px 0}.process-card>span{font:40px var(--hand)}.process-card h3{font:700 30px var(--display);text-transform:uppercase;margin:12px 0}.process-card p{font-size:15px;line-height:1.7;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}details{padding:22px 0;border-top:1px solid #bcc5b1}details:last-child{border-bottom:1px solid #bcc5b1}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:17px;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:24px var(--hand)}details[open] summary:after{content:'−'}details p{font-size:16px;line-height:1.8;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:95px;align-items:start;padding-top:20px}.contact-info{position:relative}.contact-info .section-note{font-size:27px}.contact-info h1{font:800 90px/.95 var(--display);text-transform:uppercase;margin:20px 0}.contact-info p{font:27px/1.3 var(--hand);max-width:420px}.contact-email{font-size:24px;margin:27px 0 14px;display:inline-block;border-bottom:1px solid #97a287}.contact-phone{display:block;font-size:16px}.contact-links{display:flex;gap:22px;flex-wrap:wrap;font:12px var(--mono);margin-top:25px}.contact-links a{border-bottom:1px solid #a9b499;padding-bottom:3px}.contact-note{margin-top:38px;max-width:330px;background:#dce8dc;padding:22px;font:23px/1.3 var(--hand);transform:rotate(-3deg)}form{background:#fff1bf;padding:35px;border:1px solid #ddd1a1;box-shadow:6px 6px 1px #cdd2c040;position:relative;transform:rotate(1deg)}label{display:block;font-size:14px;font-weight:500;margin:0 0 9px}input,select,textarea{width:100%;border:1px solid #c9c7ad;background:#fff9e3;padding:12px 14px;margin-bottom:22px;font-size:16px;color:var(--ink);border-radius:0}textarea{min-height:130px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}form small{font-size:12px;line-height:1.6;color:#686650;display:block;margin-top:18px}form .btn{width:100%}.form-heading{font:31px var(--hand);margin:0 0 25px}footer{max-width:1440px;margin:auto;padding:35px 6%;border-top:1px solid #cfd6c4;display:flex;justify-content:space-between;align-items:center;gap:25px;font:12px var(--mono)}footer p{font-size:11px;line-height:1.8;color:var(--muted)}.footer-nav{display:flex;gap:20px;flex-wrap:wrap}.lets-talk{text-align:center;padding:75px 6%;position:relative}.lets-talk .smile{font-family:Arial,sans-serif;font-size:80px;line-height:1;background:var(--accent);border:2px solid var(--ink);border-radius:50%;width:98px;height:98px;display:grid;place-items:center;margin:0 auto 25px;transform:rotate(-8deg)}.lets-talk h2{font:800 66px/.95 var(--display);text-transform:uppercase;margin:0 0 15px}.lets-talk p{font:24px/1.3 var(--hand);margin:0 auto 23px;max-width:420px}.lets-talk .section-note{margin:0 0 12px}.reveal{opacity:1}.js .reveal{opacity:0;transition:opacity .65s,transform .65s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1}.hero-center{animation:paper-in .9s both}.hero-corner{animation:float-in 1.2s both}.hero-corner.right{animation-delay:.15s}.case-image-wrap img{transition:transform .7s}.case-image-wrap:hover .case-hero>img{transform:scale(1.02)}@keyframes paper-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes float-in{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}@media(min-width:1600px){header{padding-inline:calc((100vw - 1440px)/2 + 3%)}.home-hero{min-height:640px}}@media(max-width:1100px){.hero-corner{width:120px;height:145px;left:4%}.hero-corner.right{right:4%}.hero-center{max-width:600px}.intro-scrap{gap:35px;grid-template-columns:1fr 2fr 1fr}.main-nav a{padding:11px 9px;font-size:11px}.nav-right{gap:12px}.card-visual{height:245px}.case-header{gap:40px}.contact-layout{gap:55px}.archive-controls{grid-template-columns:1.5fr 1fr 1fr}.archive-search{grid-column:1/-1}.about-intro{gap:55px}.work-grid{gap:28px 22px}}
@media(max-width:820px){.main-nav{display:none}.menu-toggle{display:block;border:1px solid #a4af98;background:transparent;font:11px var(--mono);padding:9px 10px;margin-left:auto}.mobile-menu.open{display:flex;position:fixed;top:75px;left:0;right:0;z-index:45;background:var(--paper);padding:23px 6%;gap:20px;border-bottom:1px solid #bdc7b0;flex-wrap:wrap;font:12px var(--mono);text-transform:uppercase}.hero-corner{display:none}.home-hero{min-height:580px}.hero-center{max-width:100%}.intro-scrap{grid-template-columns:1fr 2fr;gap:35px}.intro-scrap .side-note{display:none}.work-grid{grid-template-columns:repeat(2,1fr)}.about-intro{grid-template-columns:1.4fr 1fr;gap:35px}.about-intro .polaroid{height:310px}.career,.process-grid{grid-template-columns:repeat(2,1fr)}.case-content{gap:40px;grid-template-columns:1fr 2fr}.case-header{grid-template-columns:1.3fr 1fr;gap:30px}.case-hero{height:420px}.contact-layout{gap:40px}.contact-info h1{font-size:75px}.service-card h2{font-size:35px}.palette{display:none}}
@media(max-width:600px){header{height:68px;padding:0 5%;gap:10px}.small-logo{font-size:27px}.nav-contact{font-size:10px;padding:9px}.nav-right{gap:0}.mobile-menu.open{top:68px}.menu-toggle{font-size:10px}.home-hero{padding:55px 5% 40px;min-height:560px}.name-frame{padding:12px 18px;margin-top:10px}.name-frame h1{font-size:clamp(92px,24vw,135px)}.hero-labels{gap:8px;margin-bottom:22px}.hero-labels .sticker{font-size:16px;padding:5px 9px}.hero-center h2{font-size:28px;line-height:1.25}.hero-center>p{font-size:22px;padding:0 15px}.hero-availability{font-size:10px;line-height:1.8}.brand-strip{padding:24px 5%}.brand-list{gap:10px}.brand-list span{font-size:12px;padding:7px 9px}section{padding:55px 5%}.intro-scrap{grid-template-columns:1fr;gap:35px}.intro-scrap .polaroid{width:220px;max-width:220px;height:250px;margin:auto}.intro-copy p{font-size:27px}.skill-labels{gap:9px}.skill-labels .sticker{font-size:11px;padding:10px 12px}.title-row{display:block;margin-bottom:28px}.title-row p{max-width:100%;font-size:16px}.section-title{font-size:48px}.work-grid,.work-grid.featured{grid-template-columns:1fr;gap:35px}.work-grid.featured .card:first-child{grid-column:auto}.card-visual,.featured .card-visual,.featured .card:first-child .card-visual{height:300px}.card-text h3{font-size:31px}.page-intro{padding-top:38px;padding-bottom:30px}.display{font-size:65px;overflow-wrap:break-word}.page-intro p{font-size:17px}.archive-controls{grid-template-columns:1fr 1fr;gap:12px;padding:15px}.archive-search{grid-column:1/-1}.archive-controls label{font-size:10px}.archive-controls input,.archive-controls select{font-size:13px;padding:12px 8px}.archive-status{gap:13px;margin-top:22px}.archive-status p{width:100%;font-size:11px}.cover-toggle{font-size:11px}.filter{font-size:11px}.about-intro{grid-template-columns:1fr;gap:40px}.about-intro .polaroid{max-width:310px;max-height:340px;width:100%;margin:0 auto}.about-intro .hand-copy{font-size:27px}.ruled-content{grid-template-columns:1fr;gap:35px}.margin-note{max-width:300px;font-size:26px}.career{gap:25px 18px}.career strong{font-size:26px}.career p{font-size:13px}.stats{grid-template-columns:repeat(2,1fr);gap:18px}.stat{padding:18px}.stat strong{font-size:38px}.stat span{font-size:11px}.case-header{display:block;padding:35px 5%}.case-header .display{font-size:61px}.case-header p{font-size:17px}.project-facts{margin-top:30px;gap:12px}.fact{padding:14px}.fact strong{font-size:10px}.fact span{font-size:13px}.case-image-wrap{margin:8px 5% 0;padding:7px}.case-image-wrap:before,.case-image-wrap:after{width:50px;height:18px;left:-8px}.case-image-wrap:after{left:auto;right:-8px}.case-hero{height:330px}.case-credit{padding:14px 5%;font-size:11px}.case-content{display:block;padding-top:28px}.case-index{position:static;display:flex;flex-direction:row;flex-wrap:wrap;max-width:100%;margin-bottom:40px;gap:9px}.case-index a{padding:10px 12px;font-size:10px}.case-article h2{font-size:40px}.case-article p{font-size:17px}.case-block{padding-bottom:25px;margin-bottom:30px}.deliverable-list li{font-size:16px}.takeaway{font-size:27px;padding:22px}.project-next a{font-size:11px}.service-grid{grid-template-columns:1fr;gap:28px}.service-card{padding:25px}.service-card h2{font-size:37px}.service-layout{grid-template-columns:1fr;gap:35px}.service-layout p{font-size:17px}.process-grid{gap:25px 20px}.process-card h3{font-size:26px}.process-card p{font-size:14px}.faq-grid{grid-template-columns:1fr;gap:25px}.quote-sheet{margin:20px 5%;padding:25px}.quote-sheet blockquote{font-size:27px}.contact-layout{grid-template-columns:1fr;gap:45px;padding-top:35px}.contact-info h1{font-size:77px}.contact-info p{font-size:27px}.contact-email{font-size:24px}.contact-note{font-size:24px}.contact-links{font-size:11px}form{padding:27px 22px;transform:rotate(.5deg)}.form-row{grid-template-columns:1fr;gap:0}.lets-talk{padding:55px 5%}.lets-talk h2{font-size:60px}.lets-talk .smile{font-size:70px;height:88px;width:88px}.lets-talk p{font-size:24px}footer{padding:25px 5%;flex-wrap:wrap;gap:20px;font-size:10px}.footer-nav{gap:15px}footer p{font-size:10px}.footer-nav{width:100%}.nav-contact{box-shadow:2px 2px 0 #171a1940}}

.main-nav a{font-size:13px}.btn{font-size:13px}.nav-contact{font-size:12px}.archive-controls label{font-size:12px}.archive-controls input,.archive-controls select{font-size:16px}.cover-toggle,.filter{font-size:13px}header .palette button{width:16px;height:16px}main{min-height:70vh}@media(max-width:600px){.nav-contact{font-size:11px}.btn{font-size:12px}.archive-controls label{font-size:12px}.archive-controls input,.archive-controls select{font-size:16px}.filter,.cover-toggle{font-size:12px}.menu-toggle{font-size:12px}}
/* Paper transitions stay fast and keep ordinary document navigation. */
@view-transition{navigation:none}
.page-curtain{position:fixed;inset:0;z-index:70;pointer-events:none;background:var(--paper);border-top:8px solid var(--accent);translate:0 100%;transition:translate .19s cubic-bezier(.3,.7,.2,1);visibility:hidden}
body.page-leaving .page-curtain{visibility:visible;translate:0 0}
body.page-leaving main{opacity:.35;translate:0 -8px;transition:opacity .16s,translate .16s}
/* Transforms use independent properties so paper rotations survive reveals. */
.js .reveal{opacity:0;translate:0 30px;scale:.985;transition:opacity .72s ease var(--reveal-delay,0ms),translate .72s cubic-bezier(.16,.8,.2,1) var(--reveal-delay,0ms),scale .72s cubic-bezier(.16,.8,.2,1) var(--reveal-delay,0ms)}
.js .reveal.visible{opacity:1;translate:0 0;scale:1}
.js .intro-scrap .polaroid.reveal{--paper-rotation:rotate(-7deg)}
.js form.reveal{--paper-rotation:rotate(1deg)}
.js .takeaway.reveal{--paper-rotation:rotate(-1deg)}
.js .margin-note.reveal{--paper-rotation:rotate(-3deg)}
.js .quote-sheet.reveal{--paper-rotation:rotate(-1deg)}
/* The hero assembles like a page of notes. */
.motion-ready .hero-center,.motion-ready .hero-corner{animation:none}
.motion-ready .name-frame{animation:name-drop .85s cubic-bezier(.16,.8,.2,1) both}
.motion-ready .hero-center>.section-note{animation:note-in .65s .05s both}
.motion-ready .hero-labels .sticker{animation:sticker-drop .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.28s + var(--sticker-order,0)*.11s)}
.motion-ready .hero-center>h2{animation:note-in .75s .35s both}
.motion-ready .hero-center>p:not(.section-note){animation:note-in .75s .47s both}
.motion-ready .hero-center>.btn{animation:note-in .7s .58s both}
.motion-ready .hero-availability{animation:note-in .65s .68s both}
.motion-ready .hero-corner{animation:photo-arrive .95s .35s cubic-bezier(.2,.8,.2,1) both}
.motion-ready .hero-corner.right{animation-delay:.5s}
@keyframes name-drop{from{opacity:0;translate:0 -24px;scale:.95}65%{translate:0 3px}to{opacity:1;translate:0 0;scale:1}}
@keyframes sticker-drop{from{opacity:0;translate:0 -22px;scale:.8}70%{translate:0 2px;scale:1.025}to{opacity:1;translate:0 0;scale:1}}
@keyframes photo-arrive{from{opacity:0;translate:0 38px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
@keyframes note-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
/* Small moments of motion for cards, stickers, buttons and the palette. */
.card-visual{transition:box-shadow .35s,border-color .35s}
.card:hover .card-visual{box-shadow:7px 9px 0 #d8ddd0;border-color:#fffdf2}
.folder-tab{transition:translate .3s}
.card:hover .folder-tab{translate:5px -2px}
.sticker{transition:translate .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
a.sticker:hover{translate:0 -4px;box-shadow:4px 6px 0 #171a1918}
.brand-list span{transition:translate .3s}
.brand-list span:hover{translate:0 -4px}
.main-nav a,.nav-contact{transition:background-color .25s,box-shadow .25s,translate .25s}
.nav-contact:hover{translate:-1px -2px;box-shadow:3px 4px 0 #171a1930}
.palette button{transition:scale .2s,outline-color .25s}
.palette button:hover{scale:1.15}
.btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #6b6d6540}
.case-index a{transition:translate .25s,box-shadow .25s}
.case-index a:hover{translate:4px 0;box-shadow:3px 4px 0 #171a1912}
input,textarea,select{transition:background-color .25s,border-color .25s,box-shadow .25s}
input:focus,textarea:focus,select:focus{background:#fffdf4;border-color:#7c886d;box-shadow:3px 3px 0 #c8d1ba55}
.case-hero .brand-mark{transition:translate .4s,box-shadow .4s}
.case-image-wrap:hover .brand-mark{translate:0 -4px;box-shadow:3px 5px 6px #171a1915}
.smile{transition:rotate .4s cubic-bezier(.2,.8,.2,1),scale .4s}
.lets-talk:hover .smile{rotate:12deg;scale:1.055}
summary:after{transition:rotate .3s}
details[open] summary:after{rotate:180deg}
.mobile-menu.open{animation:menu-open .25s cubic-bezier(.2,.8,.2,1) both}
@keyframes menu-open{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){.motion-ready .hero-corner .polaroid{animation:paper-float 6s 1.35s ease-in-out 2}.motion-ready .hero-corner.right .polaroid{animation-duration:7s;animation-delay:1.5s}.tilt-paper{rotate:var(--pointer-tilt,0deg);transition:rotate .35s cubic-bezier(.2,.8,.2,1)}.card:hover .tilt-paper{transition:rotate .15s ease-out}.paper-parallax{translate:0 var(--parallax-y,0px)}}
@keyframes paper-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:600px){.js form.reveal{--paper-rotation:rotate(.5deg)}}




/* A fuller landing page and motion that reads clearly on both touch and mouse. */
.home-page .home-hero-v2{padding:30px 6% 60px;min-height:820px;text-align:left;overflow:visible}.hero-meta{display:flex;justify-content:space-between;font:11px var(--mono);text-transform:uppercase;padding:4px 0 20px;border-bottom:1px dashed #bec7b4}.hero-title-wrap{position:relative;margin:30px 0 20px}.hero-greeting{font-size:27px;margin:0 0 3px;padding-left:12px}.mega-name{font:800 clamp(100px,20.5vw,295px)/.85 var(--display);letter-spacing:-.055em;margin:0;white-space:nowrap;overflow:hidden;padding-bottom:20px}.mega-name span{display:inline-block}.mega-name span:last-child{color:var(--ink);text-shadow:5px 5px 0 var(--accent);margin-left:20px}.hero-margin-note{position:absolute;right:9%;top:32px;font-size:29px;line-height:1.2;transform:rotate(8deg);background:#dce9d5;padding:13px 22px}.hero-bottom-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.hero-story{max-width:535px}.hero-story .hero-labels{justify-content:flex-start;gap:10px;margin:0 0 22px}.hero-story h2{font-size:clamp(27px,3.15vw,45px);line-height:1.18;letter-spacing:-.045em;margin:0 0 19px;max-width:560px}.hero-story h2 span{background:var(--accent);padding:0 6px}.hero-story>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:420px;margin:0 0 26px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-scroll-note{font-size:23px;display:block;margin-top:30px;color:#627154}.hero-collage{height:375px;position:relative;perspective:1000px}.collage-paper{position:absolute;box-shadow:8px 12px 18px #18221d22;transition:box-shadow .4s;translate:0 var(--scroll-offset,0px)}.collage-paper img{object-fit:cover}.portrait-paper{width:220px;height:280px;top:10px;left:32%;transform:rotate(-8deg);z-index:3}.travel-paper{width:174px;height:230px;top:55px;right:-1%;transform:rotate(10deg);z-index:2}.food-paper{width:174px;height:220px;left:2%;top:125px;transform:rotate(-10deg);z-index:4}.collage-note{position:absolute;bottom:5px;right:14%;background:#f5cddb;padding:15px 23px;font-size:25px;line-height:1.15;transform:rotate(5deg);translate:0 var(--scroll-offset,0px);z-index:5}.collage-paper .caption{font-size:16px;line-height:1}.collage-paper:hover{box-shadow:10px 16px 22px #18221d30}.motion-ticker{overflow:hidden;background:var(--ink);color:var(--accent);padding:23px 0;transform:rotate(-1.5deg);margin:8px 0 30px;width:100%;border-block:1px solid var(--ink)}.ticker-track{display:flex;align-items:center;gap:38px;width:max-content;animation:ticker-travel 26s linear infinite;translate:var(--ticker-scroll,0px) 0}.ticker-track span{font:700 40px var(--display);letter-spacing:-.02em;white-space:nowrap}.ticker-track i{font-style:normal;font-size:28px}.motion-ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker-travel{to{transform:translateX(-50%)}}.home-proof{padding-top:45px;padding-bottom:55px}.home-proof .section-note{text-align:center;font-size:24px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0 35px;gap:30px}.proof-grid>div{border-right:1px solid #cbd3c1;padding-left:15px}.proof-grid>div:last-child{border:0}.proof-grid strong{font:700 clamp(50px,5.4vw,78px)/1 var(--display);letter-spacing:-.025em;display:block}.proof-grid span{font:12px var(--mono);line-height:1.6;display:block;margin-top:12px;color:var(--muted)}.home-proof .brand-list{padding-top:20px;border-top:1px dashed #bcc7af}.selected-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.selected-heading .section-title{font-size:clamp(58px,7vw,100px);margin:0}.selected-heading>p{max-width:320px;font-size:18px;line-height:1.7;color:var(--muted)}.home-selected{padding-top:45px;padding-bottom:50px}.work-stack{position:relative;padding-top:20px}.stack-project{position:sticky;top:calc(102px + var(--stack-index)*16px);z-index:calc(2 + var(--stack-index));min-height:460px;display:grid;grid-template-columns:1fr 1.2fr;gap:45px;padding:42px;margin:0 0 50px;background:var(--ink);color:var(--paper);border:1px solid #242821;box-shadow:8px 11px 0 #c9cfbf;scale:var(--stack-scale,1);transform-origin:50% 0;transition:box-shadow .3s}.stack-project.yellow{background:var(--accent);color:var(--ink)}.stack-project.pink{background:#f1cfe1;color:var(--ink)}.stack-tab{position:absolute;left:-1px;top:-29px;width:185px;height:29px;background:inherit;border:1px solid inherit;border-bottom:0;clip-path:polygon(0 0,82% 0,100% 100%,0 100%);padding:8px 17px;font:10px var(--mono);text-transform:uppercase}.stack-copy h3{font:700 clamp(43px,4.8vw,69px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.03em;margin:20px 0 14px}.stack-idea{font-size:29px;line-height:1.2;margin:0 0 18px}.stack-description{font-size:16px;line-height:1.7;max-width:410px;opacity:.8;margin-bottom:20px}.stack-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}.stack-tags span{font:10px var(--mono);padding:6px 9px;border:1px solid #a1a99580}.stack-image-link{align-self:center;height:350px;position:relative;border:8px solid white;transform:rotate(2deg);box-shadow:4px 6px 10px #171a1920;overflow:visible}.stack-image-link>img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.stack-image-link:hover>img{transform:scale(1.035)}.stack-brand{position:absolute;left:15px;bottom:15px;padding:10px 15px;background:white}.stack-brand img{width:145px;height:35px;object-fit:contain}.archive-invite{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 0}.archive-invite p{font-size:28px}.home-services{background:#edf0e6;border-block:1px solid #c7d0bb;margin:10px 0}.home-services .section-title{font-size:clamp(52px,6vw,82px)}.service-chooser{display:grid;grid-template-columns:.85fr 1.8fr;gap:35px;margin-top:30px}.service-tabs{display:flex;flex-direction:column;gap:12px}.service-tab{text-align:left;display:flex;align-items:center;gap:18px;font:700 30px var(--display);text-transform:uppercase;padding:20px 23px;background:var(--paper);border:1px solid #b8c4a8;box-shadow:3px 3px 0 #d4dbc9;transition:background .25s,translate .25s}.service-tab>span{font:12px var(--mono);opacity:.6}.service-tab[aria-selected=true]{background:var(--accent);translate:8px 0;border-color:#a98d2c}.service-tab:hover{background:#f6e5a8}.service-panels{background:white;border:1px solid #cad4ba;padding:35px 40px;min-height:400px}.service-panel[hidden]{display:none}.service-panel>.sticker{font:12px/1.65 var(--mono);transform:rotate(-1deg);padding:9px 12px;max-width:100%}.service-panel h3{font:700 48px/1 var(--display);text-transform:uppercase;margin:25px 0 15px;letter-spacing:-.02em}.service-panel>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:660px}.service-panel ul{list-style:none;padding:0;font-size:15px;line-height:1.7;margin:20px 0 24px}.service-panel li{padding:9px 0;border-bottom:1px dashed #cdd6c3}.service-panel li:before{content:'✦';margin-right:12px;color:#8a7a23}.more-services{font-size:14px;color:var(--muted);margin-top:25px}.more-services a{border-bottom:1px solid #9eae8d}.home-about{display:grid;grid-template-columns:1fr 1.2fr;gap:85px;align-items:center;padding-block:100px}.about-photo{position:relative;margin:0 35px 15px 5px}.about-photo>.polaroid{height:470px;transform:rotate(-5deg);translate:0 var(--scroll-offset,0px)}.about-photo>.polaroid .caption{font-size:22px}.about-photo-note{position:absolute;right:-30px;bottom:-20px;font-size:23px;z-index:3}.about-story .section-title{font-size:clamp(51px,5.5vw,80px)}.about-hand{font-size:31px;line-height:1.2;max-width:480px}.about-story>p:not(.hand):not(.section-note){font-size:17px;line-height:1.85;color:var(--muted)}.about-story .btn{margin-top:18px}.signature{font-size:54px;display:inline-block;rotate:-8deg;margin-left:30px}.home-process .section-title{font-size:clamp(52px,6.5vw,85px)}.home-process .process-card{padding:25px 22px;background:#fff1bd;border:1px solid #d6c995;box-shadow:3px 5px 0 #e6e4d5}.home-process .process-card:nth-child(2){background:#dce5f6;border-color:#b9c8dc}.home-process .process-card:nth-child(3){background:#dcebd7;border-color:#bccdb2}.home-process .process-card:nth-child(4){background:#f4dbe6;border-color:#dbc0cd}.home-quote{position:relative;background:var(--ink);color:var(--paper);padding:80px 10%;margin:30px 0;text-align:center}.home-quote blockquote{font:clamp(31px,4.4vw,58px)/1.25 var(--hand);max-width:980px;margin:0 auto 25px}.home-quote>p{font:12px var(--mono);color:#c9d2c0;line-height:1.8}.quote-mark{font-size:120px;line-height:.5;display:block;color:var(--accent);margin-bottom:15px}.quote-note{display:inline-block;color:var(--accent);font-size:24px;transform:rotate(-3deg);margin-top:20px}.home-faq .section-title{font-size:clamp(55px,6vw,82px)}.home-final{position:relative;padding:75px 6% 85px;overflow:hidden}.final-note{font-size:28px}.final-title{font:800 clamp(75px,13vw,185px)/.9 var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:22px 0 35px}.final-title span{display:block}.final-title span:last-child{color:var(--ink);text-shadow:5px 5px 0 var(--accent)}.final-bottom{display:flex;gap:35px;justify-content:space-between;align-items:center;flex-wrap:wrap}.final-bottom>p{font:25px/1.25 var(--hand);margin:0}.final-bottom .contact-email{font-size:19px;margin:0}.final-flower{position:absolute;right:10%;top:140px;font:150px/1 Arial,sans-serif;color:var(--accent);text-shadow:2px 2px 0 var(--ink);rotate:var(--flower-angle,0deg);pointer-events:none}.split-heading{translate:0 var(--heading-shift,0px);opacity:var(--heading-opacity,1)}
/* A clearly visible, labelled cursor for mouse users. The native cursor remains on forms. */
.ink-cursor{position:fixed;top:0;left:0;width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;background:#f8cf4360;z-index:200;pointer-events:none;display:none;align-items:center;justify-content:center;translate:calc(var(--cursor-x,-100px) - 50%) calc(var(--cursor-y,-100px) - 50%);scale:var(--cursor-scale,1);transition:width .25s,height .25s,background .25s,border-radius .25s,opacity .2s;box-shadow:2px 3px 0 #171a1925;font:11px var(--mono);text-transform:uppercase;color:var(--ink)}.cursor-dot{position:fixed;left:0;top:0;z-index:201;width:6px;height:6px;background:var(--ink);border-radius:50%;pointer-events:none;display:none;translate:calc(var(--dot-x,-100px) - 50%) calc(var(--dot-y,-100px) - 50%)}.ink-cursor.is-link{width:72px;height:72px;background:var(--accent)}.ink-cursor.is-pressed{scale:.8}.ink-cursor.is-form,.cursor-dot.is-form{opacity:0}.cursor-ready .ink-cursor,.cursor-ready .cursor-dot{display:flex}.cursor-ready,.cursor-ready a,.cursor-ready button,.cursor-ready summary{cursor:none}.cursor-ready input,.cursor-ready textarea{cursor:text}.cursor-ready select{cursor:auto}.magnetic{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .2s,transform .2s,box-shadow .2s}.page-curtain{display:grid;place-items:center;background:var(--accent);border:0;translate:0 105%;visibility:visible;transition:translate .42s cubic-bezier(.7,0,.2,1);z-index:180}.page-curtain .curtain-word{font:800 clamp(75px,15vw,190px)/1 var(--display);letter-spacing:-.05em;color:var(--ink);transform:rotate(-3deg)}.page-curtain .curtain-note{position:absolute;bottom:12%;font:27px var(--hand)}body.page-leaving .page-curtain{translate:0 0}body.page-leaving main{opacity:.5;translate:0 -18px;transition:opacity .35s,translate .35s}.motion-switch{font:11px var(--mono);padding:8px 10px;border:1px solid #b5bfa7;background:#edf0e5;white-space:nowrap}.motion-switch[aria-pressed=true]{background:#f4e5b1}.mobile-menu .motion-switch{display:none}.js .reveal{translate:0 60px;scale:.97;transition:opacity .8s ease var(--reveal-delay,0ms),translate .85s cubic-bezier(.16,.8,.2,1) var(--reveal-delay,0ms),scale .85s cubic-bezier(.16,.8,.2,1) var(--reveal-delay,0ms)}.js .reveal.visible{translate:0 0;scale:1}.mega-name span{animation:big-type-in 1.15s cubic-bezier(.18,.85,.2,1) both}.mega-name span:last-child{animation-delay:.14s}.hero-story,.hero-meta,.hero-greeting{animation:home-copy-in .9s .35s both}.hero-collage .collage-paper{animation:collage-in 1.3s cubic-bezier(.16,.8,.2,1) both}.hero-collage .portrait-paper{animation-delay:.35s}.hero-collage .travel-paper{animation-delay:.55s}.hero-collage .food-paper{animation-delay:.75s}.hero-collage .collage-note{animation:home-copy-in .9s .9s both}@keyframes big-type-in{from{transform:translateY(110%) rotate(5deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes home-copy-in{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes collage-in{from{opacity:0;scale:.75;filter:blur(4px)}to{opacity:1;scale:1;filter:blur(0)}}html[data-motion=full]{scroll-behavior:smooth}html[data-motion=reduced]{scroll-behavior:auto}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=reduced] .js .reveal,html[data-motion=reduced].js .reveal{opacity:1;translate:0 0;scale:1}html[data-motion=reduced] .ink-cursor,html[data-motion=reduced] .cursor-dot{display:none!important}html[data-motion=reduced] .cursor-ready,html[data-motion=reduced] .cursor-ready a,html[data-motion=reduced] .cursor-ready button,html[data-motion=reduced] .cursor-ready summary{cursor:auto}html[data-motion=reduced] .page-curtain{display:none}html[data-motion=reduced] body.page-leaving main{opacity:1;translate:0 0}html[data-motion=reduced] .collage-paper,html[data-motion=reduced] .collage-note,html[data-motion=reduced] .paper-parallax,html[data-motion=reduced] .magnetic,html[data-motion=reduced] .about-photo>.polaroid{translate:0 0}html[data-motion=reduced] .stack-project{scale:1}html[data-motion=reduced] .split-heading{translate:0 0;opacity:1}html[data-motion=reduced] .final-flower{rotate:0deg}html[data-motion=reduced] .tilt-paper{rotate:0deg}
@media(max-width:1100px){.home-page .home-hero-v2{min-height:780px}.hero-bottom-grid{gap:35px}.hero-margin-note{right:1%;font-size:25px;top:24px}.hero-collage{height:340px}.portrait-paper{width:190px;height:250px;left:30%}.travel-paper{width:145px;height:200px;right:-2%;top:50px}.food-paper{width:145px;height:185px;left:0;top:130px}.collage-note{right:1%;font-size:22px}.stack-project{padding:32px;gap:35px;min-height:460px}.stack-image-link{height:320px}.home-about{gap:60px}.about-photo>.polaroid{height:390px}.service-tab{font-size:26px;padding:19px}.service-panels{padding:30px}.final-flower{font-size:115px;right:6%;top:130px}}
@media(max-width:820px){.hero-bottom-grid{grid-template-columns:1fr 1fr;gap:25px}.hero-margin-note{font-size:23px;right:0;top:10px}.hero-story h2{font-size:33px}.hero-story .hero-labels .sticker{font-size:15px}.hero-collage{height:320px}.portrait-paper{width:155px;height:225px;left:28%}.travel-paper{width:125px;height:180px;right:-2%}.food-paper{width:130px;height:175px;left:-5%;top:145px}.collage-note{font-size:20px;bottom:-5px}.collage-paper .caption{font-size:13px}.proof-grid{gap:15px}.proof-grid>div{padding-left:0}.stack-project{grid-template-columns:1fr 1fr;padding:27px;gap:25px;top:calc(88px + var(--stack-index)*13px)}.stack-image-link{height:270px}.stack-copy h3{font-size:46px}.stack-idea{font-size:25px}.stack-description{font-size:15px}.service-chooser{grid-template-columns:.85fr 1.5fr;gap:20px}.service-tab{font-size:24px;gap:13px;padding:17px}.service-panel h3{font-size:41px}.home-about{gap:45px}.about-photo>.polaroid{height:340px}.about-story .section-title{font-size:50px}.final-flower{font-size:95px;top:120px;right:4%}}
@media(max-width:600px){.home-page .home-hero-v2{padding:24px 5% 40px;min-height:0}.hero-meta{font-size:9px;gap:20px;line-height:1.5;padding-bottom:15px}.hero-meta span:last-child{text-align:right;max-width:95px}.hero-title-wrap{margin:23px 0 20px}.hero-greeting{font-size:24px;padding-left:0}.mega-name{font-size:25.5vw;padding-bottom:15px}.mega-name span:last-child{margin-left:8px;text-shadow:3px 3px 0 var(--accent)}.hero-margin-note{display:none}.hero-bottom-grid{grid-template-columns:1fr;gap:35px}.hero-story .hero-labels{gap:8px;margin-bottom:22px}.hero-story .hero-labels .sticker{font-size:16px;padding:5px 9px}.hero-story h2{font-size:32px}.hero-story>p{font-size:16px;line-height:1.75}.hero-actions{gap:16px}.hero-actions .text-link{font-size:13px}.hero-actions .btn{font-size:11px;padding:14px 16px}.hero-scroll-note{font-size:22px;margin-top:25px}.hero-collage{height:305px;margin:3px 15px 0 0}.portrait-paper{width:160px;height:220px;left:30%;top:0}.travel-paper{width:130px;height:190px;right:-2%;top:30px}.food-paper{width:130px;height:175px;left:0;top:100px}.collage-note{font-size:22px;right:8%;bottom:0;padding:12px 16px}.collage-paper .caption{font-size:12px}.motion-ticker{padding:18px 0;margin:10px 0 15px;transform:rotate(-2deg)}.ticker-track{gap:25px;animation-duration:22s}.ticker-track span{font-size:30px}.ticker-track i{font-size:23px}.home-proof{padding:35px 5% 45px}.proof-grid{grid-template-columns:1fr 1fr;gap:27px 25px;padding:15px 0 30px}.proof-grid>div{border:0;padding:0}.proof-grid strong{font-size:58px}.proof-grid span{font-size:11px;margin-top:7px}.selected-heading{display:block;margin-bottom:30px}.selected-heading .section-title{font-size:62px}.selected-heading>p{font-size:16px;max-width:100%;margin:20px 0 0}.home-selected{padding-top:25px}.stack-project{top:calc(80px + var(--stack-index)*8px);padding:23px;grid-template-columns:1fr;gap:25px;min-height:0;margin-bottom:45px;box-shadow:5px 7px 0 #c9cfbf}.stack-copy h3{font-size:48px;margin-top:14px}.stack-idea{font-size:25px;margin-bottom:15px}.stack-description{font-size:14px;line-height:1.6;margin:0 0 15px}.stack-tags{margin-bottom:17px}.stack-tags span{font-size:9px;padding:5px 7px}.stack-image-link{height:230px;transform:rotate(1deg)}.stack-brand{left:10px;bottom:10px;padding:8px 10px}.stack-brand img{width:115px;height:27px}.stack-copy .eyebrow{font-size:10px}.stack-copy .btn{font-size:10px;padding:11px 14px}.archive-invite{display:block}.archive-invite p{font-size:25px}.archive-invite .btn{font-size:11px}.home-services .section-title{font-size:58px}.service-chooser{grid-template-columns:1fr;gap:22px}.service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-tab{font-size:23px;padding:14px 13px;gap:10px}.service-tab>span{font-size:10px}.service-tab[aria-selected=true]{translate:0 -3px}.service-panels{padding:25px;min-height:0}.service-panel h3{font-size:40px}.service-panel>p{font-size:16px}.service-panel>.sticker{font-size:10px}.service-panel ul{font-size:14px}.home-about{grid-template-columns:1fr;gap:55px;padding-block:65px}.about-photo{margin:0 27px 0 15px}.about-photo>.polaroid{height:340px}.about-photo-note{font-size:21px;right:-20px;bottom:-20px}.about-story .section-title{font-size:57px}.about-hand{font-size:28px}.about-story>p:not(.hand):not(.section-note){font-size:16px}.signature{font-size:45px}.home-process .section-title{font-size:61px}.home-process .process-card{padding:20px 16px}.home-process .process-grid{gap:20px 14px}.home-process .process-card h3{font-size:24px}.home-process .process-card p{font-size:13px;line-height:1.65}.home-quote{padding:55px 7%;margin:20px 0}.home-quote blockquote{font-size:34px}.home-quote>p{font-size:10px}.quote-mark{font-size:90px}.quote-note{font-size:24px}.home-faq .section-title{font-size:61px}.home-final{padding:55px 5% 65px}.final-note{font-size:25px}.final-title{font-size:18.5vw;margin:18px 0 28px;letter-spacing:-.02em}.final-title span:last-child{text-shadow:3px 3px 0 var(--accent)}.final-bottom{gap:23px;display:flex;align-items:start;flex-direction:column}.final-bottom>p{font-size:24px}.final-bottom .contact-email{font-size:19px}.final-flower{font-size:69px;right:5%;top:240px}.nav-right>.motion-switch{display:none}.mobile-menu .motion-switch{display:block}.page-curtain .curtain-note{font-size:24px}.ink-cursor,.cursor-dot{display:none!important}}
@media(hover:none),(pointer:coarse){.ink-cursor,.cursor-dot{display:none!important}.cursor-ready,.cursor-ready a,.cursor-ready button,.cursor-ready summary{cursor:auto}}

.brand-caption{text-align:center;color:var(--muted);margin:16px 0 0}.home-proof .brand-list{border-top:0;padding-top:16px}

.ticker-window{overflow:hidden;padding:20px 0;margin:-20px 0}
.hero-collage .collage-note{animation-name:note-in}@keyframes note-in{from{opacity:0;scale:.8}to{opacity:1;scale:1}}
@media(max-width:600px){.home-page .home-hero-v2{overflow-x:clip}}
.cursor-ready label,.cursor-ready input[type=checkbox],.cursor-ready input[type=radio]{cursor:auto}

/* Project folders open around the photo; the reading surface and link stay still. */
.folder-surface{--folder-tone:var(--accent);--folder-ink:var(--ink)}
.card:nth-child(3n+2) .folder-surface{--folder-tone:#f1cfe1}.card:nth-child(3n) .folder-surface{--folder-tone:#acd9bd}
.stack-project.ink .folder-surface{--folder-tone:#f8cf43}.stack-project.yellow .folder-surface{--folder-tone:#a8d5b8}.stack-project.pink .folder-surface{--folder-tone:#d4dffb}
.folder-lid-frame{position:absolute;inset:0;overflow:hidden;perspective:1100px;pointer-events:none;z-index:5}
.folder-cover{position:absolute;inset:23px 0 0;background:var(--folder-tone);border:1px solid #171a1940;border-radius:0 9px 3px 3px;transform-origin:50% 100%;backface-visibility:hidden;transform:rotateX(0deg);opacity:1;display:flex;flex-direction:column;justify-content:center;padding:25px 26px;box-shadow:0 -3px 0 #ffffff55,0 4px 15px #171a1920;transition:transform .88s cubic-bezier(.22,.72,.2,1),opacity .18s .64s}
.folder-cover:before{content:'';position:absolute;left:-1px;top:-23px;width:46%;height:24px;background:var(--folder-tone);border:1px solid #171a1940;border-bottom:0;border-radius:7px 14px 0 0;clip-path:polygon(0 0,87% 0,100% 100%,0 100%)}
.folder-cover .folder-cover-index{font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em;margin-bottom:22px;opacity:.65}
.folder-cover strong{font:700 clamp(31px,3.5vw,48px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.025em;display:block;max-width:100%;overflow-wrap:anywhere}
.folder-cover .folder-cover-industry{font:11px/1.6 var(--mono);margin-top:15px;max-width:270px}
.folder-cover .folder-cover-note{font:24px var(--hand);margin-top:22px;align-self:flex-end;rotate:-5deg}
.folder-ready .folder-photo{translate:0 18px;transition:translate .78s cubic-bezier(.16,.8,.2,1) .14s,transform .65s}
.folder-open .folder-cover{transform:rotateX(-108deg);opacity:0}
.folder-open .folder-photo{translate:0 0}
.folder-open~.card-text{transition:translate .4s}
.card.folder-peek .folder-photo,.stack-project.folder-peek .folder-photo{translate:0 -9px;transition:translate .36s cubic-bezier(.16,.8,.2,1),transform .65s}
.folder-tab,.stack-tab{transform-origin:12% 100%;transition:translate .35s,rotate .35s,box-shadow .35s}
.card.folder-peek>.folder-tab,.stack-project.folder-peek>.stack-tab{translate:0 -7px;rotate:-3deg;box-shadow:3px 4px 0 #171a1915}
.card.folder-just-opened>.folder-tab,.stack-project.folder-just-opened>.stack-tab{animation:folder-tab-lift .9s ease-out both}
@keyframes folder-tab-lift{0%{translate:0 0;rotate:0deg}45%{translate:0 -10px;rotate:-5deg}100%{translate:0 0;rotate:0deg}}
.case-hero .folder-lid-frame{perspective:1700px}.case-hero .folder-cover{padding:45px 6%}.case-hero .folder-cover strong{font-size:clamp(50px,7vw,100px)}.case-hero .folder-cover .folder-cover-index{font-size:12px}.case-hero .folder-cover .folder-cover-industry{font-size:14px;max-width:100%}.case-hero .folder-cover .folder-cover-note{font-size:35px}
.brand-mode .folder-lid-frame{display:none}.brand-mode .folder-photo{translate:0 0}
/* A selected project opens as a folder, then hands off to the actual page. */
.page-curtain.folder-transition{background:var(--paper);perspective:2000px;display:block;transition:translate .18s cubic-bezier(.3,.8,.2,1);--folder-tone:var(--accent)}
.transition-file{position:absolute;inset:13% 9% 9%;background:white;border:1px solid #bcc6b2;box-shadow:6px 8px 0 #171a1918;padding:35px 5%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transform:translateY(12%)}
.transition-file .curtain-word{font-size:clamp(64px,11vw,160px);line-height:.92;max-width:100%;overflow-wrap:anywhere;transform:rotate(-2deg)}
.transition-file-label{font:12px var(--mono);text-transform:uppercase;margin-bottom:30px}.transition-file .curtain-note{position:static;margin-top:35px}
.transition-folder-front{position:absolute;inset:29% 5% 4%;background:var(--folder-tone);border:2px solid var(--ink);border-radius:0 14px 5px 5px;box-shadow:6px 8px 0 #171a1920;transform-origin:50% 100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;padding:5% 8%;gap:25px}
.transition-folder-tab{position:absolute;top:-43px;left:-2px;width:42%;height:43px;background:var(--folder-tone);border:2px solid var(--ink);border-bottom:0;border-radius:8px 15px 0 0;clip-path:polygon(0 0,89% 0,100% 100%,0 100%);font:11px var(--mono);text-transform:uppercase;padding:13px 20px}
.transition-front-title{font:800 clamp(65px,10vw,145px)/.93 var(--display);text-transform:uppercase;letter-spacing:-.035em;overflow-wrap:anywhere}.transition-folder-front>.hand{font-size:32px}
body.page-leaving .folder-transition{pointer-events:auto}body.page-leaving .transition-folder-front{animation:open-project-folder .46s .15s cubic-bezier(.2,.7,.2,1) both}body.page-leaving .transition-file{animation:take-project-paper .5s .08s cubic-bezier(.16,.8,.2,1) both}
@keyframes open-project-folder{0%{transform:rotateX(0deg);opacity:1}80%{opacity:1}100%{transform:rotateX(-108deg);opacity:0}}
@keyframes take-project-paper{from{transform:translateY(12%) rotate(-1deg)}to{transform:translateY(0) rotate(0deg)}}
html[data-motion=reduced] .folder-cover{display:none}html[data-motion=reduced] .folder-photo{translate:0 0}html[data-motion=reduced] .folder-tab,html[data-motion=reduced] .stack-tab{translate:0 0;rotate:0deg}
@media(max-width:600px){.folder-cover{padding:22px}.folder-cover strong{font-size:39px}.folder-cover .folder-cover-index{margin-bottom:17px}.folder-cover .folder-cover-industry{font-size:10px;margin-top:12px}.folder-cover .folder-cover-note{font-size:22px;margin-top:13px}.case-hero .folder-cover{padding:28px}.case-hero .folder-cover strong{font-size:58px}.case-hero .folder-cover .folder-cover-industry{font-size:11px}.case-hero .folder-cover .folder-cover-note{font-size:28px}.transition-file{inset:15% 6% 11%;padding:30px 8%}.transition-file .curtain-word{font-size:17vw}.transition-file-label{font-size:10px;margin-bottom:25px}.transition-file .curtain-note{font-size:26px}.transition-folder-front{inset:32% 3% 6%;padding:8%;gap:20px}.transition-front-title{font-size:17vw}.transition-folder-tab{width:62%;font-size:10px;padding:14px}.transition-folder-front>.hand{font-size:27px}}
.folder-cover{color:var(--folder-ink)}