.works-page .wrap{max-width:1160px;width:calc(100% - 96px)}.works-page header .brand{margin-right:auto}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:43px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.portfolio-heading,.case-heading{padding-top:28px;padding-bottom:55px}.portfolio-heading h1{font-size:54px;line-height:1.55;letter-spacing:-.05em}.portfolio-lead{font-size:17px;line-height:2;margin-top:25px;max-width:740px;color:var(--muted)}.portfolio-list{padding-bottom:90px}.portfolio-list-heading{border-top:2px solid var(--ink);padding:23px 0 27px;display:flex;justify-content:space-between;align-items:baseline}.portfolio-list-heading h2{font-size:24px}.portfolio-list-heading>span{font-size:13px;color:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 25px}.portfolio-card{min-width:0;border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.portfolio-card:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--yellow)}.portfolio-card>a{display:flex;flex-direction:column;height:100%}.portfolio-card>a:hover{opacity:1}.portfolio-image{aspect-ratio:16/9;overflow:hidden;background:var(--gray);border-bottom:1px solid var(--line)}.portfolio-image img{width:100%;height:100%;object-fit:cover;object-position:top}.portfolio-info{padding:22px;display:flex;flex-direction:column;flex:1}.portfolio-industry{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:10px}.portfolio-info h2{font-size:20px;line-height:1.6;display:flex;justify-content:space-between;gap:12px;letter-spacing:-.025em;margin-bottom:12px}.portfolio-info h2 span{flex-shrink:0;font-weight:400}.portfolio-area{font-size:13px;color:var(--muted);line-height:1.7}.portfolio-service{font-size:14px;line-height:1.9;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.portfolio-read{font-size:13px;font-weight:700;margin-top:auto;padding-top:22px}.case-heading{padding-bottom:35px}.case-heading h1{font-size:42px;line-height:1.5;overflow-wrap:anywhere}.case-subtitle{font-size:19px;line-height:1.9;margin-top:20px;max-width:900px;color:var(--muted)}.case-overview{display:grid;grid-template-columns:1.45fr 1fr;align-items:start;gap:35px;padding-bottom:55px}.case-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:6px}.case-meta{padding:22px 25px;background:var(--gray);border-top:3px solid var(--yellow)}.case-meta dl{margin:0}.case-meta dl>div{padding:13px 0;border-bottom:1px solid var(--line)}.case-meta dl>div:first-child{padding-top:0}.case-meta dt{font-size:12px;color:var(--muted);margin-bottom:5px;font-weight:700}.case-meta dd{margin:0;font-size:14px;line-height:1.85;overflow-wrap:anywhere}.case-meta .button{margin-top:22px;min-height:48px;font-size:14px;box-shadow:none;width:100%;gap:15px}.case-body{max-width:800px;width:calc(100% - 96px);margin:0 auto;padding-bottom:65px}.case-prose{font-size:16px;line-height:2.1;overflow-wrap:anywhere}.case-prose>p{margin:0 0 24px}.case-prose>p:first-child{font-size:18px;line-height:2;padding-bottom:25px;border-bottom:1px solid var(--line)}.case-prose h2{font-size:27px;line-height:1.7;margin:50px 0 22px;padding:0 0 10px;border-bottom:2px solid var(--ink);letter-spacing:-.025em}.case-prose h3{font-size:21px;line-height:1.75;margin:31px 0 13px}.case-prose h4{font-size:18px;margin:25px 0 10px}.case-prose ul,.case-prose ol{padding-left:1.5em;margin:20px 0 25px}.case-prose li{padding:4px 0}.case-prose strong{font-weight:700}.case-prose a{color:#283f20;text-decoration:underline;text-underline-offset:4px}.case-prose blockquote{margin:25px 0;padding:18px 24px;background:var(--gray);border-left:4px solid var(--yellow)}.case-prose table{width:100%;border-collapse:collapse;font-size:14px}.case-prose th,.case-prose td{padding:10px;border:1px solid var(--line);text-align:left}.case-prose img{max-width:100%;height:auto}.case-source{font-size:12px;color:var(--muted);text-align:right;margin-top:25px}.case-source a{text-decoration:underline}.case-back{border-top:1px solid var(--line);margin-top:40px;padding-top:30px;text-align:center}.case-back .button{font-size:14px;box-shadow:none}.related-works{padding-top:45px;padding-bottom:80px;border-top:1px solid var(--line)}.related-works>h2{font-size:27px;margin-bottom:28px}.works-page footer .brand{align-self:start}.works-page .contact h2{font-size:39px}
@media(max-width:1050px){.works-page .wrap{width:calc(100% - 60px)}.portfolio-grid{gap:24px 17px}.portfolio-info{padding:17px}.portfolio-info h2{font-size:18px}.case-overview{gap:23px;grid-template-columns:1.2fr 1fr}.case-meta{padding:20px}.case-heading h1{font-size:36px}}
@media(max-width:760px){.works-page .wrap{width:calc(100% - 40px)}.breadcrumbs{font-size:11px;gap:7px;margin-bottom:30px}.portfolio-heading,.case-heading{padding-top:22px;padding-bottom:35px}.portfolio-heading h1{font-size:34px;line-height:1.65}.portfolio-lead{font-size:15px;margin-top:20px}.portfolio-lead br{display:none}.portfolio-list-heading h2{font-size:22px}.portfolio-list-heading{padding:20px 0}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.portfolio-info{padding:15px}.portfolio-info h2{font-size:17px}.portfolio-industry{font-size:11px}.portfolio-area{font-size:12px}.portfolio-service{font-size:13px}.portfolio-list{padding-bottom:55px}.case-heading h1{font-size:29px}.case-subtitle{font-size:16px;line-height:1.9;margin-top:15px}.case-overview{grid-template-columns:1fr;gap:20px;padding-bottom:35px}.case-meta{padding:23px}.case-meta dl>div{display:grid;grid-template-columns:85px 1fr;gap:12px}.case-meta dt{margin:0;font-size:12px}.case-meta dd{font-size:14px}.case-body{width:calc(100% - 40px);padding-bottom:45px}.case-prose{font-size:16px;line-height:2}.case-prose>p:first-child{font-size:16px}.case-prose h2{font-size:24px;margin-top:35px}.case-prose h3{font-size:20px;margin-top:25px}.related-works{padding-top:35px;padding-bottom:50px}.works-page .contact h2{font-size:30px}}
@media(max-width:520px){.portfolio-grid{grid-template-columns:1fr;gap:26px}.portfolio-info{padding:22px}.portfolio-info h2{font-size:21px}.portfolio-industry{font-size:12px}.portfolio-area{font-size:14px}.portfolio-service{font-size:15px}.portfolio-image{aspect-ratio:16/9}.portfolio-heading h1{font-size:31px}}