/* Shared surfaces and spacing, taken from the Skira research page and demo. */
:root{--soft-panel:#17171c;--soft-inset:#212127;--soft-indigo:#252537;--soft-text:#b4b5ff}
.site-footer{background:#111114;padding-top:64px;border:0}.footer-grid{border:0;padding-bottom:45px}.footer-head{font-weight:400;letter-spacing:0;text-transform:none;color:#a2a2b0;font-size:13px}.footer-brand{font-weight:400;letter-spacing:-.025em;font-size:24px}.footer-mail{font-weight:400;letter-spacing:0;border:0}.footer-bottom{border:0;color:var(--muted)}
/* Homepage: original project cards, with quieter surrounding sections. */
.home-page .hero-background{border:0}.home-page .about-hero{padding-bottom:65px}.home-page .about-visual .scribble-note{background:none;border:0}.home-page .work-section{padding-top:40px}.home-page .work-section .section-intro h2{font-size:clamp(42px,4.4vw,61px);line-height:1.13;letter-spacing:-.045em}.home-page .work-section .section-intro p{border:0;padding:0;max-width:37ch;font-size:16px;line-height:1.85}.home-page .company-section{padding:50px 0 65px;gap:8%}.home-page .company-section h2{font-size:clamp(38px,4.4vw,61px);line-height:1.13;letter-spacing:-.045em}.home-page .company-section h2 span{color:var(--soft-text)}.home-page .contact-section{--accent:#eaebf2;background:#2525cc;border-radius:10px;padding:48px 42px 32px;margin-block:30px 65px}.home-page .contact-section h2{font-size:clamp(60px,9.5vw,132px);font-weight:400;line-height:.98;letter-spacing:-.06em;margin-bottom:32px}.home-page .contact-section>a{border:0;border-bottom:1px solid #eaebf255;color:#eaebf2;font-size:20px;gap:30px}.home-page .contact-section>a span{color:#eaebf2}.home-page .contact-profiles{margin-top:35px;gap:15px}.home-page .contact-profiles li{border:0;min-width:0}.home-page .contact-profiles a{padding:19px 15px;border-radius:7px;background:rgba(234,235,242,.09);gap:14px}.home-page .contact-profiles svg{width:25px;height:25px;color:#eaebf2}.home-page .contact-profiles small{color:rgba(234,235,242,.72)}.home-page .contact-profiles strong{font-size:15px}
/* Product pages inherit the reading rhythm, with detail only when wanted. */
.product-page:not(.skira-page) .product-intro{padding-bottom:48px}.product-page:not(.skira-page) .product-intro h1{font-size:clamp(56px,7.4vw,108px)}.capabilities{border:0;gap:20px;padding:12px 0 30px;counter-reset:none}.capabilities li{padding:25px;background:var(--soft-panel);border-radius:9px;counter-increment:none}.capabilities li::before{content:none}.capabilities h3{font-size:22px;font-weight:400;letter-spacing:-.03em;margin-bottom:13px}.capabilities p{font-size:15px;line-height:1.8;color:var(--body)}.product-page:not(.skira-page) .detail-demo{border:0;padding-top:20px;margin-top:32px}.product-page:not(.skira-page) .demo-intro h2{font-size:clamp(30px,3.3vw,45px);line-height:1.2;letter-spacing:-.035em}.product-page:not(.skira-page) .demo-intro>p{font-size:15px;line-height:1.85}.product-page:not(.skira-page) .demo-bottom{padding-top:22px;align-items:center}.product-page:not(.skira-page) .demo-bottom ul{list-style:none;padding:0;gap:12px 23px;font-size:12px}.product-page:not(.skira-page) .demo-bottom button{border:0;border-radius:6px;background:var(--soft-inset);padding:10px 14px;font-size:12px;color:#d0d0e2}.product-page:not(.skira-page) .demo-bottom button:first-child{background:#dfdff4;color:#1c1c29}.project-notes{margin:45px 0;background:var(--soft-panel);padding:0 25px;border-radius:9px}.project-notes>summary{display:flex;justify-content:space-between;gap:20px;list-style:none;padding:23px 0;cursor:pointer;font-size:20px;letter-spacing:-.02em}.project-notes>summary::-webkit-details-marker{display:none}.project-notes>summary::after{content:'+';font:24px var(--mono);color:var(--soft-text)}.project-notes[open]>summary::after{content:'−'}.project-notes>div{padding:0 0 25px;max-width:760px;color:var(--body);font-size:15px;line-height:1.85}.project-notes .text-link{margin-top:13px}.project-notes>summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.related-projects{border:0;padding:0;gap:20px;margin-block:40px 65px}.related-projects a,.related-projects a+a{padding:22px 25px;background:var(--soft-panel);border:0;border-radius:9px;font-size:24px}.related-projects a:hover{background:var(--soft-inset);color:var(--ink)}.related-projects a span{color:var(--soft-text)}
/* The PermitVault product remains its original interactive app mockup. */
.vault-demo-window{border:0;border-radius:12px;box-shadow:0 24px 70px #0005}.vault-demo-window::backdrop{background:#09090be8}.vault-demo-window .dialog-header{border:0;background:var(--soft-panel);padding-inline:25px}.vault-demo-window .dialog-close{border:0;background:var(--soft-inset);border-radius:6px;padding:9px 14px}
/* veil is a diagram. Individual steps use the same surfaces as Skira's documents. */
.veil-diagram{border:0;border-radius:12px;background:var(--soft-panel);box-shadow:0 24px 70px #0005;padding:28px}.diagram-heading{padding:0 0 22px;border:0}.diagram-heading h3{font-size:26px}.diagram-heading>span{font:11px var(--sans);padding:6px 10px;border-radius:4px;background:var(--soft-inset)}.veil-steps{padding:0;gap:8px}.veil-steps button{border:0;border-radius:6px;background:var(--soft-inset);color:#b5b5c5;padding:10px 14px;font-size:12px}.veil-steps button[aria-pressed=true]{background:#dfdff4;color:#1c1c29}#veil-step-note{padding:23px 0 0;min-height:72px;font-size:14px;line-height:1.8;color:var(--body)}.flow-body{padding:20px 0 0}.flow-label{font:12px var(--sans);margin-bottom:14px}.flow-lane{gap:32px}.flow-lane li{padding:22px 18px;border-radius:8px;background:var(--soft-inset)}.flow-lane h4{font-size:12px;color:#b4b4c4;margin-bottom:14px}.flow-lane .flow-local{border:0;background:var(--soft-indigo);text-align:left;padding:22px 18px}.flow-local h4{font-size:19px;color:var(--soft-text)}.flow-lane p{font-size:14px;line-height:1.8}.flow-local p{font-size:14px}.flow-out li+li::before,.flow-back li:not(:last-child)::before{left:-25px;color:#b4b5d0}.flow-mapping{border:0;border-radius:8px;padding:20px 23px;background:var(--soft-indigo);margin-top:24px}.flow-mapping code{color:#ccccdf;font-size:12px;margin-top:10px}.flow-mapping code span{color:var(--soft-text)}.flow-lane,.flow-mapping{opacity:.48}.flow-body[data-flow-step="1"] .flow-mapping{background:#343450}.return-label{margin-top:30px}
/* Privacy content is unchanged; the layout uses readable, quiet sections. */
.privacy-page{max-width:960px;padding-top:60px}.privacy-page .privacy-intro{max-width:650px}.privacy-page section{padding:30px;margin-top:22px;border:0;border-radius:10px;background:var(--soft-panel)}.privacy-page section:first-of-type{margin-top:40px}.privacy-page section:nth-of-type(2){background:#202037}.privacy-page h2{font-size:25px;letter-spacing:-.035em}.privacy-page section p,.privacy-page li{max-width:75ch;font-size:15px;line-height:1.85}.privacy-page strong{font-weight:400;color:#e0e0f0}.privacy-page section a{border-color:#7879b6}
@media(max-width:1100px){.home-page .contact-profiles{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .contact-section{padding:35px}.capabilities{gap:15px}.capabilities li{padding:22px}.flow-lane{gap:24px}.flow-lane li,.flow-lane .flow-local{padding:18px 13px}.flow-out li+li::before,.flow-back li:not(:last-child)::before{left:-19px;font-size:15px}}
@media(max-width:760px){.home-page .about-hero{padding-bottom:35px}.home-page .work-section .section-intro h2{font-size:43px}.home-page .work-section .section-intro p{font-size:15px}.home-page .company-section{padding-block:30px}.home-page .company-section h2{font-size:43px}.home-page .contact-section{padding:28px 23px 23px;margin-block:25px 45px}.home-page .contact-section h2{font-size:64px}.home-page .contact-section>a{font-size:17px;gap:16px}.home-page .contact-profiles{gap:10px}.home-page .contact-profiles a{padding:16px 12px;gap:10px}.home-page .contact-profiles strong{font-size:13px}.home-page .contact-profiles svg{width:23px;height:23px}.product-page:not(.skira-page) .product-intro{padding-bottom:23px}.product-page:not(.skira-page) .product-intro h1{font-size:clamp(48px,10vw,76px)}.capabilities{grid-template-columns:1fr;padding-block:10px 20px;gap:13px}.capabilities li{padding:23px}.capabilities h3{font-size:22px;margin-bottom:10px}.capabilities p{font-size:14px}.product-page:not(.skira-page) .detail-demo{padding-top:10px;margin-top:28px}.product-page:not(.skira-page) .demo-bottom{align-items:flex-start;gap:18px}.project-notes{padding-inline:20px;margin-block:30px}.project-notes>summary{font-size:19px}.related-projects{gap:13px;margin-bottom:40px}.related-projects a,.related-projects a+a{padding:20px 15px;font-size:21px;gap:12px}.veil-diagram{padding:19px}.veil-steps{gap:6px}.veil-steps button{padding:9px 11px;font-size:11px}#veil-step-note{padding-top:19px;font-size:13px;min-height:86px}.flow-lane{gap:25px}.flow-lane li,.flow-lane .flow-local{padding:18px}.flow-lane h4{margin-bottom:10px}.flow-mapping{padding:18px}.flow-mapping code{font-size:11px}.privacy-page{padding-top:35px}.privacy-page section{padding:24px 21px}.privacy-page h2{font-size:23px}.site-footer{padding-top:43px}.footer-grid{padding-bottom:30px}}
@media(max-width:600px){.flow-lane li+li::before,.flow-back li+li::before,.flow-out li+li::before{left:auto;right:calc(50% - 7px);top:-24px;content:'↓';font-size:16px}.flow-back li:first-child::before{display:none}.veil-steps{flex-direction:column;align-items:stretch}.veil-steps button{text-align:left;font-size:12px}.flow-body{padding-top:23px}.diagram-heading{padding-bottom:19px}.flow-lane code{font-size:11px}.flow-label{font-size:12px}.flow-lane p{font-size:14px}.flow-mapping code{font-size:10px}}
@media(max-width:390px){.home-page .contact-profiles{grid-template-columns:1fr}.home-page .contact-profiles strong{font-size:15px}.home-page .contact-section h2{font-size:56px}.home-page .contact-section>a{font-size:15px}.related-projects a,.related-projects a+a{font-size:18px;padding:17px 12px}.veil-diagram{padding:15px}.flow-lane li,.flow-lane .flow-local{padding:15px}.flow-lane p{font-size:12px}.flow-mapping{padding:15px}.flow-mapping p{font-size:11px}}
@media(max-width:600px){.veil-diagram .flow-body .flow-lane li::before{display:none}.veil-diagram .flow-body .flow-lane li+li::before{display:block;content:'↓';position:absolute;left:calc(50% - 7px);right:auto;top:-24px;font:16px var(--mono);color:#b4b5d0}}

.home-page .contact-profiles a:hover,.home-page .contact-profiles a:focus-visible{background:rgba(234,235,242,.16)}