:root{--ink:#0c0713;--ink-soft:#191022;--ivory:#f3eef9;--paper:#21162e;--line:rgba(13,32,39,.15);--gold:#ac82ff;--sage:#9ead9e;--clay:#b98579;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--pad:clamp(1.25rem,5vw,5.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.skip-link{position:absolute;left:-999px;top:0;background:var(--gold);padding:.8rem;z-index:20}.skip-link:focus{left:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem var(--pad);background:var(--ink);color:var(--ivory);position:relative;z-index:5}.wordmark{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.05em;white-space:nowrap}.mark{color:var(--gold);font-family:var(--serif);margin-right:.35rem;font-size:1.8em;vertical-align:-.12em}.site-nav{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2.2rem);font-size:.8rem}.site-nav>a:not(.nav-cta){opacity:.82}.site-nav>a.active,.site-nav>a:not(.nav-cta):hover{color:var(--gold);opacity:1}.nav-cta{border:1px solid rgba(245,241,233,.55);border-radius:999px;padding:.7rem 1rem}.nav-cta:hover{background:var(--ivory);color:var(--ink)}.nav-toggle{display:none;background:none;border:0;color:inherit}.section-dark{background:var(--ink);color:var(--ivory)}.hero{min-height:610px;display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,1.05fr);gap:2rem;padding:clamp(3rem,7vw,7rem) var(--pad) 3rem;overflow:hidden}.hero-copy{max-width:640px;align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.66rem;font-weight:bold;margin:0 0 1.4rem;color:var(--sage)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);letter-spacing:-.05em;font-weight:400;line-height:1.02}h1{font-size:clamp(3.2rem,5.7vw,6.6rem);margin-bottom:1.4rem}h2{font-size:clamp(2.3rem,4vw,4.8rem);max-width:740px;margin-bottom:1.2rem}h3{font-size:1.45rem}.lede{font-family:var(--serif);font-size:clamp(1.15rem,1.6vw,1.45rem);max-width:580px;color:#d9d8d0}.actions{display:flex;align-items:center;gap:1.5rem;margin:2rem 0 3.3rem}.button{display:inline-flex;align-items:center;gap:1rem;border-radius:999px;padding:.9rem 1.25rem;font-size:.82rem;font-weight:bold}.button-gold{background:var(--gold);color:var(--ink)}.button-gold:hover{background:#d7bbff}.text-link{display:inline-flex;align-items:center;gap:.6rem;border-bottom:1px solid currentColor;padding-bottom:.3rem;font-size:.82rem}.text-link:hover{color:#847048}.text-link.light{color:var(--ivory)}.audience-list{list-style:none;padding:0;margin:0;display:flex;gap:1rem 1.5rem;flex-wrap:wrap;font-family:var(--serif);font-size:.95rem;color:#e3ded2}.audience-list li:before{content:'◇';color:var(--gold);margin-right:.45rem}.hero-scene{position:relative;min-height:420px;align-self:end}.sun-glow{position:absolute;width:82%;height:86%;right:-5%;top:4%;border-radius:50%;background:radial-gradient(circle at 45% 30%,#decda5 0%,#9d9082 25%,rgba(18,36,42,0) 68%);opacity:.72}.device{box-shadow:0 30px 55px rgba(0,0,0,.35);position:absolute;z-index:1}.laptop{width:min(95%,650px);height:350px;bottom:0;left:0;background:#eee6d8;border:12px solid #101113;border-radius:18px 18px 4px 4px;overflow:hidden;transform:rotate(-2deg)}.browser-bar{height:32px;padding:7px 12px;color:#232b2b;font-size:.62rem;display:flex;gap:5px;align-items:center}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#b5a99b}.browser-bar span{margin:auto;font-family:var(--serif);font-size:.8rem}.product-hero{height:190px;padding:2.2rem;background:linear-gradient(125deg,#44564f,#b8a987);color:#fff;display:flex;flex-direction:column;justify-content:center}.product-hero p{font-family:var(--serif);font-size:1.2rem;margin:0}.product-hero h2{font-size:2rem;max-width:300px;margin:.35rem 0}.product-hero span{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em}.product-row{display:flex;justify-content:space-around;padding:1.1rem;font-family:var(--serif);font-size:.9rem}.phone{width:176px;height:360px;right:2%;bottom:-24px;background:var(--ivory);border:9px solid #101113;border-radius:25px;padding:32px 17px 12px;color:var(--ink);transform:rotate(5deg)}.phone-notch{position:absolute;width:72px;height:16px;background:#101113;border-radius:0 0 12px 12px;top:0;left:43px}.mini-mark{color:var(--gold);font-size:1.4rem}.phone h3{font-size:1.4rem;margin:1.3rem 0 .4rem}.phone p{font-size:.61rem;line-height:1.4}.phone button{border:0;background:var(--ink-soft);color:white;border-radius:6px;padding:.45rem .55rem;font-size:.58rem}.phone-list{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:.65rem;display:grid;gap:.48rem;font-size:.57rem}.section{padding:clamp(4rem,8vw,8rem) var(--pad)}.intro-section{background:var(--ivory)}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.split-heading>p{max-width:380px;color:#b4a4c6}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-bottom:2rem}.project-card{border:1px solid var(--line);background:#160d22;transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(24,34,32,.12)}.project-window{min-height:230px;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;color:white;position:relative;overflow:hidden}.project-window:after{content:'';position:absolute;width:160px;height:160px;border-radius:50%;right:-30px;top:-40px;background:rgba(255,255,255,.16)}.project-window span{position:absolute;top:1.3rem;left:1.4rem;font-family:var(--serif);font-size:1.1rem}.project-window strong{font-family:var(--serif);font-size:1.8rem;font-weight:400;line-height:1.05;max-width:230px;z-index:1}.dream .project-window{background:linear-gradient(135deg,#354d4a,#9a9a78)}.restored .project-window{background:linear-gradient(135deg,#723d44,#bf887a)}.learning .project-window{background:linear-gradient(135deg,#27475b,#82969c)}.project-card-copy{display:flex;align-items:center;justify-content:space-between;padding:1.2rem}.project-card-copy h3{margin:0;font-size:1.38rem}.project-card-copy p{margin:0;font-size:.62rem;text-transform:uppercase;letter-spacing:.15em;color:#ae9ac3}.services-preview{border-top:1px solid var(--line);background:#110a1a}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-grid>a{padding:2rem 2rem 2rem 0;border-right:1px solid var(--line);position:relative}.service-grid>a:not(:first-child){padding-left:2rem}.service-grid>a:last-child{border:0}.service-grid h3{margin:.7rem 0;font-size:1.6rem}.service-grid p{font-size:.9rem;color:#b4a4c6;max-width:300px}.service-icon,.arrow{color:#b491e1;font-size:1.5rem}.arrow{position:absolute;right:1.3rem;bottom:1.8rem}.closing{padding:clamp(4rem,8vw,8rem) var(--pad);text-align:center}.closing h2{margin-inline:auto;max-width:850px}.site-footer{background:#050307;color:#dfd3ec;padding:2.5rem var(--pad);display:grid;grid-template-columns:2fr 2fr 2fr auto;gap:1.5rem;align-items:center}.site-footer p,.site-footer a,.site-footer small{font-size:.75rem;color:#b5a7c5}.site-footer a:hover{color:var(--gold)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:800px){.site-header{padding:1rem 1.2rem}.nav-toggle{display:flex;width:40px;height:34px;flex-direction:column;justify-content:center;gap:5px;align-items:center}.nav-toggle span:not(.sr-only){display:block;width:22px;height:1px;background:currentColor}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);border-top:1px solid rgba(245,241,233,.2);padding:1.2rem;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.site-nav>a{padding:.5rem}.nav-cta{text-align:center;margin-top:.5rem}.hero{grid-template-columns:1fr;min-height:auto;padding:4rem 1.2rem 2rem}.hero-scene{min-height:330px}.laptop{height:270px}.product-hero{height:150px;padding:1.5rem}.product-hero h2{font-size:1.4rem}.phone{width:135px;height:285px;padding:25px 12px 8px;right:0}.phone h3{font-size:1.06rem;margin:.8rem 0 .3rem}.phone-notch{left:29px;width:60px}.project-grid,.service-grid{grid-template-columns:1fr}.split-heading{display:block}.service-grid>a,.service-grid>a:not(:first-child){padding:1.8rem 0;border-right:0;border-bottom:1px solid var(--line)}.site-footer{grid-template-columns:1fr;gap:.75rem}.audience-list{display:grid}.actions{margin-bottom:2rem}h1{font-size:3.2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-card{transition:none}}

/* October update: clear positioning, actual products and restrained motion. */
:root{--ink:#110a1a;--ink-soft:#21152f;--ivory:#f3eef9}
.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,4vw,5rem);min-height:660px;padding-top:5rem;padding-bottom:5rem;background:linear-gradient(120deg,#110a1a,#1a1027)}
.hero h1{font-family:var(--sans);font-size:clamp(2.7rem,4.4vw,5rem);font-weight:500;letter-spacing:-.055em;line-height:1.1}
.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--gold)}
.hero .lede{font-family:var(--sans);font-size:1.03rem;line-height:1.8;color:#c5bad2}
.hero .eyebrow{color:var(--gold);font-size:.72rem}.audience-list{font-family:var(--sans);font-size:.72rem;gap:.6rem 1rem}.audience-list li:before{content:'';display:inline-block;width:5px;height:5px;background:var(--gold);margin-right:.5rem;vertical-align:middle}
.icon-arrow{width:22px;height:22px;flex-shrink:0;vertical-align:middle;transition:transform .25s ease}a:hover .icon-arrow{transform:translateX(4px)}
.button,.nav-cta{border-radius:5px;transition:background .2s ease,transform .2s ease}.button:active{transform:scale(.97)}
.product-showcase{position:relative;align-self:center;padding:0 0 90px;min-width:0}.showcase-main{display:block;overflow:hidden;border:1px solid #58707a;background:#11091e;border-radius:8px;box-shadow:0 24px 55px #0005;animation:screen-float 8s ease-in-out infinite}.showcase-main img{display:block;width:100%;height:auto}.screen-bar{display:flex;align-items:center;gap:14px;padding:11px 14px;font-size:.62rem;letter-spacing:.04em;color:#d0c3de;background:#281b38}.screen-dots{width:6px;height:6px;background:#baaa91;border-radius:50%;box-shadow:10px 0 #baaa91,20px 0 #baaa91;margin-right:18px}.showcase-secondary{position:absolute;bottom:40px;right:-12px;width:49%;display:block;border:5px solid #e8dfd0;border-radius:5px;background:#e8dfd0;box-shadow:0 14px 35px #0005;animation:screen-float 9s ease-in-out infinite reverse}.showcase-secondary img{width:100%;display:block;height:auto}.showcase-secondary span{display:block;font-size:.65rem;color:var(--ink);padding:7px 3px}.showcase-caption{position:absolute;bottom:-4px;left:0;font-size:.7rem;color:#b8a6cc;letter-spacing:.04em}
.project-screen{aspect-ratio:1.46;overflow:hidden;background:#110a1a}.project-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s ease}.project-card:hover img{transform:scale(1.035)}.project-card-copy{min-height:105px;gap:10px}.project-card-copy h3{font-size:1.25rem;line-height:1.18;margin-bottom:.5rem}.project-card-copy p{font-size:.58rem}.intro-section h2,.services-preview h2{font-size:clamp(2.2rem,3.5vw,4rem)}.split-heading>p{font-size:.95rem}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.site-footer .wordmark{font-size:1.5rem}
@keyframes screen-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;gap:2rem}.hero h1{font-size:3rem}.actions{gap:1rem;flex-wrap:wrap}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:3rem 1.2rem}.hero h1{font-size:clamp(2.4rem,9vw,3.8rem)}.hero-copy{max-width:650px}.product-showcase{max-width:600px;width:100%;margin:1.5rem auto 0}.showcase-secondary{right:0}.audience-list{display:flex}.project-screen{aspect-ratio:1.46}.actions{margin:1.7rem 0}.project-card-copy{min-height:90px}}
@media(prefers-reduced-motion:reduce){.showcase-main,.showcase-secondary{animation:none}.icon-arrow,.project-screen img,.button{transition:none}}
@media(scripting:none){.reveal{opacity:1;transform:none}}
