:root { --red:#cf1420; --ink:#0a0a0a; --paper:#f3f1eb; --line:rgba(10,10,10,.19); --pad:clamp(22px,4.2vw,76px); }
* { box-sizing:border-box; }
html { width:100%; max-width:100%; overflow-x:clip; scroll-behavior:smooth; background:var(--ink); }
body { width:100%; max-width:100%; margin:0; overflow-x:clip; background:var(--paper); color:var(--ink); font-family:Raleway,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
img,video { display:block; max-width:100%; }
::selection { background:var(--red); color:#fff; }

.site-header { position:fixed; z-index:90; inset:26px var(--pad) auto; display:flex; width:auto; justify-content:space-between; align-items:flex-start; border:0; background:transparent; color:inherit; box-shadow:none; pointer-events:none; backdrop-filter:none; }
.site-header>* { pointer-events:auto; }
.brand { position:relative; display:flex; align-items:center; min-height:58px; color:var(--ink); }
.brand-icon { position:relative; z-index:2; display:grid; width:58px; height:58px; place-items:center; border-radius:50%; background:rgba(255,255,255,.94); box-shadow:0 14px 40px rgba(0,0,0,.18); backdrop-filter:blur(15px); }
.brand-icon img { width:30px; height:30px; object-fit:contain; }
.brand-full { position:absolute; left:28px; top:0; display:flex; width:0; height:58px; flex-direction:column; justify-content:center; overflow:hidden; border-radius:0 30px 30px 0; background:rgba(255,255,255,.94); opacity:0; transition:width .48s cubic-bezier(.2,.8,.2,1),opacity .25s ease; backdrop-filter:blur(15px); }
.brand-full img { width:177px; max-width:none; margin-left:42px; }
.brand-full small { width:230px; margin:2px 0 0 42px; color:#555; font-size:10px; font-weight:700; letter-spacing:.17em; }
.brand:hover .brand-full,.brand:focus-visible .brand-full { width:260px; opacity:1; }
.header-cta { display:flex; min-height:52px; align-items:center; gap:18px; padding:0 8px 0 22px; border-radius:999px; background:rgba(255,255,255,.92); color:#111; font-size:11px; font-weight:700; letter-spacing:.08em; backdrop-filter:blur(14px); }
.header-cta>span:last-child { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:var(--red); color:#fff; font-size:18px; transition:transform .25s ease; }
.header-cta:hover>span:last-child { transform:rotate(45deg); }

.hero { position:relative; z-index:1; width:100%; min-height:100svh; overflow:hidden; background:#050609; color:#fff; isolation:isolate; }
.hero-media,.hero-media video,.hero-still,.hero-vignette,.hero-glow { position:absolute; inset:0; }
.hero-media { left:-6vw; right:-6vw; width:auto; transform:translate3d(var(--pointer-x,0px),calc(var(--pointer-y,0px) + var(--parallax-y,0px)),0) scale(var(--parallax-scale,1.08)); transition:transform .28s ease-out; transform-origin:center center; will-change:transform; }
.hero-media video { width:100%; height:100%; object-fit:cover; transform:scale(1.07); transition:opacity .7s ease,transform 6s ease; }
.hero-still { background:url('/uploads/robotic-style-gaming-mouse-creative-ai.jpg') center/cover no-repeat; opacity:0; transform:scale(1.06); transition:opacity .7s ease,transform 6s ease; }
.hero-media.is-image video { opacity:0; }
.hero-media.is-image .hero-still { opacity:1; transform:scale(1); }
.hero-vignette { z-index:1; background:linear-gradient(90deg,rgba(0,0,0,.77) 0%,rgba(0,0,0,.38) 44%,rgba(0,0,0,.12) 72%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 48%,rgba(0,0,0,.24)); }
.hero-glow { z-index:2; pointer-events:none; background:radial-gradient(420px circle at var(--gx,70%) var(--gy,40%),rgba(255,255,255,.16),transparent 58%); mix-blend-mode:overlay; }
.hero-content { position:relative; z-index:4; display:flex; min-height:100svh; padding:clamp(126px,16vh,180px) var(--pad) 84px; flex-direction:column; justify-content:center; opacity:var(--hero-content-opacity,1); transform:translate3d(0,var(--hero-content-y,0px),0); will-change:transform,opacity; }
.eyebrow,.section-label { margin:0; font-size:11px; font-weight:700; letter-spacing:.18em; }
.section-label { font-size:13px; }
.eyebrow { display:flex; align-items:center; gap:12px; color:rgba(255,255,255,.75); }
.eyebrow span { width:8px; height:8px; border-radius:50%; background:var(--red); box-shadow:0 0 0 6px rgba(207,20,32,.18); }
.hero h1 { max-width:1480px; margin:38px 0 0; font-family:Raleway,Arial,sans-serif; font-size:clamp(52px,8.5vw,154px); font-weight:900; line-height:.82; letter-spacing:-.065em; }
.hero-line { display:block; width:max-content; max-width:100%; transition:opacity .25s ease,transform .6s cubic-bezier(.2,.8,.2,1); }
.hero-line.outline { color:transparent; -webkit-text-stroke:2px #fff; font-weight:800; }
.hero-line.script { margin-top:.12em; color:var(--red); font-family:"DM Serif Display",Georgia,serif; font-size:.74em; font-style:italic; font-weight:400; letter-spacing:-.035em; }
.hero.is-changing .hero-line { opacity:0; transform:translateY(30px); }
.hero-bottom { display:flex; width:min(620px,75vw); margin-top:clamp(40px,7vh,82px); align-items:center; gap:28px; }
.hero-bottom p { margin:0; color:rgba(255,255,255,.8); font-size:clamp(15px,1.2vw,19px); line-height:1.55; }
.round-link { display:grid; width:54px; height:54px; flex:0 0 auto; place-items:center; border:1px solid rgba(255,255,255,.5); border-radius:50%; font-size:22px; transition:background .25s,color .25s,transform .25s; }
.round-link:hover { background:#fff; color:#111; transform:translateY(4px); }
.hero-slider { position:absolute; z-index:5; right:var(--pad); bottom:38px; display:flex; align-items:center; gap:8px; }
.slide-count { display:flex; min-height:50px; align-items:center; gap:10px; padding:0 18px; border:1px solid rgba(255,255,255,.4); border-radius:999px; background:rgba(0,0,0,.28); font-size:10px; font-weight:700; backdrop-filter:blur(10px); }
.slide-count i { position:relative; width:48px; height:2px; overflow:hidden; border-radius:2px; background:rgba(255,255,255,.28); }
.slide-count i::after { content:""; position:absolute; inset:0; border-radius:inherit; background:#fff; transform:scaleX(var(--slide-progress,0)); transform-origin:left center; }
.hero-slider button { width:50px; height:50px; border:1px solid rgba(255,255,255,.4); border-radius:50%; background:rgba(0,0,0,.28); color:#fff; cursor:pointer; backdrop-filter:blur(10px); transition:background .25s,color .25s; }
.hero-slider button:hover { background:#fff; color:#111; }
.scroll-note { position:absolute; z-index:5; left:var(--pad); bottom:34px; margin:0; color:rgba(255,255,255,.55); font-size:9px; font-weight:700; letter-spacing:.2em; writing-mode:vertical-rl; }

.manifesto { position:relative; z-index:3; width:100%; max-width:none; min-height:105vh; margin-inline:0; padding:clamp(100px,14vw,210px) var(--pad); border-radius:0; background:var(--paper); box-shadow:0 -28px 70px rgba(0,0,0,.18); transform:translate3d(0,var(--manifesto-lift,0px),0); transform-origin:center top; will-change:transform; }
.section-label { color:#6a6862; }
.reveal-text { max-width:1500px; margin:clamp(65px,8vw,120px) 0; font-family:"DM Serif Display",Georgia,serif; font-size:clamp(50px,7.7vw,138px); font-weight:400; line-height:.96; letter-spacing:-.045em; }
.reveal-text .word { color:rgba(10,10,10,.15); transition:color .28s ease; }
.reveal-text .word.is-lit { color:var(--ink); }
.reveal-text .word.is-red { color:var(--red); }
.manifesto-foot { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; border-top:1px solid var(--line); padding-top:24px; }
.manifesto-foot p { max-width:none; margin:0; font-size:clamp(15px,1.25vw,18px); line-height:1.5; white-space:nowrap; }
.manifesto-foot a { justify-self:end; border-bottom:1px solid; font-weight:700; transition:color .25s,transform .25s,border-color .25s; }
.manifesto-foot a:hover { border-color:var(--red); color:var(--red); transform:translateX(6px); }

.services { padding:clamp(100px,12vw,180px) var(--pad); background:var(--ink); color:#fff; }
.section-head { display:flex; justify-content:space-between; gap:40px; margin-bottom:70px; }
.section-head p:last-child { max-width:430px; margin:0; color:#9d9d98; font-size:16px; line-height:1.5; }
.section-label.light { color:rgba(255,255,255,.48); }
.service-list { border-top:1px solid rgba(255,255,255,.22); }
.service-row { position:relative; display:grid; min-height:142px; grid-template-columns:65px minmax(280px,1.35fr) 1fr 50px; align-items:center; gap:30px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.22); padding:0 20px; }
.service-row::before { content:""; position:absolute; inset:0; background:var(--red); transform:translateY(102%); transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.service-row:hover::before { transform:translateY(0); }
.service-row>* { position:relative; z-index:1; }
.service-row>span { color:#888; font-size:11px; }
.service-row h3 { margin:0; font-family:Raleway,sans-serif; font-size:clamp(27px,3.5vw,58px); font-weight:800; letter-spacing:-.055em; }
.service-row p { margin:0; color:#aaa; font-size:15px; }
.service-row b { justify-self:end; font-size:24px; transition:transform .25s; }
.service-row:hover p,.service-row:hover>span { color:#fff; }
.service-row:hover b { transform:rotate(45deg); }

.work { position:relative; background:var(--paper); }
.work-intro { padding:clamp(100px,12vw,180px) var(--pad) 70px; }
.work-intro h2,.simplo h2,.journal-intro h2,.contact h2 { margin:38px 0; font-family:Raleway,sans-serif; font-size:clamp(54px,8.7vw,150px); font-weight:800; line-height:.88; letter-spacing:-.075em; }
.work-intro h2 em,.simplo h2 em,.contact h2 em { color:var(--red); font-family:"DM Serif Display",serif; font-weight:400; }
.work-intro h2 small { display:block; width:max-content; max-width:100%; margin-top:.12em; color:#fff; font-family:Raleway,sans-serif; font-size:1em; font-weight:800; letter-spacing:-.075em; line-height:.88; text-transform:none; }
.work-sticky { height:330vh; }
.work-track { position:sticky; top:0; display:flex; width:max-content; height:100vh; align-items:center; gap:22px; padding:8vh var(--pad); will-change:transform; }
.project-card { position:relative; display:flex; width:min(34vw,610px); min-width:460px; height:78vh; min-height:560px; padding:18px; flex-direction:column; overflow:hidden; border-radius:28px; color:#fff; }
.project-media { position:absolute; z-index:2; left:18px; top:50%; display:block; width:calc(100% - 36px); aspect-ratio:16/9; overflow:hidden; border-radius:18px; background:#151515; transform:translateY(-50%); }
.project-media img,.project-media video { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.8,.2,1); }
.project-card:hover .project-media img,.project-card:hover .project-media video { transform:scale(1.045); }
.project-media-logo { display:grid; place-items:center; background:#fff; }
.project-media-logo img { width:66%; height:auto; object-fit:contain; }
.project-number { position:absolute; z-index:3; right:-.12em; top:-.25em; display:block; color:rgba(255,255,255,.15); font-size:clamp(340px,36vw,560px); font-weight:900; line-height:1; letter-spacing:-.12em; opacity:1; pointer-events:none; }
.project-info { position:absolute; z-index:3; left:26px; right:26px; bottom:25px; display:flex; flex-direction:column; align-items:flex-start; }
.project-info small { font-size:10px; font-weight:700; letter-spacing:.17em; }
.project-info strong { max-width:13ch; margin:14px 0 24px; font-size:clamp(34px,3.1vw,55px); font-weight:800; line-height:.93; letter-spacing:-.06em; }
.project-info i { display:inline-flex; align-items:center; gap:8px; padding-bottom:5px; border-bottom:1px solid currentColor; font-size:10px; font-style:normal; font-weight:800; letter-spacing:.12em; transition:transform .3s,color .3s; }
.project-info i b { font-size:14px; line-height:1; transition:transform .3s; }
.project-card:hover .project-info i { transform:scale(1.08); transform-origin:left center; }
.project-card:hover .project-info i b { transform:translate(5px,-5px); }
.project-black { background:#090909; }
.project-white { background:#fff; color:#111; }
.project-gray { background:#d8d6d0; color:#111; }
.project-red { background:var(--red); }
.project-white .project-number,.project-gray .project-number { color:var(--red); opacity:.14; }
.all-work,.all-posts { display:flex; margin:0 var(--pad); padding:30px 0 110px; justify-content:space-between; border-top:1px solid var(--line); font-family:Raleway,sans-serif; font-size:clamp(24px,3.2vw,46px); font-weight:800; letter-spacing:-.04em; transition:color .25s; }
.all-work span,.all-posts span { transition:transform .25s; }
.all-work:hover,.all-posts:hover { color:var(--red); }
.all-work:hover span,.all-posts:hover span { transform:translate(5px,-5px); }

.simplo { padding:clamp(110px,13vw,200px) var(--pad); background:#e9e7df; }
.simplo-top { display:flex; justify-content:space-between; align-items:flex-start; }
.simplo-top img { width:clamp(135px,18vw,280px); }
.simplo-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(60px,10vw,160px); align-items:end; }
.simplo h2 { font-size:clamp(52px,7.4vw,128px); }
.simplo-lead { max-width:650px; font-size:clamp(18px,1.6vw,25px); line-height:1.5; }
.voice-demo { position:relative; display:grid; min-height:340px; padding:38px; align-content:space-between; overflow:hidden; border-radius:28px; background:#0b0b0b; color:#fff; }
.mic { display:grid; width:68px; height:68px; place-items:center; border:1px solid rgba(255,255,255,.35); border-radius:50%; background:transparent; color:var(--red); cursor:pointer; }
.mic span { font-size:22px; }
.voice-demo.is-listening .mic { animation:micpulse 1s infinite; background:var(--red); color:#fff; }
.voice-copy small { color:#8e8e8a; font-size:9px; font-weight:700; letter-spacing:.16em; }
.voice-copy p { margin:10px 0 0; font-family:"DM Serif Display",serif; font-size:clamp(23px,2.2vw,36px); line-height:1.12; }
.voice-wave { position:absolute; right:30px; top:35px; display:flex; align-items:center; gap:5px; height:42px; }
.voice-wave i { width:3px; height:7px; border-radius:2px; background:var(--red); }
.voice-demo.is-listening .voice-wave i { animation:wave .75s ease-in-out infinite alternate; }
.voice-wave i:nth-child(2),.voice-wave i:nth-child(6) { animation-delay:-.2s!important; }
.voice-wave i:nth-child(3),.voice-wave i:nth-child(5) { animation-delay:-.4s!important; }
@keyframes wave { to { height:40px; } }
@keyframes micpulse { 50% { box-shadow:0 0 0 16px rgba(207,20,32,.16); } }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:100px; }
.feature-grid article { min-height:270px; padding:26px 32px 0 0; }
.feature-grid article+article { padding-left:32px; }
.feature-grid span { color:var(--red); font-size:clamp(30px,3vw,48px); font-weight:800; letter-spacing:-.06em; }
.feature-grid h3 { margin:42px 0 16px; font-family:Raleway,sans-serif; font-size:clamp(21px,2.1vw,32px); font-weight:800; }
.feature-grid p { max-width:37ch; color:#5d5b56; line-height:1.6; }

.statement { position:relative; min-height:92svh; display:flex; padding:120px var(--pad); flex-direction:column; justify-content:center; overflow:hidden; background:var(--red); color:#fff; isolation:isolate; }
.statement::before { content:""; position:absolute; z-index:-2; inset:0; background:radial-gradient(circle at 76% 18%,rgba(255,255,255,.2),transparent 22%),linear-gradient(120deg,transparent 0 47%,rgba(0,0,0,.1) 47.2% 47.8%,transparent 48% 100%),repeating-linear-gradient(90deg,transparent 0 9.8vw,rgba(255,255,255,.07) 10vw); }
.statement h2 { position:relative; z-index:2; margin:80px 0 50px; font-family:Raleway,sans-serif; font-size:clamp(48px,8.7vw,150px); font-weight:800; line-height:.87; letter-spacing:-.075em; }
.statement h2 span { color:transparent; -webkit-text-stroke:2px #fff; }
.statement h2 em { font-family:"DM Serif Display",serif; font-size:1.08em; font-weight:400; text-transform:none; letter-spacing:-.035em; }
.statement>p:last-child { position:relative; z-index:2; max-width:680px; margin:0; font-size:clamp(22px,2.1vw,34px); font-weight:600; line-height:1.4; }
.statement-effect { position:absolute; z-index:-1; inset:0; pointer-events:none; }
.statement-effect i { position:absolute; border:1px solid rgba(255,255,255,.33); border-radius:50%; animation:orbit 14s ease-in-out infinite alternate; }
.statement-effect i:nth-child(1) { width:48vw; height:48vw; right:-11vw; top:-19vw; }
.statement-effect i:nth-child(2) { width:27vw; height:27vw; right:7vw; top:8vw; animation-delay:-4s; }
.statement-effect i:nth-child(3) { width:12vw; height:12vw; right:15vw; top:16vw; background:rgba(0,0,0,.08); animation-delay:-8s; }
.statement-effect b { position:absolute; width:13px; height:13px; right:22vw; top:22vw; border-radius:50%; background:#fff; box-shadow:0 0 0 18px rgba(255,255,255,.11); }
@keyframes orbit { to { transform:translate3d(-3vw,4vw,0) rotate(15deg) scale(1.07); } }

.journal { position:relative; background:var(--paper); }
.journal-intro { padding:clamp(100px,12vw,180px) var(--pad) 40px; }
.journal-intro h2 em { color:var(--red); font-family:"DM Serif Display",serif; font-weight:400; }
.journal-sticky { height:300vh; }
.journal-track { position:sticky; top:0; display:flex; width:max-content; height:100vh; align-items:center; gap:22px; padding:9vh var(--pad); will-change:transform; }
.post-card { position:relative; width:min(30vw,520px); min-width:410px; height:72vh; min-height:520px; overflow:hidden; border-radius:28px; background:#111; color:#fff; }
.post-card>img,.post-card>video { width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.8,.2,1); }
.post-card:hover>img,.post-card:hover>video { transform:scale(1.045); }
.post-shade { position:absolute; z-index:1; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.86),transparent 70%); }
.post-copy { position:absolute; z-index:3; inset:auto 30px 30px; }
.post-copy>span,.post-copy time { font-size:11px; font-weight:700; letter-spacing:.16em; }
.post-copy time { display:inline-block; font-size:13px; }
.post-copy h3 { margin:16px 0 28px; font-size:clamp(29px,2.7vw,47px); font-weight:800; line-height:.98; letter-spacing:-.055em; }
.post-copy time { color:rgba(255,255,255,.58); }
.post-copy.dark { color:#111; }
.post-copy.dark time { color:#777; }
.post-paper { background:#e8e5dc; }
.post-number { position:absolute; z-index:2; right:-.12em; top:-.25em; color:rgba(255,255,255,.15); font-size:clamp(340px,36vw,560px); font-weight:900; line-height:1; letter-spacing:-.12em; pointer-events:none; }
.post-black { background:#090909; }
.post-black .post-number { color:rgba(207,20,32,.22); }
.post-paper .post-number,.post-simplo .post-number { color:rgba(207,20,32,.14); }
.post-red .post-number { color:rgba(255,255,255,.16); }
.post-symbol { position:absolute; right:20px; top:-80px; color:var(--red); font-size:310px; font-weight:300; }
.post-simplo { background:#fff; }
.post-simplo:not(.has-image)>img { position:absolute; left:14%; top:18%; width:72%; height:auto; object-fit:contain; }
.post-red { background:var(--red); }
.post-ring { position:absolute; width:115%; aspect-ratio:1; left:18%; top:-23%; border:2px solid rgba(255,255,255,.42); border-radius:50%; box-shadow:0 0 0 50px rgba(255,255,255,.06),0 0 0 110px rgba(255,255,255,.04); }

.contact { display:flex; padding:clamp(100px,11vw,170px) var(--pad) 120px; flex-direction:column; background:var(--paper); }
.contact-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(60px,9vw,150px); align-items:end; margin:75px 0 120px; }
.contact h2 { margin:0 0 35px; font-size:clamp(52px,7.4vw,128px); }
.contact h2 em { color:transparent; -webkit-text-stroke:2px var(--red); }
.contact-title>p { max-width:560px; margin:0; color:#5d5b56; font-size:18px; line-height:1.6; }
.contact-form { display:grid; gap:28px; }
.contact-form label { display:grid; gap:9px; }
.contact-form label>span { font-size:9px; font-weight:700; letter-spacing:.16em; }
.contact-form input,.contact-form textarea { width:100%; padding:11px 0 15px; resize:vertical; border:0; border-bottom:1px solid #aaa69c; outline:0; background:transparent; color:var(--ink); font:600 clamp(17px,1.35vw,21px)/1.45 Raleway,sans-serif; transition:border-color .2s; }
.contact-form input:focus,.contact-form textarea:focus { border-color:var(--red); }
.contact-form button { display:flex; width:100%; min-height:66px; align-items:center; justify-content:space-between; padding:7px 8px 7px 24px; border:0; border-radius:999px; background:var(--ink); color:#fff; cursor:pointer; font-size:11px; font-weight:800; letter-spacing:.1em; transition:background .3s,transform .25s; }
.contact-form button b { display:grid; width:50px; height:50px; place-items:center; border-radius:50%; background:var(--red); font-size:20px; transition:transform .25s,background .25s,color .25s; }
.contact-form button:hover { background:var(--red); transform:translateY(-3px); }
.contact-form button:hover b { background:#fff; color:var(--ink); transform:rotate(45deg); }
.form-status { min-height:20px; margin:0; color:var(--red); font-size:13px; font-weight:700; }
.contact-bottom { display:flex; align-items:end; justify-content:space-between; gap:30px; border-top:1px solid var(--line); padding-top:28px; }
.contact-bottom a { font-size:clamp(20px,2.5vw,38px); font-weight:700; transition:color .25s; }
.contact-bottom a:hover { color:var(--red); }
.contact-bottom p { margin:0; text-align:right; line-height:1.5; }

.back-to-top { position:fixed; z-index:99; right:24px; bottom:22px; display:grid; width:52px; height:52px; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(10,10,10,.9); color:#fff; box-shadow:0 12px 34px rgba(0,0,0,.2); opacity:0; pointer-events:none; transform:translateY(14px); transition:opacity .25s,transform .25s,background .25s; cursor:pointer; backdrop-filter:blur(12px); }
.back-to-top.is-visible { opacity:1; pointer-events:auto; transform:translateY(0); }
.back-to-top:hover { background:var(--red); }

.bottom-dock { position:fixed; z-index:100; left:50%; bottom:20px; display:block; width:58px; height:58px; transform:translateX(-50%); }
.dock-menu { position:relative; display:flex; width:58px; height:58px; padding:0; align-items:center; justify-content:center; flex-direction:column; gap:5px; border:1px solid rgba(255,255,255,.5); border-radius:50%; background:#0c0c0c; color:#fff; box-shadow:0 16px 50px rgba(0,0,0,.25); cursor:pointer; transition:transform .25s,background .25s; }
.dock-menu:hover { transform:scale(1.06); }
.dock-menu span { width:19px; height:1px; background:#fff; transition:transform .25s,opacity .2s; }
.dock-menu i { position:absolute; right:3px; top:3px; width:9px; height:9px; border:2px solid var(--paper); border-radius:50%; background:var(--red); }
.dock-menu[aria-expanded="true"] span:first-child { transform:translateY(6px) rotate(45deg); }
.dock-menu[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.dock-menu[aria-expanded="true"] span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
.dock-links { position:absolute; left:50%; bottom:72px; display:grid; width:min(330px,calc(100vw - 32px)); gap:2px; padding:10px; border-radius:24px; background:rgba(244,242,237,.96); box-shadow:0 16px 50px rgba(0,0,0,.2); opacity:0; pointer-events:none; transform:translate(-50%,18px); transition:opacity .25s,transform .3s; backdrop-filter:blur(18px); }
.dock-links.is-open { opacity:1; pointer-events:auto; transform:translate(-50%,0); }
.dock-links a { display:flex; padding:13px 16px; align-items:center; gap:16px; border-radius:14px; font-size:14px; font-weight:700; }
.dock-links a span { color:#999; font-size:9px; letter-spacing:.14em; }
.dock-links a:hover { background:#fff; color:var(--red); }

@media (max-width:900px) {
  .site-header { inset:16px 16px auto; }
  .header-cta { width:48px; min-height:48px; padding:5px; }
  .header-cta .cta-label { display:none; }
  .header-cta>span:last-child { width:38px; height:38px; }
  .hero-content { padding:120px 20px 120px; }
  .hero h1 { font-size:clamp(42px,12.3vw,82px); line-height:.9; }
  .hero-line.outline { -webkit-text-stroke-width:1.2px; }
  .hero-bottom { width:88%; }
  .scroll-note { display:none; }
  .hero-slider { right:18px; bottom:82px; }
  .manifesto { min-height:0; padding:100px 22px; border-radius:26px 26px 0 0; }
  .manifesto-foot { grid-template-columns:1fr; }
  .manifesto-foot p { white-space:normal; }
  .manifesto-foot a { justify-self:start; }
  .services,.work-intro,.simplo,.statement,.journal-intro,.contact { padding-left:22px; padding-right:22px; }
  .section-head { flex-direction:column; }
  .service-row { grid-template-columns:36px 1fr 30px; min-height:120px; gap:12px; padding:0 14px; }
  .service-row p { display:none; }
  .work-sticky { height:300vh; }
  .project-card { width:82vw; min-width:82vw; height:70vh; min-height:520px; padding:14px; }
  .project-media { left:14px; width:calc(100% - 28px); }
  .project-info { left:19px; right:19px; bottom:19px; padding:0; }
  .project-info strong { font-size:clamp(32px,9vw,46px); }
  .simplo-grid { grid-template-columns:1fr; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-grid article { min-height:0; padding:28px 0 32px!important; }
  .feature-grid h3 { margin-top:22px; }
  .statement { min-height:0; padding-top:82px; padding-bottom:88px; }
  .statement h2 { margin:54px 0 34px; font-size:clamp(43px,13vw,72px); }
  .statement h2 span,.contact h2 em { -webkit-text-stroke-width:1px; }
  .statement>p:last-child { margin-left:0; font-size:16px; }
  .statement-effect i:nth-child(1) { width:95vw; height:95vw; right:-42vw; top:-18vw; }
  .statement-effect i:nth-child(2) { width:55vw; height:55vw; right:-5vw; top:8vw; }
  .statement-effect i:nth-child(3),.statement-effect b { display:none; }
  .journal-sticky { height:250vh; }
  .journal-track { gap:14px; padding-left:22px; padding-right:22px; }
  .post-card { width:82vw; min-width:82vw; height:68vh; min-height:500px; }
  .journal-intro h2 { font-size:clamp(48px,13vw,78px); }
  .contact { padding-top:86px; padding-bottom:92px; }
  .contact-grid { grid-template-columns:1fr; gap:55px; margin:55px 0 75px; }
  .contact h2 { font-size:clamp(48px,13vw,78px); }
  .contact-bottom { align-items:flex-start; flex-direction:column; }
  .contact-bottom p { text-align:left; }
  .back-to-top { right:14px; bottom:18px; width:48px; height:48px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

/* Kreativija service page */
.service-page { background:var(--paper); }
.service-page main>.service-hero { padding:0!important; }
.service-page .site-header.is-scrolled,.service-page .site-header.is-transparent,.service-page .site-header.is-transparent.is-scrolled { background:transparent; color:inherit; box-shadow:none; backdrop-filter:none; }
.service-page .eyebrow { margin-bottom:0; color:rgba(255,255,255,.75)!important; font-size:11px; }
.service-hero { position:relative; z-index:1; width:100%; min-height:82svh; overflow:hidden; background:#050609; color:#fff; isolation:isolate; }
.service-hero-media,.service-hero-media video,.service-hero-shade,.service-hero-glow { position:absolute; inset:0; }
.service-hero-media { left:-6vw; right:-6vw; width:auto; transform:translate3d(var(--service-pointer-x,0),calc(var(--service-pointer-y,0) + var(--service-parallax-y,0)),0) scale(var(--service-media-scale,1.08)); transform-origin:center; transition:transform .28s ease-out; will-change:transform; }
.service-hero-media video { width:100%; height:100%; object-fit:cover; }
.service-hero-shade { z-index:1; background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.3) 54%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.6),transparent 58%); }
.service-hero-glow { z-index:2; pointer-events:none; background:radial-gradient(420px circle at var(--service-gx,68%) var(--service-gy,42%),rgba(255,255,255,.17),transparent 60%); mix-blend-mode:overlay; }
.service-hero-copy { position:relative; z-index:3; display:flex; min-height:82svh; padding:clamp(130px,17vh,190px) var(--pad) 78px; flex-direction:column; justify-content:center; transform:translate3d(0,var(--service-copy-y,0),0); opacity:var(--service-copy-opacity,1); will-change:transform,opacity; }
.service-hero h1 { max-width:1320px; margin:34px 0 0; font-family:Raleway,Arial,sans-serif; font-size:clamp(58px,9vw,160px); font-weight:900; line-height:.8; letter-spacing:-.07em; text-transform:uppercase; }
.service-hero h1 span,.service-hero h1 em,.service-hero h1 strong { display:block; width:max-content; max-width:100%; }
.service-hero h1 em { color:transparent; -webkit-text-stroke:2px #fff; font-style:normal; font-weight:800; }
.service-hero h1 strong { margin-top:.12em; color:var(--red); font-family:"DM Serif Display",Georgia,serif; font-size:.76em; font-style:italic; font-weight:400; letter-spacing:-.035em; text-transform:none; }
.service-hero-foot { display:flex; width:min(720px,78vw); margin-top:clamp(38px,6vh,70px); align-items:center; gap:28px; }
.service-hero-foot p { margin:0; color:rgba(255,255,255,.8); font-size:clamp(15px,1.2vw,19px); line-height:1.55; }
.service-index { position:absolute; z-index:4; right:var(--pad); bottom:34px; display:flex; margin:0; align-items:center; gap:12px; font-size:10px; font-weight:800; }
.service-index i { width:64px; height:1px; background:rgba(255,255,255,.55); }
.service-intro { position:relative; z-index:3; width:100%; min-height:92svh; padding:clamp(100px,12vw,180px) var(--pad); background:var(--paper); transform:translate3d(0,var(--service-intro-lift,0),0); will-change:transform; }
.service-intro-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr); gap:clamp(50px,9vw,150px); margin-top:clamp(65px,8vw,120px); align-items:end; }
.service-intro h2 { max-width:10ch; margin:0; font-family:"DM Serif Display",Georgia,serif; font-size:clamp(64px,9vw,160px); font-weight:400; line-height:.88; letter-spacing:-.055em; }
.service-intro-grid>div p { margin:0 0 34px; color:#55524c; font-size:clamp(17px,1.45vw,23px); line-height:1.55; }
.service-intro-grid a,.service-feature-copy>a { display:inline-flex; align-items:center; gap:14px; border-bottom:1px solid; padding-bottom:7px; font-weight:800; transition:color .25s,transform .25s; }
.service-intro-grid a:hover,.service-feature-copy>a:hover { color:var(--red); transform:translateX(6px); }
.service-intro-grid a span,.service-feature-copy>a span { transition:transform .25s; }
.service-intro-grid a:hover span,.service-feature-copy>a:hover span { transform:translate(4px,-4px); }
.service-big-copy { max-width:18ch; margin:clamp(110px,14vw,220px) 0 0 auto; color:rgba(10,10,10,.14); font-family:Raleway,sans-serif; font-size:clamp(40px,5.4vw,92px); font-weight:800; line-height:.98; letter-spacing:-.055em; }
.service-big-copy .word { transition:color .25s; }
.service-big-copy .word.is-lit { color:var(--ink); }
.service-big-copy .word.is-red { color:var(--red); }
.service-process { padding:clamp(110px,13vw,190px) var(--pad); background:var(--ink); color:#fff; }
.process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.22); }
.process-grid article { min-height:410px; padding:34px clamp(22px,2.5vw,42px) 38px 0; border-right:1px solid rgba(255,255,255,.18); }
.process-grid article+article { padding-left:clamp(22px,2.5vw,42px); }
.process-grid article:last-child { border-right:0; }
.process-grid span { color:var(--red); font-size:clamp(32px,3.7vw,64px); font-weight:800; letter-spacing:-.06em; }
.process-grid h3 { margin:120px 0 20px; font-size:clamp(26px,2.2vw,38px); letter-spacing:-.045em; }
.process-grid p { margin:0; color:rgba(255,255,255,.62); line-height:1.65; }
.service-feature { display:grid; min-height:95svh; grid-template-columns:1fr 1fr; background:#d7d4cd; }
.service-feature-copy { display:flex; padding:clamp(95px,10vw,160px) var(--pad); flex-direction:column; justify-content:center; }
.service-feature-copy h2 { margin:60px 0 36px; font-family:Raleway,sans-serif; font-size:clamp(54px,6.5vw,112px); font-weight:900; line-height:.84; letter-spacing:-.065em; }
.service-feature-copy h2 em { color:var(--red); font-family:"DM Serif Display",Georgia,serif; font-size:.8em; font-weight:400; }
.service-feature-copy>p:not(.section-label) { max-width:620px; margin:0 0 38px; color:#53504a; font-size:clamp(17px,1.35vw,22px); line-height:1.6; }
.service-feature-copy>a { align-self:flex-start; }
.service-voice { position:relative; display:flex; min-height:660px; overflow:hidden; padding:10%; align-items:center; justify-content:center; flex-direction:column; background:var(--red); color:#fff; text-align:center; isolation:isolate; }
.service-voice>img { position:relative; z-index:2; width:min(330px,60%); filter:brightness(0) invert(1); }
.service-voice>p { position:relative; z-index:2; max-width:20ch; margin:70px 0 0; font-family:"DM Serif Display",Georgia,serif; font-size:clamp(27px,3vw,52px); font-style:italic; line-height:1.08; }
.service-voice-orb,.service-voice-orb i { position:absolute; border:1px solid rgba(255,255,255,.32); border-radius:50%; }
.service-voice-orb { width:68%; aspect-ratio:1; }
.service-voice-orb i { inset:50%; transform:translate(-50%,-50%); animation:servicePulse 3.8s ease-in-out infinite; }
.service-voice-orb i:nth-child(1){width:28%;height:28%}.service-voice-orb i:nth-child(2){width:48%;height:48%;animation-delay:-.7s}.service-voice-orb i:nth-child(3){width:68%;height:68%;animation-delay:-1.4s}.service-voice-orb i:nth-child(4){width:88%;height:88%;animation-delay:-2.1s}.service-voice-orb i:nth-child(5){width:108%;height:108%;animation-delay:-2.8s}
@keyframes servicePulse { 0%,100%{opacity:.32;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.04)} }
.service-cta { min-height:86svh; padding:clamp(100px,12vw,180px) var(--pad); background:var(--ink); color:#fff; }
.service-cta h2 { margin:clamp(80px,9vw,140px) 0 70px; font-size:clamp(62px,9.5vw,170px); line-height:.82; letter-spacing:-.075em; }
.service-cta h2 em { color:transparent; -webkit-text-stroke:1.5px var(--red); font-family:"DM Serif Display",Georgia,serif; font-weight:400; }
.service-cta>div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:50px; align-items:end; border-top:1px solid rgba(255,255,255,.24); padding-top:28px; }
.service-cta>div p { max-width:640px; margin:0; color:rgba(255,255,255,.66); font-size:clamp(17px,1.3vw,21px); line-height:1.6; }
.service-cta>div a { display:flex; min-height:62px; padding:0 9px 0 25px; align-items:center; gap:28px; border-radius:999px; background:#fff; color:#111; font-size:11px; font-weight:800; letter-spacing:.08em; transition:background .25s,color .25s,transform .25s; }
.service-cta>div a span { display:grid; width:45px; height:45px; place-items:center; border-radius:50%; background:var(--red); color:#fff; font-size:18px; transition:transform .25s; }
.service-cta>div a:hover { background:var(--red); color:#fff; transform:translateY(-4px); }
.service-cta>div a:hover span { background:#fff; color:var(--red); transform:rotate(45deg); }
@media(max-width:900px){
  .service-hero { min-height:88svh; }
  .service-hero-copy { min-height:88svh; padding-top:120px; }
  .service-hero h1 { font-size:clamp(47px,13.5vw,88px); }
  .service-hero h1 em { -webkit-text-stroke-width:1.2px; }
  .service-hero-foot { width:88%; }
  .service-index { display:none; }
  .service-intro-grid { grid-template-columns:1fr; }
  .service-intro h2 { max-width:12ch; }
  .service-big-copy { margin-top:100px; }
  .process-grid { grid-template-columns:1fr; }
  .process-grid article,.process-grid article+article { min-height:0; padding:30px 0 42px; border-right:0; border-bottom:1px solid rgba(255,255,255,.18); }
  .process-grid h3 { margin:42px 0 16px; }
  .service-feature { grid-template-columns:1fr; }
  .service-voice { min-height:72svh; }
  .service-cta>div { grid-template-columns:1fr; }
  .service-cta>div a { justify-self:start; }
}
@media(max-width:560px){
  .service-hero-copy { padding-bottom:64px; }
  .service-hero-foot { width:100%; align-items:flex-start; }
  .service-hero-foot .round-link { width:48px; height:48px; }
  .service-intro { padding-top:90px; }
  .service-intro h2 { font-size:clamp(54px,17vw,82px); }
  .service-feature-copy { padding-top:90px; padding-bottom:90px; }
  .service-voice { min-height:600px; }
  .service-cta>div a { width:100%; justify-content:space-between; }
}

/* Unified Simplo subpages */
.kreativija-inner-page .inner-hero { min-height:68svh; }
.kreativija-inner-page .inner-hero .service-hero-copy { min-height:68svh; padding-top:clamp(118px,15vh,165px); padding-bottom:64px; }
.kreativija-inner-page .inner-hero .service-hero-media video { opacity:.46; }
.inner-hero-image { position:absolute; inset:0; background-position:center; background-size:cover; opacity:1; mix-blend-mode:normal; }
.kreativija-inner-page .inner-hero h1 { max-width:13ch; font-size:clamp(56px,8.2vw,145px); line-height:.84; text-wrap:balance; }
.kreativija-page-content { position:relative; z-index:3; width:100%; overflow:hidden; background:var(--paper); color:var(--ink); }
.kreativija-inner-page .kreativija-page-content { padding:0!important; }
.kreativija-page-content:empty { display:none; }
.kreativija-page-content>section,.kreativija-page-content .page-section,.kreativija-page-content .page-content { width:100%; max-width:none; margin:0; padding:clamp(90px,10vw,155px) var(--pad); }
.kreativija-page-content .container { width:100%; max-width:none; margin-inline:0; padding-inline:0; }
.kreativija-page-content .section-boxed,.kreativija-page-content .section-full { width:100%; max-width:none; }
.kreativija-page-content .section-inner,.kreativija-page-content .section-content { width:100%; max-width:none; }
.kreativija-page-content h1,.kreativija-page-content h2 { max-width:14ch; margin-top:0; font-family:"DM Serif Display",Georgia,serif; font-size:clamp(52px,7vw,120px); font-weight:400; line-height:.92; letter-spacing:-.05em; }
.kreativija-page-content h3 { font-size:clamp(27px,2.7vw,46px); line-height:1; letter-spacing:-.04em; }
.kreativija-page-content p { max-width:850px; font-size:clamp(17px,1.35vw,22px); line-height:1.65; }
.kreativija-page-content img { border-radius:0; }
.kreativija-page-content .cards-grid,.kreativija-page-content .section-cards-grid { width:100%; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:1px; background:rgba(10,10,10,.16); }
.kreativija-page-content .card,.kreativija-page-content .section-card { min-height:300px; padding:clamp(28px,3.4vw,55px); border:0; border-radius:0; background:var(--paper); box-shadow:none; }
.kreativija-page-content .btn,.kreativija-page-content .button { border-radius:999px; background:var(--ink); color:#fff; }
.kreativija-page-content .faq-item { border-radius:0; border-width:1px 0 0; background:transparent; box-shadow:none; }
.kreativija-page-content .faq-item:last-child { border-bottom:1px solid var(--line); }
.page-journal { border-top:1px solid var(--line); }
.page-contact { border-top:1px solid var(--line); }

/* About page: wide editorial manifesto and animated closing statement. */
.kreativija-page-content .page-content.section-about-manifesto { padding-top:clamp(90px,10vw,155px); padding-bottom:clamp(90px,10vw,155px); background:#fff; }
.kreativija-page-content .section-about-manifesto .about-manifesto-copy { width:100%; max-width:none; margin:0; font-family:Raleway,Arial,sans-serif; font-size:clamp(38px,5.25vw,94px); font-weight:800; line-height:.98; letter-spacing:-.055em; }
.kreativija-page-content .section-about-manifesto .about-manifesto-copy span { display:block; margin-top:.22em; color:var(--red); }
.kreativija-page-content .cta-section.section-about-final { position:relative; min-height:80svh; overflow:hidden; padding:clamp(100px,12vw,180px) var(--pad); background:var(--red); color:#fff; isolation:isolate; }
.kreativija-page-content .cta-section.section-about-final::before,.kreativija-page-content .cta-section.section-about-final::after { content:""; position:absolute; z-index:-1; border:1px solid rgba(255,255,255,.32); border-radius:50%; pointer-events:none; animation:aboutOrbit 14s ease-in-out infinite alternate; }
.kreativija-page-content .cta-section.section-about-final::before { width:58vw; height:58vw; top:-24vw; right:-13vw; box-shadow:0 0 0 11vw rgba(255,255,255,.055),0 0 0 22vw rgba(0,0,0,.045); }
.kreativija-page-content .cta-section.section-about-final::after { width:21vw; height:21vw; top:12vw; right:10vw; background:rgba(0,0,0,.065); animation-delay:-6s; }
.kreativija-page-content .section-about-final .cta-box { position:relative; z-index:2; display:flex; width:100%; max-width:none; margin:0; padding:0; align-items:flex-start; flex-direction:column; gap:clamp(34px,5vw,68px); }
.kreativija-page-content .section-about-final .cta-box>div { width:min(100%,1320px); }
.kreativija-page-content .section-about-final .section-title { max-width:12ch; margin-bottom:36px; color:#fff; font-family:Raleway,Arial,sans-serif; font-size:clamp(54px,8.4vw,145px); font-weight:850; line-height:.86; letter-spacing:-.07em; }
.kreativija-page-content .section-about-final p { max-width:900px; margin:0; color:rgba(255,255,255,.9); font-size:clamp(22px,2.2vw,36px); font-weight:600; line-height:1.4; }
.kreativija-page-content .section-about-final .btn { position:relative; padding:17px 25px; background:#fff; color:var(--red); transition:transform .28s,background .28s,color .28s; }
.kreativija-page-content .section-about-final .btn:hover { background:#111; color:#fff; transform:translateY(-5px); }
@keyframes aboutOrbit { to { transform:translate3d(-3vw,4vw,0) rotate(15deg) scale(1.07); } }
@media(max-width:700px){
  .kreativija-page-content .section-about-manifesto .container { text-align:left; }
  .kreativija-page-content .section-about-manifesto .about-manifesto-copy { font-size:clamp(27px,7.6vw,34px); line-height:1.02; text-align:left; }
  .kreativija-page-content .cta-section.section-about-final { min-height:68svh; }
  .kreativija-page-content .cta-section.section-about-final::before { width:110vw; height:110vw; top:-46vw; right:-48vw; }
  .kreativija-page-content .cta-section.section-about-final::after { width:48vw; height:48vw; top:24vw; right:3vw; }
}

/* Editable SEO sections on the spletne strani service page */
.service-page-builder>section { border-top:1px solid var(--line); }
.service-page-builder .image-text-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(44px,7vw,120px); align-items:center; }
.service-page-builder .image-text-grid.reverse .image-box { order:2; }
.service-page-builder .image-box { overflow:hidden; background:#d9d7d0; }
.service-page-builder .image-box img { display:block; width:100%; height:clamp(400px,52vw,760px); object-fit:cover; transition:transform .9s cubic-bezier(.2,.8,.2,1); }
.service-page-builder .image-text:hover .image-box img { transform:scale(1.025); }
.service-page-builder .text-box .eyebrow,.service-page-builder .section-heading .eyebrow { display:block; margin-bottom:22px; color:var(--red)!important; font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.service-page-builder .text-box h2,.service-page-builder .section-heading h2 { margin-bottom:34px; }
.service-page-builder .text-box p,.service-page-builder .section-heading p { color:#45423d; }
.service-page-builder .text-box ul { display:grid; gap:13px; margin:30px 0 0; padding:0; list-style:none; }
.service-page-builder .text-box li { position:relative; padding-left:26px; font-size:clamp(16px,1.15vw,19px); line-height:1.55; }
.service-page-builder .text-box li::before { content:'↗'; position:absolute; left:0; color:var(--red); font-weight:800; }
.service-page-builder .why-us { background:#111; color:#fff; }
.service-page-builder .why-us .section-heading p { color:rgba(255,255,255,.7); }
.service-page-builder .icon-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:clamp(52px,7vw,100px); border-top:1px solid rgba(255,255,255,.18); border-left:1px solid rgba(255,255,255,.18); }
.service-page-builder .icon-card { min-height:420px; padding:clamp(24px,2.5vw,42px); border:0; border-right:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); border-radius:0; background:#111; color:#fff; box-shadow:none; }
.service-page-builder .icon-card .icon { display:block; width:100%; height:150px; margin-bottom:42px; overflow:hidden; color:var(--red); font-size:40px; }
.service-page-builder .icon-card .icon:not(.icon-image) { display:grid; width:68px; height:68px; margin-bottom:74px; place-items:center; overflow:visible; border:1px solid rgba(255,255,255,.34); border-radius:50%; color:#fff; font-family:Raleway,Arial,sans-serif; font-size:28px; font-weight:500; line-height:1; transition:border-color .3s,color .3s,transform .35s; }
.service-page-builder .icon-card:hover .icon:not(.icon-image) { border-color:var(--red); color:var(--red); transform:translateY(-7px) rotate(-5deg); }
.service-page-builder .icon-card .icon img { width:100%; height:100%; object-fit:cover; filter:grayscale(1); transition:filter .3s,transform .5s; }
.service-page-builder .icon-card:hover .icon img { filter:grayscale(0); transform:scale(1.04); }
.service-page-builder .icon-card h3 { margin:0 0 18px; font-size:clamp(24px,2vw,36px); }
.service-page-builder .icon-card p { color:rgba(255,255,255,.68); font-size:15px; line-height:1.6; }
.service-page-builder .faq-section { background:var(--paper); }
.service-page-builder .faq-list { margin-top:clamp(48px,6vw,90px); border-top:1px solid var(--line); }
.service-page-builder .faq-item { border-bottom:1px solid var(--line); }
.service-page-builder .faq-item summary { position:relative; padding:30px 70px 30px 0; cursor:pointer; font-size:clamp(20px,2vw,32px); font-weight:800; list-style:none; }
.service-page-builder .faq-item summary::-webkit-details-marker { display:none; }
.service-page-builder .faq-item summary::after { content:'+'; position:absolute; top:50%; right:8px; color:var(--red); font-size:34px; font-weight:400; transform:translateY(-50%); transition:transform .25s; }
.service-page-builder .faq-item[open] summary::after { transform:translateY(-50%) rotate(45deg); }
.service-page-builder .faq-answer { max-width:900px; padding:0 0 32px; }
.service-page-builder .faq-answer p { margin:0; color:#4c4944; }

/* Service pages follow the same editorial visual language. */
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .inner-hero { min-height:82svh; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .inner-hero .service-hero-copy { min-height:82svh; padding-top:clamp(128px,17vh,190px); padding-bottom:76px; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .inner-hero h1:is(.shop-hero-title,.seo-hero-title,.custom-hero-title) { max-width:1320px; font-size:clamp(58px,8.4vw,150px); line-height:.8; text-wrap:initial; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .inner-hero h1:is(.shop-hero-title,.seo-hero-title,.custom-hero-title) em { -webkit-text-stroke-width:2px; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .inner-hero h1:is(.shop-hero-title,.seo-hero-title,.custom-hero-title) strong { font-size:.72em; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .service-hero-shade { background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.36) 56%,rgba(0,0,0,.14)),linear-gradient(0deg,rgba(0,0,0,.68),transparent 62%); }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .service-page-builder>section:nth-child(3) { background:#ebe9e3; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .service-page-builder>section:nth-child(4) { background:#fff; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .service-page-builder .section-heading { width:100%; max-width:none; margin:0; text-align:left; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .service-page-builder .section-heading h2 { width:auto; max-width:14ch; margin:0 0 34px; font-size:clamp(52px,7vw,120px); font-style:normal; text-align:left; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .service-page-builder .section-heading p { max-width:850px; margin:0; text-align:left; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .service-page-builder .icon-card .icon:not(.icon-image) { background:#111; color:#fff; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .service-page-builder .faq-list { display:block; width:100%; max-width:none; margin:clamp(48px,6vw,90px) 0 0; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .service-page-builder .faq-item { width:100%; }
:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .service-page-builder .faq-item summary { width:100%; }
.kreativija-custom-page .service-page-builder .icon-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.kreativija-custom-page .service-page-builder .icon-card { min-height:360px; }

@media(max-width:1100px){
  .service-page-builder .icon-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-page-builder .icon-card:last-child { grid-column:1 / -1; min-height:300px; }
  .kreativija-custom-page .service-page-builder .icon-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kreativija-custom-page .service-page-builder .icon-card:last-child { grid-column:auto; }
}
@media(max-width:780px){
  .service-page-builder .image-text-grid { grid-template-columns:1fr; gap:42px; }
  .service-page-builder .image-text-grid.reverse .image-box { order:0; }
  .service-page-builder .image-box img { height:min(72vw,520px); }
}
@media(max-width:560px){
  .service-page-builder .icon-grid { grid-template-columns:1fr; }
  .kreativija-custom-page .service-page-builder .icon-grid { grid-template-columns:1fr; }
  .service-page-builder .icon-card,.service-page-builder .icon-card:last-child { grid-column:auto; min-height:0; }
}

/* Kreativija articles */
.kreativija-article .inner-hero { min-height:74svh; }
.kreativija-article .inner-hero .service-hero-copy { min-height:74svh; }
.kreativija-article .inner-hero h1 { max-width:15ch; font-size:clamp(52px,7.4vw,132px); line-height:.86; }
.kreativija-article .kreativija-page-content { padding:clamp(100px,11vw,170px) var(--pad); }
.kreativija-article .kreativija-page-content>p,
.kreativija-article .kreativija-page-content>h2,
.kreativija-article .kreativija-page-content>h3,
.kreativija-article .kreativija-page-content>ul,
.kreativija-article .kreativija-page-content>ol,
.kreativija-article .kreativija-page-content>blockquote { width:min(100%,960px); margin-right:auto; margin-left:auto; }
.kreativija-article .kreativija-page-content>p { font-size:clamp(19px,1.55vw,25px); line-height:1.72; }
.kreativija-article .kreativija-page-content>p:first-child { color:#37342f; font-family:"DM Serif Display",Georgia,serif; font-size:clamp(28px,3.2vw,52px); line-height:1.18; letter-spacing:-.025em; }
.kreativija-article .kreativija-page-content>h2 { max-width:960px; margin-top:clamp(76px,8vw,125px); margin-bottom:34px; font-size:clamp(48px,6.2vw,104px); }
.kreativija-article .kreativija-page-content>h3 { margin-top:70px; font-size:clamp(30px,3vw,50px); }
.kreativija-article .kreativija-page-content>img { display:block; width:min(100%,1280px); margin:clamp(60px,7vw,110px) auto; }

/* Reference and article archives */
.kreativija-archive .archive-hero h1 { max-width:10ch; }
.service-page main>.archive-list { width:100%; overflow:hidden; padding:0!important; background:var(--paper); }
.archive-lead { display:flex; align-items:flex-end; justify-content:flex-end; min-height:38svh; padding:clamp(56px,8vw,120px) var(--pad); background:var(--paper); color:var(--ink); }
.archive-lead p { width:min(900px,72vw); margin:0; font-size:clamp(30px,4.6vw,78px); font-weight:800; line-height:.98; letter-spacing:-.045em; }
.archive-project { --archive-media-w:min(62vw,1120px); --archive-media-half-w:min(31vw,560px); --archive-media-half-h:min(17.4375vw,315px); position:relative; display:block; width:100%; min-height:88svh; overflow:hidden; color:#fff; isolation:isolate; }
.reference-archive .archive-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.reference-archive .archive-project { min-height:74svh; }
.archive-project.project-white,.archive-project.project-gray { color:var(--ink); }
.archive-number { position:absolute; z-index:1; top:-.26em; right:-.04em; color:rgba(255,255,255,.14); font-size:clamp(300px,38vw,700px); font-weight:900; line-height:1; letter-spacing:-.13em; pointer-events:none; }
.archive-project.project-white .archive-number,.archive-project.project-gray .archive-number { color:rgba(207,20,32,.14); }
.archive-media { position:absolute; z-index:2; top:50%; left:50%; display:block; width:var(--archive-media-w); aspect-ratio:16/9; overflow:hidden; background:#151515; transform:translate(-50%,-50%); }
.archive-media img,.archive-media video { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .45s; }
.archive-media-logo { display:grid; place-items:center; background:#fff; }
.archive-media-logo img { width:58%; height:auto; object-fit:contain; }
.archive-copy { position:absolute; z-index:3; right:var(--pad); bottom:clamp(34px,5vw,72px); left:var(--pad); display:flex; align-items:flex-end; gap:clamp(18px,3vw,48px); }
.archive-copy small { align-self:flex-start; padding-top:10px; font-size:11px; font-weight:800; letter-spacing:.14em; }
.archive-copy strong { max-width:14ch; margin-right:auto; font-size:clamp(42px,6.2vw,112px); font-weight:900; line-height:.86; letter-spacing:-.065em; }
.archive-copy i { display:inline-flex; align-items:center; gap:10px; padding-bottom:7px; border-bottom:1px solid currentColor; font-size:11px; font-style:normal; font-weight:800; letter-spacing:.12em; white-space:nowrap; transition:color .25s,transform .3s; }
.archive-copy i b { font-size:16px; transition:transform .3s; }
.archive-media-title-layer { position:absolute; z-index:4; inset:0; overflow:hidden; clip-path:inset(calc(50% - var(--archive-media-half-h)) calc(50% - var(--archive-media-half-w))); pointer-events:none; }
.archive-copy-media { z-index:1; }
.archive-copy-media small,.archive-copy-media i { visibility:hidden; }
.archive-copy-media strong { color:#080808; -webkit-text-stroke:clamp(1px,.12vw,2px) rgba(255,255,255,.98); paint-order:stroke fill; text-shadow:0 3px 22px rgba(255,255,255,.12); }
.reference-archive .archive-number { font-size:clamp(230px,24vw,460px); }
.reference-archive .archive-media { top:45%; width:calc(100% - 36px); }
.reference-archive .archive-copy { right:22px; bottom:25px; left:22px; display:grid; align-items:end; gap:10px; }
.reference-archive .archive-copy small { padding:0; }
.reference-archive .archive-copy strong { max-width:12ch; margin:0; font-size:clamp(34px,3.3vw,62px); }
.reference-archive .archive-copy i { justify-self:start; }
.archive-project:hover .archive-media img,.archive-project:hover .archive-media video { transform:scale(1.045); filter:saturate(1.08); }
.archive-project:hover .archive-copy i { color:var(--red); transform:scale(1.08); transform-origin:right center; }
.archive-project.project-red:hover .archive-copy i { color:#fff; }
.archive-project:hover .archive-copy i b { transform:translate(5px,-5px); }
.archive-empty { margin:0; padding:140px var(--pad); font-family:"DM Serif Display",Georgia,serif; font-size:clamp(38px,6vw,90px); }
@media(max-width:1200px){
  .reference-archive .archive-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .reference-archive .archive-project { min-height:70svh; }
  .reference-archive .archive-copy strong { font-size:clamp(38px,5vw,64px); }
}
@media(max-width:900px){
  .kreativija-inner-page .inner-hero,.kreativija-inner-page .inner-hero .service-hero-copy { min-height:72svh; }
  .kreativija-inner-page .inner-hero h1 { font-size:clamp(48px,13vw,92px); }
  :is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .inner-hero,:is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .inner-hero .service-hero-copy { min-height:86svh; }
  :is(.kreativija-shop-page,.kreativija-seo-page,.kreativija-custom-page) .inner-hero h1:is(.shop-hero-title,.seo-hero-title,.custom-hero-title) { font-size:clamp(47px,13vw,86px); }
  .kreativija-page-content>section,.kreativija-page-content .page-section,.kreativija-page-content .page-content { padding:82px var(--pad); }
  .kreativija-article .inner-hero,.kreativija-article .inner-hero .service-hero-copy { min-height:70svh; }
  .kreativija-article .inner-hero h1 { font-size:clamp(44px,12vw,82px); }
  .kreativija-article .kreativija-page-content { padding:82px var(--pad); }
  .archive-project { --archive-media-w:calc(100% - 44px); --archive-media-half-w:calc(50% - 22px); --archive-media-half-h:calc(28.125vw - 12.375px); min-height:78svh; }
  .reference-archive .archive-project { min-height:64svh; }
  .archive-media { width:calc(100% - 44px); }
  .archive-number { top:-.18em; font-size:clamp(220px,64vw,430px); }
  .archive-copy { right:22px; bottom:28px; left:22px; display:grid; grid-template-columns:1fr auto; gap:12px 18px; }
  .archive-copy small { grid-column:1 / -1; padding:0; }
  .archive-copy strong { max-width:11ch; font-size:clamp(38px,10.5vw,64px); }
  .archive-copy i { align-self:end; }
}
@media(max-width:700px){
  .reference-archive .archive-list { grid-template-columns:1fr; }
  .archive-lead { min-height:30svh; justify-content:flex-start; }
  .archive-lead p { width:100%; }
}
@media(max-width:560px){
  .archive-project { min-height:72svh; }
  .reference-archive .archive-project { min-height:60svh; }
  .archive-copy { grid-template-columns:1fr; }
  .archive-copy i { justify-self:start; }
}

/* About manifesto parity + cohesive contact 2026-09-29 */
.kreativija-page-content .page-content.section-about-manifesto { min-height:105vh; padding:clamp(100px,14vw,210px) var(--pad); background:var(--paper); }
.kreativija-page-content .section-about-manifesto .container { text-align:left; }
.kreativija-page-content .section-about-manifesto>.container>.eyebrow { display:block; color:#6a6862; font-size:13px; font-weight:700; letter-spacing:.18em; }
.kreativija-page-content .section-about-manifesto .reveal-text { width:100%; max-width:1500px; margin:clamp(65px,8vw,120px) 0; font-family:"DM Serif Display",Georgia,serif; font-size:clamp(50px,7.7vw,138px); font-weight:400; line-height:.96; letter-spacing:-.045em; text-align:left; }
.kreativija-page-content .section-about-manifesto .reveal-text .word { color:rgba(10,10,10,.15); transition:color .28s ease; }
.kreativija-page-content .section-about-manifesto .reveal-text .word.is-lit { color:var(--ink); }
.kreativija-page-content .section-about-manifesto .reveal-text .word.is-red { color:var(--red); }
.kreativija-page-content .page-content.section-contact-editorial { position:relative; min-height:88svh; padding:clamp(100px,11vw,175px) var(--pad); overflow:hidden; background:#0a0a0a; color:#fff; isolation:isolate; }
.kreativija-page-content .section-contact-editorial::before { content:""; position:absolute; z-index:-1; width:54vw; height:54vw; right:-18vw; bottom:-28vw; border:1px solid rgba(255,255,255,.13); border-radius:50%; box-shadow:0 0 0 9vw rgba(207,20,32,.12),0 0 0 18vw rgba(255,255,255,.025); }
.kreativija-page-content .section-contact-editorial>.container>.eyebrow { display:block; margin-bottom:clamp(52px,7vw,100px); color:rgba(255,255,255,.5); font-size:13px; font-weight:700; letter-spacing:.18em; }
.contact-editorial-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr); gap:clamp(55px,9vw,160px); align-items:end; }
.kreativija-page-content .contact-editorial-lead h2 { max-width:10ch; margin:0 0 42px; color:#fff; font-family:Raleway,Arial,sans-serif; font-size:clamp(62px,8.8vw,150px); font-weight:850; line-height:.84; letter-spacing:-.075em; }
.kreativija-page-content .contact-editorial-lead h2 em { display:block; color:var(--red); font-family:"DM Serif Display",Georgia,serif; font-weight:400; }
.kreativija-page-content .contact-editorial-lead p { max-width:720px; margin:0; color:rgba(255,255,255,.7); font-size:clamp(18px,1.5vw,24px); line-height:1.6; }
.contact-editorial-card { padding-top:24px; border-top:1px solid rgba(255,255,255,.28); }
.contact-editorial-card .contact-company { margin:0 0 28px; color:rgba(255,255,255,.5); font-size:11px; font-weight:800; letter-spacing:.18em; }
.contact-editorial-card address { margin:0 0 46px; color:#fff; font-size:clamp(23px,2.3vw,38px); font-style:normal; font-weight:700; line-height:1.25; }
.contact-editorial-links { display:grid; border-top:1px solid rgba(255,255,255,.2); }
.contact-editorial-links a { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; border-bottom:1px solid rgba(255,255,255,.2); color:#fff; font-size:clamp(20px,2vw,32px); font-weight:800; letter-spacing:-.035em; transition:color .25s,padding .25s; }
.contact-editorial-links a span { color:var(--red); transition:transform .25s; }
.contact-editorial-links a:hover { padding-left:10px; color:var(--red); }
.contact-editorial-links a:hover span { transform:translate(5px,-5px); }
.contact-editorial-action { display:flex; margin-top:38px; align-items:center; justify-content:space-between; gap:22px; padding:17px 18px 17px 24px; border-radius:999px; background:#fff; color:#111; font-size:13px; font-weight:800; transition:background .25s,color .25s,transform .25s; }
.contact-editorial-action b { display:grid; width:42px; height:42px; place-items:center; border-radius:50%; background:var(--red); color:#fff; font-size:18px; transition:transform .25s; }
.contact-editorial-action:hover { background:var(--red); color:#fff; transform:translateY(-4px); }
.contact-editorial-action:hover b { background:#fff; color:var(--red); transform:rotate(45deg); }
@media(max-width:800px){
  .kreativija-page-content .page-content.section-about-manifesto { min-height:0; padding:100px 22px; }
  .kreativija-page-content .section-about-manifesto .reveal-text { font-size:clamp(46px,12.8vw,72px); }
  .contact-editorial-grid { grid-template-columns:1fr; align-items:start; }
  .kreativija-page-content .page-content.section-contact-editorial { min-height:0; padding:100px 22px 120px; }
  .kreativija-page-content .contact-editorial-lead h2 { font-size:clamp(58px,16vw,88px); }
  .contact-editorial-card { margin-top:28px; }
}

/* Full-width about copy + straight contact fields 2026-09-29 */
.kreativija-page-content .section-about-manifesto .container{width:100%;max-width:none}
.kreativija-page-content .section-about-manifesto .reveal-text{width:100%;max-width:none}
.contact-form,.contact-form input,.contact-form textarea{border-radius:0!important}
.contact-form input,.contact-form textarea{-webkit-appearance:none;appearance:none}
.contact-form label>span small{margin-left:.65em;color:#8b8881;font-size:.82em;font-weight:600;letter-spacing:.08em}

/* Public voice editing demo */
.kreativija-voice-page .kreativija-page-content{background:#f1f0eb}
.voice-lab{padding:clamp(70px,9vw,150px) 4.25vw;background:#f1f0eb;color:#090909}
.voice-lab-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);gap:6vw;align-items:end;margin-bottom:clamp(42px,6vw,90px)}
.voice-lab-intro .eyebrow{grid-column:1/-1}.voice-lab-intro h2{margin:0;font-size:clamp(54px,8.5vw,150px);font-weight:900;letter-spacing:-.07em;line-height:.78;text-transform:uppercase}.voice-lab-intro h2 em{color:#cf1420;font-family:"DM Serif Display",serif;font-weight:400;text-transform:none}.voice-lab-intro>p:last-child{max-width:40ch;margin:0;font-size:clamp(17px,1.5vw,25px);line-height:1.45}
.voice-lab-shell{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);background:#fff;border:1px solid #d8d6cf}
.voice-lab-recorder{position:relative;display:grid;min-height:520px;padding:44px;place-items:center;align-content:center;gap:28px;overflow:hidden;background:#090909;color:#fff;text-align:center}.voice-lab-recorder:before{content:"";position:absolute;width:72%;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025)}
.voice-lab-mic{position:relative;z-index:2;display:grid;width:170px;aspect-ratio:1;padding:20px;place-items:center;align-content:center;gap:14px;border:0;border-radius:50%;background:#cf1420;color:#fff;cursor:pointer;transition:transform .25s,box-shadow .25s}.voice-lab-mic:hover{transform:scale(1.05)}.voice-lab-mic:disabled{opacity:.55;cursor:not-allowed}.voice-lab-mic span{position:relative;width:27px;height:38px;border:4px solid currentColor;border-radius:18px}.voice-lab-mic span:after{content:"";position:absolute;left:50%;bottom:-15px;width:37px;height:19px;border:4px solid currentColor;border-top:0;border-radius:0 0 22px 22px;transform:translateX(-50%)}.voice-lab-mic b{font-size:10px;letter-spacing:.12em}.voice-lab-recorder.is-listening .voice-lab-mic{animation:voicePublicPulse 1.15s infinite}
.voice-lab-bars{position:relative;z-index:2;display:flex;height:46px;align-items:center;gap:5px}.voice-lab-bars i{display:block;width:4px;height:9px;background:#baff37}.voice-lab-recorder.is-listening .voice-lab-bars i{animation:voicePublicBar .65s ease-in-out infinite alternate}.voice-lab-bars i:nth-child(2n){animation-delay:-.15s}.voice-lab-bars i:nth-child(3n){animation-delay:-.3s}.voice-lab-recorder p{position:relative;z-index:2;max-width:34ch;margin:0;color:rgba(255,255,255,.7)}
.voice-lab-command{display:flex;min-width:0;padding:clamp(32px,5vw,76px);justify-content:center;flex-direction:column}.voice-lab-command label{margin-bottom:14px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.voice-lab-command textarea{width:100%;min-height:150px;padding:0 0 24px;border:0;border-bottom:2px solid #090909;border-radius:0;background:transparent;color:#090909;font:700 clamp(20px,2.1vw,34px)/1.25 Raleway,Arial,sans-serif;resize:vertical;outline:0}.voice-lab-command textarea:focus{border-color:#cf1420}.voice-command-examples{display:flex;gap:8px;margin:18px 0 28px;flex-wrap:wrap}.voice-command-examples button{padding:10px 14px;border:1px solid #c9c7c0;border-radius:999px;background:transparent;font-size:11px;font-weight:700;cursor:pointer}.voice-command-examples button:hover{border-color:#cf1420;color:#cf1420}.voice-lab-prepare{display:flex;width:100%;padding:18px 20px;align-items:center;justify-content:space-between;border:0;background:#cf1420;color:#fff;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.voice-lab-prepare span{font-size:22px;transition:transform .2s}.voice-lab-prepare:hover span{transform:translate(4px,-4px)}
.voice-lab-compare{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr}.voice-lab-card{position:relative;min-height:560px;overflow:hidden;background:#111;color:#fff;isolation:isolate}.voice-lab-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.02) 70%)}.voice-lab-card>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.voice-lab-card>div{position:absolute;right:0;bottom:0;left:0;padding:clamp(28px,4vw,64px)}.voice-lab-card small{font-size:11px;font-weight:900;letter-spacing:.14em;color:#baff37}.voice-lab-card h3{max-width:14ch;margin:16px 0 12px;font-size:clamp(38px,5vw,82px);font-weight:900;letter-spacing:-.055em;line-height:.86}.voice-lab-card p{max-width:56ch;margin:0;color:rgba(255,255,255,.78);line-height:1.55}.voice-lab-after{outline:4px solid #baff37;outline-offset:-4px}
.voice-lab-fields{grid-column:1/-1;padding:28px clamp(28px,4vw,64px);border-top:1px solid #d8d6cf}.voice-lab-fields summary{cursor:pointer;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.voice-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.voice-lab-grid label{display:grid;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.voice-lab-grid input,.voice-lab-grid select,.voice-lab-grid textarea{width:100%;padding:13px 0;border:0;border-bottom:1px solid #aaa79f;border-radius:0;background:transparent;font:600 16px/1.4 Raleway,Arial,sans-serif}.voice-lab-confirm{display:flex;grid-column:1/-1;padding:26px clamp(28px,4vw,64px);align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #d8d6cf;background:#090909;color:#fff}.voice-lab-confirm p{margin:0;color:rgba(255,255,255,.7)}.voice-lab-confirm button{padding:17px 24px;border:0;background:#baff37;color:#090909;font-weight:900;cursor:pointer}.voice-lab-confirm button:disabled{opacity:.35;cursor:not-allowed}.voice-lab-safe{display:flex;grid-column:1/-1;padding:22px clamp(28px,4vw,64px);align-items:center;justify-content:space-between;gap:20px;background:#baff37;color:#090909}.voice-lab-safe[hidden]{display:none}
.voice-proof{padding:clamp(70px,8vw,130px) 4.25vw;background:#090909;color:#fff}.voice-proof>.eyebrow{margin-bottom:48px}.voice-proof>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25)}.voice-proof article{min-height:340px;padding:34px 28px;border-right:1px solid rgba(255,255,255,.25)}.voice-proof article:last-child{border-right:0}.voice-proof b{color:#cf1420;font-size:28px}.voice-proof h3{margin:80px 0 18px;font-size:clamp(24px,2.2vw,38px);line-height:1}.voice-proof p{color:rgba(255,255,255,.65);line-height:1.55}
@keyframes voicePublicPulse{50%{box-shadow:0 0 0 34px rgba(207,20,32,0);transform:scale(1.06)}}@keyframes voicePublicBar{to{height:44px}}
@media(max-width:900px){.voice-lab-intro,.voice-lab-shell,.voice-lab-compare,.voice-lab-grid{grid-template-columns:1fr}.voice-lab-intro .eyebrow{grid-column:auto}.voice-lab-recorder{min-height:430px}.voice-lab-card{min-height:460px}.voice-proof>div{grid-template-columns:1fr 1fr}.voice-proof article:nth-child(2){border-right:0}.voice-proof article{border-bottom:1px solid rgba(255,255,255,.25)}}
@media(max-width:560px){.voice-lab{padding-right:18px;padding-left:18px}.voice-lab-intro h2{font-size:clamp(44px,15vw,72px)}.voice-lab-recorder,.voice-lab-command{padding:30px 22px}.voice-lab-mic{width:138px}.voice-lab-card{min-height:420px}.voice-lab-card>div{padding:28px 22px}.voice-lab-confirm,.voice-lab-safe{align-items:stretch;flex-direction:column}.voice-lab-confirm button{width:100%}.voice-proof{padding-right:18px;padding-left:18px}.voice-proof>div{grid-template-columns:1fr}.voice-proof article{min-height:250px;border-right:0}.voice-proof h3{margin-top:52px}}


/* Quickpost case study polish 2026-10-04 */
.kreativija-case-page .service-hero-foot{width:min(980px,88vw);flex-wrap:wrap}
.kreativija-case-page .case-hero-link{display:inline-flex;min-height:52px;flex:0 0 auto;align-items:center;gap:16px;padding:0 8px 0 20px;border-radius:999px;background:#fff;color:#111;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:background .25s,color .25s,transform .25s}
.kreativija-case-page .case-hero-link b{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:17px;transition:transform .25s,background .25s,color .25s}
.kreativija-case-page .case-hero-link:hover{background:var(--red);color:#fff;transform:translateY(-4px)}
.kreativija-case-page .case-hero-link:hover b{background:#fff;color:var(--red);transform:rotate(45deg)}
.kreativija-page-content .page-content.section-case-intro{padding-top:clamp(100px,11vw,170px);padding-bottom:clamp(100px,11vw,170px);background:#fff}
.kreativija-page-content .section-case-intro .container{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(32px,7vw,130px);align-items:start}
.kreativija-page-content .section-case-intro .eyebrow{grid-column:1/-1;margin-bottom:clamp(30px,4vw,60px);color:var(--red)!important}
.kreativija-page-content .section-case-intro .section-title{grid-column:1;grid-row:2/span 2;max-width:10ch;margin:0;text-align:left;font-size:clamp(58px,7vw,116px);line-height:.9}
.kreativija-page-content .section-case-intro p{grid-column:2;max-width:680px;margin:0 0 24px;color:#4c4944}
.kreativija-page-content .section-case-steps .section-heading,.kreativija-page-content .section-case-results .section-heading{width:100%;max-width:none;margin:0;text-align:left}
.kreativija-page-content .section-case-steps .section-heading .eyebrow,.kreativija-page-content .section-case-results .section-heading .eyebrow{display:block;margin-bottom:24px;color:var(--red)!important}
.kreativija-page-content .section-case-steps .section-title,.kreativija-page-content .section-case-results .section-title{width:100%;max-width:17ch;margin:0 0 32px;text-align:left;font-size:clamp(58px,7.4vw,122px);line-height:.88}
.kreativija-page-content .section-case-steps .section-heading p,.kreativija-page-content .section-case-results .section-heading p{max-width:850px;margin:0;text-align:left}
.kreativija-page-content .cta-section.section-case-demo-cta{background:radial-gradient(circle at 76% 18%,rgba(255,255,255,.2),transparent 22%),linear-gradient(120deg,transparent 0 47%,rgba(0,0,0,.1) 47.2% 47.8%,transparent 48% 100%),repeating-linear-gradient(90deg,transparent 0 9.8vw,rgba(255,255,255,.07) 10vw),var(--red)}
.kreativija-page-content .section-case-demo-cta .cta-box{min-height:58svh;justify-content:center}
@media(max-width:760px){.kreativija-case-page .service-hero-foot{width:100%;gap:16px}.kreativija-case-page .service-hero-foot p{flex:1 0 100%}.kreativija-page-content .section-case-intro .container{grid-template-columns:1fr}.kreativija-page-content .section-case-intro .section-title,.kreativija-page-content .section-case-intro p{grid-column:1;grid-row:auto}.kreativija-page-content .section-case-intro .section-title{max-width:12ch}.kreativija-page-content .section-case-steps .section-title,.kreativija-page-content .section-case-results .section-title{max-width:12ch;font-size:clamp(48px,13vw,78px)}}


/* Homepage slider detail links 2026-10-04 */
.hero-bottom{width:min(1020px,88vw);flex-wrap:wrap}
.hero-bottom>p{flex:1 1 520px}
.hero-detail-link{display:inline-flex;min-height:54px;flex:0 0 auto;align-items:center;gap:16px;padding:0 8px 0 20px;border-radius:999px;background:#fff;color:#111;font-size:10px;font-weight:850;letter-spacing:.09em;white-space:nowrap;transition:background .25s,color .25s,transform .25s}
.hero-detail-link b{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:17px;transition:transform .25s,background .25s,color .25s}
.hero-detail-link:hover{background:var(--red);color:#fff;transform:translateY(-4px)}
.hero-detail-link:hover b{background:#fff;color:var(--red);transform:rotate(45deg)}
@media(max-width:900px){
  .hero-bottom{width:92%;gap:14px 12px}
  .hero-bottom>p{flex:1 0 100%}
  .hero-detail-link{min-height:50px;padding-left:17px;font-size:9px}
  .hero-detail-link b{width:36px;height:36px}
}
@media(max-width:560px){
  .hero-detail-link{max-width:calc(100vw - 96px)}
  .hero-detail-link span{overflow:hidden;text-overflow:ellipsis}
}
/* === KREATIVIJA BOOKING === */
.contact-company{margin-top:clamp(28px,4vw,58px);max-width:520px}.contact-company-label{font-size:.72rem;letter-spacing:.16em;color:#d20b22;margin:0 0 14px}.contact-company h3{font-family:"Playfair Display",serif;font-size:clamp(2rem,3.2vw,4rem);line-height:.95;margin:0 0 24px}.contact-company address{font-style:normal;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.65}.contact-company-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin:24px 0}.contact-company-links a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}.booking-open,.booking-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border:0;border-radius:999px;background:#d20b22;color:#fff;padding:8px 8px 8px 24px;min-height:58px;font:700 .76rem/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer;transition:transform .25s ease,background .25s ease}.booking-open b,.booking-submit b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#050505;font-size:1.1rem;transition:transform .25s ease}.booking-open:hover,.booking-submit:hover{background:#050505;transform:translateY(-2px)}.booking-open:hover b,.booking-submit:hover b{transform:rotate(45deg);background:#d20b22}.booking-dialog{width:min(1120px,calc(100vw - 30px));max-width:none;border:0;padding:0;background:transparent;color:#080808}.booking-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(9px)}.booking-dialog[open]{animation:bookingIn .35s ease both}.booking-shell{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,6vw,90px);background:#f4f2ed;border-radius:28px;padding:clamp(28px,5vw,72px);max-height:92vh;overflow:auto}.booking-close{position:absolute;right:18px;top:18px;width:46px;height:46px;border:0;border-radius:50%;background:#050505;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;z-index:2}.booking-intro h2{font-size:clamp(2.6rem,5vw,6rem);line-height:.88;margin:18px 0 28px}.booking-intro h2 em{color:#d20b22;font-weight:400}.booking-intro>p:last-child{font-size:1.05rem;line-height:1.6;max-width:42ch}.booking-form{display:grid;gap:18px;align-content:start}.booking-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.booking-form label{display:grid;gap:8px}.booking-form label>span{font-size:.68rem;letter-spacing:.14em;font-weight:700}.booking-form input,.booking-form select,.booking-form textarea{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #999;border-radius:0;background:transparent;color:#080808;padding:12px 0;font:500 1rem/1.3 Arial,sans-serif;outline:none}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:#d20b22}.booking-form .booking-address{display:none}.booking-form .booking-address.is-visible{display:grid}.booking-hp{position:absolute!important;left:-9999px!important}.booking-status{min-height:1.5em;margin:0;font-weight:700}.booking-status.is-error{color:#d20b22}.booking-status.is-success{color:#126b3b}@keyframes bookingIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:760px){.booking-shell{grid-template-columns:1fr;border-radius:20px;padding:64px 22px 28px}.booking-row{grid-template-columns:1fr}.booking-intro h2{font-size:clamp(2.4rem,12vw,4rem)}.contact-company-links{display:grid}.booking-dialog{width:calc(100vw - 16px)}}