*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#f4f4f2;color:#17191c;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}header{height:78px;background:#111214;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1160px)/2));position:sticky;top:0;z-index:5;border-bottom:1px solid #303236}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:19px;letter-spacing:-1px}.brand b span{color:#aaa}.logo{width:39px;height:39px;border:1px solid #777;display:grid;place-items:center;font-size:27px;position:relative}.logo i{position:absolute;font-size:15px;transform:rotate(45deg);font-style:normal}nav{display:flex;gap:32px;align-items:center;font-size:13px;color:#ccc}nav a:hover{color:white}.navbtn{border:1px solid #666;padding:12px 17px;color:white}#menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:80px;padding-bottom:80px;min-height:620px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:#9da0a5}.eyebrow:before{content:'';display:inline-block;width:20px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}.dark{color:#666}.hero h1,h2{font-size:clamp(44px,5.8vw,76px);line-height:1.02;letter-spacing:-3px;font-weight:600;margin:28px 0}.hero em,h2 em{font-style:normal;color:#888d93}.hero p,.heading p,.capability p,.contact p{color:#70747a;line-height:1.85;font-size:14px;max-width:490px}.btn{display:inline-block;background:#17191c;color:white;border:0;padding:16px 20px;font-weight:bold;font-size:12px;margin-top:18px;cursor:pointer}.note{font-size:11px;color:#85898e;margin-top:42px}.art{height:430px;background:#17191c;display:grid;place-items:center;position:relative;overflow:hidden;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:35px 35px}.art:after{content:'THINK · DESIGN · MAKE';position:absolute;bottom:18px;color:#8b9097;font-size:9px;letter-spacing:2px}.cube{width:190px;height:190px;position:relative;transform:rotate(30deg) skewY(-12deg);background:linear-gradient(135deg,#ddd,#74787d);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:20px 20px 30px #000}.cube:before{content:'';position:absolute;inset:20%;border:2px solid #34383d;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.ticker{background:#17191c;color:#eee;padding:20px;text-align:center;letter-spacing:2px;font-size:10px;font-weight:bold;white-space:nowrap;overflow:hidden}.section{padding-top:110px;padding-bottom:110px}.heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:22px 0 45px}.heading h2{margin:0}.heading p{max-width:350px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{background:white;padding:20px;min-height:370px;display:flex;flex-direction:column;border:1px solid #e7e7e5}.cards label{font-size:9px;color:#999;letter-spacing:1px}.visual{height:130px;background:#eee;display:grid;place-items:center;margin:18px 0;font-size:64px;color:#555}.v1{background:repeating-linear-gradient(0deg,#e8e8e6 0 8px,#ddd 8px 9px)}.v2{background:radial-gradient(circle,#bbb 1px,transparent 2px);background-size:9px 9px}.v3{background:linear-gradient(135deg,#eee,#d1d1cf)}.v4{background:repeating-linear-gradient(45deg,#eee 0 8px,#ddd 8px 9px)}h3{font-size:19px;margin:0 0 10px}.cards p{font-size:12px;line-height:1.75;color:#74787d}.cards article>a{font-size:11px;font-weight:bold;margin-top:auto}.dark{background:#17191c;color:white;padding:100px 0}.dark .heading p{color:#aaa}.dark h2{font-size:58px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:65px}.steps>div{border-top:1px solid #555;padding-top:18px}.steps b{font-size:10px;color:#aaa}.steps h3{margin-top:25px}.steps p{font-size:12px;line-height:1.8;color:#aaa}.capability{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.capart{height:350px;background:#e7e7e5;display:grid;place-items:center;position:relative;overflow:hidden}.orb{width:260px;height:260px;border:1px solid #aaa;border-radius:50%;box-shadow:0 0 0 32px #ddd,0 0 0 33px #bbb;transform:rotateX(60deg)}.capart strong{position:absolute;background:#202226;color:white;padding:36px;font-size:30px;transform:rotate(45deg)}.capart span,.capart i,.capart b{position:absolute;background:white;padding:10px;font-size:10px}.capart span{top:55px;left:45px}.capart i{right:40px;top:120px}.capart b{bottom:45px;left:85px}.capability h2{font-size:50px}.capability ul{padding-left:18px;line-height:2.5;font-size:12px}.portfolio{background:#17191c;color:white;padding:100px 0}.portfolio .heading p{color:#aaa}.gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.gallery>div{display:flex;flex-direction:column;gap:10px}.sample{height:250px;background:#292c30;display:grid;place-items:center;position:relative;overflow:hidden}.sample:after{content:'';width:125px;height:90px;border:9px solid #999;transform:rotate(25deg);box-shadow:inset 0 0 0 12px #444,0 20px 25px #0008}.s2:after{border-radius:25px;width:90px;height:90px}.s3:after{transform:rotate(35deg) skewY(-15deg);border-width:2px;box-shadow:inset 0 0 0 15px #444}.gallery small,.hint{font-size:9px;letter-spacing:1px;color:#999}.gallery b{font-size:14px}.hint{margin-top:25px}.contact{background:#e8e8e5;padding:100px 0}.contactgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.contact h2{font-size:52px}.detail{margin-top:28px;font-size:13px}.detail small{display:block;margin:8px 0 0 32px;color:#888;font-size:10px}form{background:white;padding:32px}form h3{margin-bottom:25px}form label{display:block;font-size:11px;font-weight:bold;margin:15px 0}form label small{font-weight:normal;color:#888}form input:not([type=checkbox]),form textarea{display:block;width:100%;padding:13px;border:1px solid #ddd;background:#fafaf9;margin-top:8px;font:12px Arial}form textarea{resize:vertical}.consent{display:flex;gap:9px;align-items:start;font-weight:normal}form button{width:100%}form>small{display:block;color:#888;font-size:10px;line-height:1.5;margin-top:12px}footer{background:#111214;color:#aaa;padding:25px 0}.foot{display:flex;justify-content:space-between;align-items:center;font-size:10px}.foot .brand{color:white}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.hero{gap:25px}.contactgrid{gap:35px}.capability{gap:35px}}@media(max-width:620px){.wrap{width:calc(100% - 36px)}header{padding:0 18px;height:68px}#menu{display:block;background:none;color:white;border:0;font-size:22px}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#17191c;padding:18px;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:14px;border-bottom:1px solid #333}.hero{grid-template-columns:1fr;padding:55px 0;gap:30px}.hero h1{font-size:56px}.art{height:300px}.section,.contact,.portfolio{padding:75px 0}.heading{display:block}.heading h2,.dark h2{font-size:43px}.heading p{margin-top:20px}.cards{grid-template-columns:1fr}.cards article{min-height:340px}.steps{grid-template-columns:1fr 1fr;gap:25px 15px}.capability{grid-template-columns:1fr;gap:35px}.capart{height:280px}.capability h2,.contact h2{font-size:43px}.gallery{grid-template-columns:1fr}.sample{height:220px}.contactgrid{grid-template-columns:1fr;gap:30px}form{padding:23px 18px}.foot{flex-wrap:wrap;gap:18px}.foot>span:nth-child(2){order:3;width:100%}}