@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/barlow-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--bg:#090a0b;--panel:#141719;--panel-high:#202528;--ink:#f3f5f3;--muted:#aeb7b9;--accent:#c4ff4d;--cyan:#8be3ed;--line:#343b3d;--font:'DM Sans',sans-serif;--display:'Barlow Condensed',sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:96px;scrollbar-color:#626d70 #101314}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font)}body:has(dialog[open]){overflow:hidden}::selection{background:var(--accent);color:#090a0b}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none;text-underline-offset:5px}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.05;text-wrap:balance}h2{font:800 56px/1.04 var(--display)}h3{font:600 24px/1.2 var(--font)}p{max-width:68ch}img{display:block;max-width:100%}svg.lucide{width:20px;height:20px;stroke-width:1.6;flex:none}button svg,a svg{pointer-events:none}small,.small{font-size:14px;line-height:1.6}.secondary{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:20px;z-index:110;background:var(--accent);color:#080a0a;padding:12px 20px}.skip:focus{top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:12px 22px;border-radius:3px;font-weight:600;line-height:1.3;transition:background .2s,color .2s,transform .25s var(--ease);text-align:center}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.primary{background:var(--accent);color:#10140b}.primary:hover{background:#d3ff7f}.secondary-button{background:var(--panel-high);color:var(--ink)}.secondary-button:hover{background:#353d40}.icon-button{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border-radius:3px;flex:none}.icon-button:hover{background:var(--panel-high)}.text-button{display:inline-flex;gap:24px;align-items:center;background:none;padding:14px 0;font-weight:600}.text-button:hover{color:var(--accent)}.text-button svg{transition:transform .25s var(--ease)}.text-button:hover svg{transform:translate(3px,-3px)}
.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:28px;background:rgba(9,10,11,.96);position:sticky;top:0;z-index:40}.brand{display:flex;gap:14px;align-items:center;flex:none;font-size:23px;font-weight:600;line-height:1.1}.brand small{display:block;font-size:13px;margin-top:6px;line-height:1}.gg-mark{font:800 italic 39px/1 var(--display);position:relative;transform:skew(-9deg)}.header nav{display:flex;gap:30px;align-items:center}.header nav a{font-size:14px;color:#d2d9d8;padding:12px 0;position:relative}.header nav a:hover,.header nav a.active{color:var(--accent)}.header-tools{display:flex;align-items:center;gap:14px}.language{display:flex;align-items:center;gap:5px}.language svg{width:17px}.language select{font-size:14px;width:49px;min-height:44px;background:transparent;border:0;padding:4px;color:var(--ink)}select option{background:#141719;color:#f3f5f3}.bag-button{display:flex;align-items:center;gap:12px;background:#202528;padding:12px 14px;font-size:14px;border-radius:3px;min-height:44px}.bag-button:hover{background:#30383a}#bag-count{min-width:21px;height:21px;display:grid;place-items:center;background:var(--accent);color:#10140b;font-size:13px;border-radius:2px;font-weight:600}.menu-button{display:none}
.hero{position:relative;isolation:isolate;min-height:560px;background:#030303;overflow:hidden;display:flex;align-items:center;padding:36px 64px 86px}.hero-art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center 53%;animation:art-arrive 1.4s var(--ease) both}.hero-content{width:540px;max-width:100%;position:relative;animation:copy-arrive .9s var(--ease) both}.hero h1{font:800 96px/.95 var(--display);margin-bottom:16px}.hero-statement{font-size:36px;line-height:1.14;font-weight:600;max-width:16ch}.hero-detail{color:#d6dcda;margin-top:22px;font-size:16px;line-height:1.6}.quick-start{display:flex;max-width:455px;gap:8px;margin-top:26px}.quick-start select{flex:1;min-width:0;border:1px solid #555e5b;background:#101313;color:var(--ink);padding:12px 14px;border-radius:3px}.quick-start .button{padding:12px 18px}.hero-foot{position:absolute;bottom:27px;left:64px;right:64px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#c7cecb;font-size:14px}.hero-foot a{display:flex;gap:14px;align-items:center}.hero-foot a:hover{color:var(--accent)}.ticker{display:flex;align-items:stretch;background:var(--accent);color:#13170d;overflow:hidden;min-height:59px}.ticker-viewport{overflow:hidden;flex:1;display:flex;align-items:center}.ticker-track{display:flex;width:max-content;will-change:transform}.ticker-group{display:flex;gap:38px;align-items:center;flex-shrink:0;padding-right:38px;white-space:nowrap;font:800 24px/1 var(--display);text-transform:uppercase}.ticker-group svg{width:16px;height:16px}#ticker-toggle{color:#11160d;height:59px;width:58px;border-radius:0;background:#afec39}#ticker-toggle:hover{background:#d1ff77}
.section{padding:80px 56px;max-width:1680px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading p{font-size:16px;line-height:1.6;max-width:350px;color:#c8d0d0}.catalogue-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{display:flex;gap:7px;align-items:center;min-height:44px;padding:10px 16px;background:transparent;font-size:14px;border-radius:3px;transition:background .2s,color .2s}.filters button[aria-pressed=true]{background:var(--ink);color:#101313}.filters button:hover:not([aria-pressed=true]){background:var(--panel-high)}.filters button svg{width:16px}.catalogue-toolbar>.secondary{font-size:14px;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}.product{min-width:0;background:#121516;border-radius:4px;overflow:hidden;position:relative}.product-visual{height:272px;position:relative;overflow:hidden;background:#030505}.product-image-button{height:100%;width:100%;display:block;padding:0;position:relative;overflow:hidden;background:transparent;text-align:left}.product-image-button:focus-visible{outline:3px solid var(--accent);outline-offset:-5px}.product-visual img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .5s}.product:hover .product-visual img{transform:scale(1.055)}.product-visual .media-art{object-fit:contain}.product-visual .brand-art{object-position:center 20%;opacity:.78}.product-visual .identity-art{object-position:65% center}.product-visual .motion-art{object-fit:cover;object-position:center 60%}.product-visual .commerce-art{object-fit:cover;object-position:center;opacity:1}.product-visual .custom-art{object-position:center;opacity:1}.visual-title{position:absolute;left:23px;bottom:22px;font:800 46px/.95 var(--display);max-width:calc(100% - 46px);text-transform:uppercase;pointer-events:none}.product-category{display:flex;gap:6px;align-items:center;position:absolute;left:16px;top:15px;background:#121718;padding:5px 10px;font-size:13px;line-height:1.4;pointer-events:none}.product-category img{width:16px;height:16px;object-fit:contain;filter:invert(1);transform:none!important}.save-product{position:absolute;right:12px;top:12px;z-index:2;background:#1a2020;width:38px;height:38px}.save-product[aria-pressed=true]{color:var(--accent)}.save-product[aria-pressed=true] svg{fill:var(--accent);stroke:#17200b}.product-content{padding:22px 22px 18px}.product h3{font-size:24px;margin-bottom:10px}.product-description{color:#d0d6d5;font-size:16px;line-height:1.5;min-height:48px}.product-includes{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:20px;font-size:13px;color:var(--muted)}.product-includes span{display:flex;align-items:center;gap:5px}.product-includes svg{width:13px;height:13px}.product-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:24px}.price-label{font-size:14px;font-weight:600}.configure-product{display:flex;align-items:center;gap:10px;background:#242d2e;padding:10px 12px;font-size:14px;min-height:44px;border-radius:3px}.configure-product:hover{background:var(--accent);color:#11170c}.quote-note{display:flex;gap:15px;margin-top:32px;align-items:flex-start;color:#bdc7c5}.quote-note svg{margin-top:3px}.quote-note p{font-size:16px;max-width:70ch}.empty-state{padding:50px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:17px}.empty-state>svg{height:40px;width:40px;color:var(--muted)}.empty-state p{color:var(--muted)}
.mobile-preview-action{display:none}.builder-section{background:#e8edeb;color:#111817;max-width:none;padding-top:72px;padding-bottom:72px}.builder-section>.section-heading,.builder{max-width:1568px;margin-left:auto;margin-right:auto}.builder-section .section-heading p{color:#3e4a47}.builder{display:grid;grid-template-columns:360px minmax(0,1fr);background:#121617;color:var(--ink);min-width:0;border-radius:4px;overflow:hidden}.builder-controls{padding:28px;background:#1c2323}.control-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.control-heading h3{font-size:18px}.control-heading>.icon-button{margin-left:auto;width:34px;height:34px}.builder label:not(.extras label),.builder legend,#bag-summary>label{font-size:14px;font-weight:600;margin-bottom:9px;display:block}.builder input:not([type=range]):not([type=checkbox]),.builder select,.bag-body textarea{background:#0f1515;border:1px solid #4c5956;color:var(--ink);padding:11px 12px;min-height:46px;width:100%;border-radius:3px;caret-color:var(--accent)}.builder input::placeholder,.bag-body textarea::placeholder{color:#b3beb9}.builder select{padding-right:28px}.scope-description{font-size:14px;line-height:1.5;color:#bdc9c6;margin:12px 0 23px}.builder fieldset{border:0;padding:0;margin:23px 0 0;min-width:0}.segmented{display:flex;gap:3px;padding:3px;background:#0f1515;border-radius:3px}.segmented button{flex:1;min-height:40px;background:transparent;padding:7px 12px;font-size:14px;border-radius:2px;display:flex;justify-content:center;align-items:center;gap:7px;white-space:nowrap}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:#343f3f;color:#fff}.segmented button:hover{background:#273130}.color-theme{display:flex;justify-content:space-between;gap:14px}.swatches{display:flex;gap:10px;height:46px;align-items:center}.swatch{height:27px;width:27px;border-radius:50%;position:relative;transition:transform .2s}.swatch:hover{transform:scale(1.1)}.swatch[aria-pressed=true]::after{content:'';position:absolute;inset:-5px;border:1px solid white;border-radius:50%}.swatch.lime{background:#c4ff4d}.swatch.cyan{background:#8be3ed}.swatch.silver{background:#e4e9e5}.compact button{min-width:42px;padding:5px}.compact svg{width:18px}#pages-control{margin-top:23px}#pages-control label{display:flex;justify-content:space-between}#pages-output{color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--accent);width:100%;height:22px;cursor:pointer}.extras{display:grid;gap:10px}.extras label{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer;line-height:1.5}.extras input{accent-color:var(--accent);width:17px;height:17px;flex:none;margin:2px 0 0}.add-project{margin-top:28px;width:100%;font-size:14px}.builder-controls>.small{margin-top:14px;line-height:1.5;font-size:13px}.builder-preview{padding:24px;min-width:0;display:flex;flex-direction:column}.preview-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.preview-toolbar .segmented{background:transparent}.preview-toolbar .segmented button{padding:10px}.preview-toolbar svg{width:18px}.device-switch{display:flex;gap:3px}.device-switch button{height:38px;width:38px}.device-switch button[aria-pressed=true]{background:#343f3f}.preview-stage{display:flex;align-items:center;justify-content:center;min-height:560px;flex:1;background:#0b0e0e;padding:22px;overflow:hidden}.site-preview{--preview-accent:#c4ff4d;--preview-bg:#101511;--preview-ink:#f4f7f4;--preview-muted:#c9d2c9;max-width:100%;width:100%;background:var(--preview-bg);color:var(--preview-ink);overflow:hidden;transition:width .6s var(--ease),background .4s;box-shadow:none}.site-preview.light{--preview-bg:#edf1e9;--preview-ink:#162016;--preview-muted:#384736}.site-preview.mobile{width:285px}.sample-nav{padding:22px 24px;display:flex;align-items:center;gap:20px;font-size:13px;justify-content:space-between}.sample-nav strong{max-width:60%;overflow-wrap:anywhere;line-height:1.3}.sample-nav span{font-size:13px;color:var(--preview-muted)}.sample-nav svg{width:16px}.sample-content{position:relative;min-height:335px;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:32px 24px}.sample-content>img{position:absolute;right:-8%;top:-22%;height:140%;width:82%;object-fit:contain;z-index:-1;opacity:.9;transition:transform .7s var(--ease),opacity .5s}.site-preview.light .sample-content>img{filter:invert(1) grayscale(1);mix-blend-mode:multiply;opacity:.65}.sample-copy{max-width:300px}.sample-copy>p{font:800 48px/.97 var(--display);max-width:13ch}.sample-copy>span:not(.sample-cta){display:block;margin-top:17px;font-size:13px;max-width:22ch;color:var(--preview-muted)}.sample-cta{display:flex;width:max-content;gap:18px;align-items:center;font-size:13px;margin-top:26px;background:var(--preview-accent);color:#101710;padding:12px 14px;font-weight:600}.sample-cta svg{width:15px;height:15px}.sample-bottom{display:flex;justify-content:space-between;gap:15px;font-size:13px;padding:20px 24px;color:var(--preview-muted)}.site-preview.editorial .sample-content{min-height:335px;align-items:flex-start}.site-preview.editorial .sample-content>img{opacity:.52;transform:translateX(18%) scale(.84)}.site-preview.editorial .sample-copy>p{font-size:44px;max-width:12ch}.site-preview.mobile .sample-nav{padding:18px 16px}.site-preview.mobile .sample-nav span{display:none}.site-preview.mobile .sample-content{padding:130px 20px 24px;min-height:400px;align-items:flex-end}.site-preview.mobile .sample-content>img{height:290px;width:100%;right:-40px;top:-40px;opacity:.5}.site-preview.mobile .sample-copy>p{font-size:40px}.site-preview.mobile .sample-bottom{padding:18px 16px;font-size:13px}.site-preview.mobile .sample-bottom span:last-child{display:none}.preview-caption{font-size:13px;display:flex;align-items:center;gap:9px;margin-top:18px;color:#c1ccca}.live-dot{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;flex:none}.preview-caption .live-dot{background:#8be3ed}#code-stage{flex:1;background:#080d0c;padding:24px;overflow:auto;min-height:560px}.code-filename{display:flex;align-items:center;gap:9px;font-size:13px;color:#bed2cb}.code-filename>button{margin-left:auto}pre{font:14px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#b8f1c6;margin:24px 0}#code-stage>.small{margin-top:30px}
.case-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;align-items:center}.case-copy>img{height:220px;object-fit:cover;width:100%;object-position:60% 50%;margin-bottom:25px}.case-copy h3{font:800 44px/1 var(--display);margin-bottom:16px}.case-copy p{color:#c3cecc;margin-bottom:22px}.project-status{display:flex;align-items:center;gap:10px;font-size:14px;color:#c4cfcc}.case-copy .text-button{margin-top:24px}.case-screen{min-width:0}.case-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#202726;padding:10px 12px;font-size:13px}.case-toolbar .segmented button{font-size:13px;min-height:34px}.case-image-button{height:380px;width:100%;position:relative;background:#141b1a;padding:0;overflow:hidden;display:flex;justify-content:center}.case-image-button img{width:100%;height:100%;object-fit:cover;object-position:top;transition:width .4s var(--ease)}.case-image-button.mobile img{width:185px;object-fit:contain}.zoom-icon{position:absolute;bottom:16px;right:16px;background:#111d19;color:white;padding:10px;display:grid;place-items:center;border-radius:3px}.case-screen>.small{margin-top:14px}.lab{padding-top:36px}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lab-item{padding:0;background:none;text-align:left;overflow:hidden}.lab-item img{width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;background:#050505;transition:transform .9s var(--ease)}.lab-item:hover img{transform:scale(1.04)}.lab-item>span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;font-size:16px;position:relative;background:var(--bg)}.lab-item strong{font-weight:400}.lab-item svg{width:17px}.lab>.small{margin-top:12px;max-width:85ch}.studio{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#151a19;max-width:none}.founder{display:flex;gap:24px;align-items:flex-start;max-width:650px;justify-self:end}.founder-mark{font:800 italic 76px/1 var(--display);color:var(--accent);flex:none}.founder h2{font-size:48px}.founder-role{margin-top:12px;color:#e8eee9;font-size:16px}.founder p:not(.founder-role){margin-top:25px;color:#c3cec8;font-size:16px}.founder .text-button{margin-top:20px}.faq{max-width:620px;width:100%}.faq h3{font-size:24px;margin-bottom:24px}.faq details{margin-bottom:8px;background:#202725;padding:0 18px}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;cursor:pointer;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:18px;height:18px;transition:transform .25s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{font-size:16px;line-height:1.6;color:#c4cfc8;padding-bottom:20px}.closing{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:80px;padding-bottom:80px}.closing h2{font-size:64px}.closing .button{min-width:230px}.footer{background:#151a19;padding:36px 56px;display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-brand{font:800 40px/1 var(--display)}.footer-brand span{display:block;font:400 13px/1.3 var(--font);margin-top:10px}.footer p{font-size:16px}.footer .small{font-size:13px;margin-top:8px}.footer .small a{text-decoration:underline}.footer>.icon-button{background:#27312d}
dialog{color:var(--ink);background:#121817;border:0;padding:0;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);border-radius:5px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .3s var(--ease)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;background:#202a26;position:sticky;top:0;z-index:5}.dialog-heading h2{font:600 24px/1.2 var(--font)}.bag-dialog{margin:0 0 0 auto;top:0;right:0;width:520px;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.bag-body{padding:24px 28px}.bag-item{padding:18px 0 22px;margin-bottom:18px;border-bottom:1px solid #36483e}.bag-item-heading{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.bag-item h3{font-size:18px;line-height:1.4}.bag-item .small{margin-top:7px;color:#c2cec8;overflow-wrap:anywhere}.bag-item-actions{display:flex;gap:10px;margin-top:10px}.bag-item-actions button{background:#25332c;padding:8px 12px;font-size:13px;display:flex;align-items:center;gap:8px;border-radius:3px}.bag-item-actions button svg{width:14px;height:14px}.bag-item-actions button:hover{background:#3c4c40}.bag-body textarea{resize:vertical;margin-top:3px}.notice{display:flex;align-items:flex-start;gap:12px;background:#283429;color:#e6eedb;padding:17px;font-size:14px;margin:22px 0}.notice svg{margin-top:2px;width:18px}.bag-actions{display:flex;gap:10px;flex-wrap:wrap}.bag-actions .button{font-size:14px;flex:1}.bag-body .small{margin-top:18px}.media-dialog{width:1000px;background:#080c0b}.media-dialog>img{max-height:calc(100dvh - 230px);width:100%;object-fit:contain}.media-dialog>p{padding:18px 28px;color:#bac9c1;font-size:14px;max-width:none}.media-dialog.motion-playing>img{animation:media-drift 5s ease-in-out infinite alternate}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,25px);background:var(--accent);color:#10170a;padding:14px 24px;font-size:14px;font-weight:600;border-radius:4px;z-index:100;opacity:0;pointer-events:none;max-width:calc(100% - 30px);text-align:center;transition:opacity .2s,transform .3s var(--ease)}#toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{padding:20px;background:#e1f0dc;color:#111}
.reveal{transition:transform .8s var(--ease)}.reveal.waiting{transform:translateY(22px)}.reveal.in-view{transform:translateY(0)}@keyframes art-arrive{from{clip-path:inset(0 0 0 12%);transform:scale(1.055)}to{clip-path:inset(0);transform:scale(1)}}@keyframes copy-arrive{from{transform:translateY(20px);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes dialog-in{from{transform:translateX(25px);opacity:.6}to{transform:translateX(0);opacity:1}}@keyframes media-drift{from{transform:scale(1) translateY(0)}to{transform:scale(1.025) translateY(-6px)}}
@media(min-width:1681px){.hero{padding-left:max(64px,calc((100% - 1568px)/2));min-height:610px}.hero-art{object-fit:contain;object-position:right center;width:90%;left:10%}.hero-foot{left:max(64px,calc((100% - 1568px)/2));right:max(64px,calc((100% - 1568px)/2))}.header,.footer{padding-left:max(56px,calc((100% - 1568px)/2));padding-right:max(56px,calc((100% - 1568px)/2))}}
@media(max-width:1180px){.header{padding:0 28px;gap:18px}.header nav{gap:19px}.bag-label{display:none}.section{padding:65px 32px}.hero{padding-left:40px}.hero-foot{left:40px;right:40px}.hero-art{width:110%;max-width:none;left:0;object-position:center}.hero-statement{font-size:32px}.hero-content{width:450px}.hero h1{font-size:88px}.product-grid{gap:24px 16px}.product-visual{height:230px}.product-content{padding:20px 17px}.product h3{font-size:22px}.product-footer{align-items:flex-start;flex-direction:column;gap:12px}.configure-product{width:100%;justify-content:space-between}.builder{grid-template-columns:320px minmax(0,1fr)}.builder-controls{padding:23px}.builder-preview{padding:18px}.preview-stage{padding:12px}.sample-nav{padding:18px}.sample-nav span{display:none}.sample-content{padding:25px 18px}.sample-copy>p{font-size:40px}.preview-toolbar .segmented button span{font-size:13px}.case-layout{gap:35px;grid-template-columns:1fr 1.35fr}.case-image-button{height:330px}.studio{gap:45px}.founder{display:block}.founder-mark{display:block;margin-bottom:20px;font-size:56px}.footer{padding:30px 32px}}
@media(max-width:900px){.header{height:76px}.header nav{position:absolute;top:76px;left:0;right:0;padding:16px 28px 24px;background:#181e1b;display:none;align-items:stretch;flex-direction:column;gap:0}.header nav.open{display:flex}.header nav a{font-size:18px;padding:12px}.menu-button{display:flex}.header-tools{gap:10px}.hero{min-height:530px;padding:28px 32px 86px}.hero-art{object-position:60% center;opacity:.75;left:10%;width:100%}.hero h1{font-size:86px}.hero-content{width:440px}.hero-foot{left:32px;right:32px}.hero-foot>span{max-width:230px}.section-heading h2{font-size:48px}.section-heading p{max-width:280px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-visual{height:265px}.product-footer{flex-direction:row;align-items:center}.configure-product{width:auto}.product-includes{min-height:42px}.builder{grid-template-columns:290px minmax(0,1fr)}.builder-controls{padding:20px}.builder-preview{padding:16px}.preview-toolbar{flex-wrap:wrap}.preview-stage{padding:8px}.sample-copy>p{font-size:36px}.sample-content>img{opacity:.5}.sample-nav{padding:17px 14px}.sample-content{padding:30px 14px}.sample-bottom{padding:18px 14px}.sample-bottom span:last-child{display:none}.sample-cta{font-size:13px;padding:10px}.preview-caption{align-items:flex-start}.preview-caption>.live-dot{margin-top:7px}.case-layout{grid-template-columns:1fr}.case-copy{display:grid;grid-template-columns:200px 1fr;column-gap:28px}.case-copy>img{grid-row:1/5;height:100%;margin:0}.case-copy h3{font-size:36px}.case-copy .text-button{margin-top:10px}.case-image-button{height:380px}.case-image-button.mobile img{width:176px}.lab-grid{gap:14px}.lab-item>span{font-size:14px;align-items:flex-start}.lab-item img{aspect-ratio:.95}.studio{grid-template-columns:1fr;gap:50px}.founder{display:flex;justify-self:start;gap:25px}.founder-mark{margin:0}.faq{max-width:none}.closing h2{font-size:48px}.footer{flex-wrap:wrap}.footer>div{order:3;flex-basis:100%}.footer>.icon-button{margin-left:auto}}
@media(max-width:680px){html{scroll-padding-top:88px}.header{height:72px;padding:0 20px;gap:14px}.brand{font-size:21px;gap:10px}.brand small{display:none}.gg-mark{font-size:32px}.header-tools{gap:4px}.bag-button{padding:10px;gap:6px;background:transparent}.bag-button>svg{width:20px}.language svg{display:none}.language select{font-size:13px;width:44px}.header nav{top:72px}.menu-button{width:34px}.hero{min-height:620px;padding:246px 24px 96px;align-items:flex-start}.hero-art{left:0;width:100%;height:370px;object-fit:cover;object-position:80% center;opacity:.78}.hero-content{width:100%}.hero h1{font-size:74px;margin-bottom:13px}.hero-statement{font-size:28px;max-width:none;line-height:1.15}.hero-statement br{display:none}.hero-detail{font-size:16px;margin-top:16px;max-width:30ch}.hero-detail br{display:none}.quick-start{margin-top:23px;max-width:none}.quick-start select{font-size:14px;padding:12px 10px}.quick-start .button{font-size:14px;padding:12px 14px;gap:8px}.quick-start svg{width:18px}.hero-foot{bottom:22px;left:24px;right:24px;font-size:13px}.hero-foot>span{max-width:145px}.hero-foot a{gap:8px;max-width:145px}.hero-foot svg{width:16px}.ticker{min-height:52px}.ticker-group{font-size:21px;gap:25px;padding-right:25px}#ticker-toggle{height:52px;width:48px}.section{padding:52px 22px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:42px;max-width:16ch}.section-heading p{margin-top:17px;font-size:16px;max-width:35ch}.section-heading p br{display:none}.catalogue-toolbar{display:block}.filters{gap:4px}.filters button{padding:8px 11px;font-size:13px}.catalogue-toolbar>.secondary{display:block;margin-top:15px;font-size:13px}.product-grid{grid-template-columns:1fr;gap:23px}.product-visual{height:270px}.product-content{padding:22px}.product h3{font-size:24px}.product-description{min-height:0}.product-includes{min-height:0}.product-footer{margin-top:22px}.visual-title{font-size:48px}.quote-note{margin-top:24px}.quote-note p{font-size:16px}.mobile-preview-action{display:flex;width:100%;margin-top:18px;font-size:14px}.builder-section{padding:50px 18px}.builder{display:flex;flex-direction:column;overflow:visible}.builder-controls{padding:24px;order:2}.builder-preview{order:1}.control-heading{margin-bottom:20px}.builder fieldset{margin-top:20px}.builder-preview{padding:18px 14px 20px}.preview-toolbar{flex-wrap:nowrap;gap:3px}.preview-toolbar .segmented button{padding:8px;font-size:13px}.preview-toolbar .segmented button span{font-size:13px}.device-switch button{width:32px}.preview-stage{min-height:440px;padding:10px}.sample-content{min-height:310px;padding:26px 18px}.sample-copy>p{font-size:43px}.sample-nav{padding:20px 18px}.sample-nav strong{font-size:14px;max-width:75%}.sample-cta{font-size:13px}.sample-content>img{width:90%;opacity:.6;right:-24%}.sample-bottom{padding:20px 18px}.site-preview.editorial .sample-copy>p{font-size:38px}.site-preview.editorial .sample-content{min-height:310px}.site-preview.mobile .sample-content{min-height:350px}.preview-caption{font-size:13px;margin:14px 8px 0}.preview-caption>.live-dot{margin-top:6px}#code-stage{min-height:440px;padding:16px}pre{font-size:13px}.case-layout{gap:28px}.case-copy{display:block}.case-copy>img{height:220px;margin-bottom:22px}.case-copy h3{font-size:38px}.case-copy p{font-size:15px}.case-toolbar{padding:8px;gap:8px}.case-toolbar>span{font-size:13px}.case-toolbar .segmented button{padding:6px 8px;font-size:13px}.case-image-button{height:270px}.case-image-button.mobile{height:370px}.case-image-button.mobile img{width:171px}.case-screen>.small{font-size:13px}.lab-grid{grid-template-columns:1fr;gap:24px}.lab-item img{aspect-ratio:1.3}.lab-item>span{font-size:16px;padding:16px 0}.lab>.small{font-size:13px}.founder{display:block}.founder-mark{margin-bottom:20px;font-size:68px}.founder h2{font-size:44px}.founder-role{font-size:14px}.founder p:not(.founder-role){margin-top:20px}.faq h3{font-size:24px}.faq details{padding:0 15px}.closing{display:block}.closing h2{font-size:46px;max-width:15ch}.closing .button{margin-top:26px;min-width:0}.footer{padding:30px 22px;gap:22px}.footer .small{font-size:13px}.bag-body{padding:20px}.dialog-heading{padding:20px}.dialog-heading h2{font-size:22px}.bag-dialog .button{padding:13px 15px}.media-dialog>p{padding:16px 20px}.media-dialog .dialog-heading h2{font-size:18px}}
@media(max-width:360px){.header{padding:0 13px;gap:5px}.brand{font-size:19px;gap:8px}.gg-mark{font-size:29px}.header-tools{gap:0}.hero{padding-left:19px;padding-right:19px}.hero-statement{font-size:26px}.section{padding-left:18px;padding-right:18px}.section-heading h2{font-size:38px}.quick-start .button{padding:12px;gap:5px}.quick-start select{font-size:13px}.builder-section{padding-left:12px;padding-right:12px}.builder-controls{padding:20px}.preview-toolbar .segmented button{padding:8px 6px}.preview-toolbar svg{width:15px}.device-switch button{width:29px}.product-content{padding:20px}.configure-product{font-size:13px}.closing h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.waiting{transform:none}.product:hover .product-visual img,.lab-item:hover img{transform:none}}

/* The full wordmark stays readable without crowding the chrome artwork or tools. */
.brand { font-size: 21px; }
.brand-extension { white-space: nowrap; }
.hero h1 { font-size: 72px; white-space: nowrap; }
.footer-brand { white-space: nowrap; }
@media (max-width: 1180px) {
  .hero h1 { font-size: 64px; }
  .hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(3,3,3,.8), rgba(3,3,3,.65) 35%, transparent 65%);
  }
}
@media (max-width: 680px) {
  .brand { font-size: 20px; }
  .brand-extension { display: block; font-size: 14px; line-height: 1.2; }
  .hero h1 { font-size: 52px; }
  .hero::after { background: linear-gradient(180deg, transparent 120px, rgba(3,3,3,.82) 246px, #030303 370px); }
  .footer-brand { font-size: 36px; }
}
@media (max-width: 380px) {
  .header { padding-inline: 12px; gap: 6px; }
  .brand { font-size: 19px; gap: 7px; }
  .brand-extension { font-size: 13px; }
  .header-tools { gap: 0; }
  .header .appearance-toggle { width: 34px; }
  .bag-button { padding-inline: 8px; }
  .hero h1 { font-size: 44px; }
}