@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,400..800&family=DM+Sans:opsz,wght@9..40,400..700&display=swap";:root{--porcelain:#ece9e1;--chalk:#f8f5ed;--surface:#e7e3da;--ink:#20222a;--muted:#686a72;--line:#20222a21;--cobalt:#6672ff;--cobalt-deep:#4f5ae5;--apricot:#ff9a78;--lilac:#aaa0ff;--mint:#91d8c3;--soft-shadow:18px 18px 42px #4c443424, -18px -18px 42px #ffffffb8;--inset-shadow:inset 5px 5px 12px #413a2d29, inset -5px -5px 12px #ffffffb8;--button-shadow:8px 9px 0 #32345133;--display:"Bricolage Grotesque", "Arial Narrow", sans-serif;--body:"DM Sans", Arial, sans-serif}:root[data-theme=dark]{--porcelain:#171820;--chalk:#20212b;--surface:#1d1e27;--ink:#f2efe8;--muted:#a8a8b2;--line:#f2efe821;--cobalt:#8e96ff;--cobalt-deep:#727cff;--apricot:#ff9b7b;--lilac:#b6adff;--mint:#8ed8c1;--soft-shadow:17px 17px 38px #0304086b, -13px -13px 32px #37394970;--inset-shadow:inset 5px 5px 13px #02030775, inset -5px -5px 13px #41435461;--button-shadow:8px 9px 0 #0000004d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--porcelain)}body{background:radial-gradient(circle at 10% 2%, color-mix(in srgb, var(--lilac) 16%, transparent), transparent 27rem), var(--porcelain);min-width:320px;color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.55;transition:background-color .24s,color .24s}button,a{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--apricot);outline-offset:4px}.site-shell{width:min(100% - 40px,1320px);margin:0 auto}.skip-link{z-index:100;background:var(--ink);color:var(--porcelain);border-radius:14px;padding:12px 18px;text-decoration:none;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.site-header{z-index:20;border:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:color-mix(in srgb, var(--porcelain) 84%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;margin-top:18px;padding:10px 12px 10px 18px;display:grid;position:sticky;top:18px;box-shadow:0 16px 38px #18182014}.wordmark{width:fit-content;color:var(--ink);font-family:var(--display);letter-spacing:-.035em;align-items:center;gap:11px;font-weight:740;text-decoration:none;display:inline-flex}.wordmark__stamp{aspect-ratio:1;background:var(--cobalt);color:#fff;border-radius:13px;place-items:center;width:38px;font-size:18px;display:grid;box-shadow:inset 3px 3px 7px #ffffff61,inset -4px -4px 8px #3137ac59,4px 5px 10px #2f326c38}.site-nav{gap:34px;display:flex}.site-nav a{color:var(--muted);font-size:14px;font-weight:650;text-decoration:none}.site-nav a:hover{color:var(--ink)}.header-actions{justify-self:end;align-items:center;gap:10px;display:flex}.theme-toggle{aspect-ratio:1;background:var(--surface);width:44px;box-shadow:var(--inset-shadow);color:var(--ink);cursor:pointer;border:0;border-radius:15px;place-items:center;display:grid}.theme-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px}.button{background:var(--cobalt);min-height:54px;box-shadow:var(--button-shadow), inset 4px 4px 8px #ffffff47, inset -5px -5px 9px #2931a84d;color:#fff;border:1px solid #fff3;border-radius:17px;justify-content:center;align-items:center;padding:0 24px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{background:var(--cobalt-deep);transform:translate(3px,3px);box-shadow:5px 6px #32345133,inset 4px 4px 8px #ffffff40,inset -5px -5px 9px #2931a84d}.button--small{border-radius:14px;min-height:44px;padding-inline:18px;font-size:14px;box-shadow:inset 3px 3px 7px #ffffff3d,inset -4px -4px 8px #2931a84d}.button--small:hover{transform:translateY(-1px);box-shadow:inset 3px 3px 7px #ffffff3d,inset -4px -4px 8px #2931a84d}.hero{grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);align-items:center;gap:5vw;min-height:calc(100vh - 110px);padding:90px 3vw 110px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 22px;font-size:12px;font-weight:750;display:flex}.eyebrow span{background:var(--apricot);border-radius:999px;width:20px;height:8px;display:block;box-shadow:inset 2px 2px 3px #ffffff73,2px 3px 5px #552e202e}.hero h1,.section-heading h2,.contact h2{font-family:var(--display);letter-spacing:-.065em;margin:0;font-weight:720;line-height:.94}.hero h1{max-width:760px;font-size:clamp(62px,7.7vw,116px)}.hero h1 em{color:var(--cobalt);font-style:normal}.hero__lede{max-width:590px;color:var(--muted);margin:32px 0 0;font-size:clamp(18px,1.7vw,23px);line-height:1.45}.hero__actions{align-items:center;gap:30px;margin-top:38px;display:flex}.text-link{font-weight:700;text-decoration:none}.text-link span{color:var(--cobalt);margin-left:7px;transition:transform .16s;display:inline-block}.text-link:hover span{transform:translateY(4px)}.hero__note{color:var(--muted);margin:28px 0 0;font-size:13px}.sculpture{isolation:isolate;min-height:560px;position:relative}.sculpture__glow{z-index:-2;background:color-mix(in srgb, var(--lilac) 22%, var(--surface));box-shadow:var(--soft-shadow), var(--inset-shadow);border-radius:48% 52% 44% 56%;position:absolute;inset:6% 0 8%;transform:rotate(-4deg)}.clay-token{color:#1f2028;min-width:185px;font-family:var(--display);border:1px solid #ffffff40;border-radius:31px;align-items:center;gap:14px;padding:18px 23px;font-size:19px;font-weight:740;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:16px 19px 28px #26273f38,inset 6px 6px 12px #ffffff8c,inset -7px -8px 14px #383b7d38}.clay-token__mark{aspect-ratio:1;background:#ffffff57;border-radius:17px;place-items:center;width:48px;display:grid;box-shadow:inset 3px 3px 7px #ffffff6b,inset -3px -3px 7px #35345e29}.clay-token--homer{z-index:2;background:var(--apricot);top:54px;right:18px;transform:rotate(5deg)}.clay-token--seeway{z-index:3;background:var(--cobalt);color:#fff;animation-delay:-2s;top:218px;left:14px;transform:rotate(-6deg)}.clay-token--babelon{z-index:2;background:var(--mint);animation-delay:-4s;bottom:90px;right:36px;transform:rotate(3deg)}.sculpture__plinth{background:var(--surface);border-radius:50%;height:92px;position:absolute;bottom:15px;left:3%;right:3%;transform:perspective(430px)rotateX(58deg);box-shadow:15px 23px 35px #27241f2e,inset 0 -18px 25px #38322a1f,inset 0 14px 20px #ffffff8c}.sculpture__plinth span{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:750;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)rotateX(-58deg)}.section{border-top:1px solid var(--line);padding:120px 3vw}.section-heading{grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);align-items:start;margin-bottom:72px;display:grid}.section-heading h2{max-width:850px;font-size:clamp(50px,6vw,86px)}.product-list{gap:22px;display:grid}.product{background:var(--surface);box-shadow:var(--soft-shadow);border:1px solid #ffffff3b;border-radius:34px;grid-template-columns:82px minmax(220px,.55fr) minmax(320px,1fr);align-items:start;gap:24px;padding:42px;display:grid;position:relative;overflow:hidden}.product:after{aspect-ratio:1;background:var(--product-color);content:"";filter:blur(2px);opacity:.2;border-radius:50%;width:280px;position:absolute;top:-120px;right:-80px}.product--homer{--product-color:var(--apricot)}.product--seeway{--product-color:var(--cobalt)}.product--babelon{--product-color:var(--mint)}.product__index{color:var(--muted);font-family:var(--display);letter-spacing:.1em;font-size:13px;font-weight:720}.product__identity{align-items:center;gap:18px;display:flex}.product__symbol{aspect-ratio:1;background:var(--product-color);color:#20212a;font-family:var(--display);border-radius:22px;flex:0 0 64px;place-items:center;font-size:26px;font-weight:800;display:grid;box-shadow:inset 4px 4px 9px #ffffff7a,inset -5px -5px 10px #35365e33,7px 8px 13px #2a2a3929}.product__identity p{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:750}.product__identity h3{font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:30px}.product__body{z-index:1;position:relative}.product__body h4{font-family:var(--display);letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(27px,3vw,42px);line-height:1.08}.product__body>p{max-width:700px;color:var(--muted);margin:0;font-size:17px}.product__meta{align-items:center;gap:20px;margin-top:24px;display:flex}.product__meta>span{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:750;display:inline-flex}.product__meta>span:before{background:var(--product-color);width:8px;height:8px;box-shadow:0 0 0 5px color-mix(in srgb, var(--product-color) 20%, transparent);content:"";border-radius:50%}.product__meta a{text-underline-offset:3px;font-size:13px;font-weight:750}.services{grid-template-columns:minmax(300px,.8fr) minmax(400px,1.2fr);gap:8vw;display:grid}.section-heading--services{margin:0;display:block}.section-heading--services h2{margin-bottom:28px}.section-heading--services>p:last-child{max-width:470px;color:var(--muted);margin:0;font-size:17px}.service-list{gap:18px;display:grid}.service{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:27px;padding:32px 34px;box-shadow:8px 9px 22px #25221e12,inset 3px 3px 8px #ffffff3d}.service h3{font-family:var(--display);letter-spacing:-.04em;margin:0 0 8px;font-size:28px}.service p{color:var(--muted);margin:0 0 18px}.service span{color:var(--cobalt);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:780}.contact{background:var(--cobalt);color:#fff;border:0;border-radius:40px;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px;display:flex;box-shadow:18px 22px 42px #2e337e47,inset 8px 8px 18px #ffffff2e,inset -10px -10px 24px #24299652}.contact .eyebrow{color:#ffffffba}.contact .eyebrow span{background:var(--apricot)}.contact h2{max-width:850px;font-size:clamp(52px,7vw,96px)}.contact__link{text-underline-offset:7px;flex:none;padding-bottom:10px;font-size:clamp(17px,2vw,24px);font-weight:700;text-decoration-thickness:2px}footer{justify-content:space-between;align-items:center;min-height:120px;padding:20px 3vw;display:flex}footer p{color:var(--muted);font-size:13px}@keyframes float{0%,to{margin-top:0}50%{margin-top:-10px}}@media (width<=980px){.hero{grid-template-columns:1fr;padding-top:100px}.hero__copy{z-index:2;position:relative}.sculpture{width:min(100%,650px);margin:-30px auto 0}.section-heading{grid-template-columns:1fr;gap:20px}.product{grid-template-columns:50px minmax(190px,.6fr) minmax(280px,1fr);padding:34px}.services{grid-template-columns:1fr;gap:70px}.contact{flex-direction:column;align-items:start}}@media (width<=720px){.site-shell{width:min(100% - 24px,1320px)}.site-header{grid-template-columns:1fr auto;margin-top:10px;padding-left:12px;top:10px}.site-nav,.header-actions .button,.wordmark>span:last-child{display:none}.hero{min-height:auto;padding:105px 8px 90px}.hero h1{font-size:clamp(55px,18vw,82px)}.hero__actions{flex-direction:column;align-items:flex-start}.sculpture{min-height:500px}.clay-token{border-radius:25px;min-width:155px;padding:14px 17px;font-size:16px}.clay-token__mark{border-radius:14px;width:40px}.clay-token--homer{right:5px}.clay-token--seeway{left:0}.clay-token--babelon{right:10px}.section{padding:90px 8px}.section-heading{margin-bottom:50px}.section-heading h2,.contact h2{font-size:clamp(46px,14vw,68px)}.product{border-radius:28px;grid-template-columns:1fr;gap:24px;padding:28px 24px 32px}.product__index{position:absolute;top:24px;right:24px}.product__body>p{font-size:15px}.product__meta{flex-direction:column;align-items:flex-start;gap:13px}.contact{border-radius:30px;margin-bottom:20px;padding:65px 26px}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}footer .wordmark>span:last-child{display:inline}footer p{margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
