.gallery-page{background:#191919;color:#f7f7f3}.gallery-page header{background:#191919;color:#f7f7f3;border-bottom:1px solid #ffffff25}.gallery-page .nav-contact{background:var(--orange);color:#191919}.gallery-page main{overflow:hidden}.gallery-heading{padding:46px 6% 26px;display:flex;justify-content:space-between;align-items:end;gap:24px}.kicker{font:12px Arial,sans-serif;letter-spacing:.14em;color:#fa744c;margin:0 0 15px}.gallery-heading h1{font-size:clamp(34px,4.5vw,70px);letter-spacing:-.06em;margin:0;line-height:1.4}.gallery-heading>p{font-size:15px;line-height:1.9;color:#bababa}.gallery-toolbar{padding:0 6%;display:flex;justify-content:space-between;align-items:center;gap:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.gallery-toolbar button{font-size:14px;background:transparent;border:1px solid #555;color:inherit;padding:10px 18px;border-radius:24px;cursor:pointer}.filters button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#151515}.gallery-toolbar .auto-toggle{border:0;color:#ccc;padding-right:0}.auto-toggle[aria-pressed=true]{color:#ff805a}.carousel{height:clamp(340px,37vw,530px);position:relative;perspective:1400px;touch-action:pan-y;cursor:grab;outline-offset:-6px}.carousel:active{cursor:grabbing}.carousel-ring{position:absolute;left:50%;top:47%;width:0;height:0;transform-style:preserve-3d}.work-card{position:absolute;width:clamp(240px,30vw,440px);height:clamp(190px,23vw,330px);left:0;top:0;padding:0;border:1px solid #ffffff45;background:#292929;color:white;box-shadow:0 28px 42px #0008;cursor:pointer;transition:transform .85s cubic-bezier(.22,.8,.22,1),opacity .7s,filter .7s;overflow:hidden;will-change:transform}.work-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}.work-card .card-label{position:absolute;bottom:0;left:0;right:0;padding:30px 18px 15px;background:linear-gradient(transparent,#000b);display:flex;justify-content:space-between;text-align:left;font-size:14px;pointer-events:none}.work-card:not(.active){filter:brightness(.56)}.work-card.active{border-color:#ffffffa0}.carousel-floor{position:absolute;width:75%;height:95px;bottom:10%;left:12.5%;border-radius:50%;background:#0008;filter:blur(25px);transform:rotateX(55deg)}.drag-hint{position:absolute;bottom:0;width:100%;text-align:center;font-size:12px;letter-spacing:.08em;color:#aaa;pointer-events:none}.gallery-bottom{margin:22px 6% 0;border-top:1px solid #ffffff30;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.selected-info p{font-size:12px;color:#fa744c;letter-spacing:.08em;margin:0 0 8px}.selected-info h2{font-size:24px;line-height:1.5;letter-spacing:0}.gallery-controls{display:flex;gap:24px;align-items:center;flex-shrink:0}.gallery-controls button{border:1px solid #777;background:none;color:white;border-radius:50%;width:48px;height:48px;font-size:23px;cursor:pointer}.gallery-controls button:hover{background:var(--orange);color:#191919}.gallery-controls span{font:14px Arial;min-width:44px;text-align:center}.gallery-note{margin:8px 6% 40px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#aaa;line-height:1.8}.gallery-note a{color:#fff}.gallery-page footer{border-top:1px solid #444;justify-content:space-between;font-size:14px}dialog{width:min(1100px,94vw);max-height:94dvh;background:#181818;color:white;border:1px solid #555;padding:20px}dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}#close-photo{display:block;margin-left:auto;background:transparent;color:white;border:0;padding:8px 8px 20px;font-size:16px;cursor:pointer}#large-photo{display:block;width:100%;height:min(66vh,750px);object-fit:contain}dialog>div{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0 0}dialog h2{font-size:18px}dialog a{font-size:14px;text-decoration:underline}@media(max-width:760px){.gallery-heading{padding-top:32px;display:block}.gallery-heading>p{font-size:14px;margin-bottom:0}.gallery-toolbar{align-items:start;gap:8px;flex-wrap:wrap}.gallery-toolbar button{font-size:13px;padding:9px 12px}.gallery-toolbar .auto-toggle{margin-left:auto}.carousel{height:350px;perspective:850px}.work-card{width:64vw;height:220px}.gallery-bottom{align-items:center;margin-top:12px}.selected-info h2{font-size:18px}.gallery-controls{gap:9px}.gallery-controls button{width:40px;height:40px}.gallery-note{flex-direction:column;font-size:12px}.gallery-page nav .gallery-nav{display:block;font-size:12px;margin-right:14px}.gallery-page .wordmark{font-size:18px}.gallery-page .nav-contact{font-size:12px;padding:10px}.gallery-page footer{align-items:start;font-size:13px;gap:20px}.gallery-page footer a{line-height:1.8}dialog>div{display:block}dialog a{display:inline-block;margin-top:12px}}@media(prefers-reduced-motion:reduce){.work-card{transition:none!important}}
.gallery-category{font-size:14px;letter-spacing:.04em;color:#c8c8c8}.work-card{width:clamp(240px,25vw,350px);height:clamp(260px,28vw,385px)}.carousel{height:clamp(400px,42vw,580px)}@media(max-width:760px){.work-card{width:64vw;height:270px}.carousel{height:370px}.gallery-category{font-size:12px}.gallery-toolbar .auto-toggle{font-size:13px}}
.project-photo{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.comparison-badge{position:absolute;top:14px;left:14px;background:#191919df;color:#fff;font:12px Arial,sans-serif;letter-spacing:.06em;padding:9px 11px;border:1px solid #ffffff60;pointer-events:none}.work-card .card-label{gap:12px}.work-card .card-label>span:first-child{line-height:1.5}#photo-dialog{padding:24px;width:min(1200px,94vw)}#photo-dialog .detail-heading{display:flex;align-items:center;justify-content:space-between;padding:0;gap:24px}.detail-kicker{color:#ff825b;letter-spacing:.1em;font-size:12px;margin:0 0 8px}#large-title{font-size:26px;line-height:1.5}#work-description{font-size:16px;line-height:1.9;color:#ccc;margin:16px 0 20px}#detail-photos{display:grid;grid-template-columns:1fr;gap:20px;padding:0}#detail-photos.comparison{grid-template-columns:1fr 1fr}#detail-photos figure{margin:0;min-width:0}#detail-photos figcaption{font-size:14px;letter-spacing:.04em;padding:0 0 12px;color:#f5f5f0}#detail-photos figure:last-child figcaption{color:#ff825b}.detail-photo{height:min(65vh,720px);background:#111;overflow:hidden}.detail-photo .project-photo{object-fit:contain}#close-photo{padding-top:0}#photo-dialog a{white-space:nowrap}@media(max-width:760px){#photo-dialog{padding:16px}#photo-dialog .detail-heading{display:block}#large-title{font-size:22px}#work-description{font-size:15px}#detail-photos.comparison{grid-template-columns:1fr}.detail-photo{height:auto;aspect-ratio:3/4;max-height:none}#detail-photos:not(.comparison) .detail-photo{height:65vh;aspect-ratio:auto}.gallery-toolbar .filters{gap:6px}.gallery-toolbar .filters button{font-size:14px;padding:9px 12px}}
