@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700;750;800&family=Bodoni+Moda:ital,wght@0,400;0,500;1,400&family=Oswald:wght@500;600&display=swap');

/* Miniatures share the typography, copy, imagery, and art direction of the full sites. */
.design-browser{container-type:inline-size;display:block;width:100%;overflow:hidden;background:#fff;border-radius:10px;font-family:'DM Sans',Arial,sans-serif;text-align:left;box-sizing:border-box}
.design-browser *{box-sizing:border-box}
.design-browser-top{height:30px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f7fa;border-bottom:1px solid #e1e5ed;color:#67718a;font:9px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.025em}
.design-browser-dots{display:flex;gap:4px;width:32px}.design-browser-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#c4cad5}.design-browser-dots i:first-child{background:#e0a1a5}.design-browser-dots i:nth-child(2){background:#e1ca8c}.design-browser-dots i:nth-child(3){background:#a6bcae}
.design-mini{--mini-paper:#fff;--mini-ink:#082949;--mini-accent:#13c6e7;--mini-on-accent:#062744;--mini-soft:#edf7fa;--mini-display:'DM Sans',Arial,sans-serif;background:var(--mini-paper);color:var(--mini-ink);overflow:hidden;isolation:isolate}
.design-mini-nav{height:8cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:0 3.6cqw;background:var(--mini-paper);color:var(--mini-ink)}
.design-mini-nav>b{font:750 2.35cqw/1 var(--mini-display);letter-spacing:-.04em;white-space:nowrap}.design-mini-nav>span{font:500 1.2cqw/1.5 'DM Sans',Arial,sans-serif;white-space:nowrap;margin-left:auto}.design-mini-nav>i{font:600 1.2cqw/1.5 'DM Sans',Arial,sans-serif;white-space:nowrap;background:var(--mini-accent);color:var(--mini-on-accent);padding:1.2cqw 1.6cqw;border-radius:.5cqw}
.design-mini-hero{height:47cqw;display:grid;grid-template-columns:1fr 1fr;position:relative;isolation:isolate;background:var(--mini-soft)}
.design-mini-copy{padding:5cqw 2.8cqw 4cqw 3.6cqw;align-self:center;position:relative;z-index:2}
.design-mini-copy>small{display:block;font:650 1.05cqw/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;margin:0 0 2cqw;max-width:38cqw}
.design-mini-copy>strong{display:block;font:600 6.8cqw/1.04 var(--mini-display);letter-spacing:-.065em;margin:0;color:inherit}
.design-mini-copy>strong em{font-weight:inherit}
.design-mini-copy>p{font:400 1.52cqw/1.65 'DM Sans',Arial,sans-serif;letter-spacing:0;color:inherit;opacity:.8;margin:2.1cqw 0 2.6cqw;max-width:37cqw}
.design-mini-button{display:inline-flex;align-items:center;gap:2cqw;font:600 1.35cqw/1.5 'DM Sans',Arial,sans-serif;background:var(--mini-accent);color:var(--mini-on-accent);border-radius:.6cqw;padding:1.55cqw 2.1cqw;white-space:nowrap}
.design-mini-button i{font-style:normal;font-size:1.8cqw}
.design-mini-media{position:relative;min-width:0;overflow:hidden}.design-mini-media img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:60% center;max-width:none;border:0;border-radius:0!important;margin:0!important;transition:transform .7s ease}
.design-mini-ribbon{height:5.5cqw;padding:0 3.6cqw;display:flex;align-items:center;justify-content:space-between;gap:1.5cqw;background:var(--mini-accent);color:var(--mini-on-accent);font:600 1.2cqw/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.02em}.design-mini-ribbon>span:before{content:'+';margin-right:1cqw;opacity:.65}
.design-mini-lower{height:10.5cqw;padding:2.8cqw 3.6cqw;display:flex;align-items:center;justify-content:space-between;gap:4cqw;background:var(--mini-paper);color:var(--mini-ink)}.design-mini-lower>strong{font:500 3.5cqw/1.1 var(--mini-display);letter-spacing:-.035em;max-width:70cqw}.design-mini-lower>span{font:500 1.2cqw/1.5 'DM Sans',Arial,sans-serif;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:.4cqw}
.mini-cinematic .design-mini-hero,.mini-property .design-mini-hero{display:block;color:#fff}.mini-cinematic .design-mini-media,.mini-property .design-mini-media{position:absolute;inset:0;z-index:0}.mini-cinematic .design-mini-media:after,.mini-property .design-mini-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030e1cc7,#03101b22 85%)}.mini-cinematic .design-mini-copy,.mini-property .design-mini-copy{max-width:75%;padding-top:7cqw}.mini-cinematic .design-mini-copy>strong,.mini-property .design-mini-copy>strong{font-size:7.7cqw}.mini-cinematic .design-mini-copy>p,.mini-property .design-mini-copy>p{max-width:43cqw}
.mini-luma{--mini-ink:#124baf;--mini-accent:#0759ef;--mini-on-accent:#fff;--mini-soft:#eef5ff}.mini-luma .design-mini-media{margin:2cqw 2cqw 2cqw 0;border-radius:20cqw 20cqw 1.5cqw 1.5cqw}.mini-luma .design-mini-button,.mini-luma .design-mini-nav>i{border-radius:5cqw}.mini-luma .design-mini-ribbon{background:#e1ecff;color:#174ba4}
.mini-salt-fire{--mini-paper:#fff6e9;--mini-soft:#fff6e9;--mini-ink:#8d231e;--mini-accent:#9e3126;--mini-on-accent:#fff4e7;--mini-display:'Bodoni Moda',Georgia,serif}.mini-salt-fire .design-mini-copy>strong{font-weight:400;font-size:7.1cqw}.mini-salt-fire .design-mini-media{border-radius:25cqw 25cqw 0 0;margin:2.5cqw 2.5cqw 0 0}.mini-salt-fire .design-mini-nav>b{letter-spacing:.04em}.mini-salt-fire .design-mini-ribbon{background:#9d352b}
.mini-kinetic{--mini-paper:#141814;--mini-soft:#dff34c;--mini-ink:#eff5e9;--mini-accent:#dff34c;--mini-on-accent:#151a13;--mini-display:'Oswald',Impact,sans-serif}.mini-kinetic .design-mini-copy{color:#172013}.mini-kinetic .design-mini-copy>strong{text-transform:uppercase;font-size:7cqw;font-weight:600;letter-spacing:-.03em}.mini-kinetic .design-mini-copy>strong em{font-style:normal}.mini-kinetic .design-mini-button{background:#172013;color:#e5f65b}.mini-kinetic .design-mini-ribbon{background:#1b2218;color:#dcf748}.mini-kinetic .design-mini-media img{object-position:83% center}.mini-kinetic .design-mini-nav>b{font-size:3cqw}
.mini-goodkind{--mini-paper:#fffef7;--mini-soft:#edf6e9;--mini-ink:#133d2d;--mini-accent:#ffdc44;--mini-on-accent:#143c2b}.mini-goodkind .design-mini-media{border-radius:25cqw 0 0 0}.mini-goodkind .design-mini-media img{object-position:70% center}.mini-goodkind .design-mini-copy>strong{font-size:6.4cqw;font-weight:750}.mini-goodkind .design-mini-ribbon{background:#133d2d;color:#fff9cd}.mini-goodkind .design-mini-button,.mini-goodkind .design-mini-nav>i{border-radius:4cqw}.mini-goodkind .design-mini-nav>b{font-size:2.8cqw;font-weight:800}
.mini-current{--mini-paper:#111a24;--mini-soft:#142230;--mini-ink:#f3eee2;--mini-accent:#ffc56c;--mini-on-accent:#15212b}.mini-current .design-mini-nav>b{letter-spacing:.16em;font-weight:500}.mini-current .design-mini-copy>strong{font-weight:500}.mini-current .design-mini-ribbon{background:#243443;color:#f3d09a}.mini-current .design-mini-media img{object-position:72% center}
.mini-sunday{--mini-paper:#fff8f9;--mini-soft:#f1dfe3;--mini-ink:#652638;--mini-accent:#702a3d;--mini-on-accent:#fff;--mini-display:'Bodoni Moda',Georgia,serif}.mini-sunday .design-mini-media{margin:3cqw 3cqw 3cqw 0;border-radius:24cqw 24cqw 0 0}.mini-sunday .design-mini-copy>strong{font-size:6.7cqw;font-weight:400}.mini-sunday .design-mini-button,.mini-sunday .design-mini-nav>i{border-radius:4cqw}.mini-sunday .design-mini-nav>b{letter-spacing:.05em}
.mini-apex{--mini-paper:#111920;--mini-soft:#121d27;--mini-ink:#e4edf4;--mini-accent:#bddbed;--mini-on-accent:#142332}.mini-apex .design-mini-nav>b{letter-spacing:.14em}.mini-apex .design-mini-copy>strong{font-weight:500;font-size:7.2cqw}.mini-apex .design-mini-copy>strong em{color:#b7d9ee;font-style:normal}.mini-apex .design-mini-ribbon{background:#1a2b39;color:#bed6e5}.mini-apex .design-mini-media img{object-position:72% center}
.mini-sterling{--mini-paper:#fff9f7;--mini-soft:#561624;--mini-ink:#4d1b26;--mini-accent:#561624;--mini-on-accent:#fff9f7;--mini-display:'Bodoni Moda',Georgia,serif}.mini-sterling .design-mini-copy{color:#fff5ef}.mini-sterling .design-mini-copy>strong{font-size:5.9cqw;font-weight:400}.mini-sterling .design-mini-button{background:#fff5ef;color:#561624}.mini-sterling .design-mini-media{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.mini-sterling .design-mini-media img{object-position:65% center}.mini-sterling .design-mini-nav>b{font-size:2.2cqw}
.mini-object-room{--mini-paper:#fff;--mini-soft:#f0f4fe;--mini-ink:#1048bf;--mini-accent:#1752d8;--mini-on-accent:#fff;--mini-display:'Bodoni Moda',Georgia,serif}.mini-object-room .design-mini-copy>strong{font-size:5.9cqw;font-weight:400}.mini-object-room .design-mini-nav>b{font-family:'DM Sans',Arial,sans-serif}.mini-object-room .design-mini-ribbon{background:#e6edff;color:#1649ad}
.mini-everfield{--mini-paper:#fbfbf3;--mini-ink:#243c2a;--mini-accent:#dce6cd;--mini-on-accent:#243c2a;--mini-display:'Bodoni Moda',Georgia,serif}.mini-everfield .design-mini-nav>b{letter-spacing:.09em}.mini-everfield .design-mini-copy>strong{font-weight:400}.mini-everfield .design-mini-nav>i{background:#263e2b;color:#fff}
.mini-forme{--mini-paper:#f8f6f0;--mini-ink:#303b36;--mini-accent:#f4f2e6;--mini-on-accent:#303b36;--mini-display:'Bodoni Moda',Georgia,serif}.mini-forme .design-mini-nav>b{letter-spacing:.18em}.mini-forme .design-mini-copy>strong{font-weight:400}.mini-forme .design-mini-nav>i{background:#303b36;color:#fff}.mini-forme .design-mini-ribbon{background:#e5e7db}
.mini-haven{--mini-paper:#fff;--mini-ink:#193b65;--mini-accent:#1760d7;--mini-on-accent:#fff;--mini-display:'Bodoni Moda',Georgia,serif}.mini-haven .design-mini-copy>strong{font-weight:400}.mini-haven .design-mini-copy>strong em{font-style:normal}.mini-haven .design-mini-nav>b{font-size:2cqw}.mini-haven .design-mini-ribbon{background:#e9effa;color:#234b80}

/* Website previews, explicitly presented as design work. */
.portfolio-section{background:radial-gradient(ellipse at 85% 0,#22244e,transparent 50%),#0c1124;padding-top:100px}.portfolio-heading h2{font-size:clamp(40px,4.2vw,61px);letter-spacing:-.055em}.portfolio-heading h2 span{color:#a5b7ff}.portfolio-intro .portfolio-intro-small{font-size:13px;margin-top:14px;color:#99a8c9}.portfolio-card{flex-basis:clamp(500px,46vw,680px);width:clamp(500px,46vw,680px);padding:12px 12px 0;background:#ffffff0c;border:1px solid #ffffff21;border-radius:16px;box-shadow:0 20px 50px #0003}.portfolio-stage{padding:0}.portfolio-card-foot{background:transparent;border-top:0;padding:24px 7px 25px;gap:12px}.portfolio-card-foot h3{color:#f5f7ff;font-size:21px}.portfolio-concept-label{color:#adbced;font-size:10px;letter-spacing:.09em;line-height:1.6}.portfolio-open{border:0;color:#e0e8ff;font-size:12px;display:flex;align-items:center;gap:12px;white-space:nowrap}.portfolio-open>span{font-size:19px;line-height:1}.portfolio-card:hover .design-mini-media img{transform:scale(1.025)}.portfolio-bottom .btn{background:#eef1ff;color:#18264b}.portfolio-bottom .btn span{margin-left:10px}.portfolio-card-foot>div{min-width:0}
.site-preview-thumb{overflow:hidden!important;background:#f0f5ff!important}.site-preview-thumb>.design-browser{height:auto!important;border-radius:6px}.site-preview-thumb .design-mini-media img{width:100%!important;height:100%!important;object-fit:cover!important}.pkg-design-preview{width:100%;background:#eef4ff}.pkg-design-preview>.design-browser{border-radius:0}.pkg-design-preview .design-mini-lower{display:none}
.website-design-art{overflow:hidden}.website-design-art>.design-browser{width:100%;height:auto}.website-design-art .design-mini-media img{position:absolute;width:100%;height:100%;object-fit:cover;transform:none;max-width:none}.website-design-art .design-mini-lower{display:none}

/* Full collection: an editorial design studio wall, with useful industry filters. */
.zing-collection{margin:0;background:#0c1124;color:#f5f7ff;font:400 16px/1.65 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}.zing-collection *{box-sizing:border-box}.zing-collection a{color:inherit;text-decoration:none}.zing-collection button{font:inherit;cursor:pointer}.zing-collection h1,.zing-collection h2,.zing-collection h3,.zing-collection p{margin:0}.zing-collection a:focus-visible,.zing-collection button:focus-visible{outline:3px solid #8aabff;outline-offset:5px}.collection-skip{position:absolute;top:-100px;left:20px;background:white;color:#111!important;padding:12px;z-index:20}.collection-skip:focus{top:12px}
.collection-header{max-width:1536px;margin:auto;height:100px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;gap:20px}.collection-logo img{width:105px;height:auto;display:block}.collection-header nav{display:flex;align-items:center;gap:32px;font-size:13px}.collection-contact{padding:12px 20px;border:1px solid #a1b4ef70;border-radius:8px;display:flex;align-items:center;gap:25px;background:#20326070}
.collection-intro{max-width:1536px;margin:auto;padding:95px 5vw 65px;background:radial-gradient(ellipse at 90% 0,#35336760,transparent 60%)}.collection-overline{font-size:11px;font-weight:600;letter-spacing:.14em;color:#a6baff;margin-bottom:26px}.collection-intro h1{font-size:clamp(53px,6.5vw,98px);line-height:1.06;letter-spacing:-.065em;font-weight:500}.collection-intro h1>span{color:#a7b7ff}.collection-intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-top:38px}.collection-intro-bottom>p{max-width:575px;font-size:18px;line-height:1.8;color:#b4c0d9}.collection-key{display:flex;flex-direction:column;gap:8px;flex:none;font-size:12px;color:#b8c5e5}.collection-key span:before{content:'↗';color:#a2aaff;display:inline-block;width:23px}
.collection-body{max-width:1536px;margin:auto;padding:0 5vw 85px}.collection-filter-row{padding:25px 0;border-block:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;gap:24px}.collection-filters{display:flex;gap:7px;flex-wrap:wrap}.collection-filters button{border:1px solid transparent;background:transparent;color:#a8b7d3;border-radius:30px;padding:10px 14px;font-size:12px;line-height:1.4;min-height:40px}.collection-filters button:hover{color:#fff;background:#ffffff0b}.collection-filters button[aria-pressed=true]{background:#e9edff;color:#1a2547;border-color:#e9edff}.collection-example-note{font-size:10px;color:#8e9ebd;max-width:150px}.collection-status{height:30px;padding-top:7px;font-size:11px;color:#a6b9e2}.collection-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px;padding-top:12px}.collection-design{display:block;min-width:0;padding:12px 12px 0;border:1px solid #ffffff1c;border-radius:15px;background:#ffffff05;transition:background .2s,border-color .2s}.collection-design:hover{background:#ffffff0a;border-color:#879bce80}.collection-design[hidden]{display:none}.collection-design .portfolio-card-foot{display:flex;align-items:center;justify-content:space-between;padding:24px 9px 25px}.collection-design .portfolio-card-foot h3{font-size:24px;line-height:1.3;letter-spacing:-.03em;font-weight:600}.collection-design .portfolio-card-foot p{font-size:12px;line-height:1.6;color:#97a8c7;max-width:310px;margin-top:8px}.collection-design .portfolio-open{font-size:11px;flex:none}.collection-design:hover .design-mini-media img{transform:scale(1.025)}
.collection-outro{background:#edf0ff;color:#17213e;padding:90px 5vw;text-align:center}.collection-outro>span{font-size:10px;letter-spacing:.14em;color:#4b5fa5}.collection-outro h2{font-size:clamp(40px,5.1vw,75px);font-weight:500;line-height:1.08;letter-spacing:-.06em;margin:24px 0}.collection-outro p{font-size:16px;line-height:1.7;color:#5c6c91}.collection-outro>a{display:inline-flex;gap:35px;align-items:center;margin-top:30px;background:#365df6;color:#fff;border-radius:8px;padding:16px 23px;font-size:14px;font-weight:600}.collection-outro>small{display:block;margin-top:18px;color:#68799f;font-size:11px}.collection-footer{max-width:1536px;margin:auto;padding:38px 5vw;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.collection-footer img{width:70px;height:auto;display:block}.collection-footer p{font-size:12px;color:#94a6c9}.collection-footer nav{display:flex;gap:25px;margin-left:auto;font-size:12px;color:#bcc9e2}
@media(min-width:801px){.portfolio-heading{grid-template-columns:1.25fr 1fr;gap:50px}.portfolio-heading .eyebrow{font-size:10px}.portfolio-card-foot h3{font-size:22px}}
@media(max-width:1000px){.collection-filter-row{align-items:start;flex-direction:column;gap:12px}.collection-example-note{max-width:none}.collection-design .portfolio-card-foot{align-items:start}.collection-design .portfolio-open{white-space:normal;max-width:65px}.collection-intro-bottom{gap:30px}.collection-key{font-size:10px}.portfolio-card{flex-basis:580px;width:580px}}
@media(max-width:700px){.collection-header{height:82px;padding-inline:6vw}.collection-logo img{width:85px}.collection-header nav{gap:12px;font-size:11px}.collection-contact{padding:10px 13px;gap:12px}.collection-intro{padding:60px 6vw 40px}.collection-intro h1{font-size:clamp(43px,8.8vw,63px)}.collection-intro-bottom{display:block;margin-top:26px}.collection-intro-bottom>p{font-size:16px}.collection-key{flex-direction:row;flex-wrap:wrap;gap:10px 20px;margin-top:25px}.collection-key span:before{width:17px}.collection-body{padding:0 6vw 60px}.collection-filter-row{padding:18px 0}.collection-filters{gap:3px}.collection-filters button{padding:9px 11px;font-size:11px}.collection-design-grid{grid-template-columns:1fr;gap:25px}.collection-design{padding:9px 9px 0}.collection-design .portfolio-card-foot{padding:20px 7px 22px}.collection-design .portfolio-open{white-space:nowrap;max-width:none}.collection-design .portfolio-card-foot p{max-width:240px;font-size:11px}.collection-design .portfolio-card-foot h3{font-size:22px}.collection-outro{padding:65px 6vw}.collection-outro p{font-size:14px;max-width:350px;margin:auto}.collection-footer{padding:30px 6vw;gap:20px}.collection-footer p{max-width:220px;line-height:1.7}.collection-footer nav{margin-left:0;width:100%}.design-browser-top{height:25px;font-size:8px;padding:0 10px}}
@media(max-width:600px){.portfolio-section{padding-top:65px}.portfolio-heading h2{font-size:38px}.portfolio-card{flex-basis:91vw;width:91vw;padding:8px 8px 0;border-radius:12px}.portfolio-card-foot{padding:20px 6px 22px;align-items:center}.portfolio-card-foot h3{font-size:20px}.portfolio-concept-label{font-size:8px}.portfolio-open{font-size:10px;flex:none;gap:7px}.portfolio-open>span{font-size:17px}.portfolio-heading .eyebrow{font-size:9px;letter-spacing:.1em}.portfolio-intro .portfolio-intro-small{font-size:12px}.portfolio-bottom .btn{font-size:12px}}
@media(max-width:380px){.collection-header nav>a:first-child{display:none}.collection-design .portfolio-card-foot p{max-width:180px}.collection-design .portfolio-open{font-size:10px;max-width:64px;white-space:normal}.collection-filters button{font-size:10px}.collection-overline{font-size:9px}}
@media(prefers-reduced-motion:reduce){.design-mini-media img,.collection-design{transition:none}.portfolio-card:hover .design-mini-media img,.collection-design:hover .design-mini-media img{transform:none}}