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