@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--paper:#f6f3ed;--paper-light:#fbfaf7;--ink:#211d1b;--muted:#746d66;--line:#211d1b2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif}main{overflow-x:visible}button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block}#projects,#pwd-way,#gallery,#reviews,#contact{scroll-margin-top:24px}.siteHeader{z-index:50;color:#fff;-webkit-backdrop-filter:blur(24px)saturate(1.12);height:118px;transition:text-shadow .25s,opacity .55s;position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 64%,#0000 100%);mask-image:linear-gradient(#000 64%,#0000 100%)}.desktopNav{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1520px;height:88px;margin:0 auto;padding:0 56px;display:grid}.navSide{letter-spacing:-.02em;align-items:center;gap:32px;font-size:13px;font-weight:800;display:flex}.brandMark{letter-spacing:-.1em;transform-origin:50%;will-change:transform;justify-content:center;align-items:center;min-width:82px;font-size:30px;font-weight:900;line-height:1;display:inline-flex}.navLeft{justify-content:flex-start}.navRight{justify-content:flex-end}.navSide a{opacity:.94;transition:opacity .2s,transform .2s}.navSide a:hover{opacity:1;transform:translateY(-1px)}.navCta{-webkit-backdrop-filter:blur(18px);border-radius:999px;padding:12px 18px;box-shadow:inset 0 0 0 1px #ffffff24}.mobileNav{display:none}.hero{min-height:100svh;position:relative;overflow:hidden}.heroImage{object-fit:cover}.heroImageDesktop,.heroImageMobile{position:absolute;inset:0}.heroImageDesktop{display:block}.heroImageMobile{display:none}.heroVideo{object-fit:cover;object-position:center;z-index:1;width:100%;height:100%;position:absolute;inset:0}.heroOverlay{background:radial-gradient(circle at 50% 58%,#0000008a,#0000 34%),linear-gradient(90deg,#0000008f,#0000007a 50%,#00000080),linear-gradient(#00000057,#0000002e 42%,#0000006b);position:absolute;inset:0}.heroContent{z-index:2;justify-content:center;align-items:center;min-height:100svh;padding:9vw 8vw 6vw;display:flex;position:relative}.heroTitleWrap{text-align:center;will-change:transform, opacity;width:min(920px,76vw);max-width:920px;margin:0 auto}.hero h1{color:#fff;letter-spacing:-.085em;text-wrap:balance;text-shadow:0 24px 80px #0000009e;max-width:920px;margin:0 auto;font-size:clamp(52px,6.2vw,92px);line-height:.9}.heroDesktopTitle,.heroMobileTitle{display:block}.heroDesktopTitle{gap:0;display:grid}.heroDesktopTitle>span{display:block}.heroWordSlot{min-height:.9em;position:relative}.heroChangingWord{will-change:transform, opacity, filter;font-size:.8em;font-style:normal;display:inline-block}.heroMobileTitle,.heroMobilePlan{display:none}.intro{background:var(--paper);padding:16vw 8vw}.intro p{letter-spacing:-.07em;max-width:980px;margin:0;font-size:clamp(34px,6vw,82px);line-height:.96}.sectionLabel{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:32px;font-size:13px;font-weight:800}.showcase{padding:8vw 0 10vw 8vw;overflow:hidden}.horizontalCards{scroll-snap-type:x mandatory;cursor:grab;-webkit-user-select:none;user-select:none;scroll-behavior:smooth;gap:22px;padding-right:8vw;display:flex;overflow-x:auto}.horizontalCards.isDragging{cursor:grabbing;scroll-snap-type:none}.horizontalCards::-webkit-scrollbar{display:none}.projectPanel{scroll-snap-align:start;background:#ddd;flex:0 0 min(78vw,920px);height:min(72vh,680px);position:relative;overflow:hidden}.projectPanel img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.projectPanel:after{content:"";background:radial-gradient(circle at 20% 74%,#000000ad,#0000 38%),linear-gradient(#0000 38%,#000000b8),linear-gradient(90deg,#00000075,#0000 58%);position:absolute;inset:0}.projectPanel div{z-index:2;color:#fff;width:min(78%,620px);position:absolute;bottom:32px;left:32px}.projectPanel span{letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:800}.projectPanel h2{letter-spacing:-.07em;max-width:520px;margin:8px 0 0;font-size:clamp(32px,5vw,72px);line-height:.9}.projectPanel p{opacity:.96;max-width:560px;margin:14px 0 0;font-size:16px;font-weight:700;line-height:1.38}.paperStack{min-height:360vh;padding:8vw}.stackInner{align-items:center;min-height:100svh;display:grid;position:sticky;top:0}.paperStep{background:var(--paper);border-top:1px solid var(--line);min-height:78svh;padding:8vw 0;position:sticky;top:12vh}.paperStep h2{letter-spacing:-.09em;text-transform:uppercase;margin:0;font-size:clamp(52px,12vw,150px);line-height:.85}.paperStep p{max-width:760px;color:var(--muted);letter-spacing:-.05em;margin:32px 0 0;font-size:clamp(24px,3.4vw,48px);line-height:1.02}.mobilePaperStack,.mobilePaperMotionStack{display:none}.movingGallery{background:var(--paper-light);contain:paint;padding:8vw 0;overflow:hidden}.movingGallery .sectionLabel{padding-left:8vw}.marquee{will-change:transform;backface-visibility:hidden;perspective:1000px;gap:18px;width:max-content;animation:78s linear infinite scrollGallery;display:flex;transform:translate(0,0)}.galleryItem{backface-visibility:hidden;flex:none;height:420px;overflow:hidden;transform:translateZ(0)}.galleryItem img{object-fit:cover;backface-visibility:hidden;width:auto;height:420px;transform:translateZ(0)}@keyframes scrollGallery{0%{transform:translate(0,0)}to{transform:translate(-33.333%)}}.reviews{flex-direction:column;justify-content:center;min-height:100svh;padding:12vw 8vw;display:flex}.reviewTopline{max-width:1180px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:34px;font-size:13px;font-weight:800;display:flex}.reviews h2{letter-spacing:-.085em;max-width:1100px;margin:0 0 64px;font-size:clamp(44px,8vw,112px);line-height:.88}.reviewStage{max-width:1080px;min-height:260px;position:relative}.reviews blockquote{letter-spacing:-.055em;margin:0;font-size:clamp(30px,4.25vw,64px);line-height:1.02}.reviews blockquote footer{color:var(--muted);letter-spacing:-.02em;margin-top:28px;font-size:clamp(15px,1.3vw,20px);font-weight:800}.reviewLink{width:fit-content;color:var(--ink);letter-spacing:-.04em;align-items:center;gap:16px;margin-top:54px;font-size:clamp(18px,1.8vw,28px);font-weight:900;display:inline-flex}.reviewLink span{transition:transform .22s;display:inline-flex;transform:translateY(1px)}.reviewLink:hover span{transform:translate(6px,1px)}.contact{background:var(--paper);flex-direction:column;justify-content:center;min-height:100svh;padding:8vw;display:flex}.contact p{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px;font-weight:800}.contact h2{letter-spacing:-.09em;max-width:1000px;margin:0;font-size:clamp(58px,11vw,150px);line-height:.85}.contactLinks{flex-wrap:wrap;gap:14px;margin-top:56px;display:flex}.contactLinks a{border:1px solid var(--line);border-radius:999px;padding:14px 18px;font-weight:800}.mobileBottomCta{display:none}@media (max-width:720px){html,body{width:100%;max-width:100%}#projects,#pwd-way,#gallery,#reviews,#contact{scroll-margin-top:100px}.siteHeader{color:#fff;-webkit-backdrop-filter:blur(14px)saturate(1.02);height:136px;-webkit-mask-image:linear-gradient(#000 68%,#0000 100%);mask-image:linear-gradient(#000 68%,#0000 100%)}.desktopNav{display:none}.mobileNav{text-align:center;grid-template-rows:auto 1fr;place-items:center;row-gap:10px;width:100%;height:124px;min-height:124px;padding:12px 18px 20px;display:grid}.mobileNavLinks{z-index:5;width:100%;max-width:360px;color:inherit;letter-spacing:-.055em;white-space:nowrap;will-change:transform, opacity;pointer-events:auto;justify-content:center;align-items:center;gap:clamp(10px,3.2vw,16px);margin:0 auto;font-size:clamp(10px,2.7vw,11.5px);font-weight:900;line-height:1;display:flex;position:relative;overflow:hidden}.mobileNavLinks a,.mobileNavLinks button{opacity:.96}.mobileNavLinks button{appearance:none;color:inherit;font:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}.mobileBrand{z-index:1;color:inherit;letter-spacing:-.1em;text-align:center;will-change:font-size;justify-content:center;align-items:center;font-weight:900;line-height:.78;display:inline-flex;position:relative}.mobileActions,.mobileCall,.menuButton,.mobileMenu{display:none!important}.mobileBottomCta{z-index:70;min-height:58px;padding:15px 18px calc(15px + env(safe-area-inset-bottom));color:var(--paper);letter-spacing:-.065em;will-change:transform, opacity;background:#211d1b;justify-content:space-between;align-items:center;gap:18px;font-size:20px;font-weight:900;line-height:.95;display:flex;position:fixed;bottom:0;left:0;right:0}.mobileBottomCta span{font-size:28px;line-height:1;transform:translateY(-1px)}.hero{min-height:100svh}.heroImage{object-position:30% center}.heroOverlay{background:linear-gradient(90deg,#00000047,#0000000a 72%),linear-gradient(#00000014,#00000005 42%,#0000002e)}.heroContent{justify-content:flex-start;align-items:flex-end;padding:0 18px 42px}.heroTitleWrap{text-align:left;width:auto;max-width:96vw;margin-left:0}.hero h1{letter-spacing:-.085em;max-width:96vw;font-size:clamp(46px,15vw,72px);line-height:.9}.heroDesktopTitle{display:none}.heroMobileTitle{display:block}.heroMobilePlan{color:#fff;letter-spacing:-.055em;text-shadow:0 16px 46px #00000075;align-items:center;gap:12px;width:fit-content;margin-top:18px;font-size:clamp(20px,6vw,28px);font-weight:900;line-height:1;display:inline-flex}.heroMobilePlan span{font-size:1.1em;line-height:1;transform:translateY(-1px)}.intro{padding:76px 18px}.intro p{letter-spacing:-.075em;max-width:100%;font-size:clamp(34px,11vw,48px);line-height:.95}.sectionLabel{letter-spacing:.18em;margin-bottom:20px;font-size:10px}.showcase{padding:64px 0 72px 18px;position:relative}.showcase:after{content:"";pointer-events:none;background:linear-gradient(to left, var(--paper), transparent);z-index:5;width:56px;position:absolute;top:0;bottom:0;right:0}.horizontalCards{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:14px;padding-right:18px;overflow-x:auto}.projectPanel{flex:0 0 calc(100vw - 72px);height:72svh;min-height:510px;max-height:620px}.projectPanel div{width:auto;bottom:20px;left:18px;right:18px}.projectPanel span{letter-spacing:.18em;font-size:10px}.projectPanel h2{letter-spacing:-.08em;max-width:100%;margin-top:8px;font-size:clamp(34px,12vw,54px);line-height:.88}.projectPanel p{max-width:92%;margin-top:12px;font-size:14px;line-height:1.34}.desktopPaperStack{display:none}.mobilePaperMotionStack{background:var(--paper);height:520vh;padding:0 18px;display:block;position:relative;overflow:visible}.mobilePaperMotionStage{background:var(--paper);height:100vh;position:sticky;top:0;overflow:hidden}.mobilePaperMotionStage>.sectionLabel{z-index:10;margin:0;position:absolute;top:116px;left:0;right:0}.mobilePaperMotionCards{position:absolute;inset:146px 0 64px;overflow:hidden}.mobilePaperMotionCard{background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -2px 0 var(--paper);will-change:transform;flex-direction:column;justify-content:center;padding:0;display:flex;position:absolute;inset:0;transform:translateY(100%)}.mobilePaperMotionCard h2{letter-spacing:-.095em;text-transform:uppercase;margin:0;font-size:clamp(56px,19vw,92px);line-height:.84}.mobilePaperMotionCard p{max-width:96%;color:var(--muted);letter-spacing:-.062em;margin:24px 0 0;font-size:clamp(26px,8.8vw,40px);line-height:1}.movingGallery{padding:72px 0}.movingGallery .sectionLabel{padding-left:18px}.marquee{gap:10px;animation-duration:62s}.galleryItem,.galleryItem img{height:340px}.galleryItem img{width:auto}.reviews{min-height:auto;padding:86px 18px}.reviewTopline{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px;font-size:10px}.reviews h2{letter-spacing:-.085em;max-width:100%;margin-bottom:36px;font-size:clamp(44px,15vw,72px);line-height:.88}.reviewStage{max-width:100%;min-height:280px}.reviews blockquote{letter-spacing:-.06em;font-size:clamp(25px,8vw,38px);line-height:1.02}.reviews blockquote footer{margin-top:18px;font-size:13px}.reviewLink{margin-top:30px;font-size:22px}.contact{min-height:100svh;padding:86px 18px 96px}.contact p{letter-spacing:.16em;max-width:100%;font-size:10px}.contact h2{letter-spacing:-.09em;max-width:100%;font-size:clamp(48px,17vw,82px);line-height:.86}.contactLinks{gap:10px;margin-top:34px;display:grid}.contactLinks a{text-align:center;overflow-wrap:anywhere;width:100%;min-width:0;padding:15px 16px;font-size:14px}.heroImageDesktop{display:none}.heroImageMobile{display:block}.heroVideo{object-position:center center}}
