#project-dialog[open],body #project-dialog[open]{position:fixed;inset:0;display:flex;flex-direction:column;width:min(1160px,94vw);height:min(860px,90dvh);max-height:90dvh;margin:auto;overflow:hidden;padding:0;gap:0}
.studio-intro{display:block;background:#fafafa}.intro-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:12px 8%;align-items:end}.intro-heading .eyebrow{grid-column:1/-1;margin:0 0 12px}.intro-heading h2{font-size:38px;line-height:1.2}.intro-heading>p:last-child{margin:0;font-size:16px;max-width:440px}.intro-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:48px}.intro-stages>div{border-top:1px solid #ded8dd;padding-top:24px}.intro-stages span{font-size:12px;color:#793749}.intro-stages h3{font-size:25px;margin:14px 0}.intro-stages p{font-size:14px;line-height:1.8;margin:0;max-width:340px}.office-reference{margin:22px 0}.office-reference img{width:100%;height:auto;display:block}.office-reference figcaption{font-size:12px;color:#756b73;margin-top:10px}
@media(max-width:760px){.intro-heading{grid-template-columns:1fr;gap:20px}.intro-heading h2{font-size:30px}.intro-heading .eyebrow{margin:0}.intro-heading>p:last-child{font-size:14px}.intro-stages{grid-template-columns:1fr;gap:24px;margin-top:32px}.intro-stages>div{display:grid;grid-template-columns:28px 1fr;gap:8px 12px;padding-top:20px}.intro-stages span{padding-top:6px}.intro-stages h3{margin:0}.intro-stages p{grid-column:2}}
.project-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;border-bottom:1px solid #ded8dd;flex-shrink:0;background:#fafafa}
.project-head .modal-label{margin:0 0 7px;font-size:11px!important}.project-head h2{font:30px/1.2 Georgia,serif;margin:0;padding:0}.project-head>div{min-width:0}
#project-dialog .project-head .close{position:static;flex-shrink:0;margin:0;width:44px;height:44px;border-radius:4px;background:#efedef;box-shadow:none;align-self:center}
.project-scroll{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);gap:32px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#beb5bd #f2eff2;min-height:0;padding:28px 32px 32px;scrollbar-gutter:stable}
.project-scroll::-webkit-scrollbar{width:7px}.project-scroll::-webkit-scrollbar-thumb{background:#beb5bd;border-radius:6px}.project-scroll::-webkit-scrollbar-track{background:#f2eff2}
.project-scroll .project-summary{position:static;align-self:start;padding:0}.project-details section+section{margin-top:26px}.project-details h3{font:15px/1.4 Arial,sans-serif;font-weight:600;margin:0 0 10px}.project-details p{font-size:14px;line-height:1.8;margin:0;color:#69616a}.project-scroll .project-summary>.button{margin-top:28px}
#project-dialog .project-scroll .real-gallery{grid-column:auto;grid-row:auto;padding:0;margin:0;align-self:start;gap:10px}.project-scroll .real-gallery .gallery-photo:first-child img{height:430px}.project-scroll .real-gallery .gallery-photo img{height:200px}
.video-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.video-preview{aspect-ratio:4/5;border-radius:4px}.video-grid p{font-size:13px;line-height:1.5;margin:12px 0 0}.video-duration{position:absolute;bottom:12px;right:12px;padding:3px 7px;background:#211d21c9;color:#fff;font-size:11px;border-radius:3px;font-variant-numeric:tabular-nums}.play-circle{width:48px;height:48px;background:#fafafaf2;transition:transform .2s}.video-preview:hover .play-circle{transform:translate(-50%,-50%) scale(1.08)}
.grid{gap:48px 28px;align-items:stretch}.project{display:flex;flex-direction:column;border:1px solid #ded8dd;border-radius:5px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.project:hover{border-color:#a99aa5;box-shadow:0 6px 22px #302d320c}.project .photo{position:relative;width:100%;aspect-ratio:4/3;flex-shrink:0}.project-category{position:absolute;left:18px;top:18px;padding:6px 10px;background:#fafafaf0;border-radius:3px;font-size:11px;color:#302d32}.project .project-meta{padding:22px 24px 20px;margin:0;flex:1}.project .project-meta h3{font-size:26px;line-height:1.25}.project .project-meta p.card-note{font-size:13px;line-height:1.6;color:#756b73;margin:12px 0 0}.project-card-footer{border-top:1px solid #e7e2e6;margin:0 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:12px;color:#793749}.project-card-footer span:last-child{color:#91848d;font-variant-numeric:tabular-nums}
@media(max-width:760px){.grid{grid-template-columns:1fr;gap:28px}.project .photo{aspect-ratio:4/3}.project .project-meta{padding:20px}.project .project-meta h3{font-size:25px}.project-card-footer{margin:0 20px}.project-category{left:14px;top:14px}}
@media(max-width:1000px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.project-scroll{grid-template-columns:minmax(230px,1fr) minmax(0,1.2fr);gap:24px;padding:24px}.project-scroll .real-gallery .gallery-photo img{height:170px}}
@media(max-width:760px){#project-dialog[open],body #project-dialog[open]{height:92dvh;max-height:92dvh;width:94vw}.project-head{padding:18px;gap:12px}.project-head h2{font-size:23px}.project-scroll{display:block;padding:24px 18px}.project-details section+section{margin-top:22px}.project-scroll .project-summary>.button{margin-bottom:28px}#project-dialog .project-scroll .real-gallery{display:grid}.project-scroll .real-gallery .gallery-photo:first-child img{height:380px}.project-scroll .real-gallery .gallery-photo img{height:170px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.video-preview{aspect-ratio:3/4}.video-grid p{font-size:12px}.video-duration{right:8px;bottom:8px}}