:root{--bg:#101720;--bg2:#17212a;--line:#2d3640;--gold:#ffc533;--ink:#131b22;--muted:#66727e;--light:#f6f7f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#f7f8f8;font-family:Arial,"Helvetica Neue",sans-serif;background:var(--bg)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.wrap{width:min(1170px,calc(100% - 44px));margin:auto}.skip{position:absolute;top:-60px;background:#fff;color:#000;padding:12px;z-index:999}.skip:focus{top:0}.topline{background:var(--gold);color:#111;display:flex;justify-content:space-between;align-items:center;padding:8px max(22px,calc((100% - 1170px)/2));font-weight:800;letter-spacing:1.5px;font-size:10px}.topline a{letter-spacing:.3px;font-size:12px}.header{position:sticky;top:0;z-index:10;background:rgba(16,23,32,.96);border-bottom:1px solid #2d3640;backdrop-filter:blur(16px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-mark{background:var(--gold);color:#15202a;border-radius:7px;width:44px;height:44px;display:grid;place-items:center}.logo-mark svg{width:32px}.logo-text{font-size:22px;font-weight:900;letter-spacing:-1.2px;line-height:1;display:flex;flex-direction:column}.logo-text strong{color:var(--gold)}.logo-text small{font-size:8px;letter-spacing:1.7px;margin-top:7px;color:#a7b2bf}.desktop-nav{display:flex;gap:30px;font-size:13px;color:#c5cbd0;font-weight:700}.desktop-nav a:hover{color:var(--gold)}.header-call{background:var(--gold);color:#101720;padding:12px 18px;border-radius:8px;display:flex;align-items:center;gap:8px;font-weight:850;font-size:13px}.header-call svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 83% 50%,#25313c 0,#131c25 44%,#101720 72%)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#8f6b1b,transparent)}.hero-layout{min-height:620px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:35px;padding:72px 0 80px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:2.7px;font-weight:900;color:var(--gold);margin:0 0 25px}.eyebrow-line{width:31px;height:3px;background:var(--gold);display:inline-block}.hero h1,.section h2,.process h2,.work h2,.contact h2{font-size:clamp(36px,4.2vw,67px);letter-spacing:-2.6px;line-height:1.08;font-weight:900;margin:0}.hero h1 em,.section h2 em,.process h2 em,.work h2 em,.contact h2 em{font-style:normal;color:var(--gold)}.lead{max-width:600px;font-size:16px;line-height:1.95;color:#bdc7d0;margin:28px 0 31px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:49px;padding:13px 22px;border-radius:7px;font-size:14px;font-weight:850}.btn span{opacity:.7}.primary{background:var(--gold);color:#11191f}.primary:hover,.header-call:hover{background:#ffd660}.outline{border:1px solid #73808e;color:#fafafa}.outline:hover{border-color:var(--gold);color:var(--gold)}.hero-points{display:flex;flex-wrap:wrap;gap:10px 21px;margin-top:33px;font-size:12px;color:#aab8c2}.hero-points b{color:var(--gold);margin-right:5px}.hero-visual{height:465px;position:relative;display:flex;align-items:center;justify-content:center}.hero-visual-bg{position:absolute;inset:20px 14px 25px 30px;border:1px solid #33404b;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%);background:linear-gradient(145deg,#263440,#161f2b)}.hero-visual-bg:before{content:"";position:absolute;inset:15px;border:1px solid #3c4b57}.beam{position:absolute;background:#3b4d5d;transform:rotate(-40deg);height:6px;width:100%;left:1%;top:28%}.b2{top:55%}.b3{top:80%}.profile-wrap{position:relative;width:min(355px,88%);aspect-ratio:1;border:8px solid #202d39;outline:2px solid var(--gold);border-radius:50%;overflow:hidden;box-shadow:0 12px 50px #0009}.profile-wrap img{width:100%;height:100%;object-fit:cover}.visual-tag{position:absolute;bottom:23px;left:0;background:var(--gold);color:#101720;padding:14px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 25px #0007;transform:rotate(-2deg)}.visual-tag-icon{font-size:22px;border:2px solid #151b22;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.visual-tag strong,.visual-tag small{display:block}.visual-tag strong{font-size:17px;font-weight:900}.visual-tag small{font-size:11px;margin-top:2px}.visual-caption{position:absolute;top:10px;right:8px;font-size:9px;letter-spacing:2px;color:#899aab;writing-mode:vertical-lr}.marquee{background:var(--gold);color:var(--ink)}.marquee-inner{padding:18px 0;display:flex;justify-content:center;align-items:center;gap:26px;font-weight:900;letter-spacing:1px;font-size:12px}.marquee-inner i{display:block;width:6px;height:6px;background:#222;transform:rotate(45deg)}.section{padding:105px 0;background:#f6f7f5;color:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:41px}.section-head>p{max-width:320px;line-height:1.9;color:#6d7680;font-size:14px}.eyebrow.dark{color:#85610d}.section h2,.work h2{font-size:clamp(34px,3.7vw,54px)}.section h2 em,.work h2 em{color:#bd8710}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service{border:1px solid #dbe0e2;background:#fff;border-radius:12px;padding:29px 30px;display:flex;flex-direction:column;min-height:295px}.service.major{min-height:364px;background:linear-gradient(125deg,#fff 40%,#fbf7e9);border-color:#dfd1aa}.service-no{font-size:11px;color:#af7e12;font-weight:900;letter-spacing:1.8px;margin-bottom:auto}.service-icon{color:#d39c1a;margin:23px 0 13px}.service-icon svg{width:59px;height:59px}.service-icon.smaller{margin:18px 0 8px}.service-icon.smaller svg{width:45px;height:45px}.service h3{font-size:clamp(20px,2vw,27px);letter-spacing:-.7px;margin:0 0 9px;line-height:1.2}.service p{color:#606d77;font-size:14px;line-height:1.75;max-width:450px;margin:0 0 24px}.service-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e7e7;padding-top:14px;color:#89630a;font-weight:900;font-size:13px}.service-link span{font-size:18px}.process{padding:94px 0;background:#17212a;color:#fff}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.process h2{font-size:clamp(34px,4vw,51px)}.steps>div{padding:17px 0 21px;display:flex;gap:20px;border-bottom:1px solid #36444e}.steps b{color:var(--gold);font-size:20px;font-weight:900}.steps strong,.steps small{display:block}.steps strong{font-size:17px}.steps small{font-size:13px;color:#a7b5c2;margin-top:9px;line-height:1.5}.work{background:#fff;color:var(--ink);padding:105px 0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.work p:not(.eyebrow){line-height:1.9;color:#6a747b;font-size:15px;max-width:410px;margin:23px 0}.dark-btn{background:#141f29;color:white}.dark-btn:hover{background:#303f4f}.external{display:block;color:#84909a;font-size:11px;margin-top:14px}.work-panel{min-height:350px;border-radius:12px;background:linear-gradient(145deg,#253644,#131d27);position:relative;overflow:hidden;border:10px solid #edf0f1}.work-panel:before{content:"";position:absolute;inset:40px 40px;background:repeating-linear-gradient(90deg,#3b4c56 0,#3b4c56 2px,transparent 2px,transparent 46px);opacity:.65}.sketch-roof{position:absolute;top:55px;left:16%;right:10%;height:16px;background:var(--gold);transform:rotate(-15deg);transform-origin:left;box-shadow:0 20px 0 #4b5f6b}.sketch-structure{position:absolute;inset:90px 20% 40px;display:flex;justify-content:space-between}.sketch-structure i{height:100%;width:5px;background:#8fa1ad}.work-stamp{position:absolute;bottom:28px;left:20px;background:var(--gold);color:#19212b;padding:14px 21px;font-size:30px;font-weight:950;line-height:.85;transform:rotate(-4deg)}.work-stamp span{font-size:10px;display:block;letter-spacing:3px;margin-top:10px}.contact{padding:95px 0;background:#101720}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.contact h2{font-size:clamp(36px,4vw,55px)}.contact p:not(.eyebrow){line-height:1.9;color:#b3c1cc;font-size:14px;max-width:440px}.contact-card{padding:40px;border:1px solid #35424f;background:#19242f;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:17px}.contact-caption{font-size:10px;color:var(--gold);letter-spacing:2px;font-weight:900}.contact-number{font-size:clamp(24px,3.5vw,37px);font-weight:900;letter-spacing:-1px}.contact-card .btn{min-width:220px}.contact-card p{font-size:11px!important;margin:0}.footer{background:#0c1118;padding:27px 0 34px;color:#87939d}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.foot>div{display:flex;gap:18px;align-items:center}.foot>div:first-child{display:block}.foot strong{display:block;color:white;font-size:16px}.foot strong span{color:var(--gold)}.foot small{display:block;margin-top:6px;font-size:11px}.foot a,.foot span{font-size:11px}.mobile-call{display:none}@media(max-width:900px){.desktop-nav{display:none}.hero-layout{grid-template-columns:1fr 0.8fr}.hero h1{font-size:43px}.hero-visual{height:340px}.visual-tag{left:-15px;bottom:20px;padding:9px 11px}.visual-tag strong{font-size:13px}.visual-tag small{font-size:9px}.visual-tag-icon{width:25px;height:25px;font-size:16px}.process-grid,.work-grid{gap:35px}}@media(max-width:680px){html{scroll-padding-top:79px}.wrap{width:calc(100% - 36px)}.topline{padding:7px 18px;letter-spacing:.5px;font-size:9px}.topline a{font-size:10px}.nav{min-height:68px}.logo-mark{width:39px;height:39px}.logo-mark svg{width:30px}.logo-text{font-size:18px}.logo-text small{font-size:7px;letter-spacing:.7px}.header-call{padding:10px 11px;font-size:12px}.header-call svg{display:none}.hero-layout{grid-template-columns:1fr;padding:46px 0 53px;gap:13px}.hero h1{font-size:clamp(39px,9.3vw,55px);letter-spacing:-1.9px}.lead{font-size:14px;line-height:1.8;margin:22px 0 24px}.hero-actions{gap:10px}.hero-actions .btn{min-height:48px;padding:12px 15px;font-size:12px;gap:10px}.hero-points{margin-top:25px;font-size:11px;gap:7px 12px}.hero-visual{height:310px;margin:13px 12px 0}.hero-visual-bg{inset:20px 10px 8px 15px}.profile-wrap{width:235px;border-width:6px}.visual-tag{left:6%;bottom:3px}.visual-caption{right:5px}.marquee-inner{font-size:9px;justify-content:space-between;gap:8px;padding:15px 0}.marquee-inner i{width:4px;height:4px}.section,.work{padding:70px 0}.section-head{display:block;margin-bottom:28px}.section-head>p{max-width:100%;font-size:13px;margin:20px 0 0}.section h2,.work h2{font-size:36px;letter-spacing:-1.2px}.service-grid{grid-template-columns:1fr;gap:12px}.service,.service.major{min-height:auto;padding:22px}.service-no{margin-bottom:0}.service-icon{margin:19px 0 12px}.service-icon svg{width:45px;height:45px}.service h3{font-size:23px}.service p{margin-bottom:20px;font-size:13px}.process{padding:65px 0}.process-grid,.work-grid,.contact-grid{grid-template-columns:1fr;gap:29px}.process h2,.contact h2{font-size:41px;letter-spacing:-1.2px}.steps>div{padding:16px 0}.work-panel{min-height:260px}.contact{padding:65px 0 95px}.contact-card{padding:24px}.footer{padding:24px 0 85px}.foot{align-items:flex-start;flex-direction:column}.foot>div:last-child{gap:20px}.mobile-call{display:block;position:fixed;z-index:19;bottom:0;left:0;width:100%;padding:11px 15px calc(11px + env(safe-area-inset-bottom));background:var(--gold);box-shadow:0 -4px 25px #0005;text-align:center;color:#111820;font-size:14px;font-weight:900}.mobile-call a{display:block}}