:root{--cream:#f6f0e5;--paper:#fbf8f1;--ink:#2d3029;--muted:#6e7066;--line:#d7d2c5;--orange:#df8f55;--yellow:#f0bf78;--olive:#747960;--dark:#2c3028}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}::selection{background:#f0bf78;color:var(--ink)}.page-shell{overflow:hidden}.section-wrap{max-width:1320px;margin:auto;padding-left:48px;padding-right:48px}
.site-header{height:95px;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{display:inline-flex;align-items:center;gap:11px;font-family:Fraunces,serif;font-size:24px;font-weight:600;letter-spacing:-1.3px;white-space:nowrap}.wordmark em,.footer-brand em{font-weight:400;color:var(--orange)}.brand-icon{width:33px;height:33px;display:inline-grid;place-items:center;color:var(--orange)}.brand-icon svg{width:100%;height:100%}.site-header nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:700}.site-header nav>a:not(.nav-cta){transition:color .2s}.site-header nav>a:not(.nav-cta):hover{color:#bc6f3f}.nav-cta{border:1px solid var(--ink);padding:13px 17px;border-radius:999px;display:flex;align-items:center;gap:19px;transition:background .2s,color .2s}.nav-cta:hover{background:var(--ink);color:var(--paper)}
.hero{min-height:650px;max-width:1440px;margin:auto;display:grid;grid-template-columns:54% 46%;border-bottom:1px solid var(--line)}.hero-copy{padding:105px 45px 67px 6.65vw;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;margin:0 0 35px;display:flex;gap:13px;align-items:center}.eyebrow-line{width:28px;height:1px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Fraunces,serif;font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(65px,6.4vw,108px);line-height:1.02;margin-bottom:27px;white-space:nowrap}h1 em,h2 em{font-weight:400;color:var(--orange)}.hero-description{font-size:17px;line-height:1.72;color:#5d6258;max-width:530px;margin-bottom:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:42px;border-radius:999px;padding:17px 22px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#454d3a}.button span{font-size:17px;font-weight:400;line-height:0}.hero-note{display:flex;align-items:center;gap:10px;margin-top:72px;color:#777a70;font-size:12px}.note-spark{font-size:20px;color:var(--orange)}
.hero-art{min-height:650px;background:#e8d4ba;position:relative;overflow:hidden;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#e4c4a0 1px,transparent 1px),linear-gradient(90deg,#e4c4a0 1px,transparent 1px);background-size:58px 58px;opacity:.35;transform:rotate(-7deg) scale(1.2)}.art-sun{width:440px;height:440px;border-radius:50%;background:#f3bd79;position:absolute;right:-110px;top:-85px;box-shadow:0 0 0 50px #f3bd7933}.art-table{position:absolute;width:680px;height:390px;border-radius:50%;background:#c97b4f;bottom:-190px;left:-90px;transform:rotate(-14deg);box-shadow:0 -16px 0 #a65a3a inset,0 27px 45px #70432745}.art-saucer{position:absolute;width:285px;height:92px;left:25%;top:52%;background:#fff8e8;border-radius:50%;transform:rotate(-12deg);box-shadow:0 16px 0 #ddc3a5,0 21px 13px #754a383b}.art-cup{position:absolute;width:211px;height:211px;left:32%;top:27%;background:#fbf6e9;border:16px solid #fffaf0;border-radius:50%;transform:rotate(-12deg);box-shadow:0 16px 0 #dacbb6,0 28px 18px #704e3838;z-index:2}.art-coffee{position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#a76d45 0 37%,#7b4c32 55%,#5d3828 75%)}.art-foam{position:absolute;left:42px;top:56px;width:97px;height:66px;border-radius:50% 50% 52% 48%;background:#e7bf91;transform:rotate(35deg);box-shadow:15px -9px 0 -9px #f9e1ba,-13px 8px 0 -8px #f9e1ba}.art-handle{position:absolute;width:75px;height:85px;border:18px solid #fffaf0;border-radius:50%;left:65%;top:38%;transform:rotate(-14deg);z-index:1;box-shadow:8px 7px 0 #70543a20}.art-pastry{position:absolute;width:230px;height:140px;left:4%;bottom:17%;transform:rotate(-19deg);z-index:3;filter:drop-shadow(8px 15px 7px #693e3044)}.pastry-middle{position:absolute;width:145px;height:115px;left:42px;top:8px;border-radius:50% 50% 37% 37%;background:repeating-linear-gradient(102deg,#d77d3d 0 14px,#efae5e 15px 28px,#b96232 29px 31px);border:5px solid #a9512f;box-shadow:inset 0 18px 12px #ffca7b70}.pastry-end{position:absolute;width:75px;height:72px;bottom:3px;border-radius:50%;background:#b95d31;border:4px solid #984825}.pastry-end-left{left:6px;transform:rotate(-35deg)}.pastry-end-right{right:3px;transform:rotate(35deg)}.art-label{position:absolute;z-index:5;font-family:Fraunces,serif;color:#574e3d;font-style:italic;font-size:19px}.art-label-top{left:8%;top:11%;transform:rotate(-9deg)}.art-label-bottom{right:8%;bottom:10%;transform:rotate(8deg)}.art-label-bottom span{color:#ffe4a7}
.intro{padding-top:95px;padding-bottom:116px}.section-index{display:flex;align-items:center;gap:28px;color:#8b8c7f;font-size:11px;font-weight:700;letter-spacing:1.7px;white-space:nowrap}.index-rule{height:1px;background:var(--line);flex:1}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:54px;margin-bottom:74px}.intro h2,.work-heading h2,.closing h2{font-size:clamp(58px,5.1vw,82px);line-height:1.05;margin:0}.intro-right{padding:5px 4vw 0 0;color:var(--muted);font-size:15px;line-height:1.8;max-width:600px}.intro-right .intro-lead{font-size:23px;color:var(--ink);line-height:1.5;letter-spacing:-.035em;margin-bottom:22px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;background:var(--paper);border:1px solid #e9e3d7;min-height:277px;padding:29px 29px 33px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #42371b0c}.service-number{font-size:11px;color:#a4a596;font-weight:700;letter-spacing:1.4px}.service-icon{font-family:Fraunces,serif;margin:26px 0 19px;width:51px;height:51px;display:grid;place-items:center;border-radius:50%;font-size:28px}.service-icon-ai{background:#f8e0ba;color:#c3743e}.service-icon-code{background:#e4e5d6;color:#657253;font-size:21px}.service-icon-products{background:#e8d6cc;color:#af6d54}.service-card h3{font-family:Fraunces,serif;font-size:27px;font-weight:500;letter-spacing:-.035em;margin-bottom:9px}.service-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0;max-width:340px}
.work-section{background:var(--dark);color:#f9f4e8;padding:95px 0 112px}.work-section .section-index{color:#a3a897}.work-section .index-rule{background:#575c50}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:54px 0 48px}.work-heading h2 em{color:#f0bd79}.work-heading p{font-size:15px;line-height:1.65;color:#b3b9a7;max-width:270px;margin:0 22px 9px 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-card{min-height:545px;position:relative;overflow:hidden;padding:28px 28px 30px;display:flex;flex-direction:column;justify-content:space-between}.tuner-card{background:#d5d9c4;color:#293128}.taketime-card{background:#e5ba9b;color:#47392e}.project-card-top{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:start}.project-kicker{font-size:10px;letter-spacing:1.6px;font-weight:700}.project-arrow{font-size:22px;line-height:1}.coming-pill{font-size:9px;letter-spacing:1.1px;border:1px solid currentColor;padding:8px 10px;border-radius:99px;font-weight:700}.tuner-art,.taketime-art{position:absolute;inset:55px 0 130px}.tuner-orbit{position:absolute;left:50%;top:49%;border:1px solid #96a28e;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.tuner-orbit-one{width:310px;height:188px}.tuner-orbit-two{width:390px;height:265px;transform:translate(-50%,-50%) rotate(27deg);border-color:#abb6a1}.tuner-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-8deg);width:190px;height:190px;background:#455745;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:82px;letter-spacing:-.12em;color:#f1e8d4;box-shadow:18px 20px 0 #76846f5e}.tuner-core span{color:#eeb879;font-size:50px;margin:0 10px 0 3px}.tuner-chip{position:absolute;padding:7px 12px;border-radius:99px;background:#f5f2de;border:1px solid #b9c2aa;font-family:Fraunces,serif;font-size:16px;font-style:italic;color:#66775f;box-shadow:2px 4px 0 #899c7b55}.chip-one{left:11%;top:12%;transform:rotate(-12deg)}.chip-two{right:9%;top:32%;transform:rotate(12deg)}.chip-three{left:20%;bottom:10%;transform:rotate(8deg)}.taketime-art{display:grid;place-items:center}.clock-ring{display:block;position:relative;width:263px;height:263px;border:17px solid #f9e4c7;border-radius:50%;background:#c47e60;box-shadow:17px 19px 0 #9d5d4870,inset 0 0 0 3px #ab6a50}.clock-ring:before,.clock-ring:after{content:"";position:absolute;background:#f7dbb6;border-radius:50%}.clock-ring:before{height:15px;width:15px;left:calc(50% - 7px);top:17px;box-shadow:0 192px 0 #f7dbb6}.clock-ring:after{width:15px;height:15px;top:calc(50% - 7px);left:17px;box-shadow:192px 0 0 #f7dbb6}.clock-hand-long,.clock-hand-short{position:absolute;background:#f7dbb6;left:50%;bottom:50%;transform-origin:bottom center;border-radius:9px}.clock-hand-long{width:6px;height:78px;transform:translateX(-50%) rotate(32deg)}.clock-hand-short{width:7px;height:59px;transform:translateX(-50%) rotate(-72deg)}.clock-dot{position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);width:20px;height:20px;background:#f9e4c7;border-radius:50%}.clock-spark{position:absolute;right:15%;top:15%;font-size:57px;color:#f9e4c7;transform:rotate(18deg)}.project-card-bottom{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:end;gap:20px}.project-card-bottom h3{font-family:Fraunces,serif;font-size:39px;letter-spacing:-.055em;font-weight:500;margin-bottom:7px}.project-card-bottom p{font-size:13px;line-height:1.6;max-width:335px;margin:0}.project-card-bottom a,.soon-text{white-space:nowrap;font-size:12px;font-weight:700;padding-bottom:5px;border-bottom:1px solid currentColor}.project-card-bottom a:hover{opacity:.65}
.closing{text-align:center;padding-top:110px;padding-bottom:117px;display:flex;align-items:center;flex-direction:column}.closing-mark{font-size:43px;color:var(--orange);line-height:1;margin-bottom:20px}.closing .eyebrow{margin-bottom:20px;color:#8c8d82}.closing h2{margin-bottom:22px}.closing>p:not(.eyebrow){max-width:420px;color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:27px}.site-footer{border-top:1px solid var(--line);max-width:1440px;margin:auto;min-height:88px;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#888a7e;font-size:12px}.footer-brand{font-family:Fraunces,serif;font-size:20px;color:var(--ink);font-weight:600;letter-spacing:-.05em}.footer-brand span{color:var(--orange);font-size:13px;margin-left:6px}
@media(max-width:1050px){.hero{grid-template-columns:55% 45%;min-height:600px}.hero-copy{padding:90px 30px 50px 48px}.hero-art{min-height:600px}h1{font-size:clamp(58px,6.1vw,76px)}.art-cup{left:27%}.art-saucer{left:19%}.art-handle{left:67%}.art-pastry{left:-7%}.section-wrap{padding-left:32px;padding-right:32px}.site-header{padding-left:32px;padding-right:32px}.project-card-bottom{display:block}.project-card-bottom a,.soon-text{display:inline-block;margin-top:20px}.site-footer{padding-left:32px;padding-right:32px}}
@media(max-width:720px){.site-header{height:auto;min-height:75px;padding:17px 21px;gap:15px}.wordmark{font-size:19px;letter-spacing:-1px}.brand-icon{width:27px;height:27px}.site-header nav{gap:13px}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:10px 12px;gap:5px}.hero{display:flex;flex-direction:column}.hero-copy{padding:71px 24px 52px}.hero h1{font-size:clamp(54px,11vw,78px);white-space:normal}.hero-description{font-size:15px}.hero-note{margin-top:47px}.hero-art{min-height:400px}.art-sun{width:330px;height:330px}.art-table{bottom:-230px}.art-cup{width:160px;height:160px;left:35%;top:25%;border-width:12px}.art-foam{left:33px;top:43px;width:72px;height:52px}.art-saucer{width:235px;left:26%;top:52%}.art-handle{left:69%;top:35%;width:60px;height:70px}.art-pastry{transform:rotate(-19deg) scale(.78);left:2%;bottom:11%}.art-label{font-size:16px}.section-wrap{padding-left:24px;padding-right:24px}.intro{padding-top:70px;padding-bottom:80px}.intro-grid{display:block;margin:42px 0}.intro h2,.work-heading h2,.closing h2{font-size:clamp(54px,10vw,72px)}.intro-right{padding:27px 0 0}.intro-right .intro-lead{font-size:20px}.services{grid-template-columns:1fr;gap:12px}.service-card{min-height:0;padding:24px}.service-icon{margin:22px 0 15px}.work-section{padding:70px 0 78px}.work-heading{display:block;margin:42px 0 36px}.work-heading p{margin:22px 0 0}.project-grid{grid-template-columns:1fr}.project-card{min-height:505px}.project-card-bottom{display:flex;align-items:end}.project-card-bottom h3{font-size:34px}.project-card-bottom a,.soon-text{display:inline-block}.closing{padding-top:86px;padding-bottom:90px}.site-footer{padding:27px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.site-footer .footer-brand{flex:0 0 100%}}
@media(max-width:500px){.site-header nav .nav-cta{font-size:0;padding:10px 12px}.site-header nav .nav-cta span{font-size:16px}.hero-art{min-height:360px}.art-cup{left:36%;top:25%}.art-handle{left:73%}.art-saucer{left:25%}.art-pastry{left:-8%;bottom:5%}.project-card{min-height:490px;padding:23px}.project-card-bottom{display:block}.project-card-bottom a,.soon-text{margin-top:16px}.tuner-art,.taketime-art{inset:60px 0 150px}.tuner-core{width:160px;height:160px;font-size:70px}.tuner-core span{font-size:44px}.tuner-orbit-one{width:260px;height:170px}.tuner-orbit-two{width:320px;height:225px}.clock-ring{transform:scale(.85)}.clock-spark{right:8%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.nav-cta,.service-card,.site-header nav>a{transition:none}}

/* White canvas with deeper brown accents; retain the original warm artwork and cards. */
:root{--cream:#fff;--orange:#995433}
.site-header{background:#fff}
.site-header nav>a:not(.nav-cta):hover{color:#995433}
.service-icon-ai{color:#995433}
.service-icon-products{color:#95543c}
@media(max-width:720px){.site-header nav>a:not(.nav-cta){display:inline;font-size:12px}.site-header nav{gap:18px}}
@media(max-width:500px){.site-header{flex-wrap:wrap;gap:10px;padding-bottom:16px}.site-header nav{width:100%;padding-left:38px;gap:25px}}