@font-face{font-family:Sora;src:url('assets/sora-regular.ttf') format('truetype');font-weight:100 499;font-display:swap}
@font-face{font-family:Sora;src:url('assets/sora-medium.ttf') format('truetype');font-weight:500 599;font-display:swap}
@font-face{font-family:Sora;src:url('assets/sora-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{--ink:#29113e;--paper:#f5f2f8;--purple:#7227dc;--lavender:#d5baff;--pink:#efb3e2;--blue:#1763ed;--acid:#dfefa3;--ease:cubic-bezier(.65,0,.35,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#9273b9 var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Sora,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #f85ba6;outline-offset:5px}button:disabled{cursor:default}::selection{background:#d5baff;color:#28103f}.skip-link{position:fixed;left:20px;top:-100px;background:white;padding:16px;z-index:100}.skip-link:focus{top:12px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;line-height:1.6}
.site-header{position:absolute;top:0;left:0;width:100%;height:106px;padding:27px 40px;display:flex;align-items:center;justify-content:space-between;z-index:20}.wordmark{display:grid;grid-template-columns:auto 37px;grid-template-rows:29px 10px;gap:0 6px;text-decoration:none;width:129px}.wordmark>span{font-size:32px;font-weight:750;letter-spacing:.16em;line-height:1}.wordmark svg{height:42px;width:37px;grid-column:2;grid-row:1/3;margin-top:-4px}.wordmark small{font-family:Arial,sans-serif;font-size:7px;letter-spacing:.21em;grid-row:2}.header-right{display:flex;align-items:center;gap:30px}.location{font-size:9px;letter-spacing:.12em;font-weight:550}.header-cta{display:flex;align-items:center;gap:18px;border-bottom:1px solid currentColor;padding:10px 0;background:transparent;font-size:12px}.header-cta span{font-size:21px;transition:transform .3s}.header-cta:hover span{transform:translate(3px,-3px)}.menu-toggle{width:43px;height:43px;display:flex;justify-content:center;flex-direction:column;gap:6px;background:transparent;padding:10px}.menu-toggle span{height:2px;background:currentColor;width:23px;transition:transform .35s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav-panel{position:absolute;right:24px;top:90px;z-index:19;width:min(450px,calc(100% - 48px));padding:33px;background:var(--ink);color:#efe5ff;box-shadow:0 20px 80px #29113e24;visibility:hidden;opacity:0;transform:translateY(-15px);transition:opacity .3s,transform .3s,visibility .3s}.nav-panel.open{visibility:visible;opacity:1;transform:none}.nav-panel>button{display:flex;width:100%;justify-content:space-between;text-align:left;background:transparent;font-size:25px;padding:20px 0;border-bottom:1px solid #ffffff35;letter-spacing:-.06em}.nav-panel>button:hover{color:var(--pink)}.nav-panel>a{display:block;font-size:12px;margin-top:28px;text-decoration:none}.nav-panel .eyebrow{color:#c5abd9;margin:0 0 10px}
.story{height:260svh;position:relative}.story-sticky{position:sticky;top:0;height:100svh;overflow:hidden;min-height:600px}.intro-grid{position:absolute;inset:0;background-image:linear-gradient(to right,#a486bb25 1px,transparent 1px),linear-gradient(to bottom,#a486bb25 1px,transparent 1px);background-size:20% 33.333%;opacity:.8}.intro-grid i{position:absolute;width:18%;height:33%;border:1px solid #a486bb18}.intro-grid i:nth-child(1){left:-13%;top:33%;background:#d5baff}.intro-grid i:nth-child(2){right:-13%;top:0;background:#dfefa3}.intro-grid i:nth-child(3){right:-15%;bottom:0;background:#efb3e2}.intro-grid i:nth-child(4){left:-15%;bottom:0;background:#2979ef}.intro{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:125px 8% 90px;transform-origin:center;pointer-events:none}.intro button{pointer-events:auto}.intro-kicker{font-size:10px;letter-spacing:.16em;font-weight:600;margin-bottom:34px;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#822ddb;box-shadow:0 0 0 5px #822ddb0c}h1{font-size:clamp(65px,7.9vw,138px);font-weight:550;letter-spacing:-.073em;line-height:1.08;margin:0;max-width:1300px}.headline-line{display:block;width:max-content;position:relative}h1 em{font-style:normal;color:var(--purple)}.title-spark{position:absolute;width:clamp(50px,6.5vw,110px);height:auto;fill:var(--purple);top:9%;left:calc(100% + 18px);animation:spark-turn 18s linear infinite}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:44px;gap:20px}.intro-bottom p{font-size:clamp(13px,1.1vw,18px);font-weight:400;line-height:1.7;letter-spacing:-.02em;margin:0}.explore-button{background:transparent;display:flex;align-items:center;gap:24px;text-align:left;padding:0}.explore-button>span:first-child{max-width:150px;font-size:10px;font-weight:600;letter-spacing:.1em;line-height:1.6}.round-arrow{width:62px;height:62px;border:1px solid #8b719d;display:grid;place-items:center;border-radius:50%;font-size:28px;transition:background .3s,color .3s,transform .3s}.explore-button:hover .round-arrow{background:var(--purple);border-color:var(--purple);color:white;transform:translateY(4px)}.intro-foot{position:absolute;bottom:27px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:8px;font-weight:550;letter-spacing:.11em}
.mosaic{position:absolute;inset:12px 12px 38px;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));gap:10px;transform:scale(2.5);transform-origin:52% 47%;opacity:0;pointer-events:none;will-change:transform,opacity;outline:none}.mosaic.ready{pointer-events:auto}.tile{position:relative;overflow:hidden;display:block;text-align:left;padding:22px 22px 26px;border-radius:2px;isolation:isolate;transition:filter .3s;min-width:0;min-height:0}.tile::after{content:'';position:absolute;inset:0;background:white;opacity:0;transition:opacity .3s;pointer-events:none;z-index:4}.tile:hover::after{opacity:.05}.tile-label{display:block;position:relative;z-index:2;font-size:clamp(17px,2.08vw,36px);font-weight:500;letter-spacing:-.06em;line-height:1.15}.tile-arrow{position:absolute;right:0;top:-4px;opacity:0;transform:translate(-8px,8px);transition:opacity .3s,transform .3s;font-size:26px}.tile:hover .tile-arrow,.tile:focus-visible .tile-arrow{opacity:1;transform:none}.tile-caption{position:absolute;top:25%;font-size:11px;letter-spacing:-.02em;opacity:.7}.tile-index{position:absolute;bottom:16px;left:22px;z-index:2;font-size:7px;line-height:1.5;font-weight:550;letter-spacing:.08em;opacity:.8}.tile-art{display:block;position:absolute;pointer-events:none;transition:transform .75s var(--ease)}.tile-agency{grid-area:1/1/8/6;background:#30203f;color:#ddcaff}.tile-branding{grid-area:1/6/6/14;background:#d1b2f5;color:#3b145f}.tile-web{grid-area:1/14/8/20;background:#2759ec;color:#d6e5ff}.tile-marketing{grid-area:1/20/6/25;background:#dfefa3;color:#38431a}.tile-approach{grid-area:8/1/13/6;background:#f1bade;color:#641746}.tile-contact{grid-area:6/6/13/12;background:#983fde;color:#fae9ff}.tile-logo{grid-area:6/12/8/14;background:#29113e;color:#f5e9ff;padding:18%;display:grid;place-items:center}.tile-logo svg{width:100%;height:100%;max-width:75px;fill:currentColor;transition:transform .7s var(--ease)}.tile-logo:hover svg{transform:rotate(180deg)}.tile-projects{grid-area:8/12/13/20;background:#f6ebe1;color:#512d1f}.tile-production{grid-area:6/20/13/25;background:#bd384e;color:#ffe8db}.mosaic-foot{position:absolute;bottom:13px;left:15px;right:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;opacity:0;font-weight:550}
.agency-art{width:90%;height:68%;bottom:9%;left:5%;fill:currentColor;overflow:visible}.agency-path{stroke-dasharray:40 340;animation:path-flow 5s linear infinite}.agency-orbit{animation:node-pulse 3s ease-in-out infinite}.tile-agency:hover .agency-art{transform:scale(1.09)}.brand-art{left:6%;right:6%;bottom:11%;height:60%;display:flex;align-items:center;justify-content:space-between}.brand-a{font-size:clamp(100px,10.7vw,190px);letter-spacing:-.12em;line-height:.8;font-weight:500}.brand-star{font-family:Arial,sans-serif;font-size:clamp(90px,9.7vw,166px);line-height:1;animation:spark-turn 22s linear infinite}.tile-branding:hover .brand-a{font-family:Georgia,serif;font-style:italic}.tile-branding:hover .brand-art{transform:scale(1.06)}.browser-art{width:86%;height:49%;left:16%;bottom:15%;border:2px solid #143084;border-radius:8px;background:#eaf0ff;box-shadow:8px 10px 0 #153bad;color:#163270;transform:rotate(-7deg);overflow:visible}.browser-bar{display:flex;align-items:center;gap:4px;height:26px;border-bottom:1px solid #163270;padding:0 9px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#163270}.browser-bar b{font-size:6px;font-weight:400;margin-left:7px;letter-spacing:.01em}.browser-content{display:block;padding:12px;position:relative;height:calc(100% - 26px);overflow:hidden}.browser-heading{font-size:clamp(30px,4vw,68px);line-height:.98;letter-spacing:-.07em;font-weight:550}.browser-heading>span{animation:blink 1.2s step-end infinite}.browser-mini{display:block;position:absolute;right:-4%;top:20%;width:36%;height:35%;background:#aacbf9;transform:rotate(18deg);border:1px solid #163270;border-radius:4px;animation:mini-float 5s ease-in-out infinite}.browser-lines{display:flex;flex-direction:column;gap:5px;margin-top:12px}.browser-lines i{display:block;width:65%;height:2px;background:#5471ad}.browser-lines i:nth-child(2){width:53%}.browser-lines i:nth-child(3){width:58%}.web-cursor{position:absolute;width:44px;bottom:-25px;right:22%;transform:rotate(9deg);animation:cursor-float 5s ease-in-out infinite}.tile-web:hover .browser-art{transform:rotate(0deg) translate(-3%,-3%)}.marketing-art{width:75%;left:12%;height:48%;bottom:14%;display:flex;align-items:flex-end;gap:7%;border-bottom:2px solid currentColor;padding-bottom:0}.bar{background:#839c35;width:27%;height:32%;transform-origin:bottom;animation:bars 5s var(--ease) infinite}.bar-two{height:58%;animation-delay:.4s;background:#5e7428}.bar-three{height:87%;animation-delay:.8s;background:#38431a}.chart-arrow{position:absolute;font-size:clamp(60px,7vw,120px);line-height:1;left:4%;top:-24%;font-family:Arial,sans-serif;transform:rotate(-5deg);transition:transform .4s}.tile-marketing:hover .chart-arrow{transform:translate(12px,-12px)}.approach-art{width:138px;height:138px;left:50%;top:51%;transform:translate(-50%,-40%);animation:approach-turn 24s linear infinite}.approach-art>span{position:absolute;width:57px;height:57px;border-radius:50%;background:#ce529c}.approach-art>span:nth-child(1){left:0;top:0}.approach-art>span:nth-child(2){right:0;top:0;border-radius:2px;background:#862562}.approach-art>span:nth-child(3){left:0;bottom:0;border-radius:2px;background:#862562}.approach-art>span:nth-child(4){right:0;bottom:0}.approach-art b{position:absolute;inset:0;display:grid;place-items:center;font-size:31px;font-weight:400}.contact-art{right:8%;bottom:9%;font-size:clamp(150px,18vw,320px);font-family:Arial,sans-serif;font-weight:300;line-height:.9;transition:transform .5s var(--ease);animation:arrow-breathe 6s ease-in-out infinite}.tile-contact:hover .contact-art{transform:translate(15px,-15px);animation:none}.project-art{width:62%;height:70%;right:5%;bottom:-9%;transform:rotate(-6deg)}.project-image{position:absolute;width:82%;height:83%;border:5px solid white;box-shadow:0 6px 15px #29113e1a;display:block;background-position:center;background-size:cover}.project-image-back{background-image:url('assets/project-web.jpg');left:-30%;top:5%;transform:rotate(-12deg)}.project-image-front{background-image:url('assets/project-architecture.jpg');right:0;top:5%;transform:rotate(10deg)}.project-sticker{position:absolute;left:-30%;bottom:15%;background:#dfefa3;color:#38431a;width:66px;height:66px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:9px;font-weight:600;letter-spacing:-.03em;transform:rotate(-13deg)}.tile-projects:hover .project-art{transform:rotate(2deg) translateY(-12px)}.production-art{inset:31% 0 0;background:linear-gradient(0deg,#441729bd,#44172905),url('assets/project-event.jpg') center/cover;transform:scale(1.03)}.tile-production:hover .production-art{transform:scale(1.11)}.camera-frame{position:absolute;inset:15% 13% 18%;border:1px solid #ffe8db85;background:linear-gradient(#ffe8db,#ffe8db) left top/15px 2px no-repeat,linear-gradient(#ffe8db,#ffe8db) left top/2px 15px no-repeat,linear-gradient(#ffe8db,#ffe8db) right bottom/15px 2px no-repeat,linear-gradient(#ffe8db,#ffe8db) right bottom/2px 15px no-repeat}.rec-dot{position:absolute;top:10px;left:10px;width:5px;height:5px;border-radius:50%;background:#f6647f;animation:blink 2s step-end infinite}.camera-frame b{position:absolute;left:20px;top:8px;font-size:6px;font-weight:400}.frame-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:200}.timecode{position:absolute;bottom:9px;right:9px;font-size:8px;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.outro{padding:130px 7% 0;position:relative;background:#e5d9f2;overflow:hidden}.outro .eyebrow{font-size:10px}.outro h2{font-size:clamp(64px,9vw,160px);line-height:1.03;letter-spacing:-.075em;font-weight:500;margin:46px 0 65px}.outro h2>span{color:#7b38b8}.outro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:100px}.outro-bottom p{font-size:14px;line-height:1.8;letter-spacing:-.025em;margin:0}.outro-cta{border-bottom:1px solid var(--ink);background:transparent;padding:20px 0;display:flex;align-items:center;gap:36px;font-size:clamp(16px,2vw,30px);letter-spacing:-.055em}.outro-cta span{font-size:42px;transition:transform .3s}.outro-cta:hover span{transform:translate(5px,-5px)}.outro footer{padding:27px 0;border-top:1px solid #29113e40;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.07em}.outro footer a{text-decoration:none}.outro footer a:hover{text-decoration:underline}
.page-dialog{position:fixed;inset:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:hidden;z-index:100}.page-dialog::backdrop{background:#29113e66}.detail-rail{position:absolute;inset:0 auto 0 0;width:64px;border-right:1px solid #29113e25;display:flex;align-items:center;flex-direction:column;background:var(--paper);z-index:5}.close-page{width:64px;height:74px;font-size:35px;font-weight:200;background:transparent;border-bottom:1px solid #29113e25;display:grid;place-items:center}.close-page span{display:inline-block;transition:transform .4s}.close-page:hover span{transform:rotate(90deg)}.rail-name{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.1em;position:absolute;top:50%;translate:0 -50%}.rail-home{position:absolute;bottom:0;background:var(--purple);color:white;width:64px;height:65px;font-size:27px;font-weight:600}.rail-home span{font-size:20px}.detail-scroll{height:100%;overflow:auto;margin-left:64px;scroll-behavior:smooth;overscroll-behavior:contain}.detail-hero{height:74svh;min-height:460px;max-height:850px;position:relative;padding:70px 7%;display:flex;align-items:center;overflow:hidden}.detail-hero-copy{position:relative;z-index:2;max-width:80%}.detail-hero .eyebrow{display:block;margin-bottom:35px;font-size:10px}.detail-hero h2{font-size:clamp(56px,7.4vw,118px);line-height:1.04;font-weight:500;letter-spacing:-.072em;margin:0;max-width:900px}.detail-hero-art{position:absolute;inset:0 0 0 56%;opacity:.18;pointer-events:none}.detail-hero-art>.tile-art{left:0;right:0;bottom:10%;width:100%;height:65%}.detail-hero-art .brand-art{justify-content:center;gap:10px}.detail-hero-art .brand-a,.detail-hero-art .brand-star{font-size:250px}.detail-hero-art .contact-art{font-size:450px;height:auto;width:auto}.detail-hero-art .approach-art{width:240px;height:240px;left:20%;top:24%;animation:spark-turn 25s linear infinite;transform:none}.detail-hero-art .approach-art>span{width:110px;height:110px}.detail-down{position:absolute;bottom:27px;right:7%;font-size:38px;font-weight:300}.detail-footer{display:flex;align-items:center;justify-content:space-between;padding:30px 7%;background:#e5d9f2;font-size:9px;letter-spacing:.06em;gap:20px}.detail-footer button{background:transparent;border-bottom:1px solid;padding:8px 0;font-size:12px;letter-spacing:-.03em}.transition-tile{position:fixed;z-index:120;pointer-events:none;overflow:hidden}.transition-tile .tile-label,.transition-tile .tile-index,.transition-tile .tile-caption{opacity:0}.noscript-note{position:fixed;bottom:0;left:0;right:0;background:white;z-index:30;padding:20px;text-align:center}
@keyframes spark-turn{to{transform:rotate(360deg)}}@keyframes path-flow{to{stroke-dashoffset:-380}}@keyframes node-pulse{50%{r:13;opacity:.6}}@keyframes blink{50%{opacity:0}}@keyframes mini-float{50%{transform:rotate(5deg) translateY(10px)}}@keyframes cursor-float{50%{transform:rotate(-4deg) translate(-13px,-18px)}}@keyframes bars{0%,100%{transform:scaleY(1)}45%{transform:scaleY(.63)}70%{transform:scaleY(.92)}}@keyframes approach-turn{to{transform:translate(-50%,-40%) rotate(360deg)}}@keyframes arrow-breathe{50%{translate:7px -7px}}
@media(min-width:1700px){.intro{padding-left:10%;padding-right:10%}.tile{padding:30px}.tile-index{left:30px;font-size:9px;bottom:23px}.tile-caption{font-size:15px}.browser-bar{height:36px}.browser-content{padding:24px}.browser-lines{gap:8px}.project-sticker{height:100px;width:100px;font-size:14px}.approach-art{scale:1.4}}
@media(max-height:680px) and (min-width:761px){.story-sticky{min-height:520px}.intro{padding-top:95px;padding-bottom:60px}.intro-kicker{margin-bottom:20px}.intro-bottom{margin-top:24px}h1{font-size:7vw}.mosaic{gap:8px}.tile-label{font-size:1.9vw}.tile{padding:17px}.tile-index{left:17px;font-size:6px}.brand-a{font-size:9vw}.brand-star{font-size:8vw}.approach-art{scale:.8}.tile-caption{top:24%;font-size:9px}}
@media(max-width:1000px) and (min-width:761px){.site-header{padding:24px}.header-right{gap:20px}.intro{padding-left:6%;padding-right:6%}.tile{padding:15px}.tile-index{left:15px;font-size:6px}.tile-label{font-size:20px}.tile-caption{font-size:9px}.brand-star{font-size:8vw}.brand-a{font-size:10vw}.title-spark{width:55px;left:calc(100% + 8px)}.approach-art{scale:.8}.mosaic{gap:8px}.detail-hero-copy{max-width:95%}}
@media(max-width:760px){.site-header{height:85px;padding:22px}.wordmark{scale:.88;transform-origin:left center}.location{display:none}.header-right{gap:15px}.header-cta{font-size:10px;gap:8px;padding:5px 0}.header-cta span{font-size:20px}.menu-toggle{width:30px;padding:3px}.nav-panel{top:78px;right:14px;width:calc(100% - 28px);padding:25px}.story{height:auto}.story-sticky{position:relative;height:auto;min-height:0;overflow:hidden}.intro-grid{height:100svh;background-size:33.333% 25%;opacity:.6}.intro{position:relative;height:100svh;min-height:640px;padding:115px 25px 100px;justify-content:center}.intro-kicker{font-size:8px;letter-spacing:.09em;margin-bottom:28px;gap:8px}h1{font-size:clamp(42px,10vw,77px);line-height:1.13;letter-spacing:-.074em}.title-spark{width:36px;left:auto;right:0;top:-55px}.intro-bottom{align-items:flex-start;flex-direction:column;gap:33px;margin-top:28px}.intro-bottom p{font-size:12px;line-height:1.8}.explore-button{gap:16px;flex-direction:row-reverse}.round-arrow{width:47px;height:47px;font-size:24px}.explore-button>span:first-child{font-size:8px;max-width:140px}.intro-foot{left:25px;right:25px;bottom:25px;font-size:6px;gap:15px}.intro-foot span:first-child{max-width:150px}.mosaic{position:relative;inset:auto;display:grid;margin:0 10px 10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:225px;gap:8px;transform:none!important;opacity:1!important;pointer-events:auto;will-change:auto}.tile{grid-area:auto!important;padding:17px;min-height:0;border-radius:2px}.tile-label{font-size:21px;letter-spacing:-.06em}.tile-label .tile-arrow{display:none}.tile-index{bottom:13px;left:17px;font-size:5.8px;letter-spacing:.06em}.tile-caption{display:none}.tile-agency{grid-row:span 2!important}.tile-branding{min-height:0}.tile-web{grid-column:2!important;grid-row:2/4!important}.tile-marketing{grid-column:1!important;grid-row:3!important}.tile-approach{grid-column:1!important;grid-row:4!important}.tile-contact{grid-column:2!important;grid-row:4/6!important}.tile-logo{display:none}.tile-projects{grid-column:1/3!important;grid-row:6!important}.tile-production{grid-column:1!important;grid-row:5!important}.agency-art{height:53%;bottom:23%;width:100%;left:0}.brand-art{height:48%;bottom:17%;left:6%;right:6%;gap:3px}.brand-a{font-size:70px}.brand-star{font-size:64px}.browser-art{width:93%;height:44%;left:13%;bottom:25%}.browser-heading{font-size:45px}.browser-mini{height:33%}.browser-bar b{font-size:5px}.browser-content{padding:13px}.marketing-art{height:43%;bottom:14%;width:67%;left:17%}.chart-arrow{font-size:62px}.approach-art{scale:.7;transform-origin:top left;left:51%;top:48%}.contact-art{font-size:205px;right:0;bottom:24%}.tile-contact .tile-label{font-size:27px}.tile-production .tile-label{font-size:22px}.production-art{inset:39% 0 0}.camera-frame{inset:12% 15% 25%}.project-art{width:45%;height:95%;right:9%;bottom:-16%}.tile-projects .tile-label{font-size:25px;max-width:42%}.project-sticker{width:56px;height:56px;font-size:8px}.mosaic-foot{display:none}.outro{padding:75px 25px 0}.outro .eyebrow{font-size:8px}.outro h2{font-size:clamp(48px,12vw,82px);margin:35px 0 38px}.outro-bottom{flex-direction:column;align-items:flex-start;padding-bottom:65px;gap:30px}.outro-bottom p{font-size:12px}.outro-cta{font-size:18px;gap:25px;padding:12px 0}.outro-cta span{font-size:32px}.outro footer{display:grid;grid-template-columns:1fr 1fr;font-size:7px;gap:18px;line-height:1.6}.outro footer>span:nth-child(2){display:none}.detail-rail{width:44px}.close-page{width:44px;height:56px;font-size:30px}.rail-home{width:44px;height:48px;font-size:23px}.rail-home span{font-size:14px}.rail-name{font-size:7px}.detail-scroll{margin-left:44px}.detail-hero{height:62svh;min-height:400px;padding:60px 24px}.detail-hero-copy{max-width:100%}.detail-hero h2{font-size:clamp(40px,10vw,65px);letter-spacing:-.067em;overflow-wrap:normal}.detail-hero .eyebrow{font-size:8px;margin-bottom:25px}.detail-hero-art{left:35%;opacity:.12}.detail-hero-art .brand-a,.detail-hero-art .brand-star{font-size:190px}.detail-down{right:25px;font-size:30px}.detail-footer{flex-direction:column;align-items:flex-start;padding:26px 24px;font-size:7px}.transition-tile{transition:none}}
.wordmark{display:block;width:136px;height:auto}.wordmark img{display:block;width:100%;height:auto}
.tile-label{position:absolute;top:22px;left:22px;right:22px}.tile-projects .tile-label{font-size:clamp(17px,1.8vw,31px)}
@media(min-width:1700px){.tile-label{top:30px;left:30px;right:30px}}
@media(max-width:1000px){.tile-label{top:17px;left:17px;right:17px}}
@media(max-height:680px) and (min-width:761px){.tile-label{top:17px;left:17px;right:17px}}
@media(max-width:760px){.tile-projects .tile-label{font-size:25px}}
@media(prefers-reduced-motion:reduce){html,.detail-scroll{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.story{height:auto}.story-sticky{position:relative;height:auto;overflow:visible}.intro{position:relative;min-height:100svh}.mosaic{position:relative;inset:auto;margin:12px;height:88svh;min-height:580px;transform:none!important;opacity:1!important;pointer-events:auto}.intro-grid{height:100svh}.mosaic-foot{display:none}.tile-art{transform:none}.approach-art{transform:translate(-50%,-40%)}@media(max-width:760px){.mosaic{height:auto;min-height:0}}}