.intro{padding:var(--sp-16)}.intro__photo{display:none}.intro__name{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(32px,4.2vw,52px);font-weight:400;line-height:1}.intro__lead{color:var(--ink-soft);max-width:52ch;margin-top:12px;font-size:clamp(16px,1.7vw,20px)}.drag{height:clamp(390px,42vw,450px);margin:clamp(60px,6vw,84px) 0 var(--sp-03);touch-action:none;position:relative}.dcard{width:clamp(230px,27vw,290px);padding:var(--sp-08);background:var(--card);cursor:grab;transform:rotate(var(--rot));user-select:none;z-index:1;border:5px solid #fff;border-radius:36px;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;position:absolute;box-shadow:0 22px 44px -20px #781e0a4d}.dcard:hover{z-index:20;transform:rotate(0)translateY(-8px)scale(1.02);box-shadow:0 34px 60px -24px #781e0a6b}.dcard.grabbing{cursor:grabbing;z-index:30;transform:rotate(0)scale(1.03);box-shadow:0 34px 64px -24px #781e0a80}[data-theme=contrast] .dcard{border:var(--edge-w) solid var(--edge);box-shadow:none}[data-theme=contrast] .dcard--flip{border:none}[data-theme=contrast] .dcard--flip .dcard__face{border:var(--edge-w) solid var(--edge);box-shadow:none}.dcard__t{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;font-size:clamp(20px,2vw,24px);font-weight:400;line-height:1.12}.dcard__b{color:var(--ink-soft);margin-top:12px;font-size:16px}.dcard--photo{aspect-ratio:1;background:var(--portrait) center/cover no-repeat;z-index:3;cursor:default;border:none;border-radius:50%;padding:0}.dcard--photo:after{content:"";border:2px solid var(--ring);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-3px}.dcard--photo:hover:after{animation:.9s ease-out tilePulse}.js .drag .dcard{opacity:0;transform:rotate(var(--rot)) scale(.4)}.js .drag.in .dcard{animation:.55s cubic-bezier(.34,1.56,.64,1) forwards stickIn}.js .drag.in .dcard:nth-child(2){animation-delay:90ms}.js .drag.in .dcard:nth-child(3){animation-delay:.18s}.js .drag.in .dcard:nth-child(4){animation-delay:.27s}.dc1{z-index:5}.dc2{z-index:7;background:var(--ink)}.dc3{z-index:6;background:var(--tile-red)}.dc2 .dcard__t,.dc2 .dcard__b{color:#fff}.dc3 .dcard__t,.dc3 .dcard__b{color:var(--tile-red-ink)}.dcard--flip{box-shadow:none;cursor:pointer;perspective:1100px;background:0 0;border:none;height:clamp(224px,25vw,264px);padding:0}.dcard--flip .dcard__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative}.dcard--flip:hover .dcard__inner,.dcard--flip:focus-visible .dcard__inner,.dcard--flip.flipped .dcard__inner{transform:rotateY(180deg)}.dcard--flip:hover,.dcard--flip:focus-visible{transform:rotate(var(--rot));box-shadow:none}.dcard--flip .dcard__face{backface-visibility:hidden;border:5px solid #fff;border-radius:36px;flex-direction:column;justify-content:center;padding:24px;display:flex;position:absolute;inset:0;box-shadow:0 22px 44px -20px #781e0a4d}.dcard--flip .dcard__front{background:var(--card)}.dcard--flip .dcard__t{color:var(--ink);line-height:1.2}.dcard--flip .dcard__back{background:var(--card);transform:rotateY(180deg)}.dcard--flip .dcard__back .dcard__b{color:var(--ink);margin-top:0}.dc1--grid{--grid-paper:linear-gradient(180deg,transparent 0 17px,var(--grid-line) 17px 19px,transparent 19px),linear-gradient(90deg,transparent 0 17px,var(--grid-line) 17px 19px,transparent 19px)}.dc1--grid .dcard__front{background:var(--tile-red);overflow:hidden}.dc1--grid .dcard__front:before{content:"";inset:var(--sp-12);background-image:var(--grid-paper);pointer-events:none;z-index:0;background-position:50%;background-repeat:repeat;background-size:100% 36px,36px 100%;border-radius:16px;position:absolute}.dc1--grid .dcard__front .dcard__t{z-index:1;position:relative}.dc1--grid .dcard__back{background:var(--tile-red)}.dc1--grid .dcard__t,.dc1--grid .dcard__b{color:var(--tile-red-ink)}.dc3 .dcard__front{justify-content:flex-start;overflow:hidden}.dc1 .dcard__front{justify-content:flex-start;padding-right:30%}.dc-hand{width:clamp(96px,17vw,224px);height:clamp(96px,17vw,224px);color:var(--accent);margin:-2px 0 calc(var(--sp-14) * -1) auto;flex:none;align-self:flex-end;place-items:center;line-height:1;display:grid}.dc-hand svg{width:100%;height:100%}.dc2--flip .dcard__front,.dc2--flip .dcard__back{background:var(--ink)}.dc2--flip .dcard__front .dcard__t,.dc2--flip .dcard__back .dcard__b{color:#fff}.dc2__kbd{font-family:var(--display);color:#fff;border:1.5px solid #fff6;border-radius:12px;align-self:flex-start;align-items:center;gap:8px;margin-top:16px;padding:8px 12px;font-size:12px;font-weight:400;display:inline-flex}.dc2__kbd svg{width:20px;height:20px}.dcard--photo:hover{transform:rotate(var(--rot));z-index:3;box-shadow:0 22px 44px -20px #781e0a4d}.osbridge{gap:var(--sp-14);margin:var(--sp-22) 0 clamp(56px,6vw,72px);grid-template-columns:2fr 1fr;align-items:center;display:grid}.osbridge__viz{aspect-ratio:1;justify-self:center;width:100%;max-width:340px;position:relative}.osbridge__visual{color:var(--accent);background:#fff;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.osbridge__visual svg{width:137%;height:137%;overflow:visible;transform:translateY(2%)}.osbridge__visual .hand,.osbridge__visual .grip,.osbridge__visual .track{--course:7px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.osbridge__visual .track--grip{transform-origin:70.5px 12.5px}.osbridge__visual .track--mid{transform-origin:50.5px 30.5px}.osbridge__visual:hover .hand,.osbridge__visual:hover .grip{transform:translateY(calc(var(--course) * -1))}.osbridge__visual:hover .track--grip{transform:scaleY(.682)}.osbridge__visual:hover .track--mid{transform:scaleY(.65)}.osbridge__title{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin-bottom:16px;font-size:clamp(24px,3vw,40px);font-weight:400;line-height:1.25}.osbridge__text{color:var(--ink-soft);max-width:54ch;margin-bottom:24px;font-size:clamp(16px,1.6vw,20px)}.osbridge__text b{color:var(--ink)}.betlede{max-width:66%;margin:var(--sp-22) 0 var(--sp-22)}.cases{gap:var(--sp-02);grid-template-columns:repeat(3,1fr);margin-bottom:clamp(40px,4vw,44px);display:grid}.case{border-radius:var(--r-lg);cursor:pointer;border:var(--edge-w) solid var(--edge);background:#fff;flex-direction:column;transition:box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px -20px #781e0a40}.case:hover{transform:translateY(-4px);box-shadow:0 26px 50px -22px #781e0a6b}[data-theme=contrast] .case:first-child .case__top{background:var(--accent-alt)}[data-theme=contrast] .case:nth-child(2) .case__top{background:var(--highlight)}[data-theme=contrast] .case:nth-child(2) .case__idx,[data-theme=contrast] .case:nth-child(2) .case__name{color:var(--on-highlight)}[data-theme=contrast] .case:nth-child(2) .case__when{color:color-mix(in srgb, var(--on-highlight) 60%, transparent)}.case__top{background:var(--hero-grad);padding:var(--sp-12);color:#fff}.case__idx{letter-spacing:.12em;text-transform:uppercase;color:#fff;font-size:12px;font-weight:700}.case__when{letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;margin-top:4px;font-size:12px;font-weight:600;display:block}.case__name{font-family:var(--display);letter-spacing:-.01em;color:#fff;margin-top:.4em;font-size:clamp(20px,2.4vw,28px);font-weight:400;line-height:1;display:block}.case__body{padding:var(--sp-12);flex-direction:column;flex:1;display:flex}.case__hook{color:var(--ink-soft);flex:1;font-size:16px}.btn3__i{transition:color .2s}@media (width<=1024px){.dots{display:flex}.intro__id{align-items:center;gap:16px;display:flex}.intro__photo{border:3px solid var(--card);background:var(--portrait) center/cover no-repeat;border-radius:50%;flex:none;width:clamp(88px,18vw,132px);height:clamp(88px,18vw,132px);display:block;overflow:hidden;box-shadow:0 12px 26px -14px #781e0a66}.intro__text{min-width:0}.drag{scroll-snap-type:x mandatory;height:auto;padding:var(--sp-10) 0 var(--sp-13);-webkit-overflow-scrolling:touch;touch-action:auto;align-items:stretch;gap:16px;scroll-padding-left:0;display:flex;overflow-x:auto}.dcard--photo{display:none}.dcard{scroll-snap-align:center;flex:0 0 clamp(440px,80%,640px);transform:none;position:relative!important;top:auto!important;left:auto!important}.dcard--flip{transform-origin:50% 58%;will-change:transform;border:5px solid #fff;border-radius:36px;height:auto;transition:transform 80ms linear;overflow:hidden;box-shadow:0 24px 44px -26px #28140c47}.dcard--flip:hover{transform:none;box-shadow:0 24px 44px -26px #28140c47}.dcard--flip .dcard__inner{flex-direction:row;align-items:stretch;height:100%;display:flex;transform:none!important}.dcard--flip .dcard__face{backface-visibility:visible;box-shadow:none;text-align:left;padding:var(--sp-04);border:none;border-radius:0;justify-content:flex-start;position:relative;inset:auto;transform:none!important}.dcard--flip .dcard__front{padding-right:var(--sp-02);flex:0 0 42%}.dcard--flip .dcard__back{padding-left:var(--sp-02);flex:auto}[data-theme=contrast] .dcard--flip{border-color:var(--edge);border-width:var(--edge-w)}[data-theme=contrast] .dcard--flip .dcard__face{border:none}.dc1--grid .dcard__front:before{display:none}.dc1--grid .dcard__inner{background:var(--tile-red);isolation:isolate}.dc1--grid .dcard__inner:before{content:"";inset:var(--sp-07);background-image:var(--grid-paper);pointer-events:none;z-index:0;background-position:50%;background-repeat:repeat;background-size:100% 36px,36px 100%;border-radius:16px;position:absolute}.dc1--grid .dcard__front,.dc1--grid .dcard__back{z-index:1;background:0 0}}@media (width<=720px){.betlede{max-width:100%}.intro__photo{display:none}.intro__id{display:block}}@media (width<=900px){.cases{gap:var(--sp-02);grid-template-columns:1fr 1fr}.case:first-child{flex-direction:row;grid-column:1/-1}.case:first-child .case__top{flex-direction:column;flex:0 0 clamp(150px,38%,264px);justify-content:center;display:flex}.case:first-child .case__body{flex:1}}@media (width<=640px){.dcard{flex:0 0 clamp(260px,86%,400px)}.dcard--flip .dcard__inner{flex-direction:column}.dcard--flip .dcard__face{padding:var(--sp-11)}.dcard--flip .dcard__front{padding-right:var(--sp-11);flex:none;padding-bottom:8px}.dcard--flip .dcard__back{padding-left:var(--sp-11);flex:auto;padding-top:8px}.dc3 .dcard__front{position:static;overflow:visible}.dc3 .dcard__back{padding-bottom:calc(clamp(52px,19vw,78px) + var(--sp-11))}.dc3 .dc-hand{right:var(--sp-11);bottom:var(--sp-11);z-index:2;width:clamp(52px,19vw,78px);height:clamp(52px,19vw,78px);margin:0;position:absolute}.osbridge{grid-template-columns:1fr;position:relative}.osbridge__body{z-index:1;position:relative}.osbridge__viz{aspect-ratio:auto;z-index:-1;pointer-events:none;justify-self:auto;width:auto;max-width:none;margin:0;position:absolute;inset:0}.osbridge__visual{color:#fff;background:0 0;width:clamp(240px,72vw,340px);height:clamp(240px,72vw,340px);inset:38% -14% auto auto;transform:translateY(-50%)}}@media (width<=560px){.cases{grid-template-columns:1fr}.case:first-child{flex-direction:column;grid-column:auto}.case:first-child .case__top{flex:none;display:block}}@media (prefers-reduced-motion:reduce){.case,.dcard,.dcard--flip .dcard__inner{transition:none}.dcard--photo:after{animation:none}.osbridge__visual .hand,.osbridge__visual .grip,.osbridge__visual .track{transition:none}.osbridge__visual:hover .hand,.osbridge__visual:hover .grip,.osbridge__visual:hover .track{transform:none}.js .drag .dcard{opacity:1;transform:rotate(var(--rot));animation:none}}.banner__standards{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(24px,3vw,40px);font-weight:400;line-height:1.04}@media (width<=720px){.banner{padding:calc(var(--mobbar-h) + 16px) var(--sp-10) var(--sp-18)}.banner__inner{margin-top:clamp(16px,4vw,24px)}}