@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090909;--panel:#121212;--gold:#d4af62;--gold2:#f6d894;--text:#f5f0e7;--muted:#a8a39a;--border:#363024}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.glow{position:absolute;top:-400px;right:-350px;width:950px;height:950px;background:radial-gradient(circle,#9b621522,transparent 65%);pointer-events:none}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #ffffff16;position:relative;z-index:10;background:#080808dd}.brand{display:flex;align-items:center;gap:13px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:27px;letter-spacing:3px}.brand small,.footer-logo small{display:block;font-family:Manrope,sans-serif;font-size:8px;letter-spacing:3.5px;font-weight:600;color:var(--gold)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:27px}.nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:700;letter-spacing:.5px}.nav a:hover{color:var(--gold)}.nav-contact{border:1px solid var(--gold);padding:13px 23px;color:var(--gold)}.menu-toggle{display:none}.hero{max-width:1500px;margin:auto;min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:80px max(5vw,24px);gap:30px}.eyebrow,.section-label{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:800}.line{display:inline-block;width:26px;height:1px;background:var(--gold);vertical-align:middle;margin-right:9px}.hero h1,.contact h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(64px,7vw,116px);font-weight:600;line-height:.94;letter-spacing:-2px;margin:35px 0}.hero h1 em,.contact h2 em,.portfolio h2 em{font-style:normal;color:var(--gold)}.lead{color:var(--muted);max-width:510px;font-size:16px;line-height:1.9}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{padding:17px 24px;font-size:12px;font-weight:800;letter-spacing:.3px;display:inline-flex;gap:25px;align-items:center;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(135deg,#e9c77d,#ad7c30);color:#111}.secondary{border:1px solid #71644c;color:#e7d6b0}.hero-foot{margin-top:75px;font-size:10px;color:#746c60;letter-spacing:2px}.hero-foot span{color:var(--gold);margin:0 12px}.hero-visual{min-height:530px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-visual:before{content:'';position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,#a76b2420,transparent 65%);z-index:-1}.hero-visual img{width:100%;max-width:590px;aspect-ratio:1;object-fit:cover;object-position:center 43%;border-radius:50%;mask-image:radial-gradient(circle,black 38%,transparent 73%);filter:contrast(1.07)}.orbit{position:absolute;border:1px solid #b789333a;border-radius:50%;width:82%;aspect-ratio:1;z-index:-1}.orbit-two{width:96%;border-style:dashed;opacity:.3}.visual-caption{position:absolute;bottom:4%;right:4%;font-size:10px;letter-spacing:3px;color:var(--gold)}.section{max-width:1400px;margin:auto;padding:105px max(5vw,24px);scroll-margin-top:25px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid #ffffff18}.section h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(45px,5vw,76px);line-height:1.04;margin:10px 0 28px}.intro h2 span,.section-heading h2 span{color:var(--gold)}.intro p:not(.section-label){max-width:760px;color:var(--muted);line-height:2}.services{border-top:1px solid #ffffff18}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-heading>p{color:var(--muted);font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{background:linear-gradient(160deg,#1b1915,#111);border:1px solid var(--border);padding:30px 25px;min-height:330px;position:relative;transition:border-color .25s,transform .25s}.service-card:hover{border-color:var(--gold);transform:translateY(-5px)}.service-icon{font-size:34px;color:var(--gold)}.service-num{position:absolute;right:23px;top:25px;color:#6d614e;font-size:12px}.service-card h3{font-size:19px;margin:55px 0 15px}.service-card p{font-size:12px;line-height:1.9;color:var(--muted)}.card-tag{font-size:9px;letter-spacing:2px;color:var(--gold);position:absolute;bottom:25px}.portfolio{border-top:1px solid #ffffff18}.portfolio-panel{margin-top:25px;min-height:390px;border:1px solid #493c25;background:radial-gradient(circle at 15% 50%,#49301455,transparent 50%),linear-gradient(125deg,#18130c,#101010);display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:20px;padding:35px 7%}.portfolio-symbol{font-family:'Cormorant Garamond',Georgia,serif;font-size:240px;color:var(--gold);text-align:center;text-shadow:0 0 75px #c38c3666}.portfolio h2{font-size:clamp(40px,4vw,65px)}.portfolio-panel p:last-child{color:var(--muted);line-height:1.9;max-width:500px}.contact{text-align:center;border-top:1px solid #ffffff18;padding-bottom:130px}.contact h2{font-size:clamp(65px,7vw,100px)}.contact>p:not(.section-label){color:var(--muted);max-width:620px;margin:auto;line-height:1.8}.contact-placeholder{border:1px solid #6a532e;display:inline-flex;align-items:center;gap:17px;text-align:left;padding:20px 30px;margin-top:35px}.contact-placeholder>span{font-size:28px;color:var(--gold)}.contact-placeholder strong,.contact-placeholder small{display:block}.contact-placeholder small{font-size:11px;color:var(--muted);margin-top:7px}footer{border-top:1px solid #ffffff18;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px max(5vw,24px);font-size:11px;color:var(--muted)}.footer-logo{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;color:var(--text)}footer>a:last-child{color:var(--gold)}@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:600px}.hero-visual{min-height:400px}.hero-foot{margin-top:35px}}@media(max-width:700px){.header{height:75px}.menu-toggle{display:block;background:none;color:var(--gold);border:1px solid #5c482b;padding:9px 12px;font-size:20px;cursor:pointer}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#101010;padding:20px 25px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid #665032}.nav.open{display:flex}.nav-contact{text-align:center}.hero{grid-template-columns:1fr;padding-top:70px;gap:0}.hero h1{font-size:clamp(62px,13vw,90px)}.hero-visual{min-height:330px}.hero-visual img{max-width:380px}.hero-foot{margin-top:40px}.intro{grid-template-columns:1fr}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:block}.service-grid{grid-template-columns:1fr}.service-card{min-height:270px}.service-card h3{margin-top:30px}.portfolio-panel{grid-template-columns:1fr;padding:30px}.portfolio-symbol{font-size:130px;line-height:1}.contact{padding-bottom:85px}footer{flex-direction:column;text-align:center}.eyebrow{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* RAVENIQ 1.1: emblem, subtle motion, accessibility and mobile refinements */
.brand-mark{overflow:hidden;background:#090909;box-shadow:0 0 0 2px #090909,0 0 14px #b98a3b20;flex-shrink:0}
.brand-mark img{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.1)}
.brand:hover .brand-mark{box-shadow:0 0 0 2px #090909,0 0 22px #d4af6270}
.portfolio-symbol{display:flex;align-items:center;justify-content:center}
.portfolio-symbol img{width:min(100%,250px);aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid #b58a4360;box-shadow:0 0 55px #d4af6225}
.service-card{overflow:hidden;isolation:isolate}
.service-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,#b58a431d,transparent 58%);opacity:0;transition:opacity .35s;z-index:-1}
.service-card:hover::before{opacity:1}
.service-card:hover .service-icon{transform:translateY(-4px) rotate(-6deg)}
.service-icon{display:inline-block;transition:transform .3s}
.nav a:focus-visible,.btn:focus-visible,.menu-toggle:focus-visible,.brand:focus-visible,footer a:focus-visible{outline:2px solid var(--gold2);outline-offset:5px}
@media(prefers-reduced-motion:no-preference){
.entrance{animation:enterUp .85s cubic-bezier(.2,.7,.2,1) both}.entrance-delay{animation-delay:.17s}
.reveal{opacity:1;transform:none}
.js-motion .reveal:not(.is-visible){opacity:0;transform:translateY(28px)}
.js-motion .reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
@keyframes enterUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.orbit-one{animation:slowSpin 45s linear infinite}.orbit-two{animation:slowSpin 70s linear infinite reverse}
@keyframes slowSpin{to{transform:rotate(360deg)}}
}
@media(max-width:700px){.brand{font-size:23px;letter-spacing:2px}.brand-mark{width:39px;height:39px}.hero{padding-top:52px}.hero-visual{min-height:300px}.hero-foot{line-height:1.8}.portfolio-symbol img{width:165px}.section h2{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){.entrance,.orbit{animation:none!important}.reveal,.js-motion .reveal:not(.is-visible){opacity:1!important;transform:none!important}}

/* RAVENIQ 1.2 — portfolio & complete emblem */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.work-card{min-width:0;border:1px solid #4d3b25;background:#14120f;overflow:hidden;transition:transform .3s,border-color .3s}
.work-card:hover{transform:translateY(-6px);border-color:#d4af62}
.work-art{background:#080808;aspect-ratio:4/5;overflow:hidden}
.work-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.work-card:hover .work-art img{transform:scale(1.035)}
.work-info{padding:22px 23px 25px}
.work-info>span,.work-info small{color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:700}
.work-info h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;margin:10px 0 5px}
.work-info p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 20px}
.work-info small{color:#8f877b;font-size:9px}
.portfolio-brand{margin-top:32px;min-height:280px;border:1px solid #493c25;background:radial-gradient(circle at 15% 50%,#49301455,transparent 50%),linear-gradient(125deg,#18130c,#101010);display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:22px;padding:32px 6%}
.portfolio-brand h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,4vw,55px);font-weight:600;margin:8px 0}
.portfolio-brand h3 em{color:var(--gold);font-style:normal}
.portfolio-brand p:last-child{color:var(--muted);line-height:1.8;font-size:13px}
.portfolio-brand .portfolio-symbol{width:220px;height:220px;margin:auto;border:1px solid #9e753a80;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#37250d,#090909 74%);box-shadow:0 0 48px #d4af621b}
.portfolio-brand .portfolio-symbol img{width:78%;height:78%;object-fit:contain;border:0;border-radius:0;box-shadow:none}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr}.work-art{aspect-ratio:4/4}.portfolio-brand{grid-template-columns:1fr;text-align:center;padding:30px 24px}.portfolio-brand .portfolio-symbol{width:175px;height:175px}}

/* 1.2.1: full-bleed circular crop; no square image edges */
.portfolio-brand .portfolio-symbol{border-radius:50%;overflow:hidden;display:block;position:relative}
.portfolio-brand .portfolio-symbol img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;box-shadow:none!important}

/* 1.2.2: complete R symbol with circular, feathered asset */
.portfolio-brand .portfolio-symbol img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}

/* 1.2.3: artwork with soft edges and true circular alpha */
.portfolio-brand .portfolio-symbol{background:#090807!important}
.portfolio-brand .portfolio-symbol img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}

/* 1.2.4: the source artwork is cropped to a circle, no letterbox bars */
.portfolio-brand .portfolio-symbol{overflow:hidden!important;border-radius:50%!important;background:#080808!important}
.portfolio-brand .portfolio-symbol img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}

/* RAVENIQ 1.3 — cennik i kontakt */
html{scroll-behavior:smooth}section[id]{scroll-margin-top:90px}
.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}
.price-card{display:flex;flex-direction:column;padding:29px 22px;border:1px solid #4b3c26;background:linear-gradient(145deg,#1b1711,#0c0c0c);min-width:0;transition:transform .25s,border-color .25s}
.price-card:hover{transform:translateY(-5px);border-color:#d6b56c}
.price-top{color:#d6b56c;font-size:10px;letter-spacing:2px;font-weight:700}
.price-card h3{font-family:Georgia,serif;font-size:25px;line-height:1.2;margin:25px 0 12px;color:#f7f0e5}
.price-number{font-family:Georgia,serif;font-size:35px;color:#d6b56c;margin:0 0 18px;white-space:nowrap}
.price-number small{font-family:Arial,sans-serif;font-size:13px;color:#bcb1a2}
.price-card>p:not(.price-number){color:#b9b0a4;font-size:13px;line-height:1.8;flex:1;margin-bottom:28px}
.price-card>a{display:block;text-align:center;text-decoration:none;border:1px solid #ae874b;color:#f0d399;padding:13px 9px;font-size:12px;font-weight:bold;transition:background .2s,color .2s}
.price-card>a:hover{background:#d6b56c;color:#111}
.price-disclaimer{font-size:12px;line-height:1.8;color:#a9a095;margin-top:24px}
.contact-email{display:flex;align-items:center;gap:18px;max-width:580px;padding:24px 28px;border:1px solid #b58b4b;text-decoration:none;color:#f4e7d0;background:#21190f;overflow-wrap:anywhere}
.contact-email>span:first-child{font-size:30px;color:#d6b56c}
.contact-email>span:nth-child(2){display:flex;flex-direction:column;gap:7px;flex:1}
.contact-email strong{font-size:clamp(14px,2vw,20px)}
.contact-email small{color:#c1b39b;font-size:12px}
.contact-email>span:last-child{color:#d6b56c}
@media(max-width:1100px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.price-grid{grid-template-columns:1fr}.price-card{padding:26px}.contact-email{padding:19px 14px;gap:10px}}

/* 1.3.1: centered contact CTA, desktop and mobile */
#kontakt .contact-email{width:min(100%,580px);max-width:580px;box-sizing:border-box;margin:28px auto 0;text-align:left;}
@media(max-width:620px){#kontakt .contact-email{width:100%;margin-left:auto;margin-right:auto;}#kontakt .contact-email strong{overflow-wrap:anywhere;}}

/* 1.4: contact form, Netlify Forms */
.contact-form{width:min(100%,760px);margin:38px auto 0;padding:32px;background:linear-gradient(145deg,#1b1711,#0d0d0d);border:1px solid #66502e;text-align:left;display:flex;flex-direction:column;gap:20px}
.contact-form label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:700;color:#e7d6b6;letter-spacing:.3px}
.contact-form label span{color:#d4af62}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#0c0c0c;color:#f5f0e7;border:1px solid #635137;border-radius:0;padding:15px 14px;font:500 14px Manrope,Arial,sans-serif;outline:none;transition:border-color .2s}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8d857a}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#f6d894;box-shadow:0 0 0 2px #d4af6230}
.contact-form textarea{resize:vertical;min-height:140px}
.contact-form .form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form .form-privacy{font-size:11px;line-height:1.8;color:#bcb3a6;margin:0}
.form-submit{background:linear-gradient(135deg,#e9c77d,#ad7c30);color:#111;border:0;cursor:pointer;padding:17px 25px;font:800 13px Manrope,Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:15px;transition:filter .2s}
.form-submit:hover{filter:brightness(1.12)}
.form-submit:focus-visible{outline:2px solid #fff;outline-offset:3px}
.contact-form .form-alternative{font-size:12px;text-align:center;color:#bcb3a6;margin:0;line-height:1.8}
.form-alternative a{color:#e9c77d;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:620px){.contact-form{padding:22px 17px}.form-grid{grid-template-columns:1fr;gap:20px}}