.portfolio-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:end;margin-bottom:55px}.portfolio-intro h2{font-size:clamp(44px,4.7vw,85px)}.portfolio-intro>div:last-child>p:first-child{font-size:19px;max-width:34em}.portfolio-disclosure,.portfolio-credit{font-size:13px;line-height:1.7;margin-top:22px;max-width:40em}.hair-portfolio{background:#e2e7d8}.portfolio-disclosure{border-left:2px solid #6d775f;padding-left:18px;color:#48513e}.portfolio-grid{display:grid;gap:28px}.hair-gallery{grid-template-columns:1.15fr 1fr;align-items:start}.hair-gallery .gallery-card:first-child{grid-row:span 2}.gallery-card a{display:block;text-decoration:none}.gallery-card img{display:block;width:100%;height:auto;object-fit:cover;background:#dedfce;transition:filter .2s ease}.hair-gallery .gallery-card:first-child img{aspect-ratio:1.03;object-position:65% center}.hair-gallery .gallery-card:not(:first-child) img{aspect-ratio:2;object-position:center 42%}.gallery-card-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding:17px 0 8px;margin-top:15px;font:12px/1.5 Arial,sans-serif;letter-spacing:.01em}.gallery-card-label>span:last-child{text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.gallery-card a:hover img{filter:brightness(.94)}.nail-portfolio{background:#302c29;color:#f4f0e7}.nail-portfolio .eyebrow{color:#d8c5ad}.nail-portfolio .portfolio-credit{color:#dfd6c9}.nail-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.nail-gallery img{aspect-ratio:1;object-fit:contain;background:#e8e2d6;padding:0}.nail-gallery .gallery-card-label{border-color:#a69b8e}.portfolio-source-link{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px;border-top:1px solid #a69b8e;margin-top:45px;padding-top:25px}.portfolio-source-link .text-link{color:#f4f0e7;margin-top:0}.portfolio-source-link .button{background:#f4f0e7;color:#302c29;border-color:#f4f0e7}.portfolio-viewer{padding:0;border:1px solid #b1aa9e;background:#f4f0e7;color:#292b24;width:min(1100px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto}.portfolio-viewer::backdrop{background:rgba(16,18,15,.85)}.viewer-content{padding:23px 30px}.viewer-top,.viewer-controls{display:flex;justify-content:space-between;gap:20px;align-items:center}.viewer-top{margin-bottom:18px;font:12px/1.5 Arial,sans-serif}.portfolio-viewer button{font:600 13px/1.4 Arial,sans-serif;min-height:44px;border:1px solid #8c9183;background:transparent;color:#292b24;padding:10px 19px;cursor:pointer}.portfolio-viewer button:hover{background:#e2e7d8}.portfolio-viewer img{width:100%;height:min(65vh,760px);height:min(65dvh,760px);object-fit:contain;background:#e7e2d8}.viewer-caption{padding:22px 0}.viewer-caption h2{font:400 29px/1.2 Georgia,serif;letter-spacing:-.025em}.viewer-caption p{font:12px/1.6 Arial,sans-serif;max-width:none;margin-top:10px}.viewer-controls{border-top:1px solid #afb3a5;padding-top:18px}body.gallery-open{overflow:hidden}.portfolio-viewer:not([open]){display:none}
@media(max-width:1000px){.portfolio-intro{gap:5vw}.nail-gallery{gap:28px 22px}.gallery-card-label{font-size:11px;gap:12px}.hair-gallery .gallery-card-label>span:last-child{display:none}}
@media(max-width:760px){.portfolio-intro{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.portfolio-intro h2{font-size:43px}.portfolio-intro>div:last-child>p:first-child{font-size:17px}.portfolio-disclosure,.portfolio-credit{font-size:13px;margin-top:18px}.hair-gallery{grid-template-columns:1fr;gap:30px}.hair-gallery .gallery-card:first-child{grid-row:auto}.hair-gallery .gallery-card:first-child img,.hair-gallery .gallery-card:not(:first-child) img{aspect-ratio:1.25}.hair-gallery .gallery-card-label>span:last-child{display:block}.nail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.nail-gallery .gallery-card-label{display:block;font-size:12px;padding-top:13px;margin-top:10px}.nail-gallery .gallery-card-label>span:last-child{display:block;margin-top:7px}.portfolio-source-link{margin-top:35px;padding-top:22px;display:grid;gap:16px}.portfolio-source-link .text-link{font-size:14px}.portfolio-viewer{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.viewer-content{padding:17px}.portfolio-viewer img{height:58vh;height:58dvh}.viewer-caption h2{font-size:25px}.viewer-caption{padding:18px 0}.viewer-top{gap:12px;font-size:11px}.portfolio-viewer button{font-size:13px;padding:10px 14px}}
@media(max-width:389px){.nail-gallery{grid-template-columns:1fr;gap:28px}.nail-gallery img{aspect-ratio:1.1}.nail-gallery .gallery-card-label{display:flex;gap:15px;font-size:12px}.nail-gallery .gallery-card-label>span:last-child{margin-top:0}.portfolio-intro h2{font-size:39px}.viewer-content{padding:14px}.viewer-top{font-size:10px}.viewer-caption p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.gallery-card img{transition:none}.gallery-card a:hover img{filter:none}}
.nail-portfolio{--focus:#fff2b9}

/* v4 refinement: controls never participate in the scrolling image area. */
.portfolio-viewer{overflow:hidden}.viewer-content{padding:0;display:flex;flex-direction:column;max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px)}.viewer-top{flex:0 0 auto;display:grid;grid-template-columns:minmax(30px,1fr) auto auto auto;gap:8px;margin:0;padding:16px 22px;border-bottom:1px solid #afb3a5;background:#f4f0e7}.viewer-top>span{white-space:nowrap}.viewer-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 26px 25px}.viewer-stage{position:relative;background:#e7e2d8}.viewer-loading{position:absolute;inset:0;display:grid;place-items:center;padding:25px;margin:0;max-width:none;text-align:center;font:14px/1.6 Arial,sans-serif;background:#e7e2d8;color:#292b24}.viewer-caption{padding-bottom:0}.viewer-stage img{display:block}.viewer-top button{padding:10px 14px;min-height:44px}@media(max-width:760px){.viewer-content{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px)}.viewer-top{padding:13px 14px;gap:7px;font-size:11px}.viewer-scroll{padding:14px 16px 20px}.viewer-top button{font-size:13px;padding:10px 12px}}@media(max-width:389px){.viewer-top{padding:12px;gap:6px;font-size:10px}.viewer-top button{padding:10px 11px}.viewer-scroll{padding:12px 14px 18px}}