:root{--hero-progress:0;--page-progress:0;--ambient-shift:0px;--ink:#171925;--muted:#6a6c7b}
body{background:#f5f5fa;isolation:isolate}.ambient-scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:#f5f5fa}.ambient-scene i{position:absolute;width:65vw;height:65vw;border-radius:50%;background:radial-gradient(circle,#baacfa45,transparent 65%);top:-15%;right:-20%;transform:translateY(var(--ambient-shift));will-change:transform}.ambient-scene i:nth-child(2){background:radial-gradient(circle,#9ce8f54a,transparent 65%);top:50%;left:-30%;transform:translateY(calc(var(--ambient-shift)*-.6))}.ambient-grid{position:absolute;inset:-400px 0;background-image:linear-gradient(#858bb50b 1px,transparent 1px),linear-gradient(90deg,#858bb50b 1px,transparent 1px);background-size:80px 80px;transform:translateY(calc(var(--ambient-shift)*.2))}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#22e5ff,#8b63ff,#fc58b4);transform:scaleX(var(--page-progress));transform-origin:left;z-index:100;pointer-events:none}
header{height:88px;background:linear-gradient(#04070bbf,transparent);padding:0 6%}header nav{gap:30px;font-size:12px}.header-cta{background:#ffffff0a;backdrop-filter:blur(10px);border-color:#ffffff40}.brand{font-size:24px}
.hero-scroll{height:250svh}.hero-stage{height:100svh;min-height:560px;background-size:cover;background-position:65% center}.hero-video{object-fit:contain;object-position:center;background:#03060b}.hero-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#03060bbf,transparent 53%),linear-gradient(0deg,#090c16,transparent 20%)}.hero-stage:after{display:none}.hero-frames{display:none}.hero-accessible{left:6%;width:40%;top:49%;transform:translateY(calc(-50% - var(--hero-progress)*24px));opacity:calc(1 - var(--hero-progress)*.55)}.hero-accessible h1{font-size:clamp(44px,5.5vw,92px);line-height:1.02;letter-spacing:-.055em;max-width:680px}.hero-accessible h1 em{font-style:normal;color:#d3cafa}.hero-accessible p:first-child{color:#ccafff;font-size:10px;letter-spacing:3px}.hero-accessible p:last-child{font-size:15px;line-height:1.65;max-width:310px;color:#bfc4d0}.scroll-cue{left:6%;bottom:7%;font-size:9px;letter-spacing:2px}.scroll-cue i{padding:11px 15px}.motion-toggle{position:absolute;right:6%;bottom:7%;z-index:4;border:1px solid #ffffff30;border-radius:30px;background:#080c16a0;color:#bbc1d1;padding:11px 16px;font-size:10px;backdrop-filter:blur(10px)}.hero-timeline{height:1px;position:absolute;bottom:4%;left:6%;right:6%;background:#ffffff1a;z-index:3}.hero-timeline i{display:block;height:100%;background:linear-gradient(90deg,#43deff,#c17bff);transform:scaleX(var(--hero-progress));transform-origin:left}
.section{padding:110px 6%;scroll-margin-top:0}h2{font-size:clamp(34px,3.5vw,56px);font-weight:500;line-height:1.06;letter-spacing:-.045em}.eyebrow{font-size:9px;letter-spacing:2.4px;margin-bottom:25px}.section-intro p:not(.eyebrow){font-size:14px;max-width:290px}.button{padding:15px 23px;border-color:#d2d1dd;font-size:11px;font-weight:600;gap:24px}.button:hover{box-shadow:0 12px 24px #7065a320}.button.dark{background:#181b29;border-color:transparent}.button span{transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}
.services{background:radial-gradient(ellipse at 70% 20%,#28204570,transparent 70%),#090c16;margin-top:-1px;border-radius:0;gap:50px;padding-bottom:135px;color:#f0f0f7;overflow:hidden}.services:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#99a5ff06 50%,transparent 80%);transform:translateX(calc(var(--page-progress)*200px));pointer-events:none}.services .section-intro p:not(.eyebrow){color:#969cac}.service-grid{gap:18px}.service-card{min-height:440px;padding:34px 25px 95px;border:1px solid #ffffff13;border-radius:18px;background:linear-gradient(135deg,#ffffff0b,#ffffff03);box-shadow:inset 0 1px 0 #ffffff08;overflow:hidden}.service-card:hover{border-color:#ae8dff70;box-shadow:0 24px 50px #0004,inset 0 1px 0 #ffffff20}.card-number{font-size:10px;letter-spacing:2px;color:#757e96;margin-bottom:45px}.service-card .line-icon{position:absolute;right:25px;top:28px;color:#baa0ff}.service-card h3{font-size:25px;line-height:1.15;color:white;letter-spacing:-.8px}.service-card p,.service-card ul{color:#a0a7bb;font-size:12px}.service-card li{margin-bottom:3px}.round{background:#ffffff0a;border-color:#ffffff20;color:#e3d9ff;box-shadow:none;width:45px;height:45px}.round:hover{background:#b998ff;color:#141323}.glass-art{opacity:.4;right:5px;bottom:-45px;transform:rotate(-20deg) translateY(calc(var(--page-progress)*-25px))}.glass-art i{border-color:#b5bcff40;background:linear-gradient(140deg,#a7e8ff40,#9573ff35,#fbd3ff08);box-shadow:inset 3px 3px 15px #ffffff20}
.about{background:linear-gradient(#eff0f8e8,#f8f8fbc9);grid-template-columns:1.1fr 1.45fr .9fr;gap:48px;border-top:1px solid #ffffff;align-items:center}.about p{font-size:14px;line-height:1.7}.studio-image,.studio-image:hover{border-radius:20px;aspect-ratio:4/5;background-position:50% center;background-size:auto 100%;transform:translateY(var(--image-shift,0px));box-shadow:0 25px 70px #23274b18;border:6px solid #fff9}.values{gap:30px}.values span{color:#8c77d5;font-size:32px}.values strong{font-size:14px;letter-spacing:-.2px}.values p{font-size:11px;line-height:1.6}
.process{background:#fff9;gap:50px;border-top:1px solid #dcdde85c;border-bottom:1px solid #dcdde85c}.steps{gap:24px;align-self:center}.steps:before{top:44px;opacity:.4}.steps article{padding-top:0}.step-control{position:relative;display:grid;place-items:center;width:88px;height:88px;border:1px solid #d4c8fa;border-radius:26px;color:#8564de;background:linear-gradient(145deg,#fff,#f1edfb);font-size:27px;box-shadow:0 8px 24px #a08ac117,inset 0 1px 0 #fff;margin-bottom:27px;transition:transform .35s,box-shadow .35s,border-color .35s}.step-control:hover,.step-control:focus-visible{transform:translateY(-7px);border-color:#a080e9;box-shadow:0 15px 30px #8e70c72a}.steps h3{font-size:18px}.steps p{font-size:12px;line-height:1.7}.steps small{font-size:9px;color:#9691a4}
.journal{background:#f5f4fa88;gap:50px}.journal-grid{gap:22px;transform:translateY(var(--image-shift,0px))}.journal-card{border:1px solid #fff;background:#ffffffaa;border-radius:18px;padding-bottom:23px;box-shadow:0 12px 35px #27254b07;transition:transform .4s,box-shadow .4s}.journal-card:hover{box-shadow:0 25px 45px #47416a18;transform:translateY(-8px)}.journal-photo{aspect-ratio:4/3;border-radius:12px;margin:9px 9px 0;transition:filter .5s}.journal-card h3{font-size:19px;line-height:1.25;margin:0 20px 13px}.journal-card small{margin:22px 20px 13px;font-size:8px;letter-spacing:1px}.journal-card p{margin:0 20px;font-size:12px;line-height:1.65}.read{margin:22px 20px 0;font-size:10px}
.contact{background:radial-gradient(ellipse at 90% 80%,#49326d70,transparent 55%),#10131f;color:white;padding-top:100px;padding-bottom:100px;grid-template-columns:1.2fr 1fr;gap:60px}.contact h2{font-size:clamp(40px,4.4vw,70px);line-height:1.05;letter-spacing:-.045em}.contact p{color:#adb3c4;font-size:14px;line-height:1.7}.contact .button{border-color:#ffffff30;color:#f5f3ff}.contact .dark{background:#ece6ff;color:#202032}.contact-ribbon{width:420px;height:700px;right:-220px;top:-90px;border-width:50px;border-color:#b998ff13;transform:rotate(calc(25deg + var(--page-progress)*25deg));box-shadow:inset 20px 0 50px #6edbff08}.contact .eyebrow{color:#bba0fa}footer{background:#f6f6fa;padding:35px 6%}.socials button{opacity:.6}
.motion-off .hero-scroll{height:100svh}.motion-off .hero-stage{position:relative}.motion-off .hero-accessible{opacity:1;transform:translateY(-50%)}.motion-off .hero-video{visibility:hidden}
@media(min-width:1600px){.hero-video{object-fit:cover}}
@media(max-width:1100px) and (min-width:761px){.section{padding-left:5%;padding-right:5%}.services,.process,.journal{grid-template-columns:1fr}.section-intro{max-width:650px}.section-intro h2 br{display:none}.section-intro p:not(.eyebrow){max-width:450px}.about{grid-template-columns:1fr 1fr;gap:32px}.values{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.studio-image{aspect-ratio:4/3}.service-card{min-height:420px}.hero-accessible h1{font-size:56px}}
@media(max-width:760px){
 header{height:76px;padding:0 6%;background:linear-gradient(#03060b,transparent)}header .brand{font-size:22px}.header-cta{font-size:10px;padding:10px 14px;margin-right:12px}header nav{top:76px;background:#0d1120f5;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff15;padding:25px 6%;gap:22px}.menu{font-size:24px}
 .hero-scroll{height:230svh}.hero-stage{height:100svh;min-height:0;background-position:65% 75%;background-size:auto 62%}.hero-video{display:none}.hero-frames{display:block;position:absolute;left:0;top:35%;width:100%;height:65%;opacity:0;pointer-events:none}.hero-frames.ready{opacity:1}.hero-vignette{z-index:1;background:linear-gradient(0deg,#090c16 0%,transparent 16%,transparent 51%,#03060b 70%)}.hero-accessible{z-index:2;left:6%;top:16%;width:88%;transform:translateY(calc(var(--hero-progress)*-20px));opacity:calc(1 - var(--hero-progress)*.75)}.hero-accessible h1{font-size:clamp(39px,10.6vw,62px);line-height:1.04;margin:18px 0}.hero-accessible p:first-child{font-size:8px;letter-spacing:2.2px}.hero-accessible p:last-child{font-size:12px;max-width:270px;line-height:1.55}.scroll-cue{bottom:7%;font-size:8px;gap:10px}.scroll-cue i{padding:8px 11px}.motion-toggle{bottom:7%;font-size:9px;padding:10px 12px}.hero-timeline{bottom:4%}
 .section{padding:72px 6%}.services,.process,.journal{grid-template-columns:1fr;gap:35px}.services{padding-top:55px;padding-bottom:80px}.section-intro{max-width:none}.section-intro h2{font-size:42px}.section-intro p:not(.eyebrow){max-width:330px;font-size:14px}.eyebrow{font-size:8px;margin-bottom:22px}.service-grid{gap:18px}.service-card{min-height:380px;padding:28px 25px 75px;border-radius:20px}.card-number{margin-bottom:30px}.service-card h3{font-size:29px}.service-card p{max-width:270px;font-size:13px}.service-card ul{font-size:12px}.service-card .line-icon{right:26px;top:24px}.glass-art{width:180px;height:170px;right:-5px;bottom:-25px}.about{grid-template-columns:1fr;gap:32px}.about h2{font-size:39px}.studio-image,.studio-image:hover{aspect-ratio:4/3;min-height:0;background-size:cover;background-position:center;border:4px solid #fff9}.values{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px}.values>div{gap:10px}.values span{font-size:25px;min-width:25px}.values strong{font-size:13px}.values p{font-size:11px}
 .steps{grid-template-columns:1fr;gap:10px}.steps:before{left:34px;top:20px;bottom:75px;opacity:.5}.steps article{padding:8px 0 15px 98px;min-height:125px}.step-control{position:absolute;left:0;top:2px;width:70px;height:70px;border-radius:22px;font-size:23px}.steps h3{font-size:23px}.steps p{font-size:13px;max-width:250px}.journal-grid{grid-template-columns:1fr;gap:26px}.journal-photo{aspect-ratio:16/10;height:auto;margin:10px 10px 0}.journal-card h3{font-size:24px}.journal-card p{font-size:14px}.journal-card small{font-size:9px}.read{font-size:11px}.contact{grid-template-columns:1fr;gap:20px;padding-top:80px;padding-bottom:80px}.contact h2{font-size:44px}.contact-actions{gap:10px}.contact .button{font-size:10px;padding:14px 18px}.contact-ribbon{opacity:.6}footer{padding:30px 6%}footer nav{gap:22px}.motion-off .hero-accessible{transform:none}.ambient-grid{background-size:55px 55px}
}
@media(prefers-reduced-motion:reduce){.ambient-scene i,.ambient-grid,.studio-image,.journal-grid,.contact-ribbon{transform:none!important}.hero-stage{position:sticky}.hero-scroll{height:250svh}.motion-off .hero-scroll{height:100svh}.hero-video{display:block}.motion-off .hero-video{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.hero-scroll{height:230svh}.hero-video{display:none}}

/* A continuous hero-to-services scene, with individual engineering illustrations. */
.services{background:#090c16;overflow:visible;padding-top:80px;isolation:isolate}
.services:before{inset:auto 0 100%;height:240px;background:linear-gradient(0deg,#090c16 0%,#090c16e6 22%,#090c1680 55%,transparent 100%);transform:none}
.services:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 0%,#42326424,transparent 65%)}
.js .services .service-grid{opacity:var(--services-reveal,1);transform:translateY(calc((1 - var(--services-reveal,1))*42px));will-change:opacity,transform}
.service-card{min-height:565px;background-color:#111522;background-image:linear-gradient(180deg,#14172722 0%,#141727dd 18%,#141727ee 48%,transparent 73%),var(--service-art);background-size:100% 100%,100% 100%;background-position:center;box-shadow:inset 0 1px 0 #ffffff0b;padding-bottom:230px}
.service-polishing{--service-art:url('assets/service-polishing.svg')}.service-nocode{--service-art:url('assets/service-nocode.svg')}.service-design{--service-art:url('assets/service-design.svg')}
.service-card h3,.service-card .card-number{position:relative;z-index:1}
.service-card .round{background:#171d30e6;backdrop-filter:blur(8px)}
@media(max-width:760px){.services{padding-top:50px}.services:before{height:180px}.service-card{min-height:540px;padding-bottom:220px;background-size:100% 100%,100% 100%}}
@media(prefers-reduced-motion:reduce){.js .services .service-grid{opacity:1;transform:none}}
.motion-off .services .service-grid{opacity:1;transform:none}

.services:after{mask-image:linear-gradient(transparent,#000 35%)}
.js .services .section-intro{opacity:var(--services-reveal,1);transform:translateY(calc((1 - var(--services-reveal,1))*24px))}
@media(prefers-reduced-motion:reduce){.js .services .section-intro{opacity:1;transform:none}}
.motion-off .services .section-intro{opacity:1;transform:none}
@media(min-width:761px){.hero-vignette{background:linear-gradient(90deg,#03060bbf,transparent 53%),linear-gradient(0deg,#090c16 18%,#090c16e0 23%,transparent 45%)}}

/* One pinned background shared by the introduction and service content. */
.hero-services-scene{position:relative;background:#03060b;isolation:isolate}
.hero-services-scene>.hero-stage{position:sticky;top:0;height:100svh;min-height:0;margin-bottom:-100svh;z-index:0;background-color:#03060b;background-size:contain;background-position:center;pointer-events:none}
.hero-stage .motion-toggle,.hero-stage .scroll-cue{pointer-events:auto}
.hero-services-scene .hero-scroll{height:210svh;min-height:0;background:transparent;pointer-events:none}
.hero-services-scene .hero-video{object-fit:contain}
.hero-services-scene .hero-vignette{background:linear-gradient(90deg,#03060ba6,transparent 48%)}
.hero-services-scene .hero-accessible{opacity:clamp(0,calc(1 - var(--hero-progress)*1.8),1)}
.hero-services-scene .services{background:transparent;margin-top:0;padding-top:60px;padding-bottom:100px;min-height:100svh}
.hero-services-scene .services:before,.hero-services-scene .services:after{display:none}
.hero-services-scene .services .section-intro{text-shadow:0 2px 16px #000}
.hero-services-scene .service-card{background-color:#101524b8;background-image:linear-gradient(180deg,#14172750,#141727b0 48%,transparent 78%),var(--service-art)}
.hero-services-scene .scroll-cue{opacity:clamp(0,calc(1 - var(--hero-progress)*2),1)}
.motion-off .hero-services-scene .hero-scroll{height:100svh}
.motion-off .hero-services-scene .hero-accessible{opacity:clamp(0,calc(1 - var(--intro-exit,0)),1)}
@media(max-width:760px){.hero-services-scene .hero-frames{top:32%;height:60%}.hero-services-scene>.hero-stage{background-size:100% auto;background-position:center 65%}.hero-services-scene .services{padding-top:45px}.hero-services-scene .hero-vignette{background:linear-gradient(#03060b 20%,transparent 43%)}}
.hero-services-scene .services{align-items:start}
.hero-services-scene .service-grid{align-self:start}
/* The same hero scene remains behind every section, through the footer. */
.hero-services-scene>.hero-stage{position:fixed;inset:0;width:100%;margin-bottom:0}
.about,.process,.journal,.contact,footer{position:relative;z-index:1}
.process{background:linear-gradient(#f6f6fbd9,#f8f8fbd1)}
.journal{background:linear-gradient(#f5f4fad1,#f5f4fadd)}
.contact{background:radial-gradient(ellipse at 90% 80%,#49326d38,transparent 55%),#10131fd1}
footer{background:#f6f6fadb}

/* Vector arrows render consistently instead of using iOS emoji glyphs. */
.arrow-icon{display:inline-block;width:18px;height:18px;flex:0 0 auto;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.round{display:grid;place-items:center}.read .arrow-icon{width:14px;height:14px;margin-left:8px}
@media(max-width:760px){
 .hero-services-scene>.hero-stage{height:100svh;min-height:100%;background-size:cover;background-position:65% center}
 .hero-services-scene .hero-frames{inset:0;width:100%;height:100%}
 .hero-services-scene .hero-vignette{background:linear-gradient(180deg,#03060b80,transparent 46%);z-index:1}
 .hero-services-scene .hero-scroll{height:165svh}
 .hero-services-scene .hero-accessible{top:15%;width:88%;opacity:clamp(0,calc(1 - var(--hero-progress)*1.15),1)}
 .hero-accessible h1{font-size:clamp(36px,10.4vw,54px);line-height:1.04;letter-spacing:-.045em}
 .hero-accessible p:last-child{font-size:13px;line-height:1.6;max-width:300px;color:#c5c9d5}
 header{height:74px;gap:12px}header .brand{font-size:22px;gap:7px}.header-cta{margin-left:auto;margin-right:0;padding:10px 15px;min-height:42px;gap:12px;font-size:11px}
 .menu{width:40px;height:44px;padding:0;background:transparent;border:0;color:white;display:grid;place-items:center}
 .button{min-height:48px;padding:14px 20px;gap:18px;font-size:12px;font-weight:600;border-radius:28px;line-height:1.25}
 .button .arrow-icon{width:17px;height:17px}.round{width:46px;height:46px}.round .arrow-icon{width:19px;height:19px}
 .contact h2{font-size:clamp(34px,10vw,44px)}.contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:380px}
 .contact .button{width:100%;justify-content:space-between;font-size:12px;padding:16px 22px;min-height:52px}
 .contact p{font-size:14px}.contact{padding-top:64px;padding-bottom:64px}
 .scroll-cue{bottom:5%;font-size:7px;letter-spacing:1.5px;gap:8px}.scroll-cue i{padding:8px 11px}
 .motion-toggle{bottom:5%;min-height:36px;padding:9px 12px;font-size:9px}
 .service-card{border-radius:22px}.service-card p,.service-card ul{color:#bbc1d0}
 footer{padding:30px 6% 36px;gap:20px}footer .brand{font-size:23px}footer p{width:100%;margin:0;font-size:11px}footer nav{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 22px;font-size:11px}
}
@media(max-width:760px){footer .brand-mark{mix-blend-mode:multiply}}

/* Keep the introduction present until the incoming services are visible. */
.hero-services-scene .hero-accessible,.motion-off .hero-services-scene .hero-accessible{opacity:var(--intro-opacity,1)}
/* A clipped outer shell protects the corners; scrolling stays inside the inset reader. */
dialog{padding:8px;width:min(820px,calc(100% - 32px));max-width:820px;max-height:88svh;overflow:hidden;border:1px solid #ffffffb3;border-radius:28px;background:#f6f5f9;box-shadow:0 35px 120px #02051580}
.dialog-scroll{max-height:calc(88svh - 18px);overflow-y:auto;overscroll-behavior:contain;border-radius:21px;scrollbar-width:thin;scrollbar-color:#aaa3bb transparent}
.dialog-scroll::-webkit-scrollbar{width:5px}.dialog-scroll::-webkit-scrollbar-thumb{background:#aaa3bb;border-radius:10px}.dialog-scroll::-webkit-scrollbar-track{margin:25px 0;background:transparent}
.close{position:absolute;z-index:5;right:22px;top:22px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff70;background:#f9f8f1ed;color:#292735;box-shadow:0 4px 20px #0002;line-height:1;font-size:25px}
.detail-body{padding:54px 44px 40px}.editorial-cover{position:relative;height:260px;background:#111321;overflow:hidden}.editorial-cover img{width:100%;height:100%;object-fit:cover;object-position:center}.editorial-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#080b1ad9)}.editorial-cover>span{position:absolute;bottom:25px;left:42px;color:#fff;z-index:1;letter-spacing:3px;font-size:10px}
.editorial-body{max-width:690px;margin:auto;padding:38px 42px 48px}.editorial-meta{display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:1.4px;font-size:9px;color:#8560b6;margin-bottom:22px}.editorial-meta span{color:#777381;white-space:nowrap}.journal-dialog h2{font-family:Georgia,serif;font-size:clamp(30px,3.8vw,46px);font-weight:400;line-height:1.1;letter-spacing:-1.5px;margin:0 0 22px}.journal-dialog .editorial-lead{font-size:18px;line-height:1.6;color:#434151}.editorial-byline{border-top:1px solid #dedbe4;border-bottom:1px solid #dedbe4;padding:16px 0;margin:26px 0;font-size:11px;font-weight:600}.editorial-byline span{display:block;font-size:10px;color:#817c8c;margin-top:5px;font-weight:400}.journal-dialog h3{font-size:21px;letter-spacing:-.5px;margin-top:32px}.journal-dialog p{font-size:15px;line-height:1.85;color:#585465}.editorial-note{border-left:2px solid #9977cf;background:#ece7f45c;padding:22px 26px;margin:32px 0}.editorial-note>span{font-size:9px;letter-spacing:1.5px;color:#8764b7}.editorial-note p{font-family:Georgia,serif;font-size:21px;line-height:1.5;margin-bottom:0;color:#30283e}.editorial-end{border-top:1px solid #dedbe4;padding-top:24px;font-size:12px;color:#787180}.editorial-end a{color:#7352a2;margin-left:8px;border-bottom:1px solid #b09bca}
/* Softer, more material service artwork: restrained lines behind a glass surface. */
.hero-services-scene .service-card{background-image:linear-gradient(180deg,#14172780,#141727d1 48%,#151a2e50 80%,#151a2e80),var(--service-art);border-color:#c1b4ee26;box-shadow:inset 0 1px 0 #ffffff16,0 18px 50px #0002}
@media(max-width:760px){dialog{width:calc(100% - 20px);border-radius:24px;max-height:90svh;padding:6px}.dialog-scroll{max-height:calc(90svh - 14px);border-radius:18px}.close{right:17px;top:17px}.editorial-cover{height:205px}.editorial-cover>span{left:24px;bottom:20px;font-size:8px}.editorial-body{padding:28px 24px 32px}.journal-dialog h2{font-size:33px;letter-spacing:-1px}.journal-dialog .editorial-lead{font-size:16px}.journal-dialog p{font-size:14px}.editorial-meta{font-size:8px;letter-spacing:1px;gap:12px}.detail-body{padding:55px 24px 30px}.editorial-note{padding:18px 20px}.editorial-note p{font-size:19px}}
.dialog-scroll{scrollbar-width:none}.dialog-scroll::-webkit-scrollbar{display:none}