.book-section{max-width:1440px;margin:auto;padding:100px clamp(22px,10vw,150px);display:grid;grid-template-columns:330px minmax(0,1fr);gap:clamp(45px,9vw,135px);align-items:center;background:#d9e3d0}.book-cover{width:270px;aspect-ratio:3/4;margin:auto;background:#ef8f6f;box-shadow:13px 14px 0 #26304b;padding:22px;position:relative;overflow:hidden;color:#26304b}.cover-sun{font:49px var(--serif);line-height:1}.cover-title{font:700 30px/.88 var(--serif);letter-spacing:-1.5px;margin-top:42px;position:relative;z-index:2}.cover-title em{font-size:23px}.cover-scene{position:absolute;left:0;right:0;bottom:0;height:42%;background:#f5dda1;border-radius:45% 45% 0 0;display:flex;align-items:center;justify-content:space-around;color:#ef8f6f;font-size:44px;transform:rotate(-4deg) scale(1.05)}.cover-scene span:nth-child(2){font-size:61px;color:#4d8f8b;transform:translateY(-28px)}.cover-scene span:nth-child(3){font-size:52px;color:#26304b}.book-cover>p{position:absolute;bottom:9px;left:22px;z-index:2;font:9px var(--mono);letter-spacing:.8px}.book-copy p:not(.eyebrow){font-size:16px;max-width:450px;color:#4a5351;margin:23px 0 31px}.book-copy h2{font:600 clamp(43px,5vw,70px)/.93 var(--serif);letter-spacing:-.055em}.book-copy .eyebrow{color:#4d7471}@media(max-width:760px){.book-section{grid-template-columns:1fr;padding:72px 22px;gap:50px}.book-cover{margin:0 auto}.book-copy{max-width:460px}.book-copy h2{font-size:53px}}
.portfolio-grid{height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:14px}.art-card{appearance:none;border:0;padding:0;position:relative;overflow:hidden;background:#242641;cursor:zoom-in;text-align:left;min-width:0}.art-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.art-card:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(transparent 42%,rgba(15,17,31,.86));opacity:.82}.art-card span,.art-card strong{position:absolute;z-index:2;left:15px;color:#fff}.art-card span{top:14px;font:10px var(--mono);letter-spacing:.65px;text-shadow:0 1px 4px #000}.art-card strong{bottom:14px;font:600 21px var(--serif);line-height:1.05}.art-card:hover img{transform:scale(1.06);filter:saturate(1.1)}.art-card.feature-wide{grid-column:span 2}.art-card.tall{grid-row:span 2}.portfolio-note{margin:19px 0 0;font-size:11px;color:#6b6873;font-family:var(--mono)}.art-dialog{border:0;padding:0;background:#111327;color:#fff;max-width:min(92vw,1120px);max-height:92vh;box-shadow:0 20px 90px rgba(0,0,0,.6)}.art-dialog::backdrop{background:rgba(10,11,22,.82);backdrop-filter:blur(3px)}.art-dialog img{display:block;max-width:92vw;max-height:calc(92vh - 48px);object-fit:contain}.art-dialog p{font:600 18px var(--serif);margin:0;padding:13px 18px}.close-dialog{position:absolute;right:10px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:27px;line-height:1;cursor:pointer;z-index:1}@media(max-width:800px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}.art-card.feature-wide{grid-column:span 2}}@media(max-width:430px){.portfolio-grid{grid-auto-rows:155px}.art-card strong{font-size:17px}.art-card span{font-size:8px;left:10px}.art-card strong{left:10px;bottom:10px}}