/* RAMP / Electric edition. Layout lives in styles.css; this is the visual system. */
:root{--air:#dd3726;--orange:#eb343a;--chk:#ffdd33;--pelican:#459aff;--ink:#f3f4f7;--dark:#050506;--paper:#08090b;--muted:#a5a7b2;--line:#292b33;--peach:#36c2ff;--cyan:#51e7ff;--violet:#b589ff;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
body{background:var(--paper);color:var(--ink)}
.dark,.header,.mobile-toggle{color:var(--ink)}
::selection{background:#36c2ff;color:#050506}
h1,h2,h3{font-weight:700}.eyebrow,.hero-meta,.diagram-caption,.diagram-footnote,.plate-label,.plate-index,.eco-label,.eco-rust,.footer-note,.footer-bottom,.row-number,.art-label,.art-code,.feature-number{font-family:var(--mono)}
.eyebrow{letter-spacing:1.5px}.index{color:#51e7ff}.status-dot{background:#36c2ff;box-shadow:0 0 12px #36c2ff80;border-radius:0}
.header{background:#050506e8;border-bottom-color:#ffffff1c}.wordmark{letter-spacing:1px}.nav-trigger{font-size:14px}.chevron{color:#888b96}.nav-explore{border-color:#41444f;border-radius:0}.nav-explore:hover{border-color:var(--cyan);background:#51e7ff0a}.nav-dropdown{background:#101116;border-color:#343742;border-radius:2px}.nav-dropdown>.eyebrow{color:#b7bac7}.nav-dropdown small{color:#a4a7b5}.nav-trigger.current{color:var(--cyan)}
.button{border-radius:0;font-weight:700;min-height:54px;padding-inline:26px}.button-peach,.button-dark{background:#36c2ff;color:#060704;box-shadow:0 0 30px #36c2ff0a}.button:hover{box-shadow:0 0 30px #36c2ff25;transform:translateY(-3px)}.button-accent{color:#07080b;background:var(--accent)}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline-color:var(--cyan)}.text-link{font-weight:500}.text-link:hover{color:var(--cyan)}
.hero{position:relative;background:#050506;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 42%,#38206b24,transparent 45%),radial-gradient(ellipse at 84% 78%,#00bbd516,transparent 34%)}
.hero-inner{min-height:690px}.hero-copy>.eyebrow{color:#ccd0d9}.hero h1{font-weight:700;letter-spacing:-3.8px;line-height:1.02}.hero h1>span{color:var(--cyan);text-shadow:0 0 44px #51e7ff18}.hero-copy>p{color:#aaaeba;font-size:18px}.hero-meta{color:#a0a4b1;font-size:9px;letter-spacing:1px}.hero-meta span:before{color:#36c2ff}.hero-strip{border-top-color:#34363e}.hero-strip>span:first-child{color:#a0a3af;font-family:var(--mono)}.hero-strip a{font-weight:500}.hero-strip small{color:#a0a4ae}.strip-plus{color:var(--cyan)}
.architecture{background-image:linear-gradient(#51e7ff09 1px,transparent 1px),linear-gradient(90deg,#51e7ff09 1px,transparent 1px);background-size:32px 32px}.architecture:before{content:'';position:absolute;inset:14% 8%;background:radial-gradient(ellipse,#6a36ff24,transparent 65%);filter:blur(25px);z-index:-1}.architecture-orbit{border-color:#51e7ff1a}.orbit-two{border-style:dashed;border-color:#af73ff25}.diagram-caption{color:#a9aebb;font-size:8px}.diagram-footnote{color:#9499a9}.stack-plate{border-radius:3px;border-width:1px;box-shadow:-6px 9px 0 -1px #090b10,-7px 10px 0 -1px var(--edge),0 0 24px var(--aura);background-image:linear-gradient(135deg,#ffffff08,transparent 60%);transition:translate .3s,box-shadow .3s,filter .3s}.stack-plate:hover{filter:brightness(1.2);box-shadow:-6px 9px 0 -1px #090b10,-7px 10px 0 -1px var(--edge),0 0 40px var(--aura)}
.plate-apps{--edge:#36c2ff;--aura:#36c2ff20;background-color:#0b1923;border-color:#36c2ff;color:#84daff}.plate-prism{--edge:#a26aff;--aura:#a26aff25;background-color:#1b102e;border-color:#b089ff;color:#e0ceff}.plate-maverick{--edge:#ff4fbd;--aura:#ff4fbd18;background-color:#261021;border-color:#f173cb;color:#ffb9e7}.plate-air{--edge:var(--air);--aura:#dd372625;background-color:#dd372612;border-color:var(--air);color:var(--air)}.plate-title{font-weight:700}.plate-index,.plate-label{opacity:.8}.plate-icons span{border-color:#36c2ff65;border-radius:0}
.section-heading h2{letter-spacing:-2px}.section-heading>p,.row-copy p,.project-body p,.related-card p,.feature-list p{color:#a5a9b6}.row-copy .eyebrow{color:#a8adbc}.row-number{color:#8c92a1}.stack-row:hover{background:#11141b}.round-arrow{border-color:#444957;border-radius:0}.stack-row:hover .round-arrow{color:#08090c}.row-brand .brand-prism,.row-brand .brand-maverick-os{background:transparent;mix-blend-mode:screen}.row-brand h3{font-weight:500}
.projects-section{background:#0b0c10;border-color:#292b35}.project-card{background:#101116;border-color:#30333e;border-radius:2px}.project-card:hover{border-color:#676c7e}.project-art{background:radial-gradient(ellipse at 50% 25%,#459aff30,#459aff08 75%)}.project-art:before{border-color:#459aff50;box-shadow:0 0 0 45px #459aff05,0 0 0 90px #459aff05}.project-art>.brand-pelican-ui{filter:drop-shadow(0 0 24px #459aff55)}.art-label{color:var(--pelican)}.mini-button{background:var(--pelican);color:#08090c;border-radius:2px;box-shadow:0 0 25px #459aff30}.mini-toggle{background:#459aff18;border:1px solid var(--pelican);border-radius:15px}.mini-toggle i{background:var(--pelican)}.mini-avatar{background:var(--pelican);color:#08090c;border-color:#459aff80}.project-chk .project-art{background:radial-gradient(ellipse at 50% 25%,#ffdd3325,#ffdd3305 75%)}.project-chk .art-label{color:var(--chk)}.project-chk .art-code{color:var(--chk)}.project-chk .brand-chk{filter:drop-shadow(0 0 20px #ffdd3330)}.project-body .eyebrow{color:#a6adbe}.project-body h3{font-weight:500}
.app-card{border-radius:2px;border-color:#343440}.orange-card{background:radial-gradient(ellipse at 88% 80%,#eb343a40,#eb343a0c 70%);border-color:#eb343a80}.fig-card{background:radial-gradient(ellipse at 85% 85%,#4e157e,#160c26 75%);border-color:#613e86}.app-card-copy p{color:#c1b5c2}.orange-card .eyebrow{color:var(--orange)}.fig-card .eyebrow{color:#c5a3ff}.orange-card .text-link{color:var(--orange)}.fig-card .text-link{color:#d4baff}.orange-preview{box-shadow:0 0 50px #eb343a25;border:1px solid #eb343a80;background:#070709}.floating-file{background:#281840;border-color:#8053b5;color:#e1cfff;box-shadow:0 0 22px #9a48ff18}.fig-preview>.brand-art{filter:drop-shadow(0 0 25px #a55aff55)}
.ecosystem-section{background:#050506;border-block:1px solid #242630}.ecosystem-section .section-heading>p{color:#a4a9b9}.ecosystem-section .index{color:var(--cyan)}.eco-label,.eco-rust{color:#9c9fb2}.eco-row>a{border-radius:0;background:#10151e;border-color:#344a69}.eco-row>a:hover{background:#15243b;border-color:#51e7ff}.eco-row:nth-child(2)>a{background:#1b1127;border-color:#69418f}.eco-row:nth-child(2)>a:hover{background:#28163d;border-color:#b68aff}.eco-foundation>a{background:#0b1923;border-color:#245778}.eco-foundation>a:hover{background:#102b3e;border-color:#36c2ff}.eco-row>a span{color:var(--cyan)}.closing{background:#08090b}.closing .eyebrow{color:var(--cyan)}.closing-mark{opacity:1;filter:drop-shadow(0 0 50px #ff7d3a15)}
footer{background:#050506;border-color:#2a2c36}.footer-main p{color:#b3b6c3}.footer-note{color:#8f95a7}.footer-links>span{color:#8b93a5}.footer-links>a{color:#cdd0db}.footer-links>a:hover{color:var(--cyan)}.footer-bottom{border-color:#262831;color:#9197a8}.footer-bottom a:hover{color:var(--cyan)}
.detail-hero{background:radial-gradient(ellipse at 80% 45%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 50%),#050506;border-bottom:1px solid #252833}.breadcrumb{color:#a3acbc}.detail-hero p{color:#aeb4c3}.detail-hero h1{font-weight:700}.detail-hero h1>span{font-weight:500}.detail-brand-art{background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px)}.detail-brand-art>.brand-art{filter:drop-shadow(0 0 28px color-mix(in srgb,var(--accent) 25%,transparent))}.brand-orbit{border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 0 0 30px #ffffff02,0 0 0 65px #ffffff02}.detail-brand-art>span:last-child{color:#b1b9ca;font-family:var(--mono)}.detail-intro>.eyebrow{color:#9da6bb}.detail-intro h2{color:#d6d9e2}.feature-number{color:#08090c;border-radius:0}.showcase-section{background:#0d0e13;border-color:#292c38}.showcase-copy>p{color:#acb1c0}.showcase-copy>.eyebrow{color:var(--accent)}.showcase-footnote{border-color:#303544;color:#9ea6ba}.showcase-visual{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 12%,#101118),#101118 80%);border-color:color-mix(in srgb,var(--accent) 30%,#242734);border-radius:2px}.related-card{border-color:#333744}.related-card .eyebrow{color:#a3acbe}.related-card:hover h3{color:var(--cyan)}
.network-source>span,.network-lock,.network-branches span{color:var(--air)}.network-source small,.network-contract small,.network-branches small{color:#b9bbc6}.network-line,.network-branches:before{border-color:var(--air)}.network-contract,.network-branches>div{background:#dd372612;border-color:var(--air);border-radius:2px}
.native-window{background:#0c0e16;border-color:#71506e;border-radius:3px;box-shadow:0 0 25px #ff40b80a}.window-bar{border-color:#3e3145}.window-bar>span{color:#a9a0b9}.window-bar i{background:#ff4fae}.window-bar i:nth-child(2){background:#bc7cff}.window-bar i:nth-child(3){background:#51e7ff}.native-icon{color:#ff5fbf}.native-window p{color:#acabc2}.device-capabilities>span{color:#bcb3ce;border-color:#51415e}.segment-control{background:#0a0c11;border-color:#3d4152;border-radius:2px}.segment-control>button{color:#b1b7c7;border-radius:0}.segment-control>button.selected{background:var(--accent);color:#08090b}
.prism-tree>span{color:#b69dd4}.prism-tree code{color:#d0b6f2}.composition{background:#171021;border-color:#9974c3;border-radius:2px;box-shadow:8px 10px 0 #52258a35}.composition-bar span{background:#8e60c2}.composition-title{background:#b08bff}.composition-subtitle{background:#624a82}.composition-tiles>span{background:#6f40bb;color:#e0cfff}.composition-tiles>span:last-child{background:#36c2ff;color:#092133}.composition-bottom span{background:#624a82}.composition-bottom b{background:#b08bff;color:#09060f;border-radius:0}
.component-demo{background:#459aff0a;border-color:#459aff80;border-radius:3px;box-shadow:8px 10px 0 #459aff26}.component-demo-top{color:var(--pelican)}.component-demo h3{color:#e1ecff}.demo-input,.demo-feedback{color:#a5bad9}.demo-input input{background:#459aff12;border-color:#459aff60;color:#eff5ff;border-radius:2px}.demo-input input::placeholder{color:#96a9c6}.component-demo-row{color:#b5c9e5}.demo-switch{background:var(--pelican)}.demo-switch[aria-checked=false]{background:#455369}.demo-button{background:var(--pelican);color:#08090c;border-radius:2px}.component-demo.muted .demo-button{background:#53617c}
.chk-source{background:#ffdd3308;border-color:#ffdd3380;border-radius:2px}.chk-source .eyebrow,.chk-source>div>span,.flow-arrow{color:var(--chk)}.chk-source>div{border-color:#ffdd3340}.chk-result{background:#ffdd3315;border-color:#ffdd3380;border-radius:2px}.chk-result>span,.chk-result small{color:var(--chk)}
.visual-orange{background:radial-gradient(ellipse at center,#eb343a30,#eb343a08 70%);border-color:#eb343a80}.phone-frame{background:#030304;border:1px solid #eb343a80;box-shadow:0 0 40px #eb343a20}.files-demo{background:#140e21;border-color:#725394;border-radius:3px;box-shadow:0 0 25px #7d32e718}.files-bar{border-color:#44305d}.view-switch button{color:#c6a2f1}.view-switch button.selected{background:#6132a0;color:#fff}.files-breadcrumb,.files-status,.file-item small{color:#b9a6d2}.files-breadcrumb span{color:#7d589f}.file-item{background:#27183c;border-radius:2px}.file-item>span{color:#b88bff}.file-image>span{color:#36c2ff}.file-text>span{color:#ff6cc4}.files-status{border-color:#44305d}
@media(max-width:1150px){.hero-copy>p{font-size:16px}.hero-meta{font-size:8px}.hero h1{letter-spacing:-3px}}
@media(max-width:800px){.header nav{background:#0c0d12}.hero-inner{min-height:0}.hero h1{font-size:clamp(43px,10.4vw,67px);letter-spacing:-2.8px}.hero-copy>p{font-size:16px}.hero-meta{font-size:7px;letter-spacing:.5px}.section-heading h2{letter-spacing:-1.5px}.detail-brand-art{margin-top:30px}.detail-hero h1{font-size:54px}.button{min-height:50px;padding-inline:21px}.hero:before{background:radial-gradient(ellipse at 60% 70%,#45249223,transparent 60%)}.showcase-copy h2{font-size:36px}}
@media(max-width:360px){.hero h1{font-size:40px;letter-spacing:-2.5px}.hero-meta{font-size:6px}.detail-hero h1{font-size:46px}}

/* Supplied lockups and transparent project marks. */
.ramp-wordmark-art{position:relative;display:block;overflow:hidden;width:124px;aspect-ratio:750/322;flex-shrink:0}
.ramp-wordmark-art img{position:absolute;width:136.533333%;max-width:none;height:auto;left:-18.266667%;top:-110.248447%}
.footer-main .ramp-wordmark-art{width:142px}
.brand-prism{aspect-ratio:481/657;mix-blend-mode:normal}
.brand-chk{aspect-ratio:595/736;mix-blend-mode:normal}
.brand-prism img,.brand-chk img{position:static;width:100%;height:auto;max-width:100%}
.row-brand .brand-prism{mix-blend-mode:normal;background:none}
.closing-mark{transform:none;opacity:1}
.closing-mark .brand-ramp{display:block;width:100%;height:auto;aspect-ratio:372/322;transform:none}
.orange-card-heading{display:flex;align-items:center;gap:14px}
.orange-card-heading .brand-orange{width:29px;height:auto;flex-shrink:0}
.plate-air{--edge:var(--air);--aura:#dd372628;background-color:#dd372612;border-color:var(--air);color:var(--air)}
.plate-air .plate-label{color:var(--air);opacity:1}
.plate-air .brand-air{width:58px;filter:drop-shadow(0 0 9px #dd372635)}
.plate-maverick{--edge:#e8edf4;--aura:#d8edff14;background-color:#11141a;border-color:#c9d4e3;color:#fff}
.stack-plate .brand-maverick-os{width:230px;margin-left:0;max-width:76%}
.plate-maverick .plate-label{color:#c4cedd}
.plate-prism{--edge:#b895ff;--aura:#a46aff22;background:linear-gradient(110deg,#15133b,#291329 60%,#2b1a10);border-color:#b69aff}
.plate-prism .plate-title{background:linear-gradient(100deg,#58eaff,#c1ffa0,#ffc65c,#ff3c91,#b782ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.plate-prism .brand-prism{width:41px;filter:drop-shadow(0 0 10px #b58aff40)}
.plate-app-brands{gap:14px;align-items:center}
.plate-app-brands .brand-art{border:0;border-radius:0;padding:0;height:auto;display:block;margin-left:0}
.plate-app-brands .brand-orange{width:24px}
.plate-app-brands .brand-fig-files{width:40px}
@media(max-width:900px){.stack-plate .brand-maverick-os{width:190px}.plate-app-brands{gap:8px}.plate-app-brands .brand-orange{width:20px}.plate-app-brands .brand-fig-files{width:30px}}
@media(max-width:800px){.ramp-wordmark-art{width:106px}.closing-mark{width:130px;right:5px;top:190px}.orange-card-heading{gap:9px}.orange-card-heading .brand-orange{width:22px}.plate-prism .brand-prism{width:32px}.plate-air .brand-air{width:45px}.plate-label{letter-spacing:1px}}
@media(max-width:360px){.stack-plate .brand-maverick-os{width:175px}.plate-air .brand-air{width:36px}}

.brand-maverick-os{aspect-ratio:957/240;mix-blend-mode:normal}
.brand-maverick-os img{position:static;width:100%;height:auto;max-width:100%;filter:invert(1)}
.row-brand .brand-maverick-os{mix-blend-mode:normal;background:none}

/* AIR has one brand ink; translucent surfaces and glows derive from it. */
.brand-air img{opacity:0}
.brand-air::after{content:'';position:absolute;width:calc(1024 / var(--w) * 100%);aspect-ratio:1024/1032;left:calc(var(--x) / var(--w) * -100%);top:calc(var(--y) / var(--h) * -100%);background:var(--air);mask:url('/assets/air-logo_1.png') center/100% 100% no-repeat}
.plate-air:hover{filter:none}
body:has(.art-air){--cyan:var(--air)}

/* Orange brand ink, using the project's rounded-square vector mark. */
.brand-orange{aspect-ratio:1;mix-blend-mode:normal}
.brand-orange img{position:static;width:100%;height:auto;max-width:100%}
body:has(.art-orange){--cyan:var(--orange)}
body:has(.art-orange) .button-accent:hover{box-shadow:0 0 30px #eb343a25}

/* CHK brand ink, preserving the supplied transparent silhouette. */
.brand-chk img{opacity:0}
.brand-chk::after{content:'';position:absolute;inset:0;background:var(--chk);mask:url('/assets/chk-logo.png') center/contain no-repeat}
.project-chk .project-art:before{border-color:#ffdd3340;box-shadow:0 0 0 45px #ffdd3305,0 0 0 90px #ffdd3305}
.project-chk .art-code span{border-color:#ffdd3340}
.project-chk .art-code i{color:var(--chk)}
body:has(.art-chk){--cyan:var(--chk)}
body:has(.art-chk) .button-accent:hover{box-shadow:0 0 30px #ffdd3325}

/* Pelican UI brand ink, preserving the supplied bird silhouette. */
.brand-pelican-ui img{opacity:0}
.brand-pelican-ui::after{content:'';position:absolute;width:calc(1024 / var(--w) * 100%);aspect-ratio:1024/1032;left:calc(var(--x) / var(--w) * -100%);top:calc(var(--y) / var(--h) * -100%);background:var(--pelican);mask:url('/assets/pelican-logo.png') center/100% 100% no-repeat}
body:has(.art-pelican-ui){--cyan:var(--pelican)}
body:has(.art-pelican-ui) .button-accent:hover{box-shadow:0 0 30px #459aff25}

/* Clean stack layers with the poster jet and an unbranded idea mascot. */
.stack-plate .plate-icon{display:block;width:52px;height:auto;object-fit:contain;margin-left:auto;flex-shrink:0}
.stack-plate .idea-icon{width:48px}
.stack-plate .brand-maverick-os{max-width:62%}
@media(max-width:900px){.stack-plate .plate-icon{width:40px}.stack-plate .idea-icon{width:38px}}
@media(max-width:360px){.stack-plate .plate-icon{width:32px}.stack-plate .idea-icon{width:30px}.plate-apps{gap:10px}}

/* Real Pelican components rendered by the local Rust runtime. */
.pelican-live{width:100%;max-width:560px;background:#101114;border:1px solid #459aff66;box-shadow:0 0 40px #459aff12}
.pelican-live-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #459aff33;gap:12px}
.pelican-live-bar .eyebrow{color:var(--pelican);font-size:10px}
.pelican-reset{background:transparent;border:0;color:#a9b6c9;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.pelican-reset:hover{color:var(--pelican)}
.pelican-surface{position:relative;min-height:440px}
#pelican-canvas{display:block;width:100%;height:auto;aspect-ratio:440/600;touch-action:pan-y;outline-offset:-3px}
#pelican-canvas:focus-visible{outline:2px solid var(--pelican)}
.pelican-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#101114;padding:24px;text-align:center;color:#a9b6c9;font-size:14px}
.pelican-loading[hidden]{display:none}
.pelican-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.pelican-keyboard{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;bottom:0;left:0;pointer-events:none}
.pelican-controls{position:absolute;inset:0;pointer-events:none}
.pelican-controls [data-native]{position:absolute;pointer-events:auto;opacity:0;border:0;background:transparent;color:transparent;caret-color:transparent;resize:none;margin:0;padding:0;font-size:16px}
.pelican-controls [data-native]:focus-visible{opacity:1;outline:2px solid var(--pelican);outline-offset:3px;border-radius:4px}
.pelican-controls [data-native="volume"]{touch-action:none}
.showcase-visual.visual-pelican-ui{padding:0;border:0;background:none}

/* Project links follow the destination's brand, even on another project's page. */
a[data-project]{transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}
a[data-project]:is(:hover,:focus-visible){border-color:var(--link-brand);outline-color:var(--link-brand)}
a[data-project]:not(.button):is(:hover,:focus-visible),
a[data-project]:is(:hover,:focus-visible) :is(h3,.text-link,.round-arrow){color:var(--link-brand)}
a[data-project]:is(.nav-dropdown a,.stack-row,.related-card):is(:hover,:focus-visible){background:color-mix(in srgb,var(--link-brand) 9%,#101116)}
a[data-project]:is(.project-card,.app-card,.related-card):is(:hover,:focus-visible){box-shadow:0 0 24px color-mix(in srgb,var(--link-brand) 15%,transparent)}
a[data-project].stack-row:is(:hover,:focus-visible) .round-arrow{background:var(--link-brand);color:#08090c}
a[data-project].button:is(:hover,:focus-visible){box-shadow:0 0 30px color-mix(in srgb,var(--link-brand) 25%,transparent)}
a[data-project].stack-plate:is(:hover,:focus-visible){--edge:var(--link-brand);--aura:color-mix(in srgb,var(--link-brand) 25%,transparent)}

/* Prism's rainbow identity; solid purple keeps small labels and focus rings clear. */
:root{--prism:#b68aff;--prism-rainbow:linear-gradient(100deg,#58eaff,#c1ffa0,#ffc65c,#ff83bc,#b782ff);--prism-wash:linear-gradient(110deg,#58eaff12,#c1ffa009,#ffc65c0c,#ff83bc12,#b782ff12)}
a[data-project="prism"] .nav-dot{background-image:var(--prism-rainbow)}
.plate-prism{--edge:var(--prism);--aura:#58eaff18;border-color:transparent;background:linear-gradient(#111218,#111218) padding-box,var(--prism-rainbow) border-box}
.plate-prism .brand-prism{filter:drop-shadow(-3px 0 9px #58eaff30) drop-shadow(3px 0 9px #ff83bc30)}
.plate-prism .plate-title,
body:has(.art-prism) .detail-hero h1>span,
a[data-project="prism"]:is(:hover,:focus-visible) h3{background-image:var(--prism-rainbow);background-clip:text;-webkit-background-clip:text;color:transparent}
a[data-project="prism"]:is(.stack-row,.nav-dropdown a):is(:hover,:focus-visible){background:var(--prism-wash)}
a[data-project="prism"].related-card:is(:hover,:focus-visible){border-color:transparent;background:linear-gradient(#101116,#101116) padding-box,var(--prism-rainbow) border-box;box-shadow:-8px 0 24px #58eaff12,8px 0 24px #ff83bc12}
a[data-project="prism"].stack-row:is(:hover,:focus-visible) .round-arrow,
a[data-project="prism"].button{background:var(--prism-rainbow);color:#08090c}
a[data-project="prism"].button:is(:hover,:focus-visible){border-color:transparent;box-shadow:-8px 0 24px #58eaff20,8px 0 24px #ff83bc20}
body:has(.art-prism) .detail-hero{background:radial-gradient(ellipse at 75% 35%,#58eaff0c,transparent 40%),radial-gradient(ellipse at 90% 70%,#ff83bc0d,transparent 40%),#050506}
.art-prism .brand-orbit{border-color:transparent;background:linear-gradient(#08090d,#08090d) padding-box,var(--prism-rainbow) border-box}
.art-prism>.brand-art{filter:drop-shadow(-8px 0 28px #58eaff20) drop-shadow(8px 0 28px #ff83bc20)}
.visual-prism{border-color:transparent;background:linear-gradient(#101118,#101118) padding-box,var(--prism-rainbow) border-box}
.composition{border-color:transparent;background:linear-gradient(#171820,#171820) padding-box,var(--prism-rainbow) border-box;box-shadow:-5px 6px 18px #58eaff12,8px 10px 18px #ff83bc12}
.composition :is(.composition-title,.composition-subtitle),.composition-bottom span,.composition-bar span{background:var(--prism-rainbow)}
.composition-subtitle,.composition-bottom span{opacity:.45}
.composition-tiles>span,.composition-tiles>span:last-child{background:var(--prism-rainbow);color:#08090c}
/* Small text and controls retain a single high-contrast color. */
.prism-tree code{color:#d0b6f2}
.composition-bottom b{background:var(--prism);color:#08090c}

/* Rust is the language beneath the stack: the R in RAMP. */
:root{--rust:#f5a16c}
.brand-rust{width:40px;aspect-ratio:1;overflow:visible}
.brand-rust img{position:static;width:100%;height:auto;filter:invert(1)}
.stack-base[href]{transition:color .18s ease}
body:has(.art-rust){--cyan:var(--rust)}
.detail-brand-art>.brand-rust{width:190px}
.rust-foundation{width:100%;display:grid;gap:28px}
.rust-foundation-layers{display:grid;gap:10px}
.rust-foundation-layers>a{display:flex;align-items:center;gap:16px;padding:15px 18px;background:#12141b;border:1px solid #343741;font-size:15px}
.rust-foundation-layers .brand-art{width:26px}
.rust-foundation-layers .rust-layer-jet{width:26px;height:auto;flex-shrink:0;object-fit:contain}
.rust-foundation-layers>a>span:last-child{margin-left:auto}
.rust-foundation-base{display:flex;gap:20px;align-items:center;border-top:1px solid #f5a16c55;padding-top:25px}
.rust-foundation-base .brand-rust{width:52px}
.rust-foundation-base h3{font-size:23px}
.rust-foundation-base p{font-size:12px;color:#a5a9b6;margin-top:7px}
.rust-foundation>.text-link{color:var(--rust);justify-self:start}
@media(max-width:800px){.hero-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hero-strip .strip-plus{display:none}.hero-strip a{font-size:14px}.hero-strip small{font-size:7px;white-space:normal}.detail-brand-art>.brand-rust{width:150px}}

/* Homepage annotation refinements: wordmarks only on the stack plates. */
.stack-wordmark{display:block;position:relative;overflow:hidden;flex-shrink:0;mix-blend-mode:screen}
.stack-wordmark img{position:absolute;max-width:none;height:auto}
.stack-wordmark-prism{width:145px;aspect-ratio:596/176}
.stack-wordmark-prism img{width:171.8121%;left:-49.4966%;top:-243.75%}
.stack-wordmark-air{width:76px;aspect-ratio:357/198}
.stack-wordmark-air img{width:286.8347%;left:-92.1569%;top:-277.2727%}
.stack-plate .brand-maverick-os{width:145px;max-width:50%}
.row-brand .row-jet{width:38px;height:auto;flex-shrink:0;object-fit:contain}
.project-pelican-ui .project-art>.brand-art{transform:none}
.project-pelican-ui:hover .project-art>.brand-art{transform:translateY(-4px) rotate(-5deg)}
@media(max-width:800px){.stack-wordmark-prism{width:130px}.stack-wordmark-air{width:66px}.stack-plate .brand-maverick-os{width:130px}.row-brand .row-jet{width:35px}}

.plate-air>.brand-air{margin-left:auto}
.rust-foundation-layers .brand-prism{width:20px}
.detail-brand-art>.maverick-hero-jet{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 25px #dce7f525)}
.detail-brand-art>.brand-prism{width:90px;max-height:none}
.project-chk .project-art>.brand-art{transform:none}.project-chk:hover .project-art>.brand-art{transform:translateY(-4px) rotate(-5deg)}

/* One fictional app, reflowed inside four different native device frames. */
.visual-maverick-os{padding:28px;background:radial-gradient(ellipse at 50% 30%,#dce7f50a,transparent 70%),#0b0d13}
.device-gallery{width:100%;display:grid;gap:30px}.device-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.48fr);gap:24px;align-items:end}
.device-example{margin:0;min-width:0}.device-laptop,.device-monitor{border:1px solid #707885;padding:5px;border-radius:8px 8px 2px 2px;background:#181b22;box-shadow:0 8px 20px #0006}
.device-toolbar{height:14px;display:flex;align-items:center;gap:3px;padding-inline:5px;font:5px var(--mono);color:#a0a8b5}.device-toolbar i{width:4px;height:4px;background:#dce7f566;border-radius:50%}.device-toolbar b{margin-left:auto;font-weight:400}
.device-laptop-foot{height:7px;background:linear-gradient(#9298a4,#414652);margin:0 -5px;border-radius:0 0 9px 9px}.device-monitor-foot{height:14px;width:35%;margin:auto;background:linear-gradient(90deg,#303540,#8b93a2,#303540);clip-path:polygon(32% 0,68% 0,72% 75%,100% 85%,100% 100%,0 100%,0 85%,28% 75%)}
.device-phone{width:100%;max-width:105px;margin:auto;padding:13px 5px 8px;border:2px solid #737c8a;border-radius:18px;background:#06090d;position:relative;box-shadow:0 8px 20px #0006}
.device-camera{position:absolute;top:4px;left:calc(50% - 12px);width:24px;height:4px;border-radius:6px;background:#383e49}.android-phone{border-radius:13px}.android-phone .device-camera{width:4px;height:4px;left:calc(50% - 2px)}
.device-example figcaption{margin-top:11px;display:flex;justify-content:center;gap:8px;font:9px var(--mono);color:#dce7f5}.device-example figcaption span{font-size:6px;align-self:center;color:#7f899c}
.sample-app{background:#101923;color:#edf4f6;border-radius:3px;overflow:hidden;font-size:8px}.sample-app-brand{padding:8px 10px;display:flex;gap:5px;align-items:center;border-bottom:1px solid #ffffff12;font-size:9px}.sample-app-brand>span{color:#a7f3cc;font-size:13px}.sample-app-brand i{font-size:6px;color:#a7f3cc;margin-left:auto}
.sample-app-content{padding:10px}.sample-app-content>small{font:4px var(--mono);letter-spacing:.8px;color:#91a8ac}.sample-app-content h4{font-size:13px;line-height:1.2;margin:6px 0 9px;font-weight:500}
.sample-app-art{position:relative;height:45px;background:linear-gradient(110deg,#4e8d8a,#aec79e);overflow:hidden;border-radius:4px;margin-bottom:8px}.sample-app-art span{position:absolute;width:49px;height:49px;border-radius:50%;background:#dff2b1;right:20%;top:8px}.sample-app-art i,.sample-app-art b{position:absolute;width:130%;height:60px;background:#276c72;transform:rotate(-15deg);top:26px;left:-20px;border-radius:50%}.sample-app-art b{left:40%;background:#133b4b;top:23px;transform:rotate(30deg)}
.sample-app-task{font-size:6px;padding:5px 0;border-bottom:1px solid #ffffff0c;white-space:nowrap}.sample-app-task>span{color:#b5e6bf;margin-right:4px}.sample-app-footer{display:flex;justify-content:space-between;font-size:5px;color:#80969f;padding-top:9px}.sample-app-footer>span:first-child{color:#b5e6bf}
.device-phone .sample-app-brand{padding:5px;font-size:7px}.device-phone .sample-app-content{padding:7px}.device-phone .sample-app-content h4{font-size:11px}.device-phone .sample-app-art{height:50px}.device-phone .sample-app-task{white-space:normal;font-size:5px}.device-phone .sample-app-footer{font-size:4px}

/* Prism's primitives become a playful, deliberately loose composition. */
.prism-tree{width:32%;flex-shrink:0}.prism-collage{width:68%;height:310px;position:relative;isolation:isolate}
.collage-grid{position:absolute;inset:10% 0;border:1px solid #b68aff30;background-image:linear-gradient(#b68aff12 1px,transparent 1px),linear-gradient(90deg,#b68aff12 1px,transparent 1px);background-size:20px 20px;transform:rotate(7deg)}
.collage-image{position:absolute;object-fit:cover;border:4px solid #edf1f3;border-bottom-width:15px;box-shadow:0 12px 22px #0006}
.collage-landscape{width:68%;height:auto;top:33px;left:-5%;transform:rotate(-14deg);z-index:2}.collage-space{width:46%;height:auto;right:0;bottom:22px;transform:rotate(13deg);z-index:3}
.collage-orb{position:absolute;width:93px;height:93px;border-radius:50%;right:0;top:0;background:var(--prism-rainbow);box-shadow:inset -15px -12px 20px #24143566,0 0 30px #58eaff20}
.collage-ring{position:absolute;width:100px;height:100px;border:17px solid #ff83bc;border-radius:50%;bottom:13px;left:2%;z-index:4;transform:rotate(-20deg) scaleY(.7)}
.collage-triangle{position:absolute;width:80px;height:80px;background:#c1ffa0;clip-path:polygon(50% 0,100% 100%,0 100%);top:98px;right:-3%;transform:rotate(20deg);z-index:4}
.collage-star{position:absolute;left:26%;top:123px;color:#b68aff;font-size:90px;line-height:1;z-index:5;text-shadow:0 5px 15px #0005}.collage-wave{position:absolute;bottom:65px;width:70%;left:-10%;z-index:6;transform:rotate(-12deg)}.collage-dot{position:absolute;width:18px;height:18px;border-radius:50%;left:12%;top:0;background:#58eaff}
@media(max-width:1000px){.device-pair{gap:14px}.visual-maverick-os{padding:20px}.sample-app-content h4{font-size:11px}.prism-collage{height:260px}.collage-star{font-size:70px}}
@media(max-width:800px){.detail-brand-art>.maverick-hero-jet{width:100px;height:100px}.detail-brand-art>.brand-prism{width:75px}.device-gallery{max-width:520px;margin:auto}.device-phone{max-width:115px}.sample-app-content h4{font-size:15px}.sample-app-art{height:60px}.sample-app-task{font-size:8px}.sample-app-content>small{font-size:6px}.prism-collage{height:310px}}
@media(max-width:420px){.device-pair{gap:13px}.visual-maverick-os{padding:16px}.sample-app-content{padding:8px}.sample-app-content h4{font-size:11px}.sample-app-task{font-size:5px}.sample-app-content>small{font-size:4px}.sample-app-art{height:42px}.device-example figcaption span{display:none}.prism-demo{gap:10px}.prism-tree code{font-size:10px}.prism-tree>span{font-size:6px}.prism-collage{height:240px}.collage-orb{width:65px;height:65px}.collage-ring{width:75px;height:75px;border-width:12px}.collage-triangle{width:55px;height:55px}.collage-star{font-size:60px}.collage-wave{bottom:50px}}

/* Five connected layers, with Rust as the visible foundation. */
.architecture{height:600px}
.stack-scene{inset:55px 0 40px}
.plate-apps{top:0;z-index:5}
.plate-prism{top:84px;z-index:4}
.plate-maverick{top:168px;z-index:3}
.plate-air{top:252px;z-index:2}
.plate-rust{top:336px;z-index:1;--edge:var(--rust);--aura:#f5a16c18;background-color:#19120e;border-color:#f5a16c99;color:#f5c3a3}
.plate-rust .plate-title{font-size:26px}
.stack-plate .brand-rust{width:39px;margin-left:auto}
.stack-plate .idea-icon{width:36px}
.diagram-caption>.status-dot{margin-left:0}
@media(max-width:1000px){.architecture{height:560px}}
@media(max-width:800px){.architecture{height:570px}.stack-scene{inset:55px 0 40px}.stack-plate .idea-icon{width:30px}.stack-plate .brand-rust{width:32px}.plate-rust .plate-title{font-size:24px}}

/* Parallel layers share identical geometry and a fixed vertical interval. */
.stack-scene{perspective:none;--layer-step:84px}
.plate-apps{--layer-order:0}
.plate-prism{--layer-order:1}
.plate-maverick{--layer-order:2}
.plate-air{--layer-order:3}
.plate-rust{--layer-order:4}
.stack-plate{top:calc(var(--layer-order) * var(--layer-step));translate:none;transition:box-shadow .3s,filter .3s}
.stack-plate:hover{translate:none}
/* Piston: an engine badge, racing stripes, and a build instrument panel. */
.brand-piston{aspect-ratio:1;overflow:visible}.brand-piston img{position:static;width:100%;height:100%;object-fit:contain;transform:none;max-width:100%}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-body{padding:25px}.project-body .eyebrow{font-size:9px;letter-spacing:1px}.project-art{height:280px}
.project-piston{--accent:#ffbd38}.project-piston .project-art{background:repeating-linear-gradient(125deg,transparent 0 55px,#ffbd3808 55px 58px),radial-gradient(ellipse at center,#382144,#100d16 70%);position:relative;color:#ffbd38}.project-piston .project-art:after{content:'';position:absolute;right:32px;top:-40px;width:32px;height:370px;transform:skew(-22deg);border-inline:5px solid #a57bff77;pointer-events:none}.project-piston .brand-art{width:145px;transform:none;z-index:1}.project-piston .art-label{color:#ffbd38}.piston-gauge strong{font-style:italic}.project-piston:hover .project-art>.brand-art{transform:translateY(-4px) rotate(-5deg)}
.art-piston>.brand-piston{width:160px}.art-piston .brand-orbit{border-radius:50%;transform:none}.art-piston{background-image:repeating-linear-gradient(125deg,transparent 0 60px,#ffbd3809 60px 62px)}
.piston-dashboard{width:100%;background:#100d16;border:1px solid #ffbd3855;box-shadow:inset 0 0 50px #ffbd3807}.piston-dash-header{display:flex;justify-content:space-between;gap:10px;padding:18px;border-bottom:1px solid #ffbd3830;font:8px var(--mono);letter-spacing:1px;color:#bdb4ca}.piston-ready{color:#ffbd38;white-space:nowrap}.piston-instrument{padding:30px 25px 20px;background:repeating-linear-gradient(135deg,#ffffff02 0 2px,transparent 2px 6px)}.piston-gauge{width:200px;max-width:100%;aspect-ratio:1;margin:auto;border-radius:50%;border:9px solid #493261;border-top-color:#ffbd38;border-right-color:#ffbd38;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 30px #ffbd3810}.piston-gauge>span{font:8px var(--mono);color:#c7bbd5;letter-spacing:1px}.piston-gauge strong{font-size:66px;line-height:1.5;letter-spacing:-5px}.piston-gauge strong span{color:#ffbd38;font-size:40px;margin-left:6px}.piston-gauge small{font:6px var(--mono);letter-spacing:1px;color:#ffbd38}.piston-revs{display:flex;gap:4px;height:16px;margin-top:30px;transform:skew(-18deg)}.piston-revs i{flex:1;background:#ffbd38}.piston-revs i:nth-last-child(-n+4){background:#493261}.piston-terminal{margin:0 20px;padding:20px 0;border-top:1px solid #ffbd3830}.piston-terminal code{display:block;font:clamp(12px,1.5vw,17px) var(--mono);margin-top:0;white-space:nowrap}.piston-terminal code b{color:#ffbd38}.piston-terminal p{font-size:12px;color:#c8bdd5;margin:12px 0 0}.piston-targets{display:flex;flex-wrap:wrap;gap:12px;padding:15px 20px;border-top:1px solid #ffbd3830;font:8px var(--mono);color:#c7a6ff}
/* Deliberate, manually controlled device carousel. */
.platform-carousel{width:100%;min-width:0}.platform-stage{min-height:345px;display:grid;place-items:center}.platform-slide{width:100%;max-width:440px}.platform-slide[hidden]{display:none}.platform-slide .device-phone{max-width:170px;min-height:290px}.platform-slide .device-phone .sample-app-content{padding:13px}.platform-slide .device-phone .sample-app-content h4{font-size:17px}.platform-slide .device-phone .sample-app-art{height:85px}.platform-slide .device-phone .sample-app-task{font-size:8px}.platform-slide .device-phone .sample-app-footer{font-size:7px}.platform-slide .device-phone .sample-app-brand{font-size:11px;padding:10px}.platform-slide figcaption{font-size:12px;margin-top:16px}.platform-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dce7f52b;padding-top:20px;margin-top:20px}.platform-navigation button{width:40px;height:36px;border:1px solid #dce7f54d;background:#121922;color:#dce7f5;cursor:pointer}.platform-status{font:10px var(--mono);color:#adbccc}.platform-selector{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.platform-selector button{flex:1;padding:10px 6px;font-size:10px;background:transparent;border:1px solid #dce7f530;color:#b1bdcb;cursor:pointer}.platform-selector button[aria-pressed=true]{background:#dce7f5;color:#0a1018}.platform-selector button:hover,.platform-navigation button:hover{border-color:#dce7f5}.platform-carousel button:focus-visible{outline:2px solid #dce7f5;outline-offset:3px}
.fig-demo{width:100%;display:flex;align-items:center;flex-direction:column}.fig-demo .phone-frame{width:250px;max-width:100%;border-color:#c296ff66;box-shadow:0 0 35px #c296ff15}.fig-demo .segment-control{width:100%;max-width:350px}.fig-demo .phone-frame img{display:block}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-piston{grid-column:1/-1}.project-piston .project-art{height:240px}}
@media(max-width:800px){.project-grid{grid-template-columns:1fr}.project-piston{grid-column:auto}.platform-stage{min-height:360px}.art-piston>.brand-piston{width:125px}}
@media(max-width:420px){.platform-stage{min-height:330px}.piston-dash-header{font-size:7px;padding:15px}.piston-terminal code{font-size:12px}}
.detail-hero:has(.art-piston) h1{font-style:italic;letter-spacing:-2.5px}.detail-hero:has(.art-piston) h1>span{font-style:normal;letter-spacing:-1px}
.project-piston .project-art:before{border-color:#ffbd3840;box-shadow:0 0 0 45px #ffbd3805,0 0 0 90px #ffbd3805}

.art-piston{background-image:repeating-linear-gradient(125deg,transparent 0 60px,#a57bff0c 60px 62px)}
.detail-hero:has(.art-piston){background:radial-gradient(ellipse at 85% 45%,#a57bff13,transparent 45%),radial-gradient(ellipse at 55% 80%,#ff802b09,transparent 45%),#050506}
.art-piston .brand-orbit{border-color:#ffbd3855;box-shadow:0 0 0 30px #a57bff03,0 0 0 65px #a57bff02}
.visual-piston{background:radial-gradient(ellipse at 50% 0%,#a57bff20,#101118 80%)}

/* Each project gets a distinct graphic motif around the shared logo treatment. */
.project-decoration{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.project-pelican-ui .project-art{color:#459aff;background:radial-gradient(ellipse at 50% 35%,#459aff27,transparent 60%),linear-gradient(140deg,#0d1c2e,#0b101a 65%)}
.project-chk .project-art{color:#ffdd33;background:linear-gradient(90deg,#ffdd3306 1px,transparent 1px),linear-gradient(#ffdd3306 1px,transparent 1px),radial-gradient(ellipse at 50% 35%,#ffdd3327,#10110d 70%);background-size:44px 44px,44px 44px,100% 100%}
.project-pelican-ui .project-art>.brand-art,.project-chk .project-art>.brand-art{z-index:1}
.project-pelican-ui .art-label,.project-chk .art-label{z-index:1;text-shadow:0 0 12px #000,0 0 6px #000}

/* RAMP's electric blue is sampled from the supplied wordmark. */
:root{--ramp-blue:#36c2ff}
.stack-plate .plate-label{left:57px;bottom:17px;font-size:10px;line-height:1.2;letter-spacing:.7px;opacity:1;color:#c3cbd8;white-space:nowrap}

.plate-air .plate-label{color:#ef8f84}.plate-prism .plate-label{color:#c9a8ff}.plate-rust .plate-label{color:#f5c3a3}
.orange-card-heading .orange-card-wordmark{width:190px;max-width:100%;height:auto;display:block;flex-shrink:0}
.closing{display:grid;grid-template-columns:minmax(140px,.65fr) minmax(0,1.35fr);gap:70px;align-items:center}
.closing .closing-mark{position:static;width:100%;max-width:270px;transform:none;opacity:1;justify-self:start}
.closing-copy{min-width:0}.closing-copy h2{font-size:clamp(38px,5.6vw,72px)}
@media(max-width:900px){.stack-plate .plate-label{left:46px;font-size:9px;bottom:13px}.closing{gap:35px}.closing-copy h2{font-size:clamp(36px,5.7vw,54px)}}
@media(max-width:800px){.stack-plate .plate-label{left:53px;bottom:12px}.orange-card-heading .orange-card-wordmark{width:165px}.closing{grid-template-columns:minmax(100px,.6fr) minmax(0,1.4fr);gap:30px}.closing-copy h2{letter-spacing:-1.6px}}
@media(max-width:520px){.closing{grid-template-columns:1fr;gap:24px}.closing .closing-mark{width:100px}.closing-copy h2{font-size:42px;margin-top:18px}}
@media(max-width:420px){.stack-plate .plate-label{left:40px;font-size:8px;letter-spacing:.2px;bottom:10px}}
/* A compact, centered closing invitation with an inset logo. */
.closing{min-height:0;max-width:1040px;padding:64px 40px;grid-template-columns:210px minmax(0,1fr);gap:56px;align-items:center}
.closing .closing-mark{max-width:210px;justify-self:center}
.closing-copy h2{font-size:clamp(38px,5vw,62px);margin-top:18px;letter-spacing:-2px}
.closing-copy .button{margin-top:26px}
@media(max-width:800px){
  #apps{padding-bottom:38px}
  .closing{padding:44px 24px 52px;grid-template-columns:140px minmax(0,1fr);gap:32px}
  .closing .closing-mark{max-width:140px}
  .closing-copy h2{font-size:clamp(30px,5.5vw,42px);letter-spacing:-1.4px;margin-top:16px}
  .closing-copy .eyebrow{font-size:8px;letter-spacing:1px}
  .closing-copy .button{margin-top:24px}
}
@media(max-width:520px){
  .closing{grid-template-columns:1fr;padding:32px 12px 48px;gap:22px}
  .closing .closing-mark{width:80px;justify-self:start}
  .closing-copy h2{font-size:38px;margin-top:14px}
}

/* Opaque AIR surface keeps lower plates and the background grid from bleeding through. */
.plate-air{background-color:#201217}
.closing{grid-template-columns:210px max-content;justify-content:center}
@media(max-width:800px){.closing{grid-template-columns:140px max-content}}
@media(max-width:520px){.closing{grid-template-columns:minmax(0,1fr)}}