@font-face{font-family:Manrope;src:url(assets/manrope.ttf);font-display:swap;font-weight:400}@font-face{font-family:Manrope;src:url(assets/manrope-bold.ttf);font-display:swap;font-weight:700}@font-face{font-family:Anton;src:url(assets/anton.ttf);font-display:swap}
*{box-sizing:border-box}html{background:#fafaf7;color:#171716}body{margin:0;font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ee432d;outline-offset:6px}.red{color:#ed432d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.study{height:100svh;min-height:520px;overflow-x:hidden}.floor{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 36% at 50% 116%,#ef442c 0%,#f46c4c88 34%,#f7947422 65%,transparent 100%)}.resting{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 32px 90px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.19em;margin:0 0 36px}.identity{width:min(500px,64vw);color:#171716;transform-origin:center}.wordmark{display:block;width:100%;height:auto}.closing{text-align:center;margin-top:44px}.promise{font-size:clamp(18px,1.65vw,24px);letter-spacing:-.65px;line-height:1.6;margin:0}.promise strong{font-weight:700}.incoming{margin:10px 0 0;color:#6d6a64;font-size:14px;letter-spacing:.015em}.mobile-break{display:none}.controls{position:fixed;right:32px;bottom:25px;display:flex;gap:24px;z-index:5}.controls button,.skip{border:0;background:none;padding:9px 0;color:#69675f;font-size:12px}.controls span{margin-left:6px}.intro{position:fixed;inset:0;z-index:10;pointer-events:none;visibility:hidden}.skip{position:fixed;right:30px;top:25px;z-index:12;color:#fff;background:#181818;padding:10px 16px;border:1px solid #777;border-radius:2px}.split-intro{display:flex}.panel{width:50%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.look-panel{background:#fafaf7}.work-panel{background:#151514;color:#fafaf7}.intro-type{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:clamp(70px,9.8vw,160px);line-height:.97;letter-spacing:-.035em}.intro-type span{display:inline-block}.work-word{color:#f14934}.signature-intro{display:flex;align-items:center;justify-content:center;background:#f5f3ec}.signature-copy{position:relative;font-size:clamp(32px,5.5vw,85px);letter-spacing:-.055em;font-weight:700;line-height:1.32;padding-bottom:50px}.signature-copy em{font-style:normal;color:#ec432d}.signature-line{position:absolute;left:0;bottom:0;width:100%;height:60px;overflow:visible}.signature-line path{fill:none;stroke:#ef432d;stroke-width:9;stroke-linecap:round}.study-2{background:#f5f3ec}.study-2 .floor{background:radial-gradient(ellipse 110% 65% at 50% 117%,#f14b30 0%,#f9806188 45%,transparent 95%)}.study-2 .identity{width:min(550px,68vw)}.study-3 .floor{display:none}.study-3 .resting{align-items:flex-start;padding:56px 7vw 75px}.study-3 .eyebrow{margin-bottom:38px}.poster-mantra{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:clamp(45px,6.8vw,112px);line-height:1.13;letter-spacing:-.025em;margin:0}.poster-mantra>span{display:block}.poster-mantra em{font-style:normal;display:inline-block}.poster-work{color:#ed432d}.study-3 .identity{width:180px;margin:38px 0 0 auto}.study-3 .closing{text-align:left;margin-top:32px}.study-3 .promise{font-size:19px}.study-3 .incoming{font-size:14px}.study-3 .controls{right:7vw}.review{padding:55px 5vw;max-width:1800px;margin:auto}.review header .eyebrow{margin-bottom:20px}.review header h1{font-size:clamp(36px,4.5vw,64px);letter-spacing:-.055em;line-height:1.05;margin:0 0 20px}.review header>p:last-child{color:#68665e;font-size:16px}.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.preview{display:block;position:relative;overflow:hidden;border:1px solid #d9d7ce;background:#f5f3ec}.preview iframe{position:absolute;top:0;left:0;width:1440px;height:900px;border:0;transform-origin:top left;pointer-events:none}.option-number{font-size:11px;letter-spacing:.13em;margin-top:25px;color:#b33928}.review h2{font-size:24px;letter-spacing:-.8px;margin:12px 0}.review article>p:not(.option-number){font-size:15px;line-height:1.7;color:#68665e;max-width:390px}.watch{display:inline-block;font-size:14px;color:#171716;text-underline-offset:5px;margin:10px 0}.watch span{margin-left:12px}.review-note{font-size:12px;color:#77746a;margin-top:48px}.review iframe{color-scheme:light}
@media(max-width:700px){.resting{padding:45px 22px 75px}.eyebrow{font-size:10px;margin-bottom:35px}.identity,.study-2 .identity{width:min(90vw,420px)}.closing{margin-top:35px}.promise{font-size:18px;letter-spacing:-.5px}.mobile-break{display:block}.incoming{font-size:13px}.controls{right:22px;bottom:18px;gap:20px}.controls button{font-size:11px}.split-intro{flex-direction:column}.panel{width:100%;height:50%;justify-content:flex-start;padding-left:12vw}.intro-type{font-size:clamp(48px,9.5svh,80px);line-height:.98}.signature-copy{font-size:clamp(27px,7vw,47px);letter-spacing:-.04em}.signature-line{height:38px}.study-3 .resting{padding:45px 7vw 70px}.poster-mantra{font-size:clamp(32px,7.9vw,55px);line-height:1.35}.study-3 .identity{width:155px;margin-top:38px}.study-3 .closing{margin-top:35px}.study-3 .promise{font-size:17px}.study-grid{grid-template-columns:1fr;gap:36px}.review{padding:35px 6vw}.review article>p:not(.option-number){max-width:100%}}
@media(max-height:700px) and (min-width:701px){.identity,.study-2 .identity{width:340px}.eyebrow{margin-bottom:20px}.closing{margin-top:24px}.study-3 .resting{padding-top:30px}.study-3 .eyebrow{margin-bottom:20px}.poster-mantra{font-size:8vh}.study-3 .identity{width:135px;margin-top:15px}.study-3 .closing{margin-top:15px}}
@media(max-height:650px) and (max-width:700px){.identity,.study-2 .identity{width:290px}.eyebrow{margin-bottom:22px}.closing{margin-top:25px}.study-3 .identity{width:120px;margin-top:20px}.study-3 .closing{margin-top:20px}}

[hidden]{display:none!important}.intro-type,.poster-mantra{font-weight:400;letter-spacing:0}.opening .controls{visibility:hidden}

.study-1{background:#f3f0e7}.study-1 .panel{position:absolute;top:0;height:100%;padding:0;justify-content:center}.study-1 .look-panel{left:0;width:100%;background:#f3f0e7}.study-1 .work-panel{right:0;width:50%}.study-1 .intro-type{font-size:clamp(56px,9.8vw,155px);white-space:nowrap}.study-1 .look-word,.study-1 .work-word{will-change:transform}.study-1 .resting{padding-top:110px;padding-bottom:85px}.study-1 .identity{width:min(450px,65vw)}.study-1 .arrival{position:absolute;top:44px;margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:#59564f}.arrival-dot{height:5px;width:5px;border-radius:50%;background:#dc4939;animation:arrival-breathe 3s ease-in-out infinite}.study-1 .closing{margin-top:20px}.study-1 .launch-label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#757067;margin-bottom:12px}.study-1 .promise strong{display:block;font-weight:400;font-size:clamp(27px,3vw,40px);line-height:1.13;letter-spacing:-1.2px}.study-1 .wordmark{animation:logo-breathe 6s ease-in-out infinite;transform-origin:center}.opening .wordmark,.paused .wordmark,.paused .arrival-dot{animation-play-state:paused}@keyframes logo-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(.25deg)}}@keyframes arrival-breathe{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media(max-width:700px){.study-1 .intro-type{font-size:clamp(32px,9vw,62px)}.study-1 .identity{width:min(86vw,390px)}.study-1 .arrival{top:30px;font-size:9px;letter-spacing:.1em}.study-1 .resting{padding-top:75px;padding-bottom:80px}.study-1 .promise strong{font-size:30px}.study-1 .closing{margin-top:22px}}@media(max-height:730px) and (min-width:701px){.study-1 .identity{width:330px}.study-1 .promise strong{font-size:30px}.study-1 .arrival{top:26px}.study-1 .resting{padding-top:70px;padding-bottom:65px}}@media(prefers-reduced-motion:reduce){.study-1 .wordmark,.arrival-dot{animation:none}}

.study-1 .look-word{position:relative}.look-underline{position:absolute;width:100%;height:15%;left:0;bottom:-4%;overflow:visible}.look-underline path{fill:none;stroke:#dc4939;stroke-width:5;stroke-linecap:round}.study-1 .wordmark{animation:none}.study-1 .resting{padding-top:65px}.study-1 .final-message>span{display:block;font-size:clamp(19px,2vw,27px);line-height:1.5;font-weight:400;letter-spacing:-.65px}.study-1 .closing{margin-top:32px}.curiosity{position:relative}.curiosity::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#dc4939;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.curiosity:hover::after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.curiosity::after{transition:none}}
.study-1 .offer-line{font-size:13px;font-weight:700;letter-spacing:.025em;margin:22px 0 0;color:#605c55}.experience-orbit{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:hidden}.experience-orbit text{font-family:Manrope,Arial,sans-serif;font-size:12px;letter-spacing:.09em;fill:#5e5950}.opening .experience-orbit{visibility:hidden}.study-1 .controls{bottom:52px}@media(max-width:700px){.study-1 .offer-line{font-size:11px;letter-spacing:0}.experience-orbit text{font-size:10px}.study-1 .controls{bottom:46px}.study-1 .resting{padding-bottom:100px}}@media(max-height:600px){.study-1 .identity{width:260px}.study-1 .closing{margin-top:14px}.study-1 .offer-line{margin-top:12px}}
@font-face{font-family:Caveat;src:url(assets/caveat.ttf);font-display:swap}.service-ink{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:4}.service-word{position:absolute;font-family:Caveat,cursive;font-size:30px;color:#dc4939;white-space:nowrap;line-height:1;transform:translate(-50%,-50%);pointer-events:none}@media(pointer:coarse),(prefers-reduced-motion:reduce){.service-ink{display:none}}
.study-1 .resting{padding:65px 28px 95px}.study-1 .identity{width:min(420px,65vw)}.study-1 .closing{margin-top:18px}.coming-soon{font-family:Caveat,cursive;color:#dc4939;font-size:43px;line-height:1.1;transform:rotate(-5deg);margin:28px 0 17px;display:inline-block;position:relative}.coming-soon::after{content:'';position:absolute;bottom:-4px;right:8px;width:65px;height:2px;background:#dc4939;transform:rotate(-4deg)}.factory-name{font-size:10px;letter-spacing:.28em;text-transform:uppercase;margin:0;color:#3d3933}.identity svg>path{cursor:default}@media(max-width:700px){.study-1 .identity{width:min(76vw,340px)}.coming-soon{font-size:35px;margin:20px 0 13px}.factory-name{font-size:9px;letter-spacing:.2em}.study-1 .final-message>span{font-size:19px}}@media(max-height:730px){.study-1 .identity{width:min(290px,70vw)}.coming-soon{font-size:33px;margin:17px 0 12px}.study-1 .resting{padding-top:35px}.study-1 .closing{margin-top:12px}}
.study-1 .identity{position:relative}.finishing-details{position:absolute;inset:0;pointer-events:none;visibility:hidden}.spacing-guides{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:#888176}.craft-note{position:absolute;font-family:Caveat,cursive;font-size:27px;line-height:1.02;font-weight:400;letter-spacing:0;margin:0;color:#292723}.note-spacing{right:calc(100% + 30px);top:15%;width:145px;transform:rotate(-7deg)}.note-spacing span{position:absolute;right:0;bottom:-8px;font-size:35px}.note-detail{right:calc(100% + 15px);bottom:0;width:165px;transform:rotate(-6deg)}.note-verdict{left:calc(100% + 26px);top:45%;width:160px;transform:rotate(5deg)}.almost{position:relative;display:table;font-size:26px}.almost svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#292723;stroke-width:2;stroke-linecap:round}.better{display:block;color:#dc4939;white-space:nowrap;font-size:31px;margin-top:10px}@media(max-width:700px){.craft-note{font-size:18px}.note-spacing{right:auto;left:0;top:-33px;width:100px}.note-spacing br{display:none}.note-spacing span{font-size:23px;right:-5px;bottom:-13px}.note-detail{right:auto;left:-3px;bottom:-30px;width:110px}.note-detail br{display:none}.note-verdict{left:auto;right:-6px;top:auto;bottom:-36px;width:115px}.almost{font-size:18px}.better{font-size:21px;margin-top:3px}.study-1 .closing{margin-top:48px}.study-1 .identity{width:min(280px,70vw)}}@media(prefers-reduced-motion:reduce){.finishing-details{display:none}}
@media(max-width:700px){.note-spacing br,.note-detail br{display:initial}}
.coming-soon{width:min(350px,80vw);height:56px;vertical-align:top;cursor:pointer;user-select:none}.coming-soon.long-message{font-size:34px}.coming-soon:focus-visible{outline:1px dashed #dc4939;outline-offset:8px}.falling-copy-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:20}.falling-copy{position:absolute;display:block;text-align:center;white-space:nowrap;transform:rotate(-5deg);pointer-events:none}.falling-copy::after{content:'';position:absolute;bottom:-4px;right:8px;width:65px;height:2px;background:#dc4939;transform:rotate(-4deg)}@media(max-width:700px),(max-height:730px){.coming-soon{height:44px}.coming-soon.long-message{font-size:28px}}
.study-1{overflow:hidden}.study-1 .closing{margin-top:12px}.coming-soon{margin:0 0 20px;white-space:nowrap}.coming-soon::after,.falling-copy::after{display:none}.soon-letter{display:inline-block;white-space:pre;pointer-events:none;transform-origin:50% 70%}.study-1 .closing>.factory-name{margin-top:24px}@media(max-width:700px){.study-1 .closing{margin-top:48px}.coming-soon{margin:0 0 16px}.study-1 .closing>.factory-name{margin-top:20px}}

.study-1 .factory-corner{position:absolute;top:32px;right:36px;margin:0;text-align:right;font-size:10px;letter-spacing:.24em}@media(max-width:700px){.study-1 .factory-corner{top:24px;right:22px;font-size:9px;letter-spacing:.18em}}

.study-1 .coming-soon{font-size:64.5px;height:84px;width:min(525px,86vw)}.study-1 .coming-soon.long-message{font-size:51px}@media(max-width:700px){.study-1 .coming-soon{font-size:52.5px;height:66px}.study-1 .coming-soon.long-message{font-size:42px}}@media(max-height:730px){.study-1 .coming-soon{font-size:49.5px;height:66px}.study-1 .coming-soon.long-message{font-size:42px}}

.study-1 .coming-soon{margin-bottom:32px}@media(max-width:700px){.study-1 .coming-soon{margin-bottom:26px}}
/* Quiet, continuous cloud banks; only their transforms animate. */
.clouds{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.cloud{position:absolute;width:72vw;height:32vw;min-height:180px;filter:blur(19px);opacity:.48;background:radial-gradient(ellipse 23% 22% at 22% 64%,#fffdf7 40%,transparent 100%),radial-gradient(ellipse 18% 34% at 39% 49%,#fffef9 30%,transparent 100%),radial-gradient(ellipse 22% 28% at 54% 59%,#fffdf8 38%,transparent 100%),radial-gradient(ellipse 29% 19% at 70% 68%,#fffdf9 30%,transparent 100%);animation:cloud-drift 95s linear infinite;will-change:transform}
.cloud-a{top:12%;animation-delay:-28s}
.cloud-b{top:40%;width:95vw;opacity:.32;animation-duration:137s;animation-delay:-91s}
.cloud-c{top:-7%;width:58vw;opacity:.36;animation-duration:113s;animation-delay:-72s}
@keyframes cloud-drift{from{transform:translateX(-100%)}to{transform:translateX(100vw)}}
.opening .clouds{opacity:0}.clouds{transition:opacity 1.8s ease}.paused .cloud{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.cloud{animation-play-state:paused}.clouds{transition:none}}
/* More defined ivory cloud edges against the cream. */
.cloud{filter:blur(7px);opacity:.85;background:radial-gradient(ellipse 15% 18% at 17% 66%,#fffefa 48%,transparent 100%),radial-gradient(ellipse 13% 28% at 31% 54%,#fffefa 48%,transparent 100%),radial-gradient(ellipse 16% 36% at 44% 49%,#fffefa 46%,transparent 100%),radial-gradient(ellipse 16% 26% at 58% 57%,#fffefa 48%,transparent 100%),radial-gradient(ellipse 22% 17% at 73% 67%,#fffefa 44%,transparent 100%);animation-duration:65s}
.cloud-a{animation-delay:-19s}.cloud-b{opacity:.65;animation-duration:93s;animation-delay:-62s}.cloud-c{opacity:.7;animation-duration:79s;animation-delay:-50s}

.study-1 .coming-soon{cursor:default;user-select:text}
/* Match the intro to the supplied logo's main lettering and red swish. */
.study-1{--logo-black:#000000;--logo-red:#dc4939}
.study-1 .look-panel{color:var(--logo-black)}
.study-1 .work-panel{background:var(--logo-black);color:#f3f0e7}
.study-1 .work-word,.study-1 .intro .red{color:var(--logo-red)}
.study-1 .look-underline path{stroke:var(--logo-red)}

.study-1 .floor{background:radial-gradient(ellipse 80% 40% at 50% 114%,#dc4939 0%,#dc493999 34%,#dc49392e 65%,transparent 100%)}
/* A small travelling swell, with a quiet pause between waves. */
.soon-wave-letter{display:inline-block;white-space:pre;transform-origin:50% 75%;animation:soon-wave 5.8s ease-in-out infinite;animation-delay:var(--letter-delay)}
@keyframes soon-wave{0%,28%,100%{transform:translateY(0) scale(1)}12%{transform:translateY(-2px) scale(1.065)}}
.opening .soon-wave-letter,.paused .soon-wave-letter,.still-preview .soon-wave-letter{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.soon-wave-letter{animation:none}}

.study-1 .look-word{isolation:isolate}.study-1 .look-highlight{position:absolute;inset:0;display:block;background:var(--logo-red);color:#fff;clip-path:inset(0 100% 0 0);padding:0 .055em;margin:0 -.055em;pointer-events:none}
/* Oversized, continuous service ticker, anchored above the bottom edge. */
.services-ticker{position:fixed;bottom:14px;left:0;width:100%;overflow:hidden;z-index:2;opacity:1;pointer-events:none}
.ticker-track{display:flex;width:max-content;animation:services-scroll 48s linear infinite;will-change:transform}
.ticker-group{display:flex;flex:none;align-items:center;gap:.3em;padding-right:.3em;font-family:Anton,Impact,sans-serif;font-size:clamp(54px,7.5vw,112px);font-weight:400;line-height:1.16;text-transform:uppercase;white-space:nowrap;color:var(--logo-black)}
.ticker-dot{color:var(--logo-red)}
@keyframes services-scroll{to{transform:translateX(-50%)}}
.paused .ticker-track,.still-preview .ticker-track{animation-play-state:paused}
.study-1 .resting{padding-bottom:155px}
@media(max-width:700px){.services-ticker{bottom:16px}.ticker-group{font-size:52px}.study-1 .resting{padding-bottom:115px}}
@media(max-height:600px){.ticker-group{font-size:44px}.services-ticker{bottom:10px}.study-1 .resting{padding-bottom:90px}.study-1 .identity{width:min(230px,60vw)}.study-1 .closing{margin-top:20px}.study-1 .coming-soon{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.services-ticker{transition:none}.ticker-track{animation:none;width:100%}.ticker-group{white-space:normal;flex-wrap:wrap;justify-content:center;gap:.15em .3em;width:100%;padding:0 16px;font-family:Manrope,Arial,sans-serif;font-size:clamp(12px,1.5vw,20px);font-weight:700;line-height:1.5}.ticker-group+.ticker-group{display:none}}

.study-1 .final-message>span{font-weight:700}.study-1 .note-verdict .better{margin-top:0}
.study-1 .closing{margin-top:20px}
.curiosity-stamp{position:relative;width:220px;height:220px;margin:auto;color:#000}
.stamp-ring{display:block;width:100%;height:100%;overflow:visible;animation:stamp-turn 75s linear infinite;transform-origin:center}
.stamp-ring text{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:700;fill:currentColor}
.stamp-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;font-family:Caveat,cursive;font-size:51px;line-height:.96;color:#dc4939;transform:rotate(-8deg);pointer-events:none}
@keyframes stamp-turn{to{transform:rotate(360deg)}}
.opening .stamp-ring,.paused .stamp-ring,.still-preview .stamp-ring{animation-play-state:paused}
@media(max-width:700px){.curiosity-stamp{width:190px;height:190px}.stamp-center{font-size:44px}.study-1 .closing{margin-top:42px}}
@media(max-height:600px){.curiosity-stamp{width:156px;height:156px}.stamp-center{font-size:36px}.study-1 .closing{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.stamp-ring{animation:none}}