/* YBB — editorial white, ink, cobalt, and sculptural imagery. */
:root{--navy:#0a1530;--blue:#245cf5;--text:#57647b}.atelier em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;color:var(--blue)}.atelier h1{font-weight:600;letter-spacing:-.055em}.atelier h2{font-weight:600;letter-spacing:-.045em}.atelier header{height:86px;border-bottom-color:#e7ebf0}.atelier .brand strong{font-weight:900}.atelier .eyebrow{font-size:11px;letter-spacing:2px}.tiny-rule{display:inline-block;width:25px;height:1px;background:var(--blue);vertical-align:middle;margin-right:10px}.atelier-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);padding-top:64px;padding-bottom:60px;gap:45px;min-height:720px}.atelier-hero h1{font-size:clamp(56px,5.8vw,86px);line-height:1.02}.atelier-hero h1 em{line-height:1.1}.atelier-hero .intro{font-size:18px;line-height:1.6}.hero-note{display:flex;gap:24px;margin-top:45px;font-size:9px;letter-spacing:1.4px;color:#7a8598}.hero-gallery{background:#eaf0f9;border-radius:4px;padding:22px 24px;overflow:hidden;box-shadow:0 30px 70px #0b153008}.gallery-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#52637d}.gallery-canvas{position:relative;min-height:355px;display:flex;align-items:center;padding:70px 5px 40px}.gallery-type{position:absolute;top:23px;left:0;font-size:clamp(50px,6vw,94px);font-weight:800;letter-spacing:-.075em;color:#c7d6eb;line-height:1;user-select:none}.gallery-canvas>a{display:block;position:relative;width:100%;transform:rotate(-5deg);transition:transform .5s;z-index:1}.gallery-canvas>a:hover{transform:rotate(-2deg) translateY(-4px)}.gallery-screen{box-shadow:0 20px 28px #0e25422a;border-radius:7px;overflow:hidden;background:white}.gallery-screen img{width:100%;height:auto;display:block}.gallery-screen .browser-bar{height:24px;font-size:8px}.gallery-stamp{position:absolute;right:0;bottom:10px;border:1px solid #b8c9df;backdrop-filter:blur(12px);background:#ffffffb0;box-shadow:0 9px 25px #17375312;color:var(--navy);border-radius:50%;width:82px;height:82px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:22px;letter-spacing:-1px;font-weight:800;z-index:2}.gallery-stamp span{font-size:7px;letter-spacing:1.4px;line-height:1.5;text-align:center;margin-top:3px}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #cdd8e7;padding-top:20px;margin-top:5px}.gallery-bottom p{font-size:11px;color:#65768e;margin:0 0 6px}.gallery-bottom a{font-size:17px;letter-spacing:-.4px;font-weight:600}.gallery-controls{display:flex;gap:6px}.gallery-controls button{width:38px;height:38px;border:1px solid #b8c9df;border-radius:50%;background:transparent;color:var(--navy);cursor:pointer;transition:background .2s}.gallery-controls button:hover{background:var(--navy);color:white}.gallery-changing{animation:galleryFade .35s ease}.atelier .clients{padding-bottom:45px}.atelier .work{background:#0a1530}.atelier .section-heading h2{font-size:clamp(38px,4.1vw,60px);line-height:1.08}.atelier .project-image{border-radius:3px;aspect-ratio:1.35;padding:45px 30px 0}.atelier .project-info h3{font-weight:500;font-size:23px}.atelier .projects{gap:60px 35px}.atelier .projects .project:nth-child(even){padding-top:70px}.atelier .project-image img{transition:transform .65s cubic-bezier(.2,.65,.3,1);border-radius:4px}.atelier .project:hover img{transform:translateY(-10px)}.atelier .project-image.yoga img{height:100%;object-fit:cover;object-position:center}.atelier .round-arrow{border-color:#ffffff35;width:44px;height:44px}.home-offer{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.home-offer h2,.home-studio h2{font-size:clamp(38px,4vw,58px);line-height:1.12}.home-offer>div>p:not(.eyebrow),.home-studio p:not(.eyebrow){color:var(--text);font-size:18px;line-height:1.7;max-width:420px;margin:25px 0}.offer-stack a{display:flex;align-items:center;gap:22px;padding:35px 0;border-top:1px solid #ccd5e3;transition:padding .3s,color .3s}.offer-stack a:last-child{border-bottom:1px solid #ccd5e3}.offer-stack a:hover{padding-left:12px;color:var(--blue)}.offer-stack a>span:first-child{font-size:12px;color:#78869b}.offer-stack h3{font-weight:500;margin:0;font-size:25px;flex:1;letter-spacing:-.9px}.offer-stack a>span:last-child{font-size:28px}.home-studio{padding-top:15px;padding-bottom:110px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.art-panel{position:relative;overflow:hidden;background:var(--navy);aspect-ratio:1.2;border-radius:4px}.art-panel img{width:100%;height:100%;object-fit:cover}.art-caption{position:absolute;bottom:25px;left:25px;color:#ced9f0;font-size:9px;letter-spacing:2px}.atelier-cta{padding:80px 0 45px;background:var(--navy);color:white}.atelier-cta .eyebrow{color:#9fafca}.atelier-cta a{display:flex;justify-content:space-between;align-items:center}.atelier-cta h2{font-size:clamp(65px,8vw,120px);line-height:1;letter-spacing:-.06em}.atelier-cta h2 em{color:#97b7ff}.giant-arrow{font-size:clamp(85px,11vw,165px);font-weight:200;transition:transform .4s;color:#a4beff}.atelier-cta a:hover .giant-arrow{transform:translate(10px,-10px)}.cta-line{display:flex;justify-content:space-between;border-top:1px solid #34415a;margin-top:60px;padding-top:22px;font-size:12px;color:#aabbd7}.atelier .page-intro{padding-top:85px;padding-bottom:65px}.atelier .page-intro h1{font-size:clamp(50px,6.5vw,92px);max-width:1150px}.atelier .page-lead{font-size:18px;max-width:550px}.atelier.page-work .page-intro{background:white;color:var(--navy)}.atelier.page-work .page-intro h1{max-width:1100px}.atelier.page-work .work-gallery{padding-top:30px}.service-shortcuts{display:flex;gap:32px;margin-top:42px;font-size:13px}.service-shortcuts a{border-bottom:1px solid #bdcce4;padding-bottom:10px}.visual-service{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;padding-top:55px;padding-bottom:70px;scroll-margin-top:90px}.visual-service:nth-of-type(odd){background:#f2f5fa}.service-copy h2{font-size:clamp(38px,4.2vw,62px);line-height:1.1}.service-copy>p:not(.eyebrow){font-size:18px;color:var(--text);line-height:1.7;max-width:390px;margin:24px 0}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 32px}.tags span{font-size:11px;border:1px solid #ccd7e5;border-radius:30px;padding:9px 12px}.service-visual{display:block;background:#e0eaf8;padding:25px 25px 0;overflow:hidden;border-radius:4px}.service-visual.redesign{background:#e7e7df}.service-visual.landing{background:#f0e4d9}.service-visual-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;margin-bottom:35px}.service-visual-heading span:last-child{font-size:20px}.service-visual img{width:100%;height:auto;display:block;box-shadow:0 15px 28px #09233c25;transition:transform .5s}.service-visual:hover img{transform:translateY(-7px)}.service-visual.redesign img{aspect-ratio:1.5;object-fit:cover;object-position:center}.service-visual-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;background:inherit;padding:24px 0}.service-visual-caption strong{font-size:14px;font-weight:500}.service-visual-caption>span{font-size:11px;color:#5e6f86}.scope-ribbon{padding-top:35px;padding-bottom:60px;text-align:center}.scope-ribbon>span{font-size:24px;letter-spacing:-.5px}.scope-ribbon p{font-size:15px;color:var(--text);line-height:1.7}.studio-hero{position:relative;background:#050e20;color:white;min-height:650px;overflow:hidden;display:flex;align-items:center}.studio-hero>img{position:absolute;right:0;top:0;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:.72}.studio-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070f24 5%,#070f24dd 30%,#070f2422 70%);pointer-events:none}.studio-hero>.wrap{position:relative;z-index:2;width:100%;padding-top:70px;padding-bottom:95px}.studio-hero .eyebrow{color:#b7c6e0}.studio-hero h1{font-size:clamp(60px,6.7vw,96px);line-height:1.04}.studio-hero h1 em{color:#a5bfff}.studio-hero p:not(.eyebrow){font-size:18px;color:#c6d0e3;line-height:1.7;margin:26px 0 30px}.studio-watermark{position:absolute;bottom:-45px;right:30px;z-index:1;color:#ffffff08;font-size:260px;font-weight:800;letter-spacing:-25px;pointer-events:none}.studio-statement{text-align:center}.studio-statement h2{font-size:clamp(38px,5vw,70px);line-height:1.15}.studio-statement>p:last-child{font-size:18px;line-height:1.8;color:var(--text);margin:30px 0 0}.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:80px;gap:40px}.studio-principles article{border-top:1px solid #cbd4e2;padding-top:24px}.studio-principles article>span{font-size:10px;color:#64758d;letter-spacing:1.2px}.studio-principles h3{font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-1px}.studio-principles p{font-size:15px;color:var(--text);line-height:1.6}.studio-filmstrip{display:flex;gap:30px;padding:60px 5%;overflow:hidden;background:#e9eef6;align-items:center;justify-content:center;min-height:320px}.studio-filmstrip img{width:36%;flex-shrink:0;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;box-shadow:0 14px 35px #0b153021;border-radius:4px;transform:rotate(-5deg)}.studio-filmstrip img:nth-child(2){transform:rotate(4deg)}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.process-track article{border-top:1px solid #c0cce0;padding-top:25px}.process-track article>span{font-family:Georgia,serif;font-size:42px;font-style:italic;color:#9caecb}.process-track h3{font-size:25px;font-weight:500}.process-track p{color:var(--text);font-size:15px;line-height:1.6}.contact-stage{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:65px;padding-bottom:65px;align-items:center}.contact-stage h1{font-size:clamp(62px,7vw,104px);line-height:1}.contact-stage-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--text);margin:28px 0}.contact-caption{display:block;margin-top:15px;font-size:11px;color:#78869b}.contact-art{position:relative;background:var(--navy);aspect-ratio:.88;overflow:hidden;border-radius:4px}.contact-art>img{width:100%;height:100%;object-fit:cover;object-position:60% center;opacity:.85}.contact-art:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#040c1ff2,transparent)}.contact-art-top{position:absolute;top:30px;left:30px;right:30px;color:#b8c9e8;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.contact-art-top>span:last-child{font-size:30px}.contact-art-bottom{position:absolute;bottom:35px;left:35px;color:white;z-index:1}.contact-art-bottom>span{font-size:11px;display:block;margin-bottom:16px;color:#b6c6e0}.contact-art-bottom em{font-size:45px;line-height:1.06;color:#d4e0ff;letter-spacing:-1.5px}.brief-strip{padding-top:15px;padding-bottom:40px}.brief-strip>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.brief-strip>div>span{border-top:1px solid #cbd4e3;padding-top:20px;font-size:24px;letter-spacing:-.6px}.brief-strip small{font-size:11px;color:#78869b;margin-right:20px;letter-spacing:0}.atelier .faq{padding-top:70px}.atelier .questions summary{font-size:16px;font-weight:500}.atelier .project-intro{padding-top:38px;padding-bottom:45px}.atelier .project-intro h1{font-size:clamp(48px,6.5vw,88px)}.atelier .project-showcase{padding-left:3%;padding-right:3%;max-width:1550px}.atelier .screenshot-link{padding:48px;background:#e9eef5;border-radius:3px}.atelier .project-story{grid-template-columns:1fr 1.3fr}.atelier .project-story h2{font-size:50px}.atelier .story-lead{font-size:20px;line-height:1.8}.atelier .project-story article{padding-top:5px;margin-top:20px}.atelier .project-story article h3{font-size:20px;font-weight:500;margin:20px 0}.atelier .next-project{background:#eaf0f9}.atelier .next-project h2{font-family:Georgia,serif;font-weight:400;font-style:italic}.atelier .site-footer{background:white}.atelier .footer-top>p{font-family:Georgia,serif;font-style:italic;font-size:25px}.atelier.page-work{background:white;color:var(--navy)}@keyframes galleryFade{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1550px){.atelier-hero{gap:80px}}@media(max-width:1050px){.atelier-hero{gap:30px;min-height:640px}.atelier-hero h1{font-size:58px}.gallery-canvas{min-height:280px;padding-top:65px}.gallery-type{font-size:60px}.hero-gallery{padding:20px 18px}.gallery-bottom a{font-size:14px}.gallery-controls button{width:32px;height:32px}.gallery-stamp{width:65px;height:65px;font-size:18px}.gallery-stamp span{font-size:6px}.home-offer,.home-studio,.visual-service{gap:45px}.contact-stage{gap:35px}.contact-art-bottom em{font-size:35px}.studio-hero{min-height:580px}.hero-note{font-size:8px;gap:12px}.service-shortcuts{gap:20px}}@media(max-width:700px){.atelier header{height:75px}.atelier .eyebrow{font-size:10px;letter-spacing:1.5px}.atelier-hero{grid-template-columns:1fr;padding-top:42px;gap:35px;padding-bottom:40px}.atelier-hero h1{font-size:clamp(52px,12.2vw,76px)}.atelier-hero .intro{font-size:17px}.hero-note{margin-top:30px;font-size:8px;gap:24px}.hero-gallery{padding:22px 20px}.gallery-canvas{min-height:290px;padding:65px 4px 35px}.gallery-type{font-size:65px;top:20px}.gallery-bottom a{font-size:16px}.gallery-controls button{width:35px;height:35px}.gallery-stamp{width:70px;height:70px}.atelier .clients{padding-bottom:35px}.atelier .projects{gap:35px}.atelier .projects .project:nth-child(even){padding-top:0}.atelier .project-image{aspect-ratio:1.4;padding:28px 20px 0}.atelier .project-info h3{font-size:21px}.atelier .section-heading h2{font-size:40px}.home-offer{grid-template-columns:1fr;gap:35px}.home-offer h2,.home-studio h2{font-size:42px}.home-offer>div>p:not(.eyebrow),.home-studio p:not(.eyebrow){font-size:17px}.offer-stack a{padding:27px 0}.offer-stack h3{font-size:24px}.home-studio{grid-template-columns:1fr;gap:32px;padding-bottom:65px}.art-panel{aspect-ratio:1.4}.atelier-cta{padding-top:55px;padding-bottom:30px}.atelier-cta h2{font-size:66px}.giant-arrow{font-size:80px}.cta-line{margin-top:40px;gap:20px;font-size:11px;line-height:1.6}.cta-line>span:last-child{display:none}.atelier .page-intro{padding-top:45px;padding-bottom:45px}.atelier .page-intro h1{font-size:52px}.atelier .page-lead{font-size:17px}.service-shortcuts{flex-wrap:wrap;gap:18px;font-size:12px;margin-top:30px}.visual-service{grid-template-columns:1fr;padding-top:35px;padding-bottom:45px;gap:28px}.service-copy h2{font-size:42px}.service-copy>p:not(.eyebrow){font-size:17px}.tags{margin:22px 0}.service-visual{padding:20px 20px 0}.service-visual-heading{margin-bottom:25px}.service-visual-caption strong{font-size:13px}.scope-ribbon{padding-top:20px;padding-bottom:35px}.scope-ribbon>span{font-size:21px}.studio-hero{min-height:620px;align-items:flex-start}.studio-hero>.wrap{padding-top:55px;padding-bottom:230px}.studio-hero>img{object-position:64% bottom;opacity:.8}.studio-hero:after{background:linear-gradient(180deg,#070f24 0%,#070f24cf 35%,#070f2410 75%)}.studio-hero h1{font-size:58px}.studio-hero p:not(.eyebrow){font-size:16px;max-width:270px}.studio-watermark{font-size:180px;bottom:-32px;right:20px;letter-spacing:-17px}.studio-statement h2{font-size:39px}.studio-statement>p:last-child{font-size:16px}.studio-principles{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.studio-principles article{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.studio-principles article>span{grid-column:1/-1}.studio-principles h3{font-size:28px;margin:0;line-height:1.2}.studio-principles p{font-size:14px;margin:0;align-self:center}.studio-filmstrip{min-height:230px;padding:40px 0;gap:20px}.studio-filmstrip img{width:68%}.studio-filmstrip img:first-child{display:none}.process-track{grid-template-columns:1fr 1fr;gap:28px 22px}.process-track h3{font-size:22px;margin:18px 0}.process-track p{font-size:14px}.contact-stage{grid-template-columns:1fr;padding-top:40px;gap:35px;padding-bottom:40px}.contact-stage h1{font-size:75px}.contact-stage-copy>p:not(.eyebrow){font-size:17px}.contact-art{aspect-ratio:1.1}.contact-art-bottom em{font-size:38px}.contact-art-top{top:24px;left:24px;right:24px}.contact-art-bottom{bottom:24px;left:24px}.brief-strip>div{grid-template-columns:1fr;gap:20px}.brief-strip>div>span{font-size:22px;padding-top:16px}.brief-strip .eyebrow{line-height:1.7}.atelier .faq{padding-top:30px}.atelier .project-intro h1{font-size:46px}.atelier .screenshot-link{padding:18px 18px 58px}.atelier .project-story{grid-template-columns:1fr}.atelier .project-story h2{font-size:39px}.atelier .story-lead{font-size:18px}}@media(prefers-reduced-motion:reduce){.gallery-canvas>a{transform:none}.gallery-changing{animation:none!important}}