/* (c) 2026 Trotta. All rights reserved. Copying or reproducing this design or code is prohibited. */
@font-face{font-family:"Overused Grotesk";src:url(/media/fonts/OverusedGrotesk-VF.woff2) format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:"Departure Mono";src:url(/media/fonts/DepartureMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--ink:#1F2322;--ink-2:rgba(31,35,34,.74);--ink-3:rgba(31,35,34,.66);--line:rgba(31,35,34,.14);--edge:rgba(16,17,19,.55);--paper:#F3EFEB;--top:clamp(96px,17vh,153px);--sans:"Overused Grotesk",ui-sans-serif,system-ui,-apple-system,sans-serif;--eyebrow:"Departure Mono",ui-monospace,monospace;--ease-out:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}body,html{margin:0}html{background:#f3efeb;-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.eyebrow{font:400 12px/1.35 var(--eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}body{background:#f3efeb;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .12 0 0 0 0 .1 0 0 0 0 .08 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mark{position:absolute;left:18px;top:18px;display:block;z-index:auto;width:62px;aspect-ratio:240/198}.mark::after{content:"";position:absolute;inset:-8px}.bee,.bee-bob{position:absolute;inset:0;display:block}.bee{z-index:4;pointer-events:none;will-change:transform;mix-blend-mode:difference}@supports not (mix-blend-mode:difference){.mark img{filter:invert(1)}}.mark img{position:absolute;inset:0;width:100%;height:100%}.bee-body{clip-path:polygon(38% 0,62% 0,62% 40%,69% 55%,100% 55%,100% 100%,0 100%,0 55%,31% 55%,38% 40%)}.bee-wing.l{clip-path:polygon(0 0,38% 0,38% 40%,31% 55%,0 55%);transform-origin:36% 50%}.bee-wing.r{clip-path:polygon(62% 0,100% 0,100% 55%,69% 55%,62% 40%);transform-origin:64% 50%}@media (prefers-reduced-motion:no-preference){.bee-bob{animation:hover 2.8s ease-in-out infinite}.bee-wing.l{animation:beat-l .16s ease-in-out infinite alternate}.bee-wing.r{animation:beat-r .16s ease-in-out infinite alternate}.mark.is-flying .bee-wing{animation-duration:.1s}}@keyframes beat-l{from{transform:rotate(6deg) scaleY(1)}to{transform:rotate(-16deg) scaleY(.82)}}@keyframes beat-r{from{transform:rotate(-6deg) scaleY(1)}to{transform:rotate(16deg) scaleY(.82)}}@keyframes hover{50%{transform:translateY(-3px)}}.site-foot{display:grid;grid-template-columns:minmax(max-content,484px) minmax(max-content,192px) 1fr auto;column-gap:24px;padding:0 20px 18px;font-size:13px;line-height:1.1;letter-spacing:0;color:var(--ink-2);white-space:nowrap}.site-foot a{text-decoration:none;padding:12px 0;margin:-12px 0}.site-foot a:focus-visible{text-decoration:underline}@media (hover:hover) and (pointer:fine){.site-foot a:hover{text-decoration:underline}}@media (max-width:1100px){.site-foot{grid-template-columns:1fr auto auto auto;column-gap:40px}}@media (max-width:760px){:root{--top:88px}.mark{left:14px;top:14px;width:50px}.site-foot{grid-template-columns:1fr 1fr;gap:18px 16px;font-size:12px;padding:0 18px calc(18px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:no-preference){.rise{animation:rise .7s var(--ease-out) backwards}@keyframes rise{from{opacity:0;transform:translateY(10px)}}}body{height:100vh;height:100svh;min-height:0;overflow:hidden}main{flex:0 0 auto;padding:var(--top) 20px 0}main .eyebrow{margin:0 0 14px}main h1{font-weight:500;font-size:clamp(32px,2.8vw,56px);line-height:1.08;letter-spacing:-.025em;margin:0 0 .35em;max-width:19em;text-wrap:balance}.cta,main p{font-size:clamp(22px,1.55vw,30px);letter-spacing:-.01em}main p{line-height:1.2;margin:0;font-weight:400}.btn.cta{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(14px,calc(4vh - 6px),28px);min-height:56px;padding:0 24px;border-radius:14px;background:#101113;color:#fff;font:500 19px/1 var(--sans);letter-spacing:-.01em;text-decoration:none;transition:transform .14s var(--ease-out),background-color .15s ease}.btn.cta svg{width:18px;height:18px;transition:transform .2s var(--ease-out)}.btn.cta:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.btn.cta:hover{background:#2a2c2e}.btn.cta:hover svg{transform:translateX(3px)}}.btn.cta:focus-visible{outline-offset:4px}.under{font:400 15px/1.3 var(--sans);color:var(--ink-2);margin:12px 0 0}.table{flex:1 1 auto;min-height:120px;position:relative;z-index:auto;margin:16px 0 14px;overflow:hidden;mix-blend-mode:multiply}.table video{position:absolute;left:0;bottom:0;height:min(100%,900px);width:auto;max-width:none;aspect-ratio:2688/940;transform:translateX(calc((100vw - 100%)/ 2))}@supports not (mix-blend-mode:multiply){.table{visibility:hidden}}.site-foot{flex:0 0 auto}@media (prefers-reduced-motion:no-preference){.table.draw{-webkit-mask-image:linear-gradient(to right,#000 49%,transparent 51%);mask-image:linear-gradient(to right,#000 49%,transparent 51%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:draw 1.8s cubic-bezier(.77,0,.175,1) .25s backwards}@keyframes draw{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.table video{animation:pan 26s ease-in-out infinite alternate}@keyframes pan{from{transform:translateX(max(0,calc((100vw - 100%)/ 2)))}to{transform:translateX(min(calc(100vw - 100%),calc((100vw - 100%)/ 2)))}}}@media (max-width:760px){main{padding:var(--top) 18px 0}main h1{font-size:30px}main p{font-size:18px}.btn.cta{width:100%;justify-content:center;font-size:18px}}@media (max-width:760px){.table{margin:10px 0 8px}}@media (max-height:620px){main{padding-top:80px}.table{min-height:90px}}@media (max-height:460px){body{height:auto;min-height:100svh;overflow:visible}.table{flex:none;height:220px}}canvas,img,picture,svg,video{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}