:root{--ink:#242424;--paper:#f5f4f0;--yellow:#f7c927;--line:#d9d7d0;--muted:#6b6b66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.wrap{max-width:1280px;margin:auto;padding-left:32px;padding-right:32px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-size:14px;font-weight:800;letter-spacing:-.5px;text-decoration:none;display:flex;align-items:center;gap:7px}.brand span{font-size:22px;letter-spacing:-2px}.brand i{width:7px;height:7px;border-radius:50%;background:var(--yellow);display:inline-block}.nav nav{display:flex;gap:32px;margin-left:100px}.nav nav a,.footer a{font-size:12px;font-weight:700;color:var(--ink);text-decoration:none}.button{background:var(--ink);color:white;padding:16px 20px;border-radius:3px;text-decoration:none;font-size:12px;font-weight:800;display:inline-flex;gap:24px;align-items:center;transition:.25s}.button:hover{background:var(--yellow);color:var(--ink);transform:translateY(-2px)}.button span{font-size:18px;line-height:10px}.button-small{padding:12px 16px;gap:14px}.hero{min-height:665px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;padding-bottom:70px}.hero-copy{position:relative;z-index:2}.eyebrow{font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.06em;display:flex;align-items:center;gap:8px;margin:0;color:#50504c}.eyebrow span{width:18px;height:2px;background:var(--yellow);display:block}.hero h1,.intro h2,.process h2,.contact h2{font-size:clamp(50px,6.1vw,84px);letter-spacing:-.075em;line-height:.98;margin:28px 0 28px;font-weight:800}.hero h1 em,.intro h2 em,.process h2 em,.quote em,.contact h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.09em}.lead{max-width:440px;font-size:15px;line-height:1.7;color:var(--muted);margin:0}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:35px}.text-link{color:var(--ink);font-size:12px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link b{margin-left:9px}.hero-art{height:475px;position:relative;overflow:hidden;background:#deddd8}.cc-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);display:flex;font-size:clamp(170px,22vw,300px);font-weight:800;letter-spacing:-.19em;line-height:.7}.cc-mark span:last-child{color:var(--yellow)}.orbit{position:absolute;border:1px solid rgba(36,36,36,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:430px;height:430px}.orbit-two{width:300px;height:300px;border-style:dashed;animation:spin 20s linear infinite}.floating-card{position:absolute;background:var(--paper);padding:13px 15px;display:flex;flex-direction:column;box-shadow:0 14px 25px #00000012}.floating-card small,.art-label{font-family:"DM Mono";font-size:8px;letter-spacing:.08em}.card-result{left:0;top:54px}.card-result strong{font-size:37px;letter-spacing:-3px;line-height:1.15}.card-result span{font-size:9px;color:#488742}.card-play{right:0;bottom:55px;gap:9px}.play{font-size:17px;background:var(--yellow);width:31px;height:31px;display:grid;place-items:center}.art-label{position:absolute;right:18px;top:18px;line-height:1.5}.art-label span{display:block;margin-top:5px}.scroll-note{position:absolute;bottom:20px;left:32px;font-family:"DM Mono";font-size:9px;letter-spacing:.09em}.scroll-note span{padding-left:15px;font-size:14px}.ticker{background:var(--yellow);overflow:hidden;padding:14px 0;white-space:nowrap;transform:rotate(-1.2deg) scale(1.02);font-family:"DM Mono";font-size:12px;font-weight:500;letter-spacing:.06em}.ticker div{animation:ticker 22s linear infinite;display:inline-block}.ticker b{font-size:14px;padding:0 17px}.section{padding-top:145px;padding-bottom:145px}.intro{border-bottom:1px solid var(--line)}.intro-grid,.process-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}.intro h2{font-size:clamp(38px,4.8vw,65px);margin:24px 0 0}.intro-text{font-size:15px;line-height:1.8;color:var(--muted);max-width:370px;margin:0 0 4px}.services{background:var(--ink);color:var(--paper)}.services .eyebrow{color:#b8b7b0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:52px}.section-index{font-family:"DM Mono";font-size:10px;color:#777;margin:0}.service-list{border-top:1px solid #565652}.service{display:grid;grid-template-columns:100px 1fr 50px;gap:16px;align-items:center;padding:27px 0;border-bottom:1px solid #565652;transition:.25s}.service:hover{padding-left:18px;background:#30302e}.number{font-family:"DM Mono";font-size:10px;color:var(--yellow)}.service h3{font-size:28px;letter-spacing:-1.5px;margin:0 0 4px}.service p{font-size:12px;line-height:1.5;color:#afaea9;margin:0}.service a{color:var(--yellow);font-size:25px;text-decoration:none}.work-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.project{padding:17px;min-height:400px;display:flex;flex-direction:column;transition:transform .3s}.project:hover{transform:translateY(-7px)}.project:nth-child(3){grid-column:1/-1;min-height:300px}.project-yellow{background:var(--yellow)}.project-dark{background:var(--ink);color:var(--paper)}.project-light{background:#d8d8d3}.project-top,.project-bottom{display:flex;justify-content:space-between;font-family:"DM Mono";font-size:9px;letter-spacing:.04em}.project-bottom{align-items:center}.project-bottom h3{font-family:Manrope;font-size:14px;letter-spacing:-.6px;margin:0}.project-bottom span{font-size:23px}.project-visual{flex:1;position:relative;display:grid;place-items:center;overflow:hidden}.visual-circles i{position:absolute;border-radius:50%;border:1px solid var(--ink)}.visual-circles i:nth-child(1){width:58%;aspect-ratio:1}.visual-circles i:nth-child(2){width:37%;aspect-ratio:1;background:var(--ink)}.visual-circles i:nth-child(3){width:17%;aspect-ratio:1;background:var(--paper);border:0}.visual-circles b{position:relative;font-size:clamp(38px,5vw,67px);line-height:.82;letter-spacing:-4px}.video-frame{background:#373738;width:180px;height:225px;display:flex;flex-direction:column;justify-content:space-between;padding:15px;color:var(--paper);font-size:26px;font-weight:800;line-height:.82;letter-spacing:-2px;transform:rotate(5deg)}.video-frame em{color:var(--yellow);font-family:Georgia;font-weight:400}.video-frame i{font-style:normal;font-size:17px;background:var(--yellow);color:var(--ink);width:31px;height:31px;display:grid;place-items:center;align-self:flex-end}.visual-type{display:flex;justify-content:space-around;align-items:center}.visual-type b{font-size:clamp(42px,7vw,90px);line-height:.75;letter-spacing:-.1em}.visual-type em{font-family:Georgia;font-weight:400}.visual-type span{font-family:"DM Mono";font-size:10px;align-self:flex-end;margin-bottom:17px}.placeholder-note{font-size:11px;color:var(--muted);margin:16px 0 0}.process{background:#e6e5e0}.process h2{font-size:clamp(40px,4.6vw,63px);margin:0}.steps{border-top:1px solid #aaa9a3}.step{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #aaa9a3}.step>span{font-family:"DM Mono";font-size:10px;color:#777}.step h3{margin:0 0 6px;font-size:16px;letter-spacing:-.6px}.step p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.quote{text-align:center;padding-top:165px;padding-bottom:165px}.quote-mark{font-family:Georgia;color:var(--yellow);font-size:90px;height:50px;line-height:1}.quote blockquote{font-size:clamp(31px,4.3vw,58px);letter-spacing:-.06em;line-height:1.1;font-weight:700;max-width:1000px;margin:22px auto 28px}.quote-by{font-family:"DM Mono";font-size:9px;letter-spacing:.08em}.quote-by span{color:var(--muted)}.testimonials{background:var(--ink);color:var(--paper)}.testimonials .eyebrow{color:#b8b7b0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial{background:#30302e;padding:27px;min-height:265px;display:flex;flex-direction:column;justify-content:space-between}.stars{font-size:11px;color:var(--yellow);letter-spacing:3px}.testimonial>p{font-size:15px;line-height:1.65;letter-spacing:-.3px}.testimonial footer{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-size:9px;font-weight:800;color:var(--ink)}.a1{background:#d2aaa1}.a2{background:#b8c8ad}.a3{background:#a9b8d3}.testimonial b,.testimonial small{display:block}.testimonial b{font-size:10px}.testimonial small{font-size:9px;color:#aaa9a4;margin-top:2px}.faq{padding-bottom:130px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:15px;font-weight:700;letter-spacing:-.4px;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary span{font-family:Georgia;font-size:26px;font-weight:400;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:13px;line-height:1.6;max-width:560px;margin:14px 40px 2px 0}.contact{background:var(--yellow);padding:130px 0}.contact h2{font-size:clamp(46px,6vw,80px);margin:25px 0 35px}.contact-mail{color:var(--ink);font-size:clamp(21px,3vw,38px);font-weight:800;letter-spacing:-.06em;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:4px}.contact-mail span{font-size:.75em;margin-left:12px}.contact-note{font-size:11px;margin:25px 0 0}.footer{min-height:115px;display:flex;align-items:center;justify-content:space-between}.footer p{font-size:9px;color:var(--muted)}.footer div{display:flex;gap:18px}.footer a{font-size:10px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}.nav{height:77px}.nav nav{display:none}.nav .button{font-size:10px;padding:10px 12px;gap:7px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:50px;min-height:auto}.hero h1{font-size:56px}.hero-art{height:350px;margin-top:50px}.scroll-note{display:none}.section{padding-top:85px;padding-bottom:85px}.intro-grid,.process-layout{grid-template-columns:1fr;gap:28px}.section-heading{margin-bottom:35px}.service{grid-template-columns:45px 1fr 20px;padding:22px 0}.service h3{font-size:22px}.work-grid{grid-template-columns:1fr}.project,.project:nth-child(3){min-height:335px;grid-column:auto}.testimonial-grid{grid-template-columns:1fr}.testimonial{min-height:220px}.quote{padding-top:100px;padding-bottom:100px}.footer{padding-top:25px;padding-bottom:25px;min-height:unset;flex-wrap:wrap;gap:18px}.footer p{order:3;width:100%}.contact{padding:85px 0}.orbit-one{width:330px;height:330px}.orbit-two{width:220px;height:220px}}
