@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#10172c;--muted:#647083;--blue:#A12C53;--ice:#FAEBF0;--line:#dde3ed;--paper:#FCFAFB;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'DM Sans',Arial,sans-serif;overflow-x:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;line-height:1.05;letter-spacing:-.065em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.shell{width:min(100% - 64px,1260px);margin-inline:auto}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:100}.skip:focus{top:12px}.eyebrow{font:700 11px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;display:inline-flex;gap:10px;align-items:center}.eyebrow i{width:8px;height:8px;background:var(--blue);border-radius:50%}em{font-style:normal;color:var(--blue)}
.header{position:relative;z-index:20;background:rgba(249,250,252,.88);border-bottom:1px solid rgba(221,227,237,.75);backdrop-filter:blur(20px)}.header-row{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;font:700 21px 'Space Grotesk';letter-spacing:-.06em;white-space:nowrap}.brand-light{font-weight:400}.brand-mark{background:var(--ink);color:white;border-radius:11px;display:grid;place-items:center;width:38px;height:38px;letter-spacing:-.12em}.brand-mark span{color:#F2A7C0}.nav{display:flex;align-items:center;gap:clamp(18px,2.7vw,42px);font-size:13px;font-weight:700}.nav>a:not(.nav-contact):hover,.text-link:hover,.footer a:hover{color:var(--blue)}.nav-contact{background:var(--ink);color:#fff;padding:12px 18px;border-radius:100px}.nav-contact span{margin-left:12px}.nav-contact:hover{background:var(--blue)}.menu-toggle{display:none}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 23px;border-radius:100px;border:0;cursor:pointer;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(49,63,118,.18)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--blue)}.button-light{background:white;color:var(--ink)}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:6px;white-space:nowrap}.section-pad{padding-block:112px}
.hero-wrap{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 37%,#F6E8ED 0%,#FCF7F9 35%,#FCFAFB 68%)}.hero-ambient{position:absolute;width:850px;height:650px;right:-160px;top:-170px;background:radial-gradient(ellipse,#A12C5352,transparent 68%);filter:blur(42px);z-index:-1}.hero{min-height:740px;display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:center;padding-block:80px 105px}.hero-copy{position:relative;z-index:3;padding-right:5px}.hero h1{font-size:clamp(58px,5.25vw,81px);letter-spacing:-.085em;line-height:1.01;margin:28px -60px 26px 0;max-width:760px}.hero h1 em{background:linear-gradient(105deg,#7E2141,#C24E76);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:470px;color:#536078;font-size:18px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:27px;margin-top:35px}.hero-footnote{margin-top:75px;color:#768199;font-size:10px;font-weight:700;letter-spacing:.19em;display:flex;align-items:center;gap:13px}.hero-footnote-line{width:42px;height:1px;background:#a8b2c9}.hero-scene{position:relative;min-width:0;aspect-ratio:1.16;display:grid;place-items:center;padding:25px 18px 30px 50px}.hero-halo{position:absolute;inset:14% 1% 3% 8%;border-radius:50%;background:radial-gradient(ellipse,#A12C5366,transparent 66%);filter:blur(33px)}.hero-glass{position:relative;width:100%;max-width:700px;aspect-ratio:1.1;display:flex;flex-direction:column;padding:13px;background:linear-gradient(135deg,#FFFDFCDA,#F8E9EF93);border:1px solid #fff;box-shadow:0 28px 100px #68243D2D,0 5px 24px #4024311C,inset 0 1px #fff;border-radius:31px;transform:perspective(1100px) rotateY(-7deg) rotateX(3deg) rotateZ(1.5deg);overflow:hidden}.hero-glass img{width:100%;min-height:0;flex:1;object-fit:cover;border-radius:21px;filter:saturate(.98)}.hero-glass-top,.hero-glass-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:0 12px;font:700 10px 'DM Sans';letter-spacing:.16em;color:#465372}.hero-glass-top{justify-content:flex-start}.hero-glass-top span:last-child{margin-left:auto;font-size:18px}.glass-dot{height:9px;width:9px;background:#A12C53;border-radius:50%;box-shadow:0 0 0 4px #F8DFE7}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:15px 19px;background:#fffffff0;box-shadow:0 18px 50px #64233D2B;border:1px solid #fff;border-radius:18px;backdrop-filter:blur(12px);font-size:12px;line-height:1.35;color:#626b7d}.float-card strong{color:var(--ink)}.float-card-top{top:15%;right:-2%;transform:rotate(5deg)}.float-card-bottom{bottom:12%;left:2%;transform:rotate(-5deg)}.float-icon,.float-orbit{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--blue);font-size:22px}.float-orbit{background:#F7E8EE;color:var(--blue)}.float-card-bottom span span{color:var(--blue)}
.intro-strip{padding-block:75px 82px;display:grid;grid-template-columns:205px minmax(0,1fr) 58px;gap:38px;align-items:start;border-bottom:1px solid var(--line)}.intro-strip .eyebrow{margin-top:12px;color:var(--blue)}.intro-strip p{font:500 clamp(28px,3.15vw,42px)/1.25 'Space Grotesk';letter-spacing:-.055em;max-width:870px;margin:0;color:#8993a5}.intro-strip strong{font-weight:600;color:var(--ink)}.round-link{width:54px;height:54px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .25s}.round-link:hover{background:#F7E6EC}
.section-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);gap:65px;align-items:end;margin-bottom:54px}.section-head h2,.feature-copy h2,.editorial h2{font-size:clamp(43px,5vw,67px);margin:20px 0 0}.section-head>p,.section-head>div>p{font-size:17px;color:var(--muted);line-height:1.7;max-width:390px;margin:0 0 7px}.offer-section{background:#fff}.offer-list{border-top:1px solid var(--line)}.offer-row{display:grid;grid-template-columns:85px minmax(0,1fr) 64px;align-items:center;gap:20px;padding:23px 5px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.offer-row:hover{background:#FCF4F7;padding-left:20px}.offer-no{align-self:start;padding-top:12px;font-size:12px;color:var(--blue);font-weight:700}.offer-row h2,.offer-row h3{font-size:clamp(26px,2.6vw,36px);margin:0 0 8px}.offer-row p{max-width:650px;color:var(--muted);font-size:15px;line-height:1.5;margin:0}.offer-arrow,.project-arrow{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;font-size:20px;transition:background .25s,color .25s,transform .25s}.offer-row:hover .offer-arrow,.project-item:hover .project-arrow{background:var(--blue);color:white;transform:rotate(45deg)}
.feature-section{background:linear-gradient(135deg,#FAEFF3,#FCFAFB 66%);overflow:hidden}.feature-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:8%;align-items:center}.feature-visual{position:relative;min-height:520px;border-radius:var(--radius);overflow:hidden;box-shadow:0 22px 75px #5A243A1B}.feature-visual>img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover}.feature-stamp{position:absolute;bottom:25px;right:24px;min-width:155px;border-radius:18px;background:#ffffffdc;backdrop-filter:blur(16px);padding:16px 19px;font:700 32px 'Space Grotesk';letter-spacing:-.07em}.feature-stamp span{color:var(--blue)}.feature-stamp small{display:block;font:700 9px 'DM Sans';letter-spacing:.15em;color:#65718a}.feature-copy h2{margin:23px 0 28px}.feature-copy>p{max-width:440px;color:#58657c;font-size:18px;line-height:1.7;margin-bottom:32px}.process-section{background:#fff}.process-track{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid var(--line)}.process-track article{position:relative;padding-top:42px}.process-track article:before{content:'';position:absolute;top:-4px;left:0;background:var(--blue);width:7px;height:7px;border-radius:50%}.process-track article>span{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--blue)}.process-track h3{font-size:clamp(28px,3vw,41px);margin:32px 0 13px}.process-track p{max-width:315px;color:var(--muted);font-size:16px}
.proof-section{background:#F7EBEF;overflow:hidden}.proof-inner{padding-block:83px 90px}.proof-inner>.eyebrow{color:var(--blue)}.proof-inner>p{font:500 clamp(38px,5vw,67px)/1.12 'Space Grotesk';letter-spacing:-.07em;max-width:950px;margin:28px 0 38px}.proof-tags{display:flex;flex-wrap:wrap;gap:9px}.proof-tags span{padding:9px 13px;border-radius:40px;border:1px solid #DCB7C5;font-size:10px;font-weight:700;letter-spacing:.1em}.work-section{background:#fff}.work-head>div:last-child .text-link{display:inline-block;margin-top:18px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:64px 28px}.project-art{height:365px;position:relative;overflow:hidden;border-radius:var(--radius);background:#792642}.project-art>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-item:hover .project-art>img{transform:scale(1.035)}.project-art-inner{height:100%;padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;background:radial-gradient(circle at 81% 16%,#C76586,#8D284C 37%,#2B1C2D 85%);color:#fff}.project-art-inner:after{content:'';position:absolute;right:-12%;top:-22%;width:75%;aspect-ratio:1;border:1px solid #ffffff80;border-radius:50%;transform:rotate(-25deg) scaleX(.58);pointer-events:none}.project-art-inner>span,.project-art-inner>small{z-index:1;font-size:11px;font-weight:700;letter-spacing:.16em}.project-art-inner>strong{z-index:1;align-self:center;font:700 clamp(95px,15vw,200px)/.9 'Space Grotesk';letter-spacing:-.12em;transition:transform .4s}.project-item:hover .project-art-inner>strong{transform:scale(1.05)}.project-item[data-project=led-serwis] .project-art-inner{background:radial-gradient(circle at 72% 38%,#126c91,#122b42 42%,#08171e 90%);color:#92eeff}.project-item[data-project=lmk-one] .project-art-inner{background:radial-gradient(circle at 70% 31%,#CF8DA4,#993D60 44%,#38233B 88%)}.project-meta{display:flex;justify-content:space-between;gap:20px;padding:23px 5px 0}.project-meta>div>span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.project-meta h2,.project-meta h3{font-size:clamp(28px,3vw,38px);margin:8px 0 5px}.project-meta p{font-size:15px;color:var(--muted);margin:0;max-width:500px}.project-arrow{flex:none}
.closing-section{padding:24px 0 100px;background:#fff}.closing-shell{position:relative;isolation:isolate;min-height:445px;overflow:hidden;border-radius:28px;background:#1C1828;color:#fff;padding:75px clamp(30px,7vw,90px);display:flex;align-items:center}.closing-shell:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 83% 27%,#A12C53 0%,transparent 47%);z-index:-1}.closing-orb{position:absolute;right:5%;top:-110px;width:510px;height:510px;border-radius:50%;border:1px solid #ffffff7a;transform:rotate(-25deg) scaleX(.68);box-shadow:0 0 90px #A12C536E,inset 0 0 100px #D36B8D3D}.closing-copy{max-width:720px;position:relative;z-index:1}.closing-copy h2{font-size:clamp(44px,5.6vw,78px);margin:20px 0}.closing-copy h2 em{color:#F1A9C1}.closing-copy p{font-size:17px;color:#ECDDE4;max-width:520px;margin-bottom:27px}.closing-mark{position:absolute;right:10%;bottom:10%;font:700 120px 'Space Grotesk';letter-spacing:-.13em;color:#ffffffa8}
.footer{background:#f4f6fa;padding:80px 0 32px}.footer-top{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:76px}.footer-top p{font:500 clamp(36px,5vw,65px)/1.05 'Space Grotesk';letter-spacing:-.07em;margin:0}.footer-top strong{font-weight:600;color:var(--blue)}.footer-mail{font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;font-size:13px;color:var(--muted)}.footer-bottom>div{display:flex;gap:20px}
.page-hero{padding-block:110px 75px}.page-hero .eyebrow{color:var(--blue)}.page-hero h1{font-size:clamp(55px,7.5vw,98px);max-width:1010px;margin:22px 0 25px}.page-hero>p{max-width:650px;font-size:20px;color:var(--muted)}.list-section{padding-top:30px}.about-photo{height:min(57vw,620px);min-height:290px;overflow:hidden;border-radius:var(--radius)}.about-photo img{width:100%;height:100%;object-fit:cover}.editorial{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}.editorial>div:last-child{padding-top:43px}.editorial>div:last-child p{color:var(--muted);font-size:18px;line-height:1.75}.editorial .text-link{display:inline-block;margin-top:18px}.page-cta{padding:55px 60px;margin-bottom:100px;border-radius:var(--radius);background:linear-gradient(115deg,#F7E7ED,#FFF8FA);display:flex;align-items:end;gap:24px;justify-content:space-between;flex-wrap:wrap}.page-cta>.eyebrow{flex-basis:100%;color:var(--blue)}.page-cta h2{font-size:clamp(40px,5vw,67px);margin:12px 0 0}.detail-hero{padding-top:80px}.back-link{display:block;width:max-content;font-size:14px;font-weight:700;color:var(--blue);margin-bottom:75px}.detail-image{overflow:hidden;border-radius:var(--radius);max-height:650px}.detail-image img{width:100%;max-height:650px;object-fit:cover}.article-layout{display:grid;grid-template-columns:.4fr 1fr;gap:70px}.article-layout aside .eyebrow{position:sticky;top:20px;color:var(--blue)}.article-rail{width:50px;height:1px;background:var(--blue);margin-top:24px}.article-body{max-width:760px}.article-body p{font-size:20px;line-height:1.8;color:#49556a;margin-bottom:27px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding-top:25px}.contact-aside{display:flex;flex-direction:column;align-items:start;gap:15px}.contact-aside .eyebrow{color:var(--blue);margin-bottom:18px}.contact-aside>a{font:600 clamp(20px,2.2vw,31px) 'Space Grotesk';letter-spacing:-.05em;overflow-wrap:anywhere}.contact-aside p{color:var(--muted);margin-top:35px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(26px,4vw,52px);box-shadow:0 20px 70px #54233B0B}.contact-form label{display:block;font-size:13px;font-weight:700;margin-bottom:24px}.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;margin-top:9px;border:0;border-bottom:1px solid #cdd5e4;border-radius:0;background:#fff;padding:13px 0;color:var(--ink);outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}.contact-form textarea{resize:vertical}.contact-form .checkbox{display:flex;align-items:flex-start;gap:12px;font-weight:400;line-height:1.5;color:var(--muted)}.checkbox input{margin-top:5px;accent-color:var(--blue)}.checkbox a{text-decoration:underline}.honeypot{position:absolute;left:-99999px}.notice,.errors{padding:14px 18px;border-radius:10px;background:#e8f6ef}.errors{background:#fff0f0}.errors ul{margin-bottom:0}.detail-body{max-width:900px;padding-block:10px 100px}.detail-body h2{font-size:30px;margin:45px 0 12px}.detail-body p{font-size:17px;color:#49556a;line-height:1.75}.detail-body a{text-decoration:underline}
@media(prefers-reduced-motion:no-preference){.js-enhanced [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.js-enhanced [data-reveal].is-visible{opacity:1;transform:none}}
@media(max-width:1050px){.hero{grid-template-columns:45% 55%;min-height:650px}.hero h1{font-size:clamp(48px,5.9vw,70px)}.hero-scene{padding-left:18px}.float-card-top{right:0}.feature-grid{gap:5%}.feature-visual{min-height:440px}.project-item:nth-child(3n+1) .project-art{height:430px}}
@media(max-width:760px){.shell{width:min(100% - 36px,1260px)}.header-row{min-height:68px}.menu-toggle{display:flex;gap:7px;align-items:center;border:0;background:none;font-size:14px;font-weight:700;padding:11px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fafbff;padding:14px 18px 28px;box-shadow:0 20px 35px #3A20301A;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{padding:12px}.nav-contact{margin-top:10px;text-align:center}.section-pad{padding-block:76px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-block:68px 80px}.hero h1{font-size:clamp(47px,9.7vw,70px);margin:25px 0 20px;letter-spacing:-.085em}.hero-copy>p{font-size:17px}.hero-actions{gap:22px;margin-top:28px}.hero-footnote{margin-top:37px}.hero-scene{width:100%;aspect-ratio:1.1;margin-top:20px;padding:15px 18px}.hero-glass{aspect-ratio:1.23;transform:perspective(1000px) rotateY(-4deg) rotateZ(1deg)}.float-card{padding:11px 12px;font-size:10px}.float-card-top{top:7%;right:0}.float-card-bottom{bottom:3%;left:0}.float-icon,.float-orbit{width:27px;height:27px;font-size:16px}.intro-strip{grid-template-columns:1fr 42px;gap:18px;padding-block:55px}.intro-strip .eyebrow{grid-column:1/-1;margin:0}.intro-strip p{font-size:clamp(28px,7vw,40px)}.round-link{width:42px;height:42px}.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:40px}.section-head h2,.feature-copy h2,.editorial h2{font-size:clamp(42px,8vw,58px)}.section-head>p,.section-head>div>p{max-width:580px}.offer-row{grid-template-columns:38px 1fr 42px;gap:9px;padding:21px 0}.offer-no{padding-top:6px}.offer-row h2,.offer-row h3{font-size:26px}.offer-row p{font-size:14px}.offer-arrow,.project-arrow{width:37px;height:37px}.feature-grid{grid-template-columns:1fr;gap:42px}.feature-visual{min-height:0;aspect-ratio:1.23}.feature-copy h2{margin:20px 0}.process-track{grid-template-columns:1fr;gap:26px;border:0}.process-track article{border-top:1px solid var(--line);padding-top:22px}.process-track article:before{top:-4px}.process-track h3{margin:18px 0 7px}.proof-inner{padding-block:65px}.proof-inner>p{font-size:clamp(37px,8vw,55px)}.project-list{grid-template-columns:1fr;gap:43px}.project-item:nth-child(3n+1){grid-column:auto}.project-art,.project-item:nth-child(3n+1) .project-art{height:auto;aspect-ratio:1.33}.project-art-inner>strong{font-size:clamp(75px,18vw,140px)}.closing-section{padding-bottom:75px}.closing-shell{min-height:0;padding:70px 27px}.closing-copy h2{font-size:clamp(45px,9vw,64px)}.closing-orb{width:320px;height:320px;right:-80px;top:-95px}.closing-mark{display:none}.footer{padding-top:65px}.footer-top{display:block;padding-bottom:60px}.footer-mail{display:inline-block;margin-top:30px}.footer-bottom{display:block}.footer-bottom>div{margin-top:15px;flex-wrap:wrap}.page-hero{padding-block:75px 50px}.page-hero h1{font-size:clamp(49px,10vw,75px)}.page-hero>p{font-size:18px}.list-section{padding-top:25px}.about-photo{min-height:230px}.editorial,.contact-grid,.article-layout{grid-template-columns:1fr;gap:20px}.editorial>div:last-child{padding-top:0}.page-cta{padding:35px 25px;margin-bottom:75px}.back-link{margin-bottom:45px}.article-layout{gap:30px}.contact-grid{gap:45px}.form-pair{grid-template-columns:1fr;gap:0}}
@media(max-width:420px){.hero h1{font-size:45px}.hero-glass-top,.hero-glass-bottom{font-size:8px}.float-card-bottom{bottom:0}.intro-strip{grid-template-columns:1fr}.round-link{display:none}.offer-row{grid-template-columns:30px 1fr 32px}.offer-row h2,.offer-row h3{font-size:23px}.offer-arrow{width:30px;height:30px;font-size:16px}.project-art-inner{padding:20px}.project-art-inner>strong{font-size:70px}.button{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Privacy document shares the subpage heading rhythm. */
.page-heading{padding-block:90px 45px}.page-heading h1{font-size:clamp(48px,7vw,86px);margin:22px 0}.page-heading>p{font-size:19px;color:var(--muted);max-width:660px}
@media(max-width:760px){.page-heading{padding-block:70px 30px}}
/* v7: art direction for the supporting pages. */
.service-lead{position:relative;isolation:isolate;min-height:370px;overflow:hidden;border-radius:24px;background:#231A2C;color:#fff}.service-lead-image{position:absolute;inset:0;z-index:-1}.service-lead-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#211824E6 0%,#21182489 46%,#21182400 85%)}.service-lead-image img{height:100%;width:100%;object-fit:cover;object-position:center 42%}.service-lead-copy{padding:75px 7%;max-width:630px}.service-lead-copy>.eyebrow{color:#E7B7C8}.service-lead-copy p{font:500 clamp(27px,3.5vw,48px)/1.18 'Space Grotesk';letter-spacing:-.065em;margin:22px 0 0}.portfolio-lead{border-top:1px solid var(--line);padding-top:28px;margin:0 0 52px;display:flex;align-items:start;justify-content:space-between;gap:40px}.portfolio-lead>.eyebrow{color:var(--blue);margin-top:8px}.portfolio-lead>p{font:500 clamp(24px,2.5vw,35px)/1.25 'Space Grotesk';letter-spacing:-.05em;max-width:560px;margin:0}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.journal-item:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.02fr .98fr;background:#F7EBEF;border-radius:24px;overflow:hidden}.journal-visual{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;overflow:hidden;padding:28px;background:radial-gradient(circle at 83% 22%,#C8819C,#9D3F64 38%,#3A2038 85%);border-radius:21px;color:#fff}.journal-visual:after{content:'';position:absolute;right:-3%;top:-20%;height:120%;aspect-ratio:1;border:1px solid #F0D7E08A;border-radius:50%;z-index:-1;transform:scaleX(.65) rotate(-18deg)}.journal-visual>span{font-size:10px;font-weight:700;letter-spacing:.16em}.journal-visual>strong{font:700 clamp(75px,9vw,130px)/1 'Space Grotesk';letter-spacing:-.09em;align-self:center}.journal-item:nth-child(even) .journal-visual{background:radial-gradient(circle at 80% 20%,#8cd1d1,#397f93 39%,#152d48 87%)}.journal-item:first-child .journal-visual{min-height:390px;border-radius:0}.journal-item:first-child .journal-visual>strong{font-size:clamp(110px,14vw,190px)}.journal-meta{padding:22px 5px 0}.journal-item:first-child .journal-meta{padding:52px;align-self:center}.journal-meta>span{color:var(--blue);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.journal-meta h2{font-size:clamp(30px,3vw,44px);margin:16px 0}.journal-meta p{color:var(--muted);line-height:1.6}.journal-meta b{font-size:13px;border-bottom:1px solid;padding-bottom:5px}.journal-empty{grid-column:1/-1;padding:55px 0 80px;border-top:1px solid var(--line)}.journal-empty h2{font-size:clamp(35px,4vw,60px);margin:20px 0}.journal-empty p{color:var(--muted);max-width:600px}.journal-item:hover .journal-visual>strong{transform:translateY(-6px);transition:transform .35s}.about-photo{position:relative}.about-photo-label{position:absolute;bottom:26px;left:26px;padding:12px 18px;border-radius:11px;background:#ffffffe8;backdrop-filter:blur(12px);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--ink)}.about-photo-label span{color:var(--blue);margin:0 12px}.about-belief{background:#221A2B;color:#fff;padding:105px 0;margin-bottom:90px}.about-belief>.shell{display:grid;grid-template-columns:.25fr 1fr;gap:25px}.about-belief .eyebrow{color:#EABCCB;padding-top:13px}.about-belief p{font:500 clamp(35px,4.6vw,61px)/1.17 'Space Grotesk';letter-spacing:-.065em;max-width:920px;margin:0}.about-belief p em{color:#EDADC3}.about-belief .text-link{grid-column:2;justify-self:start;margin-top:20px}.contact-note{display:flex;flex-direction:column;width:100%;max-width:330px;margin-top:50px;border-top:1px solid var(--line)}.contact-note span{padding:15px 0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.13em;font-weight:700;color:#66718a}.hero-glass:after{content:'';pointer-events:none;position:absolute;inset:10px;border-radius:22px;background:linear-gradient(110deg,transparent 35%,#ffffff2e 49%,transparent 60%);transform:translateX(-110%);animation:hero-light 9s ease-in-out infinite}.hero-scene .hero-halo{animation:hero-glow 7s ease-in-out infinite alternate}@keyframes hero-light{0%,28%,100%{transform:translateX(-110%)}56%,70%{transform:translateX(110%)}}@keyframes hero-glow{from{opacity:.65;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
@media(max-width:760px){.service-lead{min-height:310px}.service-lead-copy{padding:65px 25px}.service-lead-image:after{background:linear-gradient(90deg,#211824D9,#21182460)}.portfolio-lead{display:block;margin-bottom:34px}.portfolio-lead>p{margin-top:21px}.journal-grid{grid-template-columns:1fr;gap:35px}.journal-item:first-child{grid-column:auto;grid-template-columns:1fr}.journal-item:first-child .journal-visual{min-height:280px}.journal-item:first-child .journal-visual>strong{font-size:100px}.journal-item:first-child .journal-meta{padding:25px 2px}.journal-meta h2{font-size:30px}.about-belief{padding:72px 0;margin-bottom:70px}.about-belief>.shell{display:block}.about-belief p{margin:22px 0}.about-photo-label{bottom:12px;left:12px;font-size:9px}.contact-note{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.hero-glass:after,.hero-scene .hero-halo{animation:none!important}}
/* Quiet footer after the primary CTA; avoid repeating the same invitation. */
.footer{padding:62px 0 30px}.footer-top{padding-bottom:50px}.footer-brand{display:inline-flex}.footer-top p{font:500 14px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:0;color:var(--muted);margin:19px 0 0}.footer-mail{font-size:17px}.footer-bottom{align-items:center}
@media(max-width:760px){.footer{padding-top:55px}.footer-top{padding-bottom:45px}.footer-mail{margin-top:32px}.footer-bottom>div{gap:13px}}

.brand-logo{width:auto;height:38px;max-width:100%;display:block}.footer-brand .brand-logo{height:40px}@media(max-width:420px){.brand-logo{height:34px}}
/* v9: larger identity and real project captures from supplied PDFs. */
.header-row{min-height:92px}.brand-logo{height:55px;width:auto}.footer-brand .brand-logo{height:50px}.project-art{background:#F7E9EF}.project-item[data-project="led-serwis"] .project-art{background:#08131d}.project-item[data-project="dc-connect"] .project-art{background:#081f35}.project-art>.project-screen{width:100%;height:100%;object-fit:cover;object-position:50% 28%;transition:transform .5s ease}.project-item:hover .project-screen{transform:scale(1.025)}.detail-screen{box-shadow:0 28px 80px #1b2e561d;background:#f3f5fc}.detail-screen img{width:100%;max-height:none;object-fit:contain}.project-detail-gallery{display:grid;grid-template-columns:.32fr .68fr;gap:45px;align-items:center;margin-bottom:58px}.project-detail-gallery-heading .eyebrow{color:var(--blue)}.project-detail-gallery-heading h2{font-size:clamp(38px,4.2vw,56px);margin:22px 0 0}.project-detail-gallery-image{overflow:hidden;border-radius:22px;box-shadow:0 22px 60px #1a2b5520}.project-detail-gallery-image img{width:100%;height:auto;display:block}.project-live-link{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:22px 0 70px}.project-live-link .eyebrow{color:var(--blue)}
@media(max-width:760px){.header-row{min-height:76px}.brand-logo{height:47px}.menu-toggle{flex:none}.nav{top:76px}.footer-brand .brand-logo{height:48px}.project-detail-gallery{display:block}.project-detail-gallery-heading{margin-bottom:25px}.project-live-link{align-items:start;flex-direction:column}.project-art>.project-screen{object-position:48% 30%}}
@media(max-width:420px){.brand-logo{height:43px}}

/* v10 — identyfikacja LMK Studio: granat, burgund, neutralna kość słoniowa. */
:root{--ink:#10172C;--blue:#A12C53;--ice:#FAEBF0;--paper:#FCFAFB;--line:#E7DFE3;--muted:#625E68}
.header{background:rgba(252,250,251,.93);border-bottom-color:#E7DFE3}
.hero-wrap{background:radial-gradient(ellipse at 77% 40%,#F4E6EC 0%,#FBF5F7 43%,#FCFAFB 72%)}
.hero-halo{background:radial-gradient(ellipse,#A12C535C,transparent 67%)}
.hero-glass{background:linear-gradient(135deg,#FFFFFFE8,#F8E9EEA6);box-shadow:0 32px 100px #40203632,0 5px 22px #32203914,inset 0 1px #fff}
.hero-glass img{filter:saturate(.82) hue-rotate(68deg)}
.hero h1 em{background:linear-gradient(105deg,#7B2140,#BE5277);-webkit-background-clip:text;background-clip:text;color:transparent}
.proof-section{background:linear-gradient(115deg,#F8ECF1,#F4E5EB)}
.proof-tags span{border-color:#DDBCC8}
.project-art-inner{background:radial-gradient(circle at 78% 14%,#CA7895,#8C2A4E 41%,#251D30 87%)}
.project-item[data-project=lmk-one] .project-art-inner{background:radial-gradient(circle at 73% 26%,#D4A1B5,#A84C70 41%,#342038 90%)}
.project-item[data-project=led-serwis] .project-art-inner{background:radial-gradient(circle at 72% 38%,#1B5568,#152F3C 42%,#0B1A23 90%)}
.project-item[data-project=led-serwis] .project-art-inner{color:#D2F3F5}
.project-item[data-project=dc-connect] .project-art-inner{background:radial-gradient(circle at 75% 26%,#B86282,#71304B 42%,#231C30 89%)}
.project-item:hover .project-arrow,.offer-row:hover .offer-arrow{background:var(--blue);border-color:var(--blue)}
.closing-shell{background:#201A2A}.closing-shell:before{background:radial-gradient(ellipse at 83% 27%,#8F2A50 0%,transparent 50%)}
.closing-orb{box-shadow:0 0 95px #A12C5355,inset 0 0 100px #C76B8938}
.page-cta{background:linear-gradient(115deg,#F8E8EE,#FCF8FA)}
.journal-item:first-child{background:#F7EBEF}
.journal-visual{background:radial-gradient(circle at 83% 22%,#CA809D,#9B3F63 38%,#351F37 85%)}
.journal-item:nth-child(even) .journal-visual{background:radial-gradient(circle at 80% 20%,#A47B91,#554054 39%,#201C2A 87%)}
.nav-contact:hover,.button-dark:hover{background:#842140}
@media(max-width:760px){.nav{background:#FCFAFB}.project-art-inner>strong{font-size:clamp(75px,18vw,140px)}}
@media(max-width:420px){.project-art-inner>strong{font-size:70px}}

/* v11: gallery crop and a sculptural hero in the visual language of LMK Studio. */
.hero-glass img{filter:none;object-position:center 50%}
.hero-glass{background:linear-gradient(145deg,#FFFCFBEF,#F6E9EEBD)}
.hero-halo{background:radial-gradient(ellipse,#A12C5350,transparent 68%)}
.project-art>.project-screen{object-position:center 24%}
.project-item[data-project=dc-connect] .project-art>.project-screen{object-position:center 20%}
.project-item[data-project=led-serwis] .project-art>.project-screen{object-position:center 14%}
.project-item[data-project=lmk-one] .project-art>.project-screen{object-position:center 13%}
.detail-screen{max-height:unset}
.detail-screen img{width:100%;height:auto;aspect-ratio:1.92;object-fit:cover;object-position:center top}
.project-detail-gallery-image img{aspect-ratio:1.9;object-fit:cover;object-position:center 60%}
.project-detail-gallery-image:has(img[src*="led-serwis"]) img{object-position:center 28%}
.project-detail-gallery-image:has(img[src*="lmk-one"]) img{object-position:center 10%}
@media(max-width:760px){.project-art>.project-screen{object-position:center 14%}.detail-screen img{aspect-ratio:1.28}.project-detail-gallery-image img{aspect-ratio:1.2}}
/* v13 — LMK ONE: separate the hero capture from its full capabilities section. */
.detail-screen:has(img[src*="lmk-one"]) img{aspect-ratio:2.32;object-fit:cover;object-position:center top}
.project-capabilities{margin-top:-16px;margin-bottom:112px}
.project-capabilities-heading{display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);gap:18px 58px;align-items:end;margin-bottom:28px}
.project-capabilities-heading .eyebrow{grid-column:1/-1;color:var(--blue)}
.project-capabilities-heading h2{font-size:clamp(38px,4.2vw,58px);margin:0}
.project-capabilities-heading p{font-size:18px;color:var(--muted);max-width:475px;margin:0 0 6px}
.project-capabilities-visual{overflow:hidden;border-radius:24px;box-shadow:0 22px 68px #1B24371B;background:#F4F5FB}
.project-capabilities-visual img{width:100%;height:auto;display:block;object-fit:contain}
.project-capabilities-list{display:none}
@media(max-width:760px){.detail-screen:has(img[src*="lmk-one"]) img{aspect-ratio:2.32;object-position:center top}.project-capabilities{margin-top:0;margin-bottom:74px}.project-capabilities-heading{display:block;margin-bottom:26px}.project-capabilities-heading h2{margin:14px 0 16px}.project-capabilities-heading p{font-size:16px}.project-capabilities-visual{display:none}.project-capabilities-list{display:grid;grid-template-columns:1fr;gap:0;padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.project-capabilities-list li{display:grid;gap:7px;padding:20px 0;border-bottom:1px solid var(--line)}.project-capabilities-list strong{font:600 21px/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em}.project-capabilities-list span{font-size:15px;color:var(--muted);line-height:1.55}}

/* Approved LMK symbol in the closing callout. */
.closing-mark{width:96px;height:74px;object-fit:contain;border-radius:12px;background:#fff;padding:5px}

/* Keep the hero headline within its column at tablet widths. */
@media (min-width:761px) and (max-width:1050px){.hero h1{margin-right:0;max-width:100%;font-size:clamp(42px,4.6vw,52px)}}




/* i-BOT uses the same featured project-card treatment as LMK ONE. */
.project-item[data-project="ibot"] .project-art-inner{background:radial-gradient(circle at 70% 31%,#CF8DA4,#993D60 44%,#38233B 88%)}
.project-item[data-project="ibot"] .project-art-inner>strong{font-size:clamp(95px,15vw,200px);letter-spacing:-.12em}
@media(max-width:760px){.project-item[data-project="ibot"] .project-art-inner>strong{font-size:clamp(78px,21vw,120px)}}

/* Pair the two AI product cards in the first row of the portfolio. */
.project-item[data-project="lmk-one"]{order:-2}.project-item.ibot-featured-item{order:-1}



/* Realizacje: visual direction aligned with the homepage hero */
.portfolio-hero-wrap{background:radial-gradient(ellipse at 78% 37%,#F6E8ED 0%,#FCF7F9 35%,#FCFAFB 68%)}
.portfolio-hero{min-height:660px;padding-block:68px 84px}
.portfolio-hero h1{font-size:clamp(58px,5.1vw,79px)}
.portfolio-hero-scene{aspect-ratio:1.2}
.portfolio-hero-scene .hero-glass{max-width:680px}
.portfolio-list-section{padding-top:54px}
.portfolio-project-list{gap:58px 28px}
.portfolio-project-list .project-art,
.portfolio-project-list .project-item:nth-child(3n+1) .project-art{height:auto;aspect-ratio:1.48}
.portfolio-project-list .project-item{display:block}
.portfolio-project-list .project-meta{min-height:125px}
.portfolio-project-list .project-meta p{max-width:520px}
.portfolio-project-list .project-item[data-project="ibot"] .project-art{background:linear-gradient(135deg,#f8e9ef,#f1e6f0 55%,#e8eefa);padding:7%;display:grid;place-items:center;isolation:isolate}
.portfolio-project-list .ibot-project-art:before{content:"";position:absolute;inset:7% 10%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#bd607e40,transparent 70%);filter:blur(20px)}
.ibot-window{position:relative;width:min(100%,510px);height:100%;max-height:285px;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #fff;border-radius:20px;box-shadow:0 22px 55px #47243b22,0 4px 12px #3c1d2810;transform:rotate(-2deg);transition:transform .45s}
.portfolio-project-list .project-item:hover .ibot-window{transform:rotate(0) translateY(-4px)}
.ibot-window-bar{height:42px;flex:none;display:flex;align-items:center;gap:9px;padding:0 16px;border-bottom:1px solid #f0e9ee;color:#17203a;font:700 11px 'DM Sans';letter-spacing:.08em}
.ibot-brand-dot{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#a8325b;color:#fff;font:700 14px 'Space Grotesk'}
.ibot-window-label{margin-left:auto;color:#8c90a0;font-size:9px;letter-spacing:.14em}
.ibot-window-arrow{color:#a8325b;font-size:17px}
.ibot-window-main{min-height:0;flex:1;padding:17px 21px 11px;background:radial-gradient(ellipse at 94% 0%,#f6e9ef,transparent 45%)}
.ibot-overline{display:block;color:#9a3457;font:700 8px 'DM Sans';letter-spacing:.18em}
.ibot-window-main>strong{display:block;margin:8px 0 13px;color:#111a31;font:700 clamp(22px,2.3vw,31px)/1.02 'Space Grotesk';letter-spacing:-.06em}
.ibot-window-main>strong em{color:#9e3659;font-style:normal}
.ibot-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ibot-tool{min-width:0;padding:10px 12px;border:1px solid #eee8ee;border-radius:10px;background:#fff}
.ibot-tool-primary{background:#fff7fa;border-color:#efd6e0}
.ibot-tool span,.ibot-tool i{display:block;color:#82889a;font:700 7px 'DM Sans';letter-spacing:.12em;font-style:normal}
.ibot-tool b{display:block;margin:5px 0 2px;color:#19213a;font:700 12px 'Space Grotesk'}
.ibot-window-foot{height:30px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#81879b;font:700 8px 'DM Sans';letter-spacing:.13em}
.ibot-float-tag{position:absolute;right:5%;bottom:13%;padding:10px 13px;border:1px solid #fff;border-radius:12px;background:#fff;color:#8e2e50;box-shadow:0 10px 30px #64233d24;font:700 8px 'DM Sans';letter-spacing:.13em;transform:rotate(5deg)}
.portfolio-project-list .project-item[data-project="ibot"] .project-meta>div>span{color:#8e2e50}
@media(max-width:1000px){.portfolio-hero{min-height:620px}.portfolio-hero-scene{padding-left:26px}.portfolio-project-list .project-art,.portfolio-project-list .project-item:nth-child(3n+1) .project-art{aspect-ratio:1.28}}
@media(max-width:760px){.portfolio-hero{padding-block:48px 62px}.portfolio-hero h1{font-size:clamp(49px,10vw,75px)}.portfolio-hero-scene{width:100%;padding:30px 10px 25px;aspect-ratio:1.2}.portfolio-hero-scene .hero-glass{transform:perspective(1100px) rotateY(-4deg) rotateX(2deg) rotateZ(1deg)}.portfolio-list-section{padding-top:42px}.portfolio-project-list{gap:42px}.portfolio-project-list .project-art,.portfolio-project-list .project-item:nth-child(3n+1) .project-art{aspect-ratio:1.33}.portfolio-project-list .project-meta{min-height:0}.ibot-window{max-height:260px}.ibot-window-main{padding:13px 15px 9px}.ibot-float-tag{right:2%;bottom:10%}}
@media(max-width:420px){.ibot-window-bar{height:36px}.ibot-window-main>strong{font-size:22px}.ibot-tool{padding:8px}.ibot-tool b{font-size:11px}.ibot-window-foot{font-size:7px}}


/* Distinctive portfolio index hero */
.portfolio-hero-wrap{color:#fff;background:radial-gradient(ellipse at 78% 38%,#332538 0%,#1b2035 47%,#10172c 100%)}
.portfolio-hero-wrap .hero-ambient{display:none}
.portfolio-hero .eyebrow{color:#e99bb3}
.portfolio-hero h1{color:#fff}
.portfolio-hero h1 em{background:linear-gradient(105deg,#e6a1b6,#c75178);-webkit-background-clip:text;background-clip:text;color:transparent}
.portfolio-hero .hero-copy>p{color:#d1d4df}
.portfolio-hero .button-dark{background:#fff;color:#10172c}
.portfolio-hero .button-dark:hover{background:#f0dce4;color:#10172c}
.portfolio-hero .text-link,.portfolio-hero .hero-footnote{color:#f6f1f3}
.portfolio-hero .hero-footnote-line{background:#ae7589}
.portfolio-showcase{position:relative;width:100%;max-width:650px;margin-inline:auto;padding:17px;background:linear-gradient(145deg,#ffffff,#f6f0f4);border:1px solid #ffffffb8;border-radius:24px;box-shadow:0 32px 90px #070b194d,0 7px 24px #a5476830;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg) rotateZ(1deg);color:#10172c}
.portfolio-showcase-head,.portfolio-showcase-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px;color:#657086;font:700 9px 'DM Sans';letter-spacing:.15em}
.portfolio-showcase-head{height:31px}
.portfolio-showcase-foot{height:32px;font-size:8px}
.portfolio-showcase-foot span:last-child{color:#9e3155;font-size:16px}
.portfolio-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.portfolio-mosaic-tile{height:clamp(135px,15vw,184px);position:relative;overflow:hidden;border-radius:13px;background:#e8e5eb}
.portfolio-mosaic-tile>span{position:absolute;z-index:2;top:10px;left:10px;padding:6px 8px;border:1px solid #ffffffa8;border-radius:7px;background:#fffffff0;color:#303950;font:700 7px 'DM Sans';letter-spacing:.12em}
.portfolio-mosaic-tile>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}
.portfolio-showcase:hover .portfolio-mosaic-tile>img{transform:scale(1.035)}
.portfolio-mosaic-one>img{object-position:center 25%}
.portfolio-mosaic-led>img{object-position:center 24%}
.portfolio-mosaic-dc>img{object-position:center 27%}
.portfolio-mosaic-ibot{display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 75% 24%,#c55a7b,#8b2849 48%,#281d32 100%);color:#fff}
.portfolio-mosaic-ibot>span{top:10px;left:10px;background:#ffffffec;color:#8d2b4b}
.portfolio-mosaic-ibot>strong{margin-top:12px;font:700 clamp(42px,5vw,66px)/.9 'Space Grotesk';letter-spacing:-.12em}
.portfolio-agent-chips{display:flex;gap:6px;margin-top:12px}
.portfolio-agent-chips i{padding:5px 7px;border:1px solid #ffffff63;border-radius:6px;background:#ffffff17;color:#fff;font:700 7px 'DM Sans';letter-spacing:.1em;font-style:normal}
@media(max-width:1000px){.portfolio-showcase{padding:13px}.portfolio-mosaic{gap:8px}.portfolio-mosaic-tile{height:clamp(125px,17vw,160px)}}
@media(max-width:760px){.portfolio-hero{min-height:0;padding-block:52px 60px}.portfolio-showcase{max-width:600px;margin-top:20px;transform:none}.portfolio-mosaic-tile{height:auto;aspect-ratio:1.42}.portfolio-mosaic-ibot>strong{font-size:clamp(42px,11vw,64px)}}
@media(max-width:420px){.portfolio-showcase{padding:10px;border-radius:18px}.portfolio-mosaic{gap:7px}.portfolio-mosaic-tile{aspect-ratio:1.28}.portfolio-showcase-head{font-size:8px}.portfolio-showcase-foot{font-size:7px}}


/* Realizacje: typograficzny, redakcyjny wstęp, który oddaje pierwszeństwo projektom. */
.portfolio-intro{background:#f4f0f1;border-bottom:1px solid #e7dfe3}
.portfolio-intro-shell{padding-block:45px 34px}
.portfolio-intro-kicker{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #dcd2d7}
.portfolio-intro-kicker>.eyebrow{color:#7f2948}
.portfolio-intro-kicker>span:last-child{color:#77717a;font:700 10px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.17em}
.portfolio-intro-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:8%;align-items:end;padding:48px 0 37px}
.portfolio-intro-grid h1{font:600 clamp(70px,9.2vw,122px)/.82 'Space Grotesk',Arial,sans-serif;letter-spacing:-.095em;margin:0;color:#10172c}
.portfolio-intro-grid h1 em{color:#a12c53}
.portfolio-intro-side{padding-bottom:4px}
.portfolio-intro-side>p{font:500 clamp(21px,2.15vw,28px)/1.35 'Space Grotesk',Arial,sans-serif;letter-spacing:-.045em;color:#34313b;max-width:390px;margin:0 0 25px}
.portfolio-disciplines{border-top:1px solid #dcd2d7}
.portfolio-disciplines>span{display:flex;align-items:center;gap:15px;padding:9px 0;border-bottom:1px solid #dcd2d7;color:#514c56;font-size:12px;font-weight:600}
.portfolio-disciplines b{color:#a12c53;font:700 9px 'DM Sans',Arial,sans-serif;letter-spacing:.1em}
.portfolio-intro-link{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #dcd2d7;color:#7f2948;font-size:12px;font-weight:700;letter-spacing:.03em}
.portfolio-intro-link span{font-size:18px;transition:transform .2s}
.portfolio-intro-link:hover span{transform:translateY(3px)}
.portfolio-list-section{padding-top:53px}
.portfolio-project-list .project-item[data-project="ibot"] .project-art{padding:5%;background:#211b2c;display:grid;place-items:stretch;isolation:isolate}
.ibot-art-poster{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:0;overflow:hidden;padding:clamp(18px,3vw,38px);border-radius:15px;background:radial-gradient(ellipse at 82% 26%,#c45d7d 0%,#982e53 35%,#351d34 78%,#201b2b 100%);color:#fff}
.ibot-art-poster:before,.ibot-art-poster:after{content:"";position:absolute;z-index:0;pointer-events:none;border:1px solid #ffffff36;border-radius:50%;width:55%;aspect-ratio:1;right:-7%;top:12%;transform:rotate(-23deg) scaleX(.62)}
.ibot-art-poster:after{width:39%;right:1%;top:24%;border-color:#ffffff24}
.ibot-art-top,.ibot-art-main,.ibot-art-bottom{position:relative;z-index:1}
.ibot-art-top{display:flex;align-items:center;gap:9px;font:700 11px 'DM Sans',Arial,sans-serif;letter-spacing:.09em}
.ibot-art-top .ibot-brand-dot{width:25px;height:25px}
.ibot-art-top>span:last-child{margin-left:auto;color:#f3d8e1;font-size:8px;letter-spacing:.15em}
.ibot-art-main>span{display:block;margin-bottom:9px;color:#f2c7d5;font:700 8px 'DM Sans',Arial,sans-serif;letter-spacing:.18em}
.ibot-art-main>strong{display:block;font:600 clamp(38px,5.5vw,70px)/.88 'Space Grotesk',Arial,sans-serif;letter-spacing:-.08em}
.ibot-art-main>strong em{color:#f2b2c6}
.ibot-art-bottom{display:flex;flex-wrap:wrap;gap:7px}
.ibot-art-bottom>span{padding:6px 8px;border:1px solid #ffffff58;border-radius:30px;color:#fff;font:700 7px 'DM Sans',Arial,sans-serif;letter-spacing:.11em}
@media(max-width:760px){
 .portfolio-intro-shell{padding-block:32px 25px}
 .portfolio-intro-kicker{padding-bottom:14px}
 .portfolio-intro-kicker>span:last-child{font-size:8px}
 .portfolio-intro-grid{grid-template-columns:1fr;gap:27px;padding:35px 0 25px}
 .portfolio-intro-grid h1{font-size:clamp(66px,14vw,100px)}
 .portfolio-intro-side>p{font-size:21px;margin-bottom:18px}
 .portfolio-list-section{padding-top:37px}
 .ibot-art-poster{padding:clamp(17px,5vw,28px)}
 .ibot-art-main>strong{font-size:clamp(43px,11vw,65px)}
}
@media(max-width:420px){.portfolio-intro-kicker>.eyebrow{font-size:9px}.portfolio-intro-grid h1{font-size:65px}.ibot-art-main>strong{font-size:42px}.ibot-art-bottom{gap:4px}.ibot-art-bottom>span{padding:5px 6px;font-size:6px}}


/* Portfolio cards share i-BOT's dark, rounded frame and use each project's real site capture. */
.portfolio-project-list .project-site-art{padding:5%;background:#211b2c;display:grid;place-items:stretch;isolation:isolate}
.project-site-preview{position:relative;z-index:1;width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid #ffffffc9;border-radius:14px;background:#f6f4f5;box-shadow:0 14px 38px #08071155}
.project-site-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff1 0%,transparent 27%,transparent 72%,#11172d20 100%)}
.project-site-preview img{width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform .55s ease}
.portfolio-project-list .project-item:hover .project-site-preview img{transform:scale(1.045)}
.portfolio-project-list .project-item[data-project="lmk-one"] .project-site-art{background:radial-gradient(ellipse at 50% 100%,#a12c5355,#211b2c 68%)}
@media(max-width:760px){.portfolio-project-list .project-site-art{padding:4.5%}.project-site-preview{border-radius:12px}}

/* DC Connect: keep the complete website capture visible; fill its letterbox with a soft echo of the same page. */
.project-item[data-project="dc-connect"] .project-site-preview{isolation:isolate;background:#08233b}
.project-item[data-project="dc-connect"] .project-site-preview:before{content:"";position:absolute;z-index:-1;inset:-18px;background:url("/assets/projects/dc-connect-site.webp") center/cover no-repeat;filter:blur(16px) brightness(.62);transform:scale(1.08)}
.project-item[data-project="dc-connect"] .project-site-preview:after{display:none}
.project-item[data-project="dc-connect"] .project-site-preview img{position:relative;z-index:1;object-fit:contain;object-position:center}