:root{--ink:#131413;--paper:#f5f3ee;--gold:#edc68b;--muted:#b8b9b1;--line:#ffffff26;--sans:'Manrope',sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif;--pad:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font:400 15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}a,button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}img,video{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:700;line-height:1.07}ul{padding:0;list-style:none}button,a,summary{touch-action:manipulation}:focus-visible{outline:3px solid #bb8442;outline-offset:6px}::selection{background:var(--gold);color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-80px;background:var(--gold);color:var(--ink);padding:12px 24px;z-index:100}.skip:focus{top:10px}.section{padding:110px var(--pad)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;line-height:1.5}.display{font-family:var(--display);font-weight:800;font-size:clamp(60px,7.8vw,124px);line-height:.94;letter-spacing:-1.6px}.display em{font-style:normal;color:var(--gold)}.outline-type{-webkit-text-stroke:1px currentColor;color:transparent}.wordmark{display:inline-flex;align-items:center;gap:9px;font-size:22px;letter-spacing:-1.5px;font-weight:800;white-space:nowrap;line-height:1}.wordmark span{font-weight:400;padding-left:10px;border-left:1px solid #7e8079;letter-spacing:-1px}.wordmark i{font-size:25px;color:var(--gold);font-style:normal;line-height:1;padding:0 0 5px 2px}.site-header{height:86px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:30px;position:sticky;top:0;z-index:40;background:#131413f2;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}.desktop-nav{display:flex;gap:34px;font-size:12px;font-weight:600;align-items:center}.desktop-nav a{position:relative;padding:8px 0}.desktop-nav a:after{content:'';position:absolute;bottom:0;left:0;right:100%;height:1px;background:var(--gold);transition:right .25s}.desktop-nav a:hover:after,.desktop-nav a.is-current:after{right:0}.desktop-nav sup{font-size:9px;margin-left:4px;color:var(--gold)}.header-actions{display:flex;gap:22px;align-items:center}.motion-toggle{display:flex;gap:7px;align-items:center;color:#c4c5bf;font-size:10px;min-height:40px}.motion-toggle>span:first-child{font-size:16px;line-height:1}.nav-cta{font-size:12px;border:1px solid #656761;padding:10px 16px;display:flex;gap:30px;transition:background .25s,color .25s}.nav-cta:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}.menu-toggle{display:none}.read-progress{height:2px;width:100%;position:absolute;left:0;bottom:-1px;background:var(--gold);transform:scaleX(0);transform-origin:0 50%}.mobile-nav{position:fixed;z-index:39;inset:75px 0 auto;background:var(--ink);padding:25px var(--pad) 40px;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;font-family:var(--display);font-size:42px;font-weight:600;line-height:1.4}.mobile-nav sup{font:12px var(--sans);color:var(--gold)}
/* A cinematic stage made from the actual portfolio. */
.hero{position:relative;min-height:735px;height:calc(100svh - 86px);max-height:1100px;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:85px var(--pad) 140px}.hero-aura{position:absolute;inset:-40%;z-index:-2;background:radial-gradient(ellipse at 77% 53%,#c09c5445,transparent 33%),radial-gradient(ellipse at 63% 90%,#948e5325,transparent 28%);animation:aura 14s ease-in-out infinite alternate;pointer-events:none}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#131413 0%,#131413d9 24%,#13141350 54%,transparent 85%);z-index:1;pointer-events:none}.hero-copy{position:relative;z-index:3;pointer-events:none;width:65%}.hero-copy a,.hero-copy button{pointer-events:auto}.hero-copy .eyebrow{color:var(--gold);margin-bottom:25px;font-size:9px;letter-spacing:2px}.tiny-cross{font-size:16px;vertical-align:-1px;margin-right:6px}.hero h1{font:800 clamp(77px,8.7vw,152px)/.91 var(--display);letter-spacing:-1.7px}.hero h1 span{color:var(--gold)}.hero-description{color:#d4d5ce;font-size:clamp(14px,1.15vw,18px);line-height:1.65;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{padding:17px 24px;font-size:12px;line-height:1.4;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid transparent;transition:background .25s,transform .25s,color .25s}.button>span{font-size:23px;line-height:1}.button:hover{transform:translateY(-3px)}.gold-button{background:var(--gold);color:var(--ink)}.gold-button:hover{background:#f7dbb0}.dark-button{background:var(--ink);color:var(--paper)}.dark-button:hover{background:#34372f}.light-outline-button{border-color:#64665d;color:var(--paper)}.light-outline-button:hover{background:var(--paper);color:var(--ink)}.reel-button{display:flex;gap:10px;align-items:center;padding:9px 0;font-size:11px;white-space:nowrap}.play-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #aeafa8;border-radius:50%;font-size:9px;transition:background .25s,color .25s}.reel-button:hover .play-icon{background:var(--paper);color:var(--ink)}.hero-stage{position:absolute;left:48%;width:63%;top:12%;height:76%;z-index:0}.hero-scene{position:absolute;inset:0;opacity:0;transition:opacity 1.1s,transform 1.5s;transform:translate(35px,12px);pointer-events:none}.hero-scene.is-active{opacity:1;transform:translate(0,0)}.hero-window{position:absolute;width:94%;right:0;top:5%;transform:perspective(1600px) rotateY(-12deg) rotateZ(-7deg);border:6px solid #393c36;border-radius:9px;overflow:hidden;box-shadow:0 32px 90px #0009;animation:float-main 10s ease-in-out infinite alternate}.browser-bar{height:31px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#252824;color:#cccec6;font-size:9px;letter-spacing:.15px;padding:0 12px}.window-dots{font-size:8px;letter-spacing:3px;color:#888c80}.hero-window img{width:100%;height:auto;aspect-ratio:1265/712;object-fit:cover;object-position:top}.hero-detail{position:absolute;top:60%;left:10%;width:58%;border:5px solid #3b3d35;border-radius:7px;overflow:hidden;transform:rotate(5deg);box-shadow:0 25px 70px #0009;animation:float-detail 9s ease-in-out infinite alternate}.hero-detail img{width:100%;aspect-ratio:1265/712;object-fit:cover}.hero-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:29px;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-scroll{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1.6px;white-space:nowrap}.scroll-arrow{width:32px;height:45px;display:grid;place-items:center;border:1px solid #72766c;border-radius:40px;font-size:20px}.hero-selector{display:flex;gap:22px;max-width:65%}.hero-selector button{position:relative;display:flex;gap:9px;align-items:baseline;text-align:left;color:#a6aa9e;font-size:10px;padding:12px 0 17px}.hero-selector button>span:first-child{font-family:var(--display);font-size:17px}.hero-selector button[aria-pressed=true]{color:var(--paper)}.hero-selector button i{height:1px;background:#6a6e63;position:absolute;bottom:0;left:0;right:0}.hero-selector button[aria-pressed=true] i{background:var(--gold);height:2px}.mission-band{display:flex;align-items:center;justify-content:space-around;gap:25px;padding:23px var(--pad);font:600 clamp(16px,1.6vw,25px)/1 var(--display);letter-spacing:1px;background:var(--gold);color:var(--ink)}.mission-band i{font-size:18px;font-style:normal}.intro{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 2.2fr;gap:50px;padding-top:115px;padding-bottom:120px}.intro>.eyebrow{padding-top:14px;max-width:175px}.statement{font-size:clamp(44px,5.2vw,84px);line-height:1.05;letter-spacing:-3.2px}.statement em{font-family:Georgia,serif;font-weight:400}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:30px}.intro-bottom p{max-width:480px;color:#5e6159;font-size:15px}.circle-link{display:grid;place-items:center;border:1px solid #bdbfb5;border-radius:50%;width:65px;height:65px;flex:none;font-size:35px;transition:background .2s}.circle-link:hover{background:var(--gold)}
/* Large, explorable case studies. */
.work-section{background:#1a1c18}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;padding-bottom:55px}.work-heading .eyebrow{color:var(--gold);margin-bottom:24px}.work-heading .outline-type{-webkit-text-stroke-color:#b8bdb2}.work-intro{max-width:275px;padding-bottom:6px}.work-intro p{font-size:20px;line-height:1.5;margin-bottom:24px}.work-intro>span{font-size:12px;color:#a9afa0;line-height:1.8}.work-index{display:grid;grid-template-columns:repeat(3,1fr);margin:0 var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.work-index a{display:flex;gap:16px;align-items:center;font-size:11px;padding:22px 22px;transition:background .25s}.work-index a+ a{border-left:1px solid var(--line)}.work-index a:first-child{padding-left:0}.work-index a>span:first-child{font-family:var(--display);font-size:18px;color:var(--gold)}.work-index a>span:last-child{margin-left:auto;font-size:18px}.work-index a:hover{background:#ffffff08}.project-list{padding-top:60px}.project{padding:60px var(--pad) 70px;scroll-margin-top:86px}.project-johnston{background:#242820}.project-oldest{background:#292b29}.project-eternal{background:#242c27}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:43px}.project-title-row .eyebrow{color:#b7bbaa;margin-bottom:12px;font-size:9px}.project-title-row h3{font-size:clamp(34px,4.4vw,66px);letter-spacing:-2px;font-weight:500}.visit-link{display:grid;grid-template-columns:1fr 24px;gap:4px 25px;min-width:210px;font-size:12px;font-weight:600;padding-bottom:12px;border-bottom:1px solid #aab69a;transition:color .2s}.visit-link>span{font-size:23px;line-height:1}.visit-link small{grid-column:1/-1;color:#b6bfb0;font-size:10px;font-weight:400}.visit-link:hover{color:var(--gold)}.project-layout{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,3.15fr);gap:50px;align-items:center}.project-story h4{font-size:23px;font-weight:500;line-height:1.28;letter-spacing:-.6px;max-width:250px}.project-story>p{font-size:12px;color:#bdc4b7;margin-top:18px}.project-story ul{border-top:1px solid var(--line);margin:25px 0 40px;padding-top:13px;font-size:10px;color:#d1d7ca}.project-story li{padding:7px 0}.project-story li:before{content:'↗';margin-right:9px;color:var(--gold)}.preview-note{font-size:7px;letter-spacing:1.2px;display:flex;justify-content:space-between;align-items:center;color:#bdc4b7}.preview-note span{font-size:20px}.gallery-frame{border:5px solid #484d41;border-radius:7px;overflow:hidden;box-shadow:0 24px 45px #0003;transition:transform .5s}.project-oldest .gallery-frame{border-color:#525650}.project-eternal .gallery-frame{border-color:#45574b}.gallery-slides{position:relative;aspect-ratio:1265/712;background:#f3f2ed}.gallery-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;overflow:hidden}.gallery-slide.is-active{opacity:1;z-index:1}.gallery-slide img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 8s linear}.gallery-slide.is-active img{transform:scale(1.025)}.expand-button{font-size:9px;padding:4px 0 4px 8px;display:flex;align-items:center;gap:9px;white-space:nowrap}.expand-button span{font-size:17px}.expand-button:hover{color:var(--gold)}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px}.gallery-tabs{display:flex;gap:25px}.gallery-tabs button{font-size:9px;padding:5px 0 8px;color:#adb8a3;position:relative;text-align:left}.gallery-tabs button span{margin-right:5px;font-size:9px;opacity:.7}.gallery-tabs button:after{position:absolute;left:0;bottom:0;right:100%;height:1px;content:'';background:var(--gold);transition:right .5s}.gallery-tabs button[aria-pressed=true]{color:var(--paper)}.gallery-tabs button[aria-pressed=true]:after{right:0}.gallery-next{font-size:22px;border:1px solid #7c8474;border-radius:50%;width:37px;height:37px;line-height:1;flex:none;transition:background .2s,color .2s}.gallery-next:hover{background:var(--gold);color:var(--ink)}.possibilities{background:#e9e7df;color:var(--ink)}.possibilities .eyebrow{margin-bottom:25px}.possibilities .display{font-size:clamp(58px,6.6vw,106px)}.possibilities .display em{color:#776543}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.capability-grid article{border-top:1px solid #a7ab9e;padding-top:20px}.capability-number{font-size:9px;letter-spacing:1.5px}.capability-grid h3{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:36px 0 18px}.capability-grid p{font-size:13px;color:#5c6255}
/* A clearly stated offer, with details in the same place. */
.pricing-intro{display:flex;justify-content:space-between;align-items:end;gap:35px}.pricing-intro .eyebrow{color:var(--gold);margin-bottom:26px}.pricing-intro>p{font-size:13px;color:#b5b9ad;max-width:260px;margin-bottom:6px}.pricing-intro .display{font-size:clamp(58px,7.4vw,118px)}.pricing-intro .outline-type{-webkit-text-stroke-color:#b8bdb2}.review-offer{margin:60px 0 26px;padding:25px 0;display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.offer-star{font-size:50px;color:var(--gold);line-height:1}.review-offer h3{font-size:20px;font-weight:500;margin-bottom:8px}.review-offer p{font-size:12px;color:#b5b9ad}.review-offer>a{font-size:11px;white-space:nowrap;margin-left:auto;padding-left:20px}.review-offer>a span{margin-left:18px;font-size:20px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{padding:38px 40px 40px;display:flex;flex-direction:column}.main-price{background:var(--gold);color:var(--ink)}.app-price{background:#20231e;border:1px solid #4f5448}.price-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.price-card-top>span{font-size:8px;letter-spacing:1px}.price-card h3{font-size:28px;font-weight:500;letter-spacing:-1px}.price{font:700 clamp(80px,8vw,126px)/1 var(--display);letter-spacing:-2px;margin:28px 0 22px}.price>span{font:400 11px/1.7 var(--sans);letter-spacing:0;display:block;margin-top:8px}.price-inclusion{font-size:13px;line-height:1.7;padding:18px 0;border-top:1px solid #13141340;border-bottom:1px solid #13141340}.app-price .price-inclusion{border-color:#ffffff26;color:#c5c9bd}.price-card ul{font-size:12px;line-height:1.7;margin:24px 0 35px}.price-card li{padding:5px 0}.price-card li:before{content:'✓';font-size:12px;margin-right:12px}.price-card .button{margin-top:auto;width:100%}.care-strip{border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr .75fr;gap:50px;align-items:center;padding:45px 0}.care-strip .eyebrow{font-size:8px;letter-spacing:1.3px;color:var(--gold);margin-bottom:16px}.care-strip h3{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-1px}.care-strip>p{font-size:12px;color:#b5b9ad;max-width:310px}.care-price{font:600 65px/1 var(--display);text-align:right;white-space:nowrap}.care-price>span{font:400 13px var(--sans);margin-left:7px}.care-price small{display:block;font:400 10px/1.6 var(--sans);color:#b5b9ad;margin-top:12px}.price-details{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:25px;font-size:10px;color:#a9afa0;line-height:1.8}.price-details strong{font-weight:600;color:#d9ddd3}
/* The person and process. */
.approach{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.founder-block{background:#dcd8c9;padding:32px 36px;position:relative;overflow:hidden}.founder-block .eyebrow{font-size:8px;letter-spacing:1.4px}.founder-type{font:800 clamp(58px,7.5vw,120px)/.89 var(--display);letter-spacing:-2px;margin:64px 0}.founder-type>span{color:#7d704e}.founder-signoff{display:flex;align-items:center;font-size:7px;letter-spacing:1.2px}.founder-signoff i{font-size:18px;font-style:normal;margin:0 15px}.approach-copy>.eyebrow{font-size:8px;letter-spacing:1.5px;color:#686e60;margin-bottom:22px}.approach-copy h2{font-size:clamp(40px,4.5vw,72px);letter-spacing:-2.5px;font-weight:500}.founder-lead{font-size:23px;line-height:1.4;margin:24px 0}.approach-copy>p:not(.eyebrow):not(.founder-lead){font-size:13px;color:#5d6556;margin:18px 0}.text-link{display:inline-flex;align-items:center;gap:50px;font-size:12px;font-weight:600;border-bottom:1px solid #848c7b;padding:12px 0;margin-top:8px}.text-link>span{font-size:22px}.process{display:grid;grid-template-columns:1fr 1.12fr;gap:10vw;background:#252b24}.process-heading .eyebrow{color:var(--gold);margin-bottom:28px}.process-heading>p:last-child{color:#b6bfae;font-size:14px;margin-top:32px}.process-steps{list-style:none;padding:0;margin:0}.process-steps li{display:grid;grid-template-columns:44px 1fr;gap:25px;padding:30px 0;border-top:1px solid #909b8155}.process-steps li:first-child{padding-top:0;border-top:0}.process-steps li:last-child{padding-bottom:0}.process-steps li>span{font:500 30px var(--display);color:var(--gold)}.process-steps .eyebrow{font-size:8px;letter-spacing:1.7px;color:#bdc6b4;margin-bottom:12px}.process-steps h3{font-size:24px;font-weight:500;letter-spacing:-.6px}.process-steps p:last-child{font-size:12px;color:#bdc6b4;margin-top:16px;max-width:400px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:9vw;background:var(--paper);color:var(--ink)}.faq .eyebrow{font-size:9px;color:#686e60;margin-bottom:25px}.faq h2{font-size:clamp(32px,3.4vw,56px);font-weight:500;letter-spacing:-1.5px;line-height:1.1}.faq details{border-bottom:1px solid #c9cdc2}.faq details:first-child{border-top:1px solid #c9cdc2}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;font-size:13px;font-weight:600;padding:23px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:23px;line-height:1;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{font-size:12px;color:#636b5b;padding:0 30px 25px 0}.contact{background:var(--gold);color:var(--ink);padding-top:85px;padding-bottom:40px}.contact>.eyebrow{margin-bottom:40px}.contact-heading{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{font-size:clamp(80px,12vw,185px);line-height:.87;letter-spacing:-2.5px}.contact h2 em{color:#756244}.contact-orb{display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid #806e50;border-radius:50%;width:180px;height:180px;flex:none;transition:background .3s,color .3s,transform .3s}.contact-orb>span:first-child{font-size:70px;line-height:1;margin-bottom:9px;font-weight:400}.contact-orb>span:last-child{font-size:9px;font-weight:700;letter-spacing:1px;line-height:1.5;text-align:center}.contact-orb:hover{background:var(--ink);color:var(--gold);transform:rotate(-8deg)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:60px;padding-top:30px;border-top:1px solid #7a674f60}.contact-bottom>a{font-size:clamp(17px,2.2vw,35px);font-weight:500;letter-spacing:-.6px}.contact-bottom p{font-size:11px;line-height:1.7}footer{padding:42px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:30px}footer>p{font-size:10px;color:#aab0a0;line-height:1.6}footer>div{display:flex;align-items:center;gap:35px;font-size:9px}footer>div>span{color:#aab0a0}
/* Focused previews without leaving the portfolio. */
dialog{color:var(--paper);background:var(--ink);border:1px solid #6f7566;padding:24px;max-width:1180px;width:calc(100% - 48px);max-height:calc(100svh - 50px);overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#080908e8;backdrop-filter:blur(9px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.dialog-top .eyebrow{color:var(--gold);font-size:8px;margin-bottom:8px}.dialog-top h2{font-size:24px;font-weight:500;letter-spacing:-.5px}.close-dialog{border:1px solid #697260;padding:7px 13px;display:flex;align-items:center;gap:20px;font-size:11px}.close-dialog>span{font-size:24px;line-height:1}.dialog-image img{width:100%;height:auto}.dialog-image{background:var(--paper)}.dialog-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:18px;font-size:11px}.dialog-pagination{display:flex;align-items:center;gap:18px}.dialog-pagination button{border:1px solid #68725d;width:35px;height:35px;font-size:20px;flex:none}.dialog-bottom>a{color:var(--gold);white-space:nowrap}.reel-dialog video{width:100%;max-height:70svh;background:#111}.reel-caption{font-size:10px;color:#b7bfb0;margin-top:15px;text-align:center}
@keyframes float-main{from{translate:0 0}to{translate:0 -20px}}@keyframes float-detail{from{translate:0 -7px}to{translate:0 16px}}@keyframes aura{from{transform:translate(0,0) scale(1)}to{transform:translate(-2%,4%) scale(1.15)}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .gallery-slide img{transform:none;transition:none}body.motion-paused .hero-scene,body.motion-paused .gallery-slide{transition:none}
@media(min-width:1600px){.hero-stage{left:50%;width:59%;top:12%}.hero-detail{top:63%}.project-layout{grid-template-columns:1fr 3.3fr;gap:75px}.project-story h4{font-size:29px}.project-story>p{font-size:14px}.project-story li{font-size:12px}.gallery-controls button{font-size:12px}.project{padding-top:80px;padding-bottom:90px}.gallery-next{font-size:24px!important}.browser-bar{height:36px;font-size:11px}.expand-button{font-size:11px}.hero-description{margin-top:35px}.hero-actions{margin-top:38px}.hero-selector button{font-size:12px}.hero-selector{gap:40px}.hero-bottom{bottom:35px}.hero-copy .eyebrow{font-size:11px}}
@media(max-width:1100px){.desktop-nav{gap:24px}.header-actions{gap:18px}.motion-text{display:none}.site-header{gap:24px}.hero{min-height:660px}.hero h1{font-size:9.4vw}.hero-copy{width:73%}.hero-stage{left:48%;top:20%;width:65%;height:65%}.hero-actions{gap:18px}.hero-selector{max-width:70%;gap:19px}.hero-project-name{font-size:8px}.hero-scroll{font-size:7px}.project-layout{grid-template-columns:1fr 2.9fr;gap:30px}.project-story h4{font-size:20px}.project-story>p{font-size:11px}.project-story li{font-size:9px}.project-title-row h3{font-size:42px}.visit-link{min-width:190px}.capability-grid{gap:30px}.capability-grid h3{font-size:22px}.price-card{padding:30px}.review-offer{gap:20px}.review-offer p{max-width:510px}.care-strip{gap:30px}.care-price{font-size:58px}.founder-block{padding:26px}.approach{gap:6vw}.founder-type{font-size:8.5vw}.founder-lead{font-size:21px}.contact-orb{width:145px;height:145px}.contact-orb>span:first-child{font-size:55px}}
@media(max-width:800px){:root{--pad:28px}.section{padding:78px var(--pad)}.site-header{height:74px}.desktop-nav,.nav-cta{display:none}.header-actions{gap:22px}.menu-toggle{display:flex;align-items:center;gap:12px;font-size:11px;padding:10px 0}.menu-toggle span{font-size:22px;line-height:1}.wordmark{font-size:21px}.hero{height:auto;min-height:1020px;align-items:flex-start;padding-top:66px;padding-bottom:430px}.hero:before{background:linear-gradient(180deg,#131413 2%,#131413d9 35%,transparent 75%)}.hero-copy{width:100%}.hero h1{font-size:clamp(79px,12.5vw,113px)}.hero-copy .eyebrow{margin-bottom:27px;font-size:9px}.hero-description{font-size:15px;margin-top:23px}.hero-actions{margin-top:28px}.hero-stage{left:10%;top:48%;width:99%;height:38%}.hero-window{width:93%;top:0}.hero-detail{width:53%;top:57%;left:0}.hero-bottom{bottom:26px;align-items:center}.hero-scroll{display:none}.hero-selector{width:100%;max-width:none;justify-content:space-between;gap:20px}.hero-selector button{flex:1;gap:7px}.hero-project-name{font-size:10px}.hero-selector button>span:first-child{font-size:19px}.mission-band{gap:18px;flex-wrap:wrap;padding:22px 28px;font-size:17px;justify-content:center}.mission-band i{font-size:13px}.mission-band i:last-child{display:none}.intro{grid-template-columns:1fr;gap:35px}.intro>.eyebrow{max-width:none;padding-top:0}.statement{font-size:58px;letter-spacing:-2.5px}.intro-bottom p{font-size:14px;max-width:510px}.work-heading{align-items:start;gap:30px}.work-heading .display{font-size:77px}.work-intro{padding-top:40px;max-width:215px}.work-intro p{font-size:17px}.work-intro>span{font-size:10px}.work-index a{font-size:9px;gap:9px;padding:18px 13px}.work-index a>span:first-child{font-size:17px}.work-index a>span:last-child{display:none}.project-list{padding-top:40px}.project{padding:42px var(--pad) 50px}.project-title-row{margin-bottom:28px;gap:25px}.project-title-row h3{font-size:35px;letter-spacing:-1.3px}.project-title-row .eyebrow{font-size:8px}.visit-link{min-width:160px;font-size:11px;gap:4px 10px}.visit-link small{font-size:8px}.project-layout{grid-template-columns:1fr;gap:28px}.project-story{display:grid;grid-template-columns:1fr 1.3fr;gap:20px 40px}.project-story h4{font-size:24px;max-width:none}.project-story>p{font-size:12px;margin-top:0}.project-story ul,.preview-note{display:none}.gallery-frame{border-width:4px}.gallery-tabs button{font-size:10px}.gallery-next{font-size:23px}.possibilities .display{font-size:65px}.capability-grid{gap:23px;margin-top:45px}.capability-grid h3{font-size:21px;letter-spacing:-.6px;line-height:1.25;margin-top:25px}.capability-grid p{font-size:12px}.capability-number{font-size:7px}.pricing-intro{display:block}.pricing-intro .display{font-size:76px}.pricing-intro>p{margin-top:26px;font-size:13px;max-width:none}.review-offer{margin-top:38px;gap:20px;flex-wrap:wrap}.review-offer>div{flex:1}.review-offer>a{margin-left:70px;padding-left:0}.review-offer h3{font-size:19px}.review-offer p{font-size:11px}.price-grid{gap:17px}.price-card{padding:27px}.price-card h3{font-size:23px;line-height:1.15}.price-card-top{margin-bottom:25px;gap:10px}.price-card-top .eyebrow{font-size:8px;letter-spacing:1.4px}.price-card-top>span{font-size:7px;white-space:nowrap}.price{font-size:90px}.price-inclusion{font-size:11px}.price-card ul{font-size:11px}.price-card .button{padding:15px;font-size:10px;gap:10px}.care-strip{grid-template-columns:1fr 1fr;gap:28px}.care-strip>p{order:3;grid-column:1/-1;max-width:none}.care-price{font-size:67px}.price-details{gap:30px}.approach{gap:40px}.founder-block{padding:25px}.founder-type{font-size:9vw;margin:55px 0}.founder-signoff{font-size:6px;letter-spacing:.6px}.founder-signoff i{margin:0 8px}.founder-block .eyebrow{font-size:7px;letter-spacing:1px}.approach-copy h2{font-size:42px}.approach-copy>.eyebrow{font-size:7px}.founder-lead{font-size:19px}.approach-copy>p:not(.eyebrow):not(.founder-lead){font-size:12px}.process{gap:6vw}.process-heading .display{font-size:77px}.process-steps li{gap:20px;grid-template-columns:27px 1fr}.process-steps h3{font-size:20px}.process-steps p:last-child{font-size:11px}.faq{gap:40px;grid-template-columns:.9fr 1.4fr}.faq h2{font-size:33px}.faq summary{font-size:12px}.contact h2{font-size:13.5vw}.contact-orb{width:120px;height:120px}.contact-orb>span:first-child{font-size:43px}.contact-orb>span:last-child{font-size:7px}.contact-bottom>a{font-size:23px}footer{padding:35px var(--pad);flex-wrap:wrap}footer>div{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px}.dialog-top h2{font-size:20px}}
@media(max-width:540px){:root{--pad:22px}.section{padding:65px var(--pad)}.eyebrow{font-size:8px;letter-spacing:1.6px}.site-header{height:70px}.wordmark{font-size:20px;gap:8px}.wordmark span{padding-left:9px}.wordmark i{font-size:23px;padding-left:0}.header-actions{gap:21px}.mobile-nav{top:70px}.hero{min-height:865px;padding-top:50px;padding-bottom:390px}.hero h1{font-size:clamp(70px,17vw,93px);letter-spacing:-1px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.45px;margin-bottom:24px}.tiny-cross{font-size:12px;margin-right:4px}.hero-description{font-size:13px;line-height:1.7;margin-top:23px}.hero-actions{gap:16px;flex-wrap:wrap;margin-top:24px}.hero-actions .button{font-size:10px;gap:16px;padding:14px 17px}.reel-button{font-size:9px;gap:8px}.play-icon{width:29px;height:29px;font-size:8px}.hero-stage{top:49%;height:38%;left:0;width:117%}.hero-window{top:5%;width:96%;right:-3%}.hero-detail{left:6%;top:62%;width:62%;border-width:4px}.hero:before{background:linear-gradient(180deg,#131413 0%,#131413d9 29%,transparent 67%)}.hero-bottom{bottom:25px;left:22px;right:22px}.hero-selector{gap:14px}.hero-selector button{display:block;padding-bottom:13px}.hero-selector button>span:first-child{display:block;font-size:19px;margin-bottom:3px}.hero-project-name{font-size:8px;line-height:1.4;display:block;max-width:110px;min-height:23px}.mission-band{font-size:14px;gap:14px;padding:20px 12px;line-height:1.2}.mission-band span:last-of-type{flex-basis:100%;text-align:center}.mission-band i:nth-of-type(2){display:none}.intro{gap:30px}.statement{font-size:43px;letter-spacing:-2px}.intro-bottom{gap:24px;margin-top:22px;align-items:start}.intro-bottom p{font-size:12px;line-height:1.8}.circle-link{width:46px;height:46px;font-size:27px}.work-heading{display:block;padding-bottom:35px}.work-heading .display{font-size:70px;letter-spacing:-1.2px}.work-heading .eyebrow{margin-bottom:23px}.work-intro{display:flex;gap:30px;max-width:none;padding-top:26px;align-items:center}.work-intro p{font-size:13px;margin:0;flex:1}.work-intro>span{font-size:9px;flex:1}.work-index{margin:0 22px;gap:0}.work-index a{padding:15px 10px!important;font-size:8px;display:block;line-height:1.5}.work-index a:first-child{padding-left:0!important}.work-index a>span:first-child{display:block;font-size:17px;margin-bottom:5px}.project-list{padding-top:30px}.project{padding:33px 22px 37px;scroll-margin-top:70px}.project-title-row{display:block;margin-bottom:25px}.project-title-row h3{font-size:34px;letter-spacing:-1.3px}.project-title-row .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:12px}.visit-link{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;max-width:none;margin-top:19px;font-size:10px;padding-bottom:10px}.visit-link small{margin-left:auto;font-size:8px}.visit-link>span{font-size:18px}.project-story{display:block}.project-story h4{font-size:22px;max-width:290px;letter-spacing:-.6px}.project-story>p{font-size:11px;margin-top:13px;line-height:1.8}.project-layout{gap:23px}.gallery-frame{border-width:3px;border-radius:5px;box-shadow:0 14px 27px #0003}.browser-bar{height:26px;padding:0 7px;font-size:7px;gap:5px}.window-dots{letter-spacing:1px;font-size:5px}.expand-button{font-size:7px;gap:4px}.expand-button span{font-size:14px}.gallery-controls{gap:10px;padding-top:13px}.gallery-tabs{gap:14px}.gallery-tabs button{font-size:8px;line-height:1.5}.gallery-tabs button>span{display:block;font-size:7px;margin-bottom:3px}.gallery-next{width:32px;height:32px;font-size:20px}.possibilities .display{font-size:54px;letter-spacing:-.8px}.possibilities .eyebrow{font-size:7px}.capability-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.capability-grid article{position:relative;padding-top:17px}.capability-number{font-size:8px}.capability-grid h3{font-size:25px;margin:19px 0 13px}.capability-grid p{font-size:12px;max-width:360px}.pricing-intro .display{font-size:65px;letter-spacing:-1px}.pricing-intro .eyebrow{margin-bottom:23px}.pricing-intro>p{font-size:12px;margin-top:25px}.review-offer{margin:35px 0 22px;gap:17px;padding:22px 0}.offer-star{font-size:36px}.review-offer h3{font-size:18px;letter-spacing:-.5px}.review-offer p{font-size:10px;line-height:1.75}.review-offer>a{margin-left:53px;font-size:10px}.price-grid{grid-template-columns:1fr;gap:20px}.price-card{padding:27px}.price-card-top .eyebrow{font-size:8px}.price-card h3{font-size:27px}.price{font-size:105px;margin-top:22px}.price-inclusion{font-size:12px}.price-card ul{font-size:12px;margin:22px 0 29px}.price-card .button{font-size:11px;padding:16px 18px}.care-strip{gap:22px;padding:32px 0}.care-strip h3{font-size:23px;letter-spacing:-.6px}.care-strip .eyebrow{font-size:7px;letter-spacing:1px;max-width:155px;margin-bottom:14px}.care-strip>p{font-size:11px}.care-price{font-size:55px}.care-price>span{font-size:10px;margin-left:3px}.care-price small{font-size:8px}.price-details{grid-template-columns:1fr;gap:18px;font-size:9px;padding-top:23px}.approach{grid-template-columns:1fr;gap:40px}.founder-block{padding:25px}.founder-type{font-size:25vw;margin:45px 0}.founder-signoff{font-size:7px;justify-content:space-between}.founder-signoff i{font-size:20px}.founder-block .eyebrow{font-size:7px}.approach-copy h2{font-size:49px}.approach-copy>.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:20px}.founder-lead{font-size:23px;margin:20px 0}.approach-copy>p:not(.eyebrow):not(.founder-lead){font-size:12px;line-height:1.8}.text-link{font-size:11px;margin-top:5px}.process{grid-template-columns:1fr;gap:43px}.process-heading .display{font-size:76px}.process-heading>p:last-child{font-size:12px;margin-top:24px}.process-steps li{gap:23px;grid-template-columns:29px 1fr;padding:27px 0}.process-steps h3{font-size:23px}.process-steps p:last-child{font-size:12px}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:40px;letter-spacing:-1.7px}.faq .eyebrow{font-size:8px;margin-bottom:20px}.faq summary{font-size:12px;padding:21px 0;gap:20px}.faq details>p{font-size:11px;padding-right:20px}.contact{padding-top:55px;padding-bottom:30px}.contact>.eyebrow{font-size:7px;margin-bottom:30px}.contact-heading{display:block}.contact h2{font-size:19.8vw;letter-spacing:-1.4px}.contact-orb{margin-top:35px;width:105px;height:105px}.contact-orb>span:first-child{font-size:42px;margin-bottom:7px}.contact-orb>span:last-child{font-size:6px}.contact-bottom{margin-top:30px;display:block;padding-top:25px}.contact-bottom>a{font-size:21px}.contact-bottom p{margin-top:17px;font-size:10px}footer{gap:25px;padding:32px 22px}footer .wordmark{font-size:18px}footer>p{font-size:8px;text-align:right}footer>div{font-size:8px;padding-top:22px}dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:14px}.dialog-top{gap:15px;margin-bottom:17px}.dialog-top h2{font-size:17px;line-height:1.2}.dialog-top .eyebrow{font-size:6px;letter-spacing:1px}.close-dialog{font-size:9px;padding:7px 10px;gap:12px}.close-dialog>span{font-size:20px}.dialog-bottom{display:block;font-size:10px}.dialog-pagination{gap:13px;justify-content:space-between}.dialog-pagination button{width:32px;height:32px}.dialog-bottom>a{display:block;margin-top:20px;padding-top:15px;border-top:1px solid var(--line);text-align:center}.reel-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.gallery-slide img{transform:none!important}}
/* Keep the slideshow controls legible over every project image. */
.hero:after{content:'';position:absolute;inset:auto 0 0;height:135px;background:linear-gradient(transparent,#131413 92%);z-index:2;pointer-events:none}
@media(max-width:540px){.hero{min-height:820px}.hero h1{font-size:clamp(50px,16vw,86px)}.hero-stage{top:44%;height:37%}.hero-detail{top:55%}.hero:after{height:115px}.hero-copy{padding-bottom:10px}}
.hero-detail img{height:auto}.project{scroll-margin-top:0}
@media(max-width:540px){.contact h2{font-size:17.3vw}}
html:has(body.motion-paused){scroll-behavior:auto}
@media(max-width:800px){.motion-toggle{min-width:34px;min-height:44px;justify-content:center}.menu-toggle{min-height:44px}.gallery-tabs button{min-height:44px}.gallery-next{width:44px;height:44px}.project-gallery .browser-bar{height:38px}.expand-button{min-height:36px;padding-left:10px}.close-dialog{min-height:44px}}
@media(max-width:360px){.hero-actions{gap:11px}.hero-actions .button{padding:13px 14px;font-size:9px}.reel-button{font-size:8px}.header-actions{gap:12px}.work-heading .display{font-size:62px}.pricing-intro .display{font-size:57px}.possibilities .display{font-size:48px}.care-price{font-size:47px}.care-price>span{font-size:9px}.care-strip{gap:12px}}
@media(max-width:540px){.pricing-intro .display{font-size:clamp(41px,13vw,68px)}.review-offer{display:grid;grid-template-columns:36px 1fr;align-items:start;gap:16px}.review-offer>a{grid-column:2;margin:0}.offer-star{padding-top:3px}.review-offer h3{line-height:1.2}}

/* Approved Deploy 3:16 identity. Crop only the source image's empty margins. */
.wordmark{flex-shrink:0;line-height:0}
.wordmark .brand-logo{display:block;width:252px;height:42px;max-width:none;object-fit:cover;object-position:center}
footer .brand-logo{width:276px;height:46px}
@media(max-width:700px){.wordmark .brand-logo{width:198px;height:33px}footer .brand-logo{width:240px;height:40px}}
@media(max-width:430px){.site-header{gap:12px}.site-header .brand-logo{width:168px;height:28px}}
