.portfolio-case{max-width:1440px;margin:auto;padding:55px 5% 70px;color:var(--fg)}
.case-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding:25px 0 65px}
.case-heading{min-width:0}.case-heading .breadcrumbs{margin:0 0 35px;padding:0;font-size:13px;line-height:1.7;color:var(--glass-muted)}
.case-label{font-size:13px;line-height:1.6;color:var(--glass-muted);margin-bottom:18px}
.case-heading h1{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.035em;margin:0 0 25px;text-wrap:balance}
.case-lead{font-size:20px;line-height:1.65;color:var(--glass-muted);max-width:50ch}
.case-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:28px}
.case-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.case-honesty{font-size:13px;line-height:1.65;color:var(--glass-muted);margin-top:22px;max-width:52ch}
.case-visual{min-width:0;position:relative;aspect-ratio:1/1.08;border-radius:26px;overflow:hidden;box-shadow:0 25px 60px var(--glass-dark),inset 0 1px 1px var(--glass-top);background:var(--glass-surface)}
.case-visual>img{width:100%;height:100%;object-fit:cover}.case-visual-label{position:absolute;left:20px;bottom:20px;right:20px;font-size:12px;line-height:1.5;color:#fff;background:rgba(22,25,32,.74);padding:14px 18px;border:1px solid #ffffff44;border-radius:14px;backdrop-filter:blur(12px)}
.case-story{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:60px 0;border-top:1px solid var(--glass-edge)}
.portfolio-case h2{font-size:clamp(28px,2.8vw,39px);line-height:1.18;letter-spacing:-.025em;margin:0 0 24px}
.portfolio-case p{font-size:17px;line-height:1.8;max-width:65ch}
.case-story p,.case-scope p{color:var(--glass-muted);margin-bottom:20px}
.case-story strong{color:var(--glass-text);font-weight:600}
.case-try{padding:45px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;background:linear-gradient(130deg,rgba(255,255,255,.06),transparent),var(--glass-surface);border:1px solid var(--glass-edge);border-top-color:var(--glass-top);border-radius:24px;box-shadow:inset 0 1px 0 var(--glass-top),0 20px 45px var(--glass-dark)}
.case-try ol{margin:0;padding-left:24px}.case-try li{padding:0 0 25px 12px}.case-try li:last-child{padding-bottom:0}.case-try h3{font-size:22px;line-height:1.35;margin:0 0 10px;letter-spacing:-.015em}.case-try p{color:var(--glass-muted);font-size:16px}
.case-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;line-height:1.6;text-decoration:underline;text-underline-offset:5px;color:inherit}
.case-scope{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding:80px 0}
.case-scope ul{list-style:none;padding:0;margin:0}.case-scope li{padding:18px 0;border-bottom:1px solid var(--glass-edge);font-size:17px;display:flex;align-items:baseline;gap:16px}.case-scope li:before{content:'✓';color:var(--glass-muted)}
.case-cta{border-top:1px solid var(--glass-edge);padding:50px 0 0;display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.case-cta p{color:var(--glass-muted)}.case-cta .case-actions{margin:0;justify-content:flex-end}
.case-muse{background:#f4d4cc;color:#601937}.case-muse-object{height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.case-muse-object>span{position:absolute;z-index:-1;color:#e88d78;font-size:450px;line-height:1;transform:rotate(20deg);text-shadow:1px 1px #ffe0c9,0 8px #c97468,0 25px 30px #8c4c6a30}.case-muse-object>b{display:grid;place-items:center;font:italic 68px Georgia,serif;letter-spacing:-.04em;width:230px;height:230px;border-radius:50%;background:linear-gradient(135deg,#fff6dc,#efd4ad);box-shadow:inset 0 2px 2px #fff,0 5px 0 #cbac94,0 20px 30px #6b243e33;transform:rotate(-12deg)}.case-muse-object>i{position:absolute;bottom:23%;right:12%;background:#ead0ee;border-radius:30px;padding:12px 20px;font-style:normal;font-size:13px;transform:rotate(8deg);box-shadow:inset 0 1px #fff,0 3px 0 #bea0c3,0 9px 18px #722e4d30}
.case-flow{background:#dcebe6;color:#174c3c}.case-flow-object{display:flex;flex-direction:column;justify-content:center;gap:22px;height:100%;padding:13%;perspective:900px}.case-flow-object>span{display:flex;justify-content:space-between;gap:15px;background:linear-gradient(140deg,#ffffff,#eaf5ef);padding:26px;border-radius:13px;border:1px solid #fff;font-size:16px;box-shadow:0 4px 0 #b6cec3,0 16px 25px #1d554127;transform:rotateY(-15deg) rotateX(10deg) rotate(-5deg)}.case-flow-object>span:nth-child(2){transform:rotateY(-15deg) rotateX(10deg) rotate(-5deg) translateX(16px)}.case-flow-object>span:nth-child(3){transform:rotateY(-15deg) rotateX(10deg) rotate(-5deg) translateX(32px)}.case-flow-object b{color:#177e61}
.case-spark{background:radial-gradient(circle at 65% 20%,#354a28,#111a12 70%);color:#d7f1b0}.case-spark-object{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px}.case-spark-object svg{width:100%;filter:drop-shadow(1px 1px 0 #e8ffc3) drop-shadow(4px 5px 0 #45632e) drop-shadow(7px 8px 0 #26381a) drop-shadow(0 25px 12px #0008);transform:perspective(800px) rotateY(-20deg) rotateZ(-12deg)}.case-spark-object>span{font-size:13px;letter-spacing:.04em;margin-top:15px}
.portfolio-teaser{margin:0 0 65px}.teaser-intro{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:35px}.teaser-intro>p{font-size:19px;line-height:1.7;max-width:55ch;color:var(--glass-muted)}.teaser-intro .bo{flex-shrink:0}.portfolio-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-teaser-item{display:block;color:var(--fg);text-decoration:none;min-width:0}.teaser-image{display:block;position:relative;aspect-ratio:1.25;overflow:hidden;border-radius:20px;box-shadow:0 12px 30px var(--glass-dark);background:var(--glass-surface)}.teaser-image img{width:100%;height:100%;object-fit:cover}.teaser-image .case-flow-object{padding:10% 15% 10% 7%;gap:12px}.teaser-image .case-flow-object>span{padding:16px;font-size:13px}.teaser-label{display:block;font-size:12px;color:var(--glass-muted);margin:22px 0 8px}.portfolio-teaser-item h3{font-size:29px;margin:0 0 12px;line-height:1.2}.portfolio-teaser-item>p{font-size:16px;line-height:1.7;color:var(--glass-muted);margin-bottom:10px}.teaser-note{font-size:13px;color:var(--glass-muted);margin-top:25px;max-width:70ch}
.case-related{max-width:1240px;margin:0 auto 75px;padding:40px 20px;border-top:1px solid var(--glass-edge)}.case-related h2{font-size:34px;line-height:1.2;margin:0 0 15px}.case-related p{font-size:17px;color:var(--glass-muted);margin-bottom:24px}.case-related>div{display:flex;gap:15px;flex-wrap:wrap}.case-related a{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:100%;padding:20px 24px;border:1px solid var(--glass-edge);border-radius:14px;background:var(--glass-surface);color:var(--fg);text-decoration:none;min-height:60px;box-shadow:inset 0 1px var(--glass-top);font-size:16px}
@media(max-width:1023px){.case-hero{gap:30px}.case-visual{aspect-ratio:1/1.3}.case-flow-object>span{padding:18px;font-size:13px}.case-scope{gap:45px}.case-try{padding:30px;gap:35px}.case-cta{grid-template-columns:1fr;gap:30px}.case-cta .case-actions{justify-content:flex-start}.portfolio-teaser-grid{gap:18px}.teaser-intro>p{font-size:17px}.case-muse-object>b{font-size:55px;width:190px;height:190px}}
@media(max-width:767px){.portfolio-case{padding:25px 6% 50px}.case-hero{grid-template-columns:minmax(0,1fr);gap:35px;padding:15px 0 40px}.case-heading h1{font-size:clamp(32px,7vw,48px)}.case-heading .breadcrumbs{margin-bottom:25px;font-size:12px}.case-hero .case-label{font-size:12px}.case-hero .case-lead{font-size:18px}.case-hero .case-honesty{font-size:13px}.case-visual{aspect-ratio:1.1;border-radius:20px}.case-visual-label{left:15px;right:15px;bottom:15px;font-size:11px;padding:10px 13px}.case-story,.case-scope,.case-try{grid-template-columns:minmax(0,1fr);gap:30px}.case-story{padding:40px 0}.case-try{padding:26px 22px;border-radius:18px}.case-try ol{padding-left:20px}.case-try li{padding-left:5px}.case-try h3{font-size:21px}.case-scope{padding:45px 0}.portfolio-case h2{font-size:29px}.portfolio-case p{font-size:16px}.case-actions{gap:12px}.case-actions>a{width:100%}.case-muse-object>b{width:180px;height:180px;font-size:50px}.case-muse-object>span{font-size:350px}.case-muse-object>i{font-size:11px;right:8%;bottom:24%;padding:9px 15px}.case-flow-object{padding:10% 18% 20% 8%;gap:15px}.case-flow-object>span{font-size:13px;padding:16px}.case-spark-object{padding:15px 30px 55px}.case-spark-object>span{font-size:11px;margin:0}.case-cta{padding-top:35px}.teaser-intro{display:block}.teaser-intro .bo{margin-top:20px}.portfolio-teaser-grid{grid-template-columns:minmax(0,1fr);gap:35px}.teaser-image{aspect-ratio:1.4}.teaser-image .case-flow-object{padding:8% 22% 8% 12%;gap:13px}.teaser-image .case-flow-object>span{padding:16px;font-size:13px}.portfolio-teaser{margin-bottom:45px}.teaser-label{margin-top:18px}.portfolio-teaser-item>p{font-size:17px}.case-related{margin-bottom:45px;padding:30px 6%}.case-related h2{font-size:29px}.case-related a{font-size:15px;width:100%;padding:18px}}