/* A project-led opening for the YBB home page. */
.home-page .atelier-hero{
  position:relative;isolation:isolate;max-width:none;width:100%;min-height:760px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  align-items:center;gap:clamp(36px,5vw,95px);
  padding:80px max(6%,calc((100vw - 1500px)/2)) 72px;
  color:#fff;background:#08142e;overflow:hidden
}
.home-page .atelier-hero:before{
  content:"";position:absolute;z-index:-1;inset:0;
  background:radial-gradient(ellipse 50% 70% at 84% 45%,#2353bf99,transparent 80%),
    linear-gradient(140deg,#0a1735 0%,#0a1735 48%,#102b69 100%)
}
.home-page .atelier-hero:after{
  content:"";position:absolute;z-index:-1;inset:0;opacity:.24;
  background-image:linear-gradient(#6686c333 1px,transparent 1px),linear-gradient(90deg,#6686c333 1px,transparent 1px);
  background-size:92px 92px;mask-image:linear-gradient(90deg,transparent 36%,#000 100%);pointer-events:none
}
.home-page .hero-copy{position:relative;z-index:2;max-width:780px}
.home-page .hero-copy .eyebrow{color:#b8caff;margin:0 0 34px;font-size:11px;letter-spacing:.18em;line-height:1.5}
.home-page .hero-copy .tiny-rule{width:34px;background:#76a0ff}
.home-page .atelier-hero h1{font-size:clamp(50px,4.5vw,78px);line-height:1.05;letter-spacing:-.055em;font-weight:600;margin:0;white-space:normal;overflow-wrap:normal}
.home-page .atelier-hero h1 em{color:#a5bdff;letter-spacing:-.065em}
.home-page .atelier-hero .intro{font-size:19px;line-height:1.55;color:#c8d5ef;max-width:490px;margin:30px 0}
.home-page .atelier-hero .actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px}
.home-page .atelier-hero .button{background:#fff;color:#0a1735;border-radius:100px;min-height:52px;padding:15px 23px;font-size:14px;box-shadow:0 12px 28px #020c2250}
.home-page .atelier-hero .button:hover{background:#cbd9ff;transform:translateY(-2px)}
.home-page .atelier-hero .text-link{color:#eaf0ff;font-size:14px;border-bottom:1px solid #91a9d5;padding-bottom:7px}
.home-page .hero-note{margin-top:90px;color:#8195bd;font-size:10px;letter-spacing:.16em;justify-content:space-between;max-width:510px}
.home-page .hero-gallery{background:transparent;border-radius:0;box-shadow:none;padding:0;overflow:visible;min-width:0}
.home-page .gallery-top{color:#b9c9ea;font-size:11px;letter-spacing:.18em;border-bottom:1px solid #ffffff35;padding-bottom:16px}
.home-page .gallery-canvas{min-height:510px;padding:55px 4px 28px;display:flex;align-items:center}
.home-page .gallery-type{top:30px;left:0;color:#ffffff13;font-size:clamp(88px,10vw,176px);letter-spacing:-.09em;line-height:1}
.home-page .gallery-canvas>a{transform:rotate(-4deg);width:100%;max-width:730px;margin:auto}
.home-page .gallery-canvas>a:hover{transform:rotate(-1deg) translateY(-8px)}
.home-page .gallery-screen{border:7px solid #f6f8ff;border-radius:12px;box-shadow:0 30px 65px #02091b99,0 0 0 1px #ffffff60;overflow:hidden}
.home-page .gallery-screen img{aspect-ratio:1.46;object-fit:cover;object-position:top}
.home-page .gallery-screen .browser-bar{height:28px;color:#68758c;background:#f6f8ff}
.home-page .gallery-stamp{right:-18px;bottom:12px;width:96px;height:96px;background:#a4beff;color:#0b1c46;border:none;box-shadow:0 15px 45px #0006;transform:rotate(11deg)}
.home-page .gallery-bottom{border-top:1px solid #ffffff35;padding-top:20px;margin-top:4px;color:#fff}
.home-page .gallery-bottom p{color:#9eb2d7;font-size:12px;margin-bottom:6px}
.home-page .gallery-bottom a{color:#fff;font-size:20px}
.home-page .gallery-controls{gap:9px}
.home-page .gallery-controls button{width:42px;height:42px;color:white;border:1px solid #8298c0;font-size:17px}
.home-page .gallery-controls button:hover{background:white;color:#102047}
.home-page .clients{padding-top:35px}
@media(max-width:1100px){
 .home-page .atelier-hero{gap:35px;min-height:660px;padding-inline:5%}
 .home-page .atelier-hero h1{font-size:clamp(42px,4.5vw,58px)}
 .home-page .gallery-canvas{min-height:385px}
 .home-page .hero-note{margin-top:56px}
}
@media(max-width:760px){
 .home-page .atelier-hero{display:block;min-height:0;padding:57px 6% 48px}
 .home-page .atelier-hero h1{font-size:clamp(38px,8.6vw,62px);white-space:normal;line-height:1.08}
 .home-page .hero-copy .eyebrow{font-size:10px;margin-bottom:25px}
 .home-page .atelier-hero .intro{font-size:17px;margin:25px 0 25px}
 .home-page .hero-note{margin:40px 0 42px;gap:18px;font-size:9px;line-height:1.5}
 .home-page .gallery-canvas{min-height:300px;padding:45px 6px 25px}
 .home-page .gallery-type{font-size:clamp(74px,18vw,125px);top:15px}
 .home-page .gallery-screen{border-width:5px}
 .home-page .gallery-stamp{right:-8px;bottom:3px;width:72px;height:72px;font-size:18px}
 .home-page .gallery-stamp span{font-size:6px}
 .home-page .gallery-bottom a{font-size:17px}
}
@media(max-width:380px){
 .home-page .atelier-hero h1{font-size:38px}
 .home-page .hero-note span:last-child{display:none}
 .home-page .gallery-canvas{min-height:245px}
}
@media(prefers-reduced-motion:reduce){.home-page .gallery-canvas>a,.home-page .atelier-hero .button{transition:none}}