:root{--cream:#f3eee5;--ink:#20151c;--burgundy:#65152f;--blush:#d7a9b5;--paper:#f3eee5;--line:#d9d0cc}html{scroll-behavior:smooth}body{background:var(--cream)}.reading-progress{position:fixed;z-index:60;top:0;left:0;height:2px;background:#dba8bb;width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none}.skip-link{position:fixed;z-index:100;top:12px;left:15px;transform:translateY(-150%);background:var(--cream);color:var(--burgundy);padding:12px 20px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{height:104px;padding:26px 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:height .35s,background .35s;gap:20px;background:linear-gradient(#170b14a0,transparent);pointer-events:auto}.topbar.scrolled{height:82px;background:#1a1019ed;backdrop-filter:blur(20px)}.wordmark{font-size:43px;justify-self:start;transition:transform .25s}.wordmark:hover{transform:translateY(-2px)}.available{display:flex;justify-self:end;font-size:9px;gap:18px;letter-spacing:1px}.nav{border:1px solid #fff3;background:#ffffff0a;padding:5px;backdrop-filter:blur(15px);margin:0}.nav a{font-size:9px;letter-spacing:1.4px;padding:13px 17px}.nav a.active{background:var(--cream);color:var(--burgundy)}.nav a:not(.active):hover{background:#ffffff18}.menu-toggle{display:none}.cinematic{height:100svh;max-height:none;min-height:730px;background:#180812;isolation:isolate;position:relative;color:var(--cream);overflow:hidden}.cinematic:before,.cinematic:after{display:none}.hero-art{position:absolute;inset:-3%;z-index:-3;will-change:transform;transition:opacity 1s}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%;will-change:transform;transform:scale(1.03)}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#160710af 0%,#16071085 34%,transparent 70%),linear-gradient(0deg,#160912bb,transparent 30%);pointer-events:none;transition:opacity .7s}.hero-content{position:relative;width:100%;z-index:2;margin-top:-30px;pointer-events:none}.hero-content a{pointer-events:auto}.hero-kicker{font:500 9px 'DM Sans',sans-serif;letter-spacing:2.4px;color:#d3bec7;display:flex;align-items:center;gap:14px;margin-bottom:30px}.hero-kicker:before{display:none}.live-dot{height:5px;width:5px;border-radius:50%;background:#e4c6cc;box-shadow:0 0 15px #c17b99}.cinematic h1{font:600 clamp(60px,7.5vw,120px)/1.01 'Manrope',sans-serif;letter-spacing:-.065em;color:var(--cream);margin:0;max-width:850px;text-transform:uppercase}.cinematic h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em;color:#e6c1c9}.hero-description{font-size:14px;color:#cfbfc5;line-height:1.8;margin:28px 0 30px;max-width:380px}.hero-cta{display:inline-flex;align-items:center;gap:70px;border-bottom:1px solid #ddbfca77;padding-bottom:13px;font-size:12px;transition:gap .3s}.hero-cta:hover{gap:85px}.hero-cta span{font-size:22px}.hero-bottom{position:absolute;bottom:28px;left:4vw;right:4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;z-index:5;color:#ccb6c0;font-size:9px;letter-spacing:1.3px}.hero-scroll{display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:1.8px}.scroll-line{width:32px;height:1px;background:#e2bbc9;transform-origin:left;animation:scrollPulse 3s ease-in-out infinite}.scene-controls{display:flex;align-items:center;gap:8px;letter-spacing:0}.scene-controls button{border:1px solid #e8c4d344;border-radius:30px;background:#25102066;color:#e7d1da;padding:11px 17px;font-size:10px;transition:background .2s}.scene-controls button:hover,.scene-controls button[aria-pressed=true]{background:#d8b9c42b}.scene-controls button span{margin-left:12px}.hero-index{justify-self:end;font-size:8px;letter-spacing:1.6px}.live-scene{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .8s;background:radial-gradient(ellipse at 70% 50%,#4a173144,#150914 75%)}.live-scene.active{opacity:1}.live-scene[hidden]{display:none}#liveCanvas{position:absolute;right:0;top:10%;width:62%;height:80%;touch-action:pan-y;cursor:grab;outline-offset:-12px}#liveCanvas:active{cursor:grabbing}.scene-hint{position:absolute;right:12%;bottom:14%;color:#c296aa;font-size:8px;letter-spacing:1.7px;pointer-events:none}.hero.is-interactive .hero-art{opacity:0}.hero.is-interactive .hero-shade{opacity:.5}.hero.is-interactive .hero-content{pointer-events:none}.hero.is-interactive .hero-content a{pointer-events:auto}.frame{max-width:1680px;padding-inline:6vw}.section{padding-block:125px}.services-heading h2{font-size:clamp(36px,3.8vw,59px);font-weight:500;line-height:1.14;letter-spacing:-2.6px;margin-top:28px}.services-heading p{font-size:14px;line-height:1.9;max-width:330px;margin-top:30px}.services-intro{grid-template-columns:.9fr 1.5fr;gap:9%}.service-cards{gap:20px}.service-card{min-height:335px;border-radius:3px;padding:35px;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;outline-offset:4px}.service-card:before{inset:-20%;transition:transform .8s;filter:blur(30px)}.service-card:hover:before,.service-card:focus:before{transform:translateY(-7%) rotate(6deg)}.service-card:hover,.service-card:focus{transform:translateY(-5px);box-shadow:0 20px 40px #4f183517}.service-card h3{font-weight:500;font-size:25px;letter-spacing:-1px}.service-card p{font-size:13px;color:#e6dce1;line-height:1.9}.service-card:after{background:repeating-linear-gradient(90deg,#ffffff06 0,#ffffff06 1px,transparent 1px,transparent 11px),linear-gradient(0deg,#120813ad,transparent 85%)}.extra-services{font-size:10px;margin-top:25px;letter-spacing:.3px}.milestones{padding-block:110px;background:#28101e}.milestones:before{background:radial-gradient(ellipse at 12% 0%,#a9719355,transparent 45%),radial-gradient(ellipse at 90% 110%,#9e3f6555,transparent 60%)}.milestones:after{background:repeating-linear-gradient(90deg,#ffffff04 0,#ffffff04 1px,transparent 1px,transparent 35px)}.milestones h2{font-size:clamp(35px,3.6vw,56px);font-weight:500;line-height:1.14;letter-spacing:-2.5px;margin-top:24px}.milestones p{font-size:14px;line-height:1.9;max-width:400px;color:#cdbac6}.stats{gap:55px 40px}.stat{border-top:1px solid #ffffff25;padding-top:19px}.stat strong{font-size:clamp(43px,5vw,79px);font-weight:400;letter-spacing:-4px}.stat span{font-size:12px;color:#c6aab9}.brandsection{padding-block:90px 100px}.brand-eyebrow{display:block;text-align:center;font-size:9px;letter-spacing:2px}.brandsection h2{font-size:clamp(32px,3.5vw,52px);font-weight:500;line-height:1.12;max-width:700px;margin-top:25px;margin-bottom:65px;letter-spacing:-2px}.brandgrid{grid-template-columns:repeat(5,1fr);gap:44px 35px}.brandgrid span{opacity:.72;font-size:20px;transition:opacity .3s}.brandgrid span:hover{opacity:1}.story{background:#140e13;padding-block:120px}.story-layout{gap:9%;grid-template-columns:1fr 1fr}.story-art{height:640px;border-radius:2px;padding:30px;background:#280c19}.story-art img{width:100%;height:100%;object-fit:cover;object-position:75% center;animation:none;transform:scale(1.08);transition:transform 2s}.story-art:hover img{transform:scale(1.13)}.story-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1b0c17b3,transparent 60%);pointer-events:none}.story-art .art-label,.story-art .art-type{z-index:3}.story-art .art-type{font:500 47px/1 'Manrope';letter-spacing:-3px}.story-art .art-type span{font-size:10px;letter-spacing:2px;margin-top:17px}.story-copy h2{font-size:clamp(34px,3.1vw,49px);font-weight:500;letter-spacing:-2px}.story-copy p{font-size:13px;line-height:1.9}.story-copy .opening{font-size:15px;line-height:1.8}.story-copy .eyebrow{font-size:9px}.founder .initial{border-radius:0}.sectionhead h2{font-size:clamp(40px,4.9vw,72px);font-weight:500;letter-spacing:-3.5px}.sectionhead p{font-size:13px;max-width:330px;line-height:1.9}.filters{margin-top:50px;gap:8px;margin-bottom:25px}.filter{font-size:10px;padding:11px 20px;background:transparent}.filter.active{background:#65152f;color:var(--cream)}.work-controls{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px;color:#8a7182;font-size:8px;letter-spacing:1.6px}.work-controls>div{display:flex;gap:8px}.work-controls button{height:36px;width:45px;border:1px solid #cdbfc6;background:transparent;color:#65152f;transition:background .2s}.work-controls button:hover{background:#ded2d7}.work-controls button:disabled{opacity:.3;cursor:default}.workgrid{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9e6b7e #e3dadc;padding-bottom:18px;overscroll-behavior-x:contain;scroll-behavior:smooth}.project{flex:0 0 63%;scroll-snap-align:start;overflow:hidden}.project[hidden]{display:none}.visual{height:clamp(380px,40vw,620px);border-radius:2px}.projectmeta{padding:22px 0 8px}.projectmeta h3{font-weight:500;font-size:clamp(21px,2.3vw,34px);letter-spacing:-1.4px}.projectmeta p{font-size:11px;line-height:1.7}.project .roundarrow{background:#1c111727;border:1px solid #fff5}.project .badge{color:#fff9;font-size:8px;letter-spacing:1.5px}.project .object{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.project:hover .object{transform:rotate(-3deg) translateY(-8px) scale(1.035)}.webmock{width:72%;max-width:480px}.webnav{padding:22px;font-size:6px}.webnav b{font-size:15px;max-width:150px}.webbody{padding:28px 22px 0}.webbody h4{font-size:45px}.webbody small{font-size:6px}.room{height:190px}.sofa{height:70px;bottom:25px}.room .art{width:50px;height:60px;top:20px}.room .lamp{height:120px;right:12%}.lamp:before{width:36px;height:24px;left:-17px}.dashboard{max-width:520px;height:340px;padding:20px}.dashside{width:80px;padding:20px 12px}.dashside b{font-size:12px;margin-bottom:30px}.dashside i{width:40px;height:6px;margin-bottom:20px}.dashcontent{padding:12px}.dashcontent h4{font-size:19px}.dashcontent small{font-size:8px}.metrics i{height:65px}.chart{height:145px}.print{max-width:350px;padding:35px}.print h4{font-size:55px}.print .bulb{height:150px;width:95px}.print small{font-size:8px}.light{transform:rotate(-8deg) scale(1.4)}.project:hover .light{transform:rotate(-3deg) scale(1.46)}.artnote{font-size:9px;letter-spacing:.3px}.packagegrid{gap:22px}.packages{background:#e8e0dd;padding-block:110px}.package{border-radius:2px;padding:38px;background:#f4eee7}.package:nth-child(2){background:#65152f;color:#f7eeeb}.package h3{font-size:29px;font-weight:500}.package p{font-size:13px}.package ul{font-size:12px;line-height:2.4}.package small{font-size:10px;line-height:1.8}.package .textlink{font-size:12px}.contact-cta{background:var(--cream);padding-block:110px}.contact-cta h2{font:500 clamp(45px,7vw,100px)/1.03 'Manrope';letter-spacing:-5px;text-transform:none;margin:0 0 30px}.contact-cta p{font:400 clamp(24px,3.3vw,49px)/1.2 'Manrope';letter-spacing:-2px;color:#a5919c}.cta-button{border-radius:50px;background:#65152f;color:var(--cream);font-size:13px;padding:20px 30px;gap:90px;transition:gap .3s}.cta-button:hover{gap:110px}.contact{background:#20101c;padding-block:100px}.contact h2{font-size:clamp(38px,4.3vw,65px);letter-spacing:-3px;font-weight:500}.contact p{font-size:13px;line-height:1.9}.contact .eyebrow{color:#c897ae;font-size:9px}.contactgrid{gap:12%}.contact input,.contact textarea,.contact select{font-size:13px;padding-block:14px;border-color:#ffffff29}.contact input:focus,.contact select:focus,.contact textarea:focus{outline:none;border-bottom-color:#d79bb8}.send{border-radius:40px!important;background:#e9dce3!important;color:#4c172e!important;font-size:12px;padding:18px 25px;border:0!important}.formnote{color:#b89cab!important;font-size:10px!important}.footer{background:#140c13;color:#f3eee5;padding-block:50px 26px}.footer-mark{font-size:clamp(100px,29vw,470px);font-weight:600;margin:35px 0 25px}.footer-top{font-size:10px}.foot-nav{gap:25px;font-size:10px}.footerlinks{font-size:10px;gap:25px}.footer-bottom{font-size:8px;letter-spacing:.3px}.footer .eyebrow{font-size:9px}.reveal{transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}dialog{max-width:900px;width:90%;border:1px solid #ffffff25;background:#1a0e18;padding:38px;border-radius:3px}dialog::backdrop{background:#0d070dd9;backdrop-filter:blur(16px)}dialog h2{font-weight:500;font-size:35px;line-height:1.2;max-width:650px;margin-block:25px}dialog .close{border-radius:30px;font-size:10px;padding:10px 18px;position:sticky;top:0;z-index:5;background:#261521}dialog .eyebrow{font-size:9px}#projectpreview{margin:25px 0;max-height:380px;overflow:hidden}#projectpreview .visual{height:380px}#projectpreview .badge,#projectpreview .roundarrow{display:none}#projectpreview .light{transform:scale(1.1)}#projectpreview .print{height:90%}#projectpreview .object{pointer-events:none}#projectpreview .webmock{max-width:330px}#projectpreview .room{height:120px}#projectpreview .webbody h4{font-size:30px}#projectpreview .dashboard{height:260px}#projectpreview .chart{height:90px}#projectpreview .print h4{font-size:38px}.motion-off *{animation-play-state:paused!important}.motion-off .hero-art img{transform:scale(1.03)!important}.motion-off .reveal{transition-duration:.01ms}.menu-toggle{border:0;background:transparent;color:inherit;padding:10px}.menu-toggle>span:not(.sr-only){display:block;width:24px;height:1px;background:currentColor;margin:6px 0;transition:transform .25s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
@keyframes scrollPulse{0%,100%{transform:scaleX(.5);opacity:.6}50%{transform:scaleX(1);opacity:1}}
@media(max-width:1100px){.topbar{grid-template-columns:auto 1fr;gap:25px}.nav{justify-self:end}.available{display:none}.nav a{padding:12px 14px;font-size:8px}.hero-content{margin-top:0}.cinematic h1{font-size:8.2vw}.services-intro{grid-template-columns:.9fr 1.4fr;gap:6%}.service-card{min-height:310px;padding:28px}.story-layout{gap:6%}.story-art{height:620px}.story-copy p{font-size:12px}.story-copy .opening{font-size:14px}.project{flex-basis:72%}.visual{height:480px}.package{padding:28px}.package h3{font-size:24px}}
@media(max-width:760px){html{scroll-padding-top:85px}.topbar,.topbar.scrolled{height:80px;padding:19px 6vw;display:flex;justify-content:space-between;flex-wrap:nowrap;background:linear-gradient(#1a1019bf,transparent);backdrop-filter:none}.topbar.scrolled{background:#1a1019ef;backdrop-filter:blur(18px)}.wordmark{position:relative;left:auto;top:auto;font-size:34px;z-index:42}.menu-toggle{display:block;z-index:42}.nav{position:fixed;inset:0;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:8px;padding:100px 9vw 80px;max-width:none;margin:0;border:0;border-radius:0;background:#22101ff7;backdrop-filter:blur(25px);opacity:0;visibility:hidden;transform:translateY(-15px);transition:opacity .3s,visibility .3s,transform .3s;z-index:40;overflow-y:auto;height:100svh}.nav.open{opacity:1;visibility:visible;transform:none}.nav a{font-size:clamp(22px,6.6vw,36px);padding:9px 15px;letter-spacing:-.7px;text-transform:none;border-radius:3px;font-weight:400}.nav a.active{background:transparent;color:#dca8bd}.cinematic{height:100svh;min-height:700px;max-height:none;align-items:flex-start}.hero-art{inset:0 -35% 0 -80%}.hero-art img{object-fit:cover;object-position:72% 50%;opacity:.68}.hero-shade{background:linear-gradient(0deg,#1b0716ed 0%,#1b07163d 45%,#1b071699 100%),linear-gradient(90deg,#180a1570,transparent 65%)}.hero-content{padding-top:150px;margin:0;z-index:3}.hero-kicker{font-size:8px;letter-spacing:1.4px;margin-bottom:23px;gap:9px}.cinematic h1{font-size:clamp(53px,11vw,82px);letter-spacing:-.065em;line-height:1.02;max-width:600px}.hero-description{font-size:12px;line-height:1.7;margin:23px 0 25px;max-width:300px}.hero-cta{font-size:11px;gap:60px}.hero-bottom{left:6vw;right:6vw;bottom:25px;grid-template-columns:1fr;gap:23px}.hero-scroll{display:none}.scene-controls{justify-content:start}.scene-controls button{font-size:9px;padding:10px 14px}.hero-index{justify-self:start;font-size:7px;letter-spacing:1.6px}.live-scene{background:radial-gradient(ellipse at 60% 70%,#6a254044,#150914 80%)}#liveCanvas{width:100%;height:52%;right:0;top:40%;opacity:.95}.scene-hint{right:6vw;bottom:16%;font-size:7px;letter-spacing:1px}.hero.is-interactive .hero-shade{opacity:.2}.hero.is-interactive .hero-content p,.hero.is-interactive .hero-cta{opacity:0;pointer-events:none}.hero.is-interactive .hero-content h1{font-size:10vw;max-width:450px}.hero.is-interactive .hero-content{padding-top:130px}.frame{padding-inline:6vw}.section{padding-block:80px}.services-intro{grid-template-columns:1fr;gap:30px}.services-heading h2{font-size:40px;line-height:1.1;margin-top:25px;letter-spacing:-2px;max-width:520px}.services-heading p{max-width:450px;font-size:13px}.service-cards{gap:15px}.service-card{min-height:290px;padding:24px;border-radius:3px}.service-card h3{font-size:21px}.service-card p{font-size:12px}.extra-services{font-size:9px;line-height:1.8}.milestones{padding-block:75px}.milestone-layout{gap:35px}.milestones h2{font-size:40px}.milestones p{font-size:13px}.stats{gap:35px}.stat strong{font-size:56px}.stat span{font-size:11px}.brandsection{padding-block:75px}.brandsection h2{font-size:38px;margin-block:22px 45px}.brandgrid{grid-template-columns:repeat(2,1fr);gap:35px 30px}.brandgrid span{font-size:20px}.story{padding-block:75px}.story-layout{gap:40px}.story-copy h2{font-size:38px}.story-copy .opening{font-size:15px}.story-copy p{font-size:13px}.story-art{height:440px;min-height:0;order:2;padding:25px}.story-art .art-type{font-size:40px}.story-art img{object-position:65% center}.sectionhead h2{font-size:44px;letter-spacing:-2.4px}.sectionhead p{font-size:13px}.filters{margin-top:30px;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.filter{font-size:9px;white-space:nowrap;padding:10px 15px}.workgrid{gap:18px}.project{flex-basis:92%;min-width:0}.visual{height:380px}.projectmeta h3{font-size:23px;letter-spacing:-1px}.projectmeta p{font-size:10px}.projectmeta .num{font-size:9px}.work-controls{font-size:7px}.work-controls button{width:38px;height:33px}.webmock{width:80%;max-width:340px}.webnav{padding:15px;font-size:5px}.webnav b{font-size:11px}.webbody{padding:18px 15px 0}.webbody h4{font-size:31px}.room{height:145px}.sofa{height:55px}.room .art{height:45px;width:38px}.room .lamp{height:85px}.dashboard{height:260px;padding:12px;width:87%}.dashside{width:55px;padding:15px 8px}.dashside b{font-size:9px}.dashside i{width:30px}.dashcontent{padding:8px}.dashcontent h4{font-size:13px}.dashcontent small{font-size:6px}.metrics i{height:45px}.chart{height:100px}.print{width:65%;height:78%;padding:25px}.print h4{font-size:38px}.print .bulb{height:110px;width:75px}.light{transform:rotate(-8deg) scale(1.1)}.project:hover .light{transform:rotate(-3deg) scale(1.15)}.packages{padding-block:75px}.packagegrid{grid-template-columns:1fr}.package{padding:30px}.package h3{font-size:29px}.contact-cta{padding-block:80px}.contact-cta h2{font-size:52px;letter-spacing:-3px}.contact-cta p{font-size:27px;letter-spacing:-1px}.contact{padding-block:75px}.contact h2{font-size:43px;letter-spacing:-2px}.contactgrid{gap:40px}.formrow{gap:20px}.faq{gap:0}.footer-mark{font-size:28vw;margin:45px 0 30px}.footer-top{gap:25px}.footer-bottom{font-size:8px;gap:15px}.foot-nav{font-size:10px;gap:20px}dialog{padding:25px}dialog h2{font-size:28px;max-width:85%}#projectpreview .visual{height:280px}.hero .hero-content .hero-kicker{max-width:300px}}
@media(max-width:420px){.service-cards{grid-template-columns:1fr}.service-card{min-height:280px}.hero-content{padding-top:140px}.cinematic h1{font-size:12vw}.hero-description{font-size:11px}.formrow{grid-template-columns:1fr;gap:0}.contact-cta h2{font-size:46px}.visual{height:340px}.project{flex-basis:96%}.stat strong{font-size:49px}.stats{gap:30px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art img{transform:none!important}.reveal{opacity:1!important;transform:none!important}.workgrid{scroll-behavior:auto}}
.hero-content{margin:0 auto}
@media(max-width:760px){.hero-content{margin:0 auto}}
