@font-face{font-family:PortfolioSerif;src:url('assets/serif.woff2') format('woff2');font-display:swap}@font-face{font-family:PortfolioSans;src:url('assets/sans.woff2') format('woff2');font-display:swap}@font-face{font-family:PortfolioHeading;src:url('assets/heading.woff2') format('woff2');font-display:swap}
:root{--cream:#f1ebe3;--pink:#e3609f;--ink:#080808;--serif:PortfolioSerif,Georgia,serif;--sans:PortfolioSans,Arial,sans-serif;--heading:PortfolioHeading,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--serif)}main{max-width:1600px;margin:auto}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #65143a;outline-offset:7px}.hero{padding:8% 4% 5.4%;display:grid;grid-template-columns:36% 1fr;gap:4.3%;align-items:center;min-height:560px}.hero-photo{width:100%;aspect-ratio:.78;object-fit:cover;object-position:36% 58%;border:7px solid var(--pink);border-radius:48px}.hero-copy h1{font:400 clamp(60px,8.25vw,132px)/1.1 var(--serif);letter-spacing:.01em;color:var(--pink);margin-bottom:20px}.hero-title{font-size:clamp(18px,2.5vw,40px);line-height:1.35;max-width:700px}.hero-result{color:#777;font-size:clamp(14px,1.82vw,29px);line-height:1.4;margin-top:25px}.mini-brands{display:flex;gap:15px;margin-top:26px;align-items:center}.mini-brands img{width:52px;height:52px;border-radius:50%;object-fit:cover}.mini-brands a{transition:transform .2s}.mini-brands a:hover{transform:translateY(-4px)}.about{background:var(--pink);padding:3% 4% 5.5%;display:grid;grid-template-columns:64% 36%;color:var(--cream)}.about-photo{width:84%;height:230px;object-fit:cover;object-position:50% 43%;border:6px solid var(--cream);border-radius:24px}.about h2{font-size:clamp(32px,4.6vw,68px);font-weight:400;margin:33px 0 23px}.about-copy p{font-size:clamp(18px,2.2vw,31px);line-height:1.35;max-width:95%}.about-results{display:flex;flex-direction:column;justify-content:center;align-items:center}.pill{display:inline-block;padding:14px 30px;border:1px solid currentColor;border-radius:50%;font:18px var(--sans);transition:background .2s,color .2s}.pill:hover{background:var(--ink);color:var(--cream)}.pill.light{border-radius:40px;color:var(--cream);padding:15px 32px}.pill.light:hover{background:var(--cream);color:#a22b64}.brands{padding:5% 4% 4%}.brands h2,.work-section h2{font:400 clamp(30px,4.6vw,64px)/1.2 var(--heading);text-align:center}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px 25px;padding:65px 0 20px}.brand{display:flex;align-items:center;gap:18px;font:clamp(16px,2.05vw,29px)/1.3 var(--sans);border-radius:30px;transition:transform .2s}.brand:hover{transform:translateY(-5px)}.brand img{height:100px;width:100px;border-radius:50%;object-fit:cover}.work-section{padding:65px 6% 55px}.work-section h2{display:flex;align-items:center;justify-content:center;gap:24px}.work-section h2 img{width:74px;height:74px;border-radius:18px;object-fit:cover}.section-subtitle{font:16px var(--sans);text-align:center;color:#756e6c;margin-top:18px}.personal-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:8%;align-items:center;margin-top:45px}.video-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.phone-placeholder{position:relative;aspect-ratio:9/18.8;border:9px solid #0b0b0b;border-radius:35px;background:#e5ddd6;overflow:hidden;box-shadow:inset 0 0 0 2px #625e59;display:grid;place-items:center}.notch{position:absolute;top:0;left:25%;width:50%;height:19px;background:#0b0b0b;border-radius:0 0 15px 15px}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:#8c7b7f;font:13px var(--sans);text-align:center}.play-symbol{font-size:46px;font-family:Arial,sans-serif;font-weight:200}.home-indicator{position:absolute;bottom:8px;width:35%;height:4px;background:#8b807b;border-radius:8px}.image-button{display:block;background:transparent;border:0;padding:0;cursor:zoom-in;color:#6e6264;text-align:center}.image-button img{display:block;width:100%;height:auto}.image-button span{display:inline-block;margin-top:13px;font:12px var(--sans);border-bottom:1px solid #b9a7ac;padding-bottom:4px}.analytics-image{max-width:320px;justify-self:center}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:50px 0 8px;text-align:center}.metric-row strong{display:block;font:400 clamp(32px,4.4vw,65px) var(--serif);color:#bd4d83}.metric-row span{display:block;font:15px var(--sans);margin-top:6px}.campaign-metrics{margin:40px 0}.dashboard{width:100%}.dashboard img{border:6px solid white;border-radius:16px}.campaign-bottom{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;align-items:center;margin-top:32px}.campaign-bottom p{font-size:21px;line-height:1.4}.small-metric{text-align:center}.small-metric strong{display:block;font:38px var(--serif)}.small-metric span{font:13px var(--sans)}.brand-work{padding-top:85px;padding-bottom:70px}.sample-layout{display:grid;grid-template-columns:1.6fr .9fr;gap:8%;align-items:center;margin-top:40px}.sample-layout .video-pair{gap:55px}.empty-proof{background:#eee5df;border:1px dashed #c6b9b0;min-height:230px;display:grid;place-items:center;color:#95878c;font:13px var(--sans);text-align:center;padding:20px}.ecommerce-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;margin-top:45px;align-items:center}.sales-result>span{font:13px var(--sans);letter-spacing:.12em}.sales-result>strong{display:block;font:clamp(64px,9vw,140px)/1.1 var(--serif);color:var(--pink);margin-top:10px}.sales-result h3{font:30px var(--heading);margin:8px 0 20px}.sales-result p{font-size:22px;line-height:1.4}.sales-result .empty-proof{min-height:110px;margin-top:25px}.experience{padding:65px 4% 75px}.experience>h2{font:400 clamp(27px,3.4vw,47px) var(--sans);color:var(--pink);border:1px solid var(--pink);border-radius:50%;text-align:center;padding:22px 35px;width:fit-content;margin:0 auto 50px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 12%}.experience h3{font:26px var(--heading);display:flex;align-items:center;gap:20px}.experience h3 img,.mb-icon{width:52px;height:52px;object-fit:cover;border-radius:12px}.mb-icon{display:grid;place-items:center;background:var(--pink);color:var(--cream);font:42px var(--serif)}.experience .company{font:13px var(--sans);color:#967781;margin:13px 0}.experience article>p:last-child{font-size:22px;line-height:1.35}footer{display:grid;grid-template-columns:52% 48%;min-height:720px}.contact-copy{padding:14% 5% 6%}.contact-copy h2{font:400 clamp(38px,5.6vw,86px)/.98 var(--heading);letter-spacing:-.05em}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:85px}.contact-copy>p{font:13px var(--sans);color:#85777d;margin-top:35px}.contact-art{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr 1fr;overflow:hidden}.contact-art>div{position:relative;overflow:hidden}.art-wave{background:var(--pink)}.art-wave:before,.art-wave:after{content:'';position:absolute;width:100%;height:80%;border-radius:50%;background:var(--cream);left:-65%;top:55%}.art-wave:after{left:50%;top:25%}.art-star{background:#050505}.art-star:after{content:'';position:absolute;inset:-30%;background:var(--pink);clip-path:polygon(50% 0,54% 36%,70% 5%,62% 40%,88% 17%,68% 46%,99% 35%,70% 51%,100% 56%,68% 57%,91% 78%,62% 64%,72% 95%,55% 68%,50% 100%,46% 68%,27% 96%,38% 63%,9% 79%,32% 57%,0 57%,30% 50%,0 35%,33% 44%,13% 16%,39% 39%,30% 4%,46% 35%)}.art-flower{background:var(--cream)}.art-flower:after{content:'✺';position:absolute;color:#000;font:420px/1 Georgia;top:50%;left:50%;transform:translate(-50%,-50%)}.art-petal{background:#000}.art-petal:after{content:'';position:absolute;inset:-10%;background:var(--cream);clip-path:polygon(0 0,45% 0,50% 18%,55% 0,100% 0,100% 40%,76% 50%,100% 60%,100% 100%,55% 100%,50% 80%,45% 100%,0 100%,0 60%,25% 50%,0 40%)}dialog{border:0;padding:25px;background:var(--cream);max-width:95vw;max-height:94vh;border-radius:15px}dialog::backdrop{background:#000b}dialog img{display:block;max-width:85vw;max-height:83vh;object-fit:contain}.close-modal{position:sticky;top:0;float:right;margin:0 0 12px 12px;border:0;border-radius:50%;background:var(--pink);color:white;width:38px;height:38px;font:28px Arial;cursor:pointer}
@media(min-width:1600px){.hero{min-height:850px}}@media(max-width:1000px){.hero{min-height:0}.hero-photo{border-width:4px;border-radius:28px}.hero-copy h1{margin-bottom:14px}.hero-result{margin-top:15px}.mini-brands{gap:10px;margin-top:20px}.mini-brands img{width:30px;height:30px}.about-photo{height:170px;border-width:4px;border-radius:16px}.about h2{margin:23px 0 15px}.pill{font-size:13px;padding:12px 24px}.pill.light{padding:11px 23px}.brand-grid{gap:25px 15px;padding-top:40px}.brand{gap:12px}.brand img{width:57px;height:57px}.work-section{padding:45px 5%}.work-section h2 img{width:46px;height:46px}.phone-placeholder{border-width:6px;border-radius:24px}.notch{height:13px}.video-pair,.sample-layout .video-pair{gap:25px}.placeholder-content{font-size:10px}.analytics-image{max-width:230px}.metric-row span{font-size:12px}.campaign-bottom p{font-size:17px}.experience h3{font-size:20px;gap:12px}.experience article>p:last-child{font-size:17px}.experience h3 img,.mb-icon{width:34px;height:34px}.mb-icon{font-size:28px}.experience{padding-top:40px}.experience-grid{gap:35px 10%}.sales-result p{font-size:18px}.sales-result h3{font-size:24px}footer{min-height:500px}.contact-links{margin-top:55px;gap:15px}.contact-copy>p{font-size:10px}.art-flower:after{font-size:300px}}
@media(max-width:600px){.hero{padding:35px 6% 32px;grid-template-columns:39% 1fr;gap:6%}.hero-photo{aspect-ratio:.7;border-width:3px;border-radius:23px;object-position:35% 55%}.hero-copy h1{font-size:clamp(35px,8.3vw,50px);margin-bottom:12px}.hero-title{font-size:12px;line-height:1.35}.hero-result{font-size:12px;margin-top:11px}.mini-brands{gap:6px;flex-wrap:wrap;margin-top:14px}.mini-brands img{width:22px;height:22px}.about{padding:25px 6% 30px;grid-template-columns:1fr}.about-photo{width:100%;height:160px;object-position:50% 43%}.about h2{font-size:34px}.about-copy p{font-size:19px;max-width:100%}.about-results{margin-top:15px}.brands{padding:35px 6%}.brands h2{font-size:29px}.brand-grid{grid-template-columns:1fr 1fr;gap:25px 15px;padding:30px 0 0}.brand{font-size:16px;gap:12px}.brand img{width:51px;height:51px}.work-section{padding:35px 6%}.work-section h2{font-size:29px;gap:12px}.work-section h2 img{width:40px;height:40px}.section-subtitle{font-size:12px;line-height:1.6;margin-top:10px}.personal-layout{grid-template-columns:1fr;gap:25px;margin-top:25px}.video-pair,.sample-layout .video-pair{gap:22px;max-width:390px;width:100%;margin:auto}.phone-placeholder{border-radius:24px;aspect-ratio:9/18.8}.analytics-image{max-width:250px}.metric-row{grid-template-columns:1fr 1fr;row-gap:25px;margin-top:30px}.metric-row strong{font-size:40px}.metric-row span{font-size:13px}.dashboard img{border-width:3px;border-radius:8px}.campaign-bottom{grid-template-columns:1fr 1fr;gap:20px}.campaign-bottom p{grid-column:1/-1;font-size:19px}.sample-layout,.ecommerce-layout{grid-template-columns:1fr;gap:25px;margin-top:25px}.empty-proof{min-height:130px}.brand-work{padding-top:45px;padding-bottom:35px}.sales-result{text-align:center}.sales-result>strong{font-size:88px}.sales-result h3{font-size:29px}.experience{padding:45px 6%}.experience>h2{font-size:25px;padding:18px 20px;width:100%;margin-bottom:35px}.experience-grid{grid-template-columns:1fr;gap:28px}.experience h3{font-size:23px}.experience article>p:last-child{font-size:19px}.experience .company{margin:10px 0}footer{grid-template-columns:1fr;min-height:0}.contact-copy{padding:35px 6% 40px}.contact-copy h2{font-size:54px}.contact-links{margin-top:35px}.contact-links .pill{font-size:14px}.contact-copy>p{font-size:12px}.contact-art{height:360px;grid-template-rows:1fr 1fr}.art-flower:after{font-size:280px}.image-button span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.actual-stats{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;margin:0 0 28px}.about-personal-stats{width:62%;max-width:250px}.about-wheelz-stats{width:100%}.actual-stats img{width:100%;height:auto;display:block}.about-results{padding-left:16px}@media(max-width:600px){.about-results{padding-left:0;margin-top:30px}.actual-stats{gap:22px}.about-personal-stats{width:62%;max-width:220px}}

.portfolio-video{aspect-ratio:9/18.8;border:9px solid #0b0b0b;border-radius:35px;overflow:hidden;background:#0b0b0b}.portfolio-video video{display:block;width:100%;height:100%;object-fit:contain;background:#0b0b0b}.wheelz-videos{max-width:650px;margin:40px auto 0}.brand-logo-placeholder{display:inline-block;flex-shrink:0;width:100px;height:100px;border-radius:50%;border:1px dashed #c6b9b0;background:#eee5df}.mini-brands .brand-logo-placeholder{width:52px;height:52px}.work-section h2 .brand-logo-placeholder{width:74px;height:74px;border-radius:18px}@media(max-width:1000px){.portfolio-video{border-width:6px;border-radius:24px}.brand-logo-placeholder{width:57px;height:57px}.mini-brands .brand-logo-placeholder{width:30px;height:30px}.work-section h2 .brand-logo-placeholder{width:46px;height:46px}}@media(max-width:600px){.brand-logo-placeholder{width:51px;height:51px}.mini-brands .brand-logo-placeholder{width:22px;height:22px}.work-section h2 .brand-logo-placeholder{width:40px;height:40px}}

/* Compact portfolio: only the four supplied videos. */
#brand-work{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;max-width:1120px;margin:25px auto 45px;padding:0 30px}
#brand-work .brand-work{padding:20px 0}
#brand-work h2{font-size:26px;gap:10px;min-height:40px;margin-bottom:25px}
#brand-work h2 img{width:36px;height:36px;border-radius:9px}
.portfolio-video{width:100%;max-width:220px;margin:0 auto;border-width:6px;border-radius:26px}
.personal-layout{display:flex;justify-content:center;margin-top:30px}
.personal-layout .analytics-image{width:100%;max-width:260px}
.ecommerce-layout{display:block;max-width:660px;margin:30px auto 0;text-align:center}
@media(max-width:900px){#brand-work{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px;gap:24px}.portfolio-video{max-width:200px}}
@media(max-width:480px){#brand-work{gap:18px;padding:0 20px}#brand-work h2{font-size:21px;gap:7px;margin-bottom:16px}#brand-work h2 img{width:28px;height:28px}.portfolio-video{max-width:170px;border-width:5px;border-radius:21px}}