#works.works-2026{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:76px;padding:0!important;color:#f8f5fa;background:#0c121b url('../works/works-background-desktop.png') center top/cover no-repeat;font-family:'Noto Sans JP',sans-serif}
#works.works-2026 *{box-sizing:border-box}
#works.works-2026::before{content:'WORKS';position:absolute;top:-85px;left:38%;font:clamp(130px,21vw,360px)/1 Georgia,serif;letter-spacing:-.08em;color:#e78cb1;opacity:.055;pointer-events:none;z-index:-1}
#works .works-2026-inner{width:min(1440px,calc(100% - 96px));margin:auto;padding:28px 0 40px}
#works .works-2026-brand{display:flex;align-items:center;gap:18px;font-size:15px;letter-spacing:.08em;white-space:nowrap}
#works .works-2026-brand strong{font-size:19px;letter-spacing:-.05em}
#works .works-2026-brand span{width:32px;height:1px;background:#d796bc}
#works .works-2026-brand small{font-size:11px;font-weight:700}
#works .works-2026-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.95fr) 160px;align-items:end;gap:44px;min-height:250px;margin:34px 0 34px}
#works .works-2026-kicker{margin:0 0 -19px;color:#ff8bca;font-size:18px;font-weight:800;letter-spacing:.28em}
#works .works-2026-titleline{display:flex;align-items:end;gap:12px;white-space:nowrap}
#works .works-2026-titleline h2{margin:0;font:clamp(82px,8.5vw,150px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.075em;background:linear-gradient(110deg,#ffa5d9,#f225a5 55%,#ffe6f4);background-clip:text;-webkit-background-clip:text;color:transparent}
#works .works-2026-titleline span{margin:0 0 15px;font:italic clamp(18px,2vw,31px) cursive;color:#e976b0;transform:rotate(-9deg)}
#works .works-2026-catch{margin:0;font-family:Georgia,'Noto Serif JP',serif;font-size:clamp(28px,3.2vw,50px);line-height:1.28;letter-spacing:.07em;font-weight:500;white-space:nowrap}
#works .works-2026-lead{align-self:end;margin:0 0 10px;padding-left:34px;border-left:1px solid #7d7680;font-size:clamp(12px,1.1vw,15px);line-height:1.9;letter-spacing:.025em}
#works .works-2026-aside{align-self:center;margin:0 0 0 10px;color:#d186ad;font:12px/1.8 Georgia,serif;letter-spacing:.28em}
#works .works-2026-aside span{display:block;width:35px;height:1px;background:#d186ad;margin:18px 0}
#works .works-2026-aside small{font-family:'Noto Sans JP',sans-serif;font-size:11px;line-height:1.8;letter-spacing:.12em}
#works .works-2026-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
#works .works-2026-feature{position:relative;min-width:0;padding:0 28px 0 0;border-right:1px solid #796579}
#works .works-2026-feature:last-child{border-right:0;padding-right:0}
#works .works-2026-meta{display:flex;align-items:center;gap:14px;white-space:nowrap}
#works .works-2026-meta span,#works .works-2026-more small{color:#fd72bc;font-size:15px;font-weight:700;letter-spacing:.16em}
#works .works-2026-meta small{color:#c3bbc8;font-size:10px;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis}
#works .works-2026-name{display:flex;align-items:baseline;gap:15px;white-space:nowrap;margin:4px 0 3px}
#works .works-2026-name h3{margin:0;font:clamp(26px,2.6vw,39px)/1.3 Georgia,'Noto Serif JP',serif;letter-spacing:.07em}
#works .works-2026-name span{font:12px Arial,sans-serif;color:#bcb9c3}
#works .works-2026-feature>p{margin:0;color:#e2dfe8;font-size:12px;line-height:1.65;min-height:40px}
#works .works-2026-tags{display:flex;gap:7px;flex-wrap:wrap;margin:5px 0 0}
#works .works-2026-tags span{display:inline-block;border:1px solid #c74b94;border-radius:999px;padding:2px 10px;font-size:10px;line-height:1.4;white-space:nowrap}
#works .works-2026-visit{position:absolute;right:28px;top:105px;z-index:2;display:flex;align-items:center;gap:12px;color:#ff75ba;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
#works .works-2026-feature:last-child .works-2026-visit{right:0}
#works .works-2026-visit span,#works .works-2026-more b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e844a4;border-radius:50%;box-shadow:0 0 14px #e7369877;font-size:18px;font-weight:400}
#works .works-2026-visit:hover,#works .works-2026-more a:hover{color:#ffc4e3}
#works .works-2026-device{display:block;width:calc(100% + 10px);height:auto;aspect-ratio:1.36;object-fit:contain;object-position:center bottom;margin:7px 0 0 -5px;filter:drop-shadow(0 18px 12px #0007)}
#works .works-2026-more-head{display:flex;align-items:center;gap:18px;margin:24px 0 14px}
#works .works-2026-more-head h3{margin:0;font:24px Georgia,'Noto Serif JP',serif;letter-spacing:.08em;white-space:nowrap}
#works .works-2026-more-head h3::after{content:'';display:inline-block;width:75px;height:1px;background:#c75598;margin:0 0 7px 14px}
#works .works-2026-more-head p{margin:0;color:#e0dce3;font-size:12px;flex:1}
#works .works-2026-more-head>span{color:#f062ac;font-size:12px;letter-spacing:.18em;white-space:nowrap}
#works .works-2026-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px}
#works .works-2026-more a{display:grid;grid-template-columns:52% 1fr;align-items:center;gap:14px;min-width:0;color:#fff;text-decoration:none;border:1px solid #ffffff2b;border-radius:7px;background:#0d141ca8;overflow:hidden;position:relative}
#works .works-2026-more img{display:block;width:100%;height:86px;object-fit:cover}
#works .works-2026-more a>span{min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:4px}
#works .works-2026-more small{font-size:11px}
#works .works-2026-more strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#works .works-2026-more em{font:11px Arial,sans-serif;color:#c0bbc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#works .works-2026-more b{display:none}
#works .works-2026-bottom{position:relative;display:flex;justify-content:center;align-items:center;gap:24px;border-top:1px solid #ffffff2b;background:#080e16bb;padding:23px 32px}
#works .works-2026-bottom>div{display:flex;align-items:center;gap:18px}
#works .works-2026-bottom strong{font:22px Georgia,'Noto Serif JP',serif;white-space:nowrap}
#works .works-2026-bottom p{margin:0;padding-left:18px;border-left:1px solid #7b6777;font-size:11px;line-height:1.5;white-space:nowrap}
#works .works-2026-bottom ul{display:flex;gap:8px;margin:0;padding:0;list-style:none;flex-wrap:wrap}
#works .works-2026-bottom li{border:1px solid #ad397e;border-radius:99px;padding:8px 12px;font-size:11px;white-space:nowrap}
#works .works-2026-bottom li::before{content:'✦';color:#ff62b1;margin-right:6px}
@media(max-width:1150px){#works .works-2026-inner{width:calc(100% - 60px)}#works .works-2026-intro{grid-template-columns:1fr 1fr;gap:25px}#works .works-2026-aside{display:none}#works .works-2026-featured{gap:18px}#works .works-2026-feature{padding-right:16px}#works .works-2026-visit{right:16px;top:112px}#works .works-2026-name{gap:8px}#works .works-2026-name span{font-size:10px}#works .works-2026-bottom{flex-direction:column}}
@media(max-width:760px){#works.works-2026{scroll-margin-top:65px;background-image:url('../works/works-background-mobile.png');background-size:100% 100%}#works.works-2026::before{display:none}#works .works-2026-inner{width:calc(100% - 36px);padding:18px 0 32px}#works .works-2026-brand{gap:9px;white-space:normal}#works .works-2026-brand strong{font-size:15px;white-space:nowrap}#works .works-2026-brand span{width:24px;flex:none}#works .works-2026-brand small{font-size:9px;line-height:1.4}#works .works-2026-intro{display:block;min-height:0;margin:25px 0 18px}#works .works-2026-kicker{font-size:14px;margin:0 0 -12px}#works .works-2026-titleline h2{font-size:clamp(69px,20vw,105px)}#works .works-2026-titleline span{position:absolute;margin:0;top:76px;left:114px;font-size:22px;transform:rotate(-9deg)}#works .works-2026-titleline{position:relative}#works .works-2026-catch{font-size:clamp(24px,7.2vw,39px);line-height:1.28;white-space:normal;margin-top:8px}#works .works-2026-lead{padding:0;border:0;margin:17px 0 0;font-size:12px;line-height:1.75}#works .works-desktop-only{display:none}#works .works-2026-featured{display:flex;flex-direction:column;gap:10px}#works .works-2026-feature{display:grid;grid-template-columns:46% 54%;grid-template-rows:auto auto auto auto 1fr;gap:0 3px;min-height:225px;padding:14px 12px!important;border:1px solid #d4c3d14a!important;border-radius:13px;background:#0b141dc9;overflow:hidden}#works .works-2026-meta{grid-column:1;gap:7px}#works .works-2026-meta span{font-size:13px}#works .works-2026-meta small{display:none}#works .works-2026-name{grid-column:1;display:block;margin:5px 0}#works .works-2026-name h3{font-size:clamp(23px,6vw,32px)}#works .works-2026-name span{display:block;font-size:10px;margin-top:2px}#works .works-2026-feature>p{grid-column:1;font-size:10px;line-height:1.55;min-height:0}#works .works-2026-feature>p br{display:none}#works .works-2026-tags{grid-column:1;margin:8px 0 0;gap:4px}#works .works-2026-tags span{font-size:8px;padding:2px 5px}#works .works-2026-visit{position:static;grid-column:1;align-self:end;justify-content:flex-start;margin-top:8px;font-size:12px}#works .works-2026-visit span{width:28px;height:28px}#works .works-2026-device{grid-column:2;grid-row:1/-1;width:113%;max-width:none;height:100%;max-height:210px;aspect-ratio:auto;object-fit:contain;object-position:center bottom;margin:0 0 -7px -8%}#works .works-2026-more-head{display:block;margin:24px 0 12px}#works .works-2026-more-head h3{font-size:20px}#works .works-2026-more-head h3::after{width:35px}#works .works-2026-more-head p{font-size:10px;line-height:1.5;margin:5px 0 0}#works .works-2026-more-head>span{display:none}#works .works-2026-more{display:flex;flex-direction:column;gap:7px}#works .works-2026-more a{grid-template-columns:35% 1fr 28px;gap:10px;min-height:75px}#works .works-2026-more img{height:75px}#works .works-2026-more strong{font-size:14px}#works .works-2026-more small,#works .works-2026-more em{font-size:9px}#works .works-2026-more b{display:grid;width:26px;height:26px;margin-right:8px;font-size:14px}#works .works-2026-bottom{padding:25px 18px;gap:17px;text-align:center}#works .works-2026-bottom>div{display:block}#works .works-2026-bottom strong{font-size:20px}#works .works-2026-bottom p{border:0;padding:0;margin:7px 0 0;font-size:11px}#works .works-2026-bottom ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%}#works .works-2026-bottom li{font-size:9px;padding:7px 1px}#works .works-2026-bottom li::before{margin-right:2px}}
@media(max-width:360px){#works .works-2026-inner{width:calc(100% - 24px)}#works .works-2026-titleline h2{font-size:66px}#works .works-2026-titleline span{top:67px;left:100px}#works .works-2026-feature{grid-template-columns:48% 52%;min-height:216px}#works .works-2026-tags span{font-size:7px}}
@media(max-width:760px){#works .works-2026-titleline span{top:auto;bottom:-9px;left:41%;font-size:19px}#works .works-2026-catch{margin-top:22px}#works .works-2026-feature{min-height:235px}#works .works-2026-feature>p{font-size:11px}#works .works-2026-tags span{font-size:9px}#works .works-2026-device{max-height:220px}}
@media(min-width:761px){#works .works-2026-visit,#works .works-2026-feature:last-child .works-2026-visit{position:relative;top:auto;right:auto;justify-content:flex-end;margin:7px 0 -4px}}
#works .works-2026-bottom li{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:3px 10px 3px 5px}
#works .works-2026-bottom li::before{content:none}
#works .works-2026-bottom li img{display:block;width:26px;height:26px;object-fit:contain;flex:none}
@media(max-width:760px){#works .works-2026-bottom li{padding:3px 1px;gap:0}#works .works-2026-bottom li img{width:22px;height:22px}}