:root{--bg:#f6f7fb;--surface:#fff;--text:#171923;--muted:#62697a;--line:#dfe3ec;--line-strong:#cdd3df;--accent:#5368e8;--accent-dark:#3447bd;--accent-soft:#edf0ff;--max:1160px;--radius:22px;--shadow:0 20px 60px #212a4e1a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#cfd6ff}.section-shell{width:min(var(--max), calc(100% - 48px));margin-inline:auto}.section-block{padding:128px 0 64px}.eyebrow{color:var(--accent-dark);letter-spacing:.14em;margin:0 0 18px;font-size:12px;font-weight:800;line-height:1}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #d6dbe6e6;border-radius:18px;justify-content:space-between;align-items:center;width:min(1180px,100% - 32px);height:64px;padding:0 18px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #19224212}.brand{align-items:center;gap:12px;font-weight:750;display:inline-flex}.brand-mark{color:#fff;background:var(--text);letter-spacing:.06em;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.brand-text{letter-spacing:.01em;font-size:14px}.nav{color:#4d5362;align-items:center;gap:28px;font-size:14px;display:flex}.nav a{transition:color .2s}.nav a:hover{color:var(--text)}.nav-contact{background:var(--text);border-radius:12px;padding:11px 16px;color:#fff!important}.menu-button{background:0 0;border:0;padding:8px;display:none}.menu-button span{background:var(--text);width:22px;height:1.5px;margin:5px;display:block}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;min-height:100vh;padding-top:154px;padding-bottom:80px;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#5b6de81a,#0000 66%);width:70vw;height:70vw;position:absolute;top:12vh;left:-18vw}.hero-copy{padding-top:12px}.hero h1{letter-spacing:-.055em;max-width:700px;margin:0;font-size:clamp(48px,5.4vw,78px);font-weight:790;line-height:1.06}.hero-lead{max-width:660px;color:var(--muted);margin:30px 0 0;font-size:18px;line-height:1.85}.hero-actions{gap:12px;margin-top:38px;display:flex}.button{border-radius:13px;justify-content:center;align-items:center;gap:10px;height:50px;padding:0 21px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--text);box-shadow:0 10px 24px #17192329}.button-ghost{border:1px solid var(--line-strong);background:#ffffffb3}.hero-visual{height:520px;position:relative}.hero-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;position:absolute;overflow:hidden}.hero-card img{object-fit:cover}.hero-card-main{inset:48px 0 24px 32px;transform:rotate(1.2deg)}.hero-card-side{width:54%;height:45%;top:8px;left:-30px;transform:rotate(-4.5deg)}.hero-status{border:1px solid var(--line);background:#fffffff0;border-radius:999px;align-items:center;gap:9px;padding:12px 15px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:0;right:24px;box-shadow:0 12px 30px #1922421a}.hero-status span{background:#2db676;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #dff7eb}.hero-metrics{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-top:24px;padding-top:26px;display:grid}.hero-metrics div{flex-direction:column;gap:5px;padding-right:24px;display:flex}.hero-metrics strong{letter-spacing:-.03em;font-size:25px}.hero-metrics span{color:var(--muted);font-size:13px}.capability-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff8c}.capability-inner{align-items:center;gap:32px;min-height:92px;display:flex}.capability-label{color:var(--muted);flex:none;font-size:13px;font-weight:700}.capability-list{flex-wrap:wrap;gap:9px;display:flex}.capability-list span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:12px}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:52px;display:grid}.section-heading h2,.project-header h2,.about-section h2,.footer h2{letter-spacing:-.045em;margin:0;font-size:clamp(38px,4.5vw,60px);line-height:1.08}.section-heading>p{max-width:520px;color:var(--muted);margin:0 0 5px;line-height:1.8}.project-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.project-index-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.project-index-card:hover{border-color:#bfc6d9;transform:translateY(-5px);box-shadow:0 18px 44px #1d264817}.project-index-image{aspect-ratio:16/8.5;background:#eceef4;position:relative;overflow:hidden}.project-index-image img{object-fit:cover;object-position:top;transition:transform .45s}.project-index-card:hover img{transform:scale(1.018)}.project-index-body{grid-template-rows:auto auto;grid-template-columns:46px 1fr auto;column-gap:14px;padding:25px 25px 27px;display:grid}.project-index-number{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-dark);border-radius:50%;grid-row:1/3;place-items:center;font-size:11px;font-weight:800;display:grid}.project-index-body h3{letter-spacing:-.02em;margin:0;font-size:19px}.project-index-body p{color:var(--muted);grid-column:2;margin:7px 0 0;font-size:13px}.project-index-link{color:var(--accent-dark);grid-area:1/3/3;align-self:center;font-size:12px;font-weight:800}.projects-detail{padding-top:64px}.project-section{border-bottom:1px solid var(--line);padding-top:140px;padding-bottom:140px}.project-header{grid-template-columns:1.08fr .92fr;align-items:end;gap:84px;display:grid}.project-title-block h2{font-size:clamp(38px,4.5vw,62px)}.project-subtitle{color:var(--accent-dark);margin:18px 0 0;font-size:16px;font-weight:700}.project-summary{color:var(--muted);margin:0 0 3px;font-size:17px;line-height:1.85}.project-metrics{border:1px solid var(--line);background:var(--line);border-radius:17px;grid-template-columns:repeat(3,1fr);gap:1px;margin:48px 0 30px;display:grid;overflow:hidden}.project-metrics div{background:#fff;flex-direction:column;justify-content:center;gap:7px;min-height:112px;padding:24px 28px;display:flex}.project-metrics strong{letter-spacing:-.035em;font-size:30px}.project-metrics span{color:var(--muted);font-size:12px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.gallery-item{border:1px solid var(--line);cursor:zoom-in;background:#e9ecf3;border-radius:18px;min-height:280px;padding:0;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;object-position:top;transition:transform .35s}.gallery-item:hover img{transform:scale(1.012)}.gallery-featured{grid-column:1/-1;min-height:590px}.gallery-mobile{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-mobile .gallery-featured{grid-area:span 2/span 2;min-height:680px}.gallery-mobile .gallery-item img,.gallery-mixed .gallery-item:nth-child(n+7) img{object-fit:contain;background:#eff1f6}.project-content-grid{grid-template-columns:1.35fr .65fr;gap:76px;margin-top:52px;display:grid}.content-label{color:var(--muted);letter-spacing:.12em;margin:0 0 20px;font-size:11px;font-weight:800}.highlight-list{margin:0;padding:0;list-style:none}.highlight-list li{border-top:1px solid var(--line);padding:18px 0 18px 28px;line-height:1.75;position:relative}.highlight-list li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:27px;left:2px}.highlight-list li:last-child{border-bottom:1px solid var(--line)}.project-sidebar{min-width:0}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list span{border:1px solid var(--line);color:#4e5567;background:#fff;border-radius:9px;padding:9px 11px;font-size:12px}.project-link{color:#fff;background:var(--text);border-radius:15px;margin-top:28px;padding:20px;display:block}.project-link>span{justify-content:space-between;align-items:center;font-weight:800;display:flex}.project-link small{color:#b8becc;margin-top:8px;display:block}.project-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:56px}.project-details summary{cursor:pointer;justify-content:space-between;align-items:center;padding:25px 0;font-weight:800;list-style:none;display:flex}.project-details summary::-webkit-details-marker{display:none}.project-details summary span{font-size:23px;font-weight:400;transition:transform .2s}.project-details[open] summary span{transform:rotate(45deg)}.details-grid{grid-template-columns:1fr 1fr;gap:72px;padding:12px 0 38px;display:grid}.details-grid h3{margin:0 0 18px;font-size:16px}.details-grid ul{color:var(--muted);margin:0;padding-left:18px;line-height:1.8}.details-grid li+li{margin-top:10px}.lightbox{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c14eb;place-items:center;display:grid;position:fixed;inset:0}.lightbox-image{width:min(90vw,1500px);height:88vh;position:relative}.lightbox-image img{object-fit:contain}.lightbox-close,.lightbox-nav{z-index:2;color:#fff;cursor:pointer;background:#ffffff1f;border:0;position:absolute}.lightbox-close{border-radius:50%;width:44px;height:44px;font-size:28px;top:20px;right:24px}.lightbox-nav{border-radius:50%;width:52px;height:52px;font-size:22px;top:50%;transform:translateY(-50%)}.lightbox-prev{left:22px}.lightbox-next{right:22px}.lightbox-count{color:#fff;font-size:12px;position:absolute;bottom:20px}.method-section{color:#fff;background:#171923;padding:140px 0}.method-heading>p{color:#aeb5c5}.method-section .eyebrow{color:#9eabff}.method-grid{background:#353948;border:1px solid #353948;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.method-grid>div{background:#1d202b;min-height:285px;padding:30px 27px}.method-grid span{color:#8e9bf3;font-size:12px;font-weight:800}.method-grid h3{margin:68px 0 16px;font-size:20px}.method-grid p{color:#abb1c0;margin:0;font-size:14px;line-height:1.75}.about-section{grid-template-columns:.7fr 1.3fr;gap:84px;padding-top:140px;padding-bottom:140px;display:grid}.about-copy p{letter-spacing:-.025em;margin:0;font-size:clamp(21px,2.5vw,31px);line-height:1.55}.about-copy p+p{color:var(--muted);letter-spacing:0;margin-top:28px;font-size:17px;line-height:1.85}.footer{color:#fff;background:#0e1017;padding:120px 0 30px}.footer .eyebrow{color:#9eabff}.footer h2{max-width:760px}.contact-list{border-top:1px solid #303442;margin-top:72px}.contact-list a{border-bottom:1px solid #303442;grid-template-columns:100px 1fr auto;align-items:center;gap:20px;padding:24px 0;display:grid}.contact-list span{color:#8f97a9;font-size:12px}.contact-list strong{font-size:clamp(17px,2vw,24px)}.contact-list a>span:last-child{color:#fff}.footer-bottom{color:#7d8597;justify-content:space-between;margin-top:72px;font-size:12px;display:flex}.footer-bottom a{color:#fff}@media (max-width:960px){.hero{grid-template-columns:1fr;gap:30px;padding-top:140px}.hero-visual{height:470px}.hero-card-main{left:8%}.hero-card-side{left:0}.section-heading,.project-header,.about-section{grid-template-columns:1fr;gap:30px}.project-content-grid{grid-template-columns:1fr;gap:42px}.project-index-grid{grid-template-columns:1fr}.method-grid{grid-template-columns:repeat(2,1fr)}.gallery-featured{min-height:460px}.project-header{align-items:start}}@media (max-width:680px){.section-shell{width:min(100% - 30px, var(--max))}.site-header{border-radius:15px;width:calc(100% - 20px);height:58px;top:10px}.brand-text{display:none}.menu-button{display:block}.nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;flex-direction:column;align-items:stretch;gap:4px;padding:18px;display:none;position:absolute;top:66px;left:0;right:0}.nav-open{display:flex}.nav a{padding:12px}.nav-contact{text-align:center;margin-top:6px}.hero{min-height:auto;padding-top:116px;padding-bottom:64px}.hero h1{font-size:43px}.hero-lead{font-size:16px;line-height:1.75}.hero-actions{flex-direction:column}.button{width:100%}.hero-visual{height:330px;margin-top:8px}.hero-card-main{inset:54px 0 14px 12px}.hero-card-side{width:58%;height:47%;left:0}.hero-status{padding:9px 11px;right:6px}.hero-metrics{grid-template-columns:repeat(2,1fr);row-gap:24px}.hero-metrics div{padding-right:10px}.capability-inner{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 0}.section-block{padding-top:92px}.section-heading{margin-bottom:34px}.section-heading h2,.project-header h2,.about-section h2,.footer h2{font-size:39px}.project-index-body{grid-template-columns:42px 1fr}.project-index-link{display:none}.project-section{padding-top:96px;padding-bottom:96px}.project-metrics{grid-template-columns:1fr}.project-metrics div{min-height:88px;padding:18px 20px}.gallery,.gallery-mobile{scroll-snap-type:x mandatory;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.gallery-item,.gallery-featured,.gallery-mobile .gallery-featured{scroll-snap-align:center;flex:0 0 86%;grid-area:auto;min-height:270px}.gallery-mobile .gallery-item{min-height:570px}.project-content-grid{margin-top:38px}.details-grid{grid-template-columns:1fr;gap:34px}.method-section{padding:96px 0}.method-grid{grid-template-columns:1fr}.method-grid>div{min-height:auto}.method-grid h3{margin-top:42px}.about-section{padding-top:96px;padding-bottom:96px}.contact-list a{grid-template-columns:72px 1fr auto;gap:10px}.contact-list strong{overflow-wrap:anywhere;font-size:15px}.lightbox-nav{display:none}.lightbox-image{width:96vw;height:82vh}}