.case-page,.portfolio-browser{--case-ink:#214850;--case-muted:#637e83;--case-line:#dcebed;--case-red:#ae4350;color:var(--case-ink)}.case-page{max-width:1380px;margin:auto;padding:108px 28px 72px}.case-page *{box-sizing:border-box}.case-page button,.case-page a,.case-page input,.case-page select,.case-page textarea{touch-action:manipulation}.case-page button:focus-visible,.case-page a:focus-visible,.portfolio-browser :is(button,a,input,select):focus-visible{outline-offset:4px;outline:2px solid #32818d}.case-page h1,.case-page h2,.case-page h3,.case-page p{margin-top:0}.case-page h1 i{color:var(--case-red);font-style:normal}.case-page p,.case-page li{line-height:1.85}.case-back{color:var(--case-muted);align-items:center;gap:9px;font-size:13px;text-decoration:none;display:inline-flex}.case-hero{isolation:isolate;background:linear-gradient(110deg,#f9fdfedb,#def0f079);border:1px solid #fff;border-radius:24px;padding:32px 48px 30px;position:relative;overflow:hidden;box-shadow:0 18px 55px #91b9be18}.case-hero:after{content:"";z-index:-1;background:radial-gradient(at 85% 10%,#9ed6db42,#0000 50%);position:absolute;inset:0}.case-orbit{z-index:-1;border:1px solid #97c2ca77;border-radius:50%;width:390px;height:390px;animation:16s ease-in-out infinite case-drift;position:absolute;top:-75px;right:30px;box-shadow:0 0 0 45px #ffffff30,0 0 0 46px #a6ccd62c,0 0 0 85px #ffffff15}.case-orbit:after{content:"✦";color:#b0525c;font-size:35px;position:absolute;top:57px;left:44px}.case-eyebrow{letter-spacing:2px;color:#64878c;align-items:center;gap:22px;margin:35px 0 15px;font-size:11px;font-weight:650;display:flex}.case-eyebrow>span{letter-spacing:0;background:#ffffff80;border:1px solid #cfdfdf;border-radius:30px;align-items:center;gap:5px;padding:4px 10px;font-weight:400;display:inline-flex}.case-hero h1{letter-spacing:-2px;margin-bottom:15px;font-size:clamp(30px,4vw,52px);font-weight:520}.case-hero>p{color:#55777e;max-width:600px;font-size:15px}.case-hero-bottom{color:#66828a;border-top:1px solid #cfdfdf88;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;padding-top:20px;font-size:12px;display:flex}.case-hero-bottom>span,.case-detail-meta>span{align-items:center;gap:8px;display:inline-flex}.case-preview{background:#fff6f4b5;border:1px solid #e8c8cd;border-radius:5px;padding:4px 10px;font-size:11px;color:#a04c58!important}.case-browser{padding:35px 0}.case-toolbar{align-items:center;gap:12px;display:flex}.case-search{border:1px solid var(--case-line);background:#fff9;border-radius:10px;flex:1;align-items:center;gap:12px;padding:0 15px;display:flex}.case-page input,.case-page select,.case-page textarea{color:var(--case-ink);font:inherit;font-size:14px}.case-search input{background:0 0;border:0;outline:none;width:100%;padding:14px 0}.case-toolbar select{border:1px solid var(--case-line);background:#fff9;border-radius:10px;padding:13px 30px 13px 12px}.case-reset{color:#638389;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:8px;font-size:12px;display:inline-flex}.case-filters{border-bottom:1px solid var(--case-line);padding:18px 0 16px}.case-filters>summary{cursor:pointer;margin:0 0 14px;font-size:13px}.case-filters summary small{color:#80999e;margin-left:15px;font-size:11px;font-weight:400}.case-filter-row{align-items:flex-start;gap:18px;margin:11px 0;font-size:12px;display:flex}.case-filter-row>strong{color:#6d878b;flex-shrink:0;width:30px;padding-top:7px;font-weight:500}.case-filter-row>div{flex-wrap:wrap;gap:6px;display:flex}.case-filter-row button{font:inherit;color:#55757b;cursor:pointer;background:#fff6;border:1px solid #0000;border-radius:7px;padding:6px 10px}.case-filter-row button[aria-pressed=true]{color:#254f58;background:#e0f0ef;border-color:#a3c8cb}.case-filter-count{opacity:.65;font-variant-numeric:tabular-nums;margin-left:6px;font-size:10px}.case-filters-more{border-top:1px solid var(--case-line);margin-top:14px;padding-top:14px}.case-filters-more>summary{cursor:pointer;color:#55757b;font-size:12px}.case-active-filters{color:var(--case-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.case-active-filters button{color:#315b63;max-width:100%;min-height:34px;font:inherit;cursor:pointer;background:#eaf5f4;border:1px solid #bad7da;border-radius:7px;align-items:center;gap:7px;padding:6px 10px;display:inline-flex}.case-active-filters .case-clear-filters{background:0 0;border-color:#0000}@media (max-width:600px){.case-filter-row{gap:10px}.case-filter-row button{min-height:36px}}.case-results{color:#83999c;justify-content:space-between;align-items:center;margin:25px 0 15px;font-size:12px;display:flex}.case-results p{margin:0}.case-results strong{color:#345e67;font-size:15px}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.case-card{color:inherit;background:#ffffffb3;border:1px solid #fff;border-radius:17px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block;overflow:hidden;box-shadow:0 9px 35px #81a8ae13}.case-card:hover{transform:translateY(-5px);box-shadow:0 15px 36px #65979f28}.case-card-image{background:linear-gradient(135deg,#e6eeee,#f2f6f5);height:280px;padding:16px;position:relative}.case-card-image>img{object-fit:contain;filter:drop-shadow(0 4px 7px #163a481c);width:100%;height:100%}.case-image-label{color:#537078;background:#ffffffdf;border:1px solid #fff;border-radius:4px;padding:3px 7px;font-size:10px;position:absolute;bottom:12px;left:13px}.case-admin-review{border:1px solid #c8dedf;border-radius:12px;margin-block:18px;padding:16px;line-height:1.7}.case-admin-review>summary{cursor:pointer;font-weight:600}.case-admin-test{border-top:1px solid #d9e6e7;margin-top:20px;padding-top:16px}.case-admin-test>a>img{object-fit:contain;width:260px;max-width:100%;max-height:320px}.case-admin-inputs{flex-wrap:wrap;gap:12px;display:flex}.case-admin-inputs img{object-fit:contain;width:100px;height:120px}.case-card-number{color:#5d8b9566;font-family:monospace;font-size:12px;position:absolute;top:12px;right:14px}.case-card-body{padding:20px 22px 15px}.case-card-kicker{color:#61858a;letter-spacing:1px;justify-content:space-between;font-size:10px;display:flex}.case-card-kicker span{color:#a75d68}.case-card h2{justify-content:space-between;align-items:flex-start;gap:12px;margin:10px 0;font-size:18px;font-weight:550;line-height:1.6;display:flex}.case-card h2 svg{flex-shrink:0;margin-top:5px}.case-card-body>p{color:#799094;min-height:44px;margin-bottom:16px;font-size:12px}.case-card-tags{flex-wrap:wrap;gap:5px;display:flex}.case-card-tags>span{color:#6d8c90;background:#edf5f4;border-radius:4px;padding:3px 8px;font-size:10px}.case-card footer{color:#8aa0a2;border-top:1px solid #e5eeee;justify-content:space-between;margin-top:17px;padding-top:13px;font-size:10px;display:flex}.case-card footer span{color:#557a82}.case-empty{text-align:center;color:#6f8d91;padding:70px 20px}.case-empty h2{margin:20px 0 10px;font-size:20px}.case-empty p{font-size:13px}.case-detail{max-width:1300px}.case-detail-header{max-width:970px;padding:18px 0 35px}.case-detail-header h1{letter-spacing:-1px;font-size:clamp(26px,3vw,41px);font-weight:550}.case-detail-header>p{color:#6c898e;font-size:14px}.case-detail-header .case-eyebrow{margin-top:28px}.case-detail-meta{color:#64818a;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;font-size:12px;display:flex}.case-detail-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:38px;display:grid}.case-visual-column{position:sticky;top:105px}.case-photo{min-width:0;margin:0}.case-photo-open{cursor:zoom-in;background:#eaf1f1;border:1px solid #fff;border-radius:14px;width:100%;padding:14px;display:block;position:relative;overflow:hidden}.case-photo-open>img{object-fit:contain;width:100%;height:260px;display:block}.case-photo.large .case-photo-open>img{height:auto;max-height:560px}.case-photo-open>span{color:#67838a;background:#ffffffeb;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:flex;position:absolute;bottom:11px;right:11px}.case-photo figcaption{padding:13px 2px 17px;font-size:12px}.case-photo figcaption strong{font-size:12px;font-weight:550}.case-photo figcaption p{color:#819599;margin:4px 0;font-size:11px}.case-text-link{color:#417985;align-items:center;gap:6px;margin-top:5px;font-size:12px;text-decoration:none;display:inline-flex}.case-visual-note{color:#789095;background:#fff6;border:1px solid #e0ebeb;border-radius:10px;gap:10px;padding:14px;font-size:12px;display:flex}.case-visual-note svg{color:#8cb4b7;flex-shrink:0;margin-top:4px}.case-visual-note p{margin:0}.case-visual-column nav{flex-wrap:wrap;gap:12px 20px;margin:24px 0;display:flex}.case-visual-column nav a{color:#67858b;font-size:11px;text-decoration:none}.case-article{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff9c;border:1px solid #fff;border-radius:18px;padding:8px 34px}.case-article section{border-bottom:1px solid #e4eeee;padding:29px 0;scroll-margin-top:95px}.case-article section:last-child{border:0}.case-section-title{align-items:center;gap:13px;margin-bottom:20px;display:flex}.case-section-title>span{color:#a45b66;font-family:monospace;font-size:12px}.case-section-title h2{margin:0;font-size:21px;font-weight:550}.case-article p,.case-article li{color:#68858b;font-size:13px}.case-article ul{padding-left:19px}.case-lead{font-weight:500;color:#315d65!important}.case-input-role{border-left:2px solid #a4cbd0;margin:16px 0;padding-left:13px}.case-input-role strong{font-size:12px}.case-input-role p{margin:6px 0;font-size:12px}.case-reference-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px;display:grid}.case-note{margin:12px 0 0;color:#8b9b9d!important;font-size:11px!important}.case-steps{margin:0;padding:0;list-style:none}.case-steps li{gap:12px;margin:0 0 12px;display:flex}.case-steps li span{color:#7a9da2;border:1px solid #d5e6e6;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:2px;font-size:10px;display:grid}.case-steps li p{margin:0}.case-section-actions{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.case-variables{gap:17px;margin:10px 0 20px;display:grid}.case-variables label>span,.case-style-field>span{margin-bottom:8px;font-size:12px;font-weight:500;display:block}.case-variables textarea,.case-style-field input{resize:vertical;background:#fcfefe;border:1px solid #d5e5e7;border-radius:8px;width:100%;padding:10px 12px;line-height:1.7}.case-variables small{color:#879da0;margin-top:6px;font-size:11px;line-height:1.8;display:block}.case-fixed,.case-expand{margin:17px 0;font-size:12px}.case-fixed summary,.case-expand summary{cursor:pointer;color:#567a84;line-height:1.7}.case-language-tabs{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.case-language-tabs button,.portfolio-copy-control select{color:#43666d;font:inherit;cursor:pointer;background:#f8fcfc;border:1px solid #c7dfe2;border-radius:8px;padding:7px 12px}.case-language-tabs button[aria-pressed=true]{color:#234c56;background:#dceef0;border-color:#86b8c0}.case-language-tabs button:focus-visible,.portfolio-copy-control select:focus-visible{outline-offset:3px;outline:2px solid #4c8a98}.portfolio-copy-control select{max-width:100%;margin-bottom:6px;font-size:12px}.case-prompt-header{margin-top:24px}.case-prompt-header h3{margin:0 0 13px;font-size:13px;font-weight:550}.case-copy{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.case-copy small{color:#8a676e;font-size:11px}.case-button{color:#315e68;cursor:pointer;background:#eaf4f4;border:1px solid #bed7da;border-radius:7px;align-items:center;gap:5px;padding:8px 11px;font-size:12px;display:inline-flex}.case-button:disabled{opacity:.5;cursor:not-allowed}.case-prompt{white-space:pre-wrap;overflow-wrap:anywhere;color:#365960;tab-size:2;background:#edf4f4;border:1px solid #dce8e9;border-radius:10px;max-height:480px;padding:17px 19px;font-family:ui-monospace,Cascadia Code,monospace;font-size:12px;line-height:1.95;overflow:auto}.case-style-field{margin:16px 0;display:block}.case-attribution{flex-wrap:wrap;gap:7px 17px;margin:10px 0 20px;font-size:12px;display:flex}.case-attribution p{width:100%;margin:0}.case-attribution a{color:#4c808d}.case-test>.case-photo .case-photo-open img{height:auto;max-height:420px}.case-bottom-back{margin-top:35px}.case-lightbox{color:#406870;background:#f4f8f8;border:0;border-radius:12px;max-width:min(94vw,1200px);max-height:94dvh;padding:18px;overflow:auto}.case-lightbox::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#15313be6}.case-lightbox>img{object-fit:contain;width:auto;max-width:100%;max-height:80dvh;margin:auto;display:block}.case-lightbox>p{text-align:center;margin:14px 0 0;font-size:12px}.case-close{cursor:pointer;background:#fff;border:1px solid #d8e7e7;border-radius:50%;margin:0 0 8px auto;padding:7px;display:flex;position:sticky;top:0}.case-admin-note{background:#f6fbfb;border:1px solid #dcebed;border-radius:12px;margin-bottom:20px;padding:16px 20px;font-size:13px;line-height:1.8}.case-admin-plan{background:#edf5f5;border-radius:9px;margin:15px 0;padding:15px;font-size:12px}.case-admin-plan li{margin:8px 0}.case-admin-preview-link{color:#447c88;align-items:center;gap:5px;margin:6px 12px 6px 0;display:inline-flex}.case-admin-edit textarea{min-height:130px}.case-admin-edit .case-admin-json{min-height:360px;font-family:monospace;font-size:12px;line-height:1.6}@keyframes case-drift{50%{transform:translate(-16px,15px)rotate(12deg)}}@media (min-width:1500px){.case-card-image{height:320px}}@media (max-width:1050px){.case-grid{gap:16px}.case-card-image{height:240px}.case-card-body{padding:17px}.case-card h2{font-size:16px}.case-detail-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px}.case-article{padding:6px 23px}.case-visual-column{top:92px}.case-photo.large .case-photo-open>img{max-height:420px}}@media (max-width:760px){.case-page{padding:86px 16px 45px}.case-hero{border-radius:18px;padding:24px}.case-hero h1{letter-spacing:-1px;font-size:30px}.case-orbit{right:-170px}.case-eyebrow{letter-spacing:1.2px;gap:10px;font-size:9px}.case-hero-bottom{gap:13px;margin-top:23px}.case-hero>p{font-size:13px}.case-toolbar{flex-wrap:wrap;gap:9px}.case-search{flex-basis:100%}.case-toolbar select{flex:1;font-size:12px}.case-filter-row{gap:8px}.case-filters summary small{margin:8px 0 0;display:block}.case-filter-row button{padding:5px 8px;font-size:11px}.case-results>span{display:none}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.case-card-image{height:190px;padding:10px}.case-card-body{padding:14px}.case-card h2{gap:3px;font-size:14px}.case-card h2 svg{width:14px}.case-card-body>p{min-height:60px;font-size:11px}.case-card footer{flex-wrap:wrap;gap:8px;line-height:1.5}.case-card-kicker{letter-spacing:0;font-size:9px}.case-detail-header{padding-bottom:25px}.case-detail-layout{display:block}.case-visual-column{position:static}.case-photo.large .case-photo-open>img{max-height:520px}.case-visual-column nav{gap:14px 20px;margin:20px 0;line-height:1.8}.case-article{padding:4px 20px}.case-article section{padding:25px 0}.case-section-title h2{font-size:19px}.case-section-actions{display:block}.case-section-actions .case-reset{margin-bottom:12px;padding-left:0}.case-prompt{padding:13px;font-size:11px}.case-detail-meta{gap:12px}.case-detail-header h1{line-height:1.45}.case-lightbox{max-width:96vw;padding:10px}.case-reference-grid{grid-template-columns:1fr}}@media (max-width:420px){.case-grid{grid-template-columns:1fr}.case-card-image{height:330px;padding:16px}.case-card h2{font-size:18px}.case-card-body>p{min-height:0;font-size:12px}.case-card-body{padding:20px}.case-card footer{flex-wrap:nowrap}.case-hero h1{font-size:27px}.case-detail-header .case-eyebrow{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.case-orbit{animation:none}.case-card{transition:none}.case-card:hover{transform:none}}.portfolio-browser{max-width:1280px;margin:0 auto;scroll-margin-top:95px}.portfolio-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.portfolio-heading h2{margin-top:8px;font-size:30px;font-weight:500}.portfolio-heading .eyebrow{letter-spacing:2px;font-size:10px}.portfolio-browser .case-toolbar{flex-wrap:wrap}.portfolio-browser .case-toolbar select{min-width:160px;max-width:240px;color:var(--case-ink)}.portfolio-ref-filter select{color:var(--case-ink);border:1px solid var(--case-line);border-radius:6px;padding:8px}.portfolio-browser .case-search{flex:1;min-width:220px}.portfolio-ref-filter{align-items:center;gap:14px;margin:18px 0;font-size:12px;display:flex}.portfolio-card{flex-direction:column;min-width:0;display:flex}.portfolio-art-link{width:100%;color:inherit;text-align:left;padding:0;display:block}.portfolio-card .case-card-image{justify-content:center;align-items:center;display:flex}.portfolio-card .case-card-body{flex-direction:column;flex:1;display:flex}.portfolio-card .case-card-kicker{letter-spacing:0;gap:8px}.portfolio-card .case-card-kicker span:first-child{color:#56757a;overflow-wrap:anywhere}.portfolio-title{text-align:left;color:inherit;padding:0;text-decoration:none}.portfolio-title h3{justify-content:space-between;align-items:flex-start;gap:10px;margin:10px 0;font-size:18px;font-weight:550;line-height:1.6;display:flex}.portfolio-title svg{flex-shrink:0;margin-top:5px}.portfolio-card .case-card-body>p{color:#59767c}.portfolio-card .case-card-tags{margin-bottom:18px}.portfolio-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:auto;display:flex}.portfolio-copy-control{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;display:flex}.portfolio-copy-control button,.portfolio-actions>button{color:#305e65;background:#e8f4f3;border:1px solid #b7d6d9;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:42px;padding:10px 11px;font-size:12px;transition:background .2s;display:inline-flex}.portfolio-copy-control button:hover,.portfolio-actions>button:hover{background:#d4ebea}.portfolio-copy-control small:empty{display:none}.portfolio-copy-control small,.portfolio-copy-control a{color:#446d72;font-size:11px;line-height:1.5}.portfolio-copy-control a{align-items:center;gap:4px;display:flex}.portfolio-no-reference{color:#617b80;align-items:center;gap:5px;min-height:42px;padding:9px 5px;font-size:11px;display:inline-flex}.portfolio-reference-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.portfolio-reference-picker img{object-fit:contain;background:#e9f2f1;border-radius:6px;width:100%;height:110px}.portfolio-card footer{color:#5b777d;gap:10px}.portfolio-card footer a,.portfolio-card footer button{color:#315c65;white-space:nowrap;padding:0}.portfolio-pagination{justify-content:center;align-items:center;gap:18px;margin-top:35px;font-size:12px;display:flex}.portfolio-pagination button{border:1px solid #c4dddf;border-radius:6px;padding:10px 16px}.portfolio-author{color:#5a797f;margin:10px 0 16px;font-size:13px}.portfolio-access-note{text-align:center;color:#59767c;margin:0 24px 50px;font-size:13px}.portfolio-access-note a{margin-left:8px;text-decoration:underline}@media (max-width:700px){.portfolio-browser .case-grid{grid-template-columns:1fr}.portfolio-heading{flex-direction:column;align-items:flex-start;gap:10px}.portfolio-heading h2{font-size:26px}.portfolio-browser .case-results{flex-direction:column;align-items:flex-start;gap:7px}.portfolio-browser .case-card-image{height:340px;padding:16px}.portfolio-browser .case-card-body{padding:20px}.portfolio-title h3{font-size:18px}.portfolio-browser .case-search{flex:1 0 100%;min-width:0}.portfolio-browser .case-toolbar select{min-width:170px;max-width:100%}}.case-grid{align-items:start;row-gap:30px}.case-card.portfolio-card.holo-card-host,.case-card.portfolio-card.holo-card-host:hover{box-shadow:none;background:0 0;border:0;border-radius:21px;padding:0;transition:none;display:block;overflow:visible;transform:none}.portfolio-card.holo-card-host .case-card-image{background:#e9edf8;height:auto;padding:0;display:block}.portfolio-card.holo-card-host .case-card-image>img{object-fit:contain;filter:none;width:100%;height:auto;display:block}.portfolio-card.holo-card-host .case-card-image:not(:has(img)){place-items:center;min-height:180px;display:grid}.portfolio-card.holo-card-host .case-card-body{padding:12px 14px}.portfolio-card.holo-card-host .portfolio-title h3{margin:6px 0 12px;font-size:17px;line-height:1.55}.portfolio-card.holo-card-host .portfolio-summary{color:#526d75;overflow-wrap:anywhere;min-height:0;margin:0 0 12px;font-size:12px;line-height:1.8}.portfolio-card.holo-card-host .case-card-tags{margin-bottom:14px}.portfolio-card.holo-card-host .case-card-tags:empty{display:none}.portfolio-card.holo-card-host .case-card-tags>span{color:#536d79;background:#f5fbfbc9;border:1px solid #b7c9d15c;font-size:11px}.portfolio-card.holo-card-host .case-card-kicker span:first-child{color:#696282}.portfolio-card.holo-card-host .portfolio-actions{gap:8px;margin-top:0}.portfolio-card.holo-card-host .portfolio-copy-control{flex:1}.portfolio-card.holo-card-host .portfolio-copy-control>button,.portfolio-card.holo-card-host .portfolio-actions>button{color:#615884;background:linear-gradient(115deg,#f6ffffc9,#f7eeffc7,#fff5f7);border-color:#a294ba78;width:100%;min-height:40px;padding:9px;font-size:11px;box-shadow:inset 0 1px #fff}.portfolio-card.holo-card-host .portfolio-actions>button{flex:1}.portfolio-card.holo-card-host footer{border:0;justify-content:flex-end;margin-top:9px;padding-top:0;font-size:10px}.portfolio-card.holo-card-host .portfolio-no-reference{align-self:center;font-size:10px}.portfolio-card.holo-card-host .portfolio-art-link,.portfolio-card.holo-card-host .portfolio-title{background:0 0;border:0}