/* Request form and uncropped portfolio imagery. */
.buying-guide{padding:70px 4vw;background:#111721}.buying-guide h2{font-size:32px;margin:0 0 30px}.buying-guide details{border-top:1px solid #515151;padding:20px 0}.buying-guide summary{cursor:pointer;font-size:18px}.buying-guide details p{color:#c6c6c6;max-width:840px;line-height:1.8}
.work-stage{display:block;columns:3;column-gap:14px;min-height:0}
.work-stage[data-layout="row-major"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;columns:auto}.work-stage[data-layout="row-major"] .demo-work{margin:0;align-self:start}
.demo-work,.demo-work:first-child{position:relative;display:block;width:100%;height:auto;min-height:0;grid-row:auto;break-inside:avoid;border:0;padding:0;margin:0 0 14px;background:#151a22;overflow:hidden;cursor:zoom-in}
.demo-work img{display:block;width:100%;height:auto;object-fit:contain;background:#151a22}
.contact{padding:140px 4vw;background:var(--white);color:#101318;display:grid;grid-template-columns:minmax(0,.8fr) minmax(540px,1.2fr);gap:7vw;align-items:start;min-height:0}
.contact-intro{position:sticky;top:130px}
.contact-intro>p:not(.section-label){font-size:18px;color:#626262;max-width:560px}
.contact-guide{margin-top:54px;padding-top:20px;border-top:1px solid #b8bdc5}
.contact-guide span{font-size:12px;letter-spacing:.1em;color:#b8ff00}
.contact-guide p{font-size:15px;color:#626262}
.project-form{background:#101318;color:#f8f8f6;padding:36px}
.form-head{display:flex;justify-content:space-between;border-bottom:1px solid #3d444f;padding-bottom:20px;margin-bottom:28px}
.form-head p{margin:0;font-size:13px;letter-spacing:.13em}.form-head span{font-size:12px;color:#efffc7}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}
.project-form label{display:grid;gap:9px;font-size:14px}.project-form label.full{grid-column:1/-1}
.project-form input,.project-form select,.project-form textarea{width:100%;min-width:0;border:0;border-bottom:1px solid #7e7e7e;border-radius:0;background:transparent;color:#fff;padding:12px 2px;font:inherit;font-size:16px;outline:none}
.project-form select{color-scheme:dark;appearance:none;-webkit-appearance:none;padding-right:38px;background-color:#101318;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m4 7 5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:18px}.project-form select:invalid{color:#c5cbd4}.project-form select option{background:#101318;color:#fff}.project-form textarea{resize:vertical;border:1px solid #7e7e7e;padding:13px}
.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:#b8ff00}
.project-form ::placeholder{color:#888888}
.form-action{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end;margin-top:32px;padding-top:25px;border-top:1px solid #3d444f}
.form-action p{font-size:12px;color:#a9a9a9;margin:0}.form-action button{border:0;background:var(--blue);color:#fff;padding:17px 22px;cursor:pointer;font-weight:600}.form-action button span{margin-left:24px}
.project-form #form-status{font-size:13px;color:#efffc7;margin:18px 0 0}.project-form #form-status:empty{display:none}
.services-title>p:last-child{max-width:620px;margin:34px 0 0;font-size:17px;color:#efffc7}
.service-row{display:block;padding:0;transition:background .25s,color .25s}
.service-row summary{display:grid;grid-template-columns:80px 1.8fr 1fr 40px;align-items:center;gap:24px;padding:36px 4vw;cursor:pointer;list-style:none}
.service-row summary::-webkit-details-marker{display:none}.service-row summary>span{font-size:12px}.service-row summary h3{font-size:clamp(27px,4vw,62px);line-height:1;margin:0;letter-spacing:-.045em}.service-row summary p{font-size:14px;margin:0}.service-row summary b{font-size:25px;font-weight:400;transition:transform .3s}.service-row[open] summary b{transform:rotate(45deg)}
.service-row:hover{background:var(--white);color:#101318}.service-row[open]{background:#f8f8f6;color:#101318}.service-row summary:focus-visible{outline:3px solid #101318;outline-offset:-6px}
.service-detail{padding:0 4vw 48px 4vw}.service-row .service-intro{max-width:760px;margin:0 0 30px 104px;color:#5c5c5c;font-size:16px}.service-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-left:104px;border-top:1px solid #b8bec7;border-left:1px solid #b8bec7}.service-packages article{min-width:0;padding:28px;border-right:1px solid #b8bec7;border-bottom:1px solid #b8bec7}.service-packages article>span{font-size:11px;letter-spacing:.13em;color:#b8ff00}.service-packages h4{font-size:20px;line-height:1.25;margin:12px 0 18px}.service-packages strong{display:block;font-size:clamp(23px,2.2vw,34px);letter-spacing:-.045em;margin-bottom:23px}.service-packages ul{margin:0;padding-left:18px;color:#626262;font-size:13px;line-height:1.75}.service-row .service-note{margin:18px 0 0 104px;color:#727272;font-size:12px}
.works-head h2 em{font-style:normal;color:var(--blue)}
.work-tabs{scroll-margin-top:98px}
.work-empty{column-span:all;min-height:360px;display:grid;place-content:center;text-align:center;border:1px solid var(--line);background:#0d1117}.work-empty span{font-size:11px;letter-spacing:.16em;color:#b8ff00}.work-empty p{margin:14px 0 0;font-size:clamp(22px,3vw,38px);letter-spacing:-.04em}
footer{grid-template-columns:auto minmax(0,1fr)}.footer-brand{display:block}.footer-info{display:grid;gap:24px}.footer-contact{margin:0;font-size:11px;line-height:1.9;letter-spacing:.04em;color:#c0c6cf}.footer-contact a{color:var(--white);text-decoration:underline;text-underline-offset:3px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:18px}.footer-bottom p{margin:0}
.o1{left:7%;top:21%;transform:rotate(-11deg)}.o2{right:8%;top:16%;transform:rotate(8deg)}.o3{left:44%;bottom:4%;transform:rotate(4deg)}.o4{right:24%;bottom:6%;width:clamp(90px,10vw,160px);transform:rotate(-7deg)}.o5{left:27%;bottom:10%;width:clamp(90px,10vw,165px);transform:rotate(7deg)}
.manifesto{padding:130px 0 32px}
.manifesto-copy{padding:0 4vw 110px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px}
.manifesto-copy>.section-label{grid-column:1}.manifesto-copy h2{grid-column:2/-1;font-size:clamp(48px,6.6vw,108px);line-height:.98;letter-spacing:-.065em;margin:0;font-weight:600}.manifesto-copy h2 em{font-style:normal;color:var(--blue)}
.manifesto-text{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:28px;color:#c6cbd3;font-size:17px;line-height:1.85}.manifesto-text p{margin:20px 0 0}.manifesto-chapter{border-top:1px solid #5d5d5d;padding-top:24px}.manifesto-chapter>span{color:#efffc7;font-size:12px;letter-spacing:.12em}.manifesto-copy{grid-template-columns:1fr;gap:28px;padding-bottom:70px}.manifesto-copy>.section-label,.manifesto-copy h2{grid-column:1}.manifesto-copy h2{font-size:clamp(44px,5.7vw,88px);line-height:1.15}.manifesto-promise{border-top:1px solid #5d5d5d;padding-top:30px;display:flex;justify-content:space-between;gap:30px;align-items:end}.manifesto-promise>p{margin:0;font-size:clamp(17px,1.8vw,25px);line-height:1.75}.manifesto-promise strong{color:#efffc7;font-weight:600}.manifesto-promise .manifesto-signature{font-size:26px}.manifesto-signature span{display:block;font-size:13px;color:#bfbfbf;margin-top:8px}.package-inquiry{display:block;width:100%;margin-top:24px;padding:12px 10px;background:#101318;color:#fff;border:0;cursor:pointer;font-size:13px}.package-inquiry:hover{background:var(--blue)}.contact-guide a{text-decoration:underline;text-underline-offset:4px}.form-action button:disabled{opacity:.65;cursor:wait}.demo-work:hover img{transform:none}
@media(max-width:850px){
  .manifesto-text{grid-template-columns:1fr;max-width:none}.manifesto-promise{flex-wrap:wrap}.manifesto-copy h2{line-height:1.15}
  .hero h1{font-size:clamp(42px,11.6vw,70px);line-height:.88;letter-spacing:-.055em}.hero h1 span{white-space:nowrap}.hero-bottom{gap:18px}.hero-bottom p{max-width:62%}
  .o1{left:4%;top:22%}.o2{right:4%;top:29%}.o3{left:53%;bottom:13%}.o4{right:5%;bottom:31%;display:block}.o5{left:23%;bottom:8%;display:block}
  .statement,.services-title,.method,.contact{padding-block:82px}.statement div>p,.services-title>p:last-child,.method-copy>p:last-child,.contact-intro>p:not(.section-label){font-size:16px;line-height:1.72}
  .works{padding-block:82px}.work-stage{columns:2}.work-stage[data-layout="row-major"]{grid-template-columns:repeat(2,minmax(0,1fr))}.works-head>p:last-child{max-width:560px}.work-tabs{scrollbar-width:none}.work-tabs::-webkit-scrollbar{display:none}
  .service-row summary{grid-template-columns:38px minmax(0,1fr) 28px;padding:28px 20px}.service-row summary h3{overflow-wrap:anywhere}.service-row summary p{grid-column:2}.service-row summary b{grid-column:3;grid-row:1}.service-detail{padding:0 20px 38px}.service-row .service-intro,.service-packages,.service-row .service-note{margin-left:38px}.service-packages{grid-template-columns:1fr}.service-packages article{padding:24px}
  .method-steps h3 br{display:none}.method-steps p{line-height:1.7}
  .manifesto{padding-top:82px}.manifesto-copy{padding:0 20px 74px;display:block}.manifesto-copy h2{font-size:clamp(42px,10vw,68px)}.manifesto-text{max-width:620px;margin:34px 0 0;font-size:16px;line-height:1.72}
  .contact{padding:82px 20px;grid-template-columns:1fr}.contact-intro{position:static}.contact-guide{margin-top:36px}.project-form{padding:26px}footer{grid-template-columns:1fr}
}
@media(max-width:480px){
  .topbar{padding-inline:18px}.logo img{width:102px}.top-cta{font-size:9px;letter-spacing:.04em}
  .hero{min-height:620px;padding-top:100px}.hero-kicker{top:96px}.hero h1{font-size:clamp(34px,10.8vw,49px);line-height:.93;letter-spacing:-.045em}.hero-bottom{align-items:flex-end}.hero-bottom p{max-width:67%;font-size:11px;line-height:1.55}.hero-bottom a{font-size:9px}
  .statement h2,.works-head h2,.services-title h2,.method h2,.manifesto-copy h2,.contact h2{font-size:clamp(38px,11.4vw,48px);line-height:1.04;letter-spacing:-.052em}
  .work-stage{columns:1}.work-stage[data-layout="row-major"]{grid-template-columns:1fr}.work-tabs{margin-top:44px}.demo-work span{opacity:1;transform:none;background:#080b0fc4;padding:5px 8px;left:10px;bottom:10px}
  .service-row summary{gap:13px}.service-row summary h3{font-size:25px}.service-row summary p{font-size:12px;line-height:1.55}.service-detail{padding-inline:18px}.service-row .service-intro,.service-packages,.service-row .service-note{margin-left:0}.service-row .service-intro{font-size:14px;line-height:1.65}.service-packages h4{font-size:19px}.service-packages strong{font-size:27px}
  .method-steps li{padding-bottom:40px}.method-steps h3{font-size:31px;line-height:1.15}
  .ticker span{font-size:42px}
  .manifesto-text{display:block}.manifesto-chapter{margin-top:28px}.manifesto-promise{display:block;margin-top:28px}.manifesto-promise .manifesto-signature{margin-top:28px}
  .project-form{margin-inline:-4px;padding:22px 18px}.form-grid{grid-template-columns:1fr;gap:22px}.project-form label.full{grid-column:auto}.project-form input,.project-form select,.project-form textarea{font-size:16px}.form-action{grid-template-columns:1fr}.form-action button{width:100%;min-height:54px}.contact-guide p{line-height:1.7}
  footer{padding:30px 20px;gap:20px}.footer-bottom{display:grid;gap:10px}.footer-contact{font-size:10px;line-height:1.8;word-break:keep-all}
}
