@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#343332;--muted:#736966;--rose:#a55e70;--blush:#f7ecec;--cream:#fcfaf7;--line:#e7ddd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.8}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1.15}h1{font-size:80px;margin-bottom:24px}h2{font-size:48px;margin-bottom:24px}h3{font-size:18px;line-height:1.4;font-weight:500}em{font-weight:400;color:var(--rose)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:90px 40px}header{height:96px;padding:0 4%;display:flex;align-items:center;gap:30px;background:#fcfaf7f5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-family:Georgia,serif;font-size:30px;letter-spacing:-1.5px;white-space:nowrap}.brand span{color:var(--rose)}nav{display:flex;gap:24px;margin:auto;font-size:12px}nav a:hover{color:var(--rose)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid var(--rose);background:var(--rose);color:white;border-radius:6px;padding:13px 23px;font-size:13px;transition:transform .2s,background .2s}.button:hover{background:#874b5b;transform:translateY(-2px)}.button.small{padding:9px 18px;font-size:12px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;padding-top:76px;padding-bottom:72px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--rose);margin-bottom:25px}.dot{display:inline-block;background:#a47580;border-radius:50%;width:6px;height:6px;margin-right:8px}.hero h2{font-family:'Manrope',sans-serif;font-size:23px;line-height:1.6;letter-spacing:-.5px;margin-bottom:20px}.intro{color:var(--muted);max-width:480px;font-size:14px;line-height:1.95}.actions{display:flex;align-items:center;gap:30px;margin:30px 0}.text-link{background:none;border:0;border-bottom:1px solid #bd949c;padding:5px 0;color:var(--ink);font-size:13px;display:inline-block}.hero-note{border-left:2px solid #d7b2b8;padding-left:15px;font-size:11px;line-height:1.8;color:var(--muted);margin-top:34px}.hero-note strong{font-weight:500}.portrait-wrap{position:relative;padding:8px 23px 15px 10px}.portrait{height:460px;background:#eadad4;border-radius:180px 180px 12px 12px;border:8px solid #f6eeea;outline:1px solid #ded0c9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.monogram{font-family:Georgia,serif;font-style:italic;font-size:160px;color:#b98788;letter-spacing:-14px}.portrait-star{position:absolute;top:35px;right:70px;color:#faf3ed;font-size:60px}.portrait-caption{position:absolute;bottom:25px;text-align:center;font-size:8px;letter-spacing:2px;color:#755f5a}.portrait-caption span{font-size:12px;letter-spacing:.5px;display:block;margin-top:8px}.floating-note{position:absolute;bottom:65px;left:-30px;line-height:1.6;padding:17px 22px;border:1px solid #e6dad5;background:#fffdfa;border-radius:9px;box-shadow:0 8px 30px #6147380b;font-family:Georgia,serif;font-size:16px;transform:rotate(-5deg)}.floating-note span{font-size:32px;float:left;margin-right:16px;color:var(--rose)}.side-label{position:absolute;right:-25px;top:45%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px}.specialties{background:#f2e6e5;border-top:1px solid #e8d9d8;border-bottom:1px solid #e8d9d8;display:flex;justify-content:center;align-items:center;gap:35px;font-size:9px;letter-spacing:1.6px;padding:22px 15px}.specialties span{color:var(--rose);font-size:18px}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:95px;align-items:center}.about-art{background:#eee6db;min-height:440px;padding:45px 35px;display:flex;flex-direction:column;justify-content:center;border-radius:8px 100px 8px 8px}.about-art p{font-family:Georgia,serif;font-size:43px;line-height:1.25;letter-spacing:-1.5px}.signature{font-family:Georgia,serif;font-style:italic;font-size:28px;color:var(--rose)}.about p:not(.eyebrow){color:var(--muted);font-size:13px}.about-art p:not(.eyebrow){font-size:43px}.tinted{background:#f6efeb}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:27px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{padding:26px 24px;background:var(--cream);border:1px solid var(--line);border-radius:9px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #7158500b}.service-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.icon{font-size:24px;color:var(--rose);display:block;margin-bottom:20px}.service-card h3{font-size:15px}.skills,.tools{display:flex;flex-wrap:wrap;gap:10px}.skills span{border:1px solid var(--line);border-radius:30px;padding:7px 17px;font-size:12px}.tools span{background:#fffdfb;border:1px solid var(--line);border-radius:6px;padding:12px 19px;font-size:13px}.tools-label{margin-top:35px;margin-bottom:16px}.ai-panel{padding:50px;background:#eae3e4;border:1px solid #d9cace;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.ai-panel p:not(.eyebrow){font-size:13px;color:#655e60}.ai-panel h2{font-size:43px}.status{font-size:11px;border:1px solid #b99da5;border-radius:20px;padding:6px 13px}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-grid div{padding:20px;background:#f7f2f2;border:1px solid #dfd3d5;border-radius:7px;font-size:12px;display:flex;flex-direction:column;justify-content:center}.ai-grid span{color:var(--rose);font-size:21px;margin-bottom:8px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filters button{border:1px solid var(--line);border-radius:25px;padding:7px 17px;background:none;color:#6d6260;font-size:11px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fffdfb}.project-info{padding:23px}.project-info p{font-size:12px;color:var(--muted)}.tag{font-size:9px;letter-spacing:1.5px;color:var(--rose)}.project-info h3{margin-top:9px;margin-bottom:10px}.project-tools{font-size:10px!important}.preview{height:235px;padding:25px;background:#e7d5cd;display:flex;align-items:center;justify-content:center;overflow:hidden}.mini-design{background:#faf5ee;width:78%;padding:22px;box-shadow:0 10px 20px #62484420;transform:rotate(-5deg);font-family:Georgia,serif;font-size:32px;line-height:1.05;border:5px solid #fff9}.mini-design small{display:block;font-family:sans-serif;letter-spacing:2px;font-size:7px;margin-bottom:17px}.mini-design span{display:block;background:#b58383;height:50px;margin-top:20px;border-radius:80px 80px 0 0}.preview.video{background:#d9c9c8}.video .mini-design{width:110px;min-height:192px;background:#726e62;color:#fff;font-size:23px;border-radius:12px;transform:rotate(8deg)}.preview.admin{background:#e4e3d9}.admin .mini-design{width:100%;font-family:sans-serif;font-size:17px;transform:rotate(-3deg)}.preview.ai{background:#ded4df}.ai .mini-design{font-family:sans-serif;font-size:18px;line-height:2}.case-study{display:grid;grid-template-columns:65px 1.1fr 1fr;gap:28px;background:#fcfaf7;border:1px solid var(--line);border-radius:10px;padding:35px}.case-number{font-family:Georgia,serif;font-size:48px;color:#c49b9e}.case-study h3{margin-top:8px}.case-study p{font-size:13px;color:var(--muted)}.case-flow{display:flex;align-items:center;gap:12px;font-size:11px}.case-flow span{padding:20px 14px;border:1px solid #dbc5c7;border-radius:8px;background:#f4e8e9}.case-flow b{color:var(--rose)}.timeline{border-left:1px solid #d0adb4;margin:15px 0 60px 8px;padding-left:40px;position:relative;max-width:750px}.timeline-dot{position:absolute;width:11px;height:11px;border:2px solid var(--rose);background:var(--cream);border-radius:50%;left:-6px;top:5px}.timeline p{font-size:13px}.muted{color:var(--muted);font-size:12px}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.values div{border-top:1px solid var(--line);padding-top:25px}.values h3{font-size:15px}.values p{font-size:12px;color:var(--muted)}.testimonial{text-align:center;padding-top:70px;padding-bottom:70px}.testimonial h2{font-size:42px}.quote{font-family:Georgia,serif;font-size:72px;color:#be8f99;line-height:1}.testimonial p{margin-bottom:8px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{font-size:72px;position:relative}.sparkle{font-size:55px;color:#c0929b;margin-left:30px}.contact p{font-size:13px;color:var(--muted)}.socials{display:flex;gap:18px;flex-wrap:wrap;margin:30px 0}.socials button{font-size:12px;border:0;border-bottom:1px solid #c59ba4;background:none;padding:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:11px;font-weight:500;margin-bottom:15px}label span{color:var(--muted)}input,select,textarea{display:block;width:100%;border:1px solid #e0d5d0;background:#fffdfa;border-radius:5px;padding:10px 13px;margin-top:6px;font-size:12px;color:var(--ink)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #c48d9b;outline-offset:2px}form .button{width:100%}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;gap:30px;font-size:11px;flex-wrap:wrap}footer p{margin:0}footer span,footer small{color:var(--muted)}footer>a{margin-left:auto}footer small{width:100%;border-top:1px solid var(--line);padding-top:15px;font-size:10px}dialog{border:1px solid var(--line);border-radius:14px;padding:45px;background:var(--cream);max-width:670px;width:90%;max-height:85vh;color:var(--ink)}dialog::backdrop{background:#332b2bd0}.close{position:absolute;right:15px;top:10px;font-size:28px;border:0;background:none;color:var(--ink)}dialog h2{font-size:35px}dialog p{font-size:14px}dialog .preview{border-radius:8px;margin-bottom:25px}.menu{display:none}.skip{position:fixed;top:-70px;background:white;z-index:50;padding:10px}.skip:focus{top:0}@media(min-width:1600px){.wrap{max-width:1320px}.hero{min-height:680px}}@media(max-width:1100px){nav{gap:13px}header{gap:20px}.hero{gap:35px}h1{font-size:68px}.hero h2{font-size:20px}.service-grid{grid-template-columns:repeat(3,1fr)}.about{gap:45px}.contact{gap:50px}.specialties{gap:20px;font-size:8px}.case-study{grid-template-columns:45px 1fr}.case-flow{grid-column:2}.ai-panel{gap:30px;padding:35px}}@media(max-width:850px){header{height:77px}.menu{display:block;margin-left:auto;border:0;background:none;font-size:23px}nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--cream);padding:25px;flex-direction:column;font-size:15px;box-shadow:0 8px 10px #0001}nav.open{display:flex}.wrap{padding:65px 25px}.hero{gap:25px}.hero h1{font-size:54px}.hero h2{font-size:17px}.portrait{height:370px}.monogram{font-size:125px}.hero .eyebrow{font-size:8px}.actions{gap:16px;flex-wrap:wrap}.floating-note{font-size:12px;left:0;padding:12px}.specialties{flex-wrap:wrap;gap:8px 20px}.about{gap:30px}.about-art{min-height:400px;padding:25px}.about-art p:not(.eyebrow){font-size:34px}h2{font-size:38px}.section-heading{align-items:start}.service-grid{grid-template-columns:repeat(2,1fr)}.ai-panel{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:repeat(2,1fr)}.contact{gap:30px}.contact h2{font-size:57px}.sparkle{font-size:35px}}@media(max-width:600px){header .button{font-size:10px;padding:8px 12px;gap:14px}.brand{font-size:25px}header{gap:15px}.hero{grid-template-columns:1fr;padding-top:45px;gap:40px}.hero h1{font-size:62px}.hero h2{font-size:20px}.hero-note{margin-top:23px}.portrait-wrap{max-width:340px;width:100%;margin:auto}.portrait{height:380px}.side-label{right:-3px}.floating-note{bottom:35px;left:-4px}.about,.contact{grid-template-columns:1fr;gap:40px}.about-art{min-height:300px}.section-heading{display:block}.section-heading p{margin-top:10px}.service-grid{gap:12px}.service-card{padding:20px 17px}.service-card h3{font-size:14px}.ai-panel{padding:27px 22px}.ai-panel h2{font-size:35px}.ai-grid div{padding:15px}.project-grid{grid-template-columns:1fr}.preview{height:275px}.case-study{grid-template-columns:1fr;padding:25px;gap:10px}.case-number{font-size:34px}.case-flow{grid-column:1;gap:8px}.case-flow span{padding:15px 10px}.filters{gap:7px}.filters button{padding:7px 12px}.contact h2{font-size:65px}.testimonial h2{font-size:36px}footer{gap:20px}footer p{width:100%}footer>a{margin-left:0}.form-row{grid-template-columns:1fr;gap:0}.specialties span{display:none}.tools span{font-size:11px;padding:9px 14px}dialog{padding:35px 25px}.skills span{font-size:11px;padding:6px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.profile-image{display:block;width:100%;height:100%;object-fit:cover}.about-art:has(.profile-image){padding:0;height:440px;overflow:hidden}.reveal{opacity:.1;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
/* Real portfolio media */
.portrait .profile-image{object-position:center 32%}.media-open{display:block;padding:0;width:100%;border:0;text-align:inherit;background:#ece4de;cursor:pointer}.project-media{height:260px;position:relative;overflow:hidden;background:#eee6e0}.project-media img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s}.media-open:hover img{transform:scale(1.025)}.project-media.video-cover{background:#292627}.project-media.book-cover{background:#e9e4dd;padding:14px}.project-media.workflow-cover{padding:12px;background:#efedeb}.media-badge{position:absolute;bottom:12px;left:12px;background:#fffdfbed;padding:5px 11px;border-radius:20px;font-size:10px;color:#514445;box-shadow:0 2px 12px #0001}.project-info{display:flex;flex-direction:column;align-items:start}.project-info h3{min-height:50px}.project-modal{max-width:1050px}.project-modal h2{font-size:32px;padding-right:20px;letter-spacing:-1px}.project-video{display:block;width:100%;max-height:65vh;background:#171515;border-radius:8px}.project-full-image{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:0 auto;background:white}.project-description{margin-top:24px}.book-reader{background:#eae4dd;border:1px solid var(--line);border-radius:8px;padding:16px}.book-reader img{display:block;width:100%;height:60vh;object-fit:contain}.book-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px;font-size:12px}.book-controls button:disabled{opacity:.35;cursor:default}.floating-note{bottom:20px;left:-22px;padding:12px 17px;font-size:14px}.project-card{display:flex;flex-direction:column}.project-info{flex:1}.project-info>.text-link{margin-top:auto}@media(max-width:600px){.project-media{height:290px}.project-modal{padding:35px 18px 24px}.project-modal h2{font-size:26px}.book-reader{padding:8px}.book-reader img{height:50vh}.floating-note{left:-6px;bottom:15px}.project-info h3{min-height:0}}