/* Existing portfolio styles are scoped to the restored works section. */
@scope (.portfolio-content) {
:root{font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:#091663;background:#effafd;font-synthesis:none;--ink:#07125d;--muted:#657ba5;--blue:#2443fa;--cyan:#5fe2db;--lime:#c8f4a6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #224af0;outline-offset:5px}img{display:block;max-width:100%}::selection{background:#b7eadd;color:#06105c}
.site-stage{position:relative;isolation:isolate;overflow:hidden;min-height:100vh}
.shell{width:min(1160px,calc(100% - 80px));margin-inline:auto;position:relative;z-index:1}
.site-header{height:92px;display:flex;align-items:center;gap:56px;z-index:5}.wordmark{font-weight:850;letter-spacing:-.7px;font-size:22px;white-space:nowrap}.wordmark span{color:#769edc}.site-header nav{display:flex;gap:34px;font-size:14px;font-weight:600}.site-header nav a{padding-block:8px;transition:color .2s}.site-header nav a:hover{color:#4c63ff}
.motion-control{margin-left:auto;display:flex;align-items:center;gap:8px;padding:9px 13px;background:#ffffff50;border:1px solid #ffffffd4;border-radius:100px;font-size:11px;white-space:nowrap;box-shadow:0 2px 14px #70aec00c}.motion-mark{width:9px;height:9px;border-radius:50%;background:#77d8cf;box-shadow:0 0 0 3px #ffffff8c}.motion-control[aria-pressed=false] .motion-mark{background:#99adc2}
.hero{height:506px;position:relative;overflow:visible}.hero-copy{position:relative;z-index:3;padding:69px 0 0 40px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#6d87a9;font-weight:600;margin:0 0 23px}.hero h1{font-size:clamp(52px,5.5vw,77px);font-weight:820;letter-spacing:2px;line-height:1.22;margin:0}.hero-subtitle{margin:22px 0 30px;font-size:18px;letter-spacing:2.8px;font-weight:550}.hero-subtitle span{margin:0 6px;color:#6182b4}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:0 27px;border-radius:100px;background:linear-gradient(108deg,#3436fc 2%,#1b65ff 79%,#83eec9 100%);border:1px solid #5d80ff55;color:white;font-size:16px;font-weight:700;letter-spacing:1px;box-shadow:0 5px 23px #4d76ff22,inset 0 1px 0 #ffffff50;transition:box-shadow .2s,background .2s}.primary-action:hover{box-shadow:0 6px 26px #4578ff44}.primary-action span{font-size:23px;font-weight:400;line-height:1}
.hero-halo{position:absolute;right:-40px;top:-80px;width:690px;height:650px;z-index:0;background:radial-gradient(ellipse at 58% 42%,#c1f6e773 0%,#a5e4f869 28%,#dfd6ff32 50%,transparent 68%);pointer-events:none}.hero-orbit{position:absolute;right:-55px;top:99px;width:640px;height:290px;border-radius:50%;border:1px solid #a6eae18c;box-shadow:0 0 8px #ffffff90,0 0 30px #c6eac832;transform:rotate(-28deg);pointer-events:none}
.robot-stage{position:absolute;right:37px;top:-34px;width:405px;height:570px;z-index:2;perspective:1100px;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 79%,transparent 100%)}
.robot-tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(var(--shift-x,0px),var(--shift-y,0px),0);transition:transform .45s ease-out;will-change:transform}.robot-float{height:100%;animation:robot-drift 7s ease-in-out infinite;will-change:transform}.robot-image{width:100%;height:100%;object-fit:contain;object-position:center top;user-select:none;-webkit-user-drag:none}
@keyframes robot-drift{0%,100%{transform:translate3d(0,3px,0) rotate(-.4deg)}50%{transform:translate3d(0,-9px,0) rotate(.45deg)}}.robot-stage[data-paused=true] .robot-float{animation-play-state:paused}.robot-stage[data-paused=true] .robot-tilt{transition:none}
.hero-signature{position:absolute;right:0;bottom:96px;padding-right:13px;border-right:1px solid #737cf4;font-size:10px;letter-spacing:1.5px;line-height:1.6;text-align:right;color:#507298;z-index:2}.robot-control{position:absolute;right:132px;bottom:19px;z-index:4;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.2px;color:#6583a5;background:#faffff77;border:1px solid #ffffffb8;padding:7px 11px;border-radius:30px}.robot-dot{width:5px;height:5px;border-radius:50%;background:#6fc9c2}.robot-control[aria-pressed=false] .robot-dot{background:#a7b3bd}
.glass-panel{position:relative;border:1px solid #fffffff2;border-radius:28px;background:linear-gradient(118deg,#ffffff79,#ffffff45 49%,#efffff55);box-shadow:inset 0 1px 0 #ffffffb3,0 6px 30px #5e9cad07;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);margin-bottom:20px;padding:30px;scroll-margin-top:20px}
h2{font-size:32px;line-height:1.2;letter-spacing:1px;font-weight:800;margin:0;position:relative;padding-left:22px}h2:before{content:"";position:absolute;left:0;top:.08em;height:.82em;width:4px;border-radius:10px;background:linear-gradient(#513cff,#47abff)}
.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.section-kicker{margin:10px 0 0 22px;font-size:14px;font-weight:650}.section-description{margin:7px 0 0 22px;font-size:14px;line-height:1.65;color:var(--muted)}.quiet-note{font-size:9px;letter-spacing:1.25px;white-space:nowrap;padding-top:13px;color:#667db0}.quiet-note span{font-size:18px;margin-left:15px;color:#685cff}
.feature-video{display:block;position:relative;width:100%;aspect-ratio:2.75;overflow:hidden;border-radius:18px;padding:0;background:#b2c1c7;text-align:left;isolation:isolate}
.feature-video>img{width:100%;height:100%;object-fit:cover;object-position:50% 46%}.feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0714281f,transparent 40%,#07102338)}.feature-title{position:absolute;top:32px;right:36px;display:flex;flex-direction:column;color:white;text-shadow:0 2px 18px #0005}.feature-title strong{font-size:38px;letter-spacing:3px}.feature-title>span{font-size:14px;letter-spacing:2px;margin-top:9px}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:69px;height:69px;border-radius:50%;border:1.5px solid #fffd;background:#12223644;backdrop-filter:blur(5px);color:#fff;box-shadow:0 3px 15px #122e3a22;transition:background .2s}.play-circle svg{width:27px;height:27px;fill:currentColor;margin-left:4px}.feature-video:hover .play-circle,.advert-video:hover .play-circle{background:#0e284c80}.feature-note{position:absolute;bottom:27px;left:31px;font-size:16px;line-height:1.6;letter-spacing:2px;color:white;transform:rotate(-8deg);text-shadow:0 2px 6px #0007}
.episode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:14px}.episode{min-width:0;background:transparent;padding:0;text-align:left}.episode-image{display:block;overflow:hidden;border-radius:10px;border:2px solid transparent;transition:border-color .2s}.episode.selected .episode-image{border-color:#416cff;box-shadow:0 0 0 2px #ffffffa0}.episode-image img{width:100%;height:auto;aspect-ratio:1.72;object-fit:cover}.episode-label{display:flex;gap:8px;align-items:center;white-space:nowrap;margin:9px 3px 0;font-size:11px}.episode-label b{font-size:17px}.episode-label>span{overflow:hidden;text-overflow:ellipsis}
.advert-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:31px 42px 31px 30px;align-items:center}.advert-copy h3{font-size:43px;line-height:1.2;letter-spacing:2px;margin:30px 0 14px 22px}.advert-meta{font-size:21px;margin:0 0 20px 22px;letter-spacing:1px}.advert-description{color:var(--muted);line-height:1.8;margin:0 0 27px 22px;font-size:16px}.advert-copy>.primary-action{margin-left:22px}.advert-signoff{margin:32px 0 0 22px;border-top:1px solid #839edd70;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7185ac}.advert-signoff p{font-size:14px;line-height:1.8;margin:0}.advert-signoff span{font-size:8px;letter-spacing:2.6px;line-height:2.1}.advert-video{justify-self:end;position:relative;width:min(100%,375px);height:462px;padding:0;overflow:hidden;border-radius:17px;background:#dbe5ef}.advert-video>img{width:100%;height:100%;object-fit:cover;object-position:center 46%}
.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.design-card{padding:0;overflow:hidden;border-radius:13px;background:#ffffff7a;text-align:left;box-shadow:inset 0 0 0 1px #ffffff9c;transition:box-shadow .2s}.design-card:hover{box-shadow:0 6px 20px #789ec723}.design-card>img{width:100%;height:auto;aspect-ratio:2.04;object-fit:cover}.design-card:nth-child(2)>img{object-position:center 30%}.design-card>span{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:13px;font-weight:650}.design-card i{display:grid;place-items:center;border:1px solid #9987ff;border-radius:50%;width:22px;height:22px;font-weight:400;color:#8268ff;font-size:15px;font-style:normal}
.about-panel{padding:29px 30px 32px;display:flex;justify-content:space-between;align-items:center;gap:26px}.about-panel h2{font-size:29px}.about-panel p{margin:13px 0 0 22px;font-size:13px;line-height:1.9;color:#6b82ac}.about-signature{display:flex;gap:21px;align-items:center;color:#8496b8;font-size:11px;line-height:1.9}.profile-symbol{width:55px;height:55px;background:#9eb9e525;border-radius:50%;overflow:hidden;display:block}.profile-symbol svg{fill:#9ab5dc;width:100%;height:100%}.about-signature>span:last-child{padding-left:22px;border-left:1px solid #a5b0e1}.about-panel .about-english{border-right:1px solid #9f88ff;padding-right:13px;margin:0;text-align:right;font-size:8px;letter-spacing:1.2px;line-height:1.7}
.site-footer{display:flex;align-items:center;gap:30px;padding:10px 18px 38px;color:#6c82b2}.site-footer .wordmark{font-size:12px;letter-spacing:.5px}.footer-line{height:1px;background:#839ae357;flex:1}.site-footer>span:last-of-type{font-size:9px;letter-spacing:1.3px}.site-footer>a:last-child{font-size:20px}
dialog{padding:0;border:1px solid #ffffffbd;border-radius:20px;box-shadow:0 30px 140px #142a6155;background:#f5faff;color:var(--ink);width:min(1080px,calc(100% - 36px));max-height:calc(100dvh - 36px);overflow:auto}dialog::backdrop{background:#172c455e;backdrop-filter:blur(12px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 19px;background:#f5faff;position:sticky;top:0;z-index:2}.dialog-toolbar h2{font-size:18px;letter-spacing:0;padding-left:0}.dialog-toolbar h2:before{display:none}.dialog-close{background:#e6eff9;border-radius:50%;width:33px;height:33px;font-size:26px;line-height:1}#portfolio-video{display:block;width:100%;height:min(68vh,660px);background:#071021;object-fit:contain}#media-status{font-size:13px;color:#687c9c;padding:0 20px;margin:12px 0}#media-status:empty{display:none}#image-dialog{width:min(960px,calc(100% - 36px))}#design-full-image{display:block;max-height:75dvh;max-width:100%;width:auto;object-fit:contain;margin:auto}
.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:white;padding:12px;border-radius:9px}.skip-link:focus{top:12px}
@media(min-width:1600px){.shell{width:1260px}.hero{height:540px}.hero-copy{padding-top:85px}.robot-stage{right:70px;width:430px;height:610px;top:-38px}.hero h1{font-size:83px}.advert-video{height:485px;width:390px}}
@media(max-width:1050px){.shell{width:calc(100% - 44px)}.site-header{gap:35px}.site-header nav{gap:24px}.hero-copy{padding-left:25px}.hero h1{font-size:62px}.hero-subtitle{font-size:15px}.robot-stage{right:0;width:360px}.hero-signature{right:0}.hero{height:490px}.glass-panel{padding:25px}.advert-panel{gap:30px}.advert-copy h3{font-size:36px}.advert-meta{font-size:17px}.advert-description{font-size:14px}.advert-video{height:423px}.advert-signoff span{letter-spacing:1px;font-size:7px}.episode-grid{gap:7px}.episode-label{gap:5px;font-size:10px}.about-signature{gap:12px}.about-signature>span:last-child{padding-left:12px}}
@media(max-width:760px){.shell{width:calc(100% - 28px)}.site-header{height:104px;gap:0;flex-wrap:wrap;align-content:center;justify-content:space-between;row-gap:17px}.wordmark{font-size:19px}.site-header nav{order:3;width:100%;gap:0;justify-content:space-between;font-size:12px;padding-inline:5px}.site-header nav a{padding:0}.motion-control{font-size:10px;padding:6px 10px}.hero{height:430px}.hero-copy{padding:58px 0 0 13px}.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:16px}.hero h1{font-size:44px;letter-spacing:0;line-height:1.25}.hero-subtitle{font-size:11px;letter-spacing:1px;max-width:225px;line-height:1.8;margin:17px 0 24px}.hero-subtitle span{margin:0 2px}.primary-action{min-height:41px;font-size:13px;padding:0 20px;gap:19px}.primary-action span{font-size:20px}.hero-halo{width:450px;height:490px;right:-140px;top:-40px}.hero-orbit{width:350px;height:180px;right:-99px;top:160px}.robot-stage{width:245px;height:386px;right:-31px;top:45px;opacity:.96;mask-image:linear-gradient(to bottom,#000 0%,#000 79%,transparent 100%)}.hero-copy{z-index:3}.hero-copy h1{max-width:260px;text-shadow:0 2px 22px #f7fdff88}.hero-signature{display:none}.robot-control{bottom:1px;right:28px;font-size:9px;padding:6px 9px}
.glass-panel{border-radius:22px;padding:19px 15px;margin-bottom:14px}h2{font-size:25px;padding-left:15px}h2:before{width:3px}.section-heading{margin-bottom:15px;gap:6px}.section-kicker{font-size:12px;margin-left:15px;margin-top:8px}.section-description{font-size:11px;margin-left:15px;line-height:1.7}.quiet-note{font-size:6px;letter-spacing:.4px;padding-top:10px}.quiet-note span{margin-left:3px;font-size:14px}.feature-video{aspect-ratio:1.65;border-radius:13px}.feature-title{top:17px;right:16px}.feature-title strong{font-size:24px;letter-spacing:1px}.feature-title>span{font-size:10px;letter-spacing:1px;margin-top:4px}.feature-note{font-size:10px;left:17px;bottom:15px;letter-spacing:1px}.play-circle{width:47px;height:47px}.play-circle svg{width:21px;height:21px}.episode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 7px;margin-top:12px}.episode-label{margin:5px 2px 0;font-size:10px;gap:7px}.episode-label b{font-size:14px}.episode-image{border-radius:8px}.episode-image img{aspect-ratio:1.8}
.advert-panel{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:13px;align-items:center;padding:22px 15px}.advert-copy h3{font-size:25px;letter-spacing:0;margin:21px 0 10px 15px}.advert-meta{font-size:11px;margin:0 0 13px 15px;line-height:1.7;letter-spacing:0}.advert-description{font-size:11px;line-height:1.8;margin:0 0 19px 15px}.advert-copy>.primary-action{margin-left:15px;min-height:36px;padding:0 14px;gap:12px;font-size:11px}.advert-signoff{margin:21px 0 0 15px;padding-top:13px}.advert-signoff p{font-size:10px}.advert-signoff span{display:none}.advert-video{height:307px;width:100%;border-radius:12px}.desktop-break{display:none}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.design-card{border-radius:10px}.design-card>img{aspect-ratio:1.53}.design-card>span{height:33px;padding:0 9px;font-size:11px}.design-card i{width:19px;height:19px;font-size:12px}
.about-panel{display:block;padding:21px 16px}.about-panel h2{font-size:25px}.about-panel p{font-size:11px;margin-left:15px}.about-signature{margin:20px 0 0 15px;font-size:10px;gap:13px}.profile-symbol{height:40px;width:40px}.about-panel .about-english{position:absolute;right:18px;bottom:25px;font-size:6px;padding-right:7px;letter-spacing:.7px}.about-signature>span:last-child{max-width:144px;padding-left:12px}.site-footer{padding:8px 4px 24px;gap:13px}.site-footer .wordmark{font-size:10px}.site-footer>span:last-of-type{font-size:6px;letter-spacing:.6px}.dialog-toolbar h2{font-size:14px}.dialog-toolbar{padding:12px}#portfolio-video{height:min(68dvh,600px)}
}
@media(max-width:375px){.hero h1{font-size:39px}.robot-stage{right:-50px;width:229px}.hero-subtitle{font-size:10px}.hero-copy{padding-left:9px}.advert-panel{gap:9px}.advert-copy h3{font-size:23px}.about-english{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.robot-float{animation-play-state:paused}.robot-tilt{transition:none}}

/* White-studio robot layer blends into the independently animated atmosphere. */
main.shell{z-index:auto}
.robot-stage{mix-blend-mode:multiply}
/* Keep the approved cool, translucent base and prevent orphaned mobile headline characters. */
#aurora-background{background:#eaf8fc}
#aurora-background::before{background:radial-gradient(ellipse 53% 15% at 84% 9%,#acefeb70,transparent 76%),radial-gradient(ellipse 44% 13% at 13% 20%,#d5f0ad48,transparent 73%),radial-gradient(ellipse 54% 20% at 93% 40%,#b5e9f76b,transparent 79%),radial-gradient(ellipse 55% 16% at 12% 60%,#dbd2ff52,transparent 76%),radial-gradient(ellipse 49% 16% at 89% 77%,#b4f1df55,transparent 76%),radial-gradient(ellipse 52% 12% at 23% 94%,#dcf4ba55,transparent 78%),linear-gradient(112deg,#f3fcff 0%,#e6f7fc 42%,#eefbfc 75%,#f7fcff 100%)}
#aurora-background .aurora-stream--line{opacity:.79}
#aurora-background .aurora-stream--glow{opacity:.46}
@media(max-width:760px){.hero h1{font-size:clamp(32px,9.2vw,42px);max-width:260px}.hero-subtitle{font-size:10px;letter-spacing:.6px}}

/* Complete preview of selected A background + second robot idle. */
:root{--ink:#16245b;--muted:#6b81a0;color:#16245b;background:#f0f9fc}
body{background:#f0f9fc}
.site-stage:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 25%,#dbeec9a6,transparent 50%),radial-gradient(ellipse at 90% 70%,#dcd9f0aa,transparent 50%),#edf8fb;pointer-events:none}
#portfolio-atmosphere{position:fixed;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0}
.motion-ready #portfolio-atmosphere{opacity:1}
.hero{height:530px}
.hero-copy{padding-top:68px}
.hero h1{color:#1c3260}
.hero-subtitle{color:#425d7e;font-weight:500}
.hero .eyebrow{color:#718ca1}
.hero-signature{color:#7791a9;right:5px;bottom:125px;border-color:#b0b2dc}
.robot-placement{position:absolute;right:38px;top:-45px;width:510px;height:560px;pointer-events:none;z-index:2}
.robot-static{height:107.5%;width:auto;max-width:none;margin:0 auto;mix-blend-mode:multiply;mask-image:linear-gradient(#000 77%,transparent 95.5%)}
.motion-ready .robot-static{visibility:hidden}
.robot-control{right:132px;bottom:24px;background:#ffffff6b}
.glass-panel{background:linear-gradient(118deg,#ffffffa8,#ffffff6b 55%,#f7fff888);border-color:#ffffffe8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffffb0,0 6px 30px #5e9cad07}
.motion-status{position:absolute;left:40px;bottom:12px;margin:0;max-width:60%;font-size:11px;line-height:1.6;color:#718399;z-index:4}
.motion-control:disabled,.robot-control:disabled{opacity:.55;cursor:default}
.site-footer{position:relative;z-index:1}
@media(min-width:1600px){.hero{height:560px}.hero-copy{padding-top:87px}.robot-placement{right:72px;top:-44px;width:525px;height:590px}}
@media(max-width:1050px){.hero{height:510px}.robot-placement{right:-10px;top:-24px;width:420px;height:520px}.hero-copy{padding-left:25px}.hero h1{font-size:58px}.hero-signature{right:0;bottom:115px}.robot-control{right:108px}}
@media(max-width:760px){.site-header{height:104px}.hero{height:540px}.hero-copy{padding:32px 0 0 13px}.hero h1{font-size:clamp(32px,9.2vw,42px);letter-spacing:0;line-height:1.25;max-width:280px;text-shadow:none}.hero-subtitle{font-size:10px;max-width:100%;margin:15px 0 22px;letter-spacing:.6px}.hero .eyebrow{margin-bottom:14px;font-size:7px}.robot-placement{width:315px;height:390px;right:-41px;top:140px}.robot-control{right:18px;bottom:14px;font-size:9px}.hero-signature{display:none}.motion-status{left:13px;bottom:14px;max-width:55%;font-size:10px}.glass-panel{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}}
@media(max-width:375px){.hero-copy{padding-left:9px}.robot-placement{right:-48px;width:290px;height:375px;top:147px}.hero{height:530px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.motion-ready .robot-static{visibility:visible}
.robot-natural-video{position:absolute;left:50%;top:0;transform:translateX(-50%);height:107.5%;width:auto;max-width:none;display:block;opacity:0;mix-blend-mode:multiply;mask-image:linear-gradient(#000 77%,transparent 95.5%);-webkit-mask-image:linear-gradient(#000 77%,transparent 95.5%);pointer-events:none}
.natural-video-ready .robot-static{visibility:hidden}
.natural-video-ready .robot-natural-video{opacity:1}

/* Blend the whole robot layer with the aurora outside its stacking context. */
.robot-placement{mix-blend-mode:multiply}
.robot-natural-video,.robot-static{mix-blend-mode:normal}

/* Neutralize near-white compression values so the source has no visible rectangle. */
.robot-natural-video{filter:brightness(1.04)}

@font-face{font-family:"Cover A Sans";src:url("../assets/cover-a-type.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
.cover-a{--cover-gutter:clamp(28px,4.6vw,76px)}
.cover-a .site-header{width:calc(100% - var(--cover-gutter)*2);max-width:1500px;height:112px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}
.cover-brand{justify-self:start;display:flex;flex-direction:column;gap:4px}
.cover-a .cover-brand .wordmark{font-size:30px;line-height:1.2;font-weight:850;letter-spacing:-1.1px;color:#0f2253}
.cover-a .cover-brand .wordmark span{color:#8ab3e8}
.brand-kicker{font-size:9px;line-height:1.5;letter-spacing:7px;color:#7595b6;padding-left:1px}
.cover-a .site-header .cover-navigation{display:flex;align-items:center;gap:6px;border:1px solid #ffffffed;border-radius:999px;padding:6px;background:#ffffff65;box-shadow:inset 0 1px 0 #ffffffbf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:"Cover A Sans","Microsoft YaHei",sans-serif}
.cover-a .cover-navigation a{min-width:118px;padding:10px 18px;white-space:nowrap;text-align:center;border-radius:999px;font-size:15px;font-weight:650;color:#18325f;transition:background .18s,color .18s}
.cover-a .cover-navigation a[aria-current]{background:#c9eaf9bb;color:#102e68}
.cover-a .cover-navigation a:hover{background:#e4f5facc}
.header-about{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:0 25px;border:1px solid #315887;border-radius:999px;color:#1b3965;font-size:14px;font-weight:600;white-space:nowrap}
.header-about span{font-size:21px;font-weight:400}
.header-about:hover{background:#ffffff6b}
.cover-a .hero{width:calc(100vw - var(--cover-gutter)*2);max-width:1500px;margin-left:calc(50% - min(750px,50vw - var(--cover-gutter)));height:clamp(700px,calc(100svh - 112px),880px)}
.cover-a .hero-copy{width:63%;padding:92px 0 0;font-family:"Cover A Sans","Microsoft YaHei",sans-serif}
.cover-a .hero .eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 31px;color:#5c7a9e;font-size:17px;font-weight:450;letter-spacing:3px}
.creator-mark{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:#6ee3e9;box-shadow:0 0 7px #85e6e7aa,inset 0 0 3px #dfffff}
.cover-a .hero h1{max-width:none;margin:0;color:#123266;font-family:"Cover A Sans","Microsoft YaHei",sans-serif;font-size:clamp(74px,7.2vw,112px);font-weight:900;line-height:1.25;letter-spacing:-.035em;text-shadow:none}
.headline-lead,.headline-work{display:block;width:max-content;white-space:nowrap}
.headline-lead{position:relative;padding-bottom:8px;margin-bottom:7px}
.headline-lead:after{content:"";position:absolute;bottom:0;left:3px;width:72%;height:5px;border-radius:1px;background:linear-gradient(90deg,#41c7f8,#64e2df 43%,#d9f591 83%,transparent)}
.cover-a .headline-work{font-size:1.08em;letter-spacing:-.045em}
.cover-a .hero-subtitle{margin:24px 0 37px;max-width:none;color:#53789b;font-size:19px;line-height:1.8;letter-spacing:3px;font-weight:420}
.cover-a .hero-subtitle span{margin:0 7px;color:#7697b4}
.hero-actions{display:flex;align-items:center;gap:45px}
.cover-a .hero .primary-action{min-height:59px;padding:0 34px;background:linear-gradient(115deg,#13386f,#183d73);border:1px solid #245394;box-shadow:inset 0 1px 0 #4e79aa4d;color:#fff;font-size:20px;letter-spacing:1px;gap:26px}
.cover-a .hero .primary-action:hover{background:#24518a;box-shadow:0 7px 24px #46749b20}
.cover-a .hero .primary-action span{font-size:25px}
.secondary-action{font-size:18px;letter-spacing:1px;font-weight:650;padding:9px 4px 10px;border-bottom:1px solid #315e89;color:#1c436e}
.secondary-action:hover{color:#426b91}
.cover-a .robot-placement{width:45%;height:calc((100% - 40px)/1.075);right:0;top:24px}
.cover-a .hero-signature{right:-2px;bottom:165px;font-size:8px;letter-spacing:1px;color:#91a9ba;border-color:#b4c3d8}
.hero-work-index{position:absolute;bottom:35px;left:0;z-index:3;display:flex;align-items:center;width:min(720px,65%);gap:25px;font-family:"Cover A Sans","Microsoft YaHei",sans-serif}
.hero-work-index a{display:flex;align-items:center;gap:15px;white-space:nowrap;color:#446995;font-size:14px;letter-spacing:1px;flex:1}
.hero-work-index a:not(:last-child):after{content:"";width:clamp(15px,3.8vw,60px);height:1px;margin-left:auto;background:#87a6c58c}
.hero-work-index a:hover{color:#193e71}
.index-number{font-size:34px;font-weight:250;letter-spacing:-1.5px;line-height:1.2;color:#183c70}
.cover-a .motion-status{left:0;bottom:4px}
@media(min-width:1653px){.cover-a .hero-copy{padding-top:110px}}
@media(max-width:1150px) and (min-width:761px){
 .cover-a .site-header{gap:15px}.cover-a .cover-brand .wordmark{font-size:24px}.brand-kicker{font-size:8px;letter-spacing:5px}
 .cover-a .cover-navigation a{min-width:97px;padding:9px 14px;font-size:13px}.header-about{padding:0 18px;gap:13px;font-size:13px;min-height:42px}
 .cover-a .hero-copy{padding-top:100px}.cover-a .hero h1{font-size:clamp(60px,7.1vw,82px)}.cover-a .hero .eyebrow{font-size:14px;letter-spacing:2px}
 .cover-a .hero-subtitle{font-size:14px;letter-spacing:1.8px}.cover-a .hero-subtitle span{margin:0 4px}.cover-a .hero .primary-action{font-size:17px;min-height:52px;padding:0 25px}.secondary-action{font-size:16px}.hero-actions{gap:30px}
 .cover-a .robot-placement{width:43%;height:580px;top:70px;right:12px}.hero-work-index{width:70%;gap:18px}.hero-work-index a{font-size:12px;gap:10px}.index-number{font-size:29px}
}
@media(max-width:860px) and (min-width:761px){.cover-a .cover-brand .wordmark{font-size:21px}.cover-a .site-header{gap:10px}.cover-a .cover-navigation a{min-width:87px;padding:9px 11px}.header-about{padding:0 13px;gap:9px}.cover-a .robot-placement{right:16px;height:520px;top:109px}.cover-a .hero h1{font-size:59px}}
@media(max-width:760px){
 .cover-a{--cover-gutter:22px}.cover-a .site-header{height:136px;max-width:none;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:16px 12px;align-content:center}
 .cover-a .cover-brand .wordmark{font-size:25px;letter-spacing:-.7px}.brand-kicker{font-size:7px;letter-spacing:5px}
 .header-about{font-size:11px;min-height:37px;padding:0 17px;gap:15px}.header-about span{font-size:18px}
 .cover-a .site-header .cover-navigation{grid-column:1/-1;grid-row:2;order:initial;width:100%;padding:4px;justify-content:space-between;gap:4px}
 .cover-a .cover-navigation a{flex:1;min-width:0;font-size:12px;padding:8px 6px}
 .cover-a .hero{height:max(680px,calc(100svh - 136px));margin-left:calc(50% - 50vw + var(--cover-gutter))}
 .cover-a .hero-copy{width:100%;padding:25px 0 0}
 .cover-a .hero .eyebrow{font-size:12px;letter-spacing:2px;gap:10px;margin-bottom:22px}.creator-mark{width:7px;height:7px}
 .cover-a .hero h1{font-size:clamp(44px,12vw,67px);line-height:1.23;letter-spacing:-1px;max-width:none}.cover-a .headline-work{font-size:1.08em;letter-spacing:-1.8px}
 .headline-lead{padding-bottom:5px;margin-bottom:5px}.headline-lead:after{height:3px;width:72%;left:1px}
 .cover-a .hero-subtitle{margin:17px 0 22px;font-size:11px;letter-spacing:1px;line-height:1.7}.cover-a .hero-subtitle span{margin:0 4px}
 .hero-actions{gap:27px}.cover-a .hero .primary-action{font-size:14px;min-height:44px;padding:0 23px;gap:19px}.cover-a .hero .primary-action span{font-size:22px}.secondary-action{font-size:13px;padding:8px 2px}
 .cover-a .robot-placement{width:350px;height:calc((100% - 338px)/1.075);right:-13px;top:311px}.cover-a .hero-signature{display:none}
 .hero-work-index{width:100%;gap:12px;bottom:18px;justify-content:space-between}.hero-work-index a{gap:8px;font-size:10px;letter-spacing:0;flex:initial}.hero-work-index a:not(:last-child):after{display:none}.index-number{font-size:26px;letter-spacing:-1px}
 .cover-a .motion-status{bottom:0;max-width:100%;font-size:9px}
}
@media(max-width:375px){.cover-a{--cover-gutter:18px}.cover-a .cover-brand .wordmark{font-size:22px}.header-about{padding:0 13px;gap:10px}.cover-a .hero h1{font-size:43px}.cover-a .robot-placement{width:310px;height:calc((100% - 325px)/1.075);right:-12px;top:299px}.cover-a .hero{height:max(650px,calc(100svh - 136px))}.hero-work-index a{font-size:9px;gap:6px}.index-number{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cover-a a{transition:none}}

/* Confirmed lower layout 01; all rules are scoped away from Cover A and its robot. */
.body-cinema .cinema-section{position:relative;scroll-margin-top:24px}
.body-cinema .cinema-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 32px 24px}
.body-cinema .cinema-heading>div{display:flex;align-items:baseline;gap:25px}
.body-cinema .cinema-heading h2{font-size:34px;color:#112d5e;letter-spacing:.2px}
.body-cinema .cinema-heading p{margin:0;font-size:14px;color:#7a91aa}
.body-cinema .cinema-heading .quiet-note{padding:0}
.body-cinema .glass-panel{border-radius:26px;padding:32px 36px;margin-bottom:20px;background:linear-gradient(118deg,#ffffffb5,#ffffff82 54%,#faffff8c);border:1px solid #ffffffe0;box-shadow:inset 0 1px 0 #ffffffbb,0 8px 32px #6898b004}
.body-cinema :is(.cinema-heading,.glass-panel) h2:before,.body-cinema .cinema-label:before{background:linear-gradient(#7063fa,#4fc9cf);width:4px}
.body-cinema .series-panel{display:grid;grid-template-columns:minmax(230px,.28fr) minmax(0,.72fr);gap:20px 28px;align-items:center}
.body-cinema .series-intro{min-width:0;align-self:center;padding:4px 0 7px}
.body-cinema .cinema-label{position:relative;margin:0 0 13px;padding-left:21px;color:#365481;font-size:20px;font-weight:550;line-height:1.4}
.body-cinema .cinema-label:before{content:"";position:absolute;left:0;top:4px;height:23px;border-radius:3px}
.body-cinema .series-intro h3{margin:0 0 12px;color:#102d60;font-size:clamp(34px,3.3vw,46px);letter-spacing:-1.3px;line-height:1.24;font-weight:850;white-space:nowrap}
.body-cinema .series-intro .section-kicker{font-size:21px;line-height:1.4;font-weight:600;margin:0 0 20px;color:#153465}
.body-cinema .series-intro .section-description{font-size:16px;line-height:1.85;margin:0 0 22px;color:#7b92a9}
.body-cinema .glass-panel .primary-action{background:linear-gradient(115deg,#13376d,#183e74);border:1px solid #244d82;box-shadow:inset 0 1px 0 #6f9bc54d;color:#fff;letter-spacing:.7px;font-size:15px;min-height:46px;padding:0 26px;gap:19px}
.body-cinema .glass-panel .primary-action:hover{background:#27558b;box-shadow:0 7px 20px #46749b1c}
.body-cinema .glass-panel .primary-action span{font-size:22px}
.body-cinema .feature-video{aspect-ratio:2.12;border-radius:14px;align-self:stretch;min-height:320px}
.body-cinema .feature-video>img{object-position:center 46%}
.body-cinema .feature-shade{background:linear-gradient(0deg,#0a192641,transparent 30%,transparent 80%,#0a192621)}
.body-cinema .feature-category{position:absolute;top:15px;right:18px;color:#f6faffc9;font-size:9px;letter-spacing:1.5px}
.body-cinema .feature-title{top:auto;right:20px;bottom:17px;letter-spacing:0}
.body-cinema .feature-title strong,.body-cinema .feature-note{display:none}
.body-cinema .feature-title>span{font-size:14px;letter-spacing:1px;margin:0}
.body-cinema .feature-video .play-circle{width:68px;height:68px;background:#20313f35}
.body-cinema .episode-grid{grid-column:1/-1;gap:14px;margin:0}
.body-cinema .episode-image{border-radius:10px}
.body-cinema .episode-image img{aspect-ratio:1.78}
.body-cinema .episode-label{font-size:12px;gap:9px;margin:8px 2px 0;color:#143466;align-items:baseline;white-space:normal;line-height:1.45}
.body-cinema .episode-label>span{overflow:visible;text-overflow:clip}
.body-cinema .episode-label b{font-size:19px;flex:none}
.body-cinema .advert-panel{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:65px;padding-block:20px}
.body-cinema .advert-copy h2{font-size:21px;font-weight:550;color:#365481;padding-left:21px}
.body-cinema .advert-copy h3{margin:27px 0 12px;font-size:48px;letter-spacing:-.7px;color:#102d60}
.body-cinema .advert-meta{margin:0 0 20px;font-size:23px;letter-spacing:0;color:#1b3d6b}
.body-cinema .advert-description{margin:0 0 26px;font-size:15px;line-height:1.9;color:#7a91aa}
.body-cinema .advert-copy>.primary-action{margin:0}
.body-cinema .advert-signoff{margin:30px 0 0;padding-top:21px;border-color:#94accd54}
.body-cinema .advert-signoff p{font-size:13px;color:#7a91aa}
.body-cinema .advert-signoff span{font-size:8px;letter-spacing:1.9px;color:#879db6}
.body-cinema .advert-video{width:100%;max-width:430px;height:470px;border-radius:18px}
.body-cinema .design-panel{padding-top:27px;padding-bottom:25px}
.body-cinema .design-panel .section-heading{align-items:center;margin-bottom:22px}
.body-cinema .design-panel .section-heading>div{display:flex;align-items:baseline;gap:25px}
.body-cinema .design-panel h2{font-size:34px;letter-spacing:.2px;color:#112d5e}
.body-cinema .design-panel .section-description{margin:0;font-size:14px;color:#7a91aa}
.body-cinema .design-panel .quiet-note{padding:0}
.body-cinema .design-grid{gap:20px 15px}
.body-cinema .design-card{border-radius:11px;background:transparent;box-shadow:none;overflow:visible}
.body-cinema .design-card>img{border-radius:11px;aspect-ratio:2.06;transition:filter .18s}
.body-cinema .design-card:hover>img{filter:brightness(1.05)}
.body-cinema .design-card>span{height:auto;padding:10px 3px 0;font-size:14px;color:#18386c}
.body-cinema .design-card i{width:22px;height:22px;border-color:#a18cf2;color:#8d70eb}
.body-cinema .about-panel{padding-top:30px;padding-bottom:32px;gap:36px}
.body-cinema .about-panel h2{font-size:32px;letter-spacing:.2px;color:#112d5e}
.body-cinema .about-panel p{font-size:14px;margin-left:22px;color:#7a91aa;line-height:1.8}
.body-cinema .about-directions{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);width:45%;min-width:320px;align-self:center}
.body-cinema .about-directions li{display:flex;align-items:center;flex-direction:column;gap:18px;border-left:1px solid #9eb7d32b;color:#4e719b;font-size:14px;white-space:nowrap}
.body-cinema .about-directions svg{width:33px;height:33px;fill:#8caec9}
.body-cinema .about-directions .icon-cutout{fill:#f6fcff}
.body-cinema .about-directions .icon-outline{fill:none;stroke:#8caec9;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.body-cinema .site-footer{padding:16px 30px 42px}
.body-cinema .site-footer .back-to-top{font-size:12px;display:inline-flex;align-items:center;gap:14px}
.body-cinema .back-to-top span{font-size:20px}
@media(min-width:1600px){.body-cinema .series-panel{grid-template-columns:minmax(255px,.28fr) minmax(0,.72fr)}.body-cinema .feature-video{min-height:355px}.body-cinema .advert-video{height:485px}}
@media(max-width:1050px){
 .body-cinema .glass-panel{padding:26px}.body-cinema .cinema-heading{margin-inline:26px}.body-cinema .series-panel{grid-template-columns:minmax(200px,.3fr) minmax(0,.7fr);gap:22px}.body-cinema .series-intro h3{font-size:34px}.body-cinema .series-intro .section-kicker{font-size:18px}.body-cinema .series-intro .section-description{font-size:14px}.body-cinema .feature-video{min-height:290px}.body-cinema .episode-grid{gap:9px}.body-cinema .episode-label{font-size:11px;gap:6px}.body-cinema .episode-label b{font-size:17px}.body-cinema .advert-panel{gap:35px}.body-cinema .advert-copy h3{font-size:40px}.body-cinema .advert-meta{font-size:19px}.body-cinema .advert-description{font-size:14px}.body-cinema .advert-video{height:440px}.body-cinema .about-panel{gap:20px}.body-cinema .about-panel p{font-size:12px}.body-cinema .about-directions{min-width:285px}.body-cinema .quiet-note{font-size:8px;letter-spacing:.8px}.body-cinema .design-panel .section-heading>div{gap:15px}
}
@media(max-width:760px){
 .body-cinema .cinema-heading{margin:15px 16px 18px;align-items:flex-start;gap:10px}.body-cinema .cinema-heading>div{display:block}.body-cinema .cinema-heading h2{font-size:27px}.body-cinema .cinema-heading p{font-size:11px;margin:10px 0 0 15px}.body-cinema .cinema-heading .quiet-note{font-size:6px;padding-top:8px}
 .body-cinema .glass-panel{padding:22px 18px;border-radius:22px;margin-bottom:16px}.body-cinema .series-panel{grid-template-columns:minmax(0,1fr);gap:20px}.body-cinema .series-intro{padding:0;position:relative}.body-cinema .cinema-label{font-size:15px;margin-bottom:11px;padding-left:15px}.body-cinema .cinema-label:before{width:3px;height:17px;top:2px}.body-cinema .series-intro h3{font-size:33px;letter-spacing:-.5px;margin-bottom:9px}.body-cinema .series-intro .section-kicker{font-size:15px;margin-bottom:11px}.body-cinema .series-intro .section-description{font-size:12px;line-height:1.85;margin-bottom:16px;max-width:230px}.body-cinema .series-intro .section-description br{display:none}.body-cinema .glass-panel .primary-action{min-height:40px;padding:0 20px;font-size:12px;gap:18px}
 .body-cinema .feature-video{min-height:0;aspect-ratio:1.7;border-radius:12px}.body-cinema .feature-category{font-size:6px;top:12px;right:13px}.body-cinema .feature-title{right:13px;bottom:12px}.body-cinema .feature-title>span{font-size:11px}.body-cinema .feature-video .play-circle{width:48px;height:48px}.body-cinema .episode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 8px}.body-cinema .episode-label{font-size:10px;gap:5px;margin:6px 1px 0}.body-cinema .episode-label b{font-size:14px}
 .body-cinema .advert-panel{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.body-cinema .advert-copy h2{font-size:16px;padding-left:15px}.body-cinema .advert-copy h3{font-size:29px;margin-top:18px;margin-bottom:12px}.body-cinema .advert-meta{font-size:12px;margin-bottom:13px;line-height:1.8}.body-cinema .advert-description{font-size:12px;margin-bottom:18px}.body-cinema .advert-signoff{margin-top:24px;padding-top:16px}.body-cinema .advert-signoff p{font-size:11px}.body-cinema .advert-video{height:340px;border-radius:13px}
 .body-cinema .design-panel h2{font-size:27px}.body-cinema .design-panel .section-heading>div{display:block}.body-cinema .design-panel .section-description{font-size:11px;margin:10px 0 0 15px}.body-cinema .design-panel .quiet-note{font-size:6px;white-space:normal;text-align:right;max-width:92px;line-height:1.6}.body-cinema .design-grid{gap:17px 12px}.body-cinema .design-card>img{aspect-ratio:1.55;border-radius:9px}.body-cinema .design-card>span{font-size:12px;padding:8px 1px 0}.body-cinema .design-card i{width:19px;height:19px;font-size:12px}
 .body-cinema .about-panel{display:block;padding:23px 19px}.body-cinema .about-panel h2{font-size:27px}.body-cinema .about-panel p{font-size:12px;margin-left:15px}.body-cinema .about-directions{width:100%;min-width:0;margin-top:27px;border-top:1px solid #9eb7d32b;padding-top:24px}.body-cinema .about-directions li{font-size:11px;gap:12px}.body-cinema .about-directions li:first-child{border-left:0}.body-cinema .about-directions svg{width:27px;height:27px}.body-cinema .site-footer{padding:10px 8px 28px;gap:16px}.body-cinema .site-footer .back-to-top{font-size:10px;gap:9px}
}
@media(max-width:450px){.body-cinema .advert-panel{grid-template-columns:minmax(0,1fr);gap:24px}.body-cinema .advert-copy h3{font-size:33px}.body-cinema .advert-meta{font-size:15px}.body-cinema .advert-description{max-width:290px}.body-cinema .advert-signoff{display:none}.body-cinema .advert-video{width:100%;max-width:none;height:auto;aspect-ratio:9/12}.body-cinema .quiet-note span{margin-left:3px}}
@media(prefers-reduced-motion:reduce){.body-cinema .design-card>img{transition:none}}

/* Reference composition; reuse .cinema-heading so the video and design titles share an exact left edge. */
.design-boards .design-collection{position:relative;scroll-margin-top:24px;width:100%;margin:18px 0 38px;padding:20px 0 12px}
.design-project-grid{margin-inline:32px}
.design-feature-grid{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(0,1fr);gap:18px;align-items:stretch}
.design-feature-grid>.design-project:first-child{grid-row:span 2;display:flex;flex-direction:column}
.design-secondary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px;align-items:stretch}
.design-project{min-width:0;overflow:hidden;color:#18386a;border:1px solid #fff;border-radius:18px;background:#f5fcffd9;box-shadow:0 8px 32px #64859d09}
.project-board{overflow:hidden;background:#eaf6fa80}
.project-picture{position:relative;display:block;overflow:hidden;background:#edf7fa;outline-offset:-4px!important}
.project-picture-main img{display:block;width:100%;height:auto}
.project-supports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px;background:#fff}
.project-picture-support{aspect-ratio:16/9}
.project-picture-support img{display:block;width:100%;height:100%;object-fit:contain}
.design-feature-grid>.design-project:first-child .project-board{display:flex;flex:1;flex-direction:column}
.design-feature-grid>.design-project:first-child .project-picture-main{flex:1;display:grid;place-items:center}
.design-feature-grid>.design-project:not(:first-child) .project-picture-main{aspect-ratio:16/9}
.design-feature-grid>.design-project:not(:first-child) .project-picture-main img{width:100%;height:100%;object-fit:contain}
.design-secondary-grid .project-picture-main{aspect-ratio:16/11;display:grid;place-items:center}
.design-secondary-grid .project-picture-main img{width:100%;height:100%;object-fit:contain}
.project-caption{position:relative;padding:15px 18px 19px}
.project-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:10px;color:#6a88a6}
.project-number{font-size:10px;letter-spacing:1px}
.project-open{display:inline-flex;align-items:center;gap:8px;color:#465bea;font-size:10px;white-space:nowrap}
.project-open:hover{color:#233faa;text-decoration:underline;text-underline-offset:5px}
.design-boards .design-project h3{display:inline;font-size:18px;font-weight:800;letter-spacing:.2px;line-height:1.45;margin:0;color:#123265}
.project-subtitle{display:inline;font-size:12px;color:#597696;margin:0 0 0 10px;line-height:1.6}
.design-secondary-grid .project-subtitle{display:block;margin:4px 0 0}
.project-description{font-size:11px;color:#728aa2;margin:6px 0 0;line-height:1.7}
.design-feature-grid>.design-project:first-child .project-caption{padding:19px 22px 22px}
.design-boards .design-feature-grid>.design-project:first-child h3{font-size:26px}
.design-feature-grid>.design-project:first-child .project-subtitle{font-size:15px;margin-left:14px}
.design-feature-grid>.design-project:first-child .project-description{font-size:12px}
.design-feature-grid>.design-project:not(:first-child) .project-caption{padding:10px 13px 13px}
.design-feature-grid>.design-project:not(:first-child) .project-description{display:none}
.design-feature-grid>.design-project:not(:first-child) .project-meta{margin-bottom:5px}
.picture-hint{position:absolute;right:8px;bottom:8px;background:#f8fcfff0;border:1px solid #ffffffcb;color:#315182;padding:5px 9px;font-size:10px;border-radius:30px;opacity:0;transition:opacity .18s;box-shadow:0 2px 15px #12335b0c}
.project-picture:hover .picture-hint,.project-picture:focus-visible .picture-hint{opacity:1}
.design-boards:has(dialog[open]){overflow:hidden}
.design-boards #image-dialog{width:min(1360px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:hidden;background:#f4fafd}
.design-boards .design-image-dialog .dialog-toolbar{position:relative;padding:14px 20px;min-height:67px;border-bottom:1px solid #c4d6e64d}
.design-boards .design-image-dialog .dialog-toolbar h2{font-size:16px;line-height:1.5;color:#25456e}
.image-view-actions{display:flex;align-items:center;gap:15px;flex-shrink:0}
#design-zoom{font-size:13px;color:#345981;background:#e6f1f8;padding:9px 16px;border-radius:30px}
#design-zoom:disabled{opacity:.5;cursor:wait}
.design-image-stage{height:calc(100dvh - 170px);max-height:950px;overflow:auto;overscroll-behavior:contain;background:#eaf2f7;padding:16px;scrollbar-gutter:stable}
.design-boards #design-full-image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 204px);margin:auto;object-fit:contain}
.design-boards .is-zoomed #design-full-image{width:var(--design-image-width);height:auto;max-width:none;max-height:none;margin:0}
.design-boards #design-full-image[hidden]{display:none}
.image-view-footer{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 20px;min-height:56px;border-top:1px solid #c4d6e64d}
.image-view-footer>button{width:34px;height:30px;border-radius:20px;background:#dfedf6;font-size:17px}
#design-image-position{font-size:12px;color:#587799;min-width:52px;text-align:center}
#design-image-status{font-size:12px;color:#738da7}
.design-boards #design-project-dialog{width:min(1180px,calc(100% - 30px));max-height:calc(100dvh - 30px);background:#f3fafef7;scroll-behavior:smooth;overscroll-behavior:contain}
.design-boards #design-project-dialog .dialog-toolbar{background:#f3fafef5;border-bottom:1px solid #c8daeb55;padding:15px 25px}
.project-dialog-kicker{font-size:13px;color:#7893af;letter-spacing:1px}
.project-detail-heading{padding:35px 40px 20px}
.design-boards .project-detail-heading h2{font-size:35px;line-height:1.3;color:#123265;padding:0}
.design-boards .project-detail-heading h2:before{display:none}
.project-detail-heading p{color:#7893ac;font-size:15px;line-height:1.7;margin:14px 0 0}
#design-project-content{padding:0 40px 35px;display:grid;gap:30px}
.project-detail-figure{margin:0;min-width:0}
.project-detail-figure figcaption{font-size:17px;font-weight:600;color:#31527c;margin-bottom:12px}
.project-detail-figure a{display:block;position:relative;background:#e5f0f65e;border-radius:12px;overflow:hidden}
.project-detail-figure img{width:100%;height:auto;display:block}
.project-detail-figure .detail-open-hint{position:absolute;right:15px;bottom:15px;padding:8px 13px;background:#f4fbffed;color:#345584;border:1px solid white;border-radius:30px;font-size:12px}

@media(max-width:1050px){.design-project-grid{margin-inline:26px}.design-feature-grid{gap:14px;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}.design-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.project-subtitle{display:block;margin:3px 0 0}.design-feature-grid>.design-project:first-child .project-subtitle{display:inline}.project-caption{padding:12px}.design-boards .design-project h3{font-size:17px}}
@media(max-width:760px){
 .design-boards .design-collection{padding:12px 0 5px;margin-bottom:26px}.design-project-grid{margin-inline:16px}.design-feature-grid,.design-secondary-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.design-secondary-grid{margin-top:18px}.design-feature-grid>.design-project:first-child{grid-row:auto}.design-project{border-radius:14px}.design-feature-grid>.design-project:not(:first-child) .project-picture-main{aspect-ratio:auto}.design-feature-grid>.design-project:not(:first-child) .project-picture-main img{height:auto}.project-caption,.design-feature-grid>.design-project:first-child .project-caption,.design-feature-grid>.design-project:not(:first-child) .project-caption{padding:13px 14px 16px}.design-boards .design-project h3,.design-boards .design-feature-grid>.design-project:first-child h3{font-size:21px}.project-subtitle,.design-feature-grid>.design-project:first-child .project-subtitle{display:block;font-size:13px;margin:4px 0 0}.project-description,.design-feature-grid>.design-project:first-child .project-description{font-size:11px}.design-feature-grid>.design-project:not(:first-child) .project-description{display:block}.picture-hint{opacity:1;font-size:9px;padding:4px 7px;right:6px;bottom:6px;background:#f7fcffdd}
 .design-boards #image-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 16px);border-radius:15px}.design-boards .design-image-dialog .dialog-toolbar{padding:12px;gap:10px;align-items:flex-start;min-height:64px}.design-boards .design-image-dialog .dialog-toolbar h2{font-size:12px;max-width:52%;line-height:1.7}.image-view-actions{gap:8px}#design-zoom{font-size:11px;padding:8px 10px}.design-image-stage{height:calc(100dvh - 169px);padding:8px}.design-boards #design-full-image{max-height:calc(100dvh - 198px)}.image-view-footer{padding:10px;gap:12px;flex-wrap:wrap}#design-image-status{font-size:10px}.image-view-footer>button{width:30px;height:28px}.design-boards #design-project-dialog{width:calc(100% - 14px);max-height:calc(100dvh - 18px);border-radius:16px}.design-boards #design-project-dialog .dialog-toolbar{padding:12px 16px}.project-detail-heading{padding:24px 18px 18px}.design-boards .project-detail-heading h2{font-size:26px}.project-detail-heading p{font-size:12px;margin-top:10px}#design-project-content{padding:0 14px 24px;gap:24px}.project-detail-figure figcaption{font-size:14px}.project-detail-figure .detail-open-hint{font-size:10px;padding:6px 10px;right:8px;bottom:8px}
}
@media(prefers-reduced-motion:reduce){.picture-hint{transition:none}.design-boards #design-project-dialog{scroll-behavior:auto}}

/* Per-project framing: original portraits stay vertical and source details receive their own space. */
.design-boards .project--ip-details .project-supports{grid-template-columns:440fr 780fr;background:#e2efe6}
.design-boards .project--ip-details .project-picture-support{aspect-ratio:auto;background:#e2efe6}
.design-boards .project--ip-details .project-picture-support img{height:auto;object-fit:contain}
.design-boards .project--book .project-picture-main{aspect-ratio:4/3}
.design-boards .project--portrait-triptych .project-board{display:grid;grid-template-columns:minmax(0,1.49fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;aspect-ratio:1.5;background:#fff}
.design-boards .project--portrait-triptych .project-supports{display:contents}
.design-boards .project--portrait-triptych .project-board .project-picture-main{grid-column:1;grid-row:1;aspect-ratio:auto;min-height:0}
.design-boards .project--portrait-triptych .project-picture-support:first-child{grid-column:1;grid-row:2}
.design-boards .project--portrait-triptych .project-picture-support:last-child{grid-column:2;grid-row:1 / 3}
.design-boards .project--portrait-triptych .project-picture-support{aspect-ratio:auto;min-height:0}
.design-boards .project--portrait-triptych .project-board .project-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.design-boards .project--gown-details .project-board{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;aspect-ratio:1.03;background:#d3e1ef}
.design-boards .project--gown-details .project-supports{display:contents}
.design-boards .project--gown-details .project-board .project-picture-main{grid-column:1;grid-row:1 / 3;aspect-ratio:auto;min-height:0}
.design-boards .project--gown-details .project-picture-support{grid-column:2;aspect-ratio:auto;min-height:0}
.design-boards .project--gown-details .project-picture-support:first-child{grid-row:1}
.design-boards .project--gown-details .project-picture-support:last-child{grid-row:2}
.design-boards .project--gown-details .project-board .project-picture img{display:block;width:100%;height:100%;object-fit:cover}
.design-boards .project--gown-details .project-picture-support:first-child img{object-position:65% center}
.design-boards .project--gown-details .project-picture-support:last-child img{object-position:55% center}

/* IP and jewelry: edge-to-edge macro images in the two supporting slots. */
.design-boards .project--macro-details .project-supports{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:5px;background:#fff}
.design-boards .project--macro-details .project-picture-support{aspect-ratio:8/5;background:#f0e8df}
.design-boards .project--macro-details .project-picture-support img{display:block;width:100%;height:100%;object-fit:cover}
.design-boards .project--jewelry-details .project-picture-main{aspect-ratio:1376/768}
.detail-caption{position:absolute;left:8px;bottom:7px;padding:4px 7px;border:1px solid #ffffff80;border-radius:6px;background:#f6fafae3;color:#243c58;font-size:9px;line-height:1.3;letter-spacing:.2px;pointer-events:none}
.project--macro-details .picture-hint{top:7px;right:7px;bottom:auto}
@media(max-width:760px){.detail-caption{font-size:10px;left:7px;bottom:7px}.project--macro-details .picture-hint{font-size:8px;padding:3px 5px}}

/* Product-only detail framing: fill the auxiliary frames with jewelry, without on-image UI. */
.project--macro-details .detail-caption,.project--macro-details .picture-hint{display:none!important}
.design-boards .project--jewelry-details .project-picture-support:first-child img{transform:scale(2);transform-origin:50% 70%}
.design-boards .project--jewelry-details .project-picture-support:last-child img{transform:scale(2);transform-origin:62% 100%}

.design-boards [data-design-image="ip"][data-image-index="1"] img{object-position:50% 22%}

/* Approved A composition. Scoped to the visual gallery; headings use the existing cinema container. */
.aurora-curation{margin-inline:32px;container-type:inline-size}
.aurora-curation .gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px}
.aurora-curation .project{min-width:0;overflow:hidden;position:relative;border:1px solid #fff;border-radius:17px;background:#f8fcffe6;box-shadow:0 10px 25px #3a57640a;display:flex;flex-direction:column}
.aurora-curation .media{position:relative;min-height:0;flex:1;display:grid;gap:4px;overflow:hidden;background:#fff}
.aurora-curation .tile{position:relative;min-width:0;min-height:0;overflow:hidden}
.aurora-curation .tile svg{display:block;width:100%;height:100%}
.aurora-curation .caption{height:64px;flex-shrink:0;padding:12px 16px 10px;position:relative}
.aurora-curation .title-line{display:flex;align-items:center;gap:9px}
.aurora-curation .title-line h3{font-size:20px;letter-spacing:.2px;margin:0;font-weight:800;line-height:1.2}
.aurora-curation .number{font-size:8px;color:#8ba1af;letter-spacing:1px;align-self:center}
.aurora-curation .arrow{margin-left:auto;color:#7668ef;font-size:18px;line-height:1}
.aurora-curation .caption p{margin:6px 0 0 23px;font-size:10px;color:#7891a4;letter-spacing:.2px;display:flex;align-items:center;justify-content:space-between}
.aurora-curation .tag{font-size:7px;letter-spacing:1.3px;color:#8ea2ad}
.aurora-curation .pack .media{grid-template-columns:1fr 1fr;grid-template-rows:3.1fr 1fr}
.aurora-curation .pack .main{grid-column:1/3;grid-row:1}
.aurora-curation .pack .s1{grid-column:1;grid-row:2}
.aurora-curation .pack .s2{grid-column:2;grid-row:2}
.aurora-curation .pack .caption h3{font-size:22px}
.aurora-curation .ip .media{grid-template-columns:1.2fr .85fr;grid-template-rows:1fr 1fr;background:#e2c9bc}
.aurora-curation .ip .main{grid-column:1;grid-row:1/3}
.aurora-curation .ip .s1{grid-column:2;grid-row:1}
.aurora-curation .ip .s2{grid-column:2;grid-row:2}
.aurora-curation .qipao .media{grid-template-columns:.86fr 1fr 1fr;grid-template-rows:1fr;background:#dce3d8}
.aurora-curation .qipao .main{grid-column:1}
.aurora-curation .qipao .s1{grid-column:2}
.aurora-curation .qipao .s2{grid-column:3}
.aurora-curation .book .media{grid-template-columns:1.25fr 1fr;grid-template-rows:1fr;background:#eff0df}
.aurora-curation .book .main{grid-column:1;grid-row:1}
.aurora-curation .book .s2{display:none}
.aurora-curation .book-covers{position:relative;overflow:hidden;grid-column:2;grid-row:1;background:#e5e8d1}
.aurora-curation .book-covers img{position:absolute;height:73%;width:auto;max-width:70%;object-fit:contain;top:15%;box-shadow:8px 12px 24px #48502624}
.aurora-curation .back-cover{left:6%;transform:rotate(-9deg)}
.aurora-curation .front-cover{right:5%;transform:rotate(8deg)}
.aurora-curation .gown .media{grid-template-columns:1fr 2.3fr;grid-template-rows:1fr 1fr;background:#a8c0d9}
.aurora-curation .gown .main{grid-row:1/3;grid-column:1}
.aurora-curation .gown .s1{grid-row:1;grid-column:2}
.aurora-curation .gown .s2{grid-row:2;grid-column:2}
.aurora-curation .toothbrush .media{grid-template-columns:.86fr 1.3fr;grid-template-rows:1fr 1fr;background:#061120}
.aurora-curation .toothbrush .main{grid-column:1;grid-row:1/3}
.aurora-curation .toothbrush .s1{grid-column:2;grid-row:1}
.aurora-curation .toothbrush .s2{grid-column:2;grid-row:2}
.aurora-curation .toothbrush .extra{display:none}
.aurora-curation .jewelry .media{grid-template-columns:1.5fr .72fr .73fr;grid-template-rows:1fr;background:#0c1520}
.aurora-curation .jewelry .main{grid-column:1}
.aurora-curation .jewelry .s1{grid-column:2}
.aurora-curation .jewelry .s2{grid-column:3}
.aurora-curation .gallery{grid-template-rows:310px 310px 386px 386px}
.aurora-curation .pack{grid-column:1/8;grid-row:1/3}
.aurora-curation .ip{grid-column:8/13;grid-row:1}
.aurora-curation .qipao{grid-column:8/13;grid-row:2}
.aurora-curation .book{grid-column:1/7;grid-row:3}
.aurora-curation .gown{grid-column:7/13;grid-row:3}
.aurora-curation .toothbrush{grid-column:1/7;grid-row:4}
.aurora-curation .jewelry{grid-column:7/13;grid-row:4}
.aurora-curation .ip .caption{background:#fff9f5}
.aurora-curation .qipao .caption{background:#f4f7ed}
.aurora-curation .book .caption{background:#f8faed}
.aurora-curation .gown .caption{background:#f1f5ff}

.aurora-curation .gallery{grid-template-rows:clamp(270px,24.22cqw,340px) clamp(270px,24.22cqw,340px) clamp(335px,30.16cqw,420px) clamp(335px,30.16cqw,420px)}
.aurora-curation .project{box-sizing:border-box}.aurora-curation .project .title-line h3{display:block;line-height:1.2;margin:0;padding:0;color:#173b61;font-size:20px;font-weight:800}
.aurora-curation .caption p{line-height:1.5}.aurora-curation a.tile{display:block;outline-offset:-4px}.aurora-curation .arrow{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px}.aurora-curation a:focus-visible{outline:3px solid #7666ff;outline-offset:-3px}.aurora-curation a.tile:hover{filter:brightness(1.035)}
.aurora-curation .book-covers .cover-link{position:absolute;height:73%;max-width:70%;top:15%;aspect-ratio:2552/3437;box-shadow:8px 12px 24px #48502624}.aurora-curation .book-covers .cover-link img{position:static;display:block;width:100%;height:100%;max-width:none;object-fit:contain;box-shadow:none;transform:none}
@media(max-width:1050px){.aurora-curation{margin-inline:26px}.aurora-curation .gallery{gap:14px;grid-template-rows:260px 260px 330px 330px}.aurora-curation .caption{padding:11px 12px;height:64px}.aurora-curation .project .title-line h3{font-size:18px}.aurora-curation .tag{display:none}}
@media(max-width:760px){.aurora-curation{margin-inline:16px}.aurora-curation .gallery{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:345px;gap:20px}.aurora-curation .gallery>.project{grid-column:1;grid-row:auto}.aurora-curation .pack{height:400px;margin-bottom:0}.aurora-curation .gallery{grid-auto-rows:auto}.aurora-curation .gallery>.project:not(.pack){height:345px}.aurora-curation .caption{height:65px;padding:12px 14px}.aurora-curation .project .title-line h3{font-size:20px}.aurora-curation .gown .media{grid-template-columns:1fr 1.5fr}.aurora-curation .jewelry .media{grid-template-columns:1.35fr .75fr .75fr}.aurora-curation .book-covers .cover-link{height:63%;top:20%;max-width:78%}.aurora-curation .book-covers .back-cover{left:1%}.aurora-curation .book-covers .front-cover{right:0}.aurora-curation .caption .tag{display:none}}

.aurora-curation .book-covers .cover-link:hover,.aurora-curation .book-covers .cover-link:focus-visible{z-index:2}

/* Approved complete figurine: keep the full parasol and display base visible. */
.aurora-curation .ip .media{grid-template-columns:1.1fr 1fr;grid-template-rows:1.65fr 1fr}
.aurora-curation .ip .main{grid-column:1;grid-row:1}
.aurora-curation .ip .s1{grid-column:2;grid-row:1/3;background:#ddc9c9}
.aurora-curation .ip .s2{grid-column:1;grid-row:2;background:#393939}

/* Cohesive figurine presentation: one full view and two matching close-ups. */
.aurora-curation .ip .media{grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:#dec9ca}
.aurora-curation .ip .main{grid-column:1;grid-row:1/3;background:#d5c2c2}
.aurora-curation .ip .s1{grid-column:2;grid-row:1}
.aurora-curation .ip .s2{grid-column:2;grid-row:2}

.site-stage{min-height:0;overflow:hidden;background:linear-gradient(135deg,#effaff,#e4f6fa 48%,#f2f8ff)}
.site-stage:before{position:absolute!important;inset:0!important;opacity:.3;pointer-events:none}
.portfolio-shell{padding-top:58px;padding-bottom:24px}
}
.portfolio-content{position:relative;isolation:isolate;--ink:#07125d;--muted:#657ba5;--blue:#2443fa;--cyan:#5fe2db;--lime:#c8f4a6;font-family:"Microsoft YaHei","Segoe UI",sans-serif;color:#091663}
.portfolio-content section{scroll-margin-top:28px}
@media(max-width:760px){.portfolio-content .portfolio-shell{padding-top:28px}}

/* Quiet, left-aligned section introductions on a shared pale-blue ground. */
.portfolio-content,.portfolio-content .site-stage{background:#edfaff}
.portfolio-content .site-stage::before{display:none!important}
.portfolio-content .portfolio-shell{padding-top:0}
.portfolio-content .works-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 46px;align-items:end;margin:0 0 18px;padding:12px 0 0;border-top:1px solid rgba(53,99,143,.14);max-width:none}
.portfolio-content .works-heading .works-kicker{grid-column:1;margin:0 0 5px;color:#427cb7;font:700 10px/1.4 Arial,sans-serif;letter-spacing:1.9px}
.portfolio-content .works-heading h2{grid-column:1;margin:0;padding:0;color:#112d5e;font-size:clamp(22px,1.95vw,28px);line-height:1.1;letter-spacing:-.6px;font-weight:800}
.portfolio-content .works-heading h2::before,.portfolio-content .works-heading h2::after{content:none}
.portfolio-content .works-heading .works-summary{grid-column:2;max-width:430px;margin:0 0 4px;color:#6383a1;font-size:13.5px;line-height:1.7;border-left:1px solid rgba(53,99,143,.22);padding-left:20px}
.portfolio-content .works-section,.portfolio-content .design-collection{margin-top:72px}
.portfolio-content .works-section>.advert-panel{margin-bottom:0}
/* 窄屏下双栏标题退回单栏，避免说明文字被挤成窄条 */
@media(max-width:900px){
 .portfolio-content .works-heading{grid-template-columns:minmax(0,1fr);gap:0}
 .portfolio-content .works-heading .works-summary{grid-column:1;border-left:0;padding-left:0;margin:9px 0 0}
}
@media(max-width:760px){
 .portfolio-content .portfolio-shell{padding-top:24px}
 .portfolio-content .works-heading{padding-top:18px;margin-bottom:18px;grid-template-columns:minmax(0,1fr);gap:0}
 .portfolio-content .works-heading .works-kicker{font-size:9px;letter-spacing:1.8px;margin-bottom:7px}
 .portfolio-content .works-heading h2{font-size:25px}
 .portfolio-content .works-heading .works-summary{grid-column:1;border-left:0;padding-left:0;font-size:12.5px;line-height:1.75;margin:7px 0 0}
 .portfolio-content .works-section,.portfolio-content .design-collection{margin-top:44px}
}

.portfolio-content .aurora-curation{margin-inline:0}

/* The cover's soft spectral light continues through the work-section margins. */
.portfolio-content .site-stage{background:transparent}
.portfolio-content>.cover-a{position:relative;z-index:1}
.works-ambient-lights{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}
.works-ambient-lights use{fill:none;stroke-linecap:round}
.works-spectral-band{filter:blur(3px);opacity:.24}
.works-spectral-band use{stroke-width:12}
.works-light-core{stroke:#fff;stroke-width:1.6;opacity:.7}
.works-light-travel{stroke:#fff;stroke-width:2.5;stroke-dasharray:70 930;opacity:.75;animation:works-light-flow 22s linear infinite}
@keyframes works-light-flow{to{stroke-dashoffset:-1000}}
@media(prefers-reduced-motion:reduce){.works-light-travel{animation:none}}

/* Coloured laser segments travel along the same curves as their soft base. */
.works-spectral-current{opacity:.55;filter:blur(2px)}
.works-spectral-current use{stroke-width:14;stroke-dasharray:160 840;animation:works-colour-travel 7s linear infinite,works-spectrum-shift 7s linear infinite}
.works-spectral-current use:nth-child(2){animation-delay:-1.8s,-2.5s}
.works-spectral-current use:nth-child(3){animation-delay:-3.6s,-5s}
.works-spectral-current use:nth-child(4){animation-delay:-5.4s,-7.5s}
@keyframes works-colour-travel{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes works-spectrum-shift{0%,100%{stroke:#aa91f5}25%{stroke:#69bfff}50%{stroke:#73dfcb}75%{stroke:#e1e99e}}
@media(prefers-reduced-motion:reduce){.works-spectral-current use{animation:none}}

/* A visible, gentle wave carries the complete background laser bundle. */
.works-ambient-lights>g{animation:works-laser-sway 8s ease-in-out infinite alternate}
.works-light-travel{animation-duration:13s}
@keyframes works-laser-sway{from{transform:translateY(-24px)}to{transform:translateY(24px)}}
@media(prefers-reduced-motion:reduce){.works-ambient-lights>g{animation:none}}

/* Shared content gutter for the hero action and the complete portfolio. */
.portfolio-content{container-type:inline-size}
.portfolio-content .portfolio-shell{width:93.6%;max-width:none}
.portfolio-content .works-heading{margin-left:0;width:100%}
.works-extra-ribbons{opacity:.65}
@media(max-width:760px){.portfolio-content .portfolio-shell{width:88%}}

/* Reflow the actual projects for the available width, including their media. */
@media(min-width:1051px){
 .portfolio-content .body-cinema .glass-panel{padding:clamp(28px,2.4cqw,46px)}
 .portfolio-content .body-cinema .series-panel{grid-template-columns:minmax(260px,1fr) minmax(0,3fr);gap:clamp(22px,2cqw,38px)}
 .portfolio-content .body-cinema .feature-video{width:100%;min-height:0;aspect-ratio:2.12;align-self:center}
 .portfolio-content .body-cinema .episode-grid{gap:clamp(14px,1.1cqw,22px)}
 .portfolio-content .body-cinema .series-intro h3{font-size:clamp(40px,3cqw,54px)}
 .portfolio-content .body-cinema .series-intro .section-description{font-size:clamp(15px,1cqw,18px)}
 .portfolio-content .body-cinema .advert-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5cqw,92px)}
 .portfolio-content .body-cinema .advert-video{width:100%;max-width:560px;height:auto;aspect-ratio:43/47}
 .portfolio-content .aurora-curation .gallery{gap:clamp(18px,1.4cqw,26px);grid-template-rows:clamp(290px,25cqw,450px) clamp(290px,25cqw,450px) clamp(360px,30cqw,540px) clamp(360px,30cqw,540px)}
 .portfolio-content .aurora-curation .caption{height:76px;padding:16px 20px}
 .portfolio-content .aurora-curation .project .title-line h3{font-size:clamp(20px,1.5cqw,25px)}
}

@media(min-width:761px) and (max-width:1050px){
 .portfolio-content .body-cinema .series-panel{grid-template-columns:minmax(200px,1fr) minmax(0,2.4fr)}
 .portfolio-content .body-cinema .feature-video{width:100%;min-height:0;aspect-ratio:1.8;align-self:center}
}

/* v64: all three section introductions share the first section's spacing. */
.portfolio-content #series>.works-heading,
.portfolio-content #advert>.works-heading,
.portfolio-content #design>.works-heading{border-top:0;padding-top:13px}
.portfolio-content #advert,
.portfolio-content #design{margin-top:0;padding-top:0}
@media(max-width:760px){
 .portfolio-content #series>.works-heading,
 .portfolio-content #advert>.works-heading,
 .portfolio-content #design>.works-heading{padding-top:19px}
}

.portfolio-content #series>.glass-panel{margin-bottom:0}
@media(max-width:760px){.portfolio-content #advert,.portfolio-content #design{margin-top:24px}}