/*
Theme Name: ByFaizyab
Description: Portrait-led digital marketing portfolio, recreated from the ByFaizyab mockup with fluid curved sections.
Version: 2.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: byfaizyab
License: GPL-2.0-or-later
*/
:root{--navy:#07111f;--blue:#3986ff;--light:#f3f6fd;--muted:#bac6d6;--wave-shift:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--light);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.06}h1,h2{font-weight:700}em{color:var(--blue);font-style:normal}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.container{width:calc(100% - 12%);max-width:1280px;margin:auto}.section-dark{background:var(--navy);color:var(--light)}.section-light{background:var(--light);color:var(--navy)}.section-blue{background:var(--blue);color:white}.skip-link{position:fixed;left:20px;top:-100px;background:white;color:var(--navy);padding:12px 20px;z-index:100}.skip-link:focus{top:20px}.site-header{position:absolute;top:0;left:0;right:0;z-index:30;padding:27px 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:30px;font-weight:750;letter-spacing:-1.5px;line-height:1;white-space:nowrap}.brand span{color:var(--blue)}.main-nav,.footer-nav{display:flex;align-items:center;gap:44px}.main-nav a{font-size:15px;font-weight:600}.main-nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:55px;padding:13px 27px;border:1px solid #64a0ff;border-radius:40px;background:var(--blue);color:white;font-size:17px;font-weight:600;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);background:#2573ef;box-shadow:0 10px 30px #1b70f333}.button-small{min-height:42px;padding:10px 21px;font-size:14px;gap:14px}.button-outline{background:transparent;border-color:#99a7b8}.button-outline:hover{background:#ffffff0c;box-shadow:none}.eyebrow{display:flex;align-items:center;gap:15px;font-size:12px;text-transform:uppercase;letter-spacing:1.8px;font-weight:500;margin-bottom:25px}.eyebrow:after{content:'';width:54px;height:1px;background:currentColor;opacity:.35}.wave-divider{position:absolute;bottom:-1px;left:-1%;width:102%;height:115px;z-index:10;pointer-events:none;overflow:visible}.wave-divider path{transform:translateY(var(--wave-shift,0px));transform-origin:center;transition:fill .4s}.wave-divider.wave-blue{fill:var(--blue)}.wave-divider.wave-dark{fill:var(--navy)}.wave-divider.wave-light{fill:var(--light)}
.hero{position:relative;min-height:850px;overflow:hidden;background:radial-gradient(ellipse at 36% 55%,#0c223a 0%,var(--navy) 62%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:850px;gap:24px;position:relative}.hero-art{position:relative;min-width:0}.hero-portrait{position:absolute;bottom:13px;left:-7%;width:110%;max-width:none;height:795px;object-fit:cover;object-position:center 18%;mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 12%,#000 86%,transparent);z-index:4}.hero-copy{position:relative;z-index:5;align-self:center;padding-bottom:45px;padding-top:85px}.hero-copy h1{font-size:clamp(55px,7.05vw,104px);line-height:1.015;letter-spacing:-.048em}.name-eyebrow{font-size:12px;letter-spacing:1.7px;margin-bottom:22px}.name-eyebrow:after{width:95px}.hero-subtitle{font-size:22px;color:#c9d3df;margin-top:24px}.hero-actions{display:flex;gap:17px;margin-top:28px;flex-wrap:wrap}.scroll-cue{display:inline-flex;align-items:center;gap:17px;margin-top:66px;font-size:13px;color:#b7c5d5}.scroll-pill{display:grid;place-items:center;height:48px;width:20px;border:1px solid #a5b4c0;border-radius:20px;font-size:13px}.sphere{border-radius:50%;background:radial-gradient(circle at 28% 20%,#77b4ff 0%,#3084ff 40%,#0851cc 74%,#032b7a 100%);box-shadow:inset -16px -22px 35px #00276544,0 5px 40px #2689ff22}.sphere-hero{position:absolute;left:-2%;top:245px;width:380px;height:380px;z-index:2}.torus{border-radius:50%;border:46px solid #f5f7ff;box-shadow:inset 8px 8px 20px #06122755,14px 16px 35px #0002;transform:perspective(600px) rotateY(-22deg) rotateZ(25deg)}.torus-hero{position:absolute;right:-2%;top:280px;width:250px;height:220px;z-index:3}.sphere-white{background:radial-gradient(circle at 28% 25%,white,#e2e8f1 40%,#8f9fb4 85%);box-shadow:inset -5px -7px 10px #7088a544}.hero-moon{position:absolute;right:10%;top:195px;width:52px;height:52px;z-index:3}.orbit-track{position:absolute;border:1px solid #e4ebf2aa;border-radius:50%;width:600px;height:175px;left:-6%;top:270px;transform:rotate(18deg);z-index:1}.track-b{transform:rotate(-22deg);top:320px;height:225px;border-color:#85a3c16b}
.approach{position:relative;overflow:hidden;min-height:430px;padding:40px 0 115px;background:linear-gradient(110deg,#3986ff,#3181f7)}.approach-copy{max-width:850px;position:relative;z-index:2}.approach h2{font-size:clamp(37px,4.6vw,68px);line-height:1.08;letter-spacing:-.04em}.approach .eyebrow{font-size:11px;margin-bottom:26px}.approach p:not(.eyebrow){font-size:21px;max-width:760px;line-height:1.5;margin-top:25px;color:#e3edff}.approach-sphere{position:absolute;right:-150px;top:-15px;width:560px;height:560px;background:radial-gradient(circle at 25% 20%,#84c1ff,#3e93ff 30%,#0452c8 69%,#072a70 100%);border-radius:50%;opacity:.9;box-shadow:inset 10px 15px 35px #c5eaff77;transform:translateY(var(--approach-drift,0px))}
.work{position:relative;padding:65px 0 140px;min-height:710px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#0d1c2a,var(--navy) 70%)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:52px}.section-heading h2{font-size:clamp(40px,5vw,76px)}.heading-note{max-width:370px;font-size:16px;color:#c4cedb;line-height:1.45;padding-bottom:2px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px;perspective:1200px}.project-card{padding:0;text-align:left;border:1px solid #3f5060;border-radius:17px;background:linear-gradient(145deg,#172530,#071420);color:var(--light);overflow:hidden;box-shadow:0 18px 35px #0002;transform:rotate(-2deg) translateY(10px);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;min-width:0}.project-card:nth-child(2){transform:rotate(-3deg) translateY(-4px)}.project-card:nth-child(3){transform:rotate(2deg) translateY(12px)}.project-card:hover,.project-card:focus-visible{transform:translateY(-12px) rotate(0deg);border-color:#79adf7;box-shadow:0 25px 55px #0005}.project-visual{aspect-ratio:1.44;overflow:hidden;padding:17px 17px 0}.project-visual>img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:9px 9px 0 0}.project-visual>svg{width:100%;height:100%;border-radius:9px 9px 0 0;display:block}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 23px 24px}.project-caption h3{font-size:23px;letter-spacing:-.03em}.project-caption p{font-size:15px;line-height:1.5;color:#c3cddd;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.round-arrow{border:1px solid #8297ad;border-radius:50%;width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;font-size:22px}.cover-fallback{height:100%;padding:25px;background:linear-gradient(135deg,#e2ecff,#9bb8de);color:var(--navy);display:flex;flex-direction:column;justify-content:space-between}.cover-fallback strong{font-size:32px;line-height:1.15}.empty-state{padding:80px 0}
.services{position:relative;min-height:710px;padding:62px 0 135px;overflow:hidden}.services-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:70px}.services .eyebrow,.contact .eyebrow{color:#647fa9}.services h2{font-size:clamp(40px,4.65vw,69px)}.services-intro{font-size:18px;max-width:340px;color:#43556f;line-height:1.5;margin-top:25px;position:relative;z-index:4}.services-main{position:relative;min-height:475px}.service-universe{position:absolute;width:430px;height:320px;right:-40px;bottom:-12px;pointer-events:none}.service-ring{position:absolute;left:0;top:40px;width:420px;height:240px;border:1px solid #b4caff;border-radius:50%;transform:rotate(-35deg);will-change:transform}.ring-two{width:340px;height:185px;left:35px;top:65px;transform:rotate(-48deg)}.service-ring span,.service-ring i{font-style:normal;position:absolute;padding:13px 23px;background:#f4f7fe;border:1px solid #d3e1ff;border-radius:40px;color:#07111f;font-size:14px;font-weight:600;white-space:nowrap;transform:rotate(35deg);box-shadow:0 8px 22px #82a4d711}.service-ring span{right:13px;top:-26px}.service-ring i{left:0;bottom:-20px}.ring-two span{right:-15px;top:53px}.ring-two i{left:105px;bottom:-45px}.ring-dot{position:absolute;width:10px;height:10px;background:var(--blue);border-radius:50%;left:-4px;top:50%}.service-planet{position:absolute;width:185px;height:185px;border-radius:50%;left:133px;top:75px;background:radial-gradient(circle at 30% 15%,#8ec6ff,#328aff 35%,#0451c8 75%,#002d83);box-shadow:inset -16px -18px 25px #001f7b55,0 15px 30px #3380ce11}.service-moon{position:absolute;left:52px;top:217px;width:46px;height:46px;background:radial-gradient(circle at 25% 20%,white,#e8edf8 45%,#9aaccc 100%);border-radius:50%}.service-dot{position:absolute;right:63px;bottom:37px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#94caff,#257fff 50%,#0144b2)}.services-list{padding-top:1px;position:relative;z-index:3}.service-item{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:0 0 36px}.service-item+.service-item{border-top:1px solid #d4e1f7;padding-top:38px}.service-number{font-size:25px;color:var(--blue);font-weight:600;line-height:1.1}.service-item h3{font-size:23px;line-height:1.2;margin-bottom:15px;letter-spacing:-.04em}.service-item p{font-size:16px;color:#526583;line-height:1.5;max-width:310px}
.about{position:relative;min-height:610px;padding:45px 0 95px;overflow:hidden;background:radial-gradient(ellipse at 65% 65%,#142a42,var(--navy) 70%)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr .56fr;gap:30px;min-height:440px;position:relative}.about-copy{position:relative;z-index:5}.about h2{font-size:clamp(40px,4.65vw,69px)}.about-lead{font-size:22px;line-height:1.45;margin-top:25px;max-width:470px}.about-description{font-size:15px;color:#c1cfde;max-width:440px;line-height:1.5;margin:23px 0 25px}.about-art{position:relative;min-width:0;align-self:stretch}.about-art img{position:absolute;width:125%;max-width:none;height:545px;bottom:-68px;left:-15%;object-fit:cover;object-position:center 13%;mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);z-index:3}.sphere-about{position:absolute;width:265px;height:265px;right:-25px;top:80px;z-index:1}.about-moon{position:absolute;width:54px;height:54px;right:-36px;top:235px;z-index:2}.about-track{position:absolute;right:-30px;top:115px;width:340px;height:115px;transform:rotate(-32deg);border:1px solid #92aec2;border-radius:50%;z-index:1}.about-facts{display:flex;flex-direction:column;justify-content:center;gap:50px;padding-bottom:20px;position:relative;z-index:4}.fact{display:grid;grid-template-columns:29px 1fr;gap:17px}.fact-icon{color:var(--blue)}.fact-icon svg{width:30px;height:30px}.fact h3{font-size:21px;letter-spacing:-.035em}.fact p{font-size:14px;line-height:1.55;color:#c4cfdb;margin-top:15px}.contact{padding:45px 0 56px}.contact-grid{display:grid;grid-template-columns:1.45fr 1fr .55fr;gap:40px;align-items:center}.contact h2{font-size:clamp(40px,4.65vw,69px)}.contact-copy{font-size:18px;max-width:340px;line-height:1.5;padding-top:30px}.email-link{display:flex;align-items:center;gap:17px;font-size:18px;font-weight:700;margin-top:25px;overflow-wrap:anywhere}.email-link svg{width:25px;height:25px;flex:0 0 25px}.contact-orb{width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 30% 25%,#368fff,#0d68f1 60%,#014ab9);color:white;font-size:20px;font-weight:600;transition:transform .35s,box-shadow .35s;box-shadow:0 15px 35px #267ff518}.contact-orb:hover{transform:scale(1.07);box-shadow:0 20px 45px #267ff53a}.site-footer{padding:0 0 34px}.footer-inner{border-top:1px solid #d6e0f2;padding-top:29px;display:flex;align-items:center;gap:30px;justify-content:space-between}.site-footer .brand{font-size:25px}.footer-nav{gap:27px;font-size:13px;color:#526585;margin-left:auto}.footer-socials{display:flex;align-items:center;gap:19px}.footer-socials a{display:grid;place-items:center;transition:color .2s,transform .2s}.footer-socials a:hover{color:var(--blue);transform:translateY(-3px)}.footer-socials svg{width:20px;height:20px}.copyright{font-size:11px;color:#6d83a4;white-space:nowrap}.testimonials{padding:35px 0 65px}.testimonials h2{font-size:50px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.testimonials figure{padding:28px;border:1px solid #d5e0f5;border-radius:20px}.testimonials blockquote{margin:0;font-size:18px;line-height:1.6}.testimonials figcaption{margin-top:23px;display:flex;flex-direction:column}.testimonials figcaption span{font-size:14px;color:#58708f;margin-top:5px}
dialog{width:min(650px,92vw);max-height:85vh;overflow:auto;border:1px solid #3a506c;border-radius:24px;background:var(--navy);color:var(--light);padding:48px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#030a15c9;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:20px;top:15px;background:none;color:white;border:0;font-size:32px;width:40px;height:40px}dialog h2{font-size:44px;margin:20px 0}dialog p,dialog li{line-height:1.6}dialog ul{padding-left:23px;margin:25px 0}dialog .button{margin-top:20px}[hidden]{display:none!important}.page-main{min-height:75vh;padding:150px 0 80px}.page-main h1{font-size:60px;margin-bottom:35px}.page-main article{max-width:850px}.page-main article p{margin:20px 0}.page-main article a{color:var(--blue)}body.admin-bar .site-header{top:32px}
/* Motion is progressively enabled; content remains visible if scripts fail. */
.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .9s cubic-bezier(.2,.8,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.hero-art,.about-art{--art-y:0px;--art-turn:0deg}.hero-art>.sphere,.hero-art>.torus,.hero-art>.orbit-track{translate:0 var(--art-y);rotate:var(--art-turn)}.about-art>.sphere,.about-track{translate:0 var(--art-y);rotate:var(--art-turn)}.hero-copy{translate:0 var(--hero-copy-y,0px)}.hero-moon{animation:moon-float 6s ease-in-out infinite}.about-moon{animation:moon-float 7s ease-in-out infinite}.torus-hero{animation:torus-turn 10s ease-in-out infinite}.scroll-pill{animation:scroll-nudge 2s ease-in-out infinite}@keyframes moon-float{50%{transform:translateY(-16px)}}@keyframes torus-turn{50%{transform:perspective(600px) rotateY(25deg) rotateZ(-15deg)}}@keyframes scroll-nudge{50%{translate:0 5px}}
@media(min-width:1600px){.hero,.hero-grid{min-height:900px}.hero-portrait{height:840px}}@media(max-width:1100px){.container{width:90%}.hero,.hero-grid{min-height:710px}.hero-portrait{height:660px}.hero-copy h1{font-size:7.2vw}.hero-subtitle{font-size:17px}.hero-actions .button{font-size:14px;min-height:46px;padding:11px 21px}.sphere-hero{width:300px;height:300px;top:210px}.torus-hero{width:190px;height:180px;border-width:36px;top:255px}.orbit-track{width:460px}.hero-moon{top:165px}.approach{min-height:390px}.approach h2{font-size:5vw}.approach-copy{max-width:670px}.approach p:not(.eyebrow){max-width:570px;font-size:18px}.approach-sphere{width:450px;height:450px;right:-160px}.work{min-height:600px}.project-caption{padding:17px}.project-caption h3{font-size:18px}.project-caption p{font-size:13px}.round-arrow{width:32px;height:32px;flex-basis:32px}.services-grid{gap:40px}.service-universe{right:-25px;scale:.82;transform-origin:right bottom}.service-item h3{font-size:19px}.service-item p{font-size:14px}.services{min-height:635px}.about-grid{gap:20px;grid-template-columns:1.12fr .9fr .62fr}.about-lead{font-size:18px}.about-art img{height:470px}.sphere-about{width:220px;height:220px}.fact{gap:10px}.fact h3{font-size:17px}.fact p{font-size:12px}.contact-grid{gap:25px}.contact-copy,.email-link{font-size:15px}.contact-orb{width:145px;height:145px;font-size:17px}.footer-inner{gap:20px}.copyright{font-size:9px}.footer-nav{gap:18px}.footer-socials{gap:14px}}
@media(max-width:750px){html{scroll-padding-top:70px}.container{width:88%}.site-header{padding:23px 0}.brand{font-size:25px}.main-nav{gap:18px}.main-nav a{font-size:12px}.site-header .button{font-size:12px;min-height:35px;padding:8px 13px;gap:8px}.header-inner{gap:12px}.hero,.hero-grid{min-height:970px}.hero-grid{display:flex;flex-direction:column;gap:0;padding-top:85px}.hero-copy{order:0;padding:25px 0 0;align-self:auto}.hero-copy h1{font-size:clamp(49px,11vw,76px);line-height:1.02}.hero-subtitle{font-size:15px;margin-top:19px}.name-eyebrow{font-size:10px;margin-bottom:18px}.hero-actions{margin-top:24px;gap:12px}.hero-actions .button{font-size:14px;padding:11px 20px}.scroll-cue{position:absolute;right:0;bottom:-390px;font-size:11px;z-index:6;margin:0;flex-direction:column;gap:9px}.hero-art{order:1;height:505px;margin-top:15px}.hero-portrait{height:575px;width:390px;max-width:none;left:50%;translate:-50% 0;bottom:-70px}.sphere-hero{width:255px;height:255px;left:-7%;top:135px}.torus-hero{width:175px;height:155px;top:185px;right:-2%;border-width:33px}.hero-moon{width:33px;height:33px;right:12%;top:110px}.orbit-track{width:370px;height:130px;left:-2%;top:160px}.track-b{top:200px;height:160px}.wave-divider{height:75px}.approach{padding:28px 0 95px;min-height:350px}.approach h2{font-size:clamp(29px,7.8vw,46px);position:relative;z-index:2}.approach p:not(.eyebrow){font-size:15px;max-width:90%;margin-top:20px}.eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:1.4px}.approach .eyebrow{font-size:9px}.approach-sphere{right:-190px;top:40px;opacity:.55;width:330px;height:330px}.work{padding:36px 0 105px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:44px}.heading-note{font-size:14px;margin-top:18px;max-width:300px}.project-grid{grid-template-columns:1fr;gap:30px;max-width:440px;margin:auto}.project-card,.project-card:nth-child(2),.project-card:nth-child(3){transform:rotate(0deg)}.project-visual{aspect-ratio:1.5;padding:17px 17px 0}.project-caption h3{font-size:23px}.project-caption p{font-size:15px}.project-caption{padding:22px}.round-arrow{width:40px;height:40px;flex-basis:40px}.services{padding:30px 0 105px}.services-grid{grid-template-columns:1fr;gap:35px}.services h2,.about h2,.contact h2{font-size:44px}.services-main{min-height:470px}.services-intro{font-size:16px;max-width:270px}.service-universe{width:430px;right:50%;translate:50% 0;scale:.83;bottom:0;transform-origin:center bottom}.services-list{padding-top:0}.service-item{grid-template-columns:32px 1fr;padding-bottom:28px;gap:16px}.service-item+.service-item{padding-top:28px}.service-item h3{font-size:22px}.service-item p{font-size:15px;max-width:none}.service-number{font-size:23px}.about{padding:25px 0 95px}.about-grid{grid-template-columns:1fr 1fr;gap:25px}.about-copy{grid-column:1/-1}.about-lead{font-size:19px;margin-top:22px}.about-description{font-size:14px}.about-art{height:355px}.about-art img{height:405px;width:310px;left:-60px;bottom:-35px}.sphere-about{width:190px;height:190px;top:90px;right:-20px}.about-track{width:240px;right:-40px;top:110px}.about-moon{width:35px;height:35px;right:-25px;top:205px}.about-facts{gap:33px;padding:35px 0 0}.fact{grid-template-columns:22px 1fr;gap:10px}.fact-icon svg{width:23px;height:23px}.fact h3{font-size:17px}.fact p{font-size:12px}.contact{padding:25px 0 38px}.contact-grid{grid-template-columns:1fr auto;gap:25px}.contact-grid>div:first-child{grid-column:1/-1}.contact-copy{font-size:15px;padding-top:0;min-width:0}.email-link{font-size:14px;gap:10px;margin-top:20px}.email-link svg{width:20px;height:20px;flex-basis:20px}.contact-orb{width:110px;height:110px;font-size:14px;gap:8px}.site-footer{padding-bottom:28px}.footer-inner{flex-wrap:wrap;padding-top:23px;gap:23px}.footer-nav{margin-left:auto;gap:20px;font-size:12px}.footer-socials{gap:19px}.copyright{font-size:10px;margin-left:auto}.testimonials-grid{grid-template-columns:1fr}.testimonials h2{font-size:40px}dialog{padding:42px 25px 28px}dialog h2{font-size:34px}.page-main h1{font-size:42px}body.admin-bar .site-header{top:46px}}
@media(max-width:390px){.main-nav{gap:12px}.main-nav a{font-size:11px}.site-header .button span{display:none}.brand{font-size:23px}.hero,.hero-grid{min-height:945px}.hero-copy h1{font-size:48px}.contact-orb{width:88px;height:88px;font-size:12px}.copyright{width:100%;margin:0}.about-art img{left:-75px}.fact p{font-size:11px}}
body.bf-motion-reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.bf-motion-reduced .reveal{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){body:not(.bf-motion-full) *{animation:none!important;transition:none!important}body:not(.bf-motion-full) .reveal{opacity:1!important;transform:none!important}}
.footer-social-placeholder{display:grid;place-items:center}.footer-social-placeholder svg{width:20px;height:20px}@media(max-width:360px){.main-nav{display:none}.hero-copy h1{font-size:45px}.hero-portrait{width:350px}.service-universe{scale:.72}.contact-grid{gap:15px}.email-link{font-size:12px}.contact-orb{width:80px;height:80px}.footer-nav{gap:15px}}

/* Opaque cutout portrait: decorative shapes stay behind the person. */
.hero-art,.about-art{isolation:isolate}
.hero-portrait,.about-art img{mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;z-index:5;opacity:1}
.hero-art .sphere,.hero-art .torus,.hero-art .orbit-track,.about-art .sphere,.about-art .about-track{z-index:1}
.hero-portrait{object-fit:cover;object-position:center 18%}
.about-art img{object-fit:cover;object-position:center 13%}