/* Super Intelligence — v6 (production update 23/09/2026). Three colours: deep black, ivory, electric blue (used sparingly). */
:root{
  color-scheme: dark;
  --black:#050608;
  --black-2:#0C0E12;
  --ivory:#F2EEE6;
  --blue:#2F5BFF;
  --blue-hover:#1F48E6;
  --blue-soft:#93ABFF;
  --on-black:#F2EEE6;
  --on-black-2:#BDC1C8;
  --on-ivory:#0B0C0F;
  --on-ivory-2:#4A4D55;
  --rule-black:rgba(242,238,230,.16);
  --rule-ivory:rgba(11,12,15,.16);
  --sans:"Manrope","Helvetica Neue",Arial,sans-serif;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --maxw:1240px;
  --gutter:clamp(20px,5vw,64px);
  --header:68px;
  --radius:3px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--black);color:var(--on-black);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.page{overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0}
h1,h2,h3{margin:0;font-weight:400;text-wrap:balance}
:focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px}
.ivory :focus-visible{outline-color:var(--blue)}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;background:#fff;color:#000;padding:10px 14px;z-index:100}
.kicker{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
section[id]{scroll-margin-top:var(--header)}
.ivory{background:var(--ivory);color:var(--on-ivory);color-scheme:light}
.black{background:var(--black);color:var(--on-black)}
.display{font-family:var(--serif);font-weight:300;letter-spacing:-.015em;line-height:1.02}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.06em;text-decoration:none;padding:17px 26px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;background:none;color:inherit;transition:background .2s,border-color .2s}
.btn.primary{background:var(--blue);color:#fff}
.btn.primary:hover{background:var(--blue-hover)}
.btn.quiet{border-color:rgba(242,238,230,.45)}
.btn.quiet:hover{border-color:var(--on-black)}
.ivory .btn.quiet{border-color:rgba(11,12,15,.45)}
.ivory .btn.quiet:hover{border-color:var(--on-ivory)}
.btn.sm{padding:11px 16px;font-size:12.5px}
.btn[disabled]{background:#2A2D33;color:#BDC1C8;cursor:not-allowed}
.link{background:none;border:0;padding:4px 0;font:inherit;font-size:14px;font-weight:600;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.link:hover{text-decoration-thickness:2px}

.preprod{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:70;background:rgba(12,14,18,.9);color:#AEB3BB;font-size:11px;letter-spacing:.04em;padding:5px 9px;border-radius:3px;pointer-events:none}

/* header */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(5,6,8,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rule-black)}
.bar{height:var(--header);display:flex;align-items:center;gap:30px}
.brand{font-family:var(--serif);font-size:18px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--on-black);white-space:nowrap}
.brand b{font-weight:400;color:var(--blue-soft)}
nav.main{display:flex;gap:30px;margin-left:auto}
nav.main a{font-size:14.5px;font-weight:500;text-decoration:none;color:var(--on-black-2)}
nav.main a:hover{color:var(--on-black)}
.langs{display:flex;gap:4px}
.langs a{font-size:12.5px;font-weight:600;text-decoration:none;color:var(--on-black-2);padding:6px 5px}
.langs a:hover{color:var(--on-black)}
.langs a[aria-current="page"]{color:var(--on-black);text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--blue)}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid rgba(242,238,230,.35);color:var(--on-black);font:inherit;font-size:13px;font-weight:600;padding:9px 16px;border-radius:var(--radius);cursor:pointer}
.mobile-nav{display:none}
@media (max-width:1100px){
  nav.main,.bar .langs,.bar .btn{display:none}
  .menu-btn{display:block}
  .mobile-nav{display:block;position:absolute;top:100%;left:0;right:0;z-index:49;background:var(--black);border-bottom:1px solid var(--rule-black);max-height:calc(100svh - var(--header));overflow-y:auto}
  .mobile-nav[hidden]{display:none}
  .mobile-nav .panel{padding:4px var(--gutter) 24px;display:grid}
  .mobile-nav a.item{padding:15px 0;font-size:19px;text-decoration:none;border-bottom:1px solid var(--rule-black)}
  .mobile-nav .btn{margin-top:20px;width:100%}
  .mobile-nav .langs{margin-top:14px;gap:8px}
  .mobile-nav .langs a{padding:8px 6px}
}
@media (max-width:400px){.brand{font-size:15px;letter-spacing:.12em}}

/* hero — immediately legible, no entrance animation */
.hero{position:relative;background:var(--black);min-height:clamp(600px,calc(100svh - var(--header)),900px);display:flex;align-items:center;overflow:hidden}
.hero picture{position:absolute;inset:0}
.hero .hero-img{width:100%;height:100%;object-fit:cover;object-position:74% 44%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.97) 0%,rgba(5,6,8,.9) 34%,rgba(5,6,8,.35) 64%,rgba(5,6,8,.05) 84%)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-block:56px}
.hero-copy{max-width:760px}
.hero .kicker{color:var(--on-black-2)}
.hero h1{margin-top:30px}
.hero h1 .claim{display:block;font-family:var(--sans);font-weight:500;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.3;letter-spacing:.05em;text-transform:uppercase;color:var(--on-black)}
.hero h1 .sig{display:block;margin-top:22px;font-family:var(--serif);font-weight:300;font-size:clamp(3.2rem,6.4vw,6.4rem);line-height:.94;letter-spacing:-.02em;text-transform:uppercase;color:#fff}
.hero h1 .sig .dot{color:var(--blue)}
.hero .sub{margin-top:30px;max-width:44ch;font-size:clamp(1.02rem,1.3vw,1.16rem);color:var(--on-black-2)}
.hero .ctas{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.hero .flag{margin-top:30px;font-size:14.5px;color:var(--on-black-2)}
.hero .flag a{color:var(--on-black);font-weight:600;text-underline-offset:5px;text-decoration-color:var(--blue)}
@media (max-width:760px){
  .hero{display:block;min-height:0}
  .hero picture{position:relative;display:block}
  .hero .hero-img{height:auto;aspect-ratio:16/9;object-position:50% 45%}
  .hero::after{inset:0 0 auto 0;height:calc(100vw * .5625);background:linear-gradient(0deg,rgba(5,6,8,1) 0%,rgba(5,6,8,0) 40%)}
  .hero .wrap{padding-block:6px 40px}
  .hero h1{margin-top:18px}
  .hero h1 .claim{font-size:16.5px}
  .hero h1 .sig{margin-top:14px;font-size:clamp(2.5rem,12.2vw,3.2rem)}
  .hero .sub{margin-top:18px;font-size:16px}
  .hero .ctas{margin-top:22px}
  .hero .ctas .btn{width:100%}
  .hero .flag{margin-top:20px}
}

/* signal — second section: text left, image right */
.signal{background:var(--black);border-top:1px solid var(--rule-black)}
.sig6{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"text img" "src img" "cta img";grid-template-rows:auto auto 1fr;min-height:clamp(600px,46vw,660px)}
.s-text{grid-area:text;padding:clamp(48px,4.6vw,68px) clamp(32px,4.5vw,72px) 0 max(var(--gutter),calc((100vw - var(--maxw))/2 + var(--gutter)))}
.sig6 .sources{grid-area:src;padding:22px clamp(32px,4.5vw,72px) 0 max(var(--gutter),calc((100vw - var(--maxw))/2 + var(--gutter)))}
.s-cta{grid-area:cta;align-self:start;padding:26px clamp(32px,4.5vw,72px) clamp(48px,4.6vw,68px) max(var(--gutter),calc((100vw - var(--maxw))/2 + var(--gutter)))}
.s-img{grid-area:img;margin:0;position:relative;min-height:100%}
.s-img picture{position:absolute;inset:0}
.s-img img{width:100%;height:100%;object-fit:cover;object-position:40% 30%}
.s-img figcaption{position:absolute;left:16px;bottom:12px;right:16px;font-size:12px;color:rgba(242,238,230,.78);text-shadow:0 1px 8px rgba(0,0,0,.8)}
.signal .kicker{color:var(--on-black-2)}
.signal .tension{margin-top:18px;font-size:clamp(.95rem,1.15vw,1.05rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--on-black)}
.signal h2{margin-top:16px;font-size:clamp(1.7rem,2.3vw,2.25rem);line-height:1.12;max-width:26ch}
.signal .s-body{margin-top:18px;color:var(--on-black-2);max-width:56ch;font-size:16.5px}
.sig6 .sources{font-size:14px;color:var(--on-black-2);display:flex;flex-wrap:wrap;gap:4px 18px;align-items:baseline}
.sig6 .sources a{color:var(--on-black);font-weight:600;text-underline-offset:4px;text-decoration-color:rgba(242,238,230,.4)}
@media (max-width:900px){
  .sig6{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "img" "src" "cta";grid-template-rows:none;min-height:0}
  .s-text{padding:48px var(--gutter) 28px}
  .s-img{min-height:0}
  .s-img picture{position:relative;display:block}
  .s-img img{height:auto;aspect-ratio:4/3;object-position:50% 25%}
  .sig6 .sources{padding:18px var(--gutter) 0}
  .s-cta{padding:24px var(--gutter) 52px}
  .s-cta .btn{width:100%}
}

/* portfolio — dark catalogue of lots */
.pf6{--pf-bg:#0C1017;--card:#131924;--card-2:#171E2B;--rule:rgba(242,238,230,.11);background:var(--pf-bg);color:var(--on-black);padding-block:clamp(72px,8vw,112px);border-top:1px solid var(--rule-black)}
.pf6 .pf-head{margin-bottom:clamp(36px,4vw,56px)}
.pf6 .pf-head .kicker{color:var(--on-black-2)}
.pf6 .pf-head h2{margin-top:16px;font-size:clamp(2.1rem,4.2vw,3.6rem)}
.pf6 .pf-sub{margin-top:16px;color:var(--on-black-2);max-width:52ch}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column;min-width:0}
.card .num{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--on-black-2)}
.card h3{margin-top:12px;font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,2.3vw,2.1rem);line-height:1.08}
.card .cnt{margin-top:4px;font-size:14px;color:var(--on-black-2)}
.card .doms{margin-top:18px;border-top:1px solid var(--rule)}
.card-foot{margin-top:auto;padding-top:18px}
.card .why{color:var(--on-black-2);font-size:15px;max-width:48ch}
.card .btn.sel{margin-top:20px;width:100%;border-color:rgba(242,238,230,.3)}
.card .btn.sel:hover{border-color:var(--on-black)}
.card .btn.sel[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.card.flagship{grid-column:1/-1;background:var(--card-2)}
.card.flagship .doms{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:0 40px;border-top:0}
.card.flagship .doms li{border-top:1px solid var(--rule)}
.card.flagship .card-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;padding-top:22px}
.card.flagship .btn.sel{width:auto;margin-top:0;min-width:240px}
.doms{list-style:none;margin:0;padding:0;display:grid;align-content:start}
.dom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;padding:15px 0;border:0;border-bottom:1px solid var(--rule);background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.doms li:last-child .dom{border-bottom:0}
.card.flagship .dom{border-bottom:0}
.dom .n{font-size:clamp(1.05rem,1.35vw,1.2rem);font-weight:500;letter-spacing:-.005em;word-break:break-word}
.dom.big .n{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,5.4vw,4.6rem);line-height:1;letter-spacing:-.025em}
.dom .q{display:block;font-size:13px;font-weight:400;color:var(--on-black-2);margin-top:3px}
.dom .mark{width:22px;height:22px;border:1.5px solid rgba(242,238,230,.45);border-radius:50%;display:grid;place-items:center;transition:all .15s}
.dom:hover .mark{border-color:var(--on-black)}
.dom[aria-pressed="true"] .mark{background:var(--blue);border-color:var(--blue)}
.dom[aria-pressed="true"] .mark::after{content:"";width:7px;height:7px;border-radius:50%;background:#fff}
.pf-foot{margin-top:32px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.pf-foot p{color:var(--on-black-2);font-size:15px}
@media (max-width:1024px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){
  .cards{grid-template-columns:minmax(0,1fr);gap:12px}
  .card.flagship .doms{grid-template-columns:minmax(0,1fr)}
  .card.flagship .btn.sel,.pf-foot .btn{width:100%;min-width:0}
}

/* image band */
.future{background:var(--black)}
.future img{width:100%;height:auto}
@media (min-width:761px){.future img{height:min(50vw,700px);object-fit:cover;object-position:50% 35%}}
.future .line{padding-block:22px 26px;text-align:center;font-family:var(--serif);font-weight:300;font-size:clamp(1.15rem,1.8vw,1.5rem);color:var(--on-black)}

/* access */
.access{padding-block:clamp(64px,7vw,104px)}
.access h2{font-size:clamp(2rem,3.6vw,3rem);margin-bottom:clamp(32px,4vw,56px)}
.access .kicker{color:var(--on-ivory-2);margin-bottom:18px}
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.way{border-top:1px solid var(--on-ivory);padding-top:22px;display:grid;gap:10px;align-content:start}
.way h3{font-family:var(--serif);font-weight:300;font-size:clamp(1.6rem,2.4vw,2.1rem)}
.way p{color:var(--on-ivory-2)}
.way .link{justify-self:start;margin-top:6px}
.terms{margin-top:clamp(36px,4vw,52px);font-size:14px;color:var(--on-ivory-2);max-width:86ch}
@media (max-width:860px){.ways{grid-template-columns:minmax(0,1fr);gap:34px}}

/* contact */
.contact{padding-block:clamp(64px,7vw,104px)}
.cgrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:clamp(36px,6vw,96px)}
.contact .kicker{color:var(--on-black-2)}
.contact h2{margin-top:16px;font-size:clamp(2rem,3.6vw,3rem)}
.contact .intro p{margin-top:16px;color:var(--on-black-2);max-width:40ch}
.cform{display:grid;gap:26px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px}
.f{display:grid;gap:8px;min-width:0}
.f.full{grid-column:1/-1}
.f > label,.f > .lab{font-size:14px;font-weight:600}
.f .opt{font-weight:400;color:var(--on-black-2)}
input[type=text],input[type=email],input[type=tel],input[type=url],textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(242,238,230,.36);color:var(--on-black);font:inherit;font-size:16px;padding:10px 0;border-radius:0}
input:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}
input::placeholder,textarea::placeholder{color:#8E939B}
input:focus,textarea:focus{outline:none;border-bottom-color:var(--blue-soft)}
textarea{min-height:92px;resize:vertical}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;display:inline-flex}
.chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.chip span{border:1px solid rgba(242,238,230,.3);padding:8px 13px;border-radius:var(--radius);font-size:14px;cursor:pointer;word-break:break-word}
.chip input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
.chip input:focus-visible+span{outline:2px solid var(--blue-soft);outline-offset:2px}
.confirm{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;font-size:15px}
.confirm input{width:17px;height:17px;margin:3px 0 0;accent-color:var(--blue)}
.hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}
.submit{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center}
.submit p{font-size:14px;color:var(--on-black-2)}
@media (max-width:900px){.cgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.fields{grid-template-columns:minmax(0,1fr)}.submit .btn{width:100%}}

/* footer */
footer.site{background:var(--black);border-top:1px solid var(--rule-black);padding-block:48px 32px;font-size:14.5px;color:var(--on-black-2)}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 40px}
.foot .tag{margin-top:10px}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 24px}
.foot nav a{text-decoration:none}
.foot nav a:hover{color:var(--on-black)}
.fine{margin-top:28px;padding-top:18px;border-top:1px solid var(--rule-black);display:grid;gap:10px;font-size:13.5px;max-width:100ch}

/* legal & confirmation pages */
.doc{padding-block:clamp(48px,6vw,96px);background:var(--ivory);color:var(--on-ivory);color-scheme:light;min-height:60vh}
.doc .wrap{max-width:820px}
.doc h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.08}
.doc h2{font-size:1.1rem;font-weight:600;margin-top:34px}
.doc p{margin-top:10px;color:var(--on-ivory-2)}
.doc .back{display:inline-block;margin-bottom:26px}
.doc .todo{background:#F7EBC6;color:#4A3B12;padding:1px 5px;border-radius:2px}

/* selection bar */
.selbar{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--black);color:var(--on-black);border:1px solid var(--rule-black);border-radius:var(--radius);box-shadow:0 18px 40px -18px rgba(0,0,0,.7);display:flex;align-items:center;gap:14px;padding:8px 8px 8px 18px;max-width:calc(100% - 32px)}
.selbar[hidden]{display:none}
.selbar .count{font-size:14px;font-weight:600;white-space:nowrap}
.selbar .clear{background:none;border:0;color:var(--on-black-2);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:620px){.selbar{left:16px;right:16px;justify-content:space-between}.preprod{bottom:auto;top:calc(var(--header) + 8px);left:auto;right:8px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}