/* MICA spatial redesign: dark technical surfaces, readable editorial type, and live interface studies. */
:root{
  --ink:#07131e;
  --ink-2:#0c1e2b;
  --blue:#77aaff;
  --sky:#b9d4f7;
  --paper:#edf2f6;
  --muted:#b4c2cf;
  --line:rgba(210,228,246,.16);
  --max:1320px;
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:#edf2f6;color:#0b1b28}
.site-header{position:sticky;top:0;height:78px;padding-inline:max(24px,calc((100vw - var(--max))/2));background:rgba(5,17,27,.94);backdrop-filter:blur(18px);border-bottom-color:rgba(194,219,246,.13)}
.brand-mark{border:1px solid rgba(186,214,247,.55);box-shadow:0 0 24px rgba(105,162,231,.18)}
.site-header nav{gap:clamp(20px,3vw,40px)}
.nav-cta{border-color:rgba(190,216,245,.42);border-radius:2px;transition:background .2s,border-color .2s}
.nav-cta:hover{background:rgba(117,170,242,.13);border-color:#b7d5fa}
.home .hero{position:relative;min-height:calc(100svh - 78px);padding:clamp(38px,6vh,74px) max(28px,calc((100vw - var(--max))/2)) clamp(100px,12vh,142px);isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 49%,rgba(57,111,175,.2),transparent 35%),linear-gradient(123deg,#06121c 0%,#081a28 53%,#07131f 100%)}
.home .hero::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(rgba(132,177,224,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(132,177,224,.06) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,transparent 0%,#000 54%,#000 100%)}
.home .hero::after{content:"";position:absolute;z-index:-1;right:-12%;top:10%;width:min(70vw,920px);aspect-ratio:1;border:1px solid rgba(169,203,242,.08);border-radius:50%;box-shadow:0 0 0 90px rgba(169,203,242,.018),0 0 0 190px rgba(169,203,242,.012);pointer-events:none}
.home .hero-geometry, .home .cosmic-haze, .home .hero::before, .home .hero::after{display:none!important}
.home .hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:clamp(16px,4vw,64px);align-items:center;min-height:clamp(490px,67vh,690px)}
.home .hero-copy-block{position:relative;z-index:2;width:100%;max-width:650px;padding-block:12px}
.home .hero .eyebrow{color:#9fc5f4;font-size:11px;letter-spacing:.2em;margin-bottom:26px}
.home .hero h1{max-width:9ch;margin:0;font:500 clamp(4rem,7.7vw,7.9rem)/.82 "IBM Plex Sans",sans-serif;letter-spacing:-.085em;text-wrap:balance}
.home .hero h1 span{display:block;color:#eff5fb}
.home .hero h1 .hero-accent{color:#a7c9f1;font:italic 400 .9em/.88 "DM Serif Display",Georgia,serif;letter-spacing:-.055em;margin-left:.16em}
.home .hero-copy{max-width:38rem;margin-top:clamp(26px,4vh,40px);color:#c3d1df;font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.55}
.home .hero-actions{margin:30px 0 0;gap:26px}
.button{border-radius:2px}.primary{background:#78aaf0;color:#061523}.primary:hover{background:#a5c9fa}
.hero-interfaces{justify-self:end;width:min(100%,590px);aspect-ratio:1.08}
.hero-interfaces::before{inset:2%;border-color:rgba(182,213,248,.19);box-shadow:0 0 0 60px rgba(145,189,236,.025),0 0 0 130px rgba(145,189,236,.014)}
.hero-interfaces::after{inset:14%;border-color:rgba(159,197,238,.17)}
.hero-frame{border-radius:3px;backdrop-filter:blur(12px)}
.hero-frame-editorial{top:4%;right:3%;width:76%;height:54%;background:linear-gradient(145deg,rgba(224,230,233,.98),rgba(174,191,202,.96));color:#101c26;box-shadow:0 38px 100px rgba(0,0,0,.48);animation:micaFloatA 9s ease-in-out infinite alternate}
.hero-frame-bar{height:13%;background:rgba(8,21,32,.94);font-size:9px}
.hero-editorial-copy{left:10%;top:30%;max-width:72%;gap:16px}
.hero-editorial-copy small{font-size:8px;color:#536578;letter-spacing:.14em}
.hero-editorial-copy strong{font:400 clamp(1.5rem,3vw,3rem)/.88 "DM Serif Display",Georgia,serif;letter-spacing:-.035em}
.hero-editorial-index{position:absolute;right:7%;bottom:8%;writing-mode:vertical-rl;font:500 8px "IBM Plex Mono",monospace;letter-spacing:.1em;color:#536578}
.hero-frame-system{left:0;bottom:8%;width:67%;height:48%;background:linear-gradient(145deg,rgba(12,30,44,.98),rgba(7,21,33,.98));border-color:rgba(171,208,246,.55);animation:micaFloatB 10s ease-in-out infinite alternate}
.hero-frame-system .hero-frame-bar{border-bottom:1px solid rgba(189,216,245,.16)}
.hero-system-nodes{position:absolute;inset:28% 7% 22%;display:flex;align-items:center;justify-content:space-between;gap:8px}
.hero-system-nodes::before{content:"";position:absolute;left:17%;right:17%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#72b7f4,transparent);box-shadow:0 0 14px rgba(79,164,240,.7)}
.hero-system-nodes>*{position:relative;display:grid;place-items:center;min-width:26%;aspect-ratio:1;border:1px solid rgba(166,205,246,.42);border-radius:50%;background:rgba(9,25,38,.94);font:500 8px "IBM Plex Mono",monospace;color:#d9e8f8;letter-spacing:.08em;text-align:center}
.hero-system-nodes>b{min-width:34%;color:#a9d5ff;border-color:rgba(146,206,255,.72);box-shadow:0 0 34px rgba(63,147,228,.16)}
.hero-system-nodes small{font-size:6px;letter-spacing:.08em;color:#a6bacb}
.hero-system-foot{position:absolute;left:7%;bottom:7%;font:500 7px "IBM Plex Mono",monospace;letter-spacing:.11em;color:#9cb4ca}
.hero-frame-service{right:-1%;bottom:1%;width:43%;height:35%;padding:8% 7% 6%;background:linear-gradient(140deg,#d8f067,#b5d851);color:#14231b;border:1px solid rgba(246,255,213,.85);animation:micaFloatA 8s ease-in-out infinite alternate-reverse}
.hero-frame-service small{font-size:8px;letter-spacing:.11em}
.hero-frame-service strong{margin-top:16%;font-size:clamp(1rem,2vw,1.55rem)}
.hero-frame-service>span{font-size:7px}
.hero-interface-coordinate{position:absolute;left:18%;top:8%;color:rgba(192,218,247,.67);font:500 9px "IBM Plex Mono",monospace;letter-spacing:.16em;writing-mode:vertical-rl}
@keyframes micaFloatA{to{translate:0 -8px;rotate:.7deg}}
@keyframes micaFloatB{to{translate:0 7px;rotate:-.55deg}}
.signal-row{position:absolute;z-index:3;left:max(28px,calc((100vw - var(--max))/2));right:max(28px,calc((100vw - var(--max))/2));bottom:0;border-top:1px solid rgba(187,215,246,.18);background:linear-gradient(90deg,rgba(8,24,37,.86),rgba(8,24,37,.58));backdrop-filter:blur(14px)}
.home .signal-item summary{color:#e4edf7}.home .signal-item p{color:#c5d4e1}
.editorial-intro{background:#edf2f6}
.editorial-intro h2, .capabilities-heading h2{font-family:"IBM Plex Sans",sans-serif;font-weight:500;letter-spacing:-.065em}
.capabilities{background:#e3eaf0}
.capability-blueprint{opacity:.13}
.design-studies{padding:clamp(86px,10vw,142px) max(24px,calc((100vw - var(--max))/2));background:radial-gradient(ellipse at 84% 48%,rgba(44,92,141,.24),transparent 36%),linear-gradient(138deg,#06121c,#091b29 59%,#07131e);color:#f2f6fa}
.design-studies::before{right:-11%;top:13%;width:clamp(540px,68vw,1000px);border-color:rgba(156,197,242,.12);box-shadow:0 0 0 70px rgba(152,194,240,.025),0 0 0 150px rgba(152,194,240,.016)}
.studies-heading{align-items:end;margin-bottom:34px}
.studies-heading h2{font:500 clamp(2.8rem,6vw,6rem)/.94 "IBM Plex Sans",sans-serif;letter-spacing:-.075em;color:#f4f7fb}
.studies-heading>p{max-width:470px;margin-bottom:4px;color:#b9c8d7;font-size:1rem;line-height:1.55}
.studies-tools{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.studies-view-toggle{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(195,220,247,.22);background:rgba(9,26,39,.66)}
.studies-view-toggle button, .studies-controls button{font:500 13px "IBM Plex Sans",sans-serif;color:#cfdae5;border:1px solid transparent;background:transparent;cursor:pointer}
.studies-view-toggle button{padding:9px 15px}
.studies-view-toggle button[aria-pressed="true"]{background:#dbeafa;color:#0a1a27}
.studies-controls{display:flex;align-items:center;gap:16px}
.studies-controls[hidden]{display:none}
.studies-controls button{width:42px;height:42px;border-color:rgba(190,216,245,.3);font-size:17px;transition:background .18s,color .18s,border-color .18s}
.studies-controls button{width:auto;min-width:72px;padding-inline:12px;font-size:12px}
.studies-controls button:hover{background:#dbeafa;color:#07131e;border-color:#dbeafa}
.studies-controls span{min-width:56px;text-align:center;color:#c4d3e0;font:500 11px "IBM Plex Mono",monospace;letter-spacing:.08em}
.design-studies .studies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.1vw,30px)}
.design-studies .study:nth-child(n){grid-column:auto}
.design-studies .study-screen{aspect-ratio:16/10;border:1px solid rgba(220,234,248,.18);box-shadow:0 20px 55px rgba(0,0,0,.3)}
.design-studies .study>p{color:#c2d1df;font-size:.82rem}
.design-studies[data-mode="showcase"] .studies-grid{display:flex;align-items:center;gap:4vw;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:24px max(10vw,calc((100% - 810px)/2)) 48px;perspective:1400px;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.design-studies[data-mode="showcase"] .studies-grid::-webkit-scrollbar{display:none}
.design-studies[data-mode="showcase"] .study{flex:0 0 min(72vw,810px);min-width:0;scroll-snap-align:center;opacity:.6;transform:scale(.84) rotateY(5deg);transform-origin:center;transition:opacity .45s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.design-studies[data-mode="showcase"] .study[data-active]{opacity:1;transform:scale(1) rotateY(0);z-index:2}
.design-studies[data-mode="showcase"] .study-screen{aspect-ratio:16/9;border-color:rgba(218,235,251,.28);box-shadow:0 35px 100px rgba(0,0,0,.47),0 1px 0 rgba(255,255,255,.13) inset}
.design-studies[data-mode="showcase"] .study>p{font-size:.88rem;color:#d0deeb;margin-top:14px}
.design-studies[data-mode="grid"] .studies-grid{overflow:visible;mask-image:none}
.design-studies[data-mode="grid"] .study{opacity:1;transform:none;transition:none}
.design-studies[data-mode="grid"] .study-screen{box-shadow:0 18px 48px rgba(0,0,0,.23)}
.studies-view-toggle button:focus-visible, .studies-controls button:focus-visible, [data-study-track]:focus-visible{outline:2px solid #a9d2ff;outline-offset:4px}
.process-strip{background:#0b1e2b}
.closing-cta{overflow:hidden;background-color:#081724}
.closing-cta h2{font:500 clamp(3rem,6.4vw,6rem)/.94 "IBM Plex Sans",sans-serif;letter-spacing:-.075em}
.button:focus-visible, .site-header a:focus-visible, footer a:focus-visible{outline:2px solid #8abafa;outline-offset:4px}

@media(max-width:960px){
  .home .hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:14px}
  .home .hero h1{font-size:clamp(3.8rem,8vw,6.5rem)}
  .hero-interfaces{width:110%;margin-right:-8%}
  .design-studies[data-mode="grid"] .studies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .design-studies[data-mode="showcase"] .study{flex-basis:min(78vw,760px)}
}
@media(max-width:720px){
  .site-header{height:72px;padding-inline:20px}
  .home .hero{min-height:auto;padding:36px 22px 112px}
  .home .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-height:0}
  .home .hero-copy-block{padding:28px 0 0}
  .home .hero h1{max-width:8.5ch;font-size:clamp(3.5rem,13vw,6rem)}
  .home .hero-copy{max-width:35ch}
  .hero-interfaces{justify-self:center;align-self:center;width:min(108%,520px);margin:2px -4% 0;aspect-ratio:1.12}
  .hero-frame-editorial{width:76%;height:57%}
  .hero-frame-system{width:67%;height:48%;bottom:7%}
  .hero-frame-service{width:45%;height:34%}
  .hero-interface-coordinate{font-size:7px}
  .signal-row{left:22px;right:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
  .home .signal-item{padding-block:10px}
  .design-studies{padding-inline:22px}
  .studies-heading{grid-template-columns:1fr;gap:16px}
  .studies-heading h2{font-size:clamp(2.8rem,12vw,4.4rem)}
  .studies-tools{margin-bottom:14px}
  .studies-controls{gap:8px}
  .studies-controls button{width:auto;min-width:68px;height:38px}
  .design-studies[data-mode="showcase"] .studies-grid{gap:16px;padding:16px 4vw 32px}
  .design-studies[data-mode="showcase"] .study{flex-basis:88vw;opacity:.52;transform:scale(.9)}
  .design-studies[data-mode="showcase"] .study:nth-child(even){transform:scale(.9)}
  .design-studies[data-mode="showcase"] .study[data-active]{transform:scale(1);opacity:1}
  .design-studies[data-mode="showcase"] .study-screen{aspect-ratio:1.18}
  .design-studies[data-mode="grid"] .studies-grid{grid-template-columns:1fr;gap:18px}
  .design-studies[data-mode="grid"] .study-screen{aspect-ratio:16/10}
}
@media(max-width:420px){
  .home .hero h1{font-size:clamp(3.25rem,13.2vw,4.3rem)}
  .home .hero-actions{align-items:flex-start;flex-direction:column;gap:20px}
  .studies-view-toggle button{padding:8px 11px}
  .studies-controls{gap:5px}
  .studies-controls span{min-width:48px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-interfaces, .hero-frame, .hero-geometry, .geometry-orbit, .geometry-path, .geometry-ring, .ring-small, .geometry-core, .geometry-point, .design-studies[data-mode="showcase"] .study{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Nine interface panels travel around one controlled elliptical wheel. */
.design-studies[data-mode="showcase"]{padding-top:clamp(48px,6vw,82px)}
.design-studies[data-mode="showcase"] .studies-grid{position:relative;display:block;height:clamp(460px,43vw,560px);min-height:0;padding:0;margin:22px auto 12px;overflow:hidden;perspective:1500px;touch-action:pan-y;overscroll-behavior:contain;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.design-studies[data-mode="showcase"] .studies-grid::before{content:"";position:absolute;inset:5% 7%;pointer-events:none;opacity:.22;background:linear-gradient(rgba(136,181,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(136,181,220,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}
.design-studies[data-mode="showcase"] .studies-grid::after{content:"";position:absolute;left:50%;top:51%;width:min(72vw,900px);height:clamp(210px,27vw,340px);border:1px solid rgba(130,184,234,.2);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg);box-shadow:0 0 0 24px rgba(119,171,220,.025),0 0 70px rgba(119,171,220,.07);pointer-events:none}
.design-studies[data-mode="showcase"] .study{--orbit-x:0%;--orbit-y:0%;--orbit-scale:.7;--orbit-rotate:0deg;position:absolute;left:50%;top:50%;width:min(35vw,430px);min-width:0;flex:none;scroll-snap-align:unset;padding:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) translate(var(--orbit-x),var(--orbit-y)) perspective(1100px) rotateY(var(--orbit-rotate)) scale(var(--orbit-scale));transform-origin:center;transition:transform .8s cubic-bezier(.18,.78,.2,1),opacity .45s ease;will-change:transform;z-index:2}
.design-studies[data-mode="showcase"] .study[data-position="0"]{--orbit-x:0%;--orbit-y:15%;--orbit-scale:1;--orbit-rotate:0deg;opacity:1;visibility:visible;pointer-events:auto;z-index:6}
.design-studies[data-mode="showcase"] .study[data-position="-1"]{--orbit-x:-88%;--orbit-y:-4%;--orbit-scale:.68;--orbit-rotate:18deg;opacity:.86;visibility:visible;pointer-events:auto;z-index:4}
.design-studies[data-mode="showcase"] .study[data-position="1"]{--orbit-x:88%;--orbit-y:-4%;--orbit-scale:.68;--orbit-rotate:-18deg;opacity:.86;visibility:visible;pointer-events:auto;z-index:4}
.design-studies[data-mode="showcase"] .study[data-position="-2"]{opacity:0;visibility:hidden;pointer-events:none;z-index:1}
.design-studies[data-mode="showcase"] .study[data-position="2"]{--orbit-x:0%;--orbit-y:-70%;--orbit-scale:.56;--orbit-rotate:0deg;opacity:.72;visibility:visible;pointer-events:auto;z-index:1}
.design-studies[data-mode="showcase"] .study[data-position="0"][data-active]{transform:translate(-50%,-50%) translate(var(--orbit-x),var(--orbit-y)) perspective(1100px) rotateY(var(--orbit-rotate)) scale(var(--orbit-scale))}
.design-studies[data-mode="showcase"] .study-screen{aspect-ratio:16/10;border-color:rgba(190,220,247,.3);box-shadow:0 38px 100px rgba(0,0,0,.54),0 0 32px rgba(108,171,229,.12),0 1px 0 rgba(255,255,255,.16) inset;animation:interface-hover 7s ease-in-out infinite}
.design-studies[data-mode="showcase"] .study:nth-child(3n) .study-screen{animation-delay:-2.1s}
.design-studies[data-mode="showcase"] .study:nth-child(3n + 1) .study-screen{animation-delay:-4.2s}
.design-studies[data-mode="showcase"] .study>p{margin-top:11px;color:#cbdced;text-shadow:0 2px 14px #06131d}
.design-studies[data-mode="showcase"] .study[data-position="-1"]>p, .design-studies[data-mode="showcase"] .study[data-position="1"]>p{opacity:.8}
.design-studies[data-mode="showcase"] .study[data-position="-2"]>p, .design-studies[data-mode="showcase"] .study[data-position="2"]>p{opacity:.55}
.design-studies[data-mode="showcase"] .studies-grid:focus-visible{outline:2px solid #a9d2ff;outline-offset:6px}
.design-studies[data-mode="grid"] .studies-grid{position:static;height:auto;min-height:0;touch-action:auto;perspective:none}
.design-studies[data-mode="grid"] .studies-grid::before, .design-studies[data-mode="grid"] .studies-grid::after{display:none}
.design-studies[data-mode="grid"] .study{position:relative;left:auto;top:auto;width:auto;visibility:visible;opacity:1;pointer-events:auto;padding:0;transform:none}
@keyframes interface-hover{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:760px){
 .design-studies[data-mode="showcase"]{padding-top:44px}
 .design-studies[data-mode="showcase"] .studies-grid{height:clamp(450px,125vw,520px);margin-inline:-8px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
 .design-studies[data-mode="showcase"] .studies-grid::after{width:86vw;height:220px;top:51%}
 .design-studies[data-mode="showcase"] .study{width:min(78vw,330px)}
 .design-studies[data-mode="showcase"] .study[data-position="-1"]{--orbit-x:-55%;--orbit-y:-4%;--orbit-scale:.58;--orbit-rotate:12deg;opacity:.78}
 .design-studies[data-mode="showcase"] .study[data-position="0"]{--orbit-x:0%;--orbit-y:15%;--orbit-scale:1;--orbit-rotate:0deg;opacity:1;z-index:6}
 .design-studies[data-mode="showcase"] .study[data-position="1"]{--orbit-x:55%;--orbit-y:-4%;--orbit-scale:.58;--orbit-rotate:-12deg;opacity:.78}
 .design-studies[data-mode="showcase"] .study[data-position="2"]{--orbit-x:0%;--orbit-y:-77%;--orbit-scale:.48;opacity:.62;visibility:visible;z-index:1}
 .design-studies[data-mode="showcase"] .study-screen{aspect-ratio:1.08}
}

/* Services now has a clear section boundary and a consistent indexed layout. */
.capabilities{padding:clamp(88px,9vw,128px) max(28px,calc((100vw - var(--max))/2));background:#0b1b29;color:#eef4fa;border-top:1px solid rgba(180,207,234,.17);border-bottom:1px solid rgba(180,207,234,.17)}
.capabilities::before{content:"";position:absolute;inset:0 0 0 auto;width:52%;pointer-events:none;background:radial-gradient(ellipse at 73% 38%,rgba(46,108,163,.18),transparent 58%),linear-gradient(90deg,transparent,rgba(94,151,199,.035));z-index:0}
.capabilities .capability-blueprint{inset:0 -5% 0 40%;opacity:.36;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 88%,transparent)}
.capabilities .capability-blueprint::before, .capabilities .capability-blueprint::after{border-color:rgba(105,170,223,.17)}
.capabilities .capability-blueprint span{background:rgba(124,180,224,.2)}
.capabilities .capability-blueprint i{background:#85caff;box-shadow:0 0 18px 6px rgba(87,173,240,.28)}
.capabilities-heading{grid-template-columns:1fr auto;gap:16px 24px;align-items:end;margin-bottom:clamp(40px,6vw,72px)}
.capabilities-heading .eyebrow{grid-column:1;grid-row:1;color:#9fc9ec;margin:0;font-size:10px;letter-spacing:.2em}
.capabilities-heading h2{grid-column:1;grid-row:2;font-size:clamp(3.4rem,7vw,6.8rem);color:#f2f6fa;letter-spacing:-.075em}
.capabilities-heading .text-link{grid-column:2;grid-row:2;justify-self:end;margin-bottom:8px;color:#d5e6f4;border-bottom-color:rgba(213,230,244,.55)}
.service-ledger{counter-reset:service;border-top:1px solid rgba(186,210,233,.24)}
.service-row{counter-increment:service;position:relative;grid-template-columns:42px minmax(210px,.9fr) minmax(250px,1.25fr) minmax(155px,.7fr);gap:clamp(16px,3vw,42px);align-items:center;min-height:136px;padding:28px 0;border-bottom-color:rgba(186,210,233,.2);transition:background-color .2s ease}
.service-row::before{content:"0" counter(service);align-self:start;margin-top:8px;color:#80b8e3;font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em}
.service-row:hover{background:linear-gradient(90deg,rgba(93,157,211,.12),rgba(93,157,211,.025) 66%,transparent)}
.home .service-row h3 a:focus-visible{outline:2px solid #3978ad;outline-offset:4px;border-radius:2px}
.service-row h3{font-size:clamp(1.7rem,3vw,3rem);line-height:1;letter-spacing:-.055em;color:#f4f7fb}
.service-row p{margin:0;max-width:430px;color:#b7c8d7;font-size:.96rem;line-height:1.55}
.service-row>span{margin:0;color:#8ea8be;font-size:9px;letter-spacing:.1em}
.design-studies{border-top:1px solid rgba(179,207,234,.15)}

/* Nine compact, visible positions make the carousel read as one orbital wheel. */
.design-studies[data-mode="showcase"] .study{width:min(26vw,320px)}
.design-studies[data-mode="showcase"] .study[data-position="0"]{--orbit-x:0%;--orbit-y:15%;--orbit-scale:1;--orbit-rotate:0deg;opacity:1;visibility:visible;pointer-events:auto;z-index:10}
.design-studies[data-mode="showcase"] .study[data-position="-1"]{--orbit-x:-76%;--orbit-y:10%;--orbit-scale:.58;--orbit-rotate:11deg;opacity:.82;visibility:visible;pointer-events:auto;z-index:8}
.design-studies[data-mode="showcase"] .study[data-position="1"]{--orbit-x:76%;--orbit-y:10%;--orbit-scale:.58;--orbit-rotate:-11deg;opacity:.82;visibility:visible;pointer-events:auto;z-index:8}
.design-studies[data-mode="showcase"] .study[data-position="-2"]{--orbit-x:-128%;--orbit-y:70%;--orbit-scale:.44;--orbit-rotate:16deg;opacity:.7;visibility:visible;pointer-events:auto;z-index:5}
.design-studies[data-mode="showcase"] .study[data-position="2"]{--orbit-x:128%;--orbit-y:70%;--orbit-scale:.44;--orbit-rotate:-16deg;opacity:.7;visibility:visible;pointer-events:auto;z-index:5}
.design-studies[data-mode="showcase"] .study[data-position="-3"]{--orbit-x:-128%;--orbit-y:-70%;--orbit-scale:.44;--orbit-rotate:16deg;opacity:.62;visibility:visible;pointer-events:auto;z-index:3}
.design-studies[data-mode="showcase"] .study[data-position="3"]{--orbit-x:128%;--orbit-y:-70%;--orbit-scale:.44;--orbit-rotate:-16deg;opacity:.62;visibility:visible;pointer-events:auto;z-index:3}
.design-studies[data-mode="showcase"] .study[data-position="-4"]{--orbit-x:0%;--orbit-y:-78%;--orbit-scale:.4;--orbit-rotate:0deg;opacity:.54;visibility:visible;pointer-events:auto;z-index:2}
.design-studies[data-mode="showcase"] .study[data-position="4"]{--orbit-x:0%;--orbit-y:78%;--orbit-scale:.4;--orbit-rotate:0deg;opacity:.54;visibility:visible;pointer-events:auto;z-index:2}
.design-studies[data-mode="showcase"] .study-screen{animation:none}
@media(max-width:760px){
 .capabilities{padding:74px 22px}
 .capabilities-heading{grid-template-columns:1fr auto;gap:12px;margin-bottom:38px}
 .capabilities-heading h2{font-size:clamp(3.2rem,13vw,4.5rem)}
 .service-row{grid-template-columns:30px minmax(0,1fr);gap:7px 14px;min-height:0;padding:23px 0}
 .service-row::before{grid-column:1;grid-row:1/4}
 .service-row h3{grid-column:2;font-size:clamp(1.7rem,7vw,2.2rem)}
 .service-row p{grid-column:2;font-size:.9rem}
 .service-row>span{grid-column:2;justify-self:start;text-align:left;font-size:8px}
 .design-studies[data-mode="showcase"] .study{width:min(43vw,178px)}
 .design-studies[data-mode="showcase"] .study[data-position="-1"]{--orbit-x:-65%;--orbit-y:10%;--orbit-scale:.48;--orbit-rotate:9deg;opacity:.75;z-index:8}
 .design-studies[data-mode="showcase"] .study[data-position="1"]{--orbit-x:65%;--orbit-y:10%;--orbit-scale:.48;--orbit-rotate:-9deg;opacity:.75;z-index:8}
 .design-studies[data-mode="showcase"] .study[data-position="-2"]{--orbit-x:-76%;--orbit-y:70%;--orbit-scale:.34;--orbit-rotate:14deg;opacity:.66;z-index:5}
 .design-studies[data-mode="showcase"] .study[data-position="2"]{--orbit-x:76%;--orbit-y:70%;--orbit-scale:.34;--orbit-rotate:-14deg;opacity:.66;z-index:5}
 .design-studies[data-mode="showcase"] .study[data-position="-3"]{--orbit-x:-76%;--orbit-y:-70%;--orbit-scale:.34;--orbit-rotate:14deg;opacity:.56;z-index:3}
 .design-studies[data-mode="showcase"] .study[data-position="3"]{--orbit-x:76%;--orbit-y:-70%;--orbit-scale:.34;--orbit-rotate:-14deg;opacity:.56;z-index:3}
 .design-studies[data-mode="showcase"] .study[data-position="-4"]{--orbit-x:0%;--orbit-y:-107%;--orbit-scale:.3;--orbit-rotate:0deg;opacity:.48;z-index:2}
 .design-studies[data-mode="showcase"] .study[data-position="4"]{--orbit-x:0%;--orbit-y:105%;--orbit-scale:.3;--orbit-rotate:0deg;opacity:.48;z-index:2}
}
@media(max-width:420px){.capabilities-heading{grid-template-columns:1fr}.capabilities-heading .text-link{grid-column:1;grid-row:3;justify-self:start}}
@media(prefers-reduced-motion:reduce){
 .design-studies[data-mode="showcase"] .study, .design-studies[data-mode="showcase"] .study-screen{transition:none!important;animation:none!important}
}

/* Distinct visual systems for the requested interface studies and hero panel. */
.home .hero-interfaces>.hero-frame-service{isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:5px;background:radial-gradient(ellipse at 78% 18%,rgba(255,255,255,.88),transparent 19%),radial-gradient(ellipse at 79% 20%,#ffc86c 0 15%,transparent 38%),linear-gradient(137deg,#7569ef 0%,#b76ce5 38%,#f177a6 68%,#ff9868 100%);color:#221d43;box-shadow:0 34px 86px rgba(3,8,20,.5),0 0 64px rgba(190,121,244,.22)}
.home .hero-interfaces>.hero-frame-service::before{content:"";position:absolute;right:-12%;top:8%;width:54%;aspect-ratio:1;border:1px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 0 0 14px rgba(255,255,255,.13),0 0 0 32px rgba(37,29,81,.13),inset 0 0 28px rgba(255,255,255,.27);z-index:0}
.home .hero-interfaces>.hero-frame-service::after{content:"";position:absolute;left:9%;right:9%;top:47%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.75),rgba(255,255,255,.08));transform:rotate(-13deg);transform-origin:left;z-index:0}
.home .hero-interfaces>.hero-frame-service>*{position:relative;z-index:1}
.home .hero-interfaces>.hero-frame-service strong{max-width:8ch;margin-top:13%;font:400 clamp(1.45rem,2.7vw,2.35rem)/.9 "DM Serif Display",Georgia,serif;letter-spacing:-.025em}
.home .hero-interfaces>.hero-frame-service small{color:#302754}
.home .hero-interfaces>.hero-frame-service>span{color:#342751;border-color:rgba(52,39,81,.58)}

.design-studies .study-care .care-screen{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);grid-template-rows:auto 1fr auto;gap:clamp(9px,1.4vw,16px);padding:8%!important;border:0;border-left:4px solid #a96f56;background-color:#e8d4bf;background-image:radial-gradient(ellipse at 82% 25%,rgba(255,249,235,.9),transparent 30%),linear-gradient(118deg,#f2e6d6 0 54%,#dfc7af 54% 100%);color:#46352e}
.design-studies .study-care .care-screen::before{content:"";position:absolute;z-index:0;right:10%;top:13%;width:25%;height:31%;border:7px solid rgba(250,241,225,.88);background:linear-gradient(145deg,#d5e2d5 0 43%,#f4d5a1 44% 69%,#b1c2a7 70%);box-shadow:0 10px 25px rgba(83,58,44,.12)}
.design-studies .study-care .care-screen::after{content:"";position:absolute;z-index:0;right:9%;bottom:13%;width:42%;height:20%;border-radius:24px 24px 8px 8px;background:linear-gradient(180deg,#bb816c 0 19%,#9d6859 20% 100%);box-shadow:inset 0 -7px rgba(85,54,48,.13),0 8px 15px rgba(83,58,44,.12)}
.design-studies .study-care .care-screen>*{position:relative;z-index:1}
.design-studies .study-care .care-top{color:#765c4d}
.design-studies .study-care .care-screen h3{font:400 clamp(1.18rem,2.25vw,1.85rem)/1.02 "DM Serif Display",Georgia,serif;letter-spacing:-.015em;color:#493a34}
.design-studies .study-care .care-screen>small{color:#735b4c}
.design-studies .study-care .care-options b, .design-studies .study-care .care-options b:first-child{border-color:rgba(112,82,64,.3);color:#4a3c34}
.design-studies .study-care .care-options b{padding-inline:10px;border-radius:7px;background:rgba(255,249,239,.62)}

.design-studies .study-system .system-screen{position:relative;isolation:isolate;background-color:#091724;background-image:radial-gradient(ellipse at 50% 53%,rgba(20,126,163,.25),transparent 42%),linear-gradient(rgba(105,197,226,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(105,197,226,.075) 1px,transparent 1px),linear-gradient(140deg,#10283a,#07131f 70%);background-size:auto,22px 22px,22px 22px,auto;color:#dff8ff}
.design-studies .study-system .system-screen::before{content:"";position:absolute;inset:13% 7% 13%;z-index:0;border:1px solid rgba(97,218,245,.18);clip-path:polygon(0 0,90% 0,100% 18%,100% 100%,10% 100%,0 82%);pointer-events:none}
.design-studies .study-system .system-head{color:#9fc9d9}
.design-studies .study-system .system-head b{color:#7ef2ff}
.design-studies .study-system .system-connections path{stroke:#75e8fa;stroke-width:.55;opacity:.9;filter:drop-shadow(0 0 2px rgba(85,220,255,.8))}
.design-studies .study-system .system-core{border-color:#7ef2ff;background:radial-gradient(circle,rgba(49,176,208,.28),rgba(9,30,44,.95) 72%);box-shadow:0 0 25px rgba(31,189,228,.18),inset 0 0 20px rgba(31,189,228,.12);color:#f1fdff}
.design-studies .study-system .system-core small{color:#93d9e8}
.design-studies .study-system .system-node{border-color:#5bbad0;background:rgba(13,39,55,.96);box-shadow:0 0 16px rgba(36,171,206,.12);color:#d9f7ff}
.design-studies .study-system .system-foot{color:#8db6c5}

.design-studies .study-professional .professional-screen{position:relative;display:block;isolation:isolate;overflow:hidden;background:#171b2a;color:#f5f0e8}
.design-studies .study-professional .professional-screen::before{content:"";position:absolute;inset:0 auto 0 0;width:35%;z-index:0;background:linear-gradient(156deg,#f0a16d,#d96c57 62%,#994855);clip-path:polygon(0 0,100% 0,73% 100%,0 100%)}
.design-studies .study-professional .professional-screen::after{content:"";position:absolute;right:-15%;top:-40%;width:54%;height:130%;z-index:0;border:1px solid rgba(233,188,151,.24);border-radius:50%;box-shadow:0 0 0 26px rgba(233,188,151,.035),0 0 0 55px rgba(233,188,151,.025)}
.design-studies .study-professional .professional-side{position:absolute;z-index:1;left:8%;top:10%;width:24%;height:80%;padding:0;background:transparent;color:#292b35;font:500 9px/1.2 "IBM Plex Mono",monospace}
.design-studies .study-professional .professional-side strong{font-size:clamp(10px,1vw,13px);letter-spacing:.08em;text-transform:uppercase}
.design-studies .study-professional .professional-side span{font-size:8px;line-height:2;color:#493a3c}
.design-studies .study-professional .professional-main{position:static;padding:0}
.design-studies .study-professional .professional-main h3{position:absolute;z-index:1;right:8%;top:17%;width:53%;font:400 clamp(1.12rem,2vw,1.62rem)/1.02 "DM Serif Display",Georgia,serif;letter-spacing:-.015em;color:#fbf4e8}
.design-studies .study-professional .professional-main p{position:absolute;z-index:1;right:8%;top:47%;width:50%;margin:0;color:#d2c8c3;font-size:clamp(9px,.8vw,11px);line-height:1.35}
.design-studies .study-professional .professional-links{position:absolute;z-index:1;left:38%;right:8%;bottom:11%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.design-studies .study-professional .professional-links span{padding:7px 5px 0;border-color:rgba(240,205,175,.34);font-size:clamp(7px,.65vw,9px);line-height:1.2;color:#f3d7c3}
.design-studies .study-professional .professional-main>b{position:absolute;z-index:1;right:8%;top:70%;margin:0;background:#f2a270;color:#211e27;padding:7px 10px;font-size:8px}

.design-studies .study-local .local-screen{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 84% 15%,rgba(107,198,192,.22),transparent 31%),linear-gradient(128deg,#102a36,#0a1923 68%);color:#f1f4e9}
.design-studies .study-local .local-screen::before{content:"";position:absolute;z-index:0;inset:-30% 36% -25% 47%;border:1px solid rgba(168,225,195,.32);transform:skewX(-23deg);box-shadow:20px 0 rgba(168,225,195,.055),40px 0 rgba(168,225,195,.04),60px 0 rgba(168,225,195,.025)}
.design-studies .study-local .local-screen>*{z-index:1}
.design-studies .study-local .local-nav{color:#b2cdc9}
.design-studies .study-local .local-nav span{color:#c6f38d;border-color:rgba(198,243,141,.56)}
.design-studies .study-local .local-service h3{font:400 clamp(1.2rem,2.4vw,1.85rem)/.94 "DM Serif Display",Georgia,serif;color:#fff7e9}
.design-studies .study-local .local-service p{color:#afc4c1;line-height:1.35}
.design-studies .study-local .local-service b{background:#c6f38d;color:#13252a}
.design-studies .study-local .local-screen aside{border-color:rgba(209,231,220,.32)}
.design-studies .study-local .local-screen aside strong{color:#d9f4bf}
.design-studies .study-local .local-screen aside span{color:#acc2bd}
.design-studies .study-local .local-screen aside hr{border-color:rgba(209,231,220,.32)}

.design-studies .study-architecture .architecture-screen{background-color:#102a34;background-image:linear-gradient(rgba(106,200,211,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(106,200,211,.12) 1px,transparent 1px),radial-gradient(ellipse at 76% 35%,rgba(63,159,168,.2),transparent 45%);background-size:18px 18px,18px 18px,auto;color:#e4f3ed}
.design-studies .study-architecture .architecture-screen>header{color:#add7d5}
.design-studies .study-architecture .architecture-plan{border-color:#71bbc0;background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(106,200,211,.16) 18px 19px),repeating-linear-gradient(90deg,transparent 0 18px,rgba(106,200,211,.16) 18px 19px)}
.design-studies .study-architecture .architecture-plan::before, .design-studies .study-architecture .architecture-plan::after, .design-studies .study-architecture .architecture-plan i, .design-studies .study-architecture .architecture-plan b{border-color:#74bec0;background-color:transparent}
.design-studies .study-architecture .architecture-caption p{color:#b8d0cc}

.design-studies .study-information .information-screen{position:relative;isolation:isolate;overflow:hidden;background:#dce8e1;color:#173b3b}
.design-studies .study-information .information-screen::before{content:"";position:absolute;z-index:0;left:0;top:0;bottom:0;width:29%;background:linear-gradient(160deg,#e7c3a5,#d8ad8d 72%,#c48c73);clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.design-studies .study-information .information-screen>*{z-index:1}
.design-studies .study-information .information-screen header{color:#42615b}
.design-studies .study-information .information-screen h3{font:400 clamp(1.05rem,2vw,1.55rem)/.95 "DM Serif Display",Georgia,serif;color:#243c38}
.design-studies .study-information .info-filter{width:100%;font-size:8px;color:#526962}
.design-studies .study-information .info-filter b{display:block;padding:6px 8px;border:1px solid rgba(49,91,80,.32);border-radius:4px;background:rgba(249,248,239,.72);color:#23423b}
.design-studies .study-information .info-results{display:grid;align-content:center;gap:6px}
.design-studies .study-information .info-results div{padding:7px 24px 7px 9px;border:1px solid rgba(42,87,74,.15);border-radius:5px;background:rgba(250,249,241,.83);box-shadow:0 4px 11px rgba(34,72,61,.06)}
.design-studies .study-information .info-results b{font-size:clamp(8px,.78vw,10px);color:#26483f}
.design-studies .study-information .info-results span{font-size:clamp(7px,.66vw,9px);line-height:1.2;color:#61756d}
.design-studies .study-information .info-results i{right:8px;color:#b66b4c}
.design-studies .study-information .information-screen>small{color:#6d6f59}

.design-studies .study-wayfinding .wayfinding-screen{position:relative;isolation:isolate;overflow:hidden;background:#e8e5d9;color:#14292c}
.wayfinding-top{position:absolute;z-index:3;left:7%;right:7%;top:8%;display:flex;justify-content:space-between;font:8px "IBM Plex Mono",monospace;letter-spacing:.08em}
.wayfinding-map{position:absolute;inset:0 0 0 8%;overflow:hidden;background:linear-gradient(153deg,transparent 0 28%,#d17853 28.2% 28.8%,transparent 29%),linear-gradient(29deg,transparent 0 46%,rgba(25,76,80,.86) 46.2% 47%,transparent 47.2%),linear-gradient(145deg,transparent 0 62%,rgba(25,76,80,.86) 62.2% 63%,transparent 63.2%),repeating-linear-gradient(0deg,transparent 0 29px,rgba(21,57,57,.11) 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,rgba(21,57,57,.11) 29px 30px),#d7dfd5;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
.wayfinding-map::before, .wayfinding-map::after{content:"";position:absolute;inset:-25% 25%;border:1px solid rgba(24,66,65,.28);transform:rotate(32deg) skewX(-12deg)}
.wayfinding-map::after{inset:-20% 48%;transform:rotate(-28deg) skewX(10deg);border-color:rgba(24,66,65,.19)}
.wayfinding-map i{position:absolute;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:#b95037;box-shadow:0 0 0 5px rgba(185,80,55,.17)}
.wayfinding-map i:nth-child(1){left:31%;top:27%}.wayfinding-map i:nth-child(2){right:22%;top:49%;background:#174e55}.wayfinding-map i:nth-child(3){left:48%;bottom:17%;background:#174e55}
.wayfinding-map b{position:absolute;left:32%;top:29%;width:39%;height:34%;border-top:2px solid #b95037;border-right:2px solid #b95037;transform:skew(-28deg) rotate(14deg)}
.wayfinding-title{position:absolute;z-index:3;left:8%;top:34%;width:40%}
.wayfinding-title small{font:8px "IBM Plex Mono",monospace;color:#a75239}
.wayfinding-title h3{margin:8px 0 0;font:400 clamp(1.55rem,3vw,2.6rem)/.9 "DM Serif Display",Georgia,serif;letter-spacing:-.03em}
.wayfinding-options{position:absolute;z-index:3;left:8%;bottom:9%;display:flex;gap:6px}
.wayfinding-options span{padding:5px 8px;border:1px solid rgba(20,59,58,.28);background:rgba(249,247,235,.85);font:8px "IBM Plex Mono",monospace}

/* Keep the therapist-office concept calm and fully contained in its frame. */
.design-studies .study-care .care-screen h3{font-size:clamp(1.12rem,1.8vw,1.55rem);line-height:1.05}
.design-studies .study-care .care-screen>small{grid-column:1;grid-row:3;align-self:end;max-width:16ch;margin-top:7px;font-size:8px;line-height:1.35;letter-spacing:.035em}
.design-studies .study-care .care-options{grid-column:2;grid-row:2;align-self:center;align-content:center;gap:7px}
.design-studies .study-care .care-options b, .design-studies .study-care .care-options b:first-child{min-height:32px;padding:7px 9px;border:1px solid rgba(112,82,64,.18);background:rgba(255,249,239,.94);font-size:clamp(9px,.75vw,11px);line-height:1.2}

@media(max-width:760px){
 .design-studies .study-professional .professional-main h3{font-size:clamp(1rem,4.2vw,1.35rem)}
 .design-studies .study-professional .professional-main p{top:45%;font-size:9px}
 .design-studies .study-professional .professional-links{gap:5px}
 .design-studies .study-professional .professional-links span{font-size:7px}
 .design-studies .study-information .information-screen{grid-template-columns:minmax(0,1fr) minmax(76px,.6fr);gap:6px;padding:7%!important}
 .design-studies .study-information .information-screen::before{width:31%}
 .design-studies .study-information .info-results div{padding:5px 20px 5px 7px}
 .wayfinding-title h3{font-size:clamp(1.35rem,5vw,1.8rem)}
.wayfinding-map{left:8%}
}

/* Interface Studies: contain the card mockups and keep the nine-panel wheel legible. */
.design-studies .study-calm .calm-screen{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(34px,1fr) auto;align-content:stretch;gap:clamp(5px,.8vw,9px);padding:7%!important}
.design-studies .study-calm .calm-screen>*{position:static;min-width:0;margin:0}
.design-studies .study-calm .calm-date{grid-row:1;align-self:start;font-size:9px;line-height:1.15}
.design-studies .study-calm .calm-date strong{display:block;margin-top:3px;font-size:clamp(1.05rem,2.2vw,1.55rem);line-height:1}
.design-studies .study-calm .calm-screen h3{grid-row:2;align-self:end;font-size:clamp(1.12rem,2.4vw,1.85rem);line-height:.98;letter-spacing:-.035em}
.design-studies .study-calm .calm-screen>p{grid-row:3;align-self:start;font-size:clamp(9px,.9vw,12px);line-height:1.25}
.design-studies .study-calm .calm-task{grid-row:4;align-self:center;grid-template-columns:20px minmax(0,1fr) 13px;gap:6px;padding:7px 0;font-size:clamp(8px,.85vw,11px);line-height:1.2}
.design-studies .study-calm .calm-task b{min-width:0}
.design-studies .study-calm .calm-bottom{grid-row:5;align-self:end;display:flex;justify-content:space-between;font-size:8px;line-height:1.1}

.design-studies .study-learning .learning-screen h3{top:27%;max-width:54%;font-size:clamp(1.3rem,2.8vw,2.25rem);line-height:.88}
.design-studies .study-learning .word-slots{top:61%;gap:clamp(3px,.5vw,7px)}
.design-studies .study-learning .word-slots>*{width:clamp(23px,2.1vw,31px);height:clamp(27px,2.35vw,35px);flex:0 0 auto}
.design-studies .study-learning .letter-bank{top:61%;gap:clamp(3px,.5vw,7px)}
.design-studies .study-learning .letter-bank b{width:clamp(22px,1.9vw,28px);height:clamp(22px,1.9vw,28px);flex:0 0 auto}
.design-studies .study-learning .learning-help{bottom:8%;line-height:1.2}

.design-studies .study-professional .professional-screen{display:grid;grid-template-columns:minmax(72px,28%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:4%;padding:6%!important}
.design-studies .study-professional .professional-side{position:relative;left:auto;top:auto;grid-column:1;grid-row:1;width:auto;height:auto;min-width:0;padding:12% 4% 10% 0;display:flex;flex-direction:column;justify-content:space-between;gap:12px;font-size:clamp(7px,.65vw,9px)}
.design-studies .study-professional .professional-side span{line-height:1.65;overflow-wrap:anywhere}
.design-studies .study-professional .professional-main{position:relative;grid-column:2;grid-row:1;min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;gap:clamp(4px,.65vw,8px);padding:8% 0 5% 2%!important}
.design-studies .study-professional .professional-main h3, .design-studies .study-professional .professional-main p, .design-studies .study-professional .professional-links, .design-studies .study-professional .professional-main>b{position:static;inset:auto;width:auto;min-width:0;margin:0}
.design-studies .study-professional .professional-main h3{align-self:end;font-size:clamp(1rem,2vw,1.5rem);line-height:1.02;letter-spacing:-.02em;overflow-wrap:anywhere}
.design-studies .study-professional .professional-main p{font-size:clamp(8px,.72vw,10px);line-height:1.25;color:#d2c8c3}
.design-studies .study-professional .professional-links{align-self:end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(3px,.6vw,7px)}
.design-studies .study-professional .professional-links span{min-width:0;padding:5px 2px 0;font-size:clamp(7px,.62vw,9px);line-height:1.2;overflow-wrap:anywhere}
.design-studies .study-professional .professional-main>b{justify-self:start;align-self:end;padding:6px 8px;font-size:8px;line-height:1.15}



.design-studies .study-culture .culture-event{left:62%;right:7%;top:25%;gap:clamp(6px,.9vw,10px);min-width:0}
.design-studies .study-culture .culture-event strong, .design-studies .study-culture .culture-event span{min-width:0;line-height:1.25;overflow-wrap:anywhere}

.design-studies[data-mode="showcase"] .study:not([data-active])>p{visibility:hidden;opacity:0}
.design-studies[data-mode="showcase"] .study>p{max-width:100%;line-height:1.25}
@media(max-width:760px){
 .design-studies .study-calm .calm-screen{gap:5px;padding:7%!important}
 .design-studies .study-calm .calm-date strong{font-size:clamp(1rem,4vw,1.25rem)}
 .design-studies .study-calm .calm-screen h3{font-size:clamp(1.05rem,4.8vw,1.3rem)}
 .design-studies .study-calm .calm-task{font-size:9px}
 .design-studies .study-learning .learning-screen h3{top:27%;max-width:55%;font-size:clamp(1.2rem,6vw,1.55rem)}
 .design-studies .study-learning .word-slots{top:61%}
 .design-studies .study-learning .word-slots>*{width:clamp(20px,6vw,25px);height:clamp(24px,6.5vw,28px)}
 .design-studies .study-learning .letter-bank{top:61%}
 .design-studies .study-learning .letter-bank b{width:clamp(20px,5vw,23px);height:clamp(20px,5vw,23px)}
 .design-studies .study-professional .professional-screen{grid-template-columns:minmax(44px,28%) minmax(0,1fr);gap:4%;padding:6%!important}
 .design-studies .study-professional .professional-main{gap:4px;padding:5% 0 3% 1%!important}
 .design-studies .study-professional .professional-main h3{font-size:clamp(.88rem,3.5vw,1.15rem);line-height:1.02}
 .design-studies .study-professional .professional-main p{font-size:8px}
 .design-studies .study-professional .professional-links{gap:3px}
 .design-studies .study-professional .professional-links span{font-size:6.5px;line-height:1.15}
 .design-studies .study-professional .professional-main>b{font-size:7px;padding:5px 6px}

}
.design-studies[data-mode="showcase"]{padding-top:42px;padding-bottom:60px}
.design-studies[data-mode="showcase"] .studies-grid{height:clamp(370px,32vw,440px)}
@media(max-width:760px){
 .design-studies[data-mode="showcase"]{padding-top:44px;padding-bottom:72px}
 .design-studies[data-mode="showcase"] .studies-grid{height:clamp(450px,125vw,520px)}
}

/* Interface Studies showcase: a focused, layered five-card coverflow. */
.design-studies[data-mode="showcase"]{padding-top:clamp(56px,7vw,94px);padding-bottom:clamp(72px,8vw,110px)}
.design-studies[data-mode="showcase"] .studies-tools{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:32px 0 8px}
.design-studies[data-mode="showcase"] .studies-view-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(186,213,238,.23);border-radius:999px;background:rgba(4,15,24,.48);backdrop-filter:blur(16px)}
.design-studies[data-mode="showcase"] .studies-view-toggle button{border:0;border-radius:999px;padding:10px 18px;background:transparent;color:#aebfd0;font-size:.78rem;letter-spacing:.04em;transition:background .2s,color .2s}
.design-studies[data-mode="showcase"] .studies-view-toggle button[aria-pressed="true"]{background:#dceeff;color:#071725;box-shadow:0 3px 16px rgba(140,195,243,.2)}
.design-studies[data-mode="showcase"] .studies-controls{display:flex;align-items:center;gap:14px}
.design-studies[data-mode="showcase"] .studies-controls button{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(188,216,240,.28);border-radius:999px;padding:10px 15px;background:rgba(11,31,47,.78);color:#e8f2fb;font-size:.76rem;letter-spacing:.04em;transition:background .2s,border-color .2s,transform .2s}
.design-studies[data-mode="showcase"] .studies-controls button:hover{background:rgba(70,127,177,.3);border-color:rgba(179,218,250,.68);transform:translateY(-1px)}
.design-studies[data-mode="showcase"] .studies-controls [data-slide="previous"]::before{content:"←";font-size:1rem;color:#a8d4fa}
.design-studies[data-mode="showcase"] .studies-controls [data-slide="next"]::after{content:"→";font-size:1rem;color:#a8d4fa}
.design-studies[data-mode="showcase"] [data-slide-status]{min-width:76px;text-align:center;color:#d8e8f5;font:500 .73rem/1 "IBM Plex Mono",monospace;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.design-studies[data-mode="showcase"] .study-progress{position:relative;display:block;width:clamp(64px,9vw,128px);height:2px;overflow:hidden;background:rgba(191,218,241,.2)}
.design-studies[data-mode="showcase"] .study-progress i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#75b9f1,#e3f4ff);box-shadow:0 0 12px rgba(120,194,249,.75);transition:width .4s ease}
.design-studies[data-mode="showcase"] .studies-grid{position:relative;display:block;height:clamp(520px,44vw,640px);min-height:0;margin:4px auto 0;padding:0;overflow:hidden;perspective:1800px;touch-action:pan-y;overscroll-behavior:contain;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.design-studies[data-mode="showcase"] .studies-grid::before{content:"";position:absolute;inset:5% 4%;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(145,192,231,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(145,192,231,.1) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,#000 4%,transparent 76%)}
.design-studies[data-mode="showcase"] .studies-grid::after{content:"";position:absolute;left:50%;top:49%;width:min(84vw,1160px);height:clamp(250px,29vw,390px);border:1px solid rgba(130,184,234,.17);border-radius:50%;transform:translate(-50%,-50%) rotateX(70deg);box-shadow:0 0 0 24px rgba(119,171,220,.022),0 0 90px rgba(73,143,204,.1);pointer-events:none}
.design-studies[data-mode="showcase"] .study{position:absolute;left:50%;top:48%;width:min(50vw,700px);min-width:0;flex:none;padding:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) perspective(1500px) scale(.42);transform-origin:center;transition:transform .62s cubic-bezier(.18,.78,.2,1),opacity .42s ease,filter .42s ease;will-change:transform;filter:saturate(.78);z-index:1}
.design-studies[data-mode="showcase"] .study::before{content:"";position:absolute;inset:-9px -9px 30px;border:1px solid rgba(177,212,243,.22);border-radius:12px;background:linear-gradient(145deg,rgba(209,233,255,.045),transparent 32%);box-shadow:0 20px 54px rgba(0,0,0,.22);pointer-events:none;opacity:.6;transition:border-color .4s,box-shadow .4s,opacity .4s}
.design-studies[data-mode="showcase"] .study[data-position="-2"]{left:3%;top:42%;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) perspective(1500px) rotateY(17deg) scale(.38);z-index:2}
.design-studies[data-mode="showcase"] .study[data-position="-1"]{left:21%;top:48%;opacity:.77;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) perspective(1500px) rotateY(10deg) scale(.62);z-index:5}
.design-studies[data-mode="showcase"] .study[data-position="0"]{left:50%;top:46%;opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) perspective(1500px) rotateY(0) scale(1);filter:saturate(1);z-index:10}
.design-studies[data-mode="showcase"] .study[data-position="1"]{left:79%;top:48%;opacity:.77;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) perspective(1500px) rotateY(-10deg) scale(.62);z-index:5}
.design-studies[data-mode="showcase"] .study[data-position="2"]{left:97%;top:42%;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) perspective(1500px) rotateY(-17deg) scale(.38);z-index:2}
.design-studies[data-mode="showcase"] .study:not([data-position="-1"]):not([data-position="0"]):not([data-position="1"]){visibility:hidden;opacity:0;pointer-events:none}
.design-studies[data-mode="showcase"] .study[data-active]::before{inset:-12px -12px 26px;border-color:rgba(181,219,251,.58);opacity:1;box-shadow:0 26px 76px rgba(0,0,0,.36),0 0 34px rgba(93,163,223,.15)}
.design-studies[data-mode="showcase"] .study-screen{aspect-ratio:16/10;border-color:rgba(190,220,247,.3);box-shadow:0 28px 78px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.16) inset;animation:none}
.design-studies[data-mode="showcase"] .study[data-active] .study-screen{border-color:rgba(206,231,252,.72);box-shadow:0 38px 100px rgba(0,0,0,.58),0 0 40px rgba(90,159,220,.17),0 1px 0 rgba(255,255,255,.22) inset}
.design-studies[data-mode="showcase"] .study>p{visibility:hidden;opacity:0;position:relative;margin:14px auto 0;max-width:92%;min-height:1.4em;color:#d8e7f4;text-align:center;font-size:.88rem;line-height:1.35;letter-spacing:.025em;text-shadow:0 2px 18px #07131d;transition:opacity .25s}
.design-studies[data-mode="showcase"] .study[data-active]>p{visibility:visible;opacity:1}
.design-studies[data-mode="showcase"] .study[data-position="-1"]>p, .design-studies[data-mode="showcase"] .study[data-position="1"]>p, .design-studies[data-mode="showcase"] .study[data-position="-2"]>p, .design-studies[data-mode="showcase"] .study[data-position="2"]>p{visibility:hidden;opacity:0}
.design-studies[data-mode="showcase"] .study{cursor:pointer}
.design-studies[data-mode="showcase"] .study[data-active]{cursor:grab}
.design-studies[data-mode="showcase"] .studies-grid:focus-visible{outline:2px solid #a9d2ff;outline-offset:5px}
.design-studies[data-mode="showcase"] .study[role="button"]:focus-visible{outline:2px solid #a9d2ff;outline-offset:8px;border-radius:6px}
.design-studies[data-mode="showcase"] .studies-tools button:focus-visible, .design-studies[data-mode="showcase"] .studies-grid:focus-visible{outline:2px solid #a9d2ff;outline-offset:4px}
.design-studies[data-mode="grid"] .studies-grid{position:static;height:auto;min-height:0;touch-action:auto;perspective:none;mask-image:none}
.design-studies[data-mode="grid"] .studies-grid::before, .design-studies[data-mode="grid"] .studies-grid::after{display:none}
.design-studies[data-mode="grid"] .study{position:relative;left:auto;top:auto;width:auto;visibility:visible;opacity:1;pointer-events:auto;padding:0;transform:none;filter:none;cursor:auto}
.design-studies[data-mode="grid"] .study::before{display:none}
.design-studies[data-mode="grid"] .study>p{visibility:visible;opacity:1}
@media(max-width:760px){
 .design-studies[data-mode="showcase"] .studies-tools{align-items:flex-start;flex-direction:column;gap:16px;margin-top:26px}
 .design-studies[data-mode="showcase"] .studies-controls{width:100%;justify-content:flex-end;gap:8px}
 .design-studies[data-mode="showcase"] .study-progress{width:clamp(54px,18vw,82px)}
 .design-studies[data-mode="showcase"] .studies-controls button{padding:9px 12px;font-size:.7rem}
 .design-studies[data-mode="showcase"] .studies-grid{height:clamp(440px,98vw,540px);margin:8px -10px 0;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
 .design-studies[data-mode="showcase"] .studies-grid::after{width:112vw;height:240px;top:48%}
 .design-studies[data-mode="showcase"] .study{width:min(78vw,440px);top:48%}
 .design-studies[data-mode="showcase"] .study[data-position="-1"]{left:12%;top:48%;transform:translate(-50%,-50%) perspective(1200px) rotateY(10deg) scale(.44);opacity:.7}
 .design-studies[data-mode="showcase"] .study[data-position="0"]{left:50%;top:46%;transform:translate(-50%,-50%) perspective(1200px) rotateY(0) scale(1)}
 .design-studies[data-mode="showcase"] .study[data-position="1"]{left:88%;top:48%;transform:translate(-50%,-50%) perspective(1200px) rotateY(-10deg) scale(.44);opacity:.7}
 .design-studies[data-mode="showcase"] .study-screen{aspect-ratio:1.18}
 .design-studies[data-mode="showcase"] .study[data-active]::before{inset:-7px -7px 25px}
 .design-studies[data-mode="showcase"] .study>p{margin-top:10px;font-size:.73rem}
}
@media(prefers-reduced-motion:reduce){
 .design-studies[data-mode="showcase"] .study, .design-studies[data-mode="showcase"] .study>p, .design-studies[data-mode="showcase"] .studies-tools button{transition:none!important}
 .design-studies[data-mode="showcase"] .study-screen{animation:none!important}
}

/* Interface Studies refinements: distinct compositions for the requested studies. */
.design-studies .study-calm .calm-screen{position:relative;display:block;overflow:hidden;padding:0!important;background:linear-gradient(145deg,#f2ede5,#e4e8df 72%);color:#26382f}
.design-studies .study-calm .calm-screen::before{content:"";position:absolute;right:-12%;top:8%;width:54%;aspect-ratio:1;border:1px solid rgba(90,117,99,.22);border-radius:50%;box-shadow:0 0 0 18px rgba(90,117,99,.035),0 0 0 38px rgba(90,117,99,.025)}
.design-studies .study-calm .calm-screen>*{position:absolute;z-index:1;min-width:0;margin:0}
.design-studies .study-calm .calm-mast{left:7%;right:7%;top:7%;display:flex;justify-content:space-between;align-items:flex-start;color:#657269;font:500 8px/1.2 "IBM Plex Mono",monospace;letter-spacing:.08em}
.design-studies .study-calm .calm-date{position:static;display:grid;gap:3px;color:#637268;font-size:8px;text-align:right}
.design-studies .study-calm .calm-date strong{margin:0;color:#405247;font:500 1rem/1 "IBM Plex Sans",sans-serif;letter-spacing:0}
.design-studies .study-calm .calm-copy{left:8%;top:28%;width:62%}
.design-studies .study-calm .calm-copy h3{position:static;margin:0;font:400 clamp(1.35rem,2.6vw,2.05rem)/.96 "DM Serif Display",Georgia,serif;letter-spacing:-.035em;color:#26382f}
.design-studies .study-calm .calm-copy p{position:static;margin:8px 0 0;color:#68766c;font-size:clamp(9px,.8vw,11px);line-height:1.25}
.design-studies .study-calm .calm-orbit{right:9%;top:30%;width:22%;aspect-ratio:1;border:1px solid rgba(67,111,86,.4);border-radius:50%;box-shadow:inset 0 0 0 9px rgba(255,255,255,.2),0 0 0 8px rgba(67,111,86,.06)}
.design-studies .study-calm .calm-orbit::before, .design-studies .study-calm .calm-orbit::after{content:"";position:absolute;inset:17%;border:1px solid rgba(67,111,86,.22);border-radius:50%}
.design-studies .study-calm .calm-orbit::after{inset:37%;background:#c98e73;border:0;box-shadow:0 0 22px rgba(201,142,115,.26)}
.design-studies .study-calm .calm-orbit i{position:absolute;right:17%;top:18%;width:7px;height:7px;border-radius:50%;background:#778f73}
.design-studies .study-calm .calm-task{left:7%;right:7%;top:auto;bottom:23%;grid-template-columns:22px minmax(0,1fr) 14px;gap:8px;padding:10px 11px;border:1px solid rgba(81,105,88,.17);border-radius:9px;background:rgba(255,255,255,.65);box-shadow:0 8px 24px rgba(53,70,58,.06);font-size:clamp(9px,.9vw,12px)}
.design-studies .study-calm .calm-task span{color:#8b7566}
.design-studies .study-calm .calm-task b{line-height:1.2}
.design-studies .study-calm .calm-task i{width:13px;height:13px;border-color:#849588}
.design-studies .study-calm .calm-bottom{left:8%;right:8%;bottom:8%;display:flex;justify-content:space-between;color:#6f7d72;font:500 8px/1 "IBM Plex Mono",monospace}

.design-studies .study-editorial .editorial-screen h3{right:4%;top:6%;font-size:clamp(2.25rem,5.35vw,4.65rem);line-height:.76;letter-spacing:-.075em}
.design-studies .study-editorial .editorial-screen h3 em{display:inline-block;margin-top:.035em;padding:.06em .12em .11em;background:#f4e5c9;color:#7d2d22;letter-spacing:-.065em;text-shadow:none;box-shadow:0 8px 25px rgba(75,24,17,.17)}
.design-studies .study-editorial .editorial-image{left:15%;bottom:11%;width:45%;height:27%;background:repeating-linear-gradient(135deg,#33231e 0 10px,#d3b7a0 10px 13px,#5c3a2e 13px 27px);mix-blend-mode:normal;opacity:.82;transform:skewY(-7deg)}
.design-studies .study-editorial .editorial-index{color:#fff0d7}

.design-studies .study-food .food-menu{left:8%;top:9%;width:54%}
.design-studies .study-food .food-menu h3{margin:12px 0 16px;font-size:clamp(1.65rem,3.25vw,2.65rem)}
.design-studies .study-food .food-menu ul{display:grid;gap:0}
.design-studies .study-food .food-menu li{grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:27px;padding:6px 0;font-size:clamp(8px,.88vw,11px)}
.design-studies .study-food .food-menu li b{display:none}
.design-studies .study-food .food-menu li i{color:#dfbd83;font:500 9px "IBM Plex Mono",monospace}

.design-studies .study-local .local-screen{background:#e7ebe4;color:#16343a}
.design-studies .study-local .local-screen::before{inset:0 35% 0 0;border:0;transform:none;clip-path:polygon(0 0,100% 0,88% 100%,0 100%);background:linear-gradient(145deg,#143d47,#205965 68%,#17414b);box-shadow:none}
.design-studies .study-local .local-screen::after{content:"";position:absolute;z-index:0;right:1%;top:14%;width:33%;height:57%;border:1px solid rgba(25,83,88,.18);border-radius:48% 52% 42% 58%;background:repeating-linear-gradient(0deg,transparent 0 14px,rgba(25,83,88,.08) 14px 15px),repeating-linear-gradient(90deg,transparent 0 14px,rgba(25,83,88,.08) 14px 15px);transform:rotate(-12deg)}
.design-studies .study-local .local-nav{left:7%;right:7%;top:8%;align-items:center;color:#d7e3dc}
.design-studies .study-local .local-nav .local-open{display:inline-flex;align-items:center;gap:7px;border:0;padding:5px 8px;border-radius:999px;background:rgba(226,240,220,.11);color:#dcf2c6}
.design-studies .study-local .local-nav .local-open::before{content:"";width:6px;height:6px;border-radius:50%;background:#bbec83;box-shadow:0 0 12px rgba(187,236,131,.55)}
.design-studies .study-local .local-nav span:last-child{padding:5px 8px;border:1px solid rgba(229,241,232,.34);border-radius:5px;color:#f1f2e7}
.design-studies .study-local .local-service{left:7%;top:29%;width:53%}
.design-studies .study-local .local-service h3{font:400 clamp(1.4rem,2.7vw,2.05rem)/.94 "DM Serif Display",Georgia,serif;color:#fff8e9;letter-spacing:-.025em}
.design-studies .study-local .local-service p{max-width:27ch;margin:8px 0;color:#c2d4cf;font-size:clamp(9px,.85vw,11px)}
.design-studies .study-local .local-service b{margin-top:5px;padding:8px 10px;border-radius:4px;background:#d1ef9e;color:#183840;font-size:9px}
.design-studies .study-local .local-screen aside{right:6%;top:25%;width:27%;padding:10px;border:1px solid rgba(34,75,73,.16);border-radius:8px;background:rgba(246,247,237,.9);box-shadow:0 12px 28px rgba(16,52,58,.1);gap:4px}
.design-studies .study-local .local-screen aside strong{color:#173e43;font-size:clamp(11px,1.2vw,15px)}
.design-studies .study-local .local-screen aside span{color:#5e7370;font-size:8px}
.design-studies .study-local .local-screen aside hr{border-color:rgba(34,75,73,.18);margin:6px 0}

.design-studies .study-learning .learning-screen{overflow:hidden;background:radial-gradient(circle at 91% 15%,rgba(255,255,255,.76) 0 7%,transparent 7.3%),linear-gradient(145deg,#fff0ae,#f8d872 66%,#f6ca5f);color:#1e3051}
.design-studies .study-learning .learning-screen::before{content:"";position:absolute;right:-8%;bottom:-28%;width:46%;aspect-ratio:1;border-radius:50%;background:rgba(116,213,199,.58);box-shadow:0 0 0 14px rgba(116,213,199,.12)}
.design-studies .study-learning .learning-progress{height:6px;border-radius:99px;background:#ebd18a}
.design-studies .study-learning .learning-progress span{border-radius:99px;background:linear-gradient(90deg,#4a69aa,#7a5cbb)}
.design-studies .study-learning .learning-count{color:#40537a;font-size:9px;letter-spacing:.06em}
.design-studies .study-learning .learning-count b{color:#384b7b}
.design-studies .study-learning .learning-spark{position:absolute;right:12%;top:24%;width:23%;height:22%;border:1px dashed rgba(90,80,154,.42);border-radius:44% 56% 52% 48%;transform:rotate(-12deg)}
.design-studies .study-learning .learning-spark i{position:absolute;width:9px;height:9px;border-radius:50%;background:#f27d79;box-shadow:0 0 0 4px rgba(242,125,121,.15)}
.design-studies .study-learning .learning-spark i:nth-child(1){left:9%;top:27%}
.design-studies .study-learning .learning-spark i:nth-child(2){right:11%;top:13%;width:6px;height:6px;background:#586bb5}
.design-studies .study-learning .learning-spark i:nth-child(3){left:52%;bottom:3%;width:7px;height:7px;background:#5fbcae}
.design-studies .study-learning .learning-screen h3{top:25%;left:8%;max-width:54%;font-size:clamp(1.45rem,3.1vw,2.35rem);line-height:.86;letter-spacing:-.06em;color:#1a2e50}
.design-studies .study-learning .word-slots{left:8%;top:61%;gap:clamp(4px,.6vw,8px)}
.design-studies .study-learning .word-slots>*{width:clamp(27px,2.45vw,36px);height:clamp(30px,2.75vw,40px);border:0;border-radius:10px;background:#fffaf0;color:#344577;box-shadow:0 5px 12px rgba(61,73,117,.12);font-size:clamp(15px,1.4vw,19px)}
.design-studies .study-learning .word-slots>*:nth-child(2){background:#d8f0dd}
.design-studies .study-learning .word-slots i{background:rgba(255,255,255,.38);border:1px dashed rgba(58,75,123,.55);box-shadow:none}
.design-studies .study-learning .letter-bank{right:8%;top:62%;gap:clamp(4px,.55vw,7px)}
.design-studies .study-learning .letter-bank b{width:clamp(24px,2.1vw,31px);height:clamp(24px,2.1vw,31px);background:#5369a9;color:#fff;border:2px solid rgba(255,255,255,.75);font-size:clamp(11px,1vw,14px);box-shadow:0 4px 10px rgba(48,61,113,.2)}
.design-studies .study-learning .letter-bank b:nth-child(2){background:#df776f}
.design-studies .study-learning .letter-bank b:nth-child(3){background:#4d9d93}
.design-studies .study-learning .learning-help{left:8%;bottom:8%;color:#536284;font-size:9px}

.design-studies .study-professional .professional-screen{position:relative;display:block;overflow:hidden;padding:0!important;background:linear-gradient(115deg,#273a4b 0 24%,#edf0e9 24% 100%);color:#1d3038}
.design-studies .study-professional .professional-screen::before{inset:0;width:24%;clip-path:none;background:linear-gradient(160deg,#364d5c,#1d303d);box-shadow:inset -1px 0 rgba(255,255,255,.16)}
.design-studies .study-professional .professional-screen::after{right:-15%;top:-30%;width:45%;height:120%;border-color:rgba(37,92,100,.14);box-shadow:0 0 0 26px rgba(37,92,100,.025),0 0 0 54px rgba(37,92,100,.02)}
.design-studies .study-professional .professional-side{left:5%;top:11%;width:15%;height:78%;padding:0;background:transparent;color:#f3f0e5}
.design-studies .study-professional .professional-side strong{font-size:clamp(9px,.9vw,12px);letter-spacing:.07em;text-transform:uppercase;color:#f4c198}
.design-studies .study-professional .professional-side span{font:500 clamp(7px,.66vw,9px)/1.8 "IBM Plex Mono",monospace;color:#c5d0cc}
.design-studies .study-professional .professional-main h3{left:28%;right:7%;top:18%;width:47%;font:400 clamp(1.15rem,2.4vw,1.7rem)/.98 "DM Serif Display",Georgia,serif;letter-spacing:-.025em;color:#23353d}
.design-studies .study-professional .professional-main p{left:28%;right:7%;top:51%;width:44%;color:#667674;font-size:clamp(8px,.72vw,10px)}
.design-studies .study-professional .professional-links{left:74%;right:6%;top:25%;bottom:auto;display:grid;grid-template-columns:1fr;gap:5px}
.design-studies .study-professional .professional-links span{padding:7px 7px;border:1px solid rgba(40,76,80,.15);border-radius:4px;background:rgba(255,255,255,.69);color:#28474b;font-size:clamp(7px,.64vw,9px)}
.design-studies .study-professional .professional-main>b{left:28%;right:auto;top:auto;bottom:9%;background:#d77e58;color:#241f23;padding:7px 10px;border-radius:3px;font-size:8px}

.design-studies .study-minimal .practice-screen{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(124deg,#132633 0 43%,#ece9e1 43% 100%);color:#1c2e37}
.design-studies .study-minimal .practice-screen::before{content:"";position:absolute;z-index:0;inset:0 0 0 42%;background:linear-gradient(0deg,rgba(20,51,63,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,51,63,.055) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,#000,transparent 92%)}
.design-studies .study-minimal .practice-screen>*{position:absolute;z-index:1;min-width:0}
.design-studies .study-minimal .practice-top{left:7%;right:7%;top:8%;display:flex;justify-content:space-between;color:#d7e3e2;font:500 8px/1.2 "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.design-studies .study-minimal .practice-top span:last-child{color:#5f777a}
.design-studies .study-minimal .practice-spine{left:42%;top:20%;bottom:12%;width:1px;background:rgba(255,255,255,.25)}
.design-studies .study-minimal .practice-spine i{position:absolute;left:-1px;top:36%;width:3px;height:28%;background:#f07757;box-shadow:0 0 18px rgba(240,119,87,.4)}
.design-studies .study-minimal .practice-copy{left:51%;right:7%;top:25%;display:grid;gap:7px}
.design-studies .study-minimal .practice-copy span{color:#527078;font:400 clamp(1.15rem,2.2vw,1.65rem)/1 "DM Serif Display",Georgia,serif;letter-spacing:-.04em}
.design-studies .study-minimal .practice-copy strong{color:#182c37;font:600 clamp(1.45rem,3vw,2.3rem)/.85 "IBM Plex Sans",sans-serif;letter-spacing:-.075em}
.design-studies .study-minimal .practice-footer{left:7%;right:8%;bottom:10%;display:flex;align-items:center;gap:6px}
.design-studies .study-minimal .practice-footer i{display:block;width:18%;height:2px;background:rgba(214,229,226,.5)}
.design-studies .study-minimal .practice-footer i:nth-child(2){width:30%;background:#f07757}
.design-studies .study-minimal .practice-footer i:nth-child(3){width:10%;background:rgba(214,229,226,.28)}

.design-studies .study-playful .study-screen{position:relative;isolation:isolate;overflow:hidden;background:#ec4f8d;color:#24162d}
.design-studies .study-playful .study-screen::before{content:"";position:absolute;z-index:1;left:5%;top:15%;width:57%;height:70%;border:1px solid rgba(255,242,220,.6);border-radius:44% 56% 63% 37% / 42% 45% 55% 58%;background:radial-gradient(ellipse at 66% 45%,rgba(255,230,115,.24),transparent 52%);transform:rotate(-8deg)}
.design-studies .study-playful .study-screen::after{content:"";position:absolute;z-index:1;left:12%;top:22%;width:46%;height:54%;border:1px solid rgba(39,22,45,.19);border-radius:52% 48% 39% 61% / 58% 39% 61% 42%;transform:rotate(11deg)}
.design-studies .study-playful .study-screen>*{z-index:2}
.design-studies .study-playful .study-screen>strong{left:10%;top:25%;max-width:54%;font:700 clamp(2.1rem,4vw,3.8rem)/.79 "Trebuchet MS",sans-serif;letter-spacing:-.085em;text-shadow:0 2px 0 rgba(255,239,209,.3)}
.design-studies .study-playful .shape-a{right:-9%;bottom:-23%;width:56%;background:#79ddcb;box-shadow:inset 0 0 0 1px rgba(29,71,75,.15)}
.design-studies .study-playful .shape-b{right:17%;top:10%;width:18%;background:#ffe36e;box-shadow:0 9px 20px rgba(62,34,57,.15)}
.design-studies .study-playful .play-frame{position:absolute;left:8%;top:20%;width:52%;height:61%;border:1px solid rgba(255,250,238,.45);border-radius:28% 72% 49% 51%;transform:rotate(5deg)}
.design-studies .study-playful .play-scroll{position:absolute;right:5%;top:17%;bottom:17%;width:8px;border:1px solid rgba(38,32,54,.48);border-radius:999px;background:rgba(255,255,255,.26)}
.design-studies .study-playful .play-scroll::before{content:"";position:absolute;left:2px;right:2px;top:7%;bottom:7%;border-radius:99px;background:rgba(255,255,255,.35)}
.design-studies .study-playful .play-scroll i{position:absolute;left:-3px;top:36%;width:12px;height:27%;border:1px solid #fff7e8;border-radius:99px;background:#2d233d;box-shadow:0 0 12px rgba(38,28,55,.22)}

.design-studies .study-product .study-screen{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 77% 47%,rgba(36,127,165,.2),transparent 38%),linear-gradient(145deg,#08141f,#132634 72%,#09151f);color:#e4f2ff}
.design-studies .study-product .study-screen::before{opacity:.22;background-size:22px 22px,22px 22px,100% 100%}
.design-studies .study-product .study-screen::after{content:"";position:absolute;z-index:0;right:8%;top:16%;width:42%;height:64%;border:1px solid rgba(106,201,226,.27);border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 0 12px rgba(106,201,226,.035),inset 0 0 30px rgba(61,157,192,.08)}
.design-studies .study-product .study-screen>*{z-index:1}
.design-studies .study-product .study-nav{left:7%;top:8%;color:#b8d1da;letter-spacing:.12em}
.design-studies .study-product .product-ring{position:absolute;right:20%;top:25%;width:30%;aspect-ratio:1;border:1px dashed rgba(118,220,237,.48);border-radius:50%;box-shadow:0 0 32px rgba(70,171,201,.08)}
.design-studies .study-product .product-ring::before, .design-studies .study-product .product-ring::after{content:"";position:absolute;inset:18%;border:1px solid rgba(118,220,237,.22);border-radius:50%}
.design-studies .study-product .product-ring::after{inset:43%;background:#7ef1be;border:0;box-shadow:0 0 16px rgba(126,241,190,.65)}
.design-studies .study-product .study-metric{left:8%;top:29%;width:35%;padding:11px 12px 10px;border:1px solid rgba(184,220,237,.17);border-radius:6px;background:rgba(9,25,36,.75);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.design-studies .study-product .study-metric b{font-size:clamp(2.4rem,4.5vw,4.1rem);line-height:.92}
.design-studies .study-product .study-metric i{width:100%;height:3px;margin-top:8px;background:linear-gradient(90deg,#5caad2,#7ef1be)}
.design-studies .study-product .study-chart{right:8%;bottom:13%;width:26%;height:30%;gap:clamp(5px,.7vw,10px);padding:0 0 4px;border-bottom:1px solid rgba(163,207,223,.35)}
.design-studies .study-product .study-chart span{flex:1;max-width:18px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#5a9dc1,#315671)}
.design-studies .study-product .study-chart span:nth-child(4){background:linear-gradient(180deg,#91f0c7,#31aa9c)}

.design-studies .study-accessible .study-screen{position:relative;isolation:isolate;overflow:hidden;border:0;border-top:5px solid #16a49d;background:linear-gradient(145deg,#eff7f5,#d7eaf0 70%,#c9e4e6);color:#102d40}
.design-studies .study-accessible .study-screen::before{content:"";position:absolute;z-index:0;right:7%;top:17%;width:24%;aspect-ratio:1;border:1px solid rgba(23,131,139,.24);border-radius:50%;box-shadow:0 0 0 10px rgba(23,131,139,.045),0 0 0 22px rgba(23,131,139,.025)}
.design-studies .study-accessible .study-screen>*{z-index:1}
.design-studies .study-accessible .study-nav{left:7%;top:8%;color:#31716f;letter-spacing:.14em}
.design-studies .study-accessible .study-screen>strong{left:7%;top:27%;max-width:64%;font:400 clamp(1.1rem,6cqw,1.55rem)/1.06 "DM Serif Display",Georgia,serif;letter-spacing:-.025em;color:#173547}
.design-studies .study-accessible .study-actions{left:7%;right:7%;bottom:9%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.design-studies .study-accessible .study-actions button{position:relative;display:flex;align-items:center;min-width:0;min-height:42px;padding:9px 10px;border:1px solid rgba(18,71,88,.18);border-radius:6px;background:#174e65;color:#fff;font:600 clamp(9px,.85vw,12px)/1.2 "IBM Plex Sans",sans-serif;text-align:left;cursor:pointer;box-shadow:0 7px 16px rgba(22,64,77,.12);touch-action:manipulation}
.design-studies .study-accessible .study-actions button::before{content:"";flex:0 0 auto;width:13px;height:13px;margin-right:8px;border:1.5px solid currentColor;border-radius:4px;opacity:.85}
.design-studies .study-accessible .study-actions button:last-child{background:#c65c48;border-color:#b84d3d}
.design-studies .study-accessible .study-actions button:hover{filter:brightness(1.08)}
.design-studies .study-accessible .study-actions button:focus-visible{outline:3px solid #153f55;outline-offset:3px}
.design-studies .study-accessible .study-screen::before{top:17%;right:8%;width:22%;height:17%;aspect-ratio:1.45;border:1px solid rgba(23,131,139,.34);border-radius:14px 14px 14px 4px;background:rgba(255,255,255,.72);box-shadow:0 6px 14px rgba(23,78,91,.08);content:""}
.design-studies .study-accessible .study-screen::after{content:"•••";position:absolute;z-index:1;right:12.3%;top:19.5%;color:#6caaa2;font:700 clamp(13px,2.6cqi,18px)/1 "IBM Plex Sans",sans-serif;letter-spacing:.12em}




.design-studies .study-dinosaur .dinosaur-header{position:absolute;left:7%;right:7%;top:8%;display:flex;justify-content:space-between;color:#bed4e9;font:500 8px "IBM Plex Mono",monospace;letter-spacing:.12em}
















.design-studies .study-dinosaur .dinosaur-screen{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 76% 47%,rgba(140,116,65,.24),transparent 38%),linear-gradient(145deg,#141d20,#1f2a28 62%,#101719);color:#f2eee2}
.design-studies .study-dinosaur .dinosaur-screen::before{content:"";position:absolute;inset:0;z-index:0;opacity:.36;background:repeating-radial-gradient(ellipse at 76% 51%,transparent 0 15px,rgba(217,190,120,.16) 16px 17px,transparent 18px 30px),linear-gradient(rgba(215,197,151,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(215,197,151,.07) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;mask-image:linear-gradient(90deg,transparent 22%,#000)}
.design-studies .study-dinosaur .dinosaur-screen>*{z-index:1}
.design-studies .study-dinosaur .dinosaur-header{color:#d5cfb6}
.design-studies .study-dinosaur .dinosaur-header span:last-child{color:#c6df85}
.design-studies .study-dinosaur .dinosaur-scan{position:absolute;right:8%;top:21%;width:37%;height:44%;border:1px solid rgba(204,185,132,.45);background:linear-gradient(rgba(203,190,154,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(203,190,154,.11) 1px,transparent 1px);background-size:14px 14px;clip-path:polygon(8% 0,100% 0,92% 100%,0 87%)}
.design-studies .study-dinosaur .dinosaur-scan::before, .design-studies .study-dinosaur .dinosaur-scan::after{content:"";position:absolute;inset:18%;border:1px solid rgba(221,203,154,.43);border-radius:50%;transform:rotate(-22deg)}
.design-studies .study-dinosaur .dinosaur-scan::after{inset:30% 8%;border-radius:0;border-color:rgba(198,223,133,.65);transform:rotate(18deg)}
.design-studies .study-dinosaur .dinosaur-scan i{position:absolute;left:50%;top:12%;bottom:12%;border-left:1px dashed rgba(233,222,191,.48)}
.design-studies .study-dinosaur .dinosaur-scan b{position:absolute;left:12%;right:12%;top:50%;border-top:1px dashed rgba(233,222,191,.48)}
.design-studies .study-dinosaur .dinosaur-scan span{position:absolute;left:48%;top:46%;width:8px;height:8px;border-radius:50%;background:#d4e88d;box-shadow:0 0 0 5px rgba(212,232,141,.15),0 0 18px rgba(212,232,141,.6)}
.design-studies .study-dinosaur .dinosaur-focus{position:absolute;left:7%;top:29%;width:47%}
.design-studies .study-dinosaur .dinosaur-focus small{color:#b9cb8c;font:500 8px "IBM Plex Mono",monospace;letter-spacing:.12em}
.design-studies .study-dinosaur .dinosaur-focus h3{margin:7px 0 0;color:#f4efe3;font:400 clamp(1.2rem,2.5vw,2rem)/.92 "DM Serif Display",Georgia,serif;letter-spacing:-.025em}
.design-studies .study-dinosaur .dinosaur-species{position:absolute;right:7%;top:70%;width:37%;display:flex;flex-direction:column;gap:3px;color:#c6c0ab;font:7px "IBM Plex Mono",monospace}
.design-studies .study-dinosaur .dinosaur-periods{position:absolute;left:7%;right:7%;bottom:8%;display:flex;justify-content:space-between;gap:6px;padding-top:7px;border-top:1px solid rgba(221,211,184,.23);color:#aeb8a8;font:7px "IBM Plex Mono",monospace;text-transform:uppercase}
.design-studies .study-dinosaur .dinosaur-periods b{color:#d6e99a;font-weight:600}

@media(max-width:760px){
 .design-studies .study-calm .calm-copy{top:28%;width:61%}
 .design-studies .study-calm .calm-copy h3{font-size:clamp(1.2rem,5vw,1.65rem)}
 .design-studies .study-calm .calm-orbit{right:8%;top:32%;width:22%}
 .design-studies .study-calm .calm-task{bottom:23%;padding:8px}
 .design-studies .study-editorial .editorial-screen h3{font-size:clamp(2rem,8.7vw,3.3rem);line-height:.78}
 .design-studies .study-local .local-service{top:31%;width:51%}
 .design-studies .study-local .local-service h3{font-size:clamp(1.1rem,4.5vw,1.5rem)}
 .design-studies .study-local .local-screen aside{right:5%;top:27%;width:29%;padding:7px}
 .design-studies .study-professional .professional-screen{background:linear-gradient(115deg,#273a4b 0 24%,#edf0e9 24% 100%)}
 .design-studies .study-professional .professional-main h3{top:19%;font-size:clamp(1rem,4.2vw,1.3rem)}
 .design-studies .study-professional .professional-main p{top:49%;font-size:8px}
 .design-studies .study-professional .professional-links{top:27%;gap:4px}
 .design-studies .study-professional .professional-links span{padding:6px 5px;font-size:7px}
 .design-studies .study-professional .professional-main>b{bottom:8%;font-size:7px}
 .design-studies .study-minimal .practice-copy{left:49%;right:6%;top:29%}
 .design-studies .study-minimal .practice-copy strong{font-size:clamp(1.25rem,5.5vw,1.8rem)}
 .design-studies .study-playful .study-screen>strong{top:25%;font-size:clamp(2rem,8vw,2.9rem)}
 .design-studies .study-accessible .study-screen>strong{font-size:clamp(1.35rem,5.6vw,1.8rem)}
 .design-studies .study-accessible .study-actions{gap:6px}
 .design-studies .study-accessible .study-actions button{min-height:42px;padding:7px;font-size:9px}

 
 
 .design-studies .study-dinosaur .dinosaur-focus{top:33%;width:47%}
 .design-studies .study-dinosaur .dinosaur-focus h3{font-size:clamp(1.12rem,4.8vw,1.65rem)}
 .design-studies .study-dinosaur .dinosaur-species{top:70%;font-size:6px}
 .design-studies .study-dinosaur .dinosaur-periods{font-size:6px;gap:4px}
}

/* Keep the editorial title clear of its abstract image. */
.design-studies .study-editorial .editorial-screen h3{font-size:clamp(2.1rem,4.15vw,3.45rem);line-height:.78}
.design-studies .study-editorial .editorial-screen h3 em{margin-top:0;padding:.025em .09em .07em}
.design-studies .study-editorial .editorial-image{left:15%;bottom:7%;width:46%;height:16%;opacity:.78}
@media(max-width:760px){.design-studies .study-editorial .editorial-screen h3{font-size:clamp(2rem,7.2vw,2.8rem)}}

/* Focused follow-up: homepage copy and Interface Studies only. */

.design-studies .study-care .care-top{letter-spacing:.09em}
.design-studies .study-care .care-top span:last-child{padding:4px 7px;border:1px solid rgba(112,82,64,.22);border-radius:999px;background:rgba(255,249,239,.55);font-size:7px}

/* Arts editorial cover: a dark plum field and a separate photographic plane. */
.design-studies .study-editorial .editorial-screen{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 76% 24%,rgba(173,114,157,.28),transparent 36%),linear-gradient(145deg,#2a2343,#322444 56%,#171b33);color:#f4ede2}
.design-studies .study-editorial .editorial-screen::before{content:"";position:absolute;z-index:0;right:-14%;top:-30%;width:70%;height:110%;border:1px solid rgba(233,204,223,.19);border-radius:50%;transform:rotate(-21deg);box-shadow:0 0 0 20px rgba(196,144,189,.035),0 0 0 48px rgba(196,144,189,.025)}
.design-studies .study-editorial .editorial-rail{z-index:2;color:#c7b4ce}
.design-studies .study-editorial .editorial-screen h3{z-index:2;right:7%;top:9%;width:66%;font-size:clamp(2.2rem,4.7vw,4.05rem);line-height:.77;color:#f6efe5;text-shadow:0 9px 26px rgba(4,5,17,.35)}
.design-studies .study-editorial .editorial-screen h3 em{background:transparent;color:#f2a79d;box-shadow:none;padding:0;text-shadow:0 0 26px rgba(242,167,157,.18)}
.design-studies .study-editorial .editorial-image{z-index:1;left:12%;bottom:9%;width:49%;height:20%;border:1px solid rgba(246,229,210,.28);background:linear-gradient(155deg,transparent 0 25%,rgba(239,194,161,.85) 25.4% 26%,transparent 26.5%),repeating-linear-gradient(135deg,#6b5263 0 13px,#c19d9a 13px 15px,#3e304c 15px 32px);box-shadow:0 18px 34px rgba(5,7,18,.35);transform:skewY(-6deg)}
.design-studies .study-editorial .editorial-index{z-index:2;color:#ead6df}

/* Seasonal menu: pull the menu column halfway toward the left edge. */
.design-studies .study-food .food-menu{left:4%;width:58%}

/* Local service map: the pale region is a route map, not an empty card. */
.design-studies .study-local .local-screen{background:linear-gradient(112deg,#143843 0 59%,#e7ece5 59% 100%)}
.design-studies .study-local .local-screen::before{inset:0 39% 0 0;width:auto;clip-path:polygon(0 0,100% 0,89% 100%,0 100%);background:linear-gradient(148deg,#164652,#102b36 75%);box-shadow:none}
.design-studies .study-local .local-screen::after{content:none}
.design-studies .study-local .local-route{position:absolute;z-index:1;display:block;right:3%;top:17%;width:37%;height:57%;overflow:hidden;border:1px solid rgba(28,64,66,.17);border-radius:10px;background:#e9eee7;box-shadow:0 14px 28px rgba(19,49,48,.17)}
.design-studies .study-local .local-route .map-river{fill:none;stroke:#a8d3d0;stroke-width:15;opacity:.85}
.design-studies .study-local .local-route .map-streets{fill:none;stroke:#fffdf6;stroke-width:9;stroke-linecap:round;opacity:.96}
.design-studies .study-local .local-route .map-streets path{vector-effect:non-scaling-stroke}
.design-studies .study-local .local-route .map-route-line{fill:none;stroke:#397fe0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(23,62,110,.22))}
.design-studies .study-local .local-route .map-route-start{fill:#fff;border:0;stroke:#397fe0;stroke-width:4}
.design-studies .study-local .local-route .map-route-pin path{fill:#397fe0;stroke:#fff;stroke-width:1.4}
.design-studies .study-local .local-route .map-route-pin circle{fill:#fff}
.design-studies .study-local .local-route .map-labels{fill:#57706c;font:6px "IBM Plex Mono",monospace;letter-spacing:.08em}
.design-studies .study-local .local-service{top:31%;width:51%}
.design-studies .study-local .local-screen aside{right:5%;top:auto;bottom:8%;width:37%;min-height:19%;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:5px;padding:7px 9px;border:1px solid rgba(26,61,65,.13);border-radius:7px;background:rgba(250,250,244,.96);box-shadow:0 9px 22px rgba(25,51,51,.11)}
.design-studies .study-local .local-screen aside strong{font-size:clamp(9px,.95vw,12px)}
.design-studies .study-local .local-screen aside span{font-size:7px;line-height:1.15}
.design-studies .study-local .local-screen aside hr{display:none}

/* Professional-services portal: compact practice navigation and service routes. */
.design-studies .study-professional .professional-screen{background:radial-gradient(ellipse at 87% 20%,rgba(104,143,173,.17),transparent 33%),linear-gradient(145deg,#171c2b,#202a3a 73%,#19232e);color:#edf1e9}
.design-studies .study-professional .professional-screen::before{inset:0 0 auto;height:19%;width:auto;clip-path:none;background:linear-gradient(90deg,#2b3445,#202b38);border-bottom:1px solid rgba(200,215,224,.18);box-shadow:none}
.design-studies .study-professional .professional-screen::after{right:-14%;top:18%;width:47%;height:95%;border-color:rgba(157,203,217,.17);box-shadow:0 0 0 28px rgba(122,178,193,.025),0 0 0 57px rgba(122,178,193,.02)}
.design-studies .study-professional .professional-side{left:6%;top:6%;width:88%;height:8%;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e7e4d7;font-size:7px}
.design-studies .study-professional .professional-side strong{font-size:8px;color:#e4b886}
.design-studies .study-professional .professional-side span{max-width:66%;line-height:1.2;text-align:right;color:#c6d1d2}
.design-studies .study-professional .professional-main h3{left:7%;right:auto;top:31%;width:47%;font:600 clamp(1.05rem,2.2vw,1.55rem)/.94 "IBM Plex Sans",sans-serif;letter-spacing:-.055em;color:#f5f4eb}
.design-studies .study-professional .professional-main p{left:7%;right:auto;top:56%;width:43%;color:#b8c5c8;font-size:clamp(8px,.72vw,10px)}
.design-studies .study-professional .professional-links{left:59%;right:7%;top:26%;bottom:auto;display:grid;grid-template-columns:1fr;gap:6px}
.design-studies .study-professional .professional-links span{padding:7px 8px;border:1px solid rgba(194,216,221,.18);border-radius:4px;background:rgba(238,244,238,.07);color:#e4edef;font-size:clamp(7px,.7vw,9px);line-height:1.15}
.design-studies .study-professional .professional-links span::after{content:"↗";float:right;color:#e4b886}
.design-studies .study-professional .professional-main>b{left:7%;right:auto;top:76%;padding:6px 9px;border:1px solid rgba(228,184,134,.64);border-radius:3px;background:transparent;color:#f0d3b0;font-size:7px}

/* Arts and culture: retain its purple base, add a darker violet depth layer. */
.design-studies .study-culture .culture-screen{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 26%,rgba(111,69,145,.52),transparent 43%),linear-gradient(136deg,#32254d 0%,#251a3b 60%,#17132c 100%);color:#ffa082}
.design-studies .study-culture .culture-screen::before{content:"";position:absolute;z-index:0;inset:0 52% 0 0;background:linear-gradient(150deg,rgba(113,69,139,.38),rgba(16,16,39,.58));clip-path:polygon(0 0,100% 0,84% 100%,0 100%)}
.design-studies .study-culture .culture-screen>*{z-index:1}
.design-studies .study-culture .culture-type i{color:#f2d47c}

/* Editorial restraint / local service: add material depth to the two small studies. */
.design-studies .study-luxury-mini .study-screen{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 18%,rgba(255,246,221,.85),transparent 29%),linear-gradient(145deg,#eee7da,#cbbfac 65%,#a59583);box-shadow:inset 0 0 0 1px rgba(55,42,30,.14)}
.design-studies .study-luxury-mini .study-screen::before{content:"";position:absolute;inset:11% 7% 9% 41%;border:1px solid rgba(49,43,38,.24);background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(126,108,89,.11));box-shadow:12px 12px 0 rgba(60,48,36,.08),24px 24px 0 rgba(60,48,36,.04);transform:skewY(-7deg)}
.design-studies .study-luxury-mini .study-screen>strong{z-index:2;left:8%;right:auto;top:30%;max-width:55%;font-size:clamp(1.45rem,3vw,2.55rem);color:#29241f;text-shadow:0 4px 14px rgba(255,255,255,.4)}
.design-studies .study-luxury-mini .study-screen>i{z-index:1;left:47%;top:19%;width:35%;height:66%;border:1px solid rgba(255,255,255,.48);border-radius:48% 48% 8% 8%;background:linear-gradient(145deg,#9d8b78,#665647 65%,#463c34);box-shadow:16px 14px 28px rgba(38,28,19,.28),inset 0 1px rgba(255,255,255,.42)}
.design-studies .study-local-mini .study-screen{isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#f4de63 0 66%,#cfb73f 66% 100%);box-shadow:inset 0 0 0 1px rgba(44,45,26,.2),0 15px 26px rgba(0,0,0,.14)}
.design-studies .study-local-mini .study-screen::before{inset:-18% 43% -20% -4%;border-color:rgba(31,45,40,.27);transform:rotate(32deg);box-shadow:20px 0 rgba(31,45,40,.08),40px 0 rgba(31,45,40,.055),60px 0 rgba(31,45,40,.035)}
.design-studies .study-local-mini .study-screen::after{right:-9%;top:-24%;width:48%;border-color:rgba(38,52,45,.24);box-shadow:0 0 0 18px rgba(38,52,45,.07),0 0 0 38px rgba(38,52,45,.035)}
.design-studies .study-local-mini .study-screen>strong{z-index:2;max-width:66%;font-size:clamp(1.45rem,3.05vw,2.65rem);line-height:.85;text-shadow:0 2px rgba(255,248,197,.52)}
.design-studies .study-local-mini .study-screen>b{z-index:2;box-shadow:0 9px 20px rgba(20,25,19,.22);border-radius:3px}

/* Product system: give the metrics a donut and a separate trend graph. */
.design-studies .study-product .product-pie{position:absolute;right:8%;bottom:13%;width:clamp(48px,7vw,74px);aspect-ratio:1;border-radius:50%;background:conic-gradient(#8af0ca 0 38%,#4e9ac2 38% 68%,#41596f 68% 87%,#e4a96f 87% 100%);box-shadow:0 0 22px rgba(96,200,210,.13)}
.design-studies .study-product .product-pie::before{content:"";position:absolute;inset:25%;border:1px solid rgba(152,218,226,.35);border-radius:50%;background:#10202b}
.design-studies .study-product .product-pie::after{content:"";position:absolute;right:5%;top:11%;width:7px;height:7px;border-radius:50%;background:#e6ab72;box-shadow:0 0 0 3px rgba(230,171,114,.13)}
.design-studies .study-product .product-pie i{position:absolute;inset:-5px;border:1px solid rgba(151,213,226,.25);border-radius:50%}
.design-studies .study-product .study-chart{left:8%;right:auto;bottom:13%;width:24%;height:27%;gap:clamp(4px,.6vw,8px)}
.design-studies .study-product .product-graph{position:absolute;left:8%;bottom:45%;width:28%;height:22%;padding:4px;border:1px solid rgba(155,198,218,.14);border-radius:4px;background:rgba(10,25,36,.72)}
.design-studies .study-product .product-graph svg{width:100%;height:100%;overflow:visible}
.design-studies .study-product .graph-area{fill:rgba(102,192,210,.12)}
.design-studies .study-product .graph-line{fill:none;stroke:#83e7d0;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(131,231,208,.4))}

/* Diagonal catalogue: the wide inset panel now anchors the entire composition. */
.design-studies .study-diagonal .diagonal-screen{isolation:isolate;background:linear-gradient(145deg,#171c32,#27344b 60%,#111c2b);color:#fff0dc}
.design-studies .study-diagonal .diagonal-cut{z-index:0;inset:19% 6% 13% 6%;transform:none;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);background:linear-gradient(112deg,#5e75a5,#826e9f 48%,#d17d65 100%);border:1px solid rgba(246,232,210,.58);box-shadow:0 20px 38px rgba(2,7,18,.34),inset 0 1px rgba(255,255,255,.3)}
.design-studies .study-diagonal .diagonal-cut::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.34) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.22) 50%,transparent 50.3%);opacity:.4}
.design-studies .study-diagonal .diagonal-nav{z-index:2;color:#cedaef}
.design-studies .study-diagonal .diagonal-screen h3{z-index:2;left:11%;top:30%;font-size:clamp(2.15rem,4vw,3.6rem);color:#fffaf1;text-shadow:0 8px 20px rgba(26,24,54,.2)}
.design-studies .study-diagonal .diagonal-copy{z-index:2;left:11%;bottom:22%;width:40%;max-width:33ch;color:#fff4e9}
.design-studies .study-diagonal .diagonal-index{z-index:2;right:12%;bottom:20%;padding:8px 10px;border-left:1px solid rgba(255,255,255,.55);color:#fff5e8}

/* Lower the wayfinding title within the map composition. */
.design-studies .study-wayfinding .wayfinding-title{top:43%}

/* Planet scale rail: one orbital bead, stem, and label per planet. */



















/* Dinosaur viewer: Pangaea reference beside a rotatable 3D specimen. */
.design-studies .study-dinosaur .dinosaur-screen{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 74% 47%,rgba(52,107,111,.28),transparent 43%),linear-gradient(145deg,#0d171c,#1c292d 58%,#111a20);color:#e8ebdb}
.design-studies .study-dinosaur .dinosaur-screen::before{content:"";position:absolute;z-index:0;inset:0;opacity:.22;background:linear-gradient(rgba(193,207,179,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(193,207,179,.08) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse at 75% 48%,#000,transparent 75%)}
.design-studies .study-dinosaur .dinosaur-screen>*{z-index:1}
.design-studies .study-dinosaur .dinosaur-header{color:#d5ddc6}
.design-studies .study-dinosaur .dinosaur-header span:last-child{color:#a6d3ca}
.design-studies .study-dinosaur .pangaea-panel{position:absolute;left:7%;top:25%;width:27%;height:40%;display:grid;align-content:center;justify-items:start;gap:3px;padding:6px;border:1px solid rgba(192,207,174,.18);border-radius:5px;background:linear-gradient(145deg,rgba(225,231,205,.08),rgba(14,28,32,.5))}
.design-studies .study-dinosaur .pangaea-map{width:100%;height:70%;overflow:visible;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}
.design-studies .study-dinosaur .pangaea-map path:first-child{fill:#b5b99a;stroke:#e0d9b1;stroke-width:2;stroke-linejoin:round}
.design-studies .study-dinosaur .pangaea-map .pangaea-rift{fill:none;stroke:#647d70;stroke-width:2.2;stroke-dasharray:3 3}
.design-studies .study-dinosaur .pangaea-panel small{display:block;color:#95afa3;font:6px/1.2 "IBM Plex Mono",monospace;letter-spacing:.1em}
.design-studies .study-dinosaur .pangaea-panel strong{display:block;color:#f0eddb;font:400 clamp(10px,1.1vw,14px)/1 "DM Serif Display",Georgia,serif}
.design-studies .study-dinosaur .dinosaur-focus{left:7%;top:70%;width:34%}
.design-studies .study-dinosaur .dinosaur-focus small{color:#b9ce87;font-size:6px}
.design-studies .study-dinosaur .dinosaur-focus h3{margin:5px 0 2px;font:500 clamp(1.05rem,1.85vw,1.55rem)/.92 "IBM Plex Sans",sans-serif;letter-spacing:-.06em;color:#f5f1df}
.design-studies .study-dinosaur .dinosaur-focus span{color:#afc2b9;font-size:7px}
.design-studies .study-dinosaur .raptor-viewport{position:absolute;right:5%;top:19%;width:61%;height:66%;overflow:hidden;border:1px solid rgba(164,207,205,.23);border-radius:8px;background:radial-gradient(ellipse at 50% 57%,rgba(77,139,136,.23),transparent 55%),linear-gradient(145deg,rgba(10,21,25,.76),rgba(22,38,41,.54));touch-action:none;cursor:grab;box-shadow:inset 0 0 28px rgba(135,205,187,.045)}
.design-studies .study-dinosaur .raptor-viewport:active{cursor:grabbing}
.design-studies .study-dinosaur .raptor-canvas{display:block;width:100%;height:100%}
.design-studies .study-dinosaur .raptor-hint{position:absolute;left:8px;bottom:7px;color:#a9beb3;font:6px "IBM Plex Mono",monospace;letter-spacing:.12em;pointer-events:none}
.design-studies .study-dinosaur .raptor-controls{position:absolute;right:6px;top:6px;display:flex;gap:4px}
.design-studies .study-dinosaur .raptor-controls button{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(194,219,209,.28);border-radius:4px;background:rgba(8,20,23,.76);color:#eff0dc;font:12px/1 "IBM Plex Sans",sans-serif;cursor:pointer}
.design-studies .study-dinosaur .dinosaur-periods{left:43%;right:5%;bottom:6%;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:5px;padding:0;border:0;font-size:6px;letter-spacing:.04em}
.design-studies .study-dinosaur .dinosaur-periods i{height:1px;background:linear-gradient(90deg,rgba(164,190,170,.3),rgba(193,220,164,.8))}
.design-studies .study-dinosaur .dinosaur-periods b{color:#d7e8a0}

/* New neural-network product landing study. */
.design-studies .study-neural .neural-screen{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 76% 48%,rgba(38,114,159,.26),transparent 39%),linear-gradient(145deg,#07131e,#101e2b 60%,#0b1520);color:#ecf5f2}
.design-studies .study-neural .neural-screen::before{content:"";position:absolute;inset:0;opacity:.25;background:linear-gradient(rgba(106,163,193,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(106,163,193,.1) 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent,#000 35%,#000)}
.design-studies .study-neural .neural-screen>*{z-index:1}
.design-studies .study-neural .neural-header{position:absolute;left:7%;right:7%;top:8%;display:flex;justify-content:space-between;color:#bed6df;font:500 7px "IBM Plex Mono",monospace;letter-spacing:.12em}
.design-studies .study-neural .neural-header span:last-child{color:#8ce6cc}
.design-studies .study-neural .neural-copy{position:absolute;left:7%;top:27%;width:41%}
.design-studies .study-neural .neural-copy small{color:#8db5c1;font:500 6px "IBM Plex Mono",monospace;letter-spacing:.09em}
.design-studies .study-neural .neural-copy h3{margin:8px 0 5px;font:500 clamp(1.15rem,2.4vw,1.95rem)/.92 "IBM Plex Sans",sans-serif;letter-spacing:-.055em;color:#f2f4e8}
.design-studies .study-neural .neural-copy p{max-width:26ch;margin:0;color:#acc2ca;font-size:clamp(8px,.72vw,10px);line-height:1.35}
.design-studies .study-neural .neural-copy>b{display:inline-flex;align-items:center;gap:10px;margin-top:13px;padding:7px 9px;border:1px solid rgba(120,211,198,.42);border-radius:3px;color:#c7f1e3;font-size:7px;font-weight:500}
.design-studies .study-neural .neural-copy>b i{font-style:normal;color:#89e3cf}
.design-studies .study-neural .neural-map{position:absolute;right:4%;top:17%;width:57%;height:62%;overflow:visible;filter:drop-shadow(0 0 8px rgba(55,180,198,.15))}
.design-studies .study-neural .neural-links{fill:none;stroke:rgba(92,188,207,.45);stroke-width:1;vector-effect:non-scaling-stroke}
.design-studies .study-neural .neural-nodes circle{fill:#172c39;stroke:#78d9d4;stroke-width:1.4;vector-effect:non-scaling-stroke}
.design-studies .study-neural .neural-nodes circle:nth-child(5n){fill:#82f3ce;filter:drop-shadow(0 0 5px rgba(130,243,206,.8))}
.design-studies .study-neural .neural-labels{position:absolute;right:8%;left:51%;bottom:12%;display:flex;justify-content:space-between;color:#a6c1c9;font:6px "IBM Plex Mono",monospace;letter-spacing:.09em}

/* Keep the interface demos usable at mobile widths and under reduced motion. */
@media(max-width:760px){
 .design-studies .study-food .food-menu{left:4%;width:61%}
 .design-studies .study-local .local-route{right:3%;top:20%;width:36%;height:52%}
 .design-studies .study-local .local-service{top:31%;width:51%}
 .design-studies .study-local .local-screen aside{right:4%;bottom:7%;width:37%;padding:5px 6px}
 .design-studies .study-professional .professional-side{top:5%;height:9%;font-size:6px}
 .design-studies .study-professional .professional-side span{max-width:67%;font-size:6px}
 .design-studies .study-professional .professional-main h3{left:7%;top:31%;width:47%;font-size:clamp(.92rem,4vw,1.15rem)}
 .design-studies .study-professional .professional-main p{left:7%;top:56%;width:44%;font-size:7px}
 .design-studies .study-professional .professional-links{left:59%;top:27%;right:6%;gap:4px}
 .design-studies .study-professional .professional-links span{padding:5px 6px;font-size:6px}
 .design-studies .study-professional .professional-main>b{left:7%;top:77%;font-size:6px}

 

 
 
 .design-studies .study-dinosaur .pangaea-panel{left:5%;top:24%;width:29%;height:38%;padding:4px}
 .design-studies .study-dinosaur .dinosaur-focus{left:5%;top:66%;width:38%}
 .design-studies .study-dinosaur .raptor-viewport{right:4%;top:20%;width:59%;height:64%}
 .design-studies .study-dinosaur .dinosaur-periods{left:43%;right:4%;font-size:5px;gap:3px}
 .design-studies .study-neural .neural-copy{top:28%;width:43%}
 .design-studies .study-neural .neural-map{right:3%;width:55%;height:58%}
}
@media(prefers-reduced-motion:reduce){.design-studies .study-dinosaur .raptor-canvas{animation:none!important}}


/* Interactive system-map controls and nested planet-scale reset. */
.design-studies .study-system .system-head b{display:inline-flex;align-items:center;gap:5px;color:#8ceec7;font:500 7px "IBM Plex Mono",monospace}
.design-studies .study-system .system-head b i{width:5px;height:5px;border-radius:50%;background:#8ceec7;box-shadow:0 0 9px rgba(140,238,199,.75)}
.design-studies .study-system .system-network{position:absolute;inset:0;transform:scale(var(--system-zoom,1));transform-origin:center;transition:transform .25s ease}
.design-studies .study-system .system-toolbar{position:absolute;z-index:8;right:5%;top:42%;display:grid;grid-template-columns:repeat(2,25px);gap:4px}
.design-studies .study-system .system-toolbar button{display:grid;place-items:center;min-width:0;width:25px;height:23px;padding:0;border:1px solid rgba(131,206,222,.35);border-radius:4px;background:rgba(7,22,32,.9);color:#d9f6f3;font:500 13px/1 "IBM Plex Sans",sans-serif;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.design-studies .study-system .system-toolbar button[data-system-action="expand"]{grid-column:1 / -1;width:100%;color:#8ceec7}
.design-studies .study-system .system-toolbar button:hover, .design-studies .study-system .system-toolbar button:focus-visible{border-color:#9ae8e2;background:#153243;outline:2px solid rgba(129,224,219,.28);outline-offset:1px}
.design-studies .study-system .system-node-custom{z-index:3;padding:5px 6px;border-color:#86d9d9;background:#123544;color:#bff5e9;font-size:6px;box-shadow:0 0 12px rgba(82,208,220,.18)}
.design-studies .study-system .system-added-link{fill:none;stroke:#8ceec7;stroke-width:.4;stroke-dasharray:1.2 1.2;opacity:.88;vector-effect:non-scaling-stroke}
.design-studies .study-system .system-screen[data-expanded="true"] .system-network{transform:scale(1.2)}
.design-studies .study-system .system-screen[data-expanded="true"] .system-toolbar{right:4%;top:39%}





@media(max-width:760px){
 .design-studies .study-system .system-toolbar{right:4%;top:43%;grid-template-columns:repeat(2,22px);gap:3px}
 .design-studies .study-system .system-toolbar button{width:22px;height:21px}
 .design-studies .study-system .system-foot{max-width:65%;font-size:7px}
 .design-studies .study-dinosaur .raptor-controls button{width:19px;height:19px}
}

/* Keep the calm study full-width after its earlier wheel prototype styles. */
.design-studies .study-calm .calm-screen{width:100%!important;height:auto;aspect-ratio:16/10;border-radius:10px;box-shadow:0 18px 48px rgba(0,0,0,.23)}


/* Remove service numbering and rebalance the ledger around its content. */
.service-ledger{counter-reset:none}
.service-row{counter-increment:none;grid-template-columns:minmax(210px,.9fr) minmax(250px,1.25fr) minmax(155px,.7fr)}
.service-row::before{content:none;display:none}
@media(max-width:760px){
 .service-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:12px 22px}
 .service-row h3{grid-column:1;grid-row:1}
 .service-row p{grid-column:2;grid-row:1}
 .service-row>span{grid-column:2;grid-row:2;justify-self:start;text-align:left}
}
@media(max-width:560px){
 .service-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:22px 0}
 .service-row h3, .service-row p, .service-row>span{grid-column:auto;grid-row:auto}
 .service-row h3{font-size:clamp(1.75rem,8vw,2.2rem)}
 .service-row>span{margin-top:2px}
}


/* Focused refinements: calmer page depth, lighter Services intro, and unnumbered process. */
.about-intro{
  background:
    radial-gradient(ellipse at 78% 34%,rgba(49,108,164,.2),transparent 37%),
    linear-gradient(118deg,rgba(4,15,27,.97) 8%,rgba(9,29,46,.94) 58%,rgba(10,39,61,.92)),
    var(--night);
}
.about-intro::before{
  box-shadow:0 0 0 56px rgba(155,193,235,.03),0 0 0 112px rgba(155,193,235,.022),0 0 0 168px rgba(155,193,235,.014),0 0 0 224px rgba(155,193,235,.008);
}
.about-intro::after{box-shadow:0 0 15px 4px rgba(91,151,222,.3),0 0 0 34px rgba(120,171,224,.035)}

.services-hero{
  background:
    radial-gradient(ellipse at 78% 42%,rgba(132,174,215,.18),transparent 36%),
    repeating-linear-gradient(145deg,transparent 0 94px,rgba(36,78,119,.035) 95px,transparent 96px),
    #e9f0f6;
  color:#0a1b2a;
}
.services-hero::after{
  background:linear-gradient(125deg,rgba(255,255,255,.36),transparent 58%,rgba(109,151,193,.055));
}
.services-hero-copy>p:last-child{color:#40566b}
.services-hero-copy .eyebrow{color:#496883}
.service-map{
  border-color:rgba(32,76,120,.22);
  background:repeating-radial-gradient(circle,transparent 0 18%,rgba(42,86,132,.09) 18% 18.4%);
}
.service-map::before, .service-map::after{border-color:rgba(32,76,120,.16)}
.service-map b{color:#10263a}
.map-label{color:#496883}
.map-point{background:#407fbd;box-shadow:0 0 14px 3px rgba(58,134,255,.22)}

.studio-cta{
  background:
    radial-gradient(ellipse at 79% 45%,rgba(30,81,127,.26),transparent 38%),
    linear-gradient(115deg,#071522 0%,#0a1c2b 58%,#0b263c 100%);
}
.cta-linework{
  background:radial-gradient(circle at 52% 50%,rgba(58,134,255,.13),rgba(58,134,255,.025) 34%,transparent 62%);
  box-shadow:0 0 0 90px rgba(138,184,236,.03),0 0 0 180px rgba(138,184,236,.02),0 0 0 270px rgba(138,184,236,.01);
}
.home .process-strip li{grid-template-columns:minmax(0,1fr)}

.home .closing-cta.cosmic-echo{
  background:
    radial-gradient(ellipse at 74% 48%,rgba(42,104,157,.22),transparent 40%),
    linear-gradient(112deg,#071522 0%,#0a1d2c 55%,#0b2539 100%);
}
.home .closing-cta .echo-orbit{
  background:radial-gradient(circle at center,rgba(58,134,255,.16),rgba(58,134,255,.035) 36%,transparent 62%);
  box-shadow:0 0 0 90px rgba(141,189,255,.03),0 0 0 190px rgba(141,189,255,.02),0 0 0 285px rgba(141,189,255,.01);
}
.process-strip li{grid-template-columns:minmax(0,1fr)}


/* Services hero surface: match the white section above. */
.services-hero{background:#fff}
.services-hero::after{background:transparent}




/* Screenshot-requested pale surfaces on the homepage. */
.home .process-strip{
  background:#f6f9fc;
  color:#07131e;
}
.home .process-strip .section-number{color:#496883}
.home .process-strip li{border-color:#cfdae5}
.home .process-strip li p{color:#40566b}

.home .closing-cta.cosmic-echo{
  background:#f6f9fc;
  color:#07131e;
}
.home .closing-cta .eyebrow{color:#496883}
.home .closing-cta .echo-orbit{
  border-color:rgba(55,101,145,.14);
  background:radial-gradient(circle at center,rgba(102,157,208,.1),rgba(102,157,208,.025) 36%,transparent 62%);
  box-shadow:0 0 0 90px rgba(55,101,145,.035),0 0 0 190px rgba(55,101,145,.022),0 0 0 285px rgba(55,101,145,.012);
}
.home .closing-cta .button.light{border:1px solid #cbd8e4}

/* Restore the Services intro to its prior pale-blue surface. */
.services-hero{
  background:
    radial-gradient(ellipse at 78% 42%,rgba(132,174,215,.18),transparent 36%),
    repeating-linear-gradient(145deg,transparent 0 94px,rgba(36,78,119,.035) 95px,transparent 96px),
    #e9f0f6;
}
.services-hero::after{
  background:linear-gradient(125deg,rgba(255,255,255,.36),transparent 58%,rgba(109,151,193,.055));
}

/* Match Common Ground's preview frame to the other studies in Grid view. */
.design-studies[data-mode="grid"] .study-culture .study-screen{aspect-ratio:16 / 10}


/* Homepage Services section: the pale blue used by Four Connected Disciplines. */
.home .capabilities{
  background:#f6f9fc;
  color:#07131e;
  border-top:1px solid #d9e3ec;
  border-bottom:1px solid #d9e3ec;
}
.home .capabilities::before{
  background:radial-gradient(ellipse at 74% 38%,rgba(86,139,189,.08),transparent 58%),linear-gradient(90deg,transparent,rgba(94,151,199,.018));
}
.home .capabilities .capability-blueprint{opacity:.12}
.home .capabilities .capability-blueprint::before, .home .capabilities .capability-blueprint::after{border-color:rgba(53,103,150,.13)}
.home .capabilities .capability-blueprint span{background:rgba(53,103,150,.14)}
.home .capabilities .capability-blueprint i{background:#5a91c3;box-shadow:0 0 14px 4px rgba(87,143,192,.18)}
.home .capabilities-heading .eyebrow{color:#496883}
.home .capabilities-heading h2{color:#07131e}
.home .capabilities-heading .text-link{color:#193f60;border-bottom-color:rgba(25,63,96,.45)}
.home .service-row h3 a{color:#07131e}
.home .service-row{border-color:#cbd7e2}
.home .service-row:hover{background:linear-gradient(90deg,rgba(200,220,245,.28),transparent)}

/* Header project action: a restrained raised, technical surface. */
.home .site-header nav .nav-cta{
  position:relative;
  border:1px solid rgba(165,207,248,.78);
  background:linear-gradient(150deg,rgba(73,126,175,.38),rgba(13,34,52,.96) 68%);
  color:#f2f7fc;
  box-shadow:0 3px 0 rgba(2,9,16,.8),0 8px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.24);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.home .site-header nav .nav-cta:hover{
  transform:translateY(-2px);
  border-color:#d1e7ff;
  background:linear-gradient(150deg,rgba(91,154,211,.48),rgba(17,44,66,.98) 68%);
  box-shadow:0 5px 0 rgba(2,9,16,.76),0 12px 22px rgba(0,0,0,.29),inset 0 1px 0 rgba(255,255,255,.3);
}
.home .site-header nav .nav-cta:active{
  transform:translateY(1px);
  box-shadow:0 1px 0 rgba(2,9,16,.8),0 3px 8px rgba(0,0,0,.2),inset 0 1px 2px rgba(0,0,0,.22);
}

/* Restore the Services page hero to its original dark-blue treatment. */
.services-hero{
  background-color:#04111e;
  background-image:linear-gradient(115deg,rgba(4,17,30,.08),rgba(4,17,30,.35)),radial-gradient(ellipse at 77% 43%,rgba(79,145,219,.16),transparent 31%);
  color:#fff;
}
.services-hero::after{
  background:radial-gradient(circle at 79% 45%,rgba(58,134,255,.15),transparent 27%),linear-gradient(125deg,transparent 50%,rgba(100,153,213,.045));
}
.services-hero-copy>p:last-child{color:#c3d3e3}
.services-hero-copy .eyebrow{color:#9fc9ec}
.service-map{
  border-color:rgba(160,199,241,.2);
  background:repeating-radial-gradient(circle,transparent 0 18%,rgba(145,186,231,.07) 18% 18.4%);
}
.service-map::before, .service-map::after{border-color:rgba(150,192,240,.13)}
.service-map b{color:#fff}
.map-label{color:#90afd0}
.map-point{background:#8ebeff;box-shadow:0 0 17px 5px rgba(58,134,255,.35)}

/* Grid-only fit: keep the showcase art unchanged while giving each concept room. */
.design-studies[data-mode="grid"] .study-screen{container-type:inline-size}
.design-studies[data-mode="grid"] .study-diagonal .diagonal-screen h3{
  left:10%;
  top:28%;
  width:58%;
  font-size:clamp(1.3rem,6cqw,1.95rem);
  line-height:.9;
}
.design-studies[data-mode="grid"] .study-diagonal .diagonal-copy{
  left:10%;
  bottom:12%;
  width:42%;
  max-width:28ch;
  font-size:clamp(8px,2.2cqw,10px);
  line-height:1.3;
}
.design-studies[data-mode="grid"] .study-diagonal .diagonal-index{
  right:10.5%;
  bottom:9.5%;
  font-size:clamp(6px,1.8cqw,7px);
}

.design-studies[data-mode="grid"] .study-wayfinding .wayfinding-title{
  left:7%;
  top:36%;
  width:43%;
  padding:6px 8px;
  background:rgba(248,246,238,.94);
  box-shadow:0 0 0 1px rgba(24,66,65,.08);
}
.design-studies[data-mode="grid"] .study-wayfinding .wayfinding-title h3{
  font-size:clamp(1.25rem,6cqw,1.8rem);
  line-height:.96;
}
.design-studies[data-mode="grid"] .study-wayfinding .wayfinding-options{
  left:7%;
  bottom:8%;
  max-width:88%;
  flex-wrap:wrap;
  gap:4px;
}
.design-studies[data-mode="grid"] .study-wayfinding .wayfinding-options span{
  padding:4px 6px;
  font-size:clamp(6px,1.7cqw,7px);
}

.design-studies[data-mode="grid"] .study-bedding .bedding-screen::after{
  background:linear-gradient(90deg,rgba(245,244,235,.18),transparent 64%),linear-gradient(0deg,rgba(247,246,238,.3),transparent 48%);
}

.design-studies[data-mode="grid"] .study-dinosaur .pangaea-panel{
  left:5%;
  top:24%;
  width:29%;
  height:37%;
}
.design-studies[data-mode="grid"] .study-dinosaur .dinosaur-focus{
  left:5%;
  top:65%;
  width:29%;
}
.design-studies[data-mode="grid"] .study-dinosaur .dinosaur-focus h3{
  font-size:clamp(1rem,5cqw,1.35rem);
  line-height:.96;
}
.design-studies[data-mode="grid"] .study-dinosaur .dinosaur-focus span{
  display:block;
  overflow-wrap:anywhere;
  font-size:clamp(5px,1.55cqw,6px);
  line-height:1.2;
}
.design-studies[data-mode="grid"] .study-dinosaur .raptor-viewport{
  right:4%;
  top:20%;
  width:58%;
  height:61%;
}
.design-studies[data-mode="grid"] .study-dinosaur .dinosaur-periods{
  left:39%;
  right:4%;
  bottom:6%;
  gap:3px;
  font-size:clamp(4.5px,1.3cqw,5.5px);
}

.design-studies[data-mode="grid"] .study-neural .neural-copy{
  left:6%;
  top:27%;
  width:38%;
}
.design-studies[data-mode="grid"] .study-neural .neural-copy small{
  font-size:clamp(5px,1.45cqw,6px);
  line-height:1.2;
}
.design-studies[data-mode="grid"] .study-neural .neural-copy h3{
  margin:6px 0 4px;
  font-size:clamp(1rem,5.1cqw,1.38rem);
  line-height:.96;
}
.design-studies[data-mode="grid"] .study-neural .neural-copy p{
  max-width:22ch;
  font-size:clamp(8px,2cqw,9px);
  line-height:1.25;
}
.design-studies[data-mode="grid"] .study-neural .neural-copy>b{
  gap:5px;
  margin-top:8px;
  padding:5px 6px;
  font-size:clamp(6px,1.7cqw,7px);
}
.design-studies[data-mode="grid"] .study-neural .neural-map{
  right:3%;
  top:19%;
  width:49%;
  height:53%;
}
.design-studies[data-mode="grid"] .study-neural .neural-labels{
  left:48%;
  right:4%;
  bottom:8%;
  gap:2px;
  font-size:clamp(4.5px,1.25cqw,5.5px);
}

/* The Common Ground card already has this gallery ratio; keep it explicit. */
.design-studies[data-mode="grid"] .study-culture .study-screen{aspect-ratio:16 / 10}

/* Keep text legible on the pale homepage Services surface. */
body.home main .capabilities .service-ledger .service-row p{color:#40566b!important;opacity:1}
body.home main .capabilities .service-ledger .service-row>span{color:#63798d!important;opacity:1}


/* Shared study-canvas sizing for Grid and Showcase. */
.design-studies .study{min-width:0}
.design-studies[data-mode] .study-screen{
  box-sizing:border-box;
  width:100%;
  aspect-ratio:16 / 10;
  container-type:inline-size;
}
.design-studies[data-mode="showcase"] .study{
  width:min(86vw,430px);
}


/* Interactive planet selector: tactile targets without changing the study's visual language. */







/* Keep the product graph in its own visual column, clear of the 87% metric. */
.design-studies[data-mode] .study-product .study-metric{left:8%;top:30%;width:34%}
.design-studies[data-mode] .study-product .study-metric b{
  font-size:clamp(1.9rem,12cqw,3.4rem);
  line-height:.9;
}
.design-studies[data-mode] .study-product .study-metric i{width:82%}
.design-studies[data-mode] .study-product .product-graph{
  left:auto;
  right:8%;
  top:26%;
  bottom:auto;
  width:29%;
  height:21%;
  border-color:rgba(155,198,218,.25);
  box-shadow:0 10px 26px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05);
}

/* Center the architecture heading clear of the Storage node. */
.design-studies[data-mode] .study-system .system-head{z-index:5}
.design-studies[data-mode] .study-system .system-head span:first-child{
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  white-space:nowrap;
  text-align:center;
}

/* A kinetic editorial field for Objects in Motion. */
.design-studies[data-mode] .study-diagonal .diagonal-screen{container-type:inline-size}
.design-studies[data-mode] .study-diagonal .motion-field{
  position:absolute;
  z-index:1;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.design-studies[data-mode] .study-diagonal .motion-shape{
  position:absolute;
  left:-18%;
  top:var(--shape-top,50%);
  display:block;
  width:var(--shape-width,22px);
  height:var(--shape-height,12px);
  border:1px solid rgba(255,255,255,.58);
  border-radius:var(--shape-radius,3px);
  background:var(--shape-fill,rgba(157,197,244,.38));
  box-shadow:0 0 18px var(--shape-glow,rgba(203,170,238,.32)),inset 0 1px 0 rgba(255,255,255,.28);
  opacity:0;
  animation:object-whip var(--shape-speed,4s) cubic-bezier(.35,.04,.55,.98) infinite;
  animation-delay:var(--shape-delay,0s);
  will-change:transform,opacity;
}
.design-studies[data-mode] .study-diagonal .shape-one{--shape-top:20%;--shape-width:29px;--shape-height:12px;--shape-speed:3.6s;--shape-delay:-1.1s;--shape-lift:-12cqw;--shape-end-y:4cqw;--shape-fill:rgba(171,197,252,.43)}
.design-studies[data-mode] .study-diagonal .shape-two{--shape-top:33%;--shape-width:13px;--shape-height:13px;--shape-radius:50%;--shape-speed:4.4s;--shape-delay:-3.2s;--shape-lift:8cqw;--shape-end-y:-3cqw;--shape-fill:rgba(246,155,139,.66);--shape-glow:rgba(246,155,139,.4)}
.design-studies[data-mode] .study-diagonal .shape-three{--shape-top:47%;--shape-width:43px;--shape-height:5px;--shape-speed:3.1s;--shape-delay:-2.5s;--shape-lift:-5cqw;--shape-end-y:8cqw;--shape-fill:rgba(244,210,156,.52)}
.design-studies[data-mode] .study-diagonal .shape-four{--shape-top:62%;--shape-width:14px;--shape-height:13px;--shape-radius:0;--shape-speed:5s;--shape-delay:-.8s;--shape-lift:11cqw;--shape-end-y:-7cqw;--shape-fill:rgba(255,122,55,.96);--shape-glow:rgba(255,116,48,.62);clip-path:polygon(50% 0,0 100%,100% 100%)}
.design-studies[data-mode] .study-diagonal .shape-five{--shape-top:76%;--shape-width:38px;--shape-height:8px;--shape-speed:3.8s;--shape-delay:-4s;--shape-lift:-10cqw;--shape-end-y:2cqw;--shape-fill:rgba(191,170,245,.52)}
.design-studies[data-mode] .study-diagonal .shape-six{--shape-top:27%;--shape-width:8px;--shape-height:28px;--shape-speed:5.4s;--shape-delay:-3.7s;--shape-lift:7cqw;--shape-end-y:-6cqw;--shape-fill:rgba(247,180,148,.5)}
.design-studies[data-mode] .study-diagonal .shape-seven{--shape-top:54%;--shape-width:17px;--shape-height:9px;--shape-radius:50%;--shape-speed:3.4s;--shape-delay:-1.8s;--shape-lift:-8cqw;--shape-end-y:5cqw;--shape-fill:rgba(144,199,245,.62)}
.design-studies[data-mode] .study-diagonal .shape-eight{--shape-top:85%;--shape-width:10px;--shape-height:10px;--shape-radius:0;--shape-speed:4.8s;--shape-delay:-2.7s;--shape-lift:6cqw;--shape-end-y:-10cqw;--shape-fill:rgba(255,151,75,.92);--shape-glow:rgba(255,126,56,.48);clip-path:polygon(50% 0,0 100%,100% 100%)}
@keyframes object-whip{
  0%{transform:translate3d(calc(-100cqw - 40px),0,0) rotate(-16deg) scale(.72);opacity:0}
  12%{opacity:.9}
  48%{transform:translate3d(0,var(--shape-lift),0) rotate(24deg) scale(1);opacity:.84}
  88%{opacity:.52}
  100%{transform:translate3d(calc(100cqw + 50px),var(--shape-end-y),0) rotate(42deg) scale(.82);opacity:0}
}
.design-studies[data-mode] .study-diagonal .diagonal-screen h3{
  z-index:3;
  left:auto;
  right:10%;
  top:28%;
  width:46%;
  max-width:46%;
  font-size:clamp(1.35rem,7.2cqw,2.65rem);
  line-height:.9;
  text-align:right;
}
.design-studies[data-mode] .study-diagonal .diagonal-nav, .design-studies[data-mode] .study-diagonal .diagonal-copy, .design-studies[data-mode] .study-diagonal .diagonal-index{z-index:3}
.design-studies[data-mode] .study-diagonal .diagonal-copy{left:9%;bottom:17%;width:37%;font-size:clamp(8px,2.1cqw,10px);line-height:1.3}
.design-studies[data-mode] .study-diagonal .diagonal-index{right:10.5%;bottom:9.5%;font-size:clamp(6px,1.65cqw,7px)}
@media(prefers-reduced-motion:reduce){
  .design-studies[data-mode] .study-diagonal .motion-field{display:none}
}


/* Interactive 3D spatial archive study */
.design-studies[data-mode] .study-spatial .spatial-screen{
  position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;
  color:#e8e2d4;
  background:
    radial-gradient(ellipse at 73% 42%,rgba(205,158,103,.13),transparent 35%),
    linear-gradient(138deg,#141c1d 0%,#192523 54%,#0d1719 100%);
}
.design-studies[data-mode] .study-spatial .spatial-screen::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.28;
  background-image:linear-gradient(rgba(205,215,201,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(205,215,201,.11) 1px,transparent 1px);
  background-size:7cqw 7cqw;
  mask-image:radial-gradient(ellipse at 68% 48%,#000 2%,transparent 71%);
}
.design-studies[data-mode] .study-spatial .spatial-screen::after{
  content:"";position:absolute;z-index:0;right:8%;top:15%;width:43%;height:70%;
  border:1px solid rgba(225,211,181,.16);border-radius:50%;
  transform:rotate(-18deg);box-shadow:0 0 0 12px rgba(225,211,181,.025),0 0 0 29px rgba(225,211,181,.018);
  pointer-events:none;
}
.design-studies[data-mode] .study-spatial .spatial-screen>*{z-index:1}
.design-studies[data-mode] .study-spatial .spatial-top{
  position:absolute;left:6%;right:6%;top:7%;display:flex;justify-content:space-between;
  color:rgba(229,225,207,.72);font:600 clamp(6px,1.55cqw,9px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.13em;
}
.design-studies[data-mode] .study-spatial .spatial-top span:last-child{color:#c7d4b8}
.design-studies[data-mode] .study-spatial .spatial-scene{
  position:absolute;inset:13% 1% 8% 43%;perspective:900px;perspective-origin:48% 50%;
  overflow:visible;touch-action:pan-y;
}
.design-studies[data-mode] .study-spatial .spatial-model{
  --spatial-yaw:-28deg;--spatial-pitch:15deg;
  position:absolute;left:50%;top:49%;width:77%;height:78%;
  transform:translate(-50%,-50%) rotateX(var(--spatial-pitch)) rotateY(var(--spatial-yaw));
  transform-style:preserve-3d;transition:transform .25s ease-out;
  cursor:grab;outline:none;touch-action:none;
}
.design-studies[data-mode] .study-spatial .spatial-model:active{cursor:grabbing}
.design-studies[data-mode] .study-spatial .spatial-model:focus-visible{filter:drop-shadow(0 0 8px rgba(203,223,187,.65))}
.design-studies[data-mode] .study-spatial .spatial-ground{
  position:absolute;left:50%;top:67%;width:112%;height:78%;border:1px solid rgba(227,211,173,.35);
  background:linear-gradient(145deg,rgba(196,171,126,.25),rgba(54,69,62,.62));
  box-shadow:0 18px 24px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.2);
  transform:translate(-50%,-50%) rotateX(68deg) translateZ(-28px);
}
.design-studies[data-mode] .study-spatial .spatial-back{
  position:absolute;left:51%;top:42%;width:65%;height:69%;border:1px solid rgba(230,218,187,.55);
  background:linear-gradient(135deg,#777867,#a79a7c 46%,#4a5c51);
  box-shadow:12px 13px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.5);
  transform:translate(-50%,-50%) translateZ(-32px);
}
.design-studies[data-mode] .study-spatial .spatial-side{
  position:absolute;left:80%;top:43%;width:18%;height:68%;
  border:1px solid rgba(230,218,187,.3);
  background:linear-gradient(90deg,#38483f,#202e2b);
  transform:translate(-50%,-50%) rotateY(58deg) translateZ(-10px);
  transform-origin:left center;
}
.design-studies[data-mode] .study-spatial .spatial-portal{
  position:absolute;left:50%;top:49%;width:47%;height:65%;
  border:clamp(5px,2.1cqw,14px) solid #c6b38e;border-bottom:0;border-radius:50% 50% 0 0;
  background:linear-gradient(90deg,rgba(25,37,34,.92),rgba(15,25,24,.65));
  box-shadow:8px 9px 18px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.22);
  transform:translate(-50%,-50%) translateZ(34px);
}
.design-studies[data-mode] .study-spatial .spatial-portal::before{
  content:"";position:absolute;left:50%;bottom:0;width:61%;height:58%;
  border:1px solid rgba(221,204,164,.45);border-bottom:0;border-radius:50% 50% 0 0;
  background:linear-gradient(180deg,rgba(202,175,128,.19),rgba(11,22,22,.58));
  transform:translateX(-50%);
}
.design-studies[data-mode] .study-spatial .spatial-pillar{
  position:absolute;top:59%;width:9%;height:38%;
  border:1px solid rgba(230,218,187,.42);
  background:linear-gradient(90deg,#c7b48e,#81785f 42%,#4b5548);
  box-shadow:5px 7px 12px rgba(0,0,0,.3);
  transform:translate(-50%,-50%) translateZ(46px);
}
.design-studies[data-mode] .study-spatial .spatial-pillar-one{left:24%}
.design-studies[data-mode] .study-spatial .spatial-pillar-two{left:76%}
.design-studies[data-mode] .study-spatial .spatial-deck{
  position:absolute;left:50%;top:72%;width:81%;height:14%;
  border:1px solid rgba(236,222,192,.5);background:linear-gradient(180deg,#d0be99,#766d59);
  box-shadow:0 12px 16px rgba(0,0,0,.3);
  transform:translate(-50%,-50%) translateZ(52px);
}
.design-studies[data-mode] .study-spatial .spatial-bench{
  position:absolute;left:50%;top:62%;width:25%;height:8%;
  border:1px solid rgba(234,221,192,.3);background:#a98f6b;
  box-shadow:0 7px 11px rgba(0,0,0,.35);
  transform:translate(-50%,-50%) translateZ(70px);
}
.design-studies[data-mode] .study-spatial .spatial-light{
  position:absolute;left:50%;top:17%;width:30%;height:30%;border-radius:50%;
  background:radial-gradient(circle,rgba(255,219,157,.6),rgba(240,181,113,.12) 36%,transparent 71%);
  transform:translate(-50%,-50%) translateZ(78px);pointer-events:none;
}
.design-studies[data-mode] .study-spatial .spatial-copy{
  position:absolute;left:7%;bottom:15%;width:36%;
}
.design-studies[data-mode] .study-spatial .spatial-copy small{
  display:block;margin-bottom:1.5cqw;color:#c4bc9e;
  font:600 clamp(6px,1.5cqw,9px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.13em;
}
.design-studies[data-mode] .study-spatial .spatial-copy h3{
  position:static;max-width:100%;margin:0;color:#f0ebdd;
  font:400 clamp(1.35rem,5.2cqw,3.2rem)/.9 "DM Serif Display",Georgia,serif;
  letter-spacing:-.035em;text-shadow:0 3px 16px rgba(0,0,0,.28);
}
.design-studies[data-mode] .study-spatial .spatial-controls{
  position:absolute;right:6%;top:13%;display:flex;gap:5px;
}
.design-studies[data-mode] .study-spatial .spatial-controls button{
  min-height:26px;padding:0 8px;border:1px solid rgba(229,226,208,.34);border-radius:2px;
  background:rgba(18,28,27,.8);color:#e4e1d4;
  font:600 clamp(6px,1.35cqw,8px)/1 "IBM Plex Mono",monospace;letter-spacing:.08em;cursor:pointer;
}
.design-studies[data-mode] .study-spatial .spatial-controls button:hover, .design-studies[data-mode] .study-spatial .spatial-controls button:focus-visible{border-color:#d9cca8;background:#34413a;color:white}
.design-studies[data-mode] .study-spatial .spatial-controls button:focus-visible{outline:2px solid #d9cca8;outline-offset:3px}
.design-studies[data-mode] .study-spatial .spatial-hint{
  position:absolute;left:7%;bottom:7%;color:rgba(229,225,207,.66);
  font:600 clamp(5px,1.25cqw,7px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.11em;
}
.design-studies[data-mode] .study-spatial [data-spatial-model]:focus-visible{outline:2px solid rgba(219,207,177,.6);outline-offset:5px}
.design-studies[data-mode] .study-spatial [data-spatial-model][data-dragging="true"]{transition:none}
@media(max-width:720px){
  .design-studies[data-mode] .study-spatial .spatial-scene{inset:13% 1% 7% 40%}
  .design-studies[data-mode] .study-spatial .spatial-copy{left:6%;width:35%;bottom:17%}
}
@media(prefers-reduced-motion:reduce){
  .design-studies[data-mode] .study-spatial .spatial-model, .design-studies[data-mode] .study-spatial .spatial-screen *{scroll-behavior:auto;transition:none}
}


/* Study refinements requested for legibility and contained composition. */
/* System status moves to the side opposite the STORAGE node. */
.design-studies[data-mode] .study-system .system-head b{position:absolute;left:7%;right:auto;top:0}
.design-studies[data-mode] .study-system .system-head span:first-child{z-index:1}

/* Restaurant prices sit clear of the food image. */
.design-studies[data-mode] .study-food .food-menu li i{margin-right:clamp(10px,2cqw,18px)}

/* Keep local booking text readable over the map. */
.design-studies[data-mode] .study-local .local-nav span:last-child{color:#142a2a;background:rgba(240,243,231,.94);border-color:rgba(20,42,42,.34)}

/* The spatial archive gets visible edge thickness, material, and a deeper portal. */
.design-studies[data-mode] .study-spatial .spatial-ground{
  background:
    repeating-linear-gradient(0deg,transparent 0 15px,rgba(231,220,190,.1) 15px 16px),
    repeating-linear-gradient(90deg,transparent 0 15px,rgba(231,220,190,.1) 15px 16px),
    linear-gradient(145deg,rgba(196,171,126,.36),rgba(54,69,62,.8));
  box-shadow:0 23px 28px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.28);
}
.design-studies[data-mode] .study-spatial .spatial-back{
  border-color:rgba(239,229,201,.7);
  background:linear-gradient(130deg,#a3967c 0%,#687263 42%,#34463f 100%);
  box-shadow:16px 14px 0 rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.55);
  transform:translate(-50%,-50%) translateZ(-36px) rotateY(-7deg);
}
.design-studies[data-mode] .study-spatial .spatial-back::before{
  content:"";position:absolute;left:0;right:0;top:-8%;height:8%;
  background:linear-gradient(90deg,#d0c09a,#938768 55%,#596452);
  transform:skewX(-18deg);transform-origin:left bottom;
}
.design-studies[data-mode] .study-spatial .spatial-back::after{
  content:"";position:absolute;top:3%;right:-15%;width:15%;height:100%;
  background:linear-gradient(90deg,#4f5d4e,#25342f);
  transform:skewY(-16deg);transform-origin:left top;
}
.design-studies[data-mode] .study-spatial .spatial-portal{
  border-color:#d2c19b;
  background:linear-gradient(90deg,rgba(12,22,22,.96),rgba(31,45,39,.68));
  box-shadow:12px 13px 0 rgba(0,0,0,.26),inset 0 0 0 2px rgba(255,255,255,.18),0 0 24px rgba(224,186,128,.12);
}
.design-studies[data-mode] .study-spatial .spatial-portal::after{
  content:"";position:absolute;top:0;right:-13%;width:13%;height:100%;
  background:linear-gradient(90deg,#8e8062,#4c5849);
  transform:skewY(-19deg);transform-origin:left top;
}
.design-studies[data-mode] .study-spatial .spatial-light{width:45%;height:42%;filter:blur(1px);opacity:.9}
.design-studies[data-mode] .study-spatial .spatial-deck{
  height:18%;background:linear-gradient(180deg,#e1cfaa 0 30%,#b19c76 31% 100%);
  box-shadow:0 15px 17px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.52);
}
.design-studies[data-mode] .study-spatial .spatial-bench{
  border-color:rgba(234,221,192,.58);
  background:linear-gradient(180deg,#c1a47c,#795f48);
  box-shadow:0 10px 14px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.28);
}

/* Small spacing correction for the advisory concept. */
.design-studies[data-mode] .study-professional .professional-side{top:8%;height:82%}
.design-studies[data-mode] .study-professional .professional-main h3{top:32%;font-size:clamp(.95rem,2.05vw,1.42rem);line-height:.96}
.design-studies[data-mode] .study-professional .professional-main p{top:54%;font-size:clamp(7.5px,.68vw,9px);line-height:1.25}
.design-studies[data-mode] .study-professional .professional-links{top:28%;gap:4px}
.design-studies[data-mode] .study-professional .professional-links span{padding:5px 6px;font-size:clamp(6px,.62vw,8px)}
.design-studies[data-mode] .study-professional .professional-main>b{top:auto;bottom:11%;padding:5px 8px;font-size:6.5px}

/* Community guide: compact result rows inside an independently scrollable list. */
.design-studies[data-mode] .study-information .info-results{
  position:absolute;left:38%;right:7%;top:38%;bottom:10%;
  display:flex;flex-direction:column;align-content:flex-start;gap:5px;
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
  scrollbar-color:rgba(57,104,92,.42) transparent;padding-right:3px;
}
.design-studies[data-mode] .study-information .info-results div{
  position:relative;flex:0 0 auto;min-height:31px;padding:5px 22px 5px 8px;
}
.design-studies[data-mode] .study-information .info-results i{position:absolute;top:50%;transform:translateY(-50%)}
.design-studies[data-mode] .study-information .information-screen>small{position:absolute;left:38%;right:7%;bottom:4%;font-size:6px}
.design-studies[data-mode="grid"] .study-information .info-results{left:38%;right:6%;top:39%;bottom:11%}

/* Product interface as a compact telemetry surface instead of a loose set of widgets. */
.design-studies[data-mode] .study-product .study-screen{
  background:
    linear-gradient(rgba(100,181,203,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,181,203,.09) 1px,transparent 1px),
    radial-gradient(ellipse at 73% 44%,rgba(37,150,177,.19),transparent 42%),
    linear-gradient(145deg,#08141f,#132634 72%,#09151f);
  background-size:22px 22px,22px 22px,auto,auto;
}
.design-studies[data-mode] .study-product .study-screen::after{right:-9%;top:9%;width:50%;height:86%;opacity:.48}
.design-studies[data-mode] .study-product .study-nav{left:7%;top:7%;font-size:clamp(6px,1.5cqw,9px)}
.design-studies[data-mode] .study-product .product-stamp{
  position:absolute;right:7%;top:7%;color:#8eb1c1;
  font:500 clamp(5px,1.25cqw,7px)/1 "IBM Plex Mono",monospace;letter-spacing:.1em;
}
.design-studies[data-mode] .study-product .product-stamp i{
  display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#84ecc9;box-shadow:0 0 9px rgba(132,236,201,.75)
}
.design-studies[data-mode] .study-product .product-metric-label{
  position:absolute;left:8%;top:24%;color:#83a9b9;
  font:600 clamp(5px,1.25cqw,7px)/1 "IBM Plex Mono",monospace;letter-spacing:.12em;
}
.design-studies[data-mode] .study-product .study-metric{
  left:8%;top:29%;width:32%;padding:7px 8px;border:0;border-left:2px solid #82e8d0;
  border-radius:0;background:linear-gradient(90deg,rgba(24,53,67,.75),rgba(15,34,46,.38));box-shadow:none;
}
.design-studies[data-mode] .study-product .study-metric b{display:block;font-size:clamp(1.7rem,10cqw,2.6rem);letter-spacing:-.07em}
.design-studies[data-mode] .study-product .study-metric i{width:100%;height:2px;margin-top:5px}
.design-studies[data-mode] .study-product .study-metric small{position:static;display:block;inset:auto;transform:none;margin:6px 0 0;color:#8dd9c6;font:500 clamp(6px,1.4cqw,8px)/1.25 "IBM Plex Mono",monospace;white-space:nowrap}
.design-studies[data-mode] .study-product .product-readouts{
  position:absolute;left:45%;right:7%;top:25%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%;
}
.design-studies[data-mode] .study-product .product-readouts>div{
  min-width:0;display:flex;flex-direction:column;gap:5px;padding:7px 5px;
  border-top:1px solid rgba(149,201,216,.3);border-bottom:1px solid rgba(149,201,216,.16);
  background:linear-gradient(180deg,rgba(23,53,66,.68),rgba(11,30,41,.12));
}
.design-studies[data-mode] .study-product .product-readouts span{
  color:#89abb7;font:500 clamp(4.5px,1.05cqw,6px)/1 "IBM Plex Mono",monospace;letter-spacing:.08em;
}
.design-studies[data-mode] .study-product .product-readouts b{
  color:#e8f2ed;font:500 clamp(10px,2.5cqw,15px)/1 "IBM Plex Sans",sans-serif;letter-spacing:-.04em;
}
.design-studies[data-mode] .study-product .product-readouts b span{display:inline;color:#9bb7bd;font-size:.65em}
.design-studies[data-mode] .study-product .product-readouts i{
  color:#78d8be;font:500 clamp(4.5px,1.05cqw,6px)/1 "IBM Plex Mono",monospace;font-style:normal
}
.design-studies[data-mode] .study-product .product-ring{right:19%;top:58%;width:27%;opacity:.26}
.design-studies[data-mode] .study-product .product-pie{right:10%;top:57%;bottom:auto;width:clamp(39px,11cqw,66px)}
.design-studies[data-mode] .study-product .product-pie-label{
  position:absolute;right:5%;top:88%;width:28%;text-align:center;color:#8eacb7;
  font:500 clamp(4px,1.05cqw,6px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.08em;
}
.design-studies[data-mode] .study-product .product-chart-label{
  position:absolute;left:8%;bottom:43%;color:#86aebb;font:500 clamp(4px,1.05cqw,6px)/1 "IBM Plex Mono",monospace;letter-spacing:.09em;
}
.design-studies[data-mode] .study-product .study-chart{left:8%;right:auto;top:62%;bottom:auto;width:33%;height:22%;gap:5px}
.design-studies[data-mode] .study-product .product-graph{
  left:43%;right:24%;top:57%;bottom:auto;width:auto;height:28%;
  padding:5px;border:1px solid rgba(139,195,209,.19);border-radius:3px;background:rgba(8,25,35,.7);
}
.design-studies[data-mode] .study-product .product-graph::before{
  content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed rgba(149,200,213,.16)
}
.design-studies[data-mode] .study-product .product-graph svg{position:relative;z-index:1}
.design-studies[data-mode="grid"] .study-product .product-readouts{gap:2%}
.design-studies[data-mode="grid"] .study-product .product-readouts>div{gap:3px;padding:5px 3px}
.design-studies[data-mode="grid"] .study-product .product-graph{right:25%;height:26%}

/* Neural labels no longer collide with the diagram or its action. */
.design-studies[data-mode] .study-neural .neural-meta{
  position:absolute;left:6%;bottom:8%;z-index:3;width:37%;
  color:#8db5c1;font:500 clamp(5px,1.25cqw,7px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.09em;
}
.design-studies[data-mode] .study-neural .neural-copy{top:30%;width:38%}
.design-studies[data-mode] .study-neural .neural-copy h3{font-size:clamp(1.05rem,2.25vw,1.75rem);margin:6px 0 4px}
.design-studies[data-mode] .study-neural .neural-copy p{font-size:clamp(7px,.68vw,9px);line-height:1.25}
.design-studies[data-mode] .study-neural .neural-copy>b{margin-top:8px;padding:6px 7px;font-size:6px}
.design-studies[data-mode] .study-neural .neural-nodes circle{
  transition:fill .22s ease,filter .22s ease,stroke .22s ease;
}
.design-studies[data-mode] .study-neural .neural-nodes circle.is-lit{
  fill:#9effd8;stroke:#e7fff6;filter:drop-shadow(0 0 7px rgba(134,255,216,.95));
}
.design-studies[data-mode="grid"] .study-neural .neural-meta{left:6%;width:37%;bottom:8%}
@media(max-width:760px){
  .design-studies[data-mode] .study-food .food-menu li i{margin-right:10px}
  .design-studies[data-mode] .study-professional .professional-side{top:8%;height:82%}
  .design-studies[data-mode] .study-information .info-results{left:38%;right:6%;top:38%;bottom:11%}
  .design-studies[data-mode] .study-product .product-readouts{left:44%;right:6%;top:25%}
  .design-studies[data-mode] .study-product .product-pie{right:7%;width:clamp(34px,12cqw,54px)}
  .design-studies[data-mode] .study-neural .neural-copy{top:30%;width:38%}
}

.design-studies[data-mode] .study-neural .neural-nodes circle:nth-child(5n){fill:#172c39;filter:none}
.design-studies[data-mode] .study-information .info-results:focus-visible{outline:2px solid #286a62;outline-offset:2px}


/* Focused interface-study refinements: orbit, room builder, and clean grid layouts. */



@keyframes space-drift-a{to{background-position:180px 95px,-140px 165px,230px -120px,0 0,0 0}}
@keyframes space-drift-b{to{background-position:-170px 130px,220px -105px,-130px 180px}}

























.design-studies[data-mode] .study-system .system-head b{left:auto;right:7%;top:0}
.design-studies[data-mode] .study-food .food-menu li i{margin-right:clamp(18px,3.4cqw,30px);transform:translateX(-5px)}
/* Professional study gets a compact, predictable hierarchy in the grid. */
.design-studies[data-mode] .study-professional .professional-screen{
  display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);grid-template-rows:1fr;
  gap:clamp(8px,2cqw,18px);padding:8%!important;background:#f1eee5;color:#233237;
}
.design-studies[data-mode] .study-professional .professional-screen::before{
  width:29%;clip-path:none;background:#d9e3da;
}
.design-studies[data-mode] .study-professional .professional-screen::after{display:none}
.design-studies[data-mode] .study-professional .professional-side{
  position:relative;inset:auto;grid-column:1;grid-row:1;width:auto;height:auto;min-width:0;
  padding:15% 6% 12% 0;color:#233237;border-right:1px solid rgba(35,50,55,.19);
  display:flex;flex-direction:column;justify-content:space-between;gap:10px;
}
.design-studies[data-mode] .study-professional .professional-side strong{font:600 clamp(8px,1.4cqw,12px)/1.15 "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.design-studies[data-mode] .study-professional .professional-side span{font:500 clamp(6px,1.05cqw,8px)/1.5 "IBM Plex Mono",monospace;color:#52615d}
.design-studies[data-mode] .study-professional .professional-main{
  position:relative;inset:auto;grid-column:2;grid-row:1;min-width:0;padding:5% 0 2%!important;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(4px,1cqw,9px);
}
.design-studies[data-mode] .study-professional .professional-main h3{
  position:static;inset:auto;width:auto;margin:0;color:#233237;
  font:400 clamp(15px,3.1cqw,25px)/.98 "DM Serif Display",Georgia,serif;letter-spacing:-.025em;overflow-wrap:normal;
}
.design-studies[data-mode] .study-professional .professional-main p{
  position:static;inset:auto;width:auto;margin:0;color:#53615f;
  font-size:clamp(7px,1.25cqw,10px);line-height:1.25;
}
.design-studies[data-mode] .study-professional .professional-links{
  position:static;inset:auto;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(3px,.8cqw,7px);margin-top:clamp(3px,.7cqw,6px);
}
.design-studies[data-mode] .study-professional .professional-links span{
  min-width:0;padding:5px 2px 0;border-color:rgba(35,50,55,.24);color:#334b48;
  font-size:clamp(6px,1.05cqw,8px);line-height:1.15;overflow-wrap:anywhere;
}
.design-studies[data-mode] .study-professional .professional-main>b{
  position:static;inset:auto;margin:0;padding:5px 8px;background:#253e42;color:#f8f5ec;
  font-size:clamp(6px,1cqw,8px);line-height:1.1;
}
/* Community filter is given its own lane above the scrollable results. */
.design-studies[data-mode] .study-information .information-screen h3{left:7%;top:21%;width:37%;max-width:10ch}
.design-studies[data-mode] .study-information .info-filter{
  position:absolute;left:55%;right:7%;top:22%;width:auto;display:grid;grid-template-columns:1fr;gap:3px;
  z-index:2;line-height:1.2;white-space:normal;
}
.design-studies[data-mode] .study-information .info-filter b{min-width:0;white-space:nowrap;padding:5px 6px}
.design-studies[data-mode] .study-information .info-results{left:38%;right:7%;top:43%;bottom:10%}
.design-studies[data-mode="grid"] .study-information .info-results{left:38%;right:6%;top:43%;bottom:11%}
/* The yellow local service direction sits apart from the quiet editorial card. */
.design-studies[data-mode] .study-local-mini .study-screen{box-shadow:inset 0 0 0 1px rgba(44,45,26,.2),0 15px 26px rgba(0,0,0,.14)}
@media(max-width:900px){
  .design-studies[data-mode] .study-professional .professional-main h3{font-size:clamp(14px,3.1cqw,23px)}
}
@media(max-width:560px){
  .design-studies[data-mode] .study-information .info-filter{left:51%;right:6%;top:23%}
}
/* Study controls remain clear and usable at thumbnail and showcase sizes. */
.design-studies[data-mode] .study-learning .word-slots button, .design-studies[data-mode] .study-learning .letter-bank button{
  display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:4px;
  background:#fff8d6;color:#20324f;font:700 clamp(10px,2.1cqw,16px)/1 "IBM Plex Sans",sans-serif;
  box-shadow:0 3px 0 rgba(40,55,72,.16);cursor:pointer;touch-action:manipulation;
}
.design-studies[data-mode] .study-learning .word-slots button{
  width:clamp(23px,2.1vw,31px);height:clamp(27px,2.35vw,35px);
}
.design-studies[data-mode] .study-learning .word-slots button[data-filled="true"]{background:#fff}
.design-studies[data-mode] .study-learning .letter-bank button{
  width:clamp(22px,1.9vw,28px);height:clamp(22px,1.9vw,28px);font-size:clamp(9px,1.8cqw,13px);
}
.design-studies[data-mode] .study-learning .letter-bank button[data-selected="true"]{
  transform:translateY(-3px);background:#234f68;color:#fff;box-shadow:0 4px 0 rgba(32,50,79,.24)
}
.design-studies[data-mode] .study-learning button:focus-visible{outline:2px solid #163a60;outline-offset:3px}
.design-studies[data-mode] .study-spatial .room-screen[data-room-added="true"] .room-model{width:92%}
.design-studies[data-mode] .study-spatial .room-addition{transition:opacity .2s ease}
.design-studies[data-mode] .study-spatial .room-chair:nth-child(2){left:24%;top:67%}
.design-studies[data-mode] .study-spatial .room-chair:nth-child(3){left:50%;top:55%}
.design-studies[data-mode] .study-spatial .room-couch:nth-child(2){left:25%;top:55%}
.design-studies[data-mode] .study-spatial .room-couch:nth-child(3){left:61%;top:68%}
.design-studies[data-mode] .study-system .system-head b{z-index:2}
@media(max-width:560px){
 .design-studies[data-mode] .study-professional .professional-screen{gap:7px;padding:7%!important}
 .design-studies[data-mode] .study-professional .professional-main{gap:4px}
 .design-studies[data-mode] .study-information .information-screen h3{max-width:9ch}
 .design-studies[data-mode] .study-information .info-filter{left:53%;right:5%;font-size:7px}
 .design-studies[data-mode] .study-information .info-filter b{padding:4px}
 .design-studies[data-mode] .study-spatial .room-caption{width:33%}
 .design-studies[data-mode] .study-spatial .room-caption h3{font-size:clamp(14px,3.4cqw,22px)}
 .design-studies[data-mode] .study-spatial .room-controls button{font-size:clamp(4.5px,.95cqw,7px);padding-inline:3px}
}
@media(prefers-reduced-motion:reduce){
 .design-studies[data-mode] .study-learning .letter-bank button[data-selected="true"]{transform:none}
 .design-studies[data-mode] .study-spatial .room-addition{transition:none}
}





/* Quiet motion for the landing artwork and the blue MICA mark. */
.home .poster-hero-image{transform-origin:center;animation:mica-poster-breath 32s ease-in-out infinite alternate}
.home .brand-mark{transform-origin:center;animation:mica-mark-drift 8s ease-in-out infinite}
@keyframes mica-poster-breath{
  from{transform:scale(1)}
  to{transform:scale(1.014) translate3d(0,-.18%,0)}
}
@keyframes mica-mark-drift{
  0%,100%{transform:translateY(0);box-shadow:0 0 24px rgba(105,162,231,.18)}
  50%{transform:translateY(-1px);box-shadow:0 0 30px rgba(105,162,231,.3)}
}
@media(prefers-reduced-motion:reduce){
  .home .poster-hero-image, .home .brand-mark{animation:none!important;transform:none!important}
}
/* A slow 3D turn lets the existing Velociraptor model reveal its volume. */

/* Shared elevation gives the study previews a little physical depth without changing their layouts. */
.design-studies .study-screen{filter:drop-shadow(0 8px 14px rgba(0,5,14,.24))}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .design-studies .study-screen{transition:filter .35s ease}
 .design-studies .study:hover .study-screen{filter:drop-shadow(0 12px 20px rgba(0,5,14,.34))}
}
/* The map layers are controls, not decorative labels. */
.design-studies .study-wayfinding .wayfinding-options button{appearance:none;font:inherit;cursor:pointer;color:inherit}
.design-studies .study-wayfinding .wayfinding-options button[aria-pressed="true"]{background:#fff;border-color:#315d5c;box-shadow:0 2px 8px rgba(23,50,50,.12)}
.design-studies .study-wayfinding .wayfinding-options button{min-height:34px;padding:5px 8px;border:1px solid rgba(20,59,58,.28);background:rgba(249,247,235,.94);font:500 8px/1.1 "IBM Plex Mono",monospace}
.design-studies .study-wayfinding .wayfinding-options button:focus-visible{outline:2px solid #315d5c;outline-offset:2px}
.design-studies .study-wayfinding .wayfinding-screen[data-layer="places"] .wayfinding-map{filter:saturate(.62)}
.design-studies .study-wayfinding .wayfinding-screen[data-layer="places"] .wayfinding-map i{opacity:1;transform:scale(1.25)}
.design-studies .study-wayfinding .wayfinding-screen[data-layer="services"] .wayfinding-map::before, .design-studies .study-wayfinding .wayfinding-screen[data-layer="services"] .wayfinding-map::after{opacity:.28}
.design-studies .study-wayfinding .wayfinding-screen[data-layer="services"] .wayfinding-map i{opacity:.35}
.design-studies .study-wayfinding .wayfinding-screen[data-layer="services"] .wayfinding-map b{transform:scale(1.55)}
/* A soft landscape sits behind the calm study's existing interface. */
.design-studies .study-calm .calm-trail-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.24;filter:saturate(.54) contrast(.92);pointer-events:none}
.design-studies .study-calm .calm-screen::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(243,242,231,.96) 0%,rgba(243,242,231,.89) 42%,rgba(243,242,231,.35) 100%);pointer-events:none}
.design-studies .study-calm .calm-screen>*:not(.calm-trail-image){z-index:1}
/* Common Ground: one distant point, two quiet bursts, and a tiny recurring gag. */
.design-studies .study-culture .culture-focal{position:absolute;z-index:0;right:12%;bottom:12%;width:5px;height:5px;border-radius:50%;background:#ffd79a;box-shadow:0 0 14px 4px rgba(255,193,131,.32)}
.design-studies .study-culture .culture-burst{position:absolute;z-index:0;width:34px;height:34px;border:1px solid rgba(246,164,124,.54);border-radius:50%;opacity:0;transform:scale(.35);animation:culture-burst 8s ease-out infinite}
.design-studies .study-culture .culture-burst-one{right:10%;bottom:10%;animation-delay:1.2s}
.design-studies .study-culture .culture-burst-two{right:23%;bottom:21%;width:19px;height:19px;animation-delay:5.3s}
@keyframes culture-burst{0%,78%,100%{opacity:0;transform:scale(.35)}82%{opacity:.58}96%{opacity:0;transform:scale(1.6)}}
@media(prefers-reduced-motion:reduce){
 .design-studies .study-culture .culture-burst{animation:none!important}
 .design-studies .study-culture .culture-focal{opacity:.65}
}

/* Bedding keeps its navigation together and the headline above the footer. */
.design-studies[data-mode] .study-bedding .bedding-screen{isolation:isolate}
.design-studies[data-mode] .study-bedding .bedding-menu{position:absolute;z-index:3;top:7%;left:auto;right:7%;width:max-content;max-width:86%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(5px,1.4cqw,12px);color:#243940;font:500 clamp(6px,1.7cqw,8px)/1.1 "IBM Plex Mono",monospace;letter-spacing:.12em}
.design-studies[data-mode] .study-bedding .bedding-title{left:8%;right:auto;top:auto;bottom:15%;width:48%;height:auto;color:#fff;text-align:left;text-shadow:0 2px 14px rgba(17,24,28,.42)}
.design-studies[data-mode] .study-bedding .bedding-title h3{position:static;margin:0;font:400 clamp(1.35rem,6.4cqi,2.15rem)/.9 Georgia,serif;letter-spacing:-.055em;color:#fff;text-shadow:0 2px 14px rgba(17,24,28,.42)}
.design-studies[data-mode] .study-bedding .bedding-footer{left:8%;right:auto;bottom:8%;max-width:55%;font:500 clamp(5px,1.4cqw,7px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.07em;text-align:left;color:#fff;text-shadow:0 1px 8px rgba(14,23,28,.55)}
/* Keep the live architecture count on the left and its activity count on the right. */
.design-studies[data-mode] .study-system .system-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:none!important;width:100%;font-size:clamp(6px,1.55cqw,8px)}
.design-studies[data-mode] .study-system .system-foot [data-link-count]{margin-left:auto;text-align:right;white-space:nowrap;color:#9cc9d6}
/* A few neural nodes breathe in a staggered sequence instead of flashing together. */
.design-studies[data-mode] .study-neural .neural-nodes circle:nth-child(7n+1), .design-studies[data-mode] .study-neural .neural-nodes circle:nth-child(7n+4){animation:neural-node-breathe 4.8s ease-in-out infinite}
.design-studies[data-mode] .study-neural .neural-nodes circle:nth-child(7n+2), .design-studies[data-mode] .study-neural .neural-nodes circle:nth-child(7n+6){animation:neural-node-breathe 5.6s ease-in-out infinite 1.4s}
@keyframes neural-node-breathe{0%,72%,100%{fill:#172c39;filter:none}78%,89%{fill:#9af2db;filter:drop-shadow(0 0 5px rgba(130,243,206,.9))}}
@media(prefers-reduced-motion:reduce){.design-studies .study-neural .neural-nodes circle{animation:none!important}}


/* Focused checklist refinements: visible but quiet depth, clearer study labels, and restrained motion. */
.home .poster-hero .hero-starfield{opacity:.56}
.home .poster-hero .hero-starfield::before{animation-duration:74s}
.home .poster-hero .hero-starfield::after{animation-duration:116s}
.home .brand-mark{animation:mica-mark-drift 7s ease-in-out infinite}
@keyframes mica-mark-drift{
  0%,100%{transform:translateY(0);box-shadow:0 0 25px rgba(105,162,231,.22)}
  50%{transform:translateY(-2px);box-shadow:0 0 36px rgba(105,162,231,.38)}
}

/* Give the grid previews enough elevation to read as crafted interfaces. */
.design-studies[data-mode="grid"] .study-screen{
  filter:drop-shadow(0 15px 19px rgba(0,4,12,.34)) drop-shadow(0 2px 3px rgba(123,174,215,.1));
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .design-studies[data-mode="grid"] .study:hover .study-screen{
    transform:translateY(-4px);
    box-shadow:0 22px 54px rgba(0,0,0,.38);
  }
}

/* Map label sits on the pale route panel. */
.design-studies .study-local .local-nav span:last-child{
  color:#102a32;
  border-color:rgba(16,42,50,.42);
}

/* Keep menu prices within the text column, away from the food image. */
.design-studies .study-food .food-menu li i{
  justify-self:start;
  transform:translateX(-8px);
}

/* A restrained inset keyline distinguishes the local-business study. */
.design-studies .study-local-mini .study-screen{
  box-shadow:inset 0 0 0 7px #ffdc4f,inset 0 0 0 8px rgba(20,20,16,.42),0 18px 48px rgba(0,0,0,.23);
}

/* Homepage alignment and the darker closing moment. */
.home .editorial-intro{align-items:start}
.home .editorial-intro .section-number{grid-column:1;grid-row:1;margin:0}
.home .editorial-intro>div[data-reveal]{grid-column:2;grid-row:1;min-width:0}
.home .editorial-intro div>p{margin:clamp(24px,3vw,40px) 0 0;max-width:62ch}
@media(max-width:850px){
 .home .editorial-intro{grid-template-columns:minmax(0,1fr);gap:22px}
 .home .editorial-intro .section-number, .home .editorial-intro>div[data-reveal]{grid-column:1;grid-row:auto}
}
.home .closing-cta.cosmic-echo{
 background:radial-gradient(ellipse at 78% 62%,rgba(53,116,182,.14),transparent 42%),linear-gradient(120deg,#04111e 0%,#071a2a 58%,#092038 100%);
 color:#f2f6fa
}
.home .closing-cta .eyebrow{color:#a9c8ea}
.home .closing-cta .echo-orbit{border-color:rgba(155,197,242,.12);box-shadow:0 0 0 90px rgba(141,189,255,.025),0 0 0 190px rgba(141,189,255,.018),0 0 0 285px rgba(141,189,255,.01)}
.home .closing-cta .button.light{background:#d9eaff;color:#071624;border-color:#a9c8ed}

/* Keep the poster art pixel-identical; animate only the atmospheric layer behind it. */
.home .poster-hero .hero-starfield{opacity:.7}

/* Consistent landscape preview frames; adapt internal compositions to the frame. */
.design-studies .study-screen{container-type:inline-size;overflow:hidden}

.design-studies[data-mode] .study-food .food-menu{left:6%;top:8%;width:60%;max-width:60%}
.design-studies[data-mode] .study-food .food-menu>span{font-size:clamp(6px,2.25cqi,9px)}
.design-studies[data-mode] .study-food .food-menu h3{margin:clamp(5px,2.4cqi,11px) 0 clamp(6px,2.4cqi,11px);font-size:clamp(1.25rem,10cqi,2.3rem);line-height:.84}
.design-studies[data-mode] .study-food .food-menu li{min-height:0;padding:clamp(3px,1.2cqi,6px) 0;gap:4px;font-size:clamp(7px,3cqi,11px);line-height:1.15}
.design-studies[data-mode] .study-food .food-menu li i{margin-right:clamp(4px,2cqi,12px);transform:none}
.design-studies[data-mode] .study-local .local-nav{left:6%;right:6%;top:6%;gap:4px}
.design-studies[data-mode] .study-local .local-nav span{font-size:clamp(6px,2.25cqi,9px);padding:clamp(3px,1.5cqi,6px)}
.design-studies[data-mode] .study-local .local-route{right:3%;top:20%;width:38%;height:53%}
.design-studies[data-mode] .study-local .local-service{left:6%;top:31%;width:51%}
.design-studies[data-mode] .study-local .local-service h3{font-size:clamp(1rem,8cqi,1.8rem);line-height:.94}
.design-studies[data-mode] .study-local .local-service p{margin:clamp(3px,1.8cqi,8px) 0;font-size:clamp(7px,2.7cqi,10px);line-height:1.15}
.design-studies[data-mode] .study-local .local-service b{margin-top:3px;padding:clamp(4px,1.6cqi,7px);font-size:clamp(6px,2.2cqi,9px)}
.design-studies[data-mode] .study-local .local-screen aside{right:4%;top:auto;bottom:5%;width:34%;padding:4px 5px;gap:2px}
.design-studies[data-mode] .study-local .local-screen aside strong{font-size:clamp(8px,3cqi,12px)}
.design-studies[data-mode] .study-local .local-screen aside span{font-size:clamp(6px,2cqi,8px);line-height:1.1}
.design-studies .study-editorial .editorial-screen h3 em{display:inline-flex;gap:.005em;animation:none}
.design-studies .study-editorial .editorial-screen h3 em span{display:inline-block;animation:idea-letter 2.8s ease-in-out infinite}
.design-studies .study-editorial .editorial-screen h3 em span:nth-child(2){animation-delay:.08s}
.design-studies .study-editorial .editorial-screen h3 em span:nth-child(3){animation-delay:.16s}
.design-studies .study-editorial .editorial-screen h3 em span:nth-child(4){animation-delay:.24s}
.design-studies .study-editorial .editorial-screen h3 em span:nth-child(5){animation-delay:.32s}
@keyframes idea-letter{0%,72%,100%{transform:translateY(0)}78%{transform:translateY(-3px)}84%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.design-studies .study-editorial .editorial-screen h3 em span{animation:none!important}}
/* Restore direct manipulation without browser text selection on the model. */
.design-studies .raptor-viewport{user-select:none;-webkit-user-select:none;touch-action:none;cursor:grab}
.design-studies .raptor-viewport:active{cursor:grabbing}
.design-studies .raptor-canvas{pointer-events:none}

/* Keep menu labels and prices inside the dark text column, clear of the dish photo. */
.design-studies[data-mode] .study-food .food-menu{left:6%;width:48%;max-width:48%}
.design-studies[data-mode] .study-food .food-menu li{grid-template-columns:minmax(0,1fr) max-content}
.design-studies[data-mode] .study-food .food-menu li i{justify-self:start;margin:0;padding-left:5px}


/* Focused study repairs: more legible motion, stable compositions, and clear interactions. */
.home .poster-hero .hero-starfield{opacity:.92}
.home .poster-hero .hero-starfield::before{animation-duration:32s}
.home .poster-hero .hero-starfield::after{animation-duration:48s;opacity:.68}
@media(max-width:720px){
  .home .poster-hero .hero-starfield{opacity:.62}
  .home .poster-hero .hero-starfield::before{animation-duration:40s}
  .home .poster-hero .hero-starfield::after{animation-duration:58s}
}
@media(prefers-reduced-motion:reduce){
  .home .poster-hero .hero-starfield::before, .home .poster-hero .hero-starfield::after{animation:none!important}
}

/* Three service-map points now travel on separate, precise orbits. */
.services-page .service-map .map-point{
  width:6px;height:6px;left:calc(50% + var(--map-orbit-radius) - 3px);top:calc(50% - 3px);
  right:auto;bottom:auto;transform-origin:calc(3px - var(--map-orbit-radius)) 3px;
  animation:service-map-orbit var(--map-orbit-speed) linear infinite;
}
.services-page .service-map .point-a{--map-orbit-radius:34%;--map-orbit-speed:4.2s;animation-delay:-1.1s}
.services-page .service-map .point-b{--map-orbit-radius:25%;--map-orbit-speed:5.1s;animation-direction:reverse;animation-delay:-2.4s}
.services-page .service-map .point-c{--map-orbit-radius:15%;--map-orbit-speed:3.7s;animation-delay:-.6s}
@keyframes service-map-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.services-page .service-map .map-point{animation:none!important}}

/* Common Ground keeps the approved vertical composition and type scale in both modes. */
.design-studies[data-mode] .study-culture .culture-type{
  left:24%;top:4%;width:30%;height:91%;z-index:1;writing-mode:vertical-rl;transform:rotate(180deg);
  font-size:clamp(1.35rem,8.5cqi,2.45rem);line-height:.78;letter-spacing:-.075em
}
.design-studies[data-mode] .study-culture .culture-type i{display:inline;font-size:inherit;line-height:inherit}
.design-studies[data-mode] .study-culture .falling-d{
  display:inline-block;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;
  transform:none;transform-origin:0% 52%;will-change:transform
}
.design-studies[data-mode] .study-culture .culture-event{
  left:57%;right:4%;top:20%;width:39%;max-width:none;gap:0
}
.design-studies[data-mode] .study-culture .culture-event section{
  display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;
  padding:clamp(7px,1.5cqi,10px);border:1px solid rgba(255,241,223,.2);
  border-radius:2px;background:rgba(20,14,38,.7)
}
.design-studies[data-mode] .study-culture .culture-event section>:not([hidden]){
  position:static!important;inset:auto!important;transform:none!important;max-width:100%;
  min-width:0;margin:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3
}
.design-studies[data-mode] .study-culture .culture-event strong{font-size:clamp(7px,1.8cqi,8px)}
.design-studies[data-mode] .study-culture .culture-event span{font-size:clamp(8px,1.9cqi,9px);line-height:1.35}
.design-studies[data-mode] .study-culture .culture-event small{font-size:clamp(7px,1.6cqi,8px);line-height:1.3}
.design-studies[data-mode] .study-culture .culture-event .culture-details-toggle{min-height:30px}

/* Give the editorial study enough type scale in both gallery modes. */
.design-studies[data-mode] .study-editorial .editorial-screen h3{
  top:5%;right:5%;width:66%;max-width:66%;font-size:clamp(30px,9cqi,66px);line-height:.76
}
.design-studies[data-mode] .study-editorial .editorial-screen h3 em span{
  font-size:inherit!important;line-height:inherit;letter-spacing:inherit
}
.design-studies[data-mode] .study-editorial .editorial-screen h3 em span{animation-duration:1.8s}
.design-studies[data-mode] .study-editorial .editorial-screen h3 em span:nth-child(2){animation-delay:.06s}
.design-studies[data-mode] .study-editorial .editorial-screen h3 em span:nth-child(3){animation-delay:.12s}
.design-studies[data-mode] .study-editorial .editorial-screen h3 em span:nth-child(4){animation-delay:.18s}
.design-studies[data-mode] .study-editorial .editorial-screen h3 em span:nth-child(5){animation-delay:.24s}
@media(prefers-reduced-motion:reduce){.design-studies .study-editorial .editorial-screen h3 em span{animation:none!important}}

/* Add a real job-site image to the local-service interface without crowding its copy. */
.design-studies[data-mode] .study-local .local-route{display:none!important}
.design-studies[data-mode] .study-local .local-workers{
  position:absolute;z-index:1;right:3%;top:19%;width:38%;height:51%;object-fit:cover;object-position:50% 42%;
  border:1px solid rgba(240,244,232,.72);border-radius:8px;filter:saturate(.82) contrast(1.03);
  box-shadow:0 14px 30px rgba(8,25,29,.2)
}
.design-studies[data-mode] .study-local .local-service{z-index:2}
.design-studies[data-mode] .study-local .local-screen aside{z-index:2;bottom:5%;right:4%;width:34%}

/* Calm Experience: separate the daily prompt from its action row. */
.design-studies[data-mode] .study-calm .calm-copy{left:8%;top:23%;width:61%}
.design-studies[data-mode] .study-calm .calm-copy h3{font-size:clamp(19px,6.3cqi,28px);line-height:.94}
.design-studies[data-mode] .study-calm .calm-copy p{margin-top:clamp(4px,1.3cqi,7px);font-size:clamp(8px,2cqi,10px);line-height:1.2}
.design-studies[data-mode] .study-calm .calm-task{
  left:7%;right:7%;bottom:18%;grid-template-columns:minmax(0,1fr) 14px;gap:7px;padding:7px 9px
}
.design-studies[data-mode] .study-calm .calm-task b{font-size:clamp(8px,2.4cqi,10px);line-height:1.15}

/* Put the community filter directly under its heading; keep the directory list in its own lane. */
.design-studies[data-mode] .study-information .info-filter{
  left:7%;right:auto;top:43%;width:28%;gap:4px;z-index:2;font-size:clamp(7px,1.8cqi,8px)
}
.design-studies[data-mode] .study-information .info-filter b{white-space:normal;padding:5px 6px;line-height:1.15}
.design-studies[data-mode] .study-information .info-results{left:42%;right:6%;top:21%;bottom:10%}
.design-studies[data-mode="grid"] .study-information .info-results{left:42%;right:6%;top:21%;bottom:10%}

/* Distinct, more composed directions for the two professional studies. */
.design-studies[data-mode] .study-professional .professional-screen{
  display:block!important;position:relative;overflow:hidden;padding:0!important;
  background:linear-gradient(90deg,#1c3540 0 25%,#f1eee5 25% 100%);color:#26363a
}
.design-studies[data-mode] .study-professional .professional-screen::before{
  inset:0 75% 0 0;width:auto;clip-path:none;background:linear-gradient(160deg,#284651,#172a34);box-shadow:inset -1px 0 rgba(255,255,255,.18)
}
.design-studies[data-mode] .study-professional .professional-screen::after{display:none}
.design-studies[data-mode] .study-professional .professional-side{
  position:absolute;left:6%;top:13%;width:15%;height:74%;padding:0;border:0;color:#eff1e9;
  display:flex;flex-direction:column;justify-content:space-between;gap:8px
}
.design-studies[data-mode] .study-professional .professional-side strong{
  font:600 clamp(7px,2cqi,9px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:#e7b387
}
.design-studies[data-mode] .study-professional .professional-side span{
  font:500 clamp(6px,1.65cqi,8px)/1.65 "IBM Plex Mono",monospace;color:#d0dcd9
}
.design-studies[data-mode] .study-professional .professional-main{position:static;padding:0!important}
.design-studies[data-mode] .study-professional .professional-main h3{
  position:absolute;left:34%;right:7%;top:17%;width:54%;margin:0;
  font:400 clamp(17px,5.1cqi,29px)/.98 "DM Serif Display",Georgia,serif;letter-spacing:-.025em;color:#26363a
}
.design-studies[data-mode] .study-professional .professional-main p{
  position:absolute;left:34%;right:8%;top:45%;width:53%;margin:0;
  color:#63706c;font-size:clamp(8px,2cqi,10px);line-height:1.28
}
.design-studies[data-mode] .study-professional .professional-links{
  position:absolute;left:34%;right:7%;top:66%;bottom:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px
}
.design-studies[data-mode] .study-professional .professional-links span{
  min-width:0;padding:5px 2px 0;border-color:rgba(39,61,63,.25);color:#465d5b;
  font:500 clamp(6px,1.65cqi,8px)/1.2 "IBM Plex Mono",monospace;overflow-wrap:anywhere
}
.design-studies[data-mode] .study-professional .professional-main>b{
  position:absolute;left:34%;right:auto;top:auto;bottom:7%;margin:0;padding:6px 9px;
  background:#b66f50;color:#fffaf0;font-size:clamp(6px,1.7cqi,8px);line-height:1.1
}
.design-studies[data-mode] .study-minimal .practice-screen{
  position:relative;isolation:isolate;overflow:hidden;padding:0!important;
  background:linear-gradient(90deg,#263e48 0 20%,#eee9df 20%);color:#263e48
}
.design-studies[data-mode] .study-minimal .practice-screen::before{
  content:"";position:absolute;left:20%;top:0;bottom:0;width:1px;background:rgba(33,64,70,.26)
}
.design-studies[data-mode] .study-minimal .practice-top{
  left:27%;right:7%;top:10%;color:#53686a;font:500 clamp(6px,1.7cqi,8px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.1em
}
.design-studies[data-mode] .study-minimal .practice-spine{left:27%;right:7%;top:28%;height:1px;background:#b76f53}
.design-studies[data-mode] .study-minimal .practice-copy{
  left:34%;right:7%;top:35%;width:auto;color:#213a43
}
.design-studies[data-mode] .study-minimal .practice-copy span{color:#8a6555;font:500 clamp(7px,1.9cqi,9px)/1.2 "IBM Plex Mono",monospace}
.design-studies[data-mode] .study-minimal .practice-copy strong{
  display:block;margin-top:7px;font:400 clamp(21px,7cqi,39px)/.9 "DM Serif Display",Georgia,serif;letter-spacing:-.045em;color:#213a43
}
.design-studies[data-mode] .study-minimal .practice-footer{left:27%;right:7%;bottom:12%;color:#51686a}
.design-studies[data-mode] .study-minimal .practice-footer i{background:#b76f53}
.design-studies[data-mode="grid"] .study-minimal .practice-copy{left:32%;right:6%;top:31%}
.design-studies[data-mode="grid"] .study-minimal .practice-copy strong{font-size:clamp(19px,6.4cqi,32px)}

/* Make the interface-study word board work with mouse, pen, and touch dragging. */
.design-studies[data-mode] .study-learning .word-slots{
  left:8%;top:59%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(3px,1.2cqi,6px);width:47%
}
.design-studies[data-mode] .study-learning .word-slots button{
  width:clamp(27px,7cqi,34px);height:clamp(29px,7cqi,36px);border-radius:2px;touch-action:none;user-select:none;-webkit-user-select:none
}
.design-studies[data-mode] .study-learning .letter-bank{
  left:auto;right:8%;top:50%;display:grid;grid-template-columns:repeat(3,minmax(30px,1fr));gap:3px;
  width:clamp(105px,28cqi,152px);touch-action:none
}
.design-studies[data-mode] .study-learning .letter-bank button{
  width:clamp(28px,7cqi,32px);height:clamp(28px,7cqi,32px);min-width:28px;min-height:28px;touch-action:none;user-select:none;-webkit-user-select:none
}
.design-studies[data-mode] .study-learning .word-slots button[data-word-slot="0"]{background:#c7def0}
.design-studies[data-mode] .study-learning .word-slots button[data-word-slot="1"]{background:#eee1f6}
.design-studies[data-mode] .study-learning .letter-bank button[data-letter-tile="t"]{background:#c8def0;color:#263a53}
.design-studies[data-mode] .study-learning .letter-bank button[data-letter-tile="m"]{background:#f1c8c4;color:#4b3239}
.design-studies[data-mode] .study-learning .letter-bank button[data-letter-tile="p"]{background:#f2dfa7;color:#4a3d27}
.design-studies[data-mode] .study-learning .letter-bank button[data-letter-tile="r"]{background:#c2e2d4;color:#29443a}
.design-studies[data-mode] .study-learning .letter-bank button[data-letter-tile="s"]{background:#dfd2f2;color:#403853}
.design-studies[data-mode] .study-learning .letter-bank button[data-letter-tile="d"]{background:#f2cba7;color:#4e3a2a}
.design-studies[data-mode] .study-learning .letter-bank button[data-letter-tile="x"]{background:#cad9f0;color:#2f3b56}
.design-studies[data-mode] .study-learning .letter-bank button[data-learning-reset]{background:#fff8d6;color:#20324f}
.design-studies[data-mode] .study-learning .learning-help{
  left:8%;right:8%;bottom:6%;max-width:none;font-size:clamp(7px,1.7cqi,9px);line-height:1.2;text-align:left
}
.design-studies[data-mode] .study-learning .learning-help[data-success="true"]{
  color:#173e32;font-weight:700;background:rgba(255,255,255,.68);border-radius:4px;padding:4px 6px
}

/* Small, specific study corrections requested for both preview modes. */
.design-studies[data-mode] .study-future .readout-c{left:auto;right:7%;top:auto;bottom:13%;text-align:right}
.design-studies[data-mode] .study-diagonal .shape-three{
  --shape-fill:rgba(255,224,125,.55);--shape-glow:rgba(255,224,125,.34);
  animation:object-whip var(--shape-speed,3.1s) cubic-bezier(.35,.04,.55,.98) infinite,object-warm-glint 8s ease-in-out infinite;
}
@keyframes object-warm-glint{0%,42%,100%{filter:brightness(1)}50%,60%{filter:brightness(1.34)}}




@media(prefers-reduced-motion:reduce){
  .design-studies[data-mode] .study-diagonal .shape-three{animation:none!important}
}

/* Grid correction: keep the community filter in the left column below its title. */
.design-studies[data-mode] .study-information .information-screen{
  display:block!important;position:relative!important;padding:0!important;
  grid-template-columns:none!important;grid-template-rows:none!important;gap:0!important
}
.design-studies[data-mode] .study-information .information-screen header{
  position:absolute!important;left:7%!important;right:7%!important;top:7%!important;
  display:flex!important;justify-content:space-between
}
.design-studies[data-mode] .study-information .information-screen h3{
  position:absolute!important;left:7%!important;top:19%!important;width:35%!important;max-width:10ch!important;
  font-size:clamp(1rem,2vw,1.55rem);line-height:.94
}
.design-studies[data-mode] .study-information .info-filter{
  position:absolute!important;left:7%!important;right:auto!important;top:64%!important;bottom:auto!important;
  width:30%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;
  z-index:3;font-size:clamp(7px,1.8cqi,9px);line-height:1.2
}
.design-studies[data-mode] .study-information .info-filter b{
  min-width:0;white-space:normal;padding:5px 6px;line-height:1.15
}
.design-studies[data-mode] .study-information .info-results{
  position:absolute!important;left:42%!important;right:6%!important;top:15%!important;bottom:11%!important;
  display:flex!important;flex-direction:column;gap:4px;overflow-y:auto!important;
  overscroll-behavior:contain;scrollbar-width:thin
}
.design-studies[data-mode] .study-information .info-results div{
  flex:0 0 auto;min-height:29px;padding:5px 21px 5px 7px;line-height:1.15
}
.design-studies[data-mode] .study-information .information-screen>small{
  position:absolute!important;left:42%!important;right:6%!important;bottom:3%!important;text-align:right;font-size:6px
}
.design-studies[data-mode] .study-editorial .editorial-screen h3{
  top:5%;right:5%;width:66%;max-width:66%;font-size:clamp(34px,10.2cqi,52px);line-height:.76
}
.design-studies[data-mode] .study-editorial .editorial-screen h3 em{
  display:inline-flex;gap:.035em;letter-spacing:-.055em
}
.design-studies[data-mode] .study-editorial .editorial-screen h3 em span{
  font-size:inherit!important;line-height:inherit;letter-spacing:inherit;animation-duration:1.8s
}
@media(prefers-reduced-motion:reduce){
  .design-studies .study-editorial .editorial-screen h3 em span{animation:none!important}
}

/* Hero meteors travel in straight, fixed-height passes beneath the foreground artwork. */
.home .poster-hero .hero-starfield{opacity:.62}
.home .poster-hero .hero-starfield::before, .home .poster-hero .hero-starfield::after{
  background-size:250px 205px;
  background-image:
    radial-gradient(circle 1.5px at 31px 42px,rgba(221,239,255,.84) 0 1.35px,transparent 2px),
    radial-gradient(circle 1.8px at 128px 101px,rgba(168,205,255,.68) 0 1.55px,transparent 2.3px),
    radial-gradient(circle 1.4px at 203px 169px,rgba(255,255,255,.58) 0 1.2px,transparent 1.9px);
  animation-duration:86s;
}
.home .poster-hero .hero-starfield::after{background-size:340px 278px;animation-duration:122s;opacity:.45}
.home .poster-hero .shooting-star{
  position:absolute;z-index:1;left:24%;top:58%;width:clamp(88px,9vw,116px);height:2px;border-radius:50%;
  opacity:0;transform:translate3d(-12vw,0,0);
  background:linear-gradient(90deg,transparent 0%,rgba(197,220,255,.05) 8%,rgba(197,220,255,.2) 52%,rgba(230,241,255,.82) 88%,#fff 100%);
  filter:drop-shadow(0 0 6px rgba(174,211,255,.65));animation:mica-meteor-straight 24s linear infinite
}
.home .poster-hero .shooting-star::after{
  content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px;border-radius:50%;
  transform:translateY(-50%);background:#fff;box-shadow:0 0 6px 2px rgba(214,232,255,.92),0 0 14px 4px rgba(143,190,255,.42)
}
@keyframes mica-meteor-straight{
  0%,63%,100%{opacity:0;transform:translate3d(-12vw,0,0)}
  64%{opacity:0;transform:translate3d(-12vw,0,0)}
  65%{opacity:.88;transform:translate3d(-11vw,0,0)}
  73%{opacity:.88;transform:translate3d(43vw,0,0)}
  75%{opacity:0;transform:translate3d(52vw,0,0)}
}
.home .poster-hero .shooting-star--secondary{top:39%;width:68px;height:1.5px;animation-delay:-8s}
.home .poster-hero .shooting-star--tertiary{top:70%;width:48px;height:1px;opacity:.76;animation-delay:-15s}
.home .poster-hero .shooting-star--secondary::after{width:4px;height:4px;box-shadow:0 0 5px 1.5px rgba(214,232,255,.86),0 0 10px 3px rgba(143,190,255,.35)}
.home .poster-hero .shooting-star--tertiary::after{width:3px;height:3px;box-shadow:0 0 4px 1px rgba(214,232,255,.78),0 0 8px 2px rgba(143,190,255,.28)}
.home .poster-hero .space-event{position:absolute;z-index:1;pointer-events:none;opacity:0}
.home .poster-hero .space-event-comet{
  left:10%;top:27%;width:42px;height:1px;border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(192,222,255,.12),rgba(229,241,255,.66));
  animation:mica-comet-drift 29s linear infinite 7s
}
.home .poster-hero .space-event-comet::after{
  content:"";position:absolute;right:0;top:50%;width:3px;height:3px;border-radius:50%;transform:translateY(-50%);
  background:#fff;box-shadow:0 0 8px 2px rgba(183,218,255,.65)
}
@keyframes mica-comet-drift{
  0%,52%,100%{opacity:0;transform:translate3d(-7vw,0,0)}
  54%{opacity:.48}
  61%{opacity:0;transform:translate3d(26vw,0,0)}
}
.home .poster-hero .space-event-glint{
  left:73%;top:66%;width:3px;height:3px;border-radius:50%;background:#d9eaff;
  box-shadow:0 0 7px 2px rgba(173,208,255,.48),18px -13px 0 -1px rgba(207,225,255,.68),39px 11px 0 -1px rgba(207,225,255,.48);
  animation:mica-space-glint 23s ease-in-out infinite 3s
}
@keyframes mica-space-glint{
  0%,100%{opacity:.2;transform:translate3d(0,0,0)}
  50%{opacity:.68;transform:translate3d(-9px,-5px,0)}
}
@media(max-width:720px){
  .home .poster-hero .hero-starfield{opacity:.54}
  .home .poster-hero .shooting-star{left:18%;top:45%;width:84px}
  .home .poster-hero .shooting-star--secondary{top:34%;width:60px}
  .home .poster-hero .shooting-star--tertiary{top:62%;width:44px}
  .home .poster-hero .space-event-comet{left:5%;top:30%;width:30px}
}
@media(prefers-reduced-motion:reduce){
  .home .poster-hero .hero-starfield::before, .home .poster-hero .hero-starfield::after, .home .poster-hero .shooting-star, .home .poster-hero .space-event{animation:none!important}
  .home .poster-hero .shooting-star, .home .poster-hero .space-event{display:none!important}
}

/* One animated point moves rapidly and continuously through the model graph. */
.design-studies[data-mode] .study-neural .neural-actions{
  position:absolute;left:6%;bottom:7%;z-index:4;display:flex;gap:4px;width:39%;max-width:190px
}
.design-studies[data-mode] .study-neural .neural-actions button{
  flex:1 1 0;min-width:0;padding:5px 3px;border:1px solid rgba(135,199,194,.36);border-radius:3px;
  background:rgba(13,35,47,.78);color:#b8d0d3;font:500 clamp(5px,1.35cqi,7px)/1 "IBM Plex Mono",monospace;
  letter-spacing:.05em;text-transform:uppercase;cursor:pointer
}
.design-studies[data-mode] .study-neural .neural-actions button[aria-pressed="true"]{
  border-color:#86edcf;background:rgba(62,137,128,.4);color:#f0fff8;box-shadow:0 0 10px rgba(112,234,204,.16)
}
.design-studies[data-mode] .study-neural .neural-nodes circle.is-lit{
  fill:#9effd8!important;stroke:#e7fff6!important;filter:drop-shadow(0 0 7px rgba(134,255,216,.95))!important
}
.design-studies[data-mode] .study-neural .neural-nodes circle{transition:fill .16s ease,filter .16s ease,stroke .16s ease}
@media(max-width:560px){
 .design-studies[data-mode] .study-neural .neural-actions{left:6%;width:44%;bottom:6%}
}

/* More legible professional-service routes and a calmer advisory composition. */
.design-studies[data-mode] .study-professional .professional-screen{
  background:linear-gradient(90deg,#213e49 0 23%,#f4f1e9 23% 100%);color:#24383d
}
.design-studies[data-mode] .study-professional .professional-screen::before{
  inset:0 77% 0 0;background:linear-gradient(150deg,#2d505a,#19333e)
}
.design-studies[data-mode] .study-professional .professional-side{
  left:5%;width:14%;top:11%;height:78%
}
.design-studies[data-mode] .study-professional .professional-side span{color:#e0e9e3;line-height:1.8}
.design-studies[data-mode] .study-professional .professional-main h3{
  left:32%;right:6%;width:auto;top:14%;font-size:clamp(18px,5cqi,30px);line-height:.98
}
.design-studies[data-mode] .study-professional .professional-main p{
  left:32%;right:7%;top:43%;width:auto;max-width:32ch;line-height:1.4
}
.design-studies[data-mode] .study-professional .professional-links{
  left:32%;right:6%;top:64%;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px
}
.design-studies[data-mode] .study-professional .professional-links span{
  position:relative;display:flex;align-items:center;min-height:26px;padding:5px 5px 5px 7px;
  border:1px solid rgba(48,79,79,.23);border-radius:3px;background:rgba(255,255,255,.42);
  font-size:clamp(6px,1.5cqi,8px);white-space:normal;overflow-wrap:normal
}
.design-studies[data-mode] .study-professional .professional-links span::after{
  content:"↗";margin-left:auto;padding-left:3px;color:#b16c4f;font:600 8px/1 "IBM Plex Mono",monospace
}
.design-studies[data-mode] .study-professional .professional-main>b{
  bottom:6%;padding:6px 10px;background:#b76f50;border-radius:2px;letter-spacing:.02em
}
.design-studies[data-mode] .study-minimal .practice-screen{background:linear-gradient(90deg,#223d47 0 20%,#f1ede4 20% 100%)}
.design-studies[data-mode] .study-minimal .practice-top{color:#596d6d;letter-spacing:.12em}
.design-studies[data-mode] .study-minimal .practice-copy{top:33%;left:33%;right:8%;gap:8px}
.design-studies[data-mode] .study-minimal .practice-copy span{color:#9a674e}
.design-studies[data-mode] .study-minimal .practice-copy strong{line-height:.95;letter-spacing:-.06em}
.design-studies[data-mode] .study-minimal .practice-footer i{height:2px}
.design-studies[data-mode="grid"] .study-minimal .practice-copy{left:33%;top:32%}

/* Distinguish planet identities and keep the counter below the orbit labels. */






























/* Slow orbital/mesh motion through the hero keeps the MICA atmosphere alive. */

/* Final advisory polish: keep the two studies calm, aligned, and readable at card size. */
.design-studies[data-mode] .study-professional .professional-main{align-items:stretch;gap:clamp(5px,1.15cqw,10px)}
.design-studies[data-mode] .study-professional .professional-main h3{max-width:13ch;line-height:1.02}
.design-studies[data-mode] .study-professional .professional-main p{max-width:27ch;line-height:1.35}
.design-studies[data-mode] .study-professional .professional-links{align-items:stretch;gap:clamp(4px,1cqw,9px);margin-top:clamp(5px,1cqw,9px)}
.design-studies[data-mode] .study-professional .professional-links span{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:6px 7px;background:rgba(255,255,255,.34);border:1px solid rgba(35,50,55,.16);border-radius:2px}
.design-studies[data-mode] .study-professional .professional-main>b{align-self:flex-start;margin-top:auto;padding:7px 10px;letter-spacing:.02em}
.design-studies[data-mode] .study-minimal .practice-top{display:flex;align-items:center;gap:10px;line-height:1.35}
.design-studies[data-mode] .study-minimal .practice-top span:last-child{text-align:right;color:#314f55}
.design-studies[data-mode] .study-minimal .practice-spine{opacity:.72}
.design-studies[data-mode] .study-minimal .practice-copy{max-width:72%;gap:8px}
.design-studies[data-mode] .study-minimal .practice-copy strong{max-width:8ch;line-height:.98}
.design-studies[data-mode] .study-minimal .practice-footer{display:flex;align-items:center;gap:7px}
.design-studies[data-mode] .study-minimal .practice-footer i{width:clamp(12px,4cqw,22px);opacity:.82}
@media(max-width:720px){
 .design-studies[data-mode] .study-professional .professional-screen{grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);gap:5%}
 .design-studies[data-mode] .study-professional .professional-links span{padding-inline:5px}
 .design-studies[data-mode] .study-minimal .practice-copy{max-width:70%}
}


/* Test 6: accessible, touch-friendly dinosaur viewer controls. */
.site-live .design-studies .study-dinosaur .raptor-viewport{
  touch-action:pan-y;
}
.site-live .design-studies .study-dinosaur .raptor-controls{
  z-index:5;display:grid;grid-template-columns:repeat(3,minmax(34px,38px));gap:5px;
  right:8px;top:8px;padding:6px;border:1px solid rgba(194,219,209,.28);
  border-radius:7px;background:rgba(5,15,18,.88);backdrop-filter:blur(8px);
}
.site-live .design-studies .study-dinosaur .raptor-controls button{
  width:36px;height:36px;font-size:17px;touch-action:manipulation;
}
.site-live .design-studies .study-dinosaur .raptor-controls button:hover:not(:disabled){
  background:#315754;color:#fff;
}
.site-live .design-studies .study-dinosaur .raptor-controls button:focus-visible, .site-live .design-studies .study-dinosaur .raptor-viewport:focus-visible, .site-live .study-dinosaur .raptor-notes summary:focus-visible, .site-live .study-dinosaur .raptor-notes a:focus-visible{
  outline:2px solid #d8eaa2;outline-offset:2px;
}
.site-live .design-studies .study-dinosaur .raptor-controls button:disabled{
  opacity:.42;cursor:not-allowed;
}
.site-live .design-studies .study-dinosaur .raptor-hint{
  z-index:2;left:9px;right:9px;bottom:8px;color:#e0e9dc;
  font:500 clamp(8px,1.8cqw,11px)/1.3 "IBM Plex Mono",monospace;
  letter-spacing:.015em;text-shadow:0 1px 4px #07110f;
}
.site-live .design-studies .study-dinosaur .raptor-status{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.site-live .study-dinosaur .raptor-notes{
  position:absolute;z-index:3;left:5%;bottom:15%;width:34%;color:#edf1e2;
  font:clamp(7px,1.5cqw,9px)/1.35 "IBM Plex Sans",sans-serif;
}
.site-live .study-dinosaur .raptor-notes summary{
  width:max-content;max-width:100%;padding:4px 6px;border:1px solid rgba(193,216,186,.35);
  border-radius:4px;background:rgba(8,20,23,.84);color:#e1e9cf;cursor:pointer;
}
.site-live .study-dinosaur .raptor-notes[open]{
  width:min(50%,230px);padding:7px;border:1px solid rgba(193,216,186,.4);
  border-radius:6px;background:rgba(7,17,19,.96);box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.site-live .study-dinosaur .raptor-notes p{margin:5px 0;color:#d2dbcc}
.site-live .study-dinosaur .raptor-notes a{display:inline-block;margin:3px 8px 0 0;color:#cfe8a4;text-underline-offset:2px}
.site-live .study-dinosaur .raptor-status:empty{display:none}
@media(max-width:620px){
  .site-live .design-studies .study-dinosaur .raptor-controls{grid-template-columns:repeat(3,34px);gap:4px;padding:5px}
  .site-live .design-studies .study-dinosaur .raptor-controls button{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){
  .site-live .design-studies .study-dinosaur .raptor-controls button{transition:none!important}
  .site-live .design-studies .study-dinosaur .raptor-controls [data-raptor-action="autoplay"]{display:none}
}

/* Test 6 raptor refinement: give the model a clear lane and keep its controls off its silhouette. */
.site-live .design-studies .study-dinosaur .raptor-viewport{
  right:3%;top:19%;width:62%;height:64%;touch-action:pan-y;
  background:radial-gradient(ellipse at 52% 82%,rgba(129,158,126,.18),transparent 43%),linear-gradient(180deg,rgba(11,21,23,.7),rgba(22,37,37,.58));
}
.site-live .design-studies .study-dinosaur .raptor-controls{
  display:grid;grid-template-columns:repeat(6,30px);gap:3px;right:6px;top:6px;padding:5px;
}
.site-live .design-studies .study-dinosaur .raptor-controls button{width:30px;height:30px}
.site-live .design-studies .study-dinosaur .raptor-hint{
  left:7px;right:7px;bottom:6px;font-size:clamp(7px,1.55cqw,10px);letter-spacing:0;
}
.site-live .study-dinosaur .raptor-notes{left:5%;bottom:5%;width:38%;font-size:clamp(7px,1.5cqw,9px)}
.site-live .study-dinosaur .raptor-notes summary{padding:5px 7px}
.site-live .study-dinosaur .raptor-notes[open]{width:min(62%,280px);max-height:68%;overflow:auto}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .pangaea-panel{
  left:5%;top:23%;width:25%;height:31%;padding:5px;gap:2px;
}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .pangaea-map{height:58%}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .dinosaur-focus{left:5%;top:63%;width:35%}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .dinosaur-focus h3{
  margin:5px 0 2px;font-size:clamp(1rem,5.2cqw,1.4rem);line-height:1;
}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .dinosaur-focus span{
  font-size:clamp(6px,1.65cqw,8px);overflow-wrap:normal;
}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .raptor-viewport{right:3%;top:18%;width:63%;height:66%}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .raptor-controls{
  grid-template-columns:repeat(6,25px);gap:2px;padding:4px;right:4px;top:4px;
}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .raptor-controls button{width:25px;height:25px;font-size:15px}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .raptor-hint{
  font-size:clamp(6px,1.45cqw,8px);line-height:1.15;
}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .raptor-notes{bottom:5%;font-size:clamp(6px,1.4cqw,8px)}
@media(max-width:620px){
  .site-live .design-studies .study-dinosaur .raptor-controls{grid-template-columns:repeat(6,25px);gap:2px;padding:4px}
  .site-live .design-studies .study-dinosaur .raptor-controls button{width:25px;height:25px}
}
@media(max-width:380px){
  .site-live .design-studies .study-dinosaur .raptor-controls{grid-template-columns:repeat(6,22px);gap:2px;padding:3px}
  .site-live .design-studies .study-dinosaur .raptor-controls button{width:22px;height:22px}
}

.site-live .design-studies .study-dinosaur .dinosaur-periods{
  font-size:clamp(6px,1.3cqw,8px);letter-spacing:.045em;
}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .dinosaur-periods{
  left:39%;right:4%;bottom:6%;font-size:clamp(5px,1.25cqw,7px);gap:3px;
}
@media(max-width:620px){
  .site-live .design-studies .study-dinosaur .dinosaur-periods{font-size:6px}
}


/* Mental health support fits the card with calm type and direct choices. */
.site-live .design-studies .study-care{container-type:inline-size}
.site-live .design-studies .study-care .care-screen{
  position:relative;display:grid;isolation:isolate;overflow:hidden;aspect-ratio:4 / 3;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto auto auto auto;gap:clamp(5px,1.1cqw,9px);
  align-content:stretch;padding:clamp(10px,3.2cqw,24px)!important;
  border:1px solid rgba(54,76,63,.2);border-left:5px solid #527568;
  border-radius:4px;
  background:
    radial-gradient(circle at 15% 82%,rgba(170,193,170,.18),transparent 35%),
    linear-gradient(118deg,#f6f3eb 0%,#f6f3eb 53%,#e7ede4 53%,#e7ede4 100%);
  color:#18362f;
}
.site-live .design-studies .study-care .care-screen::before, .site-live .design-studies .study-care .care-screen::after{display:none}
.site-live .design-studies .study-care .care-screen>*{position:relative;z-index:1}
.site-live .design-studies .study-care .care-top{
  grid-column:1;grid-row:1;display:flex;justify-content:space-between;align-items:center;gap:8px;
  color:#38584e;font:600 clamp(7px,1.15cqw,10px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.12em
}
.site-live .design-studies .study-care .care-location{color:#537365;white-space:nowrap}
.site-live .design-studies .study-care .care-intro{grid-column:1;grid-row:2;align-self:start;max-width:none}
.site-live .design-studies .study-care .care-intro h3{
  position:static;margin:0 0 4px;max-width:22ch;
  color:#18362f;font:400 clamp(1.05rem,5.8cqw,1.55rem)/1.04 "DM Serif Display",Georgia,serif;letter-spacing:-.02em
}
.site-live .design-studies .study-care .care-intro>p{
  margin:0;max-width:42ch;color:#3e5a51;font-size:clamp(9px,1.6cqw,12px);line-height:1.35
}
.site-live .design-studies .study-care .care-illustration{display:none}
.site-live .design-studies .study-care .care-illustration i, .site-live .design-studies .study-care .care-illustration b, .site-live .design-studies .study-care .care-illustration em{position:absolute;bottom:0;display:block;width:1px;height:clamp(12px,2.2cqw,22px);background:#73937d;transform-origin:bottom}
.site-live .design-studies .study-care .care-illustration i{left:25%;transform:rotate(-24deg)}
.site-live .design-studies .study-care .care-illustration b{left:51%;height:clamp(17px,3.3cqw,34px)}
.site-live .design-studies .study-care .care-illustration em{left:76%;transform:rotate(24deg)}
.site-live .design-studies .study-care .care-options{
  position:static;left:auto;right:auto;top:auto;grid-column:1;grid-row:3;align-self:stretch;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,1.1cqw,9px);margin:0;min-width:0
}
.site-live .design-studies .study-care .care-option{
  appearance:none;width:100%;min-width:0;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:5px;
  padding:clamp(6px,1.2cqw,10px) clamp(6px,1.3cqw,11px);
  border:1px solid #b8c8ba;border-radius:5px;background:rgba(255,255,252,.88);color:#18362f;text-align:left;
  font:inherit;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease
}
.site-live .design-studies .study-care .care-option:hover{background:#fff;border-color:#577c69;box-shadow:0 3px 12px rgba(30,68,52,.08);transform:translateY(-1px)}
.site-live .design-studies .study-care .care-option:focus-visible, .site-live .design-studies .study-care .care-back:focus-visible, .site-live .design-studies .study-care .care-action:focus-visible, .site-live .design-studies .study-care .care-source:focus-visible, .site-live .design-studies .study-care .care-crisis a:focus-visible{
  outline:3px solid #245d46;outline-offset:3px
}
.site-live .design-studies .study-care .care-option[aria-pressed="true"]{border-color:#315f4e;background:#e3eee5;box-shadow:inset 3px 0 #315f4e}
.site-live .design-studies .study-care .care-option>span:first-child{min-width:0;display:grid;gap:2px}
.site-live .design-studies .study-care .care-option strong{font-size:clamp(9px,1.55cqw,12px);font-weight:600;line-height:1.15;text-transform:none;letter-spacing:0}
.site-live .design-studies .study-care .care-option small{position:static;left:auto;bottom:auto;color:#526c61;font:400 clamp(8px,1.25cqw,10px)/1.2 "IBM Plex Sans",sans-serif;text-transform:none;letter-spacing:0}
.site-live .design-studies .study-care .care-arrow{flex:0 0 auto;color:#315f4e;font-size:clamp(12px,2cqw,17px)}
.site-live .design-studies .study-care .care-crisis{
  grid-column:1;grid-row:4;margin:0;padding-top:clamp(5px,.8cqw,8px);border-top:1px solid rgba(61,94,75,.22);
  color:#334e44;font-size:clamp(9px,1.45cqw,10px);line-height:1.35
}
.site-live .design-studies .study-care .care-crisis strong{font-weight:700}
.site-live .design-studies .study-care .care-crisis a{
  display:inline-flex;align-items:center;min-height:30px;margin:2px 2px 2px 0;padding:0 5px;
  border:1px solid rgba(61,94,75,.24);border-radius:4px;background:rgba(255,255,252,.85);
  color:#214f3c;text-decoration:underline;text-underline-offset:2px;font-weight:700;white-space:nowrap
}
.site-live .design-studies .study-care .care-privacy{position:static;grid-column:1;grid-row:5;z-index:2;margin:0;color:#557064;font-size:clamp(7px,1.1cqw,9px);line-height:1.2}
.site-live .design-studies .study-care .care-response[hidden]{display:none}
.site-live .design-studies .study-care .care-response{
  position:absolute;z-index:5;inset:0;overflow:auto;display:grid;align-content:center;
  padding:clamp(16px,4.5cqw,40px);background:#f6f3eb;color:#18362f;
  border:1px solid #8ca596;border-left:5px solid #527568;box-shadow:inset 0 0 0 7px rgba(255,255,255,.52)
}
.site-live .design-studies .study-care .care-result{max-width:67ch}
.site-live .design-studies .study-care .care-result-kicker{margin:0 0 6px;color:#476758;font:600 clamp(7px,1.15cqw,10px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.12em}
.site-live .design-studies .study-care .care-result h4{margin:0 0 7px;color:#173a30;font:400 clamp(1.1rem,3cqw,1.8rem)/1.05 "DM Serif Display",Georgia,serif}
.site-live .design-studies .study-care .care-result>p:not(.care-result-kicker){margin:0 0 10px;color:#36554a;font-size:clamp(9px,1.55cqw,13px);line-height:1.42}
.site-live .design-studies .study-care .care-result-actions{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 8px}
.site-live .design-studies .study-care .care-action, .site-live .design-studies .study-care .care-back{
  min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border:1px solid #718e7d;border-radius:5px;
  background:#fffefa;color:#193d31;font:600 clamp(9px,1.5cqw,12px)/1.2 "IBM Plex Sans",sans-serif;text-decoration:none;cursor:pointer
}
.site-live .design-studies .study-care .care-action-primary{background:#285943;border-color:#285943;color:#fff}
.site-live .design-studies .study-care .care-action:hover, .site-live .design-studies .study-care .care-back:hover{background:#e4eee5}
.site-live .design-studies .study-care .care-action-primary:hover{background:#1d4936;color:#fff}
.site-live .design-studies .study-care .care-source{display:block;width:fit-content;max-width:100%;margin:2px 0 8px;color:#214f3c;font-size:clamp(8px,1.35cqw,11px);line-height:1.25;text-decoration:underline;text-underline-offset:2px}
.site-live .design-studies .study-care .care-back{min-height:38px;padding:6px 11px}
.site-live .design-studies .study-care .care-response[hidden]+template{display:none}
.site-live .design-studies .study-care [inert]{pointer-events:none}
@container (max-width:300px){
  .site-live .design-studies .study-care .care-screen{aspect-ratio:auto;min-height:310px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;padding:12px!important;gap:7px}
  .site-live .design-studies .study-care .care-top{font-size:8px}
  .site-live .design-studies .study-care .care-intro{grid-column:1;grid-row:2;max-width:none}
  .site-live .design-studies .study-care .care-intro h3{max-width:15ch;font-size:1.4rem}
  .site-live .design-studies .study-care .care-intro>p{font-size:12px}
  .site-live .design-studies .study-care .care-options{grid-column:1;grid-row:3;grid-template-columns:minmax(0,1fr);gap:6px}
  .site-live .design-studies .study-care .care-option{min-height:44px;padding:6px 9px}
  .site-live .design-studies .study-care .care-option strong{font-size:12px}
  .site-live .design-studies .study-care .care-option small{font-size:10px}
  .site-live .design-studies .study-care .care-screen{min-height:350px}
  .site-live .design-studies .study-care .care-crisis{grid-column:1;grid-row:4;font-size:10px}
  .site-live .design-studies .study-care .care-crisis a{min-height:38px}
  .site-live .design-studies .study-care .care-privacy{grid-column:1;grid-row:5;font-size:8px}
  .site-live .design-studies .study-care .care-response{padding:14px;align-content:start}
  .site-live .design-studies .study-care .care-result h4{font-size:1.35rem}
  .site-live .design-studies .study-care .care-result>p:not(.care-result-kicker){font-size:11px}
  .site-live .design-studies .study-care .care-action, .site-live .design-studies .study-care .care-back{min-height:44px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .site-live .design-studies .study-care .care-option{transition:none}
}

/* Test 6: interactive care and bedding studies. */
.site-live .pet-screen{position:relative;isolation:isolate;}
.site-live .pet-open, .site-live .bedding-launch{position:absolute;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.74);border-radius:2px;background:rgba(10,23,29,.84);color:#fff;font:600 .78rem/1.1 "IBM Plex Sans",sans-serif;letter-spacing:.02em;cursor:pointer;transition:background .18s ease,transform .18s ease;}
.site-live .pet-open{left:7%;bottom:3.5%;}
.site-live .pet-open:hover, .site-live .bedding-launch:hover{background:#173a40;transform:translateY(-1px)}
.site-live .pet-open:focus-visible, .site-live .pet-panel button:focus-visible, .site-live .bedding-screen button:focus-visible{outline:3px solid #f2c879;outline-offset:3px}
.site-live .pet-panel{position:absolute;z-index:6;inset:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(8px,1.7cqw,14px);overflow:auto;padding:clamp(12px,3cqw,24px);background:#f2efe6;color:#1e302d;font:500 clamp(10px,1.8cqw,14px)/1.45 "IBM Plex Sans",sans-serif;}
.site-live .pet-panel[hidden], .site-live .bedding-panel[hidden]{display:none!important}
.site-live .pet-panel-head, .site-live .bedding-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.site-live .pet-kicker, .site-live .bedding-kicker, .site-live .pet-overline, .site-live .bedding-overline, .site-live .bedding-label{font:600 .68em/1.3 "IBM Plex Mono",monospace;letter-spacing:.1em;color:#536a63}
.site-live .pet-panel h4, .site-live .bedding-panel h4{margin:.35em 0 0;font:500 clamp(1.25rem,4cqw,2rem)/1 "IBM Plex Sans",sans-serif;letter-spacing:-.04em;color:#1e302d}
.site-live .pet-panel button, .site-live .bedding-panel button{font:600 .78em/1.15 "IBM Plex Sans",sans-serif;cursor:pointer}
.site-live .pet-close, .site-live .bedding-close{min-height:44px;padding:.55em .7em;border:1px solid #9faea6;background:transparent;color:#1e302d}
.site-live .pet-tabs, .site-live .bedding-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.site-live .pet-tabs [role=tab], .site-live .bedding-tabs [role=tab]{min-height:44px;padding:.55em .4em;border:1px solid #aab7af;background:transparent;color:#344a43}
.site-live .pet-tabs [aria-selected=true], .site-live .bedding-tabs [aria-selected=true]{background:#25463d;border-color:#25463d;color:#fff}
.site-live .pet-panel-copy, .site-live .bedding-panel-copy{min-height:0;overflow:auto;padding:.9em 1em;background:rgba(255,255,255,.62);border-left:2px solid #9baf9e;}
.site-live .pet-panel-copy p, .site-live .bedding-panel-copy p{margin:.2em 0 .65em}
.site-live .pet-panel-copy p:not(.pet-overline){max-width:42ch;font-size:1.06em;line-height:1.48}
.site-live .pet-panel-copy span, .site-live .pet-note, .site-live .bedding-fine, .site-live .bedding-disclaimer{font-size:.78em;color:#52645d}
.site-live .pet-note{margin:0}
.site-live .bedding-screen{position:relative;isolation:isolate}
.site-live .bedding-menu{align-items:center;gap:clamp(4px,1cqw,10px)}
.site-live .bedding-menu button{min-height:40px;padding:.55em .4em;border:0;border-bottom:1px solid transparent;background:rgba(250,248,243,.8);color:#243940;font:600 clamp(7px,1.6cqw,10px)/1.1 "IBM Plex Mono",monospace;letter-spacing:.1em;cursor:pointer}
.site-live .bedding-menu button:hover{border-color:#405d58}
.site-live .bedding-launch{right:7%;bottom:7%;background:#f5f2e9;color:#1d3439;border-color:rgba(29,52,57,.34);}
.site-live .bedding-launch:hover{background:#fff;color:#1d3439}
.site-live .bedding-panel{position:absolute;z-index:6;inset:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(6px,1.5cqw,11px);overflow:auto;padding:clamp(10px,2.5cqw,20px);background:rgba(246,244,237,.98);color:#253b3c;font:500 clamp(9px,1.6cqw,13px)/1.35 "IBM Plex Sans",sans-serif;}
.site-live .bedding-panel h4{font-size:clamp(1.1rem,3.4cqw,1.75rem)}
.site-live .bedding-panel-copy{border-left-color:#bd9b70}
.site-live .bedding-description{font-size:.94em;color:#435451}
.site-live .bedding-label{margin:.7em 0 .35em!important}
.site-live .bedding-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.site-live .bedding-options button{min-height:48px;display:flex;align-items:center;justify-content:flex-start;gap:5px;padding:5px;border:1px solid #bdc5bc;background:#fff;color:#273a37;text-align:left}
.site-live .bedding-options button[aria-pressed=true], .site-live .bedding-sizes button[aria-pressed=true]{outline:2px solid #445f53;outline-offset:1px;background:#edf2e9}
.site-live .fabric-swatch{flex:0 0 17px;width:17px;height:17px;border-radius:50%;border:1px solid rgba(23,36,31,.2)}
.site-live .swatch-oat{background:#c9b99c}.site-live .swatch-cloud{background:#e9e8e1}.site-live .swatch-clay{background:#ab735d}
.site-live .bedding-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.site-live .bedding-sizes button{min-height:42px;border:1px solid #bdc5bc;background:#fff;color:#273a37}
.site-live .bedding-purchase-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:.55em 0}
.site-live .bedding-purchase-row>div:first-child{display:grid;gap:2px;font-size:.77em;color:#52645d}
.site-live .bedding-purchase-row strong{font-size:1.4em;color:#253b3c}
.site-live .bedding-quantity{display:flex;align-items:center;gap:8px}
.site-live .bedding-quantity button, .site-live .bedding-bag button{width:40px;min-height:40px;border:1px solid #aab7af;background:#fff;color:#253b3c}
.site-live .bedding-quantity output{min-width:1ch;text-align:center;font-weight:700}
.site-live .bedding-add{width:100%;min-height:44px;padding:.65em;border:1px solid #183a39;background:#183a39;color:#fff}
.site-live .bedding-disclaimer{margin:.45em 0 0!important;font-size:.7em}
.site-live .bedding-bag{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.45em .65em;border-top:1px solid #c9d0c8;font-size:.78em}
.site-live .bedding-bag[hidden]{display:none!important}.site-live .bedding-bag p{margin:0}
@media(max-width:620px){.site-live .pet-panel, .site-live .bedding-panel{padding:10px;gap:7px}.site-live .pet-panel h4{font-size:1.28rem}.site-live .bedding-options button{font-size:.72em;gap:3px;padding:4px}.site-live .bedding-panel{font-size:10px}}
@media(prefers-reduced-motion:reduce){.site-live .pet-open, .site-live .bedding-launch{transition:none}}


/* Arts & Culture: accessible miniature navigation and a complete, one-shot letter fall. */
.design-studies .study-culture .culture-menu{
  z-index:4;left:5%;top:8%;gap:5px;min-width:clamp(62px,19cqi,84px)
}
.design-studies .study-culture .culture-menu button, .design-studies .study-culture .culture-replay, .design-studies .study-culture .culture-details-toggle{
  min-height:30px;border:1px solid rgba(255,219,180,.42);border-radius:2px;
  padding:5px 7px;background:rgba(20,14,38,.46);color:#fff1df;
  font:600 clamp(8px,2.25cqi,10px)/1.1 "IBM Plex Mono",monospace;letter-spacing:.06em;
  text-align:left;cursor:pointer
}
.design-studies .study-culture .culture-menu button[aria-pressed="true"]{
  border-color:#f2d47c;background:rgba(242,212,124,.16);color:#ffe6a2
}
.design-studies .study-culture .culture-menu button:hover, .design-studies .study-culture .culture-replay:hover, .design-studies .study-culture .culture-details-toggle:hover{background:rgba(255,241,223,.18)}
.design-studies .study-culture .culture-menu button:focus-visible, .design-studies .study-culture .culture-replay:focus-visible, .design-studies .study-culture .culture-details-toggle:focus-visible{
  outline:2px solid #ffe6a2;outline-offset:2px
}
.design-studies .study-culture .culture-event{z-index:2}
.design-studies .study-culture .culture-event section{display:grid;align-content:start;justify-items:start;gap:clamp(5px,1.5cqi,9px)}
.design-studies .study-culture .culture-event small{font:500 clamp(8px,2.25cqi,10px)/1.3 "IBM Plex Mono",monospace;color:#f1d9ca}
.design-studies .study-culture .culture-details-toggle{min-height:32px;text-align:center}
.design-studies .study-culture .culture-event-details{margin:0;max-width:32ch;color:#fff1df;font-size:clamp(9px,2.5cqi,11px);line-height:1.3}
.design-studies .study-culture .culture-replay{
  position:absolute;z-index:4;left:5%;bottom:7%;min-height:32px;display:inline-flex;align-items:center;gap:5px;
  color:#ffe6a2
}
.design-studies .study-culture .culture-screen.is-d-motion .falling-d{
  animation:culture-d-tumble 4.8s cubic-bezier(.24,.58,.22,1) both
}

.design-studies .study-culture [hidden]{display:none!important}
@media(max-width:560px){
  .design-studies .study-culture .culture-menu{left:4%;top:7%;min-width:58px;gap:3px}
  .design-studies .study-culture .culture-menu button{min-height:27px;padding:4px;font-size:8px}
  .design-studies .study-culture .culture-replay{left:4%;bottom:5%;min-height:28px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .design-studies .study-culture .culture-burst{animation:none!important;opacity:0}
  .design-studies .study-culture .culture-screen.is-d-motion .falling-d{animation:none;transform:none}
  .design-studies .study-culture .culture-replay{display:none!important}
}


/* User review pass: soften care labels, clear the wayfinding title, and turn the right-side circle into a live-chat motif. */
.site-live .design-studies[data-mode] .study-care .care-option small{
  color:#526c61;
  font:400 clamp(8px,1.3cqw,10px)/1.2 "DM Serif Display",Georgia,serif;
  letter-spacing:0;
  text-transform:none;
}
.site-live .design-studies[data-mode] .study-wayfinding .wayfinding-title{
  left:7%;
  top:31%;
  width:39%;
  padding:8px 10px;
  background:rgba(248,246,238,.97);
  box-shadow:0 0 0 1px rgba(24,66,65,.08);
}
.site-live .design-studies[data-mode] .study-wayfinding .wayfinding-map{
  left:35%;
  clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);
}
.site-live .design-studies[data-mode] .study-product .study-metric{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:0;
}
.site-live .design-studies[data-mode] .study-product .study-metric b{display:block}
.site-live .design-studies[data-mode] .study-product .study-metric i{
  width:100%;
  height:2px;
  margin:5px 0 0;
}
.site-live .design-studies[data-mode] .study-product .study-metric small{
  position:static;
  display:block;
  margin-top:4px;
  line-height:1.25;
}
.site-live .design-studies[data-mode] .study-accessible .study-screen::before{
  right:5%;
  top:14%;
  width:34%;
  border-color:rgba(23,131,139,.28);
  box-shadow:0 0 0 10px rgba(23,131,139,.055),0 0 0 22px rgba(23,131,139,.03);
}
.site-live .design-studies[data-mode] .study-accessible .study-screen>strong{
  top:25.5%;
  max-width:54%;
  line-height:.83;
}
.site-live .design-studies[data-mode] .study-accessible .accessible-you{
  position:relative;
  top:-.08em;
}
.site-live .design-studies[data-mode] .study-accessible .accessible-chat{
  position:absolute;
  z-index:1;
  top:18%;
  right:8%;
  width:30%;
  display:grid;
  gap:4px;
  color:#18394a;
  font:500 clamp(6px,1.05cqw,8px)/1.2 "IBM Plex Sans",sans-serif;
}
.site-live .design-studies[data-mode] .study-accessible .accessible-chat-meta{
  justify-self:end;
  color:#34757a;
  font:500 clamp(5px,.9cqw,7px)/1 "IBM Plex Mono",monospace;
  letter-spacing:.08em;
}
.site-live .design-studies[data-mode] .study-accessible .accessible-chat-in, .site-live .design-studies[data-mode] .study-accessible .accessible-chat-out{
  display:block;
  max-width:96%;
  padding:4px 6px;
  border:1px solid rgba(18,71,88,.12);
  box-shadow:0 3px 8px rgba(22,64,77,.08);
}
.site-live .design-studies[data-mode] .study-accessible .accessible-chat-in{
  justify-self:start;
  border-radius:8px 8px 8px 2px;
  background:#fff;
}
.site-live .design-studies[data-mode] .study-accessible .accessible-chat-out{
  justify-self:end;
  border-color:#174e65;
  border-radius:8px 8px 2px 8px;
  background:#174e65;
  color:#fff;
}
.site-live .design-studies[data-mode] .study-accessible .accessible-info-popup{
  position:absolute;inset:7% 5% 7%;z-index:6;display:grid;align-content:start;gap:clamp(6px,1.6cqi,10px);
  overflow:auto;padding:clamp(12px,3cqi,18px);border:1px solid rgba(19,77,90,.2);border-radius:10px;
  background:rgba(255,255,252,.98);color:#18394a;box-shadow:0 12px 32px rgba(17,52,65,.25)
}
.site-live .design-studies[data-mode] .study-accessible .accessible-info-popup[hidden]{display:none!important}
.site-live .design-studies[data-mode] .study-accessible .accessible-popup-close{
  position:absolute;top:7px;right:7px;display:grid;place-items:center;width:42px;height:42px;padding:0;
  border:1px solid rgba(23,78,101,.24);border-radius:50%;background:#f0f5f4;color:#174e65;
  font:400 26px/1 "IBM Plex Sans",sans-serif;cursor:pointer
}
.site-live .design-studies[data-mode] .study-accessible .accessible-popup-close:focus-visible{outline:3px solid #174e65;outline-offset:2px}
.site-live .design-studies[data-mode] .study-accessible .accessible-popup-kicker{padding-right:42px;color:#28717a;font:600 clamp(6px,1.7cqi,8px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.12em}
.site-live .design-studies[data-mode] .study-accessible .accessible-info-popup h4{max-width:22ch;margin:0;color:#18394a;font:500 clamp(16px,4.1cqi,23px)/1.05 "DM Serif Display",Georgia,serif}
.site-live .design-studies[data-mode] .study-accessible .accessible-info-popup p{max-width:54ch;margin:0;color:#294d56;font:400 clamp(11px,2.8cqi,15px)/1.45 "IBM Plex Sans",sans-serif}
.site-live .design-studies[data-mode] .study-accessible .accessible-info-popup .accessible-popup-note{margin-top:auto;padding-top:8px;border-top:1px solid rgba(23,78,101,.14);font-size:clamp(10px,2.5cqi,13px);line-height:1.45}
.site-live .design-studies[data-mode] .study-accessible .study-actions button[aria-expanded="true"]{outline:2px solid #173f55;outline-offset:2px}
.site-live .design-studies[data-mode] .study-accessible .study-screen:focus-within .accessible-info-popup{scrollbar-width:thin}
.site-live .design-studies .study-dinosaur .dinosaur-focus{transform:translateY(4px)}

/* Keep animated meteors behind the artwork's foreground panels at every width. */
.home .poster-hero .hero-frame-occlusion{
  position:absolute;inset:0;z-index:4;pointer-events:none;
  background:url("assets/mica-digital-social.jpg") center/contain no-repeat;
}
.home .poster-hero .hero-frame-occlusion--upper{
  clip-path:polygon(76.8% 0,100% 0,100% 23.5%,79.2% 30%);
}
.home .poster-hero .hero-frame-occlusion--lower{
  clip-path:polygon(66% 76%,100% 59%,100% 100%,67% 100%);
}
.home .poster-hero .poster-hero-actions, .home .poster-hero .poster-scroll{z-index:5}
@media(max-width:720px){
  .home .poster-hero .hero-frame-occlusion{
    inset:0 0 auto;height:auto;aspect-ratio:1200/630;
    background-size:100% 100%;
  }
}


/* Room planner: a level, visible 8×8 floor grid and distinct movable furniture. */
.design-studies[data-mode] .study-spatial .spatial-screen{
  position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;
  color:#eee9dc;
  background:radial-gradient(ellipse at 72% 42%,rgba(255,178,86,.22),transparent 46%),linear-gradient(135deg,#29251f,#141d1d 74%);
}
.design-studies[data-mode] .study-spatial .spatial-screen::before{
  opacity:.18;background-image:linear-gradient(rgba(236,232,211,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(236,232,211,.15) 1px,transparent 1px);
}
.design-studies[data-mode] .study-spatial .spatial-screen::after{display:none}
.design-studies[data-mode] .study-spatial .spatial-top{
  position:absolute;z-index:8;left:5%;right:5%;top:6%;display:flex;align-items:center;justify-content:space-between;
  color:rgba(247,239,217,.82);font:700 clamp(7px,1.7cqi,10px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.14em
}
.design-studies[data-mode] .study-spatial .spatial-top span:last-child{color:#e5c996}
.design-studies[data-mode] .study-spatial .room-controls{
  position:absolute;z-index:8;top:13%;left:5%;right:5%;width:auto;
  display:flex;justify-content:space-between;align-items:center;gap:6px
}
.design-studies[data-mode] .study-spatial .room-layout-actions, .design-studies[data-mode] .study-spatial .room-furniture-actions, .design-studies[data-mode] .study-spatial .room-view-actions{
  display:flex;align-items:center;gap:4px;min-width:0
}
.design-studies[data-mode] .study-spatial .room-controls button{
  min-width:0;min-height:clamp(34px,9.5cqi,44px);padding:0 clamp(6px,1.6cqi,10px);
  border:1px solid rgba(238,225,196,.54);border-radius:3px;background:rgba(12,19,20,.82);
  color:#f1eadb;text-align:center;font:700 clamp(7px,1.75cqi,9px)/1.15 "IBM Plex Mono",monospace;
  letter-spacing:.035em;cursor:pointer;touch-action:manipulation
}
.design-studies[data-mode] .study-spatial .room-controls button:hover, .design-studies[data-mode] .study-spatial .room-controls button:focus-visible, .design-studies[data-mode] .study-spatial .room-controls button[aria-pressed="true"]{
  border-color:#e4c994;background:rgba(72,57,38,.96);color:#fff8e8
}
.design-studies[data-mode] .study-spatial .room-controls button:focus-visible{
  outline:2px solid #f2dfb7;outline-offset:2px
}
.design-studies[data-mode] .study-spatial .room-controls button:disabled{
  cursor:not-allowed;opacity:.48;background:rgba(12,19,20,.48)
}
.design-studies[data-mode] .study-spatial .room-stage{
  position:absolute;inset:30% 6% 18%;perspective:1100px;perspective-origin:50% 54%;overflow:visible;touch-action:pan-y
}
.design-studies[data-mode] .study-spatial .room-model{
  --spatial-yaw:-14deg;--spatial-pitch:0deg;
  position:absolute;left:50%;top:50%;width:94%;height:98%;
  transform:translate(-50%,-50%) rotateY(var(--spatial-yaw)) rotateX(var(--spatial-pitch));
  transform-style:preserve-3d;transition:transform .24s ease-out;cursor:grab;outline:none;touch-action:pan-y
}
.design-studies[data-mode] .study-spatial .room-model:active{cursor:grabbing}
.design-studies[data-mode] .study-spatial .room-model:focus-visible{outline:2px solid rgba(238,219,178,.62);outline-offset:4px}
.design-studies[data-mode] .study-spatial .room-main, .design-studies[data-mode] .study-spatial .room-addition{
  position:absolute;top:0;height:100%;transform-style:preserve-3d;transition:left .32s cubic-bezier(.2,.75,.25,1),width .32s cubic-bezier(.2,.75,.25,1),opacity .22s ease
}
.design-studies[data-mode] .study-spatial .room-main{left:10%;width:80%;z-index:2}
.design-studies[data-mode] .study-spatial .room-addition{
  left:0;width:50%;z-index:1;opacity:0;visibility:hidden;pointer-events:none
}
.design-studies[data-mode] .study-spatial .room-screen[data-room-added="true"] .room-main{left:50%;width:50%}
.design-studies[data-mode] .study-spatial .room-screen[data-room-added="true"] .room-addition{
  left:0;width:50%;opacity:1;visibility:visible;pointer-events:auto
}
.design-studies[data-mode] .study-spatial .room-floor{
  position:absolute;left:50%;top:70%;width:84%;height:58%;
  transform:translate(-50%,-50%) rotateX(18deg);transform-origin:50% 50%;
  border:1px solid rgba(238,225,196,.72);
  background-image:
    linear-gradient(to right,rgba(255,247,220,.35) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,247,220,.35) 1px,transparent 1px),
    linear-gradient(145deg,#b69a72,#89785e 58%,#5c5448);
  background-size:12.5% 12.5%,12.5% 12.5%,100% 100%;
  box-shadow:0 12px 18px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.16)
}
.design-studies[data-mode] .study-spatial .room-screen[data-room-added="true"] .room-furniture{
  left:0;width:100%
}
.design-studies[data-mode] .study-spatial .room-grid-corner{position:absolute;z-index:0;width:0;height:0;pointer-events:none}
.design-studies[data-mode] .study-spatial .room-grid-corner[data-grid-corner="tl"]{left:0;top:0}
.design-studies[data-mode] .study-spatial .room-grid-corner[data-grid-corner="tr"]{right:0;top:0}
.design-studies[data-mode] .study-spatial .room-grid-corner[data-grid-corner="br"]{right:0;bottom:0}
.design-studies[data-mode] .study-spatial .room-grid-corner[data-grid-corner="bl"]{left:0;bottom:0}
.design-studies[data-mode] .study-spatial .room-back-wall{
  position:absolute;left:50%;top:35%;width:84%;height:49%;transform:translate(-50%,-50%) translateZ(-15px);
  border:1px solid rgba(239,230,207,.72);background:linear-gradient(90deg,#d6c7a8,#c5b99e 56%,#a5a693);
  box-shadow:0 8px 14px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.55)
}
.design-studies[data-mode] .study-spatial .room-left-wall, .design-studies[data-mode] .study-spatial .room-side-wall{
  position:absolute;top:42%;width:31%;height:54%;border:1px solid rgba(239,230,207,.68);
  background:linear-gradient(90deg,#a59d86,#778274 58%,#59665f);transform-style:preserve-3d;
  box-shadow:0 8px 12px rgba(0,0,0,.2)
}
.design-studies[data-mode] .study-spatial .room-left-wall{
  left:13%;transform:translate(-50%,-50%) rotateY(-42deg) translateZ(-8px);transform-origin:right center
}
.design-studies[data-mode] .study-spatial .room-side-wall{
  left:87%;transform:translate(-50%,-50%) rotateY(42deg) translateZ(-8px);transform-origin:left center
}
.design-studies[data-mode] .study-spatial .room-furniture{
  position:absolute;left:8%;top:41%;width:84%;height:58%;z-index:5;
  transform:rotateX(18deg);transform-origin:50% 50%;transform-style:preserve-3d;pointer-events:none
}
.design-studies[data-mode] .study-spatial .room-piece{
  position:absolute;z-index:1;display:grid;place-items:center;min-width:44px;min-height:44px;
  padding:0;border:1px solid rgba(247,232,198,.82);border-radius:7px;
  background:linear-gradient(150deg,#c6a477,#98734f);color:#2f261d;
  box-shadow:0 5px 9px rgba(25,20,14,.32);font:700 clamp(6px,1.15cqi,8px)/1 "IBM Plex Mono",monospace;
  cursor:grab;touch-action:none;user-select:none;pointer-events:auto;
  transform:translate(-50%,-50%) translateZ(8px);transition:left .1s ease-out,top .1s ease-out,box-shadow .15s ease,border-color .15s ease
}
@keyframes room-piece-arrive{from{opacity:.55;transform:translate(-50%,-50%) scale(.88) translateZ(4px)}to{opacity:1;transform:translate(-50%,-50%) translateZ(8px)}}
.design-studies[data-mode] .study-spatial .room-piece::before{
  content:"";position:absolute;inset:18% 12%;border:1px solid rgba(249,237,211,.72);border-radius:4px;pointer-events:none
}
.design-studies[data-mode] .study-spatial .room-piece::after{
  content:"";position:absolute;left:22%;right:22%;top:50%;height:1px;background:rgba(59,45,31,.36);pointer-events:none
}
.design-studies[data-mode] .study-spatial .room-piece.room-couch{
  width:29%;height:24%;border:1px solid rgba(247,232,198,.88);border-radius:9px;
  background:linear-gradient(90deg,#846d55 0 12%,transparent 12% 88%,#846d55 88% 100%),linear-gradient(180deg,#927a5d 0 30%,#d8c8a8 30% 100%)
}
.design-studies[data-mode] .study-spatial .room-piece.room-chair{
  width:19%;height:24%;border:1px solid rgba(247,232,198,.88);border-radius:6px;
  background:linear-gradient(90deg,transparent 0 18%,#5e4630 19% 23%,transparent 24% 76%,#5e4630 77% 81%,transparent 82%),linear-gradient(180deg,transparent 0 57%,#5e4630 58% 64%,transparent 65%),linear-gradient(145deg,#c08d5d,#906443)
}
.design-studies[data-mode] .study-spatial .room-piece.room-couch::before{
  inset:12% 15% 44%;border:1px solid rgba(255,239,207,.84);border-radius:6px 6px 2px 2px;
  background:linear-gradient(90deg,#cbb99b 0 48%,#b6a181 49% 100%);box-shadow:0 2px 3px rgba(47,36,24,.2)
}
.design-studies[data-mode] .study-spatial .room-piece.room-couch::after{
  left:17%;right:17%;top:auto;bottom:18%;height:24%;border:1px solid rgba(101,76,50,.55);
  border-radius:4px;background:linear-gradient(145deg,#ddcfb4,#b6a181)
}
.design-studies[data-mode] .study-spatial .room-piece.room-chair::before{
  inset:5% 19% 61%;border:1px solid rgba(255,235,194,.85);border-radius:5px 5px 2px 2px;
  background:linear-gradient(145deg,#d4a477,#996b49);box-shadow:0 2px 3px rgba(47,36,24,.2)
}
.design-studies[data-mode] .study-spatial .room-piece.room-chair::after{
  left:20%;right:20%;top:39%;height:28%;border:1px solid rgba(255,235,194,.82);
  border-radius:4px;background:linear-gradient(145deg,#c18d5d,#956344)
}
.design-studies[data-mode] .study-spatial .room-piece[data-selected="true"]{
  border-color:#fff0ce;box-shadow:0 0 0 2px rgba(249,227,185,.4),0 5px 9px rgba(25,20,14,.3)
}
.design-studies[data-mode] .study-spatial .room-piece[data-dragging="true"]{transition:none;cursor:grabbing;z-index:8}
.design-studies[data-mode] .study-spatial .room-piece:focus-visible{outline:2px solid #fff0ce;outline-offset:3px;z-index:9}
.design-studies[data-mode] .study-spatial .room-caption{
  position:absolute;z-index:9;left:5%;right:auto;bottom:4%;width:55%
}
.design-studies[data-mode] .study-spatial .room-caption small{
  color:#dfccaa;font:700 clamp(5px,1cqi,7px)/1 "IBM Plex Mono",monospace;letter-spacing:.13em
}
.design-studies[data-mode] .study-spatial .room-caption h3{
  margin:4px 0 0;color:#fff3dd;font:400 clamp(15px,4.2cqi,25px)/.98 "DM Serif Display",Georgia,serif;
  letter-spacing:-.035em;white-space:nowrap
}
.design-studies[data-mode] .study-spatial .spatial-hint{
  position:absolute;z-index:9;left:auto;right:5%;bottom:5%;max-width:38%;text-align:right;
  color:#ddcfb2;font:600 clamp(4px,.95cqi,6px)/1.25 "IBM Plex Mono",monospace;letter-spacing:.06em
}
.design-studies[data-mode] .study-spatial .room-drag-ghost{
  position:fixed;z-index:9999;pointer-events:none;display:grid;place-items:center;
  width:76px;height:44px;border:1px solid rgba(241,222,184,.92);border-radius:6px;
  background:rgba(41,35,28,.92);color:#fff0d0;font:700 10px/1 "IBM Plex Mono",monospace;
  box-shadow:0 8px 20px rgba(0,0,0,.32);transform:translate(-50%,-50%)
}

.design-studies[data-mode] .study-spatial .room-back-wall, .design-studies[data-mode] .study-spatial .room-left-wall, .design-studies[data-mode] .study-spatial .room-side-wall, .design-studies[data-mode] .study-spatial .room-floor{
  transition:background .3s ease,filter .3s ease,box-shadow .3s ease
}
.design-studies[data-mode] .study-spatial .room-back-wall, .design-studies[data-mode] .study-spatial .room-left-wall, .design-studies[data-mode] .study-spatial .room-side-wall{touch-action:pan-y}
.design-studies[data-mode] .study-spatial .room-addition .room-light-addition{
  position:absolute;z-index:9;left:5%;top:5%;min-width:44px;min-height:40px;padding:5px 7px;
  border:1px solid rgba(238,225,196,.68);border-radius:3px;background:rgba(12,19,20,.88);color:#f1eadb;
  font:700 clamp(6px,1.35cqi,8px)/1.15 "IBM Plex Mono",monospace;cursor:pointer;touch-action:manipulation
}
.design-studies[data-mode] .study-spatial .room-addition .room-light-addition[hidden]{display:none!important}
.design-studies[data-mode] .study-spatial .room-addition .room-light-addition:hover,
.design-studies[data-mode] .study-spatial .room-addition .room-light-addition:focus-visible,
.design-studies[data-mode] .study-spatial .room-addition .room-light-addition[aria-pressed="true"]{
  border-color:#e4c994;background:rgba(72,57,38,.96);color:#fff8e8
}
.design-studies[data-mode] .study-spatial .room-addition .room-light-addition:focus-visible{outline:2px solid #f2dfb7;outline-offset:2px}
.design-studies[data-mode] .study-spatial .room-main[data-light="warm"] .room-back-wall, .design-studies[data-mode] .study-spatial .room-main[data-light="warm"] .room-left-wall, .design-studies[data-mode] .study-spatial .room-main[data-light="warm"] .room-side-wall, .design-studies[data-mode] .study-spatial .room-addition[data-light="warm"] .room-back-wall, .design-studies[data-mode] .study-spatial .room-addition[data-light="warm"] .room-left-wall, .design-studies[data-mode] .study-spatial .room-addition[data-light="warm"] .room-side-wall{
  background:linear-gradient(90deg,#efdbb5,#d4c39d 58%,#a9997b)
}
.design-studies[data-mode] .study-spatial .room-main[data-light="cool"] .room-back-wall, .design-studies[data-mode] .study-spatial .room-main[data-light="cool"] .room-left-wall, .design-studies[data-mode] .study-spatial .room-main[data-light="cool"] .room-side-wall, .design-studies[data-mode] .study-spatial .room-addition[data-light="cool"] .room-back-wall, .design-studies[data-mode] .study-spatial .room-addition[data-light="cool"] .room-left-wall, .design-studies[data-mode] .study-spatial .room-addition[data-light="cool"] .room-side-wall{
  background:linear-gradient(90deg,#bed9e3,#91b2c1 58%,#647f91)
}
.design-studies[data-mode] .study-spatial .room-main[data-light="warm"] .room-floor, .design-studies[data-mode] .study-spatial .room-addition[data-light="warm"] .room-floor{
  background-image:
    linear-gradient(to right,rgba(255,245,213,.38) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,245,213,.38) 1px,transparent 1px),
    linear-gradient(145deg,#c39e6c,#8b7453 60%,#594d3c)
}
.design-studies[data-mode] .study-spatial .room-main[data-light="cool"] .room-floor, .design-studies[data-mode] .study-spatial .room-addition[data-light="cool"] .room-floor{
  background-image:
    linear-gradient(to right,rgba(209,241,255,.34) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(209,241,255,.34) 1px,transparent 1px),
    linear-gradient(145deg,#7295a4,#465f71 60%,#263b4b)
}
.design-studies[data-mode] .study-spatial .room-caption, .design-studies[data-mode] .study-spatial .spatial-hint{pointer-events:none}
.design-studies[data-mode] .study-spatial [data-spatial-model][data-dragging="true"]{transition:none}
@media(max-width:620px){
  .design-studies[data-mode] .study-spatial .room-controls{gap:3px}
  .design-studies[data-mode] .study-spatial .room-layout-actions, .design-studies[data-mode] .study-spatial .room-furniture-actions, .design-studies[data-mode] .study-spatial .room-view-actions{gap:3px}
  .design-studies[data-mode] .study-spatial .room-controls button{min-height:40px;padding-inline:5px;font-size:clamp(6.5px,1.9cqi,8px)}
  .design-studies[data-mode] .study-spatial .room-stage{inset:31% 4% 19%}
  .design-studies[data-mode] .study-spatial .room-caption{width:57%;bottom:4%}
  .design-studies[data-mode] .study-spatial .spatial-hint{max-width:37%;font-size:clamp(4px,.9cqi,5.5px)}
}
@media(prefers-reduced-motion:reduce){
  .design-studies[data-mode] .study-spatial .room-model, .design-studies[data-mode] .study-spatial .room-main, .design-studies[data-mode] .study-spatial .room-addition, .design-studies[data-mode] .study-spatial .room-piece{transition:none!important;animation:none!important}
}


/* When a second room is added, let both floor footprints meet at the shared edge. */
.design-studies[data-mode] .study-spatial .room-screen[data-room-added="true"] .room-floor, .design-studies[data-mode] .study-spatial .room-screen[data-room-added="true"] .room-back-wall{
  width:100%;
}


/* Restored from the pre-revision Solar System study on b538a422. */
.design-studies .study-space .space-screen{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 61% 45%,rgba(52,111,174,.22),transparent 39%),linear-gradient(145deg,#050d19,#0c1a2b 66%,#08111d);color:#eaf3ff}
.design-studies .study-space .space-screen::before{content:"";position:absolute;inset:0;z-index:0;opacity:.36;background-image:radial-gradient(circle at 18% 31%,#d7eaff 0 1px,transparent 1.6px),radial-gradient(circle at 38% 78%,#a8d8ff 0 1px,transparent 1.5px),radial-gradient(circle at 80% 22%,#fff 0 1px,transparent 1.6px),linear-gradient(rgba(91,145,197,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(91,145,197,.09) 1px,transparent 1px);background-size:117px 91px,139px 103px,163px 127px,28px 28px,28px 28px;mask-image:radial-gradient(ellipse at 65% 46%,#000,transparent 83%)}
.design-studies .study-space .space-screen>*{z-index:1}
.design-studies .study-space .space-header{position:absolute;left:7%;right:7%;top:8%;display:flex;justify-content:space-between;color:#bed4e9;font:500 8px "IBM Plex Mono",monospace;letter-spacing:.12em}
.design-studies .study-space .space-header span:last-child{color:#74d5e8}
.design-studies .study-space .space-map{position:absolute;left:43%;top:13%;width:62%;height:68%;border-radius:50%;transform:rotate(-17deg)}
.design-studies .study-space .space-orbit{position:absolute;left:50%;top:50%;width:100%;height:48%;border:1px solid rgba(135,197,236,.46);border-radius:50%;transform:translate(-50%,-50%) rotate(28deg)}
.design-studies .study-space .orbit-two{width:100%;height:74%;transform:translate(-50%,-50%) rotate(-36deg);border-color:rgba(117,170,225,.32)}
.design-studies .study-space .orbit-three{width:76%;height:100%;transform:translate(-50%,-50%) rotate(67deg);border-color:rgba(117,170,225,.23)}
.design-studies .study-space .space-sun{position:absolute;left:50%;top:50%;width:15%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 38% 35%,#fff4c6,#e69e64 55%,#ad5f56);box-shadow:0 0 32px rgba(235,164,102,.34)}
.design-studies .study-space .space-planet{position:absolute;border-radius:50%;box-shadow:0 0 12px rgba(128,210,245,.5)}
.design-studies .study-space .planet-earth{left:11%;top:31%;width:9px;height:9px;background:#76d6d2}
.design-studies .study-space .planet-jupiter{right:5%;top:63%;width:18px;height:18px;background:linear-gradient(0deg,#d58c61 0 27%,#f0c294 28% 45%,#a96554 46% 70%,#edd0a7 71%)}
.design-studies .study-space .space-focus{position:absolute;left:7%;top:30%;width:39%}
.design-studies .study-space .space-focus small{color:#93bfd9;font:500 8px "IBM Plex Mono",monospace;letter-spacing:.12em}
.design-studies .study-space .space-focus h3{margin:8px 0 3px;color:#f2f5f4;font:400 clamp(1.5rem,3vw,2.5rem)/.95 "DM Serif Display",Georgia,serif;letter-spacing:-.04em}
.design-studies .study-space .space-focus span{color:#acc1d0;font-size:9px}
.design-studies .study-space .space-rail{position:absolute;left:7%;right:7%;bottom:8%;display:flex;justify-content:space-between;gap:4px;padding-top:8px;border-top:1px solid rgba(164,204,230,.22);color:#91a7b9;font:7px "IBM Plex Mono",monospace}
.design-studies .study-space .space-rail b{color:#f4c69d;font-weight:600}
@media(max-width:760px){.design-studies .study-space .space-focus{top:31%;width:43%}
.design-studies .study-space .space-focus h3{font-size:clamp(1.4rem,6vw,2rem)}
.design-studies .study-space .space-rail{gap:3px;font-size:6px}}
.design-studies .study-space .space-focus{top:26%}
.design-studies .study-space .space-focus h3{margin-top:4px}
.design-studies .study-space .planet-jupiter{width:clamp(27px,3.7vw,42px);height:clamp(27px,3.7vw,42px);overflow:hidden;border:1px solid rgba(242,219,177,.72);background:repeating-linear-gradient(0deg,#c47e58 0 4px,#e5c39b 4px 7px,#a85f4d 7px 9px,#e6c9a7 9px 12px,#c99066 12px 16px);box-shadow:inset -8px -3px 12px rgba(53,33,34,.46),inset 5px 2px 9px rgba(255,243,210,.6),0 0 0 5px rgba(230,183,139,.08),0 0 24px rgba(244,185,132,.32)}
.design-studies .study-space .planet-jupiter i{position:absolute;left:49%;top:52%;width:22%;height:12%;border-radius:50%;background:#b75243;box-shadow:inset 0 1px 2px rgba(54,27,35,.34)}
.design-studies .study-space .space-rail{left:6%;right:6%;bottom:5%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:2px;padding:0;border:0}
.design-studies .study-space .planet-scale{position:relative;display:flex;min-width:0;align-items:center;flex-direction:column;justify-content:flex-end;gap:3px;color:#a5b8c4;font:6px/1.1 "IBM Plex Mono",monospace;text-align:center}
.design-studies .study-space .planet-scale::before{content:"";position:absolute;left:50%;bottom:12px;height:8px;border-left:1px solid rgba(149,190,215,.34)}
.design-studies .study-space .planet-scale i{display:block;flex:none;width:var(--diameter);height:var(--diameter);margin-bottom:8px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#d6e9e6,#628e9d 60%,#263f59);box-shadow:inset -4px -2px 5px rgba(0,0,0,.6)}
.design-studies .study-space .planet-scale b{display:block;white-space:nowrap;font-weight:500}
.design-studies .study-space .planet-mercury{--diameter:4px}
.design-studies .study-space .planet-mercury i{background:#8c837a}
.design-studies .study-space .planet-venus{--diameter:5px}
.design-studies .study-space .planet-venus i{background:#d6b77f}
.design-studies .study-space .planet-earth{--diameter:6px}
.design-studies .study-space .planet-earth i{background:radial-gradient(circle at 32% 27%,#9ee5d2,#4292ad 54%,#253d70 58%)}
.design-studies .study-space .planet-mars{--diameter:4px}
.design-studies .study-space .planet-mars i{background:#ca765a}
.design-studies .study-space .planet-jupiter{--diameter:24px;gap:3px;color:#fff0d3}
.design-studies .study-space .planet-jupiter i{width:var(--diameter);height:var(--diameter);margin-bottom:8px;background:repeating-linear-gradient(0deg,#c47e58 0 4px,#e5c39b 4px 7px,#a85f4d 7px 9px,#e6c9a7 9px 12px,#c99066 12px 16px);box-shadow:inset -6px -3px 9px rgba(34,25,29,.55),0 0 0 4px rgba(237,175,127,.13),0 0 18px rgba(244,185,132,.45)}
.design-studies .study-space .planet-saturn{--diameter:20px}
.design-studies .study-space .planet-saturn i{background:linear-gradient(155deg,transparent 40%,rgba(226,203,154,.75) 42% 47%,transparent 49%),radial-gradient(circle at 32% 28%,#e0c9a0,#877458 62%,#3b3542)}
.design-studies .study-space .planet-uranus{--diameter:10px}
.design-studies .study-space .planet-uranus i{background:#88d4d3}
.design-studies .study-space .planet-neptune{--diameter:10px}
.design-studies .study-space .planet-neptune i{background:#648ce4}
@media(max-width:760px){.design-studies .study-space .space-focus{top:24%;width:37%}
.design-studies .study-space .space-rail{left:4%;right:4%;gap:1px}
.design-studies .study-space .planet-scale{font-size:5px}
.design-studies .study-space .planet-jupiter{width:30px;height:30px}
.design-studies .study-space .planet-jupiter i{width:19px;height:19px}}
.design-studies .study-space .space-rail .planet-scale{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.design-studies .study-space .space-rail .planet-scale.planet-jupiter{width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.design-studies .study-space .space-rail .planet-scale::before{content:"";position:absolute;left:50%;bottom:12px;height:8px;border:0;border-left:1px solid rgba(149,190,215,.34);border-radius:0;background:transparent;box-shadow:none}
.design-studies .study-space .space-rail .planet-scale i{position:relative;left:auto;right:auto;top:auto;bottom:auto;border:0;border-radius:50%;box-shadow:inset -4px -2px 5px rgba(0,0,0,.6)}
.design-studies .study-space .space-rail .planet-scale.planet-jupiter i{width:var(--diameter);height:var(--diameter);border:0;border-radius:50%;background:repeating-linear-gradient(0deg,#c47e58 0 4px,#e5c39b 4px 7px,#a85f4d 7px 9px,#e6c9a7 9px 12px,#c99066 12px 16px);box-shadow:inset -6px -3px 9px rgba(34,25,29,.55),0 0 0 4px rgba(237,175,127,.13),0 0 18px rgba(244,185,132,.45)}
.design-studies .study-space .space-rail[role="group"] .planet-scale{
  appearance:none;
  -webkit-appearance:none;
  min-width:0;
  min-height:38px;
  padding:5px 1px 3px;
  border:1px solid transparent;
  border-radius:4px;
  background:transparent;
  color:#a5b8c4;
  font:500 6px/1.1 "IBM Plex Mono",monospace;
  cursor:pointer;
  transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease;
}
.design-studies .study-space .space-rail[role="group"] .planet-scale:hover{
  color:#f2f7fc;
  background:rgba(99,161,205,.1);
}
.design-studies .study-space .space-rail[role="group"] .planet-scale[aria-pressed="true"]{
  color:#f3fbff;
  border-color:rgba(118,214,210,.34);
  background:linear-gradient(180deg,rgba(94,182,197,.18),rgba(55,111,143,.06));
}
.design-studies .study-space .space-rail[role="group"] .planet-scale:focus-visible{
  outline:2px solid #9ed9f0;
  outline-offset:2px;
}
.design-studies .study-space .space-rail[role="group"] .planet-scale i{
  transition:transform .18s ease,box-shadow .18s ease;
}
.design-studies .study-space .space-rail[role="group"] .planet-scale[aria-pressed="true"] i{
  transform:scale(1.18);
  box-shadow:0 0 0 3px rgba(123,216,221,.15),0 0 14px rgba(123,216,221,.6);
}
@media(prefers-reduced-motion:reduce){.design-studies .study-space .space-rail .planet-scale{transition:none}}
.design-studies[data-mode] .study-space .space-screen{container-type:inline-size}
.design-studies[data-mode] .study-space .space-screen::before{
  animation:space-drift-a 72s linear infinite;
  background-position:0 0,0 0,0 0,0 0,0 0;
}
.design-studies[data-mode] .study-space .space-screen::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.38;
  background-image:radial-gradient(circle at 24% 44%,rgba(210,235,255,.92) 0 1px,transparent 1.7px),radial-gradient(circle at 67% 72%,rgba(133,211,238,.8) 0 1px,transparent 1.7px),radial-gradient(circle at 83% 25%,rgba(255,255,255,.8) 0 1px,transparent 1.7px);
  background-size:149px 123px,187px 161px,221px 177px;
  animation:space-drift-b 110s linear infinite;
}
.design-studies[data-mode] .study-space .space-map{border:0}
.design-studies[data-mode] .study-space .planet-orbit{
  position:absolute;left:50%;top:50%;width:var(--orbit-width);height:var(--orbit-height);
  border:1px solid rgba(135,197,236,.28);border-radius:50%;transform:translate(-50%,-50%);
}
.design-studies[data-mode] .study-space .orbit-mercury{border-color:rgba(207,190,165,.34)}
.design-studies[data-mode] .study-space .orbit-earth{border-color:rgba(135,197,236,.45)}
.design-studies[data-mode] .study-space .orbit-jupiter,
.design-studies[data-mode] .study-space .orbit-saturn{border-color:rgba(117,170,225,.26)}
.design-studies[data-mode] .study-space .planet-path{position:absolute;inset:0;display:block;border:0;border-radius:50%;animation:planet-orbit var(--orbit-time) linear infinite}
.design-studies[data-mode] .study-space .space-planet{position:absolute;left:50%;top:0;display:block;width:clamp(4px,1.1cqw,8px);height:clamp(4px,1.1cqw,8px);transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 10px rgba(128,210,245,.55)}
.design-studies[data-mode] .study-space .planet-mercury{background:#d6c8ac;width:4px;height:4px}
.design-studies[data-mode] .study-space .planet-venus{background:#d7a77f;width:5px;height:5px}
.design-studies[data-mode] .study-space .planet-earth{background:radial-gradient(circle at 35% 30%,#b9f0e4,#428ec1 72%);width:6px;height:6px}
.design-studies[data-mode] .study-space .planet-mars{background:#d77962;width:5px;height:5px}
.design-studies[data-mode] .study-space .planet-jupiter{background:linear-gradient(0deg,#d58c61 0 27%,#f0c294 28% 45%,#a96554 46% 70%,#edd0a7 71%);width:10px;height:10px}
.design-studies[data-mode] .study-space .planet-saturn{background:#d9bd89;width:8px;height:8px}
.design-studies[data-mode] .study-space .planet-saturn::after{content:"";position:absolute;left:50%;top:50%;width:170%;height:55%;border:1px solid rgba(236,211,161,.9);border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}
.design-studies[data-mode] .study-space .planet-uranus{background:#8ed8d7;width:7px;height:7px}
.design-studies[data-mode] .study-space .planet-neptune{background:#7199ed;width:7px;height:7px}
@keyframes planet-orbit{to{transform:rotate(360deg)}}
.design-studies[data-mode] .study-space .space-focus{z-index:2}
.design-studies[data-mode] .study-space .space-rail{z-index:2}
@media(prefers-reduced-motion:reduce){.design-studies .study-space .space-screen::before,
.design-studies .study-space .space-screen::after,
.design-studies .study-space .planet-path{animation:none!important}}
.design-studies .study-space .space-screen::before,
.design-studies .study-space .space-screen::after,
.design-studies .study-space .planet-path{animation-play-state:paused}
.design-studies .study-space .space-screen[data-orbit-visible="true"]::before,
.design-studies .study-space .space-screen[data-orbit-visible="true"]::after,
.design-studies .study-space .space-screen[data-orbit-visible="true"] .planet-path{animation-play-state:running}
.design-studies[data-mode] .study-space .space-screen::before,
.design-studies[data-mode] .study-space .space-screen::after{display:none!important;animation:none!important}
.design-studies[data-mode] .study-space .space-galaxy-image{
  position:absolute;z-index:1;left:7%;bottom:24%;width:26%;height:15%;object-fit:cover;object-position:50% 50%;
  border:1px solid rgba(190,221,243,.55);border-radius:3px;opacity:.88;filter:saturate(.78) brightness(.84)
}
.design-studies[data-mode] .study-space .space-rail .planet-scale::before{display:none!important}
.design-studies[data-mode] .study-space .space-rail .planet-scale b{position:relative;top:0;line-height:1.1}
@media(prefers-reduced-motion:reduce){.design-studies[data-mode] .study-space .space-galaxy-image{filter:none}}
.design-studies[data-mode] .study-space .planet-saturn{background:radial-gradient(circle at 36% 30%,#fff0c5,#c6a46d 64%,#87664d);width:8px;height:8px}
.design-studies[data-mode] .study-space .planet-uranus{background:radial-gradient(circle at 35% 32%,#e1ffff,#72c7cf 62%,#3e7483);width:7px;height:7px}
.design-studies[data-mode] .study-space .planet-neptune{background:radial-gradient(circle at 35% 30%,#bdcffd,#547ce0 62%,#29396f);width:7px;height:7px}
.design-studies[data-mode] .study-space .planet-mars{background:radial-gradient(circle at 32% 28%,#ffd1ad,#c85b45 65%,#75352c)}
.design-studies[data-mode] .study-space .planet-jupiter::after{
  content:"";position:absolute;left:56%;top:60%;width:26%;height:11%;border-radius:50%;background:rgba(145,65,49,.85)
}
.design-studies[data-mode] .study-space .planet-saturn::after{width:220%;height:68%;border-width:1.25px;box-shadow:0 0 4px rgba(238,211,160,.3)}
.design-studies[data-mode] .study-space .space-rail .planet-scale{color:#cfdfeb}
.design-studies[data-mode] .study-space .space-rail .planet-scale i{
  background:radial-gradient(circle at 35% 28%,var(--planet-highlight,#e5f3f0),var(--planet-base,#628e9d) 61%,var(--planet-shadow,#263f59))
}
.design-studies[data-mode] .study-space .space-rail .planet-mercury{--planet-highlight:#f1e2c7;--planet-base:#9d8a6c;--planet-shadow:#514537}
.design-studies[data-mode] .study-space .space-rail .planet-venus{--planet-highlight:#ffdb9c;--planet-base:#d29658;--planet-shadow:#6a493c}
.design-studies[data-mode] .study-space .space-rail .planet-earth{--planet-highlight:#b9f0e4;--planet-base:#428ec1;--planet-shadow:#203b5f}
.design-studies[data-mode] .study-space .space-rail .planet-mars{--planet-highlight:#ffc09a;--planet-base:#c85b45;--planet-shadow:#592b27}
.design-studies[data-mode] .study-space .space-rail .planet-jupiter{--planet-highlight:#f7d4a4;--planet-base:#c47e58;--planet-shadow:#563c3b}
.design-studies[data-mode] .study-space .space-rail .planet-saturn{--planet-highlight:#fff1cb;--planet-base:#c6a46d;--planet-shadow:#5d4835}
.design-studies[data-mode] .study-space .space-rail .planet-uranus{--planet-highlight:#e1ffff;--planet-base:#72c7cf;--planet-shadow:#285664}
.design-studies[data-mode] .study-space .space-rail .planet-neptune{--planet-highlight:#bdcffd;--planet-base:#547ce0;--planet-shadow:#222e6b}

/* Current review pass: make the shared studies clear at both showcase and grid sizes. */
.home .poster-hero .shooting-star{
  transform-origin:0 50%;
  animation-name:mica-meteor-review;
}
@keyframes mica-meteor-review{
  0%,64%,100%{opacity:0;transform:translate3d(-14vw,-4vh,0) rotate(24deg)}
  65%{opacity:0;transform:translate3d(-9vw,-4vh,0) rotate(24deg)}
  66%{opacity:.9;transform:translate3d(-2vw,-4vh,0) rotate(24deg)}
  73%{opacity:.9;transform:translate3d(35vw,-4vh,0) rotate(24deg)}
  77%{opacity:0;transform:translate3d(44vw,-4vh,0) rotate(24deg)}
}
.home .poster-hero .hero-frame-occlusion--middle{
  clip-path:polygon(86% 25%,100% 22%,100% 61%,78% 75%,80% 47%);
}

/* Leave a quiet image behind the accessible-study headline; keep chat above it. */
.site-live .design-studies[data-mode] .study-accessible .accessible-calm-image{
  position:absolute;z-index:0;top:18%;right:3%;width:54%;height:52%;object-fit:cover;object-position:52% 48%;
  border-radius:38% 42% 4px 4px;opacity:.24;filter:saturate(.62) contrast(.9);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 78%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 78%,transparent 100%);
  pointer-events:none
}
.site-live .design-studies[data-mode] .study-accessible .study-screen>strong{z-index:2;top:28%;max-width:55%;line-height:.88}
.site-live .design-studies[data-mode] .study-accessible .accessible-chat{
  top:4%;right:7%;width:31%;gap:2px;z-index:3;font-size:clamp(5.5px,1cqi,7.5px)
}
.site-live .design-studies[data-mode] .study-accessible .accessible-chat-in,
.site-live .design-studies[data-mode] .study-accessible .accessible-chat-out{padding:3px 5px}
.site-live .design-studies[data-mode] .study-accessible .study-actions{z-index:3}
.site-live .design-studies[data-mode] .study-accessible .accessible-info-popup .accessible-popup-note{white-space:pre-line}
.site-live .design-studies[data-mode] .study-accessible .accessible-calm-image ~ .accessible-info-popup{z-index:6}
@media(max-width:560px){
  .site-live .design-studies[data-mode] .study-accessible .accessible-chat{top:4%;right:5%;width:33%}
  .site-live .design-studies[data-mode] .study-accessible .study-screen>strong{top:29%;max-width:58%}
  .site-live .design-studies[data-mode] .study-accessible .accessible-calm-image{top:20%;height:48%;width:58%}
}

/* Separate the two room shells at the shared edge and keep each floor level. */
.design-studies[data-mode] .study-spatial .room-controls{top:12%;left:3%;right:3%;gap:3px}
.design-studies[data-mode] .study-spatial .room-layout-actions,
.design-studies[data-mode] .study-spatial .room-furniture-actions,
.design-studies[data-mode] .study-spatial .room-view-actions{gap:3px}
.design-studies[data-mode] .study-spatial .room-controls button{
  min-height:clamp(26px,7cqi,34px);padding-inline:clamp(4px,1.1cqi,7px);
  font-size:clamp(5.5px,1.4cqi,7.5px);letter-spacing:.015em
}
.design-studies[data-mode] .study-spatial .room-stage{inset:28% 4% 20%;perspective-origin:50% 52%}
.design-studies[data-mode] .study-spatial .room-model{width:98%;height:100%}
.design-studies[data-mode] .study-spatial .room-floor{
  top:70%;height:58%;transform:translate(-50%,-50%);transform-origin:50% 50%;
  background-size:12.5% 12.5%,12.5% 12.5%,100% 100%
}
.design-studies[data-mode] .study-spatial .room-furniture{transform:rotateX(0deg);transform-origin:50% 50%}
.design-studies[data-mode] .study-spatial .room-screen[data-room-added="true"] .room-addition .room-side-wall,
.design-studies[data-mode] .study-spatial .room-screen[data-room-added="true"] .room-main .room-left-wall{display:none!important}
.design-studies[data-mode] .study-spatial .room-main[data-active="true"] .room-floor,
.design-studies[data-mode] .study-spatial .room-addition[data-active="true"] .room-floor{
  border-color:rgba(255,231,180,.94);box-shadow:0 0 0 1px rgba(239,205,142,.28),0 12px 18px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.16)
}
.design-studies[data-mode] .study-spatial .room-floor[role="button"]:focus-visible{outline:2px solid #fff0ce;outline-offset:3px}
.design-studies[data-mode] .study-spatial .room-piece{
  min-width:34px;min-height:34px;transition:left .12s ease-out,top .12s ease-out,box-shadow .15s ease,border-color .15s ease
}
.design-studies[data-mode] .study-spatial .room-piece.room-couch{
  width:22%;height:20%;min-width:50px;min-height:38px;border:0;border-radius:5px;
  background:
    linear-gradient(#695441,#695441) 20% 70%/7% 27% no-repeat,
    linear-gradient(#695441,#695441) 73% 70%/7% 27% no-repeat,
    linear-gradient(90deg,#766047 0 13%,transparent 13% 87%,#766047 87% 100%),
    linear-gradient(180deg,#8f7256 0 38%,#bda986 39% 100%);
  box-shadow:0 4px 7px rgba(25,20,14,.32)
}
.design-studies[data-mode] .study-spatial .room-piece.room-couch::before{
  inset:8% 16% 49%;border:1px solid rgba(246,229,197,.74);border-radius:4px 4px 2px 2px;
  background:linear-gradient(90deg,#a48d6b 0 48%,#927a5d 49% 100%);box-shadow:inset 0 -2px rgba(61,47,34,.12)
}
.design-studies[data-mode] .study-spatial .room-piece.room-couch::after{
  left:18%;right:18%;top:auto;bottom:20%;height:24%;border:1px solid rgba(99,75,52,.56);
  border-radius:3px;background:linear-gradient(145deg,#d2c19e,#ae9975)
}
.design-studies[data-mode] .study-spatial .room-piece.room-chair{
  width:14%;height:22%;min-width:34px;min-height:40px;border:0;border-radius:2px;
  background:
    linear-gradient(#64472e,#64472e) 23% 57%/6% 43% no-repeat,
    linear-gradient(#64472e,#64472e) 71% 57%/6% 43% no-repeat,
    linear-gradient(#845a37,#845a37) 18% 42%/7% 22% no-repeat,
    linear-gradient(#845a37,#845a37) 75% 42%/7% 22% no-repeat,
    transparent;
  box-shadow:none
}
.design-studies[data-mode] .study-spatial .room-piece.room-chair::before{
  inset:4% 20% 54%;border:1px solid #e4c292;border-radius:2px 2px 1px 1px;
  background:repeating-linear-gradient(90deg,#9c6d42 0 5px,#d0a16c 5px 7px,#9c6d42 7px 9px);
  box-shadow:inset 0 0 0 2px rgba(76,51,31,.32)
}
.design-studies[data-mode] .study-spatial .room-piece.room-chair::after{
  left:12%;right:12%;top:43%;height:17%;border:1px solid #e4c292;border-radius:2px;
  background:linear-gradient(145deg,#c18c59,#93633c);box-shadow:0 2px 3px rgba(37,28,18,.24)
}
.design-studies[data-mode] .study-spatial .room-piece[data-dragging="true"]{transition:none!important}
.design-studies[data-mode] .study-spatial [data-room-action="chair"],
.design-studies[data-mode] .study-spatial [data-room-action="couch"]{touch-action:none}
@media(max-width:620px){
  .design-studies[data-mode] .study-spatial .room-controls{left:2%;right:2%;gap:2px}
  .design-studies[data-mode] .study-spatial .room-controls button{min-height:30px;padding-inline:3px;font-size:clamp(5px,1.55cqi,7px)}
  .design-studies[data-mode] .study-spatial .room-stage{inset:30% 3% 20%}
}

/* Reapply the last edited Solar System layout, with its larger outer orbits and low left label. */
.design-studies[data-mode] .study-space .space-focus{
  top:50%!important;left:5%;width:34%;display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto auto;align-content:start;align-items:start;gap:4px;padding:4px 6px;
  border-radius:3px;background:linear-gradient(90deg,rgba(5,14,26,.94),rgba(5,14,26,.76),transparent)
}
.design-studies[data-mode] .study-space .space-focus h3{
  grid-column:1;grid-row:1;margin:0;color:#f2f5f4;font-size:clamp(1.05rem,5.6cqi,1.5rem);line-height:1
}
.design-studies[data-mode] .study-space .space-focus span{
  grid-column:1;grid-row:2;display:block;margin:0;text-align:left;color:#acc1d0;font-size:clamp(7px,1.9cqi,9px)
}
.design-studies[data-mode] .study-space .space-focus small{
  position:static;grid-column:1;grid-row:3;display:block;margin:0;color:#93bfd9;font-size:clamp(6px,1.55cqi,8px);line-height:1.2
}
.design-studies[data-mode] .study-space .orbit-jupiter{left:50%;width:48%;height:62%}
.design-studies[data-mode] .study-space .orbit-saturn{left:52%;width:70%;height:82%}
.design-studies[data-mode] .study-space .orbit-uranus{left:54%;width:90%;height:102%}
.design-studies[data-mode] .study-space .orbit-neptune{left:56%;width:112%;height:122%}
@media(max-width:560px){
  .design-studies[data-mode] .study-space .space-focus{left:4%;width:35%}
}

/* Four small model controls; rotation remains available by drag and arrow keys. */
.site-live .design-studies .study-dinosaur .dinosaur-focus{
  left:5%;top:63%;width:42%;text-align:left;transform:none
}
.site-live .design-studies .study-dinosaur .dinosaur-focus small{
  position:static;inset:auto;left:auto;right:auto;display:block;width:auto;margin:0 0 3px;text-align:left;white-space:nowrap
}
.site-live .design-studies .study-dinosaur .dinosaur-focus h3{margin:3px 0 2px;text-align:left}
.site-live .design-studies .study-dinosaur .raptor-controls{
  display:grid;grid-template-columns:repeat(4,22px);gap:2px;padding:3px;border:1px solid rgba(194,219,209,.25);
  border-radius:5px;background:rgba(8,20,23,.66)
}
.site-live .design-studies .study-dinosaur .raptor-controls button{width:22px;height:22px;font-size:13px}
.site-live .design-studies .study-dinosaur .raptor-hint{max-width:92%;font-size:5.5px;letter-spacing:.035em}
@media(max-width:620px){
  .site-live .design-studies .study-dinosaur .raptor-controls{grid-template-columns:repeat(4,20px);gap:1px;padding:2px}
  .site-live .design-studies .study-dinosaur .raptor-controls button{width:20px;height:20px}
  .site-live .design-studies .study-dinosaur .dinosaur-focus{left:4%;width:45%}
}

.learning-drag-ghost{cursor:grabbing}
.learning-screen [data-letter-tile][data-dragging="true"]{opacity:.2}

@media(prefers-reduced-motion:reduce){
  .home .poster-hero .hero-starfield,.home .poster-hero .shooting-star,.home .poster-hero .space-event,
  .design-studies .study-culture .falling-d{animation:none!important}
  .design-studies[data-mode] .study-space .planet-path{animation:none!important}
  .design-studies[data-mode] .study-spatial .room-piece{transition:none!important}
  .learning-drag-ghost{transition:none!important}
}

/* Review corrections: compact support copy, restore in-place directory actions, and finish the editorial controls. */
.site-live .design-studies .study-care .care-top,
.site-live .design-studies .study-care .care-intro,
.site-live .design-studies .study-care .care-options,
.site-live .design-studies .study-care .care-crisis,
.site-live .design-studies .study-care .care-privacy{transform:translateY(5px)}
.site-live .design-studies .study-care .care-crisis{
  display:block;white-space:nowrap;font-size:clamp(7px,2cqi,9px);line-height:1.2;letter-spacing:-.025em
}
.site-live .design-studies .study-care .care-crisis a{
  display:inline;margin:0;padding:0;min-height:0;border:0;border-radius:0;background:transparent;
  color:#214f3c;font-size:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:2px
}

.design-studies[data-mode] .study-information .info-results .info-service{
  position:relative;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:2px 4px;padding:7px 24px 7px 9px;border:1px solid rgba(42,87,74,.15);border-radius:5px;
  background:rgba(250,249,241,.83);box-shadow:0 4px 11px rgba(34,72,61,.06);
  color:#26483f;text-align:left;font:inherit;cursor:pointer
}
.design-studies[data-mode] .study-information .info-results .info-service b{grid-column:1;grid-row:1;font-size:clamp(8px,.78vw,10px);color:#26483f}
.design-studies[data-mode] .study-information .info-results .info-service span{grid-column:1;grid-row:2;font-size:clamp(7px,.66vw,9px);line-height:1.2;color:#61756d}
.design-studies[data-mode] .study-information .info-results .info-service i{position:static;inset:auto;grid-column:2;grid-row:1/3;align-self:center;color:#b66b4c;font-style:normal}
.design-studies[data-mode] .study-information .info-results .info-service:hover,
.design-studies[data-mode] .study-information .info-results .info-service[aria-expanded="true"]{border-color:#547c6b;background:#fff}
.design-studies[data-mode] .study-information .info-results .info-service:focus-visible,
.design-studies[data-mode] .study-information .info-service-detail button:focus-visible{outline:2px solid #2c6d5a;outline-offset:2px}
.design-studies[data-mode] .study-information .info-service-detail{
  position:absolute;z-index:5;left:40%;right:5%;bottom:8%;min-height:28%;padding:10px 26px 10px 11px;
  border:1px solid rgba(36,78,66,.28);border-radius:5px;background:#f8f6ed;color:#26483f;
  box-shadow:0 10px 24px rgba(28,61,51,.2)
}
.design-studies[data-mode] .study-information .info-service-detail[hidden]{display:none!important}
.design-studies[data-mode] .study-information .info-service-detail>b{display:block;margin:0 0 4px;font-size:clamp(9px,2.2cqi,12px)}
.design-studies[data-mode] .study-information .info-service-detail>p{margin:0;font-size:clamp(8px,1.9cqi,10px);line-height:1.3}
.design-studies[data-mode] .study-information .info-service-detail>button{
  position:absolute;right:3px;top:3px;width:24px;height:24px;border:0;background:transparent;color:#26483f;font-size:17px;cursor:pointer
}
@media(max-width:560px){
  .design-studies[data-mode] .study-information .info-results .info-service{padding:5px 18px 5px 7px}
  .design-studies[data-mode] .study-information .info-service-detail{left:39%;right:4%;bottom:8%;padding:8px 25px 8px 8px}
}

/* Keep the playful study scrollable so the continuation panel is reachable. */
.design-studies[data-mode] .study-playful .study-screen{
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#342744 rgba(255,255,255,.35)
}
.design-studies[data-mode] .study-playful .study-screen::-webkit-scrollbar{width:8px}
.design-studies[data-mode] .study-playful .study-screen::-webkit-scrollbar-track{background:rgba(255,255,255,.28)}
.design-studies[data-mode] .study-playful .study-screen::-webkit-scrollbar-thumb{border:2px solid #ec4f8d;border-radius:999px;background:#342744}
.design-studies[data-mode] .study-playful .play-scroll{display:none}
.design-studies[data-mode] .study-playful .play-scroll-continuation{
  position:absolute;z-index:3;top:109%;left:7%;right:16%;min-height:78%;display:flex;flex-direction:column;justify-content:center;gap:clamp(5px,1.4cqi,10px);
  padding:clamp(12px,4cqi,24px);border:1px solid rgba(42,29,52,.46);border-radius:4px;
  background:linear-gradient(140deg,#ffe36e 0 46%,#79ddcb 46% 100%);color:#24162d;
  box-shadow:0 12px 24px rgba(40,21,46,.2)
}
.design-studies[data-mode] .study-playful .play-scroll-continuation>span{font:600 clamp(7px,1.7cqi,9px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.08em}
.design-studies[data-mode] .study-playful .play-scroll-continuation>strong{font:700 clamp(1.2rem,5.5cqi,2rem)/.94 "Trebuchet MS",sans-serif;letter-spacing:-.06em}
.design-studies[data-mode] .study-playful .play-scroll-continuation>p{max-width:28ch;margin:0;font-size:clamp(9px,2.2cqi,12px);line-height:1.3}

/* The product index is horizontal, raised slightly, and ruled only across its own wordmark. */
.design-studies[data-mode] .study-diagonal .diagonal-index{
  right:10.5%;bottom:11.5%;display:grid;width:max-content;justify-items:start;gap:3px;padding:0;border:0;
  writing-mode:horizontal-tb;text-align:left;font:600 clamp(7px,1.9cqi,9px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.1em
}
.design-studies[data-mode] .study-diagonal .diagonal-index>span{display:block;white-space:nowrap}
.design-studies[data-mode] .study-diagonal .diagonal-index>small{
  display:block;width:100%;padding-top:3px;padding-bottom:3px;border-bottom:1px solid rgba(255,245,232,.66);
  color:rgba(255,245,232,.84);font:500 clamp(6px,1.6cqi,8px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.16em
}

/* Remove the stray top stroke on the diagonal local-service panel. */
.design-studies[data-mode] .study-local .local-screen{border-top-color:transparent}

/* The local-energy concept now tells visitors what the service helps them do. */
.design-studies[data-mode] .study-local-mini .local-energy-context{
  position:absolute;z-index:2;left:8%;top:59%;width:58%;margin:0;
  color:#3c3824;font:500 clamp(7px,1.8cqi,9px)/1.28 "IBM Plex Sans",sans-serif
}

/* Smooth the fall across its full path instead of accelerating into the landing turn. */


/* Common Ground: pivot at the D's straight edge, tumble down-right, and settle on the curved side. */
@keyframes culture-d-tumble{
  0%,24%{transform:translate(0,0) rotate(0)}
  31%{transform:translate(-.04em,-.14em) rotate(-12deg)}
  40%{transform:translate(.12em,.08em) rotate(18deg)}
  52%{transform:translate(.35em,.42em) rotate(54deg)}
  65%{transform:translate(.62em,.84em) rotate(190deg)}
  77%{transform:translate(.88em,1.2em) rotate(331deg)}
  86%{transform:translate(.94em,1.42em) rotate(450deg)}
  90%{transform:translate(.94em,1.54em) rotate(456deg)}
  94%{transform:translate(.94em,1.42em) rotate(447deg)}
  97%{transform:translate(.94em,1.5em) rotate(452deg)}
  100%{transform:translate(.94em,1.46em) rotate(450deg)}
}

@media(prefers-reduced-motion:reduce){
  .design-studies[data-mode] .study-playful .study-screen{scroll-behavior:auto}
  .design-studies[data-mode] .study-information .info-service,
  .design-studies[data-mode] .study-information .info-service-detail{transition:none!important}
}

/* Focused Interface Studies finish: only the requested concepts receive new treatment. */
.design-studies[data-mode] .study-care .care-screen{background-color:#edf0e5;background-image:radial-gradient(ellipse at 17% 88%,rgba(167,188,153,.22),transparent 34%),radial-gradient(ellipse at 82% 18%,rgba(210,221,196,.48),transparent 30%),linear-gradient(118deg,#f3f0e5 0 54%,#e5eadd 54% 100%)}
.design-studies[data-mode] .study-care .care-screen::before{display:block!important;right:8%;top:10%;width:29%;height:38%;border:0;background:radial-gradient(ellipse at 55% 85%,rgba(100,129,92,.2) 0 10%,transparent 11%),radial-gradient(ellipse at 35% 47%,rgba(135,159,116,.21) 0 15%,transparent 16%),radial-gradient(ellipse at 72% 27%,rgba(162,181,142,.2) 0 13%,transparent 14%);filter:blur(1px);box-shadow:none}
.design-studies[data-mode] .study-care .care-screen::after{display:block!important;right:2%;bottom:-12%;width:38%;height:34%;border:1px solid rgba(112,139,99,.13);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(169,191,151,.13),transparent 68%);box-shadow:none}
.design-studies[data-mode] .study-editorial .editorial-image{width:62%}
.design-studies[data-mode] .study-food .food-menu li i{margin-right:clamp(19px,3.5cqw,29px)}
.design-studies[data-mode] .study-local .local-screen{background:#e7ece5!important}
.design-studies[data-mode] .study-local .local-screen::before{inset:0 40% 0 0!important;clip-path:polygon(0 0,100% 0,78% 100%,0 100%)!important;background:linear-gradient(145deg,#164652,#102b36 75%)!important;transform:none!important}
.design-studies[data-mode] .study-local .local-screen::after{content:none!important}
.design-studies[data-mode] .study-professional .professional-side{top:14%!important;height:74%!important}
.design-studies[data-mode] .study-professional .professional-main h3{top:22%!important;font-size:clamp(17px,5.1cqi,29px)!important;line-height:.98!important}
.design-studies[data-mode] .study-professional .professional-main p{top:50%!important}
.design-studies[data-mode] .study-professional .professional-links{top:67%!important}
.design-studies[data-mode] .study-culture .culture-screen::after{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 75% 76%,rgba(146,91,190,.28),transparent 33%),radial-gradient(ellipse at 48% 45%,rgba(108,72,153,.18),transparent 42%);pointer-events:none}
.design-studies[data-mode] .study-luxury-mini .quiet-material-index{position:absolute;z-index:2;left:8%;top:12%;color:#62584b;font:500 clamp(6px,1.45cqw,8px)/1 "IBM Plex Mono",monospace;letter-spacing:.2em}
.design-studies[data-mode] .study-luxury-mini .study-screen>strong{left:8%;top:36%;max-width:56%;display:grid;gap:clamp(4px,1.4cqw,9px);font:400 clamp(1.8rem,7.2cqi,3.1rem)/.84 Georgia,serif;letter-spacing:-.065em;text-transform:none;color:#29241f}
.design-studies[data-mode] .study-luxury-mini .study-screen>strong span{font:500 .24em/1.2 "IBM Plex Mono",monospace;letter-spacing:.25em;color:#766a5b}
.design-studies[data-mode] .study-luxury-mini .study-screen>strong em{font-style:italic;font-weight:400;letter-spacing:-.075em}

/* Product analytics: warm paper, forest ink, and clear, non-overlapping data lanes. */
.design-studies[data-mode] .study-product .analytics-screen{isolation:isolate;overflow:hidden;background-color:#f0eddf;background-image:linear-gradient(rgba(54,77,57,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(54,77,57,.065) 1px,transparent 1px),radial-gradient(ellipse at 83% 18%,rgba(227,177,87,.18),transparent 34%);background-size:24px 24px,24px 24px,auto;color:#20372b}
.design-studies[data-mode] .study-product .analytics-screen::after{display:none!important}
.design-studies[data-mode] .study-product .analytics-head{position:absolute;left:7%;right:7%;top:7%;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#61705a;font:600 clamp(5px,1.35cqw,8px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.12em}
.design-studies[data-mode] .study-product .analytics-status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(47,83,55,.25);border-radius:99px;color:#2c5a3b;white-space:nowrap}
.design-studies[data-mode] .study-product .analytics-status i{width:5px;height:5px;border-radius:50%;background:#739648;box-shadow:0 0 0 3px rgba(115,150,72,.14)}
.design-studies[data-mode] .study-product .analytics-primary{position:absolute;left:7%;right:7%;top:23%;height:42%;display:grid;grid-template-columns:31% minmax(0,1fr);gap:7%;align-items:stretch}
.design-studies[data-mode] .study-product .analytics-kpi{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-left:9px;border-left:2px solid #bd7d42}
.design-studies[data-mode] .study-product .analytics-kpi small,.design-studies[data-mode] .study-product .analytics-trend small{color:#69745c;font:600 clamp(5px,1.2cqw,7px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.09em}
.design-studies[data-mode] .study-product .analytics-kpi strong{margin:5px 0 2px;color:#263b2e;font:500 clamp(2.1rem,12cqw,3.5rem)/.82 "IBM Plex Sans",sans-serif;letter-spacing:-.08em}
.design-studies[data-mode] .study-product .analytics-kpi>span{color:#5f8748;font:600 clamp(6px,1.45cqw,8px)/1.2 "IBM Plex Mono",monospace}
.design-studies[data-mode] .study-product .analytics-kpi>span i{color:#7a7968;font-style:normal;font-weight:400}
.design-studies[data-mode] .study-product .analytics-trend{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding:7px 8px 5px;border:1px solid rgba(52,78,53,.22);border-radius:4px;background:rgba(250,248,238,.77)}
.design-studies[data-mode] .study-product .analytics-trend>div:first-child,.design-studies[data-mode] .study-product .analytics-axis{display:flex;justify-content:space-between;gap:6px;color:#7b715e;font:500 clamp(4px,1cqw,6px)/1.1 "IBM Plex Mono",monospace}
.design-studies[data-mode] .study-product .analytics-trend svg{width:100%;height:100%;overflow:visible}
.design-studies[data-mode] .study-product .analytics-trend svg circle{fill:#bc7840;stroke:#fff9e9;stroke-width:2;vector-effect:non-scaling-stroke}
.design-studies[data-mode] .study-product .analytics-area{fill:rgba(117,143,79,.18)}
.design-studies[data-mode] .study-product .analytics-line{fill:none;stroke:#5b814b;stroke-width:2.5;vector-effect:non-scaling-stroke}
.design-studies[data-mode] .study-product .analytics-readouts{position:absolute;left:7%;right:7%;top:71%;bottom:8%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.design-studies[data-mode] .study-product .analytics-readouts>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:5px 7px;border-top:1px solid rgba(52,78,53,.28);background:rgba(255,253,244,.54)}
.design-studies[data-mode] .study-product .analytics-readouts small{color:#77735f;font:600 clamp(4px,1cqw,6px)/1 "IBM Plex Mono",monospace;letter-spacing:.08em}
.design-studies[data-mode] .study-product .analytics-readouts strong{color:#263b2e;font:500 clamp(9px,2.6cqw,15px)/1 "IBM Plex Sans",sans-serif;letter-spacing:-.04em}
.design-studies[data-mode] .study-product .analytics-readouts em{font-size:.65em;font-style:normal;color:#687963}
.design-studies[data-mode] .study-product .analytics-readouts>div>span{color:#64854d;font:500 clamp(4px,.95cqw,6px)/1 "IBM Plex Mono",monospace}
.design-studies[data-mode] .study-product .analytics-readouts .analytics-channel{grid-column:span 2;gap:3px}
.design-studies[data-mode] .study-product .analytics-channel>div{height:7px;display:flex;overflow:hidden;border-radius:9px;background:#d7d4c3}
.design-studies[data-mode] .study-product .analytics-channel>div i:nth-child(1){width:42%;background:#5d7f49}
.design-studies[data-mode] .study-product .analytics-channel>div i:nth-child(2){width:31%;background:#bf7d45}
.design-studies[data-mode] .study-product .analytics-channel>div i:nth-child(3){width:12%;background:#d3ad5e}
.design-studies[data-mode] .study-product .analytics-channel>div i:nth-child(4){width:9%;background:#789a86}
.design-studies[data-mode] .study-product .analytics-channel>div i:nth-child(5){width:6%;background:#ada88e}
.design-studies[data-mode] .study-product .analytics-channel>span{color:#77735f;font:500 clamp(4px,.9cqw,5.5px)/1 "IBM Plex Mono",monospace;white-space:nowrap}

/* Jupiter keeps its established orbital geometry; the distant star layers return in both modes. */
.design-studies[data-mode] .study-space .space-screen::before,.design-studies[data-mode] .study-space .space-screen::after{display:block!important;pointer-events:none}
.design-studies[data-mode] .study-space .space-screen::before{opacity:.42;animation:space-drift-a 84s linear infinite}
.design-studies[data-mode] .study-space .space-screen::after{opacity:.3;animation:space-drift-b 126s linear infinite,space-star-twinkle 11s ease-in-out infinite}
.design-studies[data-mode] .study-space .space-map::after{content:"";position:absolute;z-index:1;left:4%;top:13%;width:29%;height:1px;opacity:0;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(211,232,255,.15),rgba(245,250,255,.9));box-shadow:0 0 7px rgba(185,220,255,.65);transform:translateX(-45%);animation:mica-planet-meteor 48s ease-in-out infinite 11s;animation-play-state:paused}
.design-studies[data-mode] .study-space .space-screen[data-orbit-visible="true"] .space-map::after{animation-play-state:running}
@keyframes mica-planet-meteor{0%,82%,100%{opacity:0;transform:translate(-45%,0)}84%{opacity:.85}91%{opacity:0;transform:translate(260%,0)}}
@keyframes space-star-twinkle{0%,100%{opacity:.23}50%{opacity:.37}}
.design-studies[data-mode] .study-space .space-focus small{display:block;margin-bottom:12px}
.design-studies[data-mode] .study-space .space-focus h3{margin:0 0 3px!important}

/* A single boundary carries the local-service panel from top to bottom. */
.design-studies[data-mode] .study-wayfinding .wayfinding-title{top:28%!important}

/* Neural network: layered, branched pathways on a warm mineral field. */
.design-studies[data-mode] .study-neural .neural-screen{background:radial-gradient(ellipse at 80% 50%,rgba(176,132,87,.17),transparent 38%),linear-gradient(135deg,#262c24,#333a2b 62%,#262b23)!important;color:#f4ebd4}
.design-studies[data-mode] .study-neural .neural-screen::before{opacity:.18;background-image:radial-gradient(circle at 78% 34%,rgba(226,192,138,.35) 0 1px,transparent 1.4px),linear-gradient(rgba(207,193,153,.06) 1px,transparent 1px);background-size:71px 61px,34px 34px;mask-image:radial-gradient(ellipse at 75% 48%,#000,transparent 75%)}
.design-studies[data-mode] .study-neural .neural-header{color:#d7cfb5}
.design-studies[data-mode] .study-neural .neural-header span:last-child{color:#e7b777}
.design-studies[data-mode] .study-neural .neural-copy h3{color:#fbf2dd}
.design-studies[data-mode] .study-neural .neural-copy p{color:#d0c8ae}
.design-studies[data-mode] .study-neural .neural-actions button{border-color:rgba(225,183,124,.38);background:rgba(42,48,37,.84);color:#e5d6b9}
.design-studies[data-mode] .study-neural .neural-actions button[aria-pressed="true"]{border-color:#e6b879;background:rgba(144,96,54,.36);color:#fff4db;box-shadow:0 0 12px rgba(230,184,121,.12)}
.design-studies[data-mode] .study-neural .neural-map{filter:drop-shadow(0 0 9px rgba(201,145,80,.16))}
.design-studies[data-mode] .study-neural .neural-links{stroke:rgba(217,180,125,.43);stroke-width:1;stroke-dasharray:7 115;stroke-dashoffset:0;animation:neural-signal-travel 8s linear infinite}
.design-studies[data-mode] .study-neural .neural-links path:nth-child(3n){animation-delay:-2.6s}
.design-studies[data-mode] .study-neural .neural-links path:nth-child(3n + 1){animation-delay:-5.1s}
.design-studies[data-mode] .study-neural .neural-nodes circle{fill:#484a36!important;stroke:#d9a96f;stroke-width:1.2}
.design-studies[data-mode] .study-neural .neural-nodes circle:nth-child(4n + 1){fill:#926440!important}
.design-studies[data-mode] .study-neural .neural-nodes circle.is-lit{fill:#f5ca85!important;stroke:#fff4dd!important;filter:drop-shadow(0 0 6px rgba(245,202,133,.86))!important}
.design-studies[data-mode] .study-neural .neural-labels{color:#e2cfaa}
.design-studies[data-mode] .study-neural .neural-meta{left:56%;right:6%;bottom:5%;width:auto;text-align:right;color:#dfcba6}
.design-studies[data-mode] .study-neural .neural-labels{bottom:14%}
.design-studies[data-mode] .study-accessible .accessible-screen{background-image:linear-gradient(112deg,rgba(250,250,244,.97) 0 49%,rgba(235,244,238,.84) 49% 100%);box-shadow:inset 0 0 0 1px rgba(33,83,79,.13),0 15px 30px rgba(0,22,30,.15)}
@keyframes neural-signal-travel{to{stroke-dashoffset:-122px}}
@media(prefers-reduced-motion:reduce){
 .design-studies[data-mode] .study-space .space-screen::before,.design-studies[data-mode] .study-space .space-screen::after,.design-studies[data-mode] .study-space .space-map::after,.design-studies[data-mode] .study-space .planet-path,.design-studies[data-mode] .study-neural .neural-links,.design-studies[data-mode] .study-neural .neural-nodes circle{animation:none!important}
}
.design-studies .study-dinosaur .pangaea-panel .pangaea-supercontinent{margin-top:-2px;text-align:center;font-size:5px;letter-spacing:.12em}
.design-studies .study-dinosaur .pangaea-panel>div{width:100%;display:grid;justify-items:start;gap:1px}
.design-studies .study-dinosaur .pangaea-panel .pangaea-supercontinent,.design-studies .study-dinosaur .pangaea-panel .pangaea-name{width:100%;text-align:center}
.design-studies .study-dinosaur .pangaea-panel .pangaea-name{margin-top:-3px;color:#f0eddb;font-size:clamp(9px,1vw,12px)}
.design-studies[data-mode="grid"] .study-dinosaur .pangaea-panel .pangaea-map{height:37%}
.design-studies .study-dinosaur .dinosaur-focus h3{margin:3px 0 2px}
.design-studies .study-dinosaur .dinosaur-focus small{margin:0 0 2px;white-space:nowrap}
.design-studies[data-mode="showcase"] .study-neural:not([data-active]) .neural-links,
.design-studies[data-mode="showcase"] .study-neural:not([data-active]) .neural-nodes circle{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.design-studies .study-neural .neural-links,.design-studies .study-neural .neural-nodes circle{animation:none!important}}

/* Focused corrections: preserve the Common Ground wordmark, tile colors, and immediate scroll affordance. */
.design-studies[data-mode] .study-culture .falling-d{display:inline!important;position:static!important;animation:none!important;transform:none!important;translate:none!important}
.design-studies[data-mode] .study-culture .culture-replay{display:none!important}
.design-studies[data-mode] .study-learning .letter-bank button[data-learning-reset]{width:auto;min-width:38px;padding-inline:5px;font-size:clamp(7px,1.4cqw,9px);letter-spacing:.04em}
.design-studies[data-mode] .study-playful .study-screen{scrollbar-width:auto;scrollbar-color:#ffe680 #342744}
.design-studies[data-mode] .study-playful .study-screen::-webkit-scrollbar{width:12px}
.design-studies[data-mode] .study-playful .study-screen::-webkit-scrollbar-track{background:#342744;border-left:1px solid rgba(255,255,255,.65)}
.design-studies[data-mode] .study-playful .study-screen::-webkit-scrollbar-thumb{min-height:40px;border:2px solid #342744;border-radius:999px;background:#ffe680;box-shadow:inset 0 0 0 1px rgba(36,22,45,.35)}

/* Neural studio: engineered graphite, instrument green, and live cyan signals. */
.design-studies[data-mode] .study-neural .neural-screen{background:radial-gradient(ellipse at 74% 46%,rgba(46,224,190,.12),transparent 34%),linear-gradient(132deg,#11191b,#1a2525 58%,#101718)!important;color:#eaf4ee}
.design-studies[data-mode] .study-neural .neural-screen::before{opacity:.32;background-image:linear-gradient(rgba(126,178,159,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(126,178,159,.11) 1px,transparent 1px),radial-gradient(circle,rgba(190,245,95,.75) 0 1px,transparent 1.6px);background-size:24px 24px,24px 24px,64px 58px;mask-image:linear-gradient(90deg,transparent,#000 29%,#000)}
.design-studies[data-mode] .study-neural .neural-header{color:#9ab1a8}
.design-studies[data-mode] .study-neural .neural-header span:last-child{color:#c2f55f}
.design-studies[data-mode] .study-neural .neural-copy h3{color:#f0f8f3}
.design-studies[data-mode] .study-neural .neural-copy p{color:#b2c7be}
.design-studies[data-mode] .study-neural .neural-actions button{border-color:rgba(91,227,197,.34);background:rgba(15,27,27,.9);color:#c4d8d0}
.design-studies[data-mode] .study-neural .neural-actions button[aria-pressed="true"]{border-color:#c2f55f;background:rgba(101,139,51,.24);color:#edffcf;box-shadow:0 0 13px rgba(194,245,95,.18)}
.design-studies[data-mode] .study-neural .neural-map{filter:drop-shadow(0 0 9px rgba(67,226,196,.2))}
.design-studies[data-mode] .study-neural .neural-links{stroke:rgba(91,227,197,.56)}
.design-studies[data-mode] .study-neural .neural-nodes circle{fill:#263c38!important;stroke:#5be3c5;stroke-width:1.2}
.design-studies[data-mode] .study-neural .neural-nodes circle:nth-child(4n + 1){fill:#496a3c!important;stroke:#c2f55f}
.design-studies[data-mode] .study-neural .neural-nodes circle.is-lit{fill:#c2f55f!important;stroke:#f0ffd5!important;filter:drop-shadow(0 0 6px rgba(194,245,95,.9))!important}
.design-studies[data-mode] .study-neural .neural-labels,.design-studies[data-mode] .study-neural .neural-meta{color:#bed0c8}

/* The room is an open-front 3D box; the floor and movable layer share one plane. */
.design-studies[data-mode] .study-spatial .room-model{--spatial-yaw:-8deg;--spatial-pitch:0deg}
.design-studies[data-mode] .study-spatial .room-floor{transform:translate(-50%,-50%) rotateX(12deg)}
.design-studies[data-mode] .study-spatial .room-furniture{transform:rotateX(12deg)}
.design-studies[data-mode] .study-spatial .room-left-wall,
.design-studies[data-mode] .study-spatial .room-side-wall{width:22%;height:52%;top:42%}
.design-studies[data-mode] .study-spatial .room-left-wall{left:13%;transform:translate(-50%,-50%) rotateY(-40deg) translateZ(-8px)}
.design-studies[data-mode] .study-spatial .room-side-wall{left:87%;transform:translate(-50%,-50%) rotateY(40deg) translateZ(-8px)}

/* Lower the accessible prompt within its quiet photo field. */
.site-live .design-studies[data-mode] .study-accessible .study-screen>strong{top:34%}
.site-live .design-studies[data-mode] .study-accessible .study-actions{bottom:6%}
@media(max-width:560px){.site-live .design-studies[data-mode] .study-accessible .study-screen>strong{top:34%}}

/* The planet name sits just below the title area; selectors read and behave like buttons. */
.design-studies[data-mode] .study-space .space-focus{top:21%!important}
.design-studies[data-mode] .study-space .space-rail[role="group"] .planet-scale{
  min-height:clamp(38px,8.5cqi,48px);padding:5px 2px 4px;border-color:rgba(145,185,215,.24);
  border-radius:6px;background:rgba(11,24,40,.76);box-shadow:inset 0 1px rgba(255,255,255,.035)
}
.design-studies[data-mode] .study-space .space-rail[role="group"] .planet-scale:hover,
.design-studies[data-mode] .study-space .space-rail[role="group"] .planet-scale[aria-pressed="true"]{
  border-color:rgba(157,218,235,.64);background:rgba(47,92,125,.54)
}
.design-studies[data-mode] .study-space .space-rail .planet-saturn i{
  position:relative;overflow:visible;
  background:radial-gradient(circle at 32% 28%,#e0c9a0,#877458 62%,#3b3542)
}
.design-studies[data-mode] .study-space .space-rail .planet-saturn i::after{
  content:"";position:absolute;left:-25%;top:29%;width:150%;height:43%;border:1px solid rgba(238,219,177,.9);
  border-radius:50%;transform:rotate(-18deg);pointer-events:none
}
.design-studies[data-mode] .study-space .orbit-mercury{width:19%!important;height:28%!important}
.design-studies[data-mode] .study-space .orbit-saturn{left:57%!important}
.design-studies[data-mode] .study-space .orbit-uranus{left:59%!important}
.design-studies[data-mode] .study-space .orbit-neptune{left:61%!important}
.design-studies[data-mode] .study-space .space-screen::after{
  background-image:
    radial-gradient(ellipse at 72% 27%,rgba(232,184,161,.14),transparent 18%),
    radial-gradient(ellipse at 28% 72%,rgba(117,161,206,.14),transparent 22%),
    radial-gradient(circle at 13% 19%,rgba(229,241,255,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle at 31% 82%,rgba(168,205,255,.75) 0 1px,transparent 1.8px),
    radial-gradient(circle at 57% 14%,rgba(255,255,255,.88) 0 1px,transparent 1.8px),
    radial-gradient(circle at 86% 71%,rgba(193,224,255,.82) 0 1px,transparent 1.8px),
    radial-gradient(circle at 91% 34%,rgba(255,255,255,.72) 0 1px,transparent 1.8px);
  background-size:100% 100%,100% 100%,127px 101px,173px 139px,197px 157px,151px 127px,223px 181px;
  opacity:.45
}

/* Animate only the two existing shapes in the creative expression study. */
.design-studies[data-mode] .study-playful .shape-a{animation:playful-circle-vibrate 1.25s ease-in-out infinite}
.design-studies[data-mode] .study-playful .shape-b{animation:playful-square-turn 11s linear infinite}
@keyframes playful-circle-vibrate{0%,100%{translate:0 0}25%{translate:1.5px -1px}50%{translate:-1px 1.5px}75%{translate:1px 1px}}
@keyframes playful-square-turn{from{transform:rotate(18deg)}to{transform:rotate(378deg)}}

/* Lift the index slightly up and to the right without changing its rule. */
.design-studies[data-mode] .study-diagonal .diagonal-index{right:7.5%;bottom:15.5%}

/* Put the fossil-region panel back in the upper-left lane. */
.site-live .design-studies[data-mode] .study-dinosaur .pangaea-panel{left:3%;top:13%}

/* A quick falling meteor crosses the hero behind the foreground artwork. */
.home .poster-hero .shooting-star{animation-name:mica-meteor-diagonal;animation-duration:24s}
@keyframes mica-meteor-diagonal{
  0%,64%,100%{opacity:0;transform:translate3d(-14vw,-8vh,0) rotate(24deg)}
  65%{opacity:0;transform:translate3d(-12vw,-7vh,0) rotate(24deg)}
  66%{opacity:.92;transform:translate3d(-8vw,-6vh,0) rotate(24deg)}
  70%{opacity:.92;transform:translate3d(34vw,5vh,0) rotate(24deg)}
  71%{opacity:0;transform:translate3d(44vw,8vh,0) rotate(24deg)}
}

/* Keep a straightforward button and native modal around the existing 3D model prototype. */
.site-live .study-dinosaur .raptor-specimen-open{
  position:absolute;z-index:5;left:5%;bottom:15%;min-height:32px;padding:6px 9px;
  border:1px solid rgba(201,222,194,.42);border-radius:4px;background:rgba(21,43,43,.92);color:#eaf1dd;
  font:600 clamp(6px,1.3cqi,8px)/1.1 "IBM Plex Mono",monospace;letter-spacing:.04em;cursor:pointer
}
.site-live .study-dinosaur .raptor-specimen-open:hover,.site-live .study-dinosaur .raptor-specimen-open:focus-visible{border-color:#d5e3ad;background:#294c49}
.site-live .study-dinosaur .raptor-specimen-dialog{
  width:min(920px,92vw);height:min(700px,86vh);max-width:none;max-height:none;padding:0;overflow:hidden;
  border:1px solid rgba(187,214,211,.48);border-radius:12px;background:#07131e;color:#e7edf1;box-shadow:0 24px 90px rgba(0,0,0,.55)
}
.site-live .study-dinosaur .raptor-specimen-dialog::backdrop{background:rgba(4,12,18,.78);backdrop-filter:blur(4px)}
.site-live .study-dinosaur .raptor-specimen-dialog-head{position:absolute;z-index:2;top:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:rgba(4,14,22,.88)}
.site-live .study-dinosaur .raptor-specimen-dialog-head h3{margin:0;font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.06em}
.site-live .study-dinosaur .raptor-specimen-dialog-head button{width:32px;height:32px;border:1px solid rgba(190,220,245,.3);border-radius:5px;background:#102432;color:#e5edf3;font:24px/1 system-ui;cursor:pointer}
.site-live .study-dinosaur .raptor-specimen-dialog iframe{width:100%;height:100%;border:0;padding-top:44px}
.site-live .study-dinosaur .raptor-specimen-open:focus-visible,.site-live .study-dinosaur .raptor-specimen-dialog button:focus-visible{outline:2px solid #a5cbf6;outline-offset:2px}
@media(max-width:560px){
  .design-studies[data-mode] .study-space .space-focus{top:19%!important}
  .site-live .design-studies[data-mode] .study-dinosaur .pangaea-panel{left:3%;top:13%;width:28%;height:32%}
  .site-live .design-studies[data-mode="grid"] .study-dinosaur .pangaea-panel{left:3%;top:13%}
  .site-live .study-dinosaur .raptor-specimen-open{bottom:15%;min-height:28px;padding:5px 6px}
}
.site-live .design-studies[data-mode="grid"] .study-dinosaur .pangaea-panel{left:3%;top:13%}
@media(prefers-reduced-motion:reduce){
  .design-studies[data-mode] .study-playful .shape-a,.design-studies[data-mode] .study-playful .shape-b{animation:none!important;translate:none!important}
  .home .poster-hero .shooting-star{animation:none!important}
  .design-studies[data-mode] .study-space .space-screen::before,.design-studies[data-mode] .study-space .space-screen::after{animation:none!important}
}

/* T1 review-copy marker; the production root page remains untouched. */
.t1-banner{position:relative;z-index:50;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:8px 18px;background:#dbeaff;color:#071b2b;font:500 12px/1.35 "IBM Plex Sans",Arial,sans-serif;letter-spacing:.02em}
.t1-banner strong{font:600 10px/1 "IBM Plex Mono",monospace;letter-spacing:.16em;color:#2558a8}
.t1-banner a{color:#143d74;text-decoration:underline;text-underline-offset:3px;font-weight:700}
@media(max-width:520px){.t1-banner{gap:6px 10px;padding:9px 12px;font-size:11px}}


/* T1 finishing pass: explicit final rules resolve earlier study overrides. */
.design-studies[data-mode] .study-system .system-head{justify-content:center;gap:12px}
.design-studies[data-mode] .study-system .system-head>span:first-child{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center}
.design-studies[data-mode] .study-system .system-head>b{margin-left:auto}
.design-studies[data-mode] .study-calm .calm-screen{background-color:#e6ece5;background-image:radial-gradient(ellipse at 18% 76%,rgba(151,180,151,.24),transparent 36%),radial-gradient(ellipse at 84% 22%,rgba(230,220,190,.3),transparent 34%),linear-gradient(140deg,#f2f0e8,#e1e9e1 72%,#d5e1d7)}
.design-studies[data-mode] .study-calm .calm-screen::before{right:-12%;top:8%;width:52%;height:74%;aspect-ratio:auto;border:0;border-radius:47% 53% 60% 40% / 35% 45% 55% 65%;background:radial-gradient(ellipse at 48% 40%,rgba(125,155,121,.18),transparent 68%);filter:blur(6px);box-shadow:none}
.design-studies[data-mode] .study-calm .calm-screen::after{content:"";position:absolute;z-index:0;left:38%;bottom:12%;width:30%;height:20%;border-radius:56% 44% 62% 38% / 61% 42% 58% 39%;background:rgba(176,195,166,.14);filter:blur(10px);pointer-events:none}
.design-studies[data-mode] .study-calm .calm-orbit{display:none!important}
.design-studies[data-mode] .study-editorial .editorial-image{width:72%!important;left:12%;bottom:7%;height:19%}
.design-studies[data-mode] .study-food .food-menu li i{margin-right:clamp(16px,2.5cqw,22px)!important;transform:translateX(-2px)}
.design-studies[data-mode] .study-professional .professional-side{padding-top:18%!important}
.design-studies[data-mode] .study-professional .professional-main{padding-top:12%!important}
.design-studies[data-mode] .study-professional .professional-main h3{font-size:clamp(17px,5.1cqi,29px)!important}
.design-studies[data-mode] .study-accessible .study-screen>strong{top:32%!important}
.design-studies[data-mode] .study-accessible .accessible-chat{top:3%!important;right:7%!important}
.design-studies[data-mode] .study-space .space-focus{top:17%!important}
.design-studies[data-mode] .study-space .space-focus small{margin-bottom:2px!important}
.design-studies[data-mode] .study-space .space-focus h3{margin:0 0 3px!important}
.design-studies[data-mode] .study-space .space-screen::before,.design-studies[data-mode] .study-space .space-screen::after{display:block!important;pointer-events:none}
.design-studies[data-mode] .study-space .space-screen::before{opacity:.5!important;animation:space-drift-a 94s linear infinite}
.design-studies[data-mode] .study-space .space-screen::after{opacity:.38!important;animation:space-drift-b 142s linear infinite,space-star-twinkle 13s ease-in-out infinite}
.design-studies[data-mode] .study-playful .study-screen{overflow-y:scroll!important;scrollbar-width:auto;scrollbar-color:#ffe680 #342744}
.design-studies[data-mode] .study-neural .neural-screen{background:radial-gradient(ellipse at 73% 52%,rgba(31,255,187,.18),transparent 34%),linear-gradient(132deg,#071311 0%,#10241d 54%,#081410 100%)!important;color:#effff8}
.design-studies[data-mode] .study-neural .neural-screen::before{opacity:.42;background-image:linear-gradient(rgba(76,240,171,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(76,240,171,.13) 1px,transparent 1px),radial-gradient(circle,rgba(225,255,111,.95) 0 1px,transparent 1.7px);background-size:22px 22px,22px 22px,59px 53px;mask-image:linear-gradient(90deg,transparent,#000 24%,#000)}
.design-studies[data-mode] .study-neural .neural-header span:last-child{color:#dbff59}
.design-studies[data-mode] .study-neural .neural-actions button[aria-pressed="true"]{border-color:#baff50;background:rgba(142,196,40,.26);color:#f3ffd5;box-shadow:0 0 15px rgba(186,255,80,.2)}
.design-studies[data-mode] .study-neural .neural-links{stroke:rgba(79,247,192,.68);stroke-width:1.15}
.design-studies[data-mode] .study-neural .neural-nodes circle{fill:#123c31!important;stroke:#4ff7c0;stroke-width:1.35}
.design-studies[data-mode] .study-neural .neural-nodes circle:nth-child(4n + 1){fill:#416525!important;stroke:#d7ff59}
.design-studies[data-mode] .study-neural .neural-nodes circle.is-lit{fill:#e0ff58!important;stroke:#f4ffe1!important;filter:drop-shadow(0 0 7px rgba(221,255,88,.95))!important}

/* The room reads as an open-front, three-wall rectangular shell; both room grids stay coplanar. */
.design-studies[data-mode] .study-spatial .room-model{--spatial-yaw:-7deg;--spatial-pitch:0deg}
.design-studies[data-mode] .study-spatial .room-back-wall{left:50%;top:34%;width:84%;height:46%;transform:translate(-50%,-50%) translateZ(-14px);border-color:rgba(244,234,210,.7);background:linear-gradient(180deg,#d9ceb2 0%,#c7bea6 100%);box-shadow:0 7px 14px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.45)}
.design-studies[data-mode] .study-spatial .room-left-wall,.design-studies[data-mode] .study-spatial .room-side-wall{top:42%;width:22%;height:52%;background:linear-gradient(180deg,#c7c0a8,#8f927f);border-color:rgba(244,234,210,.62);box-shadow:0 7px 11px rgba(0,0,0,.16)}
.design-studies[data-mode] .study-spatial .room-left-wall{left:9%;transform:translate(-50%,-50%) rotateY(-66deg) translateZ(-12px);transform-origin:right center}
.design-studies[data-mode] .study-spatial .room-side-wall{left:91%;transform:translate(-50%,-50%) rotateY(66deg) translateZ(-12px);transform-origin:left center}
.design-studies[data-mode] .study-spatial .room-floor{top:70%;height:58%;transform:translate(-50%,-50%) rotateX(12deg);background-size:12.5% 12.5%,12.5% 12.5%,100% 100%;box-shadow:0 12px 18px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.16)}
.design-studies[data-mode] .study-spatial .room-furniture{top:41%;height:58%;transform:rotateX(12deg);pointer-events:none}
.design-studies[data-mode] .study-spatial .room-piece.room-chair{width:13%;height:21%;min-width:34px;min-height:40px;border-radius:2px;background:linear-gradient(90deg,transparent 0 16%,#573d28 16% 21%,transparent 21% 79%,#573d28 79% 84%,transparent 84%),linear-gradient(180deg,transparent 0 56%,#573d28 56% 62%,transparent 62%),linear-gradient(145deg,#b77e48,#875831);box-shadow:none}
.design-studies[data-mode] .study-spatial .room-piece.room-chair::before{inset:3% 20% 56%;border:2px solid #6d492d;border-radius:2px 2px 0 0;background:repeating-linear-gradient(90deg,#a87848 0 4px,#c4915c 4px 6px,#81542f 6px 8px)}
.design-studies[data-mode] .study-spatial .room-piece.room-chair::after{left:14%;right:14%;top:42%;height:13%;border:2px solid #6d492d;border-radius:1px;background:#b7804d}
.design-studies[data-mode] .study-spatial .room-piece.room-couch{width:24%;height:19%;min-width:58px;min-height:35px;border-radius:6px;background:linear-gradient(90deg,#725943 0 9%,transparent 9% 91%,#725943 91% 100%),linear-gradient(180deg,#907b60 0 34%,#c8b89a 34% 100%)}
.design-studies[data-mode] .study-spatial .room-piece.room-couch::before{inset:13% 17% 49%;border:1px solid #e4d4b8;border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#d0c2a6 0 32%,#b6a181 33% 66%,#d0c2a6 67% 100%)}
.design-studies[data-mode] .study-spatial .room-piece.room-couch::after{left:12%;right:12%;top:auto;bottom:17%;height:25%;border:1px solid #7c674e;border-radius:2px 2px 4px 4px;background:#b09a79}
.design-studies[data-mode] .study-spatial .room-piece[data-dragging="true"]{transition:none!important}
.design-studies[data-mode] .study-spatial [data-room-action="chair"],.design-studies[data-mode] .study-spatial [data-room-action="couch"]{touch-action:none}
@media(max-width:620px){
  .design-studies[data-mode] .study-spatial .room-controls{top:12%;left:2%;right:2%;gap:2px}
  .design-studies[data-mode] .study-spatial .room-controls button{min-height:28px;padding-inline:3px;font-size:clamp(5px,1.5cqi,6.5px)}
  .design-studies[data-mode] .study-spatial .room-stage{inset:29% 2% 20%}
  .design-studies[data-mode] .study-spatial .room-model{width:100%}
}

/* Make the falling stars clearly diagonal and keep every pass behind the three right-hand frames. */
.home .poster-hero .hero-starfield{z-index:2;opacity:.72;mask-image:linear-gradient(180deg,transparent 1%,#000 14%,#000 86%,transparent 100%)}
.home .poster-hero .shooting-star{z-index:1;width:clamp(88px,9vw,124px);height:2px;transform-origin:0 50%;animation-name:mica-meteor-diagonal;animation-duration:26s;animation-timing-function:linear}
.home .poster-hero .shooting-star--secondary{top:39%;width:82px;animation-delay:-8.7s}
.home .poster-hero .shooting-star--tertiary{top:58%;width:61px;animation-delay:-17.3s;opacity:.68}
@keyframes mica-meteor-diagonal{
  0%,64%,100%{opacity:0;transform:translate3d(-14vw,-17vh,0) rotate(26deg)}
  65%{opacity:0;transform:translate3d(-11vw,-15vh,0) rotate(26deg)}
  66%{opacity:.92;transform:translate3d(-7vw,-12vh,0) rotate(26deg)}
  73%{opacity:.92;transform:translate3d(30vw,8vh,0) rotate(26deg)}
  75%{opacity:0;transform:translate3d(40vw,14vh,0) rotate(26deg)}
}
.home .poster-hero .hero-frame-occlusion{z-index:4;pointer-events:none}
.home .poster-hero .poster-hero-actions,.home .poster-hero .poster-scroll{z-index:5}

/* The accessible prompt sits below the live-chat preview without covering either. */
.site-live .design-studies[data-mode] .study-accessible .study-screen>strong{top:32%!important}
.site-live .design-studies[data-mode] .study-accessible .accessible-chat{top:3%!important}
.site-live .design-studies[data-mode] .study-accessible .study-actions{bottom:6%;z-index:3}
.site-live .design-studies[data-mode] .study-accessible .accessible-info-popup{z-index:6}

/* Small, unambiguous control for the optional interpretive feather layer. */
.site-live .study-dinosaur .raptor-feather-toggle{position:absolute;z-index:4;right:7px;top:45px;min-height:24px;padding:3px 6px;border:1px solid rgba(194,219,209,.28);border-radius:4px;background:rgba(5,15,18,.9);color:#eff0dc;font:600 clamp(5px,1.2cqi,7px)/1.1 "IBM Plex Mono",monospace;letter-spacing:.04em;cursor:pointer}
.site-live .study-dinosaur .raptor-feather-toggle[aria-pressed="false"]{color:#b6c2ba;background:rgba(5,15,18,.62)}
.site-live .study-dinosaur .raptor-feather-toggle:focus-visible{outline:2px solid #d8eaa2;outline-offset:2px}
@media(prefers-reduced-motion:reduce){
 .design-studies[data-mode] .study-space .space-screen::before,.design-studies[data-mode] .study-space .space-screen::after,.design-studies[data-mode] .study-space .space-map::after,.design-studies[data-mode] .study-space .planet-path,.design-studies[data-mode] .study-neural .neural-links,.design-studies[data-mode] .study-neural .neural-nodes circle,.design-studies[data-mode] .study-playful .shape-a,.design-studies[data-mode] .study-playful .shape-b,.home .poster-hero .shooting-star{animation:none!important;transition:none!important}
 .design-studies[data-mode] .study-playful .study-screen{scroll-behavior:auto}
}

/* Restore Quiet Material's prior restrained layout and object image. */
.design-studies[data-mode] .study-luxury-mini .quiet-material-index{display:none!important}
.design-studies[data-mode] .study-luxury-mini .study-screen>strong{left:8%!important;right:auto!important;top:30%!important;max-width:55%!important;display:block!important;gap:normal!important;font:400 clamp(1.45rem,3vw,2.55rem)/.9 Georgia,serif!important;letter-spacing:normal!important;text-transform:none!important;color:#29241f!important}
.design-studies[data-mode] .study-luxury-mini .study-screen>strong span{font:inherit!important;letter-spacing:inherit!important;color:inherit!important}
.design-studies[data-mode] .study-luxury-mini .study-screen>strong em{font-style:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important}

/* Keep an always-visible scroll cue as well as the native scrollbar. */
.design-studies[data-mode] .study-playful .play-scroll{display:block!important;z-index:7;right:4%;top:15%;bottom:auto;height:47%;width:8px;pointer-events:none}
.design-studies[data-mode] .study-playful .play-scroll i{top:10%;height:25%;background:#ffe36e;border-color:#342744;box-shadow:0 0 0 2px rgba(52,39,68,.18)}

/* Keep the Studio Goods index fully on the diagonal panel while raising and shifting it right. */
.design-studies[data-mode] .study-diagonal .diagonal-index{right:2.5%!important;bottom:23%!important}

/* Deep nebulae and sparse stars stay behind the untouched planetary artwork. */
.design-studies[data-mode] .study-space .space-screen::after{
  background-image:
    radial-gradient(ellipse at 77% 24%,rgba(239,161,132,.13),transparent 19%),
    radial-gradient(ellipse at 26% 73%,rgba(118,169,221,.14),transparent 24%),
    radial-gradient(circle at 77% 24%,rgba(255,220,196,.2) 0 1px,rgba(229,135,125,.08) 1.5% 3%,transparent 10%),
    radial-gradient(circle at 26% 73%,rgba(204,227,255,.16) 0 1px,rgba(116,175,229,.08) 1.5% 3%,transparent 10%),
    radial-gradient(circle at 13% 19%,rgba(229,241,255,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle at 31% 82%,rgba(168,205,255,.75) 0 1px,transparent 1.8px),
    radial-gradient(circle at 57% 14%,rgba(255,255,255,.88) 0 1px,transparent 1.8px),
    radial-gradient(circle at 86% 71%,rgba(193,224,255,.82) 0 1px,transparent 1.8px),
    radial-gradient(circle at 91% 34%,rgba(255,255,255,.72) 0 1px,transparent 1.8px);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,127px 101px,173px 139px,197px 157px,151px 127px,223px 181px
}
@media(prefers-reduced-motion:reduce){
 .design-studies[data-mode] .study-space .space-screen::after{background-position:center}
}

/* Make the open-front room read as a 3D box at showcase and grid size. */
.design-studies[data-mode] .study-spatial .room-model{--spatial-yaw:-14deg;--spatial-pitch:0deg}
.design-studies[data-mode] .study-spatial .room-left-wall,
.design-studies[data-mode] .study-spatial .room-side-wall{
  top:41%;width:34%;height:54%;
}
.design-studies[data-mode] .study-spatial .room-left-wall{
  left:11%;transform:translate(-50%,-50%) rotateY(-50deg) translateZ(-12px);transform-origin:right center
}
.design-studies[data-mode] .study-spatial .room-side-wall{
  left:89%;transform:translate(-50%,-50%) rotateY(50deg) translateZ(-12px);transform-origin:left center
}
.design-studies[data-mode] .study-spatial .room-floor{
  top:70%;height:58%;transform:translate(-50%,-50%) rotateX(26deg);transform-origin:50% 50%
}
.design-studies[data-mode] .study-spatial .room-furniture{transform:rotateX(26deg);transform-origin:50% 50%}
.design-studies[data-mode] .study-culture .culture-type .culture-end-d{display:inline-block;transform:rotate(180deg);transform-origin:50% 50%}
@media(max-width:620px){
  .design-studies[data-mode] .study-spatial .room-left-wall,
  .design-studies[data-mode] .study-spatial .room-side-wall{width:32%;height:53%}
  .design-studies[data-mode] .study-spatial .room-left-wall{left:12%}
  .design-studies[data-mode] .study-spatial .room-side-wall{left:88%}
}


/* T1 approved refinements: keep changes inside the five requested studies. */
.design-studies[data-mode] .study-diagonal .diagonal-index{
  right:16%!important;
  bottom:23%!important
}
.design-studies[data-mode] .study-space .space-focus{top:12%!important}
.design-studies[data-mode] .study-space .space-focus .space-scale-note{
  display:block;margin-top:5px;color:rgba(215,230,240,.62);font:500 clamp(5px,.78cqi,8px)/1.25 "IBM Plex Mono",monospace;
  letter-spacing:.045em;text-transform:uppercase
}
.design-studies[data-mode] .study-space .orbit-mercury{width:25%!important;height:34%!important}
.design-studies[data-mode] .study-space .space-rail .planet-saturn i::after{
  left:50%;top:50%;width:176%;height:54%;transform:translate(-50%,-50%) rotate(-18deg)
}
.design-studies[data-mode] .study-neural .neural-links{
  stroke:rgba(105,255,213,.88)!important;stroke-width:1.45!important
}
/* Open-front rectangular room: rear wall, short side returns, and a shallow floor plane. */
.design-studies[data-mode] .study-spatial .room-model{--spatial-yaw:-7deg;--spatial-pitch:0deg}
.design-studies[data-mode] .study-spatial .room-back-wall{
  left:50%;top:34%;width:84%;height:46%;transform:translate(-50%,-50%) translateZ(-14px);
  border-color:rgba(244,234,210,.7);background:linear-gradient(180deg,#d9ceb2 0%,#c7bea6 100%);
  box-shadow:0 7px 14px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.45)
}
.design-studies[data-mode] .study-spatial .room-left-wall,
.design-studies[data-mode] .study-spatial .room-side-wall{
  top:34%;width:36%;height:46%;background:linear-gradient(180deg,#c7c0a8,#8f927f);
  border-color:rgba(244,234,210,.62);box-shadow:0 7px 11px rgba(0,0,0,.16)
}
.design-studies[data-mode] .study-spatial .room-left-wall{
  left:9%;transform:translate(-50%,-50%) rotateY(-50deg) translateZ(-12px);transform-origin:right center
}
.design-studies[data-mode] .study-spatial .room-side-wall{
  left:91%;transform:translate(-50%,-50%) rotateY(50deg) translateZ(-12px);transform-origin:left center
}
.design-studies[data-mode] .study-spatial .room-floor{
  top:70%;height:72%;transform:translate(-50%,-50%) rotateX(58deg);
  background-size:12.5% 12.5%,12.5% 12.5%,100% 100%;
  box-shadow:0 12px 18px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.16)
}
.design-studies[data-mode] .study-spatial .room-furniture{
  top:34%;height:72%;transform:rotateX(58deg);pointer-events:none
}
.design-studies[data-mode] .study-culture .culture-type .culture-end-d{
  display:inline-block;font-size:1.08em;transform:none;transform-origin:50% 50%
}
@media(max-width:620px){
  .design-studies[data-mode] .study-spatial .room-left-wall,
  .design-studies[data-mode] .study-spatial .room-side-wall{width:36%;height:46%}
  .design-studies[data-mode] .study-spatial .room-left-wall{left:9%}
  .design-studies[data-mode] .study-spatial .room-side-wall{left:91%}
}


/* Space study — approved open starfield mockup, kept isolated to this card. */
body.site-live .design-studies[data-mode] .study-space .space-screen{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 73% 47%,rgba(75,111,143,.12),transparent 38%),#07131e;color:#edf4fa}
body.site-live .design-studies[data-mode] .study-space .space-screen::before,
body.site-live .design-studies[data-mode] .study-space .space-screen::after{content:"";display:block!important;position:absolute;inset:0;pointer-events:none;z-index:0!important}
body.site-live .design-studies[data-mode] .study-space .space-screen::before{opacity:.82;background-image:radial-gradient(ellipse at 78% 24%,rgba(238,174,137,.075),transparent 23%),radial-gradient(ellipse at 24% 72%,rgba(117,163,202,.075),transparent 26%),radial-gradient(circle at 12% 20%,rgba(235,245,255,.9) 0 1px,transparent 1.8px),radial-gradient(circle at 31% 80%,rgba(171,211,244,.82) 0 1px,transparent 1.8px),radial-gradient(circle at 57% 14%,rgba(255,255,255,.92) 0 1px,transparent 1.8px),radial-gradient(circle at 86% 71%,rgba(193,224,255,.8) 0 1px,transparent 1.8px),radial-gradient(circle at 91% 34%,rgba(255,255,255,.75) 0 1px,transparent 1.8px);background-size:100% 100%,100% 100%,127px 101px,173px 139px,197px 157px,151px 127px,223px 181px;animation:micaSpaceDrift 120s linear infinite}
body.site-live .design-studies[data-mode] .study-space .space-screen::after{opacity:.65;background-image:radial-gradient(circle at 22% 54%,rgba(240,248,255,.82) 0 1px,transparent 1.7px),radial-gradient(circle at 66% 37%,rgba(153,205,239,.78) 0 1px,transparent 1.7px),radial-gradient(circle at 43% 18%,rgba(255,255,255,.76) 0 1px,transparent 1.7px),radial-gradient(circle at 75% 83%,rgba(169,207,237,.76) 0 1px,transparent 1.7px);background-size:149px 123px,187px 161px,221px 177px,163px 143px;animation:micaSpaceTwinkle 8s ease-in-out infinite alternate}
@keyframes micaSpaceDrift{to{background-position:0 0,0 0,38px 22px,-30px 28px,24px -26px,-26px -18px,34px 18px}}
@keyframes micaSpaceTwinkle{0%{opacity:.38}50%{opacity:.7}100%{opacity:.48}}
body.site-live .design-studies[data-mode] .study-space .space-header{left:4%;right:4%;top:6%;z-index:4!important;font-size:clamp(6px,1.15cqw,12px);letter-spacing:.1em}
body.site-live .design-studies[data-mode] .study-space .space-map{left:38%;top:8%;width:61%;height:77%;z-index:2!important;transform:none;border-radius:0}
body.site-live .design-studies[data-mode] .study-space .planet-orbit{left:50%;top:50%;border-color:rgba(143,192,224,.53);border-width:1px}
body.site-live .design-studies[data-mode] .study-space .orbit-mercury{width:25%!important;height:34%!important;border-color:rgba(190,206,214,.5)}
body.site-live .design-studies[data-mode] .study-space .space-sun{width:12%;background:#e5a66d;box-shadow:0 0 0 1px rgba(255,235,203,.95),0 0 22px 7px rgba(221,157,103,.22)}
body.site-live .design-studies[data-mode] .study-space .space-focus{left:4%;top:14%!important;width:30%;z-index:4!important}
body.site-live .design-studies[data-mode] .study-space .space-focus small{color:#abc5d8;font-size:clamp(6px,1.05cqw,11px);letter-spacing:.08em}
body.site-live .design-studies[data-mode] .study-space .space-focus h3{margin:clamp(5px,.8cqw,10px) 0 2px;font-size:clamp(1.2rem,4cqw,3rem);line-height:1}
body.site-live .design-studies[data-mode] .study-space .space-focus span{display:block;margin-top:2px;color:#becbd5;font-size:clamp(7px,1.3cqw,13px)}
body.site-live .design-studies[data-mode] .study-space .space-focus .space-scale-note{margin-top:clamp(7px,1.2cqw,12px);color:#8fa9bb;font:500 clamp(6px,1cqw,10px)/1.3 "IBM Plex Mono",monospace;letter-spacing:.025em;text-transform:none}
body.site-live .design-studies[data-mode] .study-space .space-galaxy-image{display:none!important}
body.site-live .design-studies[data-mode] .study-space .space-rail{left:3%;right:3%;bottom:6%;width:94%;height:14%;z-index:5!important;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:stretch;gap:clamp(4px,.9cqw,12px);padding:0}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-scale{min-width:0;min-height:0;height:100%;padding:5px 2px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(3px,.55cqw,7px);border:1px solid rgba(135,176,204,.55);border-radius:8px;background:rgba(24,45,62,.9);color:#d4e1e9;font:500 clamp(6px,1.05cqw,11px)/1.1 "IBM Plex Mono",monospace;text-align:center;white-space:nowrap}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-scale[aria-pressed="true"]{border-color:#8dd7df;background:rgba(37,72,91,.96);color:#effcff;box-shadow:inset 0 0 0 1px rgba(141,215,223,.42)}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-scale i{flex:none;width:clamp(7px,2cqw,20px);height:clamp(7px,2cqw,20px);margin:0;border-radius:50%;box-shadow:inset -3px -2px 5px rgba(0,0,0,.4),0 0 5px rgba(173,217,237,.24)}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-mercury i{background:radial-gradient(circle at 32% 28%,#e8d8bd,#96866f 72%,#61594e)}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-venus i{background:radial-gradient(circle at 35% 30%,#ffe0a3,#cb925b 66%,#795342)}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-earth i{background:radial-gradient(circle at 35% 30%,#b9f0e4,#428ec1 72%)}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-mars i{background:radial-gradient(circle at 35% 30%,#ffd1ad,#c85b45 65%,#75352c)}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-jupiter i{background:repeating-linear-gradient(0deg,#c47e58 0 3px,#e5c39b 3px 5px,#a85f4d 5px 7px,#e6c9a7 7px 9px,#c99066 9px 12px)}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-saturn i{position:relative;background:radial-gradient(circle at 36% 30%,#fff0c5,#c6a46d 64%,#87664d)}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-saturn i::after{content:"";position:absolute;left:50%;top:50%;width:190%;height:58%;border:1px solid rgba(251,222,158,.95);border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg)}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-uranus i{background:radial-gradient(circle at 35% 32%,#e1ffff,#72c7cf 62%,#3e7483)}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-neptune i{background:radial-gradient(circle at 35% 30%,#bdcffd,#547ce0 62%,#29396f)}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-scale::before{display:none!important}
body.site-live .design-studies[data-mode] .study-space .space-rail .planet-scale b{position:static;white-space:nowrap}
body.site-live .design-studies[data-mode] .study-space .space-shooting-star{position:absolute;left:-12%;top:18%;width:90px;height:1px;z-index:1!important;pointer-events:none;opacity:0;transform:rotate(32deg);transform-origin:left center;background:linear-gradient(90deg,transparent,rgba(207,231,248,.8),rgba(255,255,255,.95),transparent);box-shadow:0 0 8px rgba(160,211,242,.7);animation:micaSpaceComet 30s linear infinite}
@keyframes micaSpaceComet{0%,86%{opacity:0;translate:0 0}87%{opacity:.75}93%,100%{opacity:0;translate:115cqw 62cqw}}
@media(max-width:720px){
 body.site-live .design-studies[data-mode] .study-space .space-map{left:31%;top:8%;width:68%;height:75%}
 body.site-live .design-studies[data-mode] .study-space .space-focus{top:14%!important;left:4%;width:31%}
 body.site-live .design-studies[data-mode] .study-space .space-rail{left:2%;right:2%;width:96%;bottom:5%;height:16%;gap:2px}
 body.site-live .design-studies[data-mode] .study-space .space-rail .planet-scale{padding:3px 1px;font-size:clamp(5px,1.5cqw,8px);border-radius:5px}
}
@media(prefers-reduced-motion:reduce){
 body.site-live .design-studies[data-mode] .study-space .space-screen::before,
 body.site-live .design-studies[data-mode] .study-space .space-screen::after,
 body.site-live .design-studies[data-mode] .study-space .space-shooting-star,
 body.site-live .design-studies[data-mode] .study-space .planet-path{animation:none!important}
}