@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#191919;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ff6b24;outline-offset:5px}::selection{background:#ff764f;color:#111}
.card-page{--paper:#f8f8ed;--ink:#202219;--accent:#dfff00;--line:#d7d9c9;--muted:#686b5d;min-height:100svh;padding:32px 20px 24px;background:#e5e6df;color:var(--ink);display:flex;align-items:center;flex-direction:column;background-image:radial-gradient(#b6b9ac 1px,transparent 1px);background-size:18px 18px}
.back-link{font-size:12px;margin-bottom:24px;align-self:flex-start}.business-card{width:100%;max-width:440px;background:var(--paper);border:1px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 #202219;overflow:hidden;position:relative}.card-header{padding:26px 26px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.wordmark{display:flex;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:28px;letter-spacing:-1.8px;font-weight:700;white-space:nowrap}.brand-star{font-size:30px;margin:0 3px;line-height:1}.edition{font-size:8px;font-weight:700;line-height:1.6;letter-spacing:1px;text-align:right}.card-content{padding:26px}.intro-label{font-size:10px;letter-spacing:1.5px;font-weight:700;display:flex;align-items:center;gap:8px}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--accent)}.hero{position:relative;padding-top:31px;padding-bottom:128px}.eyebrow{font-size:11px;color:var(--muted);margin:0 0 12px}h1{font-family:'Space Grotesk',sans-serif;font-size:76px;letter-spacing:-5.5px;font-weight:700;line-height:.95;margin:0;position:relative;z-index:2}.headline-accent{position:relative;isolation:isolate}.headline-accent:after{content:'';position:absolute;background:var(--accent);height:38%;left:-3px;right:-7px;bottom:5px;z-index:-1;transform:rotate(-3deg)}.description{font-size:14px;line-height:1.6;margin:22px 0 0;position:relative;z-index:2}.hero-art{position:absolute;width:130px;height:130px;right:-3px;bottom:0;display:grid;place-items:center}.art-flower{font-size:150px;color:var(--accent);line-height:1;filter:drop-shadow(2px 2px 0 var(--ink));transform:rotate(12deg)}.art-arrow{position:absolute;font-size:69px;font-family:Arial,sans-serif;font-weight:700;top:24px;left:42px}.orbit{position:absolute;width:146px;height:67px;border:1px solid var(--ink);border-radius:50%;transform:rotate(-35deg)}.spark{position:absolute;font-size:25px;top:0;right:-9px}.sticker{position:absolute;bottom:24px;left:5px;font-size:11px;line-height:1.5;transform:rotate(-7deg);border:1px solid var(--ink);padding:9px 12px;border-radius:50%;background:var(--paper)}.service-tags{display:flex;gap:6px;margin:16px 0 24px;flex-wrap:wrap}.service-tags span{font-size:10px;border:1px solid var(--ink);border-radius:30px;padding:7px 11px}.contact-actions{display:grid;gap:10px}.primary-action,.secondary-action{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;padding:14px 18px;border-radius:12px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.primary-action{background:var(--ink);color:var(--accent)}.primary-action>span:last-child{font-size:24px;line-height:1}.secondary-action{border:1px solid var(--line);font-size:12px;justify-content:center}.secondary-action>span:last-child{margin-left:auto}.chat-icon{margin-right:auto;font-size:18px}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--accent)}.reassurance{font-size:10px;text-align:center;color:var(--muted);margin:16px 0 0}.reassurance span{padding:0 9px}.card-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:19px 26px;gap:10px}.card-footer>a{font-size:11px;font-weight:700}.utility-actions{display:flex;gap:12px}.utility-actions button{border:0;background:transparent;color:var(--ink);padding:7px 0;font-size:14px}.utility-actions span{font-size:10px}.style-switcher{margin-top:30px;display:flex;gap:3px;padding:5px;border:1px solid #bcbeb2;background:#ffffffb5;border-radius:18px;max-width:650px;justify-content:center;flex-wrap:wrap}.style-switcher a{padding:8px 10px;border-radius:20px;font-size:10px;color:#333}.style-switcher a[aria-current]{background:#202219;color:white}#notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#191919;color:white;border-radius:12px;padding:14px 20px;font-size:12px;max-width:calc(100% - 32px);width:max-content;z-index:10;box-shadow:0 4px 20px #0003}#notification:empty{display:none}
/* 02 — Candy: playful editorial, rounded shapes and sticker-like details. */
[data-style="sticker"]{--paper:#ffe5ef;--ink:#561630;--accent:#ff6335;--line:#eab6c9;--muted:#885468;background-color:#f9bbd5;background-image:linear-gradient(45deg,#ffffff25 25%,transparent 25%,transparent 75%,#ffffff25 75%),linear-gradient(45deg,#ffffff25 25%,transparent 25%,transparent 75%,#ffffff25 75%);background-size:32px 32px;background-position:0 0,16px 16px}
[data-style="sticker"] .business-card{border:2px solid var(--ink);border-radius:38px 38px 12px 38px;box-shadow:8px 8px 0 #ff6335}[data-style="sticker"] .card-header{border-bottom:2px dashed var(--line)}[data-style="sticker"] .brand-star{color:#ff6335}[data-style="sticker"] h1{font-size:73px;letter-spacing:-5px;transform:rotate(-3deg)}[data-style="sticker"] .headline-accent{color:#ff6335}[data-style="sticker"] .headline-accent:after{background:white;height:87%;bottom:0;box-shadow:2px 2px 0 #561630;transform:rotate(2deg);border-radius:8px}[data-style="sticker"] .hero-art{transform:rotate(-12deg)}[data-style="sticker"] .art-flower{color:#ff6335;font-size:164px;filter:drop-shadow(3px 3px 0 #561630)}[data-style="sticker"] .art-arrow{color:#fff6e4}[data-style="sticker"] .orbit{display:none}[data-style="sticker"] .sticker{border-radius:5px;box-shadow:3px 3px 0 #561630;background:#fff6e4;transform:rotate(-9deg)}[data-style="sticker"] .service-tags span{background:#fff6e4;border-color:var(--ink)}[data-style="sticker"] .service-tags span:nth-child(2){transform:rotate(4deg);background:#ff6335}[data-style="sticker"] .primary-action{border-radius:30px;color:#fff6e4;box-shadow:3px 3px 0 #ff6335}[data-style="sticker"] .secondary-action{border-radius:30px;border-color:var(--ink)}
/* 03 — Electric: sharp typography, cobalt and a kinetic wireframe. */
[data-style="blue"]{--paper:#1743ed;--ink:#f5f4e9;--accent:#ceff60;--line:#ffffff35;--muted:#d0d9ff;background:#111b47;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:40px 40px;color:var(--ink)}[data-style="blue"] .business-card{border-radius:4px;box-shadow:10px 10px 0 #080e2a;border-color:#718cff}[data-style="blue"] .back-link{color:#d0d9ff}[data-style="blue"] .brand-star{color:var(--accent)}[data-style="blue"] .intro-label{color:var(--accent)}[data-style="blue"] .status-dot{background:var(--accent);box-shadow:none}[data-style="blue"] h1{font-size:77px;letter-spacing:-6px}[data-style="blue"] .headline-accent{color:var(--accent)}[data-style="blue"] .headline-accent:after{background:transparent;border-bottom:2px solid var(--accent);bottom:-5px;transform:none}[data-style="blue"] .art-flower{color:transparent;-webkit-text-stroke:1px var(--accent);filter:none;font-size:165px}[data-style="blue"] .orbit{width:150px;height:105px;border-color:var(--accent);transform:rotate(-35deg)}[data-style="blue"] .art-arrow{color:var(--accent)}[data-style="blue"] .sticker{border:none;border-left:2px solid var(--accent);border-radius:0;background:none;transform:none;padding:0 0 0 12px;color:var(--accent)}[data-style="blue"] .service-tags span{border-color:#ffffff60;border-radius:0}[data-style="blue"] .primary-action{background:var(--accent);color:#142f8f;border-radius:0}[data-style="blue"] .secondary-action{border-radius:0}
/* 04 — Orange Brut: uncompromising signage. */
[data-style="brutal"]{--paper:#ff5b23;--ink:#171714;--accent:#f9ff83;--line:#171714;--muted:#422317;background:#e5e2da;background-image:none}
[data-style="brutal"] .business-card{border:3px solid var(--ink);border-radius:0;box-shadow:10px 10px 0 var(--ink)}
[data-style="brutal"] .card-header{border-bottom:3px solid;padding:20px 24px}[data-style="brutal"] .intro-label{letter-spacing:.7px;font-size:9px}[data-style="brutal"] .hero{padding-bottom:112px}[data-style="brutal"] h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;text-transform:uppercase;font-size:67px;letter-spacing:-2px;line-height:.91}[data-style="brutal"] .headline-accent:after{display:none}[data-style="brutal"] .hero-art{right:0;bottom:0;width:105px;height:105px;background:var(--ink)}[data-style="brutal"] .art-flower{font-size:108px;color:var(--paper);filter:none;transform:none;font-family:Arial,sans-serif}[data-style="brutal"] .art-arrow,[data-style="brutal"] .orbit,[data-style="brutal"] .spark{display:none}[data-style="brutal"] .sticker{border:0;border-radius:0;background:var(--accent);transform:rotate(-4deg);font-size:12px}[data-style="brutal"] .service-tags span{border-radius:0;border:2px solid;font-weight:700}[data-style="brutal"] .primary-action,[data-style="brutal"] .secondary-action{border-radius:0;border:2px solid var(--ink)}[data-style="brutal"] .primary-action{color:var(--paper)}[data-style="brutal"] .card-footer{border-top:3px solid}
/* 05 — Future Bubble: opalescent glass and an abstract 3D orb. */
[data-style="holo"]{--paper:#f4f1ffbf;--ink:#33245e;--accent:#e0ffb4;--line:#ffffffc9;--muted:#64577c;background:radial-gradient(ellipse at 10% 10%,#e5ffce,transparent 50%),radial-gradient(ellipse at 100% 80%,#ffb4e2,transparent 55%),#d4c8fb}
[data-style="holo"] .business-card{border:1px solid #fff;border-radius:35px;box-shadow:0 20px 70px #6a3b9326,inset 0 0 30px #fff8;backdrop-filter:blur(20px)}[data-style="holo"] .wordmark{font-weight:500}[data-style="holo"] h1{font-size:60px;letter-spacing:-4px;line-height:1.03;font-weight:500}[data-style="holo"] .headline-accent:after{display:none}[data-style="holo"] .hero{padding-bottom:145px}[data-style="holo"] .hero-art{width:138px;height:138px;bottom:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0%,#faffd9 16%,#b9efef 35%,#c4a4f1 56%,#ffafdb 72%,#fff 87%);box-shadow:inset -12px -10px 25px #7b53ad50,inset 5px 8px 15px white,0 15px 30px #61458826;transform:rotate(-25deg)}[data-style="holo"] .art-flower,[data-style="holo"] .art-arrow{display:none}[data-style="holo"] .orbit{border-color:#fff;width:180px;height:55px;transform:rotate(-10deg)}[data-style="holo"] .spark{color:white;text-shadow:0 1px 10px #7b53ad}[data-style="holo"] .sticker{border-color:white;background:#ffffff80;backdrop-filter:blur(5px);border-radius:16px;transform:rotate(-6deg)}[data-style="holo"] .service-tags span{border-color:white;background:#ffffff70}[data-style="holo"] .primary-action{background:#33245e;color:white;border-radius:30px;box-shadow:0 5px 15px #33245e25}[data-style="holo"] .secondary-action{background:#ffffff60;border-radius:30px}
/* 06 — Source Code: a functional-looking terminal, not just a dark theme. */
[data-style="terminal"]{--paper:#0b1812;--ink:#a8ffbf;--accent:#a8ffbf;--line:#2e513b;--muted:#8cae96;background:#030b07;background-image:linear-gradient(#a8ffbf0a 1px,transparent 1px),linear-gradient(90deg,#a8ffbf0a 1px,transparent 1px);background-size:24px 24px;font-family:'Courier New',monospace}
[data-style="terminal"] .business-card{border-radius:8px;border-color:#43694d;box-shadow:0 0 60px #50ff8a12}[data-style="terminal"] .card-header{background:#14281c;position:relative;padding-top:39px}[data-style="terminal"] .card-header:before{content:'● ● ●';position:absolute;top:10px;left:25px;letter-spacing:5px;font-size:10px;color:#6e9a7b}[data-style="terminal"] .wordmark{font-family:inherit;font-size:24px;letter-spacing:-1.5px}[data-style="terminal"] .brand-star{font-size:20px}[data-style="terminal"] .intro-label{font-size:9px;letter-spacing:.3px}[data-style="terminal"] .status-dot{box-shadow:none;background:#a8ffbf}[data-style="terminal"] h1{font-family:inherit;font-size:62px;letter-spacing:-4px;line-height:1.05;text-shadow:0 0 25px #a8ffbf30}[data-style="terminal"] .headline-accent:after{display:none}[data-style="terminal"] .hero-art{border:1px dashed var(--line);width:125px;height:100px;bottom:6px}[data-style="terminal"] .art-flower{font-family:inherit;font-size:51px;filter:none;transform:none;letter-spacing:-8px;margin-left:-8px}[data-style="terminal"] .art-arrow,[data-style="terminal"] .orbit,[data-style="terminal"] .spark{display:none}[data-style="terminal"] .sticker{background:none;border:0;border-left:2px solid;border-radius:0;transform:none;padding:0 0 0 10px;bottom:27px}[data-style="terminal"] .service-tags span{border-color:var(--line);border-radius:0}[data-style="terminal"] .primary-action{background:#a8ffbf;color:#0b1812;border-radius:0}[data-style="terminal"] .secondary-action{border-radius:0}[data-style="terminal"] .back-link{color:#8cae96}
/* 07 — Maison Flow: oversized serif, book-cover rules and ink blue. */
[data-style="editorial"]{--paper:#f3eee4;--ink:#243d89;--accent:#e5ed94;--line:#c8c5b7;--muted:#5d6680;background:#ddd9cf;background-image:none}
[data-style="editorial"] .business-card{border-radius:0;border:0;box-shadow:0 16px 40px #30281920}[data-style="editorial"] .card-header{margin:0 26px;padding:24px 0 18px;border-bottom:1px solid var(--ink)}[data-style="editorial"] .wordmark{font-family:Georgia,serif;font-weight:400;font-size:30px}[data-style="editorial"] .intro-label{letter-spacing:2px;font-size:8px}[data-style="editorial"] .status-dot{display:none}[data-style="editorial"] .hero{padding-top:28px;padding-bottom:120px}[data-style="editorial"] h1{font-family:Georgia,'Times New Roman',serif;font-size:56px;letter-spacing:-3px;font-weight:400;line-height:1.03}[data-style="editorial"] .headline-accent{font-style:italic}[data-style="editorial"] .headline-accent:after{display:none}[data-style="editorial"] .description{font-size:13px}[data-style="editorial"] .hero-art{bottom:0;width:115px;height:115px}[data-style="editorial"] .art-flower{color:var(--ink);font-size:128px;filter:none;transform:rotate(8deg)}[data-style="editorial"] .art-arrow,[data-style="editorial"] .orbit,[data-style="editorial"] .spark{display:none}[data-style="editorial"] .sticker{font-family:Georgia,serif;font-style:italic;border:0;border-radius:0;padding:0;transform:none;font-size:13px;line-height:1.7}[data-style="editorial"] .sticker strong{font-weight:400}[data-style="editorial"] .service-tags span{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:7px 6px}[data-style="editorial"] .primary-action{border-radius:0;background:var(--ink);color:var(--paper)}[data-style="editorial"] .secondary-action{border-radius:0;border:0;border-bottom:1px solid var(--line)}[data-style="editorial"] .card-footer{margin:0 26px;padding:18px 0;border-color:var(--ink)}
/* 08 — Sunset Social: a warm, oversized, rounded poster. */
[data-style="sunset"]{--paper:#ff795e;--ink:#651634;--accent:#fff0a2;--line:#a8345040;--muted:#702039;background:linear-gradient(135deg,#ffd48c,#ffa2bd)}
[data-style="sunset"] .business-card{background:linear-gradient(165deg,#ffe19a 0%,#ff9a72 38%,#ff7392 76%,#ed6ea8 100%);border:0;border-radius:100px 100px 24px 24px;box-shadow:0 20px 50px #9c315733}[data-style="sunset"] .card-header{padding-top:42px;flex-direction:column;gap:12px;border:0}[data-style="sunset"] .edition{text-align:center;font-size:7px;letter-spacing:2px}[data-style="sunset"] .card-content{padding-top:10px}[data-style="sunset"] .intro-label{justify-content:center;font-size:9px;letter-spacing:1px}[data-style="sunset"] .status-dot{display:none}[data-style="sunset"] .hero{text-align:center;padding-top:24px;padding-bottom:151px}[data-style="sunset"] h1{font-size:55px;letter-spacing:-3.5px;line-height:1.05;font-weight:700}[data-style="sunset"] .headline-accent:after{display:none}[data-style="sunset"] .eyebrow{font-size:10px}[data-style="sunset"] .hero-art{width:140px;height:140px;right:calc(50% - 70px);bottom:0}[data-style="sunset"] .art-flower{color:var(--accent);font-size:148px;filter:none;transform:none}[data-style="sunset"] .art-arrow,[data-style="sunset"] .orbit,[data-style="sunset"] .spark{display:none}[data-style="sunset"] .sticker{bottom:34px;left:auto;right:0;font-size:9px;border-radius:8px;background:#fff0a2;transform:rotate(10deg);z-index:2}[data-style="sunset"] .service-tags{justify-content:center}[data-style="sunset"] .service-tags span{border-color:#65163470}[data-style="sunset"] .primary-action,[data-style="sunset"] .secondary-action{border-radius:40px}[data-style="sunset"] .secondary-action{border-color:#65163470}
/* 09 — Next Level: pixel border, game HUD, stepped shadows. */
[data-style="pixel"]{--paper:#bba0ff;--ink:#282050;--accent:#e3ff73;--line:#28205050;--muted:#453570;background:#e8e1ff;background-image:conic-gradient(#c9bbf040 25%,transparent 0 50%,#c9bbf040 0 75%,transparent 0);background-size:32px 32px;font-family:'Courier New',monospace}
[data-style="pixel"] .business-card{border:3px solid;border-radius:0;box-shadow:6px 0 #282050,0 6px #282050,6px 6px #282050}[data-style="pixel"] .card-header{background:var(--accent);border-bottom:3px solid var(--ink)}[data-style="pixel"] .wordmark{font-family:inherit;font-size:24px}[data-style="pixel"] .brand-star{font-size:25px}[data-style="pixel"] .intro-label{font-size:8px;letter-spacing:0}[data-style="pixel"] .status-dot{border-radius:0;box-shadow:none}[data-style="pixel"] h1{font-family:inherit;font-size:51px;font-weight:900;line-height:1;letter-spacing:-3px;text-shadow:2px 2px #e8e1ff}[data-style="pixel"] .headline-accent:after{display:none}[data-style="pixel"] .hero{padding-bottom:125px}[data-style="pixel"] .description{font-size:12px}[data-style="pixel"] .hero-art{width:100px;height:100px;bottom:0;background:var(--accent);border:3px solid;box-shadow:4px 4px var(--ink)}[data-style="pixel"] .art-flower{font-size:90px;line-height:1;font-family:monospace;color:var(--ink);transform:none;filter:none}[data-style="pixel"] .art-arrow,[data-style="pixel"] .orbit,[data-style="pixel"] .spark{display:none}[data-style="pixel"] .sticker{border:0;border-radius:0;transform:none;background:none;padding:0;font-size:12px}[data-style="pixel"] .service-tags span{border-radius:0;border:2px solid;background:#e8e1ff;font-size:9px}[data-style="pixel"] .primary-action{border-radius:0;background:var(--accent);color:var(--ink);border:2px solid;box-shadow:4px 4px var(--ink);margin-bottom:4px}[data-style="pixel"] .secondary-action{border:2px solid;border-radius:0}
/* 10 — After Hours: monochrome chrome and sharp studio typography. */
[data-style="chrome"]{--paper:#141416;--ink:#f0eff4;--accent:#d6d6e2;--line:#454548;--muted:#b4b4bf;background:radial-gradient(ellipse at 50% 30%,#42424d,#111114 70%)}
[data-style="chrome"] .business-card{border:1px solid #616169;border-radius:20px;box-shadow:0 20px 70px #0008}[data-style="chrome"] .brand-star{background:linear-gradient(135deg,#fff,#737385,#fff);color:transparent;background-clip:text}[data-style="chrome"] .intro-label{font-size:8px;letter-spacing:1.8px}[data-style="chrome"] .status-dot{background:#fff;box-shadow:0 0 8px #fff8}[data-style="chrome"] h1{font-size:60px;letter-spacing:-4px;line-height:1;font-weight:500}[data-style="chrome"] .headline-accent{background:linear-gradient(110deg,#777782,#fff 50%,#888897);color:transparent;background-clip:text}[data-style="chrome"] .headline-accent:after{display:none}[data-style="chrome"] .hero{padding-bottom:127px}[data-style="chrome"] .hero-art{width:130px;height:130px;bottom:0}[data-style="chrome"] .art-flower{font-size:160px;color:transparent;background:linear-gradient(125deg,#5a5a68 15%,#fff 35%,#777785 46%,#eee 55%,#555565 70%,#fff 85%);background-clip:text;filter:none;transform:rotate(-12deg)}[data-style="chrome"] .art-arrow,[data-style="chrome"] .orbit,[data-style="chrome"] .spark{display:none}[data-style="chrome"] .sticker{border:0;border-radius:0;border-left:1px solid #888894;background:none;transform:none;padding:0 0 0 12px;font-size:10px}[data-style="chrome"] .service-tags span{border-color:#62626e}[data-style="chrome"] .primary-action{background:linear-gradient(115deg,#b3b3c1,#fff 50%,#b9b9c9);color:#141416;border-radius:4px}[data-style="chrome"] .secondary-action{border-radius:4px}[data-style="chrome"] .back-link{color:#c2c2cc}
/* Gallery */
.gallery{background:#f4f2ed;min-height:100vh;padding:32px 5vw 24px}.gallery-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6d3ca;padding-bottom:24px}.gallery-header>span{font-size:10px;letter-spacing:2px}.gallery-intro{max-width:820px;margin:65px auto 42px;text-align:center}.gallery-intro .eyebrow{letter-spacing:2px;font-weight:700}.gallery-intro h1{font-size:clamp(40px,6vw,78px);letter-spacing:-3px;line-height:1.05}.gallery-intro h1 em{font-style:normal;background:#dfff00;padding:0 8px}.gallery-intro>p:last-child{color:#706e65;font-size:14px;line-height:1.6;margin-top:24px}.concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1160px;margin:auto;gap:24px}.concept{min-width:0}.concept-preview{height:350px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:32px;border:1px solid #202219;border-radius:18px;transition:transform .25s,box-shadow .25s}.concept-preview:hover{transform:translateY(-6px);box-shadow:6px 6px 0 #202219}.concept-preview .mini-logo{font-family:'Space Grotesk',sans-serif;position:absolute;top:25px;font-size:19px;letter-spacing:-1px;font-weight:700}.mini-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,4.5vw,64px);line-height:.95;letter-spacing:-3px;font-weight:700;z-index:1}.mini-tag{font-size:10px;position:absolute;bottom:25px;border:1px solid currentColor;padding:8px 12px;border-radius:20px}.mini-art{position:absolute;right:15px;bottom:40px;font-size:145px;line-height:1}.concept-acid{background:#f8f8ed;color:#202219}.concept-acid .mini-title span{background:#dfff00}.concept-acid .mini-art{color:#dfff00;text-shadow:2px 2px #202219;transform:rotate(15deg)}.concept-sticker{background:#ffe5ef;color:#561630;border-radius:35px 35px 8px 35px}.concept-sticker .mini-title{transform:rotate(-5deg)}.concept-sticker .mini-title span{background:#fff6e4;color:#ff6335}.concept-sticker .mini-art{color:#ff6335;transform:rotate(-12deg);text-shadow:3px 3px #561630}.concept-blue{background:#1743ed;color:#f5f4e9;border-radius:3px}.concept-blue .mini-title span{color:#ceff60}.concept-blue .mini-art{color:transparent;-webkit-text-stroke:1px #ceff60}.concept-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0 10px}.concept-meta h2{margin:0;font-size:17px;letter-spacing:-.5px}.concept-meta a{font-size:12px;border-bottom:1px solid;padding-bottom:4px}.concept>p{font-size:12px;color:#706e65;line-height:1.6;margin:0}.gallery-footer{max-width:1160px;margin:50px auto 0;border-top:1px solid #d6d3ca;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#706e65;line-height:1.6}
.concept-brutal{background:#ff5b23;color:#171714;border:3px solid;border-radius:0}.concept-brutal .mini-title{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:48px;letter-spacing:-1px}.concept-brutal .mini-art{font-family:Arial,sans-serif;right:20px;bottom:25px;font-size:110px}.concept-brutal .mini-tag{border-radius:0;background:#f9ff83;font-weight:700}
.concept-holo{background:radial-gradient(ellipse at 0 0,#e7ffd0,transparent 60%),radial-gradient(ellipse at 90% 90%,#ffb4e2,transparent 65%),#ded6ff;color:#33245e;border-color:white;border-radius:30px}.concept-holo .mini-title{font-size:48px;font-weight:500}.concept-holo .mini-art{color:transparent;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#e8ffcc 20%,#b9efef 38%,#c4a4f1 60%,#ffafdb 80%);box-shadow:inset -8px -8px 20px #7b53ad40,0 8px 20px #61458826}.concept-holo .mini-tag{background:#fff8;border-color:white}
.concept-terminal{background-color:#0b1812;background-image:linear-gradient(#a8ffbf08 1px,transparent 1px);background-size:100% 4px;color:#a8ffbf;border-color:#43694d;border-radius:6px}.concept-terminal .mini-logo,.concept-terminal .mini-title,.concept-terminal .mini-tag{font-family:'Courier New',monospace}.concept-terminal .mini-title{font-size:49px;letter-spacing:-3px}.concept-terminal .mini-art{font-family:monospace;font-size:68px;opacity:.25;letter-spacing:-12px;right:30px;bottom:65px}.concept-terminal .mini-tag{border-radius:0;border-color:#43694d}
.concept-editorial{background:#f3eee4;color:#243d89;border-radius:0;border-color:#c8c5b7}.concept-editorial .mini-title{font-family:Georgia,serif;font-size:44px;font-weight:400;letter-spacing:-2px;line-height:1.1}.concept-editorial .mini-title span{font-style:italic}.concept-editorial .mini-art{font-size:110px;bottom:35px;right:20px}.concept-editorial .mini-logo{font-family:Georgia,serif;font-weight:400}.concept-editorial .mini-tag{border:0;border-bottom:1px solid;border-radius:0;padding-left:0;font-size:8px;letter-spacing:1px}
.concept-sunset{background:linear-gradient(155deg,#ffe19a,#ff9a72 45%,#ed6ea8);color:#651634;border-radius:70px 70px 18px 18px;border:0}.concept-sunset .mini-title{font-size:48px;letter-spacing:-3px}.concept-sunset .mini-art{color:#fff0a2;bottom:35px;font-size:150px}.concept-sunset .mini-logo{top:30px}.concept-sunset .mini-tag{font-size:8px;background:#fff0a2;z-index:1;border:0}
.concept-pixel{background:#bba0ff;color:#282050;border:3px solid;border-radius:0;box-shadow:4px 4px #282050}.concept-pixel .mini-title,.concept-pixel .mini-logo{font-family:'Courier New',monospace}.concept-pixel .mini-title{font-size:47px;letter-spacing:-3px;text-shadow:2px 2px #e8e1ff}.concept-pixel .mini-art{font-family:monospace;font-size:120px;color:#e3ff73;text-shadow:3px 3px #282050}.concept-pixel .mini-tag{background:#e3ff73;border:2px solid;border-radius:0;font-family:monospace}
.concept-chrome{background:radial-gradient(ellipse at 100% 100%,#38383f,#141416 70%);color:#f0eff4;border-color:#616169}.concept-chrome .mini-title{font-size:43px;letter-spacing:-2px;font-weight:500;line-height:1.05}.concept-chrome .mini-title span{background:linear-gradient(110deg,#777782,#fff 50%,#888897);color:transparent;background-clip:text}.concept-chrome .mini-art{background:linear-gradient(125deg,#5a5a68 15%,#fff 35%,#777785 46%,#eee 55%,#555565 70%,#fff 85%);color:transparent;background-clip:text}.concept-chrome .mini-tag{font-size:8px;letter-spacing:1px;border-color:#616169}
.concept:last-child{grid-column:2}.concept-preview .mini-title{max-width:100%}.concept-preview .mini-art{pointer-events:none}.concept-preview .mini-logo,.concept-preview .mini-tag{z-index:2}
@media(min-width:900px){.card-page{padding-top:35px}.back-link{position:absolute;top:35px;left:35px}}@media(max-width:800px){.concept:last-child{grid-column:auto}.concepts{grid-template-columns:1fr;max-width:440px;gap:32px}.concept-preview{height:360px}.mini-title{font-size:70px}.gallery-intro{margin-top:44px}.gallery-header>span{letter-spacing:0}.gallery-footer{flex-direction:column}.gallery-intro h1{letter-spacing:-2px}}@media(max-width:380px){.card-page{padding:20px 12px}.card-content{padding:22px}.card-header{padding:22px}.card-footer{padding:16px}.edition{font-size:7px}.wordmark{font-size:25px}h1,[data-style="sticker"] h1,[data-style="blue"] h1{font-size:66px}.service-tags span{padding:6px 8px}.utility-actions{gap:9px}}@media(max-width:380px){[data-style="editorial"] h1{font-size:46px;letter-spacing:-2.5px}[data-style="pixel"] h1{font-size:43px;letter-spacing:-3px}[data-style="editorial"] .wordmark{font-size:27px}.concept-holo .mini-title{font-size:43px}.concept-terminal .mini-title{font-size:44px}.concept-editorial .mini-title{font-size:37px}.concept-sunset .mini-title{font-size:42px}.concept-pixel .mini-title{font-size:42px}.concept-chrome .mini-title{font-size:37px}.gallery-header{gap:20px}.gallery-header>span{font-size:8px;text-align:right}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}@media print{.back-link,.style-switcher,#notification{display:none}.card-page{background:white;padding:0}.business-card{box-shadow:none;break-inside:avoid}}