/*
Theme Name: Witrylo Studio
Theme URI: https://witrylo.pl
Author: Witrylo
Description: Autorski, responsywny motyw Creative Studio dla Witrylo.pl.
Version: 3.1.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: witrylo
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b091c;--bg2:#110b28;--vio:#a45bff;--vio2:#7435e9;--gold:#ffc107;--white:#f7f4ff;--muted:#c6badb;--border:#7844b6;--shadow:0 24px 80px #080216aa}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--white);font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}img,svg{max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{clip:auto;height:auto;width:auto;top:12px;left:12px;z-index:9999;background:white;color:black;padding:10px}.container{width:min(1320px,calc(100% - 76px));margin-inline:auto}.accent{color:var(--gold)}.muted{color:var(--muted)}.eyebrow{display:inline-block;color:#bd7aff;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:800}.eyebrow-lines:before,.eyebrow-lines:after{content:'';display:inline-block;width:40px;height:1px;background:linear-gradient(90deg,transparent,#aa62ff);vertical-align:middle;margin:0 20px 4px 0}.eyebrow-lines:after{transform:rotate(180deg);margin:0 0 4px 20px}.center{text-align:center}.section{padding:105px 0;position:relative}.section-heading{max-width:850px;margin:auto}.section h2{font-size:clamp(30px,3.3vw,49px);line-height:1.18;letter-spacing:-.045em;font-weight:900;margin:12px 0 16px}.section-heading p{font-size:15px;margin:0}.text-link{color:var(--gold);font-weight:800;display:inline-block}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
/* Navigation */
.site-header{position:sticky;top:0;z-index:50;background:#080718ed;backdrop-filter:blur(22px);border-bottom:1px solid #b879ff1c;transition:box-shadow .25s,background .25s}.site-header.scrolled{background:#090719f7;box-shadow:0 10px 40px #05020e88}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;flex:0 0 auto}.brand img{display:block;width:260px;height:auto;transition:filter .25s}.brand:hover img{filter:drop-shadow(0 0 13px #ac53ff80)}.nav{display:flex;align-items:center;gap:clamp(12px,2vw,32px);font-size:13px;font-weight:700}.nav>a:not(.btn){position:relative;white-space:nowrap;padding:14px 0}.nav>a:not(.btn):after{content:'';position:absolute;left:0;right:100%;bottom:5px;height:2px;background:var(--vio);box-shadow:0 0 12px var(--vio);transition:right .2s}.nav>a:not(.btn):hover:after{right:0}.nav>a:not(.btn):hover{color:#e5c8ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:14px;padding:15px 23px;border:1px solid #a16be5;color:var(--white);font-size:13px;font-weight:800;line-height:1.35;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-gold{background:linear-gradient(120deg,#ffce1b,#ffb900);border-color:#ffd52b;color:#1c132b;box-shadow:0 8px 27px #ffc10740}.btn-gold:hover{box-shadow:0 12px 38px #ffc10775}.btn-outline{background:#100c2a88;border-color:#9b5af0}.btn-outline:hover{background:#281646;box-shadow:0 0 22px #8f44e555}.nav-cta{padding:13px 18px}.menu-toggle{display:none}
/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:106px 0 72px;background:radial-gradient(ellipse 52% 85% at 18% 18%,#2e1559 0,transparent 80%),radial-gradient(ellipse 48% 75% at 78% 42%,#4d1b78 0,transparent 82%),#0b091c}.hero-glow{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(90px)}.hero-glow-a{width:380px;height:260px;background:#732de94d;left:-180px;bottom:-120px}.hero-glow-b{width:480px;height:320px;background:#b035dd40;right:-170px;top:15%}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:10px;position:relative;z-index:1}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(43px,4.25vw,70px);line-height:1.105;letter-spacing:-.062em;font-weight:900;max-width:720px;margin:22px 0 28px}.underline-accent{position:relative;white-space:nowrap}.underline-accent:after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:5px;background:linear-gradient(90deg,#9c4fff,#ca4eff);border-radius:50%;transform:rotate(-2deg);box-shadow:0 0 12px #a33dff}.hero-copy>p{font-size:17px;line-height:1.75;max-width:580px;color:#e8dff2;margin:0}.actions{display:flex;gap:17px;flex-wrap:wrap;margin-top:34px}.features{list-style:none;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:0;margin:38px 0 0;color:#e9def7;font-size:12px}.features li{display:flex;align-items:center;gap:9px;white-space:nowrap}.features li:before{content:'✓';display:grid;place-items:center;border:2px solid #ab64ff;color:#c891ff;border-radius:50%;width:22px;height:22px;font-weight:900}.features li+li{border-left:1px solid #875c9d80;padding-left:18px}.hero-bottom-shine{position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#9e48f677,transparent)}
/* Laptop illustration */
.hero-scene{position:relative;height:475px;min-width:0;isolation:isolate;perspective:1100px;filter:drop-shadow(0 0 36px #a33fff30)}.hero-orbit{position:absolute;width:117%;height:285px;left:-11%;top:1%;border:3px solid #ad4aff;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-14deg);filter:drop-shadow(0 0 12px #ad4aff);opacity:.9}.laptop{position:absolute;width:88%;height:340px;left:8%;top:47px;transform:rotate(-4deg) skewX(-6deg);filter:drop-shadow(0 30px 24px #060314cc);animation:float-laptop 7s ease-in-out infinite}.laptop-screen{height:300px;padding:12px;border:3px solid #aaa2c6;border-radius:18px 18px 8px 8px;background:linear-gradient(140deg,#151120,#05040d);box-shadow:inset 0 0 0 2px #39314d,0 0 40px #b251ff70}.screen-wallpaper{position:relative;height:100%;overflow:hidden;border-radius:7px;background:radial-gradient(ellipse at 65% 68%,#a538e4,transparent 38%),linear-gradient(160deg,#1a0c3d,#180e3b 45%,#43206b 70%,#0c0a25)}.screen-wallpaper img{position:absolute;width:80%;left:10%;top:22%;filter:drop-shadow(0 0 12px #9d45ff66);z-index:2}.screen-line{position:absolute;left:-15%;right:-15%;top:72%;height:3px;background:#d478ff;box-shadow:0 0 16px 7px #ad39f0;transform:rotate(-5deg)}.screen-hills{position:absolute;bottom:-65px;left:-10%;width:120%;height:140px;background:linear-gradient(140deg,#26114e,#08071b);clip-path:polygon(0 60%,18% 20%,30% 51%,46% 6%,62% 45%,76% 15%,100% 60%,100% 100%,0 100%)}.laptop-base{position:relative;margin:-2px auto 0;width:113%;left:-6.5%;height:31px;border:1px solid #d0b8e7;border-radius:3px 3px 50% 50%/3px 3px 80% 80%;background:linear-gradient(#d2b2e6,#644d85 35%,#2b2343 70%,#c8b1d9);transform:perspective(200px) rotateX(33deg);box-shadow:0 15px 35px #b350ff60}.keyboard{position:absolute;top:3px;left:17%;width:66%;height:10px;background:repeating-linear-gradient(90deg,#312442 0 5px,#977aa8 6px 7px);opacity:.7}.trackpad{position:absolute;top:14px;left:43%;width:15%;height:9px;border:1px solid #4b3a66;border-radius:3px}.scene-plant{position:absolute;bottom:75px;left:-1%;width:65px;height:110px;z-index:-1}.scene-plant i{position:absolute;bottom:35px;left:30px;width:13px;height:80px;background:linear-gradient(90deg,#24472d,#67aa53);border-radius:90% 0 90% 0;transform-origin:bottom}.scene-plant i:nth-child(1){transform:rotate(-28deg)}.scene-plant i:nth-child(2){transform:rotate(12deg);height:100px}.scene-plant i:nth-child(3){transform:rotate(37deg);height:77px}.scene-plant b{position:absolute;bottom:0;left:13px;width:50px;height:44px;background:linear-gradient(90deg,#231533,#71448d);border-radius:4px 4px 14px 14px}.scene-mug{position:absolute;bottom:78px;right:0;width:59px;height:65px;border-radius:6px 6px 14px 14px;background:linear-gradient(110deg,#1d102b,#45236c,#110b21);border:1px solid #7f4fa2;display:grid;place-items:center;box-shadow:0 10px 25px #0008}.scene-mug:after{content:'';position:absolute;right:-16px;top:14px;width:20px;height:30px;border:6px solid #43255e;border-radius:50%}.scene-mug span{font-weight:900;color:#b864ff;font-size:25px}.scene-reflection{position:absolute;bottom:28px;left:13%;width:75%;height:24px;border-radius:50%;background:#8d37df;filter:blur(26px);z-index:-2}@keyframes float-laptop{0%,100%{translate:0 0}50%{translate:0 -9px}}
/* Services */
.services{padding-top:92px;background:radial-gradient(ellipse 55% 85% at 0% 100%,#321359 0,transparent 75%),#0b091c}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:48px}.card{position:relative;overflow:hidden;min-height:305px;padding:34px 32px;border:1px solid #8e4ed6;border-radius:24px;background:radial-gradient(ellipse at 40% 0%,#5122768c,transparent 72%),linear-gradient(135deg,#23123e,#100d28);transition:transform .3s,border-color .3s,box-shadow .3s}.card:after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#b45bff,transparent);box-shadow:0 0 20px 4px #b45bff88}.card:hover{transform:translateY(-9px);border-color:#cb93ff;box-shadow:0 22px 48px #6821b347}.card .symbol{width:66px;height:66px;color:#c17fff;filter:drop-shadow(0 0 9px #ac55ff66)}.card .symbol svg{width:100%;height:100%}.card h3{font-size:20px;line-height:1.3;margin:18px 0 9px;font-weight:800}.card p{color:#d6c9e5;font-size:14px;line-height:1.75;min-height:74px}.card a{color:var(--gold);font-size:13px;font-weight:800}.card a:hover{text-decoration:underline;text-underline-offset:5px}
/* Process */
.process{background:#f3efff;color:#18112f;overflow:hidden}.process .eyebrow{color:#9a5bea}.process .muted{color:#665d79}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:65px;position:relative}.steps:before{content:'';position:absolute;left:8%;right:8%;top:32px;border-top:2px dashed #a785e66b}.step{position:relative;padding:0 12px 0 0}.step-number{width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,#a653ff,#6c32ed);box-shadow:0 12px 22px #7a3ff23d;display:grid;place-items:center;color:#fff;font-weight:900;font-size:21px;margin-bottom:24px}.step h3{font-size:16px;margin:0 0 10px;font-weight:800}.step p{font-size:13px;color:#524a63;line-height:1.75;max-width:240px;margin:0}
/* Portfolio */
.portfolio{background:radial-gradient(ellipse 55% 85% at 90% 0%,#451560 0,transparent 80%),#0d091f}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:48px}.project{border:1px solid #7550a6;border-radius:22px;overflow:hidden;background:linear-gradient(140deg,#24163e,#140e29);transition:transform .3s,box-shadow .3s}.project:hover{transform:translateY(-6px);box-shadow:0 20px 50px #702db52f}.project-media{height:230px;overflow:hidden;background:#25183e}.project-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.project:hover .project-media img{transform:scale(1.05)}.project-visual{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 65% 15%,#b05ac3,transparent 55%),linear-gradient(140deg,#222044,#63399e 70%,#ffb941)}.preview-browser{width:75%;height:75%;border-radius:11px;background:#110d28;box-shadow:0 24px 30px #1105267a;border:2px solid #c69ce6;transform:rotate(-6deg);padding:12px;display:flex;flex-direction:column}.preview-dots{color:#bc7aff;font-size:8px;letter-spacing:3px}.preview-title{font-size:clamp(17px,2vw,28px);font-weight:900;margin:auto;text-shadow:0 0 20px #9c46ff}.preview-title span{color:var(--gold)}.preview-stripes{height:20px;background:linear-gradient(100deg,#6d39c1,#e48bd2);border-radius:4px}.project-body{padding:25px 27px 29px}.project-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#b785ff;font-weight:800}.project-body h3{font-size:19px;margin:8px 0}.project-body p{font-size:13px;color:#d0c5df;line-height:1.8}.project-link{font-size:13px;color:var(--gold);font-weight:800}.portfolio-cta{margin-top:42px;text-align:center}.portfolio-cta p{color:#d6c9e5;margin-bottom:8px}
/* About */
.about-section{background:linear-gradient(145deg,#100b26,#170c34)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:center}.about-art{min-height:410px;position:relative;display:grid;place-items:center}.about-art:before{content:'';position:absolute;width:75%;height:70%;background:#8c3fff88;filter:blur(90px);border-radius:50%}.about-art-frame{position:relative;width:min(420px,90%);aspect-ratio:1.16;background:radial-gradient(circle at 60% 35%,#542183,#170d34 65%);border:1px solid #9b5bf1;border-radius:34px;transform:rotate(-5deg);box-shadow:var(--shadow),inset 0 0 40px #ac55ff33;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:28px}.about-art-label,.about-art-bottom{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:#d7baff;font-weight:700}.about-art-w{font-size:clamp(100px,15vw,190px);line-height:1;font-weight:900;letter-spacing:-.12em;color:#a65aff;text-shadow:0 0 40px #8b3fff}.about-art-w span{color:var(--gold)}.about-art-spark{position:absolute;color:var(--gold);font-size:36px;text-shadow:0 0 24px #ffca22}.spark-one{top:5%;right:8%}.spark-two{bottom:10%;left:3%;font-size:20px}.about-copy h2{max-width:590px}.about-copy p{color:#d5c9e3;max-width:570px}.about-copy .text-link{margin-top:14px}
/* Contact */
.contact-section{background:radial-gradient(ellipse 55% 90% at 10% 60%,#39166c 0,transparent 80%),#0c091f}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,6vw,100px);align-items:start}.contact-intro h2{font-size:clamp(40px,4.5vw,66px)}.contact-intro>p{color:#d7cde5;max-width:440px}.contact-points{display:grid;gap:14px;margin-top:35px;color:#e5d6f5;font-size:14px}.contact-panel{border:1px solid #9359d6;border-radius:24px;background:linear-gradient(135deg,#25143e,#130d2c);padding:36px;box-shadow:0 24px 80px #09021a55}.contact-panel h3{font-size:24px;margin:0}.contact-panel>.muted{font-size:13px;margin:6px 0 22px}.contact-form{display:grid;gap:18px}.contact-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#e8dcf4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form input,.contact-form textarea{display:block;width:100%;min-width:0;border:1px solid #70528e;border-radius:10px;background:#0e0a22;color:white;padding:14px 15px;font-size:13px;font-weight:500}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a99bb9}.contact-form textarea{min-height:150px;resize:vertical}.contact-form .btn{justify-self:start}.form-privacy{font-size:11px;color:#c6b8d4;line-height:1.65;margin:0}.form-privacy a{text-decoration:underline;text-underline-offset:3px}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.notice{padding:12px 15px;background:#2f2054;border-left:3px solid var(--gold);border-radius:8px;font-size:13px}
/* Footer */
.footer{background:#080715;border-top:1px solid #8b55ba55}.footer-top{padding:50px 0 40px;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:45px}.footer-brand img{width:210px;height:auto;display:block}.footer-top p{color:#c8bcd7;max-width:520px;font-size:13px}.footer-top-link{color:var(--gold);font-weight:800}.footer-inner{border-top:1px solid #ffffff18;padding:22px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#aa9dbd;font-size:11px}.footer-inner>div{display:flex;gap:24px;flex-wrap:wrap}.footer a:hover{color:var(--gold)}
/* Standard WP pages */
body:not(.home) main#content{min-height:60vh}.entry-content{max-width:900px;margin:auto;padding:55px 0}.entry-content a{text-decoration:underline;color:var(--gold)}.entry-content img{height:auto}.entry-content h1,.entry-content h2{line-height:1.2}.entry-content p{margin:1em 0}
/* Reveal animation */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in-view{opacity:1;transform:translateY(0)}
@media(max-width:1180px){.container{width:min(100% - 50px,1320px)}.header-inner{gap:15px}.brand img{width:220px}.nav{gap:14px;font-size:12px}.nav-cta{padding:12px 14px}.hero h1{font-size:clamp(40px,4.4vw,59px)}.hero-scene{height:410px}.laptop{top:45px}.laptop-screen{height:260px}.features{gap:12px}.features li+li{padding-left:12px}.card{padding:27px}}
@media(max-width:950px){.header-inner{min-height:78px}.brand img{width:205px}.menu-toggle{display:inline-flex;align-items:center;gap:10px;background:#201338;color:#fff;border:1px solid #8755bd;border-radius:10px;padding:10px 13px;font-weight:700;font-size:12px}.hamburger{display:grid;gap:4px}.hamburger i{display:block;width:18px;height:2px;background:#caa0ff}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#100b26;box-shadow:0 24px 40px #0008;padding:20px 25px 25px;flex-direction:column;align-items:stretch;gap:6px;border-bottom:1px solid #7745a5}.nav.open{display:flex}.nav>a:not(.btn){padding:11px 0}.nav .btn{align-self:flex-start;margin-top:12px}.hero{padding:75px 0 65px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero h1{max-width:720px;font-size:clamp(44px,7vw,67px)}.hero-scene{width:min(680px,100%);margin:20px auto 0;height:420px}.laptop-screen{height:285px}.cards{gap:15px}.card{padding:24px}.card h3{font-size:17px}.steps{gap:15px}.about-grid{gap:30px}.footer-top{grid-template-columns:190px 1fr;gap:20px}.footer-top-link{grid-column:2}}
@media(max-width:700px){.container{width:calc(100% - 38px)}.section{padding:74px 0}.cards,.projects{grid-template-columns:1fr}.card{min-height:unset;padding:28px}.card p{min-height:unset}.steps{grid-template-columns:1fr 1fr;gap:30px 20px}.steps:before{display:none}.about-grid,.contact-grid{grid-template-columns:1fr}.about-art{min-height:310px;order:2}.about-copy{order:1}.about-art-frame{max-width:310px}.about-art-w{font-size:125px}.footer-top{grid-template-columns:1fr;gap:10px}.footer-top-link{grid-column:auto}.footer-inner{flex-direction:column;align-items:flex-start}.contact-panel{padding:27px}.project-media{height:240px}}
@media(max-width:520px){.container{width:calc(100% - 34px)}.header-inner{min-height:70px}.brand img{width:174px}.menu-toggle{padding:8px 10px}.hero{padding:56px 0 30px}.hero h1{font-size:clamp(36px,9.1vw,48px);letter-spacing:-.052em;margin:17px 0 22px}.hero-copy>p{font-size:14px}.eyebrow{font-size:10px;letter-spacing:.14em}.eyebrow-lines:before,.eyebrow-lines:after{width:18px;margin-right:10px;margin-left:0}.eyebrow-lines:after{margin-left:10px;margin-right:0}.actions{gap:10px;margin-top:25px}.actions .btn{padding:13px 14px;font-size:11px}.features{gap:11px;margin-top:27px}.features li{font-size:10px}.features li+li{border:0;padding:0}.features li:before{width:18px;height:18px}.hero-scene{height:275px;margin-top:10px}.hero-orbit{height:160px;top:0}.laptop{top:26px;left:9%;width:82%;height:215px}.laptop-screen{height:185px;padding:8px;border-radius:12px}.laptop-base{height:22px}.scene-plant{transform:scale(.65);transform-origin:bottom left;bottom:40px}.scene-mug{transform:scale(.65);transform-origin:bottom right;bottom:44px;right:6px}.scene-reflection{bottom:18px}.section h2{font-size:clamp(28px,8vw,37px)}.section-heading p{font-size:13px}.steps{grid-template-columns:1fr 1fr}.step-number{width:55px;height:55px;font-size:17px;margin-bottom:15px}.step h3{font-size:13px}.step p{font-size:12px}.form-row{grid-template-columns:1fr}.contact-panel{padding:22px}.footer-top{padding-top:35px}.footer-brand img{width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Witrylo Studio 3.0 — art direction refresh */
:root{--bg:#0a0617;--bg2:#120a27;--vio:#bb69ff;--vio2:#8e3bff;--gold:#ffbf00;--muted:#c9b7dd}
body{background:#090617}
.site-header{background:#090617f2;border-bottom:1px solid #8c3cff42}
.header-inner{min-height:100px}.brand img{width:270px}
.nav .nav-home:after{right:0!important;box-shadow:0 0 18px #a44aff}
.nav-cta{box-shadow:0 6px 28px #ffc10755}
.hero{padding:90px 0 112px;background:radial-gradient(ellipse at 15% 36%,#321358 0%,transparent 58%),radial-gradient(ellipse at 79% 58%,#45116b 0%,transparent 52%),#090617}
.hero:after{content:'';position:absolute;bottom:-2px;left:-5%;width:110%;height:78px;background:#0c071b;clip-path:polygon(0 80%,20% 94%,48% 58%,76% 85%,100% 24%,100% 100%,0 100%);border-top:1px solid #a13eff;pointer-events:none}
.hero-grid{grid-template-columns:1fr 1.14fr;gap:8px}
.hero-copy{z-index:4}
.hero h1{font-size:clamp(46px,4.6vw,76px);max-width:710px;line-height:1.07;letter-spacing:-.065em;text-wrap:balance}
.hero-copy>p{max-width:535px;font-size:16px}
.hero-scene-photo{height:auto;min-height:440px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:visible}
.hero-scene-photo:before{content:'';position:absolute;inset:15% 8%;background:#a13bff;filter:blur(100px);opacity:.4;z-index:-1}
.hero-scene-photo img{display:block;width:112%;max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 35px 38px #08031388);border-radius:22px;mask-image:linear-gradient(90deg,transparent 0%,black 7%,black 93%,transparent 100%)}
.hero-scene-caption{position:absolute;bottom:0;right:7%;padding:9px 15px;background:#120b2bbd;border:1px solid #a45eff70;backdrop-filter:blur(12px);border-radius:30px;font-size:11px;font-weight:700;color:#e9d6ff;box-shadow:0 10px 30px #0008}
.caption-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffc107;box-shadow:0 0 12px #ffc107;margin-right:8px}
.services{background:radial-gradient(ellipse at 48% 80%,#2c0d4c 0,transparent 65%),#0c071b;padding-top:85px;padding-bottom:135px}
.cards{gap:24px;margin-top:54px}
.card{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 10%,#51207166,transparent 68%),linear-gradient(145deg,#25123d,#110b24);border:1px solid #a45bea;border-radius:22px;min-height:310px;box-shadow:inset 0 1px 0 #d1a6ff22,0 18px 45px #0004}
.card:after{content:'';position:absolute;bottom:-2px;left:15%;right:15%;height:3px;background:#bd5dff;filter:blur(5px);box-shadow:0 0 24px #ba49ff;pointer-events:none}
.card:hover{transform:translateY(-9px);box-shadow:0 22px 60px #7d2fcb55,0 0 30px #7f32d333}
.card .symbol{filter:drop-shadow(0 0 13px #a655ff77)}
.process{background:radial-gradient(ellipse at 50% 0%,#fff 0,#f0e7ff 80%);padding-top:112px;padding-bottom:125px;clip-path:polygon(0 4%,17% 0,54% 2%,82% 0,100% 3%,100% 97%,75% 100%,41% 98%,0 100%)}
.step-number{box-shadow:0 0 0 5px #a852ff22,0 0 30px #8d34f088;background:linear-gradient(140deg,#b04dff,#5717a8)}
.portfolio{background:radial-gradient(ellipse at 60% 15%,#38105b,transparent 65%),#0b061c}
.project{border-color:#a05cf0;box-shadow:0 15px 55px #0005}
.project-media{height:265px}
.about-section{background:radial-gradient(ellipse at 20% 50%,#3e1769,transparent 58%),#100922}
.contact-section{background:radial-gradient(ellipse at 85% 55%,#3e1769,transparent 65%),#090618}
.contact-panel{box-shadow:0 0 70px #6826b025,0 24px 80px #09021a55}
.footer{border-top:1px solid #a34bff66}
@media(max-width:1180px){.hero h1{font-size:clamp(40px,4.4vw,61px)}.hero-scene-photo{min-height:330px}.hero-scene-photo img{width:110%}}
@media(max-width:950px){.header-inner{min-height:78px}.brand img{width:205px}.hero{padding:75px 0 75px}.hero-grid{grid-template-columns:1fr}.hero h1{max-width:750px;font-size:clamp(43px,7vw,66px)}.hero-scene-photo{max-width:760px;min-height:0;width:100%;margin:28px auto 0}.hero-scene-photo img{width:100%}.hero-scene-caption{bottom:4%;right:8%}}
@media(max-width:700px){.hero{padding:62px 0 80px}.hero-scene-photo{margin-top:30px}.hero-scene-caption{font-size:9px}.services{padding-top:80px;padding-bottom:95px}.card{min-height:unset}.process{clip-path:none;padding:85px 0}.project-media{height:240px}}
@media(max-width:520px){.brand img{width:175px}.hero h1{font-size:clamp(36px,9vw,48px)}.hero-scene-photo{height:auto;min-height:0;margin-top:25px}.hero-scene-photo img{width:112%;margin-left:-6%;max-width:none}.hero-scene-caption{display:none}.hero{padding-bottom:70px}.hero:after{height:35px}.cards{margin-top:35px}}


/* Witrylo 3.1: autentyczne portfolio */
.featured-project{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(28px,5vw,80px);align-items:center;margin-top:50px;padding:clamp(20px,3vw,44px);border:1px solid #7540a5;border-radius:28px;background:radial-gradient(ellipse at 12% 5%,#512477a6,transparent 60%),linear-gradient(125deg,#1c1038,#0e0921);box-shadow:0 30px 80px #05010e70}
.featured-project-preview{min-width:0}.featured-browser{overflow:hidden;border:1px solid #a475d0;border-radius:16px;background:#121022;box-shadow:0 24px 65px #080312aa;transform:perspective(1200px) rotateY(-4deg)}.featured-browser-top{height:38px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#b7abc9;font-size:12px;background:#171329}.featured-browser-dots{color:#ad6df4;letter-spacing:3px}.featured-site{background:#0a1b1d}.featured-site-bar{height:50px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5%;color:#f5f5e8;font-size:clamp(8px,1vw,12px)}.featured-site-bar>span:first-child{font-size:clamp(13px,1.7vw,22px);font-weight:900;letter-spacing:.04em}.featured-site-dot{color:#e3bd69}.featured-site-landscape{min-height:260px;display:flex;align-items:center;background:linear-gradient(90deg,#061517e8 0%,#092124ae 54%,#163d3c25 100%),radial-gradient(ellipse at 70% 85%,#b9a36a 0%,transparent 36%),linear-gradient(170deg,#315c5a 0%,#6e8b81 35%,#253d3a 36%,#1a3235 60%,#0d2028 61%,#0b161b 100%);position:relative}.featured-site-landscape:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:repeating-linear-gradient(174deg,#e6bd7740 0 2px,transparent 2px 13px);opacity:.4}.featured-site-overlay{position:relative;z-index:1;padding:38px 7%;color:#fff;display:flex;flex-direction:column;gap:13px}.featured-site-overlay>span{font-size:10px;letter-spacing:.19em;color:#f1d39b;font-weight:700}.featured-site-overlay strong{font-size:clamp(22px,3.1vw,43px);line-height:1.15;font-weight:900}.featured-site-overlay small{font-size:12px;color:#e2e6df}.featured-preview-note{display:block;margin-top:12px;font-size:11px;color:#ac9dbd}.featured-project-copy h3{font-size:clamp(34px,4vw,54px);margin:12px 0 18px;line-height:1.1}.featured-project-copy p{font-size:15px;line-height:1.8;color:#d9cde8}.featured-project-features{display:grid;grid-template-columns:1fr 1fr;gap:13px 17px;margin:24px 0 30px;padding:0;list-style:none}.featured-project-features li{font-size:12px;color:#e5dbf0;display:flex;gap:8px;align-items:flex-start}.featured-project-features li:before{content:"✓";color:#e7bd32;font-weight:900}.projects-extra{margin-top:28px}
@media(max-width:850px){.featured-project{grid-template-columns:1fr}.featured-browser{transform:none}.featured-site-landscape{min-height:230px}}
@media(max-width:480px){.featured-project-features{grid-template-columns:1fr}.featured-site-bar>span:last-child{display:none}.featured-site-landscape{min-height:200px}.featured-site-overlay{padding:25px 7%}}