/* The selected Intersection composition, with real brand and building imagery. */
.hero,.ib .ib-hero{position:relative}
h1 button.fk-rotate{position:relative;isolation:isolate;overflow:hidden;background:#f6f7fa;border:0;box-shadow:0 0 0 1px #1d2a5f12;flex:none;appearance:none;padding:0;font:inherit;line-height:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform:rotate(var(--tile-tilt,-6deg));transition:transform 240ms cubic-bezier(.2,.8,.2,1.25),box-shadow 180ms ease-out}
h1 button.fk-buildings{--tile-tilt:-7deg}
h1 button.fk-media{--tile-tilt:6deg}
h1 button.fk-ai{--tile-tilt:-5deg}
h1 button.fk-rotate:focus-visible{outline:3px solid #668cdf;outline-offset:6px;box-shadow:0 6px 20px #17234820}
@media(hover:hover){h1 button.fk-rotate:hover{transform:rotate(0deg) scale(1.055);box-shadow:0 7px 18px #17234818}}
h1 button.fk-rotate:active{transform:rotate(0deg) scale(.94)}
h1 .fk-rotate .fk-frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;filter:blur(6px);transform:scale(.78);transition:opacity 190ms ease-out,filter 260ms ease-out,transform 430ms cubic-bezier(.22,1.35,.36,1);background:var(--tile-bg,#f7f8fb);pointer-events:none}
h1 .fk-rotate .fk-frame.is-active{opacity:1;filter:blur(0);transform:scale(1);z-index:2}
h1 .fk-rotate .fk-frame.is-leaving{transform:scale(1.12);filter:blur(6px);z-index:1}
h1 .fk-rotate .fk-frame img{display:block;width:64%;height:64%;object-fit:contain;object-position:center;transform:none}
h1 .fk-rotate.fk-buildings .fk-frame img{width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,center);transform:none}
h1 .fk-rotate .fk-frame[data-brand="youtube"] img{width:72%;height:72%}
h1 .fk-rotate .fk-frame[data-brand="beehiiv"] img{width:71%;height:71%}
h1 .fk-rotate .fk-frame[data-brand="openai"] img{width:68%;height:68%}
.ib h1 .fk-media{width:.91em;height:.91em;border-radius:23%}
.ib h1 .fk-ai{width:.91em;height:.91em}
.ib .fk-motion-toggle,.fk-motion-toggle{position:absolute;right:30px;bottom:7px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:5px 8px;background:transparent;border:0;border-radius:6px;color:#687188;font:10px/1.2 Instrument,Arial,sans-serif;cursor:pointer;letter-spacing:0}
.fk-motion-toggle:hover{color:#1d2a5f;background:#f2f4f8}
.fk-motion-toggle svg{width:12px;height:12px;fill:currentColor;stroke:none}
.fk-motion-toggle:focus-visible{outline:2px solid #668cdf;outline-offset:3px}
@media(max-width:720px){.ib .fk-motion-toggle,.fk-motion-toggle{right:12px;bottom:0;font-size:9px;min-height:40px}.hero:has(.fk-motion-toggle){padding-bottom:40px}.ib .ib-hero:has(.fk-motion-toggle){padding-bottom:38px}}
.fk-visual-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){h1 button.fk-rotate,h1 .fk-rotate .fk-frame{transition:none}h1 .fk-rotate .fk-frame,h1 .fk-rotate .fk-frame.is-leaving{transform:none;filter:none}h1 button.fk-rotate:hover,h1 button.fk-rotate:active{transform:rotate(var(--tile-tilt,-6deg))}}