.hero-experience{height:520px;position:relative;isolation:isolate;display:grid;place-items:center}.experience-grid{position:absolute;inset:7% 0;z-index:-3;opacity:.18;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 70%,transparent)}.experience-halo{position:absolute;width:430px;height:430px;border:1px solid #d6ff4335;border-radius:50%;transform:rotate(-18deg) scaleY(.53);z-index:-2}.experience-halo:after{content:"";position:absolute;inset:22px;border:1px solid #d6ff431a;border-radius:50%}.browser-window{width:min(455px,94%);padding:9px;border:1px solid #ffffff33;background:#1b1e18;box-shadow:0 38px 95px #0008;transform:rotate(-3deg);transition:transform .65s cubic-bezier(.22,.68,0,1)}.hero-experience:hover .browser-window{transform:rotate(-1deg) translateY(-7px)}.browser-chrome{height:27px;display:flex;align-items:center;gap:5px;padding:0 8px;color:#8d9186;font:8px var(--mono)}.browser-chrome i{width:5px;height:5px;border-radius:50%;background:#697060}.browser-chrome span{margin:auto;letter-spacing:.07em}.mock-page{height:340px;position:relative;overflow:hidden;background:#e8e4d7;color:#172019}.mock-nav{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #17201925;font:8px var(--mono);letter-spacing:.06em}.mock-nav b{font:700 13px var(--sans);letter-spacing:-.07em}.mock-nav i{font-style:normal}.mock-content{position:absolute;inset:39px 0 0;display:grid;grid-template-columns:1fr 1fr}.mock-copy{position:relative;z-index:2;padding:33px 0 0 22px}.mock-copy small{font:7px var(--mono);letter-spacing:.12em;color:#69715f}.mock-copy strong{display:block;margin-top:11px;color:#252a21;font:italic 39px/.88 var(--serif);letter-spacing:-.07em}.mock-copy p{width:145px;margin:14px 0 0;color:#5f6559;font-size:7px;line-height:1.6}.mock-copy>span{display:inline-block;margin-top:17px;padding:8px 10px;background:#b5ca52;color:#1d241a;font:7px var(--mono)}.mock-art{position:relative;overflow:hidden;background:#b6c0ad}.mock-sphere{position:absolute;top:37px;right:-38px;width:205px;height:205px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#f0eedf 0 7%,#d7d9bd 25%,#657c56 65%,#32462f 100%);box-shadow:inset -20px -12px 33px #2d402d60}.mock-loop{position:absolute;top:92px;right:-48px;width:260px;height:100px;border:1px solid #f2ead68c;border-radius:50%;transform:rotate(-31deg)}.mock-loop.loop-two{top:110px;right:-28px;width:250px;transform:rotate(39deg)}.mock-art small{position:absolute;left:20px;bottom:13px;color:#41483c;font:7px var(--mono);letter-spacing:.08em}.floating-note{position:absolute;z-index:3;padding:12px 14px;background:#191c16;border:1px solid #ffffff2e;box-shadow:0 12px 30px #0005;color:#d7d9d0;font:9px var(--mono)}.floating-note b{color:var(--lime);font-weight:500}.floating-note small{display:block;margin-bottom:5px;color:#8e9187;font-size:7px;letter-spacing:.12em}.note-one{top:12%;right:0;transform:rotate(5deg)}.note-two{left:0;bottom:13%;transform:rotate(-6deg)}.experience-caption{position:absolute;right:2%;bottom:0;color:#777b70;font:8px var(--mono);letter-spacing:.11em}.experience-caption:before{content:"↗";margin-right:7px;color:var(--lime);font-size:12px}
.quality-section{padding:100px 0 110px;background:var(--paper);color:var(--ink)}.quality-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.quality-head h2{max-width:620px;margin:13px 0 0;font-size:clamp(42px,5.5vw,72px);font-weight:480;line-height:.99;letter-spacing:-.075em}.quality-head p{max-width:300px;margin:0 0 4px;color:#65685f;font-size:12px;line-height:1.8}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #b7b9af}.quality-card{min-height:190px;padding:22px 24px 24px 0}.quality-card+.quality-card{padding-left:24px;border-left:1px solid #b7b9af}.quality-card small{color:#687c18;font:9px var(--mono);letter-spacing:.1em}.quality-card h3{margin:34px 0 9px;font-size:19px;font-weight:520}.quality-card p{max-width:300px;margin:0;color:#66695f;font-size:11px;line-height:1.8}
.faq-section{padding:105px 0}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq-title h2{max-width:390px;margin:13px 0 18px;font-size:clamp(42px,5vw,64px);font-weight:470;line-height:1;letter-spacing:-.07em}.faq-title p{max-width:290px;margin:0;color:#a2a49c;font-size:12px;line-height:1.8}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;justify-content:space-between;gap:18px;padding:19px 0;border:0;background:none;color:#eeeee7;text-align:left;font-size:14px;cursor:pointer}.faq-question span:last-child{color:var(--lime);font-size:20px;transition:transform .2s}.faq-question[aria-expanded="true"] span:last-child{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;color:#a4a69e;font-size:12px;line-height:1.8;transition:max-height .3s ease,padding .3s ease}.faq-answer p{margin:0;padding-right:30px}.faq-question[aria-expanded="true"]+.faq-answer{max-height:180px;padding-bottom:18px}
.project-open{margin-top:9px;padding:0;border:0;border-bottom:1px solid #b7bd9e;background:transparent;color:var(--lime);font:8px var(--mono);letter-spacing:.06em;cursor:pointer}.project-modal{width:min(700px,calc(100% - 28px));max-height:82vh;overflow:auto;padding:0;border:1px solid #ffffff33;background:#191c16;color:var(--white);box-shadow:0 30px 100px #000a}.project-modal::backdrop{background:#060705c9;backdrop-filter:blur(5px)}.modal-inner{padding:clamp(22px,5vw,46px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.modal-top small{color:var(--lime);font:9px var(--mono);letter-spacing:.12em}.modal-close{width:38px;height:38px;border:1px solid #ffffff30;background:transparent;color:white;font-size:20px;cursor:pointer}.modal-inner h2{margin:0 0 18px;font-size:clamp(32px,6vw,58px);font-weight:480;line-height:1;letter-spacing:-.07em}.modal-inner p{max-width:550px;color:#b0b2aa;font-size:13px;line-height:1.85}.modal-note{margin-top:30px;padding:14px;border-left:2px solid var(--lime);background:#ffffff08;color:#9fa298;font:9px/1.7 var(--mono)}
@media(max-width:900px){.hero-experience{height:440px}.mock-page{height:300px}.experience-halo{width:365px;height:365px}.quality-section{padding:85px 0}.faq-layout{gap:5vw}}
@media(max-width:620px){.hero{grid-template-columns:1fr;gap:10px;padding:62px 0 34px}.hero h1{font-size:clamp(59px,14vw,84px)}.hero-experience{height:340px;margin-top:12px}.browser-window{width:91%;transform:rotate(-2deg)}.mock-page{height:255px}.mock-nav{height:31px;padding-inline:13px}.mock-content{inset:32px 0 0}.mock-copy{padding:26px 0 0 15px}.mock-copy strong{font-size:32px}.mock-copy p{width:120px;font-size:6px}.mock-sphere{width:155px;height:155px;right:-33px;top:29px}.mock-loop{width:194px;right:-37px;top:78px}.mock-loop.loop-two{width:190px;right:-25px;top:91px}.mock-art small{left:12px;font-size:6px}.experience-halo{width:300px;height:300px}.floating-note{padding:9px 10px;font-size:7px}.note-one{top:7%;right:-2%}.note-two{left:-2%;bottom:8%}.experience-caption{right:0;bottom:-4px;font-size:7px}.quality-section{padding:75px 0 80px}.quality-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:26px}.quality-head h2{font-size:clamp(40px,10vw,56px)}.quality-head p{font-size:11px}.quality-grid{grid-template-columns:1fr}.quality-card{min-height:0;padding:19px 0}.quality-card+.quality-card{padding-left:0;border-left:0;border-top:1px solid #b7b9af}.quality-card h3{margin:17px 0 7px;font-size:17px}.faq-section{padding:78px 0}.faq-layout{grid-template-columns:1fr;gap:28px}.faq-title h2{font-size:48px}.faq-title p,.faq-answer{font-size:11px}.faq-question{padding:16px 0;font-size:12px}}
.skip-link{position:fixed;z-index:99;top:10px;left:10px;padding:12px 16px;transform:translateY(-150%);background:var(--lime);color:var(--ink);font-size:13px;font-weight:700}.skip-link:focus{transform:translateY(0)}.hero h1 em{display:block;margin-top:5px}.site-header a:focus-visible,.site-header button:focus-visible,.project-open:focus-visible,.faq-question:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:360px){.hero h1{font-size:49px}.hero h1 em{font-size:.88em}.hero-copy>p{font-size:12px}.hero-actions{gap:12px}.hero-actions .btn-primary{gap:13px;padding-inline:12px;font-size:10px}.hero-actions .text-link{font-size:10px}.hero-experience{height:305px}.mock-page{height:225px}.mock-copy{padding-top:22px}.mock-copy strong{font-size:29px}.mock-copy p{max-width:105px}}
.mobile-cta{position:fixed;z-index:24;right:14px;bottom:14px;left:auto;width:auto;display:none;padding:0;background:none;border:0;box-shadow:none}.mobile-cta a{width:auto;min-height:46px;box-shadow:0 8px 28px #0007}
.form select{width:100%;border:0;border-bottom:1px solid #55584e;border-radius:0;background:transparent;color:#afb1a9;padding:11px 0 13px;font-size:12px;outline:none}.form select option{background:#171a14;color:#fff}.form select:focus{border-color:var(--lime)}

@media(max-width:620px){.mobile-cta.visible{display:block}.footer{padding-bottom:80px}}


.mock-sphere{animation:sphere-drift 12s ease-in-out infinite alternate}@keyframes sphere-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-8px,7px) scale(1.035)}}.ticker:hover .ticker-track{animation-play-state:paused}