/* BASICIGGY LAB / v2 editorial homepage. Original Lab.OS styles remain untouched. */
body.landing-mode{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto;background:#090909;color:#f4f4f0;scroll-behavior:smooth}body.os-mode{height:100dvh;overflow:hidden}
body.landing-mode .menubar,body.landing-mode .desktop,body.landing-mode .dock,body.landing-mode .desktop-footer,body.landing-mode .backdrop,body.landing-mode .start-panel,body.landing-mode .search-modal{display:none!important}body.os-mode .landing{display:none!important}body.os-mode .grain{opacity:.12}body.landing-mode .grain{opacity:.055;z-index:4}.landing{--lp:#0a0a0a;--lp-paper:#f4f4ef;--lp-muted:#848481;--lp-line:#2b2b2a;--lp-accent:#dcff61;font-family:var(--body);color:var(--lp-paper);background:var(--lp)}.landing *, .landing *:before,.landing *:after{box-sizing:border-box}.landing button,.landing a{-webkit-tap-highlight-color:transparent}.landing a{text-decoration:none}.landing button{font-family:inherit}.landing [id]{scroll-margin-top:90px}.landing button:focus-visible,.landing a:focus-visible{outline:2px solid var(--lp-accent);outline-offset:5px}
.site-header{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid #ffffff15;background:rgba(9,9,9,.86);backdrop-filter:blur(22px)}.site-brand{display:flex;align-items:center;gap:12px;font:700 14px var(--display);letter-spacing:.07em}.site-mark{font-size:26px;line-height:1;color:var(--lp-accent);display:block;transition:transform .5s}.site-brand:hover .site-mark{transform:rotate(80deg)}.brand-muted{color:#8e8e8a;font-weight:500}.site-nav{display:flex;gap:44px;margin-left:70px}.site-nav a{color:#b3b3b0;font-size:12px;font-weight:600;transition:color .2s}.site-nav a:hover{color:white}.site-launch{border:1px solid #ffffff3a;color:#f5f5f1;background:#ffffff08;padding:12px 18px;border-radius:999px;font-size:12px;font-weight:700;display:flex;gap:18px;align-items:center;transition:background .2s,border .2s}.site-launch:hover{color:#111;background:var(--lp-accent);border-color:var(--lp-accent)}.site-launch span{font-size:16px;font-weight:400}.signal-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lp-accent);box-shadow:0 0 14px #caff60a0;display:inline-block;vertical-align:middle;margin-right:9px}
.lp-hero{position:relative;padding:110px max(5vw,28px) 60px;max-width:1700px;margin:auto}.lp-hero-caption{font:500 10px var(--mono);letter-spacing:.14em;color:#a2a29d;display:flex;align-items:center}.lp-caption-right{margin-left:auto;color:#777772}.lp-hero h1{font:600 clamp(58px,7.2vw,112px)/.98 var(--display);letter-spacing:-.095em;max-width:1450px;margin:42px 0 31px;position:relative;z-index:1}.lp-hero h1 em{font-style:normal;color:var(--lp-accent)}.lp-hero-description{font:400 clamp(17px,1.65vw,23px)/1.45 var(--body);letter-spacing:-.025em;color:#afafac;max-width:520px;margin:0}.lp-hero-actions{display:flex;align-items:center;gap:9px;margin-top:30px}.lp-button{display:inline-flex;justify-content:space-between;align-items:center;min-width:175px;gap:30px;border-radius:999px;border:1px solid #ffffff36;padding:15px 22px;font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .2s}.lp-button:hover{transform:translateY(-3px)}.lp-button.light{background:var(--lp-paper);color:#111;border-color:var(--lp-paper)}.lp-button.light:hover{background:var(--lp-accent);border-color:var(--lp-accent)}.lp-button.outline{background:transparent;color:white}.lp-button.outline:hover{background:#ffffff18}.lp-button span{font-size:18px;font-weight:400}
.lp-hero-showcase{position:relative;margin-top:95px;height:clamp(360px,46vw,610px);border:1px solid #353733;overflow:hidden;border-radius:5px;background:radial-gradient(ellipse at 54% 54%,#202d22 0%,#0d150f 40%,#080c09 82%);isolation:isolate}.lp-hero-showcase:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black,transparent 85%);pointer-events:none}.lp-hero-showcase canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.85}.showcase-head,.showcase-foot{position:absolute;z-index:3;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font:500 10px var(--mono);letter-spacing:.08em;color:#b8c6b6}.showcase-head{top:24px}.showcase-head span:nth-child(2){color:#9eab9b}.showcase-foot{bottom:21px}.showcase-foot button{border:1px solid #cfff804a;background:#142319;color:#f0f9e9;padding:10px 16px;border-radius:3px;font:600 10px var(--mono);letter-spacing:.045em;transition:background .2s}.showcase-foot button:hover{background:var(--lp-accent);color:#111}.showcase-foot button span{margin-left:18px}.showcase-center{position:absolute;z-index:2;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.showcase-orbit{position:absolute;font:250px/1 var(--display);color:#d7ff91;text-shadow:0 0 85px #9afd4770;opacity:.16;animation:showcase-spin 40s linear infinite}.showcase-big{font:700 clamp(74px,12vw,190px)/.72 var(--display);letter-spacing:-.115em;text-align:center;opacity:.9;color:#eef3e4;mix-blend-mode:screen;text-shadow:0 8px 60px #060a0670}.lp-scroll-hint{display:flex;justify-content:space-between;align-items:center;margin-top:26px;font:500 10px var(--mono);letter-spacing:.12em;color:#797974}.lp-scroll-hint span:last-child{font:24px var(--body)}
.lp-section{padding:96px max(5vw,28px) 110px;max-width:1700px;margin:auto;border-top:1px solid #ffffff22}.lp-section-top{display:flex;justify-content:space-between;align-items:center;font:500 10px var(--mono);letter-spacing:.1em}.lp-overline{color:var(--lp-accent)}.lp-small-note{color:#767673}.lp-section-heading,.play-intro{display:flex;justify-content:space-between;align-items:end;gap:60px;padding:52px 0 58px}.lp-section-heading h2,.play-intro h2,.studio-grid h2{font:600 clamp(62px,8vw,124px)/.94 var(--display);letter-spacing:-.085em;margin:0}.lp-section-heading h2 em,.play-intro h2 em,.studio-grid h2 em{font-style:normal;color:#94958d}.lp-section-heading p,.play-intro p{max-width:350px;color:#a3a39e;font-size:17px;line-height:1.55;letter-spacing:-.02em;margin:0 0 7px}
.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.world-card{min-width:0;min-height:570px;border-radius:8px;overflow:hidden;border:1px solid #ffffff22;position:relative;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s;will-change:transform}.world-card:hover{border-color:#ffffff60;transform:translateY(-5px)}.world-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:25px 28px;position:relative;z-index:1;font:600 10px var(--mono);letter-spacing:.11em}.world-pill{border:1px solid currentColor;border-radius:30px;padding:8px 11px;font-size:9px;white-space:nowrap}.world-art{position:relative;flex:1;min-height:340px;overflow:hidden;display:flex;align-items:center;justify-content:center}.world-card-bottom{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:15px;padding:20px 28px 28px}.world-card-bottom h3{font:600 clamp(32px,3vw,47px)/1 var(--display);letter-spacing:-.065em;margin:0 0 9px}.world-card-bottom p{font-size:13px;margin:0;opacity:.75}.world-card-bottom a,.world-card-bottom button{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent;font-size:23px;text-decoration:none;transition:background .2s,color .2s,transform .2s}.world-card-bottom a:hover,.world-card-bottom button:hover{background:currentColor;transform:rotate(45deg)}
.world-brawl{background:#ff8a5b;color:#161010}.brawl-art{background:radial-gradient(circle at 50% 45%,#ffb27a,transparent 48%);overflow:hidden}.brawl-art:before,.brawl-art:after{content:'';position:absolute;border:1px solid #51291e40;border-radius:50%;height:390px;width:390px}.brawl-art:after{height:290px;width:290px}.brawl-sun{position:absolute;width:250px;height:250px;border-radius:50%;background:#f66a42;box-shadow:0 0 0 12px #ff6e459c,0 0 0 62px #ffca9a40}.brawl-art strong{position:relative;font:900 clamp(110px,15vw,215px)/1 var(--display);letter-spacing:-.12em;font-style:italic;transform:skew(-10deg) rotate(-6deg);color:#151015;text-shadow:12px 10px 0 #f9e39f,20px 19px 0 #dc4c2d}.brawl-cross{position:absolute;z-index:1;font-size:100px;color:#190d10}.brawl-cross-one{left:9%;top:5%;transform:rotate(24deg)}.brawl-cross-two{right:8%;bottom:0;transform:rotate(-25deg)}.brawl-grid{position:absolute;inset:0;background:linear-gradient(90deg,#762e2720 1px,transparent 1px),linear-gradient(#762e2720 1px,transparent 1px);background-size:32px 32px;opacity:.55;mask-image:linear-gradient(0deg,black,transparent 70%)}
.world-vibe{background:#d6f9b6;color:#0d2114}.vibe-art{background:radial-gradient(circle at 50% 50%,#bad8aa 0%,#c9f0b0 58%,#ddfaca 100%)}.radar-ring{position:absolute;border-radius:50%;border:1px solid #163d2760;aspect-ratio:1;left:50%;top:45%;transform:translate(-50%,-50%)}.ring-a{width:190px}.ring-b{width:305px}.ring-c{width:440px}.radar-sweep{position:absolute;aspect-ratio:1;width:440px;left:50%;top:45%;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 10deg,transparent 0deg,transparent 240deg,#43ac7720 320deg,#26754845 360deg);animation:radar-spin 9s linear infinite}.radar-core{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:64px;height:64px;background:#193624;color:#c6ff81;border-radius:50%;display:grid;place-items:center;font-size:44px}.radar-point{position:absolute;height:14px;width:14px;background:#264e3b;border:4px solid #c4ff78;border-radius:50%;box-shadow:0 0 0 8px #5a9a6245}.point-a{left:25%;top:32%}.point-b{right:20%;bottom:25%}.vibe-coordinates{position:absolute;bottom:28px;left:30px;font:600 10px/1.7 var(--mono);letter-spacing:.1em}
.world-gallery{background:#d4d1c5;color:#201e1c}.gallery-art{background:radial-gradient(ellipse at 55% 37%,#f1eee0 0%,#ddd9ca 55%,#c5c1b2 100%)}.gallery-print{position:absolute;width:275px;height:310px;background:#fcfaf2;padding:15px 15px 48px;box-shadow:4px 14px 36px #33333338;border:1px solid #00000016}.gallery-print-back{transform:translate(-66px,-3px) rotate(-14deg);background:#ece8dd}.gallery-print-back span{display:block;height:100%;background:linear-gradient(145deg,#cb9d78 5%,#ddcead 40%,#9ba989 70%,#646f65 100%)}.gallery-print-front{transform:translate(60px,0) rotate(7deg)}.mountain-shape{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(180deg,#9bbfc1 0%,#a9cdce 50%,#4c6862 51%,#243c3c 100%)}.mountain-shape:after{content:'';position:absolute;inset:0;background:linear-gradient(148deg,transparent 47%,#dee3d8 48%,#b9c4b3 56%,transparent 57%),linear-gradient(30deg,transparent 50%,#a1ada0 51%,#4f756e 65%,transparent 66%)}.gallery-caption{font:7px var(--mono);margin-top:10px;letter-spacing:.08em}.gallery-marker{position:absolute;right:9%;top:9%;font-size:72px;color:#1115;transform:rotate(-16deg)}
.world-os{background:#16181b;color:#f4f5f1}.os-art{background:radial-gradient(ellipse at 50% 50%,#26353b,#16181b 65%);perspective:800px}.os-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:27px 27px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.os-window{border:1px solid #64716e;border-radius:10px;background:#202a2b;box-shadow:0 18px 42px #0009;position:absolute;display:flex;flex-direction:column;padding:15px}.os-window span{font:13px var(--mono);color:#83a799}.os-window-back{height:240px;width:330px;transform:translate(75px,-50px) rotate(10deg);opacity:.5}.os-line{height:9px;width:75%;background:#617874;margin:25px 0 0}.os-line.shorter{width:50%;margin-top:15px}.os-window-front{height:250px;width:340px;transform:translate(-28px,24px) rotate(-7deg);z-index:2;background:#162322}.os-window-front strong{font:700 61px/.86 var(--display);letter-spacing:-.08em;margin-top:22px;color:var(--lp-accent)}.os-window-front small{margin-top:auto;font:10px var(--mono);color:#8cba89}.os-spark{position:absolute;top:5%;right:12%;font-size:96px;color:var(--lp-accent);z-index:3;text-shadow:0 0 32px #d5fb81b0}.lp-section-tail{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;font:500 10px var(--mono);letter-spacing:.1em;color:#8b8b86}.lp-section-tail button{background:transparent;border:0;border-bottom:1px solid #9e9e97;color:#efefea;padding:13px 0;font:600 11px var(--mono);letter-spacing:.05em}.lp-section-tail button span{margin-left:23px}
.lp-play{padding-bottom:124px}.play-kicker{display:inline-block;color:var(--lp-accent);font:600 10px var(--mono);letter-spacing:.15em;margin-bottom:21px}.play-intro{padding:45px 0 58px}.play-stage{border:1px solid #ffffff22;display:grid;grid-template-columns:1fr 1fr;min-height:650px;overflow:hidden;border-radius:7px;background:#151615}.play-stage-art{position:relative;overflow:hidden;display:grid;place-items:center;min-height:530px;background:radial-gradient(ellipse at 54% 52%,#a4a5eb 0%,#777bb8 25%,#292e55 57%,#111526 95%)}.play-halo{position:absolute;width:430px;height:430px;border:1px solid #e1d7ff82;border-radius:50%;transform:rotateX(63deg) rotate(-30deg)}.halo-two{width:570px;height:570px;transform:rotateX(65deg) rotate(45deg);border-color:#d7cefb80}.play-aura{font:480px/.7 var(--display);color:#dde7ff90;text-shadow:0 0 80px #ab9cffc7;transform:rotate(-17deg);animation:play-float 9s ease-in-out infinite}.play-stage-note{position:absolute;left:30px;bottom:26px;color:#f2eefd;font:600 10px/1.7 var(--mono);letter-spacing:.09em}.play-stage-list{display:flex;flex-direction:column;justify-content:center;padding:30px 38px}.play-stage-list button{display:grid;grid-template-columns:36px minmax(0,1fr) 130px 18px;gap:8px;align-items:center;text-align:left;background:none;color:#f5f5f1;border:0;border-bottom:1px solid #ffffff2b;padding:34px 0;transition:color .2s,transform .2s}.play-stage-list button:last-child{border-bottom:0}.play-stage-list button:hover{color:var(--lp-accent);transform:translateX(6px)}.play-stage-list button span{font:600 11px var(--mono);color:#898984}.play-stage-list button strong{font:600 clamp(22px,2vw,31px) var(--display);letter-spacing:-.045em}.play-stage-list button small{font:500 9px var(--mono);letter-spacing:.02em;color:#898984}.play-stage-list button b{font:26px var(--display);font-weight:400}
.lp-studio{padding-bottom:140px}.studio-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:70px;margin-top:65px}.studio-copy{max-width:520px}.studio-star{display:block;color:var(--lp-accent);font:80px var(--display);margin-bottom:25px}.studio-copy p{font:400 20px/1.5 var(--body);letter-spacing:-.02em;color:#d5d5d0;margin:0 0 22px}.studio-copy p+p{color:#9e9e99}.studio-links{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap}.studio-links a,.studio-links button{font:600 10px var(--mono);background:transparent;border:0;border-bottom:1px solid #6a6a64;color:#f0f0ea;padding:12px 0;text-decoration:none;white-space:nowrap}.studio-links a:hover,.studio-links button:hover{color:var(--lp-accent)}
.lp-footer{background:#ddff72;color:#111;padding:64px max(5vw,28px) 25px}.lp-footer-main{max-width:1700px;margin:auto;min-height:300px;display:flex;align-items:flex-start;gap:50px}.lp-footer-main>span{font:85px/.9 var(--display)}.lp-footer-main strong{font:600 clamp(48px,7vw,110px)/.9 var(--display);letter-spacing:-.085em}.lp-footer-main button{margin-left:auto;border:1px solid #111;border-radius:50px;background:transparent;padding:14px 20px;font-size:12px;font-weight:700;white-space:nowrap}.lp-footer-main button:hover{background:#111;color:#ddff72}.lp-footer-main button span{margin-left:17px}.lp-footer-base{max-width:1700px;margin:auto;border-top:1px solid #1115;padding-top:21px;display:flex;justify-content:space-between;gap:20px;align-items:center;font:600 10px var(--mono);letter-spacing:.05em}.lp-footer-base a{border-bottom:1px solid #111}.os-return{background:#ffffff0b;color:#e7f3e5;border:1px solid #ffffff2b;border-radius:30px;padding:8px 11px;white-space:nowrap;font:600 10px var(--mono)}.os-return:hover{background:#c6f15d;color:#111}
.reveal{opacity:1}@keyframes showcase-spin{to{transform:rotate(360deg)}}@keyframes radar-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes play-float{50%{transform:rotate(-7deg) translateY(-16px)}}
@media(max-width:1100px){.play-stage-list{padding:20px 24px}.play-stage-list button{grid-template-columns:30px 1fr 20px;padding:31px 0}.play-stage-list button small{display:none}.lp-footer-main{min-height:280px}.world-card{min-height:520px}.world-art{min-height:280px}}
@media(max-width:700px){.site-header{height:64px;padding:0 18px}.site-brand{font-size:12px;gap:7px}.site-mark{font-size:23px}.site-nav{gap:15px;margin:0}.site-nav a{font-size:11px}.site-nav a:last-child{display:none}.site-launch{font-size:10px;padding:10px 12px;gap:8px}.lp-hero{padding:76px 19px 50px}.lp-hero-caption{font-size:9px}.lp-caption-right{display:none}.lp-hero h1{font-size:clamp(48px,9.2vw,72px);margin:37px 0 22px;letter-spacing:-.075em}.lp-hero-description{font-size:16px;max-width:330px}.lp-hero-actions{flex-wrap:wrap;gap:9px;margin-top:26px}.lp-button{min-width:unset;flex:1;padding:15px 14px;font-size:11px;gap:10px}.lp-hero-showcase{margin-top:64px;height:410px}.showcase-big{font-size:clamp(75px,15.8vw,112px)}.showcase-head,.showcase-foot{left:15px;right:15px;font-size:8px}.showcase-head span:nth-child(2),.showcase-foot span{display:none}.lp-scroll-hint{font-size:9px}.lp-section{padding:68px 19px 78px}.lp-section-top{font-size:9px}.lp-small-note{display:none}.lp-section-heading,.play-intro{display:block;padding:31px 0 36px}.lp-section-heading h2,.play-intro h2,.studio-grid h2{font-size:clamp(57px,11vw,84px)}.lp-section-heading p,.play-intro p{margin:26px 0 0;font-size:15px;max-width:320px}.world-grid{grid-template-columns:1fr;gap:13px}.world-card{min-height:470px}.world-art{min-height:280px}.world-card-top{padding:20px;font-size:9px}.world-pill{font-size:8px}.world-card-bottom{padding:18px 20px 21px}.world-card-bottom h3{font-size:35px}.world-card-bottom a,.world-card-bottom button{height:44px;width:44px;flex-basis:44px}.lp-section-tail{font-size:9px}.lp-section-tail span:first-child{max-width:170px;line-height:1.5}.play-intro{padding:36px 0 34px}.play-stage{grid-template-columns:1fr}.play-stage-art{min-height:330px}.play-aura{font-size:290px}.play-halo{width:270px;height:270px}.halo-two{width:360px;height:360px}.play-stage-list{padding:14px 22px}.play-stage-list button{padding:24px 0}.play-stage-list button strong{font-size:24px}.studio-grid{grid-template-columns:1fr;gap:35px;margin-top:38px}.studio-star{font-size:70px;margin-bottom:13px}.studio-copy p{font-size:18px}.lp-studio{padding-bottom:90px}.lp-footer{padding:46px 20px 23px}.lp-footer-main{display:block;min-height:280px}.lp-footer-main>span{font-size:53px;display:block;margin-bottom:19px}.lp-footer-main strong{font-size:clamp(57px,12vw,94px);display:block}.lp-footer-main button{margin:35px 0 30px}.lp-footer-base{font-size:8px;flex-wrap:wrap;line-height:1.6}.lp-footer-base span:nth-child(2){display:none}.os-return{font-size:9px}.menubar-project,.menubar-separator{display:none}}
@media(max-width:385px){.site-nav a:nth-child(1){display:none}.site-nav a{font-size:10px}.lp-hero h1{font-size:48px}.showcase-big{font-size:71px}}
@media(prefers-reduced-motion:reduce){.landing{scroll-behavior:auto}.showcase-orbit,.radar-sweep,.play-aura{animation:none}.landing *, .landing *:before, .landing *:after{transition:none!important}}
/* Narrow screens prioritize the brand and OS entry point; section links remain in-page through content. */
@media(max-width:700px){.site-nav{display:none}.site-header{gap:12px}.site-brand{white-space:nowrap}.showcase-big{font-size:clamp(56px,12.5vw,81px);line-height:.92;letter-spacing:-.075em}.showcase-orbit{font-size:180px}}

/* v2.1 — let the selected worlds lead; particle field now belongs to the playground. */
.lp-play .lp-hero-showcase{margin:0 0 36px;height:clamp(360px,42vw,550px)}
.lp-hero{padding-bottom:72px}
@media(max-width:700px){.lp-hero{padding-bottom:52px}.lp-play .lp-hero-showcase{height:370px;margin:0 0 22px}}

/* v2.2 — portfolio objects are the hero; headline becomes a compact moving header ticker. */
.site-header{height:auto;min-height:0;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}
.site-header-main{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(5vw,28px);width:100%}
.site-ticker{width:100%;height:30px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;border-top:1px solid #ffffff13;background:#11130e;color:#a6aaa0;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.site-ticker-track{display:flex;align-items:center;gap:38px;width:max-content;flex:0 0 auto;animation:lab-marquee 35s linear infinite;font:600 10px/1 var(--mono);letter-spacing:.13em}
.site-ticker-track span{display:inline-block;white-space:nowrap}
.site-ticker-track em{color:var(--lp-accent);font-style:normal}
.site-ticker-track b{font-size:12px;color:var(--lp-accent);font-weight:600}
.site-ticker:hover .site-ticker-track{animation-play-state:paused}
@keyframes lab-marquee{to{transform:translateX(-50%)}}
.landing [id]{scroll-margin-top:120px}
.lp-work-first{border-top:0;padding-top:35px;padding-bottom:94px}
.lp-work-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-bottom:30px}
.lp-work-title>.lp-overline{display:flex;align-items:center;font-size:10px;letter-spacing:.14em;color:#b2b2a9}
.lp-work-title .signal-dot{width:5px;height:5px;margin-right:11px}
.lp-work-count{color:#666c60;margin-left:18px}
.lp-work-title h1{font:600 clamp(39px,4.1vw,66px)/1.02 var(--display);letter-spacing:-.078em;margin:14px 0 0;color:#f2f2ec}
.lp-work-title h1 em{font-style:normal;color:var(--lp-accent)}
.lp-work-meta{width:300px;display:flex;flex-direction:column;gap:16px;align-items:start;padding-bottom:2px}
.lp-work-meta p{font:400 13px/1.5 var(--body);color:#96968f;letter-spacing:-.01em;margin:0;max-width:290px}
.lp-work-meta a{font:600 10px var(--mono);color:#e6e6dc;letter-spacing:.06em;border-bottom:1px solid #55584d;padding:6px 0;white-space:nowrap}
.lp-work-meta a span{margin-left:14px;color:var(--lp-accent)}
.lp-work-meta a:hover{color:var(--lp-accent)}
.world-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}
.world-card{min-height:540px}
.world-card:nth-child(4n + 1){grid-column:span 7}
.world-card:nth-child(4n + 2){grid-column:span 5}
.world-card:nth-child(4n + 3){grid-column:span 5}
.world-card:nth-child(4n + 4){grid-column:span 7}
.world-card-top{padding:23px 25px}
.world-card-bottom{padding:18px 25px 24px}
.world-card-bottom h3{font-size:clamp(32px,3.2vw,48px)}
.lp-section-tail{margin-top:22px}
/* Portfolio art should feel like interactive objects rather than decorative containers. */
.world-card:hover .brawl-art strong{transform:skew(-10deg) rotate(-3deg) scale(1.06)}
.brawl-art strong{transition:transform .48s cubic-bezier(.2,.8,.2,1)}
.world-card:hover .gallery-print-front{transform:translate(60px,-10px) rotate(3deg)}
.gallery-print-front{transition:transform .55s cubic-bezier(.2,.8,.2,1)}
@media (max-width:900px){
 .world-card:nth-child(n){grid-column:span 6}
 .world-card{min-height:470px}
 .lp-work-meta{width:230px}
}
@media (max-width:700px){
 .site-header-main{height:58px;padding:0 18px}
 .site-ticker{height:27px}
 .site-ticker-track{font-size:9px;gap:26px;animation-duration:29s}
 .lp-work-first{padding:26px 17px 63px}
 .lp-work-intro{display:block;padding-bottom:22px}
 .lp-work-title>.lp-overline{font-size:9px}
 .lp-work-count{margin-left:12px}
 .lp-work-title h1{font-size:clamp(36px,8.5vw,50px);margin-top:12px}
 .lp-work-meta{width:auto;margin-top:15px;gap:9px}
 .lp-work-meta p{font-size:13px;max-width:330px}
 .lp-work-meta a{font-size:9px}
 .world-grid{grid-template-columns:1fr;gap:12px}
 .world-card:nth-child(n){grid-column:span 1}
 .world-card{min-height:410px}
 .world-art{min-height:245px}
 .world-card-bottom h3{font-size:33px}
 .lp-work .lp-section-tail{margin-top:20px}
}
@media (max-width:385px){.lp-work-title h1{font-size:36px}.world-card{min-height:390px}}
@media (prefers-reduced-motion:reduce){.site-ticker-track{animation:none}}

/* v2.3 — website portfolio additions; compact animated WebP site concepts */
.world-site-preview{background:#cfdbd1;color:#122121}
.world-b2b{background:#a7a1c0;color:#141a2b}
.site-preview-art{background:transparent;display:flex;align-items:center;justify-content:center;padding:0 13px 9px;text-decoration:none;outline-offset:-5px;min-height:305px;isolation:isolate}
.site-preview-art picture{display:block;width:100%;position:relative;z-index:1;transform:translateY(2px);transition:transform .42s cubic-bezier(.2,.85,.2,1),filter .42s;filter:drop-shadow(0 17px 15px #09101b18)}
.site-preview-art img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:1000 / 610}
.world-site-preview:hover .site-preview-art picture{transform:translateY(-6px) scale(1.015);filter:drop-shadow(0 22px 21px #09101b30)}
.world-site-preview .world-card-top{padding-bottom:0}
.world-site-preview .world-card-bottom{padding-top:8px}
.site-demo-caption{position:absolute;bottom:15px;right:26px;z-index:2;color:#505e59;font:600 9px var(--mono);letter-spacing:.07em;opacity:.85;pointer-events:none}
.world-b2b .site-demo-caption{color:#4e4960}
.site-demo-caption span{margin-left:5px}
@media(max-width:700px){.site-preview-art{min-height:195px;padding:5px 7px 0}.world-site-preview{min-height:0}.world-site-preview .world-card-bottom{padding-top:5px}.site-demo-caption{bottom:6px;right:15px;font-size:8px}}