:root{--ink:#07143a;--blue:#164cff;--paper:#f8f7f3;--line:#9ba3b6;--sans:'DM Sans',sans-serif;--serif:'Source Serif 4',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.header{height:77px;margin:0 3%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.brand{font-weight:700;font-size:31px;letter-spacing:-2px}.brand-note{border-left:1px solid var(--line);padding-left:18px;font-size:12px;font-style:italic;line-height:1.1}.header nav{margin-left:auto;display:flex;align-self:stretch;align-items:center;gap:67px}.header nav a{font-size:13px;letter-spacing:.5px;position:relative}.header nav .active:after{content:'';height:2px;background:var(--blue);position:absolute;left:0;right:0;bottom:-19px}.menu-button{display:none}.hero{min-height:430px;padding:27px 3% 0;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero-copy{position:relative}.scribble{font:italic 17px var(--serif);margin:145px 0 0}.hero h1{font:500 clamp(55px,6.8vw,106px)/.91 var(--serif);letter-spacing:-.045em;margin:-145px 0 0;position:relative;z-index:1}.hero h1 span,.services b{color:var(--blue)}.hero-art{height:405px;position:relative}.blue-block{width:305px;height:360px;position:absolute;left:10%;top:18px;border-radius:18px;background:linear-gradient(112deg,#2465d8,#00327c 62%,#061f4b);transform:rotate(-3deg);box-shadow:inset 17px 0 18px #5d98ff}.disc{width:290px;height:290px;border:4px solid #d1d0ca;border-radius:50%;position:absolute;left:34%;top:66px;background:linear-gradient(110deg,#faf8f0 50%,#4b5262 51%,#dddcd6 100%);opacity:.95;box-shadow:5px 9px 15px #67708055}.disc:after{content:'';position:absolute;width:30px;height:30px;border:4px solid #cec9bb;background:#8d8d88;border-radius:50%;top:calc(50% - 15px);left:calc(50% - 15px)}.spring{position:absolute;width:150px;height:215px;right:3%;bottom:0;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 10px,#777 11px 13px,transparent 14px 20px);transform:rotate(-18deg);filter:drop-shadow(3px 5px 3px #5556)}.cross{position:absolute;right:6%;top:14px;color:#ff532d;font-size:68px;font-weight:200;line-height:.7}.hero-art small{position:absolute;right:11%;top:73px;font-style:italic;color:#5a6478;line-height:1.5}.services{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding:15px 5% 35px;border-bottom:1px solid var(--line);position:relative}.services:before{content:'';position:absolute;top:0;left:3%;right:3%;height:77px;border-top:2px solid var(--blue);border-radius:50% 50% 0 0/100% 100% 0 0;opacity:.9}.services article{padding-top:2px}.services b{display:block;text-align:center;font-size:18px;margin-bottom:9px}.icon{text-align:center;font-size:39px;height:53px;font-weight:400}.services h2{font-size:15px;margin:9px 0 8px}.services p{margin:0;max-width:190px;font-size:12px;line-height:1.45}.camera{position:relative;margin:auto;width:58px;height:46px;border:3px solid var(--ink);border-radius:6px}.camera:before{content:'';position:absolute;right:-18px;top:8px;border-left:17px solid var(--ink);border-top:10px solid transparent;border-bottom:10px solid transparent}.camera i:first-child{display:block;position:absolute;width:22px;height:22px;border:3px solid var(--ink);border-radius:50%;left:15px;top:9px}.camera i:last-child{position:absolute;width:10px;height:7px;background:var(--ink);top:-9px;left:8px}.projects{padding:20px 3%;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:22px}.projects article{display:grid;grid-template-columns:90px 150px 1fr;gap:16px;align-items:start}.projects article+article{border-left:1px solid var(--line);padding-left:22px}.project-no{font:500 61px/.9 var(--serif)}.projects h2{font-size:14px;margin:5px 0 2px}.projects em{font:italic 14px var(--serif)}.projects a{color:var(--blue);font-size:11px;font-weight:700;display:block;margin-top:43px}.project-image{min-height:160px;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:.9}.aktif{background:#292929;color:#f6f4ef;font-size:31px;letter-spacing:-2px}.lumen{background:#e6e3db;font-size:24px;letter-spacing:4px;line-height:1.2}.lumen span{color:#ff4f29}.contact{min-height:108px;padding:20px 3%;display:grid;grid-template-columns:82px 250px 1fr 1.3fr;align-items:center;gap:24px}.arrow{border:1px solid #ff6240;color:#ff4b27;border-radius:50%;width:68px;height:68px;display:grid;place-items:center;font-size:34px}.contact h2{font:500 24px/.95 var(--serif);letter-spacing:-1px;margin:0}.contact p{font-size:14px;line-height:1.5;border-left:1px solid var(--line);padding-left:40px}.contact a{border-bottom:2px solid var(--blue);padding:8px 0;color:var(--blue);font-size:14px;text-align:right}@media(max-width:800px){.header{height:66px}.brand{font-size:25px}.brand-note{font-size:10px}.header nav{display:none}.menu-button{margin-left:auto;display:block;border:0;background:none;width:35px}.menu-button span{display:block;height:2px;background:var(--ink);margin:6px}.header nav.open{display:flex;position:absolute;z-index:5;top:65px;left:0;right:0;background:var(--paper);padding:22px;flex-direction:column;gap:20px;align-items:flex-start;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;min-height:690px}.hero h1{font-size:63px;margin:-88px 0 0}.scribble{margin:88px 0 0}.hero-art{height:360px;margin-top:15px}.blue-block{width:215px;height:280px;left:0}.disc{width:220px;height:220px;left:25%;top:55px}.spring{width:100px;height:150px}.services{grid-template-columns:1fr 1fr;padding-top:50px}.services:before{display:none}.services article{border-top:1px solid #d2d5da;padding-top:16px}.projects{grid-template-columns:1fr}.projects article{grid-template-columns:65px 1fr;gap:12px}.projects article+article{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.project-image{grid-column:1/-1;min-height:120px}.project-no{font-size:47px}.projects a{margin-top:18px}.contact{grid-template-columns:65px 1fr;gap:13px;padding:20px 5%}.arrow{width:54px;height:54px}.contact p,.contact a{grid-column:1/-1;border-left:0;padding-left:0;text-align:left;margin:0}.contact h2{font-size:25px}}