@font-face{font-family:BERNIER;src:url(/sophe/fonts/BERNIERRegular-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BERNIER Shade;src:url(/sophe/fonts/BERNIERShade-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--paper: #f1e7d3;--paper-soft: #e7dcc0;--ink: #171a1e;--blue: #0b34c8;--blue-deep: #08249b;--red: #ee2d16;--lime: #bbe231;--cyan: #38b7da;--font-display: "BERNIER", "Arial Narrow", sans-serif;--font-title: "Raleway", "Helvetica Neue", sans-serif;--font-body: "Raleway", "Helvetica Neue", sans-serif;--font-mono: "Raleway", "Helvetica Neue", sans-serif;--rule: 4px solid var(--ink);--pad-x: 5vw}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:120px}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:inherit}::selection{background:var(--blue);color:var(--paper)}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.site{position:relative}.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}.kicker{font-family:var(--font-mono);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.2em}.kicker:before{content:"";display:inline-block;width:10px;height:10px;background:var(--red);margin-right:.65rem}.kicker-paper{color:var(--paper)}.section-head h2{font-family:var(--font-title);font-weight:700;font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.02;letter-spacing:-.02em;margin-top:.6rem}.section-head .on-blue{color:var(--paper)}.section-note{font-family:var(--font-mono);font-size:.8rem;margin-top:1rem;opacity:.75}mark{display:inline-block;padding:0 .18em;transform:rotate(-.6deg)}.mk-lime{background:var(--lime);color:var(--ink)}.mk-blue{background:var(--blue);color:var(--paper)}.tape{display:inline-block;font-family:var(--font-mono);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink);background:linear-gradient(100deg,#ffffff40,#fff0 30%,#171a1e14),var(--lime);padding:.55rem 1.5rem;clip-path:polygon(1.5% 0%,98% 5%,100% 30%,99% 90%,96.5% 100%,2.5% 96%,0% 70%,1% 14%);filter:drop-shadow(0 3px 2px rgba(23,26,30,.22));transform:rotate(-2.5deg)}.btn{display:inline-block;font-family:var(--font-mono);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;padding:.95rem 1.7rem;border:3px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:6px 6px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}.btn-primary{background:var(--blue);color:var(--paper)}.btn-primary:hover{background:var(--blue-deep)}.btn-ghost{background:transparent;box-shadow:none;border-color:transparent;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}.btn-ghost:hover{transform:none;color:var(--blue);box-shadow:none}.btn-lime{background:var(--lime);border-color:var(--lime);box-shadow:6px 6px 0 var(--blue)}.btn-lime:hover{box-shadow:4px 4px 0 var(--blue)}.btn-lime:active{box-shadow:0 0 0 var(--blue)}.btn-ghost-paper{background:transparent;color:var(--paper);border-color:var(--paper);box-shadow:none;text-transform:none;letter-spacing:.02em}.btn-ghost-paper:hover{background:var(--paper);color:var(--ink);transform:none}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:2rem;padding:.85rem var(--pad-x);background:var(--ink);color:var(--paper);transition:box-shadow .25s ease}.site-header.is-scrolled{box-shadow:0 4px 0 var(--blue)}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none}.brand-mark{height:64px;width:auto;flex:none}.brand-wordmark{height:52px;width:auto;flex:none}.footer-brand .brand-wordmark{height:36px}.desktop-nav{display:flex;gap:1.7rem;margin-left:auto}.desktop-nav a{font-family:var(--font-mono);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.desktop-nav a:hover{color:var(--lime);border-color:var(--lime)}.header-cta{font-family:var(--font-mono);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;background:var(--lime);color:var(--ink);padding:.55rem 1.15rem;box-shadow:4px 4px 0 var(--blue);transition:transform .18s ease,box-shadow .18s ease}.header-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--blue)}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 8px;background:transparent;border:2px solid var(--paper);cursor:pointer}.menu-toggle span{display:block;height:3px;background:var(--paper)}.mobile-nav{position:sticky;top:90px;z-index:49;display:flex;flex-direction:column;background:var(--ink);border-bottom:var(--rule)}.mobile-nav a{font-family:var(--font-title);font-weight:700;font-size:1.4rem;color:var(--paper);text-decoration:none;padding:.9rem var(--pad-x);border-top:1px solid rgba(241,231,211,.2)}.mobile-nav a:hover{color:var(--lime)}.hero{position:relative;min-height:calc(100svh - 70px);display:flex;flex-direction:column;justify-content:center;padding:4.5rem var(--pad-x) 3.5rem;border-bottom:var(--rule);overflow:hidden}.hero-quarter{position:absolute;top:0;right:0;width:clamp(160px,26vw,380px);aspect-ratio:1;background:var(--blue);border-radius:0 0 0 100%;z-index:0}.hero-halftone{position:absolute;right:4vw;bottom:8%;width:clamp(200px,30vw,460px);aspect-ratio:1.4;z-index:0;background-image:radial-gradient(circle,var(--ink) 1.4px,transparent 1.6px);background-size:11px 11px;opacity:.5;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%)}.hero-shapes{position:absolute;inset:0;z-index:1;pointer-events:none}.shape{position:absolute;animation:shape-fade .9s ease .9s both}.shape-ring{top:4%;right:4%;width:clamp(80px,10vw,165px);aspect-ratio:1;border:clamp(14px,2vw,28px) solid var(--paper);border-radius:50%}.shape-dot{top:42%;right:7%;width:clamp(48px,6vw,96px);aspect-ratio:1;border-radius:50%;background:var(--red)}.shape-bar{bottom:37%;right:3%;width:clamp(110px,13vw,210px);height:clamp(26px,3.2vw,48px);background:var(--lime);transform:rotate(-24deg);border:3px solid var(--ink)}.shape-ring,.shape-dot{animation:shape-fade .9s ease .9s both,float 7s ease-in-out 1.8s infinite alternate}.shape-dot{animation-duration:.9s,5.5s}@keyframes shape-fade{0%{opacity:0;transform:translateY(30px) rotate(0)}}@keyframes float{to{translate:0 -16px}}.tape-hero{position:relative;z-index:2;align-self:flex-start;animation:rise-soft .7s ease .1s both}.hero-word{position:relative;z-index:2;font-family:var(--font-display);font-weight:400;font-size:clamp(4.6rem,20.5vw,21rem);line-height:.9;letter-spacing:.005em;margin-top:.5rem;-webkit-user-select:none;user-select:none}.hero-letters{display:inline-flex}.hero-letters>span{display:inline-block;animation:letter-rise .85s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.18s + var(--i) * .07s)}.letter-e{position:relative}.letter-dot{position:absolute;top:-.06em;right:-.1em;width:.16em;height:.16em;border-radius:50%;background:var(--red);animation:dot-drop .55s cubic-bezier(.34,1.56,.64,1) .85s both}@keyframes letter-rise{0%{opacity:0;transform:translateY(55%)}}@keyframes dot-drop{0%{opacity:0;transform:translateY(-1.2em) scale(.4)}}@keyframes rise-soft{0%{opacity:0;transform:translateY(22px) rotate(-2.5deg)}to{transform:translateY(0) rotate(-2.5deg)}}.hero-foot{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem;margin-top:clamp(2rem,5vh,4rem);animation:rise-plain .8s cubic-bezier(.22,1,.36,1) .6s both}@keyframes rise-plain{0%{opacity:0;transform:translateY(26px)}}.hero-copy{max-width:42ch;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:500}.hero-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.marquee{overflow:hidden;background:var(--red);border-bottom:var(--rule)}.marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite}.marquee-group{display:inline-flex;align-items:center}.marquee-item{display:inline-flex;align-items:center;gap:1.6rem;padding:.9rem .8rem .7rem;font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.8rem);color:var(--paper);white-space:nowrap}.marquee-glyph{width:.42em;aspect-ratio:1;border-radius:50%;background:var(--ink);flex:none}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:clamp(4rem,9vw,7rem) var(--pad-x)}.manifesto{background:var(--ink);color:var(--paper)}.manifesto-text{margin-top:2rem;max-width:30ch;font-size:clamp(1.7rem,3.9vw,3.2rem);font-weight:500;line-height:1.22;letter-spacing:-.01em}.tape-manifesto{margin-top:2.5rem;transform:rotate(2deg)}.services{border-bottom:var(--rule)}.service-list{list-style:none;margin-top:3rem}.service-row{--row-c: var(--blue);display:grid;grid-template-columns:72px 1.1fr 1fr;align-items:center;gap:2rem;padding:1.5rem .8rem;border-top:3px solid var(--ink);transition:background .25s ease,color .25s ease}.service-row:last-child{border-bottom:3px solid var(--ink)}.row-blue{--row-c: var(--blue)}.row-red{--row-c: var(--red)}.row-lime{--row-c: var(--lime)}.row-cyan{--row-c: var(--cyan)}.row-ink{--row-c: var(--ink)}.service-glyph{color:var(--row-c);width:48px}.service-glyph svg{fill:currentColor;stroke:none}.service-glyph svg [stroke]{fill:none;stroke:currentColor}.service-title{font-family:var(--font-title);font-weight:700;font-size:clamp(1.4rem,2.9vw,2.2rem);letter-spacing:-.01em;line-height:1.05;transition:transform .25s ease}.service-text{font-size:.98rem;max-width:44ch}.service-row:hover{background:var(--row-c)}.service-row:hover .service-title{transform:translate(.6rem)}.row-blue:hover,.row-red:hover,.row-ink:hover,.row-blue:hover .service-glyph,.row-red:hover .service-glyph,.row-ink:hover .service-glyph{color:var(--paper)}.row-lime:hover .service-glyph,.row-cyan:hover .service-glyph{color:var(--ink)}.system{background:var(--blue);color:var(--paper);border-bottom:var(--rule)}.equation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(.8rem,2.5vw,2rem);margin:clamp(3rem,6vw,5rem) auto 0}.eq-item{width:clamp(64px,11vw,120px);aspect-ratio:1;display:grid;place-items:center}.eq-circle{width:88%;aspect-ratio:1;border-radius:50%;background:var(--paper)}.eq-bar{width:100%;height:26%;background:var(--lime);transform:rotate(-24deg)}.eq-op{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.4rem);line-height:1}.equation .eq-item,.equation .eq-op{opacity:0;transform:scale(.2) rotate(-10deg);transition:transform .55s cubic-bezier(.34,1.56,.64,1) var(--d, 0s),opacity .3s ease var(--d, 0s)}.equation.is-in .eq-item,.equation.is-in .eq-op{opacity:1;transform:none}.system-copy{margin:3rem auto 0;max-width:52ch;text-align:center;font-size:clamp(1rem,1.5vw,1.15rem);color:#f1e7d3eb}.works-sub{margin-top:1.4rem;max-width:38ch;font-size:clamp(1rem,1.4vw,1.15rem);font-weight:500}.works-count{margin-top:2.2rem;font-family:var(--font-mono);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.25em;opacity:.65}.work-list{list-style:none;margin-top:2.8rem}.work-row{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(1.8rem,4vw,4.5rem);align-items:start;padding:clamp(2.2rem,4.5vw,3.5rem) 0;border-top:3px solid var(--ink)}.work-media{position:relative;aspect-ratio:3 / 1;border:3px solid var(--ink);overflow:hidden;box-shadow:10px 12px #171a1e2e;transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .3s ease;will-change:transform}.work-media img{width:100%;height:100%;object-fit:cover}.wm-blue{background:var(--blue);color:var(--paper)}.wm-ink{background:var(--ink);color:var(--paper)}.wm-lime{background:var(--lime);color:var(--ink)}.wm-red{background:var(--red);color:var(--paper)}.wm-paper{background:var(--paper-soft);color:var(--blue)}.wm-cyan{background:var(--cyan);color:var(--ink)}.wm-arc{position:absolute;right:-7%;bottom:-16%;width:46%;transform:rotate(14deg);opacity:.9}.wm-dot{position:absolute;top:12%;right:16%;width:13%;aspect-ratio:1;border-radius:50%;background:currentColor;opacity:.9}.wm-bar{position:absolute;left:7%;bottom:14%;width:26%;height:8%;background:currentColor;transform:rotate(-18deg);opacity:.85}.wm-name{position:absolute;left:6%;top:8%;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3.4rem);line-height:1}.work-meta{padding-top:.4rem}.work-number{font-family:var(--font-mono);font-weight:700;font-size:.8rem;letter-spacing:.25em}.work-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.3rem,4.8vw,3.8rem);line-height:.95;margin-top:.6rem}.work-rule{display:block;width:44px;height:3px;background:var(--ink);opacity:.5;margin-top:1.5rem}.work-tags{margin-top:1.4rem;font-family:var(--font-mono);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em}.work-link{display:inline-block;margin-top:1.7rem;font-family:var(--font-mono);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;transition:color .2s ease}.work-link:hover{color:var(--red)}.process{border-top:var(--rule)}.step-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border:3px solid var(--ink)}.step{--step-c: var(--blue);padding:1.8rem 1.5rem 2.2rem;border-left:3px solid var(--ink)}.step:first-child{border-left:none}.step-blue{--step-c: var(--blue)}.step-red{--step-c: var(--red)}.step-lime{--step-c: var(--lime)}.step-ink{--step-c: var(--ink)}.step:before{content:"";display:block;height:12px;background:var(--step-c);margin-bottom:1.6rem}.step-number{font-family:var(--font-display);font-size:clamp(2.8rem,5vw,4.6rem);line-height:1;color:var(--step-c)}.step-lime .step-number{-webkit-text-stroke:1.5px var(--ink)}.step h3{font-family:var(--font-title);font-weight:700;font-size:1.35rem;margin-top:.8rem}.step p{margin-top:.6rem;font-size:.95rem}.cta{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);text-align:center;padding:clamp(5rem,11vw,9rem) var(--pad-x);border-top:var(--rule)}.cta-dot{position:absolute;top:-18%;right:-12%;width:clamp(240px,38vw,560px);aspect-ratio:1;border-radius:50%;background:var(--red);background-image:radial-gradient(circle,rgba(23,26,30,.35) 1.4px,transparent 1.7px);background-size:10px 10px}.tape-cta{transform:rotate(2deg)}.cta-title{position:relative;font-family:var(--font-title);font-weight:700;font-size:clamp(2.5rem,7.5vw,6rem);letter-spacing:-.02em;line-height:1;margin-top:1.6rem}.cta-copy{margin:1.6rem auto 0;max-width:46ch;color:#f1e7d3d9}.cta-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.4rem;margin-top:2.6rem}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;background:var(--ink);color:var(--paper);padding:1.8rem var(--pad-x) 6rem;border-top:3px solid var(--blue)}.footer-brand{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.footer-brand .brand-mark{height:44px;width:auto}.footer-nav{display:flex;gap:1.5rem}.footer-nav a{font-family:var(--font-mono);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none}.footer-nav a:hover{color:var(--lime)}.footer-note{font-family:var(--font-mono);font-size:.72rem;opacity:.65}.footer-social{list-style:none;display:inline-flex;align-items:center;gap:.9rem}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid rgba(241,231,211,.35);border-radius:50%;color:var(--paper);transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.footer-social a:hover{color:var(--ink);background:var(--lime);border-color:var(--lime);transform:translateY(-2px)}.footer-social svg{width:20px;height:20px}.wa-float{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:80;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#25d366;color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.wa-float:hover{background:#1eb757;transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.wa-float:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--ink)}.wa-float svg{width:34px;height:34px}@media(prefers-reduced-motion:reduce){.wa-float,.wa-float:hover,.footer-social a:hover{transform:none}}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease var(--d, 0s),transform .7s cubic-bezier(.22,1,.36,1) var(--d, 0s)}[data-reveal].is-in{opacity:1;transform:translateY(0)}.tape[data-reveal]{transform:translateY(28px) rotate(-2.5deg)}.tape-manifesto[data-reveal],.tape-cta[data-reveal]{transform:translateY(28px) rotate(2deg)}.tape[data-reveal].is-in{transform:translateY(0) rotate(-2.5deg)}.tape-manifesto[data-reveal].is-in,.tape-cta[data-reveal].is-in{transform:translateY(0) rotate(2deg)}@media(max-width:960px){.work-row{grid-template-columns:1fr;gap:1.5rem}.work-meta{padding-top:0}.service-row{grid-template-columns:56px 1fr;row-gap:.4rem}.service-text{grid-column:2}.step-grid{grid-template-columns:1fr 1fr}.step:nth-child(3){border-left:none}.step:nth-child(n+3){border-top:3px solid var(--ink)}}@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:flex;margin-left:auto}.header-cta{margin-left:auto}.menu-toggle{margin-left:0}}@media(max-width:720px){.hero{min-height:auto;padding-top:3.5rem}.hero-foot{flex-direction:column;align-items:flex-start}.hero-quarter{opacity:.9}.shape-ring{right:6%}.shape-dot{display:none}.step-grid{grid-template-columns:1fr}.step{border-left:none}.step:nth-child(n+2){border-top:3px solid var(--ink)}.marquee-item{gap:1rem}}@media(max-width:520px){.header-cta{display:none}.menu-toggle{margin-left:auto}.service-title{font-size:1.6rem}.hero-word{font-size:24vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.marquee-track{animation:none;width:auto;flex-wrap:wrap}.marquee-group:nth-child(2){display:none}[data-reveal]{opacity:1;transform:none}}