:root{--paper:#efeee8;--ink:#1b1d19;--muted:#686b60;--line:#cccec1;--lime:#d3f261;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #526922;outline-offset:6px}button{cursor:pointer}.wrap{width:min(1360px,calc(100% - 112px));margin:auto}.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:24px;letter-spacing:-1.1px;line-height:1}.brand span{display:block;font-size:8px;letter-spacing:3px;font-weight:500;margin-top:9px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav-studio{border:1px solid var(--ink);padding:13px 18px;border-radius:3px;margin-left:10px}.nav-studio span{margin-left:30px}.menu-toggle{display:none}.eyebrow,.section-index{font-size:10px;letter-spacing:1.9px;font-weight:600}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink);margin-right:7px}.hero{padding-top:46px;position:relative}.hero h1{font-size:clamp(64px,8.45vw,126px);line-height:.99;letter-spacing:-7px;font-weight:500;max-width:1000px;margin:42px 0 28px;position:relative}.italic,em{font-family:var(--serif);font-weight:400}.hero-star{position:absolute;left:73%;top:20px;font-size:122px;line-height:1;transform:rotate(13deg);font-weight:normal}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin:26px 0 54px}.hero-bottom p{font-size:15px;line-height:1.65;margin:0}.button{display:inline-flex;gap:44px;align-items:center;border-radius:3px;padding:20px 24px;font-size:13px;border:0;transition:transform .15s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.dark{background:var(--ink);color:var(--paper)}.hero-caption{border-top:1px solid var(--line);padding:19px 0 23px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.project-panel{background:var(--lime);overflow:hidden}.project-top{padding:26px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9fb747}.pill{border:1px solid var(--ink);font-size:9px;letter-spacing:1px;padding:7px 10px;border-radius:20px}.project-content{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:628px;gap:30px}.project-copy h2{font-size:clamp(36px,3.65vw,55px);font-weight:500;letter-spacing:-2.3px;line-height:1.12;margin:0 0 23px}.project-copy p{font-size:14px;line-height:1.7;max-width:365px;margin:0 0 28px}.text-link{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:9px;font-size:13px}.text-link span{font-size:23px}.project-copy .small-note{font-size:10px;line-height:1.6;max-width:325px;margin-top:24px;color:#424c21}.product-art{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;padding-right:30px}.mock-browser{width:540px;max-width:100%;background:#fbfaf4;box-shadow:11px 17px 0 #a7c247;border:1px solid #28321c;border-radius:7px;overflow:hidden;transform:rotate(-5deg);z-index:2}.mock-top{height:37px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #d4d8c9;font-size:7px;letter-spacing:1px}.mock-top i{display:inline-block;width:5px;height:5px;border:1px solid #525647;border-radius:50%;margin-right:3px}.mock-body{display:flex;min-height:340px}.mock-side{border-right:1px solid #d4d8c9;width:53px;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:21px;color:#686e5f;font-size:14px;flex-shrink:0}.mock-side b{font-size:18px;color:var(--ink);margin-bottom:8px}.mock-active{background:#d7ecb1;padding:6px 9px;border-radius:4px;color:var(--ink)}.mock-main{padding:22px;flex:1}.mock-title{display:flex;justify-content:space-between;align-items:center}.mock-title span{display:block;font-size:6px;letter-spacing:1px;margin-bottom:11px}.mock-title strong{font-size:25px;line-height:1.12;letter-spacing:-1px;font-weight:500}.mock-title .mock-circle{display:flex;font-size:25px;border-radius:100%;background:#d6ecb1;align-items:center;justify-content:center;width:47px;height:47px}.mock-products{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.mock-products>div>div{height:110px;background:#e8e3d7;position:relative;overflow:hidden}.mock-products>div:nth-child(2)>div{background:#dce3d3}.mock-products span{font-size:9px;display:block;margin-top:8px}.mock-products small{display:block;font-size:7px;color:#737669;margin-top:4px}.object-vase i{position:absolute;width:53px;height:78px;background:repeating-linear-gradient(90deg,#a85d3b,#bd7b54 5px,#a6603d 8px);bottom:7px;left:calc(50% - 26px);border-radius:18px 18px 24px 24px;box-shadow:8px 9px 9px #0002}.object-vase i:before{content:'';position:absolute;top:-2px;left:9px;width:35px;height:9px;border-radius:100%;background:#623d28;border:3px solid #b77650}.object-lamp i{position:absolute;bottom:13px;left:calc(50% - 4px);width:8px;height:69px;background:#5d6b39;box-shadow:7px 7px 8px #0002}.object-lamp i:after{content:'';position:absolute;bottom:-2px;left:-24px;width:57px;height:8px;border-radius:100%;background:#64713a}.object-lamp b{position:absolute;left:calc(50% - 39px);top:21px;width:78px;height:42px;border-radius:50% 50% 7px 7px;background:linear-gradient(90deg,#adb75e,#c5ce76,#8b9645);box-shadow:6px 7px 7px #0002}.mock-ai{margin-top:16px;display:flex;align-items:center;gap:12px;background:#e9ecdf;border-radius:4px;padding:10px}.mock-ai>span:first-child{font-size:23px}.mock-ai>span:last-child{margin-left:auto}.mock-ai b,.mock-ai small{display:block;font-size:8px;line-height:1.6;font-weight:500}.mock-ai small{font-size:7px;color:#626756}.art-orbit{position:absolute;border:1px solid #9eb64a;width:470px;height:470px;border-radius:100%;transform:rotate(20deg);z-index:0}.orbit-two{width:585px;height:255px;transform:rotate(-35deg)}.art-spark{position:absolute;z-index:4;top:2px;right:12px;font-size:75px;transform:rotate(15deg)}.floating-label{position:absolute;z-index:4;bottom:8px;right:5px;background:var(--ink);color:var(--paper);padding:15px 19px;font-size:10px;transform:rotate(3deg);border-radius:3px}.floating-label .dot{background:var(--lime);width:5px;height:5px}.section-space{padding-top:100px;padding-bottom:100px}.approach{display:grid;grid-template-columns:29% 71%;border-bottom:1px solid var(--line)}.approach>.section-index{padding-top:13px}.approach h2,.section-heading h2{font-weight:500;font-size:58px;letter-spacing:-2.6px;line-height:1.07;margin:0 0 37px}.approach-copy{display:grid;grid-template-columns:1fr 1fr;gap:42px;max-width:755px}.approach-copy p{font-size:14px;line-height:1.85;margin:0;max-width:310px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px}.section-heading .section-index{display:block;margin-bottom:29px}.section-heading h2{margin:0}.section-heading p{font-size:13px;line-height:1.7;padding-right:60px}.expertise{padding-bottom:50px}.expertise-list article{display:grid;grid-template-columns:8% 41% 43% 8%;align-items:center;gap:0;border-top:1px solid var(--line);padding:29px 0}.expertise-list article:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:10px;color:var(--muted)}.expertise-list h3{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:0}.expertise-list p{font-size:12px;line-height:1.7;max-width:265px;margin:0}.service-icon{font-size:37px;text-align:right}.method{padding-top:55px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:33px;gap:50px}.method article{border-top:1px solid var(--ink);padding-top:20px}.method article>span{font-size:9px;letter-spacing:1.2px}.method h3{font-size:27px;font-weight:500;line-height:1.15;letter-spacing:-.8px;margin:34px 0 22px}.method p{font-size:13px;line-height:1.7;max-width:250px}.contact-block{background:var(--ink);color:var(--paper);padding:58px 0 32px}.contact-block>.wrap>.eyebrow{color:#b5baaa}.contact-block>.wrap>a{display:block;font-size:clamp(44px,7.2vw,104px);line-height:1.04;letter-spacing:-4px;padding:38px 0 53px;position:relative}.contact-block>.wrap>a>span{position:absolute;right:0;top:40px;color:var(--lime);font-size:125px}.contact-footer{border-top:1px solid #4a4f40;padding-top:27px;display:flex;justify-content:space-between;align-items:center}.contact-footer>span{font-size:9px;letter-spacing:1px;color:#afb59f}.contact-footer a{font-size:14px}.site-footer{min-height:144px;display:flex;align-items:center;justify-content:space-between}.site-footer .brand{font-size:19px}.site-footer .brand span{font-size:7px;letter-spacing:2px}.site-footer>span{font-size:11px;color:var(--muted)}.site-footer>div{display:flex;gap:26px;font-size:11px}.legal-trigger{padding:0;background:none;border:0;font-size:11px;color:var(--muted)}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:5px;max-width:590px;padding:44px;box-shadow:0 15px 90px #0004}dialog::backdrop{background:#1119}dialog h2{font-size:28px;letter-spacing:-1px;font-weight:500}dialog p{font-size:14px;line-height:1.7}dialog a{text-decoration:underline}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:26px}@media(min-width:1550px){.hero-star{left:84%}.hero h1{font-size:135px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero h1{letter-spacing:-5px}.hero-star{left:80%;font-size:90px}.project-content{grid-template-columns:42% 58%;gap:12px;min-height:550px}.project-copy h2{font-size:39px}.project-copy p{font-size:12px}.product-art{padding-right:5px;min-height:410px}.mock-main{padding:15px}.mock-title strong{font-size:20px}.mock-title .mock-circle{width:36px;height:36px}.mock-products>div>div{height:95px}.mock-body{min-height:320px}.art-spark{font-size:58px}.floating-label{font-size:8px;bottom:14px}.approach h2,.section-heading h2{font-size:48px}.approach-copy{gap:25px}.expertise-list h3{font-size:20px}.expertise-list p{max-width:230px}.section-space{padding-top:80px;padding-bottom:80px}.method{padding-top:20px}.method-grid{gap:25px}.method h3{font-size:24px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:87px}.brand{font-size:21px}.brand span{font-size:7px;letter-spacing:2.6px}.menu-toggle{display:flex;align-items:center;gap:17px;background:none;border:1px solid var(--line);padding:9px 11px;font-size:11px}.menu-toggle span{font-size:20px;line-height:.8}.site-header nav{display:none;position:absolute;top:87px;right:20px;left:20px;z-index:20;background:var(--paper);border:1px solid var(--line);padding:23px;align-items:stretch;gap:22px}.site-header nav.open{display:flex;flex-direction:column}.nav-studio{margin-left:0;display:flex;justify-content:space-between}.hero{padding-top:29px}.eyebrow,.section-index{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:clamp(53px,12vw,84px);line-height:1.04;letter-spacing:-3.5px;margin-top:31px}.hero-star{top:17px;left:80%;font-size:43px}.hero-bottom{display:block;margin-bottom:34px}.hero-bottom p{font-size:13px}.hero-bottom .button{margin-top:26px;gap:55px;padding:17px 19px;font-size:12px}.hero-caption{font-size:7px;line-height:1.6;gap:20px;padding-bottom:19px}.hero-caption span:last-child{text-align:right;max-width:115px}.project-top{padding:23px 0}.pill{font-size:7px;letter-spacing:.5px;padding:6px 8px}.project-content{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-top:38px;padding-bottom:20px}.project-copy h2{font-size:42px;letter-spacing:-2px;margin-bottom:18px}.project-copy p{font-size:13px;max-width:100%;margin-bottom:18px}.project-copy .small-note{max-width:100%;font-size:9px;margin-top:18px}.text-link{font-size:12px}.product-art{min-height:375px;margin:0 6px}.mock-browser{transform:rotate(-4deg);max-width:420px;box-shadow:7px 9px 0 #a7c247}.mock-body{min-height:296px}.mock-main{padding:17px}.mock-side{width:39px;gap:18px;padding-top:16px}.mock-top{height:30px}.mock-title strong{font-size:20px}.mock-title span{font-size:5px}.mock-products>div>div{height:87px}.mock-products span{font-size:8px}.mock-products small{font-size:6px}.mock-ai{margin-top:13px}.art-spark{top:0;right:-3px;font-size:44px}.art-orbit{width:330px;height:330px}.orbit-two{width:400px;height:180px}.floating-label{font-size:8px;bottom:9px;right:0;padding:12px 14px}.section-space{padding-top:55px;padding-bottom:55px}.approach{display:block}.approach>.section-index{display:block;padding:0;margin-bottom:27px}.approach h2,.section-heading h2{font-size:42px;letter-spacing:-1.8px;margin-bottom:27px}.approach-copy{display:block}.approach-copy p{font-size:13px;max-width:100%;margin-bottom:17px}.section-heading{display:block;margin-bottom:30px}.section-heading .section-index{margin-bottom:23px}.section-heading p{font-size:12px;margin-bottom:0}.expertise{padding-bottom:20px}.expertise-list article{grid-template-columns:11% 77% 12%;padding:23px 0;row-gap:13px}.expertise-list h3{font-size:21px}.expertise-list p{grid-column:2;grid-row:2;max-width:100%;font-size:12px}.service-icon{grid-column:3;grid-row:1 / 3;font-size:30px}.method{padding-top:27px}.method-grid{grid-template-columns:1fr;margin-top:25px;gap:25px}.method article{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding-top:17px}.method article>span{grid-column:1 / 3;font-size:8px}.method h3{font-size:22px;margin:23px 0 0}.method p{font-size:12px;margin:23px 0 0}.contact-block{padding:38px 0 25px}.contact-block>.wrap>a{font-size:45px;letter-spacing:-2px;padding:28px 0 36px}.contact-block>.wrap>a>span{font-size:50px;top:25px}.contact-footer{display:block;padding-top:19px}.contact-footer>span{display:block;font-size:7px;line-height:1.5;margin-bottom:12px}.contact-footer a{font-size:12px}.site-footer{min-height:170px;display:grid;grid-template-columns:1fr 1fr;padding:28px 0;gap:23px}.site-footer>span{text-align:right;font-size:9px;line-height:1.6}.site-footer>div{grid-column:1 / 3;justify-content:space-between;font-size:10px}.legal-trigger{font-size:10px}dialog{margin:25px;padding:32px 24px;max-width:calc(100% - 50px)}dialog h2{font-size:24px}dialog p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
