/* Mangelsdorf.dev V3 — pearl, glass and brushed-metal accents. */
:root {
  --bg:#eef3f3; --surface:#f9fbfb; --ink:#162d39; --muted:#5a6d76;
  --line:#c4d2d7; --blue:#096a9e; --green:#237155; --gold:#9b7950;
  --max:1440px; --sans:"Aptos","Segoe UI",Arial,sans-serif;
  font-family:var(--sans); font-synthesis:none; color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;min-height:100vh;color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;
  background:radial-gradient(ellipse at 7% 0%,#c0e7ef9c,transparent 42%),radial-gradient(ellipse at 91% 15%,#d7e7dca6,transparent 40%),radial-gradient(ellipse at 43% 86%,#e6d6c07d,transparent 47%),linear-gradient(125deg,#f2f6f7,#f7f6f1 46%,#e9f0f1);
  background-attachment:scroll;
}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.32;background-image:linear-gradient(#67929c18 1px,transparent 1px),linear-gradient(90deg,#67929c18 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#000,transparent 65%)}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p,h1,h2,h3{margin:0}a,button,summary,input,select{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #146c91;outline-offset:5px}
[hidden]{display:none!important}::selection{background:#b9dce2;color:#122c39}.wrap{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--ink);color:white;z-index:1000;border-radius:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
/* A translucent header, with a compact metal monogram. */
.site-header{position:relative;background:#ffffff40;border-bottom:1px solid #ffffffb3;box-shadow:0 1px 0 #1c485012;backdrop-filter:blur(20px)}
.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:14px;font-size:20px;letter-spacing:-.65px;font-weight:650}
.brand-symbol{width:44px;height:44px;display:grid;place-items:center;color:#29414a;border-radius:14px;font:30px/1 Georgia,serif;padding-bottom:5px;background:linear-gradient(135deg,#fff 5%,#d2dde0 43%,#fefdf8 53%,#c8d4d7);border:1px solid white;box-shadow:0 5px 12px #48636f17,inset 0 -1px 2px #334a5933}
.brand-suffix{font-weight:400;color:#6b7c83}
nav{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
nav a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 19px;border-radius:50px;transition:background .2s,box-shadow .2s,color .2s}
.nav-projects{color:#566a72}.nav-projects:hover,.nav-projects[aria-current=page]{background:#ffffffa3;color:#183b49}
.nav-presentation{background:linear-gradient(145deg,#ffffffcb,#edf1f1c9);border:1px solid white;box-shadow:0 3px 8px #4059680d,inset 0 0 0 1px #455f7012;color:#294752}
.nav-presentation:hover{background:white;box-shadow:0 4px 15px #42596919}.nav-presentation .icon{width:17px;height:17px;color:#426b79}
/* Editorial introduction; blue, sage and champagne orbit around the monogram. */
.home-intro{display:flex;justify-content:space-between;align-items:center;padding:49px 2px 39px;gap:32px;position:relative}
.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:650;letter-spacing:2.7px;color:#526e78}
.mini-rule{height:1px;width:31px;display:block;background:linear-gradient(90deg,#608a99,#b9a286)}
.home-intro h1{font-size:clamp(54px,5.45vw,88px);font-weight:500;line-height:1.06;letter-spacing:-4px;margin:14px 0 0}
.home-intro h1 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;background:linear-gradient(108deg,#4c7184 4%,#395e62 45%,#9a845f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-4.6px}
.copper-dot{color:#a18a68}.intro-description{font-size:16px;line-height:1.7;color:var(--muted);margin-top:15px;letter-spacing:.05px}
.intro-signature{position:relative;flex-shrink:0;width:200px;height:145px;margin-right:27px;display:grid;place-items:center;perspective:700px}
.signature-orbit{position:absolute;width:164px;height:164px;border-radius:50%;border:1px solid #fff9;box-shadow:inset 1px 1px 0 #fff,0 1px 1px #6789972e;transform:rotateX(57deg) rotateZ(-30deg)}
.signature-orbit:nth-child(1){border:2px solid #7eafc07a;transform:rotateX(57deg) rotateZ(-28deg) translateY(-24px)}
.signature-orbit:nth-child(2){border:2px solid #8aae9c73;transform:rotateY(59deg) rotateZ(24deg) translateX(-4px)}
.signature-orbit:nth-child(3){border:2px solid #bb9f7685;transform:rotateY(59deg) rotateZ(-43deg) translateX(23px)}
.signature-core{position:relative;display:grid;place-items:center;width:76px;height:76px;background:linear-gradient(135deg,#fff,#e0e9e9 50%,#faf9f3 52%,#d2e0e2);border:1px solid #fff;border-radius:25px;box-shadow:0 18px 32px #5a859331,inset 0 -2px 3px #8aadb52e;color:#4c6f7c;font:46px/1 Georgia,serif;padding-bottom:8px;transform:rotate(-10deg)}
.signature-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#a0bcc6;border:2px solid white;box-shadow:0 0 12px #518f9a44;right:15px;top:49px}
/* Four large glass panels. All navigation is real; Hey-OV deliberately is not. */
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.project-card{--tone:#266b8c;position:relative;isolation:isolate;min-width:0;min-height:345px;display:flex;flex-direction:column;padding:28px 34px 0;border-radius:30px;border:1px solid #ffffffed;overflow:hidden;box-shadow:0 18px 50px -24px #3b64773b,0 3px 9px #385d6c09,inset 0 0 0 1px #fff9;transition:transform .3s ease,box-shadow .3s ease}
.project-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#ffffff70,transparent 40%,#ffffff28 75%,#ffffffa1);border:1px solid #aac1cc25}
.project-card:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x,80%) var(--pointer-y,20%),#ffffff66,transparent 47%);opacity:.45;transition:opacity .3s}
.linked-card:hover,.sorveil-card:focus-within{transform:translateY(-5px);box-shadow:0 23px 44px -20px #37586946,0 4px 12px #385d6c0a}
.linked-card:hover:after,.sorveil-card:hover:after{opacity:1}.static-card{cursor:default}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:2}
.category{font-size:10px;letter-spacing:1.9px;font-weight:700;display:inline-flex;align-items:center;gap:9px;color:var(--tone)}
.category-dot{height:6px;width:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #ffffff72}
.card-index{font:10px/1.2 "Consolas","Courier New",monospace;letter-spacing:1px;color:#526976;border:1px solid #ffffffa6;border-radius:7px;padding:6px 8px;background:#ffffff31}
.card-body{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-height:222px;position:relative;z-index:1}
.card-copy{position:relative;z-index:3;min-width:0}.card-copy h2{font-size:44px;line-height:1.08;font-weight:600;letter-spacing:-1.8px}
.card-copy p{font-size:16px;line-height:1.65;margin-top:11px;color:#4a6878}
.card-bottom{min-height:71px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #1b526f19;position:relative;z-index:2}
.status-label{font-size:12px;line-height:1.35;color:#446576}.transport-list{font-size:9px;letter-spacing:.85px;font-weight:600;color:#466b80}
.card-cta{display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:650;white-space:nowrap}
.arrow-circle{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffffdb;border-radius:50%;background:linear-gradient(140deg,#ffffffba,#ffffff1a);box-shadow:0 3px 5px #2254710a,inset 0 0 0 1px #2c627d15;transition:background .2s,transform .2s}
.arrow-circle .icon{width:17px;height:17px}.linked-card:hover .arrow-circle{transform:translateX(3px);background:white}
.logo-scene{width:208px;height:208px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;margin-right:5px}
.logo-scene:before{content:"";position:absolute;width:174px;height:174px;border:1px solid #ffffffdd;border-radius:40px;background:linear-gradient(140deg,#ffffffb8,#ffffff14 51%,#ffffff75);box-shadow:inset 1px 1px 0 #fff,0 19px 26px -13px #4c839438;transform:rotate(-12deg);z-index:1}
.app-logo{position:relative;z-index:2;object-fit:contain;filter:drop-shadow(0 10px 15px #38769b20)}
.hey-card{background:radial-gradient(ellipse at 84% 51%,#b3dff286,transparent 58%),linear-gradient(120deg,#f5fbff,#dfeff7 55%,#d3e6ed);color:#123b53}
.hey-logo{width:137px;height:auto;border-radius:28px}
.orbit{position:absolute;width:237px;height:237px;border:1px solid #327b9e20;border-radius:50%;z-index:0}
.orbit-two{width:297px;height:297px;border-style:dashed;border-color:#327b9e1a}
.orbit-one:after{content:"";position:absolute;top:38px;right:25px;width:7px;height:7px;background:#73b0c9;border-radius:50%;border:2px solid #e7f8ff;box-shadow:0 0 0 5px #81b9d111}
.hey-card .status-label{font-size:10px;white-space:nowrap;border:1px solid #4583a22a;border-radius:50px;padding:5px 10px;background:#ffffff38}
.life-card{--tone:#39775d;color:#204a39;background:radial-gradient(ellipse at 85% 50%,#badbbd88,transparent 58%),linear-gradient(120deg,#f8fbf0,#e7efe1 60%,#d7e5db)}
.life-card .card-copy p{color:#526f5d}.life-card .card-bottom{border-color:#32633c1a}.life-card .status-label{color:#507259}
.life-logo{width:129px;height:129px;border-radius:31px;filter:drop-shadow(0 10px 15px #195d2d23)}
.life-scene:before{transform:rotate(10deg)}.life-ring{position:absolute;width:239px;height:239px;border:1px solid #427a4b1e;border-radius:46%;transform:rotate(-17deg)}.life-ring.ring-two{width:288px;height:288px;border-style:dashed;border-radius:46%;transform:rotate(12deg)}
.life-ring.ring-one:after{content:"";position:absolute;top:74px;left:-2px;width:7px;height:7px;background:#80a68a;border-radius:50%;border:2px solid #eff8eb;box-shadow:0 0 0 5px #80a68a11}
.sorveil-card{--tone:#8f714d;padding:0;color:#463c30;background:radial-gradient(ellipse at 85% 45%,#d6c3a78c,transparent 58%),linear-gradient(120deg,#fbf8f2,#f0e8db 58%,#e7dfd1)}
.sorveil-destination{position:relative;z-index:1;display:flex;flex-direction:column;padding:28px 34px 0;flex:1}
.sorveil-destination:focus-visible{outline-offset:-5px;border-radius:30px 30px 0 0}.sorveil-card .card-body{min-height:222px}
.sorveil-card .card-copy h2{font:54px/1.08 Georgia,"Times New Roman",serif;letter-spacing:-1.5px;font-weight:400}
.sorveil-card .card-copy p{font:italic 16px/1.65 Georgia,"Times New Roman",serif;color:#75634d}
.sorveil-cta{display:inline-flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.6px;color:#80643f;margin-top:15px}.sorveil-cta .icon{width:14px;height:14px}
.sorveil-scene:before{background:linear-gradient(135deg,#ffffffa6,#ffffff1a 45%,#ffffff6b);transform:rotate(-12deg);width:184px;height:184px}
.sorveil-logo{width:152px;height:152px;border-radius:50%;object-fit:cover;position:relative;z-index:2;box-shadow:0 10px 20px #4e3e373d;border:1px solid #fff9}
.record-ring{position:absolute;width:236px;height:236px;border-radius:50%;border:1px solid #967a5524}.record-ring.ring-two{width:280px;height:280px;border-color:#967a551c;border-style:dashed}
.record-ring.ring-one:before{content:"";position:absolute;bottom:16px;right:48px;width:7px;height:7px;background:#b59872;border:2px solid #fff4e1;border-radius:50%;box-shadow:0 0 0 5px #b5987211}
.music-dock{height:71px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-inline:34px;border-top:1px solid #967a5529;position:relative;z-index:3;gap:22px}
.music-dock:before,.music-dock:after{content:"";display:block;width:60px;height:1px;background:linear-gradient(90deg,transparent,#a38b6544)}
.music-dock:after{transform:rotate(180deg)}
.music-button{width:49px;height:49px;border-radius:50%;background:linear-gradient(135deg,#fff8ea,#e4d2b5 48%,#fff4e2 51%,#c9b390);color:#574529;border:1px solid #fff8e8;box-shadow:0 5px 10px #6b543e19,inset 0 0 0 1px #9d7b4f1c;display:grid;place-items:center;transition:transform .22s,box-shadow .22s;padding:0}
.music-button svg{width:19px;height:19px}.music-play-icon{margin-left:-2px}.music-button:not(:disabled):hover{transform:scale(1.07);box-shadow:0 5px 14px #6b543e27,0 0 0 4px #fff7e751}
.music-button:disabled{opacity:.5}.music-button[aria-busy=true]{outline:2px dotted #9f855b;outline-offset:4px}.music-button[aria-pressed=true]{background:linear-gradient(135deg,#8d7758,#574a3a);color:#fff8eb;border-color:#bca888;box-shadow:0 0 0 4px #9c805813,0 4px 9px #6b543e20}
.sorveil-card.is-playing .record-ring.ring-two{animation:record-orbit 30s linear infinite}.sorveil-card.is-playing .sorveil-logo{box-shadow:0 10px 25px #735c3c4d,0 0 0 5px #fffaef70}
@keyframes record-orbit{to{transform:rotate(360deg)}}
.donovan-card{--tone:#48697d;background:radial-gradient(ellipse at 85% 55%,#bacddd91,transparent 58%),linear-gradient(120deg,#f4f8fb,#e5ecf2 55%,#d7e0e8);color:#244252}
.donovan-card h2{font-size:37px;line-height:1.13;letter-spacing:-1.2px}.donovan-card .card-copy p{color:#526e7e;font-size:15px}.donovan-card .card-bottom{border-color:#456f871c}.donovan-card .status-label{color:#597182}
.presentation-scene{perspective:700px}.presentation-scene:before{width:234px;height:234px;border-radius:50%;background:transparent;border:1px solid #587b971f;box-shadow:none;transform:none}
.photo-back,.photo-front{width:194px;height:149px;border:1px solid #ffffffed;border-radius:14px;position:absolute;background:linear-gradient(130deg,#eff5f9,#9ab1c0);box-shadow:0 18px 23px -10px #2f506f38}
.photo-back{transform:rotate(-12deg) translate(0,-9px)}
.photo-front{transform:rotate(8deg) translate(1px,5px);overflow:hidden;background:#fff;padding:6px;transition:transform .3s}
.photo-front img{width:100%;height:100%;object-fit:cover;border-radius:8px}.photo-front:after{content:"";position:absolute;inset:55% 6px 6px;background:linear-gradient(transparent,#16354899);border-radius:0 0 8px 8px}
.photo-counter{position:absolute;bottom:16px;left:17px;font-size:10px;color:#fff;z-index:1;font-variant-numeric:tabular-nums;letter-spacing:.3px}
.presentation-badge{width:45px;height:45px;border-radius:14px;position:absolute;right:-1px;bottom:11px;background:linear-gradient(135deg,#fff,#cbdbe3 60%,#fff);color:#386378;display:grid;place-items:center;border:1px solid white;box-shadow:0 5px 12px #26465e26;z-index:3}.presentation-badge .icon{width:22px;height:22px}.donovan-card:hover .photo-front{transform:rotate(3deg) translate(1px,1px)}
/* Shared subpages, deliberately in the same light material language. */
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #6b858c25;margin-top:40px;padding:22px 2px 30px;color:#60747c;font-size:11px;letter-spacing:.25px}.footer-domain{color:#8c795b}
.page-tools{padding:30px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:15px}.page-kicker{font-size:10px;color:#637982;letter-spacing:2px}
.back-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:12px 21px;border:1px solid #315567;background:linear-gradient(135deg,#426779,#233e4b);color:#fff;border-radius:13px;font-size:13px;font-weight:600;box-shadow:0 7px 14px -7px #14394e5e,inset 0 1px 0 #ffffff30;transition:box-shadow .2s,transform .2s}
.back-button:hover{box-shadow:0 9px 20px -6px #14394e69;transform:translateX(-2px)}.back-button .icon{width:19px;height:19px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:11px;padding:10px 16px;background:#e7eff2;border:1px solid #b5c9d2;color:#264c60;font-size:12px;font-weight:600;transition:background .2s}.button.secondary{background:#f5f9fa;color:#24485a;border-color:#c0d1d8}.button:hover{background:white}
.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:53px;border:1px solid white;border-radius:30px;overflow:hidden;position:relative;box-shadow:0 15px 35px -22px #416f5952}
.detail-hero .eyebrow{color:#53755c;font-size:10px}.detail-hero h1{font-size:clamp(34px,4.3vw,61px);line-height:1.12;letter-spacing:-2.3px;font-weight:500;margin:20px 0 24px}
.detail-hero p:not(.eyebrow){font-size:16px;line-height:1.9;max-width:650px;color:#3f614e}.detail-logo{width:164px;height:164px;flex-shrink:0;border-radius:36px;box-shadow:0 18px 34px #193d3022}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:27px 0}.feature{border:1px solid white;background:linear-gradient(135deg,#ffffffbc,#f0f6f0b0);padding:30px;border-radius:23px;box-shadow:0 10px 25px -18px #52796145}
.feature>.icon{color:#48856a;width:27px;height:27px;margin-bottom:24px}.feature h2{font-size:19px;letter-spacing:-.4px;font-weight:600;margin-bottom:13px}.feature p{font-size:14px;line-height:1.85;color:#586e60}
.detail-note{border-left:2px solid #86aa94;padding:7px 0 7px 20px;margin:30px 0 40px;color:#587163;font-size:13px;max-width:850px;line-height:1.8}.detail-note strong{color:#2c4c3b;font-weight:600}
.error-page{padding:65px 0;min-height:65vh}.error-page h1{font-family:Georgia,serif;font-size:48px;line-height:1.2;font-weight:400;margin:18px 0}.error-page p{color:var(--muted);margin-bottom:30px}
/* Responsive composition, with readable text and full-size touch targets. */
@media(min-width:1680px){.home-intro{padding-block:57px 43px}.project-card{min-height:367px}.card-body,.sorveil-card .card-body{min-height:244px}.card-copy h2{font-size:49px}.sorveil-card .card-copy h2{font-size:60px}.donovan-card h2{font-size:42px}.logo-scene{width:235px;height:220px;margin-right:12px}.logo-scene:before{width:187px;height:187px}.hey-logo{width:150px}.life-logo{width:141px;height:141px}.sorveil-logo{width:165px;height:165px}.photo-front,.photo-back{width:208px;height:158px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.project-card{padding-inline:27px;min-height:326px}.card-body{min-height:204px}.sorveil-card{padding:0}.sorveil-destination{padding-inline:27px}.sorveil-card .card-body{min-height:204px}.music-dock{margin-inline:27px}.logo-scene{width:165px;height:190px;margin-right:0}.logo-scene:before{width:149px;height:149px;border-radius:33px}.hey-logo{width:117px}.life-logo{width:111px;height:111px;border-radius:26px}.sorveil-logo{width:130px;height:130px}.card-copy h2{font-size:38px}.sorveil-card .card-copy h2{font-size:48px}.donovan-card h2{font-size:32px}.card-copy p{font-size:14px}.donovan-card .card-copy p{font-size:13px}.photo-front,.photo-back{width:156px;height:127px}.presentation-badge{right:-3px;bottom:17px;width:39px;height:39px;border-radius:12px}.transport-list{font-size:7px;letter-spacing:.3px}.status-label,.card-cta{font-size:11px}.hey-card .status-label{font-size:9px}.category{font-size:9px;letter-spacing:1.6px}.card-bottom{gap:8px}.orbit,.life-ring,.record-ring{width:204px;height:204px}.orbit-two,.life-ring.ring-two,.record-ring.ring-two{width:250px;height:250px}.detail-hero{padding:40px}.feature{padding:26px}.feature h2{font-size:17px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header-inner{height:82px}.home-intro{padding-block:38px 32px}.home-intro h1{font-size:61px;letter-spacing:-3px}.home-intro h1 em{letter-spacing:-3.5px}.intro-signature{transform:scale(.85);transform-origin:right center;margin-right:0;width:170px}.intro-description{font-size:14px}.project-grid{gap:20px}.project-card{padding-inline:23px;min-height:315px}.sorveil-card{padding:0}.sorveil-destination{padding-inline:23px}.music-dock{margin-inline:23px}.card-body,.sorveil-card .card-body{min-height:193px;gap:8px}.logo-scene{width:126px;height:163px}.logo-scene:before{width:127px;height:127px;border-radius:29px}.hey-logo{width:101px}.life-logo{width:94px;height:94px;border-radius:22px}.sorveil-logo{width:112px;height:112px}.card-copy h2{font-size:34px}.sorveil-card .card-copy h2{font-size:44px}.donovan-card h2{font-size:28px}.card-copy p{font-size:13px}.sorveil-card .card-copy p{font-size:14px}.donovan-card .card-copy p{font-size:12px}.photo-front,.photo-back{width:122px;height:104px}.presentation-scene:before{width:181px;height:181px}.presentation-badge{width:35px;height:35px;bottom:15px;right:-4px}.presentation-badge .icon{width:18px;height:18px}.card-cta{font-size:10px;gap:8px}.status-label{font-size:10px}.transport-list{font-size:7px;max-width:140px;line-height:1.7}.hey-card .status-label{font-size:8px;padding-inline:7px}.arrow-circle{width:31px;height:31px}.feature-grid{gap:15px}.feature{padding:22px}.detail-hero{padding:34px;gap:26px}.detail-logo{width:123px;height:123px;border-radius:28px}.detail-hero h1{font-size:42px}.detail-hero p:not(.eyebrow){font-size:15px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-inner{height:75px;gap:10px}.brand{font-size:16px;gap:9px;letter-spacing:-.5px}.brand-symbol{width:35px;height:35px;border-radius:11px;font-size:25px;padding-bottom:4px}.nav-projects{display:none}nav{gap:0}.nav-presentation{min-height:40px;font-size:10px;padding-inline:11px;gap:6px}.nav-presentation .icon{width:15px;height:15px}.home-intro{padding:34px 1px 30px;gap:0}.home-intro h1{font-size:clamp(40px,8.7vw,61px);letter-spacing:-2.5px;margin-top:13px}.home-intro h1 em{letter-spacing:-2.7px}.intro-description{font-size:13px;margin-top:12px}.eyebrow{font-size:9px;letter-spacing:2px}.mini-rule{width:24px}.intro-signature{display:none}.project-grid{grid-template-columns:1fr;gap:20px}.project-card{min-height:309px;border-radius:26px;padding:25px 26px 0}.category{font-size:9px;letter-spacing:1.6px}.card-index{font-size:9px}.card-body,.sorveil-card .card-body{min-height:189px;gap:10px}.card-copy h2{font-size:40px;letter-spacing:-1.5px}.card-copy p{font-size:14px}.logo-scene{width:149px;height:176px}.logo-scene:before{width:145px;height:145px;border-radius:33px}.hey-logo{width:115px;border-radius:24px}.life-logo{width:108px;height:108px;border-radius:25px}.sorveil-logo{width:125px;height:125px}.orbit,.life-ring,.record-ring{width:204px;height:204px}.orbit-two,.life-ring.ring-two,.record-ring.ring-two{width:249px;height:249px}.card-bottom{min-height:71px;gap:10px}.transport-list{font-size:7px;max-width:none;letter-spacing:.25px}.hey-card .status-label{font-size:9px;padding-inline:8px}.status-label{font-size:10px}.card-cta{font-size:11px;gap:10px}.arrow-circle{width:33px;height:33px}.sorveil-card{padding:0}.sorveil-destination{padding:25px 26px 0}.music-dock{margin-inline:26px}.sorveil-card .card-copy h2{font-size:48px}.sorveil-card .card-copy p{font-size:14px}.sorveil-cta{margin-top:11px}.photo-front,.photo-back{width:143px;height:116px}.presentation-badge{width:36px;height:36px;right:-1px;bottom:12px}.donovan-card h2{font-size:31px}.donovan-card .card-copy p{font-size:13px}.site-footer{font-size:10px;margin-top:29px;padding:21px 1px 27px}.page-tools{padding-block:23px}.page-kicker{display:none}.back-button{font-size:12px;min-height:47px;padding:11px 17px}.detail-hero{padding:29px;flex-direction:column;align-items:flex-start;gap:20px;border-radius:26px}.detail-logo{width:89px;height:89px;border-radius:22px;order:-1}.detail-hero h1{font-size:39px;letter-spacing:-1.7px;margin-top:17px}.detail-hero p:not(.eyebrow){font-size:14px}.detail-hero .eyebrow{font-size:9px;letter-spacing:1.7px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature{padding:26px;border-radius:20px}.feature h2{font-size:19px}.feature>.icon{margin-bottom:16px}.detail-note{font-size:12px}.error-page h1{font-size:38px}}
@media(max-width:390px){.wrap{width:calc(100% - 28px)}.project-card{padding-inline:22px;min-height:299px}.sorveil-card{padding:0}.sorveil-destination{padding-inline:22px}.music-dock{margin-inline:22px}.card-body,.sorveil-card .card-body{min-height:179px}.logo-scene{width:123px;height:159px}.logo-scene:before{width:125px;height:125px;border-radius:29px}.hey-logo{width:100px}.life-logo{width:95px;height:95px}.sorveil-logo{width:109px;height:109px}.card-copy h2{font-size:35px}.sorveil-card .card-copy h2{font-size:44px}.donovan-card h2{font-size:28px}.card-copy p{font-size:13px}.donovan-card .card-copy p{font-size:12px}.photo-front,.photo-back{width:122px;height:103px}.card-cta{font-size:10px}.transport-list{font-size:6px}.hey-card .status-label{font-size:8px}.nav-presentation{padding-inline:9px;font-size:9px}.brand{font-size:15px}.brand-symbol{width:32px;height:32px;font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Schorpioen-M met punt: exact het goedgekeurde symbool; bestaande badges blijven behouden. */
.brand-symbol,.signature-core{padding:0!important;overflow:hidden}
.brand-glyph{display:block;width:91%;height:auto;max-height:86%;object-fit:contain;flex-shrink:0;user-select:none;pointer-events:none}
.signature-core .brand-glyph{width:90%;max-height:84%}