:root{--bg:#11100e;--panel:#181714;--paper:#f0eee8;--muted:#96938c;--line:#383630;--accent:#cf9d73;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);font-size:14px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}.site-header{height:82px;position:absolute;z-index:12;top:0;left:0;right:0;padding:0 6.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.name-link{font-size:13px;font-weight:700;letter-spacing:-.025em}nav{display:flex;gap:38px;color:#d2d0ca;font-size:12px}nav a,.header-cta,.text-link,.contact-meta a,footer a{transition:color .25s}nav a:hover,.header-cta:hover,.text-link:hover,.contact-meta a:hover,footer a:hover{color:var(--accent)}.header-cta{font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em}.header-cta span{color:var(--accent);padding-left:9px}.hero{min-height:760px;height:min(930px,100svh);position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#171512}.hero-reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:brightness(.7) saturate(.55);transform:scale(1.02)}.hero-reel.video-failed{display:none}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11100ef2 1%,#11100ec9 42%,#11100e72 100%),linear-gradient(0deg,#11100e 1%,transparent 52%,#11100e55 100%)}.hero-content{position:relative;z-index:2;width:100%;padding:0 6.1% 98px}.eyebrow{font:10px var(--mono);letter-spacing:.12em;color:#aaa69d;text-transform:uppercase;margin:0 0 25px}.eyebrow i{font-style:normal;color:var(--accent);padding:0 8px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bdc49a;margin:0 8px 1px 0;box-shadow:0 0 12px #bdc49a80}.hero h1{font-size:clamp(66px,10vw,142px);line-height:.91;letter-spacing:-.085em;margin:0;font-weight:600;max-width:950px}.hero h1 em,.section-heading h2 em,.about-copy h2 em,.toolkit h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.09em}.hero h1 em{color:#d2c7b8}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;max-width:850px;margin-top:42px}.hero-note{font-size:14px;line-height:1.7;color:#c0bcb3;margin:0}.hero-actions{display:flex;align-items:center;gap:30px}.button{height:49px;padding:0 19px;display:inline-flex;align-items:center;gap:25px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.button-light{background:var(--paper);color:#151411}.button-light span{font-size:15px}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.03em}.text-link span{color:var(--accent);padding-left:8px}.hero-index{position:absolute;z-index:2;right:6.1%;top:51%;display:flex;flex-direction:column;gap:7px;text-align:right;color:#b3afa6;font:9px var(--mono);letter-spacing:.1em}.hero-index span:first-child{color:var(--accent)}.hero-portrait-wrap{position:absolute;right:13%;bottom:0;width:clamp(220px,26vw,360px);height:60%;display:flex;align-items:flex-end;opacity:.96;mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}.hero-portrait{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 48px #0008)}.portrait-caption{position:absolute;bottom:22px;left:15px;font:7px/1.8 var(--mono);letter-spacing:.08em;color:#ffffff9c}.section-pad{padding-left:10.5%;padding-right:10.5%}.intro{padding-top:155px;padding-bottom:170px;position:relative}.intro .eyebrow{margin-bottom:32px}.intro h2{font-size:clamp(45px,7vw,90px);letter-spacing:-.075em;line-height:.98;margin:0;font-weight:500}.intro h2 span{font-family:Georgia,serif;font-style:italic;color:#c6b6a5;font-weight:400}.intro-copy{font-size:13px;color:var(--muted);margin:27px 0 0;max-width:260px;line-height:1.7}.work{background:#171613;padding-top:110px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:49px}.section-heading .eyebrow{margin-bottom:21px}.section-heading h2,.toolkit h2{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.08em;font-weight:500;margin:0}.section-heading h2 em,.toolkit h2 em{color:#c9a98e}.section-aside{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 4px}.rule{display:inline-block;width:34px;height:1px;background:var(--accent);vertical-align:middle;margin:0 12px 3px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 22px}.project-card{min-width:0}.project-wide .project-media{aspect-ratio:1.54}.project-open{border:0;padding:0;background:none;text-align:left;width:100%;cursor:pointer;display:block}.project-media{display:block;position:relative;aspect-ratio:1.17;background:#26241f;overflow:hidden}.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000024,transparent 32%,#00000044);pointer-events:none}.project-media img,.project-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:brightness(.77) saturate(.75)}.project-open:hover img,.project-open:hover .project-preview{transform:scale(1.045);filter:brightness(.95) saturate(.9)}.media-number{position:absolute;z-index:1;left:17px;top:16px;font:9px var(--mono);letter-spacing:.08em;color:#e8e5df}.play-mark{position:absolute;z-index:2;left:50%;top:50%;width:51px;height:51px;border:1px solid #ffffff91;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);font-size:10px;padding-left:3px;background:#11100e40;backdrop-filter:blur(4px);transition:background .3s,transform .3s}.project-open:hover .play-mark{background:var(--accent);border-color:var(--accent);color:#14120f;transform:translate(-50%,-50%) scale(1.09)}.media-hint{position:absolute;z-index:1;right:16px;bottom:15px;font:8px var(--mono);letter-spacing:.12em}.project-info{display:flex;align-items:center;justify-content:space-between;padding:17px 1px 0}.project-info strong{font-size:13px;font-weight:600;display:block;letter-spacing:-.02em}.project-info small{display:block;color:#939087;font:9px var(--mono);margin-top:7px;letter-spacing:.04em}.project-arrow{font-size:15px;color:var(--accent);transition:transform .25s}.project-open:hover .project-arrow{transform:translate(3px,-3px)}.work-foot{border-top:1px solid var(--line);margin-top:60px;padding-top:20px;display:flex;justify-content:space-between;color:#8a877f;font:8px var(--mono);letter-spacing:.1em}.work-foot a{color:#d0cdc5}.work-foot a span{color:var(--accent);margin-left:8px}.about{padding-top:160px;padding-bottom:165px;display:grid;grid-template-columns:.83fr 1fr;gap:11%;align-items:center}.about-photo{position:relative;aspect-ratio:.79;background:#282622;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.72) brightness(.83)}.photo-index{position:absolute;bottom:0;left:0;right:0;padding:15px 12px;background:linear-gradient(transparent,#0009);font:8px var(--mono);letter-spacing:.09em}.about-copy>.eyebrow{margin-bottom:27px}.about-copy h2{font-size:clamp(52px,7.5vw,95px);line-height:.86;letter-spacing:-.08em;font-weight:500;margin:0 0 20px}.about-copy h2 em{color:#c9a98e}.about-lead{color:var(--accent);font-size:12px;margin:0 0 22px}.about-body{font-size:11px;line-height:1.9;color:#b5b1a8;max-width:470px}.about-body p{margin:0 0 13px}.experience-stamp{display:flex;align-items:center;gap:12px;margin-top:25px;color:#bcb7ae}.experience-stamp strong{font:500 31px Georgia,serif;color:var(--accent)}.experience-stamp span{font:8px/1.55 var(--mono);letter-spacing:.07em}.experience-stamp i{height:27px;width:1px;background:#45423a;margin:0 4px}.specialties{margin-top:31px}.specialties .eyebrow{font-size:8px;margin-bottom:12px}.specialty-list{display:flex;flex-wrap:wrap;gap:8px}.specialty-list span{border:1px solid #45423a;border-radius:30px;padding:8px 11px;color:#cfcbc2;font-size:9px}.toolkit{background:#191815;padding-top:104px;padding-bottom:113px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.toolkit .eyebrow{margin-bottom:26px}.tools-list{border-top:1px solid #45423a}.tools-list>div{padding:15px 0;border-bottom:1px solid #45423a;font-size:12px;color:#e2dfd8;display:flex;gap:22px;align-items:center}.tools-list>div span{font:9px var(--mono);color:var(--accent)}.services-strip{display:flex;justify-content:center;align-items:center;gap:22px;overflow:hidden;white-space:nowrap;padding:23px 4%;border-bottom:1px solid var(--line);color:#b9b5ac;font:8px var(--mono);letter-spacing:.1em}.services-strip b{font-size:9px;color:var(--accent);font-weight:400}.contact{padding-top:148px;padding-bottom:110px;text-align:center;background:radial-gradient(ellipse at center,#27231f 0%,var(--bg) 68%)}.contact .eyebrow{margin-bottom:32px}.contact h2{font-size:clamp(55px,9vw,112px);letter-spacing:-.09em;line-height:.91;font-weight:500;margin:0 0 44px}.contact h2 em{color:#c9a98e}.contact-email{display:inline-flex;align-items:center;gap:16px;font-size:clamp(14px,2.3vw,22px);border-bottom:1px solid #71695f;padding-bottom:10px}.contact-email span{color:var(--accent);font-size:14px}.contact-meta{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:59px;color:#aaa69d;font:9px var(--mono);letter-spacing:.03em}.contact-meta span{color:#79766f}footer{height:80px;border-top:1px solid var(--line);padding:0 6.1%;display:flex;align-items:center;justify-content:space-between;color:#928f87;font:8px var(--mono);letter-spacing:.07em}footer .name-link{font:700 12px var(--sans);color:var(--paper)}.video-dialog{padding:0;border:1px solid #45423b;background:#12110f;color:var(--paper);width:min(1100px,92vw);max-width:none;max-height:92vh;overflow:visible}.video-dialog::backdrop{background:#050504e8;backdrop-filter:blur(8px)}.dialog-inner{padding:24px}.dialog-inner .eyebrow{margin:0 60px 16px 0}.dialog-inner video{display:block;width:100%;max-height:75vh;background:#000}.dialog-close{position:absolute;right:13px;top:8px;border:0;background:none;font-size:27px;cursor:pointer;color:#d8d3ca}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.project-card:nth-child(2n){transition-delay:.08s}::selection{background:#c9a98e;color:#171411}
@media(max-width:760px){.site-header{height:68px;padding:0 6%}nav{gap:18px;font-size:10px}.header-cta{font-size:9px}.hero{min-height:720px;height:92svh;max-height:850px}.hero-content{padding:0 7% 76px}.hero h1{font-size:clamp(59px,13vw,100px)}.hero-portrait-wrap{right:4%;width:47vw;height:43%;opacity:.47}.hero-index{top:38%;right:7%}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px;margin-top:29px}.hero-note{font-size:12px}.hero-actions{gap:19px}.button{height:44px;padding:0 13px;gap:16px;font-size:9px}.text-link{font-size:9px}.eyebrow{font-size:8px}.section-pad{padding-left:7%;padding-right:7%}.intro{padding-top:115px;padding-bottom:120px}.intro h2{font-size:clamp(45px,10vw,70px)}.work{padding-top:78px;padding-bottom:55px}.section-heading{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:34px}.section-heading h2,.toolkit h2{font-size:clamp(44px,10vw,64px)}.section-aside br{display:none}.project-grid{gap:28px 13px}.project-wide .project-media,.project-media{aspect-ratio:.93}.project-wide:nth-child(4) .project-media{aspect-ratio:.93}.project-info{padding-top:12px}.project-info strong{font-size:10px}.project-info small{font-size:7px;line-height:1.4}.project-arrow{font-size:12px}.media-number{left:10px;top:11px;font-size:7px}.play-mark{width:40px;height:40px}.media-hint{right:10px;bottom:10px;font-size:7px}.work-foot{margin-top:39px;font-size:7px;gap:16px;line-height:1.6}.about{padding-top:105px;padding-bottom:100px;grid-template-columns:1fr;gap:39px}.about-photo{width:76%;max-height:540px;aspect-ratio:.9}.about-copy h2{font-size:76px}.about-body{font-size:11px}.toolkit{padding-top:75px;padding-bottom:83px;grid-template-columns:1fr;gap:38px}.services-strip{justify-content:flex-start;padding:19px 7%;gap:17px;font-size:7px}.contact{padding-top:105px;padding-bottom:78px}.contact-meta{gap:17px;margin-top:44px;font-size:8px}footer{padding:0 6%;height:69px;font-size:7px}.dialog-inner{padding:17px}.dialog-inner video{max-height:68vh}}@media(max-width:400px){nav{gap:12px}.header-cta{display:none}.project-info strong{font-size:9px}.project-info small{font-size:6.5px}.hero-actions{gap:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Portrait cutout art direction */
.about-photo{aspect-ratio:1.18;min-height:330px;max-height:470px;background:radial-gradient(ellipse at 72% 45%,#354149 0%,#222a2e 27%,#1a1b1b 58%,#191815 100%);isolation:isolate}.about-photo:before{content:"";position:absolute;inset:0;z-index:0;opacity:.19;background-image:linear-gradient(#d4c2ad15 1px,transparent 1px),linear-gradient(90deg,#d4c2ad15 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000 0%,transparent 80%)}.about-photo>img{position:absolute;z-index:2;right:1%;bottom:0;width:69%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 32px #0008)}.about-glow{position:absolute;z-index:0;border-radius:50%;filter:blur(3px)}.about-glow-one{width:210px;height:210px;right:13%;top:13%;background:#c58d6240;filter:blur(50px)}.about-glow-two{width:180px;height:230px;left:12%;bottom:7%;background:#62809425;filter:blur(46px)}.about-orbit{position:absolute;z-index:1;border:1px solid #d8c0a328;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:68%;height:82%;right:-2%;top:1%}.orbit-two{width:56%;height:68%;right:4%;top:8%;border-color:#d8c0a316}.about-art-label{position:absolute;z-index:1;left:8%;top:25%;margin:0;font:500 clamp(20px,2.7vw,36px)/.98 var(--sans);letter-spacing:-.08em;color:#e4ded3}.about-art-label em{font:italic 400 1.25em Georgia,serif;color:#c9a98e}.about-photo .photo-index{z-index:3;padding:14px 17px;background:linear-gradient(transparent,#11100ed9);font-size:8px}.photo-index i{font-style:normal;color:var(--accent);padding:0 7px}@media(max-width:760px){.about-photo{width:100%;max-height:390px;min-height:275px;aspect-ratio:1.08}.about-art-label{left:7%;font-size:clamp(20px,5vw,31px)}.about-photo>img{width:74%;right:-3%}}
/* Wide workspace portrait supplied by Ramees */
.hero-portrait{object-fit:cover;object-position:63% center}.about-photo{aspect-ratio:1.55;max-height:500px;min-height:300px}.about-photo>img{z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:brightness(.76) saturate(.76)}.about-photo:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#11100eb8 0%,#11100e48 48%,transparent 80%),linear-gradient(0deg,#11100eb0,transparent 38%);pointer-events:none}.about-photo .about-art-label{z-index:2}.about-photo .photo-index{z-index:3}@media(max-width:760px){.about-photo{aspect-ratio:1.22;min-height:270px;max-height:390px}.about-photo>img{width:100%;right:0;object-position:62% center}}
/* Slightly rounded reel previews */
.project-media{border-radius:8px}.dialog-inner video{border-radius:6px}
/* Higher-visibility action controls */
.header-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid #c9a98e;border-radius:5px;color:#f0eee8;background:#c9a98e14}.header-cta:hover{background:#c9a98e;color:#171411}.text-link{display:inline-flex;align-items:center;min-height:49px;padding:0 16px;border:1px solid #c9a98e;border-radius:4px;color:#f0eee8;background:#c9a98e12}.text-link:hover{background:#c9a98e;color:#171411}.play-mark{background:#c9a98e;color:#171411;border:1px solid #c9a98e;box-shadow:0 4px 18px #0008}.project-open:hover .play-mark{background:#f0eee8;border-color:#f0eee8;color:#14120f}.contact-email{padding:12px 17px;border:1px solid #c9a98e;border-radius:4px;background:#c9a98e12;transition:background .25s,color .25s}.contact-email:hover{background:#c9a98e;color:#171411}.button:focus-visible,.text-link:focus-visible,.header-cta:focus-visible,.project-open:focus-visible,.contact-email:focus-visible{outline:3px solid #f0eee8;outline-offset:4px}@media(max-width:760px){.header-cta{padding:9px 10px}.text-link{min-height:44px;padding:0 10px}}
/* Branded marks and stronger action buttons */
.action-button,.contact-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 14px;border:1px solid #c9a98e;border-radius:5px;background:linear-gradient(135deg,#c9a98e25,#c9a98e10);color:#f0eee8;font:9px var(--mono);letter-spacing:.035em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s,transform .2s}.action-button:hover,.contact-action:hover{background:#c9a98e;color:#171411;border-color:#e1c6af;transform:translateY(-1px)}.action-button svg,.contact-action svg,.contact-email svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.work-foot a.action-button{font-size:8px;min-height:40px;padding:0 15px;color:#f0eee8}.work-foot a.action-button:hover{color:#171411}.contact-email{min-height:56px;gap:12px;font-weight:600}.contact-email svg{width:19px;height:19px;color:var(--accent)}.contact-email:hover svg{color:inherit}.contact-meta{align-items:center;gap:12px;margin-top:44px}.contact-meta a.contact-action{font-size:9px;color:#f0eee8}.contact-meta a.contact-action:hover{color:#171411}.contact-action span{color:var(--accent);font-size:12px}.contact-action:hover span{color:inherit}.contact-location{padding:0 9px;color:#aaa69d;font:9px var(--mono)}.tools-list>div{display:grid;grid-template-columns:24px 38px 1fr;gap:12px;min-height:63px;padding:9px 0}.tools-list>div span.tool-number{font:9px var(--mono);color:var(--accent)}.tools-list>div span.software-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c9a98e72;border-radius:8px;background:linear-gradient(145deg,#c9a98e24,#171613);color:#e5c4a6;font:700 12px var(--mono);letter-spacing:-.08em}.tools-list>div span.tool-name{font-size:12px;color:#e2dfd8}.software-mark svg{width:21px;height:21px;fill:none;stroke:#dfbd9f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mark-resolve svg circle:nth-child(1){fill:#c98f6f;stroke:#c98f6f}.mark-resolve svg circle:nth-child(2){fill:#d6b385;stroke:#d6b385}.mark-resolve svg circle:nth-child(3){fill:#9baf9a;stroke:#9baf9a}.mark-capcut svg path{stroke:#e5c4a6}.back-top{min-height:38px;font-size:8px}footer .back-top{color:#f0eee8}footer .back-top:hover{color:#171411}.action-button:focus-visible,.contact-action:focus-visible,.contact-email:focus-visible{outline:3px solid #f0eee8;outline-offset:3px}@media(max-width:760px){.work-foot{align-items:flex-start;flex-direction:column}.work-foot a.action-button{font-size:7px}.contact-meta{gap:9px}.contact-action{min-height:39px;padding:0 10px}.tools-list>div{min-height:58px}}@media(max-width:430px){.contact-email{font-size:12px;padding:10px 11px}.contact-action{font-size:8px}.contact-meta{gap:7px}.contact-location{width:100%;text-align:center;margin-top:7px}}
/* Larger, clearer contact and utility controls */
.contact-action,.work-foot a.action-button,footer .back-top{min-height:48px;padding:0 18px;border-radius:7px;border-width:1.5px;background:linear-gradient(135deg,#c9a98e38,#c9a98e18);box-shadow:0 5px 18px #0004}.contact-action svg{width:20px;height:20px;color:#e5c4a6}.tools-list>div{grid-template-columns:24px 46px 1fr;min-height:68px}.tools-list>div span.software-mark{width:40px;height:40px;border-radius:9px;font-size:14px}.software-mark svg{width:24px;height:24px}.work-foot a.action-button{font-size:9px}footer .back-top{min-height:44px}.action-button:hover,.contact-action:hover{box-shadow:0 8px 22px #0006}@media(max-width:760px){.contact-action{min-height:46px;padding:0 13px}.tools-list>div{grid-template-columns:20px 42px 1fr;min-height:62px}.tools-list>div span.software-mark{width:37px;height:37px}.contact-meta{gap:9px}}@media(max-width:430px){.contact-action{min-height:44px;padding:0 10px}.tools-list>div span.software-mark{width:35px;height:35px}}
/* Compact the oversized hero on shorter desktop screens */
@media(min-width:761px){.hero{min-height:640px;height:min(840px,92svh)}.hero-content{padding-bottom:74px}}

/* Client Instagram profiles */
.client-profiles{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:46px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.client-profiles .eyebrow{margin:0 13px 0 0;font-size:8px}
.client-profile-link{display:inline-flex;align-items:center;gap:14px;min-height:40px;padding:0 15px;border:1px solid #c9a98e72;border-radius:6px;background:#c9a98e12;color:#eee9df;font:9px var(--mono);letter-spacing:.04em;transition:background .2s,color .2s,transform .2s}
.client-profile-link span{color:var(--accent);font-size:13px}
.client-profile-link:hover{background:#c9a98e;color:#171411;transform:translateY(-1px)}
.client-profile-link:hover span{color:inherit}
.client-profile-link:focus-visible{outline:3px solid #f0eee8;outline-offset:3px}
@media(max-width:760px){.client-profiles{gap:9px;margin-top:34px;padding:16px 0}.client-profiles .eyebrow{flex-basis:100%;margin:0 0 2px}.client-profile-link{min-height:39px;padding:0 12px;font-size:8px}}
.client-avatar{display:inline-block;flex:none;width:34px;height:34px;overflow:hidden;border:1px solid #ffffff28;border-radius:50%;background:#f4f3ef}
.client-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.client-avatar.aeloria-avatar img{transform:scale(3.5);transform-origin:31% 50%}
.client-profile-link{gap:10px;min-height:48px}
@media(max-width:760px){.client-avatar{width:31px;height:31px}.client-profile-link{gap:8px;min-height:44px}}

/* A more deliberate page grid and calmer spacing */
.site-header,footer{padding-inline:clamp(24px,6.1vw,88px)}
.hero-content{padding-inline:clamp(24px,6.1vw,88px)}
.hero-index{right:clamp(24px,6.1vw,88px)}
.section-pad{padding-inline:clamp(26px,8vw,116px)}
.intro{padding-block:clamp(108px,12vw,164px)}
.work{padding-top:clamp(76px,8vw,110px);padding-bottom:clamp(58px,7vw,88px)}
.about{padding-block:clamp(104px,11vw,154px);gap:clamp(48px,8vw,112px);grid-template-columns:minmax(0,.92fr) minmax(0,1fr)}
.about-photo{border-radius:10px}
.about-copy{max-width:560px}
.toolkit{padding-block:clamp(76px,8vw,112px);gap:clamp(48px,8vw,112px)}
.section-heading{gap:32px}
.project-grid{column-gap:clamp(18px,2.3vw,34px);row-gap:clamp(34px,4vw,52px)}
.project-media{border-radius:10px}
.client-profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(38px,5vw,58px);padding-block:24px}
.client-profiles .eyebrow{grid-column:1/-1;margin:0 0 4px}
.client-profile-link{min-width:0;justify-content:flex-start;padding-inline:13px;border-radius:8px}
.contact{padding-block:clamp(108px,12vw,154px) clamp(78px,9vw,112px)}
.contact h2{max-width:980px;margin-inline:auto;margin-bottom:42px}
.contact-meta{max-width:900px;margin-inline:auto}
.contact-action{border-radius:8px}
@media(max-width:760px){
  .site-header,footer{padding-inline:6%}
  .hero-content{padding-inline:7%}
  .hero-index{right:7%}
  .section-pad{padding-inline:clamp(22px,7vw,40px)}
  .intro{padding-block:110px 118px}
  .about{gap:38px;grid-template-columns:minmax(0,1fr)}
  .toolkit{gap:38px}
  .client-profiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-block:18px}
  .client-profiles .eyebrow{grid-column:1/-1}
  .client-profile-link{padding-inline:10px;font-size:8px}
  .contact{padding-block:104px 78px}
}
@media(max-width:420px){.client-profiles{grid-template-columns:minmax(0,1fr)}.client-profile-link{width:100%}}

/* Pointer-following copper cursor and small click ripples */
.cursor-ring,.cursor-point{display:none;position:fixed;left:0;top:0;z-index:1001;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}
body.cursor-fx-active,body.cursor-fx-active *{cursor:none!important}
body.cursor-fx-active .cursor-ring,body.cursor-fx-active .cursor-point{display:block;opacity:0;transition:opacity .2s ease}
body.cursor-fx-visible .cursor-ring,body.cursor-fx-visible .cursor-point{opacity:1}
.cursor-ring{width:34px;height:34px;border:1px solid #d8b79b;background:#c9a98e08;transition:left .13s cubic-bezier(.2,.7,.2,1),top .13s cubic-bezier(.2,.7,.2,1),width .2s,height .2s,background .2s,border-color .2s,transform .18s cubic-bezier(.2,.7,.2,1)}
.cursor-point{width:5px;height:5px;background:#e8c9ac;transition:left .035s linear,top .035s linear,transform .18s ease}
.cursor-ring.is-over{width:48px;height:48px;border-color:#ebc9a8;background:#c9a98e20}
.cursor-ring.is-down{width:26px;height:26px;transform:translate(-50%,-50%) scale(.78);background:#c9a98e62}
.cursor-point.is-down{transform:translate(-50%,-50%) scale(.6)}
.button,.text-link,.header-cta,.action-button,.contact-action,.client-profile-link,.project-open{position:relative}
.button.is-rippling::after,.text-link.is-rippling::after,.header-cta.is-rippling::after,.action-button.is-rippling::after,.contact-action.is-rippling::after,.client-profile-link.is-rippling::after,.project-open.is-rippling::after{content:"";position:absolute;z-index:3;left:var(--press-x,50%);top:var(--press-y,50%);width:12px;height:12px;border-radius:50%;background:#e5c4a66e;pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:press-ripple .52s cubic-bezier(.12,.7,.25,1) forwards}
.button:active,.text-link:active,.header-cta:active,.action-button:active,.contact-action:active,.client-profile-link:active,.project-open:active{filter:brightness(1.15)}
@keyframes press-ripple{to{opacity:0;transform:translate(-50%,-50%) scale(13)}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-ring,.cursor-point{display:none!important}body.cursor-fx-active,body.cursor-fx-active *{cursor:auto!important}.button.is-rippling::after,.text-link.is-rippling::after,.header-cta.is-rippling::after,.action-button.is-rippling::after,.contact-action.is-rippling::after,.client-profile-link.is-rippling::after,.project-open.is-rippling::after{animation:none;display:none}}

/* Smoother motion for copy, logos, and controls */
.cursor-ring{left:0;top:0;transform:translate3d(var(--cursor-x,0px),var(--cursor-y,0px),0) translate(-50%,-50%);transition:width .34s cubic-bezier(.2,.8,.2,1),height .34s cubic-bezier(.2,.8,.2,1),background .34s,border-color .34s}
.cursor-ring.is-down{transform:translate3d(var(--cursor-x,0px),var(--cursor-y,0px),0) translate(-50%,-50%)}
.cursor-point.is-down{width:3px;height:3px;transform:translate(-50%,-50%)}
.soft-reveal{opacity:0;translate:0 16px;filter:blur(4px);transition:opacity .82s cubic-bezier(.2,.7,.2,1),translate .82s cubic-bezier(.2,.7,.2,1),filter .82s cubic-bezier(.2,.7,.2,1);transition-delay:var(--soft-delay,0ms)}
.soft-reveal.soft-revealed{opacity:1;translate:0 0;filter:blur(0)}
.button,.text-link,.header-cta,.action-button,.contact-action,.client-profile-link{transition:transform .38s cubic-bezier(.2,.8,.2,1),background .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s cubic-bezier(.2,.8,.2,1),border-color .38s cubic-bezier(.2,.8,.2,1),color .38s cubic-bezier(.2,.8,.2,1)}
.button:hover,.text-link:hover,.header-cta:hover,.action-button:hover,.contact-action:hover,.client-profile-link:hover{transform:translateY(-2px)}
.button:active,.text-link:active,.header-cta:active,.action-button:active,.contact-action:active,.client-profile-link:active{transform:translateY(0) scale(.975);transition-duration:.12s}
.client-profile-link .client-avatar{transition:transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .48s cubic-bezier(.2,.8,.2,1)}
.client-profile-link:hover .client-avatar{transform:scale(1.08);box-shadow:0 0 0 3px #c9a98e22,0 5px 16px #0005}
.software-mark{transition:transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .48s cubic-bezier(.2,.8,.2,1),border-color .48s cubic-bezier(.2,.8,.2,1)}
.tools-list>div:hover .software-mark{transform:translateY(-2px) rotate(-3deg);box-shadow:0 6px 18px #0005;border-color:#e1c6af}
.project-media img,.project-preview{transition:transform 1s cubic-bezier(.2,.75,.2,1),filter .65s cubic-bezier(.2,.75,.2,1)}
.project-open:hover .play-mark{transition:background .45s,border-color .45s,color .45s,transform .45s cubic-bezier(.2,.8,.2,1)}
.client-profile-link.is-rippling::after,.contact-action.is-rippling::after,.action-button.is-rippling::after,.button.is-rippling::after,.text-link.is-rippling::after,.header-cta.is-rippling::after,.project-open.is-rippling::after{animation-duration:.68s;animation-timing-function:cubic-bezier(.16,.8,.25,1)}
.soft-revealed .soft-reveal{transition-delay:var(--soft-delay,0ms)}
@media(prefers-reduced-motion:reduce){.soft-reveal,.soft-reveal.soft-revealed{opacity:1;translate:0 0;filter:none;transition:none}.button,.text-link,.header-cta,.action-button,.contact-action,.client-profile-link,.client-avatar,.software-mark,.project-media img,.project-preview{transition:none!important}}