/* REDbox Smart Marketing e.U. — custom responsive website */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--black:#080808;--black2:#101010;--black3:#171717;--red:#ed1c24;--red-bright:#ff313b;--white:#f6f4f2;--muted:#a5a3a2;--stroke:#2a2a2a;--container:1440px;--pad:clamp(20px,5vw,84px);--display:'Space Grotesk','Inter Display',Arial,sans-serif;--body:'DM Sans','Inter',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;overflow-x:hidden;color:var(--white);background:var(--black);font-family:var(--body);-webkit-font-smoothing:antialiased}::selection{background:var(--red);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%}button:focus-visible,a:focus-visible{outline:2px solid var(--red-bright);outline-offset:5px}.container{width:min(100%,var(--container));margin-inline:auto;padding-inline:var(--pad)}.skip-link{position:fixed;left:16px;top:-60px;padding:12px 20px;background:var(--red);z-index:999;color:white}.skip-link:focus{top:16px}.noise-overlay{position:fixed;z-index:30;inset:0;pointer-events:none;opacity:.055;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="160" height="160"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".88" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".4"/%3E%3C/svg%3E')}
/* navigation */
.site-header{height:91px;position:relative;z-index:50;border-bottom:1px solid #252525;background:rgba(8,8,8,.93);backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{width:max-content;display:inline-flex;flex-direction:column;align-items:flex-end;flex:none;line-height:1}.brand-line{display:flex;align-items:center;gap:1px}.brand-line img{width:auto;height:28px;display:block;object-fit:contain}.brand-line>span{font-family:var(--display);font-weight:500;font-size:39px;letter-spacing:-.09em;line-height:1}.brand-caption{font-size:7.5px;font-weight:700;letter-spacing:.28em;color:#cbcbcb;margin-top:5px;margin-right:1px}.nav{display:flex;align-items:center;gap:clamp(17px,2.5vw,42px);margin-left:auto}.nav>a{font-weight:600;font-size:12px;position:relative;transition:color .2s}.nav>a:not(.nav-mobile-contact):after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:1px;background:var(--red);transition:width .2s}.nav>a:hover{color:var(--red-bright)}.nav>a:hover:after{width:100%}.nav-mobile-contact{display:none}.header-contact{border:1px solid #b91b23;border-radius:100px;padding:13px 19px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:34px;white-space:nowrap;transition:background .22s,border-color .22s}.header-contact:hover{background:var(--red);border-color:var(--red)}.header-contact span{font-size:18px}.menu-toggle{display:none;background:none;border:0;padding:10px 0 10px 10px;color:white}.menu-toggle span{display:block;width:25px;height:2px;background:currentColor;transition:transform .2s}.menu-toggle span+span{margin-top:6px}
/* hero */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 72% 46%,#300709 0%,transparent 45%),radial-gradient(ellipse at 105% 5%,#171012 0%,transparent 38%),#080808;min-height:730px}.hero-grid-bg{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(to right,transparent calc(100% - 1px),#252021 100%),linear-gradient(to bottom,transparent calc(100% - 1px),#251b1c 100%);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent 8%,black 80%)}.hero-container{position:relative;min-height:760px;display:grid;grid-template-columns:1.13fr .87fr;align-items:center;padding-top:72px;padding-bottom:90px}.hero-content{position:relative;z-index:3;padding-top:18px}.eyebrow,.kicker{font-size:11px;letter-spacing:.22em;font-weight:700;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:13px;color:#c6b8b8}.eyebrow-line{width:25px;height:2px;background:var(--red)}.hero h1{font-family:var(--display);font-size:clamp(68px,6.65vw,110px);line-height:.92;letter-spacing:-.087em;margin:37px 0 15px;font-weight:700;white-space:nowrap}.heading-outline{-webkit-text-stroke:1.4px #fff;color:transparent}.red-text{color:var(--red)}.hero-period{display:inline-block;color:var(--white);font-size:.38em;margin-left:16px;vertical-align:top;transform:translateY(15px);animation:rotate-mark 16s linear infinite}@keyframes rotate-mark{to{transform:translateY(15px) rotate(360deg)}}.hero-tagline{margin:0 0 20px;font-family:var(--display);font-size:clamp(21px,2vw,29px);font-weight:500;letter-spacing:-.05em}.hero-description{font-size:15px;line-height:1.65;color:#bfb9b9;max-width:455px;margin:0}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:39px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;border-radius:100px;min-height:54px;padding:12px 14px 12px 24px;font-size:12px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-4px)}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#ff343d}.btn-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-size:19px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #898989;padding-bottom:9px;display:inline-flex;align-items:center;gap:22px;transition:border-color .2s,color .2s}.text-link:hover{color:var(--red);border-color:var(--red)}
.hero-art{height:590px;position:relative;z-index:1;transform:translateX(5%);perspective:1000px}.hero-art-glow{position:absolute;inset:8% 0 0 8%;background:radial-gradient(ellipse,#8e0b13 0%,#3e070ab5 24%,transparent 63%);filter:blur(35px)}.art-floor{position:absolute;left:-3%;right:-18%;bottom:10%;height:30%;background:repeating-linear-gradient(0deg,transparent 0 29px,#53202655 30px),repeating-linear-gradient(90deg,transparent 0 68px,#42232388 69px);transform:perspective(420px) rotateX(64deg);filter:blur(.2px);opacity:.65}.art-frame{position:absolute;top:15%;left:14%;width:66%;height:69%;border:1px solid #dd1f29;box-shadow:0 0 12px #ff1d2a,0 0 42px #f3162466,inset 0 0 13px #fc12265c;transform:rotateY(-13deg) rotateX(6deg) rotateZ(0deg);pointer-events:none}.art-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#ea1d2423,transparent 36%,#ea1d2414 88%)}.frame-back{transform:translate(49px,-30px) rotateY(-22deg) rotateX(8deg);opacity:.32}.frame-mid{transform:translate(26px,-15px) rotateY(-19deg) rotateX(6deg);opacity:.65}.frame-front{border-width:2px;background:radial-gradient(circle at 48% 40%,#1d0909bb,#08080899 70%)}.art-inner{position:absolute;top:15%;left:14%;width:66%;height:69%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotateY(-13deg) rotateX(6deg);text-shadow:0 1px 20px #000;gap:24px}.art-brand{font-family:var(--display);font-size:clamp(55px,6vw,92px);letter-spacing:-.095em;white-space:nowrap;font-weight:500}.art-brand>span:first-child{color:var(--red);font-weight:700}.art-star{font-size:24px;color:var(--red);vertical-align:top;margin-left:5px}.art-topline,.art-bottomline{font-size:9px;letter-spacing:.33em;color:#aaa;font-weight:700}.art-bottomline{color:#fff}.art-index,.art-coordinate{position:absolute;font-size:9px;letter-spacing:.18em;color:#8f8686}.art-index{right:0;top:10%;writing-mode:vertical-rl}.art-coordinate{left:5%;bottom:10%}.hero-bottom{position:absolute;bottom:26px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.17em;color:#8e8888;font-weight:700}.hero-bottom a{display:flex;align-items:center;gap:16px}.scroll-circle{display:grid;place-items:center;width:36px;height:36px;border:1px solid #555;border-radius:50%;font-size:18px;color:white;transition:background .2s}.hero-bottom a:hover .scroll-circle{background:var(--red);border-color:var(--red)}
/* bar */
.ticker{overflow:hidden;background:var(--red);color:#10090a;padding:15px 0;white-space:nowrap}.ticker-track{width:max-content;display:flex;align-items:center;animation:marquee 31s linear infinite;font-size:16px;font-family:var(--display);font-weight:700;letter-spacing:.025em}.ticker-track span{padding-inline:26px}.ticker-track b{font-size:21px;font-weight:400;color:#fff}@keyframes marquee{to{transform:translateX(-50%)}}
/* shared */
.section{padding-block:130px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:57px}.kicker{display:inline-block;color:#f04146}.kicker span{color:#fff;margin-right:9px}.section-heading h2,.about h2{font-family:var(--display);font-size:clamp(48px,5.6vw,88px);font-weight:700;line-height:1.03;letter-spacing:-.075em;margin:23px 0 0}.section-heading h2 em,.about h2 em{font-style:normal;color:var(--red)}.section-heading>p{font-size:15px;line-height:1.7;color:#aaa;max-width:328px;margin:0 0 7px}.reveal{opacity:0;transform:translateY(33px);transition:opacity .7s ease,transform .7s cubic-bezier(.19,1,.22,1)}.reveal.visible{opacity:1;transform:none}
/* services */
.services{background:#0c0c0c}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.service-card{min-height:350px;padding:26px 23px 23px;background:linear-gradient(130deg,#191919,#101010 70%);border:1px solid #2c2c2c;display:flex;flex-direction:column;transition:background .25s,border-color .25s,transform .25s}.service-card:hover{border-color:#7f2428;transform:translateY(-7px);background:linear-gradient(145deg,#2e0b0d,#151515 68%)}.service-card-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:37px}.service-nr{font-size:11px;color:#858585;letter-spacing:.1em}.service-card svg{color:var(--red);width:49px;height:49px}.service-card h3{font-size:clamp(22px,2.1vw,31px);font-family:var(--display);font-weight:600;letter-spacing:-.05em;line-height:1.08;margin:0 0 14px}.service-card p{font-size:12.5px;line-height:1.7;color:#aaa;margin:0 0 23px}.service-card a{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;font-size:11px;font-weight:700;padding-top:18px;border-top:1px solid #373737}.service-card a span{font-size:23px;font-weight:400;color:var(--red)}
/* featured work */
.concepts{background:#111}.concepts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.concept-card{min-width:0}.concept-card:nth-child(3){grid-column:1/-1}.concept-canvas{height:clamp(285px,32vw,465px);position:relative;overflow:hidden;isolation:isolate}.concept-card:nth-child(3) .concept-canvas{height:clamp(315px,33vw,460px)}.mini-corner{position:absolute;z-index:8;top:25px;left:27px;font-size:10px;letter-spacing:.2em;font-weight:700;color:#ffffffbd}.concept-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 3px 30px}.concept-meta>div>span{font-size:10px;letter-spacing:.2em;color:#9e9e9e;font-weight:700}.concept-meta h3{font:600 clamp(23px,2.3vw,32px) var(--display);letter-spacing:-.05em;margin:7px 0 0}.concept-arrow{border:1px solid #595959;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:24px;transition:background .2s,transform .2s,border-color .2s}.concept-card:hover .concept-arrow{transform:rotate(45deg);border-color:var(--red);background:var(--red)}
.art-branding{background:radial-gradient(circle at 48% 48%,#4e070c 0%,#290506 43%,#120808 78%),#260508}.art-branding:before{content:"";position:absolute;inset:-50%;background:repeating-linear-gradient(45deg,transparent 0 49px,#ffffff05 50px 51px);transform:rotate(-8deg)}.brand-ball{position:absolute;width:67%;aspect-ratio:1;top:14%;left:16%;border-radius:50%;background:radial-gradient(circle at 30% 23%,#ff646a 0%,#e81926 23%,#a50711 58%,#380004 83%);box-shadow:inset -16px -23px 27px #3b000a99,inset 10px 9px 30px #ff949347,24px 20px 55px #0009;display:grid;place-items:center;transform:rotate(-14deg);transition:transform .6s}.concept-card:hover .brand-ball{transform:rotate(-7deg) scale(1.035)}.brand-ball span{font:700 clamp(45px,5vw,79px)/.85 var(--display);letter-spacing:-.1em;text-align:center;text-shadow:0 1px 9px #0003}.brand-ball .dot-red{color:#250508}.brand-floater{position:absolute;font-size:10px;font-weight:700;letter-spacing:.18em;color:#eee}.floater-one{right:7%;bottom:10%;text-align:right}.floater-two{left:8%;bottom:11%;color:#c3797d}
.art-digital{background:radial-gradient(circle at 76% 15%,#e83b45 0%,#63282d 23%,transparent 58%),linear-gradient(135deg,#4b343d,#191319 60%)}.mock-browser{position:absolute;z-index:1;width:75%;height:72%;left:12%;top:16%;background:#f3e9db;border:6px solid #181619;border-radius:10px;box-shadow:30px 30px 0 #101010a8,2px 25px 70px #0009;transform:perspective(850px) rotateY(-12deg) rotateX(5deg) rotateZ(-3deg);overflow:hidden;transition:transform .6s}.concept-card:hover .mock-browser{transform:perspective(850px) rotateY(-5deg) rotateX(1deg) rotateZ(-1deg)}.browser-header{height:13%;background:#eee8e0;border-bottom:1px solid #a8a49e;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#171413;font-size:9px;letter-spacing:.17em;font-weight:700}.browser-body{position:relative;height:87%;overflow:hidden;background:linear-gradient(125deg,#ddd6ca,#a7aba1)}.browser-side{position:absolute;z-index:2;top:12%;left:9%;font:700 clamp(31px,4vw,65px)/.87 var(--display);letter-spacing:-.09em;color:#1f2320}.browser-orb{position:absolute;width:47%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 33%,#f5f1dd,#c5c5a7 29%,#697768 58%,#242a24 87%);right:6%;top:8%;box-shadow:22px 17px 21px #171b1e33}.browser-footer{position:absolute;bottom:8%;left:9%;font-size:9px;color:#272f26;font-weight:700;letter-spacing:.11em}
.art-social{background:radial-gradient(circle at 84% 51%,#f7303a,#a50d16 30%,transparent 47%),linear-gradient(112deg,#e42a36,#7f0b16)}.art-social:before{position:absolute;content:"";width:46%;height:200%;top:-49%;left:53%;border-left:2px solid #ff929740;border-right:2px solid #ff929740;transform:rotate(-19deg)}.social-shape{position:absolute;width:32%;aspect-ratio:1;border-radius:50%;border:50px solid #12090c;filter:drop-shadow(12px 17px 12px #32000488)}.social-shape.one{top:-45%;right:-6%;transform:rotateX(50deg)}.social-shape.two{bottom:-46%;left:-6%;transform:rotateX(30deg)}.social-big{position:absolute;top:50%;left:10%;transform:translateY(-50%);font:700 clamp(100px,14vw,208px)/.7 var(--display);letter-spacing:-.11em;color:#fff;z-index:2;text-shadow:4px 4px #52070c;white-space:nowrap}.social-big>span{color:#0f090a}.social-stamp{position:absolute;right:4%;bottom:10%;font-size:11px;letter-spacing:.28em;font-weight:700;color:#fff}
/* about */
.about{background:#0b0b0b;overflow:hidden}.about-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:8%}.about h2{font-size:clamp(53px,5.5vw,84px)}.about-lead{max-width:510px;color:#fff;font-size:clamp(19px,2.1vw,29px);font-family:var(--display);font-weight:500;line-height:1.4;letter-spacing:-.045em;margin:42px 0 18px}.about-copy>p:not(.about-lead){color:#aaa;font-size:14px;line-height:1.8;max-width:515px;margin-bottom:27px}.btn-outline{border:1px solid var(--red);color:#fff}.btn-outline .btn-icon{background:var(--red);color:#fff}.btn-outline:hover{background:var(--red)}.about-visual{height:550px;background:#ed1c24;position:relative;display:grid;place-items:center;overflow:hidden}.about-visual:before{content:"";position:absolute;width:150%;height:150%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 33px,#990d16 34px 35px);opacity:.52}.about-visual:after{content:"";position:absolute;width:64%;height:77%;border:2px solid #fff7;transform:rotate(29deg)}.about-circle{width:68%;aspect-ratio:1;position:relative;z-index:2;background:#10090a;border-radius:50%;display:grid;place-items:center;box-shadow:28px 30px 0 #bb101c;transform:rotate(-13deg)}.about-circle>span{font:700 clamp(43px,5.4vw,81px)/.91 var(--display);letter-spacing:-.085em;white-space:nowrap}.about-circle>span>span{color:var(--red)}.about-cross{position:absolute;z-index:3;font-size:36px}.about-cross.top{top:7%;right:7%}.about-cross.bottom{bottom:10%;left:8%}.about-visual-note{position:absolute;z-index:3;right:10%;bottom:6%;font-size:9px;color:#fff;letter-spacing:.16em;font-weight:700}
/* process */
.process{background:#111}.process-list{border-top:1px solid #3f3f3f}.process-row{display:grid;grid-template-columns:85px 1fr .77fr 35px;gap:25px;align-items:center;min-height:135px;border-bottom:1px solid #383838;transition:background .2s,padding .2s}.process-row:hover{background:#1d1011;padding-inline:14px}.process-number{color:var(--red);font-size:13px;font-weight:700}.process-row h3{font:600 clamp(31px,3.4vw,56px) var(--display);letter-spacing:-.07em;margin:0}.process-row p{max-width:340px;font-size:13px;color:#aaa;line-height:1.7}.process-sign{font-size:27px;color:var(--red)}
/* contact */
.contact{background:var(--red);color:#090909;padding:83px 0 51px;overflow:hidden}.contact .kicker{color:#310a0c}.contact .kicker span{color:#310a0c}.contact-top{display:flex;align-items:center;justify-content:space-between}.contact-plus{font-size:50px;line-height:1}.contact h2{font:700 clamp(51px,7.5vw,119px)/.94 var(--display);letter-spacing:-.095em;margin:65px 0 42px}.contact h2 span{color:transparent;-webkit-text-stroke:2px #130909}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.contact-bottom p{max-width:470px;font-size:clamp(17px,1.5vw,22px);line-height:1.5;font-weight:500;margin:0}.contact-round{width:137px;height:137px;border-radius:50%;background:#0c0c0c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;flex:none;transition:transform .2s,background .2s}.contact-round:hover{transform:rotate(-9deg) scale(1.06);background:#262626}.contact-round>span{font-size:44px;line-height:.9}.contact-round small{font-size:9px;font-weight:800;letter-spacing:.1em;text-align:center}.contact-details{border-top:1px solid #800c11;margin-top:75px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;font-weight:700}.contact-warning{color:#fff;background:#680a0f;padding:5px 8px}
/* footer */
.footer{padding:70px 0 28px;background:#070707}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:78px}.brand-footer .brand-line img{height:33px}.brand-footer .brand-line>span{font-size:44px}.footer-nav{display:flex;gap:28px;font-size:12px;color:#c0c0c0;font-weight:700}.footer-nav a:hover,.back-top:hover,.footer-bottom a:hover{color:var(--red)}.back-top{font-size:11px;font-weight:800;letter-spacing:.1em}.footer-bottom{border-top:1px solid #252525;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#8a8a8a;font-size:10px;font-weight:600;letter-spacing:.02em}.footer-bottom>span:nth-child(2){display:flex;gap:22px}
/* legal pages */
.legal-main{min-height:65vh;padding-top:100px;padding-bottom:120px}.legal-main h1{font:700 clamp(50px,7vw,95px)/1 var(--display);letter-spacing:-.075em;margin:24px 0 30px}.legal-main h2{font:600 25px var(--display);margin-top:45px}.legal-main p,.legal-main li{color:#bbb;line-height:1.8;max-width:740px;font-size:15px}.legal-notice{background:#281014;border-left:3px solid var(--red);padding:19px 24px;margin:30px 0;max-width:760px;color:#fff!important}.legal-main a:not(.btn){color:var(--red)}
@media (max-width:1240px){.hero-container{grid-template-columns:1.05fr .95fr}.hero h1{font-size:clamp(64px,6.4vw,90px)}.art-brand{font-size:clamp(45px,5.6vw,70px)}.service-card{padding-inline:19px}.service-grid{gap:10px}.hero-art{transform:translateX(0)}.about-circle>span{font-size:clamp(42px,5vw,65px)}}
@media (max-width:980px){.nav{gap:16px}.header-inner{gap:18px}.header-contact{gap:14px;padding-inline:14px}.hero{min-height:690px}.hero-container{min-height:700px;grid-template-columns:1fr .8fr}.hero-art{height:465px}.hero h1{font-size:clamp(59px,6.5vw,78px)}.hero-description{max-width:380px}.hero-actions{gap:20px}.section{padding-block:95px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:310px}.section-heading h2,.about h2{font-size:clamp(48px,6.4vw,70px)}.about-layout{gap:4%}.about-visual{height:460px}.about-circle>span{font-size:48px}.footer-nav{gap:15px}}
@media (max-width:720px){:root{--pad:22px}.site-header{height:76px}.brand-line img{height:23px}.brand-line>span{font-size:31px}.brand-caption{font-size:6px}.nav{display:none;position:absolute;top:75px;left:0;right:0;margin:0;background:#111;padding:22px var(--pad) 33px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #333;box-shadow:0 30px 40px #0008}.nav.is-open{display:flex}.nav>a{font-size:19px;padding:14px 0;border-bottom:1px solid #262626}.nav>a:after{display:none}.nav-mobile-contact{display:block}.header-contact{margin-left:auto;font-size:11px;padding:10px 12px;gap:7px}.header-contact span{font-size:14px}.menu-toggle{display:block}.menu-toggle.is-open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}body.menu-open{overflow:hidden}.hero{min-height:0}.hero-container{min-height:950px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-top:80px;padding-bottom:70px}.hero-content{padding-top:0}.hero h1{font-size:clamp(60px,10.5vw,83px);margin:32px 0 14px}.hero-tagline{font-size:23px}.hero-description{font-size:14px;max-width:480px}.hero-actions{margin-top:30px;gap:25px}.hero-art{height:370px;min-height:370px;width:100%;transform:none;margin-top:12px}.art-frame,.art-inner{top:12%;height:78%;left:20%;width:60%}.art-brand{font-size:clamp(43px,8vw,66px)}.art-index{right:6%}.art-coordinate{left:10%}.hero-bottom{bottom:18px}.hero-bottom>span{display:none}.hero-bottom a{margin-left:auto}.section-heading{display:block;margin-bottom:38px}.section-heading h2,.about h2{font-size:clamp(46px,9vw,65px)}.section-heading>p{max-width:500px;margin-top:22px}.concepts-grid{display:block}.concept-canvas,.concept-card:nth-child(3) .concept-canvas{height:clamp(295px,66vw,430px)}.concept-card+.concept-card{margin-top:26px}.brand-ball span{font-size:clamp(43px,9vw,74px)}.browser-side{font-size:clamp(36px,8vw,62px)}.social-big{font-size:clamp(100px,23vw,175px)}.about-layout{display:block}.about-copy{margin-bottom:50px}.about-visual{height:470px}.about-circle>span{font-size:clamp(50px,9.2vw,70px)}.process-row{grid-template-columns:42px 1fr 25px;gap:12px;padding:24px 0;min-height:0}.process-row h3{font-size:35px}.process-row p{grid-column:2;grid-row:2;margin:0}.process-sign{grid-column:3;grid-row:1}.contact h2{font-size:clamp(47px,8.5vw,75px);margin-top:55px}.contact-bottom p{font-size:17px;max-width:320px}.footer-top{flex-wrap:wrap;align-items:flex-start;padding-bottom:50px}.footer-nav{order:3;width:100%;gap:23px;flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:last-child{display:none}}
@media (max-width:460px){.header-contact{display:none}.hero-container{min-height:895px;padding-top:70px}.hero h1{font-size:clamp(54px,13vw,64px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.hero-art{margin-top:6px;height:340px;min-height:340px}.art-frame,.art-inner{left:12%;width:77%;height:70%;top:16%}.art-brand{font-size:46px}.art-index{right:0}.section{padding-block:80px}.section-heading h2,.about h2{font-size:clamp(44px,11vw,57px)}.service-grid{grid-template-columns:1fr}.service-card{min-height:275px}.service-card-top{margin-bottom:18px}.service-card h3{font-size:29px}.concept-canvas,.concept-card:nth-child(3) .concept-canvas{height:295px}.brand-ball{width:75%;left:13%;top:15%}.brand-ball span{font-size:51px}.brand-floater{font-size:8px}.browser-header{font-size:7px;padding-inline:12px}.browser-footer{font-size:7px}.mock-browser{left:8%;width:85%}.social-big{font-size:110px}.about-visual{height:365px}.about-circle>span{font-size:50px}.contact{padding-top:65px}.contact h2{font-size:clamp(40px,10vw,52px)}.contact h2 span{-webkit-text-stroke:1.1px #130909}.contact-bottom{align-items:flex-start}.contact-bottom p{font-size:15px}.contact-round{width:90px;height:90px}.contact-round>span{font-size:28px}.contact-round small{font-size:8px}.contact-details{align-items:flex-start;flex-direction:column;gap:10px}.footer-nav{gap:16px}.footer-bottom{gap:18px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}


/* =====================================================================
   REDBOX PREMIUM / V2 — logo legibility + visual redesign
   The supplied REDbox logo is kept EXACTLY as provided; it sits on an ivory
   brand plaque because the original word "BOX" and its subtitle are black.
   ===================================================================== */
:root{--black:#090a0b;--black2:#101113;--black3:#191a1c;--red:#ed1c24;--red-bright:#ff3640;--white:#f7f7f4;--muted:#aaa9ab;--stroke:#292b2f;--pad:clamp(24px,5.1vw,90px)}
body{background:var(--black);color:var(--white)}
.noise-overlay{opacity:.025}
.site-header{height:98px;background:rgba(8,9,10,.94);border-bottom:1px solid #ffffff24;position:sticky;top:0;z-index:60}
.header-inner{gap:32px}
.brand-plaque{display:flex;align-items:center;justify-content:center;flex:none;width:222px;height:65px;padding:7px 12px;background:linear-gradient(145deg,#ffffff,#f1eee9);border-radius:4px;box-shadow:inset 0 0 0 1px #ffffffad,0 8px 30px #0005;position:relative;transition:background .2s,transform .2s}
.brand-plaque:hover{background:#fff;transform:translateY(-1px)}
.brand-plaque img{display:block;max-height:49px;max-width:100%;width:195px;height:auto;object-fit:contain}
.brand-plaque:after{content:"";height:3px;position:absolute;bottom:0;left:0;right:0;background:var(--red);transform:scaleX(.26);transform-origin:left;transition:transform .25s ease}
.brand-plaque:hover:after{transform:scaleX(1)}
.nav>a{font-size:12px;letter-spacing:.01em;color:#dedede}
.nav>a:hover{color:#fff}
.header-contact{background:#ed1c24;border-color:#ed1c24;color:#fff;padding:13px 22px;box-shadow:0 8px 28px #ed1c241f}
.header-contact:hover{background:#ff333d;border-color:#ff333d}

/* Cinematic image-backed hero */
.hero-premium{min-height:765px;background:#070708;isolation:isolate;overflow:hidden}
.hero-premium .hero-container{display:flex;align-items:center;min-height:765px;padding-top:82px;padding-bottom:109px}
.hero-photo{position:absolute;inset:0 0 0 31%;z-index:-3;overflow:hidden}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% center;filter:saturate(.91) contrast(1.065)}
.hero-shading{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#08090b 0%,#08090b 23%,#08090bf2 36%,#08090b96 52%,#08090b10 75%,#08090b3f 100%),linear-gradient(0deg,#08090b 0%,transparent 25%,transparent 72%,#08090b72 100%)}
.hero-graph{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0%,#ffffff1a 49.9%,transparent 50.05%),linear-gradient(0deg,transparent 0%,#ffffff12 49.9%,transparent 50.05%);background-size:110px 110px;opacity:.13;mask-image:linear-gradient(90deg,#000,transparent 65%)}
.hero-premium .hero-content{max-width:820px;width:70%;padding-top:0}
.hero-premium .eyebrow{font-size:11px;letter-spacing:.26em;color:#d4cdce}
.hero-premium .hero h1,.hero-premium h1{font-size:clamp(72px,7.6vw,120px);line-height:.95;letter-spacing:-.086em;margin:39px 0 30px;white-space:normal;font-weight:700;text-shadow:0 6px 30px #0007}
.hero-premium h1 .red-text{color:#ff2934;white-space:nowrap;display:inline-block}
.hero-dot{color:#fff}
.hero-premium .hero-tagline{font-size:clamp(20px,2vw,29px);letter-spacing:-.055em;margin-bottom:17px;font-weight:600}
.hero-premium .hero-description{font-size:15px;max-width:430px;color:#c7c4c4;line-height:1.73}
.hero-premium .hero-actions{margin-top:39px;gap:28px}
.hero-premium .btn-red{min-height:59px;font-size:13px;padding-left:23px;padding-right:14px;box-shadow:0 18px 35px #ce151e34}
.hero-image-label{position:absolute;right:var(--pad);bottom:110px;z-index:2;display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.22em;color:#fff;text-shadow:0 1px 7px #000}
.hero-image-label .label-dash{width:29px;height:1px;background:var(--red-bright)}
.hero-image-label>span:last-child{color:#9c9595;margin-left:12px}
.hero-side-note{position:absolute;top:55px;right:var(--pad);font-size:9px;letter-spacing:.22em;transform:translateY(12px);color:#ffffffbd;text-shadow:0 2px 6px #000}
.hero-premium .hero-bottom{bottom:30px;border-top:1px solid #ffffff3b;padding-top:21px;color:#c1babb;letter-spacing:.18em}
.hero-premium .scroll-circle{border-color:#b9b9b962}

/* stronger editorial rhythm */
.ticker{padding-block:16px;background:var(--red);border-top:1px solid #ff6464;border-bottom:1px solid #d20d18}
.ticker-track{font-size:16px;letter-spacing:.035em}
.section{padding-block:124px}
.section-heading{margin-bottom:56px}
.section-heading h2,.about h2{letter-spacing:-.078em}
.services{background:#0d0e10}
.services .service-grid{gap:14px}
.service-card{background:linear-gradient(145deg,#1d1e20,#111214 68%);border-color:#303136;border-radius:5px;min-height:366px}
.service-card:hover{background:linear-gradient(135deg,#251215,#171719 72%);border-color:#c22931}
.service-card h3{letter-spacing:-.05em}
.concepts{background:radial-gradient(ellipse at 85% 0%,#211012 0%,transparent 45%),#08090b}
.concept-card{min-width:0}
.concept-canvas{border-radius:5px;overflow:hidden}
.concept-meta{padding-top:18px}
.statement{position:relative;background:#f1eee8;color:#0b0c0d;overflow:hidden;border-top:1px solid #fff;border-bottom:1px solid #fff}
.statement:before{content:"";position:absolute;top:-160px;right:-55px;width:310px;height:310px;border:35px solid #ed1c24;transform:rotate(29deg);opacity:.12}
.statement-inner{min-height:310px;display:flex;justify-content:space-between;align-items:center;gap:50px;padding-top:70px;padding-bottom:70px}
.statement-lead{font:700 clamp(58px,6.8vw,109px)/.92 var(--display);letter-spacing:-.095em;max-width:880px}
.statement-lead span{color:var(--red);font-size:.65em;vertical-align:top;line-height:1.3}
.statement-aside{font-size:14px;line-height:1.8;max-width:275px;min-width:205px;color:#373537;border-left:2px solid var(--red);padding-left:24px;align-self:end}
.statement-aside strong{color:#090909}
.about{background:#0d0e10}
.about-visual{border-radius:4px;box-shadow:20px 22px 0 #ffffff06}
.process{background:#111315}
.process-row:hover{background:#221214}
.contact{background:var(--red)}
.contact h2{font-size:clamp(51px,7.2vw,114px)}
.footer{background:#0a0b0d}
.footer-top{align-items:center}
.brand-footer{width:222px;height:65px}
.legal-main{min-height:70vh}

/* Important: content is visible from first paint even if JS is unavailable;
   this also prevents blank sections in full-page previews/screenshots. */
.reveal{opacity:1;transform:none}

@media (max-width:1190px){
 .hero-premium h1{font-size:clamp(68px,7.1vw,100px)}
 .hero-premium .hero-content{width:74%}
 .hero-photo{left:28%}
 .statement-lead{font-size:clamp(55px,6.5vw,85px)}
}
@media (max-width:980px){
 .site-header{height:88px}
 .brand-plaque{width:197px;height:59px}
 .brand-plaque img{width:174px}
 .hero-premium,.hero-premium .hero-container{min-height:730px}
 .hero-premium h1{font-size:clamp(66px,8.2vw,90px)}
 .hero-premium .hero-content{width:85%}
 .hero-photo{left:24%}
 .hero-shading{background:linear-gradient(90deg,#08090b 0%,#08090beF 33%,#08090bba 55%,#08090b55 100%),linear-gradient(0deg,#08090b 0%,transparent 25%,#08090b70 100%)}
 .statement-inner{display:block;min-height:0}
 .statement-lead{max-width:700px}
 .statement-aside{margin-top:33px;max-width:480px;align-self:auto}
}
@media (max-width:720px){
 .site-header{height:76px}
 .brand-plaque{width:158px;height:50px;padding:5px 8px}
 .brand-plaque img{width:143px;max-height:40px}
 .nav{top:75px}
 .header-contact{font-size:11px;padding:10px 12px}
 .hero-premium{min-height:780px}
 .hero-premium .hero-container{min-height:780px;display:flex;align-items:flex-start;justify-content:center;padding-top:83px;padding-bottom:102px}
 .hero-photo{inset:0 0 0 0}
 .hero-photo img{object-position:66% 30%;opacity:.79}
 .hero-shading{background:linear-gradient(90deg,#08090bdb,#08090b8e),linear-gradient(0deg,#08090b 0%,#08090b9a 30%,#08090baa 70%,#08090b63 100%)}
 .hero-premium .hero-content{width:100%;max-width:600px}
 .hero-premium h1{font-size:clamp(58px,10.7vw,82px);margin:31px 0 24px}
 .hero-premium .hero-tagline{font-size:24px}
 .hero-premium .hero-description{max-width:440px}
 .hero-premium .hero-actions{flex-direction:row;gap:22px;align-items:center}
 .hero-image-label{right:var(--pad);bottom:117px;letter-spacing:.13em;font-size:8px}
 .hero-side-note{display:none}
 .hero-premium .hero-bottom{bottom:22px}
 .statement-inner{padding-top:72px;padding-bottom:72px}
 .statement-lead{font-size:clamp(51px,11vw,78px)}
 .statement-aside{font-size:14px}
}
@media (max-width:460px){
 .brand-plaque{width:151px;height:50px}
 .brand-plaque img{width:137px}
 .hero-premium,.hero-premium .hero-container{min-height:740px}
 .hero-premium .hero-container{padding-top:75px}
 .hero-premium h1{font-size:clamp(51px,12vw,69px);letter-spacing:-.085em;margin:29px 0 26px}
 .hero-premium .hero-tagline{font-size:21px}
 .hero-premium .hero-description{font-size:14px;max-width:330px}
 .hero-premium .hero-actions{flex-direction:column;align-items:flex-start;gap:26px;margin-top:32px}
 .hero-premium .hero-actions .btn{min-height:55px}
 .hero-image-label{bottom:100px;left:var(--pad);right:auto}
 .hero-image-label>span:last-child{display:none}
 .hero-premium .hero-bottom{font-size:8px}
 .hero-premium .hero-bottom a{font-size:9px}
 .statement-lead{font-size:clamp(48px,11.8vw,59px)}
 .statement-inner{padding-block:63px}
}
@media (prefers-reduced-motion:reduce){.brand-plaque:after{transition:none}}


/* ==== REDBOX UPDATE V3: realistic insight gallery + richer copy ==== */
.section-heading>p{max-width:470px}
.service-card p{line-height:1.72;max-width:33ch}
.about-copy p{max-width:60ch}

.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.insight-card{background:linear-gradient(145deg,#161719,#0f1012 72%);border:1px solid #2f3135;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 45px #00000024;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.insight-card:hover{transform:translateY(-6px);border-color:#b3252d;box-shadow:0 22px 55px #00000040}
.insight-card img{display:block;width:100%;height:320px;object-fit:cover;object-position:center}
.insight-body{padding:24px 24px 27px}
.insight-kicker{display:inline-block;margin-bottom:14px;color:#f04b50;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.insight-body h3{margin:0 0 13px;font-family:var(--display);font-size:clamp(26px,2.2vw,34px);line-height:1.05;letter-spacing:-.05em}
.insight-body p{margin:0;color:#b8b7b7;font-size:15px;line-height:1.72;max-width:60ch}

@media (max-width:980px){
  .insight-grid{grid-template-columns:1fr;gap:20px}
  .insight-card img{height:300px}
  .section-heading>p{max-width:100%}
}
@media (max-width:720px){
  .insight-body{padding:21px 20px 24px}
  .insight-body h3{font-size:28px}
  .insight-card img{height:250px}
}
@media (max-width:460px){
  .insight-card img{height:220px}
}