.works-showcase .section-top h2{font-size:clamp(27px,3vw,40px)}#works .works-demo-heading{margin-bottom:16px}#works .works-demo-heading .works-sector{font-size:11px;color:#7b796b;margin:5px 0 0}#works .works-stage .works-devices{width:89%;margin:8px auto 40px}#works .works-demo-heading .label{font-size:10px;margin:0 0 10px}#works .works-demo-heading h3{font:400 27px/1.7 var(--serif);letter-spacing:.1em;margin:0}#works .works-category-icon{display:block;flex:none;width:70px;height:74px;border-radius:50%;background-image:url(//www.kotonoha-plus.com/wp-content/themes/kotonoha-staging/kotonoha/assets/storybook/assets/works-approved-icons-v1.png);background-size:124px 421px;background-color:transparent;background-repeat:no-repeat;mask-image:radial-gradient(ellipse,#000 58%,transparent 73%)}#works .works-icon-0{background-position:-45px -19px}#works .works-icon-1{background-position:-45px -115px}#works .works-icon-2{background-position:-45px -211px}#works .works-icon-3{background-position:-45px -310px}#works .works-category{grid-template-columns:70px minmax(0,1fr) 15px;padding:12px 14px;gap:12px;border-radius:22px 27px 24px 20px;background:linear-gradient(105deg,#e9e4d638,#f0ecdf65);box-shadow:0 5px 13px #7e705008;font-family:var(--serif)}#works .works-category[aria-pressed=true]{background:linear-gradient(110deg,#d9dec577,#e4e6d4ad);border-color:#b7c09b99}#works .works-stage{background-color:#faf8f1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.055' filter='url(%23p)'/%3E%3C/svg%3E");border:1px solid #d6cbb473;border-radius:17px 21px 19px 16px;box-shadow:inset 2px 0 6px #ab96750c,0 5px 18px #71604308;padding:25px 27px}#works .works-points{position:relative;isolation:isolate;align-self:stretch;background:linear-gradient(115deg,#f1efe660,#eeece18a);border:1px solid #e5e0d333;border-radius:8px;font-family:var(--sans);padding:16px 17px 16px;box-shadow:none;box-sizing:border-box}#works .works-points:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.18' filter='url(%23grain)'/%3E%3C/svg%3E")}#works .works-points:after{display:none}#works .works-points h4{display:flex;align-items:center;gap:6px;font:400 15px/1.7 var(--serif);letter-spacing:.07em;margin:0 0 12px}#works .works-points h4:before{content:'';width:17px;height:18px;flex:none;background:url(//www.kotonoha-plus.com/wp-content/themes/kotonoha-staging/kotonoha/assets/storybook/assets/works-leaf-transparent-v1.webp) center/contain no-repeat;transform:rotate(25deg)}#works .works-points li{padding-left:36px;margin:12px 0;min-height:29px}#works .works-points li:last-child{margin-bottom:0}#works .works-points li:before{width:27px;height:28px;display:grid;place-items:center;font:12px/1 Georgia,serif;letter-spacing:.07em;color:#9b7c4f;background:radial-gradient(ellipse at 36% 32%,#e8ddbd8a,#eae1cb92 58%,#eee6d457 74%,transparent 79%);border-radius:47% 53% 48% 52%}#works .works-points strong{font-size:13px;line-height:1.65;letter-spacing:.01em;font-weight:500;text-wrap:pretty}#works .works-points span{font-size:12px;line-height:1.8;letter-spacing:0;color:#68705c;text-wrap:pretty}@media(min-width:1001px){#works .works-case-copy{grid-template-columns:minmax(0,1fr) minmax(230px,1.05fr);gap:18px}}#works .works-case-copy{font-family:var(--serif)}#works .works-case-copy h3{letter-spacing:.1em}#works .works-demo-button{display:inline-flex;gap:23px;align-items:center;padding:9px 20px;background:#969f7b;color:#fffdf4;border-radius:24px;font:12px/1.8 var(--serif);margin-top:7px;box-shadow:inset 0 1px 3px #fff8}#works .works-demo-button:hover{background:#7a865f}#works .works-devices{padding:12px 12% 28px 5%;margin-top:8px}#works .works-device-leaf{position:absolute;left:-17px;bottom:2px;width:105px;height:115px;background:url(//www.kotonoha-plus.com/wp-content/themes/kotonoha-staging/kotonoha/assets/storybook/assets/works-leaf-transparent-v1.webp) center/contain no-repeat;pointer-events:none;transform:scaleX(-1) rotate(-27deg)}#works .works-aside-note{padding-top:30px}@media(max-width:1000px){#works .works-category{grid-template-columns:57px minmax(0,1fr) 12px;gap:7px;padding:10px}#works .works-category-icon{transform:scale(.8);transform-origin:left center;margin-right:-13px}}@media(max-width:700px){#works .works-category{grid-template-columns:45px minmax(0,1fr) 10px;padding:8px;gap:5px}#works .works-category-icon{transform:scale(.62);transform-origin:left center;width:70px;margin-right:-25px;height:74px}#works .works-category strong{font-size:13px}#works .works-category small{display:none}#works .works-stage{padding:20px 17px}#works .works-device-leaf{transform:scaleX(-1) rotate(-27deg) scale(.7);transform-origin:center bottom;left:-44px;top:43%;bottom:auto}}.works-showcase .works-lead{font-family:var(--serif);font-size:14px;margin:15px 0 0;color:#646b59}.works-layout{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(220px,.85fr);gap:35px;align-items:start}.works-stage{min-width:0;padding:25px 28px 28px;border:1px solid #dcd5c580;border-radius:17px;background:#faf8f244}.works-case-switch{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:22px}.works-case-switch button{border:0;border-bottom:1px solid transparent;background:0 0;padding:5px 0;font:13px var(--serif);cursor:pointer;color:#737763}.works-case-switch button[aria-pressed=true]{color:#35432e;border-color:#8b976d}.works-devices{position:relative;display:block;padding:8px 12% 25px 2%;margin-bottom:18px}.works-desktop{display:block;border:5px solid #494d42;border-radius:9px;background:#fff;box-shadow:0 5px 12px #393c3220;overflow:hidden}.works-desktop img{display:block;width:100%;max-width:100%;height:auto;clip-path:inset(0 1.1% 0 0);transform:scaleX(1.01113);transform-origin:left center}.works-phone{position:absolute;right:0;bottom:0;width:23%;border:4px solid #494d42;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 4px 10px #393c3226}.works-phone img{display:block;width:100%;height:auto;clip-path:inset(0 4% 0 0);transform:scaleX(1.04167);transform-origin:left center}.works-case-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:23px;align-items:stretch}.works-case-copy>div:first-child{min-height:100%;display:flex;flex-direction:column;justify-content:flex-start}.works-case-copy>div:first-child .works-demo-button{margin-top:auto;align-self:flex-start}.works-case-copy .label{font-size:10px;margin:0 0 10px}.works-case-copy h3{font-size:26px}.works-case-copy .works-sector{font-size:11px;color:#7b796b;margin:4px 0 13px}.works-case-copy h4{font:600 16px/1.8 var(--serif);margin:0 0 10px}.works-case-copy p{font:14px/2.05 var(--sans);margin:0 0 16px}.works-case-copy .textlink{font-size:13px;gap:16px}.works-points{background:#e8e9dc75;border-radius:7px;padding:17px}.works-points h4{font:400 15px/1.7 var(--serif)}.works-points ol{list-style:none;counter-reset:point;margin:0;padding:0}.works-points li{counter-increment:point;position:relative;padding-left:29px;margin:13px 0}.works-points li:before{content:counter(point,decimal-leading-zero);position:absolute;left:0;top:0;font:13px Georgia;color:#a18758}.works-points strong{display:block;font-size:13px;font-weight:500}.works-points span{display:block;font:12px/1.8 var(--sans);color:#68705c}.works-stage .works-disclosure{font-size:10px;line-height:1.9;color:#747165;margin:23px 0 0}.works-categories>.label{font-size:10px;margin:0 0 18px}.works-category-list{display:grid;gap:15px}.works-category{display:grid;grid-template-columns:48px minmax(0,1fr) 15px;gap:12px;align-items:center;text-align:left;border:1px solid #e3ddce80;border-radius:19px;background:linear-gradient(105deg,#e9e4d638,#f0ecdf65);padding:20px 15px;color:#515b45;cursor:pointer}.works-category[aria-pressed=true]{background:linear-gradient(110deg,#d9dec577,#e4e6d4ad);border-color:#b7c09b99}.works-category-icon{display:grid;place-items:center;width:47px;height:50px;border-radius:47% 53% 49% 55%;background:#e4dcc659;color:#9c855b;font:28px var(--serif)}.works-category strong{display:block;font:17px var(--serif);margin-bottom:8px}.works-category small{display:block;font:11px/1.8 var(--serif)}.works-aside-note{font:13px/2 var(--serif);color:#99865e;padding:24px 10px;margin:0}.works-empty{min-height:430px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.works-empty p{font-size:14px;margin:0}@media(max-width:1000px){.works-layout{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:22px}.works-case-copy{grid-template-columns:1fr}.works-stage{padding:22px}.works-category{padding:17px 12px}}@media(max-width:700px){.works-layout{display:flex;flex-direction:column;gap:20px}.works-categories{order:-1;width:100%}.works-category-list{grid-template-columns:1fr 1fr;gap:10px}.works-category{grid-template-columns:1fr 13px;gap:5px;padding:14px 12px;border-radius:13px}.works-category-icon{display:none}.works-category strong{font-size:15px}.works-category small{font-size:10px}.works-aside-note{display:none}.works-stage{width:100%;padding:20px 17px}.works-case-copy{gap:18px}.works-empty{min-height:280px}.works-phone{border-width:3px;border-radius:10px}.works-desktop{border-width:3px}.works-showcase .section-top{margin-bottom:28px}}@media(max-width:700px){#works .works-category-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}#works .works-category-list>.works-stage{grid-column:1;min-width:0;margin:0 0 12px}#works .works-stage[hidden]{display:none!important}#works .works-more-row{margin-top:28px;text-align:right}}.works-category small{font-family:var(--sans)!important}.works-category small{font-family:var(--sans)!important;font-size:13px!important;line-height:1.8}@media(max-width:700px){.works-category small{font-size:12px!important}}@media(max-width:700px){#works .works-category-list .works-category{grid-template-columns:45px minmax(0,1fr) 44px}#works .works-category>span:last-child{display:grid;place-items:center;width:44px;height:28px;font-family:var(--sans);font-size:12px;font-weight:500;line-height:1;letter-spacing:.04em;color:#80643f;opacity:1}}@media(max-width:700px){#works .works-category{grid-template-columns:45px minmax(0,1fr) 10px;gap:8px;padding:12px 10px}.works-category-icon{display:grid!important;transform:scale(.68);transform-origin:left center;margin-right:-22px}.works-category strong{font-size:16px!important;line-height:1.6}.works-category small{display:block!important;font-size:12px!important;line-height:1.75!important;white-space:normal}}