:root{
  --cream:#f5ecdf;
  --cream-2:#fff9ee;
  --cream-3:#ead9c6;
  --dark:#070303;
  --dark-2:#120709;
  --ink:#14090a;
  --muted:#76685d;
  --white:#fffaf1;
  --maroon:#7f1017;
  --maroon-2:#b31b29;
  --maroon-dark:#33060a;
  --gold:#e3ad2f;
  --rose:#f8dedb;
  --line:rgba(127,16,23,.18);
  --line-dark:rgba(255,250,241,.13);
  --shadow:0 36px 90px rgba(51,6,10,.26);
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--dark)}
body{margin:0;font-family:var(--font);background:var(--cream);color:var(--ink);overflow-x:hidden}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font:inherit;color:inherit}
::selection{background:var(--gold);color:var(--dark)}
.page-noise,.grain{position:fixed;inset:0;pointer-events:none;z-index:9999}.grain{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page-noise{opacity:.08;background:radial-gradient(circle at 20% 20%,rgba(227,173,47,.25),transparent 28vw),radial-gradient(circle at 90% 70%,rgba(127,16,23,.28),transparent 24vw)}
.sun-stamp{position:fixed;right:24px;top:43%;z-index:60;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--gold),#ffe27d);box-shadow:0 18px 46px rgba(127,16,23,.25);display:grid;place-items:center;animation:floatStamp 4s ease-in-out infinite}.sun-stamp span{position:absolute;width:30px;height:4px;border-radius:99px;background:var(--maroon)}.sun-stamp span:nth-child(1){transform:rotate(0)}.sun-stamp span:nth-child(2){transform:rotate(45deg)}.sun-stamp span:nth-child(3){transform:rotate(90deg)}.sun-stamp span:nth-child(4){transform:rotate(135deg)}@keyframes floatStamp{50%{transform:translateY(-12px) rotate(4deg)}}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:30px clamp(22px,5vw,72px);color:var(--white);mix-blend-mode:difference;background:linear-gradient(to bottom,rgba(0,0,0,.34),transparent);pointer-events:none}.site-header a{pointer-events:auto}.brand{font-weight:950;font-size:15px;letter-spacing:.08em}.nav{display:flex;gap:clamp(18px,3vw,42px);font-size:14px;font-weight:900;letter-spacing:.04em;color:rgba(255,255,255,.72)}.nav a{transition:color .2s, transform .2s}.nav a:hover{color:#fff;transform:translateY(-2px)}
.container{width:min(1220px,calc(100% - 64px));margin:0 auto}.section-dark{background:radial-gradient(circle at 74% 4%,rgba(127,16,23,.32),transparent 28vw),linear-gradient(180deg,var(--dark) 0%,var(--dark-2) 100%);color:var(--white)}.section-cream{background:linear-gradient(180deg,var(--cream-2),var(--cream));color:var(--ink)}
.hero{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center 35%,rgba(127,16,23,.42),rgba(10,3,4,.96) 45%,#050202 100%)}.hero-bg-orbit{position:absolute;width:70vw;height:70vw;border:1px solid rgba(245,236,223,.12);border-radius:50%;animation:slowSpin 28s linear infinite}.hero-bg-orbit:before,.hero-bg-orbit:after{content:"";position:absolute;border-radius:50%;background:var(--gold)}.hero-bg-orbit:before{width:10px;height:10px;left:17%;top:13%;box-shadow:0 0 30px var(--gold)}.hero-bg-orbit:after{width:8px;height:8px;right:10%;bottom:24%;background:var(--maroon-2);box-shadow:0 0 30px var(--maroon-2)}@keyframes slowSpin{to{transform:rotate(360deg)}}
.hero-portrait{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none}.hero-portrait:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center 49%,transparent 0 21%,rgba(0,0,0,.16) 32%,rgba(0,0,0,.91) 74%);z-index:2}.hero-portrait img{width:min(860px,58vw);height:min(680px,70vh);object-fit:cover;object-position:center 22%;filter:grayscale(1) contrast(1.22) brightness(.8);opacity:.9;border-radius:999px 999px 40px 40px;mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 78%,transparent 100%);transform:translateY(11vh);animation:portraitIn 1.4s cubic-bezier(.16,1,.3,1) both}@keyframes portraitIn{from{opacity:0;transform:translateY(18vh) scale(.94);filter:grayscale(1) contrast(1.5) brightness(.45)}to{opacity:.9;transform:translateY(11vh) scale(1)}}
.marquee{position:absolute;left:0;right:0;overflow:hidden;white-space:nowrap;z-index:3}.mega-name{top:42%;transform:translateY(-50%);mix-blend-mode:screen}.marquee-track{display:inline-flex;gap:6vw;animation:marqueeLeft 18s linear infinite}.mega-name span{font-size:clamp(110px,20vw,330px);line-height:.8;font-weight:950;letter-spacing:-.11em;color:rgba(255,250,241,.20);text-transform:uppercase;text-shadow:0 0 48px rgba(255,250,241,.08)}@keyframes marqueeLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero-footer{position:absolute;left:clamp(24px,5vw,72px);right:clamp(24px,5vw,72px);bottom:56px;display:flex;align-items:flex-end;justify-content:space-between;z-index:5}.based-in span{display:block;font-size:12px;letter-spacing:.17em;color:rgba(255,250,241,.42);font-weight:900}.based-in strong{font-size:18px;color:rgba(255,250,241,.86)}.hero-roles{text-align:right}.hero-roles p{margin:7px 0;font-size:clamp(30px,3vw,52px);line-height:1.02;letter-spacing:-.05em;font-weight:500;color:var(--white)}
.eyebrow{display:flex;align-items:center;gap:16px;font-size:13px;letter-spacing:.21em;text-transform:uppercase;font-weight:950;color:var(--maroon);margin:0 0 42px}.eyebrow span{width:34px;height:2px;background:currentColor;display:block}.eyebrow.cream{color:var(--gold)}
.welcome{position:relative;overflow:hidden;padding:130px 0 90px}.welcome-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:80px;align-items:end}.welcome h1,.section-title,.about-main h2,.profile-details h2{font-size:clamp(62px,7vw,118px);line-height:.9;letter-spacing:-.075em;margin:0}.welcome h1 em,.section-title em{font-style:normal;color:var(--maroon)}.welcome-copy p{font-size:clamp(22px,2.1vw,31px);line-height:1.45;color:var(--soft-ink,var(--muted));margin:0 0 28px}.loud-line{color:var(--maroon)!important;font-weight:850}.floating-strip{margin-top:96px;display:flex;gap:16px;animation:marqueeLeft 18s linear infinite;width:max-content}.floating-strip span{border:1px solid var(--line);background:rgba(255,255,255,.54);color:var(--maroon);font-weight:950;letter-spacing:.08em;border-radius:999px;padding:14px 24px;box-shadow:0 12px 36px rgba(127,16,23,.08)}
.services{padding:124px 0}.services .section-subtitle,.fit .section-subtitle{font-size:22px;line-height:1.6;color:rgba(255,250,241,.62);max-width:760px;margin:28px 0 0}.service-blocks{margin-top:96px;display:grid;gap:76px}.service-row{display:grid;grid-template-columns:1fr .92fr;gap:80px;align-items:center;padding-bottom:78px;border-bottom:1px solid var(--line-dark)}.service-row.reverse{grid-template-columns:.92fr 1fr}.service-row h3{font-size:clamp(55px,6vw,104px);line-height:.88;letter-spacing:-.075em;font-weight:500;margin:0 0 28px}.service-row p{font-size:21px;line-height:1.58;color:rgba(255,250,241,.62);margin:0;max-width:740px}.pill-list{display:flex;flex-wrap:wrap;gap:13px;justify-content:flex-end}.reverse .pill-list{justify-content:flex-start}.pill-list span{border:1px solid var(--line-dark);border-radius:999px;padding:14px 23px;color:rgba(255,250,241,.78);font-size:15px;font-weight:850;background:rgba(255,255,255,.035);position:relative;overflow:hidden}.pill-list span:after{content:"";position:absolute;left:50%;bottom:-8px;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold)}
.selected-work{padding:124px 0 140px}.work-head{display:flex;justify-content:space-between;align-items:flex-start;gap:34px;margin-bottom:74px}.work-tabs{display:flex;gap:28px;flex-wrap:wrap}.work-tabs button{border:0;background:transparent;color:rgba(20,9,10,.42);font-weight:950;letter-spacing:.08em;cursor:pointer;padding:0 0 8px;position:relative}.work-tabs button.active{color:var(--ink)}.work-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--maroon),var(--gold))}.project-showcase{display:none;grid-template-columns:1.05fr .95fr;gap:78px;align-items:center;min-height:640px;border-top:1px solid var(--line);padding-top:80px}.project-showcase.is-active{display:grid}.project-copy{max-width:570px}.project-meta{color:var(--muted);font-weight:950;letter-spacing:.06em;margin:0 0 24px}.project-copy h3{font-size:clamp(48px,5.4vw,86px);line-height:.95;letter-spacing:-.07em;margin:0 0 26px}.project-copy p,.project-copy li{font-size:20px;line-height:1.55;color:var(--muted)}.project-copy ul{margin:24px 0 0;padding-left:20px;display:grid;gap:9px}.project-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.project-tags span{border:1px solid var(--line);border-radius:999px;padding:10px 15px;color:var(--maroon);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.48)}
.project-visual{perspective:1100px}.browser-frame{position:relative;min-height:540px;border-radius:34px;overflow:hidden;box-shadow:0 40px 100px rgba(51,6,10,.22);border:1px solid rgba(127,16,23,.15);transform:rotate(-2deg);transition:transform .3s}.browser-frame:hover{transform:rotate(0) translateY(-10px)}.browser-dots{display:flex;gap:8px;position:absolute;left:24px;top:20px;z-index:3}.browser-dots span{width:10px;height:10px;border-radius:50%;background:var(--maroon);opacity:.36}.first-love-frame{padding:46px 24px 24px;background:linear-gradient(135deg,#fff4f4,#f6e7e7)}.fl-app{display:grid;grid-template-columns:.82fr 1.18fr;gap:16px;height:460px}.fl-app aside,.fl-app main{background:#fff;border-radius:24px;border:1px solid rgba(127,16,23,.12);padding:18px}.fl-image{height:110px;border-radius:18px;background:linear-gradient(180deg,#8ec8ee,#fff 46%,#b31b29 46% 52%,#fff 52% 70%,#b31b29 70% 79%,#e6d0b2 79%);margin-bottom:14px}.fl-app small{color:var(--maroon);letter-spacing:.12em;font-weight:950}.fl-app h4{font-size:32px;line-height:.9;letter-spacing:-.07em;color:var(--maroon);margin:10px 0}.fl-app p{font-size:12px;color:#7a6565;line-height:1.4}.fl-info{background:#fff1f1;border:1px solid #f0d2d2;border-radius:15px;padding:12px;font-size:10px;color:var(--maroon);font-weight:950;text-transform:uppercase;margin-top:9px}.fl-info b{display:block;color:#190808;text-transform:none;font-size:12px;margin-top:3px}.fl-steps{display:flex;gap:7px;font-size:10px;margin-bottom:38px}.fl-steps b,.fl-steps span{padding:9px 10px;border-radius:999px;border:1px solid #ead6d6}.fl-steps b{background:var(--maroon-2);color:#fff}.fl-app h5{font-size:26px;text-align:center;color:var(--maroon);margin:0 0 18px}.fl-field{height:36px;border:1px solid #ead6d6;border-radius:13px;margin-bottom:10px}.fl-field.short{width:66%}.fl-area{height:88px;border:1px solid #ead6d6;border-radius:13px}.fl-app button{float:right;background:var(--maroon-2);color:#fff;border:0;border-radius:999px;padding:12px 18px;margin-top:14px;font-weight:850}.website-frame{background:linear-gradient(145deg,#1b080b,#7f1017 62%,#e3ad2f);color:#fff;padding:32px}.website-nav{display:flex;gap:18px;align-items:center;font-size:12px;font-weight:900;opacity:.88}.website-nav b{margin-right:auto}.website-hero{margin-top:120px}.website-hero span{letter-spacing:.18em;color:var(--gold);font-weight:950}.website-hero h4{font-size:72px;line-height:.9;letter-spacing:-.075em;max-width:560px;margin:18px 0}.website-cards{position:absolute;left:32px;right:32px;bottom:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.website-cards span{height:86px;border:1px solid rgba(255,255,255,.24);border-radius:20px;background:rgba(255,250,241,.12)}.automation-frame{background:#fff;color:#160707;padding:34px;transform:rotate(2deg)}.clip-logo{display:flex;align-items:center;gap:14px;margin-bottom:24px}.clip-logo div{width:46px;height:46px;border-radius:14px;background:var(--maroon-2);color:#fff;display:grid;place-items:center;font-size:22px}.clip-logo b{display:block}.clip-logo small{color:var(--muted)}.clip-panel,.queue-panel{border:1px solid var(--line);border-radius:20px;padding:18px;background:#fffaf7;margin-bottom:16px}.clip-panel small,.queue-panel small{letter-spacing:.12em;font-weight:950;color:var(--maroon);font-size:11px}.clip-input{height:42px;border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:12px;color:#927e72}.time-row,.quality-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.time-row span,.quality-row span{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--muted)}.time-row b{color:var(--ink)}.quality-row{margin-top:10px;font-size:12px}.queue-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(127,16,23,.1)}.queue-item:last-child{border-bottom:0}.queue-item i{width:42px;height:28px;border-radius:8px;background:#ffe9e9}.queue-item p{flex:1;margin:0;color:#4a3634}.queue-item b{font-size:12px;color:#2d6f26}.queue-item .uploading{color:#b56a02}.queue-item .pending{color:#7f1017}.ops-frame{background:linear-gradient(145deg,#fffaf2,#f1dfca);padding:34px;transform:rotate(-1deg)}.ops-grid{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px}.ops-grid div{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.66);padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.ops-grid small{font-weight:950;letter-spacing:.12em;color:var(--maroon)}.ops-grid b{font-size:74px;letter-spacing:-.08em;color:var(--maroon)}.ops-grid span{color:var(--muted);font-weight:750}
.about{padding:130px 0}.about-layout{display:grid;grid-template-columns:1fr .8fr;gap:90px}.about-main p{font-size:23px;line-height:1.58;color:rgba(255,250,241,.64);max-width:760px}.experience-list{display:grid;gap:44px}.experience-list article{border-top:1px solid var(--line-dark);padding-top:32px}.experience-list span{color:var(--gold);font-size:13px;font-weight:950;letter-spacing:.18em}.experience-list h3{font-size:clamp(30px,3vw,48px);line-height:1.06;letter-spacing:-.05em;margin:16px 0}.experience-list p{color:rgba(255,250,241,.58);font-size:18px;line-height:1.55}.profile{padding:130px 0}.profile-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:start}.profile-image img{border-radius:28px;box-shadow:var(--shadow);height:680px;width:100%;object-fit:cover;object-position:center 20%}.profile-details h2{font-size:clamp(54px,5.7vw,94px);margin-bottom:54px}.detail-rows{display:grid}.detail-rows div{display:grid;grid-template-columns:170px 1fr;gap:32px;padding:28px 0;border-top:1px solid var(--line)}.detail-rows span{color:var(--muted);font-size:12px;font-weight:950;letter-spacing:.13em}.detail-rows strong{font-size:20px;line-height:1.5;color:var(--ink)}
.values{padding:130px 0}.value-grid{margin-top:70px;display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.value-grid article{position:relative;min-height:330px;border:1px solid var(--line-dark);border-radius:26px;background:rgba(255,255,255,.035);padding:42px;overflow:hidden}.value-grid article:after{content:attr(data-num);position:absolute;right:-26px;bottom:-44px;font-size:230px;font-weight:950;letter-spacing:-.12em;color:rgba(255,255,255,.035)}.value-grid b{color:rgba(255,250,241,.44)}.value-grid h3{font-size:34px;letter-spacing:-.04em;margin:36px 0 16px}.value-grid p{color:rgba(255,250,241,.62);font-size:19px;line-height:1.55}.value-grid article:nth-child(1):after{content:"01"}.value-grid article:nth-child(2):after{content:"02"}.value-grid article:nth-child(3):after{content:"03"}.value-grid article:nth-child(4):after{content:"04"}.fit{padding:130px 0}.fit-list{margin-top:70px;border-top:1px solid var(--line)}.fit-list div{display:grid;grid-template-columns:.55fr 1fr;gap:70px;padding:38px 0;border-bottom:1px solid var(--line)}.fit-list h3{font-size:30px;letter-spacing:-.04em;margin:0;color:var(--maroon)}.fit-list h3:before{content:"—";margin-right:18px;color:var(--gold)}.fit-list p{font-size:20px;color:var(--muted);line-height:1.55;margin:0}.contact{padding:120px 0 100px;text-align:center;min-height:100svh;display:flex;align-items:center}.contact-title{font-size:clamp(64px,9vw,158px);line-height:.86;letter-spacing:-.08em;margin:0 0 60px;font-weight:950}.contact-title span{-webkit-text-stroke:1.5px var(--white);color:transparent}.email-link{display:inline-block;color:var(--gold);font-size:clamp(28px,4vw,62px);letter-spacing:-.04em;border-bottom:2px solid currentColor;padding-bottom:8px}.contact-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:56px}.contact-links a{border:1px solid var(--line-dark);border-radius:999px;padding:15px 23px;font-weight:900;color:rgba(255,250,241,.76);transition:.2s}.contact-links a:hover{background:var(--white);color:var(--dark)}
.reveal-up,.reveal-left,.reveal-right{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal-up{transform:translateY(42px)}.reveal-left{transform:translateX(-48px)}.reveal-right{transform:translateX(48px)}.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}
@media (max-width:980px){.nav{display:none}.sun-stamp{display:none}.container{width:min(100% - 38px,1220px)}.hero-portrait img{width:82vw;height:58vh;transform:translateY(6vh)}.hero-footer{display:block}.hero-roles{text-align:left;margin-top:26px}.hero-roles p{font-size:34px}.welcome-grid,.service-row,.service-row.reverse,.project-showcase,.about-layout,.profile-grid,.fit-list div{grid-template-columns:1fr;gap:36px}.project-showcase{min-height:auto}.work-head{display:block}.work-tabs{margin-top:32px}.pill-list,.reverse .pill-list{justify-content:flex-start}.service-row.reverse .pill-list{order:2}.browser-frame{min-height:420px}.fl-app{grid-template-columns:1fr;height:auto}.fl-app aside{display:none}.profile-image img{height:520px}.value-grid{grid-template-columns:1fr}.detail-rows div{grid-template-columns:1fr;gap:10px}.contact-title{font-size:64px}}
@media (max-width:620px){.site-header{padding:22px}.brand{font-size:13px}.hero{min-height:92svh}.mega-name{top:38%}.mega-name span{font-size:96px}.hero-portrait img{width:92vw;height:52vh;object-position:center 18%;border-radius:999px 999px 28px 28px}.hero-footer{left:22px;right:22px;bottom:38px}.based-in strong{font-size:16px}.hero-roles p{font-size:29px}.welcome,.services,.selected-work,.about,.profile,.values,.fit,.contact{padding:82px 0}.welcome h1,.section-title,.about-main h2,.profile-details h2{font-size:54px}.welcome-copy p,.about-main p{font-size:20px}.service-row{gap:28px;padding-bottom:48px}.service-row h3{font-size:48px}.service-row p,.project-copy p,.project-copy li,.fit-list p{font-size:18px}.pill-list span{font-size:13px;padding:11px 15px}.work-tabs{gap:16px}.work-tabs button{font-size:12px}.project-copy h3{font-size:46px}.first-love-frame,.website-frame,.automation-frame,.ops-frame{padding:22px;transform:none}.browser-frame{border-radius:24px;min-height:390px}.website-hero{margin-top:70px}.website-hero h4{font-size:46px}.website-cards{grid-template-columns:1fr;position:static;margin-top:36px}.clip-panel,.queue-panel{padding:14px}.time-row,.quality-row{grid-template-columns:1fr}.ops-grid{grid-template-columns:1fr}.ops-grid div{min-height:150px}.ops-grid b{font-size:50px}.profile-image img{height:470px}.value-grid article{padding:28px;min-height:260px}.contact-title{font-size:50px}.email-link{font-size:27px}.contact-links{gap:10px}.contact-links a{padding:13px 15px}.sun-stamp{display:none}}


/* Clean selected-work rebuild: matching the inspiration layout — large visual left, copy right. */
.work-gallery-section{background:#050303!important;color:#fff;padding:132px 0 150px!important;overflow:hidden;position:relative}.work-gallery-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(127,16,23,.25),transparent 32rem),radial-gradient(circle at 82% 48%,rgba(227,173,47,.12),transparent 34rem);pointer-events:none}.work-gallery-section .container{position:relative;z-index:1}.work-gallery-section .eyebrow{color:var(--gold)}.work-gallery-showcase{display:grid!important;grid-template-columns:1.08fr .92fr;gap:76px;align-items:center;min-height:680px;border-top:0;padding-top:0}.portfolio-display{position:relative;min-height:640px;perspective:1200px}.featured-work-card{position:absolute;left:0;top:28px;width:min(720px,100%);opacity:0;pointer-events:none;transform:translate(-34px,64px) rotate(-6deg) scale(.86);filter:blur(.2px) saturate(.72) brightness(.72);transition:opacity .45s ease,transform .7s cubic-bezier(.16,1,.3,1),filter .45s ease}.featured-work-card.active{opacity:1;pointer-events:auto;transform:translate(0,0) rotate(-2deg) scale(1);filter:none;z-index:6;animation:workFloat 5.5s ease-in-out infinite}.featured-work-card:not(.active):nth-child(2){opacity:.30;transform:translate(112px,260px) rotate(5deg) scale(.68);z-index:2}.featured-work-card:not(.active):nth-child(3){opacity:.24;transform:translate(206px,330px) rotate(-5deg) scale(.56);z-index:1}.featured-work-card:not(.active):nth-child(4){opacity:.20;transform:translate(6px,385px) rotate(4deg) scale(.50);z-index:1}@keyframes workFloat{50%{transform:translateY(-14px) rotate(.4deg) scale(1)}}.mock-browser{height:540px;border-radius:34px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 55px 140px rgba(0,0,0,.55)}.browser-topline{height:58px;display:flex;align-items:center;gap:22px;padding:0 30px;font-size:13px;font-weight:950;letter-spacing:.02em;text-transform:uppercase}.browser-topline b{margin-right:auto}.art-gallery-preview{background:linear-gradient(125deg,#1b070b 0%,#6e111c 58%,#f3e7d3 100%)}.catering-preview{background:linear-gradient(125deg,#1b070b 0%,#7f1017 48%,#e3ad2f 100%)}.art-hero{padding:88px 34px 0}.art-hero p{margin:0 0 18px;color:var(--gold);font-size:15px;font-weight:950;letter-spacing:.18em}.art-hero h4{font-size:clamp(54px,5vw,74px);line-height:.9;letter-spacing:-.07em;max-width:610px;margin:0;color:#fff}.art-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:absolute;left:34px;right:34px;bottom:100px}.art-actions span{height:76px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(255,250,241,.13);backdrop-filter:blur(10px);display:grid;place-items:center;color:#fff;font-weight:950;letter-spacing:.06em;text-transform:uppercase;font-size:12px}.art-strip{position:absolute;left:34px;right:34px;bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.art-strip i{height:50px;border-radius:16px;background:rgba(255,250,241,.18);border:1px solid rgba(255,255,255,.17)}.automation-preview{background:#fff;color:#160707;padding:34px}.registration-preview{background:linear-gradient(135deg,#fff4f4,#f6e7e7);padding:28px}.mini-reg{display:grid;grid-template-columns:.86fr 1.14fr;gap:16px;height:100%}.mini-reg aside,.mini-reg main{background:#fff;border-radius:24px;border:1px solid rgba(127,16,23,.12);padding:18px}.reg-photo{height:112px;border-radius:18px;background:linear-gradient(180deg,#9ed3ee,#fff 46%,#b31b29 46% 52%,#fff 52% 70%,#b31b29 70% 79%,#e6d0b2 79%);margin-bottom:14px}.mini-reg small{color:var(--maroon);letter-spacing:.12em;font-weight:950}.mini-reg h4{font-size:31px;line-height:.92;letter-spacing:-.065em;color:var(--maroon);margin:10px 0}.mini-reg p{font-size:12px;color:#7a6565;line-height:1.38}.reg-box{background:#fff1f1;border:1px solid #f0d2d2;border-radius:15px;padding:12px;font-size:10px;color:var(--maroon);font-weight:950;text-transform:uppercase;margin-top:9px}.reg-box b{display:block;color:#190808;text-transform:none;font-size:12px;margin-top:3px}.reg-steps{display:flex;gap:7px;font-size:10px;margin-bottom:38px}.reg-steps b,.reg-steps span{padding:9px 10px;border-radius:999px;border:1px solid #ead6d6}.reg-steps b{background:var(--maroon-2);color:#fff}.mini-reg h5{font-size:26px;text-align:center;color:var(--maroon);margin:0 0 18px}.reg-field{height:36px;border:1px solid #ead6d6;border-radius:13px;margin-bottom:10px}.reg-area{height:92px;border:1px solid #ead6d6;border-radius:13px}.mini-reg button{float:right;background:var(--maroon-2);color:#fff;border:0;border-radius:999px;padding:12px 18px;margin-top:14px;font-weight:850}.preview-dock{position:absolute;left:28px;right:20px;bottom:8px;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.preview-dock button{border:1px solid rgba(255,255,255,.12);background:rgba(10,7,7,.84);color:#fff;border-radius:18px;padding:14px 12px;text-align:left;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease;box-shadow:0 20px 60px rgba(0,0,0,.30)}.preview-dock button:hover{transform:translateY(-6px);border-color:rgba(227,173,47,.55)}.preview-dock button.active{border-color:var(--gold);background:linear-gradient(135deg,rgba(127,16,23,.95),rgba(10,7,7,.92))}.preview-dock b{display:block;font-size:14px;letter-spacing:.03em}.preview-dock span{display:block;margin-top:4px;font-size:11px;color:rgba(255,255,255,.58);font-weight:850;text-transform:uppercase;letter-spacing:.08em}.work-copy-area{max-width:590px}.work-gallery-section .project-meta{color:rgba(255,255,255,.54);margin-bottom:20px}.work-gallery-section .project-copy h3{font-size:clamp(52px,5.4vw,86px);line-height:.92;color:#fff}.work-gallery-section .project-copy p,.work-gallery-section .project-copy li{color:rgba(255,255,255,.66);font-size:21px;line-height:1.55}.work-gallery-section .project-copy li::marker{color:var(--gold)}.work-gallery-section .project-tags span{background:transparent;border-color:rgba(255,255,255,.18);color:var(--gold)}
@media (max-width:980px){.work-gallery-showcase{grid-template-columns:1fr;gap:58px;min-height:auto}.portfolio-display{min-height:650px}.work-copy-area{max-width:none}.mock-browser{height:500px}.preview-dock{bottom:18px}}
@media (max-width:620px){.work-gallery-section{padding:86px 0 98px!important}.portfolio-display{min-height:560px}.mock-browser{height:410px;border-radius:24px}.featured-work-card{width:100%;top:0}.art-hero{padding:70px 24px 0}.art-hero h4{font-size:43px}.art-actions{left:24px;right:24px;bottom:92px}.art-actions span{height:58px}.art-strip{display:none}.preview-dock{left:0;right:0;bottom:0;grid-template-columns:repeat(2,1fr);gap:9px}.preview-dock button{padding:12px}.featured-work-card:not(.active):nth-child(2){transform:translate(42px,240px) rotate(5deg) scale(.62)}.featured-work-card:not(.active):nth-child(3){transform:translate(108px,284px) rotate(-5deg) scale(.52)}.featured-work-card:not(.active):nth-child(4){transform:translate(6px,330px) rotate(4deg) scale(.48)}.automation-preview,.registration-preview{padding:20px}.clip-logo small{display:none}.clip-panel,.queue-panel{padding:14px}.time-row{grid-template-columns:1fr}.mini-reg{grid-template-columns:1fr}.mini-reg main{display:none}.mini-reg h4{font-size:30px}.reg-photo{height:100px}.work-gallery-section .project-copy h3{font-size:45px}.work-gallery-section .project-copy p,.work-gallery-section .project-copy li{font-size:18px}}

/* Final polish requested: cleaner fixed header, no floating star, fuller hero face, realistic work previews. */
.sun-stamp{display:none!important}
.site-header{
  mix-blend-mode:normal!important;
  background:rgba(255,250,241,.88)!important;
  color:var(--ink)!important;
  border-bottom:1px solid rgba(127,16,23,.14)!important;
  box-shadow:0 10px 34px rgba(51,6,10,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  padding:22px clamp(22px,5vw,72px)!important;
}
.site-header .nav{color:rgba(20,9,10,.72)!important}.site-header .nav a:hover{color:var(--maroon)!important}.site-header .brand{color:var(--ink)!important}
.hero-portrait img{object-position:center 30%!important;transform:translateY(4vh)!important;mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 86%,transparent 100%)!important}
@keyframes portraitIn{from{opacity:0;transform:translateY(12vh) scale(.94);filter:grayscale(1) contrast(1.5) brightness(.45)}to{opacity:.9;transform:translateY(4vh) scale(1)}}

.real-site-preview{padding:0!important;background:#130608!important}.real-site-preview .browser-topline{height:58px;background:rgba(5,2,2,.42);backdrop-filter:blur(12px);position:relative;z-index:3;color:#fff}.site-split{height:calc(100% - 58px);display:grid;grid-template-columns:.86fr 1.14fr;gap:22px;padding:28px;background:radial-gradient(circle at 18% 10%,rgba(227,173,47,.25),transparent 16rem),linear-gradient(135deg,#22070b 0%,#7f1017 54%,#f2e6d6 100%)}.site-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.site-copy p{margin:0 0 16px;color:var(--gold);font-size:14px;font-weight:950;letter-spacing:.18em}.site-copy h4{font-size:clamp(42px,4vw,64px);line-height:.9;letter-spacing:-.07em;max-width:430px;margin:0;color:#fff}.site-copy .art-actions{position:static;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.site-copy .art-actions span{height:58px;border-radius:18px;background:rgba(255,250,241,.12);border:1px solid rgba(255,255,255,.24)}
.gallery-photo-board,.food-photo-board{position:relative;min-height:390px}.gallery-photo,.food-photo{position:absolute;margin:0;border-radius:26px;background-size:cover;background-position:center;box-shadow:0 30px 80px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.24);overflow:hidden}.gallery-photo:after,.food-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.34),transparent 46%);pointer-events:none}.photo-large{left:6%;top:8%;width:70%;height:70%;background-image:url('assets/gallery-full.webp');transform:rotate(-3deg)}.photo-small.one{right:0;top:0;width:42%;height:38%;background-image:url('assets/gallery-artwork.webp');transform:rotate(4deg)}.photo-small.two{right:10%;bottom:2%;width:46%;height:36%;background-image:url('assets/gallery-wall.webp');transform:rotate(-2deg)}
.food-site-preview .site-split{background:radial-gradient(circle at 20% 20%,rgba(227,173,47,.24),transparent 18rem),linear-gradient(135deg,#160707 0%,#6e111c 48%,#d79c45 100%)}.food-main{left:0;top:10%;width:72%;height:74%;background-image:url('assets/food-table.webp');transform:rotate(-2deg)}.food-one{right:4%;top:3%;width:40%;height:36%;background-image:url('assets/food-platter.webp');transform:rotate(5deg)}.food-two{right:0;bottom:5%;width:48%;height:42%;background-image:url('assets/food-dessert.webp');transform:rotate(-4deg)}
@media(max-width:980px){.site-header{padding:18px 30px!important}.site-split{grid-template-columns:1fr;gap:18px}.site-copy{justify-content:flex-start}.gallery-photo-board,.food-photo-board{min-height:230px}.photo-large,.food-main{height:86%;width:68%}.photo-small.one,.food-one{height:45%;width:42%}.photo-small.two,.food-two{height:44%;width:46%}.hero-portrait img{transform:translateY(1vh)!important}}
@media(max-width:620px){.site-header{padding:16px 22px!important}.hero-portrait img{object-position:center 34%!important;transform:translateY(0)!important}.site-copy h4{font-size:38px}.site-split{padding:20px}.gallery-photo-board,.food-photo-board{min-height:190px}.site-copy .art-actions{display:none}}

/* User requested final selected-work preview replacements only. */
.image-site-preview{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 55px 140px rgba(0,0,0,.55)!important;
}
.ochre-room-shot{background-image:url('assets/ochre-room-preview.webp')!important;}
.mason-table-shot{background-image:url('assets/mason-table-preview.webp')!important;}
.perfect-bliss-shot{background-image:url('assets/perfect-bliss-preview.webp')!important;}
.featured-work-card:not(.active):nth-child(5){opacity:.18;transform:translate(144px,410px) rotate(-3deg) scale(.46);z-index:0}
.preview-dock{grid-template-columns:repeat(5,1fr)!important;}
@media(max-width:980px){.preview-dock{grid-template-columns:repeat(3,1fr)!important}.featured-work-card:not(.active):nth-child(5){transform:translate(92px,390px) rotate(-3deg) scale(.46)}}
@media(max-width:620px){.preview-dock{grid-template-columns:repeat(2,1fr)!important}.featured-work-card:not(.active):nth-child(5){transform:translate(48px,354px) rotate(-3deg) scale(.43)}}


/* Requested hero and Mason polish only. */
.hero{
  background:#050202!important;
}
.hero-bg-orbit{display:none!important;}
.hero-portrait:before{display:none!important;}
.hero-portrait img{
  border-radius:0!important;
  width:min(920px,62vw)!important;
  height:min(700px,72vh)!important;
  object-fit:cover!important;
  object-position:center 30%!important;
  filter:grayscale(1) contrast(1.18) brightness(.82)!important;
  opacity:.9!important;
  mask-image:linear-gradient(to bottom, transparent 0%, black 11%, black 78%, transparent 100%)!important;
  mix-blend-mode:screen!important;
}
@media(max-width:620px){
  .hero-portrait img{width:92vw!important;height:68vh!important;object-position:center 32%!important;}
}


/* Latest requested changes: cream hero, no hero image, burgundy transparent marquee, no availability. */
.hero{
  background:linear-gradient(180deg,var(--cream-2),var(--cream))!important;
  color:var(--ink)!important;
}
.hero-portrait{display:none!important;}
.hero-bg-orbit{display:none!important;}
.mega-name{mix-blend-mode:normal!important;top:43%!important;}
.mega-name span{
  color:rgba(127,16,23,.18)!important;
  text-shadow:none!important;
}
.hero-footer .based-in span{color:rgba(127,16,23,.50)!important;}
.hero-footer .based-in strong{color:var(--maroon)!important;}
.hero-roles p{color:var(--maroon)!important;}

/* Final requested update: hero uses headshot as full background; keep everything else unchanged. */
.hero{
  background:var(--cream)!important;
  color:var(--ink)!important;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,250,241,.20), rgba(255,250,241,.03) 46%, rgba(255,250,241,.22)),
    url('assets/hero-background.webp') center 22% / cover no-repeat;
  filter:brightness(.86) contrast(1.02);
  opacity:.98;
  z-index:0;
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom, rgba(255,250,241,.08), transparent 40%, rgba(255,250,241,.12));
  z-index:1;
  pointer-events:none;
}
.hero .mega-name{z-index:3!important;}
.hero .hero-footer{z-index:4!important;}
.hero-portrait{display:none!important;}
.hero-bg-orbit{display:none!important;}
@media(max-width:620px){
  .hero::before{background-position:center 20%;}
}


/* Final touch-ups requested: dark hero with grayscale face, intro page, contact cleanup, footer. */
.hero{
  background:radial-gradient(circle at 74% 4%,rgba(127,16,23,.32),transparent 28vw),linear-gradient(180deg,var(--dark) 0%,var(--dark-2) 100%)!important;
  color:var(--white)!important;
  isolation:isolate;
}
.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(7,3,3,.72),rgba(7,3,3,.30) 42%,rgba(7,3,3,.78)),
    linear-gradient(to bottom,rgba(7,3,3,.12),rgba(7,3,3,.45) 78%,rgba(7,3,3,.86)),
    url('assets/hero-background-bw.webp') center center / contain no-repeat!important;
  filter:none!important;
  opacity:.98!important;
  z-index:0!important;
  pointer-events:none!important;
}
.hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 50% 36%,transparent 0 20%,rgba(7,3,3,.22) 48%,rgba(7,3,3,.86) 100%)!important;
  z-index:1!important;
  pointer-events:none!important;
}
.hero .mega-name{z-index:3!important;mix-blend-mode:normal!important;top:43%!important;}
.hero .mega-name span{color:rgba(255,250,241,.22)!important;text-shadow:none!important;}
.hero .hero-footer{z-index:4!important;}
.hero-footer .based-in span{color:rgba(255,250,241,.50)!important;}
.hero-footer .based-in strong{color:rgba(255,250,241,.92)!important;}
.hero-roles p{color:var(--white)!important;}
.hero-portrait,.hero-bg-orbit{display:none!important;}

.intro-note{padding:128px 0 118px;position:relative;overflow:hidden;}
.intro-note:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(127,16,23,.30),transparent 32rem);pointer-events:none;}
.intro-grid{position:relative;z-index:1;display:grid;grid-template-columns:.22fr 1fr;gap:64px;align-items:start;}
.intro-content{max-width:980px;}
.intro-content h1{font-size:clamp(56px,7vw,112px);line-height:.92;letter-spacing:-.075em;margin:0 0 52px;color:var(--white);}
.intro-content p{font-size:clamp(21px,2vw,29px);line-height:1.52;color:rgba(255,250,241,.66);max-width:840px;margin:0 0 30px;}
.intro-content .intro-accent{color:var(--gold);}

.contact{position:relative;}
.contact-inner{position:relative;min-height:calc(100svh - 220px);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.linkedin-icon{width:54px!important;height:54px!important;border-radius:13px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:27px!important;font-weight:950!important;line-height:1!important;background:rgba(255,250,241,.96)!important;color:var(--dark)!important;border:0!important;font-family:Arial,Helvetica,sans-serif!important;}
.linkedin-icon:hover{background:var(--gold)!important;color:var(--dark)!important;transform:translateY(-3px);}
.site-footer{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;color:rgba(255,250,241,.42);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
.site-footer p{margin:0;}
.site-footer p:last-child{text-align:right;}
.back-top{color:var(--white);display:inline-flex;align-items:center;gap:10px;}
.back-top span{color:var(--gold);font-size:22px;line-height:1;}

@media(max-width:980px){
  .intro-grid{grid-template-columns:1fr;gap:28px;}
  .intro-note{padding:92px 0;}
  .contact-inner{min-height:auto;}
  .site-footer{position:relative;margin-top:78px;grid-template-columns:1fr;text-align:center;}
  .site-footer p:last-child{text-align:center;}
}
@media(max-width:620px){
  .hero::before{background-position:center 28%!important;}
  .intro-content h1{font-size:52px;}
  .intro-content p{font-size:19px;}
}

/* Final alignment touch-ups: intro layout + footer spacing only. */
.intro-note{
  background:linear-gradient(180deg,var(--cream-2),var(--cream))!important;
  color:var(--ink)!important;
  padding:130px 0 94px!important;
}
.intro-note:before{
  background:radial-gradient(circle at 16% 18%,rgba(227,173,47,.18),transparent 28rem),radial-gradient(circle at 90% 10%,rgba(127,16,23,.08),transparent 24rem)!important;
}
.intro-grid{
  display:grid!important;
  grid-template-columns:1.04fr .96fr!important;
  gap:80px!important;
  align-items:end!important;
}
.intro-heading h1{
  font-size:clamp(62px,7vw,118px)!important;
  line-height:.9!important;
  letter-spacing:-.075em!important;
  margin:0!important;
  color:var(--ink)!important;
}
.intro-content{
  max-width:none!important;
}
.intro-content p{
  font-size:clamp(22px,2.1vw,31px)!important;
  line-height:1.45!important;
  color:var(--muted)!important;
  max-width:none!important;
  margin:0 0 28px!important;
}
.intro-content .intro-accent{
  color:var(--maroon)!important;
  font-weight:850!important;
}
.contact-inner{
  min-height:calc(100svh - 120px)!important;
  padding:118px 0 38px!important;
  justify-content:center!important;
}
.contact-links{
  margin-top:38px!important;
}
.site-footer{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  margin-top:118px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  gap:20px!important;
  align-items:center!important;
}
.site-footer p:first-child{text-align:left!important;}
.site-footer p:last-child{text-align:right!important;}
.site-footer .back-top{justify-self:center!important;}
@media(max-width:980px){
  .intro-grid{grid-template-columns:1fr!important;gap:34px!important;align-items:start!important;}
  .intro-note{padding:96px 0!important;}
  .site-footer{grid-template-columns:1fr!important;text-align:center!important;margin-top:82px!important;}
  .site-footer p:first-child,.site-footer p:last-child{text-align:center!important;}
}
@media(max-width:620px){
  .intro-heading h1{font-size:52px!important;}
  .intro-content p{font-size:19px!important;}
  .contact-inner{padding:90px 0 30px!important;}
}


/* Hero portrait replacement only: keep the full uploaded portrait visible. */
.hero::before{
  background:
    linear-gradient(90deg,rgba(7,3,3,.72),rgba(7,3,3,.30) 42%,rgba(7,3,3,.78)),
    linear-gradient(to bottom,rgba(7,3,3,.12),rgba(7,3,3,.45) 78%,rgba(7,3,3,.86)),
    url('assets/hero-background-bw.webp') center center / contain no-repeat!important;
}

/* Requested first-page-only update: cream hero background, black text, transparent black moving name. */
.hero{
  background:linear-gradient(180deg,var(--cream-2),var(--cream))!important;
  color:var(--ink)!important;
}
.hero::before{
  background:url('assets/hero-background-bw.webp') center center / contain no-repeat!important;
  filter:grayscale(1) brightness(.82) contrast(1.08)!important;
  opacity:.78!important;
}
.hero::after{
  background:
    radial-gradient(circle at 50% 42%,rgba(127,16,23,.07),transparent 34rem),
    linear-gradient(90deg,rgba(255,250,241,.44),rgba(255,250,241,.06) 46%,rgba(255,250,241,.44))!important;
}
.hero .mega-name{mix-blend-mode:normal!important;}
.hero .mega-name span{
  color:rgba(20,9,10,.18)!important;
  text-shadow:none!important;
}
.hero-footer .based-in span{color:rgba(20,9,10,.55)!important;}
.hero-footer .based-in strong{color:var(--ink)!important;}
.hero-roles p{color:var(--ink)!important;}

/* Final fix requested: match first-page hero background to the second cream page and use a full clean portrait without cutout artifacts. */
.hero{
  background:linear-gradient(180deg,var(--cream-2),var(--cream))!important;
  color:var(--ink)!important;
  isolation:isolate!important;
}
.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:url('assets/hero-background-bw.webp') center bottom / contain no-repeat!important;
  mix-blend-mode:multiply!important;
  filter:contrast(1.06) brightness(.96)!important;
  opacity:.88!important;
  z-index:0!important;
  pointer-events:none!important;
}
.hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(255,249,238,.12),rgba(255,249,238,.02) 50%,rgba(255,249,238,.18)),linear-gradient(to bottom,rgba(255,249,238,.10),transparent 48%,rgba(245,236,223,.20))!important;
  z-index:1!important;
  pointer-events:none!important;
}
.hero .mega-name{z-index:3!important;mix-blend-mode:normal!important;}
.hero .mega-name span{color:rgba(20,9,10,.18)!important;text-shadow:none!important;}
.hero .hero-footer{z-index:4!important;}
.hero-footer .based-in span{color:rgba(20,9,10,.46)!important;}
.hero-footer .based-in strong{color:rgba(20,9,10,.86)!important;}
.hero-roles p{color:var(--ink)!important;}
@media(max-width:620px){
  .hero::before{background-size:cover!important;background-position:center bottom!important;opacity:.78!important;}
}

/* Final requested hero fix: make the first-page background and portrait background one seamless surface. */
.hero{
  background:#fbf4e8!important;
  color:var(--ink)!important;
  isolation:isolate!important;
}
.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:url('assets/hero-background-bw.webp') center center / cover no-repeat!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  z-index:0!important;
  pointer-events:none!important;
}
.hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(251,244,232,.02),rgba(251,244,232,0) 50%,rgba(251,244,232,.02))!important;
  z-index:1!important;
  pointer-events:none!important;
}
.hero .mega-name{z-index:3!important;mix-blend-mode:normal!important;}
.hero .mega-name span{color:rgba(20,9,10,.18)!important;text-shadow:none!important;}
.hero .hero-footer{z-index:4!important;}
.hero-footer .based-in span{color:rgba(20,9,10,.46)!important;}
.hero-footer .based-in strong{color:rgba(20,9,10,.86)!important;}
.hero-roles p{color:var(--ink)!important;}


/* Final mobile/readability polish requested: consistent cream first three pages, softer hero image, clearer hero text, Instagram icon. */
:root{
  --page-cream-final:#fbf4e8;
}
.hero, .intro-note, .welcome{
  background:var(--page-cream-final)!important;
}
.hero::before{
  background:url('assets/hero-background-bw.webp') center center / cover no-repeat!important;
  opacity:.54!important;
  filter:grayscale(1) contrast(1.02) brightness(1.05) sepia(.10)!important;
  mix-blend-mode:multiply!important;
}
.hero::after{
  background:linear-gradient(90deg,rgba(251,244,232,.30),rgba(251,244,232,.18) 50%,rgba(251,244,232,.30)),linear-gradient(to bottom,rgba(251,244,232,.10),rgba(251,244,232,.18) 70%,rgba(251,244,232,.36))!important;
}
.hero .mega-name span{
  color:rgba(20,9,10,.28)!important;
}
.hero-footer .based-in span{
  color:rgba(20,9,10,.72)!important;
}
.hero-footer .based-in strong{
  color:rgba(20,9,10,.96)!important;
}
.hero-roles p{
  color:rgba(20,9,10,.98)!important;
}
.contact-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
}
.linkedin-icon,.instagram-icon{
  width:54px!important;
  height:54px!important;
  border-radius:13px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,250,241,.96)!important;
  color:var(--dark)!important;
  border:0!important;
  transition:transform .2s ease, background .2s ease!important;
}
.linkedin-icon{
  font-size:27px!important;
  font-weight:950!important;
  line-height:1!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.instagram-icon svg{
  width:27px!important;
  height:27px!important;
  display:block!important;
}
.instagram-icon svg rect,.instagram-icon svg circle{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
}
.linkedin-icon:hover,.instagram-icon:hover{
  background:var(--gold)!important;
  color:var(--dark)!important;
  transform:translateY(-3px)!important;
}
@media(max-width:620px){
  .hero{
    min-height:100svh!important;
  }
  .hero::before{
    background-size:auto 100%!important;
    background-position:center top!important;
    opacity:.40!important;
    filter:grayscale(1) contrast(.96) brightness(1.12) sepia(.12)!important;
  }
  .hero::after{
    background:linear-gradient(to bottom,rgba(251,244,232,.16),rgba(251,244,232,.30) 50%,rgba(251,244,232,.62) 100%)!important;
  }
  .hero .mega-name{
    top:38%!important;
  }
  .hero .mega-name span{
    color:rgba(20,9,10,.34)!important;
  }
  .hero-footer{
    left:24px!important;
    right:24px!important;
    bottom:44px!important;
    display:grid!important;
    gap:18px!important;
    align-items:end!important;
  }
  .based-in span{
    font-size:11px!important;
  }
  .based-in strong{
    font-size:16px!important;
  }
  .hero-roles{
    text-align:left!important;
  }
  .hero-roles p{
    font-size:clamp(28px,9vw,42px)!important;
    line-height:1!important;
    letter-spacing:-.055em!important;
    margin:3px 0!important;
    text-shadow:0 1px 0 rgba(251,244,232,.55)!important;
  }
  .intro-note,.welcome{
    background:var(--page-cream-final)!important;
  }
}

/* Final mobile-only visual correction requested: make the second intro page a clean single-colour background with no gradient. */
.intro-note,
.intro-note.section-cream{
  background:#fbf4e8!important;
  background-image:none!important;
}
.intro-note:before{
  display:none!important;
  content:none!important;
  background:none!important;
}
@media(max-width:620px){
  .intro-note,
  .intro-note.section-cream{
    background:#fbf4e8!important;
    background-image:none!important;
  }
  .intro-note:before{
    display:none!important;
    content:none!important;
    background:none!important;
  }
}

/* Web version only: first-page hero text changed to transparent burgundy/wine. */
.hero .mega-name span{
  color:rgba(127,16,23,.34)!important;
}
.hero-footer .based-in span,
.hero-footer .based-in strong,
.hero-roles p{
  color:rgba(127,16,23,.96)!important;
}
@media(max-width:620px){
  .hero .mega-name span{
    color:rgba(127,16,23,.38)!important;
  }
  .hero-footer .based-in span,
  .hero-footer .based-in strong,
  .hero-roles p{
    color:rgba(127,16,23,.98)!important;
  }
}