/* Each pocket has a separate rear wall, paper inserts, and frosted front. */
html body,html body *,html body *::before,html body *::after { letter-spacing:normal!important; }
.theme-toggle.theme-switch { display:none!important; }
header .apple-message-glass,
header [aria-label="Send a message"] { display:none!important; }
html:has(.project-pockets) #top {
  position:absolute; width:1px; height:1px; min-height:0; padding:0; overflow:hidden;
  clip-path:inset(100%);
}
main:has(.project-pockets) .page-ambient-glows,
main:has(.project-pockets) > .pointer-events-none.fixed { visibility:hidden; }
html #work.project-pockets {
  --pocket-size:clamp(220px,25vw,330px);
  position:relative; z-index:1; isolation:isolate;
  display:grid; place-items:center; min-height:92svh;
  width:100%; max-width:none; margin:0; padding:clamp(110px,18vh,190px) 0 80px;
  background:var(--page-space-grey,#151619); color:#eee; color-scheme:dark;
  overflow-x:clip; scroll-margin-top:0;
}
html:has(.project-pockets) main:before { display:none; }
.pocket-shelf {
  width:100%; display:flex; align-items:center; justify-content:center;
  gap:clamp(48px,8vw,130px);
}
.pocket-object {
  position:relative; isolation:isolate; width:var(--pocket-size); flex:none;
  -webkit-tap-highlight-color:transparent;
}
.pocket-shelf:focus{outline:none;}
.pocket-object[hidden] { display:none; }
.pocket-stage { position:relative; width:100%; aspect-ratio:1.47; }
.pocket-back, .pocket-front {
  position:absolute; bottom:0; contain:paint;
  --pocket-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M0 80Q0 0 52 0H335C400 0 415 153 490 153H947Q1000 153 1000 230V922Q1000 1000 948 1000H52Q0 1000 0 920Z'/%3E%3C/svg%3E");
  -webkit-mask:var(--pocket-mask) center / 100% 100% no-repeat;
  mask:var(--pocket-mask) center / 100% 100% no-repeat;
}
.pocket-back {
  inset:auto 2.1% 1.8%; height:98%; transform:scaleX(-1);
  background:linear-gradient(145deg,#8b8b89 0%,#6b6b69 38%,#525351 78%,#787977);
}
.pocket-front {
  width:100%; height:80%; z-index:6; overflow:hidden;
  transform-origin:50% 100%;
  transform:perspective(900px) rotateX(0deg) scaleY(1);
  transition:transform 420ms cubic-bezier(.2,.75,.25,1) 80ms;
  background:linear-gradient(118deg,rgba(50,50,50,.79),rgba(34,34,34,.63) 38%,rgba(27,27,27,.85) 100%);
  -webkit-backdrop-filter:blur(7px) saturate(.76); backdrop-filter:blur(7px) saturate(.76);
  box-shadow:inset 0 -1px 0 #6d6e6c,inset 1px 0 0 #5a5b58;
}
.pocket-front::before {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='114' height='114'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.32' filter='url(%23n)' d='M0 0h114v114H0z'/%3E%3C/svg%3E");
}
.pocket-front::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,#9993,transparent 3%,transparent 68%,#0a0a0a3d);
}
.pocket-meta {
  position:absolute; z-index:1; bottom:12%; left:9%; color:#e2e2df;
  font:500 clamp(9px,.9vw,11px)/1.15 ui-monospace,SFMono-Regular,monospace;
}
.pocket-plus { position:absolute; z-index:1; bottom:9%; right:8%; width:11%; aspect-ratio:1; border-radius:50%; background:#181818c9; }
.pocket-plus::before,.pocket-plus::after {
  content:""; position:absolute; inset:50% auto auto 50%; width:38%; height:1.3px; background:#eee;
  transform:translate(-50%,-50%); border-radius:9px;
}
.pocket-plus::after { transform:translate(-50%,-50%) rotate(90deg); }
.pocket-plus { display:none !important; }
.pocket-label {
  display:block; margin-top:17px; text-align:center; font-size:clamp(15px,1.4vw,19px);
  line-height:1.25; font-weight:500; letter-spacing:-.035em; color:#ebebe9;
}
.pocket-trigger {
  position:absolute; inset:0; z-index:8; border:0; border-radius:11px; background:transparent; cursor:pointer;
  touch-action:manipulation;
}
.pocket-trigger:focus-visible,.file-button:focus-visible,.pocket-heading button:focus-visible {
  outline:2px solid #e8e8e8; outline-offset:5px;
}
.file-set { position:absolute; inset:0; }
.file-slot {
  width:86%; position:absolute; top:1%; left:7%; z-index:calc(var(--depth) + 1);
  aspect-ratio:1.47; pointer-events:none;
}
.file-button {
  display:block; padding:0; margin:0; width:100%; color:inherit; border:0; border-radius:10px;
  text-align:left; background:transparent; cursor:pointer;
}
.file-face {
  display:grid; place-items:center; isolation:isolate; position:relative; width:100%; aspect-ratio:1.47;
  overflow:hidden; border-radius:6.5% / 9%; background:var(--paper,#e4e4df);
  box-shadow:inset 0 0 0 1px #ffffff38,0 2px 5px #0003;
  transform-origin:50% 82%;
  transform:translate(var(--rest-x),calc(4% + var(--i) * .4%)) rotate(var(--rest-r));
  transition:transform .48s cubic-bezier(.18,.76,.22,1);
}
.file-art { position:absolute; inset:0; background:var(--print,transparent); z-index:-1; }
.file-art::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.55) .65px,transparent .95px);
  background-size:3px 3px;
  opacity:.19;
  mix-blend-mode:soft-light;
  mask-image:linear-gradient(135deg,rgba(0,0,0,.35),#000 36%,rgba(0,0,0,.5) 65%,#000);
}
.file-mark { width:58%; height:49%; object-fit:contain; filter:brightness(0) invert(var(--inverse,0)); }
.face-intuit .file-mark { width:46%; height:39%; }
.file-wordmark { color:var(--ink,#171719); font-size:clamp(14px,1.7vw,25px); font-weight:600; letter-spacing:-.065em; }
.face-podium { --paper:#23344b; --inverse:1; --ink:#fff; --print:radial-gradient(ellipse at 74% 12%,#aabed9 0%,transparent 43%),radial-gradient(ellipse at 27% 68%,#343a80 0%,transparent 49%),radial-gradient(ellipse at 95% 94%,#6b92bb 0%,transparent 49%),linear-gradient(155deg,#647b9b,#263252 51%,#536886); }
.face-hipcamp { --paper:#dfaa25; --inverse:1; --ink:#fff; --print:radial-gradient(ellipse at 60% 0%,#fff1b8 0%,transparent 47%),radial-gradient(ellipse at 29% 61%,#d18b0e 0%,transparent 43%),radial-gradient(ellipse at 105% 98%,#ffda7e 0%,transparent 50%),linear-gradient(150deg,#f8d678,#dba530 57%,#f2bf53); }
.face-twilio { --paper:#e83950; --inverse:1; --ink:#fff; --print:radial-gradient(ellipse at 73% 4%,#ffbdab 0%,transparent 44%),radial-gradient(ellipse at 35% 52%,#be1646 0%,transparent 48%),radial-gradient(ellipse at 100% 96%,#ff8e6e 0%,transparent 47%),linear-gradient(145deg,#ff806f,#e72b52 51%,#f26963); }
.face-amazon { --paper:#263c54; --inverse:1; --ink:#fff; --print:radial-gradient(ellipse at 100% 3%,#ffcd80 0%,transparent 48%),radial-gradient(ellipse at 15% 59%,#223e61 0%,transparent 48%),radial-gradient(ellipse at 77% 94%,#f49a35 0%,transparent 45%),linear-gradient(155deg,#6489a0,#304d67 47%,#e4a265); }
.face-intuit { --paper:#246bff; --inverse:1; --ink:#fff; --print:radial-gradient(ellipse at 66% 0%,#b8e3ff 0%,transparent 44%),radial-gradient(ellipse at 25% 65%,#234bc3 0%,transparent 49%),radial-gradient(ellipse at 105% 98%,#639bff 0%,transparent 48%),linear-gradient(150deg,#75b6ff,#246bff 55%,#587ff1); }
.face-holocron { --paper:#24221f; --inverse:1; --ink:#fff; --print:radial-gradient(ellipse at 76% 0%,#a29887 0%,transparent 46%),radial-gradient(ellipse at 24% 58%,#171614 0%,transparent 49%),radial-gradient(ellipse at 103% 96%,#726756 0%,transparent 48%),linear-gradient(150deg,#665e52,#24221f 57%,#494339); }
.face-coreobjects { --paper:#595b5a; --inverse:1; --ink:#fff; --print:radial-gradient(ellipse at 65% 0%,#d7d9d5 0%,transparent 45%),radial-gradient(ellipse at 24% 61%,#444846 0%,transparent 48%),radial-gradient(ellipse at 105% 96%,#a4a8a3 0%,transparent 49%),linear-gradient(150deg,#aeb3ae,#595e5b 54%,#838983); }
.file-edge-name,.file-caption { display:none; }
.face-twilio .file-art { background: url('/artwork/twilio-soft-v1.png') center / cover no-repeat; }
.face-twilio .file-art::after { display:none; }
.face-podium .file-art { background:url('/artwork/podium-soft-v1.png') center/cover no-repeat; }
.face-hipcamp .file-art { background:url('/artwork/hipcamp-soft-v1.png') center/cover no-repeat; }
.face-amazon .file-art { background:url('/artwork/amazon-soft-v3.png') center/cover no-repeat; }
.face-intuit .file-art { background:url('/artwork/intuit-soft-v1.png') center/cover no-repeat; }
.face-holocron .file-art { background:url('/artwork/holocron-soft-v1.png') center/cover no-repeat; }
.face-coreobjects { --paper:#fafafa; --inverse:0; --ink:#202124; }
.face-coreobjects .file-art {
  background:
    radial-gradient(ellipse at 91% 13%,rgba(100,107,118,.58),transparent 53%),
    radial-gradient(ellipse at 6% 95%,rgba(127,134,146,.42),transparent 53%),
    url('/artwork/coreobjects-white-v2.png') center/cover no-repeat;
  filter:blur(12px);
}
.file-art { inset:-12%; filter:blur(15px) saturate(.76) contrast(.8) brightness(1.12); }
.face-podium .file-art { filter:blur(15px) contrast(.9); }
.file-art::after { display:none; }
.pocket-heading {
  position:absolute; z-index:10; top:max(98px,14%); width:min(1240px,calc(100% - 64px));
  display:flex; align-items:center; justify-content:space-between;
}
.pocket-heading h2 { font-size:clamp(20px,2.4vw,32px); color:#eee; font-weight:500; line-height:1; letter-spacing:-.045em; }
.pocket-heading h2:focus { outline:none; }
.project-featured-title:focus{outline:none;}
.project-inline-details .holocron-case-study-contact{margin-top:56px!important;}
.coreobjects-detail-card{padding:clamp(24px,4vw,40px);border-radius:32px;background:#ffffff06;}
.coreobjects-detail-card p{max-width:720px;color:#aaaeb4;font-size:18px;line-height:1.7;margin:0 0 24px;}
.coreobjects-storefront-cta{display:inline-flex;padding:12px 20px;border-radius:999px;background:#ededee;color:#17181a;font-size:14px;font-weight:500;text-decoration:none;}
.coreobjects-storefront-cta:hover{background:#fff;}
.pocket-heading button {
  display:grid; place-items:center; width:38px; height:38px; border:1px solid #fff2; border-radius:50%;
  color:#f8f8f8; background:#202020; font-size:24px; font-weight:300; line-height:1; cursor:pointer;
}
.pocket-heading button:hover { background:#393939; }
.folder-return{position:fixed;z-index:1500;left:28px;top:24px;width:48px;height:48px;padding:0;border:0;background:none;color:#f4f4f4;font:400 15px/1 Arial,Helvetica,sans-serif;cursor:pointer;scale:.85;transform-origin:top left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.folder-return .return-surface{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;filter:drop-shadow(0 3px 3px #00000008);}
.folder-return .return-backdrop{position:absolute;left:0;top:0;width:168px;height:52px;background:#ffffff0d;backdrop-filter:blur(9px) saturate(1.15);-webkit-backdrop-filter:blur(9px) saturate(1.15);transform-origin:0 0;pointer-events:none;}
.folder-return .return-chevron{position:absolute;left:0;top:0;width:48px;height:48px;display:grid;place-items:center;pointer-events:none;}
.folder-return .return-label{position:absolute;left:45px;top:0;width:116px;height:48px;display:grid;place-items:center;pointer-events:none;}
@keyframes return-after-wordmark{from{opacity:0}to{opacity:1}}
@media(max-width:640px){
  [data-mode="desk"] > .folder-return{animation:none;}
  html:has(.project-pockets:is([data-mode="shelf"],[data-mode="desk"])),
  html:has(.project-pockets:is([data-mode="shelf"],[data-mode="desk"])) body{height:100%;overflow-y:hidden;}
  html #work.project-pockets:is([data-mode="shelf"],[data-mode="desk"]){height:100dvh;min-height:100dvh;padding:100px 0;box-sizing:border-box;align-content:center;}
  [data-mode="desk"] .file-set{scroll-behavior:auto;}
}
.folder-return:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:24px;}
@media(max-width:640px){.folder-return{left:20px;top:20px;}}
@media (hover:hover) and (pointer:fine) {
  [data-mode="shelf"] .pocket-object[data-preview]::before{
    content:"";position:absolute;left:-35%;right:-35%;top:-115%;bottom:0;z-index:0;
  }
  [data-mode="shelf"] .pocket-object:is(:hover,:focus-within) .pocket-front {
    transform:perspective(900px) rotateX(-18deg) scaleY(.94);
    transition-delay:0ms;
  }
  [data-mode="shelf"] .pocket-object[data-preview="peek"] .file-face {
    transform:translate(var(--rest-x),calc(-9% - var(--i) * .6%)) rotate(var(--rest-r));
    transition:transform 260ms cubic-bezier(.2,.75,.25,1) 160ms;
  }
  [data-mode="shelf"] .pocket-object[data-preview="full"] .file-face {
    transform:translate(var(--fan-x),var(--fan-y)) rotate(var(--fan-r));
    transition:transform .55s cubic-bezier(.23,1.16,.29,1);
    transition-delay:calc(var(--i) * 16ms);
  }
  [data-mode="shelf"] .pocket-object:is(:hover,:focus-within) .pocket-plus { transform:rotate(45deg); }
  [data-mode="shelf"] .pocket-object[data-preview="full"] .file-slot { pointer-events:auto; }
  [data-mode="shelf"] .pocket-object[data-preview="full"] .file-slot {
    z-index:var(--hover-depth);
  }
  [data-mode="shelf"] .pocket-object:has(.file-slot:hover) .file-face {
    transition:transform 200ms cubic-bezier(.2,.75,.25,1),filter 200ms ease,box-shadow 200ms ease;
    transition-delay:0ms;
  }
  [data-mode="shelf"] .pocket-object:hover .file-slot:hover .file-face {
    transform:translate(var(--fan-x),calc(var(--fan-y) - 3%)) rotate(var(--fan-r));
    filter:brightness(1.06);
    box-shadow:inset 0 0 0 1px #ffffff60;
    transition-delay:0ms;
  }
  [data-mode="desk"] .file-slot:hover { z-index:20; }
  [data-mode="desk"] .file-face {
    transition:transform 180ms cubic-bezier(.2,.75,.25,1),filter 180ms ease,box-shadow 180ms ease;
  }
  [data-mode="desk"] .file-button:hover .file-face {
    transform:none;
    filter:brightness(1.05);
    box-shadow:inset 0 0 0 1.5px #ffffff9c;
  }
}
[data-mode="desk"] .pocket-object { width:min(1320px,100%); min-width:0;max-width:100%; }
html #work.project-pockets[data-mode="desk"]{grid-template-columns:minmax(0,1fr);}
[data-mode="desk"] .pocket-shelf{min-width:0;max-width:100%;}
[data-mode="desk"] .pocket-stage { aspect-ratio:auto;min-width:0;width:100%; }
[data-mode="desk"] :is(.pocket-trigger,.pocket-back,.pocket-front,.pocket-label) { display:none; }
[data-mode="desk"] .file-set {
  position:relative; display:flex; gap:clamp(12px,1.6vw,24px); overflow-x:auto; overflow-y:hidden;
  justify-content:safe center; padding:20px clamp(24px,4vw,54px) 32px; scroll-snap-type:x proximity;
  scrollbar-width:none;
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
}
[data-mode="desk"] .file-slot {
  flex:0 0 clamp(155px,17vw,235px); position:relative; inset:auto; width:auto;
  aspect-ratio:auto; pointer-events:auto; scroll-snap-align:center;
}
[data-mode="desk"] .file-set::-webkit-scrollbar{display:none;width:0;height:0;}
[data-mode="desk"] .file-face { transform:none; transition:transform .25s ease,filter .25s ease,box-shadow .25s ease; }
@media(min-width:641px){
  [data-mode="desk"] .file-set{overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;justify-content:safe center;}
  [data-mode="desk"] .file-slot{flex:0 1 235px;min-width:190px;}
}
[data-mode="desk"] .file-caption { display:grid; gap:3px; margin-top:13px; }
[data-mode="desk"] .file-description{display:block;margin-top:12px;color:#aaaeb4;font-size:13px;line-height:1.55;font-weight:400;}
[data-mode="desk"] .file-summary-lead{color:#eee;font-weight:600;}
[data-mode="desk"] .file-cta{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:9px 13px;border-radius:999px;background:#ffffff12;color:#eee;font-size:12px;line-height:1.2;font-weight:500;transition:background 180ms ease;}
[data-mode="desk"] .file-button:hover .file-cta{background:#ffffff22;}
[data-mode="desk"] .file-button[aria-disabled="true"] .file-cta{background:transparent;color:#858990;padding-inline:0;}
[data-mode="desk"] .file-set{align-items:stretch;}
[data-mode="desk"] .file-slot{display:flex;}
[data-mode="desk"] .file-button{display:flex;flex-direction:column;align-items:stretch;height:100%;}
[data-mode="desk"] .file-face{flex-shrink:0;}
[data-mode="desk"] .file-description{margin-bottom:18px;}
[data-mode="desk"] .file-cta{align-self:flex-start;justify-content:center;min-height:34px;margin-top:auto;flex-shrink:0;}
.file-caption strong { color:#eee; font-size:15px; font-weight:550; }
.file-caption small { color:#a4a4a4; font-size:12px; }
.file-button[aria-disabled="true"] { cursor:pointer; }
.file-button:focus-visible .file-face { filter:brightness(1.08); box-shadow:inset 0 0 0 1.5px #ffffff9c; }
.file-button:active .file-face { scale:.97; filter:brightness(.94); }
[data-mode="stack"] .pocket-object { width:clamp(155px,49vw,210px); }
[data-mode="stack"] .pocket-shelf { padding-top:145px; }
[data-mode="stack"] .file-slot { pointer-events:auto; }
[data-mode="stack"] .file-face {
  transform:translate(var(--rest-x),var(--mobile-y)) rotate(var(--rest-r));
}
[data-mode="stack"] .file-edge-name {
  display:block; position:absolute; left:9px; top:7px;
  color:#151515; background:#f4f4f0ed; border-radius:4px; padding:2px 5px; font:600 11px/1.3 system-ui;
}
[data-mode="stack"] .pocket-trigger { top:24%; }
[data-mode="stack"] .pocket-plus { transform:rotate(45deg); }
@media (max-width:640px) {
  html #work.project-pockets { --pocket-size:clamp(128px,40vw,210px); min-height:91svh; padding:100px 0 64px; }
  .pocket-shelf { gap:clamp(17px,7vw,35px); }
  .pocket-heading { top:86px; width:calc(100% - 40px); }
  .pocket-label { margin-top:12px; }
  [data-mode="desk"] .file-set { justify-content:flex-start; }
}
@media (prefers-reduced-motion:reduce) {
  .project-pockets * { transition:none!important; animation:none!important; }
}
.md\:cursor-none { cursor:auto !important; }

/* Featured project stays in the folder workspace, with its siblings below. */
html[data-theme] .case-study-page :is(.detail-glass-surface,.detail-highlight-card,.detail-media-mat,.detail-context-cards > div) {
  border:0!important;
  outline:0;
  box-shadow:none!important;
}
html[data-theme] .case-study-page .detail-glass-surface::before,
html[data-theme] .case-study-page .detail-glass-surface::after { display:none!important; }
html:has(.project-selected) header:has(.liquid-toolbar) { display:none!important; }
html #work.project-selected {
  display:block; min-height:100svh; padding:56px 0 64px;
  overflow-x:clip;
}
.project-selected-close {
  position:fixed; top:96px; right:max(24px,calc((100vw - 1240px)/2)); z-index:50;
  display:grid; place-items:center; width:42px; height:42px; border-radius:50%;
  border:1px solid #ffffff26; background:#222222cf; color:#fff;
  font:300 28px/1 system-ui; cursor:pointer; backdrop-filter:blur(12px);
}
.project-selected-close:hover { background:#fff; color:#111; }
.project-selected-close:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.project-featured-cover { width:min(390px,calc(100% - 96px)); margin:14px auto 12px; }
[data-mode="detail"] .file-slot { position:relative; inset:auto; width:100%; aspect-ratio:auto; pointer-events:auto; }
[data-mode="detail"] .file-face { transform:none; transition:transform .25s ease,filter .25s ease; }
.project-featured-cover .file-button { pointer-events:none; }
.project-featured-cover .file-caption { display:none; }
.project-inline-details { animation:project-details-in .35s .4s both; }
.project-inline-details:has(.holocron-detail){width:min(1216px,calc(100% - 64px));min-width:0;max-width:100%;margin-inline:auto;justify-self:center;}
.project-inline-details > .holocron-detail{width:100%!important;max-width:100%!important;min-width:0;margin-inline:0!important;padding-inline:0!important;box-sizing:border-box;}
.project-inline-details .holocron-detail :is(.holocron-prototype-grid,.holocron-prototype,.holocron-screens){min-width:0;max-width:100%;box-sizing:border-box;}
@media(max-width:640px){.project-inline-details:has(.holocron-detail){width:calc(100% - 40px);}}
.project-selected[data-transition-phase] .project-featured-title,
.project-selected[data-transition-phase] .project-inline-details {
  visibility:hidden!important;
  opacity:0!important;
  transition:none!important;
  animation:none!important;
}
.project-featured-title { transition:opacity .25s ease; }
.project-inline-details > .case-study-page { padding-top:0!important; padding-bottom:32px!important; }
.project-inline-details .detail-back-button { display:none!important; }
.project-inline-details .detail-context-cards > .detail-glass-surface{padding:20px;border-radius:24px;border:0;box-sizing:border-box;}
.project-inline-details .detail-context-card-header{margin-bottom:8px;}
.project-inline-details .detail-context-card-header h2{margin:0;font-size:12px;line-height:1.5;font-weight:400;color:#e5e5e5;letter-spacing:normal;}
.project-inline-details .detail-context-cards .project-role-text{margin:0 0 8px;color:#858585;font-size:12px;line-height:1.5;}
.project-inline-details .detail-context-cards > div > p:last-child{margin:0;color:#aaa;font-size:16px;line-height:1.75;}
.project-inline-details .detail-glass-surface:has(> div .detail-highlights-label){padding:24px;}
.project-inline-details .detail-glass-surface:has(> div .detail-highlights-label) > div:first-child{margin-bottom:20px;}
.project-inline-details .detail-highlights-label{margin:0;font-size:12px!important;font-weight:400!important;line-height:1.5;color:#999!important;letter-spacing:normal!important;}
@media(max-width:767px){
  .project-inline-details .detail-glass-surface:has(> div .detail-highlights-label){padding:20px;}
  .project-inline-details .detail-highlights-label{font-size:10px!important;}
}
.project-inline-details .project-detail-title,
.project-inline-details section:has(> .project-detail-title) { display:none!important; }
.project-featured-title { width:min(1216px,calc(100% - 64px)); margin:0 auto 16px; font-size:clamp(25px,3vw,43px); line-height:1.25; font-weight:450; letter-spacing:-.04em; color:#eee; }
@media(max-width:640px){
  .project-featured-title{width:calc(100% - 40px);margin-bottom:8px;}
  .project-selected:has(.holocron-detail) .project-other-projects{margin-bottom:20px;}
  .project-inline-details .holocron-project-meta{margin-top:4px;}
}
.project-inline-details:has(.intuit-case-cta),
.project-inline-details:has(.coreobjects-detail-card){width:min(1216px,calc(100% - 64px));min-width:0;margin-inline:auto;justify-self:center;}
@media(max-width:640px){
  .project-inline-details:has(.intuit-case-cta),
  .project-inline-details:has(.coreobjects-detail-card){width:calc(100% - 40px);}
}
.project-inline-details:has(.intuit-case-cta) > .case-study-page{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important;}
.project-inline-details:has(.intuit-case-cta) .detail-glass-surface,
.project-inline-details > .coreobjects-detail-card{width:100%!important;max-width:none!important;box-sizing:border-box;}
.project-inline-details > .coreobjects-detail-card{margin-top:32px;}
.project-inline-details:has(.intuit-case-cta) .detail-glass-surface p,
.project-inline-details .coreobjects-detail-card p{width:100%!important;max-width:none!important;}
.project-inline-details:has(.intuit-case-cta) .detail-glass-surface p{text-wrap:pretty;}
html[data-theme] .case-study-page a.intuit-case-cta{background:#f5f5f5!important;color:#171717!important;border:0!important;box-shadow:none!important;padding:14px 22px;border-radius:999px;font-size:15px;font-weight:500;line-height:1.2;}
html[data-theme] .case-study-page a.intuit-case-cta:hover{background:#dedede!important;color:#171717!important;}
html[data-theme] .case-study-page a.intuit-case-cta svg{display:block;width:16px;height:16px;flex-shrink:0;}
.project-inline-details a.coreobjects-storefront-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f5f5f5;color:#171717;border:0;box-shadow:none;padding:14px 22px;border-radius:999px;font-size:15px;font-weight:500;line-height:1.2;transition:background-color .2s ease;}
.project-inline-details a.coreobjects-storefront-cta:hover{background:#dedede;color:#171717;}
.coreobjects-storefront-cta svg{width:16px;height:16px;flex-shrink:0;}
/* Shared action treatment across cards and project detail pages. */
html[data-theme] :is(.file-cta,.holocron-case-study-cta,.intuit-case-cta,.coreobjects-storefront-cta){background:#f5f5f5!important;color:#171717!important;box-shadow:none!important;transition:background-color 200ms ease,color 200ms ease!important;}
html[data-theme] :is(.holocron-case-study-cta,.intuit-case-cta,.coreobjects-storefront-cta):hover,
html[data-theme] .file-button:hover .file-cta{background:#dedede!important;color:#171717!important;}
html[data-theme] .file-button[aria-disabled="true"] .file-cta{background:transparent!important;color:#858990!important;}
html[data-theme] [data-mode="desk"] .file-cta{background:#ffffff12!important;color:#eee!important;}
html[data-theme] [data-mode="desk"] .file-button:hover .file-cta{background:#ffffff22!important;color:#eee!important;}
.project-other-projects { width:min(1240px,100%); margin:0 auto 36px; padding:0 24px; }
.project-other-projects h2 { color:#aaa; font-size:14px; font-weight:500; margin-bottom:24px; }
.project-other-projects .file-set { position:relative; display:flex; justify-content:center; width:min(390px,70vw); margin:auto; gap:10px; padding:12px 0; overflow:visible; }
.project-other-projects .file-slot { flex:1 1 0; min-width:0; }
.project-other-projects .file-slot[data-selected="true"] .file-face { opacity:.12; }
.project-other-projects .file-slot[data-selected="true"] .file-button { pointer-events:none; }
.project-other-projects .file-caption { display:none; }
.project-other-projects .file-caption strong { font-size:13px; }
.project-other-projects .file-caption small { font-size:11px; }
@media(hover:hover) {
  .project-other-projects .file-slot:not([data-selected="true"]) .file-button:hover .file-face { transform:translateY(-2px); filter:none; }
}
.project-other-projects .file-slot[data-selected="true"] .file-face { transform:none!important; }
.project-selected .file-face { container-type:inline-size; }
.project-selected .file-art { filter:blur(3cqw) saturate(.76) contrast(.8) brightness(1.12); }
.project-selected .face-podium .file-art { filter:blur(3cqw) contrast(.9); }
.project-selected .face-coreobjects .file-art { filter:blur(3cqw); }
.project-pockets .file-face{container-type:inline-size;}
.project-pockets .file-face .file-art{filter:blur(3cqw) saturate(.76) contrast(.8) brightness(1.12);}
.project-pockets .face-podium .file-art{filter:blur(3cqw) contrast(.9);}
.project-pockets .face-coreobjects .file-art{filter:blur(3cqw);}
@media(max-width:640px){
  html:has(.project-pockets:is([data-mode="shelf"],[data-mode="desk"])) #root,
  html:has(.project-pockets:is([data-mode="shelf"],[data-mode="desk"])) #root > main{height:100dvh;min-height:0;overflow-y:clip;}
  [data-mode="desk"] .file-set{animation:return-after-wordmark 180ms ease both;}
}
.project-pockets .file-button:active .file-face { scale:1; }
.project-featured-cover { width:min(390px,70vw); }
@keyframes project-details-in { from { opacity:0; translate:0 16px; } to { opacity:1; translate:0 0; } }
@media(max-width:640px) {
  .project-featured-cover { width:min(390px,70vw); margin-top:42px; margin-bottom:12px; }
  .project-selected-close { top:84px; right:20px; }
}
@media(prefers-reduced-motion:reduce) { .project-inline-details { animation:none; } }