/* NMÖ landing page — layout and responsive rules */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}body{min-height:100vh}.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 78% 35%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 46%)}.page-shell{max-width:1500px;margin:auto;padding:0 64px;position:relative}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:184px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px}.logo-frame{width:250px;display:block;flex-shrink:0;background:transparent}.logo-frame img{width:100%;height:auto;display:block;object-fit:contain}.header-contact{font-size:12px;display:flex;gap:36px;align-items:center}.header-contact>span{font-size:20px;color:var(--accent)}.hero{min-height:650px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;position:relative;padding:65px 0 58px;gap:20px}.hero-copy{position:relative;z-index:2}.status{display:inline-flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.8px;border:1px solid var(--line);border-radius:100px;padding:10px 14px;background:color-mix(in srgb,var(--soft) 60%,transparent)}.status>span{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:3px;margin:38px 0 19px}h1{font-size:clamp(42px,4.6vw,70px);line-height:1.04;letter-spacing:-3px;font-weight:400;margin:0}h1 em{font-style:normal;color:var(--accent)}.intro{color:var(--text);font-size:16px;line-height:1.75;margin:26px 0 9px}.support{font-size:12px;color:var(--muted);line-height:1.8;max-width:365px;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;font-size:12px;font-weight:600;border-radius:5px;padding:0 19px;border:1px solid var(--line);transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.primary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.secondary{background:var(--soft);color:var(--text)}.button>span{margin-left:12px}.signature{font-size:13px;position:relative;padding-left:33px}.signature-line{position:absolute;left:0;top:7px;width:20px;height:1px;background:var(--accent)}.signature small{font-size:10px;color:var(--muted);display:block;margin-top:7px}/* Custom spine artwork and layered anatomical composition. */
.sculpture-area{--tilt-x:0deg;--tilt-y:0deg;height:620px;position:relative;display:grid;place-items:center;perspective:1200px;min-width:0;isolation:isolate}.art-halo{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 10%,transparent),transparent 65%);pointer-events:none}.sculpture{position:absolute;inset:0;display:grid;place-items:center;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .6s ease-out;z-index:3;pointer-events:none}.spine{width:100%;height:94%;animation:spine-float 9s ease-in-out infinite;transform-origin:50% 55%}.spine img{display:block;height:100%;width:100%;object-fit:contain}.art-scale{position:absolute;left:3%;top:17%;bottom:17%;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--muted);font-size:8px;letter-spacing:1px;opacity:.65}.art-scale i{width:8px;flex:1;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,var(--line) 0,var(--line) 1px,transparent 1px,transparent 14px)}.anatomy-label{position:absolute;z-index:4;pointer-events:none}.anatomy-label span{display:block;font-size:7px;letter-spacing:1.5px;color:var(--accent);margin-bottom:7px}.anatomy-label strong{display:block;font-size:10px;font-weight:400;letter-spacing:.3px;color:var(--muted)}.anatomy-label i{position:absolute;height:1px;background:linear-gradient(90deg,var(--line),var(--accent));width:48px;top:13px}.anatomy-label i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.cervical{left:6%;top:19%}.cervical i{left:calc(100% + 10px);transform:rotate(14deg);transform-origin:left}.thoracic{right:0;top:44%}.thoracic i{right:calc(100% + 10px);transform:rotate(180deg)}.lumbar{left:7%;top:72%}.lumbar i{left:calc(100% + 10px);transform:rotate(-12deg);transform-origin:left}.art-ground{position:absolute;bottom:20px;left:24%;right:24%;height:20px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%);filter:blur(8px);animation:ground-breathe 9s ease-in-out infinite}.sculpture-caption{position:absolute;bottom:-6px;left:8%;right:4%;display:flex;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:1.4px;color:var(--muted)}.motion-control{position:absolute;bottom:23px;right:0;z-index:5;border:1px solid var(--line);color:var(--muted);background:var(--soft);border-radius:30px;padding:8px 11px;font-size:9px;display:flex;gap:10px;align-items:center}.motion-control:hover{color:var(--text)}.paused :is(.spine,.art-ground){animation-play-state:paused}@keyframes spine-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes ground-breathe{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.contact-strip{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0}.section-number,.contact-label{font-size:9px;letter-spacing:1.8px;color:var(--muted)}h2{font-size:22px;font-weight:400;letter-spacing:-.5px;margin:14px 0 0}.contact-item{border-left:1px solid var(--line);padding-left:32px;display:flex;flex-direction:column;gap:11px}.contact-label{display:flex;justify-content:space-between}.contact-label>span{color:var(--accent);font-size:15px}.contact-item strong{font-weight:400;font-size:21px;letter-spacing:-.4px}.contact-item small{color:var(--muted);font-size:12px}.contact-item:hover strong{color:var(--accent)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0;font-size:9px;color:var(--muted)}footer a span{margin-left:10px;color:var(--accent)}
@media(min-width:1500px){.hero{min-height:730px}.sculpture-area{height:630px}.spine{height:96%}}
@media(max-width:1050px){.page-shell{padding:0 36px}h1{font-size:49px;letter-spacing:-2px}.hero{grid-template-columns:1.15fr 1fr;gap:0}.anatomy-label strong{font-size:9px}.anatomy-label i{width:24px}.cervical{left:0}.lumbar{left:0}.sculpture-caption{left:0;right:0;font-size:7px}.contact-strip{gap:20px}.contact-item{padding-left:20px}.contact-item strong{font-size:17px}}
@media(max-width:760px){.page-shell{padding:0 24px}.header{height:144px;gap:12px}.logo-frame{width:175px}.logo-frame img{width:100%;height:auto}.brand{gap:12px}.header-contact{font-size:10px;gap:9px}.hero{padding:42px 0 30px;grid-template-columns:1fr;gap:12px;min-height:auto}.hero-copy{max-width:540px}.eyebrow{margin-top:30px;font-size:9px}h1{font-size:clamp(37px,8.3vw,58px);letter-spacing:-1.7px}.intro{font-size:15px}.support{max-width:340px}.sculpture-area{height:540px;margin-top:8px}.spine{height:94%}.anatomy-label strong{font-size:9px}.anatomy-label i{width:24px}.cervical{left:0}.lumbar{left:0}.sculpture-caption{left:5%;right:5%;bottom:0;font-size:7px}.motion-control{bottom:28px;right:5%}.contact-strip{grid-template-columns:1fr;padding:28px 0;gap:26px}.contact-heading{padding-bottom:5px}.contact-item{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.contact-item strong{font-size:22px}footer{align-items:flex-start;flex-wrap:wrap;line-height:1.7;gap:12px}footer>span:nth-child(2){width:100%;order:3}.actions{gap:10px}.button{padding:0 14px;font-size:11px}.status{font-size:8px;letter-spacing:1.1px}.ambient{background:radial-gradient(ellipse at 70% 50%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 45%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spine,.art-ground{animation:none}.sculpture{transition:none;transform:none}.button{transition:none}}

.creator-credit{text-align:center;padding:0 0 22px;color:var(--muted);font-size:10px;letter-spacing:.5px}