.portfolio-main{padding-top:7rem}.portfolio-opening{padding:3rem 0 4rem}.portfolio-opening h1{font-size:clamp(3rem,6.5vw,6rem);line-height:1.04;letter-spacing:-.055em;font-weight:500;max-width:17ch;margin:1.5rem 0}.portfolio-page em{font-family:Georgia,serif;color:#a64c13;font-weight:400}.portfolio-opening>p:last-of-type{max-width:65ch;line-height:1.8;color:#57534e}.portfolio-index{display:flex;gap:1rem;flex-wrap:wrap;border-top:1px solid #d7d2c9;padding-top:1.5rem;margin-top:2.5rem}.portfolio-index a{padding:.8rem 1rem;border:1px solid #c9c2b8;border-radius:30px;color:inherit;text-decoration:none;font-size:.85rem}.portfolio-index a:hover{background:#242321;color:#fff}.portfolio-main section[id],.portfolio-main article[id]{scroll-margin-top:110px}.portfolio-sedivet{padding:3rem 0 4rem}.portfolio-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.portfolio-pair figure{margin:0}.portfolio-pair img{width:100%;height:auto;display:block}.portfolio-pair figcaption{font-size:.8rem;margin-top:.8rem}.portfolio-more{border-top:1px solid #c9c2b8;padding-top:1rem}.portfolio-more summary{cursor:pointer;font-weight:600;line-height:1.7}.portfolio-more summary span{float:right}.portfolio-others{padding:4rem 0}.portfolio-others h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;font-weight:500;letter-spacing:-.04em}.portfolio-other-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d7d2c9;border:1px solid #d7d2c9;margin-top:2rem}.portfolio-other-grid .case-card{display:block;background:#f5f2ec;border:0;border-radius:0;padding:2rem;box-shadow:none;transform:none}.portfolio-other-grid .case-logo-box{height:90px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:flex-start}.portfolio-other-grid .case-logo{max-width:230px;max-height:80px;object-fit:contain}.portfolio-other-grid .case-client{font-size:1.25rem}.portfolio-other-grid .case-result{margin-top:1.2rem;color:#57534e;background:none;border:0;padding:0;font-size:.9rem}.portfolio-other-grid .case-tags{display:flex;gap:.5rem;flex-wrap:wrap}.portfolio-other-grid .tag{font-size:.7rem;color:#57534e;background:transparent;border-color:#c9c2b8}.portfolio-page :focus-visible{outline:2px solid #a64c13;outline-offset:5px}@media(max-width:650px){.portfolio-main{padding-top:5rem}.portfolio-opening{padding-top:2rem}.portfolio-pair,.portfolio-other-grid{grid-template-columns:1fr}.portfolio-index{gap:.5rem}.portfolio-other-grid .case-card{padding:1.5rem}}
.portfolio-main h1,.portfolio-main h2,.portfolio-main h3{text-transform:none}