@font-face{font-family:Display;src:url('/assets/display.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Barlow;src:url('/assets/barlow.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--black:#0b0b0c;--ink:#151418;--paper:#fbf8f0;--orange:#ff7839;--lilac:#d2c4f7;--blue:#aedaff;--pink:#efafd1;--yellow:#f4e898;--mint:#c9e4c8;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--paper);font:16px/1.45 Barlow,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;cursor:pointer}button{transition:scale .18s var(--ease)}button:active{scale:.96}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a7edff;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Display,Arial,sans-serif;letter-spacing:-.055em;line-height:1.03;text-wrap:balance}p{text-wrap:pretty}.symbol-store{position:absolute;width:0;height:0;overflow:hidden}.icon{display:block;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;flex:none}.boat{width:44px;height:38px;color:var(--orange);fill:currentColor}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.app-shell{max-width:1456px;margin:auto;padding:14px 24px 18px}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;height:50px}.pill{border-radius:999px;background:#1b1b1e}.wordmark{display:flex;align-items:center;gap:10px;height:50px;padding:0 18px 0 12px}.wordmark>span{font:650 22px/1 Display;letter-spacing:-.06em}.nyc{font:400 12px/1 Barlow;letter-spacing:.035em;margin-left:7px}.filters{display:flex;padding:5px;gap:4px;margin:auto;height:50px;align-items:center}.filters button{padding:0 19px;min-height:40px;border-radius:999px;background:transparent;font-size:14px;color:#b9b9c0}.filters button[aria-pressed=true]{background:#f4f1e9;color:var(--ink)}.motion{height:50px;display:flex;align-items:center;gap:9px;padding:0 18px;font-size:14px}.motion .icon{width:19px;height:19px}
.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(7,clamp(88px,calc((100svh - 220px)/7),112px));gap:10px}.tile{position:relative;isolation:isolate;overflow:hidden;border-radius:25px;background:#222226;text-align:left;padding:24px;color:var(--ink);display:flex;flex-direction:column;justify-content:center;min-width:0;box-shadow:inset 0 1px 0 #ffffff12;transition:scale .18s var(--ease),opacity .3s,box-shadow .3s,transform .3s var(--ease)}.tile-title{font:650 clamp(24px,2.25vw,34px)/.97 Display;letter-spacing:-.055em;position:relative;z-index:2;text-wrap:balance}.tile-title b{font-weight:750}.tile-title em{font-style:normal;font-weight:400}.tile-caption{font-size:14px;margin-top:20px;position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.085em;margin-bottom:17px}.open-mark{position:absolute;right:13px;bottom:12px;display:grid;place-items:center;width:24px;height:24px;opacity:.4;transition:opacity .2s,rotate .3s;pointer-events:none}.open-mark .icon{width:18px;height:18px;stroke-width:1.5}.tile.is-muted{opacity:.3}.tile.is-muted:focus-visible,.tile.is-muted:hover{opacity:1}.lilac{background:var(--lilac)}.mint{background:var(--mint)}.blue{background:var(--blue)}.yellow{background:var(--yellow)}.ivory{background:#f4f1e9}.pink{background:var(--pink)}.dark{background:#252529;color:var(--paper)}.cobalt{background:#3543d0;color:#f9f8ff}
.t-website{grid-area:1/1/3/5;justify-content:flex-start}.t-website .tile-title{font-size:clamp(36px,4vw,60px)}.t-website .tile-caption{margin-top:auto}.t-wifi{grid-area:1/5/3/7}.t-maps{grid-area:1/7/3/10;background:radial-gradient(ellipse at 100% 0,#c3e6ff,transparent 70%),var(--blue)}.t-maps .tile-title{font-size:clamp(48px,5.3vw,78px);letter-spacing:-.06em}.t-maps .tile-caption{max-width:175px;margin-top:12px}.t-email{grid-area:1/10/2/13}.t-platform{grid-area:2/10/3/13}.t-platform .tile-title{font-size:clamp(18px,1.8vw,25px);line-height:1.12}.t-platform b{color:#d2c4f7}.t-onsite{grid-area:3/1/5/4;justify-content:flex-start}.t-onsite .tile-title{font-size:clamp(33px,3.5vw,48px)}.t-onsite .tile-caption{margin-top:auto;max-width:190px}.brand-tile{grid-area:3/4/5/10;background:#161619;color:var(--paper);border-radius:100px;align-items:center;text-align:center;padding:16px 20px;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff0d}.brand-tile :is(h1,.mosaic-brand-heading){font-size:clamp(48px,5.8vw,82px);line-height:.85;font-weight:750;letter-spacing:-.065em}.brand-tile strong{color:var(--orange);font-weight:750}.brand-note{font-size:11px;letter-spacing:.09em;margin-bottom:14px;color:#b4b2bb}.brand-note.bottom{margin:12px 0 0;letter-spacing:0;font-size:14px}.t-printer{grid-area:3/10/5/13}.t-speed{grid-area:5/1/6/4}.t-speed .tile-title{font-size:clamp(24px,2.1vw,31px)}.t-booking{grid-area:5/4/6/7}.t-booking .tile-title{font-size:clamp(23px,2.05vw,30px);line-height:1.02}.t-booking br{display:none}.t-booking b{font-weight:750}.t-ownership{grid-area:5/7/6/9;border-radius:60px}.t-cost{grid-area:5/9/6/13;flex-direction:row;align-items:center;justify-content:flex-start}.t-cost .tile-title br{display:none}.t-cost .tile-title{font-size:clamp(28px,2.8vw,42px)}.t-mobile{grid-area:6/1/8/4;justify-content:space-between}.t-mobile .tile-title{font-size:clamp(27px,2.4vw,36px)}.t-computer{grid-area:6/4/7/7}.t-human{grid-area:6/7/7/10}.t-forms{grid-area:6/10/7/13}.t-forms .tile-title{font-size:clamp(24px,2.1vw,31px)}.received{font-weight:400;color:#c9e4c8}.t-software{grid-area:7/4/8/7}.t-backup{grid-area:7/7/8/9}.t-move{grid-area:7/9/8/11}.t-care{grid-area:7/11/8/13}.t-computer .tile-title{font-size:clamp(21px,1.9vw,28px)}.t-human .tile-title{font-size:clamp(26px,2.4vw,34px)}.t-move,.t-care{padding:16px}.t-move .tile-title,.t-care .tile-title{font-size:clamp(20px,1.8vw,27px)}.t-software .tile-title{font-size:clamp(21px,1.9vw,28px)}
.tile-art{display:block;position:relative}.mode-animation,.mode-icon{align-items:center;justify-content:center}.mode-animation>.tile-art>.icon{width:100px;height:100px;stroke-width:1.1}.t-wifi>.tile-art>.icon{width:110px;height:110px}.t-printer>.tile-art>.icon{width:102px;height:102px}.t-email>.tile-art>.icon{width:64px;height:64px;stroke-width:1.3}.mode-icon>.tile-art>.icon{width:56px;height:56px;stroke-width:1.25}.icon-hint{position:absolute;inset:auto 12px 8px;padding:5px 6px;font-size:12px;line-height:1.1;text-align:center;border-radius:8px;background:inherit;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}.mode-icon:focus-visible .icon-hint,.mode-animation:focus-visible .icon-hint{opacity:1;transform:none}.mode-mixed:not(.t-mobile):not(.t-software){flex-direction:row;align-items:center;justify-content:flex-start;gap:15px}.mode-mixed:not(.t-mobile):not(.t-software) .tile-art .icon{width:36px;height:36px;stroke-width:1.4}.t-move .tile-art,.t-care .tile-art{display:none}.mail-check{stroke-width:2.5;stroke:var(--ink);fill:var(--yellow);paint-order:stroke}.arc{transform-origin:center;opacity:1}.key-turn{transform-origin:center}.paper{fill:var(--pink)}
.responsive-demo{display:block;position:relative;width:116px;height:77px;border:2px solid currentColor;border-radius:8px;overflow:hidden;margin:0 auto 12px}.demo-bar{position:absolute;height:10px;left:0;right:0;top:0;border-bottom:1px solid currentColor}.demo-bar:before{content:'•••';position:absolute;left:6px;top:-7px;font-size:13px;letter-spacing:1px}.demo-block{position:absolute;left:9px;top:20px;width:38%;height:38px;border-radius:4px;background:currentColor;opacity:.85}.demo-lines{position:absolute;left:53%;top:22px;width:35%;height:30px;background:repeating-linear-gradient(to bottom,currentColor 0 2px,transparent 2px 8px);opacity:.4}.speed-track{position:absolute;width:calc(100% + 20px);height:3px;top:-15px;left:0;background:#ffffff25;border-radius:4px;overflow:hidden}.speed-track i{display:block;background:#fff;width:100%;height:100%;transform-origin:left}.t-software{flex-direction:row;align-items:center;gap:15px}.flow-demo{display:block;position:relative;width:55px;height:50px}.flow-demo i{position:absolute;width:18px;height:18px;background:#b7abe2;border-radius:5px;left:0;top:0}.flow-demo i:nth-child(2){background:#c9e4c8;left:24px;top:0}.flow-demo i:nth-child(3){background:#f4e898;left:0;top:24px}.flow-demo b{position:absolute;left:24px;top:24px;background:#f7f2e8;color:var(--ink);width:18px;height:18px;border-radius:5px}.flow-demo .icon{width:18px;height:18px;stroke-width:2}.dock{display:flex;align-items:center;gap:5px;padding:5px;width:max-content;margin:14px auto 0}.dock button{min-height:44px;padding:0 23px;border-radius:999px;background:transparent;font-size:14px}.dock .start-button{background:var(--paper);color:var(--ink);display:flex;align-items:center;gap:25px}.start-button span{font-size:25px;line-height:1}
@media(hover:hover){.tile:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ffffff70}.tile:hover .open-mark{opacity:.85;rotate:90deg}.mode-icon:hover .icon-hint,.mode-animation:hover .icon-hint{opacity:1;transform:none}.filters button:hover{color:var(--paper)}.filters button[aria-pressed=true]:hover{color:var(--ink)}}
/* One finite visual sentence per tile. The finished state remains useful. */
.ready .t-wifi .arc,.replay.t-wifi .arc{animation:signal .85s both}.ready .t-wifi .a1,.replay.t-wifi .a1{animation-delay:.35s}.ready .t-wifi .a2,.replay.t-wifi .a2{animation-delay:.2s}.ready .t-wifi .a3,.replay.t-wifi .a3{animation-delay:.05s}.ready .t-printer .paper,.replay.t-printer .paper{animation:print .85s .55s both}.ready .t-email .mail-check,.replay.t-email .mail-check{animation:check-in .65s 1.3s both}.ready .t-ownership .key-turn,.replay.t-ownership .key-turn{animation:turn-key .6s 0s both}.ready .responsive-demo,.replay .responsive-demo{animation:responsive 2.4s .5s both}.ready .speed-track i,.replay .speed-track i{animation:load 1.2s .3s both}.ready .flow-demo i,.replay .flow-demo i{animation:collect .7s 1.8s both}.ready .received,.replay .received{animation:receive .75s 1s both}
@keyframes signal{from{opacity:.15;transform:translateY(2px)}to{opacity:1;transform:none}}@keyframes print{0%{transform:translateY(-4px);opacity:.4}75%,100%{transform:none;opacity:1}}@keyframes check-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes turn-key{0%{transform:rotate(-16deg)}100%{transform:rotate(0)}}@keyframes responsive{0%,20%,100%{width:116px}45%,75%{width:58px}}@keyframes load{from{transform:scaleX(.1)}to{transform:scaleX(1)}}@keyframes collect{from{transform:translateX(-6px);opacity:.3}to{transform:none;opacity:1}}@keyframes receive{from{opacity:.25}to{opacity:1}}
body.no-motion *,body.no-motion *:before,body.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* Each tile expands into an accessible native application panel. */
#detail{inset:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:24px;margin:0;border:0;background:transparent;color:var(--ink);overflow:hidden}#detail::backdrop{background:#08080bcc;backdrop-filter:blur(8px)}.detail-window{max-width:980px;height:100%;max-height:820px;margin:auto;border-radius:32px;background:var(--detail-bg,#f4f1e9);overflow:hidden;transform-origin:top left;display:flex;flex-direction:column;box-shadow:0 30px 90px #0005}.detail-top{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px 22px 12px 30px;border-bottom:1px solid #15141822;gap:12px}.detail-top>span{font-size:12px;letter-spacing:.07em}.detail-top button{display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);width:44px;height:44px}.detail-body{padding:38px;overflow-y:auto;overscroll-behavior:contain;flex:1}.detail-body h2{font-size:clamp(34px,4.8vw,60px);max-width:800px}.detail-answer{font-size:21px;line-height:1.45;max-width:740px;margin:24px 0 28px}.step-list{counter-reset:step;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.step-list li{border-radius:19px;background:#ffffff58;padding:20px;font-size:17px;line-height:1.4}.step-list li:before{counter-increment:step;content:'0' counter(step);font:500 13px Barlow;display:block;opacity:.6;margin-bottom:16px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.action{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;min-height:48px;padding:12px 23px;background:var(--ink);color:var(--paper);font-size:16px;text-decoration:none}.action.secondary{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px #15141844}.detail-tag{display:block;font-size:13px;margin-bottom:15px;text-transform:uppercase;letter-spacing:.07em}.demo-panel{background:#ffffff65;border-radius:20px;padding:22px;margin-top:24px}.demo-panel p{font-size:16px;margin-top:10px}.demo-controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.demo-controls button{min-height:44px;border-radius:999px;padding:8px 16px;background:#fff8;color:var(--ink);box-shadow:inset 0 0 0 1px #15141830}.demo-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.demo-screen{border:2px solid var(--ink);border-radius:18px;padding:22px;max-width:500px;width:100%;transition:width .5s var(--ease),background .3s;background:#fff9}.demo-screen.phone-size{width:230px}.demo-screen h3{font-size:36px}.demo-screen p{font-size:16px;margin:12px 0}.demo-screen .demo-fake-button{display:inline-block;border-radius:999px;padding:8px 18px;background:var(--ink);color:white;margin-top:8px}.network-stages{display:flex;gap:8px;flex-wrap:wrap}.network-stages span{padding:12px 16px;border-radius:12px;background:#ffffff66;opacity:.5}.network-stages span.active{opacity:1;background:var(--ink);color:var(--paper)}.service-list,.work-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.service-list button,.work-list article{border-radius:22px;padding:24px;background:#ffffff66;text-align:left;color:var(--ink)}.service-list h3,.work-list h3{font-size:30px;margin-bottom:10px}.service-list p,.work-list p{font-size:17px}.work-list a{display:inline-block;margin-top:20px;min-height:44px}.brief-form{display:grid;gap:18px;margin-top:25px}.brief-form label{font-size:16px;display:grid;gap:8px}.brief-form textarea,.brief-form input{width:100%;border:1px solid #15141844;border-radius:14px;background:#ffffff77;color:var(--ink);padding:14px;resize:vertical;min-height:48px}.brief-form textarea{min-height:110px}.brief-form fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.brief-form legend{font-size:16px;margin-bottom:10px}.brief-form fieldset label{display:flex;align-items:center;gap:8px;background:#ffffff66;border-radius:999px;padding:9px 14px;min-height:44px}.brief-form input[type=radio]{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--ink)}.privacy-copy{font-size:14px;color:#504d55}.brief-output{white-space:pre-wrap;background:#fff8;border-radius:18px;padding:22px;margin-top:24px;font:17px/1.5 Barlow;overflow-wrap:anywhere}.brief-status{min-height:24px;font-size:14px;margin-top:12px}.fallback{margin:20px;padding:24px}.about-boat{width:100px;height:90px;color:var(--orange);display:block;margin-bottom:20px}body.panel-open{overflow:hidden}
@media(max-width:1050px) and (min-width:761px){.app-shell{padding:12px}.mosaic{gap:8px;grid-template-rows:repeat(7,96px)}.tile{padding:17px;border-radius:20px}.tile-title{font-size:25px}.t-website .tile-title{font-size:40px}.t-onsite .tile-title{font-size:35px}.brand-note.bottom{font-size:13px}.brand-note{font-size:10px}.brand-tile :is(h1,.mosaic-brand-heading){font-size:61px}.t-maps .tile-title{font-size:52px}.tile-caption{font-size:13px}.t-platform .tile-title{font-size:19px}.t-booking .tile-title{font-size:23px}.t-computer .tile-art{display:none}.t-software{gap:8px}.flow-demo{scale:.8;transform-origin:left center;width:42px}.t-move,.t-care{padding:12px}.t-move .tile-title,.t-care .tile-title{font-size:21px}.open-mark{right:7px;bottom:5px}.t-email>.tile-art>.icon{height:55px}.brand-tile{border-radius:90px}}
@media(max-width:760px){.app-shell{padding:10px 10px 16px;max-width:600px}.topbar{display:grid;grid-template-columns:1fr auto;height:auto;gap:8px;margin-bottom:10px}.wordmark{width:max-content;height:46px;padding:0 16px 0 11px}.wordmark>span{font-size:22px}.boat{height:34px;width:37px}.motion{height:46px;width:46px;padding:0;justify-content:center}.motion-word{display:none}.filters{grid-column:1/-1;grid-row:2;margin:0;height:46px;justify-content:center;padding:3px}.filters button{flex:1;padding:0 12px;min-height:40px;font-size:14px}.mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(12,82px);gap:8px}.tile{border-radius:21px;padding:16px}.eyebrow{font-size:10px;margin-bottom:15px;letter-spacing:.055em}.tile-title{font-size:27px}.tile-caption{font-size:13px;line-height:1.2;margin-top:15px}.open-mark{right:7px;bottom:7px;width:20px;height:20px}.open-mark .icon{width:16px;height:16px}.t-website{grid-area:1/1/3/3}.t-website .tile-title{font-size:36px;line-height:.94}.t-wifi{grid-area:1/3/2/4}.t-email{grid-area:1/4/2/5}.t-wifi>.tile-art>.icon{width:55px;height:55px}.t-email>.tile-art>.icon{width:48px;height:48px}.t-maps{grid-area:2/3/3/5;padding:12px 17px}.t-maps .tile-title{font-size:39px;line-height:.9}.t-maps .tile-title br{display:none}.t-maps .tile-caption{display:none}.t-platform{grid-area:3/3/4/5}.t-platform .tile-title{font-size:19px;line-height:1.1}.t-onsite{grid-area:3/1/4/3;justify-content:center;padding:13px 16px}.t-onsite .eyebrow,.t-onsite .tile-caption{display:none}.t-onsite .tile-title{font-size:29px}.brand-tile{grid-area:4/1/6/5;border-radius:90px;padding:15px}.brand-tile :is(h1,.mosaic-brand-heading){font-size:60px;line-height:.83}.brand-note{font-size:10px;letter-spacing:.065em;margin-bottom:12px}.brand-note.bottom{font-size:13px;margin-top:12px}.t-printer{grid-area:6/1/7/3}.t-printer>.tile-art>.icon{width:58px;height:58px;stroke-width:1.3}.t-ownership{grid-area:6/3/7/4;border-radius:45px}.t-backup{grid-area:6/4/7/5}.mode-icon>.tile-art>.icon{width:44px;height:44px}.t-speed{grid-area:7/1/8/3}.t-speed .tile-title{font-size:24px}.t-booking{grid-area:7/3/8/5}.t-booking .tile-title{font-size:26px}.t-booking br{display:block}.t-mobile{grid-area:8/1/10/3}.t-mobile .tile-title{font-size:27px}.responsive-demo{width:108px;height:74px;margin-top:0;margin-bottom:10px}.t-cost{grid-area:8/3/9/5}.t-cost .tile-title{font-size:31px}.t-cost .tile-title br{display:block}.t-computer{grid-area:9/3/10/5}.t-computer .tile-title{font-size:22px}.t-computer .tile-art{display:none}.t-human{grid-area:10/1/11/3}.t-human .tile-title{font-size:29px}.t-forms{grid-area:10/3/11/5}.t-forms .tile-title{font-size:23px}.t-software{grid-area:11/1/12/3;gap:10px}.t-software .tile-title{font-size:23px}.flow-demo{width:40px;scale:.72;transform-origin:left center;margin-right:-8px}.t-move{grid-area:11/3/12/5}.t-move .tile-title{font-size:26px}.t-move .tile-art{display:block}.t-care{grid-area:12/1/13/5;justify-content:center!important;border-radius:45px}.t-care .tile-art{display:block}.t-care .tile-title{font-size:27px}.t-care .tile-title br{display:none}.icon-hint{display:none}.dock{width:100%;margin-top:10px;padding:5px}.dock button{flex:1;padding:0 10px;font-size:14px}.dock .start-button{gap:15px;justify-content:center}#detail{padding:10px}.detail-window{border-radius:25px;max-height:none}.detail-top{min-height:64px;padding:10px 14px 10px 20px}.detail-top>span{font-size:11px}.detail-body{padding:26px 22px 32px}.detail-body h2{font-size:39px}.detail-answer{font-size:18px;margin:20px 0}.step-list{grid-template-columns:1fr;gap:8px}.step-list li{padding:17px;display:flex;align-items:flex-start;gap:17px;font-size:16px}.step-list li:before{margin:3px 0 0;font-size:13px;flex:none}.detail-actions{gap:8px}.action{padding:11px 18px;font-size:15px}.service-list,.work-list{grid-template-columns:1fr}.service-list button,.work-list article{padding:21px}.demo-screen h3{font-size:30px}.demo-panel{padding:17px}.detail-tag{font-size:12px}.brief-form fieldset label{font-size:14px;padding:8px 10px}.about-boat{width:80px;height:65px}}
@media(max-width:360px){.mosaic{grid-template-rows:repeat(12,78px);gap:6px}.app-shell{padding:8px}.tile{padding:13px;border-radius:18px}.t-website .tile-title{font-size:31px}.t-onsite .tile-title{font-size:25px}.t-platform .tile-title{font-size:16px}.t-maps .tile-title{font-size:34px}.t-cost .tile-title{font-size:28px}.t-speed .tile-title{font-size:20px}.t-booking .tile-title{font-size:23px}.t-mobile .tile-title{font-size:24px}.t-computer .tile-title{font-size:20px}.t-human .tile-title{font-size:26px}.t-forms .tile-title{font-size:20px}.t-software .tile-title{font-size:20px}.flow-demo{display:none}.t-move .tile-title{font-size:23px}.t-move .tile-art{display:none}.brand-tile{border-radius:85px}.brand-tile :is(h1,.mosaic-brand-heading){font-size:54px}.brand-note.bottom{font-size:12px}.mode-icon>.tile-art>.icon{width:37px;height:37px}.t-wifi>.tile-art>.icon{width:48px}.t-email>.tile-art>.icon{width:42px}.detail-body{padding:24px 17px}.detail-body h2{font-size:34px}.dock button{font-size:13px;padding:0 8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Phone copy keeps its intentional lines and stays within each tile. */
@media(max-width:760px){.t-website .tile-title{font-size:30px;line-height:.97}.eyebrow{font-size:12px;letter-spacing:.02em;margin-bottom:12px}.t-website .tile-caption{font-size:12px;max-width:140px;margin-top:auto}.t-mobile .tile-title{font-size:23px;line-height:.98}.responsive-demo{height:64px;margin-bottom:8px}.brand-note{font-size:12px;letter-spacing:.02em}}
@media(max-width:360px){.t-website .tile-title{font-size:26px}.t-website .eyebrow{font-size:12px}.t-website .tile-caption{font-size:12px}.t-mobile .tile-title{font-size:21px}.brand-note{font-size:11px}.brand-note.bottom{font-size:12px}}

/* The useful little worlds inside the bento. No raster artwork. */
@font-face{font-family:Mono;src:url('/assets/mono.woff2') format('woff2');font-display:swap}
.app-shell{max-width:1500px;padding:18px}.topbar{height:54px;margin-bottom:12px}.wordmark{min-width:225px;height:54px}.filters{height:54px}.motion{height:54px}.mosaic{grid-template-rows:repeat(10,clamp(72px,7.9vh,90px));gap:12px;perspective:1400px}.tile{border-radius:29px;box-shadow:inset 0 1px 0 #ffffff22,0 6px 18px #0002;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s var(--ease),opacity .3s,box-shadow .3s,scale .18s;transform-style:preserve-3d}.tile:after{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,70%) var(--light-y,20%),#ffffff19,transparent 58%);opacity:.7}.tile-title{letter-spacing:-.06em}.tile-title em{font-weight:500}.eyebrow{font-size:12px;letter-spacing:.065em;z-index:5}.tile-caption{font-size:14px;z-index:5}.open-mark{border:1px solid currentColor;border-radius:50%;width:28px;height:28px;opacity:.55;bottom:13px;right:13px}.open-mark .icon{width:16px;height:16px}.tile:hover .open-mark{rotate:90deg}.tile.is-muted{opacity:.25}.scene-art{position:absolute;display:block;pointer-events:none}.scene-art *{animation:none!important}.scene-art,.scene-art *{transition:transform .9s var(--ease),opacity .65s,background-color .6s,box-shadow .7s,stroke-dashoffset 1.7s var(--ease)}.scene-art .icon{stroke-width:1.35}.ready .received,.ready .speed-track i{animation:none!important}.tile.is-performing{box-shadow:inset 0 0 0 1px #ffffff55,0 6px 20px #0003}.tile.is-performing .open-mark{opacity:1}.tile.is-performing .scene-art{--active:1}.tile[data-scene-phase="0"]{--scene-phase:0}.tile[data-scene-phase="1"]{--scene-phase:1}.tile[data-scene-phase="2"]{--scene-phase:2}
.t-website{grid-area:1/1/5/5;background:radial-gradient(ellipse at 100% 110%,#e0bce9,transparent 65%),linear-gradient(135deg,#34256c,#7762af 75%);color:#fcf9ff;padding:27px;justify-content:flex-start}.t-website .tile-title{font-size:clamp(42px,4.4vw,65px);line-height:.91;max-width:360px}.t-website .eyebrow{margin-bottom:18px}.t-website .tile-caption{margin-top:auto;max-width:80%;text-shadow:0 1px 10px #321c7155}.web-scene{inset:41% -1% 38px 8%;perspective:800px;transform:rotate(-5deg)}.web-window{position:absolute;display:block;border-radius:8px;overflow:hidden;box-shadow:0 14px 22px #25113a40;transform-origin:center;isolation:isolate}.front-window{inset:15% 11% 0 0;background:#eeefa1;color:#252721;transform:rotate(-7deg) translateY(4px)}.back-window{inset:0 1% 16% 24%;background:#f2edf5;color:#4c365b;transform:rotate(10deg)}.window-chrome{display:flex;align-items:center;gap:3px;height:17px;padding:0 9px;background:#211b30;color:white;font:8px Mono;letter-spacing:.02em}.window-chrome i{width:3px;height:3px;border-radius:50%;background:#f9f5f188}.mini-head{font:700 clamp(28px,3vw,46px)/.85 Display;letter-spacing:-.06em;display:block;padding:15px 15px 8px}.mini-head em{font-weight:450;font-style:normal}.mini-book{position:absolute;right:14px;bottom:12px;padding:6px 12px;border-radius:50px;background:#293d31;color:white;font-size:11px}.mini-rule{position:absolute;bottom:14px;left:15px;width:27%;height:3px;background:#303e3633}.back-type{display:block;font:550 31px/.9 Display;letter-spacing:-.055em;padding:20px 17px}.web-phone{position:absolute;right:0;bottom:-1px;width:21%;height:79%;border:5px solid #262132;border-radius:17px;background:#c6daf2;color:#203049;box-shadow:0 12px 18px #21152c33;transform:rotate(11deg);padding:22px 6px 12px}.web-phone>span{font:650 17px/.95 Display;letter-spacing:-.04em}.web-phone>i{position:absolute;bottom:12px;left:15%;width:70%;height:9px;background:#263d55;border-radius:10px}.design-token{position:absolute;z-index:3;box-shadow:0 5px 14px #36265426}.token-a{top:-7%;left:0;background:#f8f4ee;color:#373037;border-radius:9px;padding:4px 9px;font:550 24px Display;transform:rotate(-13deg)}.token-b{right:11%;top:-9%;padding:7px;display:flex;gap:4px;border-radius:30px;background:#ffffffde;transform:rotate(9deg)}.token-b i{height:12px;width:12px;border-radius:50%;background:#51659b}.token-b i:nth-child(2){background:#d2afe0}.token-b i:nth-child(3){background:#242329}.editor-cursor{position:absolute;left:58%;top:47%;width:27px;height:27px;color:#faf7ff;filter:drop-shadow(1px 3px 2px #49327166)}.editor-cursor svg{width:100%;height:100%}.t-website[data-scene-phase="0"] .front-window{transform:rotate(-12deg) translate(-14px,20px)}.t-website[data-scene-phase="0"] .back-window{transform:rotate(15deg) translate(10px,-8px)}.t-website[data-scene-phase="0"] .web-phone{transform:rotate(17deg) translate(14px,20px);opacity:.5}.t-website[data-scene-phase="1"] .front-window{transform:rotate(-3deg) translateY(-6px)}.t-website[data-scene-phase="1"] .editor-cursor{transform:translate(-30px,-12px)}.t-website[data-scene-phase="2"] .web-phone{transform:rotate(0) translateY(-5px)}.t-website[data-scene-phase="2"] .token-a{transform:rotate(-4deg) translateY(4px)}
.t-onsite{grid-area:1/8/4/11;padding:25px;background:radial-gradient(ellipse at 100% 100%,#c7edee,transparent 64%),linear-gradient(135deg,#5279a4,#94c5df);color:#163652;justify-content:flex-start}.t-onsite .tile-title{font-size:clamp(34px,3.6vw,52px);line-height:.92;z-index:4}.t-onsite .tile-caption{margin-top:auto}.tech-scene{left:0;right:-6%;height:53%;bottom:9px}.tech-route{width:100%;height:100%;overflow:visible;fill:none;stroke-width:2;stroke-linecap:round}.route-base{stroke:#e6fbff66;stroke-width:10}.route-signal{stroke:#285a81;stroke-dasharray:600;stroke-dashoffset:0}.tech-node{position:absolute;display:grid;place-items:center;border-radius:17px;width:53px;height:53px;background:linear-gradient(140deg,#def6ffdd,#85c0deee);box-shadow:inset 0 1px 1px #ffffffb3,0 7px 17px #27557433;transform:rotate(10deg)}.tech-node .icon{width:29px;height:29px}.node-wifi{left:15%;top:13%;rotate:-16deg}.node-computer{left:55%;top:43%;rotate:3deg}.node-check{right:1%;top:11%;border-radius:50%;width:40px;height:40px;background:#ebf7e9;color:#304c3a;transform:scale(1)}.t-onsite[data-scene-phase="0"] .route-signal{stroke-dashoffset:600}.t-onsite[data-scene-phase="0"] .node-check{opacity:0;transform:scale(.5)}.t-onsite[data-scene-phase="1"] .node-wifi{transform:rotate(-4deg) translateY(-7px)}.t-onsite[data-scene-phase="2"] .node-computer{transform:rotate(-3deg) translateY(-6px)}
.t-wifi{grid-area:1/11/4/13;background:radial-gradient(ellipse at 90% 95%,#2b6075,transparent 60%),#102936;color:#b2e7f2;padding:18px;justify-content:flex-end}.wifi-field{width:210px;height:210px;top:-20px;left:50%;margin-left:-105px}.wifi-field>i{position:absolute;inset:0;border-radius:50%;border:1px solid #9eddeb22;transform:scale(1);opacity:.8}.wifi-field>i:nth-child(2){inset:25px;border-color:#9eddeb44}.wifi-field>i:nth-child(3){inset:50px;border-color:#9eddeb77}.wifi-core{position:absolute;inset:70px;display:grid;place-items:center}.wifi-core .icon{width:47px;height:47px;stroke-width:1.15}.t-wifi .tile-caption{margin:0;font-size:21px;line-height:1.05;width:100%;letter-spacing:-.02em;align-self:flex-start}.t-wifi[data-scene-phase="0"] .wifi-field>i{transform:scale(.65);opacity:.1}.t-wifi[data-scene-phase="1"] .wifi-field>i:nth-child(1){transform:scale(.85);opacity:.3}.t-wifi[data-scene-phase="2"] .wifi-field>i{transform:scale(1.05);opacity:1}
.t-maps{grid-area:1/5/3/8;background:linear-gradient(125deg,#f1eee6,#dfebd0);color:#2b302b;padding:23px;justify-content:flex-start}.t-maps .tile-title{font-size:clamp(43px,4.6vw,64px);line-height:.85;max-width:65%;pointer-events:none}.map-grid{inset:-20%;transform:rotate(-24deg);background:linear-gradient(90deg,transparent 49%,#55664817 49% 50%,transparent 50%),linear-gradient(0deg,transparent 49%,#55664817 49% 50%,transparent 50%);background-size:45px 45px;mask-image:linear-gradient(to right,transparent,#000 45%);-webkit-mask-image:linear-gradient(to right,transparent,#000 45%)}.map-path{position:absolute;right:25%;top:25%;width:34%;height:60%;border:2px dashed #6c856044;border-radius:28px}.map-pin{position:absolute;right:21%;top:36%;transform:rotate(24deg);color:#476543}.map-pin .icon{width:64px;height:64px;stroke-width:1.2;fill:#edf3d8}.map-point{position:absolute;right:32%;top:20%;width:8px;height:8px;background:#688661;border-radius:50%;box-shadow:0 0 0 8px #5f89551a}.point-two{top:80%;right:43%}.map-tag{position:absolute;right:21%;top:77%;transform:rotate(24deg);font-size:12px;background:#fdfaf4;border-radius:30px;padding:5px 9px;box-shadow:0 3px 12px #42513a15}.t-maps[data-scene-phase="0"] .map-pin{transform:rotate(24deg) translateY(-24px);opacity:.2}.t-maps[data-scene-phase="0"] .map-tag{transform:rotate(24deg) translateX(20px);opacity:0}.t-maps[data-scene-phase="1"] .map-pin{transform:rotate(24deg) translateY(-5px)}
.t-platform{grid-area:3/5/4/8;padding:15px 20px;background:#232229;color:#ece6f4;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.platform-window{height:34px;position:relative;overflow:hidden;font:650 27px/34px Display;letter-spacing:-.055em;flex:1}.platform-window span{display:block;transition:transform .7s var(--ease)}.t-platform .tile-caption{font-size:13px;color:#bab0cc;margin:0 22px 0 0;width:45px;line-height:1.15}.t-platform[data-scene-phase="1"] .platform-window span{transform:translateY(-34px)}.t-platform[data-scene-phase="2"] .platform-window span{transform:translateY(-68px)}
.brand-tile{grid-area:4/5/7/11;align-items:flex-start;text-align:left;padding:30px;border-radius:34px;background:radial-gradient(ellipse at 85% 0,#37305488,transparent 60%),radial-gradient(ellipse at 0% 110%,#1c4b6288,transparent 65%),#080c17;color:#f9f6ee;overflow:hidden;justify-content:flex-end}.brand-tile:after{background:radial-gradient(ellipse at 70% 90%,#ff773b0d,transparent 60%)}.brand-tile :is(h1,.mosaic-brand-heading){font-size:clamp(63px,6.4vw,94px);z-index:3;letter-spacing:-.065em;line-height:.82;position:relative}.brand-tile .brand-note{margin:0;position:absolute;left:30px;top:23px;font-size:11px;letter-spacing:.055em;color:#acaebb;z-index:4}.brand-tile .brand-note.bottom{position:relative;left:auto;top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px;margin-top:18px;letter-spacing:0;color:#d9dce2}.tiny-replay{font-size:24px;line-height:1;color:#aeb5c4}.hero-route{position:absolute;right:4%;top:17%;width:31%;height:50%;z-index:2}.hero-route .scene-boat{position:absolute;width:84px;height:72px;right:0;top:0;color:#f6f2ea;fill:currentColor;transform:rotate(-7deg);filter:drop-shadow(0 8px 14px #0006);transition:transform 1.3s var(--ease)}.hero-route i{position:absolute;width:10px;height:10px;border:1px solid #9baeca55;border-radius:50%;right:36%;top:74%;transition:transform 1.2s,opacity 1.2s}.hero-route i:nth-of-type(2){right:61%;top:92%;width:7px;height:7px}.hero-route i:nth-of-type(3){right:91%;top:110%;width:5px;height:5px}.hero-orbit{position:absolute;right:-5%;top:-5%;height:100%;width:70%;border:1px solid #7697ba19;border-radius:50%;transform:rotate(-30deg);pointer-events:none;transition:transform 2s var(--ease),opacity 1s}.orbit-two{right:0;top:15%;height:64%;width:53%}.orbit-three{right:16%;top:44%;height:35%;width:32%;border-color:#8bbfff22}.brand-tile[data-scene-phase="0"] .scene-boat{transform:translate(-20px,10px) rotate(-10deg)}.brand-tile[data-scene-phase="1"] .scene-boat{transform:translate(4px,-5px) rotate(3deg)}.brand-tile[data-scene-phase="1"] .hero-orbit{transform:rotate(-23deg) scale(1.05)}.brand-tile[data-scene-phase="2"] .hero-route i{transform:translate(-8px,6px);opacity:.4}#problem-word{transition:opacity .2s,transform .3s}.word-change #problem-word{opacity:0;transform:translateY(4px)}
.t-printer{grid-area:4/11/6/13;justify-content:flex-end;align-items:flex-start;background:linear-gradient(135deg,#f3dd97,#f5edc8);color:#665226;padding:17px}.printer-scene{inset:0 0 22px}.print-face{position:absolute;left:50%;top:27%;transform:translateX(-50%);z-index:3;background:#f1e0ab;width:65px;height:55px;border-radius:5px}.print-face .icon{width:65px;height:65px;stroke-width:1.35}.queue-sheet{position:absolute;left:37%;top:5%;width:37px;height:48px;background:#fffdf5;border-radius:4px;border:1px solid #9d885438;box-shadow:0 4px 8px #8b78302a;transform:rotate(-15deg)}.queue-sheet b{font:12px Mono;position:absolute;bottom:5px;left:5px}.queue-sheet i{display:block;height:2px;width:70%;margin:7px auto;background:#d4c9ac}.sheet-two{left:49%;top:9%;transform:rotate(12deg)}.printed-sheet{position:absolute;left:38%;top:52%;width:44px;height:60px;background:#fffdf5;box-shadow:0 4px 9px #57441726;border-radius:0 0 5px 5px;padding:7px 5px;z-index:2}.printed-sheet>b{font:650 15px Display;letter-spacing:-.04em}.printed-sheet>i{display:block;width:90%;height:2px;margin:5px 0;background:#9d94783d}.printed-sheet>.icon{position:absolute;bottom:3px;right:3px;width:17px;height:17px;color:#456445}.t-printer .tile-caption{font-size:14px;margin:0;position:relative;width:100%;padding-right:20px}.t-printer[data-scene-phase="0"] .printed-sheet{transform:translateY(-32px);opacity:.1}.t-printer[data-scene-phase="1"] .sheet-two{transform:translate(-10px,20px) rotate(0);opacity:0}.t-printer[data-scene-phase="2"] .printed-sheet{transform:translateY(5px);opacity:1}
.t-email{grid-area:6/11/7/13;background:linear-gradient(115deg,#eebdde,#cdabe7);color:#493752}.email-route{inset:0;display:flex;align-items:center;justify-content:center;gap:22px}.email-packet{display:block;z-index:2}.email-packet .icon{width:38px;height:38px}.email-route>i{position:absolute;left:23%;right:18%;height:1px;border-top:1px dashed #4f2f6255}.inbox-slot{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff5;border:1px solid #ffffff50;z-index:1}.inbox-slot .icon{width:20px;height:20px}.t-email[data-scene-phase="0"] .email-packet{transform:translateX(-10px) rotate(-10deg)}.t-email[data-scene-phase="1"] .email-packet{transform:translateX(26px) rotate(4deg);opacity:.5}.t-email[data-scene-phase="2"] .inbox-slot{background:#f6ecfa;box-shadow:0 0 0 7px #fff2}
.t-mobile{grid-area:5/1/8/3;background:radial-gradient(ellipse at 15% 70%,#8ad5dc,transparent 65%),#366985;color:#e0f7f8;padding:22px;justify-content:flex-end}.mobile-scene{inset:0 0 76px;perspective:700px}.responsive-type{position:absolute;top:8%;left:-8%;font:450 clamp(65px,8vw,110px)/1 Display;letter-spacing:-.09em;color:#bce6eb28;transform:rotate(-12deg)}.phone-frame{display:block;position:absolute;width:83px;height:131px;left:50%;top:15%;margin-left:-41px;border-radius:17px;border:3px solid #dff7fd99;background:linear-gradient(150deg,#d5f0f6,#8fd0dc);color:#234b5c;box-shadow:inset 0 0 0 4px #335a6c,11px 18px 20px #17324333;transform:rotate(12deg);padding:22px 10px 10px}.phone-frame>span{font:650 24px/.85 Display;letter-spacing:-.05em;display:block}.phone-frame>span>em{font-style:normal;font-weight:400}.phone-frame>i{position:absolute;width:44%;height:4px;bottom:11px;left:28%;border-radius:5px;background:#3b687b66}.mobile-orbit{position:absolute;inset:17% -24% 0 13%;border:1px solid #d5faff24;border-radius:50%;transform:rotate(-28deg)}.t-mobile .tile-title{font-size:clamp(24px,2.6vw,35px);line-height:.94}.t-mobile[data-scene-phase="0"] .phone-frame{transform:rotate(16deg) translate(7px,8px)}.t-mobile[data-scene-phase="1"] .phone-frame{transform:rotate(-5deg) translate(-4px,-6px)}.t-mobile[data-scene-phase="2"] .responsive-type{transform:rotate(-4deg) translateX(12px)}
.t-booking{grid-area:5/3/7/5;justify-content:flex-start;background:linear-gradient(125deg,#e5dbb8,#efebdd);color:#3b3c2d;padding:18px}.t-booking .eyebrow{font-size:10px;max-width:120px;letter-spacing:.02em;margin-bottom:13px}.t-booking .tile-title{font-size:clamp(26px,2.7vw,37px);line-height:.88}.t-booking .tile-title br{display:block}.calendar-scene{left:18%;right:-18%;bottom:7%;height:68px;border-radius:10px;background:#fefdf7;box-shadow:0 9px 17px #5c543b22;transform:rotate(-8deg);padding:8px}.calendar-top{font:8px Mono;letter-spacing:.02em;display:block;color:#717567;margin-bottom:8px}.calendar-days{display:flex;gap:4px;align-items:center;font:12px Mono;color:#535c46}.calendar-days>i{font-style:normal;position:relative;display:grid;place-items:center;width:22px;height:26px;flex:none}.booked-day{background:#496941;color:white;border-radius:6px}.booked-day b{position:absolute;inset:0;background:#496941;display:grid;place-items:center;border-radius:6px;opacity:0;transition:opacity .4s,transform .4s}.booked-day .icon{width:17px;height:17px}.t-booking[data-scene-phase="1"] .booked-day b,.t-booking[data-scene-phase="2"] .booked-day b{opacity:1}.t-booking[data-scene-phase="1"] .calendar-scene{transform:rotate(-2deg) translateY(-3px)}
.t-ownership{grid-area:7/3/8/5;background:#212025;color:#f6f0e8;border-radius:27px}.keys-scene{inset:0;display:flex;align-items:center;justify-content:center;gap:14px}.keys-scene .icon{width:38px;height:38px;position:relative;z-index:2;transform:rotate(-15deg);stroke-width:1.3}.key-ring{position:absolute;width:33px;height:33px;left:calc(50% - 52px);top:calc(50% - 25px);border:1px solid #bbabcc55;border-radius:50%}.key-label{display:block;font:12px Mono;letter-spacing:.08em;padding:7px 10px;border-radius:6px;background:#71628a55;border:1px solid #d9c5f51f;transform:rotate(6deg)}.t-ownership[data-scene-phase="1"] .keys-scene .icon{transform:rotate(13deg)}.t-ownership[data-scene-phase="2"] .key-label{transform:rotate(0)}
.t-computer{grid-area:7/5/8/8;background:linear-gradient(125deg,#dbd6de,#f2eeee);color:#343038;padding:14px 20px;gap:12px!important}.t-computer .tile-title{font-size:clamp(20px,1.9vw,26px);line-height:.96}.setup-scene{position:relative;display:flex;gap:4px;flex:none;transform:rotate(-5deg)}.setup-key{display:grid;place-items:center;width:34px;height:34px;background:linear-gradient(150deg,#fffcff,#d5ced9);border-radius:8px;box-shadow:0 3px 0 #a49aaa,0 5px 10px #40344820;font:500 23px Display}.setup-key+span{font-size:17px}.t-computer[data-scene-phase="1"] .setup-key:nth-child(2){transform:translateY(3px);box-shadow:0 1px 0 #a49aaa}.t-human{grid-area:7/8/8/11;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#e9e2dc;color:#332d34;padding:15px 20px}.t-human .tile-title{font-size:30px;line-height:.85}.human-note{font-size:12px;max-width:70px;line-height:1.2;margin-right:14px}.t-forms{grid-area:7/11/8/13;padding:12px;background:#1e2a2d;color:#d3e4d8;justify-content:center;gap:1px}.message-scene{position:relative;display:flex;align-items:center;gap:6px}.message-bubble{background:#d1e5d777;color:#fafff8;border-radius:10px 10px 10px 2px;font:500 21px Display;letter-spacing:-.04em;padding:3px 10px}.message-check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d5ebd4;color:#32483b}.message-check .icon{width:16px;height:16px;stroke-width:2}.t-forms .tile-caption{font-size:12px;margin:4px 0 0}.t-forms[data-scene-phase="0"] .message-check{transform:scale(.2);opacity:0}.t-forms[data-scene-phase="1"] .message-bubble{transform:translateX(3px)}
.t-software{grid-area:8/1/10/5;background:radial-gradient(ellipse at 0 80%,#faaccb55,transparent 70%),linear-gradient(115deg,#674b78,#a37eac);color:#fff0fa;padding:23px;display:block}.t-software .eyebrow{display:block;margin-bottom:14px}.t-software .tile-title{font-size:clamp(35px,3.5vw,49px);line-height:.86;display:block;max-width:48%}.software-scene{left:43%;top:1%;width:63%;height:110%}.software-scene>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#f5d6f755;stroke-width:1.2;stroke-dasharray:5 4}.flow-piece{position:absolute;left:3%;top:8%;display:flex;align-items:center;gap:8px;white-space:nowrap;background:#fbeffa;color:#69466b;padding:10px 13px;border-radius:9px;font-size:13px;transform:rotate(9deg);box-shadow:0 6px 14px #40274722}.flow-piece>b{font:10px Mono;opacity:.5}.piece-two{left:12%;top:39%;transform:rotate(-9deg);background:#e3d5ef}.piece-three{left:0;top:68%;transform:rotate(3deg);background:#e5ecce}.piece-three .icon{width:16px;height:16px}.t-software[data-scene-phase="0"] .piece-one{transform:translateX(12px) rotate(15deg)}.t-software[data-scene-phase="0"] .piece-two{transform:translateX(-10px) rotate(-16deg)}.t-software[data-scene-phase="1"] .piece-one,.t-software[data-scene-phase="1"] .piece-two{transform:rotate(0)}.t-software[data-scene-phase="2"] .flow-piece{transform:rotate(0) translateX(-4px)}
.t-speed{grid-area:8/5/10/8;background:radial-gradient(ellipse at 115% 20%,#6669e2,transparent 70%),#272b65;color:#e9edff;padding:22px;justify-content:flex-start}.speed-heading{font-size:16px;color:#bfc5ec;z-index:3;margin-bottom:11px}.speed-heading s{text-decoration-color:#bcb3fb55}.t-speed .tile-title{font-size:clamp(37px,3.8vw,55px);line-height:.86}.speed-lines{inset:12% -15% 10% 58%;display:flex;gap:10px;transform:rotate(20deg)}.speed-lines i{width:1px;height:100%;background:linear-gradient(transparent,#c5d0ff88,transparent);transform:translateY(0)}.speed-lines i:nth-child(even){opacity:.4;transform:translateY(12px)}.t-speed[data-scene-phase="1"] .speed-lines i{transform:translateY(-22px)}.t-speed[data-scene-phase="2"] .speed-lines i{transform:translateY(15px)}.t-cost{grid-area:8/8/10/11;background:radial-gradient(ellipse at 105% -10%,#f8f2ae,transparent 75%),#ded78c;color:#424028;display:block;padding:22px}.t-cost .eyebrow{display:block;margin-bottom:15px;font-size:11px}.t-cost .tile-title{font-size:clamp(34px,3.3vw,46px);line-height:.88;z-index:3}.t-cost .tile-title br{display:block}.cost-labels{bottom:16px;left:22px;right:10px;display:flex;gap:4px;z-index:2}.cost-labels i{font-size:10px;font-style:normal;border:1px solid #776f3a40;padding:3px 7px;border-radius:30px;background:#f7f1c433}.cost-question{position:absolute;font:650 150px/.8 Display;right:-13px;top:28px;color:#8b7b2033;transform:rotate(14deg);transition:transform 1s var(--ease)}.t-cost[data-scene-phase="1"] .cost-question{transform:rotate(-9deg) translateY(-5px)}
.t-backup{grid-area:8/11/9/13;background:linear-gradient(145deg,#c9dbd5,#a3bdba);color:#365653}.backup-scene{inset:0;display:grid;place-items:center}.backup-scene>.icon{width:41px;height:41px;z-index:3}.backup-scene>span{position:absolute;width:45px;height:45px;border:1px solid #456f6444;border-radius:12px;transform:translate(8px,4px) rotate(12deg)}.backup-scene>span:nth-child(2){transform:translate(-7px,-3px) rotate(-10deg)}.t-backup[data-scene-phase="1"] .backup-scene>span{transform:translate(0,0) rotate(0)}.t-move{grid-area:9/11/10/13;background:#28272b;color:#e5dce8;padding:12px;gap:9px!important}.move-scene{position:relative;display:flex;align-items:center}.move-scene>.icon{width:30px;height:30px}.move-scene>span{display:none}.t-move .tile-title{font-size:23px;line-height:.9}.t-care{grid-area:10/1/11/13;flex-direction:row;align-items:center;justify-content:flex-start!important;gap:17px!important;padding:16px 27px;border-radius:50px;background:#192328;color:#dae7e7}.care-mark .icon{width:33px;height:33px;color:#9fc5c5}.t-care .tile-title{font-size:28px;line-height:1.04}.t-care .tile-title br{display:none}.care-note{margin-left:auto;margin-right:32px;color:#a0b6bd;font-size:14px}.t-care:after{opacity:.2}.dock{position:relative;z-index:12;margin-top:13px}.dock button{padding:0 24px}.t-move .open-mark,.t-forms .open-mark{width:20px;height:20px;right:9px;bottom:9px}.t-move .open-mark>.icon,.t-forms .open-mark>.icon{width:13px;height:13px}
@media(hover:hover){.tile:hover{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff66,0 12px 25px #0003}.tile:hover .scene-art{filter:none}.t-website:hover .editor-cursor{transform:translate(12px,-10px)}.t-maps:hover .map-pin{transform:rotate(24deg) translateY(-5px)}.brand-tile:hover .scene-boat{transform:translate(-9px,-7px) rotate(2deg)}}
@media(min-width:761px) and (max-width:1080px){.app-shell{padding:12px}.mosaic{gap:9px;grid-template-rows:repeat(10,82px)}.tile{padding:18px;border-radius:24px}.t-website .tile-title{font-size:46px}.web-scene{inset:43% -7% 43px 7%}.mini-head{font-size:32px}.web-phone{border-width:3px;border-radius:12px}.web-phone>span{font-size:13px}.back-type{font-size:23px}.mini-book{font-size:9px;padding:4px 7px}.t-onsite .tile-title{font-size:36px}.t-onsite .eyebrow{font-size:11px}.tech-node{width:42px;height:42px}.tech-node .icon{width:25px;height:25px}.t-maps .tile-title{font-size:48px}.platform-window{font-size:23px}.t-platform{padding:13px}.t-platform .tile-caption{font-size:12px;margin-right:18px}.brand-tile{padding:24px}.brand-tile :is(h1,.mosaic-brand-heading){font-size:68px}.brand-tile .brand-note{left:24px}.hero-route .scene-boat{width:68px;height:60px}.t-wifi{padding:15px}.t-wifi .tile-caption{font-size:18px}.wifi-field{width:170px;height:170px;margin-left:-85px;top:-8px}.wifi-core{inset:59px}.wifi-core .icon{width:42px;height:42px}.t-mobile{padding:17px}.t-mobile .tile-title{font-size:27px}.t-booking{padding:15px}.t-booking .tile-title{font-size:29px}.t-booking .eyebrow{font-size:10px}.calendar-scene{left:14%;bottom:9%}.t-printer{padding:13px}.t-printer .tile-caption{font-size:13px}.t-computer{gap:9px!important;padding:13px}.setup-key{width:28px;height:30px;font-size:21px}.setup-key+span{display:none}.t-computer .tile-title{font-size:21px}.t-human .tile-title{font-size:25px}.human-note{font-size:11px;max-width:50px}.t-forms{padding:10px}.message-bubble{font-size:18px}.message-check{width:19px;height:19px}.t-forms .tile-caption{font-size:11px}.t-software .tile-title{font-size:38px}.flow-piece{font-size:11px;gap:5px;padding:9px}.software-scene{left:42%;width:75%;top:8%}.t-cost .tile-title{font-size:35px}.cost-labels{left:18px;gap:3px}.cost-labels i{font-size:9px;padding:3px 5px}.t-speed .tile-title{font-size:42px}.t-move{padding:10px;gap:6px!important}.t-move .tile-title{font-size:20px}.move-scene>.icon{width:25px;height:25px}.t-care .tile-title{font-size:25px}.care-note{font-size:12px}.brand-tile .brand-note.bottom{font-size:13px}}
@media(max-width:760px){body{height:100dvh;overflow:hidden}.app-shell{height:100dvh;display:flex;flex-direction:column;padding:8px 8px max(8px,env(safe-area-inset-bottom));max-width:600px}.topbar{display:flex;flex-wrap:wrap;height:auto;flex:none;gap:7px;margin-bottom:8px;align-items:center}.wordmark{height:44px;min-width:0;flex:1;padding:0 12px;gap:8px}.wordmark>span{font-size:21px}.wordmark .boat{width:33px;height:31px}.motion{width:64px;height:44px}.filters{display:flex;order:3;width:100%;height:43px;padding:3px;flex:none}.filters button{font-size:13px;min-height:37px;padding:0 10px;flex:1}.mosaic{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(13,72px);gap:8px;padding-bottom:5px;perspective:none;position:relative}.tile{padding:15px;border-radius:24px;transform:none;box-shadow:inset 0 1px 0 #ffffff1c;flex-shrink:0}.tile:after{opacity:.6}.tile .open-mark{right:10px;bottom:10px;width:24px;height:24px}.tile .open-mark>.icon{width:15px;height:15px}.eyebrow{font-size:11px;letter-spacing:.02em}.t-website{grid-area:1/1/4/4;padding:17px 15px;justify-content:flex-start}.t-website .eyebrow{font-size:12px;margin-bottom:12px}.t-website .tile-title{font-size:37px;line-height:.9;letter-spacing:-.06em;max-width:100%}.t-website .tile-caption{font-size:12px;line-height:1.1;max-width:75%;margin-top:auto}.web-scene{inset:44% -8% 42px 6%;transform:rotate(-5deg)}.window-chrome{height:10px;padding:0 5px;font-size:5px}.window-chrome i{width:2px;height:2px}.front-window{inset:13% 12% 0 0;border-radius:5px;transform:rotate(-7deg)}.mini-head{font-size:27px;padding:9px 10px}.mini-book{font-size:7px;padding:3px 6px;right:7px;bottom:7px}.mini-rule{left:10px;bottom:9px;height:2px;width:20%}.back-window{inset:0 0 15% 24%;border-radius:5px}.back-type{font-size:18px;padding:11px 10px}.web-phone{width:23%;height:82%;border-width:3px;border-radius:10px;padding:15px 4px 7px}.web-phone>span{font-size:11px}.web-phone>i{height:5px;bottom:7px}.token-a{font-size:17px;padding:3px 6px;border-radius:6px;top:-8%}.token-b{padding:5px;gap:3px;right:7%}.token-b i{height:7px;width:7px}.editor-cursor{width:19px;height:19px}.t-onsite{grid-area:1/4/4/7;padding:17px 15px;justify-content:flex-start}.t-onsite .eyebrow{display:block;font-size:12px;letter-spacing:0;line-height:1.1;margin-bottom:12px;max-width:120px}.t-onsite .tile-title{font-size:37px;line-height:.9}.t-onsite .tile-caption{display:block;font-size:12px;margin-top:auto}.tech-scene{height:47%;bottom:34px;right:-10%;left:-6%}.tech-node{width:35px;height:35px;border-radius:11px}.tech-node .icon{width:21px;height:21px}.node-check{width:29px;height:29px;right:7%;border-radius:50%}.node-check .icon{width:19px;height:19px}.route-base{stroke-width:8}.route-signal{stroke-width:2.5}.t-wifi{grid-area:4/1/6/2;padding:8px;background:radial-gradient(ellipse at 50% 95%,#326d7d,transparent 80%),#142d3b;justify-content:center}.wifi-field{width:142px;height:142px;top:50%;left:50%;margin-left:-71px;margin-top:-71px}.wifi-field>i:nth-child(2){inset:20px}.wifi-field>i:nth-child(3){inset:41px}.wifi-core{inset:52px}.wifi-core .icon{width:36px;height:36px}.t-wifi .tile-caption{display:none}.t-wifi .open-mark{display:none}.brand-tile{grid-area:4/2/6/6;border-radius:25px;padding:17px 14px 13px;justify-content:flex-end;align-items:flex-start}.brand-tile :is(h1,.mosaic-brand-heading){font-size:44px;line-height:.83;letter-spacing:-.07em}.brand-tile .brand-note{display:none}.brand-tile .brand-note.bottom{display:flex;position:relative;font-size:12px;margin-top:12px;left:auto;top:auto;width:100%;letter-spacing:0;color:#c6d2dd}.tiny-replay{font-size:20px}.hero-route{right:4%;top:7%;width:31%;height:45%}.hero-route .scene-boat{width:48px;height:41px;top:0;right:0;opacity:.8}.hero-route i{height:5px;width:5px;top:65%}.hero-route i:nth-of-type(2){height:4px;width:4px;top:80%}.hero-route i:nth-of-type(3){height:3px;width:3px;top:98%}.hero-orbit{height:90%;top:0;right:-15%;width:85%}.orbit-two{width:58%;height:64%;right:0;top:4%}.orbit-three{width:36%;height:39%;right:8%;top:15%}.t-maps{grid-area:4/6/6/7;padding:0;background:#dbe6c4}.t-maps .tile-title{display:none}.t-maps .open-mark{display:none}.map-grid{inset:-20% -110%;mask-image:none;-webkit-mask-image:none;background-size:24px 24px;transform:rotate(-15deg)}.map-pin{right:38%;top:34%;transform:rotate(15deg)}.map-pin .icon{width:38px;height:38px;stroke-width:1.2}.map-tag{display:none}.map-path{right:33%;width:35%;border-radius:17px}.map-point{right:34%;height:5px;width:5px}.point-two{right:58%}.t-mobile{grid-area:6/1/8/4;padding:15px;justify-content:flex-end;background:radial-gradient(ellipse at 30% 20%,#80c1ce,transparent 70%),#3d7590}.mobile-scene{inset:-10% -3% 43px 0}.responsive-type{font-size:94px;top:0;left:-3%}.phone-frame{height:100px;width:65px;left:66%;top:6%;margin-left:-32px;border-radius:13px;border-width:2px;box-shadow:inset 0 0 0 3px #315367,9px 10px 15px #17324333;padding:15px 8px 8px}.phone-frame>span{font-size:20px}.phone-frame>i{height:3px;bottom:8px}.t-mobile .tile-title{font-size:26px;line-height:.91;max-width:155px;z-index:4}.t-printer{grid-area:6/4/8/7;padding:15px;justify-content:flex-end;align-items:flex-start}.printer-scene{inset:-5% 0 28px}.print-face{top:26%;left:53%;width:60px;height:55px}.print-face .icon{width:60px;height:60px}.queue-sheet{width:36px;height:44px;left:35%;top:0}.sheet-two{left:48%;top:5%}.printed-sheet{width:41px;height:58px;top:50%;left:42%}.t-printer .tile-caption{font-size:14px;margin:0;white-space:nowrap}.t-cost{grid-area:8/1/9/4;padding:12px 15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(125deg,#e2d997,#f5ecb8)}.t-cost .eyebrow{font-size:10px;margin:0 0 5px;letter-spacing:.03em}.t-cost .tile-title{font-size:25px;line-height:1;z-index:2}.t-cost .tile-title br{display:none}.cost-labels{display:none}.cost-question{font-size:88px;right:0;top:5px;opacity:.7}.t-platform{grid-area:8/4/9/7;padding:12px 14px;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px}.platform-window{height:28px;flex:none;font-size:24px;line-height:28px;width:100%}.t-platform[data-scene-phase="1"] .platform-window span{transform:translateY(-28px)}.t-platform[data-scene-phase="2"] .platform-window span{transform:translateY(-56px)}.t-platform .tile-caption{font-size:12px;width:auto;margin:0}.t-email{grid-area:9/1/10/3;border-radius:25px}.email-route{gap:17px}.email-packet .icon{width:32px;height:32px}.inbox-slot{width:27px;height:27px;border-radius:8px}.inbox-slot .icon{width:17px;height:17px}.t-ownership{grid-area:9/3/10/5;border-radius:25px}.keys-scene{gap:7px}.keys-scene .icon{width:29px;height:29px}.key-label{font-size:9px;padding:5px 6px}.key-ring{width:25px;height:25px;left:calc(50% - 35px);top:calc(50% - 22px)}.t-backup{grid-area:9/5/10/7}.backup-scene>.icon{width:33px;height:33px}.backup-scene>span{width:37px;height:37px}.t-human{grid-area:10/1/11/4;padding:12px 15px;gap:5px}.t-human .tile-title{font-size:29px;line-height:.82}.human-note{font-size:10px;max-width:49px;line-height:1.1;margin-right:9px}.t-computer{grid-area:10/4/11/7;padding:12px 14px;gap:8px!important}.setup-key{width:29px;height:31px;font-size:22px;border-radius:7px}.setup-key+span{display:none}.setup-scene{flex:none;transform:rotate(-8deg)}.t-computer .tile-title{font-size:21px;line-height:.92}.t-forms{grid-area:11/1/12/4;padding:12px 15px;gap:3px}.message-bubble{font-size:22px;padding:3px 10px}.message-check{width:22px;height:22px}.t-forms .tile-caption{font-size:12px;margin:0}.t-speed{grid-area:11/4/12/7;padding:12px 15px;justify-content:center}.speed-heading{font-size:12px;margin:0 0 5px}.t-speed .tile-title{font-size:28px;line-height:1}.t-speed .tile-title br{display:none}.speed-lines{inset:-5% -17% -5% 70%;gap:7px}.t-software{grid-area:12/1/13/4;padding:12px 15px;display:block}.t-software .eyebrow{font-size:9px;margin:0 0 8px;letter-spacing:.03em}.t-software .tile-title{font-size:28px;line-height:.88;max-width:80%;position:relative;z-index:3}.t-software .tile-title br{display:none}.software-scene{left:69%;top:-6%;width:80%;height:115%;opacity:.55}.flow-piece{font-size:8px;gap:4px;padding:6px 8px;border-radius:6px}.flow-piece>b{font-size:7px}.piece-three .icon{width:12px;height:12px}.t-move{grid-area:12/4/13/7;padding:12px 16px;gap:11px!important}.move-scene>.icon{width:30px;height:30px}.t-move .tile-title{font-size:25px;line-height:.91}.t-care{grid-area:13/1/14/7;padding:15px 22px;gap:13px!important;border-radius:35px;justify-content:flex-start!important}.t-care .tile-title{font-size:25px;line-height:1}.t-care .tile-title br{display:block}.care-mark .icon{width:30px;height:30px}.care-note{display:none}.dock{flex:none;margin-top:8px;height:52px;width:100%;padding:4px;box-shadow:inset 0 1px 0 #ffffff1a}.dock button{padding:0 15px;font-size:13px;min-height:44px}.dock .start-button{gap:10px;flex:1.1}.brand-tile :is(h1,.mosaic-brand-heading){max-width:100%}.t-wifi[data-scene-phase="2"] .wifi-field>i{transform:scale(1.03)}}
@media(max-width:360px){.mosaic{grid-template-rows:repeat(13,68px);gap:7px}.app-shell{padding:7px}.topbar{gap:6px}.wordmark>span{font-size:19px}.wordmark .boat{width:28px}.wordmark .nyc{font-size:10px}.tile{border-radius:21px}.t-website,.t-onsite{padding:14px 12px}.t-website .tile-title,.t-onsite .tile-title{font-size:31px}.t-website .eyebrow,.t-onsite .eyebrow{font-size:11px}.web-scene{inset:44% -8% 43px 5%}.mini-head{font-size:24px;padding:8px}.web-phone>span{font-size:9px}.back-type{font-size:15px}.t-website .tile-caption{font-size:11px;max-width:90px}.t-onsite .tile-caption{font-size:11px}.brand-tile{padding:16px 11px 13px;border-radius:23px}.brand-tile :is(h1,.mosaic-brand-heading){font-size:36px;letter-spacing:-.065em}.brand-tile .brand-note.bottom{font-size:11px;margin-top:12px}.hero-route .scene-boat{width:39px;height:34px}.t-mobile,.t-printer{padding:12px}.t-mobile .tile-title{font-size:23px;max-width:130px}.phone-frame{width:57px;height:93px;left:65%;margin-left:-28px}.phone-frame>span{font-size:18px}.t-printer .tile-caption{font-size:12px}.print-face{left:50%}.printed-sheet{left:37%}.queue-sheet{left:29%}.sheet-two{left:45%}.platform-window{font-size:21px}.t-cost .tile-title{font-size:23px}.t-cost .eyebrow{font-size:9px}.t-cost,.t-platform{padding:12px}.t-human{padding:12px}.t-human .tile-title{font-size:27px}.human-note{display:none}.t-computer{padding:12px;gap:5px!important}.setup-key{width:25px;height:28px;font-size:20px}.t-computer .tile-title{font-size:18px}.t-software{padding:12px}.t-software .tile-title{font-size:25px}.t-speed{padding:12px}.t-speed .tile-title{font-size:25px}.t-move{padding:12px;gap:8px!important}.t-move .tile-title{font-size:22px}.move-scene>.icon{width:25px;height:25px}.t-care .tile-title{font-size:23px}.tile .open-mark{width:20px;height:20px;right:8px;bottom:8px}.tile .open-mark>.icon{width:13px;height:13px}.t-email .open-mark,.t-ownership .open-mark,.t-backup .open-mark{display:none}.keys-scene{gap:4px}.keys-scene .icon{width:26px}.key-label{font-size:8px;padding:4px 5px}.email-route{gap:9px}.t-forms{padding:12px}.t-forms .tile-caption{font-size:11px}.t-cost .tile-title{max-width:100%}}
@media(prefers-reduced-motion:reduce){.tile{transform:none!important}.scene-art,.scene-art *,#problem-word,.hero-orbit,.hero-route *{transition:none!important;animation:none!important}}
.queue-example{display:flex;gap:8px;flex-wrap:wrap}.queue-job{border:1px solid #15141822;border-radius:10px;padding:14px;background:#fffc;transform:rotate(-3deg);transition:transform .45s var(--ease),background .4s}.queue-job:nth-child(2){transform:rotate(3deg)}.queue-job.printed{transform:translateY(4px) rotate(0);background:#d9eccf}.demo-controls button:disabled{opacity:.6;cursor:default}.facts-example{display:flex;align-items:center;gap:17px;min-height:75px}.facts-pin{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#ffffff88;transform:rotate(-12deg);transition:transform .45s var(--ease),background .45s}.facts-pin .icon{width:32px;height:32px}.facts-complete .facts-pin{transform:rotate(0);background:#d4e5c3}.facts-preview{font:550 26px/1 Display;letter-spacing:-.04em}.mail-example{display:flex;align-items:center;gap:10px}.mail-example>span{padding:14px 18px;border-radius:12px;background:#ffffff66;transition:background .3s,color .3s,transform .3s}.mail-example>i{flex:1;min-width:8px;height:1px;background:#15141844}.mail-example .mail-active{background:#3a3148;color:#fff;transform:translateY(-3px)}@media(max-width:760px){.mail-example{gap:6px}.mail-example>span{padding:12px 10px;font-size:14px}.facts-preview{font-size:24px}.queue-job{padding:12px;font-size:14px}}
/* Keep primary language clear of the moving scenes at every canvas size. */
.t-website .tile-title{font-size:clamp(42px,4.1vw,59px);line-height:.93;text-wrap:nowrap}.web-scene{inset:57% -1% 48px 9%;transform:rotate(-3deg)}.front-window{transform:rotate(-5deg)}.back-window{transform:rotate(6deg)}.token-a{top:-1%}.token-b{top:-4%}.t-website[data-scene-phase="0"] .front-window{transform:rotate(-7deg) translate(-8px,7px)}.t-website[data-scene-phase="0"] .back-window{transform:rotate(8deg) translate(6px,-3px)}.mini-head{font-size:clamp(28px,2.6vw,38px);padding-top:11px}.web-phone{height:104%;bottom:-1%;padding-top:17px}.web-phone>span{font-size:15px}.t-onsite .tile-title{font-size:clamp(34px,3.35vw,48px)}.tech-scene{height:39%;bottom:31px}.t-mobile .tile-title{font-size:clamp(22px,1.95vw,28px);line-height:.96;text-wrap:nowrap}.mobile-scene{inset:0 0 90px}.phone-frame{top:8%}.t-booking .eyebrow{display:none}.t-booking .tile-title{font-size:31px;line-height:.95;text-wrap:nowrap}.calendar-scene{height:53px;bottom:8%;left:12%;right:-12%;padding:7px}.calendar-top{margin-bottom:4px}.calendar-days>i{height:22px}.t-care .tile-title{font-size:27px}.t-cost .tile-title{font-size:42px}.t-cost .cost-labels{bottom:12px}.t-platform .platform-window{min-width:0}
@media(min-width:761px) and (max-width:1080px){.t-website .tile-title{font-size:44px}.web-scene{inset:58% -2% 46px 7%}.mini-head{font-size:30px}.web-phone{width:24%;padding:15px 5px}.web-phone>span{font-size:12px}.t-mobile .tile-title{font-size:22px}.phone-frame{width:71px;height:118px;margin-left:-35px}.phone-frame>span{font-size:22px}.t-onsite .tile-title{font-size:35px}.tech-scene{height:36%;bottom:34px}.t-booking .tile-title{font-size:25px}.calendar-days{gap:2px;font-size:10px}.calendar-days>i{width:18px}.t-cost .tile-title{font-size:34px}.t-care .tile-title{font-size:24px}}
@media(max-width:760px){.mosaic{grid-template-rows:repeat(15,72px)}.t-website{grid-area:1/1/5/4}.t-onsite{grid-area:1/4/5/7}.t-wifi{grid-area:5/1/7/2}.brand-tile{grid-area:5/2/7/6}.t-maps{grid-area:5/6/7/7}.t-mobile{grid-area:7/1/9/4}.t-printer{grid-area:7/4/9/7}.t-cost{grid-area:9/1/10/4}.t-platform{grid-area:9/4/10/7}.t-email{grid-area:10/1/11/3}.t-ownership{grid-area:10/3/11/5}.t-backup{grid-area:10/5/11/7}.t-human{grid-area:11/1/12/4}.t-computer{grid-area:11/4/12/7}.t-forms{grid-area:12/1/13/4}.t-speed{grid-area:12/4/13/7}.t-software{grid-area:13/1/14/4}.t-move{grid-area:13/4/14/7}.t-booking{grid-area:14/1/16/4;padding:15px}.t-care{grid-area:14/4/16/7;padding:18px 15px;display:flex;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;border-radius:24px}.t-care .tile-title{font-size:22px;line-height:1.04;text-wrap:initial;max-width:130px}.care-mark .icon{height:26px;width:26px}.t-care .tile-title em{font-size:19px}.t-care .open-mark{display:none}.t-website .tile-title,.t-onsite .tile-title{font-size:37px}.web-scene{inset:51% -7% 51px 7%;transform:rotate(-3deg)}.web-phone{height:98%;width:24%;padding:14px 4px 7px}.web-phone>span{font-size:11px}.mini-head{font-size:26px;padding:8px}.t-website .tile-caption{max-width:85%;font-size:12px}.tech-scene{height:38%;bottom:50px;left:-7%;right:-2%}.tech-node{width:42px;height:42px}.tech-node .icon{width:25px;height:25px}.node-check{width:31px;height:31px;right:4%;top:18%}.node-check .icon{width:19px;height:19px}.t-onsite .tile-caption{font-size:12px;max-width:100%}.t-mobile .tile-title{font-size:25px;line-height:.94}.mobile-scene{inset:0 0 57px}.phone-frame{height:82px;width:55px;left:70%;top:1%;margin-left:-28px;padding:13px 7px 7px}.phone-frame>span{font-size:16px}.phone-frame>i{height:3px;bottom:7px}.responsive-type{font-size:90px;top:-8%}.t-cost .tile-title{font-size:24px;text-wrap:nowrap}.t-cost .eyebrow{font-size:10px}.t-booking .tile-title{font-size:29px;line-height:.92}.calendar-scene{height:50px;bottom:8%;left:15%;right:-9%}.calendar-top{font-size:7px}.calendar-days{gap:2px;font-size:10px}.calendar-days>i{width:19px;height:22px}.t-speed .tile-title{font-size:26px;text-wrap:nowrap}.t-software .tile-title{font-size:26px;text-wrap:nowrap}.t-platform .platform-window{font-size:23px}}
@media(max-width:360px){.mosaic{grid-template-rows:repeat(15,68px)}.t-website .tile-title,.t-onsite .tile-title{font-size:31px}.web-scene{inset:51% -10% 51px 6%}.mini-head{font-size:23px}.web-phone>span{font-size:9px}.t-mobile .tile-title{font-size:22px}.phone-frame{left:72%;height:77px;width:51px}.phone-frame>span{font-size:15px}.t-cost .tile-title{font-size:21px}.t-speed .tile-title{font-size:23px}.t-software .tile-title{font-size:23px}.t-booking{padding:13px}.t-booking .tile-title{font-size:25px}.t-care{padding:14px 12px;gap:8px!important}.t-care .tile-title{font-size:19px}.t-care .tile-title em{font-size:17px}.t-platform .platform-window{font-size:20px}.t-booking .open-mark{display:none}}
.front-window .mini-head{font-size:clamp(25px,2.2vw,32px);padding:9px 12px}.t-website .tile-caption{font-size:12px;width:max-content;max-width:85%;padding:5px 8px;border-radius:8px;background:#2e2257e6;align-self:flex-start;margin-left:-8px}.t-mobile .open-mark,.t-cost .open-mark,.t-speed .open-mark,.t-software .open-mark{display:none}.t-care .tile-title em:before{content:' '}.t-platform{background:linear-gradient(115deg,#1c1c22,#302b39);box-shadow:inset 0 1px 0 #ffffff22,inset 0 -12px 22px #0e0c1433}.t-platform:before{content:'';position:absolute;right:4%;top:-40%;width:40%;height:180%;border:1px solid #cfc0ed12;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.t-forms{background:radial-gradient(ellipse at 100% 100%,#42595155,transparent 70%),#1b2729;box-shadow:inset 0 1px 0 #edfff71a,inset 0 -8px 13px #10181955}.t-move{background:linear-gradient(120deg,#202023,#332f36)}.t-move:before{content:'';position:absolute;inset:0 -40% 0 75%;border-left:1px dashed #d8c4f026;transform:skewX(-18deg);pointer-events:none}.wake-route{position:absolute;right:-2%;top:10%;width:280%;height:190%;overflow:visible;fill:none;stroke:#a5bdd177;stroke-width:1;stroke-linecap:round;pointer-events:none;z-index:-1}.wake-route path{stroke-dasharray:380;stroke-dashoffset:0;transition:stroke-dashoffset 1.5s var(--ease),opacity .7s;opacity:.5}.brand-tile[data-scene-phase="0"] .wake-route path{stroke-dashoffset:380;opacity:0}.brand-tile[data-scene-phase="1"] .wake-route path{stroke-dashoffset:0;opacity:.9}
@media(max-width:760px){.front-window .mini-head{font-size:26px;padding:8px}.t-website .tile-caption{font-size:12px;max-width:90%;padding:4px 6px;margin-left:-6px;background:#302452dd}.t-software .tile-title{font-size:22px;max-width:100%}.software-scene{opacity:.19;left:68%}.t-care .tile-title em:before{content:none}.wake-route{stroke-width:1.5;width:300%}}
@media(max-width:360px){.front-window .mini-head{font-size:22px;padding:8px}.t-website .tile-caption{font-size:11px}.t-software .tile-title{font-size:19px;letter-spacing:-.05em}.t-software .eyebrow{font-size:9px;letter-spacing:0}.t-cost .tile-title{font-size:20px}.software-scene{opacity:.13}}

/* Satin enamel faces, fine metal controls and one resin signature. */
html,body{height:100%;overflow:hidden;background:#08090b}body{background:#08090b}.app-shell{height:100dvh;max-width:1760px;width:100%;display:flex;flex-direction:column;padding:16px 18px 12px}.topbar{flex:none;margin-bottom:12px}.mosaic{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;align-content:start;padding:1px 1px 6px;perspective:none;scroll-behavior:auto}.mosaic::-webkit-scrollbar{display:none}.dock{flex:none;margin-top:10px;height:54px;position:relative}.tile{border-radius:24px;box-shadow:inset 0 1px 0 #ffffff45,inset 1px 0 0 #ffffff13,inset 0 -1px 0 #0005,0 2px 4px #0003;transform:none;transition:transform .35s var(--ease),scale .18s var(--ease),box-shadow .35s,opacity .3s}.tile:after{z-index:6;opacity:.58;background:radial-gradient(ellipse at var(--light-x,15%) var(--light-y,-35%),#ffffff35,transparent 69%);mix-blend-mode:soft-light}.tile:before{pointer-events:none}.tile.is-muted{opacity:1}.tile:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff70,inset 0 0 0 1px #ffffff25,0 3px 8px #0003}.tile:active{scale:.96;box-shadow:inset 0 2px 5px #0003}.tile:focus-visible{outline:3px solid #f5f2e9;outline-offset:-5px}.tile.is-performing{box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #0004}.brand-tile{border-radius:30px;background:radial-gradient(ellipse at 5% 115%,#263e5166,transparent 62%),linear-gradient(125deg,#1c1c25,#0c0d16 75%);box-shadow:inset 0 1px 0 #c8d9ed40,inset 1px 0 0 #dae6ff25,inset 0 -1px 0 #7c81943d,0 0 0 1px #a2b0d511}.brand-tile:after{background:linear-gradient(125deg,#dce6ff08,transparent 40% 70%,#dce6ff10);opacity:1;mix-blend-mode:normal}.brand-tile .hero-orbit{border-color:#bac4db13}.brand-tile strong{color:var(--orange)}
.pill,.dock{background:linear-gradient(160deg,#2b2b30,#17181c 65%);border:1px solid #d9d9ef14;box-shadow:inset 0 1px 0 #ffffff14,0 2px 6px #0003;backdrop-filter:none}.filters button[aria-pressed=true],.dock .start-button{background:linear-gradient(155deg,#f3f1eb,#d7d6d2);color:#222326;box-shadow:inset 0 1px 0 #fff,0 1px 3px #0004}.filters button,.dock button,.motion{transition:background-color .2s,scale .16s,box-shadow .2s}.filters button:active,.dock button:active,.motion:active{scale:.96}.open-mark{backdrop-filter:none;background:#ffffff08;border-color:currentColor;opacity:.28}.tile:hover .open-mark,.tile:focus-visible .open-mark{opacity:.8}.tile:not(.t-website):not(.t-onsite):not(.t-maps):not(.t-care)>.open-mark{display:none}.filters .tile-count{font:10px Mono;margin-left:6px;opacity:.55}.mosaic[data-world]:not([data-world=all]) .tile{opacity:1}.world-route{z-index:8}.world-route-base{stroke:#d0c5ff14}.world-route-pulse{stroke-width:1}.mosaic:not(.is-routing) .world-route{opacity:.07}.detail-window{box-shadow:inset 0 1px 0 #fff9,0 0 0 1px #cfd9ed28,0 25px 70px #0007}.detail-top{box-shadow:inset 0 1px 0 #fff3}.step-list li,.demo-panel{background:linear-gradient(140deg,#ffffff88,#ffffff45);box-shadow:inset 0 1px 0 #fff7,inset 0 -1px 0 #00000008}.detail-top button,.action{box-shadow:inset 0 1px 0 #ffffff2b,0 2px 3px #0002}.detail-top button:active,.action:active{scale:.96}
/* New fragments use the same type and icon vocabulary, with real changes of scale. */
.new-tile{container-type:inline-size;isolation:isolate;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;padding:22px;gap:10px!important;--face:#ded3e9;--ink-face:#302539;background:radial-gradient(ellipse at 10% -30%,#ffffff40,transparent 80%),var(--face);color:var(--ink-face)}
.new-tile.lilac{--face:#b9a0d0;--ink-face:#30243d}.new-tile.mint{--face:#c4d6bd;--ink-face:#2d4539}.new-tile.blue{--face:#83adb9;--ink-face:#183a45}.new-tile.yellow{--face:#e5de99;--ink-face:#494426}.new-tile.ivory{--face:#e3e0d7;--ink-face:#373935}.new-tile.pink{--face:#ceaac2;--ink-face:#4d3046}.new-tile.dark{--face:#21282d;--ink-face:#d3dfdc}.new-tile.cobalt{--face:#42468a;--ink-face:#efedf7}
.new-tile .tile-title{font-size:clamp(25px,15cqw,62px);line-height:.92;letter-spacing:-.055em;max-width:100%;font-weight:580;text-wrap:balance;margin:0;z-index:3}.new-tile .tile-title em{font-weight:380}.new-tile .fragment-kicker{font:10px Mono;letter-spacing:.06em;opacity:.7;position:relative;z-index:3;text-transform:uppercase;line-height:1.2}.new-tile .fragment-caption{font-size:13px;line-height:1.15;opacity:.85;max-width:88%;position:relative;z-index:3;margin-top:auto}.new-tile .fragment-icon{display:block;width:clamp(30px,24cqw,72px);height:clamp(30px,24cqw,72px);stroke-width:1.1;position:relative;z-index:3;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex:none}.new-tile .fragment-art{position:relative;display:grid;place-items:center;align-self:center;width:100%;flex:1;min-height:35px;pointer-events:none;z-index:1}.new-tile .fragment-art svg{display:block;max-width:100%;max-height:100%;overflow:visible}.new-tile .fragment-art *, .new-tile .fragment-icon{transition:transform 1s var(--ease),opacity .7s,stroke-dashoffset 1.3s var(--ease),fill .6s}.new-tile.mode-type .tile-title{margin:auto 0}.new-tile.mode-type .fragment-kicker{max-width:80%}.new-tile.mode-type .fragment-caption{margin-top:0}.new-tile.mode-type:before{content:attr(data-glyph);position:absolute;right:-2%;bottom:-18%;font:500 clamp(120px,90cqw,370px)/1 Display;letter-spacing:-.12em;opacity:.06;pointer-events:none}.new-tile.mode-icon{align-items:center!important;justify-content:center!important}.new-tile.mode-icon .fragment-art{min-height:0;flex:0;width:80%;height:80%}.new-tile.mode-icon .fragment-icon{width:clamp(38px,32cqw,88px);height:clamp(38px,32cqw,88px)}.new-tile .fragment-reveal{position:absolute;inset:auto 8px 7px;font-size:11px;text-align:center;padding:5px 7px;line-height:1.15;color:var(--ink-face);background:var(--face);border-radius:8px;opacity:0;transform:translateY(4px);z-index:5;transition:opacity .2s,transform .2s}.new-tile:is(:hover,:focus-visible) .fragment-reveal{opacity:1;transform:none}.new-tile.mode-animation .fragment-art{position:absolute;inset:10px 8px 30px;width:auto;height:auto}.new-tile.mode-animation .fragment-caption{align-self:center;text-align:center;max-width:95%;margin-top:auto;font-size:12px}.new-tile[data-shape=strip]{padding:14px 20px;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.new-tile[data-shape=strip] .tile-title{font-size:clamp(21px,8.5cqw,35px);line-height:.99;text-wrap:initial;max-width:86%}.new-tile[data-shape=strip] .fragment-kicker,.new-tile[data-shape=strip] .fragment-caption{display:none}.new-tile[data-shape=strip] .fragment-icon{width:32px;height:32px}.new-tile[data-shape=strip].mode-type .tile-title br{display:none}.new-tile[data-shape=strip] .fragment-art{height:52px;min-height:0}.new-tile[data-shape=strip].mode-icon .fragment-art{width:100%;height:100%}.new-tile[data-shape=strip].mode-icon .fragment-icon{width:38px;height:38px}.new-tile[data-shape=strip].mode-animation .fragment-art{inset:5px 16px;width:auto;height:auto}.new-tile[data-shape=tower] .tile-title{font-size:clamp(24px,17cqw,39px)}.new-tile[data-shape=tower].mode-mixed .fragment-icon{width:48px;height:48px}
/* Ten finite visual sentences; the scene scheduler activates at most two visible tiles. */
.fragment-diagram{width:100%;height:100%;stroke:currentColor;stroke-width:1;fill:none;stroke-linecap:round;stroke-linejoin:round}.fragment-diagram .solid{fill:currentColor;stroke:none;opacity:.14}.fragment-diagram .faint{opacity:.25}.fragment-diagram .trace{stroke-dasharray:320;stroke-dashoffset:0}.new-tile[data-scene-phase="0"] .trace{stroke-dashoffset:320}.new-tile[data-scene-phase="0"] .resolve{opacity:0;transform:translateY(8px)}.new-tile[data-scene-phase="1"] .resolve{opacity:.4}.new-tile[data-scene-phase="2"] .resolve{opacity:1;transform:none}.new-tile .orbit-core{transform-origin:80px 60px}.new-tile[data-scene-phase="0"] .orbit-core{transform:scale(.75) rotate(-20deg)}.new-tile[data-scene-phase="1"] .orbit-core{transform:scale(1.05) rotate(6deg)}.new-tile .tile-block{transform-origin:center;transform-box:fill-box}.new-tile[data-scene-phase="0"] .tile-block:nth-child(2n){transform:translate(8px,-8px) rotate(8deg);opacity:.2}.new-tile[data-scene-phase="1"] .tile-block:nth-child(2n){transform:translate(-2px,2px)}.new-tile .chart-bar{transform-origin:center bottom;transform-box:fill-box}.new-tile[data-scene-phase="0"] .chart-bar{transform:scaleY(.2);opacity:.4}.new-tile[data-scene-phase="1"] .chart-bar:nth-child(2n){transform:scaleY(.6)}.new-tile[data-scene-phase="0"] .switch-knob{transform:translateX(-43px)}.new-tile[data-scene-phase="1"] .switch-knob{transform:translateX(-12px)}.new-tile .scan-line{opacity:.4}.new-tile[data-scene-phase="0"] .scan-line{transform:translateY(-30px);opacity:0}.new-tile[data-scene-phase="1"] .scan-line{transform:translateY(17px);opacity:.8}.new-tile[data-scene-phase="2"] .scan-line{transform:translateY(25px);opacity:0}.fragment-type{font:500 clamp(50px,38cqw,110px)/1 Display;letter-spacing:-.08em;display:block;position:relative}.fragment-type span{display:inline-block;font-weight:300}.new-tile[data-scene-phase="0"] .fragment-type span{transform:translateY(7px) rotate(12deg);opacity:.35}.new-tile[data-scene-phase="1"] .fragment-type span{transform:translateY(-3px) rotate(-4deg)}.new-tile.mode-mixed[data-shape=landscape]{flex-direction:row!important;align-items:center!important}.new-tile.mode-mixed[data-shape=landscape] .tile-title{max-width:72%}.new-tile.mode-mixed[data-shape=landscape] .fragment-icon{width:50px;height:50px}.new-tile.mode-mixed .fragment-kicker{display:none}
@media(min-width:761px) and (max-width:1080px){.app-shell{padding:12px}.mosaic{gap:9px}.new-tile{padding:17px}.new-tile[data-shape=strip]{padding:12px 15px}.new-tile .tile-title{font-size:clamp(22px,15cqw,50px)}.new-tile .fragment-kicker{font-size:9px}.new-tile .fragment-caption{font-size:12px}}
@media(max-width:760px){.app-shell{padding:8px 10px 7px;max-width:760px}.topbar{margin-bottom:8px}.mosaic{gap:8px;padding:1px 1px 4px}.tile{border-radius:22px}.brand-tile{border-radius:24px}.new-tile{padding:16px;gap:9px!important}.new-tile .tile-title{font-size:clamp(23px,19cqw,39px);line-height:.96}.new-tile .fragment-kicker{font-size:9px;letter-spacing:.025em}.new-tile .fragment-caption{font-size:12px;line-height:1.2}.new-tile.mode-mixed .fragment-icon{width:37px;height:37px}.new-tile[data-shape=tower]{padding:15px 12px}.new-tile[data-shape=tower] .tile-title{font-size:clamp(21px,24cqw,34px)}.new-tile[data-shape=strip]{padding:12px 15px}.new-tile[data-shape=strip] .tile-title{font-size:clamp(20px,10cqw,27px)}.new-tile[data-shape=strip] .fragment-icon{width:27px;height:27px}.new-tile[data-shape=strip].mode-icon .fragment-icon{width:33px;height:33px}.new-tile.mode-animation .fragment-caption{font-size:11px;max-width:100%}.new-tile .fragment-reveal{font-size:10px}.new-tile.mode-animation .fragment-art{inset:8px 5px 30px}.new-tile.mode-icon{padding:8px}.dock{height:52px;width:100%;margin-top:7px}.filters .tile-count{font-size:9px;margin-left:4px}.mosaic[data-world]:not([data-world=all]) .new-tile{border-radius:22px}.tile:hover{transform:none}.world-related.new-tile .tile-title{font-size:clamp(23px,19cqw,39px)}.world-related.new-tile[data-shape=strip] .tile-title{font-size:clamp(20px,10cqw,27px)}}
@media(max-width:360px){.app-shell{padding:7px}.mosaic{gap:7px}.tile{border-radius:20px}.new-tile{padding:13px}.new-tile .fragment-caption{font-size:11px}.new-tile[data-shape=strip]{padding:11px 12px}.new-tile[data-shape=tower]{padding:13px 10px}.filters .tile-count{display:none}}
@media(prefers-reduced-motion:reduce){.new-tile *,.tile:after{transition:none!important;animation:none!important}.tile{transform:none!important}}
/* Intrinsic icon sizing survives both row and column fragments. */
.new-tile.mode-icon .fragment-art{flex:none}.new-tile.mode-mixed .fragment-icon{width:clamp(30px,15cqw,50px);height:clamp(30px,15cqw,50px)}.new-tile.mode-mixed .tile-title{font-size:clamp(24px,12cqw,50px)}.new-tile .fragment-diagram .solid.resolve{opacity:.14}.new-tile[data-scene-phase="0"] .fragment-diagram .solid.resolve{opacity:0}.new-tile>.fragment-icon path{stroke-dasharray:170;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s var(--ease)}.new-tile[data-scene-phase="0"]>.fragment-icon path{stroke-dashoffset:170}.new-tile[data-scene-phase="1"]>.fragment-icon{transform:translateY(-3px)}
@media(max-width:760px){.new-tile.mode-mixed .tile-title,.world-related.new-tile.mode-mixed .tile-title{font-size:clamp(23px,16cqw,34px)}.new-tile.mode-mixed .fragment-icon{width:34px;height:34px}.new-tile.mode-mixed[data-shape=strip] .tile-title,.world-related.new-tile.mode-mixed[data-shape=strip] .tile-title{font-size:clamp(20px,10cqw,27px)}.new-tile.mode-mixed[data-shape=strip] .fragment-icon{width:27px;height:27px}.new-tile.mode-mixed[data-shape=tower] .tile-title{font-size:clamp(21px,24cqw,30px)}}
.new-tile .fragment-icon{stroke-dasharray:170;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s var(--ease),transform .8s var(--ease),opacity .6s}.new-tile[data-scene-phase="0"] .fragment-icon{stroke-dashoffset:170;opacity:.4}.new-tile[data-scene-phase="1"] .fragment-icon,.new-tile[data-scene-phase="2"] .fragment-icon{opacity:1}
@media(prefers-reduced-motion:reduce){.new-tile .fragment-icon{transition:none!important}}
.new-tile.mode-mixed[data-shape=strip] .tile-title{font-size:clamp(21px,8cqw,32px);max-width:76%;line-height:.98}.new-tile.mode-mixed[data-shape=strip] .fragment-icon{width:30px;height:30px}
@media(max-width:760px){.new-tile.mode-mixed[data-shape=strip] .tile-title{font-size:clamp(20px,10cqw,27px);max-width:76%}.new-tile.mode-mixed[data-shape=strip] .fragment-icon{width:27px;height:27px}}
/* SVGs fit the fragment box, without imposing their intrinsic aspect-ratio height. */
.new-tile .fragment-art>.fragment-diagram{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0}.new-tile.mode-animation .fragment-art{align-self:stretch;min-height:0}
@media(max-width:760px){.t-software .tile-title{font-size:27px;line-height:.97;text-wrap:initial;max-width:92%}.t-software .tile-title br{display:block}.t-software .software-scene{top:38%;opacity:.28;left:42%;width:93%;height:68%}}
@media(max-width:360px){.t-software .tile-title{font-size:25px}}

/* Black Keynote Pop. Opaque surfaces, functional color, one continuous application. */
:root{--orange:#ff7839;--paper:#f0f0ec;--pop-blue:#3b8bff;--pop-border:#ffffff1c;color-scheme:dark}
html,body{background:#030305;color:#f0f0ec;-webkit-font-smoothing:antialiased}
button,input,textarea,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #70aaff;outline-offset:3px}
.app-shell{max-width:1760px;padding:16px 20px 12px}
.topbar{gap:14px;margin-bottom:12px}
.pill,.dock{background:#111114;border:1px solid var(--pop-border);box-shadow:inset 0 1px #ffffff08;backdrop-filter:none}
.wordmark,.motion,.dock button,.filters button{color:#f0f0ec}
.wordmark{box-shadow:none}
.filters{height:54px}
.filters button{min-height:44px;color:#c8c8d1}
.filters button[aria-pressed=true],.dock .start-button{background:#f0f0ec;color:#111114;box-shadow:none}
.filters button[aria-pressed=false]:hover,.dock button:not(.start-button):hover,.motion:hover{background:#25252c;color:#fff}
.motion[aria-pressed=true]{border-color:#70aaff;color:#c2d9ff}
.wordmark,.filters button,.dock button,.motion,.action,.detail-top button{transition:background-color 160ms ease,color 160ms ease,scale 140ms ease;touch-action:manipulation}
.wordmark:active,.filters button:active,.dock button:active,.motion:active,.action:active,.detail-top button:active{scale:.96}
.mosaic{scrollbar-width:thin;scrollbar-color:#3b3b45 transparent;scroll-padding:8px;padding-right:6px}
.mosaic::-webkit-scrollbar{display:block;width:4px}
.mosaic::-webkit-scrollbar-thumb{background:#3b3b45;border-radius:99px}
.tile{transition:transform 220ms var(--ease),scale 140ms var(--ease),opacity 180ms ease}
.tile:focus-visible{outline:3px solid #70aaff;outline-offset:-4px}
.tile:active{scale:.97}
.dock{height:56px;margin-top:10px}
.dock button{min-height:44px}
.problem-finder{flex:none;width:min(690px,100%);margin-bottom:12px}
.problem-finder__bar{box-shadow:none}
.problem-finder input{font-size:16px}
.problem-finder__hint{display:none}
.problem-finder__bar:focus-within{outline:2px solid #70aaff;outline-offset:2px}
.problem-finder input:focus-visible{outline:0}
.problem-finder__clear{min-height:44px;background:#27272f;color:#f0f0ec}
.problem-finder__results{top:calc(100% + 8px)}

/* Answer first; supporting demonstrations are contained within the same panel. */
#detail{color:#f0f0ec;padding:24px}
#detail::backdrop{background:#030305df;backdrop-filter:none}
.detail-window{background:#111114;color:#f0f0ec;border:1px solid #ffffff26;border-radius:28px;box-shadow:0 30px 100px #000b;max-width:1000px;max-height:900px}
.detail-top{background:#111114;min-height:72px;padding:12px 24px;border-bottom:1px solid #ffffff1c;box-shadow:none}
.detail-top>span{color:#b9b9c7;font-size:12px;letter-spacing:.09em}
.detail-top button{display:flex;gap:8px;width:auto;min-width:44px;height:44px;padding:0 15px;border-radius:999px;background:#25252d;color:#f0f0ec;box-shadow:none;font-size:14px}
.detail-top button .icon{width:18px;height:18px}
.detail-body{padding:34px 38px 40px;scrollbar-color:#41414c transparent}
.detail-body h2{font-size:clamp(34px,4vw,58px);line-height:1.03;letter-spacing:-.045em;text-wrap:balance;color:#f0f0ec}
.detail-tag{color:#a8caff;font-size:12px;letter-spacing:.1em}
.detail-answer{color:#d0d0d7;font-size:20px;line-height:1.5;max-width:740px;margin:20px 0 28px}
.detail-body a:not(.action){color:#9ac2ff;text-underline-offset:4px}
.step-list{gap:12px;margin:26px 0}
.step-list li,.demo-panel{background:#1b1b21;color:#dedee4;border:1px solid #ffffff12;box-shadow:none;border-radius:18px}
.step-list li:before{color:#99bfff;opacity:1}
.action{background:#f0f0ec;color:#111114;box-shadow:none;min-height:48px;font-weight:600}
.action:hover{background:#d9e6ff}
.action.secondary{background:#25252d;color:#e8e8ee;box-shadow:inset 0 0 0 1px #ffffff20;font-weight:400}
.detail-actions{gap:10px}
.demo-controls button{background:#2a2a32;color:#e8e8ee;box-shadow:inset 0 0 0 1px #ffffff20}
.demo-controls button[aria-pressed=true]{background:#d9e6ff;color:#111114}
.demo-screen{border-color:#51515c;background:#111114;color:#f0f0ec}
.demo-screen .demo-fake-button{background:#a8caff;color:#111114}
.network-stages span{background:#292932;color:#f0f0ec;opacity:1;border:1px solid #41414a}
.network-stages span.active{background:#263d29;color:#b4eeaa;border-color:#57b94c}
.queue-job{background:#2b2b35;color:#f0f0ec;border-color:#585865}
.queue-job.printed{background:#263d29;color:#b4eeaa;border-color:#57b94c}
.facts-pin{background:#30303a;color:#a8caff}
.facts-complete .facts-pin{background:#263d29;color:#b4eeaa}
.mail-example>span{background:#30303a;color:#dedee7}
.mail-example>i{background:#707080}
.mail-example .mail-active{background:#d9e6ff;color:#111114}
.service-list button,.work-list article{background:#1b1b21;color:#e8e8ee;border:1px solid #ffffff1c}
.service-list button:hover{background:#27272f}
.service-list p,.work-list p{color:#c5c5cf;line-height:1.45}
.brief-form textarea,.brief-form input{background:#1b1b21;color:#f0f0ec;border-color:#555560;font-size:16px}
.brief-form :is(textarea,input)::placeholder{color:#b0b0bc}
.brief-form fieldset label{background:#25252d}
.brief-form input[type=radio]{accent-color:#8ab9ff}
.brief-form fieldset label:has(:checked){background:#26334b;box-shadow:inset 0 0 0 1px #70aaff}
.privacy-copy{color:#b6b6c3;line-height:1.45}
.brief-output{background:#1b1b21;color:#e8e8ee;border:1px solid #ffffff20}
.brief-status{color:#bbd9ff}
.about-boat{color:#ff7839}

/* The working examples have their own inset stage, not a different theme. */
.detail-window.has-studio,.has-studio .detail-top,.has-studio .detail-body{background:#111114;color:#f0f0ec}
.has-studio .detail-body{padding:0}
.has-studio .detail-top{min-height:72px;border-color:#ffffff1c}
.answer-inset,.answer-next{margin:0;padding:34px 38px;background:#111114;color:#f0f0ec;border-radius:0}
.answer-next .step-list{margin-top:0}
.brand-tile .hero-orbit{opacity:.12}
.brand-tile .orbit-three{opacity:.06}
.brand-tile .brand-note.bottom{color:#d0d0d7}
.detail-body .studio-experience{background:#1b1b21;color:#f0f0ec;border-top:1px solid #ffffff20;box-shadow:none}
.detail-body .studio-heading,.detail-body .studio-copy,.studio-result p{color:#d0d0d7}
.detail-body .studio-kicker,.detail-body .studio-count,.detail-body .studio-footnote{color:#b9b9c7}
.detail-body .studio-heading h3 em{color:#a8caff}
.detail-body .studio-steps{background:#111114}
.detail-body .studio-steps button{background:#202028;color:#dedee7;min-height:44px}
.detail-body .studio-steps button[aria-pressed=true],.detail-body .studio-next{background:#d9e6ff;color:#111114;box-shadow:none}
.detail-body .lf-studio{--studio-paper:#f0f0ec;--studio-web-lilac:#d83cbd;--studio-web-yellow:#3b8bff;--studio-it-cyan:#80b4ff;--studio-it-teal:#80cf75;background:#15151b;box-shadow:inset 0 0 0 1px #ffffff1c}
.detail-body .lf-studio .sx-web-browser{background:#f0f0ec;color:#111114;border-color:#d83cbd;box-shadow:6px 8px 0 #3b8bff}
.detail-body .lf-studio .sx-web-phone{background:#262630;color:#f0f0ec;border-color:#747480;box-shadow:5px 7px 0 #d83cbd}
.detail-body .lf-studio .sx-booking-card{background:#d9e6ff;color:#111114}
.detail-body .lf-studio .sx-it-node{background:#23232c;color:#f0f0ec;border-color:#687787}
.detail-body .lf-studio .sx-node-back{border-color:#f5d95b}
.detail-body .lf-studio .sx-it-readout{background:#d9e6ff;color:#111114}
.detail-body .lf-studio[data-step="2"] .sx-node-back{background:#263d29;border-color:#80cf75}
.detail-body .lf-studio[data-step="2"] .sx-it-readout{background:#80cf75}
.detail-body .lf-studio[data-step="2"] .sx-it-readout b::after{content:"EXAMPLE: RECONNECTED"}

@media(max-width:760px){
 .app-shell{padding:8px 9px max(8px,env(safe-area-inset-bottom))}
 .topbar{gap:7px;margin-bottom:8px}
 .filters{height:50px;padding:3px}
 .filters button{min-height:44px;padding:0 10px}
 .problem-finder{margin-bottom:8px}
 .mosaic{padding-right:3px;gap:8px}
 .dock{margin-top:8px;height:54px}
 #detail{padding:8px}
 .detail-window{border-radius:24px;max-height:none}
 .detail-top{padding:10px 14px;min-height:64px}
 .detail-top>span{font-size:10px;letter-spacing:.035em}
 .detail-top button{padding:0 12px;font-size:12px}
 .detail-body{padding:26px 22px 32px}
 .answer-inset,.answer-next{padding:26px 22px 32px}
 .has-studio .detail-top{min-height:64px;padding:10px 14px}
 .detail-body h2{font-size:clamp(32px,8.5vw,42px)}
 .detail-answer{font-size:18px;line-height:1.5;margin:18px 0 24px}
 .step-list{grid-template-columns:1fr}
 .step-list li{font-size:16px}
 .detail-actions .action{flex:1 1 auto}
}
@media(max-width:360px){.app-shell{padding-left:7px;padding-right:7px}.detail-body{padding:24px 16px}.detail-top>span{max-width:46%}.detail-top button{padding:0 10px}.wordmark>span{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Keep the source card's accent as the story expands. Neutral controls remain consistent. */
.detail-window{--detail-pop:#3b8bff;--detail-soft:#92bfff}
.detail-window[data-accent="green"]{--detail-pop:#57b94c;--detail-soft:#a0df85}
.detail-window[data-accent="yellow"]{--detail-pop:#f5d95b;--detail-soft:#f8e68c}
.detail-window[data-accent="magenta"]{--detail-pop:#d83cbd;--detail-soft:#f09bdd}
.detail-window .detail-tag,.detail-window .studio-heading h3 em{color:var(--detail-soft)}
.detail-window .lf-studio{--studio-web-lilac:var(--detail-pop);--studio-web-yellow:var(--detail-soft);--studio-it-cyan:var(--detail-soft)}
.detail-window .lf-studio .sx-web-browser{border-color:var(--detail-pop);box-shadow:6px 8px 0 var(--detail-pop)}
.detail-window .lf-studio .sx-web-phone{box-shadow:5px 7px 0 var(--detail-pop)}
.detail-window .lf-studio .sx-booking-card{background:var(--detail-soft)}

/* Keynote accents belong to individual tiles, not service categories. */
.tile {
  --tile-ink: #111114;
  --tile-paper: #f6f3ec;
  --tile-line: #f6f3ec33;
  --tile-pop: #3b8bff;
  --tile-soft: #92bfff;
  background: var(--tile-ink) !important;
  color: var(--tile-paper) !important;
  border-color: #ffffff14 !important;
  box-shadow: inset 0 1px #ffffff10, inset 0 -1px #00000066 !important;
}

.tile .tile-title,
.tile .tile-caption,
.tile .eyebrow,
.tile .fragment-kicker,
.tile .fragment-caption,
.tile .human-note,
.tile .care-note,
.tile .speed-heading { color: var(--tile-paper) !important; }

.tile .eyebrow,
.tile .fragment-kicker { font-size: max(11px, .72rem) !important; letter-spacing: .11em; }
.tile .tile-caption,
.tile .fragment-caption,
.tile .human-note,
.tile .care-note { font-size: max(12px, .78rem) !important; }
.tile .open-mark { border: 1px solid #ffffff2b !important; background: #ffffff08 !important; color: var(--tile-paper) !important; }
.tile .open-mark svg { stroke-width: 1.5; }
.tile:is(:hover, :focus-visible, [aria-expanded="true"]) { border-color: #ffffff73 !important; box-shadow: inset 0 1px #ffffff2e, 0 11px 28px #0000002e !important; }

/* Authored web miniatures inherit the tile accent on a black face. */
.tile[data-family="web"] .tile-title em,
.tile[data-family="web"] .fragment-kicker,
.tile[data-family="web"] .eyebrow { color: var(--tile-soft) !important; }
.t-website .tile-title em,
.t-speed .tile-title em,
.t-mobile .tile-title em { background: linear-gradient(105deg, var(--tile-soft), var(--tile-pop) 48%, var(--tile-soft)); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
.t-website::before,
.t-speed::before,
.t-mobile::before { content: ""; position: absolute; inset: auto -19% -36% 26%; height: 72%; pointer-events: none; background: radial-gradient(ellipse, color-mix(in srgb, var(--tile-pop) 20%, transparent), transparent 67%); }
.t-maps .tile-title em,.t-cost .tile-title em,.t-booking .tile-title em { color: var(--tile-soft) !important; }
.t-platform .tile-caption,.t-forms .tile-caption,.t-ownership .key-label { color: var(--tile-soft) !important; }

.t-website .web-window { background: #f6f3ec !important; border-color: var(--tile-pop) !important; color: #111114 !important; box-shadow: 0 12px 0 var(--tile-pop) !important; }
.t-website .front-window { background: linear-gradient(150deg, #f6f3ec 0 65%, var(--tile-pop) 65%) !important; }
.t-website .web-phone,.t-mobile .phone-frame { background: #111114 !important; border-color: #f6f3ec !important; color: #f6f3ec !important; box-shadow: 6px 7px 0 var(--tile-pop) !important; }
.t-website .mini-book,.t-website .design-token,.t-mobile .responsive-type { background: var(--tile-pop) !important; color: #111114 !important; }
.t-website .editor-cursor { color: var(--tile-pop) !important; }
.t-maps .map-grid { background-color: #111114 !important; background-image: linear-gradient(color-mix(in srgb, var(--tile-pop) 18%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--tile-pop) 18%, transparent) 1px, transparent 1px) !important; }
.t-maps .map-path { border-color: var(--tile-pop) !important; }
.t-maps .map-pin,.t-maps .map-tag { background: var(--tile-pop) !important; color: #111114 !important; }
.t-maps .map-point { background: var(--tile-pop) !important; }
.t-booking .calendar-scene { background: #f6f3ec !important; color: #111114 !important; border-color: var(--tile-pop) !important; }
.t-booking .calendar-top,.t-booking .booked-day { background: var(--tile-pop) !important; color: #111114 !important; }
.t-ownership .keys-scene .icon,.t-ownership .key-ring { color: var(--tile-soft) !important; border-color: var(--tile-pop) !important; }
.t-cost .cost-question { color: var(--tile-pop) !important; }
.t-speed .speed-lines i { background: var(--tile-pop) !important; }
.t-forms .message-bubble { background: var(--tile-pop) !important; color: #111114 !important; }
.t-forms .message-check { color: var(--tile-pop) !important; }

/* IT diagnostics use the same distributed accents, with white information. */
.tile[data-family="it"] .tile-title em,
.tile[data-family="it"] .fragment-kicker,
.tile[data-family="it"] .eyebrow { color: var(--tile-soft) !important; }
.t-onsite .tile-title em,.t-computer .tile-title em,.t-care .tile-title em { color: var(--tile-soft) !important; }
.t-onsite::after,.t-wifi::after,.t-computer::after { content: ""; position: absolute; inset: auto -12% -42% 18%; height: 70%; background: radial-gradient(ellipse, color-mix(in srgb, var(--tile-pop) 15%, transparent), transparent 68%); pointer-events: none; }
.t-wifi .wifi-field i { border-color: var(--tile-pop) !important; }
.t-wifi .wifi-core { background: #f6f3ec !important; color: #111114 !important; box-shadow: 0 0 0 6px var(--tile-pop) !important; }
.t-email .email-route i { border-color: var(--tile-pop) !important; }
.t-email .email-packet { background: #f6f3ec !important; color: #111114 !important; border-color: var(--tile-pop) !important; }
.t-email .inbox-slot { background: var(--tile-pop) !important; color: #111114 !important; }
.t-onsite .tech-route .route-base { stroke: #f6f3ec55 !important; }
.t-onsite .tech-route .route-signal { stroke: var(--tile-pop) !important; }
.t-onsite .tech-node { background: #111114 !important; border-color: #f6f3ec !important; color: #f6f3ec !important; box-shadow: 4px 4px 0 var(--tile-pop) !important; }
.t-printer .print-face { background: #f6f3ec !important; color: #111114 !important; border-color: var(--tile-pop) !important; }
.t-printer .queue-sheet,.t-printer .printed-sheet { background: var(--tile-pop) !important; color: #111114 !important; border-color: #f6f3ec !important; }
.t-printer .printed-sheet { box-shadow: 4px 5px 0 var(--tile-pop) !important; }
.t-computer .setup-key { background: #f6f3ec !important; color: #111114 !important; border-color: var(--tile-pop) !important; box-shadow: 4px 4px 0 var(--tile-pop) !important; }
.t-backup .backup-scene span { background: var(--tile-pop) !important; }
.t-backup .backup-scene .icon,.t-move .move-scene .icon,.t-care .care-mark { color: var(--tile-soft) !important; }
.t-move .move-scene { border-color: var(--tile-pop) !important; color: #f6f3ec !important; }
.t-human .human-note { border-left: 2px solid var(--tile-pop); padding-left: 8px; }

/* The original function diagrams stay legible as designed, with restrained signal colors. */
.tile .fragment-art,.tile .fragment-diagram { border-color: #ffffff29 !important; }
.tile[data-family="web"] .fragment-art,.tile[data-family="web"] .fragment-diagram { color: var(--tile-soft) !important; }
.tile[data-family="it"] .fragment-art,.tile[data-family="it"] .fragment-diagram { color: var(--tile-soft) !important; }
.tile .fragment-diagram svg path { stroke: currentColor !important; }
.tile .fragment-icon { color: #f6f3ec !important; border-color: currentColor !important; }
.t-web-homepage-priority .fragment-art,.t-web-redesign-decision .fragment-art,.t-web-content-collection .fragment-art { background: linear-gradient(135deg, var(--tile-pop) 0 12%, #111114 12% 76%, var(--tile-pop) 76%) !important; }
.t-web-accessibility-basics .fragment-art,.t-web-local-facts .fragment-art,.t-web-service-page .fragment-art { background: #f6f3ec !important; color: #111114 !important; box-shadow: 5px 5px 0 var(--tile-pop) !important; }
.t-it-guest-network .fragment-art,.t-it-video-call-room .fragment-art,.t-it-payment-device-check .fragment-art { background: #f6f3ec !important; color: #111114 !important; box-shadow: 5px 5px 0 var(--tile-pop) !important; }
.t-it-storage-full .fragment-art,.t-it-internet-outage .fragment-art,.t-it-shared-files .fragment-art { background: linear-gradient(135deg, #111114 0 62%, var(--tile-pop) 62%) !important; border-color: var(--tile-pop) !important; }

/* Software diagrams inherit their assigned accent. */
.tile[data-family="software"] .tile-title em,.tile[data-family="software"] .fragment-kicker { color: var(--tile-soft) !important; }
.t-software .software-scene svg path { stroke: var(--tile-soft) !important; }
.t-software .flow-piece { background: #111114 !important; border-color: var(--tile-soft) !important; color: #f6f3ec !important; }
.t-software .flow-piece b { color: var(--tile-pop) !important; }
.t-software-approval-path .fragment-art,.t-software-repeat-work .fragment-art { border-color: var(--tile-soft) !important; color: var(--tile-soft) !important; }

/* The only orange in the tile set is the brand's solved mark. */
.brand-tile { background: #111114 !important; color: #f6f3ec !important; border-color: #ff783955 !important; }
.brand-tile :is(h1,.mosaic-brand-heading) strong,.brand-tile .brand-note .tiny-replay,.brand-tile .scene-boat { color: #ff7839 !important; fill: #ff7839 !important; }
.brand-tile .wake-route path,.brand-tile .hero-orbit { stroke: #ff7839 !important; border-color: #ff7839 !important; }
.brand-tile::before { content: ""; position: absolute; inset: auto -26% -44% 20%; height: 92%; background: radial-gradient(ellipse, #ff783927, transparent 68%); pointer-events: none; }

@media (max-width: 560px) {
  .tile .tile-caption,.tile .fragment-caption,.tile .human-note,.tile .care-note { font-size: 12px !important; }
  .t-website .web-window { box-shadow: 4px 5px 0 var(--tile-pop) !important; }
  .t-onsite .tech-node { box-shadow: 3px 3px 0 var(--tile-pop) !important; }
  .t-printer .printed-sheet { box-shadow: 3px 3px 0 var(--tile-pop) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .tile::before,.tile::after { display: none; }
}

/* 59 service tiles share four accents; orange remains on the central brand tile.
   Explicit identities keep their color when filters recompose the mosaic. */
.tile[data-accent="blue"]{--tile-pop:#3b8bff;--tile-soft:#92bfff}
.tile[data-accent="green"]{--tile-pop:#57b94c;--tile-soft:#a0df85}
.tile[data-accent="yellow"]{--tile-pop:#f5d95b;--tile-soft:#f8e68c}
.tile[data-accent="magenta"]{--tile-pop:#d83cbd;--tile-soft:#f09bdd}
.tile[data-accent] .fragment-icon,.tile[data-accent] .fragment-kicker{color:var(--tile-soft)!important}
.new-tile[data-accent].mode-type .tile-title{color:var(--tile-soft)!important}
.tile[data-accent] .fragment-reveal{background:#202026;color:#f0f0ec}

/* Only a transient card owns 3D layers. Its opaque faces supply physical continuity. */
.tile{touch-action:manipulation;transition-property:transform,opacity,scale;transition-duration:180ms,110ms,90ms}
.tile.is-pressed,.tile:active{scale:.96!important}
.tile.is-motion-source{visibility:hidden!important}
.lf-tile-flight{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:visible}
.lf-motion-card{position:absolute;transform-origin:center;transform-style:preserve-3d;will-change:transform}
.lf-motion-front,.lf-motion-back{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lf-motion-front{left:50%;top:50%;transform:translateZ(2px);box-shadow:0 18px 40px #0007,0 2px 3px #0008}
.lf-motion-front>.tile{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0!important;transform:none!important;scale:1!important;opacity:1!important;visibility:visible!important;pointer-events:none;box-shadow:inset 0 1px #ffffff38,0 0 0 1px #ffffff12}
.lf-motion-front *,.lf-motion-front *::before,.lf-motion-front *::after{animation:none!important;transition:none!important}
.lf-motion-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000a,transparent 70%);border-radius:inherit;opacity:0;pointer-events:none}
.lf-motion-back{inset:0;transform:rotateY(180deg) translateZ(2px)}
.lf-motion-enamel{position:absolute;inset:0;background:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--motion-pop) 13%,#111114),#111114 65%);border:1px solid #ffffff2c;box-shadow:inset 0 1px #ffffff38,0 24px 64px #0008;will-change:transform}
.lf-motion-mark{position:absolute;left:50%;top:50%;translate:-50% -50%;color:#ff7839;display:grid;place-items:center}
.lf-motion-mark svg{display:block;width:100%;height:100%;fill:currentColor}
.lf-motion-edge{position:absolute;left:50%;top:50%;width:4px;border-radius:2px;background:linear-gradient(90deg,#35353b,#bcbcc4,#24242a);transform:rotateY(90deg)}
.detail-window.is-tile-flight{opacity:0;pointer-events:none}
.no-motion .tile:active,.no-motion .tile.is-pressed{scale:1!important}
@media(prefers-reduced-motion:reduce){.lf-tile-flight{display:none}.tile:active,.tile.is-pressed{scale:1!important}.tile.is-motion-source{visibility:visible!important}}

/* Labs artwork: insert inside .lab-tile__art or .native-lab__visual only. */
:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art { display:block; width:100%; height:100%; min-height:84px; overflow:visible; fill:none; stroke:var(--tile-soft,var(--detail-soft,#d5d5df)); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.native-lab__visual .lab-art { min-height:220px; max-height:390px; }
:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art text { fill:var(--tile-paper,var(--detail-paper,#f6f3ec)); stroke:none; font-family:Barlow,Arial,sans-serif; font-weight:700; letter-spacing:.08em; }
:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-board,:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-arcade { fill:#17171c; stroke:#ffffff30; }
:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-fill,:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-ball--cue,:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-pill,:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-terminal-dot,:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-engine-core { fill:var(--tile-pop,var(--detail-pop,#3b8bff)); stroke:var(--tile-pop,var(--detail-pop,#3b8bff)); }
:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-ball--eight,:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-module,:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-order-card { fill:#f6f3ec; stroke:#f6f3ec; }
:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-ball-number,:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art .lab-pill-text { fill:#111114; font-size:9px; text-anchor:middle; }

/* Pool room */
.lab-art--pool-room .lab-board { fill:#15251c; }.lab-art--pool-room .lab-rail { stroke:#f6f3ec66; }.lab-art--pool-room .lab-pocket { fill:#030305; stroke:none; }.lab-art--pool-room .lab-cue { stroke:#f6f3ec; stroke-width:3; }.lab-art--pool-room .lab-shot { stroke:var(--tile-pop); stroke-dasharray:5 5; }.lab-art--pool-room .lab-ball--eight { fill:#111114; stroke:#f6f3ec; }.lab-art--pool-room .lab-ball--cue { fill:#f6f3ec; stroke:#f6f3ec; }
/* Walkup */
.lab-art--walkup-3d .lab-front { fill:#1b1b22; stroke:#f6f3ec; }.lab-art--walkup-3d .lab-side { fill:var(--tile-pop); stroke:var(--tile-pop); opacity:.78; }.lab-art--walkup-3d .lab-shadow { fill:#00000066; stroke:none; }.lab-art--walkup-3d .lab-floors { stroke:#f6f3ec55; }.lab-art--walkup-3d .lab-windows rect { fill:#f6f3ec; stroke:none; }.lab-art--walkup-3d .lab-door { fill:#111114; stroke:#f6f3ec; }.lab-art--walkup-3d .lab-floor-count { fill:#111114; font-size:21px; }
/* Terminal */
.lab-art--terminal-3d .lab-horizon,.lab-art--terminal-3d .lab-grid { stroke:#f6f3ec35; }.lab-art--terminal-3d .lab-tower { fill:#17171c; stroke:#f6f3ec; }.lab-art--terminal-3d .lab-tower--b,.lab-art--terminal-3d .lab-tower--c { fill:var(--tile-pop); stroke:var(--tile-pop); }.lab-art--terminal-3d .lab-city-windows { stroke:#111114; }.lab-art--terminal-3d .lab-terminal-beam { stroke:var(--tile-pop); stroke-width:2.5; }
/* Scroll and arcade */
.lab-art--pill-scroll .lab-frame { fill:#17171c; stroke:#f6f3ec55; }.lab-art--pill-scroll .lab-frame-line { stroke:#f6f3ec; }.lab-art--pill-scroll .lab-frame-dot { fill:var(--tile-pop); stroke:none; }.lab-art--micro-animations .lab-arcade-top { stroke:#f6f3ec44; }.lab-art--micro-animations .lab-led { fill:var(--tile-pop); stroke:none; }.lab-art--micro-animations .led-b { opacity:.6; }.lab-art--micro-animations .led-c { opacity:.25; }.lab-art--micro-animations .lab-order-lines { stroke:#111114; }.lab-art--micro-animations .lab-cursor { fill:var(--tile-pop); stroke:#111114; stroke-width:1.4; }
/* AHA, studio and growth */
.lab-art--aha-laser .lab-laser-track { stroke:#f6f3ec2e; }.lab-art--aha-laser .lab-laser-line { stroke:var(--tile-pop); stroke-width:2.5; }.lab-art--aha-laser .lab-aha { stroke:#f6f3ec; stroke-width:4; }.lab-art--aha-laser .lab-laser-head { fill:var(--tile-pop); stroke:#111114; }.lab-art--aha-laser .lab-laser-spark { fill:var(--tile-pop); stroke:none; }.lab-art--studio-engine .lab-engine-wire { stroke:#f6f3ec55; }.lab-art--studio-engine .lab-module { fill:#1d1d24; stroke:#f6f3ec; }.lab-art--studio-engine .m-b,.lab-art--studio-engine .m-e { fill:var(--tile-pop); stroke:var(--tile-pop); }.lab-art--studio-engine .lab-module-mark { stroke:#f6f3ec; }.lab-art--studio-engine .lab-engine-core-mark { stroke:#111114; }.lab-art--growth-street .lab-shop { fill:#1b1b22; stroke:#f6f3ec; }.lab-art--growth-street .lab-awning { fill:var(--tile-pop); stroke:var(--tile-pop); }.lab-art--growth-street .lab-window,.lab-art--growth-street .lab-shop-door { fill:#111114; stroke:#f6f3ec; }.lab-art--growth-street .lab-street { stroke:#f6f3ec55; }.lab-art--growth-street .lab-stem { stroke:var(--tile-pop); }.lab-art--growth-street .lab-flower { fill:var(--tile-pop); stroke:#f6f3ec; }.lab-art--growth-street .lab-growth-arrow { stroke:#f6f3ec; stroke-dasharray:4 4; }
/* Goliath */
.lab-art--goliath .lab-goliath-g { fill:#f6f3ec; font:900 110px/.8 Display,Arial,sans-serif; }.lab-art--goliath .lab-david-d { fill:var(--tile-pop); font:900 64px/.8 Display,Arial,sans-serif; }.lab-art--goliath .lab-sling,.lab-art--goliath .lab-slingshot { stroke:var(--tile-pop); stroke-width:2.5; }.lab-art--goliath .lab-stone { fill:var(--tile-pop); stroke:none; }.lab-art--goliath .lab-david-line { stroke:var(--tile-pop); }.lab-art--goliath .lab-goliath-line { stroke:#f6f3ec55; }.lab-art--goliath .lab-david-caption,.lab-art--goliath .lab-goliath-caption { font-size:8px; }

/* Phase states use the existing performer phase or the opened Labs story state. */
:is(.is-performing[data-scene-phase="0"],[data-lab-phase="0"]) .lab-art .lab-ball--eight { transform:translate(-30px,20px); }
:is(.is-performing[data-scene-phase="1"],[data-lab-phase="1"]) .lab-art .lab-ball--eight { transform:translate(23px,-16px); }
:is(.is-performing[data-scene-phase="0"],[data-lab-phase="0"]) .lab-art--walkup-3d .lab-side { transform:translateX(22px); opacity:.15; }
:is(.is-performing[data-scene-phase="0"],[data-lab-phase="0"]) .lab-art--terminal-3d .lab-terminal-dot { transform:translateY(29px); opacity:.2; }
:is(.is-performing[data-scene-phase="0"],[data-lab-phase="0"]) .lab-art--pill-scroll .lab-frame--one { transform:translateY(-12px) rotate(-4deg); }.is-performing[data-scene-phase="0"] .lab-art--pill-scroll .lab-frame--two,[data-lab-phase="0"] .lab-art--pill-scroll .lab-frame--two { transform:translateY(9px) rotate(3deg); }.is-performing[data-scene-phase="0"] .lab-art--pill-scroll .lab-frame--three,[data-lab-phase="0"] .lab-art--pill-scroll .lab-frame--three { transform:translateY(18px) rotate(-2deg); }.is-performing[data-scene-phase="0"] .lab-art--pill-scroll .lab-pill,[data-lab-phase="0"] .lab-art--pill-scroll .lab-pill { opacity:0; transform:scale(.5); }
:is(.is-performing[data-scene-phase="0"],[data-lab-phase="0"]) .lab-art--micro-animations .card-a { transform:translateX(-14px); }.is-performing[data-scene-phase="0"] .lab-art--micro-animations .card-b,[data-lab-phase="0"] .lab-art--micro-animations .card-b { transform:translateY(16px); }.is-performing[data-scene-phase="0"] .lab-art--micro-animations .card-c,[data-lab-phase="0"] .lab-art--micro-animations .card-c { opacity:.25; }
:is(.is-performing[data-scene-phase="0"],[data-lab-phase="0"]) .lab-art--aha-laser .lab-aha { stroke-dasharray:220; stroke-dashoffset:220; }.is-performing[data-scene-phase="0"] .lab-art--aha-laser .lab-laser-head,[data-lab-phase="0"] .lab-art--aha-laser .lab-laser-head { transform:translate(-73px,62px); }
:is(.is-performing[data-scene-phase="0"],[data-lab-phase="0"]) .lab-art--studio-engine .m-b { transform:translate(-21px,15px) rotate(-10deg); }.is-performing[data-scene-phase="0"] .lab-art--studio-engine .m-e,[data-lab-phase="0"] .lab-art--studio-engine .m-e { transform:translate(17px,-17px) rotate(10deg); }.is-performing[data-scene-phase="0"] .lab-art--studio-engine .lab-engine-core,[data-lab-phase="0"] .lab-art--studio-engine .lab-engine-core { transform:scale(.45); opacity:.2; }
:is(.is-performing[data-scene-phase="0"],[data-lab-phase="0"]) .lab-art--growth-street .lab-flower { transform:scale(.3); transform-origin:center; opacity:.25; }.is-performing[data-scene-phase="0"] .lab-art--growth-street .lab-growth-arrow,[data-lab-phase="0"] .lab-art--growth-street .lab-growth-arrow { opacity:0; }
:is(.is-performing[data-scene-phase="0"],[data-lab-phase="0"]) .lab-art--goliath .lab-david-d { transform:translate(31px,13px) scale(.62); }.is-performing[data-scene-phase="0"] .lab-art--goliath .lab-stone,[data-lab-phase="0"] .lab-art--goliath .lab-stone { transform:translate(68px,43px); opacity:0; }

/* Phase one is the visible in-between state; phase two returns to the clean completed drawing. */
:is(.is-performing[data-scene-phase="1"],[data-lab-phase="1"]) .lab-art--walkup-3d .lab-side { transform:translateX(8px); opacity:.55; }
:is(.is-performing[data-scene-phase="1"],[data-lab-phase="1"]) .lab-art--terminal-3d .lab-terminal-dot { transform:translateY(12px); opacity:.65; }
:is(.is-performing[data-scene-phase="1"],[data-lab-phase="1"]) .lab-art--pill-scroll .lab-frame--one { transform:translateY(-4px); }.is-performing[data-scene-phase="1"] .lab-art--pill-scroll .lab-frame--three,[data-lab-phase="1"] .lab-art--pill-scroll .lab-frame--three { transform:translateY(6px); }.is-performing[data-scene-phase="1"] .lab-art--pill-scroll .lab-pill,[data-lab-phase="1"] .lab-art--pill-scroll .lab-pill { opacity:.55; transform:scale(.78); }
:is(.is-performing[data-scene-phase="1"],[data-lab-phase="1"]) .lab-art--micro-animations .card-a { transform:translateX(-5px); }.is-performing[data-scene-phase="1"] .lab-art--micro-animations .card-b,[data-lab-phase="1"] .lab-art--micro-animations .card-b { transform:translateY(5px); }.is-performing[data-scene-phase="1"] .lab-art--micro-animations .card-c,[data-lab-phase="1"] .lab-art--micro-animations .card-c { opacity:.65; }
:is(.is-performing[data-scene-phase="1"],[data-lab-phase="1"]) .lab-art--aha-laser .lab-aha { stroke-dasharray:220; stroke-dashoffset:75; }.is-performing[data-scene-phase="1"] .lab-art--aha-laser .lab-laser-head,[data-lab-phase="1"] .lab-art--aha-laser .lab-laser-head { transform:translate(-28px,21px); }
:is(.is-performing[data-scene-phase="1"],[data-lab-phase="1"]) .lab-art--studio-engine .m-b { transform:translate(-8px,5px) rotate(-4deg); }.is-performing[data-scene-phase="1"] .lab-art--studio-engine .m-e,[data-lab-phase="1"] .lab-art--studio-engine .m-e { transform:translate(7px,-7px) rotate(4deg); }.is-performing[data-scene-phase="1"] .lab-art--studio-engine .lab-engine-core,[data-lab-phase="1"] .lab-art--studio-engine .lab-engine-core { transform:scale(.72); opacity:.6; }
:is(.is-performing[data-scene-phase="1"],[data-lab-phase="1"]) .lab-art--growth-street .lab-flower { transform:scale(.7); transform-origin:center; opacity:.72; }.is-performing[data-scene-phase="1"] .lab-art--growth-street .lab-growth-arrow,[data-lab-phase="1"] .lab-art--growth-street .lab-growth-arrow { opacity:.55; }
:is(.is-performing[data-scene-phase="1"],[data-lab-phase="1"]) .lab-art--goliath .lab-david-d { transform:translate(14px,6px) scale(.82); }.is-performing[data-scene-phase="1"] .lab-art--goliath .lab-stone,[data-lab-phase="1"] .lab-art--goliath .lab-stone { transform:translate(33px,22px); opacity:.65; }

:is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art :is(path,rect,circle,text) { transform-box:fill-box; transform-origin:center; transition:transform 540ms cubic-bezier(.2,.8,.2,1),opacity 360ms ease,stroke-dashoffset 700ms ease,fill 360ms ease; }
@media (prefers-reduced-motion: reduce) { :is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art :is(path,rect,circle,text) { transition:none!important; } }
.no-motion :is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art :is(path,rect,circle,text) { transition:none!important; }
@media (max-width:560px) { :is(.lab-tile__art,.native-lab__visual,.native-lab-index__art) .lab-art { min-height:64px; } .native-lab__visual .lab-art { min-height:170px; } }

/* Project titles and graphics keep their hierarchy in the packed mosaic. */
.tile.lab-tile{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:23px;gap:14px;isolation:isolate}
.lab-tile::before{content:"";position:absolute;inset:25% -25% -60% 5%;background:radial-gradient(ellipse,color-mix(in srgb,var(--tile-pop) 15%,transparent),transparent 65%);z-index:-1;pointer-events:none}
.lab-tile__label{display:flex;justify-content:space-between;gap:8px;color:var(--tile-soft);font:600 10px/1.25 Barlow,Arial,sans-serif;letter-spacing:.09em}
.lab-tile__name{font:700 clamp(24px,2.8vw,41px)/1 Display,Arial,sans-serif;letter-spacing:-.045em;text-wrap:balance;color:var(--tile-paper)}
.lab-tile__art{display:block;flex:1;min-height:65px;max-height:160px;margin:auto 0}
.lab-tile__caption{font:13px/1.3 Barlow,Arial,sans-serif;color:#c5c5d0}
.lab-tile[data-shape=landscape]{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto 1fr auto;gap:10px 16px}
.lab-tile[data-shape=landscape] .lab-tile__label{grid-column:1/-1}
.lab-tile[data-shape=landscape] .lab-tile__art{grid-column:2;grid-row:2/4;align-self:center;width:100%;height:110px}
.lab-tile[data-shape=landscape] .lab-tile__name{font-size:clamp(24px,2.4vw,35px)}
.lab-tile[data-shape=landscape] .lab-tile__caption{grid-column:1}
.native-lab__visual{--tile-pop:var(--detail-pop);--tile-soft:var(--detail-soft);--tile-paper:#f6f3ec;display:grid;place-items:center;min-height:240px;height:clamp(240px,30vw,360px);margin-top:34px;padding:24px;background:#0b0b10;border-radius:24px;box-shadow:inset 0 1px #ffffff17;overflow:hidden}
.native-lab__visual>*{width:min(100%,600px);height:100%}
.native-lab__controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding-top:18px}
.native-lab__controls>span{font:13px/1.4 Barlow,Arial,sans-serif;color:#bbbcca}
.native-lab__controls .action{min-height:44px;font-size:13px}
.native-lab__note{margin:0 30px 26px;padding:20px 26px;border-radius:18px;background:#24242a;box-shadow:inset 3px 0 var(--detail-pop)}
.native-lab__note>span{font:600 10px/1.4 Barlow,Arial,sans-serif;color:var(--detail-soft);letter-spacing:.12em}
.native-lab__note p{color:#cbccd5;font:15px/1.5 Barlow,Arial,sans-serif;margin:9px 0 0}
.native-lab-index__art{display:block;width:100%;height:160px;margin-bottom:15px;--tile-pop:var(--detail-pop);--tile-soft:var(--detail-soft);--tile-paper:#f6f3ec}
.native-lab-index [data-accent=green] .native-lab-index__art{--tile-pop:#57b94c;--tile-soft:#a0df85}
.native-lab-index [data-accent=yellow] .native-lab-index__art{--tile-pop:#f5d95b;--tile-soft:#f8e68c}
.native-lab-index [data-accent=magenta] .native-lab-index__art{--tile-pop:#d83cbd;--tile-soft:#f09bdd}
.native-labs-link{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 30px 30px;padding:28px;border-radius:24px;background:#24242e}
.native-labs-link span{font:600 10px/1.3 Barlow,Arial,sans-serif;letter-spacing:.1em;color:var(--detail-soft)}
.native-labs-link h3{font-size:30px;line-height:1.08;margin:14px 0}
.native-labs-link p{font-size:16px;line-height:1.4;color:#c5c5d0;max-width:360px}
.native-labs-link .action{flex-shrink:0}
@media(max-width:760px){.tile.lab-tile{padding:18px;gap:10px}.lab-tile__label{font-size:8px;letter-spacing:.055em}.lab-tile__name{font-size:clamp(23px,6.5vw,31px)}.lab-tile__art{min-height:55px;max-height:115px}.lab-tile__caption{font-size:12px}.lab-tile[data-shape=landscape] .lab-tile__name{font-size:clamp(23px,6.5vw,31px)}.lab-tile[data-shape=landscape] .lab-tile__art{height:100px}.native-lab__visual{height:240px;min-height:0;padding:12px;border-radius:18px}.native-lab__note{margin:0 14px 18px;padding:20px}.native-lab-index__art{height:100px}.native-labs-link{margin:0 14px 24px;padding:24px;flex-direction:column;align-items:flex-start;gap:12px}}
@media(max-width:360px){.tile.lab-tile{padding:15px;gap:8px}.lab-tile__name{font-size:23px}.lab-tile__art{min-height:45px;max-height:90px}.native-lab__controls{align-items:flex-start;flex-direction:column}.native-lab-index__art{height:170px}}

/* The authored square unit stays legible from a phone to a large display. */
.mosaic>.tile:not(.brand-tile){padding:0!important;display:block!important;container-type:inline-size;border-radius:clamp(12px,1.65vw,24px);min-height:0;gap:0}
.cell-original{display:none!important}
.cell-face,.anchor-face{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:clamp(10px,8cqw,23px);overflow:hidden;text-decoration:none}
.cell-title{font:650 clamp(15px,14cqw,32px)/1.03 Display,Arial,sans-serif;letter-spacing:-.045em;text-wrap:balance;position:relative;z-index:2;max-width:100%;overflow-wrap:break-word}
.cell-kicker{font:500 clamp(8px,4.5cqw,10px)/1.25 Barlow,sans-serif;letter-spacing:.07em;color:var(--tile-soft);margin-bottom:auto;padding-bottom:6px;position:relative;z-index:2}
.cell-kicker:empty{display:none}
.cell-art{display:block;position:absolute;right:6%;bottom:-15%;width:75%;height:76%;opacity:.13;pointer-events:none;color:var(--tile-soft)}
.cell-art svg,.anchor-art svg{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:100%;max-height:100%;margin:0!important;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transform:none!important}
.cell-go{position:absolute;right:9px;top:6px;color:var(--tile-soft);font-size:13px;opacity:0;transition:opacity .16s}
.tile:is(:hover,:focus-visible) .cell-go{opacity:1}
.tile[data-cell-face=type] .cell-title{color:var(--tile-soft)}
.tile[data-cell-face=type] .cell-art{display:none}
.tile[data-cell-face=mixed] .cell-face{justify-content:flex-end}
.tile[data-cell-face=mixed] .cell-art{top:10%;bottom:auto;right:10%;height:34%;width:32%;opacity:.9}
.tile[data-cell-face=diagram] .cell-face{justify-content:flex-end}
.tile[data-cell-face=diagram] .cell-art{top:10%;bottom:auto;left:12%;width:76%;height:40%;opacity:.85}
.tile[data-cell-face=diagram] .cell-title{font-size:clamp(14px,11.5cqw,26px)}
.tile[data-cell-face=project] .cell-title,.tile[data-cell-face=lab] .cell-title{font-size:clamp(14px,12cqw,27px);margin:auto 0 0}
.tile[data-cell-face=project] .cell-art,.tile[data-cell-face=lab] .cell-art{inset:20% 10% auto auto;width:64%;height:35%;opacity:.22}
.tile[data-rows="1"] .cell-face{padding:8px 12px;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}
.tile[data-rows="1"] .cell-title{font-size:clamp(12px,6.8cqw,24px);line-height:1.08;text-wrap:pretty;max-width:100%;margin:0}
.tile[data-rows="1"] :is(.cell-kicker,.cell-art){display:none}
.tile[data-cell-face=icon] .cell-face{padding:12%;align-items:center;justify-content:center}
.tile[data-cell-face=icon] :is(.cell-title,.cell-kicker,.cell-go){display:none}
.tile[data-cell-face=icon] .cell-art{position:relative;inset:auto;width:78%;height:78%;opacity:1;display:block}
.tile[data-cells="1"] .cell-art{width:85%;height:85%}
.tile[data-cell-face=icon] .cell-face::after{content:'';position:absolute;inset:12%;border-radius:50%;border:1px solid var(--tile-soft);opacity:.13}
.tile:is(.is-performing,.replay)[data-cell-face=icon] .cell-art{animation:cell-settle 1.8s cubic-bezier(.2,.8,.2,1) both}
.tile:is(.is-performing,.replay)[data-cell-face=diagram] .cell-art{animation:cell-connect 1.8s ease both}
.anchor-face{padding:clamp(12px,5cqw,24px);justify-content:center}
.anchor-index{color:var(--tile-soft);font:500 clamp(9px,3cqw,12px)/1 Barlow,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.08em;margin-bottom:clamp(7px,2cqw,14px)}
.anchor-title{position:relative;z-index:2;font:650 clamp(24px,10.5cqw,55px)/.97 Display,Arial,sans-serif;letter-spacing:-.05em;text-wrap:balance;max-width:80%;color:var(--tile-soft)}
.anchor-caption{position:relative;z-index:2;font:400 clamp(11px,3.1cqw,15px)/1.3 Barlow,sans-serif;color:#c5c5d0;margin-top:clamp(8px,3cqw,15px)}
.anchor-art{position:absolute;width:35%;height:72%;right:3%;bottom:-13%;color:var(--tile-pop);opacity:.22;transform:rotate(-10deg)}
.anchor-go{position:absolute;top:clamp(12px,5cqw,24px);right:clamp(12px,5cqw,24px);font-size:clamp(18px,6cqw,28px);line-height:1;color:var(--tile-soft)}
.service-anchor::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tile-pop) 24%,transparent)}
.service-anchor:is(:hover,:focus-visible) .anchor-art{transform:rotate(0deg) translateY(-4px);opacity:.4;transition:transform .4s var(--ease),opacity .4s}
.brand-tile{container-type:inline-size;border-radius:clamp(20px,4vw,60px);padding:12px!important}
.brand-tile :is(h1,.mosaic-brand-heading),.mosaic[data-world]:not([data-world=all]) .brand-tile :is(h1,.mosaic-brand-heading){font-size:clamp(29px,14cqw,67px)!important;line-height:.9}
.brand-tile .brand-note{display:none}.brand-tile .hero-route{opacity:.3}
.filters{max-width:calc(100vw - 410px);overflow-x:auto;scrollbar-width:none;flex-shrink:1}.filters button{white-space:nowrap;padding-inline:14px;flex:none}.filters::-webkit-scrollbar{display:none}
@keyframes cell-settle{0%{scale:.82;rotate:-10deg;opacity:.35}60%{opacity:1}100%{scale:1;rotate:0deg;opacity:1}}
@keyframes cell-connect{0%{opacity:.2;translate:-5px 0}100%{opacity:.85;translate:0 0}}
@media(max-width:760px){
 .filters{max-width:100%;width:100%;padding:3px;justify-content:flex-start}.filters button{font-size:12px;padding-inline:12px;min-height:44px}.filters .tile-count{display:none}
 .mosaic>.tile:not(.brand-tile){border-radius:15px}
 .anchor-face{padding:12px 13px}.anchor-index{font-size:9px;margin-bottom:6px}.anchor-title{font-size:clamp(24px,12.4cqw,32px);max-width:90%}.anchor-caption{display:none}.anchor-art{right:0;width:32%;height:70%;bottom:-17%}.anchor-go{font-size:18px;top:11px;right:12px}
 .cell-face{padding:10px}.cell-kicker{font-size:8px;letter-spacing:.035em}.cell-title{font-size:clamp(15px,15cqw,22px)}
 .tile[data-rows="1"] .cell-face{padding:7px 10px}.tile[data-rows="1"] .cell-title{font-size:clamp(12px,7.2cqw,17px)}
 .tile[data-cell-face=project] .cell-title,.tile[data-cell-face=lab] .cell-title{font-size:clamp(13px,13cqw,19px);line-height:1.04}
 .brand-tile{border-radius:22px}.brand-tile :is(h1,.mosaic-brand-heading){letter-spacing:-.07em}
}
@media(prefers-reduced-motion:reduce){.cell-art,.anchor-art{animation:none!important;transition:none!important}}
body.no-motion .cell-art,body.no-motion .anchor-art{animation:none!important;transition:none!important}
.service-anchor:is(.is-performing,.replay) .anchor-art{animation:anchor-arrive 2s var(--ease) both}
@keyframes anchor-arrive{0%{opacity:.1;translate:5px 4px;rotate:-6deg}100%{opacity:.3;translate:0 0;rotate:0deg}}

/* Each tile is a small editorial composition, drawn with type and vectors. */
.cell-face{padding:clamp(12px,8cqw,23px)}
.cell-title{font-size:clamp(15px,13cqw,29px);line-height:1.04;letter-spacing:-.035em}
.cell-kicker{font-size:clamp(8px,4cqw,10px);letter-spacing:.09em;color:#b6b6c3}
.cell-art{color:var(--tile-soft)}
.tile[data-cell-face=type] .cell-face{justify-content:center}
.tile[data-cell-face=type] .cell-title{max-width:95%}
.tile[data-cell-face=type] .cell-face::after{content:'';position:absolute;width:24%;height:2px;bottom:12%;left:9%;background:var(--tile-soft);opacity:.4;transform-origin:left}
.tile[data-cell-face=mixed] .cell-art,.tile[data-cell-face=diagram] .cell-art{inset:5% 8% auto;width:84%;height:52%;opacity:1}
.tile[data-cell-face=mixed] .cell-face,.tile[data-cell-face=diagram] .cell-face{justify-content:flex-end}
.tile[data-cell-face=mixed] .cell-title,.tile[data-cell-face=diagram] .cell-title{font-size:clamp(14px,11.5cqw,26px);max-width:100%;color:var(--tile-soft)}
.tile[data-cell-face=mixed] .cell-art{width:57%;height:48%;left:auto;right:8%;opacity:.85}
.tile[data-cell-face=project] .cell-art,.tile[data-cell-face=lab] .cell-art{inset:19% 9% auto;width:82%;height:43%;opacity:.9}
.tile[data-cell-face=project] .cell-title,.tile[data-cell-face=lab] .cell-title{color:var(--tile-soft);font-size:clamp(14px,12cqw,28px)}
.tile[data-rows="3"] .cell-art{top:16%;height:42%}
.tile[data-rows="3"] .cell-title{font-size:clamp(17px,15cqw,33px)}
.tile[data-columns="3"][data-rows="2"] .cell-title{max-width:65%;font-size:clamp(16px,9cqw,28px)}
.tile[data-columns="3"][data-rows="2"] .cell-art{left:auto;right:3%;top:12%;width:48%;height:68%;opacity:.45}
.tile[data-rows="1"] .cell-title{font-size:clamp(12px,7cqw,25px);color:var(--tile-soft)}
.tile[data-rows="1"] .cell-face::after{display:none}
.tile[data-cell-face=icon] .cell-art{width:70%;height:70%}
.tile[data-cell-face=icon] .cell-face::after{border:none;border-radius:25%;background:var(--tile-soft);inset:15%;opacity:.035;rotate:-9deg}
.cell-art .cell-sketch{stroke-width:1.8}
/* Reserve separate art and text regions; long source titles never paint over art. */
.tile:not([data-rows="1"]):is([data-cell-face=diagram],[data-cell-face=mixed],[data-cell-face=project],[data-cell-face=lab]) .cell-face{display:flex;flex-direction:column;gap:8px}
.tile:not([data-rows="1"]):is([data-cell-face=diagram],[data-cell-face=mixed],[data-cell-face=project],[data-cell-face=lab]) .cell-art{position:relative;inset:auto;width:100%;height:auto;flex:1;min-height:0;order:1;opacity:.9}
.tile:not([data-rows="1"]):is([data-cell-face=diagram],[data-cell-face=mixed],[data-cell-face=project],[data-cell-face=lab]) .cell-title{order:2;flex:none;margin:0}
.tile:not([data-rows="1"]):is([data-cell-face=diagram],[data-cell-face=mixed],[data-cell-face=project],[data-cell-face=lab]) .cell-kicker{order:0;flex:none;margin:0;padding:0}
.tile[data-columns="3"][data-rows="2"]:is([data-cell-face=diagram],[data-cell-face=mixed],[data-cell-face=project],[data-cell-face=lab]) .cell-face{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}
.tile[data-columns="3"][data-rows="2"] .cell-kicker{grid-column:1/-1}
.tile[data-columns="3"][data-rows="2"] .cell-title{grid-column:1;grid-row:2;align-self:end;max-width:100%}
.tile[data-columns="3"][data-rows="2"] .cell-art{grid-column:2;grid-row:2;align-self:stretch}
@media(min-width:761px){.tile[data-rows="1"] .cell-title{font-size:clamp(17px,9cqw,26px)}}
.cell-sketch .sketch-muted{opacity:.23}.cell-sketch .sketch-fill{fill:currentColor;fill-opacity:.13;stroke:currentColor;stroke-opacity:.3}
.cell-sketch .sketch-node{fill:#111114}.cell-sketch .sketch-line{opacity:.65}.cell-sketch .sketch-cursor{fill:#111114;stroke-width:2.2}
.cell-sketch .sketch-bar{fill:currentColor;fill-opacity:.12;transform-box:fill-box;transform-origin:bottom}
.sketch-needle,.sketch-pin,.sketch-ring,.sketch-cursor{transform-box:fill-box;transform-origin:center}
.tile:is(.is-performing,.replay) .sketch-cursor{animation:sketch-cursor 1.8s var(--ease) both}
.tile:is(.is-performing,.replay) .sketch-node{animation:sketch-node 1.8s var(--ease) both}
.tile:is(.is-performing,.replay) .sketch-node:nth-of-type(2n){animation-delay:120ms}
.tile:is(.is-performing,.replay) .sketch-pin{animation:sketch-pin 1.8s var(--ease) both}
.tile:is(.is-performing,.replay) .sketch-ring{animation:sketch-ring 1.8s var(--ease) both}
.tile:is(.is-performing,.replay) .sketch-needle{animation:sketch-needle 1.8s var(--ease) both}
.tile:is(.is-performing,.replay) .sketch-check{animation:sketch-check 1.8s var(--ease) both}
.tile:is(.is-performing,.replay) .sketch-bar{animation:sketch-bar 1.8s var(--ease) both}
.tile:is(.is-performing,.replay) .sketch-bar:nth-child(3){animation-delay:120ms}.tile:is(.is-performing,.replay) .sketch-bar:nth-child(4){animation-delay:240ms}
.tile:is(.is-performing,.replay)[data-cell-face=type] .cell-face::after{animation:sketch-rule 1.8s var(--ease) both}
.tile:is(.is-performing,.replay)[data-cell-face=strip] .cell-title{animation:sketch-type 1.2s var(--ease) both}
.tile:is(.is-performing,.replay):is([data-cell-face=lab],[data-cell-face=project]) .cell-art{animation:sketch-object 1.8s var(--ease) both}
@keyframes sketch-cursor{0%{transform:translate(12px,10px);opacity:.2}45%,100%{transform:translate(0);opacity:1}}
@keyframes sketch-node{0%{opacity:.2}35%,100%{opacity:1}}
@keyframes sketch-pin{0%{transform:translateY(-9px)}45%{transform:translateY(1px)}70%,100%{transform:translateY(0)}}
@keyframes sketch-ring{0%{transform:scale(.7);opacity:.15}65%,100%{transform:scale(1);opacity:1}}
@keyframes sketch-needle{0%{transform:rotate(-25deg)}65%,100%{transform:rotate(0)}}
@keyframes sketch-check{0%,25%{opacity:.15}65%,100%{opacity:1}}
@keyframes sketch-bar{0%{transform:scaleY(.2);opacity:.25}75%,100%{transform:scaleY(1);opacity:1}}
@keyframes sketch-rule{0%{transform:scaleX(.3);opacity:.1}75%,100%{transform:scaleX(1);opacity:.4}}
@keyframes sketch-type{0%{transform:translateY(4px);opacity:.65}100%{transform:translateY(0);opacity:1}}
@keyframes sketch-object{0%{translate:0 5px;rotate:-3deg;opacity:.4}75%,100%{translate:0 0;rotate:0deg;opacity:.9}}
@media(max-width:760px){
 .cell-face{padding:10px}.cell-title{font-size:clamp(14px,14cqw,21px)}
 .tile[data-cell-face=mixed] .cell-title,.tile[data-cell-face=diagram] .cell-title{font-size:clamp(13px,12.5cqw,20px)}
 .tile[data-cell-face=project] .cell-title,.tile[data-cell-face=lab] .cell-title{font-size:clamp(13px,12cqw,20px)}
 .tile[data-rows="3"] .cell-title{font-size:clamp(15px,14cqw,24px)}
 .tile[data-rows="1"] .cell-title{font-size:clamp(12px,7cqw,18px)}
}
@media(prefers-reduced-motion:reduce){.cell-face,.cell-face *,.cell-face::after{animation:none!important;transition:none!important}}
body.no-motion .cell-face,body.no-motion .cell-face *,body.no-motion .cell-face::after{animation:none!important;transition:none!important}

/* Compact header; an opaque, tactile menu with the same keynote palette. */
.topbar{display:flex;height:54px;gap:9px;position:relative}
.topbar>.wordmark{margin-right:auto}
.explore-toggle{display:flex;align-items:center;justify-content:center;gap:13px;height:54px;min-width:126px;padding:0 20px;color:#f0f0ec;font:500 14px Barlow,sans-serif;touch-action:manipulation;transition:scale 140ms,background-color 160ms}
.explore-toggle:active,.menu-close:active{scale:.96}
.menu-glyph{display:grid;gap:5px;width:19px}.menu-glyph i{display:block;height:1.5px;background:currentColor;border-radius:2px}
.explore-toggle[data-world=web]{color:#91beff}.explore-toggle[data-world=it]{color:#a0dc80}.explore-toggle[data-world=software]{color:#f7e883}.explore-toggle[data-world=consulting]{color:#e895d6}
#explore-menu{position:fixed;inset:82px 20px auto auto;margin:0;width:min(460px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 104px);padding:24px;overflow:auto;overscroll-behavior:contain;background:#111114;color:#f0f0ec;border:1px solid #ffffff26;border-radius:26px;box-shadow:0 24px 80px #000b,inset 0 1px 0 #ffffff08;transform-origin:top right;scrollbar-width:thin}
#explore-menu::backdrop{background:#0009}
.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.menu-heading h2{font:650 30px/1 Display,sans-serif;letter-spacing:-.05em;margin:0}
.menu-close{width:44px;height:44px;flex:none;background:#212126;border:1px solid #ffffff14;border-radius:50%;color:#f0f0ec;font:300 26px/1 Barlow,sans-serif;transition:scale 140ms}
#explore-menu .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:none;height:auto;padding:0;margin:0 0 22px;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
#explore-menu .filters button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:84px;padding:14px 16px;background:#19191e;border:1px solid #ffffff10;border-radius:16px;text-align:left;white-space:normal;box-shadow:none;color:#e9e9ec}
#explore-menu .filters button:first-child{grid-column:1/-1;min-height:58px;flex-direction:row;align-items:center;justify-content:space-between}
#explore-menu .filters button[aria-pressed=true]{background:#f0f0ec;color:#111114;border-color:transparent}
.menu-service-title{font:600 17px/1.1 Display,sans-serif;letter-spacing:-.02em}.menu-service-note{font:400 12px/1.2 Barlow,sans-serif;opacity:.75}
#explore-menu .filters button[data-filter=web]:not([aria-pressed=true]) .menu-service-title{color:#91beff}
#explore-menu .filters button[data-filter=it]:not([aria-pressed=true]) .menu-service-title{color:#a0dc80}
#explore-menu .filters button[data-filter=software]:not([aria-pressed=true]) .menu-service-title{color:#f7e883}
#explore-menu .filters button[data-filter=consulting]:not([aria-pressed=true]) .menu-service-title{color:#e895d6}
#explore-menu .tile-count{display:inline;font-size:12px;margin-left:7px}
.explore-search-label{display:block;margin:0 2px 10px;font:500 12px Barlow,sans-serif;color:#adadb7}
#explore-menu .problem-finder{width:100%;margin:0;z-index:auto}
#explore-menu .problem-finder__bar{border-radius:15px;background:#09090b;box-shadow:none;padding-left:13px}
#explore-menu .problem-finder input{font-size:16px}
#explore-menu .problem-finder__hint{display:block;margin:10px 2px 0;font-size:11px;color:#aeadb5}
#explore-menu .problem-finder__results{position:static;max-height:none;margin-top:12px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
#explore-menu .problem-finder__result{align-items:flex-start;flex-direction:column;gap:4px;min-height:58px}
#explore-menu .problem-finder__result-family{display:block;font-size:11px}
#explore-menu .problem-finder__privacy{display:none}
.explore-toggle:focus-visible,.menu-close:focus-visible,#explore-menu [data-filter]:focus-visible{outline:2px solid #91beff;outline-offset:3px}
@media(max-width:760px){.topbar{height:46px;gap:7px}.explore-toggle{height:46px;min-width:46px;width:46px;padding:0}.menu-current{display:none}.topbar>.wordmark{min-width:0}.topbar>.motion{order:1}.topbar>.explore-toggle{order:2}#explore-menu{inset:65px 10px auto;width:calc(100vw - 20px);max-height:calc(100dvh - 80px);padding:18px;border-radius:22px}.menu-heading{margin-bottom:16px}.menu-heading h2{font-size:27px}#explore-menu .filters{margin-bottom:18px}#explore-menu .filters button{min-height:74px;padding:12px}.menu-service-title{font-size:16px}.menu-service-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.explore-toggle,.menu-close{transition:none}}

/* Regional directory stays one clear choice inside Explore. */
.menu-places{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 16px;margin:14px 0 0;border-radius:16px;background:#1b1b1f;color:#eeece7;text-decoration:none;font-size:14px;transition:background-color .16s ease;}
.menu-places:hover{background:#26262b}.menu-places:focus-visible{outline:2px solid #a8bdff;outline-offset:3px}

/* Color lives on the rounded edge, leaving the black face quiet and legible. */
.service-anchor>.anchor-trace{position:absolute;inset:0;z-index:7;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;pointer-events:none;color:var(--tile-pop);fill:none;contain:paint}
.anchor-trace rect{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.anchor-trace .trace-rail{stroke-width:1;opacity:.3;transition:opacity 180ms ease}
.anchor-trace :is(.trace-halo,.trace-tail,.trace-head){animation:anchor-perimeter 7.6s linear infinite;animation-delay:var(--trace-phase);animation-play-state:paused;transition:opacity 180ms ease}
.anchor-trace .trace-halo{stroke-width:7;stroke-dasharray:16 84;opacity:.2;filter:blur(1.5px)}
.anchor-trace .trace-tail{stroke-width:1.7;stroke-dasharray:16 84;opacity:.86}
.anchor-trace .trace-head{stroke:var(--tile-soft);stroke-width:2.4;stroke-dasharray:1 99;opacity:1;animation-name:anchor-perimeter-head}
.service-anchor[data-trace-visible]>.anchor-trace :is(.trace-halo,.trace-tail,.trace-head){animation-play-state:running}
.service-anchor:is(:hover,:focus-visible)>.anchor-trace .trace-rail{opacity:.55}
.service-anchor:is(:hover,:focus-visible)>.anchor-trace .trace-halo{opacity:.38}
.service-anchor:is(:hover,:focus-visible)>.anchor-trace .trace-tail{opacity:1}
body:is(.panel-open,.menu-open,.no-motion) .service-anchor .anchor-trace :is(.trace-halo,.trace-tail,.trace-head),.trace-document-hidden .service-anchor .anchor-trace :is(.trace-halo,.trace-tail,.trace-head),.lf-tile-flight .service-anchor .anchor-trace :is(.trace-halo,.trace-tail,.trace-head){animation-play-state:paused}
@keyframes anchor-perimeter{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@keyframes anchor-perimeter-head{from{stroke-dashoffset:-15}to{stroke-dashoffset:-115}}
body.no-motion .anchor-trace :is(.trace-halo,.trace-tail,.trace-head){display:none}
@media(prefers-reduced-motion:reduce){.anchor-trace :is(.trace-halo,.trace-tail,.trace-head){display:none;animation:none!important}.anchor-trace .trace-rail{transition:none}}

/* Research-led copy, within the established opaque Black Keynote Pop mosaic. */
.answer-preview{display:none;color:#cacbd5;font:400 14px/1.35 Barlow,Arial,sans-serif;position:relative;z-index:2;order:3;text-wrap:pretty}
.tile[data-show-answer=true] .answer-preview{display:block}
.tile[data-show-answer=true] .cell-face{display:flex!important;flex-direction:column!important;gap:9px;justify-content:center}
.tile[data-show-answer=true] .cell-title{font-size:clamp(18px,9cqw,28px);max-width:100%;order:1}
.tile[data-show-answer=true] .cell-art{order:0;max-height:29%;min-height:22px;width:100%}
.tile[data-show-answer=true] .cell-face::after{display:none}
.tile[data-answer-surface] .cell-title{overflow-wrap:normal;hyphens:none}
.tile[data-cell-face=icon] .answer-preview,.tile[data-rows="1"] .answer-preview{display:none!important}
.cell-face,.anchor-face{transform-origin:center;transition:transform .17s cubic-bezier(.2,.8,.2,1)}
.answer-pressed :is(.cell-face,.anchor-face){transform:perspective(600px) rotateX(var(--press-x)) rotateY(var(--press-y)) scale(.96)}
.answer-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px 38px;background:#141417;position:sticky;top:0;z-index:6;box-shadow:0 10px 18px #0002}
.answer-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:999px;background:#232329;border:0;color:#f3f3ee;font:500 14px/1.2 Barlow,Arial,sans-serif;text-decoration:none;cursor:pointer;transition:scale .15s,background-color .15s}
.answer-actions a:first-child{background:var(--market-accent,var(--tile-soft,#c4d8ff));color:#111114}
.answer-actions :is(a,button):active,.answer-contact :is(a,button):active{scale:.96}
.answer-actions :is(a,button):focus-visible,.answer-contact :is(input,textarea,a,button):focus-visible{outline:2px solid #f4e269;outline-offset:4px}
.answer-contact{margin:30px 38px;padding:28px;border-radius:24px;background:#202026;scroll-margin-top:80px;max-width:100%;min-width:0}
.answer-contact-heading>span{font:500 11px/1.5 Barlow,Arial,sans-serif;letter-spacing:.12em;color:#bdc8df}
.answer-contact h3{font:600 clamp(28px,4vw,44px)/1.08 Display,Arial,sans-serif;letter-spacing:-.035em;margin:12px 0}
.answer-contact p{font:400 16px/1.5 Barlow,Arial,sans-serif;color:#c5c6d1;max-width:65ch}
.answer-contact-form{display:grid;gap:17px;margin-top:24px;min-width:0}
.answer-contact-form label{display:grid;gap:9px;font:500 15px/1.4 Barlow,Arial,sans-serif;color:#eeeef4}
.answer-contact-form label small{font-weight:400;color:#b5b6c2}
.answer-contact-form :is(textarea,input:not([type=hidden])){box-sizing:border-box;display:block;width:100%;min-width:0;background:#101013;border:1px solid #4b4c56;border-radius:12px;padding:14px;color:#f5f5ee;font:400 16px/1.45 Barlow,Arial,sans-serif;resize:vertical;min-height:48px}
.answer-contact-options{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.answer-contact .action{min-height:44px;white-space:normal;text-align:center;font-size:15px;line-height:1.3;text-decoration:none}
.answer-copy{min-height:44px;padding:10px 2px;background:none;border:0;color:#ccd8f2;text-decoration:underline;text-underline-offset:4px;font:500 14px/1.4 Barlow,sans-serif;cursor:pointer}
.answer-contact p.answer-contact-note,.answer-contact p.answer-contact-status{font-size:13px;margin:0;line-height:1.5}
.answer-canonical-header{padding:32px 38px}
.answer-canonical-copy{font:400 clamp(18px,2vw,23px)/1.6 Barlow,sans-serif;color:#dddde7}
.market-question .market-inline-answer{font-size:16px;line-height:1.6;color:#dddde7}
.market-question:has(.market-inline-answer){display:block}
.market-question:has(.market-inline-answer)>b{display:block;margin-top:20px;font-size:13px}
.market-question-grid:has(.market-inline-answer){grid-template-columns:1fr}
@media(max-width:760px){
 .answer-actions{padding:12px 16px;gap:6px}.answer-actions :is(a,button){font-size:13px;padding:9px 11px}
 .answer-contact{margin:24px 16px;padding:20px;border-radius:20px}
 .answer-contact-options{align-items:stretch}.answer-contact-options .action{width:100%}
 .answer-canonical-header{padding:24px 20px}
 .answer-preview{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.answer-pressed :is(.cell-face,.anchor-face){transform:none}.answer-actions *,.answer-contact *{transition:none!important}}
body.no-motion .answer-pressed :is(.cell-face,.anchor-face){transform:none}

/* Photo albums remain black physical mosaic tiles; images are a quiet surface. */
.photo-album-tile{
  isolation:isolate;
  overflow:hidden;
  background:#111114!important;
  color:#f6f3ec!important;
}
.photo-album-tile__images,.photo-album-tile__images img{position:absolute;inset:0;width:100%;height:100%}
.photo-album-tile__images{z-index:0;background:#111114}
.photo-album-tile__images img{display:block;object-fit:cover;opacity:0;transition:opacity 680ms cubic-bezier(.2,0,0,1);will-change:opacity}
.photo-album-tile__images img.is-active{opacity:.72}
.photo-album-tile__copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:clamp(12px,8cqw,26px);
  background:linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.04) 45%,rgba(0,0,0,.74) 100%);
  pointer-events:none;
}
.photo-album-tile__kicker{color:var(--tile-soft);font:600 clamp(8px,4.4cqw,11px)/1.2 Barlow,Arial,sans-serif;letter-spacing:.11em}
.photo-album-tile__copy strong{max-width:87%;margin:auto 0 7px;font:650 clamp(20px,13cqw,48px)/.94 Display,Arial,sans-serif;letter-spacing:-.05em;text-wrap:balance}
.photo-album-tile__copy>span:not(.photo-album-tile__kicker){max-width:92%;font:500 clamp(11px,5.5cqw,15px)/1.32 Barlow,Arial,sans-serif;text-wrap:pretty}
.photo-album-tile__copy i{position:absolute;right:clamp(12px,7cqw,24px);top:clamp(11px,6cqw,21px);font-style:normal;font-size:clamp(16px,8cqw,28px);color:var(--tile-paper);opacity:.88}
.photo-album-tile:is(:hover,:focus-visible) .photo-album-tile__images img.is-active{opacity:.84}
.photo-album-reader{--album-paper:#f6f3ec;--album-ink:#111114;background:#141417;color:var(--album-paper)}
.photo-album-reader__hero{display:grid;grid-template-columns:minmax(0,.96fr) minmax(280px,1.04fr);gap:clamp(28px,5vw,72px);padding:clamp(34px,6vw,82px);align-items:end;background:#141417}
.photo-album-reader__kicker{margin:0 0 15px;color:var(--story-pop,#92bfff);font:650 11px/1.2 Barlow,Arial,sans-serif;letter-spacing:.12em}
.photo-album-reader h2{max-width:700px;margin:0;font:650 clamp(38px,6.6vw,82px)/.91 Display,Arial,sans-serif;letter-spacing:-.06em;text-wrap:balance}
.photo-album-reader__answer{max-width:560px;margin:24px 0 0;color:#dedee4;font:400 clamp(17px,1.8vw,22px)/1.45 Barlow,Arial,sans-serif;text-wrap:pretty}
.photo-album-reader__contact{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.photo-album-reader__contact a,.photo-album-reader__controls button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #ffffff35;border-radius:999px;background:#111114;color:var(--album-paper);font:650 13px/1 Barlow,Arial,sans-serif;text-decoration:none;transition-property:transform,background-color,border-color;transition-duration:160ms;transition-timing-function:cubic-bezier(.2,0,0,1)}
.photo-album-reader__contact a:first-child{border-color:var(--story-pop,#92bfff);background:var(--story-pop,#92bfff);color:#111114}
.photo-album-reader__contact a:active,.photo-album-reader__controls button:active{transform:scale(.96)}
.photo-album-reader__frame{position:relative;margin:0;min-height:0;overflow:hidden;border-radius:20px;background:#09090b;box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 38px #0005}
.photo-album-reader__frame img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
.photo-album-reader__frame figcaption{padding:13px 15px 15px;color:#d5d5dd;font:500 13px/1.35 Barlow,Arial,sans-serif}
.photo-album-reader__controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;border-block:1px solid #ffffff16;background:#101014}
.photo-album-reader__controls p{margin:0;color:#d5d5dd;font:600 13px/1 Barlow,Arial,sans-serif;font-variant-numeric:tabular-nums}
.photo-album-reader__detail{padding:clamp(28px,5vw,64px);background:#17171c}
.photo-album-reader__detail>p{max-width:680px;margin:0 0 28px;color:#cbccd3;font:400 17px/1.5 Barlow,Arial,sans-serif}
.photo-album-reader__detail details{max-width:900px;border-top:1px solid #ffffff22}
.photo-album-reader__detail summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;color:var(--album-paper);font:650 15px/1.3 Barlow,Arial,sans-serif}
.photo-album-reader__detail summary span{color:var(--story-pop,#92bfff)}
.photo-album-reader__detail ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:0;padding:0 0 22px;list-style:none}
.photo-album-reader__detail li{display:grid;gap:6px;padding:14px;border-radius:12px;background:#111114;color:#cacaD1;font:400 13px/1.35 Barlow,Arial,sans-serif;box-shadow:inset 0 0 0 1px #ffffff12}
.photo-album-reader__detail li b{color:var(--album-paper)}
.photo-album-reader__detail li a{color:var(--story-pop,#92bfff);text-decoration-thickness:1px;text-underline-offset:3px}
@media (max-width:760px){.photo-album-reader__hero{grid-template-columns:1fr;padding:34px 22px;gap:28px}.photo-album-reader h2{font-size:clamp(36px,11vw,57px)}.photo-album-reader__controls{justify-content:space-between;gap:9px;padding:17px 14px}.photo-album-reader__controls button{padding-inline:12px;font-size:12px}.photo-album-reader__detail{padding:32px 22px}.photo-album-tile__copy strong{font-size:clamp(18px,12.5cqw,35px)}}
@media (prefers-reduced-motion:reduce){.photo-album-tile__images img,.photo-album-reader__contact a,.photo-album-reader__controls button{transition:none!important}}
body.no-motion .photo-album-tile__images img,body.no-motion .photo-album-reader__contact a,body.no-motion .photo-album-reader__controls button{transition:none!important}

/* Soft mineral + responsive edge light. Approved October 1, 2026.
   Category landmarks are fixed; supporting stories keep their own visual voice. */
@font-face{font-family:'Atkinson Hyperlegible Next';src:url('/assets/mineral/atkinson-hyperlegible-next-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--mineral-type:'Atkinson Hyperlegible Next',system-ui,sans-serif;--mineral-icon:72px;--mineral-paper:#f6f3ec;--mineral-muted:#c1c1cb}
body,button,input,textarea,select{font-family:var(--mineral-type)}
body :is(.cell-title,.cell-kicker,.anchor-title,.anchor-caption,.anchor-index,.answer-preview,.mosaic-brand-heading,.brand-note,.wordmark,.menu-service-title,.menu-service-note,.menu-heading h2,.detail-window,.detail-window *,.route-fallback,.route-fallback *){font-family:var(--mineral-type)!important}
[data-material-family=web]{--tile-pop:#92bfff!important;--tile-soft:#92bfff!important}
[data-material-family=it]{--tile-pop:#f5d95b!important;--tile-soft:#f5d95b!important}
[data-material-family=software]{--tile-pop:#f09bdd!important;--tile-soft:#f09bdd!important}
[data-material-family=consulting]{--tile-pop:#a0df85!important;--tile-soft:#a0df85!important}
[data-material-family=brand]{--tile-pop:#ff7839!important;--tile-soft:#ff7839!important}
.tile[data-material]{--mineral-x:50%;--mineral-y:0%;background:radial-gradient(ellipse at 12% 0%,color-mix(in srgb,var(--tile-pop) 12%,#17171b),transparent 74%),#141417!important;border-color:#ffffff10!important;border-radius:22px!important;box-shadow:inset 0 1px 0 #ffffff13,inset 0 -1px 0 #0004,0 4px 8px #0003!important}
.tile[data-material]::before,.tile[data-material]::after{content:'';position:absolute;inset:0;width:auto;height:auto;border-radius:inherit;pointer-events:none;transform:none;animation:none;transition:opacity 180ms ease}
.tile[data-material]::before{z-index:8;padding:1px;background:radial-gradient(160px circle at var(--mineral-x) var(--mineral-y),var(--tile-pop),transparent 85%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;opacity:0}
.tile[data-material]::after{z-index:0;background:radial-gradient(180px circle at var(--mineral-x) var(--mineral-y),color-mix(in srgb,var(--tile-pop) 7%,transparent),transparent 80%);opacity:0}
.tile[data-material]:is([data-mineral-lit=true],:focus-visible,.is-pressed,.answer-pressed)::before{opacity:.85}
.tile[data-material]:is([data-mineral-lit=true],.is-pressed,.answer-pressed)::after{opacity:1}
.tile[data-material]:is(.is-pressed,.answer-pressed)::before,.tile[data-material]:is(.is-pressed,.answer-pressed)::after{transition:none}
.tile[data-material]:is(:hover,:focus-visible,[aria-expanded=true]){border-color:color-mix(in srgb,var(--tile-pop) 30%,transparent)!important;box-shadow:inset 0 1px 0 #ffffff20,0 4px 8px #0003!important}
.tile[data-material].service-anchor{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tile-pop) 40%,transparent),inset 1px 0 0 #ffffff12,0 0 0 1px color-mix(in srgb,var(--tile-pop) 17%,transparent)!important}
.tile[data-material]:focus-visible{outline:2px solid #fff!important;outline-offset:3px!important}
/* Idle anchors are landmarks, not four continuously competing light shows. */
.service-anchor[data-material]>.anchor-trace :is(.trace-halo,.trace-tail,.trace-head){animation-play-state:paused;opacity:0}
.service-anchor[data-material][data-trace-visible]:is([data-mineral-lit=true],:focus-visible)>.anchor-trace :is(.trace-halo,.trace-tail,.trace-head){animation-play-state:running;animation-iteration-count:1;animation-duration:2.8s;animation-delay:0s}
.service-anchor[data-material][data-trace-visible]:is([data-mineral-lit=true],:focus-visible)>.anchor-trace .trace-tail{opacity:.6}
.service-anchor[data-material][data-trace-visible]:is([data-mineral-lit=true],:focus-visible)>.anchor-trace .trace-head{opacity:.85}
.service-anchor[data-material][data-trace-visible]:is([data-mineral-lit=true],:focus-visible)>.anchor-trace .trace-halo{opacity:.15}
body:is(.panel-open,.menu-open,.no-motion) .service-anchor[data-material] .anchor-trace :is(.trace-halo,.trace-tail,.trace-head),.trace-document-hidden .service-anchor[data-material] .anchor-trace :is(.trace-halo,.trace-tail,.trace-head),.lf-tile-flight .service-anchor[data-material] .anchor-trace :is(.trace-halo,.trace-tail,.trace-head){animation-play-state:paused;opacity:0}
.service-anchor[data-material] .anchor-face{justify-content:center;gap:8px;padding:clamp(14px,1.5vw,24px)!important}
.service-anchor[data-material] .anchor-index{color:var(--tile-pop);font-size:12px;letter-spacing:.08em;font-weight:600;margin-bottom:0}
.service-anchor[data-material] .anchor-title{width:calc(100% - var(--mineral-icon) - 24px);font-size:clamp(26px,2.7vw,42px);line-height:1.05;letter-spacing:-.025em;font-weight:700;text-wrap:balance}
.service-anchor[data-material] .anchor-caption{max-width:calc(100% - var(--mineral-icon) - 24px);font-size:15px;line-height:1.3;color:var(--mineral-muted);margin-top:0}
.service-anchor[data-material] .anchor-art{position:absolute;right:24px;top:50%;bottom:auto;left:auto;width:var(--mineral-icon);height:var(--mineral-icon);transform:translateY(-50%);opacity:1;color:var(--tile-pop);animation:none!important}
.mineral-icon{display:block;width:var(--mineral-icon);height:var(--mineral-icon);flex:none;background:var(--tile-pop);mask:var(--mineral-asset) center/contain no-repeat;-webkit-mask:var(--mineral-asset) center/contain no-repeat}
.mineral-icon[data-icon=app-window-duotone]{mask-image:var(--mineral-asset),url('/assets/mineral/sliders-horizontal-bold.svg');mask-size:contain,48% 40%;mask-position:center,center 65%;mask-repeat:no-repeat;-webkit-mask-image:var(--mineral-asset),url('/assets/mineral/sliders-horizontal-bold.svg');-webkit-mask-size:contain,48% 40%;-webkit-mask-position:center,center 65%;-webkit-mask-repeat:no-repeat}
.tile[data-material] :is(.cell-kicker,.anchor-index){color:var(--tile-pop)}
.tile[data-material] .cell-title{font-weight:700;line-height:1.08;letter-spacing:-.02em}
.tile[data-material] .answer-preview{color:var(--mineral-muted);font-size:15px;line-height:1.4}
.tile[data-material] :is(.cell-go,.anchor-go){color:var(--mineral-muted);border-color:#ffffff26;background:#ffffff04}
.tile[data-material] .cell-art>.mineral-icon{margin:auto;max-width:100%;max-height:100%}
.tile[data-material] .cell-sketch{stroke-linecap:round;stroke-linejoin:round;stroke-width:3}
.tile[data-material] .cell-sketch .sketch-muted{opacity:.38}
.tile[data-material] .cell-sketch .sketch-fill{fill:var(--tile-pop);fill-opacity:.16}
.tile[data-material].brand-tile .hero-orbit,.tile[data-material].brand-tile .brand-note,.tile[data-material].brand-tile .wake-route{display:none}
.tile[data-material].brand-tile .hero-route{position:absolute;top:50%;right:24px;bottom:auto;left:auto;width:var(--mineral-icon);height:var(--mineral-icon);transform:translateY(-50%);opacity:1}
.tile[data-material].brand-tile .mosaic-brand-heading{position:relative;margin:0!important;max-width:calc(100% - var(--mineral-icon) - 36px);font-size:clamp(28px,3.2vw,47px)!important;line-height:1.02!important;letter-spacing:-.035em;align-self:start;text-align:left;font-weight:700}
.tile[data-material].brand-tile{justify-content:center!important;align-items:flex-start!important;padding:clamp(14px,1.5vw,24px)!important}
/* Same semantic palette continues into the reader and navigation. */
.detail-window[data-accent=blue],[data-filter=web]{--detail-pop:#92bfff;--detail-soft:#92bfff;--menu-color:#92bfff}
.detail-window[data-accent=yellow],[data-filter=it]{--detail-pop:#f5d95b;--detail-soft:#f5d95b;--menu-color:#f5d95b}
.detail-window[data-accent=magenta],[data-filter=software]{--detail-pop:#f09bdd;--detail-soft:#f09bdd;--menu-color:#f09bdd}
.detail-window[data-accent=green],[data-filter=consulting]{--detail-pop:#a0df85;--detail-soft:#a0df85;--menu-color:#a0df85}
.detail-window[data-accent=orange]{--detail-pop:#ff7839;--detail-soft:#ff7839}
.detail-window{--market-accent:var(--detail-soft);background:radial-gradient(ellipse at 12% 0%,color-mix(in srgb,var(--detail-soft,#ff7839) 10%,#18181d),transparent 48%),#151519!important;border-color:#ffffff26!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--detail-soft,#ff7839) 55%,transparent),0 22px 50px #0008}
.detail-window :is(.market-story,.market-hub,.lf-story,.native-story){--market-accent:var(--detail-soft);--story-pop:var(--detail-soft)}
.detail-window :is(p,li){line-height:1.55}
.detail-window :is(h2,h3){letter-spacing:-.025em}
.detail-window .detail-top{background:#151519f5;border-bottom-color:#ffffff14}
.detail-window .answer-actions a:first-child{background:var(--detail-soft);color:#111114}
.filters button[data-filter]:not([data-filter=all]) .menu-service-title{color:var(--menu-color)}
.filters button[data-filter]:not([data-filter=all]){border-color:color-mix(in srgb,var(--menu-color) 28%,transparent)}
.lf-motion-enamel{background:radial-gradient(ellipse at 12% 0%,color-mix(in srgb,var(--motion-pop,#ff7839) 12%,#17171b),transparent 74%),#141417}
@media(min-width:761px) and (max-width:1100px){:root{--mineral-icon:56px}.service-anchor[data-material] .anchor-caption{display:none}.service-anchor[data-material] .anchor-title{font-size:24px}.service-anchor[data-material] .anchor-art,.tile[data-material].brand-tile .hero-route{right:14px}}
@media(max-width:360px){.tile[data-material][data-cell-face=lab][data-columns="3"][data-rows="2"] .cell-title{font-size:14px}}
@media(max-width:760px){
 :root{--mineral-icon:56px}
 .tile[data-material]{border-radius:18px!important}
 .utility-nav{flex-wrap:wrap;justify-content:center;overflow:visible;border-radius:20px;padding:4px;gap:0}
 .utility-nav a{font-family:var(--mineral-type);font-size:12px;min-height:44px;padding:8px;white-space:nowrap}
 .service-anchor[data-material] .anchor-face{gap:5px}
 .service-anchor[data-material] .anchor-title{font-size:clamp(21px,5.5vw,32px);width:calc(100% - var(--mineral-icon) - 10px)}
 .service-anchor[data-material] .anchor-caption{display:none}
 .service-anchor[data-material] .anchor-art,.tile[data-material].brand-tile .hero-route{right:14px}
 .service-anchor[data-material] .anchor-index{font-size:10px}
 .tile[data-material].brand-tile .mosaic-brand-heading{font-size:clamp(23px,6.3vw,36px)!important;max-width:calc(100% - var(--mineral-icon) - 14px)}
 .tile[data-material] .answer-preview{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.tile[data-material]::before,.tile[data-material]::after{transition:none}.service-anchor[data-material] .anchor-trace :is(.trace-halo,.trace-tail,.trace-head){display:none;animation:none!important}}
body.no-motion .tile[data-material]::before,body.no-motion .tile[data-material]::after{transition:none}
@media(prefers-contrast:more){.tile[data-material]{background:#131316!important;border-color:#92929c!important}.tile[data-material] :is(.cell-title,.anchor-title){color:#fff}}
@media(forced-colors:active){.tile[data-material]{border:1px solid ButtonText!important}.mineral-icon{background:ButtonText}.tile[data-material]::before,.tile[data-material]::after{display:none}}

@font-face{font-family:LFAtkinson;src:url('/assets/mineral/atkinson-hyperlegible-next-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:LFReader;src:url('/assets/reader/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}

/* The page behind this sheet stays a mosaic. These rules only give opened pages a durable reading surface. */
body.reader-open{overflow:hidden}
#detail{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(10px,3vw,34px);border:0;background:transparent;color:#f8f5f1;overflow:hidden}
#detail::backdrop{background:rgb(5 6 8 / .82);backdrop-filter:blur(8px)}
#detail .detail-window.lf-reader{--reader-ground:#101113;--reader-paper:#f8f5f1;--reader-muted:#c6c9cf;--reader-orange:#ff7839;display:flex;flex-direction:column;width:min(1180px,100%);height:100%;max-height:900px;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 12% 0%,rgb(255 120 57 / .08),transparent 43%),var(--reader-ground);border:1px solid rgb(255 255 255 / .16);border-radius:30px;box-shadow:inset 0 1px 0 rgb(255 255 255 / .18),0 32px 90px rgb(0 0 0 / .58);font-family:LFAtkinson,Arial,sans-serif;-webkit-font-smoothing:antialiased}
#detail .detail-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;min-height:76px;padding:12px 20px 12px 24px;background:rgb(16 17 19 / .96);border-bottom:1px solid rgb(255 255 255 / .12);z-index:4}
#detail .detail-top :is(a,button){min-height:44px}
#detail #close-detail{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(255 255 255 / .22);border-radius:999px;background:#222429;color:#fff;cursor:pointer;transition-property:background-color,transform;transition-duration:160ms}
#detail #close-detail:hover{background:#35373d}#detail #close-detail:active{transform:scale(.96)}
#detail .detail-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:#8d4e2c #101113}
.lf-reader{color:var(--reader-paper,#f8f5f1);background:var(--reader-ground,#101113);font-family:LFAtkinson,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.lf-reader :is(h1,h2,h3){font-family:LFReader,LFAtkinson,Arial,sans-serif;font-weight:600;letter-spacing:-.04em;line-height:1.08;text-wrap:balance;color:var(--reader-orange,#ff7839)}
.lf-reader :is(p,li){font-size:clamp(17px,1.45vw,19px);line-height:1.63;text-wrap:pretty}.lf-reader p{max-width:65ch}.lf-reader a{color:inherit}.lf-reader :is(a,button,input,textarea):focus-visible{outline:3px solid #fff;outline-offset:4px}
.lf-reader .story-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.92fr);gap:clamp(30px,5vw,72px);align-items:center;min-height:560px;padding:clamp(42px,6vw,82px) clamp(24px,6vw,84px);background:radial-gradient(circle at 85% 18%,rgb(255 120 57 / .1),transparent 32%),#101113;overflow:hidden}
.lf-reader .story-kicker{margin:0 0 20px;color:#ffc0a0;font-size:12px;line-height:1.35;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.lf-reader .story-title{max-width:12ch;margin:0 0 24px;font-size:clamp(45px,5.6vw,76px)}.lf-reader .story-summary{margin:0;max-width:43ch;color:#e2dfdb;font-size:clamp(19px,1.8vw,23px);line-height:1.5}
.lf-reader .story-art{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;min-width:0}.lf-reader .story-art :is(figure,div){min-width:0;margin:0;overflow:hidden;border-radius:14px;background:#1a1c20;outline:1px solid rgb(255 255 255 / .12);box-shadow:0 20px 38px rgb(0 0 0 / .4)}.lf-reader .story-art :first-child{grid-column:1/-1;width:94%;justify-self:end}.lf-reader .story-art img{display:block;width:100%;height:100%;aspect-ratio:1.5;object-fit:cover;object-position:top}.lf-reader .story-art :not(:first-child) img{aspect-ratio:1.22}.lf-reader .story-art figcaption{padding:9px 11px;color:#d6d5d1;font-size:12px}
.lf-reader .story-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,84px);padding:clamp(42px,7vw,90px) clamp(24px,6vw,84px);border-top:1px solid rgb(255 255 255 / .12)}.lf-reader .story-section:nth-of-type(odd){background:#141619}.lf-reader .story-section>h2{position:sticky;top:24px;align-self:start;max-width:17ch;margin:0;font-size:clamp(31px,3.7vw,49px)}.lf-reader .story-section>div>*:first-child{margin-top:0}.lf-reader .story-section p{margin:0 0 22px;color:#d0d2d5}.lf-reader .story-section ul{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none}.lf-reader .story-section li{padding:17px 0;border-top:1px solid rgb(255 255 255 / .15);color:#ece9e5}.lf-reader .story-section li:first-child{padding-top:0;border-top:0}
.lf-reader .story-grid,.lf-reader .proof-grid,.lf-reader .review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lf-reader .story-grid{margin-top:32px}.lf-reader .story-grid>*{min-height:180px;padding:23px;border-radius:18px;background:#1a1c20;box-shadow:inset 0 1px 0 rgb(255 255 255 / .13),0 12px 24px rgb(0 0 0 / .18)}.lf-reader .story-grid h3{margin:0 0 12px;font-size:clamp(22px,2.5vw,32px);color:#f5f2ed}.lf-reader .story-grid p{margin:0;color:#cdd0d4}
.lf-reader .proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}.lf-reader .proof-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:15px;background:#1a1c20;outline:1px solid rgb(255 255 255 / .12);text-decoration:none;box-shadow:0 14px 28px rgb(0 0 0 / .24);transition-property:transform,box-shadow;transition-duration:180ms}.lf-reader .proof-card:hover{transform:translateY(-3px);box-shadow:0 20px 34px rgb(0 0 0 / .34)}.lf-reader .proof-card:active{transform:scale(.96)}.lf-reader .proof-card img{display:block;width:100%;aspect-ratio:1.42;object-fit:cover;object-position:top}.lf-reader .proof-card span{padding:13px 14px;color:#f2efeb;font-size:14px;line-height:1.35}
.lf-reader .story-faq{margin:0;padding:clamp(42px,7vw,90px) clamp(24px,6vw,84px);background:#0d0e10;border-top:1px solid rgb(255 255 255 / .12)}.lf-reader .story-faq>h2{max-width:16ch;margin:0 0 34px;font-size:clamp(33px,4vw,52px)}.lf-reader .story-faq details{max-width:800px;padding:18px 0;border-top:1px solid rgb(255 255 255 / .17)}.lf-reader .story-faq summary{min-height:44px;padding-right:36px;cursor:pointer;color:#f4f1ed;font-family:LFReader,LFAtkinson,sans-serif;font-size:clamp(19px,2vw,24px);line-height:1.35}.lf-reader .story-faq p{margin:14px 0 4px;color:#cbd0d4}
.lf-reader .review-grid{margin-top:30px;grid-template-columns:repeat(3,minmax(0,1fr))}.lf-reader .review-card{display:grid;align-content:space-between;gap:24px;min-height:220px;padding:24px;border-radius:18px;background:#1b1d21;box-shadow:inset 0 1px 0 rgb(255 255 255 / .14),0 14px 25px rgb(0 0 0 / .2)}.lf-reader .review-card blockquote{margin:0;color:#f2efeb;font-family:LFReader,LFAtkinson,sans-serif;font-size:clamp(20px,2.2vw,29px);line-height:1.18;letter-spacing:-.035em;text-wrap:balance}.lf-reader .review-card cite{color:#ffc0a0;font-size:14px;font-style:normal}
.lf-reader .story-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:clamp(28px,6vw,80px);align-items:start;padding:clamp(50px,8vw,106px) clamp(24px,6vw,84px);background:radial-gradient(circle at 83% 15%,rgb(255 120 57 / .13),transparent 33%),#18191b;border-top:1px solid rgb(255 255 255 / .14)}.lf-reader .story-contact h2{max-width:14ch;margin:0 0 20px;font-size:clamp(39px,5vw,66px)}.lf-reader .story-contact p{margin:0;color:#d3d1ce}.lf-reader .contact-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.lf-reader .contact-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border:0;border-radius:999px;background:#ff7839;color:#1b100a;font-family:LFAtkinson,Arial,sans-serif;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;transition-property:transform,background-color;transition-duration:160ms}.lf-reader .contact-actions :is(a,button):hover{background:#ffa274}.lf-reader .contact-actions :is(a,button):active{transform:scale(.96)}
.lf-reader form[data-email-draft]{display:grid;gap:13px;padding:23px;border-radius:19px;background:#101113;box-shadow:inset 0 1px 0 rgb(255 255 255 / .14),0 18px 30px rgb(0 0 0 / .22)}.lf-reader form[data-email-draft] label{display:grid;gap:6px;color:#e8e5e1;font-size:15px}.lf-reader form[data-email-draft] :is(input,textarea){width:100%;min-height:46px;padding:11px 12px;border:1px solid rgb(255 255 255 / .27);border-radius:10px;background:#181a1e;color:#f9f6f1;font:inherit}.lf-reader form[data-email-draft] textarea{min-height:118px;resize:vertical}.lf-reader form[data-email-draft] small{color:#c5c7ca;line-height:1.45}.lf-reader form[data-email-draft] button{justify-self:start;min-height:46px;padding:10px 17px;border:0;border-radius:999px;background:#ff7839;color:#1b100a;font:700 16px LFAtkinson,Arial,sans-serif;cursor:pointer}.lf-reader form[data-email-draft] button:active{transform:scale(.96)}
#explore-menu:not([open]){display:none}#explore-menu{position:fixed;z-index:30;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(12px,4vw,48px);border:0;overflow:auto;background:rgb(8 9 11 / .78);backdrop-filter:blur(9px)}#explore-menu::backdrop{background:rgb(8 9 11 / .78);backdrop-filter:blur(9px)}#explore-menu .menu-panel{position:relative;width:min(820px,100%);margin:auto;padding:clamp(26px,5vw,56px);border:1px solid rgb(255 255 255 / .16);border-radius:26px;background:#141619;color:#f8f5f1;box-shadow:0 28px 80px rgb(0 0 0 / .52);font-family:LFAtkinson,Arial,sans-serif}#explore-menu .menu-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(255 255 255 / .2);border-radius:999px;background:#26292e;color:#fff;cursor:pointer}#explore-menu h2{max-width:14ch;margin:0 0 22px;color:#ff7839;font:600 clamp(32px,4vw,50px)/1.06 LFReader,LFAtkinson,sans-serif;letter-spacing:-.04em;text-wrap:balance}#preview-search{width:100%;min-height:52px;padding:12px 15px;border:1px solid rgb(255 255 255 / .27);border-radius:12px;background:#0d0e10;color:#f8f5f1;font:18px LFAtkinson,Arial,sans-serif}#search-results{display:grid;gap:8px;margin-top:14px}.search-result{display:grid;gap:3px;padding:15px;border-radius:13px;background:#1b1d21;color:#f8f5f1;text-decoration:none;transition-property:background-color,transform;transition-duration:160ms}.search-result:hover{background:#282b31;transform:translateX(3px)}.search-result span{color:#ffc0a0;font-size:12px;letter-spacing:.07em;text-transform:uppercase}.search-result strong{font:600 19px/1.18 LFReader,LFAtkinson,sans-serif;letter-spacing:-.025em}.search-result small,.search-empty{color:#ced0d3;font-size:15px;line-height:1.45}
:is(.mosaic-home,#canvas)[data-filter]:not([data-filter=all]) .tile{filter:saturate(.82)}:is(.mosaic-home,#canvas)[data-filter=web] .tile[data-family=web],:is(.mosaic-home,#canvas)[data-filter=it] .tile[data-family=it],:is(.mosaic-home,#canvas)[data-filter=software] .tile[data-family=software],:is(.mosaic-home,#canvas)[data-filter=consulting] .tile[data-family=consulting]{filter:none;box-shadow:inset 0 0 0 2px rgb(255 255 255 / .6)}:is(.mosaic-home,#canvas).is-loading-reader{cursor:progress}:is(.mosaic-home,#canvas).is-loading-reader .tile{pointer-events:none}.tile[data-mineral-lit]{box-shadow:inset 0 0 0 1px rgb(255 255 255 / .5),inset 0 1px 0 rgb(255 255 255 / .34),0 0 0 2px var(--tile-pop,#ff7839),0 18px 34px rgb(0 0 0 / .32);transition-property:box-shadow;transition-duration:180ms}.no-motion .lf-reader *,.no-motion #explore-menu *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media (max-width:760px){#detail{padding:0}#detail .detail-window.lf-reader{max-height:none;border:0;border-radius:0}#detail .detail-top{grid-template-columns:1fr auto;min-height:64px;padding:10px 15px}.lf-reader .story-hero{grid-template-columns:1fr;gap:30px;min-height:0;padding:38px 24px 44px}.lf-reader .story-title{font-size:clamp(40px,11vw,56px)}.lf-reader .story-summary{font-size:19px}.lf-reader .story-art{gap:9px}.lf-reader .story-section,.lf-reader .story-contact{grid-template-columns:1fr;gap:28px;padding:45px 24px}.lf-reader .story-section>h2{position:static;font-size:34px}.lf-reader .story-grid,.lf-reader .proof-grid,.lf-reader .review-grid{grid-template-columns:1fr}.lf-reader .story-faq{padding:45px 24px}.lf-reader .story-contact h2{font-size:42px}.lf-reader .contact-actions>*{flex:1;min-width:0}.lf-reader .review-card{min-height:0}#explore-menu{padding:0}#explore-menu .menu-panel{min-height:100dvh;border:0;border-radius:0;padding:70px 22px 32px}}
@media (max-width:360px){.lf-reader .story-hero,.lf-reader .story-section,.lf-reader .story-contact,.lf-reader .story-faq{padding-inline:18px}.lf-reader .contact-actions{display:grid}.lf-reader .contact-actions>*{width:100%}}
@media (prefers-reduced-motion:reduce){.lf-reader *,.lf-reader *::before,.lf-reader *::after,#explore-menu *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.lf-reader.reader-longform .rw-ownership h2{color:#121316!important}

/* Websites reader body: a quiet editorial sequence underneath the shared orange hero. */
.reader-longform .rw-body {
  --rw-ink: #f4f0ea;
  --rw-muted: #bbb9b4;
  --rw-line: rgba(255, 255, 255, .16);
  --rw-blue: #92bfff;
  --rw-orange: #ff7839;
  --rw-paper: #e8e4dc;
  color: var(--rw-ink);
  background: #0c0d0f;
  overflow: clip;
}

.reader-longform .rw-body * { box-sizing: border-box; }
.reader-longform .rw-body h2,
.reader-longform .rw-body p,
.reader-longform .rw-body figure { margin: 0; }
.reader-longform .rw-body h2 {
  font-family: ManropeReader, Manrope, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: -.06em;
  line-height: .95;
  text-wrap: balance;
}
.reader-longform .rw-body p,
.reader-longform .rw-body figcaption,
.reader-longform .rw-body a {
  font-family: AtkinsonHyperlegible, Atkinson Hyperlegible, Arial, sans-serif;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  line-height: 1.45;
}
.reader-longform .rw-eyebrow,
.reader-longform .rw-project-kicker,
.reader-longform .rw-care-label {
  color: var(--rw-blue);
  font-family: ManropeReader, Manrope, Arial, sans-serif !important;
  font-size: .71rem !important;
  font-weight: 600;
  letter-spacing: .13em;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.reader-longform .rw-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(12rem, .55fr);
  align-items: end;
  gap: clamp(2rem, 7vw, 8rem);
  max-width: 78rem;
  margin: 0 auto;
  padding: clamp(5.5rem, 13vw, 12rem) clamp(1.25rem, 5vw, 4rem) clamp(3.5rem, 9vw, 8rem);
}
.reader-longform .rw-intro-copy { max-width: 44rem; }
.reader-longform .rw-intro h2 { margin-top: 1.1rem; font-size: clamp(2.55rem, 5.7vw, 5.6rem); }
.reader-longform .rw-intro-copy > p:last-child { max-width: 38rem; margin-top: 1.55rem; color: var(--rw-muted); }
.reader-longform .rw-pullquote { max-width: 15rem; color: var(--rw-orange); font-size: clamp(1.15rem, 1.8vw, 1.55rem) !important; line-height: 1.17 !important; }

.reader-longform .rw-waterfall {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .85fr);
  align-items: start;
  gap: clamp(2rem, 6vw, 7rem) clamp(1rem, 4vw, 4.5rem);
  max-width: 83rem;
  margin: 0 auto;
  padding: 0 clamp(1.25rem, 5vw, 4rem) clamp(5rem, 13vw, 11rem);
}
.reader-longform .rw-project { min-width: 0; }
.reader-longform .rw-project--chromatic { grid-column: 1; grid-row: span 2; }
.reader-longform .rw-project--rachel { grid-column: 2; margin-top: clamp(3rem, 9vw, 10rem); }
.reader-longform .rw-project--cc { grid-column: 2; margin-top: clamp(1rem, 3vw, 3rem); }
.reader-longform .rw-project-media {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: .55rem;
  background: #17191d;
  box-shadow: 0 24px 55px rgba(0, 0, 0, .27);
}
.reader-longform .rw-project-media::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: inherit;
  pointer-events: none;
}
.reader-longform .rw-project-media > img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  object-fit: contain;
}
.reader-longform .rw-project-caption { display: grid; gap: .27rem; padding: 1rem .2rem 0; color: var(--rw-muted); }
.reader-longform .rw-project-caption strong { color: var(--rw-ink); font-family: ManropeReader, Manrope, Arial, sans-serif; font-size: clamp(1rem, 1.4vw, 1.2rem); font-weight: 600; letter-spacing: -.035em; }

.reader-longform .rw-ownership {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(10rem, .65fr);
  align-items: center;
  gap: clamp(1.5rem, 5vw, 6rem);
  min-height: min(52vw, 45rem);
  padding: clamp(4rem, 9vw, 9rem) max(1.25rem, calc((100% - 76rem) / 2));
  border-block: 1px solid var(--rw-line);
  background: var(--rw-paper);
  color: #121316;
}
.reader-longform .rw-ownership::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: var(--rw-orange);
  transform: scaleX(var(--reader-p, .08));
  transform-origin: left;
  transition: transform .12s linear;
}
.reader-longform .rw-ownership-mark { align-self: start; color: var(--rw-orange); font: 600 clamp(1.1rem, 2vw, 1.7rem)/1 ManropeReader, Manrope, Arial, sans-serif; letter-spacing: -.08em; }
.reader-longform .rw-ownership-copy { max-width: 40rem; }
.reader-longform .rw-ownership h2 { margin-top: 1.25rem; font-size: clamp(3rem, 7vw, 7rem); }
.reader-longform .rw-ownership h2 em { color: var(--rw-orange); font-style: normal; }
.reader-longform .rw-ownership-copy > p:last-child { max-width: 31rem; margin-top: 1.5rem; color: #4f5156; }
.reader-longform .rw-key-list { display: grid; gap: .5rem; align-self: end; padding-bottom: .35rem; }
.reader-longform .rw-key-list span { border-bottom: 1px solid rgba(18,19,22,.26); padding: .7rem 0; color: #24262a; font: 600 clamp(1.35rem, 2.4vw, 2.25rem)/1 ManropeReader, Manrope, Arial, sans-serif; letter-spacing: -.065em; }

.reader-longform .rw-offer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, .95fr);
  gap: clamp(2.5rem, 8vw, 10rem);
  max-width: 78rem;
  margin: 0 auto;
  padding: clamp(5.5rem, 12vw, 11rem) clamp(1.25rem, 5vw, 4rem);
}
.reader-longform .rw-offer-title h2 { margin-top: 1.1rem; font-size: clamp(2.55rem, 5vw, 5.25rem); }
.reader-longform .rw-offer-title > p:last-child { max-width: 34rem; margin-top: 1.5rem; color: var(--rw-muted); }
.reader-longform .rw-payment { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-self: center; padding: 2.2rem 0 1.2rem; }
.reader-longform .rw-payment-line { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: var(--rw-line); }
.reader-longform .rw-payment-line::after { content: ''; display: block; width: 100%; height: 100%; background: var(--rw-orange); transform: scaleX(var(--reader-p, .1)); transform-origin: left; transition: transform .12s linear; }
.reader-longform .rw-payment > div + div { border-left: 1px solid var(--rw-line); padding-left: 1.5rem; }
.reader-longform .rw-payment strong { color: var(--rw-orange); font: 600 clamp(3.3rem, 6vw, 6rem)/.85 ManropeReader, Manrope, Arial, sans-serif; letter-spacing: -.1em; }
.reader-longform .rw-payment p { margin-top: .8rem; color: var(--rw-muted); }
.reader-longform .rw-care { grid-column: 2; border-top: 1px solid var(--rw-line); padding-top: 1.5rem; color: var(--rw-muted); }
.reader-longform .rw-care > p:not(.rw-care-label) + p { margin-top: .8rem; }
.reader-longform .rw-care strong { color: var(--rw-ink); }

.reader-longform .rw-journey { max-width: 78rem; margin: 0 auto; padding: 0 clamp(1.25rem, 5vw, 4rem) clamp(5.5rem, 12vw, 11rem); }
.reader-longform .rw-journey-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(15rem, .65fr); gap: clamp(2rem, 8vw, 8rem); margin-top: 1.2rem; padding-top: clamp(2.5rem, 6vw, 5.5rem); border-top: 1px solid var(--rw-line); }
.reader-longform .rw-journey h2 { font-size: clamp(2.5rem, 5vw, 5rem); }
.reader-longform .rw-journey-grid > div { align-self: end; color: var(--rw-muted); }
.reader-longform .rw-contact-link { display: inline-flex; gap: .55rem; margin-top: 1.5rem; color: var(--rw-blue); font-family: ManropeReader, Manrope, Arial, sans-serif; font-weight: 600; text-decoration: none; }
.reader-longform .rw-contact-link:hover, .reader-longform .rw-contact-link:focus-visible { color: var(--rw-orange); text-decoration: underline; text-underline-offset: .28em; }

.reader-longform .rw-mission { position: relative; display: grid; grid-template-columns: minmax(12rem, .55fr) minmax(0, 1.25fr); align-items: center; gap: clamp(2rem, 8vw, 9rem); min-height: min(63vw, 48rem); padding: clamp(5rem, 12vw, 12rem) max(1.25rem, calc((100% - 76rem) / 2)); background: #121316; }
.reader-longform .rw-mission::before { content: ''; position: absolute; inset: 0; opacity: calc(.15 + var(--reader-p, .1) * .15); background: radial-gradient(circle at 18% 52%, rgba(255,120,57,.19), transparent 28rem); pointer-events: none; }
.reader-longform .rw-mission-boat { position: relative; z-index: 1; max-width: 21rem; justify-self: center; }
.reader-longform .rw-mission-boat img { display: block; width: 100%; height: auto; filter: drop-shadow(0 16px 24px rgba(0,0,0,.32)); }
.reader-longform .rw-mission-copy { position: relative; z-index: 1; max-width: 48rem; }
.reader-longform .rw-mission h2 { margin-top: 1.05rem; font-size: clamp(2.55rem, 5.6vw, 5.75rem); }
.reader-longform .rw-mission-copy > p:last-child { max-width: 39rem; margin-top: 1.65rem; color: var(--rw-muted); }

@media (max-width: 720px) {
  .reader-longform .rw-intro { grid-template-columns: 1fr; gap: 1.8rem; padding-top: 4.4rem; }
  .reader-longform .rw-pullquote { max-width: 19rem; }
  .reader-longform .rw-waterfall { grid-template-columns: 1fr; gap: 2.65rem; padding-bottom: 5.5rem; }
  .reader-longform .rw-project--chromatic, .reader-longform .rw-project--rachel, .reader-longform .rw-project--cc { grid-column: 1; grid-row: auto; margin-top: 0; }
  .reader-longform .rw-project--chromatic { margin-right: 1.1rem; }
  .reader-longform .rw-project--rachel { margin-left: 2.4rem; }
  .reader-longform .rw-project--cc { margin-right: .45rem; }
  .reader-longform .rw-ownership { grid-template-columns: auto 1fr; gap: 1.4rem; min-height: 0; padding-block: 5.5rem; }
  .reader-longform .rw-key-list { grid-column: 2; margin-top: 1.5rem; }
  .reader-longform .rw-offer { grid-template-columns: 1fr; gap: 3rem; }
  .reader-longform .rw-care { grid-column: 1; }
  .reader-longform .rw-journey-grid { grid-template-columns: 1fr; gap: 1.6rem; }
  .reader-longform .rw-mission { grid-template-columns: 1fr; gap: 2rem; min-height: 0; padding-block: 6rem; }
  .reader-longform .rw-mission-boat { width: min(60vw, 15rem); justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  .reader-longform .rw-project-media > img { height: 100%; transform: none !important; }
  .reader-longform .rw-ownership::after,
  .reader-longform .rw-payment-line::after { transition: none; transform: scaleX(1); }
}
/* Screenshot proof stays whole: its own words are part of the factual client work. */
.reader-longform .rw-project-media>img{height:auto!important;transform:none!important}
.reader-longform .rw-project-caption{display:grid!important;background:transparent!important;padding:18px 0 0!important}
.reader-longform .rw-project-caption strong{font-family:ManropeReader,Atkinson,sans-serif!important;font-size:21px;line-height:1.25}
.reader-longform .rw-ownership .rw-eyebrow{color:#4a617b}
.reader-enhanced .reader-longform .rw-ownership h2{color:#121316!important}
.reader-longform .rw-ownership h2 em{color:#a23b08}
@media(prefers-reduced-motion:reduce){.reader-longform .rw-project-media>img{transform:none!important}}
body.no-motion .rw-project-media>img{transform:none!important}

/* The website proof is a path into the actual case, not a static decoration. */
.reader-longform .rw-project-link{display:block;color:inherit;text-decoration:none}.reader-longform .rw-project-caption-link{color:inherit;text-decoration:none}
.reader-longform .rw-project-action{display:inline-flex;align-items:center;gap:.34rem;width:max-content;margin-top:.55rem;color:var(--rw-blue);font:600 .82rem/1.2 ManropeReader,Manrope,Arial,sans-serif;letter-spacing:-.015em}
@media(hover:hover){.reader-longform .rw-project-link:hover .rw-project-media{box-shadow:0 28px 62px rgba(0,0,0,.34)}.reader-longform .rw-project-caption-link:hover .rw-project-action{text-decoration:underline;text-underline-offset:.24em}}
.reader-longform .rw-project-link:focus-visible{outline:2px solid var(--rw-orange);outline-offset:7px;border-radius:.7rem}.reader-longform .rw-project-caption-link:focus-visible{outline:2px solid var(--rw-orange);outline-offset:4px;border-radius:.2rem}.reader-longform .rw-project-caption-link:focus-visible .rw-project-action{color:var(--rw-orange);text-decoration:underline;text-underline-offset:.24em}
@media(prefers-reduced-motion:reduce){.reader-longform .rw-project-link:hover .rw-project-media{box-shadow:0 24px 55px rgba(0,0,0,.27)}}

/* Review candidate: approved mosaic, clearer website paths, standalone HTML readers. */
html:has(body.page-home),body.page-home{height:auto;min-height:100%;overflow:visible}
.page-home .page-shell{padding-bottom:72px}
.privacy-control{position:relative;display:block;margin:12px auto 24px;padding:10px 16px;min-height:44px;border:1px solid #626269;border-radius:24px;background:#151518;color:#dedee3;font:inherit;font-size:13px}
.menu-panel>.privacy-control{margin:0 0 20px;font-size:13px}
.contact-plan{display:inline-flex;align-items:center;min-height:48px;padding:14px 22px;border-radius:24px;background:#171412;color:#fff!important;text-decoration:none;font-weight:700}
.story-contact-start{align-self:center;max-width:460px}.story-contact-start h3{font-size:clamp(28px,4vw,40px);margin-top:0;line-height:1.15}
.lf-reader .static-inquiry{display:grid;gap:18px;max-width:760px;margin:28px auto;padding:clamp(22px,4vw,34px);border:1px solid rgb(255 255 255 / .15);border-radius:26px;background:linear-gradient(135deg,#24252b,#18181c 58%,#251b18);box-shadow:inset 0 1px 0 rgb(255 255 255 / .07),0 20px 48px rgb(0 0 0 / .18);color:#f8f5f1}.lf-reader .static-inquiry label{display:grid;gap:8px;color:#f8f5f1;font-size:15px;font-weight:650}.lf-reader .static-inquiry :is(input,textarea){width:100%;min-height:52px;padding:14px 15px;border:1px solid rgb(255 255 255 / .18);border-radius:14px;background:#0d0d10;color:#f8f5f1;font:inherit;line-height:1.4;box-shadow:inset 0 1px 0 rgb(255 255 255 / .04);transition-property:border-color,box-shadow,background-color;transition-duration:160ms;transition-timing-function:cubic-bezier(.2,0,0,1)}.lf-reader .static-inquiry textarea{min-height:166px;resize:vertical}.lf-reader .static-inquiry :is(input,textarea):focus{border-color:#ff9f72;background:#131317;outline:0;box-shadow:0 0 0 3px rgb(255 120 57 / .25),inset 0 1px 0 rgb(255 255 255 / .06)}.lf-reader .static-inquiry button{min-height:52px;padding:14px 22px;border:0;border-radius:26px;background:#ff7839;color:#160c07;font:700 16px/1.2 'Atkinson Hyperlegible Next',sans-serif;box-shadow:0 8px 20px rgb(255 120 57 / .2);transition-property:transform,box-shadow,background-color;transition-duration:160ms;transition-timing-function:cubic-bezier(.2,0,0,1)}.lf-reader .static-inquiry button:hover{background:#ff9061;box-shadow:0 10px 24px rgb(255 120 57 / .28)}.lf-reader .static-inquiry button:active{transform:scale(.96)}.lf-reader .static-inquiry>p{margin:0;color:#bfc0c6;font-size:13px;line-height:1.5}.lf-reader .static-inquiry>p a{color:#ffd0ba;text-underline-offset:3px}
.direct-contact-rail{position:sticky;top:8px;z-index:10;display:flex;justify-content:center;width:max-content;max-width:100%;margin:10px auto 16px!important;padding:5px;border:1px solid #48484e;border-radius:50px;background:#151518}.direct-contact-rail a{min-width:78px;min-height:44px;color:#f8f5f1!important}
.story-case-context{padding:32px clamp(24px,6vw,84px);background:#1a1b1f}.story-case-context p{max-width:65ch;line-height:1.65}
.has-real-proof .proof-tile-face{position:absolute;inset:0;display:flex;flex-direction:column;gap:7px;padding:clamp(10px,5cqw,19px);min-height:0}.proof-tile-label{color:#ffc2a5;font-size:clamp(7px,3.2cqw,10px);font-weight:700;letter-spacing:.08em;padding-right:16px}.proof-tile-face>strong{color:#f4f3f2;font-size:clamp(12px,7cqw,26px);line-height:1.06;letter-spacing:-.025em;font-weight:650;overflow-wrap:anywhere}.proof-tile-face>img{display:block;width:100%;min-height:20px;flex:1;object-fit:cover;object-position:center top;border-radius:5px;border:1px solid #686369}.proof-tile-plus{position:absolute;top:7px;right:10px;color:#ffb189;font-size:20px;line-height:1}
.mosaic .service-anchor[data-anchor=web] .web-work-face{display:grid;grid-template-columns:1fr 1.05fr;gap:12px;align-items:center;padding:22px}.web-work-copy{display:grid;gap:10px}.web-work-label{color:#92bfff;font-size:clamp(13px,4cqw,21px);font-weight:750}.web-work-copy strong{font-size:clamp(16px,5.8cqw,30px);line-height:1.08;color:#f5f6f8;letter-spacing:-.035em}.web-work-caption{font-size:clamp(9px,2.6cqw,13px);line-height:1.3;color:#c0c6d1}.web-work-proof{display:grid;gap:8px;transform:translateY(8px)}.web-work-proof img{display:block;width:100%;height:auto;border:1px solid #737f92;border-radius:8px}.web-work-proof>span{font-size:clamp(7px,2cqw,10px);line-height:1.2;color:#c0c6d1}.web-work-face .anchor-go{font-size:26px!important;right:12px!important;bottom:8px!important}
@media(max-width:760px){.mosaic .service-anchor[data-anchor=web] .web-work-face{padding:14px;gap:10px}.web-work-copy{gap:7px}.web-work-caption{max-width:13ch}.web-work-face .anchor-go{font-size:22px!important;right:8px!important;bottom:5px!important}}
html{scrollbar-gutter:stable}body{margin:0;font-family:'Atkinson Hyperlegible Next',sans-serif}.wordmark{text-decoration:none}.wordmark .boat{object-fit:contain}.header-purpose{margin-left:auto;color:#c1c1cb;font-size:13px;padding:12px 17px;white-space:nowrap}.topbar #explore-toggle{margin-left:0;display:flex;align-items:center;gap:12px}.motion{white-space:nowrap}.mosaic-home .mosaic{gap:12px}.mosaic-home .buyer-tile .cell-face{justify-content:space-between}.buyer-tile .cell-title{font-size:clamp(15px,11cqw,28px);max-width:13ch}.buyer-tile .cell-kicker{font-size:clamp(8px,4cqw,11px);padding-right:12px}.buyer-plus{position:absolute;right:13px;bottom:12px;font-size:24px;line-height:1;color:var(--tile-pop)}.mosaic-home .dock a{display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;padding:10px 20px;border-radius:99px}.mosaic-home .dock .start-button{background:#ff7839;color:#160c07}.mosaic-home .dock{width:max-content;max-width:100%}.mosaic-home .utility-nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 10px}.page-shell{max-width:1320px;margin:auto;padding:16px 24px}.page-shell>.lf-reader{border-radius:28px;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.page-shell .header-purpose{margin-left:auto}.page-shell .topbar{height:54px}.page-home{background:#030305;color:#f8f5f1}.lf-reader :is(h1,h2,h3){font-family:LFReader,'Atkinson Hyperlegible Next',sans-serif!important}.lf-reader :is(p,li,input,textarea,label,small,a){font-family:'Atkinson Hyperlegible Next',sans-serif!important}.lf-reader .story-art>.story-symbol{grid-column:1/-1;box-shadow:none;background:none;outline:0;display:flex;flex-direction:column;align-items:center;gap:20px}.story-symbol img{aspect-ratio:1!important;max-width:190px;height:190px!important;object-fit:contain!important}.story-symbol span{font:600 clamp(40px,5vw,72px)/1 LFReader,sans-serif;letter-spacing:-.07em}.story-symbol b{color:#ff7839}.reader-brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;font-size:19px;font-weight:650}.reader-brand small{font-size:10px;letter-spacing:.03em}.reader-rail.contact-actions{margin:0;flex-wrap:nowrap}.lf-reader .detail-body{padding:0}.lf-reader .story-hero .contact-actions{margin-top:25px}.lf-reader .story-section h2{color:#f8f5f1}.lf-reader .story-proof,.lf-reader .story-reviews{padding:clamp(40px,7vw,86px) clamp(24px,6vw,84px);border-top:1px solid #ffffff20}.story-proof>h2,.story-reviews>h2{font-size:clamp(34px,5vw,60px);max-width:18ch;margin:0 0 20px}.proof-card small{display:block;margin-top:7px;font-size:10px;letter-spacing:.07em;color:#b9bbbf}.review-stars{color:#ffbf9c;letter-spacing:.13em}.review-card a{display:inline-flex;min-height:44px;align-items:center;font-size:13px}.story-related,.industry-links{display:grid;gap:9px;margin-top:28px}.story-related a,.industry-links a{padding:15px 0;border-top:1px solid #ffffff25;line-height:1.35;text-decoration:none;min-height:44px}.industry-links a{font-size:22px}.story-related a::after,.industry-links a::after{content:' ↗';color:#ff7839}.contact-hours{font-size:14px!important;margin-top:24px!important}.contact-note{font-size:14px!important;margin-top:18px!important}.story-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:28px 20px}.story-bottom a{min-height:44px;display:flex;align-items:center;padding:8px 14px;font-size:14px;color:#c7c9cc}.preview-filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.preview-filters button{background:#25272c;color:#f4f1ea;min-height:44px;padding:10px 15px;border-radius:24px}.preview-filters button[aria-pressed=true]{background:#ff7839;color:#180e08}.menu-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-links a{padding:16px 8px;min-height:44px;text-decoration:none;border-top:1px solid #ffffff25}#explore-menu:not([open]){display:none}#explore-menu{max-width:none;max-height:none;width:100%;height:100dvh;margin:0;border:0}#explore-menu::backdrop{background:#060608d9}.skip-to-finder{position:fixed;left:12px;top:-100px;z-index:100;padding:14px 20px;background:#ff7839;color:#160d08;border-radius:8px}.skip-to-finder:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:3px}.lf-reader .photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.photo-grid img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:12px}.photo-grid figure{margin:0}.photo-grid figcaption{font-size:13px;line-height:1.5;color:#bcc0c6;margin-top:10px}
@media(max-width:760px){.header-purpose{display:none}.topbar #explore-toggle{margin-left:auto}.mosaic-home .mosaic{gap:8px}.page-shell{padding:8px 10px}.page-shell>.lf-reader{border-radius:20px}.reader-brand{font-size:17px}#detail .detail-top{grid-template-columns:1fr 44px;gap:9px;min-height:114px}#detail .reader-rail{grid-column:1/-1;grid-row:2;display:flex;gap:8px}#detail .reader-rail a{flex:1;min-height:40px;padding:7px 14px}#detail #close-detail{grid-column:2;grid-row:1}.mosaic-home .dock a{padding-inline:15px}.menu-links{grid-template-columns:1fr}.lf-reader .story-art figure:first-child{width:100%}.lf-reader .photo-grid{grid-template-columns:1fr}.page-shell .motion{padding-inline:12px;font-size:12px}.wordmark{flex-shrink:0}.page-shell .wordmark>span{font-size:19px}}
@media(max-width:360px){.topbar .motion{padding:0 10px;font-size:11px}.topbar .wordmark{padding-inline:8px;gap:5px}.topbar .wordmark>span{font-size:18px}.topbar .wordmark .nyc{font-size:8px}.topbar .wordmark .boat{width:32px}.topbar #explore-toggle{padding-inline:12px;font-size:12px}.lf-reader .reader-rail{display:flex}.lf-reader .reader-rail a{width:auto}.lf-reader .story-title{font-size:39px}}
/* Keep links semantic without browser-default underlines on the authored tile fronts. */
.mosaic a.tile{text-decoration:none!important}.mosaic a.tile *{text-decoration:none}.utility-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:max-content;max-width:100%;margin:12px auto 0;padding:7px 14px;border-radius:24px;background:#141417;font-size:13px;color:#c7d7ee}.utility-nav a{text-decoration:none}.topbar .wordmark{order:0}.topbar .header-purpose{order:1}.topbar #explore-toggle{order:2}.topbar #motion-toggle{order:3}.mosaic-home .dock .start-button{height:44px;min-height:44px;width:auto;min-width:0;flex:none;line-height:1;white-space:nowrap}.mosaic-home .dock{align-items:center;gap:0;padding:5px;height:56px}.mosaic-home .dock a{white-space:nowrap;flex:none;min-width:0}
@media(max-width:760px){.topbar{display:grid;grid-template-columns:auto 1fr auto;height:46px;gap:6px}.topbar #explore-toggle{justify-self:end;min-width:0;max-width:none;width:auto;min-height:44px;height:44px;padding:0 13px;gap:8px}.topbar #motion-toggle{height:44px;min-height:44px;padding:0 12px;font-size:12px}.topbar .wordmark{max-width:none;min-width:0;height:44px}.mosaic-home .dock{width:max-content;max-width:100%;height:56px;display:flex;padding:5px}.mosaic-home .dock a{padding:10px 14px;font-size:14px;line-height:1}.utility-nav{border-radius:18px;gap:2px;padding:4px;font-size:11px}.mosaic-home .utility-nav a{padding-inline:6px}.page-shell .topbar{height:46px}}
@media(max-width:360px){.topbar .wordmark{gap:4px;padding:0 8px}.topbar .wordmark>span{font-size:16px}.topbar .wordmark .nyc{font-size:7px;margin-left:4px}.topbar .wordmark .boat{width:30px;height:30px}.topbar #explore-toggle{padding:0 10px;font-size:11px;gap:5px}.topbar #motion-toggle{padding:0 9px;font-size:10px}.mosaic-home .dock a{padding-inline:12px;font-size:13px}.mosaic-home .dock .start-button{height:44px;max-height:44px}}

/* Keep the primary promise complete at the smallest supported width. */
@media(max-width:360px){.mosaic .service-anchor[data-anchor=web] .web-work-face{padding:10px;gap:7px;grid-template-columns:1.12fr 1fr}.web-work-copy{gap:5px}.web-work-copy strong{font-size:14px;line-height:1.05}.web-work-label{font-size:12px}.web-work-caption{font-size:9px;max-width:15ch}.web-work-proof{gap:5px;transform:none}}


@media(max-width:760px){.mosaic .service-anchor[data-anchor=web] .web-work-face{padding:10px;gap:8px}.web-work-copy{gap:4px}.web-work-copy strong{font-size:15px}.web-work-proof{gap:4px;transform:none}.web-work-proof>span{font-size:8px}.web-work-caption{font-size:9px}}
@media(max-width:360px){.mosaic .service-anchor[data-anchor=web] .web-work-face{padding:8px;gap:6px}.web-work-copy{gap:3px}.web-work-copy strong{font-size:13px}.web-work-label{font-size:11px}.web-work-caption{font-size:8px}.web-work-proof>span{display:none}}

.buyer-tile .cell-title{padding-right:20px}.buyer-tile .buyer-plus{right:8px;bottom:8px;font-size:20px}

.utility-nav .privacy-control{margin:0;border:0;padding:8px 10px;font-size:inherit;min-height:44px;background:transparent;color:inherit}

@media(max-width:360px){.buyer-tile .buyer-plus{display:none}.buyer-tile .cell-title{padding-right:0}}

/* The same mineral material, with room for the work to speak. */
.lf-reader :is(.case-story,.work-collection){--case-space:clamp(24px,6vw,80px);--case-muted:#bfc1c6;--case-rule:rgb(255 255 255 / .13);background:#101113}
.lf-reader .case-opening{padding:36px var(--case-space) 52px;background:radial-gradient(ellipse at 0 0, rgb(255 120 57 / .07),transparent 70%)}
.lf-reader .case-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-bottom:42px;color:var(--case-muted);font-size:14px;text-decoration:none}
.lf-reader .case-label{margin:0 0 20px;color:#ffb28e;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.lf-reader .case-opening h1{max-width:18ch;margin:0 0 36px;color:#f8f5f1;font-size:clamp(44px,7vw,92px);line-height:1.03;letter-spacing:-.065em;overflow-wrap:anywhere}
.lf-reader .case-opening-bottom{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.7fr);gap:clamp(28px,6vw,100px);align-items:start}
.lf-reader .case-deck{margin:0;color:#d0d1d5;font-size:clamp(19px,2.1vw,25px);line-height:1.48;max-width:38ch}
.lf-reader .case-facts{display:grid;gap:24px;margin:0;padding-top:6px}.case-facts dt{color:#999ca5;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.case-facts dd{margin:8px 0 0;font-size:15px;line-height:1.5}.case-scope{display:flex;flex-wrap:wrap;gap:5px 15px}.case-scope span{display:block}
.lf-reader .case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:28px}
.lf-reader :is(.case-primary,.case-text-link,.case-inline-link){display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;font-size:15px;line-height:1.3;text-decoration:none}
.lf-reader .case-primary{padding:13px 20px;border-radius:99px;background:#ff7839;color:#1b100a;font-weight:700;transition:background-color 180ms,transform 180ms}.lf-reader .case-primary:hover{background:#ffa477}.lf-reader .case-primary:active{transform:scale(.96)}
.lf-reader .case-text-link{color:#f8f5f1;border-bottom:1px solid #767679}.case-text-link>span,.case-inline-link>span{transition:transform 180ms}.case-text-link:hover>span,.work-project:hover .case-inline-link>span{transform:translate(2px,-2px)}
.lf-reader .case-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding:clamp(22px,5vw,62px) var(--case-space) 26px;background:radial-gradient(ellipse at 50% 0,#38393d,#1b1c20 65%);overflow:hidden}
.lf-reader .case-stage figure{margin:0;min-width:0}.lf-reader .case-stage-desktop img{display:block;width:100%;height:auto;border-radius:12px;outline:1px solid rgb(255 255 255 / .14);box-shadow:0 25px 60px rgb(0 0 0 / .35)}
.lf-reader .case-stage figcaption{margin-top:18px;color:#bbbcc3;font-size:12px;line-height:1.5}.lf-reader .case-stage--paired{grid-template-columns:minmax(0,1fr) 19%;align-items:center;gap:24px}.lf-reader .case-stage-phone img{display:block;width:100%;height:auto;border-radius:16px;outline:1px solid rgb(255 255 255 / .2);box-shadow:0 16px 45px rgb(0 0 0 / .42)}
.lf-reader .case-chapter{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,7vw,110px);padding:clamp(50px,8vw,110px) var(--case-space);border-bottom:1px solid var(--case-rule)}
.lf-reader .case-chapter h2,.lf-reader .case-mobile-story h2,.lf-reader .case-section-heading h2{margin:0;color:#f8f5f1;font-size:clamp(33px,4vw,56px);line-height:1.12;letter-spacing:-.05em}.lf-reader .case-chapter-copy p{margin:0 0 24px;color:#c9cbd0}.lf-reader .case-chapter-copy p:last-child{margin-bottom:0}.lf-reader .case-chapter--approach{background:#151619}
.lf-reader :is(.case-decisions,.case-delivered){list-style:none;margin:30px 0 0;padding:0}.lf-reader :is(.case-decisions,.case-delivered) li{position:relative;padding:16px 0 16px 24px;border-top:1px solid var(--case-rule);font-size:16px;line-height:1.55;color:#d9dadd}.lf-reader :is(.case-decisions,.case-delivered) li::before{content:'↗';position:absolute;left:0;color:#ffa77d}.lf-reader .case-delivered li::before{content:'+'}
.lf-reader .case-mobile-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:clamp(28px,8vw,120px);align-items:center;padding:clamp(46px,7vw,92px) var(--case-space);background:#e3e0d9;color:#171719}.lf-reader .case-mobile-story :is(h2,p,a){color:#171719}.lf-reader .case-mobile-story .case-label{color:#764d35}.lf-reader .case-mobile-story h2{font-size:clamp(38px,5vw,68px)}.lf-reader .case-mobile-story p:not(.case-label){margin:28px 0 20px;max-width:29ch}.lf-reader .case-mobile-story figure{width:min(258px,100%);justify-self:center;margin:0}.lf-reader .case-mobile-story img{display:block;width:100%;height:auto;border-radius:24px;outline:1px solid rgb(0 0 0 / .13);box-shadow:0 28px 50px rgb(0 0 0 / .15)}.lf-reader .case-mobile-story figcaption{margin-top:20px;font-size:12px;line-height:1.4;color:#4c4c50}
.lf-reader .case-notes{padding:0 var(--case-space);border-bottom:1px solid var(--case-rule)}.lf-reader .case-notes>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:90px;cursor:pointer;list-style:none;font-size:17px;color:#d9dadd}.lf-reader .case-notes>summary::-webkit-details-marker{display:none}.lf-reader .case-notes>summary>span{font-size:26px;transition:transform 180ms}.lf-reader .case-notes[open]>summary>span{transform:rotate(45deg)}.lf-reader .case-notes .story-section{padding:36px 0;gap:32px}.lf-reader .case-notes .story-section>h2{font-size:26px;position:static}.lf-reader .case-notes .story-section :is(p,li){font-size:16px}.lf-reader .case-notes-body{padding-bottom:30px}
.lf-reader :is(.case-next,.work-section){padding:clamp(48px,7vw,94px) var(--case-space);border-bottom:1px solid var(--case-rule)}.lf-reader .case-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:42px}.lf-reader .case-section-heading>p{margin:0;max-width:28ch;font-size:16px;color:var(--case-muted)}
.lf-reader .work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 26px}.lf-reader .work-project{display:block;min-width:0;text-decoration:none;outline-offset:8px!important}.lf-reader .work-project-image{position:relative;overflow:hidden;border-radius:12px;background:#242529;outline:1px solid rgb(255 255 255 / .12);aspect-ratio:1.44}.lf-reader .work-project-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 320ms cubic-bezier(.2,0,0,1)}.lf-reader .work-project:hover .work-project-image>img{transform:scale(1.025)}.work-project-open{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;background:#f8f5f1;color:#121316;border-radius:50%;font-size:24px;box-shadow:0 4px 18px #0003;transition:transform 180ms}.work-project:hover .work-project-open{transform:translate(2px,-2px)}
.lf-reader .work-project-copy{padding:23px 0 0}.lf-reader .work-project-copy .case-label{margin-bottom:12px}.lf-reader .work-project h3{margin:0 0 14px;color:#f8f5f1;font-size:clamp(26px,3vw,38px);letter-spacing:-.045em}.lf-reader .work-project p:not(.case-label){margin:0;color:var(--case-muted);font-size:16px;line-height:1.5}.lf-reader .case-inline-link{margin-top:14px;color:#f5c6ad;font-size:14px}
.lf-reader .work-opening{padding-top:clamp(48px,7vw,90px)}.lf-reader .work-opening h1{font-size:clamp(56px,9vw,124px);max-width:12ch;line-height:1}.lf-reader .work-jump{display:grid;align-content:start;gap:0}.lf-reader .work-jump a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:10px 0;border-bottom:1px solid var(--case-rule);font-size:15px;text-decoration:none}.lf-reader .work-jump a>span{color:#ffb28e}
.lf-reader .work-project--featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:center;margin-bottom:8px}.lf-reader .work-project--featured .work-project-copy{padding:0}.lf-reader .work-project--featured h3{font-size:clamp(34px,4vw,52px)}
.lf-reader .work-vera{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:42px;padding:30px;border-radius:18px;background:#20221f;box-shadow:inset 0 1px 0 #d9f3b533;text-decoration:none}.lf-reader .work-vera h3{font-size:46px;margin:0 0 14px;color:#f8f5f1}.lf-reader .work-vera p:not(.case-label){font-size:17px;max-width:52ch;margin:0;color:#c8cec3}.lf-reader .work-vera>span{font-size:44px;color:#b1d58d}
.lf-reader .work-labs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.lf-reader .work-lab{min-width:0;text-decoration:none}.lf-reader .work-lab>img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;display:block;border-radius:12px;outline:1px solid rgb(255 255 255 / .12)}.lf-reader .work-lab h3{font-size:22px;color:#f8f5f1;margin:18px 0 8px}.lf-reader .work-lab>div>span{display:inline-flex;align-items:center;min-height:44px;color:#c6c8ce;font-size:13px}.lf-reader .work-lab>div>span>span{margin-left:12px;color:#ffa77d}
.lf-reader .work-records>a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:18px 0;border-bottom:1px solid var(--case-rule);text-decoration:none}.lf-reader .work-records strong{display:block;font-size:21px;font-weight:600;color:#e5e4e2}.lf-reader .work-records small{display:block;margin-top:7px;font-size:13px;color:#b5b7be}.lf-reader .work-records>a>span:last-child{font-size:24px;color:#ffb28e}
@media(max-width:760px){
  .page-shell .lf-reader :is(.case-chapter[id],.work-section[id]){scroll-margin-top:80px}
  .lf-reader .case-opening{padding-top:22px;padding-bottom:36px}.lf-reader .case-back{margin-bottom:24px}.lf-reader .case-opening h1{font-size:clamp(40px,11vw,70px);margin-bottom:24px}.lf-reader .case-opening-bottom{grid-template-columns:1fr;gap:30px}.lf-reader .case-deck{font-size:20px}.lf-reader .case-facts{grid-template-columns:1fr 1.8fr;gap:20px;border-top:1px solid var(--case-rule);padding-top:24px}.lf-reader .case-scope{gap:4px 10px}.lf-reader .case-facts dd{font-size:13px}.lf-reader .case-label{font-size:10px}
  .lf-reader .case-stage--paired{grid-template-columns:1fr;gap:0}.lf-reader .case-stage-phone{display:none}.lf-reader .case-stage{padding-top:26px;padding-bottom:22px}.lf-reader .case-stage-desktop img{border-radius:7px}.lf-reader .case-stage figcaption{font-size:11px}
  .lf-reader .case-chapter{grid-template-columns:1fr;gap:26px;padding-block:48px}.lf-reader .case-chapter h2{font-size:36px}.lf-reader .case-chapter-copy p{font-size:18px}.lf-reader .case-mobile-story{grid-template-columns:1fr;gap:36px}.lf-reader .case-mobile-story h2{font-size:46px}.lf-reader .case-mobile-story figure{width:min(250px,85%)}.lf-reader .case-mobile-story p:not(.case-label){max-width:35ch;font-size:18px}
  .lf-reader .case-section-heading{display:block;margin-bottom:28px}.lf-reader .case-section-heading>p,.lf-reader .case-section-heading>.case-text-link{margin-top:24px}.lf-reader .work-grid{grid-template-columns:1fr;gap:38px}.lf-reader .work-project--featured{display:block;margin-bottom:0}.lf-reader .work-project--featured .work-project-copy{padding:23px 0 0}.lf-reader .work-project--featured h3{font-size:32px}.lf-reader .work-project h3{font-size:30px}.lf-reader .work-opening{padding-top:42px}.lf-reader .work-opening h1{font-size:clamp(56px,15vw,84px)}
  .lf-reader .work-labs{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.lf-reader .work-lab h3{font-size:19px}.lf-reader .work-lab>div>span{font-size:12px;line-height:1.4}.lf-reader .work-lab>div>span>span{margin-left:6px}.lf-reader .work-vera{padding:25px 20px}.lf-reader .work-vera h3{font-size:40px}.lf-reader .work-vera>span{font-size:30px}.lf-reader .work-records strong{font-size:19px}.lf-reader .case-notes .story-section{grid-template-columns:1fr;gap:20px}
}
@media(prefers-reduced-motion:reduce){.lf-reader :is(.work-project-image>img,.case-primary,.case-text-link>span,.case-inline-link>span,.work-project-open,.case-notes>summary>span){transition:none!important;transform:none!important}}
.no-motion .lf-reader :is(.work-project-image>img,.case-primary,.case-text-link>span,.case-inline-link>span,.work-project-open,.case-notes>summary>span){transition:none!important}

/* A long captured page stays a phone-sized preview; its full capture is one link away. */
.lf-reader .case-stage-phone img{aspect-ratio:390/844;object-fit:cover;object-position:top}
.lf-reader .case-mobile-capture{display:block;text-decoration:none;border-radius:24px;outline-offset:8px!important}
.lf-reader .case-mobile-capture img{aspect-ratio:390/844;object-fit:cover;object-position:top}
.lf-reader .case-mobile-capture>span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:12px;font-size:13px;color:#38383b}
.lf-reader .case-mobile-capture+figcaption{margin-top:5px}