@font-face{font-family:Space;src:url('assets/space.ttf') format('truetype');font-display:swap;font-weight:400 700}
@font-face{font-family:DM;src:url('assets/dm.ttf') format('truetype');font-display:swap;font-weight:400 700}
:root{--navy:#07172b;--paper:#f4f3ed;--ice:#aedaff;--blue:#4c80f5;--ink:#0d2238}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--navy);color:var(--paper);font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,p{margin:0}h1,h2{font-family:Space,Arial,sans-serif}em{font-style:normal}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:var(--ice);color:var(--navy)}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-100px;padding:15px;background:var(--paper);color:var(--navy);z-index:99}.skip:focus{top:10px}
.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 6%;position:relative;z-index:10;max-width:1700px;margin:auto}.brand{width:137px;height:91px;display:block;flex-shrink:0}.brand img{object-fit:contain}.header nav{display:flex;gap:37px;font-size:13px}.header nav a{padding:10px 0}.header nav a:hover{color:var(--ice)}.header-actions{display:flex;align-items:center;gap:19px}.pill{display:inline-flex;align-items:center;gap:28px;background:var(--ice);color:var(--navy);border-radius:100px;padding:15px 23px;font-size:13px;transition:background .25s}.pill:hover{background:#d0e9ff}.motion-toggle{background:transparent;color:#cad8e4;font-size:17px;border:1px solid #ffffff35;width:36px;height:36px;border-radius:50%}.menu-toggle{display:none}.magnetic{translate:var(--mx,0px) var(--my,0px);transition:translate .3s ease,background .25s}
.hero{position:relative;isolation:isolate;padding:20px 6% 90px;max-width:none;overflow:clip}.hero:before{content:'';position:absolute;z-index:-1;right:1%;top:3%;width:650px;height:650px;background:radial-gradient(ellipse,#315ca22b,transparent 66%);pointer-events:none}.hero-artboard{max-width:1460px;margin:auto;min-height:610px;position:relative}.hero-copy{position:relative;z-index:3;padding-top:50px;width:62%;pointer-events:none}.hero-copy h1{font-weight:500;font-size:clamp(105px,12.8vw,195px);line-height:.94;letter-spacing:-.075em}.hero-copy h1>span{display:block}.hero-copy h1 em{color:var(--ice);position:relative;display:block;width:max-content;padding-left:7%;z-index:1}.dot{color:var(--paper)}.ink-line{position:absolute;width:110%;height:145%;left:-4%;top:-24%;z-index:-1;overflow:visible;fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;transform:rotate(-5deg)}.hero-copy p{font-size:15px;color:#c8d6e1;margin:32px 0 23px;padding-left:6px}.hero-cta{display:inline-flex;gap:24px;align-items:center;pointer-events:auto;font-size:14px;border-bottom:1px solid #bfd6e56b;padding:0 0 8px 6px}.hero-cta span{font-size:26px}.hero-collage{position:absolute;inset:0 0 0 47%;--dx:0px;--dy:0px}.portrait-blob{position:absolute;right:2%;top:3%;width:76%;height:500px;background:var(--ice);padding:0;border-radius:43% 57% 58% 42% / 41% 35% 65% 59%;overflow:hidden;transform:rotate(9deg);translate:var(--dx) var(--dy);box-shadow:18px 15px 0 #345c8840}.portrait-blob img{object-position:64% center;filter:contrast(1.13);transform:scale(1.05) rotate(-9deg);transition:scale .8s}.portrait-blob:hover img{scale:1.06}.photo-cursor{position:absolute;bottom:16%;left:25%;border-radius:50%;width:68px;height:68px;background:var(--ice);color:var(--navy);display:grid;place-items:center;font-size:11px;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s}.portrait-blob:hover .photo-cursor{opacity:1;transform:none}.orbit-ring{position:absolute;inset:4% -3% 6% 5%;border:1px solid #aedaff30;border-radius:50%;transform:rotate(-24deg);pointer-events:none}.quince-orbit{position:absolute;right:-2%;bottom:5%;width:190px;height:215px;padding:0;background:var(--ice);border-radius:55% 45% 40% 60% / 38% 59% 41% 62%;overflow:hidden;transform:rotate(-13deg);border:5px solid var(--navy);z-index:3;translate:calc(var(--dx) * -.65) calc(var(--dy) * -.65)}.quince-orbit img{object-position:48% center;transition:scale .5s}.quince-orbit:hover img{scale:1.08}.loose-arrow{position:absolute;left:7%;bottom:4%;width:190px;height:130px;stroke:var(--ice);stroke-width:2;stroke-linecap:round;fill:none;transform:rotate(8deg)}.handwritten{font:italic 25px/1.2 Georgia,serif;letter-spacing:-.7px}.hero-collage>.handwritten{position:absolute;left:9%;bottom:-2%;transform:rotate(-8deg);color:#c9dced}.film-orbit{position:absolute;left:4%;top:17%;width:133px;height:133px;padding:0;border-radius:50%;background:var(--ice);color:var(--navy);z-index:4;box-shadow:0 8px 30px #0002}.film-orbit>span{font-size:25px;position:absolute;inset:0;display:grid;place-items:center;padding-left:5px}.orbit-text{width:100%;height:100%;fill:var(--navy);font:9px DM,sans-serif;letter-spacing:1.7px}.drawn-star{position:absolute;top:-1%;right:0;width:96px;height:96px;fill:none;stroke:var(--ice);stroke-width:2.5;transform:rotate(10deg)}.hero-meta{max-width:1460px;margin:5px auto 0;display:flex;align-items:center;justify-content:space-between;color:#8fa9be;font-size:11px}.hero-meta a{color:var(--ice);font-size:30px}.wave{position:absolute;left:0;bottom:-1px;width:100%;height:65px;fill:var(--paper);z-index:4;pointer-events:none}
.work{background:var(--paper);color:var(--ink);padding:45px 8% 100px;overflow:clip}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto 52px}.work-toolbar .handwritten{color:#446896;transform:rotate(-5deg)}.work-filters{display:flex;gap:7px}.filter{font-size:12px;border-radius:50px;padding:11px 18px;background:transparent;transition:background .3s}.filter.active{background:var(--ink);color:var(--paper)}.work-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:40px 9%;align-items:start}.project{position:relative}.project-image{position:relative;display:block;width:100%;padding:0;overflow:hidden;background:var(--navy)}.project-image img{transition:scale .8s}.project-image:hover img{scale:1.05}.portrait-project .project-image{aspect-ratio:.9;border-radius:46% 48% 18% 28% / 44% 39% 25% 22%;transform:rotate(-5deg)}.portrait-project img{object-position:65% center}.quince-project{padding-top:90px}.quince-project .project-image{aspect-ratio:1.05;border-radius:50% 50% 47% 53% / 50% 45% 55% 50%;transform:rotate(7deg)}.quince-project img{object-position:center 45%}.project h2{font-size:23px;font-weight:400;letter-spacing:-1px;margin-top:26px}.quince-project h2{text-align:center}.project-doodle{position:absolute;right:-8%;bottom:-25%;width:55%;height:110px;fill:none;stroke:var(--blue);stroke-width:2;pointer-events:none}.media-arrow{position:absolute;right:13%;bottom:10%;width:48px;height:48px;border-radius:50%;background:var(--ice);color:var(--ink);display:grid;place-items:center;font-size:25px;transition:rotate .3s}.project-image:hover .media-arrow{rotate:45deg}.film-project{grid-column:1/-1;width:87%;margin:35px auto 0}.film-project .project-image{aspect-ratio:2.7;border-radius:48% 52% 48% 52% / 22% 28% 72% 78%;transform:rotate(-2deg)}.film-project img{opacity:.75;object-position:center 43%}.film-project h2{text-align:center}.film-project h2 em{font:italic 28px Georgia,serif}.play-circle{position:absolute;left:50%;top:50%;translate:-50% -50%;width:82px;height:82px;border:1px solid #d8eaff;border-radius:50%;display:grid;place-items:center;color:var(--paper);font-size:23px;padding-left:5px;background:#aedaff1c;backdrop-filter:blur(4px);transition:scale .4s}.project-image:hover .play-circle{scale:1.1}.work-grid.is-filtered .project{padding-top:0}.work-grid.is-filtered .film-project{margin-top:0}.work-grid.is-filtered:has(.portrait-project[hidden]){display:block}.text-link{display:inline-block;font-size:13px;background:none;padding:7px 0;border-bottom:1px solid currentColor}.work>.text-link{display:block;width:max-content;margin:60px auto 0}.ribbon{background:var(--paper);color:var(--ink);overflow:hidden;padding:22px 0 30px;position:relative}.ribbon-track{background:var(--ice);rotate:-2deg;display:flex;align-items:center;gap:40px;width:max-content;padding:24px 0;font:500 43px Space,sans-serif;letter-spacing:-2px;white-space:nowrap}.ribbon-track span{font-size:38px}
.services{position:relative;overflow:clip;padding:90px 8% 75px;isolation:isolate}.service-top{max-width:1400px;margin:auto;display:flex;align-items:end;justify-content:space-between;gap:30px}.service-top h2{font-size:clamp(42px,5vw,78px);font-weight:400;line-height:1.06;letter-spacing:-4px}.service-top h2 em{color:var(--ice);font-family:Georgia,serif;font-style:italic;letter-spacing:-3px}.service-top p{font-size:13px;line-height:1.7;color:#9db3c6;padding-bottom:7px}.service-line{position:absolute;inset:0;width:100%;height:100%;stroke:#39689d;stroke-width:1.5;fill:none;z-index:-1;opacity:.45;pointer-events:none}.service-cloud{max-width:1150px;height:380px;position:relative;margin:30px auto 0}.service-bubble{position:absolute;border:1px solid #aedaff55;border-radius:100%;display:flex;gap:23px;align-items:center;justify-content:center;font-family:Space,sans-serif;font-size:32px;letter-spacing:-1.5px;padding:30px 45px;min-height:130px;background:var(--navy);box-shadow:0 12px 40px #07172b;transition:background .3s,color .3s,translate .3s,scale .3s}.service-bubble span{font-size:22px}.service-bubble:hover{scale:1.05;background:var(--ice);color:var(--navy)}.video-bubble{left:3%;top:10%;rotate:-12deg;min-width:240px;background:var(--ice);color:var(--navy)}.photo-bubble{left:32%;top:0;rotate:8deg;min-width:300px}.ad-bubble{right:0;top:24%;rotate:-14deg;min-width:250px;background:#8aaefa;color:var(--navy)}.business-bubble{left:15%;bottom:4%;rotate:7deg;min-width:370px;font-size:27px}.events-bubble{right:19%;bottom:7%;rotate:-8deg;min-width:280px;font-size:29px}.cloud-spark{position:absolute;bottom:21%;left:0;color:var(--ice);font-size:85px;pointer-events:none}
.contact{position:relative;background:var(--ice);color:var(--ink);padding:110px 8% 100px;border-radius:50% 50% 0 0 / 8% 10% 0 0;overflow:clip}.contact h2{position:relative;z-index:1;font-size:clamp(80px,11vw,166px);font-weight:400;line-height:.92;letter-spacing:-.07em;max-width:1400px;margin:auto}.contact h2 em{font-family:Georgia,serif;font-style:italic;letter-spacing:-.09em;display:inline-block;margin-left:13%;color:#1a4f80}.contact-doodle{position:absolute;right:5%;top:5%;width:42%;height:75%;stroke:#568cbb;stroke-width:2;fill:none;pointer-events:none}.contact-actions{max-width:1400px;position:relative;z-index:2;margin:45px auto 0;display:flex;align-items:center;gap:35px}.contact-ball{width:170px;height:170px;border-radius:50% 45% 50% 40%;background:var(--navy);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:rotate(-7deg);font-size:14px}.big-arrow{font-size:65px;line-height:1}.contact-ball:hover .big-arrow{animation:nudge .65s ease infinite alternate}.contact-phone{display:block;font-size:13px;margin-top:22px}.contact-location{display:block;font-size:11px;margin-top:10px;color:#3c6486}.footer{padding:35px 6%;display:flex;align-items:center;gap:27px;justify-content:space-between;font-size:11px;color:#9ab1c5}.footer .brand{width:110px;height:80px}.credits-button{font-size:11px;color:inherit;background:none;padding:8px}.footer a:last-child{color:var(--paper)}
dialog{max-width:min(90vw,630px);max-height:90vh;border:0;border-radius:32px;background:var(--paper);color:var(--ink);padding:40px;overflow:auto}dialog::backdrop{background:#031326db;backdrop-filter:blur(10px)}dialog h2{font-size:38px;letter-spacing:-2px;font-weight:400;margin:10px 0 26px}.dialog-close{position:absolute;right:13px;top:13px;width:34px;height:34px;border-radius:50%;color:var(--navy);background:var(--ice);z-index:3}.photo-dialog{padding:0;background:var(--navy);color:var(--paper);width:max-content;max-width:90vw}.photo-dialog>img{height:auto;max-height:77vh;max-width:88vw;width:auto;object-fit:contain}.photo-dialog>p{padding:17px 22px;font-size:13px}.film-dialog{width:800px;max-width:92vw}.film-frame{height:430px;background:#07172b;border-radius:20px;overflow:hidden;margin-bottom:20px}.film-frame iframe{width:100%;height:100%;border:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.field{margin-bottom:21px}.field label{display:block;font-size:12px;margin-bottom:8px}input,select,textarea{width:100%;font-size:16px;color:var(--ink);border:0;border-bottom:1px solid #9cafbd;border-radius:0;background:transparent;min-height:40px;padding:9px 0}textarea{resize:vertical}.form-note{font-size:11px;line-height:1.6;color:#567089;margin:16px 0 0}.brief-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}#copy-status{margin-top:15px;font-size:12px}.credits-dialog p{font-size:14px;line-height:1.7}.credits-dialog a{text-decoration:underline}
@media(min-width:1700px){.hero-copy h1{font-size:195px}.hero-artboard{min-height:665px}.portrait-blob{height:570px}}
@media(max-width:1050px){.hero-artboard{min-height:545px}.hero-copy{padding-top:70px}.hero-copy h1{font-size:13vw}.portrait-blob{height:405px;top:9%;width:86%;right:-3%}.film-orbit{width:110px;height:110px;left:-2%;top:7%}.quince-orbit{width:150px;height:170px;right:-1%;bottom:10%}.drawn-star{width:75px;top:3%;right:-5%}.hero-collage>.handwritten{font-size:21px;bottom:0;left:12%}.loose-arrow{width:130px;bottom:8%}.hero{padding-bottom:70px}.service-top h2{font-size:53px;letter-spacing:-3px}.service-top p{font-size:11px}.service-cloud{height:400px}.service-bubble{min-height:110px;padding:22px 32px;font-size:27px}.video-bubble{min-width:195px;left:0;top:11%}.photo-bubble{min-width:250px;left:27%}.ad-bubble{min-width:205px;top:35%}.business-bubble{min-width:310px;left:3%;bottom:5%;font-size:25px}.events-bubble{min-width:235px;right:9%;bottom:5%;font-size:26px}.cloud-spark{left:3%;bottom:38%;font-size:60px}.work{padding:40px 7% 75px}.work-grid{gap:30px 8%}.quince-project{padding-top:55px}}
@media(max-width:700px){.header{padding:13px 6%;gap:10px}.brand{width:98px;height:72px}.header-actions{gap:10px}.header .pill{padding:12px 15px;font-size:11px;gap:14px}.motion-toggle{width:29px;height:29px;font-size:13px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px;background:none}.menu-toggle span{width:19px;height:1px;background:var(--paper)}.header nav{display:none;position:absolute;top:90px;left:6%;right:6%;padding:22px;background:#193a59;border-radius:26px;gap:15px;box-shadow:0 10px 20px #0003}.header nav.open{display:flex}.hero{padding:15px 6% 70px}.hero-artboard{min-height:670px}.hero-copy{width:100%;padding-top:10px;z-index:3}.hero-copy h1{font-size:23vw;letter-spacing:-.08em;line-height:.96}.hero-copy h1 em{padding-left:13%}.hero-copy p{margin:25px 0 15px;font-size:12px}.hero-cta{font-size:12px;gap:16px}.hero-cta span{font-size:21px}.hero-collage{inset:250px 0 0 0}.portrait-blob{top:8%;right:10%;width:69%;height:330px;box-shadow:12px 10px 0 #345c8840}.film-orbit{top:12%;left:0;width:100px;height:100px}.quince-orbit{right:-1%;bottom:4%;width:115px;height:138px}.drawn-star{top:0;right:2%;width:62px;height:62px}.loose-arrow{left:0;bottom:0;width:100px;height:100px;transform:rotate(-15deg)}.hero-collage>.handwritten{left:22%;bottom:-3%;font-size:18px}.orbit-ring{inset:4% 0 1% 2%}.hero-meta{margin-top:30px;font-size:9px}.hero-meta a{font-size:23px}.wave{height:40px}.work{padding:28px 7% 65px}.work-toolbar{margin-bottom:35px;flex-direction:column;align-items:flex-start;gap:23px}.work-toolbar .handwritten{font-size:22px}.filter{font-size:11px;padding:9px 16px}.work-grid{grid-template-columns:1fr;gap:50px;padding:0 5%}.portrait-project{width:90%;margin:0 auto}.portrait-project .project-image{aspect-ratio:1.02}.project h2{font-size:19px;margin-top:22px}.quince-project{width:88%;margin:0 0 0 auto;padding-top:0}.quince-project .project-image{aspect-ratio:1.1}.project-doodle{right:-9%;bottom:-18%;height:80px;width:55%}.film-project{width:100%;grid-column:auto;margin:15px auto 0}.film-project .project-image{aspect-ratio:1.5;border-radius:50% 50% 48% 52% / 24% 32% 68% 76%}.film-project h2{font-size:18px}.film-project h2 em{display:block;font-size:22px;margin-top:4px}.play-circle{width:60px;height:60px;font-size:18px}.work>.text-link{margin-top:45px;font-size:11px}.ribbon{padding:12px 0 21px}.ribbon-track{font-size:29px;gap:22px;padding:17px 0;letter-spacing:-1px}.ribbon-track span{font-size:25px}.services{padding:55px 7% 55px}.service-top{display:block}.service-top h2{font-size:10vw;line-height:1.13;letter-spacing:-2px}.service-top h2 em{letter-spacing:-2px}.service-top p{font-size:11px;margin-top:22px}.service-cloud{height:460px;margin-top:17px}.service-bubble{min-height:98px;font-size:23px;padding:21px 28px;gap:15px}.service-bubble span{font-size:18px}.video-bubble{min-width:155px;left:0;top:3%}.photo-bubble{min-width:205px;left:auto;right:-1%;top:25%;rotate:9deg}.ad-bubble{min-width:175px;left:-2%;right:auto;top:49%;rotate:-9deg}.business-bubble{min-width:252px;font-size:22px;left:auto;right:-1%;bottom:6%;rotate:5deg}.events-bubble{min-width:192px;font-size:22px;left:0;right:auto;bottom:-14%;rotate:-9deg}.cloud-spark{bottom:27%;left:auto;right:2%;font-size:70px}.services{padding-bottom:110px}.contact{padding:78px 7% 60px;border-radius:50% 50% 0 0 / 5% 7% 0 0}.contact h2{font-size:20.5vw}.contact h2 em{margin-left:23%}.contact-doodle{right:-20%;top:12%;width:76%;height:60%;opacity:.6}.contact-actions{gap:23px;margin-top:34px}.contact-ball{width:125px;height:125px;flex-shrink:0;font-size:12px}.big-arrow{font-size:48px}.contact-actions .text-link{font-size:11px}.contact-phone{font-size:11px;margin-top:18px}.contact-location{font-size:9px}.footer{padding:24px 7%;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:9px}.footer .brand{width:90px;height:63px}.footer>span{margin-left:auto}.footer .credits-button{font-size:10px}.footer>a:last-child{font-size:10px}dialog{padding:32px 23px;border-radius:24px;width:90vw}dialog h2{font-size:29px;letter-spacing:-1px}.photo-dialog{padding:0;width:max-content}.form-row{grid-template-columns:1fr;gap:0}.film-frame{height:370px}.brief-actions .pill{font-size:11px;gap:12px;padding:13px 16px}}
@media(max-width:360px){.header-actions{gap:6px}.hero-artboard{min-height:635px}.hero-collage{top:230px}.portrait-blob{height:305px}.service-bubble{font-size:21px}.business-bubble{font-size:20px;min-width:230px}.contact-actions{gap:15px}.contact-ball{width:108px;height:108px}}