body[data-page=home]{background:#070a0b}
@media(min-width:701px){
 .home-panel.web-panel h2,.home-panel.systems-panel h2,.home-panel.portfolio-panel h2{font-size:46px}
}
.home-panel .home-summary,.home-panel .home-section-copy>p.home-summary{font-size:16px;line-height:1.9;color:#a6afaf;margin:24px 0}
@media(max-width:700px){
 .home-panel .home-summary,.home-panel .home-section-copy>p.home-summary{font-size:14px;line-height:1.9;color:#a6afaf;margin:20px 0 24px}
}
/* Original glyphs reserve exact widths and remain available to assistive tech. */
.home-panels .decode-cell{position:relative;display:inline-block;color:inherit}
.home-panels .decode-original{opacity:0;color:inherit}
.home-panels .decode-glyph{position:absolute;inset:0;text-align:center;color:inherit!important;pointer-events:none}
.home-panels .decode-glyph.is-noise{color:var(--teal)!important;text-shadow:0 0 14px color-mix(in srgb,var(--teal) 22%,transparent)}
.home-panel h2 .decode-cell,.home-panel h2 .decode-original{color:inherit}
@media(prefers-reduced-motion:reduce){.home-panels .decode-original{opacity:1}.home-panels .decode-glyph{display:none}}
.real-device-stage{width:100%;aspect-ratio:1.5;position:relative}
.real-device-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.real-device-stage:not(.is-ready) canvas{opacity:0}
.real-device-stage.is-ready canvas{opacity:1;transition:opacity .25s ease}
.device-preview{position:absolute;inset:20% 8% 14%;display:flex;align-items:center;justify-content:space-between;gap:7%;pointer-events:none}
.device-preview img{display:block;object-fit:contain;background:#101719;border:3px solid #435553;box-shadow:0 14px 24px #0003}
.device-preview img[hidden]{display:none}
.device-preview [data-preview-device="mobile"]{width:21%;max-height:90%;border-radius:16px}
.device-preview [data-preview-device="desktop"]{width:70%;border-radius:6px}
.device-preview~.device-loading{inset:auto 0 5%;font-size:11px}
@media(prefers-reduced-motion:reduce){.real-device-stage.is-ready canvas{transition:none}}
.device-loading{position:absolute;inset:0;display:grid;place-items:center;color:#9ab4b0;font-size:12px}
.model-credit{display:block;text-align:center;font-size:9px;line-height:1.6;color:#839b96;margin-bottom:8px}
.model-credit a{text-decoration:underline;text-underline-offset:2px}
.mobile-service-actions{display:none}
.system-tile{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.system-tile.is-selected,.system-tile:focus-within{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal),inset 0 0 32px #14c8b51a}
@media(hover:hover){.system-tile:hover{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal),inset 0 0 32px #14c8b51a}}
@media(prefers-reduced-motion:reduce){.system-tile{transition:none}}
body[data-page=home] .site-header{background:#080a0b}
.home-panels{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}
.home-panels::-webkit-scrollbar{display:none;height:0;width:0}
.home-panel{position:relative;padding:56px var(--gutter);min-height:calc(100svh - 90px);scroll-margin-top:90px;border-bottom:1px solid #283233;isolation:isolate}
.home-panel h2{font-size:clamp(30px,3.6vw,58px);line-height:1.35;font-weight:650;letter-spacing:-.035em}
.home-panel h2 span{color:var(--teal)}
.home-panel h3{overflow-wrap:anywhere}
.home-eyebrow{font:11px/1.5 monospace;letter-spacing:.16em;color:var(--teal);margin-bottom:20px}
.home-section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}
.home-section-top>p{color:#a6afaf;max-width:340px;font-size:15px}
.home-section-copy>p:not(.home-eyebrow){color:#a6afaf;margin:24px 0;font-size:16px}
.home-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #83908e;padding:10px 26px;font-weight:700;font-size:14px}
.home-button.primary{background:var(--teal);border-color:var(--teal);color:#031719}
.home-actions{display:flex;gap:24px;margin-top:28px}
.original-hero{padding:0;background:#030607;display:flex;flex-direction:column}
.original-hero-main{position:relative;display:grid;grid-template-columns:43% 57%;align-items:center;flex:1;padding:25px var(--gutter);overflow:hidden}
.original-copy{z-index:1}.original-copy h1 img{width:100%;max-height:210px;object-fit:contain;object-position:left center}
.original-copy h2{font-size:clamp(23px,2.5vw,40px);color:var(--teal);border-top:1px solid #3a4242;padding-top:15px;margin-top:18px;letter-spacing:.06em}
.original-copy>p{font-size:clamp(13px,1vw,16px);color:#c2c9c7;line-height:1.9;margin-top:20px}
.original-art{width:118%;max-width:none;position:relative;margin-left:-9%;pointer-events:none}
.hero-services{display:grid;grid-template-columns:repeat(6,1fr);gap:28px;border-top:1px solid #2b3434;padding:18px var(--gutter) 24px;background:#050708}
.hero-services a>span{font-size:32px;color:var(--teal);line-height:1.3;display:block;margin-bottom:10px}
.hero-services svg{display:block;width:32px;height:32px;fill:currentColor}
.hero-services h3{font-size:16px;margin-bottom:6px}.hero-services p{font-size:11px;color:#8f9999;line-height:1.6}
.web-panel{display:flex;align-items:center;background:#0b1113}
.web-layout{display:grid;grid-template-columns:38% 62%;align-items:center;width:100%;gap:0}
.device-composition{position:relative;aspect-ratio:1.5;width:100%}
.device-hardware,.phone-hardware{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;pointer-events:none}
.monitor-aperture{position:absolute;left:10.16%;top:10.35%;width:75.13%;height:56.15%;background:#050708;overflow:hidden;display:grid;place-items:center}
.monitor-aperture img{width:100%;height:100%;object-fit:cover;object-position:top}
.phone-hardware{clip-path:inset(45.6% 8.0% 5.8% 75.6% round 3%);z-index:2}
.phone-aperture{position:absolute;left:76.3%;top:46.65%;width:15.0%;height:46.75%;background:#0d1517;overflow:hidden;z-index:3;border-radius:15%/7.5%;display:grid;place-items:center}
.phone-aperture:after{content:"";position:absolute;top:2%;left:30%;width:40%;height:3%;border-radius:100px;background:#020303}
.phone-aperture img{width:100%;height:100%;object-fit:cover;object-position:top}
.web-panel,.systems-panel{overflow:hidden}
.web-panel:before,.systems-panel:before{content:"";position:absolute;inset:-30% -15%;z-index:-1;pointer-events:none;background:#163535;clip-path:polygon(55% 0,100% 0,100% 100%,23% 100%);transform:translate3d(0,var(--scene-y,0%),0) rotate(calc(-7deg + var(--scene-angle,0deg)));opacity:.72}
.systems-panel:before{background:#253644;clip-path:polygon(0 0,52% 0,77% 100%,0 100%);transform:translate3d(0,var(--scene-y,0%),0) rotate(calc(7deg + var(--scene-angle,0deg)));opacity:.6}
.system-visual{transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0)}
.device-scene{perspective:1200px;isolation:isolate}
.mac-device{position:absolute;left:5%;top:8%;width:80%;height:82%;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) rotateX(var(--device-rx,0deg)) rotateY(calc(-8deg + var(--device-ry,0deg)));transform-style:preserve-3d}
.mac-display{position:absolute;inset:0 0 20%;border-radius:2.5%/4%;background:linear-gradient(120deg,#f4f6f5,#7f8a91 38%,#c6cbd0 66%,#f3f7f6);padding:1.7%;box-shadow:2px 0 0 #707b83,5px 2px 0 #3d474f,8px 3px 0 #899297,15px 18px 24px #0006;overflow:hidden}
.device-scene .monitor-aperture{inset:3% 1.7% 13%;width:auto;height:auto;border:clamp(3px,.6vw,8px) solid #101417;border-radius:2px;background:#080b0c}
.mac-camera{position:absolute;left:50%;top:1.2%;width:4px;height:4px;border-radius:50%;background:#152331;box-shadow:inset 0 0 1px #95aaa9}
.mac-chin{position:absolute;left:0;right:0;bottom:0;height:11%;background:linear-gradient(100deg,#bbc4c9,#e5e8e8 45%,#a4afb7);border-top:1px solid #e6ebec}
.mac-neck{position:absolute;left:41%;top:78%;width:20%;height:20%;background:linear-gradient(90deg,#636d76,#e3e8eb 45%,#a2adb5 80%,#515c66);clip-path:polygon(19% 0,81% 0,100% 100%,0 100%);transform:translateZ(-5px)}
.mac-foot{position:absolute;left:30%;bottom:0;width:42%;height:5%;border-radius:50% 50% 15% 15%;background:linear-gradient(#dce3e6,#8e9ba4 75%,#eff1f1);box-shadow:0 3px 0 #697780,0 12px 18px #0005;transform:translateZ(12px)}
.iphone-device{position:absolute;left:72%;top:32%;width:19%;height:60%;z-index:3;transform:translate3d(calc(var(--pointer-x,0px) * -1.2),calc(var(--pointer-y,0px) * 1.3),35px) rotateX(var(--phone-rx,0deg)) rotateY(calc(-12deg + var(--phone-ry,0deg))) rotateZ(3deg);transform-style:preserve-3d}
.iphone-shell{position:absolute;inset:0;border-radius:18%/8.4%;background:linear-gradient(115deg,#e3e1d8,#77766e 25%,#e5e3da 55%,#5a5b58 85%,#d5d6ce);padding:4%;box-shadow:2px 1px 0 #525852,4px 2px 0 #a5aaa1,7px 3px 0 #464c48,12px 17px 22px #0007}
.iphone-shell:before{content:"";position:absolute;left:-3%;top:23%;width:2%;height:15%;border-radius:2px;background:linear-gradient(#c8ccc5,#777e76)}
.device-scene .phone-aperture{inset:1.5% 3%;width:auto;height:auto;border:clamp(2px,.35vw,5px) solid #0c0e0e;border-radius:16%/7.4%;background:#050807}
.device-scene .phone-aperture:after{display:none}
.iphone-island{position:absolute;z-index:4;top:3.5%;left:32%;width:37%;height:3.5%;border-radius:30px;background:#050707;box-shadow:0 0 0 1px #ffffff0a}
.iphone-home{position:absolute;z-index:4;bottom:3%;left:35%;width:30%;height:.65%;border-radius:10px;background:#eee9;pointer-events:none}
@media(hover:none),(prefers-reduced-motion:reduce){.mac-device{transform:rotateY(-5deg)}.iphone-device{transform:rotateY(-8deg) rotateZ(2deg)}}
@media(prefers-reduced-motion:reduce){.web-panel:before,.systems-panel:before{transition:none;transform:none!important}.device-composition,.system-visual{transform:none}}
.media-empty{display:grid;place-items:center;min-height:70px;color:#82999b;font-size:12px;padding:12px;text-align:center}
.phone-aperture .media-empty{font-size:10px}
.device-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 9%;font:10px monospace;letter-spacing:.1em;color:#869697}
.device-toolbar>div{display:flex;align-items:center;gap:20px}.device-toolbar button{width:42px;height:42px;border:1px solid #455557;border-radius:50%;font:20px Arial;color:white}.device-toolbar button:disabled{opacity:.25}
.web-autoplay-pause{display:block;margin:16px auto 0;min-height:36px;font-size:11px;color:#a1b5b4;text-decoration:underline;text-underline-offset:4px}
.web-autoplay-pause:disabled{color:#849593;text-decoration:none}
.web-autoplay-pause[hidden]{display:none}
#web-meta{margin-top:40px;border-left:2px solid var(--teal);padding-left:20px;max-width:360px}
#web-meta>span{color:var(--teal);font-size:11px}#web-meta h3{margin:6px 0;font-size:20px}#web-meta p{font-size:12px;color:#8d9b9d;line-height:1.7}
.systems-panel{background:#0b0e0f}
#system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.system-tile{position:relative;padding:22px 26px 20px;border-top:1px solid #4e6565;background:linear-gradient(140deg,#172123,#0b1113);overflow:hidden}
.system-visual{height:clamp(140px,20vh,225px);margin:-14px -6px 10px;display:flex;justify-content:flex-end}
.system-visual img{height:100%;width:100%;object-fit:contain;transition:transform .8s var(--ease)}
.system-tile:hover .system-visual img{transform:translateY(-7px) rotate(-2deg)}
.system-tile .home-eyebrow{font-size:9px;margin:0 0 10px}
.system-tile h3{font-size:clamp(20px,1.8vw,28px);margin-bottom:12px}
.system-tile>p{font-size:12px;color:#97a6a8;line-height:1.7;margin-bottom:12px}
.system-tile .system-industries{color:#d0dad8;font-size:11px}
.system-tile ul{display:flex;flex-wrap:wrap;gap:4px 15px;color:#bbcfcb;font-size:11px}
.system-tile li:before{content:"＋ ";color:var(--teal)}
.system-tile .text-link{font-size:12px;margin-top:14px;padding:8px 0}
.system-more{align-self:flex-end;font-size:12px;margin-top:20px}
.portfolio-panel{background:#071014;display:flex;flex-direction:column;justify-content:center}
.portfolio-rail{overflow-x:auto;display:flex;scrollbar-width:none;cursor:grab;touch-action:pan-y;user-select:none;margin-top:12px}
.portfolio-rail::-webkit-scrollbar{display:none}
#portfolio-track,.portfolio-clone{display:flex;gap:26px;padding-right:26px;flex-shrink:0;width:max-content}
.portfolio-card{width:clamp(300px,31vw,530px);flex-shrink:0}.portfolio-card button{width:100%;text-align:left;padding:0}
.portfolio-copy-action{cursor:pointer}
.portfolio-image{height:auto;aspect-ratio:16/10;position:relative;border-radius:10px;overflow:hidden;background:#122124;border:1px solid #334144}
.portfolio-image>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1s var(--ease)}
.portfolio-card:hover .portfolio-image>img{transform:scale(1.025)}
.portfolio-phone{position:absolute;right:14px;bottom:14px;width:22%;height:70%;padding:4px;background:#141819;border:1px solid #78908c;border-radius:12px;overflow:hidden}
.portfolio-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:8px}
.portfolio-caption{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #344246;padding:18px 0 12px}
.portfolio-caption h3{font-size:18px}.portfolio-caption span{color:var(--teal)}
.portfolio-card>p{font-size:11px;color:#9aa9aa;margin-top:10px}
.portfolio-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #344246;margin-top:35px;padding-top:20px;color:#899a9b;font-size:11px}
.portfolio-bottom button{font-size:11px;text-decoration:underline}.portfolio-bottom button:disabled{color:#6c7778;text-decoration:none}
.journal-panel{display:flex;flex-direction:column;justify-content:center;background:#0b0f10}
.journal-panel h2{font-size:clamp(28px,3vw,46px)}
.journal-columns{display:grid;grid-template-columns:1fr 1fr;gap:6vw}
.journal-column-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #485857;padding-bottom:14px}
.journal-column-title h3{font-size:18px}.journal-column-title>span{font:9px monospace;letter-spacing:.12em;color:#7d9492}
.journal-entry{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #263333}
.journal-entry>img{width:90px;height:90px;object-fit:cover;flex-shrink:0}
.journal-entry span{font-size:10px;color:var(--teal)}.journal-entry h3{font-size:18px;margin:4px 0 9px;line-height:1.45}.journal-entry p{font-size:12px;color:#95a2a1;line-height:1.7}
.journal-empty{padding:20px 0;color:#8b9898}
#home-partners{margin-top:30px}
#home-partners .partner-section{padding:18px 0 10px;border-top:1px solid #334241}
#home-partners .partner-heading{padding:0;font-size:11px;margin-bottom:8px}
#home-partners .partner-logo{height:75px;width:180px;padding:8px 22px}
#home-partners .logo-group{gap:20px}
.home-local-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#809391;margin-top:16px}
.home-local-footer a{color:#d0ddda}.home-local-footer button{font-size:10px}
.section-dots{position:fixed;z-index:5;right:18px;top:50%;display:grid;gap:8px}
.section-dots button{width:28px;height:28px;display:grid;place-items:center}
.section-dots button:after{content:"";width:4px;height:4px;background:#637a7c;border-radius:50%}
.section-dots button[aria-current=true]:after{width:7px;height:7px;background:var(--teal);outline:1px solid #3b6b69;outline-offset:6px}
.section-dots span{display:none}
.work-preview-images{display:flex;gap:16px;padding:20px;align-items:start}
.work-preview-images img:first-child{max-width:75%;height:auto}.work-preview-images img:nth-child(2){max-width:22%;height:auto}
.home-status:not(.sr-only){position:fixed;bottom:10px;left:20px;background:#602b22;padding:15px;z-index:20}
@media(min-width:1000px) and (min-height:700px){
 body[data-page=home]{height:100dvh;overflow:hidden;padding-top:0}
 .home-panels{height:100dvh;overflow-y:auto;scroll-snap-type:none;scrollbar-width:none;scroll-behavior:auto;position:relative;touch-action:none;overscroll-behavior:none;scroll-padding-top:0}
 .home-panels.is-transitioning{scroll-snap-type:none}
 .home-panel{min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
 .original-hero{height:100%;padding-top:90px}
 .home-panel:not(.original-hero){padding-block:calc(90px + clamp(26px,5vh,60px)) clamp(26px,5vh,60px)}
 .systems-panel{display:flex;flex-direction:column;justify-content:center}
 /* Fit the complete preview plus controls in one screen on wide, short displays. */
 #device-stage{max-width:calc((100dvh - 300px) * 1.5);margin-inline:auto}
}
@media(min-width:1000px) and (min-height:700px) and (max-height:850px){
 .home-panel:not(.original-hero){padding-block:114px 24px}
 .home-section-top{margin-bottom:20px}
 .home-eyebrow{margin-bottom:12px}
 .home-panel h2{font-size:38px}
 .system-visual{height:110px}
 .system-tile{padding:16px 22px}
 .system-tile h3{font-size:22px;margin-bottom:8px}
 .system-more{margin-top:12px}
 .portfolio-bottom{margin-top:20px;padding-top:14px}
 .portfolio-card{width:clamp(300px,28vw,430px)}
 .journal-entry{padding-block:12px}
}
@media(max-width:999px),(max-height:699px){
 html:has(body[data-page=home]){scroll-snap-type:y proximity}
 .home-panel{scroll-snap-align:start}
 .section-dots{display:none}
 .home-panel{scroll-margin-top:74px;padding-block:64px}
 .original-hero{padding:0}.original-hero-main{padding-block:50px}
 .original-copy h1 img{max-height:170px}
 .hero-services{grid-template-columns:repeat(3,1fr)}
 .home-section-top{align-items:start;gap:24px}
 .system-tile{padding:20px 16px}
 .system-visual{height:160px}
}
@media(max-width:700px){
 .home-panel{min-height:auto}
 .original-hero-main{grid-template-columns:1fr;padding-top:40px;padding-bottom:0}
 .original-copy h1 img{max-width:430px;max-height:135px}
 .original-copy h2{font-size:26px;letter-spacing:.02em}
 .original-copy>p{font-size:13px}
 .original-art{width:118%;margin:-2% -9% -3%}
 .hero-services{gap:22px 16px;padding-block:24px}.hero-services h3{font-size:13px}.hero-services p{font-size:10px}
 .hero-services a>span{font-size:26px}
 .web-layout{grid-template-columns:1fr;gap:30px}.home-panel h2{font-size:32px}
 .home-section-copy>p:not(.home-eyebrow){font-size:14px}
 #web-meta{margin-top:26px}
 .device-composition{width:calc(100% + 40px);margin-left:-20px}
 .device-toolbar{padding:0;gap:20px}.device-toolbar>div{gap:14px}
 .home-section-top{display:block;margin-bottom:30px}.home-section-top>p,.home-section-top>a{margin-top:20px}
 #system-grid{grid-template-columns:1fr;gap:20px}.system-tile{padding:24px}.system-visual{height:200px;margin-bottom:14px}
 .system-tile h3{font-size:24px}.system-tile>p{font-size:13px}.system-tile .system-industries{font-size:12px}
 .portfolio-card{width:80vw;max-width:400px}
 .portfolio-bottom{flex-wrap:wrap}
 .journal-columns{grid-template-columns:1fr;gap:34px}
 .journal-entry h3{font-size:18px}
 #home-partners{margin-top:40px}
 #home-partners .partner-heading>span:last-child{display:none}
 #home-partners .partner-logo{width:140px;height:70px;padding:10px 18px}
 .home-local-footer{flex-wrap:wrap}
 .work-preview-images{flex-direction:column}.work-preview-images img:first-child{max-width:100%}.work-preview-images img:nth-child(2){max-width:60%}
}
@media(max-width:700px){
 .web-panel,.systems-panel{padding:32px 24px 40px;background:#0b1113}
 .web-panel:before,.systems-panel:before{inset:0;clip-path:none;transform:none!important;background:linear-gradient(#57cfc00c 1px,transparent 1px),linear-gradient(90deg,#57cfc00c 1px,transparent 1px),radial-gradient(ellipse at 50% 60%,#12333380,transparent 70%);background-size:56px 56px,56px 56px,100% 100%;opacity:1}
 .web-layout{display:flex;flex-direction:column;gap:0}
 .web-layout>.home-section-copy{display:contents}
 .web-panel .home-eyebrow{order:0;margin:0 0 14px;text-align:center}
 .web-panel h2{order:1;font-size:clamp(28px,7.5vw,34px);line-height:1.4;text-align:center}
 .web-panel .home-section-copy>p:not(.home-eyebrow){order:2;margin:20px 0 24px;text-align:center;font-size:14px;line-height:1.9;max-width:360px}
 .web-panel .home-section-copy>.text-link{display:none}
 .mobile-service-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;order:3;width:100%;max-width:360px;margin-bottom:22px}
 .mobile-service-actions>a,.mobile-service-actions>button{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #708c87;font-size:14px;font-weight:600;letter-spacing:.04em}
 .mobile-service-actions>button{border-color:var(--teal);background:#13b7ac16;color:var(--teal)}
 .web-layout>div:not(.home-section-copy){order:4;width:100%}
 #web-meta{order:5;width:100%;max-width:360px;margin:18px auto 0;border:0;border-top:1px solid #36504b;padding:14px 0 0;text-align:center}
 #web-meta h3{font-size:18px}#web-meta p{font-size:12px;margin-top:6px}
 .device-composition{width:calc(100% + 32px);margin-left:-16px}
 .device-toolbar{justify-content:center;margin-top:6px}
 .device-toolbar>span{display:none}
 .device-toolbar>div{gap:24px}
 .device-toolbar button{width:44px;height:44px}
 .web-autoplay-pause{margin:8px auto 0;min-height:28px}
 .web-autoplay-pause:disabled{display:none}
 .systems-panel .home-section-top{text-align:center;margin-bottom:22px}
 .systems-panel .home-section-top>p{font-size:14px;line-height:1.9;margin:16px auto 0}
 .systems-panel h2{font-size:clamp(28px,7.5vw,34px);line-height:1.4}
 #system-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:24px}
 .system-tile{min-width:0;padding:18px 20px 22px;text-align:center;background:linear-gradient(155deg,#183031c9,#0b171bcc);border:1px solid #3b605966}
 .system-visual{height:160px;margin:0 0 8px;transform:none}
 .system-tile h3{font-size:22px}.system-tile ul{justify-content:center}
 .system-tile>p{font-size:13px;line-height:1.8}
 .system-more{display:flex;justify-content:center;margin:0;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.home-panels{scroll-behavior:auto;scroll-snap-type:none}.system-visual img,.portfolio-image>img{transition:none}.system-tile:hover .system-visual img{transform:none}}