:root{--bg:#f6f7f9;--surface:#fff;--ink:#111827;--muted:#6b7280;--line:#e3e6eb;--accent:#2457ff;--accent2:#8b5cf6;--soft:#eef2ff;--max:1220px;--shadow:0 26px 80px rgba(35,48,79,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:.6s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.shell{width:min(var(--max),calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:60;background:rgba(246,247,249,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;gap:30px}.brand{font-weight:900;font-size:1.08rem;letter-spacing:-.055em}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a{font-size:.79rem;color:#596579}.cta{font-size:.76rem;font-weight:780;background:var(--ink);color:#fff;border-radius:999px;padding:10px 14px}
.hero{padding:78px 0 82px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.kicker{font-size:.64rem;font-weight:800;letter-spacing:.16em;color:var(--accent)}.copy h1{font-size:clamp(4.4rem,7.4vw,7.7rem);line-height:.86;letter-spacing:-.076em;margin:25px 0 29px}.copy h1 em{font-family:Georgia,serif;font-weight:400;color:#6f7b90}.copy>p{font-size:1.08rem;line-height:1.7;color:var(--muted);max-width:620px}.actions{display:flex;gap:10px;margin:31px 0 35px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:13px 16px;font-size:.8rem;font-weight:780}.btn.dark{background:var(--ink);color:#fff}.btn.light{background:#fff;border:1px solid var(--line)}.skills{display:flex;gap:22px;font-size:.66rem;color:#7d8798}.skills span{padding-left:10px;border-left:1px solid #d9dee7}
.wall{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:46px 14px 14px;border:1px solid var(--line);border-radius:28px;background:#eceff4;box-shadow:var(--shadow)}.wall-head{position:absolute;top:13px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:.57rem;color:#707b8d}.wall-head b{letter-spacing:.11em}.mini{appearance:none;border:0;text-align:left;height:238px;border-radius:17px;padding:0;overflow:hidden;background:#fff;box-shadow:0 9px 28px rgba(31,45,76,.08);cursor:pointer;transition:.28s}.mini:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 18px 42px rgba(31,45,76,.14)}.mini-nav{height:33px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.07);font-size:.5rem}.mini-body{height:205px;position:relative;overflow:hidden}.mini-body small{font-size:.44rem;letter-spacing:.1em}.mini-body strong{display:block;font-size:1.45rem;line-height:.9;margin-top:20px}.mini-body footer{position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;font-size:.46rem}
.food{padding:16px;background:#f3efe5}.food strong{font-family:Georgia,serif}.food>i{position:absolute;width:88px;height:115px;right:14px;bottom:32px;border-radius:50px 50px 18px 18px;background:linear-gradient(145deg,#b6c68d,#687d4e)}
.tech{background:#0c1220;color:#fff}.techb{padding:17px;background:linear-gradient(145deg,#111a31,#192d63)}.chart{position:absolute;left:18px;right:18px;bottom:25px;height:42px;border-bottom:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,transparent 48%,#6fe6ff 49%,#6fe6ff 51%,transparent 52%)}
.lux{background:#e9e3d8}.luxb>i{display:block;height:135px;margin:11px;background:linear-gradient(145deg,#b9ab9b,#70665e);border-radius:80px 6px 6px 6px}.luxb>strong{position:absolute;left:10px;top:93px;font:400 2.6rem Georgia;color:#f4efe7;letter-spacing:-.07em}.shopb>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px}.shopb>div i{height:73px;background:#d9ddd3;border-radius:7px}.shopb>div i:nth-child(2){background:#ddcec2}.shopb>div i:nth-child(3){background:#c9d4df}.shopb>div i:nth-child(4){background:#ddd5c9}.corpb{padding:17px;background:linear-gradient(145deg,#d9e5ef,#b6cbdc)}.corpb strong{font-size:1.28rem}.hotelb{padding:17px;background:linear-gradient(180deg,#a9d1d8 0 48%,#d4bea1 49% 100%)}.hotelb strong{font-family:Georgia,serif}
.statement{background:#111827;color:#fff;padding:105px 0}.statement span{font-size:.62rem;letter-spacing:.15em;color:#8fa0bc}.statement p{font-size:clamp(3.7rem,7vw,7.4rem);line-height:.89;letter-spacing:-.065em;margin:25px 0 0}.statement em{font-family:Georgia,serif;font-weight:400;color:#8592a9}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:170px 1.15fr .75fr;gap:35px;align-items:end;margin-bottom:52px}.section-head>span{align-self:start;font-size:.62rem;font-weight:800;letter-spacing:.16em;color:var(--accent)}.section-head h2{font-size:clamp(3.1rem,5.4vw,5.6rem);line-height:.94;letter-spacing:-.062em;margin:0}.section-head p{margin:0;color:var(--muted);line-height:1.65;font-size:.91rem}.section-head.short{grid-template-columns:170px 1fr}.section-head.short h2{grid-column:2}
.lab,.work{background:#fff}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:.72rem;color:#5f6b7d;cursor:pointer}.tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.preview{border:1px solid var(--line);border-radius:27px;overflow:hidden;box-shadow:0 20px 60px rgba(33,50,85,.08);background:#fff}.preview-bar,.preview-foot{height:45px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;font-size:.58rem;color:#768296}.preview-bar{border-bottom:1px solid var(--line)}.preview-bar small{text-align:right}.preview-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line)}.preview-body{min-height:510px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:52px;transition:.55s}.preview-body>div:first-child small{font-size:.58rem;letter-spacing:.13em;color:var(--accent);font-weight:800}.preview-body h3{font-size:clamp(3rem,5vw,5.2rem);line-height:.91;letter-spacing:-.06em;margin:18px 0 21px}.preview-body p{color:var(--muted);line-height:1.65}.preview-body a{display:inline-flex;margin-top:17px;padding:11px 14px;border-radius:10px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:800}.art{height:390px;position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,var(--soft),#dde8ff)}.art i{position:absolute;transition:.55s}.art .a{width:180px;height:240px;border-radius:90px 90px 18px 18px;background:linear-gradient(145deg,var(--accent),var(--accent2));right:13%;top:12%;transform:rotate(8deg)}.art .b{width:140px;height:140px;border-radius:50%;background:#fff;left:12%;bottom:12%;box-shadow:0 22px 60px rgba(31,52,95,.12)}.art .c{width:190px;height:54px;border-radius:10px;background:rgba(255,255,255,.72);left:14%;top:17%}.art strong{position:absolute;left:8%;bottom:6%;font-size:5.6rem;letter-spacing:-.08em;opacity:.12}
.rows{border-top:1px solid var(--line)}.rows>a{display:grid;grid-template-columns:55px 1.1fr 1fr 30px;gap:25px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.rows span{font-size:.62rem;color:#8d97a8}.rows h3{font-size:1.4rem;margin:0}.rows p{font-size:.85rem;color:var(--muted);margin:0}.projects{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.project{border:1px solid var(--line);border-radius:25px;overflow:hidden;background:#fff;transition:.25s}.project:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.proj-ui{height:520px;position:relative;overflow:hidden}.nnb .proj-ui{background:linear-gradient(145deg,#eef3f7,#dce5ed)}.proj-nav{position:absolute;left:20px;right:20px;top:17px;display:flex;justify-content:space-between;font-size:.57rem}.nnb .proj-ui>strong{position:absolute;left:2%;top:50%;transform:translateY(-50%);font-size:clamp(8rem,18vw,18rem);letter-spacing:-.1em}.stack{position:absolute;right:7%;top:25%;display:grid;gap:9px;width:23%}.stack i{height:74px;border-radius:11px;background:rgba(255,255,255,.8);box-shadow:0 13px 30px rgba(36,55,92,.08)}.tri .proj-ui{background:linear-gradient(145deg,#e7edf4,#d7e4ef)}.triangle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:105px solid transparent;border-right:105px solid transparent;border-bottom:185px solid #ff4a35}.ring{position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid rgba(14,23,42,.16);left:50%;top:50%;transform:translate(-50%,-50%)}.proj-meta{display:flex;justify-content:space-between;padding:20px}.proj-meta small{font-size:.56rem;color:#8490a3}.proj-meta h3{font-size:1.25rem;margin:7px 0 0}.final{padding:65px 0 95px}.finalbox{background:#111827;color:#fff;border-radius:28px;padding:50px;display:flex;justify-content:space-between;align-items:end}.finalbox span{font-size:.6rem;letter-spacing:.16em;color:#9aa8c0}.finalbox h2{font-size:clamp(3.1rem,5.8vw,5.8rem);line-height:.91;letter-spacing:-.06em;margin:18px 0}.finalbox p{color:#9eabc0}.finalbox>a{background:#fff;color:#111827;border-radius:999px;padding:12px 15px;font-size:.75rem;font-weight:800}footer{padding:28px 0 38px;border-top:1px solid var(--line)}.foot{display:flex;justify-content:space-between;font-size:.62rem;color:#7c899d}.foot b{color:var(--ink)}
body[data-sector="restaurant"]{--accent:#667a4b;--accent2:#b5c28d;--soft:#f1ede3}body[data-sector="restaurant"] .preview-body{background:#f2eee5}body[data-sector="restaurant"] .preview-body h3{font-family:Georgia,serif;font-weight:400}body[data-sector="restaurant"] .art{background:#d8cfbd}body[data-sector="restaurant"] .art .a{border-radius:100px 100px 25px 25px;background:linear-gradient(145deg,#91a66b,#596d42);transform:rotate(-5deg)}
body[data-sector="tech"]{--accent:#4a67ff;--accent2:#54d5ff;--soft:#e8efff}body[data-sector="tech"] .preview-body{background:#0d1427;color:#fff}body[data-sector="tech"] .preview-body p{color:#9aa8c1}body[data-sector="tech"] .art{background:linear-gradient(145deg,#121d39,#203e82)}body[data-sector="tech"] .art .a{border-radius:22px;width:230px;height:170px}
body[data-sector="luxury"]{--accent:#6b6156;--accent2:#aa9b8b;--soft:#eee7de}body[data-sector="luxury"] .preview-body{background:#e9e2d7}body[data-sector="luxury"] .preview-body h3{font-family:Georgia,serif;font-weight:400}body[data-sector="luxury"] .art{background:#c9bba9}
body[data-sector="commerce"]{--accent:#df5c3f;--accent2:#f0aa68;--soft:#f7eee9}body[data-sector="commerce"] .preview-body{background:#fbfaf8}body[data-sector="commerce"] .art{background:#eeeae3}
body[data-sector="corporate"]{--accent:#1f5f93;--accent2:#66a1c9;--soft:#e6eef4}body[data-sector="corporate"] .preview-body{background:#edf3f7}body[data-sector="corporate"] .art{background:linear-gradient(145deg,#d1e0eb,#aec6d8)}
body[data-sector="hospitality"]{--accent:#3e7d87;--accent2:#d8b48d;--soft:#e8f1f1}body[data-sector="hospitality"] .preview-body{background:#eef3f0}body[data-sector="hospitality"] .preview-body h3{font-family:Georgia,serif;font-weight:400}body[data-sector="hospitality"] .art{background:linear-gradient(180deg,#9ecbd1 0 48%,#d6bea0 49% 100%)}
.crumbs{display:flex;gap:9px;padding-top:34px;font-size:.68rem;color:#8993a4}.innerhero{padding:55px 0 78px}.innerhero>div>span{font-size:.62rem;font-weight:800;letter-spacing:.16em;color:var(--accent)}.innerhero h1{font-size:clamp(4.1rem,8vw,8.2rem);line-height:.88;letter-spacing:-.078em;margin:22px 0 27px}.innerhero p{font-size:1.1rem;line-height:1.7;color:var(--muted);max-width:760px}.innersec{padding:85px 0 105px;border-top:1px solid var(--line)}.innergrid{display:grid;grid-template-columns:190px 1fr;gap:40px}.innergrid aside{font-size:.62rem;letter-spacing:.15em;color:#8893a5}.innercopy{max-width:800px}.features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:60px}.features div{min-height:125px;padding:18px;border:1px solid var(--line);background:#fff;border-radius:17px}.features span{display:block;font-size:.58rem;color:var(--accent)}.features b{display:block;margin-top:34px}.innercopy h2{font-size:clamp(2.4rem,4vw,4rem);line-height:.98;letter-spacing:-.05em}.innercopy p{color:var(--muted);line-height:1.75}.casevisual{padding-bottom:90px}.casevisual .shell>div{height:520px;border-radius:28px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#eef3f7,#dce5ed)}.casevisual .shell b{font-size:clamp(6rem,18vw,16rem);letter-spacing:-.09em}.casevisual .shell span{font-size:.6rem;letter-spacing:.15em}.casevisual.ucgenkod .shell b{color:#ff4a35}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.wall{margin-top:35px}.section-head{grid-template-columns:1fr}.section-head.short{grid-template-columns:1fr}.section-head.short h2{grid-column:auto}.preview-body{grid-template-columns:1fr}.projects{grid-template-columns:1fr}.innergrid{grid-template-columns:1fr}.innergrid aside{display:none}}
@media(max-width:720px){.shell{width:calc(100% - 32px)}.nav{height:66px}.nav nav{display:none}.cta{margin-left:auto;font-size:.68rem;padding:8px 10px}.hero{padding:52px 0 62px}.copy h1{font-size:clamp(3.6rem,15vw,5.5rem)}.copy>p{font-size:.98rem}.actions{display:block}.actions a{width:100%;margin-bottom:8px}.skills{justify-content:space-between;gap:8px}.skills span{font-size:.58rem}.wall{grid-template-columns:1fr 1fr;gap:8px;padding:42px 9px 9px;border-radius:22px}.mini{height:190px}.mini-body{height:157px}.food>i{width:60px;height:80px}.mini-body strong{font-size:1.05rem}.statement{padding:75px 0}.statement p{font-size:3.3rem}.section{padding:78px 0}.section-head h2{font-size:3.1rem}.tabs{flex-wrap:nowrap;overflow:auto}.tabs button{white-space:nowrap}.preview{border-radius:20px}.preview-body{padding:25px;min-height:570px}.preview-body h3{font-size:3.1rem}.art{height:300px}.art strong{font-size:3.8rem}.preview-foot span:last-child{display:none}.rows>a{grid-template-columns:35px 1fr 25px;gap:10px;padding:24px 0}.rows p{grid-column:2/4}.rows b{grid-column:3;grid-row:1}.proj-ui{height:390px}.nnb .proj-ui>strong{font-size:34vw}.proj-meta{display:block}.finalbox{display:block;padding:31px 23px;border-radius:22px}.finalbox h2{font-size:3.45rem}.finalbox>a{display:inline-block;margin-top:20px}.foot{display:block;line-height:2}.innerhero{padding:38px 0 58px}.innerhero h1{font-size:clamp(3.2rem,14.5vw,5rem)}.innersec{padding:60px 0}.features{grid-template-columns:1fr}.casevisual .shell>div{height:390px}.casevisual .shell b{font-size:30vw}}