/* The portfolio is a sequence of large photographs and project stories. */
.kt-route-projects .company-editor-content{max-width:1264px}
.kt-route-projects .company-section{padding-top:60px;padding-bottom:100px;background:#151515ed}
.kt-project-story{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4vw,72px);padding:56px 0 72px;border-bottom:1px solid #6b4b4e;scroll-margin-top:140px}
.kt-project-story:first-child{padding-top:0}
.kt-project-story:last-child{padding-bottom:0;border-bottom:0}
.kt-project-story>.wp-block-group__inner-container,.project-facts>.wp-block-group__inner-container{display:contents}
.kt-project-story:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.kt-project-story:nth-child(even) .project-image:not(.project-detail-image){grid-column:2;grid-row:1}
.kt-project-story:nth-child(even) .project-copy{grid-column:1;grid-row:1}
.kt-project-story .project-image{margin:0;min-width:0}
.project-image>a{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:#262222;isolation:isolate;box-shadow:0 24px 48px #0005}
.project-image>a:focus-visible{outline:3px solid #ff9ca1;outline-offset:5px}
.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s ease}
.project-image figcaption{margin:17px 0 0;color:#d2c6c2;font-family:var(--body);font-size:11px;line-height:1.8;text-align:left}
.project-photo-hint{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#b91b23;color:#fff;font-size:11px;font-family:var(--body);pointer-events:none;transition:background .2s ease}
.project-photo-hint svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.project-copy{min-width:0}
.project-copy h2{font-size:clamp(36px,3.4vw,50px);line-height:1.08;margin:0;max-width:18ch;letter-spacing:-.015em;text-wrap:balance}
.company-editor-content .project-client{font-size:17px;font-weight:700;line-height:1.5;color:#ff9ca1;margin:19px 0 0}
.project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding:27px 0;margin:26px 0;border-top:1px solid #6b4b4e;border-bottom:1px solid #6b4b4e}
.company-editor-content .project-facts p{font-size:11px;line-height:1.65;margin:0;color:#d3c4c1}
.project-facts strong{display:inline-block;font-family:var(--body);font-size:16px;font-weight:700;line-height:1.45;color:#fff;margin-bottom:5px}
.company-editor-content .project-copy>p:not(.project-client),.company-editor-content .project-copy>.wp-block-group__inner-container>p:not(.project-client){font-size:14px;line-height:1.9;margin:0;color:#d9d0cc;max-width:55ch}
.kt-project-story.project-revealed .project-copy{animation:kt-project-enter .65s cubic-bezier(.16,1,.3,1) both}
@keyframes kt-project-enter{from{transform:translateY(18px);filter:blur(2px)}to{transform:translateY(0);filter:blur(0)}}
@media(hover:hover) and (pointer:fine){.project-image>a:hover img{transform:scale(1.025);filter:brightness(1.04)}.project-image>a:hover .project-photo-hint{background:#dc232d}}
.project-lightbox{position:fixed;inset:0;width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #6b4b4e;background:#171515;color:#fff;box-shadow:0 28px 90px #0009;overscroll-behavior:contain}
.project-lightbox::backdrop{background:#080809ed}
.project-lightbox-inner{padding:18px 24px 22px}
.project-lightbox-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.project-lightbox-header h2{font-family:var(--body);font-size:15px;line-height:1.4;margin:0;color:#fff}
.project-photo-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #9b777c;background:#291f20;color:#fff;cursor:pointer}
.project-photo-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.project-photo-close:focus-visible,.project-photo-original:focus-visible{outline:3px solid #ff9ca1;outline-offset:3px}
.project-lightbox figure{margin:0}
.project-lightbox .project-photo-full{display:block;width:100%;max-height:calc(100dvh - 220px);min-height:120px;object-fit:contain;background:#101010}
.project-lightbox figcaption{color:#e4d7d4;font-size:12px;line-height:1.6;margin-top:12px;white-space:pre-line}
.project-photo-original{display:inline-flex;align-items:center;gap:12px;margin-top:15px;color:#ffb2b7;font-size:12px}
.project-photo-original svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.project-photo-status{font-size:13px;color:#f2dadc;margin:8px 0}
html.project-photo-open{overflow:hidden}
@media(max-width:1000px){.kt-project-story{gap:30px}.project-copy h2{font-size:36px}.project-facts strong{font-size:14px}}
@media(max-width:700px){.kt-route-projects .company-section{padding-top:38px;padding-bottom:55px}.kt-project-story,.kt-project-story:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:38px 0 46px;scroll-margin-top:115px}.kt-project-story .project-image{order:0}.kt-project-story .project-copy{order:1}.project-copy h2{font-size:38px;max-width:20ch}.company-editor-content .project-client{font-size:15px;margin-top:14px}.project-facts{margin:22px 0;padding:22px 0;gap:19px 16px}.project-image figcaption{font-size:10px;margin-top:12px}.project-photo-hint{right:12px;bottom:12px;padding:9px 11px;font-size:10px}.project-lightbox-inner{padding:12px}.project-lightbox-header h2{font-size:13px}.project-lightbox .project-photo-full{max-height:calc(100dvh - 230px)}}
@media(prefers-reduced-motion:reduce){.kt-project-story.project-revealed .project-copy{animation:none}.project-image img,.project-photo-hint{transition:none}.project-image>a:hover img{transform:none;filter:none}}
.kt-project-story .project-image{height:auto;background:transparent}
.project-visual{min-width:0}
.kt-project-story:nth-child(even)>.project-visual,.kt-project-story:nth-child(even)>.wp-block-group__inner-container>.project-visual{grid-column:2;grid-row:1}
.project-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.project-thumbnails>.wp-block-group__inner-container{display:contents}
.project-thumbnails .project-image figcaption{margin-top:10px}
.project-thumbnails .project-photo-hint{right:8px;bottom:8px;padding:8px}
.project-thumbnails .project-photo-hint>span{display:none}
@media(max-width:700px){.project-visual{order:0}.project-thumbnails{gap:12px;margin-top:16px}.project-thumbnails .project-image figcaption{font-size:10px}}
#antang-gunung-meratus .project-copy{align-self:start}
#antang-gunung-meratus{row-gap:24px}
#antang-gunung-meratus .project-visual,#antang-gunung-meratus .project-visual>.wp-block-group__inner-container{display:contents}
#antang-gunung-meratus .project-image:not(.project-detail-image){grid-column:1;grid-row:1}
#antang-gunung-meratus .project-copy{grid-column:2;grid-row:1 / span 2}
#antang-gunung-meratus .project-visual>.project-thumbnails,#antang-gunung-meratus .project-visual>.wp-block-group__inner-container>.project-thumbnails{grid-column:1;grid-row:2;margin-top:0}
#antang-gunung-meratus .project-gallery-more{grid-column:1 / -1;grid-row:3;margin-top:0}
#antang-gunung-meratus .project-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(min-width:1101px){#antang-gunung-meratus .project-gallery-more .project-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}}
.project-gallery-more{margin-top:24px;border-top:1px solid #6b4b4e;border-bottom:1px solid #6b4b4e}
.project-gallery-more summary{padding:18px 12px;color:#ffd3d6;font-size:13px;font-weight:700;cursor:pointer;min-height:52px;transition:background .2s ease}
.project-gallery-more summary:hover{background:#3c2024}
.project-gallery-more summary:focus-visible{outline:3px solid #ff9ca1;outline-offset:3px}
.project-gallery-more>.project-thumbnails{margin:0;padding:8px 0 22px}
.project-lightbox .project-photo-full{max-height:calc(100dvh - 280px)}
.project-photo-navigation{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:14px}
.project-photo-navigation[hidden]{display:none}
.project-photo-navigation button{display:grid;place-items:center;min-width:44px;min-height:44px;background:#6b2029;border:1px solid #b16770;color:#fff;cursor:pointer}
.project-photo-navigation button:disabled{background:#292021;border-color:#60474b;color:#c2acb0;cursor:default}
.project-photo-navigation button:focus-visible{outline:3px solid #ff9ca1;outline-offset:3px}
.project-photo-navigation svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.project-photo-prev svg{transform:rotate(180deg)}
.project-photo-count{min-width:64px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:#f2d7db}
@media(max-width:700px){#antang-gunung-meratus .project-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}.project-gallery-more summary{font-size:12px}}
@media(max-width:700px){#antang-gunung-meratus .project-copy{order:1}#antang-gunung-meratus .project-visual>.project-thumbnails,#antang-gunung-meratus .project-visual>.wp-block-group__inner-container>.project-thumbnails{order:2}#antang-gunung-meratus .project-gallery-more{order:3}}
@media(prefers-reduced-motion:reduce){.project-gallery-more summary{transition:none}}
#artafindo-perkasa .project-thumbnails{grid-template-columns:minmax(0,280px);justify-content:start}