.conlife-case{--app-orange:#ff7b00;--app-surface:#e9e6df}.conlife-case svg:not(.arrow-icon){width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.conlife-case .header{border-bottom:1px solid var(--line)}.conlife-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:5%;min-height:780px;padding-top:70px;padding-bottom:70px;overflow:hidden}.conlife-heading h1{font-style:normal;text-transform:none;font-size:clamp(62px,6.5vw,104px);line-height:.98;font-weight:620;letter-spacing:-.06em}.conlife-heading h1 i{color:var(--app-orange)}.project-name{font:24px Archivo,sans-serif;margin-top:36px}.hero-description{font-size:18px;line-height:1.65;max-width:440px;color:#d0ccd5;margin-top:16px}.conlife-heading .text-link{align-items:center;margin-top:25px}.hero-devices{position:relative;display:flex;align-items:center;justify-content:center;min-height:640px;isolation:isolate}.hero-devices:before{content:'';position:absolute;inset:10% -25% 5%;z-index:-1;background:radial-gradient(ellipse,#ff7b001f,transparent 65%)}.app-device{width:252px;flex:0 0 252px;background:#111215;padding:14px 8px;border:1px solid #707076;border-radius:30px;box-shadow:0 0 0 3px #202126,0 28px 55px #0005;position:relative}.app-device:before{content:'';position:absolute;top:75px;left:-5px;width:3px;height:35px;background:#77767b;border-radius:2px}.app-device:after{content:'';position:absolute;top:120px;right:-5px;width:3px;height:55px;background:#77767b;border-radius:2px}.device-screen{overflow:hidden;border-radius:19px;background:#fff;line-height:0}.device-screen img{width:100%;height:auto;display:block}.device-primary{transform:rotate(7deg) translateY(-20px);z-index:2;margin-left:-60px}.device-secondary{transform:rotate(-9deg) translateY(38px);width:226px;flex-basis:226px}.device-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#bcb9c2;font:11px PlexMono,monospace}.case-credits{display:grid;grid-template-columns:1.25fr 1.15fr 1fr;border-block:1px solid var(--line);padding-top:28px;padding-bottom:28px;gap:30px}.case-credits p{font-size:13px;line-height:1.6}.case-credits strong{display:block;font-weight:500;margin-bottom:6px}.case-credits span{color:var(--muted)}.case-context{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:100px;padding-bottom:100px}.case-context h2{font-size:clamp(38px,4.5vw,68px)}.case-context p{font-size:18px;line-height:1.7;max-width:620px}.case-context p+p{margin-top:22px}.experience{background:var(--app-surface);color:var(--ink);padding-top:85px;padding-bottom:65px}.experience-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:40px}.experience-heading h2{font-size:clamp(38px,4.8vw,72px)}.experience-heading>p{font-size:16px;line-height:1.6;max-width:360px}.module-nav{display:flex;border-block:1px solid #16141d30;gap:0;overflow:auto}.module-button{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 20px;flex:1;white-space:nowrap;color:var(--ink);border-right:1px solid #16141d30;font-size:16px}.module-button:last-child{border:0}.module-button[aria-pressed=true]{background:var(--ink);color:var(--bone)}.module-count{font:11px PlexMono,monospace}.module-button:hover{box-shadow:inset 0 -3px var(--app-orange)}.experience-body{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:50px;align-items:center;max-width:1120px;margin:auto}.experience-copy{max-width:460px}.experience-copy h3{font-size:clamp(28px,3vw,44px);font-weight:550;line-height:1.1;letter-spacing:-.04em}.experience-copy>p{font-size:17px;line-height:1.6;margin-top:22px}.screen-list{display:grid;gap:0;margin-top:32px;max-width:430px}.screen-list button{color:var(--ink);font-size:15px;text-align:left;border-bottom:1px solid #16141d30;padding:13px 8px;display:flex;gap:22px;align-items:center}.screen-list button>span{font:11px PlexMono,monospace;color:#55505c}.screen-list button[aria-current=true]{background:#fff8;border-left:3px solid var(--app-orange);padding-left:5px}.screen-list button:hover{background:#fff5}.experience-copy .experience-note{font-size:12px;line-height:1.6;max-width:310px;color:#534d59;margin-top:25px}.device-stage{display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate;outline-offset:10px}.device-halo{position:absolute;inset:10% -10% 20%;background:radial-gradient(ellipse,#c7bbae88,transparent 70%);z-index:-1}.explorer-device{width:268px;flex-basis:auto}.explorer-device .device-screen{aspect-ratio:505/1093;display:flex;align-items:flex-start;overflow:auto;scrollbar-width:none}.explorer-device .device-screen::-webkit-scrollbar{display:none}.explorer-device img{min-height:100%;object-fit:contain;object-position:top;touch-action:pan-y}.screen-controls{display:flex;align-items:center;gap:20px;margin-top:30px;width:100%;max-width:380px;justify-content:space-between}.screen-controls button{width:44px;height:44px;border:1px solid #16141d55;border-radius:50%;display:grid;place-items:center;color:var(--ink);flex:0 0 44px}.screen-controls button:hover:not(:disabled){background:var(--ink);color:var(--bone)}.screen-controls button:disabled{opacity:.3}.screen-controls #previous-screen svg{transform:rotate(180deg)}.screen-controls p{text-align:center;font:12px PlexMono,monospace;min-width:0}.screen-controls p span{font:13px Plex,sans-serif;display:block;margin-top:8px;min-height:36px}.decisions{padding-block:90px}.decisions h2{font-size:clamp(38px,4.3vw,65px);margin-bottom:45px}.decision-rows article{border-top:1px solid var(--line);display:grid;grid-template-columns:50px 1fr 1.2fr;gap:30px;padding:30px 0;align-items:baseline}.decision-rows article>span{font:12px PlexMono,monospace;color:var(--app-orange)}.decision-rows h3{font-size:26px;letter-spacing:-.03em;font-weight:500}.decision-rows p{font-size:17px;line-height:1.65;color:#d0ccd5}.ux-section{background:var(--deep);padding-block:80px}.ux-section .experience-heading>p{color:#d0ccd5}.flow-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-block:1px solid var(--line);padding-block:20px}.route-buttons{display:flex;gap:8px;flex-wrap:wrap}.route-buttons button,#flow-zoom{padding:10px 15px;border:1px solid #ffffff38;font-size:13px;min-height:42px}.route-buttons button[aria-pressed=true]{color:var(--ink);background:var(--bone);border-color:var(--bone)}#flow-zoom[aria-pressed=true]{border-color:var(--app-orange);color:var(--app-orange)}.flow-scroll{overflow:auto;margin-top:28px;border:1px solid var(--line);background:#17151d;scrollbar-color:#6d6576 #17151d;scrollbar-width:thin;max-height:720px}.conlife-case .flow-scroll>svg{display:block;width:100%;min-width:1100px;height:auto;stroke:none;fill:none}.flow-scroll.is-zoomed>svg{width:180%;min-width:1580px}.flow-node .node-shape{fill:#24212c;stroke:#787080;stroke-width:1.3}.flow-node text{fill:#f3f1ec;font:18px Plex,sans-serif;stroke:none}.flow-node .decision{fill:#34291f;stroke:#f59b47}.flow-edge{fill:none;stroke:#b7b1c0;stroke-width:1.6}.flow-label{fill:#c4becd;font:15px PlexMono,monospace}.flow-node.is-active .node-shape{stroke:#ff9c45;stroke-width:2;fill:#372a20}.flow-edge.is-active{stroke:#ff9c45;stroke-width:2.6}.flow-label.is-active{fill:#ffb36e}.flow-hint{font-size:12px;color:var(--muted);line-height:1.6;margin-top:16px}.route-explanation{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;padding:36px 0;min-height:170px}.route-explanation h3{font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.03em}.route-explanation p{font-size:17px;line-height:1.6;color:#d0ccd5}.flow-transcript{border-top:1px solid var(--line);font-size:15px;line-height:1.7;padding-top:20px}.flow-transcript summary{cursor:pointer;width:fit-content}.flow-transcript ol{max-width:900px;padding-left:22px}.flow-transcript li{margin-top:14px}.process-section{padding-block:90px}.process-evidence{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:start}.process-evidence figure{margin:0}.process-evidence img{width:100%;height:auto}.process-evidence figure:first-child{margin-top:70px}.process-evidence figure:last-child{max-width:430px;justify-self:end}.process-evidence figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:16px}.process-summary{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;margin-top:50px;font-size:18px;line-height:1.7;color:#d0ccd5}.conlife-results{padding-block:80px;background:var(--app-surface);color:var(--ink);display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.conlife-results h2{font-size:clamp(44px,5.3vw,82px)}.conlife-results p{font-size:20px;line-height:1.65;margin-top:20px}.conlife-results .source-note{font-size:13px;line-height:1.6;margin-top:30px;color:#534d59}.conlife-case .case-next{padding-top:35px;padding-bottom:35px;margin:0}.conlife-case .case-next a{display:flex;align-items:center;gap:16px}.fallback-gallery{padding:20px 0;border-bottom:1px solid #16141d30}.fallback-gallery>div{display:flex;overflow:auto;gap:20px}.fallback-gallery figure{flex:0 0 230px;margin:20px 0}.fallback-gallery img{width:230px;height:auto}.no-script-note{margin-top:30px}
@media(max-width:1100px){.conlife-hero{grid-template-columns:1fr 1fr;gap:0;min-height:700px}.conlife-heading h1{font-size:7vw}.hero-devices{transform:scale(.85);margin-inline:-30px}.module-button{padding-inline:14px;gap:12px}.module-count{display:none}.case-context{gap:6%}.experience-body{gap:5%}.experience-copy h3{font-size:34px}.decision-rows article{grid-template-columns:30px 1fr 1.2fr;gap:20px}}
@media(max-width:760px){.conlife-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;padding-bottom:35px}.conlife-heading h1{font-size:clamp(50px,12vw,84px)}.project-name{font-size:21px;margin-top:25px}.hero-description{font-size:16px;max-width:420px}.hero-devices{min-height:570px;margin:30px -24px 0;transform:none;overflow:hidden}.device-primary{width:220px;flex-basis:220px;margin-left:-95px;transform:rotate(6deg) translateY(-10px)}.device-secondary{width:190px;flex-basis:190px;transform:rotate(-8deg) translateY(22px)}.device-caption{font-size:10px;bottom:15px}.case-credits{grid-template-columns:1fr;gap:18px;padding-block:25px}.case-credits p{font-size:12px}.case-credits strong{margin-bottom:2px}.case-context{grid-template-columns:1fr;gap:30px;padding-block:55px}.case-context p{font-size:17px}.experience{padding-top:50px;padding-bottom:45px}.experience-heading{display:block;margin-bottom:28px}.experience-heading>p{font-size:15px;margin-top:25px}.module-nav{margin-right:calc(var(--gutter) * -1);padding-right:var(--gutter)}.module-button{flex:0 0 auto;padding:18px 20px;font-size:14px}.experience-body{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-top:30px}.experience-copy{display:contents}.experience-copy h3{font-size:29px;order:0}.experience-copy>p{font-size:16px;margin-top:-14px;order:1}.device-stage{order:2}.screen-list{order:3;margin-top:0;grid-template-columns:1fr}.experience-copy .experience-note{order:4;margin-top:-10px;max-width:none}.explorer-device{width:254px;flex-basis:auto}.screen-controls{max-width:330px;margin-top:25px;gap:12px}.decisions{padding-block:55px}.decisions h2{font-size:38px;margin-bottom:30px}.decision-rows article{grid-template-columns:22px 1fr;gap:14px;padding:25px 0}.decision-rows h3{font-size:24px}.decision-rows p{grid-column:2;font-size:16px}.ux-section{padding-block:50px}.flow-toolbar{display:block;padding:16px 0}.route-buttons{gap:8px}.route-buttons button,#flow-zoom{font-size:12px;padding:9px 12px}.route-buttons{margin-bottom:16px}.flow-scroll{max-height:520px;margin-right:calc(var(--gutter) * -1)}.flow-scroll.is-zoomed>svg{width:1580px}.route-explanation{grid-template-columns:1fr;gap:18px;padding-block:30px;min-height:240px}.route-explanation h3{font-size:25px}.route-explanation p{font-size:16px}.process-section{padding-block:55px}.process-evidence{grid-template-columns:1fr;gap:30px}.process-evidence figure:first-child{margin-top:0}.process-evidence figure:last-child{max-width:100%;justify-self:stretch}.process-summary{grid-template-columns:1fr;gap:20px;font-size:17px;margin-top:30px}.conlife-results{grid-template-columns:1fr;gap:20px;padding-block:50px}.conlife-results p{font-size:18px}.conlife-case .case-next{font-size:13px;gap:20px}.conlife-case .case-next svg{width:20px;flex-shrink:0}}
@media(prefers-reduced-motion:no-preference){.module-button,.screen-list button{transition:background .18s}.flow-node .node-shape,.flow-edge{transition:stroke .2s,fill .2s}}
.device-halo{inset:10% 0 20%}html:not(.js) .conlife-case .module-nav,html:not(.js) .conlife-case .screen-list,html:not(.js) .conlife-case .screen-controls,html:not(.js) .conlife-case .flow-toolbar{display:none}
@media(max-width:760px){.conlife-case .flow-scroll>svg{min-width:0;width:100%}.conlife-case .flow-scroll.is-zoomed>svg{min-width:1580px;width:1580px}html:not(.js) .conlife-case .flow-scroll>svg{min-width:1100px}}
.screen-surface{position:relative;width:100%;flex:0 0 100%;line-height:0}.screen-hotspot{position:absolute;z-index:2;border-radius:5px;outline-offset:0!important}.screen-hotspot:hover,.screen-hotspot:focus-visible{background:#ff7b001a;outline:2px solid #ff7b00}.screen-hotspot:focus-visible{outline-offset:-2px!important}
.conlife-case .skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}

.conlife-case .case-next{padding-left:var(--gutter);padding-right:var(--gutter)}
.decision-rows .decision-evidence{grid-column:2/-1;margin:24px 0 0;max-width:740px;width:100%;min-width:0}.decision-evidence details{border:1px solid var(--line);background:var(--deep)}.decision-evidence summary{list-style:none;cursor:pointer}.decision-evidence summary::-webkit-details-marker{display:none}.evidence-crop{display:block;height:230px;overflow:hidden;background:#e5e2db}.evidence-crop img{width:100%;height:100%;object-fit:cover;object-position:var(--crop-position);display:block}.evidence-action{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:14px;color:var(--bone)}.evidence-action>span{font-size:24px}.decision-evidence details[open] .evidence-crop{display:none}.decision-evidence details[open] .evidence-action>span{transform:rotate(45deg)}.decision-evidence .evidence-full{display:block;max-width:100%;width:auto;max-height:1000px;margin:auto}.decision-evidence figcaption{display:grid;gap:8px;padding-top:18px;font-size:15px;line-height:1.55;color:var(--bone)}.decision-evidence figcaption strong{font-weight:500;font-size:18px}.decision-evidence summary:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
@media(max-width:760px){.decision-rows .decision-evidence{grid-column:1/-1;margin-top:10px}.evidence-crop{height:190px}.evidence-action{padding:12px 15px}.decision-evidence figcaption{font-size:14px}}
.conlife-case .decision-evidence{max-width:505px}
[data-project="bestfisio"] .evidence-crop img{width:200%;min-width:900px;max-width:none;height:auto;transform:translate(-15%,-16%)}