/*
Theme Name: Little Laces — Laura's Space
Author: Laura Jen
Description: A four-page Myspace-inspired portfolio for Little Laces, with web design projects, photography, brand content, and press.
Version: 1.0.36
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: little-laces
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--blue:#153f83;--blue-light:#e6f0fc;--blue-mid:#b9d2ef;--link:#174581;--pink:#db3177;--pink-dark:#a71b57;--pink-light:#fff0f6;--pink-border:#f0b6cf;--text:#282832;--muted:#63636d;--border:#bdcfe5;--white:#fff;--page:#fff8fb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--page);background-image:radial-gradient(#edc9d7 .7px,transparent .7px);background-size:12px 12px;color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.5}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;color:var(--pink-dark)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--pink);outline-offset:4px}button{font:inherit}svg{width:1.25rem;height:1.25rem;flex-shrink:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}button{cursor:pointer}.site-shell{width:min(1152px,calc(100% - 48px));margin:32px auto 40px;background:var(--white);border:1px solid #decdd5;box-shadow:0 12px 40px #5e24450c}.skip-link{position:absolute;left:-9999px;top:4px;z-index:10;padding:12px;background:white}.skip-link:focus{left:12px}.header-main{background:var(--blue);color:white;display:flex;align-items:center;gap:2rem;padding:22px 30px}.wordmark{color:#fff;font-size:2.125rem;font-weight:800;letter-spacing:-1.8px;line-height:1}.wordmark:hover{color:#fff;text-decoration:none}.wordmark-star{color:#ffa0c8;font-size:2.375rem;margin-left:5px;vertical-align:middle;font-weight:400}.header-meta{font-size:.75rem;letter-spacing:1.2px;border-left:1px solid #7798c4;padding-left:1.5rem}.header-email{margin-left:auto;color:#fff;display:flex;gap:.625rem;align-items:center;font-size:.875rem}.header-email:hover{color:#ffb2d2}.nav-bar{display:flex;justify-content:space-between;align-items:center;background:#e7f0ff;border-bottom:1px solid var(--blue-mid);padding:0 30px}.nav-bar nav{display:flex;align-items:stretch;gap:4px}.nav-bar nav a{padding:12px 20px;font-size:.875rem;font-weight:700;position:relative}.nav-bar nav a:first-child{padding-left:0;padding-right:22px}.nav-bar nav a[aria-current=page]{color:var(--pink-dark)}.nav-bar nav a[aria-current=page]:after{content:"";height:3px;background:var(--pink);position:absolute;bottom:0;left:16px;right:16px}.nav-bar nav a:first-child[aria-current=page]:after{left:0}.nav-note{color:#476187;font-size:.75rem}.page-layout{display:grid;grid-template-columns:316px minmax(0,1fr);gap:32px;padding:30px}.profile-sidebar,.main-column{min-width:0}.profile-sidebar>*,.main-column>*{margin-bottom:24px}.profile-sidebar>:last-child,.main-column>:last-child{margin-bottom:0}.identity-heading{display:flex;align-items:center;gap:8px;margin-bottom:3px}.identity h1{font-size:1.75rem;letter-spacing:-.6px}.profile-star{font-size:2rem;color:var(--pink);line-height:1}.handle{font-size:.9375rem;font-weight:700;color:var(--pink-dark)}.profile-quote{margin:16px 0;font-size:.9375rem}.profile-intro{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start}.profile-photo{width:150px;height:183px;object-fit:cover;object-position:50% 40%;border:1px solid #dfd5d9;padding:4px;background:white}.profile-facts{font-size:.875rem;line-height:1.4}.profile-facts .location{margin-top:14px}.mini-label{font-size:.75rem;color:var(--muted);letter-spacing:.7px;margin-top:14px}.mood{font-size:.8125rem;margin-top:1px;font-weight:700;color:var(--pink-dark)}.view-line{margin-top:13px;font-size:.875rem}.view-line a{font-weight:700}.view-line span{padding:0 5px;color:#9ca4af}.panel{border:1px solid var(--border);background:var(--white)}.panel-title{background:var(--blue-mid);color:#183f71;padding:8px 12px;font-size:.9375rem;font-weight:700}.contact-grid{display:grid;grid-template-columns:1fr 1fr;padding:14px 12px;gap:18px 8px}.contact-grid a{display:flex;gap:7px;align-items:center;font-size:.875rem;font-weight:700;line-height:1.2}.contact-grid svg{color:#4e709b;width:1.125rem;height:1.125rem}.url-box{border:1px solid #aaa3aa;text-align:center;padding:13px 10px}.url-box h2{font-size:.875rem;margin-bottom:2px}.url-box a{font-size:.9375rem}.interest-table{margin:0;padding:5px;font-size:.875rem}.interest-table>div{display:grid;grid-template-columns:88px 1fr;gap:4px;margin-bottom:4px}.interest-table>div:last-child{margin-bottom:0}.interest-table dt{background:var(--blue-light);font-weight:700;color:#284b77;padding:10px 8px}.interest-table dd{margin:0;background:#f3f7fc;padding:10px 9px;overflow-wrap:anywhere}.profile-note{color:var(--muted);font-size:.8125rem;padding-left:2px}.profile-note span{color:var(--pink);font-size:1.125rem;margin-left:3px}.extended-network{border:1px solid #24242e;box-shadow:inset 0 0 0 4px white,inset 0 0 0 5px #24242e;text-align:center;padding:27px 16px;font-size:1.1875rem;font-weight:700;line-height:1.35}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;background:var(--pink-light);color:var(--pink-dark);border-bottom:1px solid var(--pink-border)}.section-heading h2{font-size:.9375rem}.section-heading a{font-size:.875rem;color:var(--pink-dark);font-weight:700;white-space:nowrap}.small-tag{font-size:.75rem;font-weight:700;letter-spacing:.8px}.latest-panel,.top-eight,.portfolio-panel,.hello-panel{border-color:var(--pink-border)}.feature-image{display:block;position:relative;margin:12px 12px 0;overflow:hidden;background:#255577}.feature-image img{width:100%;height:258px;object-fit:cover;object-position:50% 55%;transition:transform .25s}.feature-image:hover img{transform:scale(1.02)}.image-label{position:absolute;bottom:14px;left:14px;background:white;padding:6px 10px;color:#1f3e65;font-size:.75rem;font-weight:800;letter-spacing:.8px}.feature-caption{padding:17px 13px 19px;display:flex;justify-content:space-between;align-items:center;gap:16px}.feature-caption h3{font-size:1.1875rem;margin-bottom:3px}.feature-caption p{font-size:.8125rem;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:.875rem;font-weight:700;white-space:nowrap}.text-link svg{width:1rem;height:1rem}.blurbs-panel .panel-title{background:var(--pink-light);color:var(--pink-dark);border-bottom:1px solid var(--pink-border)}.blurbs-panel{border-color:var(--pink-border)}.panel-body{padding:16px}.panel-body h3{color:var(--pink-dark);font-size:1rem;margin:0 0 7px}.panel-body p{font-size:1rem;line-height:1.65;margin-bottom:12px}.panel-body h3:not(:first-child){margin-top:19px}.panel-body p:last-child{margin-bottom:0}.top-eight-intro{font-size:.875rem;padding:13px 13px 0}.top-eight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px;padding:17px 13px}.top-card{text-align:center;display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:6px}.top-card-title{font-size:.875rem;font-weight:700;min-height:2.6em;line-height:1.3;display:flex;align-items:flex-end;justify-content:center}.top-card img{width:100%;height:117px;object-fit:cover;border:1px solid #e2dce0;padding:3px;background:#fff;transition:border-color .2s}.top-card:hover img{border-color:var(--pink)}.top-card-meta{font-size:.75rem;color:var(--muted)}.project-invite{height:117px;border:1px dashed var(--pink-border);background:var(--pink-light);color:var(--pink-dark);font-size:.875rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.project-invite>span{font-size:2.25rem;font-weight:400;margin-bottom:4px}.album-intro{padding:22px 17px 20px}.album-intro h2{font-size:1.75rem;letter-spacing:-.6px}.album-intro p{color:var(--muted);margin-top:7px;font-size:.9375rem}.work-grid{padding:0 16px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.work-card{min-width:0;border:1px solid #e3dce0;background:white;scroll-margin-top:24px}.work-image{display:block;position:relative;background:#f4f4f4;overflow:hidden}.work-image img{width:100%;height:320px;object-fit:cover;transition:transform .25s}.work-image:hover img{transform:scale(1.03)}.product-image img{object-fit:contain}.enlarge-label{position:absolute;bottom:10px;right:10px;display:inline-flex;align-items:center;gap:5px;background:#fffefdf0;padding:5px 8px;font-size:.75rem;color:var(--blue);opacity:0;transition:opacity .2s}.enlarge-label svg{width:.875rem;height:.875rem}.work-image:hover .enlarge-label,.work-image:focus-visible .enlarge-label{opacity:1}.work-caption{padding:14px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:1px;color:var(--pink-dark)}.work-caption h3{font-size:1.125rem;margin-top:5px;margin-bottom:7px}.work-caption>p:last-child{font-size:.875rem;line-height:1.5;color:var(--muted)}.inquiry-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:13px;background:var(--pink-light);border:1px dashed var(--pink-border);padding:26px 18px;min-height:400px;color:var(--pink-dark)}.inquiry-card>span:first-child{font-size:4rem;line-height:1;font-weight:400}.inquiry-card h3{font-size:1.375rem}.inquiry-card p{font-size:.9375rem;color:var(--muted)}.inquiry-card:hover{text-decoration:none;border-color:var(--pink)}.inquiry-card:hover .text-link{text-decoration:underline}.hello-body{padding:34px 30px;background:linear-gradient(140deg,#fff 65%,#fff0f6)}.hello-body h2{font-size:2.625rem;letter-spacing:-1.25px;line-height:1.12;margin:14px 0 20px}.hello-body>p:not(.eyebrow){font-size:1rem;line-height:1.65;max-width:425px;color:#56515a}.email-address{display:block;font-weight:700;font-size:1.0625rem;margin:23px 0 24px;overflow-wrap:anywhere;color:var(--pink-dark)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:white;background:var(--blue);border:1px solid var(--blue);padding:12px 22px;font-size:.9375rem;font-weight:700;box-shadow:3px 3px 0 var(--pink-border)}.primary-button:hover{background:#102f65;color:#fff;text-decoration:none}.service-list{padding:7px 18px}.service-list>div{display:flex;gap:17px;padding:19px 0;border-bottom:1px solid #e3e9f2}.service-list>div:last-child{border:0}.service-number{font-size:.8125rem;font-weight:700;color:var(--pink-dark);padding-top:3px}.service-list h3{font-size:1.0625rem;margin-bottom:5px}.service-list p{color:var(--muted);font-size:.9375rem;line-height:1.5}.social-row{display:flex;align-items:center;gap:13px;padding:17px 18px}.social-row>svg:first-child{color:var(--pink-dark)}.social-row>svg:last-child{margin-left:auto}.social-row>span{font-size:.8125rem;color:var(--muted)}.social-row strong{display:block;font-size:.9375rem;color:var(--link)}.site-footer{border-top:1px solid #e6e1e5;background:#fcf9fb;padding:18px 30px;display:flex;justify-content:space-between;gap:16px;font-size:.75rem;color:var(--muted)}.site-footer>a:first-child{font-weight:700}.site-footer a{font-size:.8125rem}.photo-dialog{border:1px solid var(--pink-border);background:white;padding:0;max-width:min(95vw,960px);width:960px;max-height:94dvh;overflow:auto;box-shadow:0 20px 90px #0005}.photo-dialog::backdrop{background:#11203be8}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--pink-light);font-weight:700;color:var(--pink-dark);min-height:48px}.dialog-close{background:white;border:1px solid var(--pink-border);color:var(--pink-dark);display:flex;padding:7px}.photo-dialog>img{width:100%;max-height:calc(94dvh - 115px);object-fit:contain;background:#f5f5f5}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:12px;font-size:.875rem}.dialog-bottom button{background:#e6f0fc;border:1px solid var(--border);padding:7px 12px;color:var(--blue);font-size:.875rem}.photo-dialog:focus{outline:none}body.dialog-open{overflow:hidden}.editor-content{overflow-wrap:anywhere}.editor-content img{height:auto}.editor-content p{margin-bottom:1rem}.editor-content p:last-child{margin-bottom:0}.editor-content ul,.editor-content ol{padding-left:1.5rem}
@media(min-width:1300px){.site-shell{margin-top:42px}}
@media(max-width:1000px){.site-shell{width:calc(100% - 32px);margin-top:16px}.page-layout{grid-template-columns:280px minmax(0,1fr);gap:24px;padding:24px}.header-main,.nav-bar{padding-left:24px;padding-right:24px}.header-meta{display:none}.profile-intro{grid-template-columns:128px 1fr;gap:12px}.profile-photo{width:128px;height:174px}.identity h1{font-size:1.625rem}.contact-grid{gap:18px 6px;padding-left:10px;padding-right:10px}.contact-grid a{font-size:.875rem}.contact-grid svg{width:1rem;height:1rem}.feature-caption{align-items:start;flex-direction:column;gap:10px}.top-eight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.top-card-title{font-size:.875rem;min-height:unset}.top-card img,.project-invite{height:140px}.work-grid{grid-template-columns:1fr}.work-image img{height:400px}.hello-body{padding:25px 22px}.hello-body h2{font-size:2.25rem}.site-footer span{max-width:50%;text-align:center}}
@media(max-width:730px){.site-shell{width:calc(100% - 20px);margin:10px auto 20px}.header-main{padding:19px 18px;gap:12px}.wordmark{font-size:1.875rem}.wordmark-star{font-size:2rem}.header-email{font-size:.875rem}.nav-bar{padding:0 18px}.nav-note{display:none}.nav-bar nav{justify-content:space-between;width:100%}.nav-bar nav a{padding:12px 11px;font-size:.875rem}.nav-bar nav a:first-child{padding-right:11px}.page-layout{display:block;padding:22px 18px}.profile-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.profile-sidebar>*{margin:0}.identity{grid-column:1/-1}.identity h1{font-size:1.75rem}.profile-quote{margin:12px 0}.profile-intro{grid-template-columns:150px 1fr;gap:20px}.profile-photo{width:150px;height:183px}.profile-facts{font-size:.9375rem}.profile-facts .location{margin-top:12px}.mini-label{margin-top:12px}.contact-panel{grid-column:1/-1}.contact-grid{padding:14px 12px;gap:18px 16px}.contact-grid a{font-size:.875rem}.contact-grid svg{width:1.125rem;height:1.125rem}.url-box{grid-column:1/-1}.interests-panel{grid-column:1/-1}.profile-note{display:none}.main-column>*{margin-bottom:20px}.extended-network{font-size:1.0625rem;padding:24px 13px}.feature-image img{height:240px}.feature-caption{flex-direction:row;align-items:center;gap:12px}.feature-caption h3{font-size:1.0625rem}.feature-caption .text-link{font-size:.875rem}.panel-body{padding:15px}.top-eight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 9px;padding:15px 10px}.top-card-title{font-size:.875rem;min-height:2.6em}.top-card img,.project-invite{height:90px}.top-card-meta{font-size:.75rem}.project-invite{font-size:.8125rem}.project-invite>span{font-size:1.75rem}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px;gap:16px 12px}.work-image img{height:240px}.work-caption{padding:12px}.work-caption h3{font-size:1.0625rem}.work-caption .eyebrow{font-size:.75rem;letter-spacing:.2px}.work-caption>p:last-child{font-size:.875rem}.enlarge-label{display:none}.inquiry-card{min-height:340px;padding:22px 14px}.inquiry-card h3{font-size:1.1875rem}.inquiry-card p{font-size:.875rem}.hello-body{padding:30px 23px}.hello-body h2{font-size:2.5rem}.site-footer{padding:16px 18px;flex-wrap:wrap;gap:10px}.site-footer span{order:3;max-width:none;text-align:left;flex-basis:100%}.photo-dialog{width:calc(100vw - 20px)}.dialog-bottom button{padding:9px 10px}}
@media(max-width:420px){.header-email svg{display:none}.wordmark{font-size:1.7rem}.header-email{font-size:.875rem}.page-layout{padding:20px 13px}.feature-caption{align-items:start;flex-direction:column;gap:9px}.top-eight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:15px 13px}.top-card-title{font-size:.875rem;min-height:unset}.top-card img,.project-invite{height:130px}.work-grid{grid-template-columns:1fr;padding:0 12px 12px}.work-image img{height:370px}.work-caption .eyebrow{letter-spacing:.7px}.album-intro h2{font-size:1.5rem}.inquiry-card{min-height:280px}.hello-body h2{font-size:2.125rem}.hello-body{padding:26px 18px}.profile-intro{grid-template-columns:140px 1fr;gap:16px}.profile-photo{width:140px;height:180px}.contact-grid{gap:18px 9px}.contact-grid a{font-size:.875rem}.small-tag{font-size:.75rem;letter-spacing:.3px}.section-heading{padding:9px 11px}.section-heading h2{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.web-projects-panel{border-color:var(--pink-border)}.web-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 16px 18px}.web-card{min-width:0;border:1px solid #e3dce0;scroll-margin-top:24px}.site-preview{display:block;border-bottom:1px solid #e3dce0;overflow:hidden;background:#edf0f5}.browser-strip{display:flex;align-items:center;gap:10px;padding:7px 9px;color:#586377;font-size:.75rem;background:#edf0f5;border-bottom:1px solid #d8dfe8}.browser-strip>span:first-child{color:#a3afbe;font-size:.75rem;letter-spacing:1px;white-space:nowrap}.browser-strip>span:last-child{overflow-wrap:anywhere}.site-preview img{width:100%;height:155px;object-fit:cover;object-position:50% 0;transition:opacity .2s}.site-preview:hover img{opacity:.88}.role-label{font-size:.75rem;color:var(--muted);font-weight:700;letter-spacing:.5px;margin:13px 0 4px}.web-card .work-caption>p:not(.eyebrow):not(.role-label){font-size:.9375rem;line-height:1.55;color:#5a5660}.live-site-link{margin-top:17px}.web-card .eyebrow{letter-spacing:.4px}
@media(max-width:1000px) and (min-width:731px){.web-project-grid{grid-template-columns:1fr}.site-preview img{height:230px}}
@media(max-width:730px){.web-project-grid{grid-template-columns:1fr;gap:14px;padding:0 12px 14px}.site-preview img{height:230px}.browser-strip{font-size:.75rem;gap:7px;padding:7px}.browser-strip>span:first-child{display:none}}
@media(max-width:500px){.web-project-grid{grid-template-columns:1fr}.site-preview img{height:206px}.browser-strip>span:first-child{display:block}}

.header-main,.section-heading,.feature-caption,.site-footer,.dialog-bottom{flex-wrap:wrap}.identity-heading{flex-wrap:wrap}.profile-facts,.top-card-title,.contact-grid a,.interest-table dt{overflow-wrap:anywhere}.profile-facts{min-width:0}.primary-button{max-width:100%}.contact-copy{font-size:1rem;line-height:1.65;max-width:425px;color:#56515a}

/* Myspace-style latest feature and press page */
.latest-feature-block{padding:1px 4px 4px}.latest-feature-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}.latest-feature-heading h2{font-size:.9375rem}.latest-feature-heading a{font-size:.8125rem;font-weight:700;white-space:nowrap}.latest-feature-block>p{margin-top:13px;font-size:.8125rem;line-height:1.55}.latest-feature-block>p>span{font-weight:700}.latest-feature-block .view-more{font-weight:700;white-space:nowrap}.press-panel{border-color:var(--pink-border)}.press-intro{padding:17px 16px 12px;font-size:.9375rem;color:var(--muted)}.press-list{padding:0 16px}.press-entry{padding:20px 2px;border-top:1px solid #e5dce1}.press-entry .eyebrow{margin-bottom:5px}.press-entry h3{font-size:1.1875rem;line-height:1.35}.press-entry>p:not(.eyebrow){margin-top:8px;color:var(--muted);font-size:.9375rem;line-height:1.55}.press-read-link{display:inline-block;margin-top:11px;font-size:.875rem;font-weight:700}.press-more{margin:3px 16px 17px;padding:13px 12px;background:var(--pink-light);color:var(--pink-dark);font-size:.875rem;font-weight:700;text-align:center}.press-more span{font-size:1.05rem}
@media(max-width:730px){.latest-feature-block{padding-left:1px;padding-right:1px}.press-intro,.press-list{padding-left:13px;padding-right:13px}.press-more{margin-left:13px;margin-right:13px}}
@media(max-width:420px){.nav-bar{padding-left:9px;padding-right:9px}.nav-bar nav a,.nav-bar nav a:first-child{padding-left:6px;padding-right:6px;font-size:.8125rem}.latest-feature-heading{display:block}.latest-feature-heading a{display:inline-block;margin-top:4px}.press-entry h3{font-size:1.0625rem}}

.mood-emoji{display:inline-block;width:1em;height:1em;object-fit:contain;vertical-align:-.15em;}

/* Keep the portrait camera image focused on all three hats in the wide feature banner. */
.feature-image img{height:500px;object-position:50% 75%;}
@media(max-width:730px){.feature-image img{height:360px;}}
@media(max-width:420px){.feature-image img{height:250px;}}

/* Myspace-style music player */
.url-player-stack{display:grid;gap:8px}.retro-player{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:7px;align-items:stretch;padding:7px;border:2px solid #474348;background:linear-gradient(180deg,#f7f7f7 0,#bababa 46%,#888 50%,#c7c7c7 100%);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #656565,1px 1px 0 #b7b0b4}.retro-player audio{display:none}.retro-player-toggle{position:relative;width:52px;min-height:52px;padding:0;border:1px solid #5b5b5b;border-radius:4px;background:linear-gradient(180deg,#f9f9f9 0,#d6d6d6 48%,#a3a3a3 52%,#e2e2e2 100%);box-shadow:inset 2px 2px 2px #fff,inset -2px -2px 2px #777,0 0 0 1px #bcbcbc;color:#3a393b;display:grid;place-items:center}.retro-player-toggle:hover{filter:brightness(1.04)}.retro-player-toggle:active{box-shadow:inset 2px 2px 4px #777,inset -1px -1px 1px #fff}.retro-player-toggle:focus-visible{outline-offset:2px}.retro-play-icon{display:block;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:16px solid #464449;margin-left:4px;filter:drop-shadow(1px 1px 0 #fff)}.retro-pause-icon{display:none;align-items:center;gap:5px}.retro-pause-icon i{display:block;width:7px;height:23px;border-radius:1px;background:#464449;box-shadow:1px 1px 0 #fff}.retro-player[data-playing=true] .retro-play-icon{display:none}.retro-player[data-playing=true] .retro-pause-icon{display:flex}.retro-player-screen{position:relative;min-width:0;overflow:hidden;border:2px solid #6e6a6d;border-radius:3px;background:linear-gradient(180deg,#252122,#353032);box-shadow:inset 1px 1px 4px #080808,inset -1px -1px 0 #5e595b;padding:7px 69px 10px 10px;color:#fff}.retro-player-copy{min-width:0;text-shadow:0 1px 1px #000}.retro-player-copy strong,.retro-player-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro-player-title{font-size:.75rem;line-height:1.2;letter-spacing:.1px}.retro-player-artist{margin-top:2px;color:#d8d8d8;font-size:.625rem;line-height:1.2;font-weight:700;letter-spacing:.65px}.retro-equalizer{position:absolute;right:8px;top:7px;height:34px;display:flex;align-items:flex-end;gap:2px}.retro-equalizer i{display:block;width:4px;height:var(--bar-height);background:linear-gradient(to top,#40bd56 0 42%,#e7d72f 42% 72%,#ed4e35 72% 100%);box-shadow:0 0 2px #111;transform-origin:bottom;transform:scaleY(.78)}.retro-equalizer i:nth-child(1){--bar-height:12px}.retro-equalizer i:nth-child(2){--bar-height:19px}.retro-equalizer i:nth-child(3){--bar-height:26px}.retro-equalizer i:nth-child(4){--bar-height:33px}.retro-equalizer i:nth-child(5){--bar-height:29px}.retro-equalizer i:nth-child(6){--bar-height:24px}.retro-equalizer i:nth-child(7){--bar-height:17px}.retro-equalizer i:nth-child(8){--bar-height:25px}.retro-equalizer i:nth-child(9){--bar-height:20px}.retro-equalizer i:nth-child(10){--bar-height:12px}.retro-player[data-playing=true] .retro-equalizer i{animation:retro-equalizer .55s steps(4,end) infinite alternate}.retro-player[data-playing=true] .retro-equalizer i:nth-child(2n){animation-duration:.7s;animation-delay:-.28s}.retro-player[data-playing=true] .retro-equalizer i:nth-child(3n){animation-duration:.43s;animation-delay:-.12s}.retro-player-progress{position:absolute;left:9px;right:8px;bottom:5px;height:3px;overflow:hidden;border:1px solid #666;background:#151313}.retro-player-progress span{display:block;width:0;height:100%;background:#c9c9c9;box-shadow:0 0 2px #fff;transition:width .15s linear}@keyframes retro-equalizer{0%{transform:scaleY(.25)}45%{transform:scaleY(.7)}100%{transform:scaleY(1)}}
@media(max-width:730px){.url-player-stack{grid-column:1/-1}.retro-player{grid-template-columns:54px minmax(0,1fr)}.retro-player-toggle{width:54px}}
@media(prefers-reduced-motion:reduce){.retro-equalizer i{animation:none!important}.retro-player-progress span{transition:none!important}}

/* Brand experiences live inside Portfolio instead of adding another navigation tab. */
.experiences-panel{border-color:var(--pink-border)}.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 16px 18px}.experience-card{display:flex;min-width:0;flex-direction:column;border:1px solid #e3dce0;background:#fff;scroll-margin-top:24px}.experience-image,.experience-placeholder{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;background:#e9eef6;border-bottom:1px solid #e3dce0}.experience-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s,opacity .25s}.experience-image:hover img{transform:scale(1.025);opacity:.94}#nike-book-2-phoenix .experience-image img{object-position:50% 55%}#nike-snkrs-h-town .experience-image img{object-position:50% 50%}.experience-link-label{position:absolute;right:9px;bottom:9px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;background:#fffefded;color:var(--blue);font-size:.75rem;font-weight:700}.experience-link-label svg{width:.875rem;height:.875rem}.experience-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:22px 14px;text-align:center;color:#fff;background:var(--blue)}.experience-placeholder:hover{color:#fff;text-decoration:none;background:#102f65}.experience-placeholder span{font-size:.6875rem;font-weight:800;letter-spacing:1.3px;color:#ffc2db}.experience-placeholder strong{font-size:1.25rem;line-height:1.05;letter-spacing:-.45px}.experience-placeholder small{padding-top:12px;border-top:1px solid #ffffff73;font-size:.625rem;font-weight:700;letter-spacing:.9px}.experience-copy{display:flex;flex:1;flex-direction:column;padding:14px}.experience-copy h3{margin:5px 0 8px;font-size:1.0625rem}.experience-copy>p:not(.eyebrow):not(.experience-role){color:var(--muted);font-size:.875rem;line-height:1.5}.experience-role{margin-top:15px;padding-top:11px;border-top:1px solid #eee7eb;color:#4f4c54;font-size:.6875rem;font-weight:700;letter-spacing:.45px;line-height:1.4}.experience-role span{display:block;margin-bottom:3px;color:var(--pink-dark);font-size:.625rem;letter-spacing:.8px}.experience-copy .text-link{margin-top:auto;padding-top:15px;font-size:.8125rem}
@media(max-width:1000px){.experience-grid{grid-template-columns:1fr}.experience-card{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr)}.experience-image,.experience-placeholder{height:100%;min-height:285px;aspect-ratio:auto;border-right:1px solid #e3dce0;border-bottom:0}.experience-copy{padding:17px}.experience-placeholder strong{font-size:1.375rem}}
@media(max-width:500px){.experience-grid{padding:0 12px 14px;gap:14px}.experience-card{display:flex}.experience-image,.experience-placeholder{height:auto;min-height:0;aspect-ratio:4/5;border-right:0;border-bottom:1px solid #e3dce0}.experience-copy{padding:14px}.experience-placeholder strong{font-size:1.5rem}}

/* Page-specific mobile cleanup requested for the secondary pages. */
@media(max-width:730px){
body[data-page="contact"] .interests-panel,
body.ll-page-contact .interests-panel,
body[data-page="portfolio"] .interests-panel,
body.ll-page-portfolio .interests-panel,
body[data-page="press"] .interests-panel,
body.ll-page-press .interests-panel,
body[data-page="contact"] .extended-network,
body.ll-page-contact .extended-network,
body[data-page="portfolio"] .extended-network,
body.ll-page-portfolio .extended-network,
body[data-page="press"] .extended-network,
body.ll-page-press .extended-network{display:none}
}

/* Keep every Top 8 thumbnail in the same portrait frame and center its subject intentionally. */
.top-card-title{min-height:2.6em}
.top-card img,.project-invite{height:auto;aspect-ratio:4/5}
.top-card-manor-website img,.top-card-product-shots img,.top-card-on-court img,.top-card-kobe-drop img,.top-card-plf-phoenix-rising img{object-position:50% 50%}
.top-card-nike-book-2-phoenix img{object-position:50% 55%}
.top-card-tino-website img{object-position:50% 22%}

/* Give Photo Albums a taller portrait crop and keep product photography full bleed. */
.work-image img{height:auto;aspect-ratio:4/5;object-position:50% 50%}
.product-image img{object-fit:cover}
