/* Kraken homepage staging draft: image-led, readable and responsive. */
body.home #header{display:none}
body.home .site-main{padding:0}
body.home [data-vertical-spacing]{--theme-content-vertical-spacing:0}
.kraken-home{--k-abyss:#03131f;--k-navy:#071d30;--k-sea:#0c344f;--k-blue:#39bdf2;--k-white:#f7fbfd;--k-muted:#afc7d4;background:var(--k-abyss);color:var(--k-white);font-family:inherit}
.kraken-home *{box-sizing:border-box}
.kraken-home a{color:inherit;text-decoration:none}
.kraken-home a:focus-visible{outline:3px solid var(--k-blue);outline-offset:4px}
.kraken-home h1,.kraken-home h2,.kraken-home h3,.kraken-home p{margin:0}
.kraken-home h2,.kraken-home h3{color:inherit!important}
.kraken-home h2{font-size:clamp(2.6rem,5.2vw,5.8rem);line-height:1.04;letter-spacing:-.045em;font-weight:750;text-wrap:balance}
.kraken-home p{line-height:1.6}
.kraken-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:750;color:#94dbf4}
.kraken-hero{min-height:max(740px,100svh);position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#05233d}
.kraken-hero-photo{position:absolute;inset:0;z-index:-3;background:url('hero-arne.webp') right 48%/auto 145% no-repeat,linear-gradient(100deg,#041522 14%,#064065 78%,#063659)}
.kraken-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,15,32,.92),rgba(4,30,54,.72) 42%,rgba(3,20,39,.05) 78%),linear-gradient(0deg,rgba(2,19,33,.45),transparent 20%)}
.kraken-hero-nav{position:absolute;left:clamp(22px,4.7vw,80px);right:clamp(22px,4.7vw,80px);top:0;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.28)}
.kraken-brand img{display:block;width:clamp(154px,15vw,225px);height:auto}
.kraken-hero-links{display:flex;align-items:center;gap:clamp(15px,2.2vw,34px);font-size:.77rem;font-weight:740;text-transform:uppercase;letter-spacing:.08em}
.kraken-hero-links a:hover,.kraken-text-link:hover{color:var(--k-blue)}
.kraken-nav-cart{border:1px solid rgba(255,255,255,.55);padding:10px 14px;border-radius:2px}
.kraken-mobile-menu{display:none}
.kraken-hero-content{width:min(680px,90%);margin-left:clamp(22px,5vw,86px);padding:165px 0 135px}
.kraken-home .kraken-hero-title{font-size:clamp(4.4rem,7.4vw,8rem);line-height:1.02;letter-spacing:-.055em;font-weight:850;color:#fff;margin:25px 0 29px;text-transform:uppercase}
.kraken-hero-subtitle{font-size:clamp(1.14rem,1.75vw,1.6rem);font-weight:400;margin-bottom:32px!important}
.kraken-primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--k-blue);color:#061824!important;padding:19px 25px;min-height:58px;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.025em;border-radius:3px;transition:background .2s,transform .2s}
.kraken-primary-cta:hover{background:#9ce4fc;transform:translateY(-2px)}
.kraken-hero-detail{font-size:.86rem;margin-top:16px!important;color:#e7f4fa}
.kraken-hero-scroll{position:absolute;right:clamp(22px,5vw,86px);bottom:35px;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.1em}
.kraken-event-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px clamp(22px,5vw,86px);background:#e5f3f8;color:#082537;border-bottom:1px solid #bedce8}.kraken-event-banner-mark{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:.7rem;letter-spacing:.12em;font-weight:850}.kraken-event-banner-mark span:nth-child(2){color:#1784ac;font-size:1.3rem}.kraken-event-banner-copy{display:flex;flex-direction:column;gap:2px}.kraken-event-banner-copy strong{font-size:1.17rem}.kraken-event-banner-copy span{color:#466474;font-size:.83rem}.kraken-event-banner>a{white-space:nowrap;color:#075c81!important;font-size:.8rem;font-weight:800;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}
.kraken-fins-section,.kraken-events,.kraken-preorder{padding:clamp(72px,9vw,132px) clamp(22px,5vw,86px)}
.kraken-fins-section{background:linear-gradient(155deg,#061b2d,#0d3045 80%)}
.kraken-section-intro{max-width:750px;margin-bottom:clamp(40px,6vw,80px)}
.kraken-section-intro h2{margin:15px 0 20px}
.kraken-section-intro>p:last-child,.kraken-preorder>p:not(.kraken-eyebrow){font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--k-muted);max-width:690px}
.kraken-shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:38px}
.kraken-shape-card{display:flex;flex-direction:column;background:#0b283c;border:1px solid rgba(156,210,235,.18);padding:clamp(22px,3vw,44px);min-height:560px;transition:background .2s,border-color .2s,transform .2s}
.kraken-shape-card:hover{background:#12364e;border-color:#5ac2e5;transform:translateY(-3px)}
.kraken-shape-image{height:clamp(330px,36vw,510px);display:grid;place-items:center;overflow:visible}
.kraken-shape-image img{display:block;height:clamp(650px,53vw,900px);width:auto;max-width:min(100%,620px);object-fit:contain}
.kraken-shape-name{font-size:clamp(2rem,3vw,3rem);font-weight:750;letter-spacing:-.04em;display:flex;align-items:center;justify-content:space-between}
.kraken-shape-name span{font-size:1.4rem;color:var(--k-blue)}
.kraken-shape-copy{color:var(--k-muted);margin-top:6px}
.kraken-text-link{display:inline-block;color:#a6e7fc!important;border-bottom:1px solid currentColor;padding-bottom:4px;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:750}
.kraken-material{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:680px;background:#071b2b}
.kraken-material-image{height:680px;overflow:hidden;position:relative;background:#24313a}
.kraken-material-image img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:brightness(1.1) contrast(1.05)}
.kraken-material-story{padding:clamp(45px,7vw,115px);max-width:720px}
.kraken-material-story h2{margin:16px 0 28px}
.kraken-material-story p:not(.kraken-eyebrow){font-size:clamp(1.05rem,1.7vw,1.4rem);color:#c6dce7;margin-bottom:32px}
@media(max-width:740px){.kraken-material{grid-template-columns:1fr}.kraken-material-image{height:430px}.kraken-material-story{padding:55px 22px 75px}}
.kraken-lifestyle{min-height:560px;display:flex;align-items:center;padding:clamp(80px,9vw,144px) clamp(22px,5vw,86px);background:radial-gradient(circle at 80% 40%,#185474,transparent 42%),linear-gradient(100deg,#042439,#073653)}
.kraken-lifestyle-inner{max-width:840px}
.kraken-lifestyle h2{margin:16px 0 22px}
.kraken-lifestyle p:not(.kraken-eyebrow){color:#d1e5ee;font-size:1.15rem;max-width:620px;margin-bottom:30px}
.kraken-founder{display:grid;grid-template-columns:minmax(150px,.6fr) 1.4fr;gap:clamp(40px,8vw,140px);padding:clamp(80px,10vw,155px) clamp(22px,5vw,86px);background:#061b2b}
.kraken-founder-label{display:flex;gap:24px;flex-direction:column}.kraken-founder-rule{width:90px;height:1px;background:#4fb5d8}
.kraken-founder-content{max-width:860px}.kraken-founder h2{margin-bottom:30px}.kraken-founder-content>p:not(.kraken-founder-signature){font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.75;color:#c6dce7;max-width:780px}
.kraken-founder-content>p:not(.kraken-founder-signature)+p:not(.kraken-founder-signature){margin-top:1.1em}
.kraken-founder-signature{font-weight:750;font-size:1.25rem;margin:30px 0 28px!important}.kraken-founder-signature span{display:block;color:#8db6c7;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.kraken-academy{padding:clamp(72px,9vw,132px) clamp(22px,5vw,86px);background:#0a2c42}.kraken-academy .kraken-section-intro>p:last-child{color:var(--k-muted);font-size:clamp(1.05rem,1.5vw,1.25rem)}
.kraken-academy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:35px}.kraken-academy-grid article{border-top:1px solid #688fa0;padding:25px 12px 22px 0}.kraken-academy-grid article span{color:#8ed9f3;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:750}.kraken-academy-grid h3{font-size:clamp(1.5rem,2.3vw,2.6rem);line-height:1.13;margin:22px 0 16px}.kraken-academy-grid p{color:#bdd5df;max-width:360px}
.kraken-academy-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:24px}.kraken-academy-links a{color:#9be4fa;text-decoration:underline;text-underline-offset:5px;font-size:.85rem;font-weight:700}.kraken-academy-links a:hover{color:#fff}
.kraken-roots{padding:clamp(75px,9vw,135px) clamp(22px,5vw,86px);background:linear-gradient(105deg,#062237,#10435b);color:#f7fbfd}.kraken-roots-copy{max-width:950px}.kraken-roots h2{margin:18px 0 24px}.kraken-roots p:not(.kraken-eyebrow){color:#d2e5ec;font-size:clamp(1.06rem,1.6vw,1.35rem);max-width:790px}.kraken-roots-links{display:flex;gap:22px 35px;flex-wrap:wrap;margin-top:35px}
.kraken-social{padding:clamp(75px,9vw,125px) clamp(22px,5vw,86px);background:#082338}.kraken-social-intro{max-width:790px}.kraken-social h2{margin:16px 0 20px}.kraken-social-intro>p:not(.kraken-eyebrow){color:#c7dce6;font-size:clamp(1.05rem,1.5vw,1.25rem);margin-bottom:26px}.kraken-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}.kraken-social-grid a{display:flex;flex-direction:column;border-top:1px solid #6695a9;padding-top:16px}.kraken-social-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}.kraken-social-grid span{font-size:1.12rem;font-weight:700;padding-top:15px}.kraken-social-grid a:hover{color:#9be4fa}
@media(max-width:740px){.kraken-social-grid{grid-template-columns:1fr}.kraken-roots-links{flex-direction:column;align-items:flex-start}}
.kraken-events{background:#eff6f8;color:#071c2a}
.kraken-events .kraken-eyebrow{color:#087196}
.kraken-events .kraken-section-intro>p:last-child{color:#426071}
.kraken-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:38px}
.kraken-event-grid article{border-top:1px solid #8aa6b3;padding:25px 0 24px}
.kraken-event-grid span{text-transform:uppercase;color:#45809a;font-size:.76rem;letter-spacing:.08em;font-weight:750}
.kraken-event-grid h3{font-size:clamp(1.8rem,3.2vw,3rem);margin:17px 0 12px}
.kraken-event-grid p{color:#426071}
.kraken-events .kraken-text-link{color:#086a8f!important}
.kraken-journal{background:#092338;padding:clamp(72px,9vw,132px) clamp(22px,5vw,86px)}
.kraken-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.kraken-journal-grid article img{width:100%;aspect-ratio:4/3;object-fit:cover}.kraken-journal-date{display:block;color:#9ac9da;font-size:.8rem;margin-top:17px}.kraken-journal-grid h3{font-size:clamp(1.4rem,2vw,2.3rem);margin:10px 0 18px;line-height:1.2}.kraken-journal-grid a:hover h3{color:#8fdbf4}
.kraken-preorder{background:#061d2d;text-align:center}
.kraken-preorder h2{margin:16px 0 16px}
.kraken-preorder>p:not(.kraken-eyebrow){margin:0 auto 30px}
@media(max-width:740px){.kraken-hero{min-height:780px;min-height:100svh}.kraken-hero-photo{background-position:62% center}.kraken-hero-shade{background:linear-gradient(90deg,rgba(2,15,32,.76),rgba(2,15,32,.18)),linear-gradient(0deg,rgba(2,15,32,.6),transparent 30%)}.kraken-hero-nav{min-height:74px;z-index:5}.kraken-hero-links{display:none}.kraken-mobile-menu{display:block;position:relative;font-size:.9rem;font-weight:750;text-transform:uppercase}.kraken-mobile-menu summary{cursor:pointer;list-style:none;padding:12px;border:1px solid #8fb4c6}.kraken-mobile-menu summary::-webkit-details-marker{display:none}.kraken-mobile-menu>div{position:absolute;right:0;top:100%;display:flex;flex-direction:column;min-width:200px;background:#062137;border:1px solid #678ca2;box-shadow:0 15px 35px #001522;padding:8px}.kraken-mobile-menu a{display:block;padding:13px}.kraken-hero-content{width:88%;padding:145px 0 90px}.kraken-home .kraken-hero-title{font-size:clamp(3.2rem,12.8vw,5.5rem);letter-spacing:-.055em}.kraken-hero-scroll{display:none}.kraken-event-banner{flex-direction:column;align-items:flex-start;gap:15px}.kraken-shape-grid,.kraken-event-grid,.kraken-journal-grid,.kraken-academy-grid,.kraken-founder{grid-template-columns:1fr}.kraken-shape-card{min-height:0}.kraken-shape-image{height:360px}.kraken-shape-image img{height:clamp(470px,90vw,580px);max-width:100%}.kraken-lifestyle{min-height:480px}}
@media(prefers-reduced-motion:reduce){.kraken-home *{scroll-behavior:auto!important;transition:none!important}}

/* The fin RGB comes directly from the approved product photographs; their blue
   studio background is transparent in the cutout assets. */
.kraken-shape-grid{margin-top:clamp(78px,9vw,120px);gap:clamp(18px,2vw,32px)}
.kraken-fins-section>.kraken-section-intro{max-width:1500px;margin-left:auto;margin-right:auto}
.kraken-fins-section>.kraken-section-intro h2{max-width:750px}
.kraken-shape-grid{max-width:1800px;margin-left:auto;margin-right:auto}
.kraken-shape-card{position:relative;min-height:clamp(650px,52vw,870px);padding:clamp(22px,3vw,42px);justify-content:flex-end;isolation:isolate;background:transparent;border:0;overflow:visible}
.kraken-shape-card:hover{background:transparent;border:0;transform:none}
.kraken-shape-card:before{content:"";position:absolute;inset:110px 0 0;z-index:-1;background:linear-gradient(155deg,rgba(25,75,101,.10),rgba(5,26,43,.02) 75%);border-radius:16px;pointer-events:none}
.kraken-shape-image{position:absolute;inset:0 0 148px;display:flex;align-items:flex-start;justify-content:center;height:auto;pointer-events:none;z-index:0}
.kraken-shape-image img{width:auto;max-width:100%;height:clamp(620px,49vw,870px);object-fit:contain;transform:translateY(clamp(-130px,-7vw,-80px));filter:drop-shadow(0 30px 26px rgba(0,11,26,.33))}
.kraken-shape-image .kraken-fin-sym,.kraken-shape-image .kraken-fin-asym{filter:drop-shadow(0 30px 26px rgba(0,11,26,.33))}
/* Some theme and image-optimizer rules paint the transparent canvas black.
   Keep the approved cutout photograph unaltered and let the ocean show through. */
.kraken-home .kraken-shape-image,
.kraken-home .kraken-shape-image img{
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
/* Silhouette masks are traced from the original approved photo alpha. They
   clip the image canvas itself, including black matte injected by an optimizer. */
.kraken-home .kraken-shape-image .kraken-fin-sym{
  -webkit-mask:url('fin-sym-outline-mask.svg') center / 100% 100% no-repeat;
  mask:url('fin-sym-outline-mask.svg') center / 100% 100% no-repeat;
}
.kraken-home .kraken-shape-image .kraken-fin-asym{
  -webkit-mask:url('fin-asym-outline-mask.svg') center / 100% 100% no-repeat;
  mask:url('fin-asym-outline-mask.svg') center / 100% 100% no-repeat;
}
.kraken-shape-name,.kraken-shape-copy{position:relative;z-index:1;max-width:45%}
.kraken-shape-name{max-width:100%;border:0;padding-top:18px}
.kraken-shape-copy{max-width:60%;min-height:3.25em}
.kraken-shape-cta{position:relative;z-index:2;display:inline-flex;align-items:center;gap:16px;align-self:flex-start;margin-top:22px;min-height:54px;padding:15px 22px;border-radius:4px;background:#39bdf2;color:#061824;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.kraken-shape-card:hover .kraken-shape-cta{background:#9ce4fc;color:#061824}
/* Whole-card hover must never move the canvas under the pointer: it caused
   repeat mouseenter/mouseleave repaints and visible flicker on desktop. */
.kraken-home .kraken-shape-card,.kraken-home .kraken-shape-card:hover{transform:none;transition:none}
.kraken-shape-cta{box-shadow:0 12px 32px rgba(0,13,30,.22)}
.kraken-shape-cta span[aria-hidden]{font-family:Arial,sans-serif;font-weight:700;font-size:1.1em;line-height:1}
@media(prefers-reduced-motion:reduce){.kraken-shape-cta{transition:none!important}}
.kraken-roots{display:block;padding:clamp(80px,8vw,125px) clamp(22px,5vw,86px)}
.kraken-roots-visual{position:relative;min-height:clamp(450px,45vw,720px);overflow:hidden;background:#082d42}
.kraken-roots-visual img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:66% center}
.kraken-roots-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,15,29,.58))}
.kraken-roots-visual span{position:absolute;z-index:1;bottom:26px;left:28px;color:white;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750}
.kraken-roots-copy{max-width:950px}.kraken-roots-copy p+p{margin-top:18px}
.kraken-journey-update{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#e9f2f5;color:#082437}
.kraken-journey-update-copy{padding:clamp(45px,6vw,100px)}
.kraken-journey-update h2{margin:18px 0 24px;font-size:clamp(2.4rem,4.2vw,5.2rem)}
.kraken-journey-update-copy>p:not(.kraken-eyebrow){font-size:clamp(1.05rem,1.5vw,1.3rem);color:#3b5a68;margin-bottom:30px}
.kraken-journey-update-image{display:block;height:100%;min-height:440px;overflow:hidden}
.kraken-journey-update-image img{width:100%;height:100%;object-fit:cover}
.kraken-story-index{padding:35px clamp(22px,5vw,86px) 75px;background:#09283c;border-top:1px solid rgba(172,216,231,.16)}
.kraken-story-index h3{font-size:clamp(1.8rem,3vw,3rem);margin:12px 0 12px}
.kraken-story-index p:not(.kraken-eyebrow){max-width:720px;color:#c5dce6;margin-bottom:20px}
@media(max-width:740px){
 .kraken-shape-grid{margin-top:75px;gap:75px}
 .kraken-shape-card{min-height:clamp(570px,120vw,740px)}
 .kraken-shape-image{inset:0 0 155px}
 .kraken-shape-image img{height:clamp(470px,100vw,700px);transform:translateY(-65px)}
 .kraken-shape-card:before{inset:75px 0 0}
 .kraken-shape-copy{max-width:80%}
 .kraken-roots,.kraken-journey-update{grid-template-columns:1fr}
 .kraken-roots-visual{min-height:480px}
 .kraken-journey-update-image{min-height:360px;order:-1}
}

/* Lifestyle photography: authentic athletes and community, no production imagery. */
.kraken-lifestyle{position:relative;isolation:isolate;background:#06253a url("kraken-diver-blue.webp") 55% center/cover no-repeat}
.kraken-lifestyle::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(2,19,31,.91) 0%,rgba(2,19,31,.7) 41%,rgba(2,19,31,.1) 76%)}
.kraken-roots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,90px);align-items:center}
.kraken-roots-visual{min-height:480px;border-radius:4px}
.kraken-roots-visual img{object-position:center 56%}
@media(max-width:740px){.kraken-lifestyle{background-position:68% center}.kraken-lifestyle::before{background:linear-gradient(90deg,rgba(2,19,31,.9),rgba(2,19,31,.56))}.kraken-roots{grid-template-columns:1fr}.kraken-roots-visual{min-height:330px}}

.kraken-lifestyle-inner{position:relative;z-index:1}

/* Primary actions are actual links. Only the link reacts to pointer or keyboard. */
.kraken-home .kraken-shape-card,
.kraken-home .kraken-shape-card:hover{background:transparent!important;border:0!important;transform:none!important;box-shadow:none!important}
.kraken-home .kraken-shape-card .kraken-shape-cta{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:56px;padding:15px 23px;background:#35baf0!important;color:#041c2c!important;
  border:2px solid #35baf0!important;border-radius:4px;text-decoration:none!important;
  opacity:1!important;visibility:visible!important;box-shadow:0 10px 26px rgba(0,8,20,.3)!important;
  cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.kraken-home .kraken-shape-card .kraken-shape-cta:hover,
.kraken-home .kraken-shape-card .kraken-shape-cta:focus-visible{
  background:#e3f8ff!important;color:#031724!important;border-color:#fff!important;
  box-shadow:0 0 0 4px rgba(71,198,244,.45),0 15px 34px rgba(0,10,24,.42)!important;
  outline:2px solid #fff;outline-offset:4px;
}

/* Editorial two-image collage, with separate originals for easy replacement. */
.kraken-home .kraken-community-collage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);gap:8px;min-height:490px;position:relative;overflow:hidden;background:#061b2b}
.kraken-home .kraken-community-collage img{position:relative;inset:auto;display:block;width:100%;height:100%;max-height:520px;min-height:490px;object-fit:cover}
.kraken-home .kraken-community-collage .kraken-collage-people{object-position:center 56%}
.kraken-home .kraken-community-collage .kraken-collage-detail{object-position:center 60%}
.kraken-home .kraken-community-collage::after{inset:58% 0 0;pointer-events:none}
@media(max-width:740px){.kraken-home .kraken-community-collage{min-height:300px;grid-template-columns:1.3fr .7fr;gap:5px}.kraken-home .kraken-community-collage img{min-height:300px;max-height:350px}}

/* More visible ocean panel, softly fading upward behind each fin. */
.kraken-home .kraken-shape-card::before{
  inset:80px 0 0;z-index:-1;border-radius:18px;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(26,84,113,0) 0%,
    rgba(26,84,113,.10) 19%,
    rgba(24,77,103,.22) 48%,
    rgba(16,64,91,.36) 100%)!important;
  box-shadow:inset 0 -1px 0 rgba(144,217,240,.08);
}

/* The full fin card is one keyboard-accessible link. Only the fin approaches. */
.kraken-home .kraken-shape-card{cursor:pointer;color:var(--k-white);text-decoration:none}
.kraken-home .kraken-shape-card:focus-visible{outline:3px solid var(--k-blue);outline-offset:6px}
.kraken-home .kraken-shape-image img{--kraken-fin-offset:clamp(-130px,-7vw,-80px);transform:translateY(var(--kraken-fin-offset)) scale(1);transition:transform .38s cubic-bezier(.2,.75,.25,1),filter .38s ease;transform-origin:center 55%;will-change:transform}
.kraken-home .kraken-shape-card:is(:hover,:focus-visible) .kraken-shape-image img{transform:translateY(var(--kraken-fin-offset)) scale(1.045);filter:drop-shadow(0 39px 34px rgba(0,11,26,.44))}
.kraken-home .kraken-shape-card:is(:hover,:focus-visible) .kraken-shape-cta{background:#9ce4fc;color:#061824}
@media(max-width:740px){.kraken-home .kraken-shape-image img{--kraken-fin-offset:clamp(-130px,-7vw,-80px)}}
@media(prefers-reduced-motion:reduce){.kraken-home .kraken-shape-image img{transition:none;will-change:auto}}