/* Reference-aligned structure and proportions. NEBULA assets and content. */
:root{--paper:#fff;--ink:#000;--soft:#f6f6f6;--muted:#686868;--line:#e6e6e6}
html{scroll-padding-top:40px}body{background:#fff;color:#000}.shell{max-width:1600px;padding-inline:120px}.header{height:80px;gap:40px}.header .logo{width:140px}.desktop-nav{gap:40px;margin-right:0}.desktop-nav a{font-size:20px;line-height:24px;letter-spacing:-.02em}.nav-brief{font-size:20px;line-height:24px;padding:16px 32px;gap:0;background:#000}.nav-brief:hover{background:#000;transform:none}.header [data-magnetic]{transition:translate .55s var(--ease)}
.hero{padding-top:120px;padding-bottom:100px}.hero h1{font-size:90px;line-height:1;font-weight:500;letter-spacing:-.02em;max-width:1215px}.hero h1>span:first-child{background:none;color:#000}.hero-description{font-size:24px;line-height:1.2;letter-spacing:.02em;max-width:840px;color:#000;margin-top:40px;margin-bottom:0}.reel-section{overflow:clip}.reel-section .shell{max-width:1600px}.showreel-frame{display:block;width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:24px;background:#e6e5e1;padding:0;isolation:isolate;text-align:left}.reel-montage{position:absolute;inset:-8%;display:grid;grid-template-columns:1fr 1.35fr 1fr;grid-template-rows:1fr 1fr;gap:24px;padding:24px;transform:rotate(-7deg);animation:reel-pan 18s ease-in-out infinite alternate;will-change:transform}.reel-tile{position:relative;overflow:hidden;border-radius:16px;padding:32px;display:flex;flex-direction:column;justify-content:space-between}.tile-mark{background:#2925b9;color:white}.tile-mark>span,.tile-motion>span,.tile-type>span,.tile-print>span{font-size:12px;line-height:16px;letter-spacing:.04em}.reel-mark .logo{width:100%;filter:grayscale(1) contrast(8) invert(1);mix-blend-mode:screen}.tile-mark p{font-size:36px;line-height:1;letter-spacing:-.05em}.tile-motion{background:#d3d3e5;display:grid;place-items:center;perspective:800px}.tile-motion .kinetic-core{width:220px;height:220px}.tile-motion .kinetic-core i{width:220px;height:220px;border-width:32px;border-radius:56px}.tile-motion>span{position:absolute;left:32px;bottom:24px;color:var(--blue)}.tile-site{background:#f9f9f3;padding:40px}.tile-site>div{height:100%;display:flex;flex-direction:column;justify-content:space-between}.tile-site span,.tile-site small{font-size:12px;line-height:16px}.tile-site b{font-size:42px;line-height:1;letter-spacing:-.055em;font-weight:500;max-width:320px}.tile-print{background:#181818;color:#fff;text-align:center;align-items:center}.tile-print b{font-size:180px;line-height:1;font-weight:500;letter-spacing:-.08em}.tile-live{padding:0;color:white;background:#000}.tile-live img{height:100%;width:100%;object-fit:cover;filter:brightness(.6)}.tile-live strong{position:absolute;bottom:32px;left:32px;font-size:48px;line-height:1;font-weight:500;letter-spacing:-.045em}.tile-type{background:#e9edc5}.tile-type b{font-size:48px;line-height:1;letter-spacing:-.05em;font-weight:500}.reel-caption{position:absolute;left:32px;bottom:24px;color:#fff;background:#000b;border-radius:999px;padding:8px 16px;font-size:12px;line-height:16px;z-index:2}.reel-play{position:absolute;width:80px;height:80px;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#000;border-radius:50%;display:grid;place-items:center;font-size:32px;opacity:0;transition:opacity .6s var(--ease)}.showreel-frame:focus-visible .reel-play{opacity:1}@keyframes reel-pan{from{translate:-2% -1%}to{translate:2% 1%}}
.overview{display:grid;grid-template-columns:1fr 3fr;gap:32px;margin-block:120px;padding-inline:240px}.overview>.eyebrow{padding-top:8px;font-size:16px;line-height:24px;letter-spacing:0}.overview h2{font-size:24px;line-height:1.2;letter-spacing:.01em;font-weight:400}.overview>div>p{font-size:20px;line-height:1.4;color:#727272;margin-top:32px;max-width:800px}.features-section{padding-inline:240px}.feature-card{position:relative;display:block;isolation:isolate;border-radius:24px;overflow:hidden;min-height:360px;margin-bottom:12px;padding:56px 60px;background:#f7f7f7;transition:background .8s var(--ease),color .8s var(--ease);color:#000}.feature-head{display:flex;justify-content:space-between;gap:40px;align-items:start;position:relative;z-index:2}.feature-head h3{font-size:42px;line-height:1;letter-spacing:-.02em;font-weight:500}.feature-head>span{font-size:24px;line-height:32px}.feature-card>p{font-size:20px;line-height:1.4;max-width:650px;margin-top:24px;position:relative;z-index:2}.feature-explore{display:flex;align-items:center;gap:16px;font-size:20px;line-height:28px;margin-top:24px;position:relative;z-index:2}.feature-explore>span{width:40px;height:40px;display:grid;place-items:center;background:#000;color:#fff;border-radius:50%;transition:background .8s var(--ease),color .8s var(--ease)}.feature-explore svg{width:20px;height:20px}.feature-visual{position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .8s var(--ease),transform 1.2s var(--ease);transform:scale(1.12);background:#151515;overflow:hidden}.feature-card.is-active{color:#fff;background:#171717}.feature-card.is-active .feature-visual{opacity:1;transform:scale(1)}.feature-card.is-active .feature-explore>span{background:#fff;color:#000}.feature-visual i{position:absolute;right:6%;width:260px;height:260px;border-radius:50%;border:32px solid #ffffff30;top:5%;transform:rotateX(40deg) rotateY(-25deg)}.feature-visual i:nth-child(2){top:32%;right:3%;border-width:2px}.feature-visual i:nth-child(3){top:60%;right:10%;border-width:16px}.feature-web .feature-visual{background:#171717}.feature-marca .feature-visual{background:#2925b9}.feature-eventos .feature-visual{background:#171717 url('/direcciones/assets/concert-reference.jpg') center/cover}.feature-eventos .feature-visual:after{content:'';position:absolute;inset:0;background:#0008}.feature-tecnico .feature-visual{background:#292929}.feature-cuidado .feature-visual{background:#545d4a}.feature-cuidado .feature-visual i{border-radius:24px;transform:rotate(24deg)}
.brands-section{padding:96px 240px 100px}.brands-section h2{font-size:32px;line-height:1.15;letter-spacing:-.02em;text-align:center;max-width:700px;margin:0 auto 56px}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:0}.brand-grid>*{display:flex;align-items:center;justify-content:center;min-width:0;height:118px;padding:24px}.client-wordmark{font-size:36px;line-height:1;letter-spacing:-.045em;font-weight:600;transition:opacity .6s var(--ease)}.client-wordmark:hover{opacity:.5}.client-dr img{width:100%;height:auto;filter:invert(1);max-width:230px}.dark-section{background:#000;color:#fff;position:relative}.work-section{border-radius:88px 88px 0 0;padding-block:150px 120px}.work-section>.shell{padding-inline:240px}.work-section h2{font-size:80px;line-height:1;letter-spacing:-.02em;margin-bottom:120px;font-weight:500}.work-grid{gap:110px;align-items:start}.work-grid>.work-item:nth-child(2){padding-top:150px}.work-visual{aspect-ratio:3/4;height:auto;padding:0;border-radius:24px;transform:translateZ(0);transition:transform 1s var(--ease)}.work-visual>*{transition:transform 1.2s var(--ease)}.work-visual:hover>div{transform:scale(1.035)}.work-meta{margin-top:32px}.work-meta h3{font-size:20px;line-height:1.2;letter-spacing:0;font-weight:500}.work-meta p{font-size:20px;line-height:1.2;letter-spacing:-.01em;color:#fff;margin-top:12px}.work-section .outline-button{margin-top:80px;border-color:#777;color:#fff}.outline-button{display:inline-flex;align-items:center;gap:32px;justify-content:center;border:1px solid #aaa;padding:24px 40px;border-radius:999px;font-size:20px;line-height:24px;transition:background .6s var(--ease),color .6s var(--ease),translate .55s var(--ease)}.outline-button svg{width:24px;height:24px}.outline-button:hover{background:#000;color:#fff}.dark-section .outline-button:hover{background:#fff;color:#000}
.portfolio-web-cover{width:100%;height:100%;background:#dce6b1;position:relative;padding:64px 32px;perspective:1400px;overflow:hidden}.portfolio-laptop{position:absolute;left:8%;top:10%;width:110%;height:64%;background:#f8f9ee;border:8px solid #222;border-radius:16px;transform:rotate(-10deg);box-shadow:0 40px 60px #38422e50;overflow:hidden;text-align:left}.portfolio-browserline{padding:8px 12px;display:flex;gap:4px;border-bottom:1px solid #ddd}.portfolio-browserline i{width:4px;height:4px;background:#aaa;border-radius:50%}.portfolio-dr-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;color:#171717}.portfolio-dr-nav img{width:130px;height:auto;filter:invert(1)}.portfolio-dr-nav>span{font-size:8px;line-height:12px;letter-spacing:0}.portfolio-dr-copy{padding:24px 24px 56px;position:relative;color:#171717;overflow:hidden;background:#e6ecb4}.portfolio-dr-copy>span{font-size:8px;line-height:12px;letter-spacing:.02em}.portfolio-dr-copy h3{font-size:36px;line-height:1;position:relative;z-index:2;margin-top:16px;font-weight:500;letter-spacing:-.04em}.portfolio-dr-footer{padding:12px 24px;font-size:8px;line-height:12px;display:flex;justify-content:space-between;color:#171717}.dr-graphic{position:absolute;right:-15%;bottom:10%;width:180px;height:180px}.dr-graphic i{position:absolute;inset:0;border:16px solid #bdca6e;border-radius:50%;transform:rotateY(60deg) rotateZ(30deg)}.dr-graphic i:nth-child(2){transform:rotateY(120deg) rotateZ(30deg)}.dr-graphic i:nth-child(3){transform:rotateY(180deg) rotateZ(30deg)}.portfolio-mobile{position:absolute;right:8%;bottom:4%;width:42%;height:54%;background:#f8f9ee;border:6px solid #222;border-radius:24px;box-shadow:0 32px 40px #38422e40;transform:rotate(10deg);padding:32px 16px;color:#111;display:flex;flex-direction:column;justify-content:space-between;text-align:left;overflow:hidden}.portfolio-mobile>span{font-size:12px;line-height:16px;font-weight:600}.portfolio-mobile>b{font-size:32px;line-height:1;letter-spacing:-.06em;font-weight:500}.portfolio-mobile i{width:72px;height:72px;border:12px solid #c2cd79;border-radius:50%;align-self:end}.portfolio-mobile small{font-size:8px;line-height:12px}.work-identity .identity-board{height:100%;padding:48px;transform:none}.identity-business{left:4%;top:35%;width:88%;height:36%;padding:32px}.identity-stationery{right:6%;top:8%;width:78%;height:80%;padding:32px}.identity-stationery strong{font-size:56px;line-height:1}.identity-board>.identity-business .logo{width:100%}.delivery-section{padding:150px 240px}.delivery-section>h2{font-size:64px;line-height:1;letter-spacing:-.02em;max-width:1000px;margin-bottom:80px}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.delivery-grid article>span{font-size:12px;line-height:16px;color:#777}.delivery-grid h3{font-size:36px;line-height:1.1;letter-spacing:-.02em;margin-top:24px}.delivery-grid p{font-size:20px;line-height:1.4;color:#777;margin-top:24px}.delivery-grid a{display:inline-flex;align-items:center;gap:24px;margin-top:32px;font-size:20px;line-height:24px}.delivery-grid svg{width:24px;height:24px}.why-section{padding:0 240px 120px}.why-section>.overview{padding:0;margin:0 0 64px;grid-template-columns:1fr 3fr}.why-section .word-reveal{font-size:32px;line-height:1.25;font-weight:400;letter-spacing:0}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.why-grid article{border:1px solid #ddd;border-radius:24px;padding:32px}.why-grid strong{display:block;font-size:32px;line-height:1.1;letter-spacing:-.03em;font-weight:500}.why-grid p{font-size:16px;line-height:1.4;margin-top:24px;color:#777}
.guides-section{border-radius:88px 88px 0 0;padding-block:120px 80px}.guides-section>.shell{padding-inline:240px}.guides-section h2{font-size:80px;line-height:1;letter-spacing:-.02em;margin-bottom:80px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start}.guide-cover{aspect-ratio:1.2;position:relative;padding:24px;display:flex;justify-content:space-between;flex-direction:column;border-radius:24px;overflow:hidden;transition:transform .8s var(--ease)}summary:hover .guide-cover{transform:translateY(-8px)}.guide-cover>span{font-size:12px;line-height:16px}.guide-cover>b{font-size:36px;line-height:1;letter-spacing:-.04em;font-weight:500}.guide-cover>i{font-style:normal;font-size:36px;line-height:1;align-self:end}.guide-cms{background:#e6ecb4;color:#181818}.guide-brand{background:#d7d7eb;color:#2925b9}.guide-live{background:#2925b9;color:#fff}.guide-grid h3{font-size:20px;line-height:1.3;letter-spacing:-.01em;margin-top:24px}.guide-body{padding-top:24px}.guide-body p{color:#aaa;font-size:16px;line-height:1.5;margin-bottom:16px}.guide-body a{font-size:16px;line-height:24px;border-bottom:1px solid #777}.faq-section{padding-block:40px 120px}.faq-section>.shell{padding-inline:240px}.faq-section .section-heading{display:block;margin-bottom:64px}.faq-section .eyebrow,.faq-section .section-heading>p{display:none}.faq-section .section-heading h2{font-size:80px;line-height:1;letter-spacing:-.02em}.faq-section .faq-list{max-width:none;margin:0;border-top-color:#333}.faq-section .faq-list details{border-color:#333}.faq-section .faq-list summary{font-size:24px;line-height:1.3;padding:32px 0}.faq-section .faq-list p{color:#aaa;font-size:20px;line-height:1.4;max-width:none}.outro-section{padding:120px 240px}.outro-section h2{font-size:80px;line-height:1;letter-spacing:-.02em;max-width:1000px}.outro-section>p{font-size:24px;line-height:1.3;max-width:800px;margin-top:40px}.outro-section .outline-button{margin-top:48px}.footer{display:block;padding-block:80px 40px;border-top:1px solid #eee}.footer>div{gap:0}.footer-contact{display:grid!important;grid-template-columns:2fr 1fr 1fr;gap:64px!important;align-items:start;margin-bottom:64px}.footer-contact>a{font-size:32px;line-height:1.15;letter-spacing:-.02em;max-width:460px;display:inline-flex;gap:24px;align-items:center}.footer-contact p{font-size:16px;line-height:24px}.footer-links{display:flex!important;flex-wrap:wrap;gap:32px!important;margin-bottom:64px}.footer-links a{font-size:24px;line-height:1.3}.footer-legal{display:flex!important;justify-content:space-between;align-items:center;gap:24px!important}.footer-legal>span,.footer-legal button{font-size:14px;line-height:20px}.footer-legal>div{display:flex;gap:24px}.footer button:hover{color:#000}
.detail-heading{padding-top:120px;padding-bottom:100px}.detail-heading h1{font-size:90px;line-height:1;letter-spacing:-.02em;margin-block:32px 40px}.detail-heading>p:not(.eyebrow){font-size:24px;line-height:1.3;max-width:840px}.detail-heading .outline-button{margin-top:40px}.portfolio-index{border-radius:88px 88px 0 0}.portfolio-filters{display:flex;gap:16px;margin-bottom:80px;flex-wrap:wrap}.portfolio-filters button{font-size:20px;line-height:24px;padding:16px 32px;border:1px solid #666;border-radius:999px;color:#fff}.portfolio-filters button[aria-pressed=true]{background:#fff;color:#000;border-color:#fff}.project-heading{padding-top:120px;padding-bottom:100px}.project-heading h1{font-size:20px;line-height:24px;letter-spacing:0;font-weight:400;margin-bottom:32px}.project-heading>div{display:flex;align-items:end;justify-content:space-between;gap:48px}.project-heading h2{font-size:90px;line-height:1;letter-spacing:-.02em;max-width:1020px;font-weight:500}.project-pill{border-radius:999px;background:#000;color:white;padding:12px 16px;display:flex;gap:16px;align-items:center;white-space:nowrap;font-size:14px;line-height:20px}.project-pill svg{width:16px;height:16px}.project-cover{border-radius:24px;aspect-ratio:16/9;overflow:hidden;padding:64px;position:relative}.dr-project-cover{background:#e6ecb4;color:#171717}.dr-cover-header{display:flex;justify-content:space-between;align-items:center;gap:40px}.dr-cover-header img{width:260px;height:auto;filter:invert(1)}.dr-cover-header>span{font-size:14px;line-height:20px}.dr-cover-copy{position:relative;padding-top:80px}.dr-cover-copy h3{font-size:80px;line-height:1;letter-spacing:-.04em;position:relative;z-index:2}.dr-cover-art{position:absolute;right:0;top:40px;height:380px;width:380px}.dr-cover-art i{position:absolute;inset:0;border:32px solid #bdca6e;border-radius:50%;transform:rotateY(60deg) rotateZ(30deg)}.dr-cover-art i:nth-child(2){transform:rotateY(120deg) rotateZ(30deg)}.dr-cover-art i:nth-child(3){transform:rotateY(180deg) rotateZ(30deg)}.dr-cover-art>span{position:absolute;left:80px;top:48px;font-size:240px;line-height:1;color:#b1c14f}.dr-cover-bottom{position:absolute;left:64px;right:64px;bottom:40px;display:flex;justify-content:space-between;gap:32px;font-size:14px;line-height:20px}.project-overview{display:grid;grid-template-columns:1fr 3fr;gap:48px;padding:120px 240px}.project-overview>.eyebrow{padding-top:8px;font-size:16px;line-height:24px;letter-spacing:0}.project-overview h2{font-size:48px;line-height:1.1;letter-spacing:-.02em}.project-overview p:not(.eyebrow){font-size:24px;line-height:1.4;margin-top:32px}.project-summary{padding:0 240px 120px}.project-summary>h2{font-size:80px;line-height:1;letter-spacing:-.02em;margin-bottom:64px}.project-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:48px 80px}.project-summary h3{font-size:16px;line-height:24px;letter-spacing:0;text-transform:uppercase;font-weight:400}.project-summary p{font-size:24px;line-height:1.3;margin-top:16px;max-width:440px}.project-demo{padding:0 240px 120px}.project-demo>h2{font-size:80px;line-height:1;letter-spacing:-.02em;margin-bottom:40px}.project-demo>p{font-size:24px;line-height:1.4;margin-bottom:64px;max-width:840px}.project-demo>.outline-button{margin-top:48px}.project-demo .cms-demo{min-height:480px}.project-demo .cms-public{padding:64px}.project-demo .cms-public h3{font-size:80px;line-height:1;letter-spacing:-.02em}.project-demo .cms-public p{font-size:24px;line-height:1.3}.project-demo .cms-editor{gap:16px;padding:48px}.project-demo .cms-editor textarea{padding:16px;border:1px solid #ddd;border-radius:8px;background:#fff;resize:vertical}.nebula-project-cover{background:#2925b9;color:#fff;display:flex;justify-content:space-between;flex-direction:column}.nebula-project-cover>div>.logo{width:100%;filter:grayscale(1) contrast(8) invert(1);mix-blend-mode:screen}.nebula-project-cover>span{font-size:16px;line-height:24px}.nebula-project-cover>p{font-size:48px;line-height:1;letter-spacing:-.03em}.brand-applications{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:120px}.brand-applications>div{aspect-ratio:1;padding:48px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.brand-application-one{background:#eee;color:#000}.brand-application-one strong{font-size:60px;line-height:1;letter-spacing:-.03em;font-weight:500}.brand-application-one>.logo{width:100%}.brand-application-one>span,.brand-application-two>span{font-size:14px;line-height:20px}.brand-application-two{background:#2925b9;color:#fff}.brand-application-two>strong{font-size:260px;line-height:1;font-weight:500;text-align:center}.next-project{display:block;background:#000;color:#fff;border-radius:88px 88px 0 0;padding-block:120px;transition:background .8s var(--ease)}.next-project:hover{background:#2925b9}.next-project .shell{padding-inline:240px}.next-project span{font-size:16px;line-height:24px}.next-project h2{font-size:90px;line-height:1;letter-spacing:-.03em;margin-top:40px}.next-project h2 svg{display:inline;width:72px;height:72px;margin-left:24px}
.planner-section{background:#fff;border-radius:0;padding-top:120px;padding-bottom:120px}.planner-intro h2{font-size:90px;line-height:1;letter-spacing:-.02em}.planner-panel{background:#f6f6f6}.planner-layout{grid-template-columns:1fr 1.2fr;gap:100px}.planner-intro>p:not(.eyebrow){font-size:24px;line-height:1.4}.planner-intro>.eyebrow{letter-spacing:0;font-size:14px;line-height:20px}.planner-empty{border-top-color:#ddd}.planner-panel .brief-input{background:#fff}.services .service-group{opacity:1!important;transform:none!important}.services .service-group>summary{padding-block:40px}.services .service-heading strong{font-size:36px;line-height:1.1}.page-curtain{position:fixed;inset:0;z-index:1000;background:#fff;transform:translateY(101%);pointer-events:none;will-change:transform}.is-leaving body{pointer-events:none}.nebula-cursor{position:fixed;left:0;top:0;width:0;height:0;z-index:1100;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .25s var(--ease)}.nebula-cursor:before{content:'';position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;transition:width .45s var(--ease),height .45s var(--ease)}.nebula-cursor>span{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:grid;place-items:center;color:#000;width:80px;height:80px;font-size:24px;line-height:1;opacity:0;transition:opacity .35s var(--ease)}.nebula-cursor.is-visible{opacity:1}.nebula-cursor.is-link:before{width:80px;height:80px}.nebula-cursor.is-link>span{opacity:1}.nebula-cursor.is-media{mix-blend-mode:normal}.nebula-cursor.is-media:before{width:100px;height:100px}.nebula-cursor.is-media>span{font-size:14px;line-height:20px;opacity:1}.cursor-ready,.cursor-ready body,.cursor-ready a,.cursor-ready button,.cursor-ready summary{cursor:none!important}.cursor-ready textarea,.cursor-ready input{cursor:text!important}.cursor-ready select{cursor:auto!important}.is-leaving .nebula-cursor{opacity:0}.reel-dialog{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;border-radius:0;padding:32px;background:#000;color:#fff;overflow:hidden}.reel-expanded{position:absolute;inset:0;overflow:hidden}.reel-expanded .reel-montage{inset:-4%;gap:32px;padding:64px}.reel-dialog>.close-icon{position:absolute;top:24px;right:24px;z-index:5;background:#fff;color:#000}.reel-dialog>p{position:absolute;left:32px;bottom:24px;font-size:14px;line-height:20px;color:#fff}
@media(max-width:1399px){.shell{padding-inline:80px}.overview,.features-section,.brands-section,.work-section>.shell,.delivery-section,.why-section,.guides-section>.shell,.faq-section>.shell,.outro-section,.project-overview,.project-summary,.project-demo,.next-project .shell{padding-inline:160px}.hero h1{font-size:76px}.hero{padding-top:100px;padding-bottom:80px}.header{height:80px}.desktop-nav{gap:32px}.desktop-nav a,.nav-brief{font-size:18px;line-height:24px}.feature-card{padding:48px;min-height:340px}.feature-head h3{font-size:36px}.feature-card>p{max-width:550px}.feature-visual i{right:-10%}.work-grid{gap:80px}.work-section h2,.guides-section h2,.faq-section .section-heading h2,.outro-section h2,.project-summary>h2,.project-demo>h2{font-size:68px}.identity-stationery strong{font-size:42px}.identity-business,.identity-stationery{padding:24px}.portfolio-dr-copy h3{font-size:30px}.portfolio-mobile>b{font-size:26px}.portfolio-dr-nav>span{display:none}.portfolio-dr-nav img{width:120px}.why-grid{gap:16px}.why-grid article{padding:24px}.why-grid strong{font-size:26px}.delivery-grid{gap:64px}.project-heading h2{font-size:76px}.project-heading{padding-top:100px}.project-heading>div{gap:32px}.dr-cover-copy h3{font-size:64px}.dr-cover-art{width:300px;height:300px;right:-30px}.dr-cover-art>span{font-size:180px}.dr-cover-copy{padding-top:48px}.project-cover{padding:48px}.project-cover.dr-project-cover{aspect-ratio:16/10}.dr-cover-bottom{left:48px;right:48px}.project-overview{grid-template-columns:1fr 3fr}.detail-heading h1{font-size:76px}.brand-application-one strong{font-size:48px}.brand-application-two>strong{font-size:220px}.planner-layout{gap:64px}.planner-intro h2{font-size:76px}.tile-site b{font-size:36px}.tile-motion .kinetic-core,.tile-motion .kinetic-core i{width:180px;height:180px}.tile-motion .kinetic-core i{border-width:24px}}
@media(max-width:1100px){.shell{padding-inline:48px}.overview,.features-section,.brands-section,.work-section>.shell,.delivery-section,.why-section,.guides-section>.shell,.faq-section>.shell,.outro-section,.project-overview,.project-summary,.project-demo,.next-project .shell{padding-inline:96px}.hero h1{font-size:64px}.hero-description{font-size:20px;line-height:1.3;max-width:720px}.hero{padding-top:80px;padding-bottom:80px}.overview{margin-block:96px;grid-template-columns:1fr 3fr;gap:24px}.overview h2{font-size:22px}.overview>div>p{font-size:18px}.feature-head h3{font-size:32px}.feature-card{padding:40px;min-height:320px}.feature-card>p{font-size:18px;max-width:480px}.feature-explore{font-size:18px}.feature-visual i{right:-20%;opacity:.5}.brands-section h2{font-size:28px}.brand-grid>*{height:100px;padding:16px}.client-wordmark{font-size:30px}.work-section{padding-block:100px;border-radius:64px 64px 0 0}.work-section h2{font-size:64px;margin-bottom:80px}.work-grid{gap:48px}.work-grid>.work-item:nth-child(2){padding-top:100px}.work-meta p{font-size:18px}.work-meta h3{font-size:16px}.portfolio-laptop{border-width:6px}.portfolio-dr-copy{padding:16px}.portfolio-dr-copy h3{font-size:26px}.portfolio-dr-copy>span{font-size:6px}.portfolio-mobile{padding:24px 12px;border-width:4px;border-radius:18px}.portfolio-mobile>b{font-size:24px}.portfolio-mobile>span{font-size:10px}.portfolio-mobile i{width:48px;height:48px;border-width:8px}.portfolio-mobile small{font-size:6px}.identity-stationery strong{font-size:36px}.identity-business{padding:16px}.identity-stationery{padding:24px}.delivery-section{padding-block:100px}.delivery-section>h2{font-size:54px}.delivery-grid{gap:48px}.delivery-grid h3{font-size:30px}.delivery-grid p{font-size:18px}.why-grid{grid-template-columns:1fr 1fr;gap:24px}.why-section .word-reveal{font-size:28px}.guides-section{border-radius:64px 64px 0 0;padding-top:100px}.guide-grid{gap:24px}.guide-cover{padding:20px;aspect-ratio:1}.guide-cover>b{font-size:30px}.guide-cover>span{font-size:10px}.guides-section h2,.faq-section .section-heading h2,.outro-section h2{font-size:64px}.guide-grid h3{font-size:18px}.faq-section .faq-list summary{font-size:22px}.faq-section .faq-list p{font-size:18px}.outro-section{padding-block:100px}.footer-contact{gap:32px!important}.footer-contact>a{font-size:26px}.footer-contact p{font-size:14px;line-height:20px}.project-heading h2{font-size:64px}.project-heading>div{display:block}.project-pill{display:inline-flex;margin-top:32px}.project-heading{padding-block:80px}.project-overview{padding-block:96px}.project-overview h2{font-size:40px}.project-overview p:not(.eyebrow){font-size:20px}.project-summary>h2,.project-demo>h2{font-size:64px}.project-summary p,.project-demo>p{font-size:20px}.project-cover{padding:40px}.dr-cover-header img{width:200px}.dr-cover-header>span{font-size:10px}.dr-cover-copy h3{font-size:54px}.dr-cover-art{width:240px;height:240px}.dr-cover-art i{border-width:24px}.dr-cover-art>span{font-size:150px;left:48px}.dr-cover-bottom{bottom:24px;left:40px;right:40px;font-size:12px}.nebula-project-cover>p{font-size:40px}.next-project{border-radius:64px 64px 0 0;padding-block:100px}.next-project h2{font-size:64px}.next-project h2 svg{width:48px;height:48px}.planner-layout{gap:40px;grid-template-columns:1fr 1.2fr}.planner-intro h2{font-size:64px}.planner-intro>p:not(.eyebrow){font-size:20px}.tile-site b{font-size:30px}.tile-type b{font-size:36px}.tile-mark p{font-size:30px}.tile-motion .kinetic-core,.tile-motion .kinetic-core i{width:160px;height:160px}.tile-motion .kinetic-core i{border-width:20px}}
@media(max-width:800px){.shell{padding-inline:32px}.header{gap:24px}.header .logo{width:120px}.desktop-nav{gap:20px}.desktop-nav a,.nav-brief{font-size:14px;line-height:20px}.nav-brief{padding:12px 24px}.hero h1{font-size:56px}.hero-description{font-size:18px;max-width:580px}.hero{padding-top:64px;padding-bottom:64px}.overview,.features-section,.brands-section,.work-section>.shell,.delivery-section,.why-section,.guides-section>.shell,.faq-section>.shell,.outro-section,.project-overview,.project-summary,.project-demo,.next-project .shell{padding-inline:64px}.overview{grid-template-columns:1fr;gap:24px;margin-block:80px}.overview>.eyebrow{font-size:14px;line-height:20px}.feature-card{min-height:300px;padding:32px}.feature-head h3{font-size:28px;line-height:1.1}.feature-head>span{font-size:20px;line-height:24px}.feature-card>p{font-size:18px;line-height:1.3;max-width:420px}.feature-explore{font-size:16px;margin-top:20px}.feature-visual i{opacity:.3}.brand-grid{grid-template-columns:repeat(3,1fr)}.brand-grid>*{height:90px}.client-wordmark{font-size:28px}.brands-section{padding-block:80px}.brands-section h2{font-size:26px}.work-grid{gap:40px}.work-visual{aspect-ratio:3/4}.work-grid>.work-item:nth-child(2){padding-top:100px}.portfolio-dr-copy h3{font-size:22px}.portfolio-dr-nav{padding:12px}.portfolio-dr-nav img{width:100px}.portfolio-mobile>b{font-size:20px}.portfolio-mobile>span{font-size:8px}.identity-stationery strong{font-size:30px}.identity-business{padding:16px}.identity-stationery{padding:16px}.work-meta p{font-size:16px}.work-section h2,.guides-section h2,.faq-section .section-heading h2,.outro-section h2{font-size:54px}.guide-grid{gap:16px}.guide-cover>b{font-size:24px}.guide-cover{padding:16px}.guide-cover>span{font-size:8px}.guide-grid h3{font-size:16px}.delivery-section>h2{font-size:48px}.delivery-grid h3{font-size:28px}.delivery-grid p{font-size:16px}.footer-contact{grid-template-columns:1.5fr 1fr!important}.footer-contact p:last-child{display:none}.footer-contact>a{font-size:24px}.footer-links a{font-size:20px}.footer-links{gap:24px!important}.footer-legal{align-items:start!important;flex-direction:column}.project-heading h2,.detail-heading h1{font-size:56px}.project-cover{padding:32px}.dr-cover-copy h3{font-size:44px}.dr-cover-header>span{display:none}.dr-cover-art{right:-40px;width:200px;height:200px}.dr-cover-bottom{left:32px;right:32px;font-size:10px}.project-overview{grid-template-columns:1fr;gap:24px}.project-overview h2{font-size:36px}.project-summary>h2,.project-demo>h2{font-size:54px}.project-summary p,.project-demo>p{font-size:18px}.project-demo .cms-public h3{font-size:64px}.brand-applications{gap:24px}.brand-applications>div{padding:32px}.brand-application-one strong{font-size:36px}.brand-application-two>strong{font-size:160px}.brand-application-one>span,.brand-application-two>span{font-size:10px;line-height:14px}.next-project h2{font-size:56px}.planner-layout{grid-template-columns:1fr;gap:48px}.planner-intro{position:static}.planner-intro h2{font-size:64px}.planner-intro h2 br{display:none}.planner-intro>p:not(.eyebrow){max-width:600px}.tile-site b{font-size:24px}.tile-type b{font-size:28px}.tile-mark p{font-size:24px}.reel-montage{gap:16px;padding:16px}.reel-tile{padding:24px}.tile-site{padding:24px}.tile-mark>span,.tile-motion>span,.tile-type>span,.tile-print>span{font-size:8px;line-height:12px}.tile-motion .kinetic-core,.tile-motion .kinetic-core i{width:120px;height:120px}.tile-motion .kinetic-core i{border-width:16px;border-radius:32px}.tile-live strong{font-size:30px;left:24px;bottom:24px}.tile-print b{font-size:100px}.tile-site span,.tile-site small{font-size:8px;line-height:12px}}
@media(max-width:700px){.shell{padding-inline:24px}.header{height:80px;gap:16px}.header .logo{width:112px}.desktop-nav{display:none}.nav-brief{font-size:14px;line-height:20px;padding:10px 20px;margin-left:auto}.menu-toggle{width:24px}.hero{padding-top:64px;padding-bottom:64px}.hero h1{font-size:42px;line-height:1.05;letter-spacing:-.025em;max-width:100%}.hero h1>span{display:inline}.hero h1>span:first-child:after{content:' '}.hero-description{font-size:18px;line-height:1.25;letter-spacing:0;margin-top:24px;max-width:100%}.reel-section .shell{padding-inline:16px}.showreel-frame{border-radius:16px;aspect-ratio:1.25}.reel-montage{inset:-6% -24%;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px;transform:rotate(-8deg)}.reel-tile{padding:16px;border-radius:10px}.tile-mark>span,.tile-motion>span,.tile-print>span,.tile-type>span{font-size:6px;line-height:8px}.tile-mark p{font-size:20px}.tile-site{padding:16px}.tile-site b{font-size:20px}.tile-site span,.tile-site small{font-size:6px;line-height:8px}.tile-type b{font-size:24px}.tile-print b{font-size:80px}.tile-live strong{font-size:24px;left:16px;bottom:16px}.tile-motion .kinetic-core,.tile-motion .kinetic-core i{width:96px;height:96px}.tile-motion .kinetic-core i{border-width:12px;border-radius:24px}.tile-motion>span{left:16px;bottom:16px}.reel-caption{left:16px;bottom:16px;font-size:8px;line-height:12px;padding:6px 10px}.reel-play{width:56px;height:56px;font-size:24px}.overview,.features-section,.brands-section,.work-section>.shell,.delivery-section,.why-section,.guides-section>.shell,.faq-section>.shell,.outro-section,.project-overview,.project-summary,.project-demo,.next-project .shell{padding-inline:24px}.overview{margin-block:64px;gap:24px}.overview h2{font-size:20px;line-height:1.35;letter-spacing:0}.overview>div>p{font-size:16px;line-height:1.4;margin-top:24px}.overview>.eyebrow{font-size:12px;line-height:16px}.feature-card{min-height:300px;padding:32px 24px;margin-bottom:12px;border-radius:16px}.feature-head h3{font-size:28px;line-height:1.1;max-width:240px}.feature-head>span{font-size:16px;line-height:24px}.feature-head{gap:16px}.feature-card>p{font-size:16px;line-height:1.4;max-width:100%;margin-top:24px}.feature-explore{font-size:16px;line-height:24px}.feature-explore>span{width:32px;height:32px}.feature-visual i{right:-35%;width:200px;height:200px;opacity:.25}.brands-section{padding-block:64px}.brands-section h2{font-size:24px;line-height:1.2;margin-bottom:32px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-grid>*{height:88px;padding:16px}.client-wordmark{font-size:30px}.brand-grid>.client-dr{grid-column:1/3;max-width:240px;width:100%;justify-self:center}.client-dr img{width:180px}.work-section{border-radius:40px 40px 0 0;padding-block:64px}.work-section h2{font-size:48px;line-height:1;margin-bottom:48px}.work-grid{grid-template-columns:1fr;gap:48px}.work-grid>.work-item:nth-child(2){padding-top:0}.work-visual{aspect-ratio:3/4;border-radius:16px;height:auto}.work-meta{margin-top:24px}.work-meta h3{font-size:16px;line-height:1.3}.work-meta p{font-size:18px;line-height:1.3;margin-top:8px}.portfolio-laptop{left:8%;top:12%;height:64%;width:112%;border-width:6px;border-radius:12px}.portfolio-dr-copy{padding:24px 16px 40px}.portfolio-dr-copy h3{font-size:28px}.portfolio-dr-nav img{width:120px}.portfolio-dr-copy>span{font-size:8px;line-height:12px}.portfolio-dr-nav{padding:16px}.portfolio-dr-footer{font-size:8px;line-height:12px;padding:12px 16px}.portfolio-mobile{bottom:3%;right:7%;width:44%;height:54%;padding:24px 16px;border-width:5px}.portfolio-mobile>b{font-size:26px}.portfolio-mobile>span{font-size:10px}.portfolio-mobile small{font-size:6px}.portfolio-mobile i{width:64px;height:64px;border-width:10px}.identity-stationery{padding:24px}.identity-stationery strong{font-size:42px;line-height:1}.identity-business{padding:24px;left:3%;top:35%;height:38%;width:90%}.identity-business>span,.identity-stationery>span{font-size:8px;line-height:12px}.outline-button{font-size:16px;line-height:24px;padding:18px 28px;gap:24px}.outline-button svg{height:20px;width:20px}.work-section .outline-button{margin-top:48px}.delivery-section{padding-block:64px}.delivery-section>h2{font-size:36px;line-height:1.1;margin-bottom:40px}.delivery-grid{grid-template-columns:1fr;gap:40px}.delivery-grid h3{font-size:28px;line-height:1.1;margin-top:24px}.delivery-grid p{font-size:16px;line-height:1.4;margin-top:24px}.delivery-grid a{font-size:16px;line-height:24px;margin-top:24px}.why-section{padding-bottom:64px}.why-section>.overview{grid-template-columns:1fr;margin-bottom:40px;gap:24px}.why-section .word-reveal{font-size:24px;line-height:1.3;letter-spacing:0}.why-grid{grid-template-columns:1fr 1fr;gap:12px}.why-grid article{padding:24px 16px;border-radius:16px}.why-grid strong{font-size:24px;line-height:1.1}.why-grid p{font-size:14px;line-height:1.4;margin-top:16px}.guides-section{border-radius:40px 40px 0 0;padding-top:64px;padding-bottom:48px}.guides-section h2{font-size:48px;line-height:1;margin-bottom:40px}.guide-grid{grid-template-columns:1fr;gap:40px}.guide-cover{aspect-ratio:1.45;padding:24px;border-radius:16px}.guide-cover>b{font-size:40px}.guide-cover>span{font-size:12px;line-height:16px}.guide-grid h3{font-size:20px;line-height:1.3;margin-top:24px}.guide-body p{font-size:16px;line-height:1.4}.faq-section{padding-block:16px 64px}.faq-section .section-heading{margin-bottom:40px}.faq-section .section-heading h2{font-size:48px;line-height:1}.faq-section .faq-list summary{font-size:20px;line-height:1.3;padding:24px 0}.faq-section .faq-list p{font-size:16px;line-height:1.4;padding-bottom:24px}.outro-section{padding-block:64px}.outro-section h2{font-size:48px;line-height:1}.outro-section>p{font-size:20px;line-height:1.3;margin-top:32px}.outro-section .outline-button{margin-top:32px}.footer{padding-block:48px 24px}.footer-contact{grid-template-columns:1fr!important;gap:24px!important;margin-bottom:40px}.footer-contact>a{font-size:28px;line-height:1.2}.footer-contact p{font-size:14px;line-height:20px}.footer-links{gap:16px 24px!important;margin-bottom:40px;justify-content:start!important;width:100%}.footer-links a{font-size:20px;line-height:1.3}.footer-legal{gap:24px!important;align-items:start}.footer-legal>div{flex-wrap:wrap;gap:16px;width:100%;justify-content:space-between}.footer-legal>span,.footer-legal button{font-size:12px;line-height:16px}.detail-heading{padding-block:64px}.detail-heading h1{font-size:48px;line-height:1;letter-spacing:-.025em;margin-block:24px 32px}.detail-heading>p:not(.eyebrow){font-size:20px;line-height:1.3}.detail-heading .outline-button{margin-top:32px}.portfolio-filters{margin-bottom:40px;gap:8px}.portfolio-filters button{padding:10px 16px;font-size:14px;line-height:20px}.project-heading{padding-block:64px}.project-heading h1{font-size:16px;line-height:24px;margin-bottom:24px}.project-heading h2{font-size:48px;line-height:1;letter-spacing:-.025em}.project-heading h2 br{display:none}.project-pill{margin-top:32px;font-size:14px;line-height:20px;padding:12px 16px}.project-preview{padding-inline:16px}.project-cover{border-radius:16px;padding:24px;aspect-ratio:1!important}.dr-cover-header img{width:170px}.dr-cover-copy{padding-top:40px}.dr-cover-copy h3{font-size:36px;line-height:1;letter-spacing:-.04em}.dr-cover-art{width:180px;height:180px;right:-60px;top:60px}.dr-cover-art i{border-width:20px}.dr-cover-art>span{font-size:120px;left:40px;top:32px}.dr-cover-bottom{left:24px;right:24px;bottom:24px;font-size:8px;line-height:12px;gap:16px}.project-overview{padding-block:64px;grid-template-columns:1fr;gap:24px}.project-overview>.eyebrow{font-size:12px;line-height:16px}.project-overview h2{font-size:32px;line-height:1.1}.project-overview p:not(.eyebrow){font-size:20px;line-height:1.4;margin-top:24px}.project-summary{padding-bottom:64px}.project-summary>h2{font-size:48px;line-height:1;margin-bottom:40px}.project-summary>div{grid-template-columns:1fr;gap:32px}.project-summary h3{font-size:12px;line-height:16px}.project-summary p{font-size:20px;line-height:1.3;margin-top:12px}.project-demo{padding-bottom:64px}.project-demo>h2{font-size:48px;line-height:1;margin-bottom:32px}.project-demo>p{font-size:20px;line-height:1.4;margin-bottom:40px}.project-demo .cms-public{padding:32px 24px}.project-demo .cms-public h3{font-size:48px;line-height:1}.project-demo .cms-public p{font-size:18px;line-height:1.4}.project-demo .cms-demo{min-height:0}.project-demo .cms-editor{padding:24px}.project-demo>.outline-button{margin-top:32px}.nebula-project-cover>span{font-size:12px;line-height:16px}.nebula-project-cover>p{font-size:32px;line-height:1.1}.brand-applications{grid-template-columns:1fr;gap:24px;padding-bottom:64px}.brand-applications>div{padding:32px 24px;border-radius:16px}.brand-application-one strong{font-size:48px;line-height:1}.brand-application-two>strong{font-size:200px;line-height:1}.brand-application-one>span,.brand-application-two>span{font-size:12px;line-height:16px}.next-project{padding-block:64px;border-radius:40px 40px 0 0}.next-project span{font-size:12px;line-height:16px}.next-project h2{font-size:48px;line-height:1;margin-top:32px}.next-project h2 svg{width:36px;height:36px;margin-left:8px}.planner-section{padding-block:64px}.planner-layout{gap:40px}.planner-intro h2{font-size:56px;line-height:1;letter-spacing:-.025em}.planner-intro>p:not(.eyebrow){font-size:20px;line-height:1.3}.planner-panel{padding:24px;margin-inline:0}.service-heading strong{font-size:24px!important;line-height:1.2!important}.services .service-group>summary{padding-block:24px}.services .section{padding-block:64px}.reel-dialog{padding:16px}.reel-expanded .reel-montage{inset:-8% -24%;padding:24px;gap:16px}.reel-dialog>.close-icon{top:16px;right:16px}.reel-dialog>p{left:16px;right:64px;bottom:16px;font-size:12px;line-height:16px}.nebula-cursor{display:none}}
@media(max-width:370px){.hero h1{font-size:36px}.hero-description{font-size:16px;line-height:1.3}.feature-head h3{font-size:26px}.feature-card{padding:24px}.why-grid{grid-template-columns:1fr}.work-section h2,.guides-section h2,.faq-section .section-heading h2,.outro-section h2,.project-heading h2,.detail-heading h1,.project-summary>h2,.project-demo>h2,.next-project h2{font-size:40px}.dr-cover-copy h3{font-size:30px}.portfolio-dr-copy h3{font-size:24px}.portfolio-mobile>b{font-size:22px}.planner-intro h2{font-size:48px}.planner-panel{padding:16px}.client-wordmark{font-size:26px}.tile-type b,.tile-site b{font-size:18px}}
.client-wordmark{transition:color .6s var(--ease)}.client-wordmark:hover{opacity:1;color:#666}
.static-mode .reel-montage{animation:none!important}.static-mode .page-curtain{display:none!important}.static-mode .nebula-cursor{display:none!important}

/* Masked typography. Wrappers retain text flow; aria-label preserves one accessible heading. */
[data-type-split]{perspective:1000px}
[data-type-split]>.type-word{display:inline-block!important}
[data-type-split]>.type-word:after,[data-type-split]>.type-line:after{content:none!important}
[data-type-split]>.type-line{display:block!important;overflow:clip;padding:0 .04em .14em;margin:0 -.04em -.14em;line-height:inherit}
.type-line-inner{display:inline-block;vertical-align:top;white-space:nowrap;transform-origin:50% 100%;transform-style:preserve-3d;line-height:inherit}
.type-word{display:inline-block;white-space:nowrap;line-height:inherit}
.type-char{display:inline-block;line-height:inherit;backface-visibility:hidden;transform-style:preserve-3d}
.roll-mask{height:1.25em;display:inline-block;vertical-align:middle;overflow:hidden;line-height:1.25;flex-shrink:0}
.roll-track{display:block;transition:transform .75s cubic-bezier(.32,.72,0,1)}
.roll-copy{display:block;height:1.25em;line-height:1.25;white-space:nowrap}
a:hover>.roll-mask>.roll-track,a:focus-visible>.roll-mask>.roll-track{transform:translateY(-50%)}
.mobile-menu nav{overflow:hidden}
.mobile-menu nav a{transform-origin:0 100%;backface-visibility:hidden}
@media(max-width:700px){[data-type-split]>.type-line{padding-bottom:.12em;margin-bottom:-.12em}.type-char{transform-style:flat}.type-line-inner{transform-style:flat}}
.static-mode .roll-track{transform:none!important;transition:none!important}