/* A real product case, framed by Hodling rather than a collection of mini-sites. */
.featured-label{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.5px;color:#b9adc9}.featured-label>span{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#a9d9d8;box-shadow:0 0 14px #90dfe577}.featured-case{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff22;border-radius:25px;background:linear-gradient(135deg,#20162c99,#11152288);padding:48px;display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}.featured-orbit{position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 45%,#a46bdc21,transparent 44%),radial-gradient(ellipse at 25% 100%,#456d7d25,transparent 45%)}.featured-copy{min-width:0}.case-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px}.case-brand-icon{width:36px;height:36px;border:1px solid #ffffff25;border-radius:9px;display:grid;place-items:center;font-family:'Space Grotesk';font-size:21px;font-weight:500;background:linear-gradient(145deg,#cfbef21f,#8ad4de10);color:#ddd0f7}.case-brand>span:last-child{font-size:8px;letter-spacing:1.5px;color:#a89bb9}.featured-copy h3{font:500 55px/1.05 'Space Grotesk';letter-spacing:-2.5px;margin:0 0 25px}.featured-copy h3>span{background:linear-gradient(100deg,#c4a2ef,#a8d4e8);background-clip:text;color:transparent}.case-lead{font:400 27px/1.3 'Space Grotesk';letter-spacing:-.8px;color:#e2dbea}.case-description{font-size:14px;line-height:1.85;color:#a6a0b4;margin:20px 0 25px;max-width:405px}.case-facts{border-top:1px solid #ffffff16;padding-top:10px;margin:0 0 25px}.case-facts>div{display:grid;grid-template-columns:85px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #ffffff12}.case-facts dt{font-size:10px;color:#c7b8d8}.case-facts dd{font-size:11px;line-height:1.7;color:#9c95ac;margin:0}.case-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:27px}.case-tags>span{border:1px solid #ffffff20;padding:7px 10px;border-radius:20px;font-size:8px;color:#aba1bb}.case-visit{padding:16px 20px;font-size:12px;gap:35px}.case-footnote{font-size:9px;line-height:1.7;color:#7f778f;margin-top:16px}.featured-experience{min-width:0;position:relative}.experience-heading{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:7px;letter-spacing:1.5px;color:#aa9cbd;text-align:center}.experience-line{height:1px;flex:1;background:linear-gradient(90deg,transparent,#bda2dc55)}.experience-line:last-child{transform:rotate(180deg)}.hantverk-demo{color-scheme:light;background:#f8f7f1;color:#252c26;border:1px solid #f4eaff70;border-radius:15px;overflow:hidden;box-shadow:0 30px 80px #03020955,0 0 70px #ad74e610;font-family:'DM Sans',sans-serif}.hv-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;background:#fffefa;border-bottom:1px solid #272d2312}.hv-brand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:-.3px}.hv-brand>span{width:27px;height:27px;border-radius:7px;background:#191d18;display:grid;place-items:center;font-size:16px;color:#f6f3e6}.hv-example{font-size:6px;letter-spacing:1px;color:#979c90}.hv-tabs{display:flex;gap:4px;padding:14px 20px 0;background:#fffefa}.hv-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:9px 6px 14px;flex:1;min-height:44px;font-size:9px;color:#a0a496;white-space:nowrap;transition:color .25s,border-color .25s}.hv-tabs button>span{font-size:7px;margin-right:6px;opacity:.65}.hv-tabs button[aria-selected=true]{border-bottom-color:#426a59;color:#254f3c;font-weight:600}.hv-tabs button:hover{color:#254f3c}.hv-panels{padding:25px;min-height:397px}.hv-panels>section[hidden]{display:none}.hv-panels>section{animation:hv-enter .35s ease-out}.hv-overline{font-size:6px;letter-spacing:1.4px;color:#8e998b;margin-bottom:11px}.hv-panels h4{font:500 22px/1.2 'Space Grotesk';letter-spacing:-.7px;margin:0 0 20px}.hv-message{padding:16px;border-radius:9px;margin-bottom:12px}.hv-user{background:#eeede6;border:1px solid #e5e5db}.hv-message-label{display:block;font-size:6px;font-weight:600;letter-spacing:1px;margin-bottom:8px;opacity:.7}.hv-message p{font-size:11px;line-height:1.8;margin:0}.hv-assistant{background:#222a23;color:#eef0e4;box-shadow:0 6px 12px #1f342310}.hv-assistant .hv-message-label{color:#bbd3be;opacity:1}.hv-assistant .hv-message-label>span{font-size:11px;margin-right:4px}.hv-material{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.hv-material button{min-height:34px;border:1px solid #cbd3c5;border-radius:20px;background:#fafbf5;color:#798471;font-size:9px;padding:8px 12px}.hv-material button[aria-pressed=true]{background:#e2ecdf;border-color:#79977f;color:#31593f}.hv-next{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:44px;border:0;border-radius:7px;background:#2c5541;color:#f4f6eb;font-size:10px;padding:13px 16px;margin-top:18px}.hv-next>span{font-size:17px}.hv-next:hover{background:#3b6c51}.hantverk-demo button:focus-visible{outline:2px solid #5882c0;outline-offset:3px}.hv-demo-footer{display:flex;align-items:center;gap:7px;padding:14px 24px;border-top:1px solid #dce1d3;background:#f1f3e9;font-size:7px;line-height:1.6;color:#8a9380}.hv-footer-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;background:#91a57d}.experience-caption{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;line-height:1.7;color:#9486a7;margin:17px 0 0}.experience-caption>span{font-size:14px;color:#bea1df}.hv-title-row{display:flex;align-items:flex-start;justify-content:space-between}.hv-badge{background:#ebe6d7;border:1px solid #ddd5bd;padding:5px 8px;border-radius:20px;font-size:7px;color:#9b8a57}.hv-document{background:#fffef9;border:1px solid #e3e4d9;border-radius:7px;padding:17px;box-shadow:0 7px 20px #35412605}.hv-document-heading{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e6d9;padding-bottom:13px;margin-bottom:4px;font-size:6px;letter-spacing:1px;color:#9aa38f}.hv-document-row{display:flex;gap:10px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #edf0e7}.hv-document-row>span{font-size:7px;color:#a3ae94;padding-top:2px}.hv-document-row>div{flex:1}.hv-document-row strong{font-size:9px;font-weight:500}.hv-document-row p{font-size:8px;line-height:1.8;color:#98a08f;margin-top:3px}.hv-document-row>i{font-size:8px;font-style:normal;color:#90a581}.hv-document-material{display:flex;justify-content:space-between;gap:10px;font-size:7px;padding-top:14px;color:#8a977d}.hv-document-material>strong{font-size:7px;color:#55704c;font-weight:500}.hv-small-note{font-size:8px;line-height:1.7;color:#9ca58f;margin-top:13px}.hv-reply-card{padding:22px 16px;background:#fffef9;border:1px solid #e0e5d6;border-radius:10px;text-align:center;transition:background .3s,border-color .3s}.hv-reply-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#e8eee1;font-size:24px;color:#759269;margin:0 auto 14px}.hv-reply-overline{font-size:6px;letter-spacing:1px;color:#9aa58d}.hv-reply-card h5{font:500 18px/1.3 'Space Grotesk';letter-spacing:-.5px;margin:10px 0}.hv-reply-card p{font-size:9px;line-height:1.8;color:#8d9b80;max-width:255px;margin:0 auto 17px}.hv-reply-card [role=status]{display:inline-block;font-size:7px;padding:6px 9px;border-radius:15px;background:#eef1e5;color:#8e9b7b}.hv-reply-card[data-response=approved]{background:#f2f8ec;border-color:#aac69a}.hv-reply-card[data-response=approved] .hv-reply-icon{background:#dfeecf;color:#4f783d}.hv-reply-card[data-response=change]{background:#fbf6e9;border-color:#d8c596}.hv-reply-card[data-response=change] .hv-reply-icon{background:#f1e6ca;color:#a98a40}.hv-reply-options{display:flex;gap:8px;margin-top:17px}.hv-reply-options button{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d5ddcd;border-radius:6px;background:#fffdf6;min-height:42px;padding:10px;font-size:8px;color:#788a6a}.hv-reply-options button[aria-pressed=true]{background:#e4efda;border-color:#849c70;color:#436132}.hv-restart{display:block;margin:18px auto 0;padding:8px 0;border:0;border-bottom:1px solid #b7c1a8;background:none;font-size:8px;color:#8a987c}.hv-restart:hover{color:#405e30}@keyframes hv-enter{from{opacity:.4;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:1150px){.featured-case{gap:35px;padding:32px}.featured-copy h3{font-size:46px}.case-lead{font-size:23px}.case-description{font-size:13px}.case-facts>div{grid-template-columns:70px 1fr;gap:10px}.hv-top{padding:18px}.hv-tabs{padding:12px 14px 0}.hv-tabs button{font-size:8px}.hv-tabs button>span{font-size:6px;margin-right:4px}.hv-panels{padding:20px}.hv-example{font-size:5px}.experience-heading{font-size:6px;letter-spacing:1px}}
@media(max-width:850px){.featured-case{grid-template-columns:1fr;gap:40px;padding:35px}.featured-copy h3{font-size:52px}.case-description{max-width:570px;font-size:14px}.case-facts>div{grid-template-columns:95px 1fr}.featured-experience{max-width:580px;width:100%;justify-self:center}.hv-example{font-size:7px}.hv-tabs button{font-size:10px}.hv-panels{padding:25px}.hv-message p{font-size:12px}.hv-top{padding:20px 25px}.hv-demo-footer{font-size:8px}.hv-overline{font-size:7px}.hv-material button{font-size:10px;min-height:38px}.hv-document-row strong{font-size:11px}.hv-document-row p{font-size:10px}.hv-small-note{font-size:9px}.hv-next{font-size:11px}.hv-reply-card p{font-size:11px}.hv-reply-options button{font-size:10px}.hv-restart{font-size:10px}.hv-panels{min-height:410px}}
@media(max-width:700px){.featured-label{font-size:6px;letter-spacing:1px;max-width:130px;line-height:1.7}.featured-case{padding:25px 19px;border-radius:17px;gap:32px}.case-brand{margin-bottom:20px}.case-brand>span:last-child{font-size:7px;letter-spacing:1px}.featured-copy h3{font-size:46px}.case-lead{font-size:25px}.case-description{font-size:14px}.case-facts dt{font-size:10px}.case-facts dd{font-size:11px}.case-facts>div{grid-template-columns:75px 1fr;gap:12px}.case-tags>span{font-size:8px}.case-visit{min-height:48px}.case-footnote{font-size:9px}.experience-heading{font-size:6px;letter-spacing:.7px;gap:8px}.hv-top{padding:17px 15px;gap:10px}.hv-brand{font-size:11px;gap:7px}.hv-brand>span{width:25px;height:25px}.hv-example{font-size:5px;letter-spacing:.6px}.hv-tabs{gap:0;padding:10px 10px 0}.hv-tabs button{font-size:9px;padding:8px 2px 13px}.hv-tabs button>span{font-size:6px;margin-right:3px}.hv-panels{padding:20px 15px;min-height:440px}.hv-panels h4{font-size:21px}.hv-overline{font-size:6px;letter-spacing:1px}.hv-message{padding:14px 12px}.hv-message p{font-size:11px}.hv-material{gap:6px}.hv-material button{font-size:9px;padding:9px 10px;min-height:40px}.hv-next{font-size:10px;min-height:46px}.hv-demo-footer{padding:12px 15px;font-size:7px}.experience-caption{font-size:8px;gap:7px}.hv-document{padding:13px}.hv-document-row p{font-size:9px}.hv-document-row strong{font-size:10px}.hv-document-material{font-size:7px}.hv-reply-options button{font-size:9px;min-height:45px;padding:8px}.hv-reply-card{padding:20px 12px}.hv-reply-card h5{font-size:17px}.hv-reply-card p{font-size:10px}.hv-restart{font-size:9px;min-height:40px}.work-heading>p{max-width:270px}}
@media(max-width:360px){.featured-case{padding:22px 12px}.featured-copy h3{font-size:42px}.hv-top{padding:14px 12px}.hv-tabs button{font-size:8px}.hv-tabs button>span{display:none}.hv-panels{padding:18px 12px}.hv-example{font-size:5px;letter-spacing:0}.hv-reply-options{flex-direction:column}.hv-panels{min-height:440px}}
@media(prefers-reduced-motion:reduce){.hv-panels>section{animation:none}}