.case-page{background-color:#fcfbf7;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(15.333% - 1px),#07131706 calc(15.333% - 1px),#07131706 15.333%);background-position:4vw 0;overflow:hidden}.case-wrap{width:89%;max-width:1600px;margin:auto;border-inline:1px solid #8da79a50}.case-utility{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #8da79a50;padding:20px 0;margin-bottom:49px;font:11px/16px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.05em}.case-utility p{margin:0;display:flex;gap:18px;color:#006c70}.case-utility p span{color:#071317}.case-utility a{min-height:44px;display:flex;align-items:center;text-decoration:none}.case-selection{position:relative;width:fit-content;max-width:100%;outline:1px solid #00787b;margin-bottom:62px}.case-selection h1{font-size:clamp(65px,8.2vw,145px);line-height:.96;letter-spacing:-.045em;font-weight:500;margin:0;padding:0;overflow-wrap:anywhere}.case-selection h1>span{display:block}.case-selection-label,.case-dimensions{position:absolute;font:11px/16px ui-monospace,monospace;letter-spacing:.03em;color:#071317;background:#8bdad0;padding:3px 7px;white-space:nowrap}.case-selection-label{bottom:calc(100% + 4px);left:0;text-transform:uppercase}.case-dimensions{top:calc(100% + 8px);left:50%;transform:translateX(-50%)}.case-handle{position:absolute;width:8px;height:8px;border:1px solid #00787b;background:#fcfbf7;transform:translate(-50%,-50%)}.case-handle.h1{left:0;top:0}.case-handle.h2{left:50%;top:0}.case-handle.h3{left:100%;top:0}.case-handle.h4{left:0;top:50%}.case-handle.h5{left:100%;top:50%}.case-handle.h6{left:0;top:100%}.case-handle.h7{left:50%;top:100%}.case-handle.h8{left:100%;top:100%}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-bottom:20px}.case-intro>p{font-size:21.6px;line-height:30.67px;letter-spacing:-.015em;margin:18px 0 42px}.case-meta dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0;padding:0}.case-meta dl>div:last-child{grid-column:1/-1}.case-meta dt,.case-story h2,.case-gallery h2,.case-next>div>p,.case-close>p{font:11px/17px ui-monospace,monospace;color:#526c64;letter-spacing:.07em;text-transform:uppercase;margin:0 0 5px;font-weight:400}.case-meta dd{margin:0;font-size:15px;line-height:24px}.case-visit{display:flex;justify-content:space-between;align-items:center;min-height:62px;border:1px solid #071317;font-size:14px;text-decoration:none;padding:16px 22px;margin-top:24px}.case-hero-media{margin:0;background:radial-gradient(ellipse at 60% 60%,#aaccc8,transparent 75%),#dce9e2;padding:60px 52px 76px;overflow:hidden;perspective:1800px}.case-device{width:100%;background:#132326;border:9px solid #132326;border-radius:15px;box-shadow:20px 35px 35px #07131725;transform:rotateX(5deg) rotateY(-7deg) rotateZ(-2deg);transform-origin:50% 50%}.case-device-bar{height:32px;display:flex;align-items:center;gap:5px;color:#c6d9d2;padding:0 10px;font-size:10px}.case-device-bar i{width:5px;height:5px;border:1px solid #8aa59a;border-radius:50%}.case-device-bar span{margin-left:14px}.case-device>img{display:block;width:100%;height:auto;border-radius:0 0 7px 7px}.case-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:110px 0 104px;border-bottom:1px solid #8da79a50}.case-story h2{padding-top:7px}.case-story p{font-size:25px;line-height:35px;letter-spacing:-.02em;margin:0 0 28px}.case-story p:last-child{margin-bottom:0}.case-gallery{padding-top:24px}.case-gallery h2{margin-bottom:40px}.case-gallery-image{display:block;margin:0 0 44px;overflow:hidden;position:relative}.case-gallery-image img{display:block;width:100%;height:auto}.case-gallery-image.is-large{width:65.55%}.case-gallery-image.is-medium{width:48.3%}.case-gallery-image.is-left{margin-right:auto}.case-gallery-image.is-right{margin-left:auto}.case-gallery-image.is-center,.case-gallery-image.is-portrait{margin-inline:auto}.case-gallery-image.is-portrait{width:31.1%}.case-gallery-image.is-detail{aspect-ratio:1.5;background:#dce9e2}.case-gallery-image.is-detail img{height:100%;object-fit:cover;object-position:var(--detail-position);transform:scale(1.8);transform-origin:var(--detail-position)}.case-gallery-image.is-attention{aspect-ratio:1;background:#dce9e2}.case-gallery-image.is-attention img{width:195%;max-width:none;height:auto;transform:translate(-47%,-10%)}.case-takeaway{padding:72px 0 120px;display:grid;grid-template-columns:1fr 1fr;gap:44px}.case-takeaway>p{font-size:32px;line-height:40px;letter-spacing:-.035em;margin:0;grid-column:2}.case-takeaway>div{grid-column:2;font-size:16px;line-height:25px;max-width:570px;color:#4e665e}.case-next{border-block:1px solid #8da79a50;padding:44px 0;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.case-next h2{font-size:42px;line-height:1.1;letter-spacing:-.04em;font-weight:500;margin:14px 0 18px;max-width:500px}.case-next>div>span{font-size:14px;color:#526c64}.case-next>div>a{display:flex;justify-content:space-between;gap:30px;align-items:center;min-height:50px;border-bottom:1px solid currentColor;width:fit-content;min-width:220px;font-size:16px;text-decoration:none;margin-top:38px}.case-next>a{display:block}.case-next>a>img{display:block;width:100%;height:auto}.case-close{padding:100px 0 115px}.case-close h2{font-size:clamp(45px,5.6vw,90px);line-height:1.02;letter-spacing:-.045em;font-weight:500;margin:25px 0 44px}.case-close>div{display:flex;gap:44px;flex-wrap:wrap}.case-close a{display:flex;align-items:center;gap:60px;min-height:50px;border-bottom:1px solid currentColor;text-decoration:none;font-size:20px}
@media(max-width:800px){.case-wrap{width:calc(100% - 60px)}.case-utility{padding:8px 0;margin-bottom:38px;align-items:start;gap:15px;font-size:10px;line-height:13px}.case-utility p{padding-top:15px;gap:15px}.case-utility p>span{max-width:70px}.case-selection{margin-bottom:58px;width:100%}.case-selection h1{font-size:44px;line-height:.96;letter-spacing:-.045em}.case-selection-label,.case-dimensions{font-size:10px;line-height:15px}.case-intro{display:block;margin-bottom:42px}.case-intro>p{font-size:17px;line-height:24.14px;letter-spacing:-.015em;margin:0 0 28px}.case-meta dl{gap:22px 18px}.case-meta dt{font-size:10px;line-height:16px}.case-meta dd{font-size:15px;line-height:24px}.case-hero-media{padding:25px 15px 32px}.case-device{border-width:4px;border-radius:8px}.case-device-bar{height:19px;padding:0 5px;gap:3px;font-size:6px}.case-device-bar i{width:3px;height:3px}.case-device-bar span{margin-left:6px}.case-device>img{border-radius:0 0 4px 4px}.case-story{display:block;padding:56px 0}.case-story h2{margin-bottom:24px}.case-story p{font-size:20px;line-height:28px;margin-bottom:24px}.case-gallery{padding-top:24px}.case-gallery h2{margin-bottom:28px}.case-gallery-image,.case-gallery-image.is-large,.case-gallery-image.is-medium,.case-gallery-image.is-portrait{width:100%;margin:0 0 28px}.case-takeaway{display:block;padding:36px 0 65px}.case-takeaway>p{font-size:26px;line-height:33px;margin-bottom:24px}.case-takeaway>div{font-size:15px;line-height:24px}.case-next{display:block;padding:30px 0}.case-next h2{font-size:32px;line-height:36px}.case-next>div>a{margin-top:22px;margin-bottom:30px}.case-close{padding:64px 0 72px}.case-close h2{font-size:42px;line-height:44px;margin:24px 0 32px}.case-close>div{gap:20px}.case-close a{font-size:17px;gap:35px}}
@media(max-width:360px){.case-selection h1{font-size:38px}.case-wrap{width:calc(100% - 44px)}}