@font-face{font-family:Manrope;src:url('/assets/manrope-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--bg:#111211;--panel:#191b19;--ink:#f2f2eb;--muted:#a3a69e;--line:#343731;--accent:#f17054;--pad:clamp(22px,4.4vw,76px);--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark;--layer-header:10;--layer-menu:20}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.6 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05;font-weight:700;letter-spacing:-.055em}img{max-width:100%;height:auto;display:block}svg{display:block}.skip{position:fixed;top:10px;left:20px;z-index:30;background:var(--ink);color:var(--bg);padding:12px;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}.brand-stop{color:var(--accent)}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.section{max-width:1600px;margin:auto;padding:110px var(--pad)}.site-header{height:96px;max-width:1600px;margin:auto;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:var(--layer-header)}.wordmark{display:inline-flex;align-items:baseline;font-size:42px;line-height:1;letter-spacing:-.075em;font-weight:800}.wordmark-studio{font-size:12px;letter-spacing:-.02em;margin-left:11px;font-weight:400}.desktop-nav{display:flex;align-items:center;gap:40px;margin-left:90px}.desktop-nav a{font-size:13px;position:relative}.desktop-nav sup{font-size:9px;color:var(--muted);margin-left:3px}.desktop-nav a:after,.text-link:after{content:'';position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.desktop-nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}.header-cta{font-size:13px;border:1px solid #585b54;border-radius:40px;padding:11px 19px;display:flex;gap:27px;align-items:center;transition:background .25s,color .25s}.header-cta:hover{background:var(--ink);color:var(--bg)}.header-cta span{font-size:20px}.menu-toggle{display:none}.hero{max-width:1600px;min-height:690px;position:relative;margin:auto;isolation:isolate;overflow:hidden}.hero-art{position:absolute;z-index:-1;width:78%;right:-13%;top:0;height:100%}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,black 22%);opacity:.88}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 16%)}.hero-content{padding:62px var(--pad) 64px;position:relative}.hero .eyebrow{color:#b6b9b0;margin-bottom:38px}.hero h1{font-size:clamp(94px,11.5vw,172px);line-height:1.01;letter-spacing:-.065em;max-width:950px}.hero-line{display:block;animation:heroType 1.3s var(--ease) both}.hero-line:nth-child(2){animation-delay:.13s}.hero-intro{margin-top:42px;display:flex;align-items:center;gap:55px}.hero-intro p{font-size:15px;line-height:1.75;color:#c1c3bb;max-width:340px}.round-link{display:flex;gap:14px;align-items:center;font-size:12px}.round-icon{display:grid;place-items:center;font-size:27px;border:1px solid #676a60;width:54px;height:54px;border-radius:50%;transition:background .35s,color .35s,transform .45s var(--ease)}.round-link:hover .round-icon{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:rotate(45deg)}.hero-enter{animation:heroEnter 1.2s .3s var(--ease) both}.work{padding-top:78px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-title h2{font-size:clamp(38px,4.7vw,68px)}.section-count{font-size:11px;color:var(--muted);padding-bottom:5px;white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:38px;row-gap:68px}.project-wide{grid-column:span 7}.project-offset{grid-column:span 5;margin-top:125px}.project-small{grid-column:span 5}.project-last{grid-column:span 7;margin-top:125px}.project-art{display:flex;align-items:center;justify-content:center;width:100%;position:relative;overflow:hidden;aspect-ratio:1.38;isolation:isolate;border-radius:3px;padding:0}.naples-art{background:#34434a}.northside-art{background:#414a41;aspect-ratio:1.07}.beauty-art{background:#554744}.browser-frame{position:relative;width:85%;border:1px solid #ffffff29;border-radius:6px;overflow:hidden;box-shadow:0 30px 50px #0006;transition:transform 1.1s var(--ease);transform:perspective(1200px) rotateY(-6deg) rotateX(5deg)}.beauty-art .browser-frame{transform:perspective(1200px) rotateY(5deg) rotateX(3deg)}.northside-art .browser-frame{width:89%;transform:perspective(1200px) rotateY(-5deg) rotateZ(-3deg)}.browser-frame img{width:100%;height:auto}.browser-bar{height:26px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#afb3ac;background:#1a201d}.browser-frame video{position:absolute;top:26px;left:0;width:100%;height:calc(100% - 26px);object-fit:cover;opacity:0;transition:opacity .4s}.project-art:hover .browser-frame,.project-art:focus-visible .browser-frame{transform:perspective(1200px) rotateY(0deg) rotateX(0deg) scale(1.025)}.project-art.playing video{opacity:1}.project-caption{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-top:23px}.project-caption h3{font-size:19px;letter-spacing:-.035em;line-height:1.4}.project-caption h3 span{font-weight:400;color:var(--muted);display:inline-block;transition:transform .3s;margin-left:6px}.project-caption h3 a:hover span,.project-caption h3 button:hover span{transform:translate(3px,-3px);color:var(--accent)}.project-caption h3 button{padding:0;font:inherit;letter-spacing:inherit}.project-caption p{font-size:12px;color:var(--muted);margin-top:5px}.project-type{font-size:10px;color:var(--muted);white-space:nowrap;line-height:2.4}.project-offset .project-caption,.project-small .project-caption{display:block}.project-offset .project-type,.project-small .project-type{display:block;margin-top:12px}.crockett-art{background:#2a3028;aspect-ratio:.88;perspective:1200px}.crockett-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#6b765337,transparent 70%)}.phone{border:4px solid #727568;border-radius:29px;overflow:hidden;position:absolute;background:#171e16;box-shadow:14px 24px 45px #090c0ab3;transition:transform 1s var(--ease);width:43%}.phone img{width:100%;height:auto}.phone-front{left:44%;top:17%;transform:rotate(9deg)}.phone-back{left:10%;top:8%;transform:rotate(-10deg)}.crockett-art:hover .phone-front{transform:rotate(5deg) translateY(-9px)}.crockett-art:hover .phone-back{transform:rotate(-6deg) translateY(6px)}.manifesto{padding-top:116px;padding-bottom:115px;border-top:1px solid var(--line)}.manifesto .eyebrow{color:var(--accent);margin-bottom:34px}.manifesto h2{font-size:clamp(45px,6.1vw,90px);line-height:1.12}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:45px}.large-asterisk{color:var(--accent);font-size:92px;line-height:1}.manifesto-bottom p{color:#b5b8af;max-width:510px;font-size:19px;line-height:1.6}.expertise{background:var(--panel);max-width:none;padding-bottom:125px}.expertise>.section-title,.expertise-layout{max-width:1448px;margin-left:auto;margin-right:auto}.expertise .section-title{margin-bottom:75px}.expertise-layout{display:grid;grid-template-columns:5fr 6fr;gap:9%;align-items:start}.expertise-visual{position:relative;overflow:hidden;border-radius:3px}.expertise-visual img{width:100%;aspect-ratio:1.05;object-fit:cover;object-position:80% center}.visual-caption{font-size:11px;color:var(--muted);display:block;margin-top:17px}.expertise-list details{border-top:1px solid #45483f;padding:24px 0}.expertise-list details:last-child{border-bottom:1px solid #45483f}.expertise-list summary{display:flex;gap:28px;align-items:center;cursor:pointer;list-style:none;min-height:48px}.expertise-list summary::-webkit-details-marker{display:none}.service-no{color:var(--muted);font-size:11px}.expertise-list h3{font-size:clamp(25px,2.6vw,39px);letter-spacing:-.04em}.expand{font-size:29px;font-weight:400;margin-left:auto;color:var(--muted);transition:transform .3s}.expertise-list details[open] .expand{transform:rotate(45deg);color:var(--accent)}.service-content{padding:24px 20px 8px 43px}.service-content>p:first-child{color:#babdb4;font-size:15px;max-width:450px}.service-tags{font-size:11px;color:var(--muted);margin:21px 0}.service-content a{display:inline-flex;gap:20px;align-items:center;font-size:12px;border-bottom:1px solid #707565;padding-bottom:7px}.service-content a:hover{color:var(--accent)}.process{padding-top:120px;padding-bottom:125px}.process h2{font-size:clamp(40px,5.3vw,76px);line-height:1.12}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:75px}.process-grid article{border-top:1px solid var(--line);padding-top:25px}.process-index{font-size:23px;color:var(--accent)}.process-grid h3{font-size:23px;margin:30px 0 16px;letter-spacing:-.035em}.process-grid p{color:var(--muted);font-size:14px;max-width:330px;line-height:1.75}.studio{border-top:1px solid var(--line);display:grid;grid-template-columns:5fr 6fr;gap:9%;align-items:center;padding-top:110px;padding-bottom:120px}.studio-image{overflow:hidden;max-height:590px}.studio-image img{width:100%;height:100%;aspect-ratio:.85;object-fit:cover;object-position:center 25%;filter:grayscale(1)}.studio-copy .eyebrow{color:var(--muted);margin-bottom:30px}.studio h2{font-size:clamp(39px,4.7vw,68px);line-height:1.12;margin-bottom:30px}.studio-body{font-size:15px;color:#b5b8ae;max-width:495px;margin-bottom:18px}.founder-name{display:flex;flex-direction:column;font-size:14px;margin:30px 0}.founder-name span:last-child{font-size:11px;color:var(--muted);margin-top:3px}.text-link{position:relative;display:inline-flex;align-items:center;gap:20px;font-size:13px;padding-bottom:6px}.text-link span{font-size:21px}.contact-section{border-top:1px solid var(--line);padding-top:92px;padding-bottom:64px}.contact-section>.eyebrow{color:var(--muted);margin-bottom:38px}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-heading h2{font-size:clamp(62px,8vw,122px);line-height:1.05;letter-spacing:-.065em}.contact-heading h2 span{color:var(--accent)}.contact-arrow{font-size:clamp(70px,12vw,180px);line-height:1;color:var(--accent);transition:transform .6s var(--ease)}.contact-heading:hover .contact-arrow{transform:translate(12px,-12px)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:70px}.contact-bottom p{font-size:14px;color:var(--muted)}.site-footer{max-width:1600px;margin:auto;padding:34px var(--pad);border-top:1px solid var(--line);display:flex;align-items:center;gap:40px}.site-footer .wordmark{font-size:32px}.site-footer .wordmark-studio{font-size:10px}.site-footer p{font-size:10px;color:var(--muted)}.site-footer nav{display:flex;gap:24px;margin-left:auto;font-size:10px;color:#b5b8ae}.site-footer a:hover{color:var(--accent)}.copyright{font-size:9px;color:var(--muted);white-space:nowrap}.mobile-menu,.project-dialog{color:var(--ink);background:var(--bg);border:1px solid var(--line)}dialog::backdrop{background:#080a08cc;backdrop-filter:blur(8px)}.project-dialog{max-width:1160px;width:calc(100% - 48px);max-height:92dvh;padding:0;border-radius:5px}.dialog-close{position:sticky;top:20px;float:right;margin:20px 28px 0 0;display:flex;align-items:center;gap:18px;font-size:13px;background:var(--panel);border:1px solid var(--line);border-radius:30px;padding:7px 15px;z-index:1}.dialog-close span{font-size:24px}.dialog-inner{padding:66px 6% 45px}.dialog-inner>.eyebrow{color:var(--muted);margin-bottom:25px}.dialog-inner h2{font-size:70px}.dialog-intro{max-width:550px;color:#b5b8ae;font-size:16px;margin-top:25px}.dialog-phones{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:55px 5%;margin-top:40px;background:#282f27;overflow:hidden}.dialog-phones img{width:100%;height:auto;border:4px solid #747966;border-radius:27px;box-shadow:0 20px 30px #0004}.dialog-phones img:nth-child(2){transform:translateY(18px)}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.dialog-bottom p{font-size:12px;color:var(--muted)}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}.js-motion .reveal.in-view{opacity:1;transform:translateY(0)}
@keyframes heroType{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes heroEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-art{right:-6%;width:80%}.hero{min-height:810px}.hero-content{padding-top:85px}}
@media(max-width:1100px){.desktop-nav{margin-left:0;gap:28px}.hero{min-height:650px}.hero-content{padding-top:75px}.hero h1{font-size:12.2vw}.hero-intro{gap:30px}.work-grid{gap:55px 26px}.project-caption{display:block}.project-type{display:block;margin-top:12px}.section-count{font-size:9px}.site-footer{flex-wrap:wrap;gap:22px}.site-footer nav{margin-left:auto}.site-footer .copyright{width:100%}.process-grid{gap:32px}.studio{gap:7%}.studio-body{font-size:14px}}
@media(max-width:767px){:root{--pad:22px}.site-header{height:82px}.wordmark{font-size:36px}.wordmark-studio{font-size:11px}.desktop-nav{display:none}.header-cta{margin-left:auto;margin-right:22px;border:0;padding:8px 0;font-size:12px;gap:12px}.menu-toggle{width:24px;height:44px;padding:9px 0;display:flex;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{height:1px;width:23px;background:var(--ink)}.hero{min-height:680px}.hero-content{padding-top:37px;padding-bottom:38px}.hero .eyebrow{font-size:9px;letter-spacing:.09em;max-width:280px;margin-bottom:35px}.hero h1{font-size:clamp(68px,18vw,116px);line-height:1;letter-spacing:-.07em}.hero-art{width:130%;height:470px;right:-22%;top:185px;opacity:.8}.hero-art img{object-fit:cover;mask-image:linear-gradient(180deg,transparent,black 10%,black 75%,transparent)}.hero-art:after{background:linear-gradient(90deg,var(--bg),transparent 40%)}.hero-intro{margin-top:285px;justify-content:space-between;align-items:end;gap:16px}.hero-intro p{font-size:12px;line-height:1.75;color:#d0d3c9}.round-link{font-size:10px;display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center;flex-shrink:0}.round-icon{width:44px;height:44px;font-size:24px}.section{padding-top:70px;padding-bottom:70px}.work{padding-top:26px}.section-title{display:block;margin-bottom:32px}.section-title h2{font-size:37px}.section-count{display:block;margin-top:15px;font-size:10px}.work-grid{display:block}.project{margin:0 0 43px}.project:last-child{margin-bottom:0}.project-art{aspect-ratio:1.2}.crockett-art{aspect-ratio:1.1}.northside-art{aspect-ratio:1.2}.phone{width:35%;border-width:3px;border-radius:22px}.phone-back{left:18%;top:6%}.phone-front{left:48%;top:14%}.project-caption{margin-top:18px}.project-caption h3{font-size:18px}.project-caption p{font-size:12px}.project-type,.project-small .project-type,.project-offset .project-type{font-size:10px;margin-top:7px}.browser-frame{width:85%}.browser-bar{height:20px;font-size:6px}.browser-frame video{top:20px;height:calc(100% - 20px)}.manifesto .eyebrow{font-size:9px;margin-bottom:23px}.manifesto h2{font-size:clamp(34px,8.4vw,62px);line-height:1.16}.manifesto-bottom{grid-template-columns:1fr;gap:24px;margin-top:30px}.large-asterisk{font-size:64px}.manifesto-bottom p{font-size:17px;line-height:1.6;max-width:460px}.expertise .section-title{margin-bottom:35px}.expertise-layout{display:flex;flex-direction:column;gap:35px}.expertise-visual{width:100%}.expertise-visual img{aspect-ratio:1.5}.expertise-list{width:100%}.expertise-list h3{font-size:29px}.expertise-list details{padding:20px 0}.expertise-list summary{gap:23px;min-height:43px}.service-content{padding:15px 0 8px 36px}.service-content>p:first-child{font-size:14px}.service-tags{font-size:10px}.process h2{font-size:38px;line-height:1.17}.process-grid{grid-template-columns:1fr;gap:30px;margin-top:38px}.process-grid article{display:grid;grid-template-columns:25px 1fr;column-gap:17px;padding-top:23px}.process-grid h3{font-size:23px;margin:4px 0 14px}.process-grid p{grid-column:2;max-width:500px;font-size:14px}.studio{display:flex;flex-direction:column;gap:38px}.studio-image{width:100%;max-height:430px}.studio-image img{aspect-ratio:1;object-position:center 22%}.studio-copy{width:100%}.studio-copy .eyebrow{font-size:9px;margin-bottom:22px}.studio h2{font-size:43px;line-height:1.1}.studio-body{font-size:15px}.contact-section>.eyebrow{font-size:9px;margin-bottom:30px}.contact-heading{gap:8px;align-items:start}.contact-heading h2{font-size:clamp(44px,10.6vw,78px);line-height:1.08}.contact-arrow{font-size:51px;margin-top:2px}.contact-heading:hover .contact-arrow{transform:translate(3px,-3px)}.contact-bottom{display:flex;flex-direction:column;align-items:start;gap:20px;margin-top:35px}.contact-bottom p{font-size:13px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:24px 12px;padding-top:30px;padding-bottom:30px}.site-footer .wordmark{font-size:33px}.site-footer p{font-size:9px;text-align:right;max-width:150px;justify-self:end}.site-footer nav{grid-column:span 2;display:flex;justify-content:space-between;margin:0;gap:15px;font-size:10px}.copyright{grid-column:span 2;font-size:9px}.mobile-menu{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0 var(--pad);border:0}.menu-top{display:flex;align-items:center;justify-content:space-between;height:82px}.menu-close{display:flex;align-items:center;gap:14px;padding:8px 0;font-size:12px}.menu-close span{font-size:29px}.mobile-menu nav{display:flex;flex-direction:column;gap:24px;padding-top:60px}.mobile-menu nav a{font-size:clamp(38px,11vw,75px);font-weight:700;letter-spacing:-.055em;line-height:1.2}.mobile-menu nav a:last-child{color:var(--accent);margin-top:20px}.mobile-menu nav sup{font-size:14px;vertical-align:top;line-height:2.5;color:var(--muted)}.menu-email{display:block;font-size:13px;color:var(--muted);margin-top:65px}.project-dialog{width:calc(100% - 24px);max-height:95dvh}.dialog-inner{padding:75px 20px 30px}.dialog-inner>.eyebrow{font-size:9px;margin-bottom:20px}.dialog-inner h2{font-size:48px}.dialog-intro{font-size:14px}.dialog-close{top:14px;margin:14px 14px 0 0;font-size:11px}.dialog-phones{gap:12px;padding:30px 14px;grid-template-columns:1fr 1fr;margin-top:28px}.dialog-phones img{border-width:2px;border-radius:15px}.dialog-phones img:last-child{display:none}.dialog-phones img:nth-child(2){transform:translateY(0)}.dialog-bottom{display:block}.dialog-bottom .text-link{margin-top:20px;font-size:12px}}
@media(max-width:370px){:root{--pad:18px}.hero h1{font-size:15.4vw}.hero .eyebrow{font-size:8px}.hero-intro p{font-size:11px}.section-title h2{font-size:32px}.header-cta{margin-right:16px}.wordmark-studio{margin-left:7px}.contact-heading h2{font-size:10.2vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.project-art:hover .browser-frame,.phone,.contact-heading:hover .contact-arrow{transform:none}.project-art video{display:none}}