:root{--orange:#f94d26;--ink:#03080a;--gray:#f0f0ef;--muted:#6a6d6e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 3%;background:#fff;position:relative;z-index:5}.brand{width:114px}.brand img{width:114px;filter:brightness(0)}nav{display:flex;gap:10px}nav a{padding:8px 15px;color:#656768;font-size:15px}nav a:hover,nav a.active{background:var(--gray);border-radius:24px;color:#000}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:8px 8px 8px 24px;min-height:52px;background:var(--ink);color:#fff;border-radius:100px;font-size:15px;border:1px solid transparent;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0002}.btn i{font-style:normal;background:#fff;color:#000;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:24px}.btn.orange{background:var(--orange);color:#080808}.btn.line{background:transparent;border:1px solid #000;color:#000;padding:13px 25px}.btn.compact{min-height:44px;padding:5px 5px 5px 20px}.btn.compact i{width:32px;height:32px}.menu{display:none;border:0;background:none;font-size:25px}.shell{margin:0 2.2%}.hero{background:var(--gray);border-radius:32px;padding:88px 10px 22px;overflow:hidden;background-image:linear-gradient(90deg,transparent 99.7%,#00000005 99.7%);background-size:25% 100%}.hero-intro{max-width:1130px;margin:auto;text-align:center;padding:0 35px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:14px;background:#fff;padding:3px 14px;border-radius:30px;font-weight:500}.eyebrow:before,.eyebrow:after{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.6vw,84px);line-height:1.08;letter-spacing:-.065em;font-weight:600;margin:30px 0}h2{font-size:clamp(35px,4.1vw,61px);line-height:1.13;letter-spacing:-.055em;font-weight:550;margin-bottom:26px}h3{font-size:30px;font-weight:550;letter-spacing:-.04em;line-height:1.2}.hero h1{max-width:1060px;margin:30px auto}.hero-intro p{font-size:19px;max-width:690px;margin:32px auto 36px;line-height:1.5;color:#656768}.hero-intro mark{background:#ffd8ce;border-radius:7px;padding:1px 6px;color:#111}.hero-intro mark:last-child{background:#111;color:#fff}.actions{display:flex;gap:24px;justify-content:center;align-items:center;flex-wrap:wrap}.hero .actions .btn:first-child{box-shadow:0 13px 28px #0004}.inline-symbol{display:inline-flex;vertical-align:middle;border-radius:100px;background:#101818;align-items:center;padding:6px 18px 6px 7px;gap:10px;font-size:.48em;letter-spacing:-.1em;color:white;transform:translateY(-5px)}.inline-symbol b{font-size:1.2em;background:var(--orange);color:#000;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;letter-spacing:-.1em}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:78px}.hero-visual{position:relative;min-height:480px;background:#e6e0da;border-radius:28px;overflow:hidden}.hero-visual .collage{display:grid;grid-template-columns:1.15fr .85fr;height:100%;gap:12px;padding:35px;transform:rotate(-7deg) scale(1.1)}.collage img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 12px 25px #0002}.collage div{display:grid;gap:14px}.visual-label{position:absolute;bottom:24px;left:24px;background:#fff;border-radius:40px;padding:8px 16px;font-size:13px}.hero-system{background:#101b1a;color:#fff;border-radius:28px;padding:32px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.dots{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.dots span{aspect-ratio:1;border-radius:100%;background:#293634}.dots span:nth-child(-n+11){background:var(--orange)}.hero-system h3{font-size:35px;margin:25px 0;max-width:350px}.system-bottom{display:flex;justify-content:space-between;align-items:end;font-size:13px;color:#ffffff80}.system-bottom strong{font-size:46px;color:#fff;line-height:1;letter-spacing:-.05em}.brand-strip{text-align:center;padding:55px 30px 30px}.brand-strip p{font-size:13px;color:var(--muted);margin-bottom:25px}.logos{display:flex;align-items:center;justify-content:space-evenly;gap:40px;flex-wrap:wrap}.logos img{max-width:155px;max-height:55px;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.65}.section{max-width:1220px;margin:auto;padding:110px 30px}.label{font-size:14px;display:flex;align-items:center;gap:10px;margin-bottom:26px}.label:before{content:'';height:7px;width:7px;border-radius:50%;background:var(--orange)}.statement{font-size:clamp(30px,3.5vw,52px);line-height:1.3;font-weight:500;letter-spacing:-.04em}.statement span{color:#a6a6a6}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.split p,.lead{color:var(--muted);font-size:19px;line-height:1.65}.service-panel{background:var(--gray);border-radius:28px;padding:45px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;margin-top:60px}.service-panel h3{font-size:38px;margin-bottom:30px}.service-list button{display:flex;text-align:left;gap:20px;align-items:center;width:100%;padding:18px 0;background:none;border:0;border-bottom:1px solid #0002;font-size:20px;color:#777}.service-list button span{font-size:13px}.service-list button:after{content:'↗';margin-left:auto}.service-list button.selected{color:#000}.service-picture{height:300px;width:100%;object-fit:cover;border-radius:20px}.service-info p{color:#656565;margin-top:20px}.service-info a{font-size:14px;border-bottom:1px solid #111;padding-bottom:5px}.marquee{overflow:hidden;background:var(--orange);padding:22px 0;font-size:29px;letter-spacing:-.03em;white-space:nowrap}.marquee-track{display:flex;width:max-content;animation:move 35s linear infinite;gap:45px}.marquee b{font-size:40px;font-weight:400}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-head h2{margin:0}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.product-card{border-radius:28px;padding:32px;min-height:390px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#eee;transition:transform .3s}.product-card:hover{transform:translateY(-5px)}.product-card:nth-child(1){background:#ffd5c9}.product-card:nth-child(2){background:#151e1d;color:#fff}.product-card:nth-child(3){background:#ecebe7}.product-card:nth-child(4){background:#f3e4dc}.product-card small{font-size:13px;text-transform:uppercase;letter-spacing:.06em}.product-card h3{max-width:350px;font-size:37px;margin:30px 0 18px}.product-card p{max-width:410px;font-size:15px;opacity:.75}.product-card .arrow{margin-top:auto;align-self:end;width:48px;height:48px;background:#fff;color:#000;border-radius:50%;display:grid;place-items:center;font-size:27px}.product-card .num{position:absolute;right:28px;top:23px;font-size:16px;opacity:.5}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 26px}.work-card .work-img{border-radius:24px;background:#f0efed;height:370px;overflow:hidden;padding:20px}.work-img img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.work-card:hover img{transform:scale(1.05)}.work-card:nth-child(4n+2) .work-img{background:#eee6df}.work-card:nth-child(4n+3) .work-img{background:#151d20}.work-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.work-meta h3{margin:0;font-size:27px}.work-meta span{font-size:26px}.tags{font-size:12px;color:#777;margin-top:6px}.dark-section{background:#101b1a;color:#fff;border-radius:32px;margin:20px 2.2%}.dark-section .lead{color:#b1b8b6}.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.principles article{padding:25px 0;border-top:1px solid #ffffff30}.principles article span{font-size:12px;color:var(--orange)}.principles h3{font-size:25px;margin:18px 0}.principles p{font-size:16px;color:#aeb5b3}.cta{background:#ffd8cc;border-radius:30px;text-align:center;padding:80px 20px;margin:0 2.2% 30px}.cta h2{max-width:800px;margin:25px auto}.cta p{max-width:750px;margin:20px auto 30px;color:#655a56}.page-hero{margin:0 2.2%;padding:75px 6%;background:var(--gray);border-radius:30px;text-align:center}.page-hero h1{font-size:clamp(43px,5.1vw,76px);max-width:1060px;margin:25px auto}.page-hero p{max-width:850px;margin:25px auto;color:var(--muted);font-size:19px}.service-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card{padding:35px;background:var(--gray);border-radius:24px}.service-card small{color:var(--orange)}.service-card h3{margin:24px 0}.service-card p{color:var(--muted)}.text-list{padding:0;list-style:none}.text-list li{padding:20px 0;border-top:1px solid #0002;font-size:19px}.text-list li:before{content:'↗';color:var(--orange);margin-right:15px}.wide-img{width:100%;max-height:580px;object-fit:contain;border-radius:24px;background:#eee}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-details h3{font-size:36px}.contact-details a{display:block;margin:18px 0}.contact-details p{color:var(--muted)}form{background:var(--gray);padding:35px;border-radius:24px}label{display:block;font-size:14px;margin:0 0 22px}input,textarea,select{display:block;width:100%;padding:15px 0;margin-top:5px;border:0;border-bottom:1px solid #bbb;background:transparent;border-radius:0;outline-offset:4px}textarea{min-height:120px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.consent{font-size:12px;color:#777}.form-result{margin:15px 0 0;font-size:14px;color:#555}footer{background:#101b1a;color:#fff;padding:70px 5% 20px;border-radius:32px 32px 0 0}.foot-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:55px;border-bottom:1px solid #ffffff25}.foot-top h2{font-size:clamp(48px,7vw,100px);margin:0}.foot-top h2 span{color:var(--orange)}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:55px;padding:60px 0}.footer-logo{width:130px;margin-bottom:25px}.foot-grid p{font-size:14px;color:#a9afad;max-width:330px}.foot-grid small{display:block;color:#a9afad;margin-bottom:25px}.foot-grid a{display:block;font-size:14px;margin-bottom:12px}.foot-grid a:hover{color:var(--orange)}.copyright{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff25;padding-top:25px;font-size:12px;color:#9da6a2}.fade{animation:enter .65s both}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes move{to{transform:translateX(-50%)}}@media(min-width:1550px){header,main,footer{max-width:1600px;margin-left:auto;margin-right:auto}}@media(max-width:900px){header{height:80px}nav{gap:0}nav a{font-size:13px;padding:8px 10px}.hero{padding-top:60px}.hero-grid{gap:16px}.hero-visual{min-height:370px}.hero-system{padding:24px}.hero-system h3{font-size:28px}.inline-symbol b{width:35px;height:35px}.section{padding:75px 25px}.split,.service-panel{gap:30px}.service-panel{padding:28px}.service-panel h3{font-size:30px}.service-list button{font-size:16px}.product-card h3{font-size:30px}.foot-grid{grid-template-columns:2fr 1fr;gap:35px}.work-card .work-img{height:290px}.contact-grid{gap:30px}}@media(max-width:650px){header{gap:15px;padding:0 5%;height:80px}.brand,.brand img{width:90px}header>.btn{margin-left:auto;font-size:12px;min-height:38px;padding-left:15px;gap:10px}header>.btn i{width:28px;height:28px}.menu{display:block}nav{display:none;position:absolute;top:72px;left:4%;right:4%;background:#fff;padding:20px;border-radius:20px;box-shadow:0 10px 25px #0002;flex-direction:column}nav.open{display:flex}nav a{font-size:17px}.shell{margin:0 3%}.hero{padding:45px 10px 15px;border-radius:25px}.hero-intro{padding:0 6px}.hero h1{font-size:43px;letter-spacing:-.06em}.inline-symbol{padding:4px 10px 4px 5px;gap:6px}.inline-symbol b{width:29px;height:29px}.hero-intro p{font-size:16px;margin:25px auto}.eyebrow{font-size:12px}.actions{gap:12px}.btn{font-size:13px;gap:12px;min-height:46px;padding-left:18px}.btn i{width:30px;height:30px}.hero-grid{grid-template-columns:1fr;margin-top:40px;gap:15px}.hero-visual{min-height:310px}.hero-system{min-height:350px}.dots{gap:12px}.dots span{max-width:40px}.hero-system h3{font-size:32px}.brand-strip{padding:35px 15px 15px}.logos{gap:25px}.logos img{max-width:95px;max-height:38px}.section{padding:60px 22px}.statement{font-size:31px}.split,.service-panel,.products-grid,.work-grid,.principles,.service-cards,.contact-grid{grid-template-columns:1fr}.service-panel{margin-top:35px;padding:25px;gap:30px}.service-picture{height:240px}.service-panel h3{font-size:30px}.section-head{align-items:start;flex-direction:column;gap:20px}.section-head h2{font-size:39px}.product-card{min-height:350px;padding:28px}.product-card h3{font-size:34px}.work-grid{gap:35px}.work-card .work-img{height:300px}.split{gap:20px}.dark-section{border-radius:25px}.cta{padding:55px 24px}.cta h2{font-size:39px}.foot-top{align-items:start;flex-direction:column;gap:28px}.foot-top h2{font-size:60px}.foot-grid{grid-template-columns:1fr 1fr;gap:30px}.foot-grid>div:first-child{grid-column:span 2}.copyright{flex-direction:column;font-size:11px}.page-hero{padding:55px 22px}.page-hero h1{font-size:43px}.page-hero p,.lead,.split p{font-size:17px}.form-row{grid-template-columns:1fr;gap:0}form{padding:25px}.marquee{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
