:root{--ink:#060608;--paper:#f0efe9;--acid:#dfff00;--blue:#153cff;--line:rgba(6,6,8,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;color:#fff;border-bottom:1px solid rgba(255,255,255,.22)}.brand{font-weight:900;font-size:1.7rem;letter-spacing:-.08em}.brand span{font-size:.55rem;vertical-align:top;margin-left:.15rem}.site-header nav{display:flex;gap:2.4rem;font-size:.78rem;letter-spacing:.15em}.site-header nav a:hover{color:var(--acid)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:.72rem;letter-spacing:.15em}.hero{position:relative;min-height:100svh;background:#05070b;color:#fff;display:grid;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.42) 0%,rgba(3,5,8,.12) 52%,rgba(3,5,8,0) 100%)}.hero-copy{position:relative;z-index:2;padding:11rem 5vw 5rem;max-width:900px}.eyebrow{font-size:.72rem;letter-spacing:.28em;margin:0 0 2rem}.hero h1{font-size:clamp(4.2rem,10.5vw,10.8rem);line-height:.82;letter-spacing:-.09em;margin:0;font-weight:900}.hero h1 span{color:var(--acid);font-style:italic}.hero-intro{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.6;margin:2.5rem 0}.scroll-link{display:inline-flex;gap:1rem;align-items:center;border-bottom:1px solid #fff;padding-bottom:.65rem;font-size:.74rem;letter-spacing:.15em}.scroll-link b{font-size:1.2rem;color:var(--acid)}.hero-index{position:absolute;right:3vw;bottom:3vw;z-index:2;font-size:.72rem;letter-spacing:.18em}.manifesto{min-height:72vh;padding:8vw 5vw;display:grid;grid-template-columns:.8fr 3fr 1.2fr;gap:3vw;align-items:start;border-bottom:1px solid var(--line)}.manifesto>p{font-size:.68rem;letter-spacing:.24em}.manifesto h2{font-size:clamp(3rem,7vw,7rem);line-height:.96;letter-spacing:-.065em;margin:0;font-weight:900}.manifesto h2 span{color:var(--blue);font-style:italic}.manifesto-note{align-self:end;max-width:340px;font-size:.95rem;line-height:1.8}.work{padding:8vw 3vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:4rem}.section-head span{font-size:.66rem;letter-spacing:.25em}.section-head h2{font-size:clamp(2.5rem,5vw,5.2rem);letter-spacing:-.06em;margin:.4rem 0 0}.filters{display:flex;gap:.4rem}.filters button{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:.65rem 1rem;font-size:.7rem;cursor:pointer}.filters button.active,.filters button:hover{background:var(--ink);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7vw 2vw}.project{transition:opacity .3s,transform .5s}.project.hidden{display:none}.project:hover{transform:translateY(-8px)}.project-wide{grid-column:span 2;display:grid;grid-template-columns:1.65fr .75fr;gap:2vw;align-items:end}.project-wide.reverse{grid-template-columns:.75fr 1.65fr}.project-wide.reverse .project-media{order:2}.project-media{position:relative;overflow:hidden;background:#101013;aspect-ratio:4/5}.project-wide .project-media{aspect-ratio:16/8}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project:hover img{transform:scale(1.035)}.crop-b img{object-position:70% center}.crop-c img{object-position:center 70%;filter:saturate(.7) contrast(1.15)}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--acid);font-size:1rem;padding-left:.2rem}.duration{position:absolute;right:1rem;bottom:1rem;background:#fff;padding:.35rem .5rem;font-size:.65rem}.project-meta{padding-top:1rem}.project-meta>span{font-size:.62rem;letter-spacing:.18em}.project-meta h3{font-size:clamp(2rem,4vw,4.5rem);letter-spacing:-.06em;margin:.45rem 0 .25rem}.project-meta p{margin:0;color:#5b5a57;font-size:.84rem}.poster-card{background:var(--blue);color:var(--acid);display:flex;align-items:flex-end;padding:2rem}.poster-card:before{content:"";position:absolute;width:55%;aspect-ratio:1;border:10px solid var(--acid);border-radius:50%;right:-12%;top:-7%;mix-blend-mode:screen}.poster-card strong{font-size:clamp(2.7rem,6vw,6rem);line-height:.78;letter-spacing:-.08em;position:relative;z-index:2}.poster-card i{position:absolute;right:1.5rem;bottom:1.5rem;font-size:4rem;font-style:normal;color:#fff}.about{background:var(--ink);color:#fff;min-height:75vh;padding:8vw 5vw;display:grid;grid-template-columns:.4fr 4fr;gap:3vw}.vertical-label{writing-mode:vertical-rl;font-size:.68rem;letter-spacing:.24em;margin:0}.about-main h2{font-size:clamp(3rem,7vw,7.2rem);line-height:.95;letter-spacing:-.07em;margin:0 0 7vw}.about-main h2 span{color:var(--acid)}.about-copy{margin-left:auto;max-width:760px;display:grid;grid-template-columns:1.3fr 1fr;gap:5vw}.about-copy>p{font-size:1.2rem;line-height:1.8;margin:0}.about-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:0}.about-copy dt{color:var(--acid);font-size:.63rem;letter-spacing:.18em;margin-bottom:1rem}.about-copy dd{font-size:.8rem;line-height:1.8;margin:0;color:#bbb}.social{padding:9vw 5vw}.social>p{font-size:.66rem;letter-spacing:.25em}.social h2{font-size:clamp(3rem,7vw,7rem);letter-spacing:-.07em;margin:1rem 0 5rem}.social-links{border-top:1px solid var(--ink)}.social-links a{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border-bottom:1px solid var(--ink);padding:1.5rem 0;transition:.25s}.social-links a:hover{background:var(--acid);padding-left:1rem;padding-right:1rem}.social-links span{font-size:clamp(1.6rem,3vw,3rem);font-weight:800}.social-links b{font-size:.7rem;letter-spacing:.16em}.social-links i{font-size:1.6rem;font-style:normal}.social small{display:block;margin-top:1.25rem;color:#666}.social small{font-size:.75rem}footer{min-height:120px;padding:2rem 3vw;background:var(--acid);display:flex;align-items:center;justify-content:space-between;font-size:.68rem;letter-spacing:.12em}
@media(max-width:760px){.site-header{height:68px;padding:0 5vw}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#060608;padding:2rem 5vw;flex-direction:column}.site-header.open nav{display:flex}.menu-toggle{display:block}.hero-copy{padding:9rem 5vw 3rem}.hero h1{font-size:clamp(4rem,22vw,7rem)}.hero>img{object-position:62% center}.manifesto{grid-template-columns:1fr;padding:5rem 5vw;min-height:auto}.manifesto-note{margin-top:2rem}.section-head{align-items:start;flex-direction:column;gap:2rem}.project-grid{grid-template-columns:1fr;gap:4rem}.project,.project-wide{grid-column:auto;display:block}.project-wide .project-media{aspect-ratio:4/5}.project-wide.reverse .project-media{order:0}.about{grid-template-columns:1fr;padding:5rem 5vw}.vertical-label{writing-mode:initial}.about-copy{grid-template-columns:1fr}.social{padding:5rem 5vw}.social-links a{grid-template-columns:1fr auto}.social-links b{display:none}footer{align-items:flex-start;gap:1rem;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project,.project-media img{transition:none}}
/* Shared brand and case study pages */
.brand{font-size:1.6rem;letter-spacing:-.03em;white-space:nowrap}.brand .brand-sub{font-size:.875rem;vertical-align:middle;letter-spacing:.04em;margin-left:.35rem}.site-header nav{gap:1.4rem;font-size:.875rem;letter-spacing:.02em}.menu-toggle,.filters button,.scroll-link{font-size:.875rem}.filters{flex-wrap:wrap;justify-content:flex-end}.section-head{gap:2rem}.eyebrow,.section-head span,.project-meta>span,.detail-heading>span{font-size:.8rem}.hero h1{line-height:1.08;letter-spacing:-.04em}.manifesto h2,.about-main h2{line-height:1.2;letter-spacing:-.04em}.project-meta p,.manifesto-note,.about-copy dd{font-size:1rem}.category-card{display:block}.category-card .project-media{aspect-ratio:16/10}.category-card h3{font-size:clamp(2rem,4vw,4rem);line-height:1.25;letter-spacing:-.025em}.case-label{position:absolute;top:1.2rem;left:1.2rem;background:#060608;color:#fff;padding:.6rem .8rem;font-size:.875rem}.enter-project{position:absolute;right:1.2rem;bottom:1.2rem;border-radius:50%;width:3rem;height:3rem;background:var(--acid);display:grid;place-items:center;font-size:1.6rem}.tone-1 img{object-position:right;filter:hue-rotate(28deg)}.tone-2 img{object-position:center;filter:grayscale(1)}.tone-3 img{object-position:right;filter:hue-rotate(175deg)}.social-links [aria-disabled]{cursor:default;opacity:.65}.social-links [aria-disabled]:hover{background:none;padding:1.5rem 0}.detail-body .site-header{position:relative;background:var(--ink)}.detail-page{padding:0 5vw 6rem}.project-intro{padding:3rem 0 4rem;border-bottom:1px solid var(--line)}.back-link{font-size:.875rem;display:inline-block;margin-bottom:4rem}.project-intro .eyebrow{margin-bottom:1rem}.project-intro h1{font-size:clamp(3.5rem,10vw,9rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 3rem}.intro-row{display:grid;grid-template-columns:1fr 2fr;gap:2rem;max-width:1000px}.intro-row h2{font-size:1rem;margin:0}.intro-row p{font-size:1.125rem;margin:0;line-height:1.8;color:#555}.detail-content{padding-top:4rem}.detail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.detail-heading h2{font-size:1.5rem;margin:0}.video-pending{position:relative;aspect-ratio:16/9;background:#060608;overflow:hidden}.video-pending img{width:100%;height:100%;object-fit:cover;opacity:.45}.video-pending>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;padding:1rem}.video-pending strong{font-size:clamp(1.5rem,3vw,3rem)}.video-pending p{font-size:1rem}.story-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:4vw}.story-grid figure{margin:0}.story-grid img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.story-grid figcaption{font-size:.875rem;color:#666;margin-top:1rem}.story-copy h3{font-size:2rem;margin:0 0 1.5rem}.story-copy p{font-size:1rem;line-height:1.8;color:#555}.category-nav{display:flex;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--line);padding-top:2rem;margin-top:5rem}.category-nav a{font-size:1rem;padding:.75rem 1rem;border:1px solid var(--ink)}.category-nav a:hover,.category-nav [aria-current]{background:var(--ink);color:var(--acid)}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.site-header :focus-visible{outline-color:var(--acid)}footer{font-size:.8rem}
@media(max-width:1050px){.site-header nav{display:none;position:absolute;top:86px;left:0;right:0;background:var(--ink);padding:2rem 5vw;flex-direction:column}.site-header.open nav{display:flex}.menu-toggle{display:block}.section-head{align-items:start;flex-direction:column}.filters{justify-content:flex-start}}
@media(max-width:760px){.site-header nav{top:68px}.brand{font-size:1.35rem}.brand .brand-sub{font-size:.875rem}.hero h1{font-size:clamp(3rem,18vw,6rem)}.project-intro{padding-top:2rem}.back-link{margin-bottom:3rem}.intro-row,.story-grid{grid-template-columns:1fr;gap:1.2rem}.detail-heading{align-items:start;gap:1rem;flex-direction:column}.category-card .project-media{aspect-ratio:16/10}.video-pending p{font-size:.875rem}.social h2{line-height:1.25}.hero-copy{padding-top:7rem}}
/* Interaction refinements: hover, press, focus and reduced motion. */
:root{scroll-padding-top:2rem}.pressable{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.click-ripple{pointer-events:none;position:absolute;border-radius:50%;background:rgba(130,130,130,.3);transform:translate(-50%,-50%) scale(0);animation:tap-ripple .6s ease-out;z-index:3}@keyframes tap-ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
button,.scroll-link,.back-link,.category-nav a,footer a{transition:background-color .2s,color .2s,box-shadow .2s,transform .15s;min-height:44px}.filters button{padding:.7rem 1.2rem}.filters button:hover{box-shadow:0 0 0 3px rgba(21,60,255,.13)}.filters button.active{background:var(--ink);color:var(--acid);border-color:var(--ink)}.pressable:active{transform:scale(.98)}.category-card:active{transform:scale(.99)}.category-card{border-radius:3px}.category-card .project-media{border:1px solid transparent;transition:border-color .25s}.category-card:hover .project-media,.category-card:focus-visible .project-media{border-color:var(--blue)}.enter-project{transition:transform .25s,background-color .25s,color .25s}.category-card:hover .enter-project,.category-card:focus-visible .enter-project{transform:rotate(45deg);background:var(--blue);color:white}.category-card h3{transition:color .2s}.category-card:hover h3{color:var(--blue)}.filter-status{font-size:.875rem;color:#555;margin:-2rem 0 2rem;min-height:1.5em}.site-header nav a{position:relative;display:inline-flex;align-items:center;min-height:44px}.site-header nav a:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{transform:scaleX(1)}.site-header nav [aria-current]{color:var(--acid)}.scroll-link:hover{color:var(--acid);border-color:var(--acid)}.back-link{display:inline-flex;align-items:center;padding:0 .5rem}.back-link:hover{background:var(--ink);color:var(--acid)}.menu-toggle{padding:.5rem .7rem;min-width:70px;border:1px solid #ffffff60}.menu-toggle:hover,.site-header.open .menu-toggle{background:var(--acid);color:var(--ink);border-color:var(--acid)}.social-links [aria-disabled] i{font-size:.875rem;white-space:nowrap}.category-nav a[aria-current]{box-shadow:inset 0 -3px var(--acid)}footer a{display:inline-flex;align-items:center;padding:.5rem}footer a:hover{background:var(--ink);color:var(--acid)}.pressable:focus-visible{outline:3px solid var(--blue);outline-offset:5px;box-shadow:0 0 0 2px var(--paper)}.site-header :focus-visible{outline:3px solid var(--acid);outline-offset:4px}
@media(max-width:1050px){.site-header nav{display:flex;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100svh - 86px);overflow-y:auto;gap:.3rem;box-shadow:0 12px 20px #0005}.site-header.open nav{visibility:visible;opacity:1;transform:none;pointer-events:auto}.site-header nav a{padding:.6rem 0;font-size:1rem}}
@media(max-width:760px){.site-header nav{max-height:calc(100svh - 68px)}.filters{gap:.6rem}.filter-status{margin-top:-2rem}.category-nav{display:grid;grid-template-columns:1fr 1fr}.category-nav a{text-align:center}.social-links a{gap:1rem}}
@media(hover:none){.project:hover{transform:none}.project:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.pressable:active{transform:none}}
/* Selected categories occupy the entire content width, at native film ratio. */
.project-grid.is-expanded{grid-template-columns:minmax(0,1fr);gap:0}.project-grid.is-expanded .category-card{grid-column:1/-1;width:100%}.category-card .project-media,.project-wide .project-media,.video-pending,.detail-content video{aspect-ratio:16/9}.category-card .project-media{border:0}.category-card .project-media img{display:block;object-fit:contain}.category-card:hover .project-media img{transform:none}.project-grid.is-expanded .project-meta{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.6rem 2rem;padding-top:1.5rem}.project-grid.is-expanded .project-meta>span{grid-column:1/-1}.project-grid.is-expanded .project-meta h3{margin:0}.project-grid.is-expanded .category-card:hover{transform:none}.section-head{scroll-margin-top:1.5rem}.detail-content video{width:100%;height:auto;object-fit:contain;background:#060608}.video-pending img{object-fit:contain}.detail-page{padding-left:3vw;padding-right:3vw}
/* Compact platform groups: each destination keeps a clear platform identity. */
.social{background:#09090d;color:#f4f4ef;overflow:hidden}.social>p{font-size:.875rem;color:#b0b0bb}.social h2{line-height:1.15;letter-spacing:-.025em;margin-bottom:2.5rem}.social>.social-subtitle{margin:-1.4rem 0 2.5rem;font-size:1rem;color:#d5d7df;letter-spacing:.18em}.social-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;width:100%;max-width:1280px}.social-platform{--platform:#ff153f;--platform-ink:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:258px;padding:clamp(1.5rem,2.6vw,2.25rem);border:1px solid #ffffff38;border-radius:26px 8px 26px 8px;color:var(--platform-ink);box-shadow:0 16px 42px #0005}.social-platform:before{content:'';position:absolute;right:-9%;bottom:-72%;width:58%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#ffffff2b 0 1px,transparent 2px 22px);opacity:.7;transform:rotate(-12deg);pointer-events:none}.social-rednote{grid-column:1/-1;min-height:320px;--platform:#ff153f;background:linear-gradient(125deg,#ff1744 0%,#f0003c 58%,#c90032 100%)}.social-douyin{--platform:#111219;background:linear-gradient(125deg,#050608 0%,#12141b 62%,#071d20 100%)}.social-douyin:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 35%,#24f6e22a 58%,#ff2d7c26 76%,transparent 92%)}.social-bilibili{--platform:#ff4f98;background:linear-gradient(125deg,#ff72ad 0%,#ff4f98 56%,#e8327d 100%)}.social-platform-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.55rem}.social-platform-head h3{margin:.35rem 0 0;font-size:clamp(2.45rem,4.7vw,4.65rem);line-height:.98;letter-spacing:-.025em}.social-index,.social-count{font-size:.76rem;letter-spacing:.19em}.social-count{padding:.5rem .75rem;border:1px solid currentColor;border-radius:999px;opacity:.9}.social-accounts{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:.72rem}.social-accounts-three{grid-template-columns:repeat(3,minmax(0,1fr))}.social-account{--pointer-x:50%;--pointer-y:50%;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;min-height:100px;width:100%;padding:1rem 1.15rem;text-align:left;border:1px solid #ffffff68;border-radius:8px 22px 8px 22px;color:inherit;background:#08090b29;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s,border-color .3s,box-shadow .3s;touch-action:manipulation}.social-account:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(300px circle at var(--pointer-x) var(--pointer-y),#ffffff42,transparent 68%);opacity:0;transition:opacity .25s}.social-account:hover,.social-account:focus-visible{transform:translateY(-6px) rotate(-.35deg);background:#ffffff22;border-color:#fff;box-shadow:0 16px 36px #0005}.social-account:hover:before,.social-account:focus-visible:before{opacity:1}.social-account:active{transform:translateY(-2px) scale(.985)}.social-account:focus-visible{outline:3px solid #fff;outline-offset:3px}.account-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font-size:.72rem;opacity:.9;letter-spacing:.04em}.social-account strong{font-size:clamp(1.2rem,2vw,1.72rem);line-height:1.15;letter-spacing:.015em}.account-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:1.45rem;transition:transform .3s,background-color .3s,color .3s}.social-account:hover .account-arrow,.social-account:focus-visible .account-arrow{transform:rotate(45deg);background:var(--platform-ink);color:var(--platform)}.social-feedback{font-size:.8rem!important;min-height:1.4em;margin:1.05rem 0 0;letter-spacing:.08em}
@media(max-width:760px){.project-grid.is-expanded .project-meta{display:block}.project-grid.is-expanded .project-meta h3{margin:.5rem 0}.case-label{top:.6rem;left:.6rem;padding:.4rem .6rem;font-size:.75rem}.enter-project{right:.6rem;bottom:.6rem;width:2.5rem;height:2.5rem}.social-platforms{grid-template-columns:1fr;gap:1rem}.social-rednote{grid-column:auto;min-height:auto}.social-platform{min-height:auto;padding:1.4rem;border-radius:7px}.social-platform-head{margin-bottom:1.25rem}.social-platform-head h3{font-size:2.45rem}.social-accounts-three{grid-template-columns:1fr}.social-account{min-height:78px;padding:.85rem 1rem}.social h2{margin-bottom:2rem}.social-count{font-size:.62rem}.account-number,.account-arrow{width:34px;height:34px}.social-account strong{font-size:1.25rem}}
@media(hover:none){.social-account:hover{transform:none}.social-account:active{transform:scale(.985)}.social-account:active:before{opacity:1}}
@media(prefers-reduced-motion:reduce){.social-account:hover,.social-account:active,.social-account:hover .account-arrow,.social-account:focus-visible .account-arrow{transform:none}}

/* Homepage social links: compact scale with the same responsive safe area as detail pages. */
.social{
  padding:clamp(72px,8vw,132px) clamp(24px,8vw,160px);
}
.social>p,
.social>h2,
.social>.social-subtitle,
.social>.social-platforms,
.social>.social-feedback{
  width:min(100%,1180px);
  margin-left:auto;
  margin-right:auto;
}
.social h2{
  max-width:100%;
  font-size:clamp(3rem,5.2vw,5.45rem);
  margin-top:.8rem;
  margin-bottom:2.2rem;
}
.social>.social-subtitle{
  margin-top:-1.2rem;
  margin-bottom:2rem;
}
.social-platforms{
  max-width:1180px;
  gap:.9rem;
}
.social-platform{
  min-width:0;
  min-height:220px;
  padding:clamp(1.25rem,2vw,1.8rem);
  border-radius:22px 8px 22px 8px;
}
.social-rednote{
  min-height:265px;
}
.social-platform-head{
  margin-bottom:1.15rem;
}
.social-platform-head h3{
  font-size:clamp(2.15rem,3.8vw,3.65rem);
}
.social-index,.social-count{
  font-size:.7rem;
}
.social-count{
  padding:.42rem .68rem;
}
.social-accounts{
  gap:.62rem;
}
.social-account{
  min-width:0;
  min-height:82px;
  padding:.85rem 1rem;
}
.account-number{
  width:34px;
  height:34px;
}
.account-arrow{
  width:36px;
  height:36px;
  font-size:1.3rem;
}
.social-account strong{
  font-size:clamp(1.08rem,1.6vw,1.45rem);
}
.social-feedback{
  margin-top:.9rem;
}

@media(max-width:760px){
  .social{
    padding:64px clamp(16px,5vw,28px);
  }
  .social h2{
    font-size:clamp(2.65rem,13vw,4rem);
    margin-bottom:1.8rem;
  }
  .social>.social-subtitle{
    margin-top:-1rem;
    margin-bottom:1.55rem;
  }
  .social-platforms{
    gap:.8rem;
  }
  .social-platform,
  .social-rednote{
    min-height:auto;
    padding:1.2rem;
  }
  .social-platform-head h3{
    font-size:2.2rem;
  }
  .social-account{
    min-height:72px;
    padding:.75rem .85rem;
  }
}
/* Editorial project stories: clear type hierarchy and uncropped 16:9 media. */
.case-page{padding:0 3vw 5rem}.case-intro{padding:2rem 2vw 4rem}.case-topline{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;margin-bottom:4rem}.case-topline .back-link{margin:0}.case-topline>span{letter-spacing:.08em}.case-kicker{font-size:.875rem;margin:0 0 1.5rem;letter-spacing:.08em}.case-intro h1{font-size:clamp(3.5rem,10vw,10rem);line-height:1.1;letter-spacing:-.055em;margin:0 0 1.5rem;font-weight:900}.case-subtitle{font-size:clamp(1.4rem,2.6vw,2.8rem);line-height:1.5;margin:0 0 .75rem;letter-spacing:-.03em}.draft-label{font-size:.8rem;color:#666}.case-description{display:grid;grid-template-columns:1fr 2fr;gap:3rem;border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.case-description h2{font-size:1rem;line-height:1.8;margin:0}.case-description h2 span{display:block;font-size:.8rem;letter-spacing:.16em;color:#666;margin-bottom:.5rem}.case-description p{font-size:1.05rem;line-height:1.9;margin:0;max-width:52rem;color:#60605c}.case-description .case-lead{font-size:clamp(1.25rem,2vw,1.8rem);color:var(--ink);margin-bottom:1rem}.case-jumps{position:sticky;top:0;z-index:8;display:flex;gap:2rem;padding:1rem 2vw;background:#f0efe9f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.case-jumps a{min-height:44px;display:flex;align-items:center;font-size:.875rem;transition:color .2s}.case-jumps a:hover{color:var(--blue)}.case-page section{scroll-margin-top:6rem}.case-film{background:#09090d;color:#fff;padding:3.5rem 2vw 2rem;margin:0 -3vw}.case-section-title{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding-bottom:2rem}.case-section-title span{font-size:.8rem;letter-spacing:.14em}.case-section-title h2{font-size:clamp(2rem,4vw,4rem);line-height:1.2;letter-spacing:-.04em;margin:1rem 0 0}.case-section-title>p{font-size:.875rem;white-space:nowrap}.case-screen{width:100%;aspect-ratio:16/9;border:1px solid #ffffff25}.case-screen img{display:block;object-fit:contain;opacity:.5}.film-label{font-size:.875rem;letter-spacing:.22em;color:var(--case-accent);margin-bottom:1.5rem}.film-caption{display:flex;justify-content:space-between;gap:1rem;margin-top:1.2rem;color:#bbb;font-size:.875rem}.case-visuals{padding:6rem 2vw 0}.case-visuals>.case-section-title{padding-bottom:4rem}.case-story-row{display:grid;grid-template-columns:1fr 2fr;gap:4vw;align-items:center;margin-bottom:4rem}.case-story-copy h3,.case-chapter h3{font-size:clamp(1.5rem,2.5vw,2.5rem);line-height:1.3;margin:1.25rem 0}.case-story-copy p,.case-chapter p{font-size:1rem;line-height:1.9}.chapter-number{display:inline-block;font-size:1rem;border:1px solid currentColor;padding:.6rem .8rem;font-variant-numeric:tabular-nums}.muted{color:#666}.case-figure{margin:0;min-width:0}.case-image{position:relative;aspect-ratio:16/9;background:#060608;overflow:hidden}.case-image img{display:block;width:100%;height:100%;object-fit:contain}.asset-note{position:absolute;bottom:.75rem;left:.75rem;padding:.4rem .6rem;background:#060608d9;color:#fff;font-size:.75rem}.case-figure figcaption{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;color:#5d5d58;line-height:1.6;margin-top:1rem}.case-full{margin:0 -2vw 4rem}.case-full figcaption{padding:0 2vw}.case-chapter{display:flex;align-items:start;gap:2rem;margin:4rem 0 2rem}.case-chapter h3{margin-top:0}.case-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2vw;align-items:start}.case-pair .case-figure:nth-child(2){margin-top:6rem}.case-next{position:relative;display:block;background:var(--ink);color:#fff;margin-top:6rem;padding:3rem;overflow:hidden;transition:background .3s,color .3s}.case-next>span:first-child{font-size:.8rem;letter-spacing:.1em}.case-next strong{display:block;font-size:clamp(2.5rem,6vw,6rem);line-height:1.25;margin-top:1.5rem;padding-right:3rem}.next-arrow{position:absolute;right:3rem;bottom:3rem;color:var(--case-accent);font-size:3rem;transition:transform .3s}.case-next:hover{background:var(--blue)}.case-next:hover .next-arrow{transform:translate(5px,-5px)}.case-page .category-nav{margin-top:2rem}
@media(max-width:760px){.case-intro{padding-top:1.5rem}.case-topline{margin-bottom:2.5rem;align-items:start;flex-direction:column;gap:.5rem}.case-description{grid-template-columns:1fr;gap:1.2rem;margin-top:2rem}.case-jumps{gap:1rem;justify-content:space-between;padding: .5rem 1vw}.case-jumps a{font-size:.8rem}.case-section-title{align-items:start;flex-direction:column;gap:0}.case-section-title>p{margin-bottom:0}.case-film{padding-top:2.5rem}.film-label{margin-bottom:.5rem;font-size:.75rem}.case-screen strong{font-size:1.25rem}.case-screen p{margin:.5rem 0}.case-visuals{padding-top:3rem}.case-visuals>.case-section-title{padding-bottom:2rem}.case-story-row{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.case-full{margin-bottom:2rem}.case-pair{grid-template-columns:1fr;gap:2rem}.case-pair .case-figure:nth-child(2){margin-top:0}.case-chapter{gap:1rem;margin-top:2.5rem}.case-next{margin-top:3rem;padding:2rem 1.25rem}.next-arrow{right:1.25rem;bottom:2rem;font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){.case-next:hover .next-arrow{transform:none}}
/* Compact film presentation and a continuous dark homepage. */
body:not(.detail-body){background:#0b0c10;color:#f1f2f4}body:not(.detail-body) .manifesto{background:#111318;border-color:#ffffff16;min-height:auto;padding-top:6rem;padding-bottom:6rem}body:not(.detail-body) .manifesto h2 span{color:var(--acid)}body:not(.detail-body) .manifesto-note{color:#b9bdc8}body:not(.detail-body) .manifesto>p{color:#a8adba}.work{background:#0b0c10;padding:5rem 5vw 6rem}.work .section-head,.work .filter-status,.work .project-grid{max-width:1080px;margin-left:auto;margin-right:auto}.work .section-head{flex-wrap:wrap}.work .section-head h2{font-size:clamp(2.25rem,4vw,3.5rem)}.work .section-head>div>span{color:#a8adba}.work .filters button{border-color:#626876;color:#e6e8ee;background:transparent}.work .filters button:hover{background:#232630;border-color:#acb2c0}.work .filters button.active{background:var(--acid);color:#060608;border-color:var(--acid)}.work .filter-status{color:#b0b5c1}.work .project-grid{column-gap:2rem;row-gap:3rem}.work .project-meta h3{font-size:clamp(1.75rem,3vw,2.5rem)}.work .project-meta p,.work .project-meta>span{color:#abb1bd}.work .category-card:hover h3{color:var(--acid)}.work .category-card .project-media{border:1px solid #ffffff24;border-radius:8px;aspect-ratio:16/9}.work .category-card:hover .project-media{border-color:#dfff0080}.work .project-grid.is-expanded{max-width:860px}.work .project-grid.is-expanded .project-meta{padding-top:1rem}.work .category-card:focus-visible{outline-color:var(--acid);box-shadow:none}.work button:focus-visible{outline-color:#fff;box-shadow:none}body:not(.detail-body) .about{border-top:1px solid #ffffff14}body:not(.detail-body) footer{color:#060608}
/* Limit both the rendered player and its matching heading/caption. */
.case-film{padding:3rem 5vw 2.5rem}.case-film>.case-section-title,.case-film>.case-screen,.case-film>.film-caption{width:100%;max-width:860px;margin-left:auto;margin-right:auto}.case-film .case-section-title h2{font-size:clamp(1.75rem,3vw,2.75rem)}.case-screen{border-radius:8px}.case-screen strong{font-size:clamp(1.25rem,2.2vw,2rem)}.case-screen .film-label{margin-bottom:.75rem}.case-film video,.detail-content video{display:block;width:100%;max-width:860px;margin-left:auto;margin-right:auto;aspect-ratio:16/9;object-fit:contain}.video-pending{max-width:860px;margin-left:auto;margin-right:auto}.category-card .project-media img,.case-screen img{object-fit:contain}.case-label{font-size:.75rem;top:.75rem;left:.75rem;padding:.45rem .65rem}
@media(min-width:1051px){.work .section-head{align-items:end;flex-direction:row}.work .filters{justify-content:flex-end;gap:.4rem}.work .filters button{padding:.7rem .85rem}}
@media(max-width:760px){body:not(.detail-body) .manifesto{padding:3.5rem 5vw}.work{padding:3.5rem 7vw 4rem}.work .section-head{gap:1.5rem}.work .project-grid{max-width:520px;gap:2.5rem}.work .project-grid.is-expanded{max-width:520px}.work .project-meta p{font-size:.875rem}.work .project-meta h3{font-size:1.8rem}.case-film{padding:2.5rem 7vw 2rem}.case-screen .film-label{font-size:.75rem;margin-bottom:.5rem}.case-screen strong{font-size:1.1rem}.case-screen p{font-size:.8rem}.case-screen .video-pending>div{padding:.75rem}.film-caption{font-size:.8rem}.work .case-label{font-size:.75rem}}
/* Mid-sized media and independent play / detail actions. */
.work .section-head,.work .filter-status,.work .project-grid{max-width:1240px}.work .project-grid.is-expanded{max-width:1020px}.case-film>.case-section-title,.case-film>.case-screen,.case-film>.film-caption,.case-film video,.detail-content video,.video-pending{max-width:1020px}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;display:grid;place-items:center;background:#fff;color:#060608;border:1px solid #ffffff60;border-radius:50%;cursor:pointer;box-shadow:0 5px 30px #0005;font-size:0;overflow:visible}.film-play>span:first-child{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #060608;transform:translateX(2px)}.film-play:hover{background:#fff;transform:translate(-50%,-50%) scale(1.08)}.film-play:active{transform:translate(-50%,-50%) scale(.96)}.play-caption{position:absolute;top:calc(100% + 9px);white-space:nowrap;font-size:.8rem;background:#060608dc;color:#fff;padding:.3rem .6rem;border-radius:3px}.project-direct{position:absolute;bottom:1rem;right:1rem;min-height:44px;display:flex;gap:1rem;align-items:center;background:#101116ed;color:#fff;border:1px solid #ffffff50;border-radius:30px;padding:.65rem 1rem;font-size:.875rem;transition:background .2s,color .2s}.project-direct>span{transition:transform .2s}.project-direct:hover{background:var(--acid);color:#060608}.project-direct:hover>span{transform:translate(2px,-2px)}.project-direct:focus-visible,.film-play:focus-visible{outline:3px solid white;outline-offset:4px}.film-open{overflow:hidden}.film-dialog{padding:0;border:1px solid #ffffff30;border-radius:12px;width:min(1020px,94vw);max-height:92svh;overflow:auto;background:#101116;color:#f3f3f3}.film-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.film-dialog-head,.film-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem}.film-dialog h2{font-size:1.2rem;margin:0}.film-close{background:none;color:#fff;border:1px solid #ffffff55;border-radius:24px;padding:.5rem 1rem;cursor:pointer}.film-stage{aspect-ratio:16/9;max-height:65svh;position:relative;background:#050609}.film-player{width:100%;height:100%;object-fit:contain}.film-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center}.film-empty strong{font-size:1.5rem}.film-empty p,.film-dialog-foot{font-size:.875rem;color:#b9bfca}.film-details{background:var(--acid);color:#060608;display:inline-flex;align-items:center;min-height:44px;padding:.65rem 1rem;border-radius:24px;white-space:nowrap}.film-details:hover{background:#fff}.film-dialog [hidden]{display:none!important}
@media(max-width:760px){.work .project-grid,.work .project-grid.is-expanded{max-width:600px}.work{padding-left:5vw;padding-right:5vw}.case-film{padding-left:5vw;padding-right:5vw}.film-play{width:56px;height:56px;font-size:1.15rem}.play-caption{font-size:.75rem;top:calc(100% + 5px)}.project-direct{bottom:.6rem;right:.6rem;padding:.5rem .75rem;gap:.5rem;font-size:.8rem}.film-dialog-head,.film-dialog-foot{padding:1rem}.film-dialog-foot{flex-wrap:wrap}.film-empty strong{font-size:1.25rem}.film-empty p{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.film-play:hover,.film-play:active{transform:translate(-50%,-50%)}.project-direct:hover>span{transform:none}}

/* Homepage discovery controls: larger capsules, pointer glow and a short-lived nav guide. */
.work .filters{gap:10px}
.work .filters button{
 --mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;
 min-width:clamp(150px,12vw,190px);min-height:58px;padding:13px 24px;
 border-width:1px;border-radius:999px;font-size:clamp(.95rem,1.15vw,1.08rem);font-weight:650;
 background:radial-gradient(140px circle at var(--mx) var(--my),#dfff001f,transparent 68%),#11141a;
 box-shadow:inset 0 1px 0 #ffffff0d,0 10px 26px #0004;
 transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s,background .24s,color .24s,box-shadow .24s;
}
.work .filters button::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(180px circle at var(--mx) var(--my),#dfff0042,transparent 68%);transition:opacity .22s}
.work .filters button::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:32%;pointer-events:none;background:linear-gradient(100deg,transparent,#ffffff70,transparent);transform:skewX(-18deg)}
.work .filters button:hover{color:#fff;border-color:#dfff0090;background-color:#181c22;box-shadow:0 0 0 1px #dfff0018,0 14px 34px #0008,0 0 28px #dfff0015;transform:translateY(-4px) scale(1.018)}
.work .filters button:hover::before{opacity:1}.work .filters button:hover::after{animation:control-sheen .75s ease-out}
.work .filters button.active{background:linear-gradient(110deg,#d9ff00,#f0ff66 52%,#cbf900);color:#080a08;border-color:#dfff00;box-shadow:0 10px 30px #dfff0028,inset 0 1px 0 #fff9}
.work .filters button.active::after{animation:control-sheen 3.2s ease-in-out infinite}
.work .filters button.is-control-pop,.site-header nav a.is-control-pop{animation:control-pop .46s cubic-bezier(.2,.9,.2,1)}
.site-header nav{gap:.38rem}
.site-header nav a{
 --mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;
 min-height:46px;padding:.65rem .82rem;border:1px solid #ffffff2c;border-radius:999px;
 background:radial-gradient(90px circle at var(--mx) var(--my),#dfff0022,transparent 72%),#07090c42;
 box-shadow:inset 0 1px 0 #ffffff12;backdrop-filter:blur(7px);
 transition:transform .24s cubic-bezier(.2,.8,.2,1),background .24s,color .24s,border-color .24s,box-shadow .24s;
}
.site-header nav a::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(120px circle at var(--mx) var(--my),#dfff0040,transparent 70%);transition:opacity .22s}
.site-header nav a::after{content:"";position:absolute;left:18%;right:18%;bottom:6px;width:auto;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:center;transition:transform .24s}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--acid);border-color:#dfff0080;background-color:#11151caa;box-shadow:0 8px 26px #0008,0 0 22px #dfff0014;transform:translateY(-3px)}
.site-header nav a:hover::before,.site-header nav a:focus-visible::before{opacity:1}.site-header nav a:hover::after,.site-header nav a:focus-visible::after,.site-header nav a[aria-current]::after{transform:scaleX(1)}
.nav-guide{position:absolute;right:max(3vw,calc((100vw - 1600px)/2));top:96px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #dfff0080;border-radius:999px;background:#080a0ddd;color:#dfff00;font-size:.75rem;letter-spacing:.08em;pointer-events:none;opacity:0;transform:translate(-16px,12px);box-shadow:0 10px 30px #0008;animation:nav-guide-intro 5s cubic-bezier(.2,.8,.2,1) .45s forwards}
.nav-guide b{font-size:1.45rem;line-height:1;animation:nav-guide-arrow .8s ease-in-out .8s 4}
.site-header.is-guiding nav a{animation:nav-link-intro 1s cubic-bezier(.2,.8,.2,1) both}.site-header.is-guiding nav a:nth-child(2){animation-delay:.12s}.site-header.is-guiding nav a:nth-child(3){animation-delay:.2s}.site-header.is-guiding nav a:nth-child(4){animation-delay:.28s}.site-header.is-guiding nav a:nth-child(5){animation-delay:.36s}.site-header.is-guiding nav a:nth-child(6){animation-delay:.44s}.site-header.is-guiding nav a:nth-child(7){animation-delay:.52s}
@keyframes control-sheen{0%,52%{left:-45%}100%{left:130%}}
@keyframes control-pop{0%{transform:scale(.96)}48%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes nav-link-intro{0%{border-color:#ffffff2c;box-shadow:none}45%{border-color:#dfff00aa;box-shadow:0 0 26px #dfff002c}100%{border-color:#ffffff2c;box-shadow:inset 0 1px 0 #ffffff12}}
@keyframes nav-guide-arrow{50%{transform:translate(4px,-4px)}}
@keyframes nav-guide-intro{0%{opacity:0;transform:translate(-20px,14px)}12%,72%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(10px,-8px)}}
@media(max-width:1050px){.nav-guide{right:5vw;top:74px}.nav-guide span{display:none}.site-header.is-guiding nav a{animation:none}}
@media(max-width:760px){.work .filters button{min-width:0;min-height:54px;padding:12px 14px;font-size:.95rem}.nav-guide{top:70px}}
@media(hover:none){.work .filters button:hover,.site-header nav a:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.nav-guide{display:none}.work .filters button,.site-header nav a{transition:none}.work .filters button.active::after{animation:none}}
.category-card .project-media:has(.home-video){overflow:visible;aspect-ratio:auto;background:transparent}
.home-video-frame{position:relative;grid-column:1;grid-row:1;width:100%;aspect-ratio:16/9;overflow:hidden;background:#050609;border:1px solid #ffffff26;border-radius:8px}
.home-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#050609}
.home-video-cover{position:absolute;inset:0;display:grid;width:100%;height:100%;place-items:center;padding:0;border:0;background:#050609;cursor:pointer}
.home-video-cover img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.home-video-cover>span{position:absolute;display:grid;width:76px;height:76px;place-items:center;border-radius:50%;background:#fff;box-shadow:0 5px 30px #0007;transition:transform .22s ease,background .22s ease}
.home-video-cover>span::before{content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #060608;transform:translateX(2px)}
.home-video-cover.is-loading>span{font-size:0;padding:0;background:#101217cc;border:3px solid #ffffff45;border-top-color:#dfff00;animation:video-cover-spin .8s linear infinite}
.home-video-cover.is-loading>span::before{display:none}
@keyframes video-cover-spin{to{transform:rotate(360deg)}}
.home-video-cover:hover>span{transform:scale(1.1);background:#fff}
.home-video-cover:active>span{transform:scale(.96)}
.home-video-cover:focus-visible{outline:3px solid white;outline-offset:4px;z-index:2}
.home-video-cover[hidden]{display:none!important}
.category-card .inline-details{position:static;display:inline-flex;margin-top:.8rem}
.project-media:has(.home-video) .case-label{pointer-events:none}
.video-status{font-size:.875rem;line-height:1.6;color:#a7afbf;margin:.5rem 0}
.video-status[hidden]{display:none}
.work .project-grid{display:block;max-width:1020px;overflow:hidden}
.work .project-grid>.project[hidden]{display:none!important}
.work .project-grid>.project{width:100%;margin:0;transform:none}
.work .section-head{align-items:flex-start;gap:2rem;flex-wrap:wrap}
.work .filters{flex-wrap:wrap;gap:.6rem}
.work .filters button{font-size:1rem;min-height:44px}
.carousel-toolbar{max-width:1020px;margin:0 auto 1.3rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.carousel-status{font-size:.9rem;letter-spacing:.1em;color:#b8becb}
.carousel-toolbar>div{display:flex;gap:.6rem}
.carousel-toolbar button{height:48px;width:56px;border:1px solid #ffffff50;background:#14171d;color:#dfff00;border-radius:30px;font-size:1.4rem;cursor:pointer}
.carousel-toolbar button:hover{background:#dfff00;color:#08090b}
.carousel-hint{max-width:1020px;margin:1.5rem auto 0;color:#a7afbf;font-size:.875rem;line-height:1.6}
.profile-entry{display:inline-flex;gap:2rem;align-items:center;justify-content:space-between;border-bottom:1px solid currentColor;padding:1rem 0;min-height:48px;font-size:1.1rem;color:#dfff00;margin-bottom:1.5rem}
.profile-entry:hover span{transform:translate(3px,-3px)}
.profile-page{max-width:1200px;margin:auto;padding:150px 6vw 100px}
.profile-heading{padding:4rem 0;border-bottom:1px solid #ffffff30}
.profile-heading>p,.profile-index{font-size:.875rem;letter-spacing:.15em;color:#a7afbf}
.profile-heading h1{font-size:clamp(4rem,12vw,9rem);line-height:1.1;margin:2rem 0;letter-spacing:-.04em}
.profile-heading h1 span{color:#dfff00}
.profile-bio{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding:4rem 0;line-height:1.9}
.profile-bio h2{font-size:2rem;margin-top:0}.profile-pending{font-size:1.2rem}
@media(max-width:760px){.work .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.work .filters button{padding:.7rem .8rem}.profile-bio{grid-template-columns:1fr;gap:1rem}.profile-page{padding-top:120px}}
.carousel-track{height:3px;background:#ffffff18;max-width:1020px;margin:0 auto 1.5rem;overflow:hidden;border-radius:3px}
.carousel-track span{display:block;width:25%;height:100%;background:#dfff00;transform:translateX(calc(var(--slide,0)*100%));transition:transform .5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 18px #dfff0070}
button,a{ -webkit-tap-highlight-color:transparent }
button,.profile-entry,.project-direct,.film-details,.scroll-link{transition:background .2s,color .2s,border-color .2s,box-shadow .2s,translate .2s}
button:not(:disabled):active,.project-direct:active,.profile-entry:active{translate:0 2px}
.carousel-toolbar button:hover{box-shadow:0 0 24px #dfff0030;translate:0 -2px}
.filters button.active{box-shadow:inset 0 0 0 1px #dfff00,0 0 24px #dfff001a}
.site-header nav a{position:relative;padding-bottom:6px}
.site-header nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#dfff00;transform:scaleX(0);transform-origin:left;transition:transform .22s}
.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}
.video-status:not([hidden]){padding:.7rem 1rem;border-left:2px solid #dfff00;background:#ffffff08;border-radius:4px}
.video-status.is-buffering:before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #ffffff30;border-top-color:#dfff00;border-radius:50%;margin-right:.65rem;vertical-align:middle;animation:buffer-spin .8s linear infinite}
@keyframes buffer-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.carousel-track span,button,a{transition:none!important}.video-status.is-buffering:before{animation:none}}

/* Solid black masthead: clear white navigation without glass surfaces. */
.site-header{background:#050505;border-bottom-color:#ffffff2b}
.site-header nav{gap:clamp(.75rem,1.55vw,1.85rem)}
.site-header nav a{
 min-height:46px;padding:.65rem .1rem;color:#fff;border:0;border-radius:0;
 background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
 text-shadow:none;overflow:visible;
}
.site-header nav a::before{display:none}
.site-header nav a::after{left:0;right:0;bottom:4px;width:100%;height:2px;background:#dfff00;transform:scaleX(0);transform-origin:left}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#fff;border-color:transparent;background:transparent;box-shadow:none;transform:translateY(-2px)}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after,.site-header nav a[aria-current]::after{transform:scaleX(1)}
.nav-guide{
 right:auto;display:flex;flex-direction:column;align-items:center;gap:2px;
 min-width:118px;padding:8px 10px;border:0;border-radius:0;background:#050505;color:#fff;
 box-shadow:0 12px 30px #0009;transform:translate(-50%,12px);
 animation:nav-guide-intro 5s cubic-bezier(.2,.8,.2,1) .45s forwards;
}
.nav-guide b{color:#dfff00;font-size:2rem;line-height:.8;animation:nav-guide-arrow .72s ease-in-out .65s 5}
.nav-guide span{font-size:.75rem;letter-spacing:.04em;white-space:nowrap}
@keyframes nav-guide-arrow{50%{transform:translateY(-6px)}}
@keyframes nav-guide-intro{0%{opacity:0;transform:translate(-50%,18px)}12%,72%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-10px)}}
@media(max-width:1050px){.site-header nav{background:#050505}.nav-guide{min-width:74px}.nav-guide span{display:none}}
@media(hover:none){.site-header nav a:hover{transform:none}}

/* Unified primary-action treatment. Every project-detail action inherits this pattern. */
.category-card .project-media:has(.home-video){
 display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 116px;
 align-items:stretch;padding-bottom:0;
}
.category-card .project-media:has(.home-video)>.home-video-frame{grid-column:1;grid-row:1}
.category-card .project-media:has(.home-video)>.inline-details{
 grid-column:1;grid-row:2;place-self:center;
}
.category-card .project-media:has(.home-video)>.video-status:not([hidden]){
 position:absolute;left:18px;right:18px;bottom:6px;margin:0;z-index:2;
}
.category-card .inline-details,.project-direct.inline-details{
 --mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;align-self:center;
 display:inline-flex;align-items:center;justify-content:center;gap:18px;
 min-width:220px;min-height:56px;margin:0;padding:13px 24px;
 border:1px solid #ffffff55;border-radius:999px;background:radial-gradient(150px circle at var(--mx) var(--my),#dfff0022,transparent 68%),#11141a;
 color:#fff;font-size:1rem;font-weight:650;box-shadow:inset 0 1px 0 #ffffff12,0 10px 26px #0005;
 transition:transform .24s cubic-bezier(.2,.8,.2,1),background .24s,color .24s,border-color .24s,box-shadow .24s;
}
.category-card .inline-details::before,.project-direct.inline-details::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(190px circle at var(--mx) var(--my),#dfff0055,transparent 68%);transition:opacity .22s}
.category-card .inline-details::after,.project-direct.inline-details::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:32%;background:linear-gradient(100deg,transparent,#ffffff8a,transparent);transform:skewX(-18deg);pointer-events:none}
.category-card .inline-details:hover,.category-card .inline-details:focus-visible,.project-direct.inline-details:hover,.project-direct.inline-details:focus-visible{background:linear-gradient(110deg,#d9ff00,#efff5c 55%,#cafa00);color:#080a08;border-color:#dfff00;box-shadow:0 14px 34px #0008,0 0 30px #dfff0025;transform:translateY(-4px) scale(1.018)}
.category-card .inline-details:hover::before,.category-card .inline-details:focus-visible::before,.project-direct.inline-details:hover::before,.project-direct.inline-details:focus-visible::before{opacity:1}
.category-card .inline-details:hover::after,.category-card .inline-details:focus-visible::after,.project-direct.inline-details:hover::after,.project-direct.inline-details:focus-visible::after{animation:control-sheen .75s ease-out}
.category-card .inline-details>span,.project-direct.inline-details>span{font-size:1.15rem;transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.category-card .inline-details:hover>span,.category-card .inline-details:focus-visible>span,.project-direct.inline-details:hover>span,.project-direct.inline-details:focus-visible>span{transform:translate(4px,-4px) rotate(8deg)}
.project-direct.is-control-pop,.film-details.is-control-pop,.carousel-toolbar button.is-control-pop{animation:control-pop .46s cubic-bezier(.2,.9,.2,1)}
@media(max-width:760px){.category-card .project-media:has(.home-video){grid-template-rows:auto 104px}.category-card .inline-details,.project-direct.inline-details{min-width:min(220px,calc(100% - 32px));min-height:52px;font-size:.95rem}}
@media(max-width:760px){.home-video-cover>span{width:56px;height:56px;font-size:1.15rem}}
@media(hover:none){.category-card .inline-details:hover,.project-direct.inline-details:hover{transform:none}}

/* Homepage AI future field. The old photographic collage is intentionally gone:
   every visible background layer now moves, while the left copy stays readable. */
.hero{isolation:isolate;contain:layout paint style;perspective:1100px;background:
 radial-gradient(circle at 72% 48%,#0d111d 0 8%,#03050a 24%,transparent 48%),
 radial-gradient(circle at 87% 10%,#dfff0009 0 1%,transparent 24%),
 linear-gradient(135deg,#000 0%,#030407 48%,#000 100%)}
.hero::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:
 repeating-linear-gradient(90deg,transparent 0 11.9vw,#3981ff10 12vw,#3981ff10 calc(12vw + 1px)),
 repeating-linear-gradient(0deg,transparent 0 11.9vh,#3981ff0c 12vh,#3981ff0c calc(12vh + 1px));
 opacity:.18;animation:hero-circuit-drift 18s linear infinite}
.hero::after{z-index:6;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.88) 30%,rgba(0,0,0,.32) 55%,rgba(0,0,0,.05) 100%)}
.hero-copy,.hero-index{z-index:8}
.hero-ai-nebula,.hero-ai-grid,.hero-data-streams,.hero-timefield,.hero-time-scan,.hero-time-portal{position:absolute;inset:0;pointer-events:none}
.hero-ai-nebula{z-index:0;overflow:hidden}
.hero-ai-nebula span{position:absolute;border-radius:50%;will-change:transform}
.hero-ai-nebula span:first-child{width:74vw;aspect-ratio:1;left:39%;top:-36%;background:radial-gradient(circle,#284b9b58 0 7%,#07101f58 28%,transparent 68%);opacity:.88;animation:hero-nebula-one 16s ease-in-out infinite alternate}
.hero-ai-nebula span:nth-child(2){width:44vw;aspect-ratio:1;right:-10%;bottom:-29%;background:radial-gradient(circle,#dfff0018 0 3%,#151b2724 26%,transparent 70%);opacity:.78;animation:hero-nebula-two 12s ease-in-out infinite alternate}
.hero-ai-nebula span:nth-child(3){width:38vw;aspect-ratio:1;left:43%;bottom:-34%;background:radial-gradient(circle,#512c8252 0 8%,#17254442 35%,transparent 68%);opacity:.72;animation:hero-nebula-three 10s ease-in-out infinite alternate}
.hero-ai-grid{z-index:1;inset:51% -28% -46% 24%;transform-origin:center top;transform:perspective(620px) rotateX(68deg) rotateZ(-3deg);background-image:linear-gradient(#6884af1c 1px,transparent 1px),linear-gradient(90deg,#6884af1c 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 70%,transparent 100%);animation:hero-grid-flight 2.4s linear infinite;box-shadow:0 -18px 80px #0b13253d}
.hero-data-streams{z-index:2;overflow:hidden;opacity:.38}
.hero-data-streams span{position:absolute;top:-18%;width:1px;height:46%;background:linear-gradient(transparent,#788ba8,#dfff00,transparent);box-shadow:0 0 13px #64748b;transform:rotate(14deg);animation:hero-data-fall 4.8s linear infinite}
.hero-data-streams span:nth-child(1){left:47%;animation-delay:-1.1s}.hero-data-streams span:nth-child(2){left:59%;height:28%;animation-delay:-3.7s;animation-duration:5.9s}.hero-data-streams span:nth-child(3){left:73%;height:38%;animation-delay:-2.2s;animation-duration:4.1s}.hero-data-streams span:nth-child(4){left:85%;height:31%;animation-delay:-.4s;animation-duration:6.3s}.hero-data-streams span:nth-child(5){left:94%;height:44%;animation-delay:-4.8s;animation-duration:5.2s}
.hero-ingestion{position:absolute;z-index:6;inset:0;overflow:hidden;pointer-events:none}
.hero-ingestion span{position:absolute;width:clamp(8px,.86vw,17px);height:clamp(3px,.29vw,6px);background:linear-gradient(90deg,#ffffff,#7aaeff 46%,#dfff00 78%,#9b65ff);border-radius:999px;opacity:0;box-shadow:0 0 10px #758dff,0 0 25px #b47cff;animation:hero-ingest var(--duration,4.8s) cubic-bezier(.08,.55,.16,1) infinite;animation-delay:var(--delay,0s)}
.hero-ingestion span:nth-child(1){left:42%;top:7%;--tx:31vw;--ty:43vh;--duration:4.7s;--delay:-2.8s}.hero-ingestion span:nth-child(2){left:92%;top:10%;--tx:-19vw;--ty:39vh;--duration:5.5s;--delay:-1.7s}.hero-ingestion span:nth-child(3){left:100%;top:36%;--tx:-26vw;--ty:14vh;--duration:4.2s;--delay:-3.4s}.hero-ingestion span:nth-child(4){left:48%;top:93%;--tx:25vw;--ty:-42vh;--duration:5.9s;--delay:-4.1s}.hero-ingestion span:nth-child(5){left:97%;top:81%;--tx:-23vw;--ty:-31vh;--duration:4.5s;--delay:-.9s}.hero-ingestion span:nth-child(6){left:65%;top:101%;--tx:9vw;--ty:-45vh;--duration:5.2s;--delay:-2.2s}.hero-ingestion span:nth-child(7){left:73%;top:-4%;--tx:1vw;--ty:48vh;--duration:4.1s;--delay:-.4s}.hero-ingestion span:nth-child(8){left:57%;top:34%;--tx:17vw;--ty:16vh;--duration:3.8s;--delay:-2s}
.hero-ingestion span:nth-child(9){left:31%;top:15%;--tx:42vw;--ty:35vh;--duration:5.6s;--delay:-3.9s}.hero-ingestion span:nth-child(10){left:90%;top:55%;--tx:-17vw;--ty:-4vh;--duration:4.4s;--delay:-2.5s}.hero-ingestion span:nth-child(11){left:54%;top:63%;--tx:19vw;--ty:-13vh;--duration:4.9s;--delay:-1.3s}.hero-ingestion span:nth-child(12){left:100%;top:5%;--tx:-27vw;--ty:44vh;--duration:6s;--delay:-4.7s}.hero-ingestion span:nth-child(13){left:44%;top:51%;--tx:29vw;--ty:-1vh;--duration:4.1s;--delay:-.5s}.hero-ingestion span:nth-child(14){left:82%;top:100%;--tx:-9vw;--ty:-44vh;--duration:5.4s;--delay:-3.2s}.hero-ingestion span:nth-child(15){left:69%;top:15%;--tx:4vw;--ty:36vh;--duration:3.9s;--delay:-1.9s}.hero-ingestion span:nth-child(16){left:52%;top:100%;--tx:21vw;--ty:-44vh;--duration:5s;--delay:-2.7s}
.hero-timefield{z-index:5;width:100%;height:100%;opacity:.9;transition:opacity .16s linear}
.hero-time-portal{z-index:3;inset:50% auto auto 73%;width:min(82vw,1240px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;opacity:.94}
.hero-time-portal span,.hero-time-portal em,.hero-time-portal i,.hero-time-portal b{position:absolute;border-radius:50%;will-change:transform,opacity}
.hero-time-portal span:first-child{inset:0;background:repeating-conic-gradient(from 0deg,transparent 0 5deg,#d9e2f015 6deg 7deg,transparent 8deg 14deg,#dfff0017 15deg 16deg,transparent 17deg 26deg);-webkit-mask:radial-gradient(circle,transparent 0 22%,#000 34% 65%,transparent 76%);mask:radial-gradient(circle,transparent 0 22%,#000 34% 65%,transparent 76%);animation:hero-time-spin 12s linear infinite}
.hero-time-portal span:nth-child(2){inset:13%;border:1px solid #aebbd338;box-shadow:inset 0 0 70px #090d15,0 0 48px #151c29;animation:hero-time-spin-reverse 9s linear infinite}
.hero-time-portal em{inset:34% 5%;background:conic-gradient(from 20deg,transparent 0 7%,#ffffffa8 12%,#7c9fffda 15%,#dfff00f2 19%,#9b65ff91 27%,transparent 35% 55%,#a56cffaf 61%,#dfff00bb 65%,#87b8ffeb 70%,#ffffffd9 73%,transparent 82%);filter:blur(4px);box-shadow:0 0 34px #ffffff65,0 0 70px #6686ff70,0 0 82px #9b65ff50;transform:rotate(-12deg) scaleY(.24);animation:hero-accretion-spin 5.8s linear infinite}
.hero-time-portal i{inset:31%;border:2px solid #9bb7f3bd;background:radial-gradient(circle,#000 0 48%,#010204 55%,transparent 68%);box-shadow:0 0 26px #000,0 0 24px #89a5ff5e,0 0 72px #a26bff58,inset 0 0 50px #000;animation:hero-core-breathe 3.8s ease-in-out infinite}
.hero-time-portal b{inset:39%;background:#000;box-shadow:0 0 0 1px #ffffff24,0 0 26px #000,0 0 72px #000;animation:hero-void-pulse 4.6s ease-in-out infinite}
.hero-time-scan{z-index:5;inset:-20% -45%;opacity:0;background:linear-gradient(106deg,transparent 38%,#1d5fff00 44%,#2a72ff4a 48%,#efffa48a 50%,#2874ff3d 52%,#1d5fff00 56%,transparent 62%);transform:translateX(-35%);animation:hero-time-scan 6.8s cubic-bezier(.22,.7,.2,1) infinite}

.hero.is-scrolling :is(.hero-ai-nebula span,.hero-ai-grid,.hero-data-streams span,.hero-ingestion span,.hero-time-portal span,.hero-time-portal em,.hero-time-portal i,.hero-time-portal b,.hero-time-scan){animation-play-state:paused!important}
.hero.is-scrolling .hero-timefield{opacity:.58}
.hero-copy::before{content:"";position:absolute;z-index:-1;inset:-8% -12% -10% -8%;background:radial-gradient(ellipse at 25% 50%,#01040bee 0%,#01040ba8 48%,transparent 74%);filter:blur(12px);pointer-events:none}
.hero .scroll-link{position:relative;overflow:hidden;text-shadow:0 0 18px #000;box-shadow:0 1px 0 #fff}
.hero .scroll-link::before{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:#dfff00;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 18px #dfff00}
.hero .scroll-link:hover::before,.hero .scroll-link:focus-visible::before{transform:scaleX(1)}
.hero .scroll-link:hover b,.hero .scroll-link:focus-visible b{transform:translate(5px,5px) rotate(-8deg)}
.hero .scroll-link b{transition:transform .28s cubic-bezier(.2,.8,.2,1)}
@keyframes hero-circuit-drift{to{background-position:12vw 0,0 12vh}}
@keyframes hero-nebula-one{to{transform:translate3d(5%,8%,0) scale(1.14) rotate(8deg)}}
@keyframes hero-nebula-two{to{transform:translate3d(-18%,-8%,0) scale(.86) rotate(-10deg)}}
@keyframes hero-nebula-three{to{transform:translate3d(12%,-10%,0) scale(1.22)}}
@keyframes hero-grid-flight{to{background-position:0 72px,72px 0}}
@keyframes hero-data-fall{0%{translate:0 -35%;opacity:0}12%{opacity:1}78%{opacity:.65}100%{translate:22vw 155%;opacity:0}}
@keyframes hero-time-spin{to{transform:rotate(360deg) scale(1.035)}}
@keyframes hero-time-spin-reverse{0%{transform:rotate(0) scale(.88);opacity:.32}50%{opacity:.95}100%{transform:rotate(-360deg) scale(1.08);opacity:.32}}
@keyframes hero-accretion-spin{to{transform:rotate(348deg) scaleY(.24)}}
@keyframes hero-core-breathe{0%,100%{transform:scale(.96);opacity:.86}50%{transform:scale(1.04);opacity:1}}
@keyframes hero-void-pulse{0%,100%{transform:scale(.94)}50%{transform:scale(1.035)}}
@keyframes hero-time-scan{0%,16%{opacity:0;transform:translateX(-38%)}26%{opacity:.85}49%{opacity:.2;transform:translateX(38%)}50%,100%{opacity:0;transform:translateX(38%)}}
@keyframes hero-ingest{0%{opacity:0;transform:translate3d(0,0,0) rotate(-18deg) scaleX(1)}8%{opacity:.85}68%{opacity:.95;transform:translate3d(var(--tx),var(--ty),0) rotate(355deg) scaleX(3.8)}84%{opacity:.9;transform:translate3d(var(--tx),var(--ty),0) rotate(560deg) scaleX(.2)}100%{opacity:0;transform:translate3d(var(--tx),var(--ty),0) rotate(690deg) scale(0)}}
@media(max-width:760px){.hero-ingestion span:nth-child(n+9){display:none}.hero-time-portal{left:70%;width:154vw;opacity:.78}.hero-timefield{opacity:.9}.hero-ai-grid{inset:56% -90% -44% 2%;background-size:54px 54px}.hero-data-streams{opacity:.28}.hero-ingestion{opacity:.72}.hero-time-scan{animation-duration:8.2s}.hero::after{background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.76) 62%,rgba(0,0,0,.24))}.hero-copy::before{inset:-5% -18% -8% -10%}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-ai-nebula span,.hero-ai-grid,.hero-data-streams span,.hero-ingestion span,.hero-time-scan{animation:none!important}.hero-timefield{display:none}.hero-time-portal{opacity:.38}.hero-time-portal span,.hero-time-portal em,.hero-time-portal i,.hero-time-portal b{animation:none!important}.hero .scroll-link b{transition:none}}

/* Published homepage copy: the direct editor's detailed introduction must be visible. */
.project-published-description{grid-column:1/-1;width:100%;max-width:none;margin-top:1.15rem;padding:1.25rem 0 0;border-top:1px solid #ffffff22}
.project-published-description>span{display:block;margin-bottom:.7rem;color:#dfff00;font-size:.76rem;letter-spacing:.14em}
.formatted-copy{display:grid;gap:var(--paragraph-spacing,18px);width:100%;max-width:none}
.formatted-copy p{margin:0!important;color:var(--copy-color,#b9bfca)!important;font-size:var(--copy-font-size,18px)!important;font-weight:var(--copy-font-weight,400)!important;line-height:var(--copy-line-height,1.9)!important;letter-spacing:var(--copy-letter-spacing,.6px)!important;overflow-wrap:anywhere}
.project-published-description>.formatted-copy{width:100%;max-width:none}
.project-document-link{display:inline-flex;align-items:center;justify-content:space-between;gap:1.25rem;width:fit-content;min-width:min(100%,300px);margin-top:1.15rem;padding:.8rem 1rem;border:1px solid #dfff00;border-radius:999px;color:#f6f7f1;font-size:.9rem;font-weight:600;letter-spacing:.06em;transition:background .25s,color .25s,transform .25s,box-shadow .25s}.project-document-link span{color:#dfff00;font-size:.78rem}.project-document-link:hover{background:#dfff00;color:#090a0d;transform:translateY(-2px);box-shadow:0 10px 26px #dfff0030}.project-document-link:hover span{color:#090a0d}.case-description .project-document-link{margin-top:clamp(20px,2vw,28px)}
@media(max-width:760px){.project-published-description{margin-top:1rem;padding-top:1rem}}

/* Personal profile — wide editorial composition with the portrait integrated into the page. */
.about-profile-body{background:#07080a;color:#f2f3f5}
.profile-pro{--profile-safe:max(var(--detail-gutter),calc((100vw - var(--detail-width))/2));background:#07080a;color:#f2f3f5}
.profile-pro-hero{position:relative;isolation:isolate;min-height:calc(100svh - 86px);overflow:hidden;background:#050607;border-bottom:1px solid #ffffff24}
.profile-pro-hero::before{content:"";position:absolute;inset:-8%;z-index:-5;pointer-events:none;background:radial-gradient(ellipse 58% 92% at 77% 52%,#252a3138 0%,#11131820 50%,transparent 100%),radial-gradient(ellipse 90% 120% at 48% 55%,#0b0c0f 0%,#050607 72%);filter:blur(22px);opacity:.95}
.profile-pro-portrait{position:absolute;inset:-3% clamp(120px,16vw,330px) -3% auto;z-index:-3;width:auto;aspect-ratio:1553/2048;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 3%,rgba(0,0,0,.25) 8%,rgba(0,0,0,.5) 14%,rgba(0,0,0,.76) 21%,rgba(0,0,0,.94) 27%,#000 33%,#000 66%,rgba(0,0,0,.96) 72%,rgba(0,0,0,.84) 79%,rgba(0,0,0,.64) 86%,rgba(0,0,0,.4) 92%,rgba(0,0,0,.18) 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 3%,rgba(0,0,0,.25) 8%,rgba(0,0,0,.5) 14%,rgba(0,0,0,.76) 21%,rgba(0,0,0,.94) 27%,#000 33%,#000 66%,rgba(0,0,0,.96) 72%,rgba(0,0,0,.84) 79%,rgba(0,0,0,.64) 86%,rgba(0,0,0,.4) 92%,rgba(0,0,0,.18) 97%,transparent 100%)}
.profile-pro-portrait::after{content:"";position:absolute;inset:-2px;z-index:1;pointer-events:none;background:linear-gradient(0deg,#050607 0%,#050607bd 6%,#05060754 14%,transparent 26%,transparent 76%,#05060748 88%,#050607bd 96%,#050607 100%)}
.profile-pro-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:grayscale(1) contrast(1.08) brightness(.73);opacity:.95;transform:scale(1.075);transform-origin:50% 48%}
.profile-pro-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050607 0%,#050607 27%,#050607f5 39%,#050607c9 52%,#05060772 64%,#05060724 75%,transparent 88%),linear-gradient(0deg,#050607 0%,#050607a8 10%,transparent 25%,transparent 78%,#05060772 94%,#050607 100%)}
.profile-pro-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.24;background-image:radial-gradient(circle at 82% 22%,#dfff0033 0 1px,transparent 2px),linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:180px 180px,64px 64px,64px 64px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 74%);mask-image:linear-gradient(90deg,#000,transparent 74%)}
.profile-pro-back{position:absolute;top:clamp(28px,4vw,64px);left:var(--profile-safe);color:#aeb4bf;font-size:.82rem;transition:color .22s,transform .22s}
.profile-pro-back:hover{color:#dfff00;transform:translateX(-4px)}
.profile-pro-hero-copy{position:absolute;left:var(--profile-safe);right:var(--profile-safe);top:50%;bottom:auto;max-width:min(780px,58vw);transform:translateY(-45%)}
.profile-pro-kicker{margin:0 0 24px;color:#dfff00;font-size:.76rem;font-weight:700;letter-spacing:.22em}
.profile-pro-hero h1{margin:0;font-size:clamp(4rem,8vw,8rem);line-height:.93;letter-spacing:-.065em;white-space:nowrap;text-shadow:0 12px 46px #000}
.profile-pro-hero h1 span{color:#dfff00}
.profile-pro-lead{max-width:34em;margin:28px 0 0;color:#d1d5dc;font-size:clamp(1.08rem,1.45vw,1.35rem);line-height:1.75;letter-spacing:.045em;text-shadow:0 4px 20px #000}
.profile-pro-lead--roles{display:flex;align-items:center;flex-wrap:wrap;gap:.45em;max-width:min(980px,72vw);font-size:clamp(1rem,1.3vw,1.22rem);line-height:1.55;letter-spacing:.025em}
.profile-pro-lead--roles strong{display:inline-block;color:#f5f7f8;font-weight:760;letter-spacing:.045em;text-shadow:0 5px 24px #000}
.profile-pro-lead--roles>span{color:#dfff00;font-weight:700;opacity:.92;text-shadow:0 0 18px #dfff0040}
.profile-pro-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.profile-pro-tags span{padding:9px 14px;border:1px solid #ffffff3b;border-radius:999px;background:#090b0db0;color:#d9dde3;font-size:.78rem;letter-spacing:.055em;backdrop-filter:blur(8px)}
.profile-pro-scroll{position:absolute;right:var(--profile-safe);bottom:42px;display:flex;align-items:center;gap:14px;color:#aeb4bf;font-size:.66rem;letter-spacing:.15em}
.profile-pro-scroll b{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dfff00;border-radius:50%;color:#dfff00;font-size:1rem;animation:profile-scroll 1.8s ease-in-out infinite}
@keyframes profile-scroll{50%{transform:translateY(6px)}}
.profile-pro-content{width:100%;padding:0 var(--profile-safe) clamp(72px,8vw,128px)}
.profile-pro-intro-head{display:grid;grid-template-columns:minmax(200px,.55fr) minmax(0,1.45fr);gap:clamp(30px,5vw,88px);align-items:end;padding:clamp(46px,5vw,72px) 0 clamp(34px,4vw,54px);border-bottom:1px solid #ffffff27}
.profile-pro-intro-head p{margin:0;color:#9ba2ae;font-size:.72rem;letter-spacing:.17em}
.profile-pro-intro-head h2{max-width:none;margin:0;font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.12;letter-spacing:-.04em}
.profile-pro-work-head{display:block;padding:clamp(42px,5vw,72px) 0 clamp(28px,3.5vw,50px)}
.profile-pro-work-head p{margin:0 0 13px;color:#dfff00;font-size:.68rem;font-weight:700;letter-spacing:.18em}
.profile-pro-work-head h2{margin:0;color:#f2f3f5;font-size:clamp(2rem,3.5vw,3.7rem);line-height:1;letter-spacing:-.045em}
.profile-pro-work-head h2 span{color:#dfff00}
.profile-pro-experience{position:relative;padding:clamp(32px,3.6vw,52px) clamp(28px,3.2vw,56px) clamp(32px,3.6vw,52px) 0;border-bottom:1px solid #ffffff27;background:radial-gradient(circle at 98% 18%,#dfff000b,transparent 22%)}
.profile-pro-experience::after{content:"";position:absolute;right:2px;bottom:-4px;width:7px;height:7px;border:1px solid #dfff00;border-radius:50%;background:#07080a;box-shadow:0 0 18px #dfff0066}
.profile-pro-title-row{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:clamp(18px,2.4vw,40px);align-items:start}
.profile-pro-order{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.profile-pro-order>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff35;border-radius:50%;color:#dfff00;font-size:.74rem;font-variant-numeric:tabular-nums}
.profile-pro-order i{padding:5px 8px;border-radius:999px;background:#dfff00;color:#080a07;font-size:.59rem;font-style:normal;font-weight:800;letter-spacing:.08em}
.profile-pro-company h2{margin:0;font-size:clamp(1.55rem,2.7vw,3rem);line-height:1.08;letter-spacing:-.035em;white-space:nowrap}
.profile-pro-company>p{margin:9px 0 0;color:#d2d6dd;font-size:clamp(.88rem,1.05vw,1rem);font-weight:620;letter-spacing:.05em}
.profile-pro-title-row time{padding-top:7px;color:#9ea5b0;font-size:.74rem;letter-spacing:.09em;white-space:nowrap;font-variant-numeric:tabular-nums}
.profile-pro-theme{margin:clamp(20px,2.3vw,32px) 0 15px;padding-left:calc(68px + clamp(18px,2.4vw,40px));color:#dfff00;font-size:.68rem;font-weight:700;letter-spacing:.14em}
.profile-pro-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.8vw,46px);padding-left:calc(68px + clamp(18px,2.4vw,40px))}
.profile-pro-points p{position:relative;margin:0;padding-top:16px;border-top:1px solid #ffffff25;color:#b7bdc7;font-size:clamp(.8rem,.9vw,.9rem);line-height:1.72;letter-spacing:.045em}
.profile-pro-points p>span{display:block;margin-bottom:9px;color:#dfff00;font-size:.6rem;letter-spacing:.13em}
.profile-pro-blogger{background:linear-gradient(110deg,#dfff0009,transparent 48%)}
.profile-pro-wide-copy{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(200px,.35fr);gap:clamp(28px,4vw,70px);margin-top:clamp(22px,2.8vw,38px);padding-left:calc(68px + clamp(18px,2.4vw,40px))}
.profile-pro-wide-copy>p{max-width:none;margin:0;color:#c1c6ce;font-size:clamp(.84rem,.95vw,.94rem);line-height:1.78;letter-spacing:.045em}
.profile-pro-capabilities{display:grid;align-content:start;border-top:1px solid #ffffff2b}
.profile-pro-capabilities span{padding:9px 0;border-bottom:1px solid #ffffff2b;color:#eef0f3;font-size:.72rem;letter-spacing:.11em}
.profile-pro-media{position:relative;padding:clamp(42px,5vw,74px) 0;border-bottom:1px solid #ffffff27}
.profile-pro-media::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#dfff006e 30%,transparent 72%)}
.profile-pro-media-head{display:grid;grid-template-columns:minmax(240px,.6fr) minmax(0,1.4fr);gap:clamp(34px,6vw,100px);align-items:end;margin-bottom:clamp(28px,3.5vw,50px)}
.profile-pro-media-head p{margin:0 0 13px;color:#dfff00;font-size:.68rem;font-weight:700;letter-spacing:.18em}
.profile-pro-media-head h2{margin:0;font-size:clamp(2rem,3.5vw,3.7rem);line-height:1;letter-spacing:-.045em}
.profile-pro-media-head h2 span{color:#dfff00}
.profile-pro-media-links{display:grid;gap:10px}
.profile-pro-media-links a{position:relative;isolation:isolate;display:grid;grid-template-columns:27px minmax(0,1fr) 28px;align-items:center;gap:16px;min-height:52px;padding:10px 16px;overflow:hidden;border:1px solid #ffffff24;border-radius:9px;background:linear-gradient(90deg,#ffffff08,transparent);color:#d6dae1;font-size:clamp(.78rem,.95vw,.92rem);letter-spacing:.055em;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,background .28s,box-shadow .28s}
.profile-pro-media-links a::before{content:"";position:absolute;z-index:-1;inset:-70% 55% -70% -25%;opacity:0;background:linear-gradient(105deg,transparent 20%,#dfff001c 48%,#ffffff16 55%,transparent 78%);transform:translateX(-40%);transition:opacity .25s,transform .55s cubic-bezier(.2,.8,.2,1)}
.profile-pro-media-links a:hover,.profile-pro-media-links a:focus-visible{transform:translateY(-3px);border-color:#dfff0099;background:linear-gradient(90deg,#dfff000d,#ffffff08 58%,transparent);box-shadow:0 15px 34px #0008,0 0 24px #dfff000e}
.profile-pro-media-links a:hover::before,.profile-pro-media-links a:focus-visible::before{opacity:1;transform:translateX(155%)}
.profile-pro-media-links a:focus-visible{outline:2px solid #dfff00;outline-offset:3px}
.profile-pro-media-links b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #dfff007d;border-radius:50%;color:#dfff00;font-size:.58rem;font-weight:700}
.profile-pro-media-links span{min-width:0}
.profile-pro-media-links i{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff2c;border-radius:50%;color:#dfff00;font-size:.92rem;font-style:normal;transition:transform .28s,border-color .28s,background .28s}
.profile-pro-media-links a:hover i,.profile-pro-media-links a:focus-visible i{transform:translate(2px,-2px) rotate(8deg);border-color:#dfff00;background:#dfff0014}
.profile-pro-media-showcase{display:grid;width:min(100%,1100px);margin-inline:auto;gap:clamp(18px,2.2vw,30px);scroll-margin-top:28px}
.profile-pro-media-poster-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.profile-pro-media-card{position:relative;isolation:isolate;min-width:0;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.profile-pro-media-card::before{content:"";position:absolute;inset:9% 8% 20%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#dfff0012 0%,#8da5b70a 48%,transparent 74%);filter:blur(34px)}
.profile-pro-media-card::after{content:"";position:absolute;left:0;right:0;bottom:42px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff20 20%,#dfff0040 50%,#ffffff20 80%,transparent)}
.profile-pro-media-frame{position:relative;overflow:hidden;border:1px solid #ffffff20;border-radius:12px;background:#0b0d10;box-shadow:0 24px 44px #0008;transition:border-color .3s,box-shadow .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.profile-pro-media-frame::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0a}
.profile-pro-media-poster .profile-pro-media-frame{aspect-ratio:3/4}
.profile-pro-media-card img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .3s}
.profile-pro-media-card:hover .profile-pro-media-frame{transform:translateY(-4px);border-color:#dfff0066;box-shadow:0 30px 54px #000a,0 0 30px #dfff000b}
.profile-pro-media-card:hover img{transform:scale(1.012);filter:brightness(1.02) saturate(1.02)}
.profile-pro-media-partners{margin-top:clamp(2px,.7vw,10px)}
.profile-pro-media-wide-frame{aspect-ratio:auto;background:#0a0c0f}
.profile-pro-media-wide-frame img{height:auto;max-height:none;object-fit:contain}
.profile-pro-media-card figcaption{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 2px 12px;color:#d7dbe1;font-size:.75rem}
.profile-pro-media-card figcaption span{color:#dfff00;font-size:.58rem;letter-spacing:.14em}
.profile-pro-media-card figcaption b{font-weight:550;letter-spacing:.04em}
.profile-pro-contact{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,24vw,390px);gap:clamp(38px,6vw,100px);align-items:stretch;margin-top:clamp(54px,6vw,90px);padding:clamp(34px,4.5vw,66px);overflow:hidden;border:1px solid #dfff0068;border-radius:20px;background:radial-gradient(circle at 82% 50%,#dfff001c,transparent 27%),linear-gradient(120deg,#11151b,#090b0e 64%,#10150c)}
.profile-pro-contact::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 78% 50%,transparent 0 110px,#dfff001f 111px 112px,transparent 113px 142px,#dfff0014 143px 144px,transparent 145px),linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:auto,44px 44px,44px 44px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 82%);mask-image:linear-gradient(90deg,#000,transparent 82%)}
.profile-pro-contact-copy{position:relative;z-index:1}
.profile-pro-contact-copy>p:first-child{margin:0 0 18px;color:#dfff00;font-size:.7rem;letter-spacing:.18em}
.profile-pro-contact-copy h2{margin:0;font-size:clamp(2.5rem,4.4vw,4.8rem);line-height:1;letter-spacing:-.05em}
.profile-pro-contact-copy h2 span{color:#dfff00}
.profile-pro-contact-lead{max-width:50em!important;margin:22px 0 0!important;color:#aeb5c0!important;font-size:.9rem!important;line-height:1.75!important}
.profile-pro-contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;max-width:760px}
.profile-pro-contact-list>a,.profile-pro-contact-item{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px;border:1px solid #ffffff25;border-radius:11px;background:#07090cb8;color:#f4f5f6;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.profile-pro-contact-list>a:hover{border-color:#dfff00;background:#dfff000d;transform:translateY(-3px);box-shadow:0 13px 30px #0007}
.profile-pro-contact-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #dfff007d;border-radius:50%;background:#dfff000c;color:#dfff00}
.profile-pro-contact-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.profile-pro-contact-item .profile-pro-contact-icon svg{fill:currentColor;stroke:none}
.profile-pro-contact-list small{display:block;margin-bottom:3px;color:#8f97a4;font-size:.57rem;letter-spacing:.12em}
.profile-pro-contact-list strong{display:block;overflow:hidden;color:#f1f3f5;font-size:clamp(.82rem,1vw,.96rem);font-weight:600;letter-spacing:.055em;text-overflow:ellipsis;white-space:nowrap}
.profile-pro-contact-copy>a{display:inline-flex;align-items:center;gap:24px;margin-top:24px;padding:10px 17px;border:1px solid #dfff00;border-radius:999px;color:#f3f4f6;font-size:.8rem;transition:background .22s,color .22s,transform .22s}
.profile-pro-contact-copy>a:hover{background:#dfff00;color:#080a0b;transform:translateY(-3px)}
.profile-pro-qr-wrap{position:relative;z-index:1;display:grid;place-items:center;align-content:center;min-height:330px;padding:24px;border:1px solid #ffffff20;border-radius:16px;background:radial-gradient(circle at 50% 44%,#dfff0019,transparent 55%),#07090caa}
.profile-pro-qr-label{margin-bottom:15px;color:#dfff00;font-size:.59rem;letter-spacing:.19em}
.profile-pro-qr{position:relative;width:min(15vw,205px);aspect-ratio:1;overflow:hidden;border:8px solid #e9ebe7;border-radius:17px;background:#fff;box-shadow:0 22px 60px #000c,0 0 0 1px #dfff0045;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
.profile-pro-qr::after{content:"";position:absolute;inset:-15px;border:1px solid #dfff0055;border-radius:24px;pointer-events:none}
.profile-pro-qr:hover{transform:scale(1.035);box-shadow:0 28px 70px #000d,0 0 28px #dfff0024}
.profile-pro-qr img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 54%;border-radius:8px;transform:scale(1.28)}
.profile-pro-qr-wrap p{margin:15px 0 0;color:#aab1bc;font-size:.7rem;letter-spacing:.08em}
.about-profile-body .profile-pro-content{padding-bottom:clamp(24px,2.6vw,42px)}
.about-profile-body .social{padding-top:clamp(34px,3.8vw,58px)}
.about-profile-body .social>p:first-child,.about-profile-body .social>h2,.about-profile-body .social>.social-subtitle{width:100%;max-width:none;margin-left:0;margin-right:0}
.about-profile-body .social>p:first-child{margin-top:0;margin-bottom:13px;color:#dfff00;font-size:.68rem;font-weight:700;letter-spacing:.18em}
.about-profile-body .social h2{margin-top:0;margin-bottom:0;color:#f2f3f5;font-size:clamp(2rem,3.5vw,3.7rem);line-height:1;letter-spacing:-.045em}
.about-profile-body .social h2 span{color:#dfff00}
.about-profile-body .social>.social-subtitle{margin-top:18px;margin-bottom:28px}
@media(max-width:900px){.profile-pro-portrait{inset:-2% 0 -2% auto;width:82%;aspect-ratio:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 4%,rgba(0,0,0,.28) 10%,rgba(0,0,0,.56) 17%,rgba(0,0,0,.82) 24%,#000 31%,#000 65%,rgba(0,0,0,.96) 72%,rgba(0,0,0,.82) 80%,rgba(0,0,0,.58) 88%,rgba(0,0,0,.32) 94%,rgba(0,0,0,.12) 98%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 4%,rgba(0,0,0,.28) 10%,rgba(0,0,0,.56) 17%,rgba(0,0,0,.82) 24%,#000 31%,#000 65%,rgba(0,0,0,.96) 72%,rgba(0,0,0,.82) 80%,rgba(0,0,0,.58) 88%,rgba(0,0,0,.32) 94%,rgba(0,0,0,.12) 98%,transparent 100%)}.profile-pro-photo{height:104%;opacity:.76;object-fit:contain;object-position:center center;transform:scale(1.055);transform-origin:50% 45%}.profile-pro-portrait::after{background:linear-gradient(0deg,#050607 0%,#0506078a 9%,transparent 25%,transparent 80%,#0506078a 100%)}.profile-pro-hero-copy{max-width:78vw}.profile-pro-points{grid-template-columns:1fr}.profile-pro-wide-copy{grid-template-columns:1fr}.profile-pro-media-head{grid-template-columns:1fr}.profile-pro-media-grid{grid-template-columns:1fr}.profile-pro-contact{grid-template-columns:minmax(0,1fr) 230px}.profile-pro-contact-list{grid-template-columns:1fr}.profile-pro-qr{width:170px}.profile-pro-company h2{white-space:normal}}
@media(max-width:680px){.profile-pro-hero{min-height:760px}.profile-pro-portrait{inset:0 -2% auto auto;width:104%;height:70%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.3) 10%,rgba(0,0,0,.6) 17%,rgba(0,0,0,.86) 24%,#000 31%,#000 65%,rgba(0,0,0,.96) 72%,rgba(0,0,0,.82) 80%,rgba(0,0,0,.58) 88%,rgba(0,0,0,.32) 94%,rgba(0,0,0,.12) 98%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.3) 10%,rgba(0,0,0,.6) 17%,rgba(0,0,0,.86) 24%,#000 31%,#000 65%,rgba(0,0,0,.96) 72%,rgba(0,0,0,.82) 80%,rgba(0,0,0,.58) 88%,rgba(0,0,0,.32) 94%,rgba(0,0,0,.12) 98%,transparent 100%)}.profile-pro-photo{height:100%;opacity:.62;object-position:center top;transform:scale(1.04);transform-origin:50% 12%}.profile-pro-portrait::after{background:linear-gradient(0deg,#050607 0%,#0506077a 8%,transparent 22%,transparent 62%,#050607e8 91%,#050607 100%)}.profile-pro-shade{background:linear-gradient(0deg,#050607 0%,#050607f2 32%,#050607a1 65%,#050607c9 100%)}.profile-pro-hero-copy{left:var(--profile-safe);right:var(--profile-safe);top:auto;bottom:92px;max-width:none;transform:none}.profile-pro-hero h1{font-size:clamp(3.7rem,18vw,5.5rem)}.profile-pro-lead{font-size:1rem}.profile-pro-scroll{display:none}.profile-pro-intro-head{grid-template-columns:1fr;gap:14px;padding-block:38px 28px}.profile-pro-intro-head h2{font-size:clamp(1.8rem,8.8vw,2.8rem)}.profile-pro-work-head{padding:36px 0 28px}.profile-pro-experience{padding:30px 0}.profile-pro-title-row{grid-template-columns:50px minmax(0,1fr);gap:13px}.profile-pro-order>span{width:40px;height:40px}.profile-pro-title-row time{grid-column:2;padding-top:5px}.profile-pro-company h2{font-size:clamp(1.55rem,7vw,2.15rem)}.profile-pro-theme,.profile-pro-points,.profile-pro-wide-copy{padding-left:0}.profile-pro-theme{margin-top:24px}.profile-pro-points{gap:18px}.profile-pro-media{padding-block:36px}.profile-pro-media-grid{gap:14px}.profile-pro-media-art-pair{grid-template-columns:1fr;justify-items:center}.profile-pro-media-art{width:min(72%,340px)}.profile-pro-media-card img{height:auto;max-height:none}.profile-pro-media-card figcaption{align-items:flex-start;flex-direction:column;gap:4px}.profile-pro-contact{grid-template-columns:1fr;padding:28px 20px}.profile-pro-contact-list{grid-template-columns:1fr}.profile-pro-qr-wrap{min-height:290px}.profile-pro-qr{width:190px}.profile-pro-content{padding-inline:var(--profile-safe)}.profile-pro-tags{gap:7px}.profile-pro-tags span{font-size:.7rem;padding:8px 11px}}
@media(max-width:520px){.profile-pro-media-poster-row{grid-template-columns:1fr}.profile-pro-media-links a{grid-template-columns:27px minmax(0,1fr) 28px;gap:11px;padding-inline:12px}.profile-pro-media-poster{width:min(100%,390px);justify-self:center}}
@media(prefers-reduced-motion:reduce){.profile-pro-scroll b{animation:none}.profile-pro-qr,.profile-pro-contact-copy a,.profile-pro-back{transition:none}}

/* Homepage hero: align the complete title group to the shared 1320px safe area. */
.hero-copy{
  width:100%;
  max-width:none;
  box-sizing:border-box;
  padding:11rem max(clamp(24px,8vw,160px),calc((100vw - 1320px)/2)) 5rem;
}

@media(max-width:760px){
  .hero-copy{
    padding:7rem clamp(16px,4vw,28px) 3rem;
  }
}

/* Shared footer contrast and lower-cost homepage motion. */
footer{color:#060608}
.hero{contain:paint style;isolation:isolate}
.hero-ingestion span{box-shadow:0 0 9px #758dff}
.hero-time-portal{width:min(74vw,1080px)}
.hero-time-portal span,.hero-time-portal em,.hero-time-portal i,.hero-time-portal b{will-change:auto}
.hero-time-portal span:first-child,.hero-time-portal em{will-change:transform}
.hero-time-portal em{filter:blur(2px);box-shadow:0 0 24px #ffffff55,0 0 48px #6686ff60;animation-duration:7.2s}
.hero:is(.is-scrolling,.is-paused) :is(.hero-ai-nebula span,.hero-ai-grid,.hero-data-streams span,.hero-ingestion span,.hero-time-portal span,.hero-time-portal em,.hero-time-portal i,.hero-time-portal b,.hero-time-scan){animation-play-state:paused!important}
@media(min-width:761px){.hero-ingestion span:nth-child(n+11){display:none}}
@media(max-width:760px){.hero-ingestion span:nth-child(n+7){display:none}.hero-time-portal{width:142vw;opacity:.74}.hero-timefield{opacity:.86}.hero-data-streams{opacity:.24}.hero-ingestion{opacity:.68}}