
/* BRUHN MEDIA ULTIMATE / progressive enhancement / no external resources */
:root{--lime:#d7ff3f;--bg:#090b0b;--ink:#f6f7f1;--muted:#a5b1a8;--font:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body{font-family:var(--font)}.logo{font-family:var(--font)!important}.hero h1,.page-hero h1,.section-title{letter-spacing:-.065em}
::selection{background:var(--lime);color:#0a0b09}
.ultimate-menu-trigger{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid #48534a;color:var(--ink);border-radius:100px;padding:12px 18px;font-size:11px;font-weight:800;letter-spacing:.16em;transition:background .25s,color .25s;flex-shrink:0}.ultimate-menu-trigger:hover{background:var(--lime);color:#0b0e0b}.menu-bars{font-size:16px}.ultimate-menu{position:fixed;inset:0;z-index:110;background:rgba(8,12,10,.985);visibility:hidden;opacity:0;transform:translateY(-18px);transition:opacity .35s,transform .35s,visibility .35s;overflow-y:auto}.ultimate-menu.is-open{visibility:visible;opacity:1;transform:none}.ultimate-menu-inner{width:min(1100px,calc(100% - 56px));margin:0 auto;padding:115px 0 50px}.ultimate-menu nav{display:grid;gap:0;margin-top:26px}.ultimate-menu nav a{display:flex;align-items:baseline;gap:20px;padding:12px 0;border-bottom:1px solid #28332b;color:#84918a;font-size:13px;transition:color .2s,padding .2s}.ultimate-menu nav a strong{font-size:clamp(28px,5vw,65px);font-weight:850;letter-spacing:-.055em;color:var(--ink)}.ultimate-menu nav a:hover{padding-left:14px;color:var(--lime)}.ultimate-menu nav a:hover strong{color:var(--lime)}.menu-foot{display:flex;justify-content:space-between;gap:20px;margin-top:35px;color:#a8b1a8;font-size:12px}.menu-foot a{color:var(--lime)}body.menu-open{overflow:hidden}.site-header{z-index:120}.site-header:has(+ main){}.menu-open .site-header{background:#090d0a}.menu-open .ultimate-menu-trigger{background:var(--lime);color:#090b0b}.menu-toggle{display:none!important}
/* 3D stage */
.ultimate-3d-stage{--rx:-13deg;--ry:18deg;--mx:0px;--my:0px;position:relative;isolation:isolate;width:min(100%,490px);height:490px;margin:auto;perspective:1000px;transform:translate(var(--mx),var(--my));transition:transform .3s ease-out}.sculpture-halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d7ff3f55,transparent 48%),radial-gradient(circle,#182f1d,#090c0a 68%);filter:blur(22px);animation:halo-pulse 7s ease-in-out infinite}.sculpture-ring{position:absolute;inset:12%;border:1px solid #d7ff3f4a;border-radius:50%;transform:rotateX(72deg) rotate(-25deg);animation:ring-spin 24s linear infinite}.ring-b{inset:5%;transform:rotateY(76deg) rotate(15deg);animation-duration:32s;animation-direction:reverse}.sculpture-core{position:absolute;inset:19%;border-radius:32% 45% 34% 47%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .14s ease-out;box-shadow:inset -22px -28px 50px #030806, inset 18px 22px 38px #dcff7c45, 35px 50px 85px #000a, 0 0 90px #d7ff3f16;background:linear-gradient(137deg,#d9ff8d 0%,#4a7544 13%,#0e211b 34%,#0c100e 62%,#7b9d5b 88%,#18251a 100%);border:1px solid #b5e9787c;animation:sculpture-breathe 6s ease-in-out infinite}.sculpture-core:before{content:"";position:absolute;inset:8%;border:1px solid #f0ffc229;border-radius:inherit;transform:translateZ(15px)}.sculpture-shine{position:absolute;width:55%;height:17%;top:12%;left:10%;border-radius:100%;filter:blur(23px);background:#f1ffc660;transform:rotate(-35deg)}.sculpture-monogram{font-weight:900;font-size:clamp(65px,9vw,122px);line-height:1;letter-spacing:-.12em;color:#d7ff9a;text-shadow:4px 8px 0 #0c170e, 0 0 35px #ddff7c65;transform:translateZ(55px)}.sculpture-monogram span{color:#f9fff0}.sculpture-core small{font-size:9px;letter-spacing:.32em;color:#d5e6cd;transform:translateZ(35px)}.sculpture-float{position:absolute;z-index:2;font-size:9px;letter-spacing:.18em;color:#c7dfbf;border:1px solid #536b4c;background:#101710dd;padding:12px 14px;backdrop-filter:blur(12px)}.float-a{top:10%;right:0}.float-b{bottom:15%;left:0}.hero-visual{min-width:0}.hero-visual .visual-tag{bottom:0}
@keyframes halo-pulse{50%{opacity:.55;transform:scale(1.1)}}@keyframes ring-spin{to{rotate:360deg}}@keyframes sculpture-breathe{50%{border-radius:44% 33% 45% 35%;box-shadow:inset -22px -28px 50px #030806,inset 18px 22px 38px #dcff7c45,25px 35px 85px #000a,0 0 110px #d7ff3f2c}}
/* Cinematic reveal */
.js-reveal{opacity:0;transform:translateY(38px);filter:blur(4px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1),filter .85s}.js-reveal.is-visible{opacity:1;transform:none;filter:none}.js-reveal:nth-child(2n){transition-delay:.08s}
/* Cursor and magnetics */
.cursor-halo{position:fixed;z-index:150;pointer-events:none;width:30px;height:30px;border:1px solid #d7ff3f99;border-radius:50%;top:0;left:0;opacity:0;transform:translate(-50%,-50%);transition:width .2s,height .2s,opacity .2s,background .2s;mix-blend-mode:difference}.cursor-halo.is-active{opacity:1}.cursor-halo.is-hover{width:64px;height:64px;background:#d7ff3f44}.cursor-label{position:fixed;z-index:151;pointer-events:none;top:0;left:0;transform:translate(18px,18px);font-size:9px;font-weight:800;letter-spacing:.12em;color:#d7ff3f;opacity:0}.cursor-label.is-visible{opacity:1}.magnetic{will-change:transform}
/* Big finale */
.ultimate-finale{padding:clamp(95px,13vw,180px) 0;background:radial-gradient(ellipse at 65% 40%,#2b401d55,transparent 50%),#0b0e0c;border-top:1px solid #2a342a;overflow:hidden}.ultimate-finale h2{font-size:clamp(42px,8.5vw,130px);letter-spacing:-.085em;line-height:.98;margin:25px 0 32px;font-weight:900}.ultimate-finale h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #b3c1ac}.ultimate-finale .lime-dot{color:var(--lime)}.ultimate-finale p:not(.eyebrow){color:var(--muted);font-size:18px}.ultimate-finale-link{display:flex;justify-content:space-between;align-items:center;gap:30px;width:min(560px,100%);margin-top:48px;padding:22px 28px;border:1px solid var(--lime);border-radius:100px;color:var(--lime);font-size:clamp(13px,2vw,20px);font-weight:800;letter-spacing:.12em;transition:background .2s,color .2s}.ultimate-finale-link:hover{background:var(--lime);color:#10130d}.ultimate-finale-link span{font-size:28px}
/* Case studies */
.case-hero{background:radial-gradient(ellipse at 75% 50%,#37431c55,transparent 50%)}.case-hero .button{margin-top:25px}.case-art{min-height:420px;display:flex;align-items:center;justify-content:space-between;padding:clamp(30px,7vw,90px);border-radius:12px;overflow:hidden}.case-art span{font-size:clamp(42px,7vw,100px);font-weight:900;line-height:.95;letter-spacing:-.07em}.case-art small{font-size:.4em;letter-spacing:.05em}.case-art b{font-size:clamp(100px,20vw,250px);font-weight:300}.case-gold{background:radial-gradient(circle at 75% 50%,#dfbd78 0,#625039 32%,#181611 78%);color:#f5e6c4}.case-blue{background:radial-gradient(circle at 70% 45%,#368d9e,#0b3340 48%,#091216 85%);color:#e0fcff}.case-info{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:75px 0 45px}.case-info h2{font-size:clamp(32px,5vw,65px);line-height:1.05;letter-spacing:-.05em;margin:10px 0}.case-info>p{font-size:19px;line-height:1.8;color:var(--muted)}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #303a32;padding-top:26px;margin-bottom:55px}.case-facts div{display:grid;gap:12px}.case-facts span{color:var(--muted);font-size:10px;letter-spacing:.15em}.case-facts strong{font-size:16px}.status-pill{display:inline-block;border:1px solid var(--lime);border-radius:30px;color:var(--lime);padding:12px 20px;margin-top:20px;font-size:11px;letter-spacing:.14em}
/* Configurator */
.config-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:42px;align-items:start}.config-form{display:grid;gap:45px}.config-form fieldset{border:0;padding:0;margin:0;min-width:0}.config-form legend{font-size:clamp(20px,3vw,28px);font-weight:800;margin-bottom:22px}.config-form legend span{color:var(--lime);font-size:13px;margin-right:14px}.config-options{display:grid;gap:12px}.config-option{cursor:pointer}.config-option input{position:absolute;opacity:0}.config-option>span{display:grid;grid-template-columns:1fr auto;gap:5px;padding:24px;background:#131916;border:1px solid #303a33;border-radius:12px;transition:border .2s,background .2s}.config-option strong{font-size:18px}.config-option small{color:var(--muted);grid-column:1}.config-option b{grid-column:2;grid-row:1/3;color:var(--lime);align-self:center}.config-option input:checked+span{border-color:var(--lime);background:#1e2a1c}.config-option input:focus-visible+span{outline:3px solid white;outline-offset:3px}.config-extras{display:grid;gap:10px}.config-extras label{display:flex;align-items:center;gap:14px;padding:18px;background:#141916;border:1px solid #2c352d;border-radius:10px;cursor:pointer}.config-extras input{accent-color:var(--lime);width:20px;height:20px;flex-shrink:0}.config-extras label span{display:flex;justify-content:space-between;gap:12px;flex:1}.config-extras small{color:var(--lime)}.config-select-label{display:block;color:var(--muted);margin-bottom:12px}.config-form select{width:100%;background:#141916;color:white;border:1px solid #394439;padding:17px;border-radius:9px}.config-summary{position:sticky;top:115px;border:1px solid #526640;background:linear-gradient(160deg,#1c2819,#0e1510);padding:clamp(22px,3vw,38px);border-radius:16px;box-shadow:0 20px 80px #0007}.config-summary h2{font-size:34px;letter-spacing:-.05em}.config-line{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #344332;color:#c9d6c7}.config-line strong{color:#f5fff1}.config-total{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:28px 0 12px}.config-total span{color:var(--muted)}.config-total strong{font-size:clamp(32px,4vw,52px);letter-spacing:-.06em;color:var(--lime)}.config-summary>.button{display:flex;justify-content:center;margin:24px 0 12px;text-align:center}.config-summary small,.config-summary .fineprint{display:block;color:var(--muted);line-height:1.7}.config-promo,.teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.config-promo .button{justify-self:end}.teaser-art{min-height:320px;display:flex;align-items:center;justify-content:space-around;border:1px solid #43513c;background:radial-gradient(circle at 70% 30%,#547526,#14201a 50%,#0b100d);border-radius:18px;overflow:hidden}.teaser-art span{font-size:clamp(45px,6vw,90px);font-weight:900;line-height:.9;letter-spacing:-.08em}.teaser-art i{color:var(--lime);font-style:normal}.teaser-art b{font-size:100px;color:var(--lime)}
@media(max-width:1150px){.site-header #site-nav{display:none}.ultimate-menu-trigger{margin-left:auto}.hero-grid{grid-template-columns:1fr 1fr}.ultimate-3d-stage{height:410px}}
@media(max-width:760px){.ultimate-menu-trigger{padding:10px 14px}.ultimate-menu-inner{padding-top:100px}.ultimate-menu nav a strong{font-size:clamp(27px,7vw,45px)}.hero-grid,.case-info,.config-layout,.teaser-grid,.config-promo{grid-template-columns:1fr}.hero-visual{order:-1}.ultimate-3d-stage{height:310px;max-width:350px}.sculpture-monogram{font-size:75px}.hero.home{padding-top:35px}.case-art{min-height:280px}.case-facts{grid-template-columns:1fr}.config-summary{position:static}.config-promo .button{justify-self:start}.menu-foot{flex-direction:column}.cursor-halo,.cursor-label{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-reveal{opacity:1;transform:none;filter:none}}
