/* Context remains visible behind a compact sliding navigation panel. */
#menuDialog{inset:0;width:100vw;height:100svh;max-height:100svh;margin:0;padding:0;background:transparent;border:0;overflow:hidden;color:var(--ink)}#menuDialog::backdrop{background:rgba(6,6,7,.7);backdrop-filter:blur(6px)}.menu-shell{position:absolute;right:12px;top:12px;bottom:12px;width:clamp(390px,37vw,540px);background:#1c1c1e;border:1px solid #424244;padding:25px 32px;overflow:auto;display:flex;flex-direction:column;animation:drawer-enter .65s cubic-bezier(.16,1,.3,1) both}.menu-top{flex-shrink:0}.menu-top p{font-size:17px}.menu-top button{border:0;padding:8px 0 8px 20px;font-size:12px;color:#c9c8c3}.menu-top button:hover{color:var(--acc)}#menuDialog .menu-primary{display:grid;margin:55px 0 35px;gap:12px;max-width:none}#menuDialog .menu-primary a{font-size:clamp(27px,2.8vw,42px);font-weight:400;border:0;padding:2px 0;line-height:1.5;letter-spacing:-.05em;display:flex;justify-content:space-between;align-items:center;transition:color .2s,transform .3s}#menuDialog .menu-primary a span{font-size:22px;color:var(--dim);transition:transform .3s,color .3s}#menuDialog .menu-primary a:hover,#menuDialog .menu-primary a:focus-visible,#menuDialog .menu-primary a.is-active{color:var(--acc);transform:translateX(6px)}#menuDialog .menu-primary a:hover span,#menuDialog .menu-primary a.is-active span{color:var(--acc);transform:translate(3px,-3px)}.menu-projects>p{font-size:11px;color:var(--dim);margin-bottom:17px}#menuDialog .menu-projects nav{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}#menuDialog .menu-projects nav a{font-size:14px;font-weight:400;line-height:1.5;border:0;padding:2px 0;display:block;letter-spacing:0}#menuDialog .menu-projects nav a:hover{color:var(--acc)}.menu-bottom{margin-top:auto;padding-top:45px}.menu-bottom>p{font-size:12px;color:var(--dim);margin-bottom:12px}.menu-bottom>a:not(.menu-email){font-size:17px;color:var(--ink);text-decoration:underline;text-underline-offset:6px}#menuDialog .menu-email{font-size:12px;max-width:none;margin:22px 0 0;color:var(--dim)}.menu-context{position:absolute;left:var(--pad);right:calc(clamp(390px,37vw,540px) + 7vw);top:50%;transform:translateY(-50%);max-height:85svh;animation:context-enter .8s ease both}.menu-context-label{font-size:11px;color:#bbb9b4;letter-spacing:.04em;margin-bottom:35px}.menu-preview{display:block}.menu-preview-image{aspect-ratio:1.6;background:rgba(24,24,26,.9);padding:5%;display:grid;align-items:center;overflow:hidden;box-shadow:0 25px 80px #0006}.menu-preview-image img{width:100%;max-height:48svh;object-fit:contain}.menu-preview-caption{display:flex;gap:25px;align-items:center;justify-content:space-between;margin-top:25px}.menu-preview-caption h2{font-size:clamp(24px,2.7vw,43px);font-weight:400;line-height:1.4}.menu-preview-caption>span{color:var(--acc);font-size:28px}.menu-preview>p{font-size:14px;color:#bbb9b4;max-width:37em;margin-top:15px}.menu-preview-controls{display:flex;align-items:center;gap:20px;margin-top:25px}.menu-preview-controls button{width:40px;height:40px;background:none;border:1px solid #666;font-size:17px}.menu-preview-controls button:hover{border-color:var(--acc);color:var(--acc)}.menu-preview-controls span{font-size:12px;color:var(--dim);min-width:85px;text-align:center}.menu-mobile-preview{display:none}#menuDialog.is-closing .menu-shell{animation:drawer-exit .24s ease both}#menuDialog.is-closing .menu-context{opacity:0;transition:opacity .2s}@keyframes drawer-enter{from{transform:translateX(105%)}to{transform:none}}@keyframes drawer-exit{to{transform:translateX(105%);opacity:0}}@keyframes context-enter{from{opacity:0}to{opacity:1}}
/* A continuous reel of real captures, with hover, focus and explicit pause controls. */
.intro-flow-copy{max-width:44em;margin:45px 0 65px 53%;color:#c6c4bf;font-size:16px;line-height:1.9}.preview-flow{margin:0 calc(-1 * var(--pad))}.preview-flow-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 var(--pad);margin-bottom:30px}.preview-flow-head>p{font-size:12px;color:var(--dim)}#reelPause{font-size:12px;padding:10px 15px;min-height:44px;border:1px solid #555;background:none}#reelPause:hover{border-color:var(--acc);color:var(--acc)}.preview-viewport{overflow:hidden;padding:5px 0 20px}.preview-track{display:flex;width:max-content;will-change:transform;position:relative}.preview-group{display:flex;gap:35px;align-items:start;padding-right:35px;flex-shrink:0}.preview-card{display:block;width:clamp(300px,37vw,650px);flex-shrink:0}.preview-card:nth-child(even){margin-top:55px}.preview-card-image{aspect-ratio:1.6;padding:4%;background:#1b1b1f;display:grid;align-items:center;overflow:hidden}.preview-card-image img{width:100%;height:auto;max-height:100%;object-fit:contain;transition:transform .5s}.preview-card:hover img{transform:scale(1.035)}.preview-card-caption{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:17px 0 0}.preview-card-caption>span{font-size:19px}.preview-card-caption>small{font-size:10px;color:var(--dim);text-align:right}.preview-flow-note{font-size:11px;color:var(--dim);padding:20px var(--pad) 0}
/* Select a development field to inspect a matching, verified product. */
.capability-explorer{display:grid;grid-template-columns:.8fr 1.4fr;gap:7vw;align-items:start}.capability-tabs{display:grid;gap:12px}.capability-tabs button{padding:17px 0;min-height:76px;text-align:left;background:none;border:0;color:#8f8f8d;font-size:clamp(22px,2.5vw,35px);font-weight:400;letter-spacing:-.04em;line-height:1.5;transition:color .2s,transform .3s}.capability-tabs button>span{display:block;margin-top:4px;font-size:11px;letter-spacing:0;color:var(--dim)}.capability-tabs button[aria-selected=true]{color:var(--ink);transform:translateX(12px)}.capability-tabs button[aria-selected=true]>span{color:var(--acc)}.capability-tabs button:hover{color:var(--acc)}.capability-visual{display:block;position:relative;background:#252527;padding:5%;aspect-ratio:1.6;overflow:hidden;display:grid;align-items:center}.capability-visual img{width:100%;max-height:100%;object-fit:contain}.capability-visual>span{position:absolute;bottom:14px;right:18px;background:#0a0a0be8;padding:8px 12px;font-size:11px}.capability-description{margin-top:30px;display:grid;grid-template-columns:1fr 1.6fr;gap:12px 35px;align-items:baseline}.capability-description h3{font-size:30px}.capability-description>p{font-size:14px;color:var(--dim);line-height:1.9;min-height:80px}.capability-description .text-link{grid-column:2;font-size:12px}
.interactive-process{display:grid;grid-template-columns:.8fr 1.4fr;gap:7vw}.interactive-process .sec-head h2{font-size:clamp(34px,4vw,60px)}.process-accordion details{border-top:1px solid #3d3d40}.process-accordion details:last-child{border-bottom:1px solid #3d3d40}.process-accordion summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:110px 1fr 25px;align-items:center;gap:15px;padding:25px 0}.process-accordion summary::-webkit-details-marker{display:none}.process-number{font-size:12px;color:var(--dim)}.process-accordion h3{font-size:25px}.process-plus{font-size:27px;font-weight:300;text-align:right;transition:transform .3s}.process-accordion details[open] .process-plus{transform:rotate(45deg);color:var(--acc)}.process-accordion details[open] .process-number{color:var(--acc)}.process-answer{margin:0 40px 30px 125px;animation:answer-enter .35s ease}.process-answer p{font-size:14px;color:var(--dim);line-height:1.9}.process-answer p+p{margin-top:15px}@keyframes answer-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* Draft composition stays in the browser; sending is a separate user action. */
.interactive-contact{display:block}.contact-heading{max-width:950px;margin-bottom:65px}.contact-heading h2{font-size:clamp(38px,5.5vw,82px)}.contact-heading .contact-note{max-width:37em}.brief-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;align-items:start}.brief-form{display:grid;gap:15px;min-width:0}.brief-form>label,.brief-form legend,.brief-fields label{font-size:14px;color:var(--ink)}.brief-form input:not([type=checkbox]),.brief-form textarea,.brief-form select{width:100%;min-width:0;background:#23201e;color:var(--ink);border:1px solid #59514a;padding:14px 15px;border-radius:0;font:inherit;font-size:15px;line-height:1.6}.brief-form select{cursor:pointer}.brief-form option{background:#23201e}.brief-form textarea{resize:vertical;min-height:120px}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#a9a39d}.brief-form fieldset{border:0;padding:0;margin:12px 0 14px;min-width:0}.brief-form legend{margin-bottom:17px}.brief-form legend>span{font-size:11px;color:var(--dim);margin-left:10px}.feature-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.feature-options label{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px}.feature-options input{position:absolute;opacity:0;width:1px;height:1px}.feature-options span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 8px;width:100%;font-size:12px;line-height:1.5;border:1px solid #59514a;color:#c6c1ba;text-align:center;transition:background .2s,color .2s}.feature-options input:checked+span{background:#f0ede7;color:#171514;border-color:#f0ede7}.feature-options input:focus-visible+span{outline:2px solid var(--acc);outline-offset:3px}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:8px 0}.brief-fields>div{display:grid;gap:12px}.brief-privacy{font-size:11px;color:var(--dim);line-height:1.8;margin-top:4px}.brief-preview{position:sticky;top:35px;background:#24211e;padding:30px;min-width:0;border-top:2px solid var(--acc)}.brief-preview-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.brief-preview-heading h3{font-size:23px}.brief-preview-heading>span{font-size:11px;color:#d1c3b4}.brief-preview output{white-space:pre-wrap;font-size:14px;line-height:1.9;display:block;min-height:300px;color:#d3cec8;overflow-wrap:anywhere}.brief-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.brief-actions .button{font-size:13px;padding:14px 17px}.brief-actions .text-link{font-size:12px}.brief-preview .mail{font-size:17px;margin-top:20px}.brief-preview #copyStatus{margin-top:12px}.brief-preview .contact-small{font-size:11px}
@media(max-width:1050px){.menu-shell{width:400px;padding:25px}.menu-context{right:450px;left:30px}.menu-context-label{margin-bottom:22px}.menu-preview-caption h2{font-size:25px}.menu-preview>p{font-size:12px}.capability-explorer{gap:5vw;grid-template-columns:.9fr 1.2fr}.capability-description{display:block}.capability-description>p{margin-top:18px}.interactive-process{display:block}.process-accordion{max-width:850px;margin-left:auto}.brief-layout{gap:5vw}.feature-options{grid-template-columns:1fr 1fr}.brief-preview{padding:25px}.preview-card-caption{display:block}.preview-card-caption>small{display:block;text-align:left;margin-top:5px}}
@media(max-width:768px){.menu-shell{inset:8px;width:auto;padding:20px 24px;max-height:calc(100svh - 16px)}.menu-context{display:none}#menuDialog .menu-primary{margin:35px 0 27px;gap:7px}#menuDialog .menu-primary a{font-size:29px}#menuDialog .menu-primary a span{font-size:20px}#menuDialog .menu-projects nav{gap:9px 20px}#menuDialog .menu-projects nav a{font-size:13px}.menu-projects>p{font-size:10px;margin-bottom:12px}.menu-mobile-preview{display:block;position:relative;width:100%;margin-top:25px;background:#262628;aspect-ratio:2.6;overflow:hidden;padding:8px}.menu-mobile-preview img{width:100%;height:100%;object-fit:contain}.menu-mobile-preview span{position:absolute;right:9px;bottom:8px;background:#111d;padding:5px 8px;font-size:10px}.menu-bottom{padding-top:28px}.menu-bottom>p{font-size:11px}.menu-bottom>a:not(.menu-email){font-size:15px}#menuDialog .menu-email{font-size:11px;margin-top:18px}.intro-flow-copy{margin:30px 0 40px;font-size:14px;max-width:36em}.intro-flow-copy br{display:none}.preview-flow-head{gap:15px;margin-bottom:20px}.preview-flow-head>p{font-size:11px}#reelPause{font-size:11px;padding:9px 12px}.preview-group{gap:20px;padding-right:20px}.preview-card{width:290px}.preview-card:nth-child(even){margin-top:30px}.preview-card-caption{margin-top:14px}.preview-card-caption>span{font-size:18px}.preview-card-caption>small{font-size:10px}.preview-flow-note{font-size:10px;padding-top:15px}.capability-explorer{grid-template-columns:1fr;gap:30px}.capability-tabs{grid-template-columns:1fr 1fr;gap:0 18px}.capability-tabs button{font-size:19px;min-height:70px;padding:12px 0}.capability-tabs button>span{font-size:10px;margin-top:4px}.capability-tabs button[aria-selected=true]{transform:none;color:var(--acc)}.capability-tabs button[aria-selected=true]>span{color:var(--dim)}.capability-visual{padding:5%}.capability-visual>span{font-size:10px;padding:6px 8px;right:10px;bottom:10px}.capability-description{margin-top:24px}.capability-description h3{font-size:26px}.capability-description>p{font-size:14px;margin-top:14px;min-height:0}.capability-description .text-link{margin-top:12px}.interactive-process .sec-head h2{font-size:36px}.process-accordion summary{grid-template-columns:75px 1fr 18px;gap:10px;padding:20px 0}.process-number{font-size:10px}.process-accordion h3{font-size:20px}.process-plus{font-size:24px}.process-answer{margin:0 0 25px 85px}.process-answer p{font-size:13px}.contact-heading{margin-bottom:40px}.contact-heading h2{font-size:38px}.brief-layout{grid-template-columns:1fr;gap:40px}.brief-form{gap:13px}.brief-form>label,.brief-form legend,.brief-fields label{font-size:13px}.brief-form input:not([type=checkbox]),.brief-form select,.brief-form textarea{font-size:16px;padding:13px}.brief-fields{gap:15px}.brief-form legend>span{font-size:10px}.feature-options{grid-template-columns:1fr 1fr;gap:8px}.feature-options span{font-size:12px}.brief-preview{position:static;padding:22px}.brief-preview output{font-size:13px;min-height:270px}.brief-actions{gap:12px}.brief-preview .mail{font-size:15px}.brief-preview .contact-small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.menu-shell,.menu-context,.process-answer{animation:none!important}#menuDialog.is-closing .menu-shell{opacity:0}.preview-track{will-change:auto}}