:root{--ink:#11110f;--paper:#f2efe9;--cream:#ddd4c5;--gold:#b89a6b;--line:rgba(255,255,255,.18);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f7f4ef;font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.container{width:min(1220px,calc(100% - 40px));margin:auto}.nav{position:fixed;z-index:20;top:0;left:0;width:100%;padding:22px 0;transition:.35s}.nav.scrolled{background:rgba(15,15,13,.78);backdrop-filter:blur(18px);padding:13px 0;border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--serif);font-size:22px;letter-spacing:.16em}.brand b{color:var(--gold)}.links{display:flex;gap:24px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;background:#11110f}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-frame{position:absolute;inset:-4%;background-position:center;background-size:cover;opacity:0;transform:scale(1.03);animation:heroCinema 24s infinite ease-in-out;will-change:transform,opacity}.hero-frame-1{background-image:url('../images/kuhinja-premium.png');animation-delay:0s}.hero-frame-2{background-image:url('../images/d3f342d9fa.png');animation-delay:8s}.hero-frame-3{background-image:url('../images/f2a9c3e9c6.png');animation-delay:16s}.hero:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.18) 100%)}.hero:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,#11110f 0,transparent 34%)}@keyframes heroCinema{0%{opacity:0;transform:scale(1.03) translate3d(0,0,0)}5%{opacity:1}28%{opacity:1}38%{opacity:0;transform:scale(1.13) translate3d(-1.5%,-1%,0)}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.hero-frame{animation:none;opacity:0;transform:none}.hero-frame-1{opacity:1}}.hero-content{position:relative;z-index:2;padding:160px 0 110px;max-width:890px}.eyebrow{text-transform:uppercase;letter-spacing:.26em;font-size:11px;color:var(--gold);margin-bottom:25px}.hero h1,.display{font-family:var(--serif);font-weight:400;letter-spacing:-.04em;line-height:.98}.hero h1{font-size:clamp(55px,8vw,115px);margin:0 0 28px}.hero p{font-size:clamp(17px,2vw,23px);max-width:690px;color:#ded9d0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border:1px solid var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:11px;transition:.25s}.btn.primary{background:var(--gold);color:#111}.btn:hover{transform:translateY(-3px);background:#d0b07f;color:#111}.section{padding:130px 0}.soft{background:var(--paper);color:#171612}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:start}.display{font-size:clamp(43px,6vw,78px);margin:0}.lead{font-size:21px;color:#b8b2a8}.soft .lead{color:#5f5a51}.pill-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.pill{border:1px solid rgba(0,0,0,.18);padding:8px 13px;border-radius:99px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13);margin-top:64px}.card{background:#161613;padding:34px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.card:hover{background:#201f1a;transform:translateY(-7px)}.card .num{color:var(--gold);font-size:12px}.card h3{font-family:var(--serif);font-size:25px;font-weight:400}.masonry{columns:3;column-gap:15px;margin-top:60px}.tile{break-inside:avoid;margin-bottom:15px;position:relative;overflow:hidden}.tile:nth-child(2n){height:500px}.tile:nth-child(2n+1){height:360px}.tile img{transition:.7s}.tile:hover img{transform:scale(1.04)}.tile span{position:absolute;z-index:2;bottom:18px;left:18px;padding:9px 13px;background:rgba(10,10,9,.82);border:1px solid rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(10px);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.6)}.process{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:65px}.step{border-top:1px solid #5a544a;padding:26px 14px 0}.step b{color:var(--gold)}.step h3{font-size:17px;font-weight:400}.why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.glass{padding:34px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(12px);min-height:215px}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.quote{padding:30px;border:1px solid rgba(0,0,0,.14);font-family:var(--serif);font-size:20px}.quote small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:24px;color:#716b62}.catalogs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:55px}.catalog{border:1px solid var(--line);padding:25px;display:flex;flex-direction:column;min-height:340px}.catalog h3{font-family:var(--serif);font-size:25px;font-weight:400}.catalog p{color:#aaa49a;font-size:14px;flex:1}.faq{max-width:900px;margin:55px auto 0}.faq details{border-top:1px solid rgba(0,0,0,.18);padding:23px 0}.faq summary{cursor:pointer;font-family:var(--serif);font-size:22px}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#bdb7ad}.field input,.field select,.field textarea{border:0;border-bottom:1px solid #5b574f;background:transparent;color:white;padding:12px 2px;font:inherit}.field select option{color:#111}.field textarea{min-height:130px}.footer{padding:40px 0;border-top:1px solid var(--line);color:#8e8981;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:30px}.reveal{opacity:0;transform:translateY(35px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.float{position:absolute;right:5vw;bottom:8vh;border:1px solid var(--line);padding:13px 17px;background:rgba(15,15,13,.4);backdrop-filter:blur(12px);font-size:11px;letter-spacing:.15em;z-index:3} @media(max-width:960px){.links{display:none}.menu{display:block}.links.open{display:flex;position:absolute;top:65px;left:20px;right:20px;flex-direction:column;background:#171613;padding:25px}.intro,.contact{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr);gap:30px}.why,.quotes{grid-template-columns:1fr 1fr}.catalogs{grid-template-columns:1fr 1fr}.masonry{columns:2}}@media(max-width:600px){.section{padding:90px 0}.hero h1{font-size:52px}.cards,.why,.quotes,.catalogs{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.masonry{columns:1}.contact-form{grid-template-columns:1fr}.tile,.tile:nth-child(2n){height:390px}.float{display:none}.footer-inner{flex-direction:column}}
