.stories-hero,.detail-hero{min-height:100svh;padding:170px 5vw 65px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:#090b11}.story-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 100%,#8895ff70,transparent 55%),radial-gradient(ellipse at 90% 45%,#4d5bff60,transparent 48%);animation:story-drift 12s ease-in-out infinite alternate}.stories-hero>*:not(.story-glow),.detail-hero>*:not(.story-glow){position:relative}.stories-hero h1,.detail-hero h1{font-size:clamp(50px,7.7vw,120px);line-height:1.04;letter-spacing:-.025em;font-weight:600;margin:45px 0 55px;max-width:1250px}em{font-style:normal}.stories-hero h1 em{color:#939dff}.hero-summary{display:flex;justify-content:space-between;align-items:end;gap:40px}.hero-summary p,.detail-hero>p{font-size:21px;line-height:1.55;color:#b7bfd1;max-width:680px}.hero-total{display:flex;gap:22px;align-items:end}.hero-total strong{font-size:100px;line-height:.9;font-weight:600}.hero-total span{font-size:14px;max-width:120px;line-height:1.5}.catalog,.case-body,.company-statement,.company-principles{background:var(--paper);color:#11151e;padding:100px 5vw}.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:25px}.catalog-head h2{font-size:clamp(30px,4vw,60px);letter-spacing:-.025em;margin:0}.catalog-head>span{color:#677187;font-size:14px}.project-filters{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0 55px}.project-filters button{font-size:15px;padding:13px 22px;border-radius:30px;background:transparent;border:1px solid #cbd0dc;color:#252b38;transition:background .2s,color .2s}.project-filters button[aria-pressed=true]{background:#4d5bff;border-color:#4d5bff;color:white}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 28px}.project-card{display:block;min-width:0}.project-card[hidden]{display:none}.project-visual{aspect-ratio:1.6;border-radius:14px;overflow:hidden;padding:32px;position:relative;display:flex;align-items:center;justify-content:center;background:#111726;color:#fff;transition:transform .5s var(--ease),box-shadow .5s}.project-visual strong{font-size:clamp(26px,3vw,48px);font-weight:600;letter-spacing:-.025em;text-align:center;max-width:90%;line-height:1.1}.project-number{position:absolute;top:24px;left:26px;font-size:13px;opacity:.55}.project-open{position:absolute;bottom:22px;right:24px;width:40px;height:40px;border:1px solid #ffffff45;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:transform .3s}.v1{background:#4d5bff}.v2{background:#dde2ec;color:#11151e}.v2 .project-open{border-color:#11151e40}.v3{background:linear-gradient(125deg,#121827,#2d3a85)}.project-card:hover .project-visual{transform:translateY(-5px);box-shadow:0 18px 30px #17245018}.project-card:hover .project-open{transform:rotate(45deg)}.project-caption{padding:24px 4px 0}.project-caption>.eyebrow{color:#677187}.project-caption h2{font-size:clamp(26px,2.4vw,38px);line-height:1.15;font-weight:600;letter-spacing:-.02em;margin:16px 0}.project-caption p{font-size:17px;line-height:1.5;color:#677187;max-width:480px}.read-story{font-size:14px;color:#4d5bff;display:inline-block;margin-top:12px}.story-cta{padding:100px 5vw;background:#4d5bff;color:white}.story-cta h2{font-size:clamp(42px,7vw,100px);line-height:1.05;letter-spacing:-.025em;max-width:950px;margin:40px 0}.story-cta .action{width:fit-content}.back-link{font-size:16px;display:inline-block;width:fit-content}.detail-meta{display:flex;justify-content:space-between;gap:25px;margin-top:65px;letter-spacing:.05em;text-transform:uppercase;font-size:13px;color:#b3baff}.detail-hero h1{font-size:clamp(45px,6.8vw,104px);margin:35px 0}.section-intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:85px}.section-intro h2{font-size:clamp(32px,4vw,62px);line-height:1.12;letter-spacing:-.025em;margin:0;font-weight:600}.feature-row{display:grid;grid-template-columns:.25fr 1fr 1.3fr;gap:35px;border-top:1px solid #a0a9bb50;padding:36px 0;align-items:start}.feature-row>span{font-size:14px;color:#788299}.feature-row h3{font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.02em;margin:0}.feature-row p{font-size:19px;line-height:1.6;color:#626e84;margin:0}.case-features>.eyebrow{display:block;margin-bottom:32px}.case-outcome{padding-top:90px}.case-outcome h2{font-size:clamp(38px,5vw,76px);line-height:1.08;font-weight:600;letter-spacing:-.025em}.process-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.process-flow>div{background:#e3e7f1;border-radius:12px;padding:30px;display:flex;flex-direction:column;gap:35px}.process-flow span{font-size:14px;color:#4d5bff}.process-flow strong{font-size:23px;font-weight:500}.real-screen{margin:60px 0 0}.real-screen img{display:block;width:100%;border-radius:14px}.real-screen figcaption{font-size:13px;color:#667187;margin-top:15px}.next-case{display:grid;grid-template-columns:1fr 2fr auto;padding:60px 5vw;gap:25px;align-items:center}.next-case strong{font-size:clamp(26px,4vw,55px);font-weight:500}.next-case>span:last-child{font-size:40px}.company-statement h2{font-size:clamp(45px,7vw,104px);line-height:1.08;letter-spacing:-.025em;font-weight:600;margin:65px 0}.company-statement h2 em{color:#4d5bff}.company-statement>p{font-size:23px;line-height:1.6;max-width:670px;margin:0 0 0 auto;color:#626e84}.company-ecosystem{padding:100px 5vw}.company-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.direction{border:1px solid #ffffff25;border-radius:14px;padding:32px;display:flex;flex-direction:column;background:#ffffff04;transition:background .3s,transform .3s}.direction:hover{background:#4d5bff20;transform:translateY(-6px)}.direction h3{font-size:clamp(30px,3.5vw,54px);margin:55px 0 25px;font-weight:600;letter-spacing:-.02em}.direction p{color:#aeb8cd;font-size:17px;line-height:1.6;flex:1}.direction>span:last-child{color:#a5afff;font-size:15px;margin-top:35px}.company-proof{padding:100px 5vw;background:#151c31}.company-proof>div{display:flex;gap:6vw;align-items:center;margin:55px 0 35px}.company-proof strong{font-size:clamp(120px,20vw,290px);line-height:.8;font-weight:600;color:#7d87ff;letter-spacing:-.06em}.company-proof h2{font-size:clamp(38px,5vw,78px);line-height:1.05;letter-spacing:-.025em;font-weight:600}.company-proof p{font-size:20px;color:#b7bfd1;max-width:580px;line-height:1.5}.company-proof .action{margin-top:35px;width:fit-content}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js-motion .reveal.is-visible{opacity:1;transform:none}@keyframes story-drift{to{transform:scale(1.18) translate(-4%,3%);opacity:.65}}
@media(max-width:800px){.stories-hero,.detail-hero{padding:130px 24px 50px;min-height:100svh}.stories-hero h1{font-size:clamp(43px,9vw,70px);margin:45px 0}.hero-summary{align-items:start;flex-direction:column}.hero-summary p,.detail-hero>p{font-size:18px}.hero-total strong{font-size:70px}.catalog,.case-body,.company-statement,.company-principles,.company-ecosystem,.company-proof,.story-cta{padding:65px 24px}.catalog-head{align-items:start}.catalog-head h2{max-width:230px}.project-filters{gap:8px}.project-filters button{font-size:14px;padding:11px 16px}.projects-grid,.company-directions{grid-template-columns:1fr;gap:40px}.project-visual strong{font-size:36px}.section-intro{grid-template-columns:1fr;gap:28px;margin-bottom:50px}.feature-row{grid-template-columns:35px 1fr;gap:18px}.feature-row p{grid-column:2;font-size:17px}.feature-row h3{font-size:25px}.process-flow{grid-template-columns:1fr}.process-flow>div{flex-direction:row;align-items:center;gap:24px}.process-flow strong{font-size:20px}.detail-meta{flex-direction:column;gap:12px;margin-top:45px}.detail-hero h1{font-size:clamp(39px,8.5vw,68px)}.next-case{padding:40px 24px;grid-template-columns:1fr auto}.next-case>.eyebrow{grid-column:1/-1}.company-statement h2{margin:40px 0}.company-statement>p{font-size:19px}.company-proof>div{flex-direction:column;align-items:start;gap:15px}.direction h3{margin-top:35px}.catalog-head>span{white-space:nowrap;font-size:12px}}
@media(prefers-reduced-motion:reduce){.story-glow{animation:none}.js-motion .reveal{opacity:1;transform:none;transition:none}.project-visual,.direction{transition:none}}
.project-visual.with-screen{align-items:flex-start;padding-top:30px}.with-screen strong{font-size:22px;margin-left:25px}.with-screen img{position:absolute;width:88%;height:70%;object-fit:cover;object-position:top;bottom:-4%;left:6%;border-radius:8px 8px 0 0;box-shadow:0 15px 40px #0004;transition:transform .5s var(--ease)}.project-card:hover .with-screen img{transform:translateY(-5px)}.with-screen .project-open{z-index:2;background:#111827;color:white;border-color:#ffffff40}
.case-narrative{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.narrative-block h2,.case-result h2,.case-demo h2{font-size:clamp(32px,4vw,60px);line-height:1.12;letter-spacing:-.025em;font-weight:600;margin:26px 0}.narrative-block p{font-size:20px;line-height:1.7;color:#626e84}.case-result{border-top:1px solid #cbd0dc;margin-top:80px;padding-top:55px;max-width:1000px}.case-result>p{font-size:clamp(26px,3vw,44px);line-height:1.35;color:#3949d9;letter-spacing:-.015em}.live-flow{margin-top:30px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.live-flow>div{padding:25px 20px}.live-flow strong{font-size:20px}.case-demo{margin-top:80px;padding-top:55px;border-top:1px solid #cbd0dc;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.case-demo .action{background:#4d5bff;color:#fff;width:fit-content}.case-demo .action:hover{background:#3543e8}.case-demo p{font-size:15px;line-height:1.6;color:#677187;max-width:430px}@media(max-width:800px){.case-narrative,.case-demo{grid-template-columns:1fr;gap:30px}.narrative-block p{font-size:18px}.live-flow{grid-template-columns:1fr}.case-result{margin-top:55px}.case-demo .action{min-width:0;width:100%;padding:18px 15px;font-size:14px}}
/* Case storytelling: solution emphasis, scroll rhythm and image inspection. */
.narrative-block:nth-child(2) h2,.narrative-block:nth-child(2)>.eyebrow{color:#4d5bff}.narrative-block:nth-child(2){border-left:3px solid #4d5bff;padding-left:30px}.narrative-block{transition:border-color .4s}.case-reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:80;background:#4d5bff;transform-origin:left;transform:scaleX(0);pointer-events:none}.real-screen{perspective:1200px}.screen-zoom{display:block;position:relative;width:100%;padding:0;background:transparent;border-radius:14px;cursor:zoom-in;overflow:hidden;box-shadow:0 20px 55px #18234114;transform:translateY(calc((1 - var(--screen-progress,1))*24px)) scale(calc(.96 + var(--screen-progress,1)*.04));transition:box-shadow .3s}.screen-zoom img{transition:transform .65s var(--ease)}.screen-zoom:hover img{transform:scale(1.025)}.screen-zoom>span{position:absolute;right:20px;bottom:20px;background:#101724dd;color:#fff;border:1px solid #ffffff40;padding:11px 16px;border-radius:30px;font-size:14px;backdrop-filter:blur(12px)}.screen-dialog{max-width:96vw;width:1500px;max-height:94svh;padding:55px 15px 15px;border:1px solid #ffffff30;background:#111724;color:white;border-radius:16px}.screen-dialog::backdrop{background:#020610cf;backdrop-filter:blur(14px)}.screen-dialog img{display:block;width:100%;height:auto;border-radius:8px}.screen-dialog button{position:absolute;right:14px;top:10px;border-radius:30px;padding:10px 18px;background:#ffffff16;color:white;font-size:14px}.process-flow>div{transition:background .35s,color .35s,transform .35s,box-shadow .35s;cursor:pointer;outline-offset:5px}.process-flow>div.is-active{background:#4d5bff;color:white;transform:translateY(-7px);box-shadow:0 15px 32px #4d5bff25}.process-flow>div.is-active span{color:#dce0ff}.process-flow>div:hover{transform:translateY(-7px)}.case-result.is-visible>p{animation:result-arrive .9s var(--ease) both}.detail-hero h1{animation:title-arrive .85s var(--ease) both}.detail-hero>p{animation:title-arrive 1s .1s var(--ease) both}@keyframes result-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes title-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:800px){.narrative-block:nth-child(2){padding-left:20px}.process-flow>div.is-active,.process-flow>div:hover{transform:translateX(4px)}.screen-zoom>span{right:10px;bottom:10px;font-size:12px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.detail-hero h1,.detail-hero>p,.case-result.is-visible>p{animation:none}.screen-zoom,.screen-zoom img,.process-flow>div{transform:none!important;transition:none}}
/* Company: explorable ecosystem and scroll-led emphasis. */
.ecosystem-explorer{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.explorer-tabs{display:flex;gap:8px;border-bottom:1px solid #ffffff25;padding-bottom:18px;margin-bottom:35px}.explorer-tabs button{padding:12px 22px;border-radius:30px;background:#ffffff08;color:#b2bdd2;font-size:16px;border:1px solid transparent;transition:background .3s,color .3s}.explorer-tabs button[aria-selected=true]{background:#4d5bff;color:white;border-color:#96a0ff}.explorer-panel{min-height:440px;animation:company-panel-in .45s var(--ease)}.explorer-panel[hidden]{display:none}.explorer-panel>.eyebrow{color:#9aa5ff}.explorer-panel h3{font-size:clamp(34px,3.7vw,58px);font-weight:600;letter-spacing:-.02em;line-height:1.12;margin:28px 0}.explorer-panel p{font-size:18px;color:#b3bdd0;line-height:1.65;max-width:540px}.explorer-panel .connection-note{font-size:15px;border-left:2px solid #6675ff;padding-left:18px;color:#8e9bb4;margin:28px 0}.explorer-link{font-size:16px;color:#a5afff;display:inline-block;padding:10px 0}.ecosystem-map{position:relative;width:100%;aspect-ratio:1;max-width:620px;margin:auto;isolation:isolate;background:radial-gradient(ellipse at center,#4d5bff20,transparent 65%)}.map-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#6874a2;stroke-width:1.5}.branch{stroke-dasharray:5 8;animation:connection-flow 8s linear infinite}.ecosystem-map[data-active="0"] .branch-0,.ecosystem-map[data-active="1"] .branch-1,.ecosystem-map[data-active="2"] .branch-2{stroke:#a6b0ff;stroke-width:3}.foundation{stroke:#7d87ff;stroke-dasharray:3 6;opacity:.5}.map-center{position:absolute;left:35%;top:36%;width:30%;height:26%;border:1px solid #818dff80;border-radius:24px;background:linear-gradient(135deg,#5967ff,#303a94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;box-shadow:0 0 70px #4d5bff30;animation:core-breathe 6s ease-in-out infinite}.map-center img{width:70%;height:auto}.map-center span{font-size:9px;letter-spacing:.15em;color:#c7ceff}.map-node{position:absolute;border:1px solid #ffffff25;background:#161e31;color:white;border-radius:15px;padding:20px 10px;display:flex;flex-direction:column;gap:9px;align-items:center;width:31%;transition:transform .4s var(--ease),background .3s,box-shadow .3s,border-color .3s}.map-node small{font-size:10px;letter-spacing:.08em;color:#8d9db8}.map-node strong{font-size:clamp(21px,2.5vw,36px);font-weight:500;letter-spacing:-.02em}.node-byonder{top:4%;left:34.5%}.node-fde{top:66%;right:3%}.node-hdk{top:66%;left:3%}.map-node.is-active{border-color:#9ca8ff;background:#3543b5;box-shadow:0 15px 45px #4d5bff30;transform:translateY(-5px)}.map-node.is-active small{color:#d3d9ff}.map-node:hover{transform:translateY(-5px);border-color:#b1baff}.foundation-label{position:absolute;top:38%;left:0;width:24%;color:#8c99c1;font-size:11px;line-height:1.4;text-align:center}.map-hint{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:13px;color:#8591ad}.company-statement{--statement-progress:0}.company-statement h2 em{display:inline;background:linear-gradient(90deg,#4d5bff calc(var(--statement-progress)*100%),#a5abc0 calc(var(--statement-progress)*100%));background-clip:text;-webkit-background-clip:text;color:transparent}.company-principles .feature-row{transition:background .5s,padding .5s,border-color .5s}.company-principles .feature-row.step-current{background:#e7eaff;padding-left:22px;padding-right:22px;border-color:#4d5bff}.company-principles .feature-row.step-current h3,.company-principles .feature-row.step-current>span{color:#4d5bff}.company-proof strong{font-variant-numeric:tabular-nums}.company-hero .story-glow{animation-duration:8s;animation-name:company-aurora}.company-hero h1{animation:title-arrive .9s var(--ease) both}@keyframes connection-flow{to{stroke-dashoffset:-104}}@keyframes core-breathe{50%{box-shadow:0 0 95px #4d5bff55}}@keyframes company-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes company-aurora{to{transform:scale(1.2) translate(-10%,-5%);filter:hue-rotate(8deg);opacity:.8}}@media(max-width:800px){.ecosystem-explorer{grid-template-columns:1fr;gap:15px}.explorer-panel{min-height:0}.explorer-panel h3{font-size:35px}.explorer-panel p{font-size:17px}.ecosystem-map{max-width:460px}.map-center{border-radius:16px;gap:8px}.map-center span{font-size:7px}.map-node{padding:15px 7px;border-radius:12px}.map-node small{font-size:8px}.map-node strong{font-size:23px}.foundation-label{font-size:9px}.map-hint{font-size:12px}.company-principles .feature-row.step-current{padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){.branch,.map-center,.explorer-panel,.company-hero h1,.company-hero .story-glow{animation:none}.map-node,.company-principles .feature-row{transition:none}.company-statement h2 em{background:none;color:#4d5bff}}
.company-enter{opacity:0;transform:translateY(42px);filter:blur(3px);transition:opacity 1s var(--ease),transform 1.25s var(--ease),filter 1s var(--ease);transition-delay:var(--enter-delay,0ms)}.company-enter.entered{opacity:1;transform:translateY(0);filter:blur(0)}.ecosystem-map.entered{transform:translateY(var(--map-offset,0px));transition:opacity 1s,filter 1s,transform .8s cubic-bezier(.2,.8,.2,1)}.company-hero .story-glow{translate:0 var(--hero-offset,0px)}.explorer-panel{animation:none;min-height:510px}.map-node{transition:transform .7s var(--ease),background .65s,box-shadow .7s,border-color .65s}.branch{transition:stroke .7s,stroke-width .7s}.company-principles .feature-row{transition:background .8s,padding .8s var(--ease),border-color .8s}.company-hero h1{animation-duration:1.3s}.company-hero .hero-summary{animation:title-arrive 1.4s .15s var(--ease) both}@media(max-width:800px){.explorer-panel{min-height:500px}}@media(prefers-reduced-motion:reduce){.company-enter,.ecosystem-map.entered{opacity:1;transform:none;filter:none;transition:none}.company-hero .story-glow{translate:none}.company-hero .hero-summary{animation:none}.map-node,.branch,.company-principles .feature-row,.back-top{transition:none}}

/* Team: append cards without changing the layout. */
.company-team{padding:110px 5%;background:#f3f4f6;color:#11141b}.company-team .section-intro{margin-bottom:58px}.company-team h2 em{color:#5454ff;font-style:normal}.team-intro{font-size:20px;line-height:1.5;color:#646976;max-width:500px;margin-top:28px}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 24px}.team-card{min-width:0}.team-portrait{aspect-ratio:238/316;overflow:hidden;border-radius:12px;background:#4d5bff}.team-portrait img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.team-card:hover .team-portrait img{transform:scale(1.035)}.team-card h3{font-size:clamp(18px,1.65vw,26px);font-weight:600;line-height:1.22;letter-spacing:0;margin:19px 0 8px}.team-card p{font-size:15px;line-height:1.45;color:#646976;margin:0}.team-card:nth-child(4n+2){transition-delay:70ms}.team-card:nth-child(4n+3){transition-delay:140ms}.team-card:nth-child(4n){transition-delay:210ms}@media(max-width:900px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 18px}.team-card:nth-child(n){transition-delay:0ms}}@media(max-width:600px){.company-team{padding:72px 6%}.company-team .section-intro{margin-bottom:36px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.team-card h3{font-size:18px;margin-top:14px}.team-card p{font-size:13px}.team-intro{font-size:17px}.team-portrait{border-radius:9px}}@media(prefers-reduced-motion:reduce){.team-portrait img{transition:none}.team-card:hover .team-portrait img{transform:none}}
/* Casebook: standalone Figma interface exports, without slide or browser frames. */
.project-visual.with-screen{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;aspect-ratio:1.42;padding:24px 24px 0;gap:22px}
.project-visual.with-screen .project-number{position:static;align-self:flex-start;font-size:12px;line-height:1;opacity:.65}
.project-visual.with-screen strong{position:static;max-width:calc(100% - 52px);margin:0;font-size:clamp(20px,2vw,30px);line-height:1.15;text-align:left;flex-shrink:0}
.project-visual.with-screen img{position:relative;inset:auto;width:100%;height:auto;min-height:0;object-fit:contain;object-position:top;flex:0 0 auto;display:block;border-radius:10px 10px 0 0;box-shadow:0 12px 32px #0002;transform:none}
.project-card:hover .with-screen img{transform:translateY(-4px)}
.project-visual.with-screen .project-open{right:18px;bottom:18px}
@media(max-width:800px){.project-visual.with-screen{padding:20px 18px 0;gap:16px;aspect-ratio:1.35}.project-visual.with-screen strong{font-size:22px}.project-visual.with-screen img{border-radius:7px 7px 0 0}}

/* Original casebook screenshots: preserve the whole viewport and source proportions. */
.project-visual.with-screen{aspect-ratio:auto;padding:22px;gap:20px;display:flex;align-items:stretch}
.project-card-heading{display:flex;align-items:center;gap:12px;min-height:42px}
.project-visual.with-screen .project-number{align-self:center;flex:none;font-variant-numeric:tabular-nums}
.project-visual.with-screen strong{font-size:clamp(19px,1.7vw,27px);max-width:none;flex:1;min-width:0;overflow-wrap:anywhere}
.project-visual.with-screen .project-open{position:static;flex:none;width:38px;height:38px;font-size:24px;margin-left:auto}
.project-screen{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}
.project-visual.with-screen .project-screen img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;flex:initial;border-radius:8px;transform:none;box-shadow:0 8px 28px #0002}
.project-card:hover .with-screen img{transform:none}
.case-gallery{display:grid;gap:44px;margin-top:70px}
.case-gallery .real-screen{width:min(100%,var(--source-width));margin:0 auto;min-width:0;perspective:none}
.case-gallery .screen-zoom{max-width:var(--source-width);margin:auto;transform:none;border:0}
.case-gallery .screen-zoom img{width:100%;height:auto;max-width:var(--source-width);transform:none;transition:none}
.case-gallery.is-portrait{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:28px}
.case-gallery .screen-zoom>span{position:static;display:block;margin:0;border:0;border-radius:0;background:#13192a;padding:13px 18px;backdrop-filter:none}
.case-gallery .screen-zoom img{border-radius:12px 12px 0 0}
.screen-dialog{width:fit-content;max-width:96vw;max-height:94svh;padding:55px 16px 16px}
.screen-dialog img{width:auto;height:auto;max-width:min(88vw,var(--source-width,1500px));max-height:calc(94svh - 80px);object-fit:contain;margin:auto}
@media(max-width:800px){.project-visual.with-screen{padding:16px;gap:15px}.project-card-heading{min-height:36px;gap:9px}.project-visual.with-screen strong{font-size:20px}.project-visual.with-screen .project-open{width:32px;height:32px;font-size:21px}.case-gallery{margin-top:40px;gap:30px}.case-gallery.is-portrait{grid-template-columns:minmax(0,420px)}.screen-dialog{padding:54px 10px 10px}.screen-dialog img{max-width:89vw}}