/* A spacious, device-led portfolio with one project in focus. */
.case-section{position:relative;isolation:isolate;overflow:hidden;background:#151515;color:#fff;padding:108px 0 96px;border-top:1px solid #ffffff12}
.case-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:68px;align-items:center}
.case-curve{position:absolute;z-index:-1;width:1100px;height:1100px;top:-700px;left:35%;border:1px solid #ffdb3233;border-radius:50%;transform:rotate(-22deg);pointer-events:none}
.case-intro .eyebrow{color:var(--accent);margin-bottom:30px}
.case-intro h2{font-size:clamp(35px,3.7vw,55px);letter-spacing:-2.5px;line-height:1.16;margin-bottom:27px}
.case-intro h2 span{color:#f7f7f4}.case-intro>p{font-size:15px;line-height:1.85;color:#c3c3c0;max-width:450px}.case-intro>p+p{margin-top:15px}
.case-intro .text-link{margin-top:28px;color:var(--accent);border-color:#ffdb3260;font-size:12px;gap:30px;padding-bottom:12px}.case-intro .text-link:hover{color:#fff}
.case-intro-note{display:block;color:#777;font-size:8px;letter-spacing:1.5px;margin-top:50px}
.case-carousel{min-width:0}.case-slides{display:grid;position:relative}.case-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(18px);transition:opacity 1.15s ease,transform 1.5s var(--ease),visibility 1.15s}
.case-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:1}
.case-artwork{width:100%;aspect-ratio:1.38;position:relative;display:block;border-radius:4px;overflow:hidden;padding:0;background:radial-gradient(ellipse at 40% 30%,#fff 0,#eeefeb 42%,#d3d7ce 100%);color:#222;text-align:left;touch-action:pan-y}
.case-v98{background:radial-gradient(ellipse at 30% 20%,#fffdf7,#e7e1d4 65%,#c5beae)}.case-hygienlink{background:radial-gradient(ellipse at 35% 25%,#fff,#e2edf0 65%,#b8cbd0)}.case-bau{background:radial-gradient(ellipse at 35% 25%,#faf6f1,#e5ded5 65%,#c5bcb1)}
.case-artwork:before{content:'';position:absolute;width:100%;height:24%;left:0;bottom:2%;background:radial-gradient(ellipse,#36352c26,transparent 66%);filter:blur(12px)}
.case-art-label{position:absolute;top:6%;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.4px;color:#555a55}.case-art-label>span{font-size:7px;letter-spacing:1.5px;color:#888b83}
.case-devices{position:absolute;inset:15% 5% 8%;transition:transform 1.5s var(--ease)}.case-artwork:hover .case-devices{transform:translateY(-5px)}
.case-monitor{position:absolute;left:0;top:0;width:90%;height:100%}.case-monitor-frame{padding:3.2% 2% 3%;border-radius:15px;background:linear-gradient(135deg,#353535,#070707 50%,#252525);position:relative;box-shadow:0 1px 0 1px #ffffffa0,0 12px 25px #34372b24;z-index:2}.case-camera{position:absolute;top:1.4%;left:50%;width:4px;height:4px;background:#4a4a4a;border:1px solid #111;border-radius:50%}
.case-monitor-display{aspect-ratio:1.9;overflow:hidden;position:relative;container-type:inline-size;background:#fff;border:1px solid #555}
.case-stand{position:absolute;top:67%;left:41%;width:18%;height:26%;background:linear-gradient(90deg,#979998,#e3e4e1 45%,#abaeac);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);z-index:1}
.case-base{position:absolute;bottom:6%;left:27%;width:46%;height:3%;border-radius:50% 50% 20% 20%;background:linear-gradient(#e1e3e0,#b0b2af 65%,#818581);box-shadow:0 4px 5px #0002}
.case-phone{position:absolute;width:23%;height:76%;right:0;bottom:0;border:2px solid #565656;padding:3px;background:#111;border-radius:21px;box-shadow:8px 13px 24px #0003;overflow:hidden;z-index:3;transform:rotate(3deg);transition:transform 1.6s var(--ease)}
.case-artwork:hover .case-phone{transform:rotate(1deg) translateY(-3px)}.case-phone-display{height:100%;width:100%;overflow:hidden;border-radius:16px;background:white;container-type:inline-size}.case-phone-camera{position:absolute;width:32%;height:9px;border-radius:0 0 8px 8px;top:4px;left:34%;background:#111}.case-home{position:absolute;bottom:7px;width:34%;height:3px;background:#fff8;left:33%;border-radius:5px}
.case-open{position:absolute;right:16px;bottom:14px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #20202030;border-radius:50%;font-size:19px;transition:background .7s,transform 1s var(--ease)}.case-artwork:hover .case-open{background:var(--accent);transform:rotate(45deg)}
.case-caption{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 0 23px;min-height:130px}.case-category{font-size:8px;text-transform:uppercase;letter-spacing:1.4px;color:var(--accent);display:block;margin-bottom:9px}.case-caption h3{font-size:25px;letter-spacing:-.8px}.case-caption p{font-size:11px;color:#92938f;margin-top:6px;line-height:1.6}.case-read{display:flex;gap:16px;align-items:center;white-space:nowrap;background:none;border-bottom:1px solid #ffffff3d;padding:11px 0;color:#eee;font-size:10px}.case-read span{font-size:20px;transition:transform .9s var(--ease)}.case-read:hover span{transform:translate(3px,-3px)}.case-read:hover{color:var(--accent)}
.case-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:20px}.case-pagination{display:flex;gap:13px;align-items:center}.case-arrow{width:38px;height:38px;display:grid;place-items:center;background:transparent;color:#eee;font-size:24px;border-radius:50%;transition:background .6s,color .6s}.case-arrow:hover{background:var(--accent);color:#151515}.case-count{display:flex;gap:9px;font-size:12px;align-items:center;font-variant-numeric:tabular-nums}.case-count>b{color:var(--accent);font-weight:400}.case-count>span{color:#777}.case-dots{display:flex;gap:3px}.case-dots>button{width:29px;height:38px;padding:8px;background:none;display:grid;place-items:center}.case-dots i{height:3px;width:13px;background:#ffffff35;border-radius:3px;transition:background .8s,transform .8s}.case-dots [aria-pressed=true] i{background:var(--accent);transform:scaleX(1.4)}.case-pause{display:flex;gap:8px;align-items:center;background:none;color:#8e8e8a;font-size:9px;padding:12px 0 12px 8px;min-height:38px}.case-pause:hover{color:var(--accent)}.case-pause>span:first-child{font-size:13px;width:12px}.case-footnote{font-size:9px;color:#777;margin-top:17px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The existing project artwork adapts independently inside each device. */
.case-devices .mini-site{width:100%;height:100%;color:#252620;text-align:left}.case-devices .mini-nav{height:17%;padding:0 5%;font-size:1.45cqw;gap:2cqw}.case-devices .mini-nav>span{gap:2cqw}.case-devices .mini-nav i{font-size:1.2cqw;padding:1.2cqw 2cqw}.case-devices .mini-nav>img{width:22%;height:auto;max-height:80%}.case-devices .v98-site .mini-nav>b{font-size:6cqw;letter-spacing:-.5cqw}.case-devices .v98-site .mini-nav>b span{font-size:1.1cqw;letter-spacing:.8cqw;margin-top:1.3cqw}.case-devices .bau-site .mini-nav>b{font-size:6.5cqw;letter-spacing:-.6cqw}.case-devices .v98-visual,.case-devices .polmax-visual,.case-devices .bau-visual{height:83%}.case-devices .v98-visual>div,.case-devices .polmax-visual>div{padding:7cqw 5cqw}.case-devices .mini-site h3{font-size:7cqw;letter-spacing:-.25cqw;line-height:1.15;margin-top:3cqw}.case-devices .mini-site small{font-size:1.25cqw;letter-spacing:.2cqw}.case-devices .mini-pill{font-size:1.4cqw;margin-top:4cqw;padding:1.8cqw 3cqw}.case-devices .fake-search{font-size:1.3cqw;padding:1cqw 1.5cqw}.case-devices .shop-menu{font-size:1.2cqw;padding:1.8cqw 4cqw;height:10%;white-space:nowrap}.case-devices .shop-visual{height:59%;padding:4cqw;gap:2cqw}.case-devices .shop-visual h3{font-size:5cqw!important;letter-spacing:-.15cqw;margin-top:2cqw}.case-devices .shop-footer{height:14%;padding:3cqw 4cqw;font-size:1.2cqw}.case-devices .bau-visual h3{font-size:5cqw!important;padding:3cqw 4cqw;margin:0}.case-devices .bau-visual h3>span{font-size:1.4cqw;margin-top:1.2cqw}
.case-phone .mini-nav{height:15%;padding:8% 8% 0}.case-phone .mini-nav>span{display:none}.case-phone .mini-nav>img{width:68%;max-height:60%}.case-phone .v98-site .mini-nav>b{font-size:18cqw;letter-spacing:-1.3cqw}.case-phone .v98-site .mini-nav>b span{font-size:3cqw;letter-spacing:2.4cqw;margin-top:3cqw}.case-phone .bau-site .mini-nav>b{font-size:19cqw;letter-spacing:-1.5cqw}.case-phone .v98-visual,.case-phone .polmax-visual,.case-phone .bau-visual{height:85%}.case-phone .v98-visual>img,.case-phone .polmax-visual>img{object-position:60% center}.case-phone .v98-visual>div,.case-phone .polmax-visual>div{padding:28cqw 8cqw}.case-phone .mini-site h3{font-size:13cqw;letter-spacing:-.6cqw;line-height:1.2;margin-top:6cqw}.case-phone .mini-site small{font-size:3cqw;letter-spacing:.3cqw;line-height:1.6}.case-phone .mini-pill{font-size:3.5cqw;padding:4cqw 6cqw;margin-top:10cqw}.case-phone .shop-menu{height:7%;font-size:2.8cqw;padding:4cqw 5cqw;overflow:hidden}.case-phone .shop-visual{height:68%;flex-direction:column;padding:8cqw;gap:7cqw;align-items:start}.case-phone .shop-visual>div{flex:0}.case-phone .shop-visual h3{font-size:12cqw!important;letter-spacing:-.5cqw;margin-top:5cqw}.case-phone .shop-visual>img{width:100%;min-height:0;flex:1;object-fit:cover}.case-phone .shop-visual .mini-pill{margin-top:5cqw;padding:3cqw 5cqw}.case-phone .shop-footer{height:10%;font-size:2.5cqw;padding:7cqw 5cqw}.case-phone .shop-footer>span:last-child{display:none}.case-phone .bau-visual>img{object-position:60% center}.case-phone .bau-visual h3{font-size:13cqw!important;padding:6cqw;bottom:7%;min-width:90%}.case-phone .bau-visual h3>span{font-size:3.2cqw;margin-top:3cqw}
@media(min-width:1600px){.case-layout{gap:80px}.case-intro h2{font-size:55px}}
@media(max-width:1100px){.case-layout{gap:38px;grid-template-columns:.85fr 1.15fr}.case-intro h2{font-size:37px;letter-spacing:-1.9px}.case-intro>p{font-size:13px}.case-caption h3{font-size:22px}.case-read{font-size:9px;gap:9px}.case-phone{border-radius:16px}.case-phone-display{border-radius:11px}.case-art-label{font-size:8px}.case-art-label>span{font-size:6px}}
@media(max-width:850px){.case-section{padding:74px 0}.case-layout{grid-template-columns:1fr;gap:42px}.case-intro{max-width:610px}.case-intro h2{font-size:45px}.case-intro>p{font-size:14px;max-width:550px}.case-intro-note{display:none}.case-intro .text-link{margin-top:20px}.case-artwork{aspect-ratio:1.5}.case-devices{inset:13% 7% 5%}.case-monitor{width:86%}.case-caption h3{font-size:26px}.case-caption p{font-size:12px}.case-read{font-size:11px}.case-phone{height:78%;width:23%;bottom:3%}.case-art-label{font-size:10px}.case-art-label>span{font-size:7px}}
@media(max-width:600px){.case-section{padding:65px 0 55px}.case-layout{gap:32px}.case-intro .eyebrow{font-size:9px;margin-bottom:22px}.case-intro h2{font-size:36px;letter-spacing:-1.8px;margin-bottom:21px}.case-intro>p{font-size:13px;line-height:1.8}.case-intro>p+p{margin-top:12px}.case-intro .text-link{font-size:11px;margin-top:19px}.case-artwork{aspect-ratio:1.25}.case-devices{inset:20% 4% 9%}.case-monitor{width:91%}.case-monitor-frame{border-radius:9px;padding-top:3.7%}.case-camera{width:3px;height:3px}.case-stand{top:66%;height:26%}.case-base{bottom:8%}.case-phone{height:79%;width:24%;bottom:1%;border-radius:13px;padding:2px;border-width:1px}.case-phone-display{border-radius:10px}.case-phone-camera{height:5px;top:3px}.case-home{height:2px;bottom:5px}.case-art-label{font-size:8px;top:7%}.case-art-label>span{font-size:5px;letter-spacing:1px}.case-open{width:27px;height:27px;font-size:17px;bottom:10px;right:10px}.case-caption{padding:23px 0;gap:12px;min-height:133px}.case-category{font-size:7px;letter-spacing:1.1px}.case-caption h3{font-size:22px}.case-caption p{font-size:10px;max-width:215px}.case-read{font-size:0;gap:0;border:1px solid #ffffff3d;width:38px;height:38px;border-radius:50%;justify-content:center;flex-shrink:0}.case-read span{font-size:22px}.case-controls{gap:10px;padding-top:13px}.case-pagination{gap:7px}.case-arrow{width:31px;font-size:23px}.case-count{font-size:11px;gap:6px}.case-dots{gap:0}.case-dots>button{width:22px;padding:5px}.case-dots i{width:11px}.case-pause{font-size:8px;gap:3px;padding-left:0}.case-footnote{font-size:8px;max-width:300px;margin-top:12px}}
@media(max-width:360px){.case-intro h2{font-size:32px}.case-pause-label{display:none}.case-controls{gap:5px}.case-caption h3{font-size:20px}.case-art-label>span{display:none}}
@media(prefers-reduced-motion:reduce){.case-slide,.case-devices,.case-phone,.case-section *{transition:none!important}.case-artwork:hover .case-devices{transform:none}.case-artwork:hover .case-phone{transform:rotate(3deg)}}