*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#071817;color:#eaf2ec;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8de0dc;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550;letter-spacing:-.06em}em{font:italic 1.05em Georgia,serif;color:#8de6dc;letter-spacing:-.065em}h2{font-size:clamp(44px,5.2vw,82px);line-height:1.07}h3{font-size:30px;line-height:1.12}.skip{position:absolute;top:-100px;left:20px;z-index:30;background:#e9f7ee;color:#071817;padding:12px}.skip:focus{top:10px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;top:0;left:0;right:0;z-index:10}.brand{display:block;position:relative;width:205px;height:54px;overflow:hidden}.brand img{position:absolute;width:112%;height:auto;top:50%;left:-5%;transform:translateY(-50%);filter:grayscale(1) invert(1) brightness(1.5);mix-blend-mode:screen}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav-contact{border-radius:30px;background:#e8f1e711;padding:11px 19px;display:flex;gap:24px}.menu-button{display:none}.hero{min-height:850px;height:100svh;max-height:1300px;position:relative;overflow:hidden;padding:138px 7% 50px;background:radial-gradient(ellipse at 82% 43%,#29645460,transparent 50%),radial-gradient(ellipse at 30% 100%,#073b4355,transparent 70%),#071817}.hero-grid{position:absolute;inset:0;background:linear-gradient(#bbe3d60a 1px,transparent 1px),linear-gradient(90deg,#bbe3d60a 1px,transparent 1px);background-size:105px 105px;mask-image:linear-gradient(90deg,transparent,#0009);pointer-events:none}.hero-top{position:relative;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#9db4ab}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9ae9cb;box-shadow:0 0 12px #6ee4bf55;margin-right:10px;vertical-align:middle}.micro{display:block;font-size:9px;font-weight:500;letter-spacing:1.8px;color:#a8bdb1}.hero-title{margin-top:76px;position:relative}.hero-title>.micro{color:#9bb2a8}h1{font-size:clamp(100px,12.2vw,190px);line-height:.89;letter-spacing:-.075em;margin-top:30px;position:relative;width:fit-content}h1 em{font-size:1.08em;line-height:.9}.hero-spark{font:normal clamp(90px,15vw,230px) Georgia;position:absolute;left:calc(100% + 100px);top:20%;color:#96e4cf;animation:turn 40s linear infinite;opacity:.9}.hero-description{display:flex;align-items:center;gap:65px;margin-top:45px}.hero-description p{color:#b7c9bd;font-size:14px;line-height:1.8}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#b5edcb;color:#12352a;padding:17px 24px;border:0;border-radius:40px;font-weight:550;font-size:12px;transition:transform .25s,background .25s}.pill span{font-size:23px;line-height:1}.pill:hover{background:#d4f7e5;transform:translateY(-3px)}.hero-side{position:absolute;right:25px;top:45%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#9cb9a9}.hero-bottom{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#92b29f}.hero-number{letter-spacing:3px}.section{padding:115px 7%}.experience{height:1550px;position:relative;background:#09251f}.experience-sticky{position:sticky;top:0;min-height:820px;height:100svh;max-height:1150px;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#28645166,transparent 60%)}.experience-heading{text-align:center;padding-top:65px;position:relative;z-index:3;pointer-events:none}.experience-heading h2{font-size:clamp(40px,4.1vw,65px);margin:18px 0}.experience-heading p{color:#a1b9a9;font-size:11px}.deck{perspective:1400px;position:absolute;left:0;right:0;top:37%;height:350px;transform-style:preserve-3d}.deck-orbit{position:absolute;left:10%;right:10%;height:400px;border:1px solid #91bc9c22;border-radius:50%;transform:rotateX(65deg);top:60px}.browser-window{position:absolute;left:calc(50% - 260px);width:520px;height:310px;border-radius:12px;overflow:hidden;box-shadow:0 35px 65px #0007;background:#101b16;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .7s,filter .7s;will-change:transform}.browser-chrome{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#e7f0e7;color:#536158;font:8px Arial;letter-spacing:.3px}.browser-dots{font-size:7px;color:#9da99e;letter-spacing:2px}.mini-restaurant,.mini-architecture,.mini-store{height:280px;position:relative;overflow:hidden}.mini-brand{position:absolute;top:20px;left:25px;font-size:16px;line-height:1;letter-spacing:-1px;font-weight:750;z-index:2}.mini-brand span{display:block;margin-top:7px;font-size:6px;letter-spacing:2px;font-weight:400}.mini-copy{position:absolute;left:25px;bottom:25px;z-index:2}.mini-copy>span{font-size:6px;letter-spacing:1px}.mini-copy h3{font-size:43px;line-height:1;letter-spacing:-2px;margin:10px 0}.mini-restaurant{background:#22251d;color:#f7e7be}.mini-restaurant img{position:absolute;width:58%;height:100%;right:0;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 20%)}.mini-button{display:inline-block;padding:5px 10px;background:#f4b35b;color:#262219;margin-top:5px}.mini-architecture img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.mini-architecture .mini-brand{font:12px Georgia;letter-spacing:2px}.mini-architecture h3{font:italic 48px/.95 Georgia;letter-spacing:-1px}.mini-store{background:#dddcd1;color:#1d2b23}.mini-store img{position:absolute;right:0;width:54%;height:100%;object-fit:cover;mix-blend-mode:multiply}.mini-store .mini-brand{font-size:24px}.mini-store h3{font-size:40px}.restaurant-window{transform:translateX(-310px) translateY(40px) rotateY(22deg) rotateZ(-8deg) scale(.82);z-index:1}.architecture-window{transform:translateY(0px) rotateY(0deg);z-index:4}.store-window{transform:translateX(310px) translateY(40px) rotateY(-22deg) rotateZ(8deg) scale(.82);z-index:1}.deck[data-active=restaurant] .restaurant-window{transform:translateX(0) translateY(0) rotateY(0) rotateZ(0) scale(1);z-index:4}.deck[data-active=restaurant] .architecture-window{transform:translateX(310px) translateY(40px) rotateY(-22deg) rotateZ(8deg) scale(.82);z-index:1}.deck[data-active=restaurant] .store-window{transform:translateX(-310px) translateY(40px) rotateY(22deg) rotateZ(-8deg) scale(.82);z-index:1}.deck[data-active=store] .store-window{transform:translateX(0) translateY(0) rotateY(0) rotateZ(0) scale(1);z-index:4}.deck[data-active=store] .architecture-window{transform:translateX(-310px) translateY(40px) rotateY(22deg) rotateZ(-8deg) scale(.82);z-index:1}.deck[data-active=store] .restaurant-window{transform:translateX(310px) translateY(40px) rotateY(-22deg) rotateZ(8deg) scale(.82);z-index:1}.experience-controls{position:absolute;left:7%;right:7%;bottom:45px;z-index:5;text-align:center}.scene-tabs{display:inline-flex;gap:6px;background:#04170f77;border-radius:40px;padding:5px}.scene-tabs button{border:0;border-radius:30px;padding:12px 19px;background:none;color:#b4cebd;font-size:10px;transition:background .3s,color .3s}.scene-tabs button[aria-pressed=true]{background:#c2ebcc;color:#183a25}.text-link{display:flex;align-items:center;gap:45px;justify-content:space-between;width:fit-content;border-bottom:1px solid #94b49a66;padding:13px 0;font-size:12px}.text-link span{font-size:23px;line-height:1}.experience-controls>.text-link{margin:12px auto 0}.experience-controls>p{font-size:8px;color:#91a99a;margin-top:10px}.intro{background:#e8eee4;color:#193729}.intro-label{display:flex;justify-content:space-between;align-items:center}.intro-label .micro{color:#617d68}.small-orbit{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:#d1decc}.intro h2{font-size:clamp(44px,6.1vw,98px);margin-top:50px;line-height:1.1}.intro em{color:#6a9674}.intro-bottom{display:flex;justify-content:space-between;gap:40px;margin-top:60px}.intro-bottom p{font-size:13px;color:#5b7661}.intro-bottom>div{display:flex;flex-direction:column;gap:15px;font-size:9px;letter-spacing:1.2px;color:#4d7056}.work{background:#0a1c17}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.section-head h2{margin-top:24px}.section-head>p{font-size:12px;color:#a9bead;max-width:330px}.real-project{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#b7d6b5;color:#163728;padding:40px;border-radius:5px;margin-bottom:45px}.tag{font-size:8px;letter-spacing:1.5px}.real-project h3{font-size:65px;margin:28px 0 20px;display:flex;justify-content:space-between;gap:20px}.real-project h3>span{font-size:35px}.real-project p{font-size:12px;color:#45684c;max-width:360px}.academy-art{background:#183d2d;border-radius:4px;padding:35px;color:#e3f2d9;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;transform:rotate(-2deg);transition:transform .5s}.real-project:hover .academy-art{transform:rotate(1deg)}.academy-art>span:first-child{font-size:62px;font-weight:650;letter-spacing:-4px;line-height:1}.academy-art>span:nth-child(2){font:italic 65px Georgia;color:#b2d49f;line-height:1.1}.academy-art>span:last-child{font-size:8px;margin-top:15px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.work-photo{height:300px;position:relative;overflow:hidden;border-radius:5px}.work-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.work-photo>span{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaf4e1;color:#153121;font-size:22px}.work-card:hover img{transform:scale(1.045);filter:brightness(1.08)}.work-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px}.work-title>div>span{font-size:8px;letter-spacing:1px;color:#9fb69f}.work-title h3{font-size:25px;margin-top:8px;letter-spacing:-.7px}.work-title>span{font-size:10px;color:#91aa94}.pricing{background:#112b21}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.price-card{padding:40px;background:#1d3b2d;border-radius:7px}.price-card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#a5bea6}.price-card-top>span:last-child{font-size:25px;line-height:1}.price-card h3{font-size:48px;line-height:1.03;margin-top:35px}.price-card>p{font-size:12px;color:#b5cbb4;max-width:350px;margin-top:24px}.price{font-size:80px;line-height:1.1;letter-spacing:-6px;font-weight:550;margin:35px 0 20px}.price>span{font-size:8px;letter-spacing:1px;margin-left:15px;color:#aec4ad;display:inline-block}.price-card ul{padding:0;list-style:none;margin:0}.price-card li{font-size:12px;padding:11px 0;border-bottom:1px solid #9abb8e22}.price-card li:before{content:'↗';color:#a6d591;margin-right:10px}.price-card .pill{display:flex;margin-top:30px}.price-card .scope{font-size:10px}.store-price{background:#cee2bd;color:#1b3826}.store-price .price-card-top,.store-price>p,.store-price .price>span{color:#567c50}.store-price li{border-color:#52784825}.store-price li:before{color:#486d3a}.store-price .pill{background:#1e402b;color:#e9f7de}.price-note{font-size:10px;color:#acc1a6;max-width:900px;margin-top:30px;line-height:1.9}.builder-section{background:#c9e6e0;color:#1a3f38}.builder-section .micro{color:#5c8175}.builder-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.builder-layout h2{margin-top:28px}.builder-layout em{color:#5a9487}.builder-layout p{font-size:13px;color:#557d70;max-width:430px;margin:30px 0}.builder-layout .pill{background:#183d33;color:#e7f3df}.scope{font-size:10px!important;line-height:1.8}.builder-symbol{position:relative;min-height:320px;display:grid;place-items:center;isolation:isolate}.builder-symbol>span{font-size:150px;letter-spacing:-20px;font-weight:650;color:#286351}.builder-symbol i,.builder-symbol b{position:absolute;inset:40px 0;border-radius:50%;border:1px solid #679f8a88;transform:rotate(-30deg);z-index:-1}.builder-symbol b{transform:rotate(30deg);inset:10px 50px}.builder-symbol>em{position:absolute;bottom:0;font:8px Arial;letter-spacing:2px;color:#4f8374}.process{background:#0d2019}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.process-grid article{border-top:1px solid #66816466;padding-top:25px}.process-grid span{font-size:8px;letter-spacing:1px;color:#aac5a4}.process-grid h3{font-size:31px;margin:27px 0 20px;letter-spacing:-1px}.process-grid p{font-size:12px;color:#b0c5ab;max-width:300px}.founder{background:#182e24;display:grid;grid-template-columns:1fr 1.3fr;gap:10%;align-items:center}.founder-monogram{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(ellipse,#44715166,transparent 70%);font:italic 160px Georgia;letter-spacing:-20px;color:#9ec6a6}.founder-monogram:before{content:'';position:absolute;inset:10%;border:1px solid #71977855;border-radius:50%;transform:rotate(-25deg) scaleY(.6)}.founder-monogram>span{position:absolute;bottom:12%;font:8px Arial;letter-spacing:1.4px;color:#a6bca5}.founder-copy h2{margin:25px 0 30px;font-size:clamp(40px,4.4vw,65px)}.founder-copy p{font-size:12px;color:#b6c8b3;margin:18px 0}.founder-copy .text-link{margin-top:25px}.faq{background:#0b1e16;display:grid;grid-template-columns:1fr 1fr;gap:8%}.faq h2{font-size:clamp(38px,3.6vw,57px);margin-top:25px}.faq-list details{border-bottom:1px solid #78967244;padding:24px 0}.faq-list details:first-child{border-top:1px solid #78967244}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;line-height:1;color:#a7c7a3}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;color:#abc0a6;margin:20px 35px 5px 0}.contact{background:radial-gradient(ellipse at 10% 100%,#2e664733,transparent 70%),#132c20;display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.contact h2{font-size:clamp(80px,9vw,140px);line-height:.95;margin:40px 0;position:relative}.contact h2>span{display:inline-block;font-size:60px;vertical-align:middle;margin-left:25px;color:#b7d4a7}.contact-intro>p{font-size:13px;color:#b9d0b1;margin-bottom:35px}.contact-intro>a{display:block;font-size:13px;width:fit-content;margin:14px 0;color:#d2e3c7}form{padding-top:15px}form label{display:block;font-size:9px;letter-spacing:1px;color:#b5cca9;margin-top:22px}input,textarea,select{width:100%;border:0;border-bottom:1px solid #72966c66;border-radius:0;background:transparent;color:#e6efde;padding:14px 0;font-size:13px}input::placeholder,textarea::placeholder{color:#91ac86}select option{background:#132c20;color:#e6efde}textarea{resize:vertical}form .pill{width:100%;margin-top:30px}.form-note{font-size:9px;color:#9eb796;margin-top:15px}#quote-status{font-size:11px;color:#c8dbbf;margin-top:15px}#quote-status a{text-decoration:underline}footer{padding:50px 5% 25px;background:#07140d}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top>a{font-size:25px;letter-spacing:-1px;font-weight:600}.footer-top>a>span{display:block;font-size:7px;letter-spacing:1.8px;color:#a3b69a;margin-top:8px}.footer-top>button{border:0;background:#e8f1e710;border-radius:30px;color:#c0d4b5;padding:12px 18px;font-size:10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#91aa85;font-size:8px;letter-spacing:.7px;padding-top:35px;margin-top:35px;border-top:1px solid #81a46d33}.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:#9de4bf;transform:scaleX(0);transform-origin:left;z-index:30}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.js .reveal.visible{opacity:1;transform:none}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1;transform:none}@keyframes turn{to{transform:rotate(360deg)}}@media(min-width:1700px){.hero-title{margin-top:100px}.hero-spark{left:calc(100% + 180px)}}@media(max-width:1100px){.hero-spark{left:calc(100% + 70px);font-size:140px}.hero{min-height:780px}.site-header nav{gap:23px}.browser-window{width:450px;left:calc(50% - 225px)}.restaurant-window{transform:translateX(-250px) translateY(35px) rotateY(22deg) rotateZ(-8deg) scale(.8)}.store-window{transform:translateX(250px) translateY(35px) rotateY(-22deg) rotateZ(8deg) scale(.8)}.price-card{padding:30px}.real-project{padding:30px}.work-photo{height:260px}.work-title h3{font-size:21px}}@media(max-width:700px){.site-header{height:85px;padding:0 6%}.brand{width:170px;height:48px}.menu-button{display:block;color:#e0ecd9;background:#ffffff10;border:0;border-radius:25px;font-size:11px;padding:10px 16px}.site-header nav{display:none;position:absolute;top:85px;left:0;right:0;padding:30px 7%;background:#10261c;flex-direction:column;align-items:flex-start;gap:25px;font-size:15px}.site-header nav.open{display:flex}.hero{padding:115px 7% 45px;height:94svh;min-height:760px;max-height:1100px}.hero-top{font-size:7px;letter-spacing:1px}.hero-top>span:last-child{display:none}.hero-title{margin-top:65px}.hero-title>.micro{font-size:7px;letter-spacing:1px}h1{font-size:clamp(80px,16vw,112px);letter-spacing:-.07em;margin-top:28px}.hero-spark{font-size:78px;top:60%;left:calc(100% + 15px);opacity:.6}.hero-description{flex-direction:column;align-items:flex-start;gap:24px;margin-top:35px}.hero-description p{font-size:13px}.pill{font-size:11px;padding:16px 21px;gap:25px}.hero-side{right:12px;font-size:6px}.hero-bottom{font-size:7px;letter-spacing:1px;bottom:25px}.hero-number{display:none}.hero-bottom>span:nth-child(2){font-size:7px}.experience{height:1120px}.experience-sticky{height:100svh;min-height:770px;max-height:1050px}.experience-heading{padding:60px 6% 0}.experience-heading .micro{font-size:7px;letter-spacing:1.3px}.experience-heading h2{font-size:43px}.experience-heading p{font-size:10px}.deck{top:36%;height:280px}.browser-window{width:300px;height:240px;left:calc(50% - 150px);border-radius:9px}.browser-chrome{height:25px;font-size:6px;padding:0 10px}.mini-restaurant,.mini-architecture,.mini-store{height:215px}.mini-brand{left:18px;top:17px;font-size:13px}.mini-copy{left:18px;bottom:18px}.mini-copy h3{font-size:34px}.mini-copy>span{font-size:5px}.mini-architecture h3{font-size:40px}.mini-store h3{font-size:30px}.mini-store .mini-brand{font-size:20px}.mini-architecture .mini-brand{font-size:8px;letter-spacing:1px}.mini-brand span{font-size:5px;letter-spacing:1px}.restaurant-window{transform:translateX(-140px) translateY(25px) rotateY(25deg) rotateZ(-8deg) scale(.73)}.store-window{transform:translateX(140px) translateY(25px) rotateY(-25deg) rotateZ(8deg) scale(.73)}.deck[data-active=restaurant] .architecture-window,.deck[data-active=store] .restaurant-window{transform:translateX(140px) translateY(25px) rotateY(-25deg) rotateZ(8deg) scale(.73)}.deck[data-active=restaurant] .store-window,.deck[data-active=store] .architecture-window{transform:translateX(-140px) translateY(25px) rotateY(25deg) rotateZ(-8deg) scale(.73)}.experience-controls{bottom:50px;left:4%;right:4%}.scene-tabs button{font-size:8px;padding:11px 12px}.experience-controls>p{font-size:7px}.section{padding:75px 7%}.section-head{display:block;margin-bottom:38px}.section-head>p{margin-top:24px}.section-head h2{margin-top:22px}.micro{font-size:8px;letter-spacing:1.4px}h2{font-size:46px}.intro h2{font-size:44px;margin-top:30px}.intro-bottom{flex-direction:column;gap:30px;margin-top:35px}.intro-bottom p{font-size:12px}.intro-bottom>div{font-size:8px;gap:12px}.small-orbit{width:42px;height:42px;font-size:25px}.real-project{grid-template-columns:1fr;padding:25px;gap:25px}.real-project h3{font-size:48px;margin-top:20px}.academy-art{min-height:190px}.academy-art>span:first-child,.academy-art>span:nth-child(2){font-size:50px}.work-grid{grid-template-columns:1fr;gap:40px}.work-photo{height:330px}.work-title h3{font-size:28px}.price-grid{grid-template-columns:1fr;gap:18px}.price-card{padding:30px}.price-card h3{font-size:43px}.price{font-size:73px}.price-note{font-size:9px}.builder-layout{grid-template-columns:1fr;gap:15px}.builder-symbol{min-height:280px;max-width:350px;width:100%;margin:auto}.builder-symbol>span{font-size:120px}.process-grid{grid-template-columns:1fr;gap:35px}.process-grid h3{font-size:29px;margin:22px 0 15px}.process-grid p{max-width:none}.founder{grid-template-columns:1fr;gap:20px}.founder-monogram{max-width:250px;width:100%;margin:auto;font-size:110px}.founder-copy h2{font-size:44px}.faq{grid-template-columns:1fr;gap:35px}.faq h2{font-size:40px}.faq-list summary{font-size:13px}.contact{grid-template-columns:1fr;gap:30px}.contact h2{font-size:100px;margin:32px 0}.contact h2>span{font-size:45px}.contact-intro>p{font-size:12px}form{padding-top:0}.footer-top{align-items:flex-start;flex-direction:column}.footer-top>a{font-size:23px}.footer-bottom{flex-wrap:wrap;font-size:7px}.footer-bottom>span:nth-child(2){display:none}}@media(max-width:380px){h1{font-size:79px}.hero-spark{left:calc(100% + 3px);font-size:58px}.scene-tabs button{font-size:7px;padding:10px}.hero{min-height:730px}.experience-heading h2{font-size:39px}.price-card{padding:25px}.price-card h3{font-size:40px}.work-photo{height:290px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* Keep the complete supplied logo legible on the dark header. */
.brand{mix-blend-mode:screen}.brand img{width:100%;left:0;mix-blend-mode:normal}
/* Keep the selected preview in front as the deck changes perspective. */
.deck,.browser-window{transform-style:flat}

.portfolio-controls{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 30px}.portfolio-controls button{border:0;background:#ffffff0b;color:#c8ddca;border-radius:30px;padding:12px 20px;cursor:pointer;font-size:12px}.portfolio-controls button[aria-pressed=true]{background:#b5edcb;color:#12352a}[hidden]{display:none!important}

.price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.price-card{padding:30px}.price-card h3{font-size:39px}.price{font-size:69px}.price>span{display:block;margin:8px 0 0}.price-card{display:flex;flex-direction:column}.price-card .pill{margin-top:auto;gap:12px;font-size:11px}.price-card .scope{margin-bottom:25px}.interactive-price{background:#224b43}.interactive-price .price{color:#a8eee0}.plan-label{font-size:7px;letter-spacing:1.5px;color:#c1e8d7;margin-top:20px}.interactive-price h3{margin-top:20px}.plan-guide{background:#dbe9da;color:#1d3c2b;display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.plan-guide .micro{color:#597b60}.plan-guide h2{margin:25px 0}.plan-guide h2 em{color:#638f73}.plan-guide>div>p{color:#607d64;font-size:13px;max-width:430px}.guide-options{display:flex;flex-direction:column;gap:12px;margin-top:35px}.guide-options button{border:0;border-radius:4px;background:#b7ceae;color:#35553b;text-align:left;padding:20px;font-size:12px}.guide-options button[aria-pressed=true]{background:#244b35;color:#edf4e6}.guide-result{align-self:center;background:#173a28;color:#eaf1e3;border-radius:8px;padding:35px}.guide-result .micro{color:#a8c89c}.guide-result h3{font-size:32px;margin:30px 0 25px;letter-spacing:-1px}.guide-result strong{font-size:76px;letter-spacing:-4px;font-weight:550;line-height:1}.guide-result strong small{font-size:10px;letter-spacing:0}.guide-result #guide-description{color:#b6cfac;font-size:13px;margin:25px 0}.guide-result .pill{margin:10px 0 22px;gap:25px}.guide-result>.scope{display:block;color:#a6c49a;font-size:9px!important}@media(max-width:1000px){.price-grid{grid-template-columns:1fr}.price-card{padding:35px}.price-card h3{font-size:45px}.price-card .pill{margin-top:10px}.price>span{display:inline-block;margin-left:15px}.plan-guide{gap:5%}}@media(max-width:700px){.plan-guide{grid-template-columns:1fr;gap:35px}.guide-result{padding:28px}.guide-options button{padding:18px;font-size:11px}.price-card{padding:30px}.price-card h3{font-size:42px}}
/* Live interaction studio */
.interaction-lab{background:#0a211d}.lab-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:65px;align-items:center}.lab-settings>p{margin:22px 0;color:#adbbb2;max-width:330px}.lab-themes{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 38px}.lab-themes button,.lab-filters button,.demo-devices button{border:1px solid #ffffff30;background:transparent;color:inherit;border-radius:30px;padding:9px 18px;font-size:12px}.lab-themes button[aria-pressed=true]{background:#b5e9cf;color:#0a211d}.lab-explainer{display:flex;gap:20px;padding:24px 0;border-top:1px solid #ffffff20;margin:30px 0}.lab-explainer>span{font-size:45px;color:#8de6dc;line-height:1}.lab-explainer p{font-size:13px;color:#adbbb2}.lab-explainer strong{color:#eaf2ec;font-weight:500}.lab-store{--paper:#d7e6d8;--ink:#15382c;--stage:#c5d8c8;position:relative;background:var(--paper);color:var(--ink);padding:35px;border-radius:16px;transition:background .4s,color .4s;min-width:0;overflow:hidden}.lab-store[data-palette=sand]{--paper:#e6dece;--ink:#4e382b;--stage:#d5c9b5}.lab-store[data-palette=night]{--paper:#172b32;--ink:#d9e8e5;--stage:#29434b}.lab-store-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:38px}.lab-store-top strong{font-size:21px;letter-spacing:-1px}.lab-store-top>span{font-size:8px;letter-spacing:1px}.lab-store h3{font-size:clamp(30px,3.4vw,48px);line-height:1.08}.lab-store h3 em{color:inherit}.lab-filters{display:flex;gap:7px;margin:25px 0}.lab-filters button{border-color:currentColor;padding:5px 16px}.lab-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.lab-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lab-product{padding:0;border:0;background:transparent;color:inherit;text-align:left;min-width:0;transform:perspective(600px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s}.lab-product[hidden]{display:none}.object-stage{display:flex;background:var(--stage);border-radius:8px;height:170px;justify-content:center;align-items:center;overflow:hidden;margin-bottom:12px}.object-stage i{display:block;position:relative;filter:drop-shadow(6px 14px 7px #0003);transition:transform .35s}.lab-product:hover i,.lab-product:focus-visible i{transform:translateY(-9px) rotate(-6deg)}.object-vase{width:68px;height:90px;border-radius:28% 28% 42% 42%;background:linear-gradient(90deg,#90694e,#cba67b 45%,#9d7857)}.object-vase:before{content:'';position:absolute;top:-12px;left:19px;width:30px;height:21px;border-radius:35%;background:#957050;border-top:5px solid #4d3d31}.object-table{width:105px;height:20px;border-radius:50%;background:linear-gradient(#d9bc8d,#af8e5c);transform:translateY(-15px)}.object-table:after{content:'';position:absolute;top:13px;left:34px;width:38px;height:65px;background:linear-gradient(90deg,#a98a59,#d0b17b);border-radius:0 0 8px 8px;z-index:-1}.object-lamp{width:75px;height:40px;border-radius:70px 70px 5px 5px;background:linear-gradient(100deg,#efba65,#c1863e);transform:translateY(-27px)}.object-lamp:after{content:'';position:absolute;left:34px;top:39px;width:7px;height:60px;background:#977449}.object-lamp:before{content:'';position:absolute;left:12px;top:94px;width:53px;height:8px;border-radius:50%;background:#b58d52}.lab-product>span:nth-child(2){display:flex;justify-content:space-between;font-size:12px;gap:5px}.lab-product small{font-size:7px;letter-spacing:1px;opacity:.65}.lab-count{font-size:10px;margin-top:24px;opacity:.75}.lab-detail{position:absolute;inset:auto 20px 20px;padding:30px;background:var(--ink);color:var(--paper);border-radius:10px;box-shadow:0 20px 50px #0005}.lab-detail[hidden]{display:none}.lab-detail h4{font-size:30px;letter-spacing:-1px;margin:14px 0 8px}.lab-detail p{font-size:14px;max-width:380px}.lab-detail>span:last-child{display:block;font-size:10px;margin-top:20px;opacity:.65}.lab-detail-close{position:absolute;right:14px;top:8px;background:none;border:0;color:inherit;font-size:30px}.work-photo{transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s}.browser-window[role=button]{cursor:pointer}.browser-window[role=button]:focus-visible{outline:3px solid #8de6dc;outline-offset:5px}.demo-open{overflow:hidden}#demo-dialog{background:#102622;color:#eaf2ec;border:1px solid #ffffff20;border-radius:16px;padding:0;width:94vw;max-width:1450px;height:90svh;max-height:1000px}#demo-dialog::backdrop{background:#020e0bd9;backdrop-filter:blur(12px)}.demo-toolbar{display:flex;align-items:center;gap:20px;padding:18px 24px;border-bottom:1px solid #ffffff20}.demo-toolbar h2{font:500 17px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.02em;margin-top:5px}.demo-toolbar .micro{font-size:8px}.demo-devices{display:flex;gap:5px;margin-left:auto}.demo-devices button[aria-pressed=true]{background:#d5e9d6;color:#102622}.demo-toolbar>a{font-size:11px}#demo-close{border:0;background:#ffffff12;border-radius:50%;width:36px;height:36px;font-size:25px;color:inherit}.demo-canvas{height:calc(100% - 85px);display:flex;justify-content:center;padding:16px;background:#061411;overflow:hidden}.demo-canvas iframe{border:0;background:#071817;width:100%;height:100%;border-radius:6px;transition:width .35s}.demo-canvas[data-device=mobile] iframe{width:390px;max-width:100%}.motion-off .lab-product,.motion-off .work-photo{transform:none!important}.motion-off .object-stage i,.motion-off .demo-canvas iframe,.motion-off .lab-store{transition:none}.motion-off .lab-product:hover i{transform:none}@media(max-width:900px){.lab-layout{grid-template-columns:1fr;gap:30px}.lab-settings>p{max-width:100%}.lab-themes{margin-bottom:25px}.lab-explainer{margin:20px 0}.lab-store{padding:25px}.object-stage{height:150px}.demo-toolbar{padding:12px;gap:12px}.demo-toolbar h2{font-size:13px}.demo-devices{display:none}.demo-toolbar>a{margin-left:auto}.demo-canvas{height:calc(100% - 74px);padding:6px}}@media(max-width:480px){.lab-store{padding:20px 15px}.lab-products{gap:8px}.object-stage{height:125px}.object-stage i{scale:.75}.lab-product>span:nth-child(2){font-size:10px}.lab-product small{font-size:6px}.lab-detail{inset:auto 10px 10px;padding:25px 20px}.demo-toolbar .micro{display:none}}
