.web-design-redesign .design-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px}.web-design-redesign .sakura-case{position:relative;isolation:isolate;min-width:0;scroll-margin-top:160px}.web-design-redesign .sakura-case[data-open=true],.web-design-redesign .sakura-case[data-transitioning=true]{z-index:2}@media(min-width:761px){.web-design-redesign .sakura-case{grid-row:1}.web-design-redesign .sakura-case:first-child{grid-column:1}.web-design-redesign .sakura-case:nth-child(2){grid-column:2}.web-design-redesign .sakura-case[data-open=true]{grid-column:1/-1}}.web-design-redesign .sakura-case[data-case=petcam]{--case-background:#f2ede5}.web-design-redesign .sakura-case:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--case-background,#f2eef2);clip-path:inset(0 2% round 24px);transition:clip-path .85s cubic-bezier(.22,1,.36,1)}.web-design-redesign .sakura-case[data-open=true]:before{clip-path:inset(0 round 24px)}.web-design-redesign .sakura-case[data-transitioning=true]{overflow:clip}.web-design-redesign .sakura-cover{width:96%;margin-inline:2%;display:grid;grid-template-columns:1fr;align-items:center;text-align:left;overflow:hidden;border-radius:24px;padding:36px 32px;gap:32px}.web-design-redesign .sakura-cover[hidden],.web-design-redesign .sakura-story[hidden]{display:none}.web-design-redesign .sakura-cover-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.web-design-redesign .sakura-kicker{font-size:12px;letter-spacing:.09em;color:#72687b}.web-design-redesign .sakura-cover-copy>strong{font-size:clamp(28px,2.5vw,36px);line-height:1.55;color:#393d48;font-weight:500}.web-design-redesign .sakura-cover-copy>span:not(.sakura-kicker){font-size:14px;color:#686773}.web-design-redesign .sakura-cover-copy .sakura-open-label{display:inline-flex;align-items:center;gap:22px;margin-top:20px;color:#393d48}.web-design-redesign .sakura-cover-art{display:block;position:relative;padding:12px 28px 28px 0;transform:translateX(20px) rotate(-5deg);transition:transform .6s cubic-bezier(.22,1,.36,1)}.web-design-redesign .sakura-cover:hover .sakura-cover-art{transform:translateX(8px) rotate(-3deg)}.web-design-redesign .sakura-cover-art>img:first-child{display:block;width:100%;height:auto;box-shadow:0 20px 35px #51435e17}.web-design-redesign .sakura-cover-art .sakura-cover-mobile{position:absolute;bottom:0;right:8px;width:23%;height:auto;box-shadow:0 14px 24px #51435e22}.web-design-redesign .sakura-story{padding:30px clamp(26px,4.3vw,64px) 48px;scroll-margin-top:160px;animation:sakura-story-enter .8s .15s both}.web-design-redesign .sakura-story:focus{outline:none}.web-design-redesign .sakura-story-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid #d8d2dc}.web-design-redesign .sakura-story-bar button,.web-design-redesign .sakura-story-footer :is(a,button){display:inline-flex;gap:10px;align-items:center;font-size:14px;color:#504a60;min-height:44px}.web-design-redesign .sakura-story-intro{padding:58px 0 20px;max-width:740px}.web-design-redesign .sakura-story-intro h3{font-size:clamp(28px,3.1vw,44px);color:#393d48;line-height:1.5}.web-design-redesign .sakura-story-intro p{margin-top:26px;color:#625e6b;font-size:18px;line-height:1.9}.web-design-redesign .sakura-chapter{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(30px,4vw,58px);align-items:center;padding:74px 0;border-bottom:1px solid #d8d2dc;transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1)}.web-design-redesign .sakura-chapter:nth-child(2n){grid-template-columns:1.18fr .82fr}.web-design-redesign .sakura-chapter:nth-child(2n) .sakura-detail-figure{order:-1}.web-design-redesign .sakura-chapter[data-reveal=waiting]{opacity:0;transform:translateY(32px)}.web-design-redesign .sakura-chapter-number{display:block;font-size:14px;color:#83758d;margin-bottom:20px}.web-design-redesign .sakura-chapter h4{font-size:clamp(23px,2.1vw,30px);color:#393d48;line-height:1.55}.web-design-redesign .sakura-chapter-copy p{font-size:16px;line-height:1.9;margin-top:20px;color:#686271}.web-design-redesign .sakura-chapter-copy .sakura-chapter-summary{font-size:19px;color:#494250}.web-design-redesign .sakura-detail-figure{min-width:0;margin:0}.web-design-redesign .sakura-detail-figure>button{width:100%;display:block;position:relative;cursor:zoom-in}.web-design-redesign .sakura-detail-figure img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 18px 48px #52455d10}.web-design-redesign .sakura-detail-figure figcaption{text-align:right;font-size:12px;color:#817787;margin-top:16px}.web-design-redesign .sakura-zoom-mark{position:absolute;bottom:10px;right:10px;padding:10px;background:#fff;border-radius:50%;color:#6c6277;box-shadow:0 2px 12px #51435e18}.web-design-redesign .sakura-chapter-mobile .sakura-detail-figure{width:min(260px,100%);margin-inline:auto}.web-design-redesign .sakura-story-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:24px;padding-top:36px}.web-design-redesign .sakura-zoom{position:fixed;inset:0;margin:auto;width:min(1360px,94vw);max-height:94dvh;border:0;border-radius:14px;padding:0 22px 22px;background:#f9f7fa;color:#393d48}.web-design-redesign .sakura-zoom::backdrop{background:#292232ba;backdrop-filter:blur(8px)}.web-design-redesign .sakura-zoom-bar{position:sticky;top:0;background:#f9f7fa;display:flex;align-items:center;justify-content:space-between;padding-block:12px;z-index:1}.web-design-redesign .sakura-zoom-bar button{padding:10px}.web-design-redesign .sakura-zoom>img{width:100%;height:auto;display:block}.web-design-redesign .sakura-zoom>img[width="390"]{max-width:390px;margin:auto}@keyframes sakura-story-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.web-design-redesign .design-case-list{gap:24px}.web-design-redesign .sakura-cover{padding:28px 24px}}@media(max-width:760px){.web-design-redesign .design-case-list{grid-template-columns:1fr}.web-design-redesign .sakura-case:before{clip-path:inset(0 0 round 18px);transform:scaleX(.96);transition:transform .85s cubic-bezier(.22,1,.36,1)}.web-design-redesign .sakura-case[data-open=true]:before{clip-path:inset(0 round 18px);transform:scaleX(1)}.web-design-redesign .sakura-cover{grid-template-columns:1fr;width:100%;margin:0;padding:32px 24px;gap:32px}.web-design-redesign .sakura-cover-copy{gap:18px}.web-design-redesign .sakura-cover-copy .sakura-open-label{margin-top:8px}.web-design-redesign .sakura-cover-art{transform:rotate(-4deg);padding-right:14px}.web-design-redesign .sakura-story{padding:18px 24px 28px}.web-design-redesign .sakura-story-bar{align-items:flex-start;gap:10px}.web-design-redesign .sakura-story-bar .sakura-kicker{max-width:130px;padding-top:9px;line-height:1.6}.web-design-redesign .sakura-story-bar button{flex-shrink:0}.web-design-redesign .sakura-story-intro{padding:36px 0 0}.web-design-redesign .sakura-story-intro p{font-size:16px}.web-design-redesign .sakura-chapter,.web-design-redesign .sakura-chapter:nth-child(2n){grid-template-columns:1fr;gap:28px;padding-block:42px}.web-design-redesign .sakura-chapter:nth-child(2n) .sakura-detail-figure{order:0}.web-design-redesign .sakura-chapter-copy p{margin-top:16px}.web-design-redesign .sakura-chapter-copy .sakura-chapter-summary{font-size:18px}}@media(prefers-reduced-motion:reduce){.web-design-redesign .sakura-case:before,.web-design-redesign .sakura-chapter,.web-design-redesign .sakura-cover-art{transition:none}.web-design-redesign .sakura-story{animation:none}.web-design-redesign .sakura-chapter[data-reveal=waiting]{opacity:1;transform:none}}.web-design-redesign .wd-hero-river{position:relative;height:100%;min-width:0;overflow:hidden;isolation:isolate;container-type:size}.web-design-redesign .wd-hero .wd-hero-art{position:absolute;top:0;bottom:0;right:0;width:49%;min-width:0}.web-design-redesign .wd-hero-grid{min-height:560px}.web-design-redesign .hero-river-plane{position:absolute;width:min(calc(96.5926cqw - 25.8819cqh - 24px),calc(110cqh - 40px));left:50%;top:-300px;display:grid;grid-template-columns:1fr 1fr;gap:16px;transform:translateX(-50%) rotate(15deg);transform-origin:center calc(300px + 50cqh)}.web-design-redesign .hero-river-lane{min-width:0}.web-design-redesign .hero-river-lane:nth-child(2){padding-top:120px}.web-design-redesign .hero-river-track{will-change:transform;animation:hero-river-flow 48s linear infinite}.web-design-redesign .hero-river-lane:nth-child(2) .hero-river-track{animation-duration:58s}.web-design-redesign .hero-river-fill{position:absolute;top:50px;left:calc(100% + 16px);width:calc((100% - 16px) / 2)}.web-design-redesign .hero-river-fill .hero-river-track{animation-duration:53s}.web-design-redesign .hero-river-group{display:flex;flex-direction:column;gap:16px;padding-bottom:16px}.web-design-redesign .hero-river-card{overflow:hidden;flex-shrink:0}.web-design-redesign .hero-river-card img{display:block;width:100%;height:auto;aspect-ratio:1280/800}.web-design-redesign .wd-hero-river[data-playing=false] .hero-river-track{animation-play-state:paused}@keyframes hero-river-flow{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media(max-width:1050px){.web-design-redesign .wd-hero .wd-hero-grid{grid-template-columns:1fr;min-height:0;gap:40px}.web-design-redesign .wd-hero .wd-hero-art{position:relative;width:calc(100% + 64px);margin-inline:-32px;height:440px}.web-design-redesign .wd-hero:has(.wd-hero-river){padding-bottom:0}}@media(max-width:760px){.web-design-redesign .wd-hero .wd-hero-art{position:relative;width:calc(100% + 40px);margin-inline:-20px;height:410px}.web-design-redesign .wd-hero:has(.wd-hero-river){padding-bottom:0}.web-design-redesign .hero-river-lane:nth-child(2){padding-top:80px}}@media(prefers-reduced-motion:reduce){.web-design-redesign .hero-river-track{animation:none;will-change:auto}}

/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */.service-composition .service-platform-card,.web-design-redesign .wd-technology-card{--technology-bg:#0b2652;--technology-ink:#fff;background:#fff;border:1px solid #dce5ef;border-radius:20px;overflow:hidden}.web-design-redesign .wd-technology-card[data-platform=wordpress]{--technology-bg:#0051c3}.web-design-redesign .wd-technology-card[data-platform=wix]{--technology-bg:#e8f0fb;--technology-ink:#0b2652}.web-design-redesign .wd-technology-card[data-platform=shopify]{--technology-bg:#163b68}.web-design-redesign .wd-technology-card[data-platform=woocommerce]{--technology-bg:#2467ad}.web-design-redesign .wd-technology-card[data-platform=shopline]{--technology-bg:#d6e6f7;--technology-ink:#0b2652}.web-design-redesign .wd-technology-card[data-platform=webflow]{--technology-bg:#204e7d}.web-design-redesign .wd-technology-card[data-platform=framer]{--technology-bg:#3777b4}.web-design-redesign .wd-technology-card[data-platform=api]{--technology-bg:#c2d9f0;--technology-ink:#0b2652}.web-design-redesign .wd-technology-card[data-platform=app]{--technology-bg:#315e8b}.web-design-redesign .wd-technology-card[data-platform=inclusive]{--technology-bg:#a8c9e9;--technology-ink:#0b2652}.web-design-redesign .wd-technology-card[data-platform=integration]{--technology-bg:#f2f6fc;--technology-ink:#0b2652}.service-composition .service-platform-visual,.web-design-redesign .wd-technology-visual{background:var(--technology-bg);min-height:200px;color:var(--technology-ink);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px 22px;display:flex;position:relative}.service-composition .service-platform-visual>svg,.web-design-redesign .wd-technology-visual>svg{width:72px;height:72px;color:var(--technology-accent,currentColor)}.service-composition .service-platform-visual>strong,.web-design-redesign .wd-technology-visual>strong{font-size:20px;font-weight:500}.service-composition .service-platform-number,.web-design-redesign .wd-technology-number{opacity:.7;font-size:12px;position:absolute;top:20px;left:22px}.service-composition .service-platform-copy,.web-design-redesign .wd-technology-copy{flex-direction:column;min-height:350px;padding:26px 22px;display:flex}.service-composition .service-platform-tags,.web-design-redesign .wd-technology-tags{flex-wrap:wrap;gap:8px;min-height:24px;margin-bottom:16px;display:flex}.service-composition .service-platform-tags span,.web-design-redesign .wd-technology-tags span{color:#42658e;background:#edf3fa;border-radius:4px;padding:2px 8px;font-size:11px;line-height:1.7}.service-composition .service-platform-copy h3,.web-design-redesign .wd-technology-copy h3{color:#0b2652;min-height:69px;font-size:23px;line-height:1.5}.service-composition .service-platform-copy>p,.web-design-redesign .wd-technology-copy>p{color:#526b88;margin:16px 0 24px;font-size:16px;line-height:1.85}.service-composition .service-platform-copy details,.web-design-redesign .wd-technology-copy details{border-top:1px solid #dce5ef;margin-top:auto}.service-composition .service-platform-copy summary,.web-design-redesign .wd-technology-copy summary{color:#0051c3;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding-top:10px;font-size:14px;list-style:none;display:flex}.service-composition .service-platform-copy summary::-webkit-details-marker,.web-design-redesign .wd-technology-copy summary::-webkit-details-marker{display:none}.service-composition .service-platform-copy summary>span,.web-design-redesign .wd-technology-copy summary>span{transition:transform .2s}.service-composition .service-platform-copy details[open] summary>span,.web-design-redesign .wd-technology-copy details[open] summary>span{transform:rotate(45deg)}.service-composition .service-platform-copy details p,.web-design-redesign .wd-technology-copy details p{color:#526b88;margin-top:16px;font-size:15px;line-height:1.9}.service-composition .service-platform-copy details a,.web-design-redesign .wd-technology-copy details a{color:#0051c3;margin-top:20px;font-size:14px;display:inline-block}@media (max-width:760px){.service-composition .service-platform-visual,.web-design-redesign .wd-technology-visual{min-height:180px}.service-composition .service-platform-copy,.web-design-redesign .wd-technology-copy{min-height:325px}}.service-composition .service-platform-card[data-tone="1"]{--technology-bg:#0051c3}.service-composition .service-platform-card[data-tone="2"]{--technology-bg:#e8f0fb;--technology-ink:#0b2652}.service-composition .service-platforms-stage .service-card-track{grid-auto-columns:calc((100% - 2 * var(--slider-gap)) / 2.65)}@media (max-width:760px){.service-composition .service-platforms-stage .service-card-track{grid-auto-columns:calc((100% - var(--slider-gap)) / 1.12)}}