@font-face {
  font-family: 'Reem Kufi';
  src: url(fonts/ReemKufi.woff2) format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Caladea';
  src: url(fonts/Caladea-BoldItalic.woff2) format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url(fonts/OpenSans-Regular.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url(fonts/OpenSans-Semibold.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url(fonts/OpenSans-Bold.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root{color-scheme:light;--ink:#302864;--muted:#59576d;--subtle:#615d79;--purple:#49409a;--blue:#b5d8fc;--lav:#cfc8fa;--peach:#ffdbbf;--cream:#fffdf9;--line:#d9d6e3;--lime:#eee0ff;--display:'Reem Kufi',system-ui,sans-serif;--body:'Open Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}h1,h2,h3,h4,p,figure,blockquote{margin:0}h1,h2,h3,h4{word-spacing:.065em;font-family:var(--display);font-weight:700;line-height:1.12;letter-spacing:-.045em}em{font-family:Caladea,Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,summary{cursor:pointer}button{background:none}img{display:block;max-width:100%}ul{margin:0;padding:0;list-style:none}svg{display:inline-block}::selection{background:var(--lav)}[hidden]{display:none!important}:focus-visible{outline:3px solid #6953cd;outline-offset:4px}
.container{width:min(1256px,calc(100% - clamp(48px,10.5vw,160px)));margin-inline:auto}.sr-only,.hp-field{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;left:12px;top:-100px;background:white;padding:12px;z-index:90}.skip-link:focus{top:4px}.icon{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}.progress{position:fixed;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;background:#7766c9;z-index:80}
.btn,.plain-link,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:700;line-height:1.3}.btn{min-height:49px;padding:13px 21px;border:1px solid var(--ink);border-radius:9px;transition:background .18s,transform .18s}.btn:hover,.circle-link:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary,.btn-dark{background:var(--ink);color:white}.btn-primary:hover,.btn-dark:hover{background:#504488}.btn-outline{background:transparent}.btn-outline:hover{background:#ece9ff}.btn .icon,.plain-link .icon,.text-link .icon{width:17px;height:17px}.plain-link,.text-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.plain-link:hover,.text-link:hover{color:#6755a0}.circle-link{width:36px;height:36px;border:1.3px solid var(--ink);border-radius:50%;background:transparent;transition:transform .18s;display:grid;place-items:center}.circle-link:hover{background:#fff9;color:var(--ink)}
.site-header{position:sticky;top:0;background:#fffdf9f7;z-index:60;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:79px}.brand{display:inline-flex;align-items:center}.brand img,.legal header img{width:134px;height:auto}.desktop-nav,.nav-actions{display:flex;align-items:center}.desktop-nav{gap:clamp(16px,2.3vw,38px)}.desktop-nav a{font-size:13px;line-height:1.5;font-weight:600;position:relative;padding:8px 0}.desktop-nav a:hover,.desktop-nav a.active{color:#6d56ae}.desktop-nav a.active:after{content:'';position:absolute;bottom:2px;width:13px;height:2px;left:calc(50% - 6.5px);background:#9c87dc;border-radius:2px}.nav-actions{gap:12px}.nav-actions .btn{min-height:40px;padding:9px 18px;border-radius:30px;background:#eae6ff;color:var(--ink)}.nav-actions .btn:hover{background:var(--lav)}.menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%}.menu-bars{display:grid;gap:6px}.menu-bars i{width:16px;height:1.5px;background:var(--ink)}.mobile-nav{position:absolute;left:0;right:0;max-height:calc(100dvh - 64px);overflow-y:auto;display:grid;gap:8px;background:var(--cream);padding:18px 6vw 24px;border-bottom:1px solid var(--ink)}.mobile-nav a{padding:7px 8px;font-weight:600}
.studio-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3.6vw,64px);min-height:clamp(470px,39vw,560px);align-items:center;padding-block:clamp(48px,4.6vw,72px)}.hero-copy{min-width:0}.eyeline,.section-tag,.price-eyebrow,.step-num{display:inline-flex;align-items:center;gap:10px;font:700 11px/1.4 var(--body);text-transform:uppercase;letter-spacing:.13em}.eyeline i{display:inline-block;width:19px;height:2px;background:#8d79d5}.spark-icon{width:18px;height:18px;flex:none}.hero-copy .eyeline .spark-icon{color:#dc7955}.studio-hero h1{font-size:clamp(62px,6.4vw,95px);line-height:1.02;letter-spacing:-.045em;margin:23px 0 26px}.studio-hero h1 em{position:relative;color:#51449a;display:inline-block;line-height:1;letter-spacing:-.048em}.handline{position:absolute;left:0;width:100%;height:11px;bottom:-7px;color:#f6b455;pointer-events:none}.hero-copy p,.folio-intro p{color:var(--muted);font-size:clamp(15px,1.15vw,18px);max-width:445px;line-height:1.67}.actions{display:flex;gap:25px;align-items:center;margin-top:26px}.crew-art{align-self:center;position:relative;margin:0 -2% 0 -2%;isolation:isolate}.crew-art img{width:100%;height:auto}.service-ribbon{overflow:hidden;border-block:1px solid #b6a9da;background:#dfd8fc;color:var(--ink)}.service-ribbon>div{width:max-content;display:flex;align-items:center;gap:clamp(18px,2.5vw,41px);height:42px;transform:translateX(-1.4%);font:600 11px/1 var(--body);letter-spacing:.115em;text-transform:uppercase}.service-ribbon .spark-icon{width:12px;height:12px;color:#554594}
.section{padding:clamp(63px,6vw,96px) 0}.section-title{font-size:clamp(38px,4.4vw,65px);line-height:1.06;letter-spacing:-.04em}.section-title em{color:#57499a}.section-tag,.eyeline{margin-bottom:13px}.hero-copy .eyeline{margin:0}.services{padding-bottom:52px}.services-head{margin-bottom:28px}.tracks,.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-card{--panel:#eae4ff;border:1.3px solid #a49bc3;border-radius:16px;overflow:hidden;padding:clamp(19px,2.5vw,36px);background:var(--panel);min-width:0}.service-card.design{--panel:#ffe6d1;border-color:#cfac94}.card-top{display:flex;align-items:center;gap:12px}.card-top h3{font-size:clamp(26px,2.7vw,42px);letter-spacing:-.035em}.service-symbol{display:grid;place-items:center;height:40px;width:40px;border-radius:11px;border:1.5px solid var(--ink);background:#c2b6ec;transform:rotate(-5deg);flex:none}.design .service-symbol{background:#ffc393;transform:rotate(5deg)}.card-top .circle-link{margin-left:auto;flex:none}.card-desc{font-size:14px;margin-top:10px;color:#514b65}.scene{position:relative;height:clamp(185px,17vw,250px);margin:23px 0 5px;overflow:hidden;border-block:1px solid #30286426;isolation:isolate}.photo-scene{background-color:#d8cff4;background-image:radial-gradient(#9c93be 0.7px,transparent 0.95px);background-size:10px 10px}.design-scene{background-color:#fed4b5;background-image:repeating-linear-gradient(0deg,transparent 0 21px,#956c4922 22px 23px),repeating-linear-gradient(90deg,transparent 0 21px,#956c4922 22px 23px)}.paper{position:absolute;top:12%;width:34%;height:103%;border:5px solid white;outline:1px solid #30286476;border-radius:3px;background:white;box-shadow:3px 5px 0 #30286424;overflow:hidden}.paper img{width:100%;height:100%;object-fit:cover}.pic-ring{transform:rotate(-13deg);left:4%;top:22%}.pic-polo{transform:rotate(11deg);right:4%;top:22%}.pic-model{transform:rotate(-3deg);left:33%;height:100%;top:7%;z-index:2}.pic-model img{position:absolute;inset:0;object-position:center top}.pic-model .show-before{opacity:0}.pic-model.is-before .show-before{opacity:1}.show-toggle{position:absolute;bottom:13%;left:50%;transform:translateX(-50%);display:flex;background:var(--cream);border:1px solid var(--ink);border-radius:20px;padding:2px}.show-toggle button{border:0;padding:5px 7px;font-size:10px;font-weight:bold;border-radius:12px}.show-toggle button[aria-pressed=true]{background:var(--ink);color:white}.ad-left{transform:rotate(-13deg);left:4%;top:22%}.ad-mid{transform:rotate(4deg);left:32%;top:8%;z-index:2;width:37%}.ad-right{transform:rotate(13deg);right:3%;top:23%}.design-scene img{object-position:50% 0}.track-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #30286426}.track-list li:last-child{border:0;padding-bottom:0}.track-list h4{font-size:18px;letter-spacing:-.03em}.track-list p{font-size:12px;line-height:1.5;color:#585369;margin-top:3px}.track-list .circle-link{width:29px;height:29px;border:0}.track-list .icon{width:16px;height:16px}.trusted{padding:23px 0 28px;border-block:1px solid var(--line)}.trusted .container{display:flex;align-items:center;gap:24px}.trusted-title{max-width:115px;font:700 10px/1.55 var(--body);letter-spacing:.08em;text-transform:uppercase}.clients-row{flex:1;display:flex;align-items:center;justify-content:space-between;gap:2%}.client-logo{object-fit:contain;width:11%;height:38px;filter:brightness(0) saturate(100%) invert(22%) sepia(14%) saturate(1302%) hue-rotate(209deg);opacity:.9}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.work-toolbar{align-items:flex-start;flex-wrap:wrap;gap:10px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filter{font:600 12px var(--body);padding:8px 13px;border-radius:24px;border:1px solid var(--line);background:transparent;color:var(--ink)}.filter:hover{background:#eae6f9}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.work-tip{margin-left:auto}.work-tip .tip-icon{background:#d7eaff;color:var(--ink)}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card{border-radius:13px;background:#fff;border-color:var(--line);color:var(--ink)}.work-card:hover{border-color:#a99fcc}.work-card.is-loading .work-media{background:#efedf7}.work-caption h3{font-family:var(--display);font-size:21px;line-height:1.17;letter-spacing:-.04em}.work-caption p,.work-heading p,.work-empty{font-size:13px}.work-card .circle-link{width:32px;height:32px}.work-label,.zoom-btn,.ba-chip.before{background:var(--ink);color:white}.zoom-btn{opacity:1}.work-meta span.hl,.listing-meta,.listing-grid .cta-tile{color:#544492;border-color:#c9bbdf}.listing-meta:before{background:#9887c2}.work-media{background:#f4f3f1}.work-heading h3{font-size:30px}.work-card.listing-row{grid-template-columns:minmax(165px,24%) minmax(0,1fr)}.work-card.listing-row .work-caption{padding:20px}.listing-grid .cta-tile:hover{background:#f2eeff}.work-meta{gap:5px}.listing-grid button{border-radius:6px}.work-lightbox::backdrop{background:rgba(222,220,243,.92)}.lb-caption,.lb-caption small{color:var(--ink)}.work-more{text-align:center;margin-top:28px}.lb-set img{max-width:90%;object-fit:contain}.work-caption .circle-link:hover{color:var(--ink)}.folio-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;padding-block:45px}.folio-hero{background:#f0ebff;border-bottom:1px solid #d9d1ee}.folio-intro h1{font-size:clamp(58px,6vw,90px);line-height:1.05;margin-bottom:16px}.folio-intro .eyeline .icon{width:15px;transform:rotate(180deg)}.folio-art{max-width:340px;justify-self:end}.folio-art img{width:100%;height:auto}.portfolio-page .work{padding-top:37px}
.section-intro{font-size:15px;line-height:1.7;color:var(--muted);max-width:550px;margin-top:14px}.how{background:#eeebfa;border-block:1px solid #dbd5e9}.grid-three{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;gap:24px}.step{position:relative;padding:23px 20px 8px 0;border-top:1px solid #a49ab7}.step-arrow{position:absolute;right:10px;top:20px}.step-icon{margin:22px 0 13px;display:grid;place-items:center;border:1.5px solid var(--ink);width:43px;height:43px;border-radius:12px;background:var(--blue);transform:rotate(-5deg)}.step:nth-child(2) .step-icon{background:var(--peach);transform:rotate(5deg)}.step:nth-child(3) .step-icon{background:#d9d2ff}.step h3{font-size:25px}.step p,.benefit-item p,.price-note,.faq-item p{font-size:14px;color:var(--muted);margin-top:8px}.about-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:6vw}.about-intro .btn{margin-top:24px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.benefit-item{padding-top:12px;border-top:1px solid var(--line)}.benefit-item>.icon{width:21px;height:21px;margin-bottom:8px;color:#7463a2}.benefit-item h3{font-size:20px}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-block:1px solid var(--line);padding:23px 0;gap:12px}.stat b{font:700 clamp(32px,4vw,57px)/1.12 var(--display);letter-spacing:-.055em;display:block}.stat span,.stat-source{font-size:12px;color:var(--muted)}.stat-source{margin-top:5px}.testimonial{display:flex;gap:20px;background:#ffefce;border:1px solid #dfc98e;padding:clamp(22px,3.3vw,43px);border-radius:15px;margin-top:32px}.quote-mark{font:80px/.9 var(--display);color:#95613a}.stars{color:#7d4f24;font-size:12px;letter-spacing:.15em}.testimonial blockquote{font-size:clamp(18px,2vw,30px);font-family:var(--display);letter-spacing:-.03em;max-width:980px;line-height:1.34;margin:10px 0 17px}.quote-person{display:flex;align-items:center;gap:10px}.avatar{background:#fff8eb;border:1px solid #bd9d70;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:bold}.quote-person strong,.quote-person span{display:block;font-size:12px}.quote-person span{color:var(--muted);font-size:11px}
.pricing{background:#f3f6fa;border-block:1px solid var(--line)}.pricing-head{margin-bottom:30px}.price-card{padding:clamp(22px,3.2vw,45px);border:1px solid #c4bfcd;border-radius:16px;display:flex;flex-direction:column;align-items:start;background:#fffaf6}.price-card.featured{background:#eae6fb}.price-card h3{font-size:26px;margin:12px 0}.price{font:700 clamp(40px,4.3vw,64px)/1.2 var(--display);letter-spacing:-.07em}.price small{font:400 13px var(--body);letter-spacing:0}.price-features{padding:18px 0 22px;margin:18px 0 0;border-top:1px solid var(--line);width:100%;display:grid;gap:9px}.price-features li{display:flex;align-items:start;gap:10px;font-size:13px}.price-features .icon{height:16px;width:16px;margin-top:4px}.price-card .btn{margin-top:auto}.price-reassurance{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px;font-size:12px}.price-reassurance .icon{width:16px;height:16px;margin-right:5px}.faq-layout{display:grid;grid-template-columns:.72fr 1.4fr;gap:5vw}.faq-intro .text-link{margin-top:18px}.faq-item{border-bottom:1px solid var(--line);padding:15px 0}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item summary{font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-plus:after{content:'+';font-size:21px}.faq-item[open] .faq-plus:after{content:'−'}.faq-item p a,.form-note a{text-decoration:underline;text-underline-offset:2px}
.contact{padding:clamp(52px,6.5vw,94px) 0;background:#dfd8f8;border-top:1px solid #b9afce}.contact-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.contact-copy>p{max-width:440px;margin:17px 0;color:#504a67}.contact-email{font-weight:700;font-size:19px}.contact-email .icon{width:16px}.contact-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:9px}.contact-links a,.copy-email,.form-alt{font-size:12px;padding:3px 0;border:none;text-decoration:underline;text-underline-offset:3px}.contact-links .icon{width:15px;height:15px}.contact-form{position:relative;background:#fffdf9;border-radius:16px;border:1px solid #a89fbe;padding:clamp(19px,2.8vw,38px);display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{min-width:0}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.field input,.field select,.field textarea{border:1px solid #bdb7ce;border-radius:7px;background:white;padding:11px 12px;width:100%;min-width:0;font-size:14px}.field textarea{min-height:100px;resize:vertical;display:block}.form-note,.form-status{font-size:12px;line-height:1.55;color:var(--muted)}.form-alt{justify-self:start}.form-status{background:#edf2ff;padding:10px;border-radius:6px}.form-success{text-align:center;padding:34px 10px}.form-success h3{font-size:30px}.form-success .tick{font-size:33px}.footer{background:var(--ink);color:#fff;padding:48px 0 17px}.footer .brand img{filter:none}.footer-description,.footer-contact,.footer-links,.footer-bottom{font-size:12px}.footer-description{margin-top:8px;color:#e5e1f9}.footer-contact,.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px 20px}.footer a:hover{text-decoration:underline}.footer-contact{margin-top:12px}.footer-main,.footer-bottom{display:flex;justify-content:space-between;gap:30px}.footer-links .icon{width:12px}.footer-bottom{border-top:1px solid #ffffff42;margin-top:28px;padding-top:12px;color:#e4e0fa;font-size:11px}.sticky-cta{display:none}.legal{min-height:100vh}.legal .wrap{width:min(760px,calc(100% - 46px));margin:auto}.legal header{padding:22px 0;border-bottom:1px solid var(--line)}.legal header .wrap{display:flex;justify-content:space-between;align-items:center}.legal header a{font-size:14px}.legal main{padding:55px 0}.legal h1{font-size:clamp(42px,6vw,70px)}.legal h2{font-size:25px;margin:30px 0 7px}.legal p,.legal li{max-width:70ch}.legal p{margin-bottom:12px}.legal ul{list-style:disc;padding-left:20px}.legal .updated{font:12px var(--body);margin:15px 0 28px}.legal main a{text-decoration:underline}.legal footer{padding:24px 0;background:var(--ink);color:white;font-size:13px}
@media(max-width:1000px){.desktop-nav{gap:16px}.container{width:calc(100% - 60px)}.studio-hero{min-height:440px;gap:20px}.studio-hero h1{font-size:clamp(57px,7.4vw,76px)}.studio-hero .actions{gap:16px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand img{width:132px}.work-card.listing-row{display:flex}.work-card.listing-row .work-caption{border:0;padding:18px;display:flex;flex-direction:row;align-items:start}.work-card.listing-row .work-media{width:100%;order:0;padding:11px}.work-toolbar .work-tip{margin:0}.card-top{gap:8px}.service-symbol{width:34px;height:34px}.track-list h4{font-size:16px}.about-layout{grid-template-columns:1fr 1.4fr;gap:30px}}
@media(max-width:800px){.desktop-nav{display:none}.menu-toggle{display:flex}.nav-inner{min-height:65px}.studio-hero{grid-template-columns:1fr .95fr}.studio-hero h1{font-size:clamp(50px,7.4vw,64px)}.hero-copy p{font-size:14px}.actions{gap:12px;flex-wrap:wrap}.hero-copy .actions .btn,.hero-copy .plain-link{font-size:12px}.service-card{padding:18px}.service-symbol{display:none}.scene{height:160px}.trusted .container{display:block}.trusted-title{max-width:none;margin-bottom:12px}.work-card.orphan-2{width:calc(50% - 11px)}.about-layout,.faq-layout{grid-template-columns:1fr}.grid-three,.benefit-grid{gap:17px}.contact-box{gap:26px}.form-grid{grid-template-columns:1fr}.footer-main{align-items:start}.footer-links{max-width:45%}}
@media(max-width:620px){html{scroll-padding-top:74px}.container{width:calc(100% - 36px)}.nav-inner{min-height:62px}.brand img{width:122px}.nav-actions .btn{font-size:12px;min-height:36px;padding:8px 13px}.nav-actions{gap:8px}.menu-toggle{height:36px;width:36px}.studio-hero{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-height:0;padding:38px 0 22px}.studio-hero h1{font-size:clamp(57px,13.3vw,77px);margin:17px 0 23px}.hero-copy .eyeline,.eyeline,.section-tag{font-size:10px}.hero-copy p{max-width:42ch;font-size:15px}.actions{margin-top:20px;gap:18px}.crew-art{width:min(87%,350px);align-self:center;margin:0}.service-ribbon>div{height:34px;font-size:10px}.section{padding:48px 0}.service-card{padding:19px}.tracks,.price-grid{grid-template-columns:1fr;gap:16px}.service-symbol{display:grid}.card-top h3{font-size:28px}.section-title{font-size:clamp(35px,9vw,47px)}.services-head{margin-bottom:19px}.scene{height:185px}.track-list h4{font-size:17px}.client-logo{width:22%;height:30px}.clients-row{justify-content:center;gap:12px 3%;flex-wrap:wrap}.trusted-title{text-align:center}.section-head{align-items:start;flex-direction:column;gap:12px}.work-grid{gap:14px}.work-card{border-radius:10px}.work-caption{padding:12px;gap:6px}.work-caption h3{font-size:17px}.work-caption p{font-size:12px}.work-caption .circle-link{width:25px;height:25px}.work-caption .circle-link .icon{width:13px}.work-label{font-size:9px;left:6px;top:7px;padding:5px 7px}.work-meta{gap:3px}.work-meta span{font-size:9px;padding:2px 5px}.zoom-btn{right:6px;top:6px;width:26px;height:26px}.work-heading{align-items:start;flex-direction:column;gap:6px}.work-heading h3{font-size:24px}.work-card.listing-row .work-media{padding:8px}.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.listing-grid .cta-tile{grid-column:auto!important;font-size:10px}.listing-grid .main-tag{left:4px;top:4px;font-size:7px}.work-tip{font-size:10px}.work-toolbar{margin-bottom:17px}.work-card .before-inset{width:35%;border-radius:7px;left:6px;bottom:6px}.filter{font-size:11px;padding:7px 9px}.folio-intro{grid-template-columns:1fr .5fr;gap:12px;padding:34px 0}.folio-intro h1{font-size:46px}.folio-intro p{font-size:13px}.grid-three,.contact-box,.form-grid{grid-template-columns:1fr}.grid-three{gap:12px}.step{padding:13px 0}.step-icon{margin:9px 0}.step-arrow{top:13px}.step h3{font-size:22px}.benefit-grid{gap:16px}.benefit-item h3{font-size:18px}.benefit-item p{font-size:13px}.stats-bar{margin-top:26px}.stat span{font-size:10px}.testimonial{gap:10px}.quote-mark{font-size:48px}.price-reassurance{gap:8px}.price-features{margin-top:12px}.contact-box{gap:23px}.footer-main,.footer-bottom{flex-direction:column;gap:15px}.footer-links{max-width:none}.footer-bottom{gap:5px}.work-card.orphan-2{width:calc(50% - 7px)}}
@media(max-width:420px){.work-grid{grid-template-columns:1fr}.work-card.orphan-2,.work-card.orphan-3{grid-column:auto;width:100%}.work-caption{padding:16px}.work-caption h3{font-size:21px}.work-card:not(.wide) .work-media{aspect-ratio:1/1.08}.work-card .before-inset{width:25%}.card-top h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:620px){.sticky-cta.visible{position:fixed;bottom:14px;right:14px;z-index:45;display:inline-flex;min-height:40px;padding:10px 16px;border-radius:30px;font-size:12px;box-shadow:0 2px 9px #30286426}}

/* The portfolio uses a light lavender ground, with ink labels on opaque paper. */
.work {
  --paper: #fffdf9;
  --lavender-paper: #e4ddfa;
  --blue-paper: #dceeff;
  --peach-paper: #ffe5cc;
  --mint-paper: #d5efdf;
  --folio-border: #c8c0e2;
  background: #f0eefb;
  color: var(--ink);
  border-block: 1px solid var(--line);
}
.work .work-card:not(.work-heading) { background: var(--paper); border-color: var(--folio-border); }
.work .work-card.wide .work-media,
.work .set-grid, .work .listing-collage { background: var(--lavender-paper); }
.work .work-card.listing-row .work-media { background: transparent; }
.work .work-caption h3, .work .work-heading h3, .work .work-empty { color: var(--ink); }
.work .work-caption p, .work .work-heading p, .work .work-tip, .work .count { color: #514963; }
.work .filter { color: var(--ink); background: #fffdf9; border-color: #b0a6c9; font-size: 13px; font-weight: 550; }
.work .filter:hover { background: var(--blue-paper); }
.work .filter[aria-pressed="true"] { color: #332559; background: #d2c5f5; border-color: #7664a0; font-weight: 700; }
.work .work-label, .work .zoom-btn, .work .listing-count-chip,
.work .listing-grid .main-tag, .work .listing-collage .more {
  color: var(--ink); background: var(--lavender-paper); border: 1px solid #b8accc;
}
.work .work-label::before { background: #716199; }
.work .zoom-btn:hover, .work .zoom-btn:focus-visible { color: var(--ink); background: #d3ebff; }
.work .ba-chip.before, .work .before-inset .inset-tag,
.work .show-before .state-chip { background: var(--peach-paper); color: #52372b; }
.work .ba-chip.after, .work .state-chip,
.work .show-before .before-inset .inset-tag { background: var(--mint-paper); color: #254a38; }
.work .work-meta span { border-color: #d9d4e6; background: #f2eef8; color: #534768; font-size: 11px; }
.work .listing-meta { color: #514274; font-size: 11px; }
.work .listing-grid .cta-tile { color: var(--ink); background: #eaf2ff; border-color: #9faccc; }
.work .listing-grid .cta-tile:hover { background: #dce9ff; }
.work .work-more .btn { background: var(--lavender-paper); color: var(--ink); border-color: #9283b4; }
.work .work-more .btn:hover { background: #d4c8ef; }
.work .work-tip .tip-icon { background: var(--blue-paper); color: var(--ink); }
.work .work-label, .work .before-inset .inset-tag, .work .state-chip { font-size: 10px; letter-spacing: .055em; }
.work .listing-grid button:focus-visible, .work .split-handle:focus-visible { outline-color: #61459c; }
.work-lightbox {
  color: var(--ink); background: #f6f2ff; padding: 15px;
  border: 1px solid #b7acd4; border-radius: 17px; max-height: 91dvh;
}
.work-lightbox::backdrop { background: rgb(222 217 240 / .93); }
.work-lightbox .lb-caption { color: var(--ink); font-weight: 700; line-height: 1.45; }
.work-lightbox .lb-caption small { color: #4e465f; font-weight: 450; font-size: 13px; }
.work-lightbox .lb-close { background: #e0d6fa; border: 1px solid #9385b5; box-shadow: none; color: var(--ink); }
.work-lightbox .lb-pair .before figcaption, .work-lightbox .ba-chip.before { background: #ffe5cc; color: #52372b; }
.work-lightbox .lb-pair .after figcaption, .work-lightbox .ba-chip.after { background: #d5efdf; color: #254a38; }

.studio-hero h1 { font-size: clamp(43px, 4.95vw, 72px); line-height: 1.04; letter-spacing: -.045em; }
.studio-hero h1 em { letter-spacing: -.045em; }
.section-tag, .eyeline, .step-num, .price-eyebrow { font-weight: 700; letter-spacing: .10em; }
.footer-links, .footer-contact { font-size: 13px; }
.crew-stage { aspect-ratio: 1360 / 831; width: 100%; position: relative; }
.crew-camera, .crew-designer { position: absolute; inset: 0; transform-origin: 49.4% 69.8%; }
.crew-stage img { width: 100%; height: 100%; object-fit: contain; }
.crew-camera > img { clip-path: polygon(0 0,48% 0,47% 38%,51% 59%,49.4% 69.8%,47% 100%,0 100%); }
.crew-designer > img { clip-path: polygon(48% 0,100% 0,100% 100%,47% 100%,49.4% 69.8%,51% 59%,47% 38%); }
.lens-glint, .pen-stroke { position: absolute; height: auto; opacity: 0; pointer-events: none; }
.lens-glint { width: 6.6%; top: 48.5%; left: 29.1%; }
.pen-stroke { width: 10.4%; left: 86.5%; top: 4%; transform: rotate(-6deg); }
.pen-stroke path { stroke: #ac8fdd; stroke-width: 2.3; fill: none; stroke-linecap: round; stroke-dasharray: 1; }
.crew-toggle {
  position: absolute; right: 0; bottom: 0; display: grid; place-items: center;
  width: 36px; height: 36px; border: 1px solid #b3a8cf; border-radius: 50%;
  color: var(--ink); background: #f2edff; line-height: 1;
}
.crew-toggle:hover { background: #e6ddfb; }
.crew-toggle svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; stroke-linecap: round; fill: none; }
.crew-toggle .play-icon, .crew-art[data-motion="paused"] .pause-icon { display: none; }
.crew-art[data-motion="paused"] .play-icon { display: block; fill: currentColor; stroke-width: 1; }
@media (prefers-reduced-motion: no-preference) {
  .crew-art[data-motion] .crew-camera { animation: camera-snap 5.8s ease-in-out infinite; }
  .crew-art[data-motion] .crew-designer { animation: pencil-swing 5.8s ease-in-out infinite; }
  .crew-art[data-motion] .lens-glint { animation: lens-shine 5.8s ease-in-out infinite; }
  .crew-art[data-motion] .pen-stroke { animation: draw-stroke 5.8s ease-in-out infinite; }
  .crew-art[data-motion="paused"] .crew-stage * { animation-play-state: paused; }
}
@keyframes camera-snap {
  0%, 48%, 100% { transform: rotate(0); }
  17% { transform: rotate(-2deg); }
  30% { transform: rotate(1.4deg); }
  37% { transform: rotate(-.5deg); }
}
@keyframes pencil-swing {
  0%, 40%, 100% { transform: rotate(0); }
  58% { transform: rotate(-3deg); }
  72% { transform: rotate(1.8deg); }
  87% { transform: rotate(-.6deg); }
}
@keyframes lens-shine {
  0%, 17%, 38%, 100% { opacity: 0; transform: scale(.3) rotate(-15deg); }
  26% { opacity: .92; transform: scale(1) rotate(9deg); }
}
@keyframes draw-stroke {
  0%, 45% { opacity: 0; stroke-dashoffset: 1; }
  50% { opacity: 1; stroke-dashoffset: 1; }
  74% { opacity: 1; stroke-dashoffset: 0; }
  88%, 100% { opacity: 0; stroke-dashoffset: 0; }
}

.illustrated-head, .how-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: clamp(15px,4vw,55px); text-align: left;
}
.illustrated-head .plain-link { margin-top: 12px; }
.section-mascot { display: block; object-fit: contain; height: auto; flex-shrink: 0; }
.work-mascot { width: clamp(85px,10vw,145px); margin-right: 2%; }
.process-mascot { width: clamp(90px,12vw,165px); margin-right: 4%; }
.how-head .section-intro { margin-left: 0; }
.folio-art { width: 100%; display: flex; justify-content: center; }
.folio-mascot { width: clamp(110px,15vw,210px); }
.mail-mascot { width: clamp(74px,8.7vw,125px); margin: 0 0 18px; }
.contact-copy .section-title { max-width: 10ch; }
.work-toolbar .work-tip { width: 100%; margin: 4px 0 0; font-size: 12px; }
@media (max-width:800px) and (min-width:621px) {
  .studio-hero { grid-template-columns: 1.1fr .9fr; }
  .studio-hero h1 { font-size: 5.35vw; }
}
@media (max-width:620px) {
  .studio-hero h1 { font-size: clamp(32px, 10.4vw, 60px); }
  .work .illustrated-head, .how-head { flex-direction: row; align-items: center; gap: 12px; }
  .illustrated-head .section-intro, .how-head .section-intro { font-size: 14px; line-height: 1.55; }
  .work-mascot, .process-mascot { width: clamp(58px,18vw,95px); margin: 0; }
  .work .filter { padding: 7px 10px; font-size: 12px; }
  .work .work-tip { font-size: 11px; }
  .contact-copy .section-title { max-width: 17ch; }
  .crew-toggle { width: 32px; height: 32px; right: -3%; }
  .work-lightbox { padding: 10px; }
}

/* The artboard borrows its pale blue selection handles from the folded-ribbon mark. */
#home:has(.studio-hero) {
  background: linear-gradient(106deg,#fffaf2 0%,#fffcf7 49%,#f5f4ff 100%);
  overflow: clip;
}
.studio-hero {
  grid-template-columns: 1.03fr 1fr;
  gap: clamp(22px,4vw,64px);
  min-height: clamp(480px,39vw,600px);
  padding-block: clamp(41px,4.7vw,74px);
}
.hero-copy .eyeline { color: #494361; letter-spacing: .12em; }
.studio-hero h1 {
  font-size: clamp(47px,5.15vw,77px);
  line-height: 1.14;
  font-weight: 620;
  letter-spacing: -.04em;
  margin: 20px 0 23px;
  color: #1b203c;
}
.studio-hero h1 em {
  font-size: 1.08em; line-height: 1;
  font-weight: 700; letter-spacing: -.047em; color: #64509b;
}
.studio-hero .handline { bottom: -7px; height: 9px; color: #eaaa53; }
.hero-copy p { max-width: 43ch; }
.hero-copy .btn-primary {
  background: #252448; border-color: #252448;
  border-radius: 10px; box-shadow: 3px 3px 0 #b7dffc;
}
.hero-copy .btn-primary:hover { background: #40385f; }
.studio-hero .crew-art {
  width: 100%; margin: 0; padding: 7% 2% 6%;
  background-color: #e8effb;
  background-image: radial-gradient(#7485ae49 .75px,transparent 1px);
  background-size: 13px 13px;
  border: 1px solid #c8c9e6;
  border-radius: 38% 18% 18% 16% / 28% 20% 23% 19%;
  box-shadow: 7px 7px 0 #e5def4;
}
.crew-art::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  inset: 9% 9% 11% 8%; background: #fff2d8;
  border-radius: 46% 50% 44% 48%; transform: rotate(-7deg);
}
.art-guides { position: absolute; inset: 0; width: 100%; height: 100%; color: #7778a4; pointer-events: none; }
.crew-art .crew-toggle { right: 3.5%; bottom: 4%; background: #fffdf8; }
.service-ribbon { background-color: #e0dcf9; }
.mail-mascot { width: clamp(175px,15.5vw,230px); margin: 0 0 18px; }
.contact-copy .section-title { max-width: 13ch; }
.footer { color: var(--ink); background: #f6f3fb; border-top: 1px solid #c3bbd7; }
.footer-description, .footer-bottom { color: #504b67; }
.footer-bottom { border-color: #d5cfe1; }
@media (min-width:621px) and (max-width:980px) {
  .studio-hero { grid-template-columns: 1.04fr 1fr; gap: 20px; min-height: 392px; }
  .studio-hero h1 { font-size: 5.18vw; }
}
@media (max-width:620px) {
  .studio-hero { padding: 35px 0 26px; gap: 26px; min-height: auto; }
  .studio-hero h1 { font-size: clamp(37px,10.45vw,62px); margin: 14px 0 20px; }
  .studio-hero .crew-art { width: min(94%,390px); padding: 15px 9px 14px; }
  .contact-lead { display: flex; gap: 12px; justify-content: space-between; align-items: center; }
  .contact-lead .mail-mascot { order: 1; width: clamp(126px,34vw,171px); margin: 0; }
  .contact-heading { min-width: 0; }
  .contact-copy .section-title { font-size: clamp(30px,7.6vw,46px); }
  .contact-copy .section-tag { margin-bottom: 9px; }
}
@media (max-width:360px) {
  .nav-inner { gap: 8px; }
  .site-header .brand img { width: 98px; }
  .nav-actions .btn { padding-inline: 9px; font-size: 11px; white-space: nowrap; }
}