:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030303;--panel:#101010;--panel-2:#171615;--line:#ffffff1f;--muted:#ffffff9e;--soft:#ffffffc7;--text:#f7f3ec;--orange:#ff780f;--orange-2:#ff9b2b;--max:1700px;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 80% 8%,#ff780f14,#0000 30rem),linear-gradient(#030303,#070707 42%,#020202);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 96px), var(--max));margin:0 auto}.hero{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.hero-canvas{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-video{object-fit:cover;z-index:-3;background:#060606;width:100%;height:100%;position:absolute;inset:0}.hero-shade{z-index:-2;background:linear-gradient(90deg,#000000eb 0%,#0000006b 46%,#000000e0 100%),linear-gradient(#0000000d,#030303 100%);position:absolute;inset:0}.site-nav{z-index:10;width:min(calc(100% - 96px), var(--max));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;padding:34px 0;display:grid;position:fixed;top:0;left:0;right:0}.site-nav a{pointer-events:auto}.brand{letter-spacing:0;font-size:22px;font-weight:900}.brand span{color:var(--orange)}.site-nav nav{color:#ffffffb3;align-items:center;gap:34px;font-size:14px;font-weight:700;display:flex}.site-nav nav a:hover,.nav-contact:hover{color:var(--orange)}.nav-contact{color:#fff;background:#ff780f14;border:1px solid #ff780fcc;justify-self:end;padding:12px 22px}.hero-content{flex-direction:column;justify-content:center;min-height:100vh;padding:130px 0 90px;display:flex}.eyebrow,.section-kicker{color:var(--orange);letter-spacing:0;margin:0 0 22px;font-size:13px;font-weight:800}.hero h1{letter-spacing:0;max-width:1120px;margin:0;font-size:clamp(76px,8.2vw,158px);line-height:.95}.hero-copy{max-width:760px;color:var(--soft);margin:34px 0 0;font-size:21px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:18px;margin-top:52px;display:flex}.primary-btn,.ghost-btn{border:1px solid var(--orange);text-align:center;min-width:188px;padding:16px 28px;font-weight:800}.primary-btn{background:var(--orange);color:#090909}.ghost-btn{color:var(--orange);background:#0003}.section{padding:132px 0;position:relative}.profile{background:linear-gradient(#030303,#0b0a09),radial-gradient(circle at 20% 20%,#ff780f24,#0000 34rem)}.profile-grid{grid-template-columns:minmax(360px,.82fr) 1.18fr;align-items:center;gap:90px;display:grid}.portrait-panel{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff12,#ffffff05);padding:22px}.portrait-frame{aspect-ratio:4/5;background:#141414;overflow:hidden}.portrait-frame img{object-fit:cover;filter:saturate(.9)contrast(1.08);width:100%;height:100%}.contact-strip{color:var(--muted);gap:10px;margin-top:22px;font-size:14px;display:grid}.profile-copy h2,.section-heading h2,.contact-page h2{letter-spacing:0;margin:0;font-size:clamp(42px,4vw,84px);line-height:1.05}.profile-copy>p:not(.section-kicker),.section-heading p,.contact-page p{max-width:880px;color:var(--muted);font-size:18px;line-height:1.9}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:54px;display:grid}.metric-card,.advantage-card{border:1px solid var(--line);background:#ffffff0a;min-height:138px;padding:26px}.metric-card strong{color:#fff;font-size:28px;line-height:1.15;display:block}.metric-card span{color:var(--muted);margin-top:16px;line-height:1.5;display:block}.projects{background:#030303}.section-heading{grid-template-columns:.9fr 1.1fr;align-items:end;gap:42px;margin-bottom:56px;display:grid}.section-heading .section-kicker{grid-column:1/-1;margin-bottom:0}.section-heading p:not(.section-kicker){margin:0}.project-grid{grid-template-columns:repeat(12,1fr);gap:28px;display:grid}.project-card{background:#111;border:1px solid #ffffff1c;min-height:560px;position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s,filter .7s}.project-card:hover img{filter:saturate(1.08)contrast(1.08);transform:scale(1.055)}.card-1,.card-4{grid-column:span 5}.card-2,.card-3{grid-column:span 7}.project-info{background:linear-gradient(#0000,#000000eb);padding:34px;position:absolute;bottom:0;left:0;right:0}.project-info span{color:var(--orange-2);font-size:12px;font-weight:900}.project-info h3{margin:12px 0 10px;font-size:30px}.project-info p{max-width:640px;color:var(--soft);margin:0;line-height:1.7}.commerce-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.commerce-viewport{transition:max-height .7s;position:relative;overflow:visible}.commerce-viewport.is-collapsed{max-height:2138px;overflow:hidden}.commerce-viewport.is-collapsed:after{content:"";pointer-events:none;background:linear-gradient(#03030300,#030303c7 54%,#030303 100%);height:440px;position:absolute;bottom:0;left:0;right:0}.commerce-toggle-row{z-index:2;justify-content:center;margin-top:30px;display:flex;position:relative}.commerce-viewport.is-collapsed+.commerce-toggle-row{margin-top:-126px;padding-bottom:48px}.commerce-toggle{min-width:184px;height:54px;color:var(--text);font:inherit;letter-spacing:0;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate;background:linear-gradient(#ffffff21,#ffffff09),linear-gradient(135deg,#ff780f1f,#ffffff05 48%,#6fc7ff14),#070707eb;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:11px;padding:0 12px 0 22px;font-size:13px;font-weight:900;transition:border-color .25s,color .25s,transform .25s,box-shadow .25s,background .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0000007a,0 0 0 1px #ff780f0f,inset 0 1px #ffffff2e,inset 0 -1px #ffffff0f}.commerce-toggle:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(100deg,#0000 18%,#ffffff29 46%,#0000 72%);transition:opacity .35s,transform .58s;position:absolute;inset:1px;transform:translate(-58%)}.commerce-toggle:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:5px}.commerce-toggle em,.commerce-toggle span,.commerce-toggle i{z-index:1;position:relative}.commerce-toggle em{background:var(--orange-2);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 16px #ff9b2bb3}.commerce-toggle span{min-width:60px}.commerce-toggle i{color:#0b0b0b;background:linear-gradient(180deg, #fff5df, var(--orange-2));border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:inset 0 1px #ffffffa3,0 10px 24px #ff780f2e}.commerce-toggle i:before{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.commerce-toggle[aria-expanded=true] i{transform:rotate(180deg)}.commerce-toggle:hover{color:#fff6e8;border-color:#ffbc6375;transform:translateY(-3px);box-shadow:0 30px 82px #0000008f,0 0 42px #ff780f29,0 0 0 1px #ff780f1f,inset 0 1px #ffffff38,inset 0 -1px #ffffff14}.commerce-toggle:hover:before{opacity:1;transform:translate(58%)}.commerce-toggle:hover i{box-shadow:inset 0 1px #ffffffb3,0 12px 30px #ff780f47}.commerce-card{background:linear-gradient(#ffffff0e,#ffffff05),#0b0b0b;border:1px solid #ffffff1c;border-radius:8px;display:block;position:relative;overflow:hidden}.commerce-card:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(135deg,#ff780f52,#0000 38%) border-box;border:1px solid #0000;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.commerce-card:hover:before{opacity:1}.commerce-frame{background:#050505;border-radius:8px 8px 0 0;height:610px;position:relative;overflow:hidden}.commerce-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000000c2);height:32%;position:absolute;bottom:0;left:0;right:0}.commerce-frame img{object-fit:cover;object-position:top;will-change:transform;width:100%;height:auto;min-height:100%;transition:transform 1.4s ease-out,filter .8s;position:absolute;top:0;left:0}.commerce-card:hover .commerce-frame img{filter:saturate(1.08)contrast(1.04);transition:transform 60s linear,filter .8s;transform:translateY(calc(610px - 100%))}.commerce-info{min-height:222px;padding:24px 24px 28px}.commerce-info span{color:var(--orange-2);font-size:12px;font-weight:900}.commerce-info h3{margin:14px 0 12px;font-size:25px;line-height:1.22}.commerce-info p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.preview-page{min-height:100vh;color:var(--text);background:radial-gradient(circle at 16% 16%,#ff780f24,#0000 30rem),linear-gradient(135deg,#090909,#030303 62%)}.preview-nav{z-index:20;width:min(calc(100% - 96px), var(--max));pointer-events:none;align-items:center;margin:0 auto;padding:30px 0 18px;display:flex;position:sticky;top:0}.preview-nav .brand{pointer-events:auto}.preview-back{top:28px;right:max(48px, calc((100vw - var(--max)) / 2));z-index:40;color:#090909;background:linear-gradient(135deg, var(--orange), #ffb347);border:1px solid #ffa13eeb;border-radius:8px;align-items:center;gap:10px;padding:16px 24px;font-size:15px;font-weight:900;display:inline-flex;position:fixed;box-shadow:0 18px 52px #ff780f47,0 0 0 6px #ff780f14}.preview-back:before{content:"←";font-size:18px;line-height:1}.preview-back:hover{transform:translateY(-1px)}.preview-shell{width:min(calc(100% - 96px), var(--max));grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);align-items:start;gap:54px;margin:0 auto;padding:34px 0 96px;display:grid}.preview-meta{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:34px;position:sticky;top:112px}.preview-meta span{color:var(--orange-2);font-size:13px;font-weight:900}.preview-meta h1{letter-spacing:0;margin:18px 0 22px;font-size:clamp(42px,4.6vw,82px);line-height:1.04}.preview-meta p{color:var(--soft);font-size:18px;line-height:1.85}.preview-meta small{color:var(--muted);margin-top:28px;line-height:1.7;display:block}.single-preview-frame{background:#101010;border:1px solid #ffffff24;border-radius:8px;max-height:calc(100vh - 136px);overflow:auto;box-shadow:0 28px 80px #0000006b}.single-preview-frame img{width:100%;height:auto}.kitchen-bath-works{background:radial-gradient(circle at 80% 16%,#ff780f1a,#0000 28rem),linear-gradient(#030303,#080808)}.placeholder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.upload-placeholder{background:radial-gradient(circle at 28% 24%,#ff780f2e,#0000 34%),linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px dashed #ff780f73;border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:330px;padding:28px;display:flex}.upload-placeholder span{color:var(--orange);font-size:13px;font-weight:900}.upload-placeholder h3{margin:auto 0 14px;font-size:28px;line-height:1.2}.upload-placeholder p{color:var(--muted);margin:0;line-height:1.7}.video-works{background:radial-gradient(circle at 22% 8%,#ff780f1c,#0000 30rem),linear-gradient(#030303,#090807)}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.video-slot{border:1px solid var(--line);background:#ffffff09}.video-placeholder{aspect-ratio:16/9;background:radial-gradient(circle at 30% 28%,#ff780f57,#0000 34%),linear-gradient(135deg,#171717,#050505 64%);position:relative;overflow:hidden}.video-placeholder:before{content:"VIDEO PLACEHOLDER";color:#ffffff3d;font-size:12px;font-weight:900;position:absolute;bottom:22px;right:24px}.video-placeholder span{color:var(--orange);font-size:14px;font-weight:900;position:absolute;top:20px;left:22px}.play-mark{background:#0000003d;border:1px solid #ff780fb8;border-radius:50%;width:78px;height:78px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-mark:after{content:"";border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:22px solid var(--orange);width:0;height:0;position:absolute;top:24px;left:31px}.video-slot h3{margin:24px 24px 10px;font-size:28px}.video-slot p{color:var(--muted);margin:0 24px 28px;line-height:1.7}.advantages{background:radial-gradient(circle at 70% 10%,#ff780f21,#0000 28rem),#070707}.section-heading.compact{display:block}.advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:52px;display:grid}.advantage-card{flex-direction:column;min-height:262px;display:flex}.advantage-card span{color:var(--orange);font-weight:900}.advantage-card h3{margin:auto 0 16px;font-size:28px}.advantage-card p{color:var(--muted);margin:0;line-height:1.75}.contact-page{background:radial-gradient(circle at 16% 78%,#ff680c52,#0000 30rem),linear-gradient(135deg,#0f0d0b,#030303 54%);flex-direction:column;justify-content:center;min-height:100vh;padding:124px 0 42px;display:flex}.contact-grid{grid-template-columns:1.1fr .9fr;align-items:end;gap:80px;display:grid}.contact-box{background:#00000047;border:1px solid #ff780f6b;gap:18px;padding:38px;display:grid}.contact-box a,.contact-box span{color:#fff;border-bottom:1px solid #ffffff1a;padding-bottom:18px;font-size:24px;font-weight:800}footer{width:min(calc(100% - 96px), var(--max));color:#ffffff61;margin:92px auto 0;font-size:12px;font-weight:800}@media (width<=1100px){.container,.site-nav,.preview-nav,.preview-shell,footer{width:min(calc(100% - 40px), var(--max))}.site-nav{grid-template-columns:1fr auto}.site-nav nav{display:none}.profile-grid,.section-heading,.contact-grid{grid-template-columns:1fr}.project-card,.card-1,.card-2,.card-3,.card-4{grid-column:1/-1}.commerce-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-viewport.is-collapsed{max-height:2115px}.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.preview-back{padding:13px 18px;top:20px;right:20px}.preview-shell{padding-top:26px}.hero h1{font-size:58px}.hero-copy{font-size:17px}.metric-grid,.advantage-grid,.commerce-grid,.video-grid{grid-template-columns:1fr}.project-card{min-height:460px}.commerce-frame{height:520px}.commerce-viewport.is-collapsed{max-height:1960px}.commerce-viewport.is-collapsed:after{height:380px}.commerce-card:hover .commerce-frame img{transform:translateY(calc(520px - 100%))}}