/* Selected card study: quiet contours, one-time flip sequence, stable final composition. */
.intro{padding:42px 0 48px}.intro-inner{--card-w:202px;--card-h:164px;--dx:218px}
.intro h1{font-size:clamp(38px,4.1vw,61px);line-height:1.34;letter-spacing:-.035em}
.intro h1 .headline-first{display:block;color:var(--ink)}.intro h1 .headline-second{display:block;color:#3158b8}
.intro h1 .phrase{position:relative;display:inline-block;color:inherit}

.intro .wordmark{font-weight:720;letter-spacing:-.06em;color:inherit}
.hero-stage{height:241px;margin:24px auto 6px;position:relative;perspective:1200px;isolation:isolate;max-width:1160px}
.hero-floor{position:absolute;left:17%;right:17%;height:90px;bottom:8px;background:radial-gradient(ellipse,rgba(90,132,220,.11),transparent 66%);pointer-events:none}
.hero-tile{position:absolute;left:50%;top:24px;width:var(--card-w);height:var(--card-h);margin-left:calc(var(--card-w) / -2);transform-style:preserve-3d;transform:translate(calc(var(--slot) * var(--dx)),var(--rest-y)) rotateZ(var(--angle));border-radius:24px;background:#fbfdff;box-shadow:0 22px 46px -18px rgba(38,72,141,.14),0 2px 3px rgba(69,94,146,.05);border:1px solid rgba(96,128,181,.14);backface-visibility:hidden;overflow:hidden;text-align:left;--rest-y:14px}
.hero-tile::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(251,253,255,.85);pointer-events:none}
.hero-tile:nth-of-type(3){background:linear-gradient(135deg,#fbfdff,#e5effe);--rest-y:-4px}.hero-tile:nth-of-type(4){background:linear-gradient(135deg,#f8fbff,#eef3ff);--rest-y:-4px}.hero-tile:nth-of-type(5){background:linear-gradient(135deg,#456fe0,#355ac5);color:#fbfdff}
.hero-tile-content{height:100%;padding:23px 25px;display:flex;flex-direction:column;justify-content:space-between}
.hero-glyph{font-size:55px;font-weight:550;letter-spacing:-.08em;line-height:1;color:#2e50b5}.hero-tile:last-child .hero-glyph{color:inherit}
.hero-tile-label{font-size:14px;font-weight:550;letter-spacing:.01em}.hero-tile-mark{position:absolute;right:24px;top:25px;width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.1;opacity:.22}
.intro-actions{margin-top:18px}
@media(min-width:1600px) and (min-height:950px){.intro-inner{--card-w:222px;--card-h:174px;--dx:236px}.intro h1{font-size:66px}.hero-stage{height:269px;margin-top:34px}.hero-tile{top:35px}}
@media(min-width:761px) and (max-height:760px){.intro{padding-block:22px}.intro h1{font-size:43px}.intro-inner{--card-w:190px;--card-h:142px;--dx:205px}.hero-stage{height:196px;margin-top:15px}.hero-tile{top:16px}.hero-glyph{font-size:46px}.hero-tile-content{padding:20px 23px}}
@media(min-width:761px) and (max-width:1000px){.intro-inner{--card-w:166px;--card-h:150px;--dx:177px}.hero-tile-content{padding:20px}.hero-tile-label{font-size:12px}}
@media(max-width:760px){.intro{padding:40px 0 38px}.intro-inner{--card-w:154px;--card-h:122px;--dx:166px}.intro h1{font-size:clamp(28px,6.7vw,46px);letter-spacing:-.04em;line-height:1.4}.hero-stage{height:289px;margin:18px auto 8px}.hero-tile{top:65px;border-radius:18px;transform:translate(calc(var(--col) * var(--dx)),calc(var(--row) * 139px)) rotateZ(var(--mobile-angle))}.hero-tile-content{padding:17px 19px}.hero-glyph{font-size:42px}.hero-tile-label{font-size:11px}.hero-tile-mark{right:17px;top:17px;width:24px;height:24px}.hero-floor{left:3%;right:3%;bottom:0}.intro-actions{margin-top:18px}}
@media(max-width:359px){.intro-inner{--card-w:132px;--card-h:116px;--dx:143px}.hero-tile-content{padding:15px}.intro h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.hero-tile{will-change:auto}}

/* Optical centering: punctuation hangs outside the centered text measure. */
.intro h1{display:flex;flex-direction:column;align-items:center;text-align:center}
.intro h1 .headline-first{position:relative;width:fit-content}
.intro h1 .headline-comma{position:absolute;left:100%;top:0;color:inherit}
.intro h1 .headline-second{width:fit-content}

/* Give the header its own full-width alignment, independent of the content column. */
.site-header.wrap{width:calc(100% - 2 * clamp(18px,3vw,48px));max-width:none}