/* An OTW composition: asymmetric type, a design study and an open sketchbook. */
.signature-experience .header{max-width:1440px;margin:auto;padding-inline:5%;border-bottom-color:#ffffff12}.signature-experience .header nav a[aria-current=page]{border-bottom:0;color:#fff;box-shadow:inset 0 -2px #3157e8}.signature-experience .header .primary{background:transparent;border-color:#555;color:#eee;border-radius:999px}
.signature-experience .otw-intro{height:auto;min-height:780px;max-height:none;max-width:1440px;margin:auto;padding:90px 6% 100px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;text-align:start;overflow:hidden}
.signature-experience .otw-intro:after{display:none}.signature-experience .studio-hero-copy{max-width:620px}.signature-experience .studio-kicker{font-size:12px;letter-spacing:.12em;color:#aaa}
html[lang=en] .signature-experience .studio-hero h1{font-size:clamp(62px,7.8vw,112px);font-weight:500;line-height:.99;letter-spacing:-.065em;margin:30px 0}.signature-experience .studio-hero h1{font-size:clamp(58px,6vw,86px);line-height:1.35;margin:26px 0}.signature-experience .studio-hero h1 span,html[lang=en] .signature-experience .studio-hero h1 span{color:#eee;text-decoration:underline;text-decoration-color:#3157e8;text-decoration-thickness:4px;text-underline-offset:12px}
.signature-experience .studio-hero p{margin:0;max-width:460px;font-size:17px;color:#b6b6b6}.signature-experience .studio-actions{justify-content:flex-start;gap:10px;margin-top:30px}.signature-experience .studio-actions .primary{border-radius:999px}.signature-experience .studio-secondary{padding-inline:16px}.signature-experience .otw-beams{opacity:.45}
.otw-feature{align-self:center;position:relative;transform:rotate(3deg);border:1px solid #3e3e3e;background:#e8e9e9;color:#151515;box-shadow:18px 24px 0 #ffffff05;transition:transform .6s;overflow:hidden}.otw-feature:hover{transform:rotate(0)}.otw-feature-label{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;font-size:10px;letter-spacing:.1em;border-bottom:1px solid #ccc}.otw-feature img{width:100%;height:350px;object-fit:cover;display:block;filter:saturate(.35)}.otw-feature-caption{padding:25px;display:flex;flex-direction:column;gap:10px}.otw-feature-caption strong{font-size:27px;letter-spacing:-.04em;font-weight:500}.otw-feature-caption span{font-size:12px;color:#555}.otw-intro-bottom{position:absolute;bottom:26px;inset-inline:6%;border-top:1px solid #ffffff20;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#999;font-size:12px}
.signature-experience .selected-work{background:#e8e9e7;color:#191919;max-width:none;padding:85px max(6%,calc((100vw - 1125px)/2));}.signature-experience .selected-work .eyebrow{color:#666}.signature-experience .selected-work .section-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px 65px;align-items:end}.signature-experience .selected-work .section-heading>.eyebrow{grid-column:1/-1}.signature-experience .selected-work .section-heading h2{margin:12px 0}.signature-experience .selected-work .section-heading>p{color:#595959;margin-bottom:0}.otw-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px;align-items:start}.signature-experience .work-panel{border:0;border-radius:0;background:transparent;color:#171717;overflow:visible}.signature-experience .work-panel:nth-child(2){margin-top:100px}.signature-experience .work-panel:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:0 35px}.signature-experience .work-panel:last-child .work-meta{grid-column:1/-1}.signature-experience .work-meta{border:0;color:#666;padding:18px 0;font-size:11px}.signature-experience .work-image{height:370px;background:#ddd;border-radius:6px;overflow:hidden}.signature-experience .work-image img{filter:saturate(.45)}.signature-experience .work-caption{display:block;padding:24px 0}.signature-experience .work-caption h3{font-size:28px;margin-bottom:12px}.signature-experience .work-caption p{color:#5d5d5d;margin-bottom:20px}.signature-experience .work-caption a{display:inline-block}.signature-experience .work-panel:last-child .work-caption{align-self:center}
.signature-experience .visual-services{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.signature-experience .services .visual-service{display:flex;flex-direction:column;align-items:stretch;padding:0;border-top:1px solid #555;min-height:0;overflow:visible}.signature-experience .services .service-art{min-height:190px;padding:25px 15px}.signature-experience .services .service-art .post-crop{max-width:210px}.signature-experience .studio-service-copy{padding:20px 0;flex:1;justify-content:flex-start}.signature-experience .services .service-card-copy h3{font-size:27px}.signature-experience .service-includes{display:block;margin-top:auto}.signature-experience .services .service-includes li{padding:5px 0;border:0;font-size:14px}.signature-experience .discover{align-self:start}.signature-experience .services .section-heading{align-items:center}.signature-experience .services h2{max-width:650px}
.signature-experience .process{background:#151515;color:#eee;border-block:1px solid #333}.signature-experience .process h2,.signature-experience .process .steps h3{color:#eee}.signature-experience .process .blue,.signature-experience .process .step-no{color:#ccc}.signature-experience .process .steps p,.signature-experience .process .eyebrow{color:#aaa}.signature-experience .process .steps article{border-color:#444}
.signature-experience .page-hero{border-bottom:1px solid #333}.signature-experience .page-hero h1{letter-spacing:-.035em}.signature-experience .concept-card,.signature-experience .blog-card{border:0;border-top:1px solid #444;border-radius:0;background:transparent}.signature-experience .page-cta{background:#e8e9e7;color:#111;border:0;border-radius:0;padding-block:65px}.signature-experience .page-cta .eyebrow{color:#666}.signature-experience .page-cta .button{background:#151515;color:#fff;border-color:#151515;border-radius:999px}.signature-experience .studio-signature{color:#eee;text-align:start;font-size:clamp(95px,18vw,230px);line-height:1;font-weight:500;display:flex;align-items:end;justify-content:space-between;letter-spacing:-.09em;padding-bottom:15px}.studio-signature>span{font-size:12px;letter-spacing:.1em;color:#999;padding-bottom:12px}.signature-experience .site-footer{border-top:3px solid #3157e8}
@media(max-width:900px){.signature-experience .otw-intro{gap:35px;padding-top:65px}.otw-feature img{height:280px}.signature-experience .visual-services{gap:20px}.signature-experience .services .service-card-copy h3{font-size:23px}.signature-experience .work-image{height:290px}}
@media(max-width:700px){.signature-experience .otw-intro{grid-template-columns:1fr;padding:55px 6% 110px;gap:45px;min-height:0}.signature-experience .studio-hero h1,html[lang=en] .signature-experience .studio-hero h1{font-size:clamp(60px,16vw,88px);line-height:1.04;margin:25px 0 30px}html[lang=ar] .signature-experience .studio-hero h1{line-height:1.3;font-size:62px}.signature-experience .studio-hero p{font-size:16px}.signature-experience .studio-actions{gap:0}.otw-feature{margin:5px 10px;transform:rotate(2deg)}.otw-feature img{height:270px}.otw-feature-caption strong{font-size:25px}.otw-feature-label{font-size:9px;padding:15px}.otw-intro-bottom{font-size:10px;gap:18px}.signature-experience .selected-work{padding:60px 6%}.signature-experience .selected-work .section-heading{grid-template-columns:1fr;gap:8px}.otw-work-grid{grid-template-columns:1fr;gap:30px}.signature-experience .work-panel:nth-child(2){margin-top:0}.signature-experience .work-panel:last-child{display:block;grid-column:auto}.signature-experience .work-image{height:330px}.signature-experience .visual-services{grid-template-columns:1fr}.signature-experience .services .visual-service{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:25px 0}.signature-experience .services .service-art{padding:25px 0;min-height:0;align-self:start}.signature-experience .service-index{top:0;inset-inline-start:0}.signature-experience .studio-service-copy{padding:0}.signature-experience .services .service-card-copy h3{font-size:26px}.signature-experience .service-fit{font-size:12px}.signature-experience .service-includes li{font-size:13px}.signature-experience .services .section-heading{display:block}.signature-experience .studio-signature{font-size:110px}.studio-signature>span{font-size:10px;letter-spacing:0}.signature-experience .page-cta{padding:40px 7%}}
@media(prefers-reduced-motion:reduce){.otw-feature,.otw-feature:hover{transform:none;transition:none}}
.signature-experience .real-projects .work-panel:last-child{display:block;grid-column:auto}.signature-experience .real-projects .work-image{display:block;height:420px}.signature-experience .real-projects .work-image img{object-fit:cover;filter:none}.signature-experience .real-projects .work-panel:nth-child(2) .work-image img{object-position:center 70%}.signature-experience .real-projects .work-meta{flex-wrap:wrap;gap:6px}.signature-experience .real-projects .work-caption h3{direction:ltr;text-align:start}@media(max-width:700px){.signature-experience .real-projects .work-image{height:340px}}