.splash-open{overflow:hidden}.brand-splash{--splash-color:var(--dmw-blue);--splash-ink:#fff;--splash-mark:var(--dmw-acid);z-index:100;background:var(--splash-color);color:var(--splash-ink);isolation:isolate;position:fixed;inset:0}.brand-splash[data-theme=acid]{--splash-color:var(--dmw-acid);--splash-ink:var(--dmw-ink);--splash-mark:var(--dmw-blue)}.brand-splash[data-theme=coral]{--splash-color:var(--dmw-tomato);--splash-ink:var(--dmw-ink);--splash-mark:var(--dmw-warm-white)}.splash-dots{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.splash-trigger{width:100%;height:100%;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:32px;display:grid;position:absolute;inset:0}.splash-trigger:focus-visible{outline:1px solid color-mix(in srgb, var(--splash-ink) 50%, transparent);outline-offset:-14px}.splash-logo{transition:opacity .16s,transform .24s}.splash-logo .dmw-brand{color:var(--splash-ink);text-align:left;white-space:nowrap;gap:clamp(18px,3vw,42px);font-size:clamp(45px,7.8vw,112px)}.splash-logo .dmw-brand svg{width:clamp(66px,11vw,156px);height:auto;color:var(--splash-mark)}.splash-cue{bottom:max(40px, env(safe-area-inset-bottom));text-align:center;font:400 13px/1.5 var(--dmw-body);letter-spacing:.02em;gap:12px;transition:opacity .12s;display:grid;position:absolute;left:20px;right:20px}.splash-cue>span{letter-spacing:.1em;text-transform:uppercase;color:var(--splash-ink);opacity:.75;font-size:10px}.splash-cue>span>span{margin-left:6px;display:inline-block}.brand-splash.is-leaving .splash-trigger{outline:none}.brand-splash.is-leaving .splash-logo{opacity:0;transform:translateY(-6px)}.brand-splash.is-leaving .splash-cue{opacity:0}.brand-splash.is-dissolving{background:0 0}@media (width<=400px){.splash-trigger{padding:20px}.splash-logo .dmw-brand{gap:14px;font-size:clamp(32px,9.2vw,36px)}.splash-logo .dmw-brand svg{width:52px}}@media (prefers-reduced-motion:reduce){.splash-logo,.splash-cue{transition:none}}@font-face{font-family:General Sans;src:url(/brand/fonts/general-sans-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/brand/fonts/general-sans-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/brand/fonts/general-sans-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/brand/fonts/cabinet-grotesk-800.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/brand/fonts/cabinet-grotesk-900.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--dmw-blue:#354bff;--dmw-tomato:#ff593e;--dmw-acid:#e6f457;--dmw-warm-white:#f7f4ec;--dmw-ink:#20211f;--dmw-muted:#62615b;--dmw-border:#ddd8cc;--dmw-display:"Cabinet Grotesk", "General Sans", system-ui, sans-serif;--dmw-body:"General Sans", system-ui, sans-serif}.dmw-brand{color:var(--dmw-ink);font-family:var(--dmw-display);letter-spacing:-.035em;flex-shrink:0;align-items:center;gap:11px;font-size:25px;font-weight:900;line-height:1;display:inline-flex}.dmw-brand svg{width:34px;height:45px;color:var(--dmw-blue);flex:none}.dmw-brand-stacked{gap:15px;font-size:34px;line-height:.86}.dmw-brand-stacked svg{width:44px;height:58px}.brand-home{color:inherit;border-radius:4px;text-decoration:none}.brand-home:focus-visible{outline:3px solid var(--dmw-blue);outline-offset:6px}.copyright-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.copyright-strip a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}.copyright-strip a:hover{color:var(--dmw-blue)}.site-links{letter-spacing:0;color:var(--dmw-ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 22px;font-size:12px;line-height:1.6;display:flex}.site-links a{color:inherit;text-decoration:none}.site-links a:hover{color:var(--dmw-blue);text-underline-offset:4px;text-decoration:underline}.site-links a:focus-visible{outline:2px solid var(--dmw-blue);outline-offset:5px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media screen{:where(h1,h2,h3,h4,h5,h6,summary,.welcome-kicker,.guide-teaser strong){text-wrap:balance}:where(p,li,figcaption,blockquote,.help-note,.error-note,.pattern-card small,.splash-cue){text-wrap:pretty}}.mosaic-stage{isolation:isolate;background:#efebe1;place-items:center;min-height:max(860px,100svh - 56px);padding:95px 24px;display:grid;position:relative;overflow:hidden}.brand-mosaic{z-index:-1;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:max(140px,12.5vw - 11.25px);grid-auto-flow:dense;gap:10px;padding:10px;display:grid;position:absolute;inset:0;overflow:hidden}.mosaic-tile{border-radius:16px;min-width:0}.mosaic-tile.large{grid-area:span 2/span 2}.mosaic-tile.tall{grid-row:span 2}.mosaic-tile.wide{grid-column:span 2}@media (width>=1800px){.brand-mosaic{grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:calc(10vw - 11px)}}@media (width<=900px){.brand-mosaic{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:145px}}@media (width<=600px){.mosaic-stage{min-height:100svh;padding:24px 18px}.brand-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:120px;gap:8px;padding:8px}.mosaic-tile{border-radius:12px}}*{box-sizing:border-box}html{background:var(--dmw-warm-white);color:var(--dmw-ink);font-family:var(--dmw-body);-webkit-font-smoothing:antialiased}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid var(--dmw-blue);outline-offset:5px}.welcome-card{backdrop-filter:blur(42px)saturate(1.15);background:linear-gradient(135deg,#ffffffb8,#fffdf77a 55%,#fff9);border:1px solid #fff;border-radius:24px;width:min(100%,660px);padding:48px 60px 42px;box-shadow:inset 0 2px 1px #ffffffed,inset 0 -1px 1px #ffffff70,0 24px 70px #20211f26,0 4px 12px #20211f12,0 0 0 6px #ffffff24}.welcome-header{justify-content:center;align-items:center;margin-bottom:42px;display:flex}.welcome-content{text-align:center;justify-items:center;max-width:410px;margin-inline:auto;display:grid}.welcome-header .dmw-brand svg{width:40px;height:53px}.welcome-kicker{letter-spacing:.13em;color:var(--dmw-muted);margin:0 0 18px;font-size:10px;font-weight:500}.welcome-card h1{font-family:var(--dmw-display);letter-spacing:-.04em;margin:0;font-size:clamp(58px,5.3vw,74px);font-weight:800;line-height:.9}.welcome-card h1 em{color:var(--dmw-blue);font-style:normal}.welcome-description{color:#595952;text-wrap:pretty;width:100%;max-width:350px;margin:24px 0;font-size:16px;line-height:1.6}.enter-studio{color:#fff;background:var(--dmw-blue);border-radius:12px;justify-content:space-between;align-items:center;gap:36px;width:fit-content;max-width:100%;min-height:54px;padding:16px 21px;font-size:16px;font-weight:600;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff50,0 5px 16px #354bff20}.enter-studio:hover{background:#283bdf;transform:translateY(-2px)}.welcome-reassurance{color:var(--dmw-muted);justify-content:flex-start;align-items:center;gap:7px;margin:13px 0 25px;font-size:11px;display:flex}.guide-teaser{border-top:1px solid var(--dmw-border);text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(100%,350px);padding-top:21px;display:flex}.guide-teaser strong>svg{color:var(--dmw-muted);flex:none}.guide-teaser strong{vertical-align:middle;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.guide-teaser span{letter-spacing:.04em;text-transform:uppercase;color:var(--dmw-muted);white-space:nowrap;border:1px solid #d7d3c8;border-radius:20px;margin-left:12px;padding:4px 7px;font-size:9px;font-weight:500}.guide-teaser p{color:var(--dmw-muted);margin:6px 0 0;font-size:12px;line-height:1.5}.welcome-footer{min-height:56px;color:var(--dmw-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 26px;font-size:11px;display:flex}.welcome-terms{color:var(--dmw-muted);max-width:320px;margin:0 0 14px;font-size:11px;line-height:1.6}.welcome-terms>span{display:block}.welcome-terms a{text-underline-offset:3px}.welcome-footer p{margin:0}.preview-link{text-underline-offset:3px}@media (width<=600px){.welcome-card{border-radius:18px;padding:clamp(20px,3.5svh,32px) 25px clamp(20px,3svh,28px)}.welcome-header{margin-bottom:clamp(18px,3.5svh,32px)}.welcome-header .dmw-brand{gap:8px;font-size:22px}.welcome-header .dmw-brand svg{width:34px;height:45px}.welcome-card h1{font-size:clamp(52px,13vw,68px)}.welcome-kicker{font-size:9px}.welcome-description{margin:clamp(14px,2.5svh,22px) 0;font-size:15px}.guide-teaser span{margin-left:6px;font-size:8px}.welcome-footer{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:22px 15px}}@media (prefers-reduced-motion:reduce){.enter-studio{transition:none}.enter-studio:hover{transform:none}}@media (prefers-reduced-transparency:reduce){.welcome-card{backdrop-filter:none;background:#fffdf7}}@media (width<=360px){.welcome-card{padding:30px 20px 26px}.welcome-header .dmw-brand{gap:7px;font-size:19px}.welcome-header .dmw-brand svg{width:31px;height:41px}.welcome-card h1{font-size:49px}.guide-teaser{gap:9px}.guide-teaser strong{font-size:13px}.guide-teaser span{margin:6px 0 0;display:inline-block}}.design-guides{max-width:1200px;margin:auto;padding:90px 32px 70px}.discovery-heading{max-width:670px;margin-bottom:38px}.design-guides h2{font:900 clamp(30px, 4vw, 46px)/1.08 var(--dmw-display);letter-spacing:-.035em;margin:16px 0}.discovery-heading>p:last-child{color:var(--dmw-muted);font-size:17px;line-height:1.75}.guide-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.guide-card{background:#ffffff9c;border:1px solid #fff;border-radius:20px;flex-direction:column;padding:16px 18px 24px;text-decoration:none;display:flex;box-shadow:0 8px 28px #20211f08}.guide-card:hover{background:#fff}.guide-art{aspect-ratio:1.65;object-fit:cover;object-position:center;background:var(--dmw-warm-white);border-radius:12px;width:100%;height:auto;margin:0 0 24px;display:block}.guide-label{text-transform:uppercase;letter-spacing:.12em;color:var(--dmw-muted);font-size:10px}.guide-card h3{font:800 24px/1.12 var(--dmw-display);letter-spacing:-.02em;margin:12px 0}.guide-card p{color:var(--dmw-muted);margin:0 0 24px;font-size:13px;line-height:1.7}.guide-read{justify-content:space-between;margin-top:auto;font-size:12px;font-weight:600;display:flex}.design-workflow{border-top:1px solid var(--dmw-border);border-bottom:1px solid var(--dmw-border);margin:64px 0;padding:36px 0 46px}.design-workflow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:30px 0 34px;padding-left:22px;display:grid}.design-workflow strong{margin-bottom:10px;font-size:16px;display:block}.design-workflow li span{text-wrap:pretty;color:var(--dmw-muted);font-size:14px;line-height:1.7;display:block}.design-workflow .enter-studio{display:inline-flex}.design-faq{max-width:800px}.design-faq details{border-bottom:1px solid var(--dmw-border);padding:20px 0}.design-faq summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.5}.design-faq p{color:var(--dmw-muted);font-size:15px;line-height:1.8}@media (width<=900px){.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.design-guides{padding:55px 22px}.guide-cards{grid-template-columns:1fr}.design-workflow ol{grid-template-columns:1fr;gap:24px}}@media (width<=600px) and (height<=740px){.welcome-card{padding:22px}.welcome-header{margin-bottom:20px}.welcome-card h1{font-size:clamp(44px,12vw,56px)}.welcome-kicker{margin-bottom:14px}.welcome-description{margin:16px 0;font-size:14px;line-height:1.5}.welcome-reassurance{margin-bottom:16px}.guide-teaser{gap:6px;padding-top:14px}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.guide-card{transition:translate .2s,box-shadow .2s,background-color .2s}.guide-card:hover{translate:0 -4px;box-shadow:0 12px 30px #20211f0f}.enter-studio svg{transition:translate .2s}.enter-studio:hover svg{translate:3px}}@media (width<=360px) and (height<=740px){.welcome-card{padding:18px}.welcome-header{margin-bottom:16px}.welcome-card h1{font-size:42px}.welcome-description{margin-block:14px}.welcome-reassurance{margin-bottom:12px}}