/* SJSynexus — a dependency-free editorial portfolio */
:root{--paper:#f5f3ed;--paper-deep:#ebe9e2;--ink:#191a1f;--muted:#65676d;--line:rgba(25,26,31,.17);--lime:#c9f06b;--blue:#4b62ed;--coral:#ff795f;--ease:cubic-bezier(.22,1,.36,1);--wrap:min(100% - 80px,1440px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600}h1,h2{letter-spacing:-.065em}p{line-height:1.62}em{font-family:Georgia,"Times New Roman",serif;font-weight:400}::selection{background:var(--lime);color:#111}.wrap{width:var(--wrap);margin-inline:auto}.section-pad{padding-block:clamp(96px,11vw,180px)}.skip-link{position:fixed;z-index:1000;left:16px;top:-80px;padding:12px 18px;background:#fff;color:#111}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Navigation */
.site-header{position:absolute;z-index:100;inset:0 0 auto;transition:background .35s ease,box-shadow .35s ease}.site-header.is-scrolled{position:fixed;background:rgba(245,243,237,.94);backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--line)}.nav-shell{width:var(--wrap);height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;position:relative;z-index:3}.brand-mark{height:39px;width:43px;display:flex;align-items:center;justify-content:center;position:relative;font-size:22px;letter-spacing:-.18em;font-weight:900;color:#fff;background:#1b1d24;border-radius:12px;padding-right:4px;transform:rotate(-7deg)}.brand-star{position:absolute;color:var(--lime);font-size:14px;left:21px;top:8px;letter-spacing:0}.brand-name{font-size:20px;font-weight:800;letter-spacing:-.07em}.brand-name>span{font-weight:500;letter-spacing:-.055em}.main-nav{display:flex;align-items:center;gap:clamp(22px,3vw,49px)}.main-nav>a{font-size:12px;font-weight:700;letter-spacing:.015em;transition:opacity .25s}.main-nav>a:hover{opacity:.55}.main-nav .nav-contact{border:1px solid currentColor;padding:12px 17px;border-radius:100px}.nav-contact span{margin-left:15px;font-size:16px}.menu-toggle{display:none;border:0;background:transparent;padding:10px;position:relative;z-index:3}.menu-toggle span{display:block;width:25px;height:2px;background:currentColor;margin:5px 0;transition:transform .3s}.page-product .site-header{color:#fff}.page-product .site-header.is-scrolled{background:rgba(15,17,25,.95);box-shadow:0 1px 0 rgba(255,255,255,.12)}.page-product .brand-mark{background:#fff;color:#10121b}.page-product .brand-star{color:#6c54ec}

/* Shared typography and controls */
.eyebrow,.section-kicker,.section-num,.hero-bottom,.work-number,.work-status,.work-image-label,.product-eyebrow,.product-meta,.product-stat-label,.product-gallery-label,.footer-bottom,.product-breadcrumb,.mini-kicker{font-family:Consolas,"Courier New",monospace;font-size:11px;font-weight:700;letter-spacing:.095em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 36px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--coral)}.eyebrow-index{margin-left:auto;color:#9a9ca0}.section-kicker{margin:0 0 36px;color:var(--blue)}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:0 23px;border:1px solid transparent;font-size:13px;font-weight:750;letter-spacing:-.015em;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s;cursor:pointer}.button:hover{transform:translateY(-4px)}.button span{font-size:20px;font-weight:400;line-height:1}.button-dark{background:#181a20;color:#fff}.button-dark:hover{background:var(--blue)}.button-light{background:#fff;color:#171923}.button-light:hover{background:var(--lime)}.button-outline{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}.button-outline:hover{background:#fff;color:#161822}.text-link{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:7px;font-size:13px;font-weight:700}.text-link span{font-size:18px}.text-link:hover{color:var(--blue)}[data-reveal]{transition:opacity .9s var(--ease),transform .9s var(--ease)}.motion-ready [data-reveal]:not(.is-visible){opacity:0;transform:translateY(36px)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}

/* Home hero */
.home-hero{min-height:min(880px,100svh);padding-top:160px;padding-bottom:33px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse 42% 35% at 60% 60%,rgba(201,240,107,.14),transparent 100%),var(--paper)}.home-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--line)}.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(55px);opacity:.44}.hero-glow-one{width:340px;height:340px;background:#dcd0ff;top:10%;right:-100px}.hero-glow-two{width:240px;height:240px;background:#d5f3ff;bottom:8%;left:-140px}.hero-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,.92fr);align-items:center;gap:clamp(40px,5vw,90px);position:relative;z-index:1}.hero-copy{padding-bottom:25px}.hero-copy h1{max-width:800px;font-size:clamp(64px,6.6vw,112px);line-height:.97;margin:0 0 31px;white-space:nowrap}.hero-copy h1 em{color:var(--blue)}.accent-period{color:var(--coral)}.hero-lead{max-width:515px;color:#545961;font-size:clamp(17px,1.48vw,21px);line-height:1.52;letter-spacing:-.025em;margin-bottom:38px}.hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.hero-side-note{display:flex;align-items:center;gap:14px;margin-top:63px;color:#777b81;font-family:Consolas,"Courier New",monospace;font-size:10px;line-height:1.5;letter-spacing:.055em;text-transform:uppercase}.note-line{display:block;width:31px;height:1px;background:currentColor}.hero-art{height:620px;position:relative;isolation:isolate}.art-orbit{position:absolute;border:1px solid rgba(73,83,95,.17);border-radius:50%;inset:8% 13%;transform:rotate(-28deg);animation:orbit-breathe 14s ease-in-out infinite alternate}.art-orbit-two{inset:20% 25%;transform:rotate(25deg);animation-delay:-4s}.art-center{position:absolute;top:50%;left:50%;width:166px;height:166px;border-radius:50%;background:#1a1c24;color:#fff;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 26px 56px rgba(25,26,31,.2);z-index:4}.art-center>span{font-size:71px;letter-spacing:-.18em;font-weight:900;line-height:1;padding-right:16px}.art-center small{font-family:Consolas,"Courier New",monospace;font-size:10px;letter-spacing:.3em;padding-left:5px}.art-center small span{color:var(--lime)}.art-tile{position:absolute;z-index:2;display:block;overflow:hidden;background:#161921;box-shadow:0 16px 40px rgba(15,18,25,.16);transition:transform .65s var(--ease),box-shadow .65s var(--ease);border:5px solid var(--paper);border-radius:15px}.art-tile:hover{z-index:7;transform:rotate(0) translateY(-12px) scale(1.04);box-shadow:0 30px 70px rgba(15,18,25,.3)}.art-tile img{width:100%;height:100%;object-fit:cover}.art-tile span{position:absolute;left:10px;bottom:10px;background:rgba(14,16,23,.88);color:#fff;padding:6px 8px;font-family:Consolas,"Courier New",monospace;font-size:8px;letter-spacing:.08em}.art-tile-speed{width:40%;aspect-ratio:1.45;left:2%;top:8%;transform:rotate(-10deg);animation:float-a 8s ease-in-out infinite}.art-tile-prism{width:47%;aspect-ratio:1.32;right:0;top:4%;transform:rotate(9deg);animation:float-b 9s ease-in-out infinite}.art-tile-device{width:34%;aspect-ratio:1.18;left:10%;bottom:6%;transform:rotate(8deg);animation:float-b 10s ease-in-out infinite -2s}.art-tile-xstream{width:44%;aspect-ratio:1.44;right:4%;bottom:1%;transform:rotate(-8deg);animation:float-a 11s ease-in-out infinite -3s}.art-cross{position:absolute;font-size:33px;color:var(--coral)}.art-cross-one{top:9%;left:50%}.art-cross-two{bottom:11%;right:46%;color:var(--blue)}.art-caption{position:absolute;left:43%;bottom:0;font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#909397;font-size:14px;line-height:1.2}.hero-bottom{display:flex;align-items:center;gap:18px;color:#8a8c91;margin-top:auto;padding-top:50px}.hero-bottom-rule{height:1px;background:var(--line);flex:1}.marquee{overflow:hidden;background:var(--lime);height:70px;display:flex;align-items:center;border-block:1px solid #121212}.marquee-track{display:flex;align-items:center;gap:32px;white-space:nowrap;width:max-content;animation:marquee 30s linear infinite}.marquee-track span{font-weight:900;font-size:26px;letter-spacing:-.07em}.marquee-track i{font-style:normal;font-size:22px}

/* Studio */
.studio-section{background:#f5f3ed}.studio-grid{display:grid;grid-template-columns:25% 1fr;gap:40px}.section-rail{display:flex;flex-direction:column;gap:27px;font-family:Consolas,"Courier New",monospace;color:#6f7378;font-size:10px;letter-spacing:.1em}.section-num{color:#1f2229}.rail-line{display:block;width:1px;height:120px;background:var(--line)}.studio-content h2{font-size:clamp(52px,6vw,95px);line-height:1.04;margin:0 0 55px}.serif-accent{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--blue)}.studio-bottom{display:flex;justify-content:space-between;align-items:end;gap:45px;max-width:820px}.studio-bottom p{font-size:clamp(18px,1.7vw,24px);line-height:1.55;letter-spacing:-.025em;max-width:620px;color:#4f5157;margin:0}.studio-stamp{flex:0 0 120px;width:120px;height:120px;border:1px solid var(--ink);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:rotate(12deg)}.studio-stamp>span{font-size:42px;font-weight:900;letter-spacing:-.17em;padding-right:10px}.studio-stamp small{font-family:Consolas,"Courier New",monospace;font-size:7px;text-align:center;letter-spacing:.12em;line-height:1.4}

/* Work */
.work-section{background:#17191f;color:#fff;position:relative;overflow:hidden}.work-section::before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.work-section>.wrap{position:relative}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:70px}.section-heading h2{font-size:clamp(52px,6vw,95px);line-height:1.02;margin:0}.section-heading h2 em{color:var(--lime)}.section-heading>p{max-width:275px;color:#b8b9c0;font-size:15px;margin:0}.light-kicker{color:var(--lime)}.work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.work-card{min-width:0;background:#23262f;border:1px solid rgba(255,255,255,.12);transition:transform .5s var(--ease),border-color .5s,box-shadow .5s}.work-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.42);box-shadow:0 24px 40px rgba(0,0,0,.2)}.work-image{height:clamp(230px,25vw,390px);position:relative;overflow:hidden;background:#10131d}.work-image::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.4))}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.work-card:hover .work-image img{transform:scale(1.06)}.work-image-label{position:absolute;z-index:1;bottom:18px;left:22px;padding:8px 10px;background:rgba(12,14,18,.75);backdrop-filter:blur(8px);font-size:9px}.work-info{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:20px;padding:25px 27px 28px;position:relative}.work-number{grid-column:1/2;color:#9b9fa8}.work-info>div{grid-column:1/2}.work-info h3{font-size:clamp(28px,3vw,46px);line-height:1;letter-spacing:-.06em;margin:0 0 10px}.work-info h3 em{color:var(--lime)}.work-card-prism .work-info h3 em{color:#d899fd}.work-card-device .work-info h3 em{color:#a3b0ff}.work-card-xstream .work-info h3 em{color:#d2a2ff}.work-info p{color:#b9bec8;font-size:13px;margin:0}.work-status{align-self:start;grid-column:2;grid-row:1;font-size:9px;color:#d2d7dd;display:flex;align-items:center;gap:6px}.work-status span{width:6px;height:6px;border-radius:50%;background:var(--lime)}.work-status.soon span{background:#feae91}.work-arrow{grid-column:2;grid-row:2;align-self:end;font-size:27px;transition:transform .4s var(--ease)}.work-card:hover .work-arrow{transform:translate(5px,-5px)}

/* Approach and contact */
.approach-section{background:#eeeae3}.approach-top h2{font-size:clamp(52px,6vw,95px);line-height:1.05;margin:0 0 75px}.approach-top h2 em{color:var(--blue)}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principle{padding:25px 32px 0 0;min-height:300px;position:relative;border-right:1px solid var(--line)}.principle+ .principle{padding-left:32px}.principle:last-child{border-right:0}.principle-number{font-family:Consolas,"Courier New",monospace;font-size:11px}.principle-icon{display:block;margin-top:37px;font-size:48px;line-height:1;color:var(--blue)}.principle:nth-child(2) .principle-icon{color:var(--coral)}.principle:nth-child(3) .principle-icon{color:#668a28}.principle h3{font-size:27px;letter-spacing:-.05em;margin:18px 0 8px}.principle p{font-size:14px;color:#6d6e72;max-width:300px}.contact-section{background:#c9f06b;overflow:hidden}.contact-inner{position:relative;z-index:1}.contact-inner .section-kicker{color:#26331a}.contact-inner h2{font-size:clamp(72px,9vw,150px);line-height:.95;margin:0 0 30px;position:relative;z-index:2}.contact-inner h2 em{color:#3a462e}.contact-inner>p:not(.section-kicker){font-size:18px;max-width:460px}.contact-link{display:inline-flex;align-items:center;gap:35px;font-size:clamp(19px,2.5vw,35px);font-weight:650;letter-spacing:-.05em;border-bottom:2px solid #191a1f;padding-bottom:8px;position:relative;z-index:2;transition:gap .3s}.contact-link:hover{gap:55px}.contact-spark{position:absolute;right:15%;top:5%;font-size:94px;animation:spin-slow 24s linear infinite}.contact-orbit{position:absolute;width:570px;height:570px;border:1px solid rgba(23,25,31,.25);border-radius:50%;right:-180px;top:-70px;pointer-events:none}.contact-orbit::before,.contact-orbit::after{content:"";position:absolute;border:1px solid rgba(23,25,31,.18);border-radius:50%;inset:60px}.contact-orbit::after{inset:130px}

/* Footer */
.site-footer{background:#17191f;color:#fff;padding:66px 0 25px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:30px;align-items:start;padding-bottom:80px}.footer-top p{font-size:18px;line-height:1.3;color:#b5b6bd;margin:0}.footer-links{display:grid;gap:12px;font-size:13px;color:#b5b6bd}.footer-links a:hover,.footer-top>a:last-child:hover{color:var(--lime)}.footer-top>a:last-child{font-size:13px;border-bottom:1px solid;padding-bottom:6px;white-space:nowrap}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#8f929c;font-size:9px}.footer-bottom a:hover{color:#fff}.footer-brand .brand-mark{background:#fff;color:#17191f}.footer-brand .brand-star{color:var(--blue)}

/* Product pages */
.page-product{--product-accent:#b9dfff;--product-accent-rgb:185,223,255;--product-surface:#101b29;background:#0f1118;color:#fff}.theme-speed{--product-accent:#70e7ee;--product-accent-rgb:112,231,238;--product-surface:#09212b}.theme-device{--product-accent:#a69cff;--product-accent-rgb:166,156,255;--product-surface:#171237}.theme-prism{--product-accent:#f782ef;--product-accent-rgb:247,130,239;--product-surface:#180c2c}.theme-xstream{--product-accent:#b492ff;--product-accent-rgb:180,146,255;--product-surface:#180e2d}.product-hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;background:var(--product-surface);padding-block:160px 120px}.product-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 45%,rgba(var(--product-accent-rgb),.23),transparent 36%),linear-gradient(90deg,rgba(7,10,17,.99) 0%,rgba(7,10,17,.97) 32%,rgba(7,10,17,.7) 58%,rgba(7,10,17,.12) 100%);z-index:1}.product-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:90px 90px;z-index:1;mask-image:linear-gradient(90deg,#000,transparent)}.product-hero-image{position:absolute;inset:0 0 0 38%;width:62%;height:100%;object-fit:cover;object-position:center;opacity:.95;animation:hero-arrive 1.5s var(--ease) both}.theme-device .product-hero-image{object-position:55% center}.theme-xstream .product-hero-image{object-position:54% center}.product-hero-inner{position:relative;z-index:2;width:var(--wrap);margin:auto}.product-breadcrumb{display:flex;align-items:center;gap:10px;color:#b8bec9;margin:0 0 65px;font-size:10px}.product-breadcrumb a:hover{color:var(--product-accent)}.product-breadcrumb span:last-child{color:#fff}.product-eyebrow{color:var(--product-accent);display:flex;align-items:center;gap:10px;margin:0 0 25px}.product-eyebrow::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.product-hero h1{max-width:830px;font-size:clamp(64px,8.1vw,132px);line-height:.94;margin:0 0 28px;text-shadow:0 5px 30px rgba(0,0,0,.2)}.product-hero h1 em{color:var(--product-accent)}.product-lead{font-size:clamp(17px,1.5vw,22px);line-height:1.52;color:#c8cdd5;max-width:570px;margin:0 0 35px}.product-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.product-button{background:var(--product-accent);color:#0c111a}.product-button:hover{background:#fff}.product-meta{display:flex;gap:25px;margin-top:60px;color:#b0b7c0}.product-meta span+span::before{content:"/";margin-right:25px;color:var(--product-accent)}.product-hero-side{position:absolute;z-index:3;right:40px;bottom:30px;font-family:Consolas,"Courier New",monospace;letter-spacing:.12em;font-size:9px;color:#fff;writing-mode:vertical-rl}.product-ticker{border-block:1px solid rgba(255,255,255,.14);background:#141720;overflow:hidden;padding-block:20px}.product-ticker-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:Consolas,"Courier New",monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.product-ticker-inner span{color:var(--product-accent)}.product-intro{background:#f3f1eb;color:#17191f;padding-block:clamp(100px,10vw,160px)}.product-intro-grid{display:grid;grid-template-columns:33% 1fr;gap:clamp(40px,6vw,120px)}.product-intro h2{font-size:clamp(49px,5.1vw,82px);line-height:1.06;margin:0 0 30px}.product-intro h2 em{color:var(--intro-accent,var(--blue))}.theme-speed{--intro-accent:#008797}.theme-device{--intro-accent:#6956d8}.theme-prism{--intro-accent:#a537b3}.theme-xstream{--intro-accent:#7053af}.product-intro-lead{font-size:clamp(18px,1.7vw,24px);color:#53565d;max-width:700px;letter-spacing:-.025em}.product-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:60px;border-top:1px solid var(--line)}.product-stat{padding:25px 20px 0 0;border-right:1px solid var(--line);min-height:100px}.product-stat+.product-stat{padding-left:25px}.product-stat:last-child{border-right:0}.product-stat strong{display:block;font-size:clamp(34px,3.8vw,58px);letter-spacing:-.07em;line-height:1;margin-bottom:8px}.product-stat-label{font-size:10px;color:#74777c}.product-features{background:#12151e;color:#fff}.product-features .section-kicker{color:var(--product-accent)}.product-features-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:65px}.product-features-heading h2{font-size:clamp(52px,6vw,92px);line-height:1.02;margin:0}.product-features-heading h2 em{color:var(--product-accent)}.product-features-heading>p{max-width:275px;color:#aaafbb;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18)}.feature{padding:42px 45px 45px 0;border-bottom:1px solid rgba(255,255,255,.18);min-height:270px;position:relative}.feature:nth-child(even){padding-left:45px;border-left:1px solid rgba(255,255,255,.18)}.feature-top{display:flex;align-items:center;justify-content:space-between;color:var(--product-accent);font-family:Consolas,"Courier New",monospace;font-size:11px}.feature-glyph{font-size:29px;font-family:Georgia,"Times New Roman",serif}.feature h3{font-size:clamp(27px,3vw,44px);letter-spacing:-.055em;margin:42px 0 11px}.feature p{font-size:15px;color:#abb1bd;max-width:500px;margin:0}.product-gallery{background:#eae8e2;color:#1a1d23;overflow:hidden}.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.gallery-head h2{font-size:clamp(54px,6vw,95px);line-height:1;margin:0}.gallery-head h2 em{color:var(--intro-accent,var(--blue))}.gallery-head p{max-width:250px;font-size:15px;color:#64676c;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-item{position:relative;display:block;width:100%;border:0;padding:0;background:#1a1e28;text-align:left;color:#fff;cursor:pointer;overflow:hidden}.gallery-item img{height:clamp(290px,36vw,530px);width:100%;object-fit:cover;transition:transform .7s var(--ease);filter:saturate(.96)}.gallery-item:hover img{transform:scale(1.05)}.gallery-item::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}.gallery-item-info{position:absolute;z-index:1;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;align-items:end;gap:10px}.gallery-item-info strong{font-size:clamp(17px,1.7vw,25px);letter-spacing:-.045em;line-height:1.12}.gallery-item-info span{font-size:22px}.product-note{background:#f3f1eb;color:#1b1e24;padding-block:60px}.note-inner{display:grid;grid-template-columns:220px 1fr;gap:40px;border-top:1px solid var(--line);padding-top:26px}.note-inner strong{font-family:Consolas,"Courier New",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.note-inner p{font-size:15px;color:#5b5e64;max-width:840px;margin:0}.product-next{background:var(--product-accent);color:#12151e;padding-block:clamp(85px,9vw,140px);overflow:hidden}.product-next .section-kicker{color:#2b3033}.product-next h2{font-size:clamp(59px,7vw,110px);line-height:.98;margin:0 0 30px}.product-next h2 em{color:rgba(18,21,30,.55)}.product-next p{font-size:18px;max-width:570px;margin-bottom:30px}.product-next .button{background:#151820;color:#fff}.product-next .button:hover{background:#fff;color:#151820}.product-next-card{display:grid;grid-template-columns:1fr 290px;gap:55px;align-items:center}.product-next-art{width:100%;aspect-ratio:1;max-height:310px;border-radius:50%;border:1px solid rgba(0,0,0,.22);display:grid;place-items:center;position:relative;font-size:120px;font-weight:900;letter-spacing:-.15em;transform:rotate(-15deg);animation:orbit-breathe 9s ease-in-out infinite alternate}.product-next-art::before,.product-next-art::after{content:"";position:absolute;border:1px solid rgba(0,0,0,.18);border-radius:50%;inset:24px}.product-next-art::after{inset:-26px}.page-product .site-footer{background:#0d0f16}

/* First-look page variation */
.coming-panel{background:#f2f0eb;color:#1a1b23}.coming-panel-inner{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:8vw}.coming-panel h2{font-size:clamp(54px,6vw,94px);line-height:1.02;margin:0 0 24px}.coming-panel h2 em{color:#7053af}.coming-panel p:not(.section-kicker){font-size:18px;color:#5f6169;max-width:490px}.coming-panel-image{aspect-ratio:1.23;overflow:hidden;box-shadow:28px 28px 0 #ded9eb}.coming-panel-image img{width:100%;height:100%;object-fit:cover}.coming-panel .gallery-grid{margin-top:80px;grid-column:1/-1}.coming-panel .gallery-item img{height:320px}

/* Accessible lightbox */
.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(8,9,14,.94);display:none;align-items:center;justify-content:center;padding:65px 68px;color:#fff}.lightbox.is-open{display:flex}.lightbox-figure{margin:0;max-width:min(1300px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.lightbox-figure img{display:block;max-height:calc(100vh - 145px);max-width:100%;object-fit:contain}.lightbox-figure figcaption{font-size:12px;color:#c9cdd5}.lightbox button{position:absolute;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);width:43px;height:43px;border-radius:50%;cursor:pointer;font-size:22px}.lightbox-close{top:20px;right:20px}.lightbox-prev{left:15px}.lightbox-next{right:15px}.lightbox button:hover{background:#fff;color:#15171e}

/* Animations */
@keyframes float-a{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes float-b{0%,100%{translate:0 0}50%{translate:0 14px}}@keyframes orbit-breathe{0%{scale:1;opacity:.8}100%{scale:1.06;opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes hero-arrive{from{opacity:0;transform:scale(1.08)}to{opacity:.95;transform:scale(1)}}

/* Responsive layouts */
@media(max-width:1200px){.hero-content{grid-template-columns:minmax(0,1fr) minmax(400px,.9fr);gap:25px}.hero-copy h1{font-size:clamp(58px,6.2vw,90px)}.hero-art{height:550px}.product-hero{min-height:720px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item img{height:400px}.footer-top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){:root{--wrap:min(100% - 48px,1440px)}.nav-shell{height:76px}.hero-content{grid-template-columns:1fr}.home-hero{padding-top:145px;min-height:0}.hero-copy h1{font-size:clamp(62px,9vw,92px)}.hero-art{height:600px;max-width:700px;width:100%;margin-inline:auto}.hero-side-note{margin-top:40px}.studio-grid{grid-template-columns:1fr}.section-rail{flex-direction:row;align-items:center}.rail-line{width:100px;height:1px}.section-heading{align-items:start;flex-direction:column}.product-hero{min-height:770px;align-items:end}.product-hero-image{inset:0;width:100%;height:100%;object-position:center}.product-hero::before{background:linear-gradient(0deg,rgba(7,10,17,.98) 0%,rgba(7,10,17,.88) 34%,rgba(7,10,17,.28) 100%)}.product-hero h1{font-size:clamp(65px,11vw,100px)}.product-hero-inner{margin-bottom:0}.product-intro-grid{grid-template-columns:1fr}.product-breadcrumb{margin-bottom:90px}.coming-panel-inner{grid-template-columns:1fr}.coming-panel-image{max-width:650px}.product-next-card{grid-template-columns:1fr}.product-next-art{display:none}}
@media(max-width:700px){:root{--wrap:min(100% - 34px,1440px)}.nav-shell{height:70px}.brand-name{font-size:18px}.brand-mark{height:34px;width:37px;font-size:20px}.brand-star{left:18px;top:7px}.menu-toggle{display:block}.main-nav{position:fixed;inset:0;background:#f5f3ed;color:#17191f;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;padding:95px 28px 40px;visibility:hidden;opacity:0;transform:translateY(-14px);transition:opacity .3s,transform .3s,visibility .3s}.main-nav.is-open{visibility:visible;opacity:1;transform:translateY(0)}.main-nav>a{font-size:clamp(29px,8vw,46px);letter-spacing:-.06em;padding:12px 0;border-bottom:1px solid var(--line)}.main-nav .nav-contact{border:0;border-radius:0;padding:12px 0}.page-product .main-nav{background:#11141c;color:#fff}.page-product .main-nav>a{border-color:rgba(255,255,255,.16)}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.section-pad{padding-block:85px}.home-hero{padding-top:140px;padding-bottom:25px}.hero-copy h1{font-size:clamp(49px,11vw,77px);white-space:normal}.hero-lead{font-size:17px}.eyebrow{font-size:10px;margin-bottom:26px}.eyebrow-index{display:none}.hero-actions{gap:20px}.hero-art{height:430px;margin-top:24px}.art-center{width:120px;height:120px}.art-center>span{font-size:55px}.art-center small{font-size:7px}.art-tile{border-width:3px}.art-tile span{font-size:6px;bottom:6px;left:6px}.art-caption{display:none}.hero-bottom{padding-top:30px;font-size:8px}.hero-bottom span:last-child{display:none}.marquee{height:55px}.marquee-track span{font-size:21px}.studio-content h2,.section-heading h2,.approach-top h2,.gallery-head h2,.product-intro h2,.product-features-heading h2{font-size:clamp(46px,10vw,70px)}.studio-bottom{align-items:start}.studio-bottom p{font-size:18px}.studio-stamp{display:none}.section-heading{margin-bottom:42px}.work-list{grid-template-columns:1fr}.work-image{height:clamp(230px,58vw,430px)}.work-info{padding:22px}.work-info h3{font-size:clamp(30px,8vw,45px)}.approach-top h2{margin-bottom:50px}.principles{grid-template-columns:1fr}.principle,.principle+.principle{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:24px 0 30px}.principle-icon{margin-top:20px}.principle h3{margin-top:10px}.contact-inner h2{font-size:clamp(61px,13vw,90px)}.contact-orbit{width:350px;height:350px;right:-230px;top:-20px}.contact-spark{font-size:50px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.product-hero{min-height:770px;padding-block:115px 70px}.product-hero h1{font-size:clamp(55px,12vw,85px)}.product-hero-side{display:none}.product-breadcrumb{margin-bottom:150px}.product-lead{font-size:17px}.product-meta{font-size:9px;flex-wrap:wrap;gap:10px;margin-top:35px}.product-meta span+span::before{margin-right:10px}.product-ticker-inner{font-size:9px;flex-wrap:wrap}.product-ticker-inner span:nth-child(n+4){display:none}.product-intro-grid{gap:15px}.product-stats{margin-top:40px}.product-stat{padding-right:9px}.product-stat+.product-stat{padding-left:9px}.product-stat strong{font-size:clamp(30px,7vw,45px)}.product-stat-label{font-size:8px}.product-features-heading{flex-direction:column;align-items:start;margin-bottom:35px}.feature-grid{grid-template-columns:1fr}.feature,.feature:nth-child(even){padding:30px 0;border-left:0;min-height:0}.feature h3{margin-top:23px}.gallery-head{flex-direction:column;align-items:start}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-item img{height:clamp(210px,58vw,400px)}.gallery-item-info{left:10px;right:10px;bottom:10px}.gallery-item-info strong{font-size:17px}.note-inner{grid-template-columns:1fr;gap:10px}.coming-panel .gallery-item img{height:240px}.lightbox{padding:75px 45px}.lightbox-prev{left:2px}.lightbox-next{right:2px}}
@media(max-width:430px){.hero-art{height:340px}.art-center{width:95px;height:95px}.art-center>span{font-size:43px;padding-right:10px}.art-center small{font-size:6px}.art-cross{font-size:22px}.hero-side-note{display:none}.work-status{font-size:8px}.product-breadcrumb{margin-bottom:120px}.product-actions .button{width:100%;justify-content:center}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-item img{height:220px}.gallery-item-info strong{font-size:14px}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready [data-reveal]:not(.is-visible){opacity:1;transform:none}}

/* Fit artwork without cutting off the artwork's typography or phone UI. */
html{scroll-padding-top:88px}
[id]{scroll-margin-top:88px}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.page-product :focus-visible{outline-color:var(--product-accent)}
.hero-copy h1{font-size:clamp(60px,5.6vw,100px)}
.art-tile img,.work-image img{object-fit:contain}
.work-image{height:auto;aspect-ratio:1.9}
.product-hero-image{inset:auto 0 auto auto;top:50%;width:64%;height:auto;object-fit:contain;transform:translateY(-50%);animation:hero-image-fade 1.4s ease both}
.gallery-item img,.coming-panel .gallery-item img{height:auto;aspect-ratio:900 / 1599;object-fit:contain}
.menu-toggle{color:inherit}
.menu-open .site-header{backdrop-filter:none;background:transparent;box-shadow:none}
.product-next .text-link{margin:18px 0 0 18px}
@media(max-width:700px){.product-next .text-link{margin-left:0}}
.product-hero::before{background:radial-gradient(circle at 80% 45%,rgba(var(--product-accent-rgb),.13),transparent 36%),linear-gradient(90deg,rgba(7,10,17,.99) 0%,rgba(7,10,17,.95) 31%,rgba(7,10,17,.36) 64%,rgba(7,10,17,.04) 100%)}
@keyframes hero-image-fade{from{opacity:0}to{opacity:.95}}
@media(max-width:700px){.hero-copy h1{font-size:clamp(49px,11vw,77px)}.product-hero{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-top:88px;padding-bottom:70px}.product-hero::before{background:linear-gradient(0deg,rgba(7,10,17,.95) 0%,rgba(7,10,17,.82) 44%,rgba(7,10,17,.18) 100%)}.product-hero-image{position:relative;inset:auto;top:auto;width:100%;height:auto;max-height:none;transform:none;margin:0 0 32px;object-fit:contain}.product-breadcrumb{margin-bottom:32px}.gallery-item img,.coming-panel .gallery-item img{height:auto}}

/* Supplied SJSynexus identity: an optimized logo image replaces the placeholder SJ glyph. */
.brand-logo-mark{display:block;width:43px;height:43px;object-fit:cover;border-radius:11px;background:#090e18;box-shadow:0 4px 14px rgba(4,12,28,.18)}
.art-center{overflow:hidden;background:#060c16;border:2px solid rgba(120,211,255,.45);box-shadow:0 0 35px rgba(39,161,255,.22),0 26px 56px rgba(25,26,31,.2)}
.art-center img{width:100%;height:100%;object-fit:cover}
.studio-logo-panel{flex:0 0 215px;width:215px;aspect-ratio:1;overflow:hidden;background:#080d16;border-radius:14px;box-shadow:0 24px 45px rgba(12,19,33,.14);transform:rotate(5deg);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.studio-logo-panel:hover{transform:rotate(0) translateY(-7px);box-shadow:0 30px 55px rgba(12,19,33,.22)}
.studio-logo-panel img{width:100%;height:100%;object-fit:cover}
.studio-bottom p{max-width:550px}

/* XStream's widescreen TV captures have their own full-frame gallery. */
.tv-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tv-gallery-grid .gallery-item img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.tv-gallery-grid .gallery-item-info strong{font-size:clamp(20px,2.1vw,31px)}
.product-gallery-alt{background:#f4f2ec}
.gallery-category{margin:0 0 22px;font-family:Consolas,"Courier New",monospace;font-size:11px;font-weight:700;letter-spacing:.1em;color:#6c5aa3;text-transform:uppercase}
@media(max-width:700px){.brand-logo-mark{width:37px;height:37px;border-radius:9px}.studio-bottom{flex-direction:column;align-items:flex-start}.studio-logo-panel{flex-basis:auto;width:min(60vw,220px)}.tv-gallery-grid{grid-template-columns:1fr}.tv-gallery-grid .gallery-item img{aspect-ratio:16/9}.tv-gallery-grid .gallery-item-info strong{font-size:21px}}
@media(min-width:951px) and (max-width:1040px){.hero-copy h1{font-size:clamp(53px,5.6vw,59px)}}