/* SSC starter pages 1.5.0 — local assets only, no fonts/CDN/trackers. */
:root{--bg:#071a29;--surface:#102b3e;--ink:#f4fafc;--muted:#a5bbca;--accent:#54e6c3;--accent-ink:#082525;--line:#284354;--radius:22px;--display:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:wait;opacity:.7}.wrap{width:min(1180px,calc(100% - 72px));margin:auto}.skip{position:fixed;left:16px;top:-100px;z-index:20;background:var(--accent);color:var(--accent-ink);padding:12px}.skip:focus{top:12px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:800;letter-spacing:1.2px}.brand img{width:37px;height:37px}.navlinks{display:flex;align-items:center;flex-wrap:wrap;gap:28px;font-size:13px;font-weight:600}.navlinks a:hover{color:var(--accent)}.domain{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);letter-spacing:.02em}.dot{width:7px;height:7px;border-radius:100%;background:var(--accent);flex:none}.hero{padding:84px 0 62px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.eyebrow{font-weight:700;letter-spacing:.15em;font-size:11px;color:var(--accent);display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:24px;height:2px;background:currentColor}h1,h2,h3,p{margin:0}h1{font-family:var(--display);font-size:clamp(40px,5.5vw,72px);letter-spacing:-.052em;line-height:1.04;font-weight:650;margin:24px 0}h2{font-family:var(--display);font-size:clamp(28px,3.5vw,45px);letter-spacing:-.04em;line-height:1.15;font-weight:650}h3{font-size:19px;line-height:1.35;letter-spacing:-.025em}.lead{font-size:17px;color:var(--muted);max-width:600px;line-height:1.8;white-space:pre-line}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;border:1px solid var(--line);padding:13px 20px;border-radius:9px;font-size:13px;font-weight:700;background:transparent;color:var(--ink)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button:hover{transform:translateY(-2px)}.micro{font-size:12px;color:var(--muted)}.hero-art{min-width:0;position:relative}.creative{aspect-ratio:1.05;position:relative;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 85% 5%,#207d7955,transparent 65%),var(--surface);padding:30px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.art-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:var(--muted);z-index:1}.art-main{font-size:clamp(62px,9vw,130px);font-weight:750;letter-spacing:-.07em;line-height:.86;color:var(--accent);z-index:1}.art-main span{display:block;color:var(--ink)}.art-foot{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:20px;gap:5px;font-size:11px;z-index:1}.orb{position:absolute;border:1px solid var(--accent);width:310px;height:310px;border-radius:50%;right:-135px;top:45px;opacity:.35}.orb.b{right:-85px;top:95px}.orb.c{right:-35px;top:145px}.ticker{border-block:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:12px}.ticker b{color:var(--accent);font-weight:500;margin-right:10px}.section{padding:72px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:45px;margin-bottom:32px}.section-head p{font-size:14px;color:var(--muted);white-space:pre-line}.section-label{font-size:10px;letter-spacing:.15em;color:var(--accent);font-weight:700;margin-bottom:14px}.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service{padding:27px 23px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:245px}.number{display:flex;justify-content:space-between;color:var(--accent);font-size:11px;margin-bottom:34px}.service p{font-size:13px;color:var(--muted);margin-top:14px;white-space:pre-line}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.project{border:1px solid var(--line);padding:25px;border-radius:13px;display:grid;grid-template-columns:1fr 35px;gap:8px;background:var(--surface)}.project strong{font-size:23px;letter-spacing:-.03em;display:block}.project p{font-size:13px;color:var(--muted);margin-top:5px}.arrow{color:var(--accent);font-size:25px;align-self:center;justify-self:end}.project:hover{border-color:var(--accent)}.contact{background:var(--accent);color:var(--accent-ink);padding:42px;border-radius:var(--radius);display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.contact p{font-size:14px;margin-top:17px;white-space:pre-line}.contact-details{display:flex;flex-direction:column;justify-content:center;gap:10px;font-size:16px}.contact-details a{border-bottom:1px solid currentColor;padding-bottom:7px}.contact-details address{font-size:13px;font-style:normal;white-space:pre-line}.footer{padding:30px 0 42px;font-size:11px;color:var(--muted)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:20px}.legal-links{display:flex;gap:19px;flex-wrap:wrap}.linkbutton{padding:0;background:none;border:0;color:inherit;text-decoration:underline;text-underline-offset:3px;font-size:inherit}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}.counter{font-size:11px;min-height:28px}.counter iframe{display:block;border:0;width:230px;max-width:100%;height:29px;background:transparent;color-scheme:light dark}[hidden]{display:none!important}.preview-alert{padding:10px 20px;background:#f8d785;color:#302411;text-align:center;font-size:12px}.legal{max-width:850px;padding:55px 0 90px}.legal h1{font-size:44px}.legal h2{font-size:23px;margin:32px 0 12px}.legal p{margin:12px 0;color:var(--muted);white-space:pre-line}.legal table{width:100%;border-collapse:collapse;font-size:13px}.legal td,.legal th{text-align:left;padding:12px;border:1px solid var(--line)}.legal a{text-decoration:underline}.legal .button{text-decoration:none}
/* Five deliberately different compositions, not only palette swaps. */
body.editorial{--bg:#f6f3eb;--surface:#eeeadf;--ink:#282b25;--muted:#696d61;--accent:#526b3f;--accent-ink:#fff;--line:#d7d6ca;--radius:0px;--display:Georgia,"Times New Roman",serif}.editorial .brand{letter-spacing:.03em}.editorial h1{font-weight:400;line-height:1.06;font-size:clamp(44px,5.8vw,78px)}.editorial .hero{grid-template-columns:1.4fr 1fr}.editorial .creative{background:#dbd9bc;min-height:470px;border:0;justify-content:flex-start;padding:35px}.editorial .art-main{font-family:Georgia,serif;font-weight:400;font-size:128px;margin-top:50px;color:#36452d}.editorial .art-main span{font-style:italic;color:#718357}.editorial .art-foot{margin-top:auto;border-color:#b0b593}.editorial .orb{border:50px solid #b5bd9b;width:270px;height:270px;top:150px;right:-70px;opacity:.45}.editorial .orb.b,.editorial .orb.c{display:none}.editorial .service{background:transparent;border:0;border-top:1px solid var(--line);padding:23px 0;margin-right:20px}.editorial .number{margin-bottom:22px}.editorial .project{border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--line);padding-left:0}.editorial .contact{background:#e4e7d8;color:var(--ink)}.editorial .button{border-radius:0}.editorial .hero-art{transform:rotate(2deg);margin:10px 15px}.editorial .section-head{grid-template-columns:1.2fr 1fr}
body.orbit{--bg:#fbfaff;--surface:#f1edfc;--ink:#242035;--muted:#71677f;--accent:#6743cd;--accent-ink:#fff;--line:#e0d8f0;--radius:26px}.orbit .hero{grid-template-columns:1fr;text-align:center;padding-top:65px;gap:35px}.orbit .hero-copy{max-width:820px;margin:auto}.orbit .eyebrow,.orbit .actions{justify-content:center}.orbit .lead{margin:auto}.orbit .hero-art{max-width:760px;width:100%;margin:auto}.orbit .creative{aspect-ratio:2.7;border-radius:130px;background:radial-gradient(ellipse at 50% 0%,#dcd2fa,transparent 70%),var(--surface);padding:24px 48px}.orbit .art-main{font-size:75px;line-height:1;letter-spacing:-.06em}.orbit .art-main span{display:inline;margin-left:12px}.orbit .orb{width:400px;height:400px;top:-100px;right:calc(50% - 200px);border:25px solid #ded2fc;opacity:.4}.orbit .orb.b{width:480px;height:480px;top:-140px;right:calc(50% - 240px);border:1px solid var(--accent)}.orbit .orb.c{display:none}.orbit .art-foot{border:0;padding:0}.orbit .art-head{justify-content:center;gap:20px}.orbit .button{border-radius:50px}.orbit .services{grid-template-columns:repeat(2,minmax(0,1fr))}.orbit .service{min-height:220px;padding:30px}.orbit .contact{border-radius:30px;background:#282034;color:#fff}.orbit .contact h2{color:#ddcdfd}.orbit .section-label{color:var(--accent)}
body.modul{--bg:#e9edeb;--surface:#f6f8f5;--ink:#19211d;--muted:#69716b;--accent:#d1ed68;--accent-ink:#202817;--line:#ccd3cc;--radius:12px}.modul .eyebrow,.modul .section-label,.modul .number,.modul .arrow{color:#496112}.modul .ticker b{color:#547224}.modul .hero{grid-template-columns:1fr 1.1fr;gap:36px}.modul h1{font-weight:800;letter-spacing:-.065em}.modul .creative{background:#202923;color:#fff;border:0;aspect-ratio:1.05}.modul .art-main{font-size:clamp(64px,8vw,116px);color:var(--accent);font-weight:850}.modul .art-main span{color:#f3f6ef}.modul .orb{border:0;background:#4b613c;opacity:1;right:-150px;top:25%;width:320px;height:320px;border-radius:45px;transform:rotate(35deg)}.modul .orb.b{width:220px;height:220px;right:-100px;top:40%;background:#6a8449}.modul .orb.c{width:140px;height:140px;right:-70px;top:55%;background:#d1ed68}.modul .art-foot{border-color:#4a594e}.modul .services{grid-template-columns:repeat(2,minmax(0,1fr))}.modul .service{display:grid;grid-template-columns:45px 1fr;gap:10px;min-height:180px}.modul .service .number{grid-row:span 2;font-size:20px;margin:0}.modul .service .number span:last-child{display:none}.modul .service p{grid-column:2;margin:0}.modul .contact{background:#202923;color:#f7faef}.modul .contact h2{color:var(--accent)}
body.atelier{--bg:#fff2e9;--surface:#ffe5d7;--ink:#332337;--muted:#836575;--accent:#5344cf;--accent-ink:#fff;--line:#e8cfc4;--radius:24px}.atelier .hero{grid-template-columns:1.1fr 1fr}.atelier h1{font-size:clamp(43px,5.8vw,76px);font-weight:750}.atelier .creative{background:#edb7a9;border:0;border-radius:50% 50% 18px 18px;aspect-ratio:1.02;padding:40px}.atelier .art-head{justify-content:center;gap:15px;color:#543f50;margin-top:18px}.atelier .art-main{font-size:clamp(66px,8.5vw,120px);color:#5344cf}.atelier .art-main span{color:#fff7ef}.atelier .art-foot{border:0;color:#543f50}.atelier .orb{background:#df9f99;border:0;right:-100px;top:40px;opacity:.7}.atelier .orb.b{background:#ffc8ae;right:-140px;top:150px}.atelier .orb.c{display:none}.atelier .services{grid-template-columns:1fr;gap:0}.atelier .service{display:grid;grid-template-columns:55px 1fr 1.6fr;align-items:center;gap:25px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:120px;padding:25px 0}.atelier .number{margin:0}.atelier .number span:last-child{display:none}.atelier .service h3{font-size:24px}.atelier .service p{margin:0}.atelier .project{background:#fff9f4;border-radius:16px}.atelier .contact{background:#5344cf;color:#fff}.atelier .button{border-radius:25px}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.navlinks{gap:14px}.hero,.editorial .hero,.modul .hero,.atelier .hero{gap:28px;padding-top:50px}.hero{grid-template-columns:1.15fr 1fr}.hero h1{font-size:46px}.creative{padding:22px}.art-main{font-size:78px}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial .creative{min-height:380px}.editorial .art-main{font-size:95px}.contact{padding:30px;gap:25px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.nav{padding:19px 0;flex-wrap:wrap;gap:14px}.navlinks{width:100%;justify-content:space-between;font-size:11px}.hero,.editorial .hero,.orbit .hero,.modul .hero,.atelier .hero{grid-template-columns:1fr;padding:38px 0 30px;gap:30px}.hero h1{font-size:clamp(38px,10vw,54px)}.hero .lead{font-size:15px}.creative{max-width:430px;margin:auto;aspect-ratio:1.25;padding:24px}.art-main{font-size:92px}.art-head{font-size:9px}.art-foot{font-size:10px}.hero-art{width:100%}.editorial .hero-art{margin:0;transform:none}.editorial .creative{min-height:340px}.editorial .art-main{font-size:95px;margin-top:25px}.orbit .creative{aspect-ratio:1.6;border-radius:50px;padding:24px}.orbit .art-main{font-size:58px}.orbit .art-foot{padding-top:15px}.section{padding:40px 0}.section-head,.editorial .section-head,.contact{grid-template-columns:1fr;gap:20px}.services,.orbit .services,.modul .services{grid-template-columns:1fr}.service{min-height:0}.number{margin-bottom:15px}.projects{grid-template-columns:1fr}.project strong{font-size:21px}.contact{padding:27px}.contact h2{font-size:32px}.ticker{font-size:11px;justify-content:flex-start;column-gap:20px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:16px}.atelier .service{grid-template-columns:30px 1fr;gap:10px;min-height:0}.atelier .service p{grid-column:2}.atelier .creative{border-radius:150px 150px 16px 16px}.legal h1{font-size:34px}.legal table{font-size:11px}.legal td,.legal th{padding:6px}.nav .domain{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}
/* Prevent aspect-ratio/min-height from imposing a larger min-content grid track. */
.hero>*{min-width:0}.creative{width:100%;min-width:0}.editorial .creative{aspect-ratio:auto}.section-head>*,.contact>*{min-width:0}

/* Consent is an independent dialog, never a flex item stretched by page styles. */
.ssc-consent { color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:20px;
  padding:0;margin:auto;position:fixed;inset:0;width:min(600px,calc(100% - 32px));max-width:calc(100% - 32px);
  max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);box-shadow:0 24px 100px #0005;overflow:hidden; }
.ssc-consent:not([open]){display:none}.ssc-consent[open]{display:flex;flex-direction:column}
.ssc-consent::backdrop{background:#0c192ba6;backdrop-filter:blur(4px)}
body.consent-open{overflow:hidden}
.consent-header{display:flex;align-items:flex-start;gap:16px;padding:26px 26px 20px;border-bottom:1px solid var(--line);flex:none}
.consent-header>div{flex:1;min-width:0}.consent-kicker{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:750}
.ssc-consent h2{font-family:var(--body);font-size:25px;line-height:1.25;letter-spacing:-.03em;margin:6px 0 0}
.consent-close{flex:none;width:34px;height:34px;line-height:1;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:24px;padding:0}
.consent-body{padding:20px 26px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto}
.consent-body>p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 17px}
.consent-row{display:flex;align-items:flex-start;gap:16px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:15px;margin:12px 0}
.consent-row>div,.consent-row>label{flex:1;min-width:0}.consent-row h3,.consent-row strong{display:block;font-family:var(--body);font-size:13px;line-height:1.5;letter-spacing:0;font-weight:700;margin:0 0 4px}
.consent-row p,.consent-row label span{display:block;font-size:12px;line-height:1.65;color:var(--muted)}
.consent-badge{flex:none;font-size:10px;border:1px solid var(--line);border-radius:6px;padding:3px 6px;color:var(--muted)}
.consent-option input{flex:none;width:21px;height:21px;margin:2px 0 0;accent-color:var(--accent);cursor:pointer}
.consent-option input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.consent-body .consent-help{font-size:11px;margin:16px 0 12px}
.consent-links{display:flex;gap:18px;flex-wrap:wrap;font-size:11px}.consent-links a{text-decoration:underline;text-underline-offset:3px}
.consent-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:18px 26px 22px;border-top:1px solid var(--line);flex:none}
.consent-footer button{font-family:var(--body);font-size:12px;line-height:1.35;font-weight:700;min-height:43px;border:1px solid var(--line);border-radius:9px;padding:10px 8px;background:var(--bg);color:var(--ink);white-space:normal}
.consent-footer .consent-accept{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.consent-footer button:hover{filter:brightness(.96)}
.ssc-consent .consent-error{border:1px solid #c85950;background:#ffede9;color:#8b2921;padding:12px;border-radius:8px;margin:15px 0 0;font-size:12px}
.consent-status{position:fixed;z-index:30;left:50%;bottom:20px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:13px 18px;font-size:12px;line-height:1.5;border-radius:12px;box-shadow:0 8px 35px #0003}
@media(max-width:460px){.consent-header{padding:18px 18px 14px}.ssc-consent h2{font-size:21px}.consent-body{padding:16px 18px}.consent-footer{padding:14px 18px 18px;grid-template-columns:1fr;gap:7px}.consent-footer button{min-height:39px}.consent-row{padding:12px;gap:10px}.consent-badge{font-size:9px}}
@media(max-height:520px){.consent-header{padding-top:12px;padding-bottom:12px}.ssc-consent h2{font-size:19px}.consent-kicker{display:none}.consent-footer{padding:10px 16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.consent-footer button{min-height:36px;font-size:11px;padding:6px}.consent-body{padding-top:12px;padding-bottom:12px}}

#consent-title:focus{outline:none}
.consent-option input{appearance:none;-webkit-appearance:none;width:42px;height:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);position:relative}
.consent-option input:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .15s}
.consent-option input:checked{background:var(--accent);border-color:var(--accent)}
.consent-option input:checked:before{background:var(--accent-ink);transform:translateX(18px)}
.consent-option input:disabled{opacity:.45;cursor:not-allowed}