/* Sluis Studio — brand evolution, October 2026 */
:root{--studio-radius:22px}html{scroll-padding-top:110px}.wrap{width:min(1320px,90%)}body{overflow-wrap:break-word}.navinner{height:88px;gap:18px}.navlinks{gap:20px}.navlinks a{font-size:13px}.hero{padding:90px 0 70px;background:radial-gradient(ellipse at 90% 40%,#dff57435,transparent 50%)}.hero-grid{grid-template-columns:1.05fr 1fr;gap:58px}.hero h1{font-size:clamp(48px,5.7vw,86px);line-height:1.015;letter-spacing:-.065em;max-width:760px}.hero h1 em{font:inherit;color:var(--accent)}.hero .role-line{font-size:21px;line-height:1.45;margin-top:28px;max-width:510px}.hero .intro{font-size:16px;line-height:1.75;max-width:520px}.hero-anim{border-radius:28px;padding:24px;background:var(--surface);box-shadow:0 30px 100px #153c3510}.hero-product-carousel{border-radius:12px}.energy-product{border-radius:8px}.demo-link{display:block;width:fit-content;margin-top:20px;font-size:13px;text-underline-offset:5px}.hero .small{font-size:11px}.section{padding:105px 0}.section h2{letter-spacing:-.055em}.section-intro{margin-bottom:50px}.strip{background:var(--ink);color:var(--paper);padding:24px 0}.strip b{color:var(--lime)}.product{padding:32px 12px;grid-template-columns:64px 230px 1fr 25px}.product:hover{background:var(--bg-alt)}.product h3{font-size:29px}.dark{padding:110px 0}.belief{gap:100px}.belief h2{font-size:clamp(40px,4.8vw,66px)}.belief .mv{gap:30px}.belief .mv h3{color:var(--lime);font-size:15px}.founders{background:var(--surface);border-bottom:1px solid var(--line)}.founder-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.founder-layout h2{font-size:clamp(36px,4.3vw,60px);max-width:550px}.founder-copy h3{font-size:27px;line-height:1.3;margin-bottom:28px;letter-spacing:-.035em}.founder-copy p{font-size:16px;line-height:1.85;color:var(--ink-soft);margin-bottom:20px}.founder-copy .pledge{font-weight:700;color:var(--ink);font-size:21px;line-height:1.5;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.brand-orbit{height:240px;max-width:420px;position:relative;display:grid;place-items:center;margin-top:30px;overflow:hidden}.brand-orbit>div{font-size:45px;letter-spacing:-.06em;font-weight:700;z-index:1}.brand-orbit span{display:block;letter-spacing:.4em;font:10px monospace;text-align:center}.brand-orbit i{position:absolute;width:210px;height:210px;border:1px solid var(--line);border-radius:50%;transform:rotateX(55deg) rotate(-30deg)}.brand-orbit i:nth-of-type(2){width:310px;height:310px;transform:rotateX(55deg) rotate(30deg)}.brand-orbit i:nth-of-type(3){width:410px;height:410px;transform:rotateX(55deg) rotate(60deg)}.brand-orbit:after{content:'';position:absolute;width:12px;height:12px;background:var(--lime);border:2px solid var(--accent);border-radius:50%;left:22%;top:58%}.expertise-head{padding-top:85px;display:flex;justify-content:space-between;align-items:end;gap:40px}.expertise-head h3{font-size:30px;max-width:390px}.expertise-head p{font-size:14px;color:var(--ink-soft);max-width:330px}.expertise-grid{margin-top:36px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.expertise-grid article{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:28px;min-height:235px;transition:background .2s}.expertise-grid article:hover{background:var(--bg-alt)}.expertise-num{font:12px 'IBM Plex Mono',monospace;color:var(--accent);display:block;margin-bottom:34px}.expertise-grid h3{font-size:20px;line-height:1.25;letter-spacing:-.025em}.expertise-grid p{font-size:13px;line-height:1.7;color:var(--ink-soft);margin-top:14px}.draft-panel{padding:24px;background:var(--bg-alt);border:1px solid var(--line);border-radius:16px;margin-top:20px;text-align:left}.draft-panel h3{font-size:22px;line-height:1.3}.draft-panel p{font-size:14px;margin:15px 0}.draft-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 monospace;max-height:300px;overflow:auto}.draft-panel a{margin:8px 8px 0 0}.demo-form select{width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:14px;font:inherit}.scan-body{scroll-margin-top:100px}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.foot-grid{gap:40px}footer .wrap{display:block}.foot-grid>div{min-width:0}.hero .actions .button:first-child{background:var(--lime);color:#153c35}.hero .actions .button{padding:16px 22px}
@media(min-width:1100px){.navlinks{display:flex!important}.mobile-toggle{display:none!important}}
@media(max-width:1099px){.navinner>.button{display:none}.mobile-toggle{display:block}.navlinks{display:none;position:absolute;top:88px;left:0;width:100%;background:var(--paper);padding:24px 5%;border-bottom:1px solid var(--line);flex-direction:column}.navlinks.open{display:flex}.hero-grid{gap:30px}.hero h1{font-size:60px}.hero-anim{padding:14px}.founder-layout{gap:50px}.expertise-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.navinner{height:74px}.navlinks{top:74px}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(43px,10vw,70px);letter-spacing:-.055em}.hero .role-line{font-size:19px}.hero .intro{font-size:15px}.hero-visual{max-width:none}.section,.dark{padding:65px 0}.founder-layout,.belief{grid-template-columns:1fr;gap:32px}.brand-orbit{display:none}.expertise-head{display:block;padding-top:50px}.expertise-head p{margin-top:18px}.expertise-grid article{padding:20px;min-height:225px}.expertise-grid h3{font-size:18px}.expertise-num{margin-bottom:24px}.product{grid-template-columns:26px 1fr;gap:8px 12px;padding:25px 0}.product h3{font-size:25px}.product details{grid-column:2}.product>svg{display:none}.strip .wrap{gap:12px}.foot-grid{gap:28px}.hero .actions{flex-wrap:wrap}.hero .actions .button{padding:14px 18px;font-size:12px}.nav .brand{font-size:20px}.view-controls{margin-left:auto}.navinner{gap:12px}.demo-band{gap:35px}.belief h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}