:root{--paper:#f8f7f1;--ink:#153d35;--green:#164c43;--muted:#66716a;--line:#dbded3;--gold:#baa074;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:#d3dfcf}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.header{position:sticky;top:0;background:#f8f7f1ed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:10}.nav-wrap{width:min(1320px,calc(100% - 80px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:40px;line-height:1;letter-spacing:-5px;font-weight:800}.brand span{font-family:var(--serif);font-style:italic}.brand i{font-size:19px;letter-spacing:0;vertical-align:top;margin-left:9px;color:var(--gold);font-style:normal}.header nav{display:flex;gap:38px;font-size:13px}.header nav a:hover{color:#668779}.nav-cta{border-bottom:1px solid var(--ink);font-size:13px;padding:6px 0}.nav-cta span{margin-left:24px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:58px;align-items:center;padding:82px 0 88px;min-height:720px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.65px;text-transform:uppercase;margin:0 0 26px}.live-dot{display:inline-block;width:6px;height:6px;background:#608875;border-radius:50%;margin:0 9px 1px 0}.hero h1{font-size:clamp(46px,4.6vw,68px);letter-spacing:-3px;line-height:1.14;font-weight:500;margin:0 0 28px}.hero h1 em,h2 em{font-family:var(--serif);font-weight:400}h2{font-size:clamp(32px,3.2vw,46px);font-weight:500;line-height:1.25;letter-spacing:-1.3px;margin:0}h3{font-weight:500}.intro{max-width:455px;color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:32px}.intro strong{color:var(--ink);font-weight:600}.hero-actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;font-weight:600;padding:16px 23px;border-radius:3px;transition:transform .2s,background .2s;border:0}.button:hover{transform:translateY(-3px)}.dark{background:var(--green);color:#fff}.text-link{font-size:12px;border-bottom:1px solid #adb8a9;padding-bottom:4px}.text-link span{padding-left:12px}.hero-meta{display:flex;gap:27px;font-size:10px;margin-top:47px;color:var(--muted)}.hero-meta span+span:before{content:'•';margin-right:24px;color:var(--gold)}.hero-art{height:490px;position:relative;background:#e7ece0;border-radius:160px 160px 6px 6px;isolation:isolate}.art-grid{position:absolute;inset:0;border-radius:inherit;opacity:.3;background-image:linear-gradient(#afbea8 1px,transparent 1px),linear-gradient(90deg,#afbea8 1px,transparent 1px);background-size:39px 39px;mask-image:linear-gradient(transparent,#000)}.orbit{position:absolute;border:1px solid #c4ceb9;border-radius:50%;z-index:-1}.orbit-one{inset:36px -10px 85px;transform:rotate(-20deg)}.orbit-two{inset:90px -35px 145px;transform:rotate(25deg)}.art-caption{position:absolute;top:31px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px}.studio-card{position:absolute;width:77%;left:12%;top:79px;background:#faf9f4;border:1px solid #e4e6db;border-radius:8px;padding:14px;box-shadow:0 18px 50px #213d2b1c;transform:rotate(-5deg)}.studio-head{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:600;line-height:1.3;padding-bottom:13px;letter-spacing:1px}.studio-head small{font-size:7px;color:#879083;font-weight:400;letter-spacing:0}.tiny-mark{background:var(--green);color:#fff;border-radius:5px;font-family:var(--serif);font-size:20px;width:29px;height:30px;text-align:center;line-height:30px}.window-dots{margin-left:auto;letter-spacing:2px;color:#a1a99b}.studio-poster{height:190px;position:relative;overflow:hidden;background:#1b453d;border-radius:4px;display:flex;align-items:flex-end;padding:17px}.poster-orb{position:absolute;width:190px;height:190px;right:-1px;top:-55px;background:radial-gradient(circle at 32% 32%,#efdfab,#899c6f 45%,#153b31 70%);border-radius:50%;box-shadow:0 0 50px #dec87b31}.poster-line{position:absolute;width:170px;height:170px;border:1px solid #d8c39176;transform:rotate(-30deg);border-radius:50%;left:30px;top:30px}.studio-poster p{font-family:var(--serif);font-size:28px;color:#f1ebd6;line-height:1.2;margin:0;z-index:1}.studio-bottom{display:flex;justify-content:space-between;padding-top:12px;font-size:7px;letter-spacing:1px;color:#627566}.process-note{position:absolute;right:-17px;bottom:84px;background:#f5eedb;box-shadow:0 8px 24px #1939290b;border:1px solid #e9dfc8;padding:17px 19px;transform:rotate(5deg);width:260px}.note-label{display:block;color:#8d7850;font-size:8px;letter-spacing:2px}.process-note>div{display:flex;justify-content:space-between;font-size:11px;padding:12px 0 6px}.process-note b{font-weight:400;color:#b59e6f}.process-note small{font-family:var(--serif);font-style:italic;color:#837557;font-size:12px}.person-stamp{position:absolute;bottom:15px;left:-30px;display:flex;align-items:center;gap:12px;background:var(--paper);padding:12px 21px 12px 12px;border:1px solid #dfdfd2;border-radius:7px;box-shadow:0 10px 30px #2438270d;font-size:12px;line-height:1.4;transform:rotate(-3deg)}.person-stamp img{object-fit:cover;border-radius:50%}.person-stamp small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.person-stamp>span{font-size:27px;color:var(--gold);margin-left:13px}.art-year{position:absolute;bottom:19px;right:13px;font-size:7px;letter-spacing:1px;color:#83947d;writing-mode:vertical-rl}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:10px;letter-spacing:1.3px}.strip i{color:var(--gold);font-size:17px;font-style:normal}.section{padding-top:106px;padding-bottom:106px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:44px}.section-top .eyebrow{margin-bottom:19px}.section-intro{font-size:13px;color:var(--muted);max-width:335px;margin:0 0 3px;line-height:1.9}.filter-row{display:flex;align-items:center;gap:8px;margin-bottom:30px}.filter{background:none;border:1px solid transparent;border-radius:30px;padding:8px 16px;font-size:11px;color:#6b786d}.filter.active{background:var(--green);color:white}.filter:not(.active):hover{border-color:#c7d1c1}.filter span{font-size:9px;margin-left:9px;opacity:.7}.project-counter{margin-left:auto;font-size:10px;color:#83907f}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 28px}.project-card[hidden]{display:none}.project-card{min-width:0}.project-visual{height:282px;border:0;width:100%;display:block;overflow:hidden;border-radius:7px;position:relative;transition:filter .25s;text-align:initial;padding:0;color:var(--ink)}.project-visual:hover{filter:brightness(.97)}.project-visual .view-tag{position:absolute;right:18px;bottom:18px;background:#fffdf0ed;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:17px;transition:transform .25s;z-index:2}.project-visual:hover .view-tag{transform:rotate(45deg)}.project-info{padding-top:18px}.project-info-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.project-info h3{font-size:21px;letter-spacing:-.5px;line-height:1.3;margin:0}.case-open{padding:0;border:0;background:none;color:var(--ink);font-size:11px;white-space:nowrap;border-bottom:1px solid #bbc8b7}.project-info p{font-size:12px;color:var(--muted);line-height:1.8;margin:9px 0 11px;max-width:90%}.project-tags{display:flex;gap:6px;flex-wrap:wrap}.project-tags span{font-size:8px;letter-spacing:.5px;padding:4px 9px;border:1px solid #dce2d5;border-radius:3px;color:#74816e}.visual-gen{background:#e7e7dc;display:flex;align-items:center;justify-content:center}.gen-tile{width:73%;background:var(--green);color:#fff9de;border-radius:7px;transform:rotate(-5deg);box-shadow:0 20px 40px #1a3c352b;padding:24px;position:relative}.gen-tile:after{content:'';position:absolute;width:140px;height:140px;border-radius:50%;right:-9px;top:-20px;background:radial-gradient(circle at 40% 30%,#e6d7ad,#718b70 55%,#173f36 72%);opacity:.9}.gen-tile small{letter-spacing:3px;font-size:9px}.gen-tile h4{font-family:var(--serif);font-size:34px;line-height:1.1;font-weight:400;margin:30px 0;position:relative;z-index:1}.mini-chips{display:flex;gap:8px;font-size:8px;position:relative;z-index:1}.mini-chips span{border:1px solid #ffffff33;border-radius:15px;padding:4px 8px}.visual-board{background:#e5e9e4;padding:28px 24px 0}.board-window{border:1px solid #d5dbd0;background:#fffdf9;box-shadow:0 10px 30px #223f3513;transform:rotate(3deg);border-radius:5px;overflow:hidden}.board-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:14px;border-bottom:1px solid #edf0e7}.board-body{padding:13px}.mini-table{font-size:8px;width:100%;border-collapse:collapse}.mini-table td,.mini-table th{text-align:left;padding:11px 8px;border-bottom:1px solid #edf0e7}.mini-table th{font-weight:400;color:#96a08e}.mini-status{background:#eaf1e5;color:#6a8560;padding:4px;border-radius:9px}.mini-status.gold{background:#f6eed8;color:#a58a4d}.visual-b2b{background:#e9dfcb;display:grid;place-items:center}.gift-scene{background:#fcf9ef;width:79%;padding:22px 25px;transform:rotate(-3deg);border:1px solid #e2dac5;box-shadow:0 13px 40px #776f4f17}.gift-scene>small{font-size:8px;color:#8e754b;letter-spacing:2px}.gift-scene h4{font-family:var(--serif);font-size:29px;margin:17px 0;font-weight:400;line-height:1.15}.gift-bottom{display:flex;gap:20px;align-items:center}.gift-box{width:100px;height:60px;background:#244d3e;box-shadow:6px -6px 0 #657e60;display:flex;align-items:center;justify-content:center;color:#e6d8af;font-family:var(--serif);font-size:10px;flex-shrink:0}.gift-button{font-size:8px;background:#e6dcc2;padding:6px 13px;border-radius:2px}.visual-price{background:#e3e9ed;display:grid;place-items:center}.price-window{background:#fbfbf7;width:70%;border-radius:6px;border:1px solid #d5dfe1;transform:rotate(4deg);box-shadow:0 15px 40px #33445914;padding:22px}.price-window h4{font-size:12px;font-weight:500;margin:0 0 19px}.price-row{display:flex;justify-content:space-between;font-size:9px;padding:9px 0;border-bottom:1px solid #e9edeb}.price-row span:last-child{color:#7d8d81}.price-total{background:#e9efdf;border-radius:4px;display:flex;justify-content:space-between;padding:13px 11px;margin-top:13px;font-size:9px}.visual-seo{background:#e7e3ed;display:grid;place-items:center}.seo-window{background:#fffdf8;width:75%;transform:rotate(-3deg);padding:23px;border-radius:5px;box-shadow:0 14px 35px #40314e13}.seo-window small{font-size:8px;color:#917c9b;letter-spacing:1.5px}.seo-window h4{font-family:var(--serif);font-size:24px;margin:12px 0 18px;line-height:1.2;font-weight:400}.seo-lines span{display:block;height:5px;background:#e9e6eb;margin-top:8px;width:95%}.seo-lines span:nth-child(2){width:80%}.seo-lines span:last-child{width:60%}.seo-checks{margin-top:22px;display:flex;gap:10px;font-size:8px;color:#7c8e70}.project-foot{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:42px;padding-top:23px;border-top:1px solid var(--line)}.project-foot>span{max-width:480px;font-size:10px;color:#7e897a}.approach{background:#eaf0e6}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.workflow-grid article{padding:32px 32px 10px 0;position:relative;border-top:1px solid #ccd7c5}.workflow-grid article+article{padding-left:32px;border-left:1px solid #ccd7c5}.step{font-size:9px;color:#809474;position:absolute;right:22px;top:20px}.workflow-icon{font-size:29px;color:#568469;line-height:1;margin:5px 0 25px}.workflow-grid h3{font-size:23px;margin:0 0 14px}.workflow-grid p{font-size:12px;color:#677560;line-height:1.9;max-width:285px}.deliverable{display:block;font-size:9px;color:#7a8a70;margin-top:28px}.tools-line{margin-top:52px;padding-top:23px;border-top:1px solid #ccd7c5;display:flex;align-items:center;justify-content:space-between;gap:25px}.tools-line>span{font-size:9px;letter-spacing:1px;color:#7a8a70}.tools-line>div{font-size:13px}.tools-line i{font-style:normal;color:#abb99c;margin:0 13px}.about{display:grid;grid-template-columns:1fr 1fr;gap:110px}.about-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.95;max-width:430px;margin:26px 0 0}.about-details{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}.about-details span{font-size:9px;border:1px solid var(--line);border-radius:20px;padding:6px 12px;color:#7c8776}.experience-heading{font-size:10px;letter-spacing:1.4px;border-bottom:1px solid var(--line);padding-bottom:15px;display:flex;justify-content:space-between}.experience article{display:grid;grid-template-columns:105px 1fr;border-bottom:1px solid var(--line);padding:19px 0;gap:15px}.experience article>span{font-size:9px;color:#899181;padding-top:3px}.experience h3{font-size:15px;margin:0 0 4px}.experience article p{font-size:11px;color:var(--muted);margin:0}.experience-note{font-size:10px;line-height:1.8;color:#8a9383}.contact{background:#184c43;position:relative;overflow:hidden;color:#f3f1df}.contact-inner{padding-top:83px;padding-bottom:78px;position:relative;z-index:1}.contact .eyebrow{color:#b7c8b0}.contact h2{font-size:clamp(37px,4vw,59px)}.contact h2 em{color:#d2c398}.contact-inner>p:not(.eyebrow){font-size:13px;color:#b8ccbc;max-width:470px;line-height:1.9;margin:26px 0}.contact-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.cream{background:#f1eedb;color:#1c473d}.copy-email{background:none;color:#d0d9c6;border:0;font-size:11px;padding:8px 0;border-bottom:1px solid #74927b}.copy-email span{margin-left:15px}.contact-details{display:flex;gap:30px;font-size:11px;color:#acc3b2;margin-top:42px;flex-wrap:wrap}.contact-star{position:absolute;right:7%;top:40px;color:#789b7270;font-size:330px;line-height:1;transform:rotate(13deg)}.footer{display:flex;gap:25px;align-items:center;padding-top:32px;padding-bottom:32px}.footer .brand{font-size:32px}.footer p{font-size:10px;color:#778570;margin:0}.footer small{font-size:8px;color:#9aa18f}.footer>div{margin-left:auto;display:flex;gap:24px;font-size:10px;color:#6a7b63}dialog{border:0;border-radius:10px;padding:0;width:min(790px,calc(100% - 32px));max-height:88vh;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #102b3040}dialog::backdrop{background:#102b2a88;backdrop-filter:blur(4px)}.dialog-top{position:sticky;top:0;background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:17px 29px;border-bottom:1px solid var(--line);z-index:2}.dialog-top>span{font-size:9px;letter-spacing:2px;color:#788870}.close-dialog{background:transparent;border:1px solid #d9e0d0;border-radius:50%;width:32px;height:32px;font-size:13px;color:var(--ink)}#case-content{padding:31px}.case-eyebrow{font-size:10px;color:#8c9b7e;margin-bottom:10px}#case-title{font-size:37px;margin-bottom:22px}.case-lead{font-size:14px;line-height:1.9;color:#687761}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.case-columns h3,.case-outcomes h3{font-size:15px;margin:0 0 10px}.case-columns p,.case-columns li,.case-outcomes li{font-size:12px;color:#64765c;line-height:1.9}.case-columns ul,.case-outcomes ul{padding-left:17px}.case-outcomes{padding-top:20px;border-top:1px solid var(--line)}.case-note{font-size:11px;background:#eaf0e5;color:#6c7d61;padding:13px 16px;border-radius:3px;margin:23px 0}.case-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.case-actions .button{font-size:11px}.case-actions .outline{border:1px solid #becbb4;background:transparent;color:var(--ink)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--green);color:white;padding:12px 21px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:var(--green);color:#fff;z-index:50}.skip:focus{top:10px}@media(min-width:1450px){.hero{gap:95px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:35px}.hero-art{height:430px}.studio-poster{height:160px}.process-note{right:-10px;width:228px}.person-stamp{left:-10px}.hero h1{font-size:52px}.about{gap:55px}.contact-star{right:-10%}.project-visual{height:250px}.tools-line{align-items:flex-start;flex-direction:column}.tools-line>div{font-size:12px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav-wrap{height:73px;width:calc(100% - 40px)}.header nav{gap:18px;font-size:11px}.nav-cta{display:none}.brand{font-size:35px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:46px;gap:42px;min-height:0}.hero h1{font-size:clamp(44px,10vw,65px);letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.intro{font-size:14px;max-width:500px}.hero-meta{margin-top:28px;font-size:9px;gap:12px}.hero-meta span+span:before{margin-right:12px}.hero-art{width:min(470px,93%);height:430px;margin:0 auto}.studio-card{top:62px}.person-stamp{bottom:13px;left:-8px}.process-note{bottom:87px;right:-8px}.art-caption{font-size:7px}.strip .wrap{overflow:hidden;gap:16px;justify-content:flex-start;white-space:nowrap;font-size:8px;padding:17px 0}.strip span:nth-last-child(2),.strip i:last-of-type{display:none}.section{padding-top:65px;padding-bottom:65px}.section-top{display:block;margin-bottom:28px}.section-top h2{font-size:35px}.section-intro{margin-top:25px;max-width:430px;font-size:12px}.filter-row{gap:3px;flex-wrap:wrap}.filter{padding:7px 11px;font-size:10px}.project-counter{display:none}.project-grid{grid-template-columns:1fr;gap:31px}.project-visual{height:280px}.project-info h3{font-size:20px}.project-info p{max-width:100%}.project-foot{align-items:flex-start;flex-direction:column;gap:17px}.project-foot>span{font-size:9px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article,.workflow-grid article+article{padding:22px 0 25px;border-left:0}.workflow-grid p{max-width:100%}.workflow-icon{float:left;margin:4px 19px 0 0;font-size:24px}.workflow-grid h3{font-size:21px;margin-bottom:15px}.workflow-grid p{clear:both}.deliverable{margin-top:18px}.step{right:4px;top:24px}.tools-line{margin-top:20px}.tools-line>div{line-height:2.4;font-size:12px}.tools-line i{margin:0 5px}.about{grid-template-columns:1fr;gap:40px}.about-intro>p:not(.eyebrow){max-width:100%}.experience article{grid-template-columns:100px 1fr}.contact-inner{padding-top:61px;padding-bottom:51px}.contact h2{font-size:39px}.contact-star{font-size:230px;right:-90px;top:95px;opacity:.4}.contact-inner>p:not(.eyebrow){max-width:90%}.contact-actions{gap:17px;flex-wrap:wrap}.contact-details{gap:11px;flex-direction:column;margin-top:30px}.footer{flex-wrap:wrap;gap:17px}.footer>div{margin-left:0;width:100%;padding-top:17px;border-top:1px solid var(--line);gap:22px;font-size:9px}.case-columns{grid-template-columns:1fr;gap:15px}.dialog-top{padding:14px 21px}#case-content{padding:23px}#case-title{font-size:31px}.case-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
