/* Alfano Gaetano — Digital Creative Lab. Adapted from the supplied reference. */
:root{--bg:#f6f7f9;--paper:#fff;--navy:#101f37;--navy2:#162b49;--deep:#0b1526;--silver:#c0c7d1;--silverlight:#e5e9ef;--ink:#17263e;--sub:#657386;--line:#e4e8ed;--radius:22px;--shadow:0 22px 70px rgba(16,31,55,.09);--max:1260px}
    *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}svg{display:block}::selection{background:#c0c7d1;color:#101f37}.icon{height:18px;width:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.wrap{max-width:var(--max);padding:0 28px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:800;display:flex;align-items:center;gap:11px}.eyebrow:before{content:"";width:24px;height:1px;background:currentColor;opacity:.55}.muted{color:var(--sub)}.section{padding:105px 0}.section-title{font-size:clamp(36px,4.6vw,64px);line-height:1.08;letter-spacing:-.065em;font-weight:780;margin:18px 0 0}.section-desc{font-size:17px;line-height:1.7;max-width:520px;color:var(--sub)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.arrow-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:var(--navy);white-space:nowrap}.arrow-link svg{transition:transform .2s}.arrow-link:hover svg{transform:translate(3px,-3px)}.btn{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:800;min-height:49px;padding:0 22px;transition:transform .22s,box-shadow .22s,background .22s}.btn:hover{transform:translateY(-3px)}.btn svg{width:17px;height:17px}.btn-dark{background:var(--navy);color:white;box-shadow:0 8px 24px #101f3720}.btn-dark:hover{box-shadow:0 13px 26px #101f3730;background:#203b60}.btn-light{border:1px solid #dce2e9;background:white;color:var(--navy)}.btn-light:hover{background:#f1f3f6}.btn-metal{background:linear-gradient(120deg,#e2e7ef,#bec7d3 46%,#f0f3f8 60%,#bec7d3);color:#101f37;box-shadow:inset 0 1px #fff8,0 10px 40px #02091635}.btn-metal:hover{box-shadow:inset 0 1px #fff9,0 15px 40px #02091655}.skip{position:absolute;top:-100px;left:12px;z-index:999;background:#fff;padding:12px}.skip:focus{top:12px}
    .site-header{height:90px;position:sticky;top:0;z-index:40;background:rgba(246,247,249,.84);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(219,225,233,.75)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand-mark{width:42px;height:42px;background:var(--navy);color:#e5e9ee;display:grid;place-items:center;font-size:15px;font-weight:850;letter-spacing:-.12em;border-radius:12px;position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:-50%;background:linear-gradient(105deg,transparent 45%,#fff7 50%,transparent 55%);transform:translateX(-100%) rotate(20deg);animation:metalshine 8s linear infinite}.brand-name{font-size:13px;font-weight:850;line-height:1.2;letter-spacing:.025em}.brand-sub{font-size:9px;letter-spacing:.17em;color:#8892a1;font-weight:750;margin-top:4px}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{font-size:12px;color:#556478;font-weight:750;transition:color .2s}.nav-links a:hover{color:var(--navy)}.nav-right{display:flex;align-items:center;gap:12px}.nav-cta{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:12px 16px;border-radius:11px;font-size:12px;font-weight:800}.nav-cta:hover{background:#203b60}.menu-button{display:none;width:42px;height:42px;align-items:center;justify-content:center;background:white;border:1px solid var(--line);border-radius:11px;color:var(--navy)}.mobile-panel{display:none}
    .hero{padding:92px 0 92px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;pointer-events:none;width:700px;height:700px;border:1px solid #dfe5ed;border-radius:50%;top:-510px;right:-130px;box-shadow:0 0 0 130px #e5e9ef43,0 0 0 270px #e7ebef38}.hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:55px;align-items:center;position:relative}.hero-copy{padding:8px 0}.status{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #dbe1e9;background:#fff9;border-radius:50px;color:#43536a;font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:800}.status-dot{height:7px;width:7px;background:#8b9aab;border-radius:50%;box-shadow:0 0 0 4px #d5dce6}.hero h1{font-size:clamp(48px,5.45vw,78px);line-height:1.04;letter-spacing:-.078em;font-weight:810;margin:28px 0}.hero h1 .accent{color:#8795a7}.hero-description{font-size:17px;line-height:1.8;color:#657386;max-width:470px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-stats{display:flex;gap:34px;margin-top:55px;border-top:1px solid #dfe4eb;padding-top:23px}.hero-stats strong{font-size:27px;letter-spacing:-.06em;font-weight:800;display:block}.hero-stats span{font-size:11px;color:#718092;margin-top:3px;display:block}.hero-art{position:relative}.hero-art:before{content:"";position:absolute;z-index:-1;inset:30px 20px -24px 45px;background:linear-gradient(145deg,#dbe2eb,#c6ced9);border-radius:27px;transform:rotate(4deg);box-shadow:0 35px 80px rgba(16,31,55,.1)}
    .editor{background:#0c172a;color:#d8e2ee;border:1px solid #27344a;border-radius:20px;overflow:hidden;box-shadow:0 36px 85px #101f3740;min-height:475px}.editor-top{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid #233249;background:#111f35}.window-dots{display:flex;gap:6px}.window-dots span{height:7px;width:7px;border-radius:50%;background:#5b6880}.window-dots span:nth-child(2){background:#8b97aa}.window-dots span:nth-child(3){background:#c0c7d1}.editor-logo{font-size:10px;font-weight:900;letter-spacing:.13em;color:#c5cfdd}.editor-logo em{color:#758ba7;font-style:normal}.editor-version{font:700 9px ui-monospace,monospace;color:#8092aa}.editor-toolbar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #223047;font-size:10px;color:#93a1b6}.editor-toolbar b{color:#dae3f0;font-size:10px}.engine-signal{display:inline-flex;gap:7px;align-items:center}.engine-signal i{width:6px;height:6px;border-radius:50%;background:#9cbdab;box-shadow:0 0 9px #7da791}.editor-content{display:grid;grid-template-columns:54px 1fr 155px;min-height:330px}.editor-rail{border-right:1px solid #223047;display:flex;flex-direction:column;gap:5px;align-items:center;padding:14px 0}.rail-btn{width:35px;height:35px;background:transparent;color:#7b8da7;border:1px solid transparent;border-radius:9px;display:grid;place-items:center;transition:background .2s,color .2s}.rail-btn.active,.rail-btn:hover{background:#243850;border-color:#3e5067;color:white}.scene{background:radial-gradient(circle at 50% 53%,#1e3a59 0,#14263f 40%,#0c192c 80%);min-width:0;overflow:hidden;position:relative}.scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a4bed014 1px,transparent 1px),linear-gradient(90deg,#a4bed014 1px,transparent 1px);background-size:30px 30px;transform:perspective(360px) rotateX(23deg) scale(1.35);mask-image:linear-gradient(#0009,#000)}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #081322af}.scene-stage{position:absolute;inset:12px;z-index:1}.scene-path{width:100%;height:100%;position:absolute;inset:0;opacity:.9}.scene-mapname{position:absolute;top:13px;left:10px;font:750 9px ui-monospace,monospace;letter-spacing:.1em;color:#a4b9d0}.scene-compass{position:absolute;right:10px;top:10px;border:1px solid #67809d66;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 10px ui-monospace,monospace;color:#9fb4cb}.scene-location{position:absolute;z-index:2;display:grid;gap:7px;justify-items:center;background:transparent;border:0;color:#a9bad0;transform:translate(-50%,-50%);transition:transform .2s,color .2s}.scene-location:hover,.scene-location.selected{color:white;transform:translate(-50%,-50%) scale(1.08)}.scene-location .node{position:relative;background:#213e5b;border:1px solid #738ca8;color:#c7d8ed;height:39px;width:39px;display:grid;place-items:center;border-radius:13px;box-shadow:0 10px 24px #02091688}.scene-location.selected .node{border-color:#e2eaf4;background:#365877;box-shadow:0 0 0 5px #9faec72a,0 0 28px #849fb963}.scene-location .node:after{content:"";position:absolute;inset:-5px;border:1px solid #a4b4ca4d;border-radius:17px}.scene-location .node svg{height:16px;width:16px}.scene-location small{background:#081422bc;padding:4px 7px;border:1px solid #2d4662;border-radius:4px;white-space:nowrap;font:700 9px ui-monospace,monospace}.n-bran{left:48%;top:32%}.n-forest{left:20%;top:65%}.n-brasov{left:80%;top:65%}.scene-bottom{position:absolute;bottom:10px;left:10px;color:#889cb4;font:700 9px ui-monospace,monospace}.inspector{padding:16px 12px;border-left:1px solid #223047;background:#101d31}.insp-label{font:800 9px ui-monospace,monospace;letter-spacing:.07em;color:#7589a3;margin:0 0 16px}.insp-key{font-size:9px;color:#7e91ab;margin:0 0 6px}.insp-value{font-size:11px;font-weight:700;color:#e0e9f3;margin:0 0 13px;line-height:1.4;overflow-wrap:anywhere}.insp-rule{height:1px;background:#27364a;margin-bottom:14px}.insp-chip{font:700 9px ui-monospace,monospace;border:1px solid #445870;background:#1d3049;padding:5px 7px;display:inline-flex;border-radius:5px;color:#c3d3e6}.insp-bars{display:flex;gap:4px;margin-top:12px}.insp-bars span{height:18px;flex:1;border-radius:3px;background:#33495f}.insp-bars span:nth-child(-n+3){background:#93a8be}.editor-footer{border-top:1px solid #233249;padding:11px 16px;display:flex;justify-content:space-between;font:650 9px ui-monospace,monospace;color:#8fa0b5;gap:12px}.editor-footer .footer-ok{color:#adc2b5}.hero-sticker{position:absolute;right:-18px;bottom:-25px;background:#eef2f6;border:1px solid white;box-shadow:0 15px 35px #101f3730;border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px;transform:rotate(-3deg)}.sticker-icon{width:31px;height:31px;background:#d7dfe9;color:var(--navy);border-radius:9px;display:grid;place-items:center}.hero-sticker b{display:block;font-size:12px}.hero-sticker span{font-size:10px;color:#728096}
    .ticker{background:var(--navy);color:#b7c3d2;padding:20px 0}.ticker-inner{display:flex;justify-content:space-around;align-items:center;gap:24px;flex-wrap:wrap}.ticker-inner span{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:850;display:flex;align-items:center;gap:14px}.ticker-inner i{height:5px;width:5px;border-radius:50%;background:#98a6ba;display:inline-block}
    .projects{background:#fff}.projects-header{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:30px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{min-height:380px;border:1px solid #e5eaf0;border-radius:21px;overflow:hidden;display:flex;flex-direction:column;position:relative;background:#f6f8fa;transition:transform .28s,box-shadow .28s,border-color .28s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cbd3dd}.feature-visual{position:relative;flex:1;min-height:245px;overflow:hidden}.feature-info{padding:19px 25px 25px;background:white;display:flex;align-items:center;justify-content:space-between;gap:15px}.feature-info small{font-size:10px;font-weight:800;letter-spacing:.13em;color:#8090a3;text-transform:uppercase}.feature-info h3{margin:6px 0 0;font-size:22px;letter-spacing:-.04em}.feature-arrow{width:39px;height:39px;flex:none;display:grid;place-items:center;border:1px solid #dfe5ec;border-radius:11px;color:var(--navy);transition:background .2s}.feature-card:hover .feature-arrow{background:#e9edf3}.feature-gothik{background:radial-gradient(circle at 70% 30%,#5c6778 0,#1e2e46 34%,#0c1425 75%)}.gothik-moon{position:absolute;width:118px;height:118px;right:16%;top:16%;background:linear-gradient(140deg,#edf2f7,#9dacc1);border-radius:50%;box-shadow:0 0 90px #dee4f547}.gothik-hills{position:absolute;bottom:0;left:-10%;width:120%;height:55%;background:#0c1729;clip-path:polygon(0 72%,13% 39%,25% 70%,39% 21%,50% 60%,64% 18%,78% 62%,89% 25%,100% 55%,100% 100%,0 100%)}.gothik-tower{position:absolute;bottom:8%;left:28%;height:120px;width:41px;background:#0d192a;box-shadow:65px 22px 0 -8px #0d192a,-60px 25px 0 -12px #0d192a;clip-path:polygon(0 20%,25% 20%,25% 0,75% 0,75% 20%,100% 20%,100% 100%,0 100%)}.visual-caption{position:absolute;left:28px;top:25px;font:800 10px ui-monospace,monospace;letter-spacing:.15em;color:#d2deeb;z-index:3}.visual-big{position:absolute;right:24px;bottom:15px;font-size:64px;font-weight:900;letter-spacing:-.08em;line-height:1;color:#ffffff17;z-index:3}.feature-imperion{background:linear-gradient(145deg,#eef1f5,#aebccf)}.imperion-map{position:absolute;inset:10% 12%;border:1px solid #70839b52;border-radius:40% 44% 50% 40%;transform:rotate(-20deg);box-shadow:0 0 0 24px #8e9fb51c,0 0 0 60px #8e9fb515;background:radial-gradient(circle at 42% 40%,#fff9,transparent 40%)}.imperion-map:before,.imperion-map:after{content:"";position:absolute;inset:20%;border:1px dashed #4864869e;transform:rotate(36deg);border-radius:50%}.imperion-map:after{inset:39%;background:#183454;border:8px solid #d4dce7;box-shadow:0 0 0 1px #223e5a;border-radius:9px}.imp-lines{position:absolute;left:8%;right:8%;top:30%;height:1px;background:#8095ab90;transform:rotate(24deg)}.feature-imperion .visual-caption,.feature-imperion .visual-big{color:#132b46}.feature-teledisk{background:linear-gradient(135deg,#15253c,#294666)}.disk-orbit{width:220px;height:220px;border:1px solid #9eb1c552;position:absolute;border-radius:50%;top:9%;left:calc(50% - 110px);box-shadow:0 0 0 28px #ffffff08,0 0 0 56px #ffffff08;animation:orb 18s linear infinite}.disk-orbit:before{content:"";position:absolute;inset:45px;border:2px solid #c0c7d1;border-radius:26px;transform:rotate(45deg);background:linear-gradient(140deg,#acc1d73a,#b4c2d414)}.disk-orbit:after{content:"";position:absolute;inset:84px;border-radius:15px;background:#d8e0e9;box-shadow:0 0 40px #a1b1c699}.feature-moto{background:linear-gradient(135deg,#e5ebf0,#b8c6d6)}.moto-rings{position:absolute;width:170px;height:170px;border:24px solid #28425f;border-radius:50%;bottom:-45px;left:13%;box-shadow:260px 0 0 -2px #28425f,260px 0 0 23px #c0cbd7;opacity:.85}.moto-rings:before{content:"";position:absolute;width:350px;height:70px;left:58px;top:-40px;border:19px solid #173450;border-top:0;transform:skew(-27deg);border-radius:18px}.feature-moto .visual-caption,.feature-moto .visual-big{color:#173450}.projects-actions{text-align:center;margin-top:28px}.projects-actions .btn{min-width:225px}
    .engine-section{background:#f0f3f7;overflow:hidden}.engine-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:38px;align-items:end}.engine-label{color:#5f7187}.engine-intro .section-desc{margin-bottom:2px}.lab-board{background:var(--navy);border-radius:25px;overflow:hidden;display:grid;grid-template-columns:240px 1fr;min-height:395px;color:#e6edf5;box-shadow:0 35px 80px #101f3725}.lab-sidebar{padding:26px 17px;border-right:1px solid #34445a;background:#111e32}.lab-heading{font:800 10px ui-monospace,monospace;letter-spacing:.15em;color:#a6b5c7;margin:0 8px 22px}.lab-tab{width:100%;border:1px solid transparent;padding:13px;border-radius:10px;background:transparent;color:#8396af;display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;font-weight:750;margin-bottom:6px;transition:background .2s}.lab-tab.active,.lab-tab:hover{background:#263a53;color:#e7edf5;border-color:#3b516c}.lab-tab .icon{height:17px;width:17px}.lab-sidebar-footer{margin:35px 8px 0;border-top:1px solid #32445a;padding-top:18px;color:#6f85a0;font:700 10px ui-monospace,monospace;line-height:1.8}.lab-content{padding:34px 44px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.lab-content:after{content:"";position:absolute;right:-80px;top:-100px;border:1px solid #b3c3d41a;border-radius:50%;width:420px;height:420px;box-shadow:0 0 0 60px #b3c3d408,0 0 0 120px #b3c3d408;pointer-events:none}.lab-tag{font:800 10px ui-monospace,monospace;color:#9fb0c3;letter-spacing:.15em;position:relative;z-index:1}.lab-content h3{font-size:clamp(25px,3vw,39px);line-height:1.15;letter-spacing:-.05em;margin:17px 0 12px;position:relative;z-index:1}.lab-content p{max-width:550px;color:#aebed0;font-size:14px;line-height:1.8;margin:0;position:relative;z-index:1}.lab-modules{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px;position:relative;z-index:1}.module-chip{padding:10px 13px;border:1px solid #465a73;border-radius:8px;background:#1a304a;color:#bfcde0;font:750 10px ui-monospace,monospace}.lab-note{margin-top:17px;font-size:11px;color:#788a9e}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.capability{padding:26px 25px;background:white;border:1px solid var(--line);border-radius:17px}.capability .cap-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d5dde8;background:#edf1f6;border-radius:12px;color:var(--navy)}.capability h4{font-size:15px;margin:20px 0 9px;letter-spacing:-.02em}.capability p{color:#7b8797;font-size:12px;line-height:1.7;margin:0}
    .archive{background:#fff}.archive-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:17px;margin-bottom:22px}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:1px solid #dce3eb;background:#f7f9fb;color:#657488;padding:10px 15px;border-radius:10px;font-size:11px;font-weight:800;transition:all .2s}.filter-btn:hover{border-color:#a4b1c2;color:var(--navy)}.filter-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.search-wrap{position:relative;max-width:250px;flex:1;min-width:180px}.search-wrap .icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#8290a3;width:15px}.search-wrap input{border:1px solid #dce3eb;background:#f8fafc;border-radius:10px;width:100%;height:41px;padding:0 13px 0 40px;outline:none;font-size:12px;color:var(--navy)}.search-wrap input:focus{border-color:#8e9eb2;box-shadow:0 0 0 3px #adbdcf30}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.archive-card{border:1px solid #e4e9f0;border-radius:15px;min-height:172px;padding:19px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#fff,#f8fafc);transition:transform .2s,border-color .2s,box-shadow .2s}.archive-card:hover{transform:translateY(-3px);border-color:#bdc8d6;box-shadow:0 10px 26px #101f3710}.archive-card-top{display:flex;justify-content:space-between;align-items:center}.archive-card-num{font:750 10px ui-monospace,monospace;color:#8b99aa}.archive-card svg{width:17px;color:#78899c}.archive-card-category{font-size:9px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#92a0ae}.archive-card h3{font-size:16px;letter-spacing:-.03em;margin:7px 0 4px}.archive-card p{font-size:11px;line-height:1.5;color:#8793a1;margin:0}.archive-empty{padding:25px;text-align:center;color:#657386;border:1px dashed #b8c3cf;border-radius:12px;display:none}.archive-count{font-size:11px;color:#8190a0;margin-top:18px}
    .about{background:#f0f3f7}.about-layout{display:grid;grid-template-columns:0.9fr 1.1fr;gap:70px;align-items:center}.about-art{height:410px;border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(140deg,#203755,#111f38);box-shadow:var(--shadow)}.about-art:before{content:"";position:absolute;inset:-50px;background-image:linear-gradient(#a2b3c51a 1px,transparent 1px),linear-gradient(90deg,#a2b3c51a 1px,transparent 1px);background-size:36px 36px;transform:rotate(-15deg) scale(1.3)}.about-circle{position:absolute;width:260px;height:260px;top:16%;left:21%;border:1px solid #b9c9da55;border-radius:50%;box-shadow:0 0 0 31px #c6d4e412,0 0 0 76px #c6d4e409}.about-letter{position:absolute;font-size:210px;font-weight:900;letter-spacing:-.15em;top:15%;left:25%;line-height:1;color:#c7d3e1;text-shadow:0 20px 40px #030a15;transform:rotate(-8deg)}.about-corner{position:absolute;bottom:24px;left:27px;color:#adc1d4;font:700 11px ui-monospace,monospace;letter-spacing:.08em}.about-copy p{font-size:15px;color:#68778a;line-height:1.85;max-width:540px}.about-points{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0}.about-points span{font-size:11px;font-weight:750;border:1px solid #d7dfe9;padding:9px 11px;background:#fff;border-radius:9px;color:#455a72}
    .contact{background:var(--navy);color:white;padding:90px 0 44px;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #95aac029;right:-100px;top:-300px;border-radius:50%;box-shadow:0 0 0 80px #95aac010,0 0 0 170px #95aac008}.contact-head{position:relative;display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:70px}.contact h2{font-size:clamp(42px,5.6vw,75px);line-height:1.06;letter-spacing:-.065em;max-width:680px;margin:22px 0 16px}.contact h2 span{color:#98a8bc}.contact p{color:#a4b3c7;font-size:15px}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:27px;border-top:1px solid #32445a;color:#92a3b8;font-size:11px}.footer-links{display:flex;gap:22px}.footer-links a:hover{color:white}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.glint{position:relative;overflow:hidden}.glint:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff38 49%,transparent 66%);transform:translateX(-130%);transition:transform .7s;pointer-events:none}.glint:hover:after{transform:translateX(130%)}@keyframes metalshine{0%,65%{transform:translateX(-120%) rotate(20deg)}80%,100%{transform:translateX(120%) rotate(20deg)}}@keyframes orb{to{transform:rotate(360deg)}}
    @media(max-width:1100px){.nav-links{gap:19px}.hero-grid{gap:30px}.hero h1{font-size:clamp(47px,5.5vw,65px)}.editor-content{grid-template-columns:42px 1fr 125px}.inspector{padding:14px 9px}.archive-grid{grid-template-columns:repeat(3,1fr)}.hero-sticker{right:0}}
    @media(max-width:820px){.site-header{height:75px}.nav-links,.nav-cta{display:none}.menu-button{display:flex}.mobile-panel{display:block;position:absolute;top:75px;left:0;right:0;background:#f6f7f9;box-shadow:0 18px 24px #101f371a;transform-origin:top;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s;padding:15px 26px 24px;border-bottom:1px solid #dce2e9}.mobile-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-panel a{display:block;padding:13px 4px;border-bottom:1px solid #e4e8ec;font-weight:750;font-size:14px}.hero{padding:65px 0}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(54px,9vw,74px)}.hero-description{max-width:630px}.hero-art{max-width:680px;width:100%;margin:auto}.section{padding:75px 0}.section-top,.engine-intro{gap:20px}.archive-grid{grid-template-columns:repeat(2,1fr)}.about-layout{gap:35px}.about-art{height:360px}}
    @media(max-width:600px){.wrap{padding:0 19px}.brand{min-width:0}.brand-name{font-size:12px}.hero{padding:49px 0 75px}.hero h1{font-size:clamp(45px,11vw,62px)}.hero-description{font-size:15px}.hero-stats{gap:24px;margin-top:35px}.hero-stats strong{font-size:23px}.hero-stats span{font-size:10px}.hero-actions .btn{flex:1;min-width:145px;padding:0 12px}.editor{min-height:0}.editor-top{padding:0 12px}.editor-logo{font-size:9px}.editor-content{grid-template-columns:42px minmax(0,1fr)}.editor-rail{padding:11px 0}.scene{height:270px}.inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:4px 10px;padding:14px}.insp-label{grid-column:1/-1;margin:0 0 4px}.inspector .insp-rule,.inspector .insp-bars,.inspector .insp-chip{display:none}.insp-value{margin:0;font-size:10px}.insp-key{margin:0;font-size:9px}.hero-sticker{bottom:-37px;padding:9px 11px}.hero-sticker b{font-size:10px}.hero-sticker span{font-size:9px}.sticker-icon{height:27px;width:27px}.editor-footer{font-size:8px}.ticker-inner{justify-content:center;gap:13px 24px}.ticker-inner span{font-size:9px}.section-title{font-size:clamp(36px,9vw,48px)}.section-top,.projects-header{align-items:start;flex-direction:column}.section-desc{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:340px}.feature-visual{min-height:220px}.engine-intro{display:block}.lab-board{grid-template-columns:1fr}.lab-sidebar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:15px;border-right:0;border-bottom:1px solid #34445a}.lab-heading{width:100%;margin:0 0 8px}.lab-tab{width:auto;margin:0;flex:1;justify-content:center;padding:10px 6px;font-size:10px}.lab-tab .icon{width:15px;height:15px}.lab-sidebar-footer{display:none}.lab-content{padding:35px 24px 45px;min-height:305px}.lab-content h3{font-size:30px}.capability-grid{grid-template-columns:1fr}.capability{padding:23px}.archive-tools{align-items:stretch}.search-wrap{max-width:none;flex-basis:100%}.archive-grid{grid-template-columns:1fr}.archive-card{min-height:140px}.about-layout{grid-template-columns:1fr}.about-art{height:300px}.about-letter{font-size:180px;top:15%}.about-circle{width:190px;height:190px;left:26%}.contact{padding-top:65px}.contact-head{align-items:start;flex-direction:column;padding-bottom:50px}.contact h2{font-size:44px}.contact .btn{width:100%}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Shared brand, progressive enhancement and accessibility. */
:root{color-scheme:light;--muted:var(--sub);--green-dark:var(--navy)}
body{line-height:1.5}img{max-width:100%;height:auto;display:block}figure{margin:0}
[hidden]{display:none!important}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.brand-name,.brand-sub{display:block}.brand-mark img{width:34px;height:34px}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid #6888b0;outline-offset:4px}
a:hover{text-underline-offset:4px}.nav-links a[aria-current=page]{color:var(--navy);text-decoration:underline;text-underline-offset:6px}
.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}
.skip{color:var(--navy);border-radius:8px}.noscript-nav{display:flex;gap:18px;padding:12px 28px;flex-wrap:wrap;background:white}
.hero-stats>div{min-width:0}.hero-stats span{max-width:145px}.hero-art{min-width:0}.hero-grid>*{min-width:0}
.editor-rail .rail-btn{flex:none}.editor[data-tool=layers] .scene:before{opacity:.35}.editor[data-tool=settings] .scene-path{opacity:.35}
.feature-screenshot{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:top}
.archive-empty:not([hidden]){display:block}.archive-tools .search-wrap{margin:0}.archive-card{gap:24px;min-width:0}.archive-card h3{overflow-wrap:anywhere}
.contact-eyebrow{color:#a3b5c9}.contact-head{margin-bottom:0}.contact{padding-bottom:0}.modern-footer{padding:0 0 32px}.modern-footer:before{display:none}.modern-footer .contact-bottom{position:relative}.modern-footer a{color:#bdcbdc}.modern-footer a:hover{color:#fff}
.modern-footer .contact-bottom>a{font-size:12px}.contact-head .btn{flex-shrink:0}.eyebrow{margin-bottom:0}
/* Interior pages keep the same light, navy and silver design language. */
.page-title{font-size:clamp(43px,5.5vw,76px);line-height:1.08;letter-spacing:-.065em;font-weight:780;margin:22px 0 28px;max-width:1040px;overflow-wrap:anywhere}
em{font-style:normal;color:#8795a7}.page-intro{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:34px}
.page-intro p,.lead{font-size:17px;color:var(--sub);line-height:1.8;max-width:660px}.page-intro p{margin:0}
.pill{display:inline-flex;align-items:center;flex:none;white-space:nowrap;border:1px solid #d9e1eb;background:#edf1f6;border-radius:30px;color:#55667e;padding:7px 13px;font-size:11px}
.filters{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.filters a{border:1px solid var(--line);padding:9px 15px;border-radius:10px;font-size:12px;color:#637489;background:#fff}
.filters a:hover,.filters a.selected{background:var(--navy);border-color:var(--navy);color:white}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.project-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;padding-bottom:24px;min-width:0;transition:transform .2s,box-shadow .2s}
.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.project-image{display:block;aspect-ratio:1.6;position:relative;overflow:hidden;background:#e5ebf3}
.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}.project-image:hover img{transform:scale(1.025)}
.image-arrow{position:absolute;bottom:14px;right:14px;width:36px;height:36px;display:grid;place-items:center;background:#fff;color:var(--navy);border-radius:11px;box-shadow:0 4px 12px #101f3726}
.project-placeholder{display:grid;place-content:center;height:100%;font-size:30px;font-weight:800;text-align:center;color:#223b5c;padding:24px;letter-spacing:-.04em}.project-placeholder small{font-size:12px;font-weight:400;margin-top:10px;letter-spacing:0}
.card-meta{margin:20px 23px 10px;display:flex;justify-content:space-between;gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#7a8b9f}
.project-card h3{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:0 23px 11px}.project-card>p{font-size:13px;line-height:1.7;color:var(--sub);margin:0 23px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;min-height:49px;padding:12px 21px;border-radius:12px;font-size:13px;font-weight:750;line-height:1.5;transition:transform .2s,background .2s}
.button.dark{color:white;background:var(--navy)}.button.dark:hover{background:#203b60;transform:translateY(-2px)}.button.light{border-color:var(--line);background:white;color:var(--navy)}
.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:750;color:var(--navy)}.text-link:hover{text-decoration:underline}
.detail-top{display:flex;justify-content:space-between;align-items:center;gap:32px;margin:34px 0 18px}.detail-top .page-title{margin-bottom:0}.detail-top .button{flex-shrink:0}
.detail-image{width:100%;object-fit:cover;object-position:top;max-height:720px;border:1px solid var(--line);border-radius:20px;margin:26px 0 35px;background:white}
.prose{max-width:790px;font-size:17px;line-height:1.9;overflow-wrap:anywhere}.prose p{margin:0 0 1.3em}.prose h1{font-size:clamp(38px,5vw,62px);line-height:1.1;letter-spacing:-.055em;margin:25px 0 35px}.prose h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:35px 0 18px}.prose h3{font-size:24px;line-height:1.3;margin:25px 0 15px}.prose a{text-decoration:underline;text-underline-offset:4px}.prose blockquote{margin-left:0;border-left:3px solid #9bafc9;padding:8px 0 8px 24px;color:#526780}.prose img{max-width:100%;height:auto;border-radius:12px;margin:25px 0}.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}.prose pre{overflow:auto;background:#e7edf4;padding:20px;border-radius:12px;font-size:14px}.prose table{width:100%;border-collapse:collapse;font-size:14px}.prose td,.prose th{border:1px solid var(--line);padding:9px}
.article{margin:auto}.article>.eyebrow{margin-top:34px}.article-author{font-size:12px;color:var(--sub);border-top:1px solid var(--line);padding-top:24px;margin-top:35px}.article-cover{width:100%;height:auto}
.page-editorial{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;margin-bottom:40px}.page-editorial>img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:22px}.page-editorial .page-title{margin-top:22px}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{border:1px solid var(--line);border-radius:17px;background:white;padding:25px;min-width:0}.post-card .eyebrow{font-size:9px;color:#7e8da0}.post-card h3{font-size:24px;line-height:1.2;letter-spacing:-.04em;margin:20px 0 16px}.post-card p{font-size:13px;color:var(--sub);line-height:1.7;margin:0}
.blog-empty{padding:32px;border:1px solid var(--line);border-radius:20px;background:white}.blog-empty h2,.blog-empty h3{font-size:28px;line-height:1.2;letter-spacing:-.04em;margin:0 0 14px}.blog-empty p{font-size:14px;color:var(--sub);line-height:1.7;margin:0 0 20px}.blog-empty.text-only{margin-top:30px}
.profile{margin-top:45px;grid-template-columns:.9fr 1.1fr;align-items:start}.profile-art{position:sticky;top:120px;overflow:hidden;border-radius:22px;background:var(--navy)}.profile-art img{width:100%;aspect-ratio:1;object-fit:cover}.profile-art figcaption{padding:20px 23px;font-size:9px;color:#bdccde;letter-spacing:.13em;line-height:1.7}.profile .prose{padding:0}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:45px}.contact-art{overflow:hidden;border-radius:20px;margin:0 0 27px}.contact-art img{width:100%;aspect-ratio:1.7;object-fit:cover}.contact-email{display:inline-block;margin:10px 0 15px;font-size:22px;font-weight:750;letter-spacing:-.04em;overflow-wrap:anywhere}.contact-layout>div>p:not(.lead){font-size:14px;color:var(--sub)}
.contact-form{padding:32px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 15px 55px #101f3706}.contact-form .button{width:100%;justify-content:space-between}
label{display:block;font-size:12px;font-weight:650;margin-bottom:20px}input,textarea,select{font:inherit}input:not([type=checkbox]):not([type=hidden]),textarea,select{display:block;width:100%;padding:12px 14px;margin-top:7px;border:1px solid #d7dfe9;border-radius:10px;color:var(--ink);background:#f9fafc;font-size:14px;line-height:1.5}textarea{resize:vertical}
input[type=checkbox]{accent-color:var(--navy);width:17px;height:17px;flex:none}.check{display:flex;gap:10px;align-items:start;font-size:11px;font-weight:400;line-height:1.7}.check a{text-decoration:underline}.honey{position:absolute;left:-10000px;opacity:0;pointer-events:none}.small{font-size:11px;line-height:1.7}.contact-form .small{margin:16px 0 0}.notice{padding:16px 18px;border:1px solid #cbdcd8;background:#f0f7f4;border-radius:12px;color:#245c4c;font-size:13px;margin-bottom:22px}.notice.error{background:#fff3f0;border-color:#ebc8c0;color:#8b3f31}
.search-form{max-width:580px;margin:30px 0}.search-form>div{display:flex;gap:10px}.search-form input:not([type=checkbox]){margin-top:0}.search-form label{margin-bottom:8px}.search-form .button{flex:none}.search-wrap input[type=search]{padding:0 13px 0 40px;height:41px;margin:0;font-size:12px;background:#f8fafc}
.empty{color:var(--sub);font-size:15px;padding:24px;background:white;border-radius:16px}
@media(max-width:820px){.page-editorial{gap:35px}.contact-layout{gap:35px}.profile{gap:35px}.post-grid{grid-template-columns:1fr}.detail-top{align-items:start;flex-direction:column}.modern-footer .contact-bottom{gap:20px}.project-grid{gap:20px}.contact-head{padding-bottom:48px}}
@media(max-width:600px){.page-title{font-size:clamp(38px,10vw,52px);margin-top:20px}.page-intro{align-items:start;flex-direction:column;gap:18px}.page-intro p,.lead{font-size:15px}.project-grid{grid-template-columns:1fr}.project-card h3{font-size:24px}.page-editorial,.profile,.contact-layout{grid-template-columns:1fr;gap:28px}.page-editorial>img{max-height:230px;aspect-ratio:1.7}.profile-art{position:static}.profile-art img{aspect-ratio:1.5}.profile .prose{font-size:15px}.contact-form{padding:25px 20px}.contact-email{font-size:20px}.prose{font-size:15px}.prose h2{font-size:26px}.search-form>div{gap:8px}.search-form .button{padding:12px 15px}.detail-image{margin-top:18px;border-radius:14px}.modern-footer .contact-bottom{align-items:start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:18px}.hero-stats{gap:20px}.hero-stats span{font-size:9px}.hero-stats strong{font-size:24px}.hero-sticker{right:0}.feature-info h3{font-size:21px}.contact-head .btn{width:100%}.contact h2{font-size:clamp(37px,10vw,48px)}}
/* Interior mains combine the wrap and section classes on one element. */
.site-body main.wrap.section{padding:80px 28px 90px}
.modern-footer .contact-bottom{padding-top:27px}
@media(max-width:600px){.site-body main.wrap.section{padding:48px 19px 60px}}
/* Legible silver accents on the light background. */
.hero h1 .accent,em{color:#78889d}
.brand-sub,.hero-stats span,.archive-card p,.archive-count{color:#657386}
.archive-card-category,.archive-card-num,.feature-info small{color:#68798e}