/* Revised direction after the first homepage was rejected: products lead. */
@font-face{font-family:'Noto Gallery';src:url('/public/fonts/noto-serif-sc-gallery.woff2') format('woff2');font-weight:600;font-display:swap}
body:has(.hero--gallery) .site-header{background:#f0f1ed;color:#17202a;border-bottom-color:#d4d8d2}
body:has(.hero--gallery) .desktop-nav a{color:#4f565b}
body:has(.hero--gallery) .desktop-nav a:hover,body:has(.hero--gallery) .desktop-nav a[aria-current]{color:#183ac4}
body:has(.hero--gallery) .desktop-nav a:after{background:#3657c8}
body:has(.hero--gallery) .header-contact{border-color:#89928f;border-radius:4px;color:#17202a}
body:has(.hero--gallery) .header-contact:hover{background:#17202a;color:#fff;border-color:#17202a}
body:has(.hero--gallery) .menu-toggle{color:#17202a;border-color:#9ba59e;border-radius:3px}
body:has(.hero--gallery) .site-header :focus-visible{outline-color:#3657c8}
.hero--gallery{background:#f0f1ed;color:#17202a;overflow:clip}
.hero--gallery .hero-stage{display:block;min-height:0;height:auto;max-height:none;padding:72px var(--gutter) 0;max-width:1600px}
.hero-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;position:relative;z-index:4;max-width:var(--max);margin:auto}
.hero--gallery h1{font-size:clamp(50px,6.2vw,88px);line-height:1.23;font-weight:500;letter-spacing:-.04em;white-space:normal}
.hero--gallery h1 span{display:inline;color:#17202a}
.hero--gallery h1 span:last-child{display:block;font-family:'Noto Gallery','Noto Display','Songti SC',serif;color:#17202a;font-weight:600;letter-spacing:-.04em}
.hero--gallery .hero-copy{max-width:350px;pointer-events:auto;padding-bottom:10px;flex-shrink:0}
.hero--gallery .hero-copy>p{margin:0 0 25px;color:#64706e;font-size:13px;line-height:1.95;max-width:none}
.gallery-cta{background:#17202a;color:#f0f1ed;padding:14px 20px;min-height:50px;display:inline-flex;align-items:center;gap:45px;font-size:12px;border-radius:3px;transition:background .25s,transform .4s var(--ease)}
.gallery-cta:hover{background:#3657c8;transform:translateY(-2px)}
.gallery-cta svg{width:18px;transition:transform .4s var(--ease)}
.gallery-cta:hover svg{transform:translateX(4px)}
.product-exhibition{height:440px;position:relative;max-width:var(--max);margin:25px auto 0;perspective:1400px;isolation:isolate}
.exhibition-word{position:absolute;inset:18px 0 auto;text-align:center;font-size:clamp(72px,13.2vw,190px);font-weight:600;line-height:1;letter-spacing:-.065em;color:#dce1dd;z-index:-1;white-space:nowrap;user-select:none}
.exhibit{position:absolute;display:block;line-height:0;transition:transform .9s var(--ease),box-shadow .9s var(--ease);will-change:transform}
.exhibit img{display:block;width:100%;height:auto}
.exhibit-desktop{width:61%;left:35%;top:76px;transform:rotateY(-9deg) rotateX(4deg) rotateZ(-3deg);border-radius:9px;overflow:hidden;box-shadow:10px 35px 65px -20px #31485b4d;z-index:1}
.exhibit-desktop:hover{transform:rotateY(-5deg) rotateX(0deg) rotateZ(-2deg) translateY(-8px);box-shadow:8px 45px 70px -20px #31485b59}
.exhibit-paw{width:15%;left:10.5%;top:28px;transform:rotateZ(-10deg);border-radius:24px;overflow:hidden;box-shadow:12px 24px 42px -10px #23382e4d;z-index:3}
.exhibit-paw:hover{transform:rotateZ(-5deg) translateY(-8px)}
.exhibit-fee{width:14%;left:24%;top:98px;transform:rotateZ(7deg);border-radius:23px;overflow:hidden;box-shadow:12px 25px 45px -8px #263c5555;z-index:2}
.exhibit-fee:hover{transform:rotateZ(3deg) translateY(-10px)}
.exhibition-note{position:absolute;z-index:5;right:0;top:0;display:flex;flex-direction:column;align-items:flex-end;font-size:9px;color:#6c7977;line-height:1.8;letter-spacing:.02em}
.exhibition-note>span:first-child{font-size:11px;color:#394844}
.hero--gallery .hero-bottom{position:relative;bottom:auto;left:auto;right:auto;margin:0 auto;padding:26px 0;max-width:var(--max);color:#66736c;border-top:1px solid #c9d2ca;z-index:6;background:#f0f1ed}
.hero--gallery .hero-bottom>p{font-size:10px;letter-spacing:.025em}
.hero--gallery .scroll-cue{font-size:10px;color:#17202a;min-height:36px}
.hero--gallery .scroll-cue svg{transform:rotate(90deg);width:17px}
.hero--gallery .scroll-cue:hover svg{transform:rotate(90deg) translateX(3px)}
.hero--gallery :focus-visible{outline-color:#3657c8}
.featured{padding-top:100px}
.live-status.status-testing{color:#8b5915;font-size:11px}
.footer-filing{max-width:var(--max);margin:12px auto 0;font-size:10px;color:#9ca7a1}
.site-footer :focus-visible,.product-header :focus-visible{outline-color:#c3d1ff}
.partner-track{gap:0}.partner-group{padding-right:20px}
@media(prefers-color-scheme:dark){.live-status.status-testing{color:#e2b968}}
@media(min-width:1600px){.hero--gallery .hero-stage{padding-top:64px}.hero--gallery h1{font-size:88px}.product-exhibition{height:470px}.exhibit-desktop{top:78px}.exhibition-word{font-size:190px}}
@media(max-width:1100px){.hero--gallery .hero-stage{padding-top:56px}.hero--gallery h1{font-size:70px}.hero--gallery .hero-copy{max-width:280px}.hero--gallery .hero-copy>p{font-size:12px}.product-exhibition{height:385px;margin-top:36px}.exhibit-desktop{width:64%;left:34%;top:70px}.exhibit-paw{width:17%;left:7%;top:20px}.exhibit-fee{width:16%;left:24%;top:80px}.exhibition-note{font-size:8px}.exhibition-word{top:35px;font-size:13vw}}
@media(max-width:799px){.hero--gallery .hero-stage{padding-top:44px}.hero-intro{gap:30px}.hero--gallery h1{font-size:56px;flex-shrink:0}.hero--gallery .hero-copy{max-width:250px;padding-bottom:4px}.hero--gallery .hero-copy>p{font-size:11px;line-height:1.9;margin-bottom:18px}.gallery-cta{font-size:11px;gap:25px;min-height:44px;padding:12px 16px}.product-exhibition{height:330px;margin-top:38px}.exhibit-desktop{top:64px;width:68%;left:32%}.exhibit-paw{width:18%;left:3%;top:19px;border-radius:18px}.exhibit-fee{width:16.5%;left:22%;top:70px;border-radius:17px}.exhibition-word{font-size:13.2vw;top:20px}.exhibition-note{top:0;font-size:7px}.exhibition-note>span:first-child{font-size:9px}.hero--gallery .hero-bottom{padding:18px 0}.hero--gallery .hero-bottom>p{font-size:8px;max-width:none}.hero--gallery .scroll-cue{font-size:9px}.featured{padding-top:76px}}
@media(max-width:580px){.hero--gallery .hero-stage{padding-top:40px}.hero-intro{display:block}.hero--gallery h1{font-size:56px;line-height:1.2;letter-spacing:-.035em}.hero--gallery h1 span:last-child{display:inline;font-size:56px;white-space:nowrap}.hero--gallery h1 span{display:block}.hero--gallery .hero-copy{max-width:none;padding:0;display:flex;align-items:flex-end;gap:20px;justify-content:space-between;margin-top:26px}.hero--gallery .hero-copy>p{font-size:10px;margin:0;max-width:180px;line-height:1.9}.hero--gallery .hero-copy>p br{display:none}.gallery-cta{font-size:10px;gap:16px;padding:11px 13px;white-space:nowrap;min-height:42px}.gallery-cta svg{width:14px}.product-exhibition{height:325px;margin-top:32px;margin-left:-12px;margin-right:-12px}.exhibition-word{font-size:14vw;top:24px;letter-spacing:-.06em;inset-inline:-10px}.exhibit-desktop{width:91%;left:25%;top:135px;border-radius:5px;transform:rotateY(-10deg) rotateZ(-5deg)}.exhibit-paw{width:29%;left:6%;top:45px;transform:rotateZ(-9deg);border-radius:14px}.exhibit-fee{width:25%;left:35%;top:25px;transform:rotateZ(8deg);border-radius:13px;z-index:0}.exhibition-note{right:12px;top:84px;font-size:6px}.exhibition-note>span:first-child{font-size:8px}.hero--gallery .hero-bottom{padding:13px 0}.hero--gallery .hero-bottom>p{font-size:7px;letter-spacing:0}.hero--gallery .scroll-cue{font-size:8px;gap:7px}.hero--gallery .scroll-cue svg{width:14px}.featured{padding-top:64px}.live-status.status-testing{font-size:10px}}
@media(max-width:359px){.hero--gallery .hero-stage{padding-top:35px}.hero--gallery h1,.hero--gallery h1 span:last-child{font-size:49px}.hero--gallery .hero-copy{display:block;margin-top:22px}.hero--gallery .hero-copy>p{font-size:11px;max-width:240px;margin-bottom:18px}.gallery-cta{font-size:11px;gap:28px}.product-exhibition{height:280px;margin-top:22px}.exhibit-desktop{top:125px}.exhibit-paw{top:40px}.exhibit-fee{top:27px}.exhibition-note{top:76px}.hero--gallery .hero-bottom>p{font-size:6px}.hero--gallery .scroll-cue{font-size:7px}}
/* The approved product-gallery composition: typeset text, real UI, a physical stage. */
body:has(.hero--gallery) .site-header{max-width:1600px;margin:auto}
body:has(.hero--gallery) .brand-copy>span{font-size:23px}
.hero--gallery .hero-stage{padding-top:34px}
.hero-intro{align-items:flex-start;gap:60px}
.hero--gallery h1,.hero--gallery h1 span:last-child{font-family:'Noto Gallery','Noto Display',serif;font-weight:600;font-size:clamp(64px,6.8vw,96px);line-height:1.17;letter-spacing:-.035em}
.hero--gallery .hero-copy{padding-top:18px;padding-bottom:0;max-width:390px}
.hero--gallery .hero-copy>p{font-size:16px;line-height:1.8;color:#333d42;margin-bottom:26px}
.gallery-cta{font-size:14px;min-height:54px;gap:42px;padding:14px 24px}
.product-exhibition{height:560px;margin-top:-16px;perspective:none}
.exhibition-stage{position:absolute;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));top:-120px;bottom:-24px;z-index:-1;background:transparent url('/public/images/studio/gallery-stage.webp') center bottom / cover no-repeat;pointer-events:none}
.exhibit{will-change:auto}
.exhibit-desktop{width:61%;left:39%;top:26px;transform:none;padding:7px;background:#c1c4c8;border:1px solid #989ea4;border-radius:14px;box-shadow:0 22px 30px -20px #1c273980;z-index:1}
.exhibit-desktop img{border-radius:7px}
.exhibit-paw{width:15%;left:7.5%;top:155px;border-radius:29px;overflow:visible;transform:rotate(-3deg);box-shadow:5px 20px 25px -13px #1c273970;z-index:3}
.exhibit-fee{width:17%;left:23%;top:48px;border-radius:29px;overflow:visible;transform:rotate(1deg);box-shadow:6px 22px 30px -14px #1c273980;z-index:2}
.device-crop{display:block;position:relative;overflow:hidden;border-radius:inherit;background:#101415}
.device-crop img{position:absolute;max-width:none;height:auto}
.device-crop--paw{aspect-ratio:120 / 253;border-radius:29px}
.device-crop--paw img{width:130.833%;left:-15%;top:-24.5%}
.device-crop--fee{aspect-ratio:83 / 200;border-radius:29px}
.device-crop--fee img{width:189.157%;left:-9.638%;top:-26.5%}
.exhibit-desktop:hover{transform:translateY(-5px);box-shadow:0 27px 35px -20px #1c273980}
.exhibit-paw:hover{transform:rotate(-1deg) translateY(-5px)}
.exhibit-fee:hover{transform:translateY(-6px)}
.exhibition-note{left:0;right:auto;top:142px;align-items:flex-start;color:#3657c8;max-width:95px;line-height:1.8}
.exhibition-note>span:first-child{font-size:10px;color:#3657c8}
.hero--gallery .gallery-product-nav{justify-content:center;gap:0;padding:25px 0 27px;background:transparent;border-top:1px solid #bec6c1;font-family:var(--display);font-size:16px}
.gallery-product-nav>a{padding:0 34px;line-height:1.5;color:#253038;border-right:1px solid #b8c0b9;transition:color .25s}
.gallery-product-nav>a:last-child{border-right:0}
.gallery-product-nav>a:hover{color:#3657c8}
.gallery-product-nav>a>span{font-family:var(--body);font-size:12px}
@media(min-width:1600px){.hero--gallery .hero-stage{padding-top:30px}.hero--gallery h1,.hero--gallery h1 span:last-child{font-size:96px}.product-exhibition{height:590px}}
@media(max-width:1100px){.hero--gallery .hero-stage{padding-top:36px}.hero--gallery h1,.hero--gallery h1 span:last-child{font-size:74px}.hero--gallery .hero-copy{max-width:310px;padding-top:10px}.hero--gallery .hero-copy>p{font-size:14px}.product-exhibition{height:470px;margin-top:4px}.exhibit-desktop{width:62%;left:38%;top:35px}.exhibit-paw{width:16%;left:5%;top:145px}.exhibit-fee{width:18%;left:21%;top:64px}.device-crop--paw,.device-crop--fee{border-radius:22px}.exhibition-note{top:80px;font-size:8px}.hero--gallery .gallery-product-nav{font-size:14px}.gallery-product-nav>a{padding:0 25px}.gallery-product-nav>a>span{font-size:10px}}
@media(max-width:799px){.hero--gallery h1,.hero--gallery h1 span:last-child{font-size:61px}.hero--gallery .hero-copy{max-width:250px}.hero--gallery .hero-copy>p{font-size:12px;line-height:1.8}.gallery-cta{font-size:11px;min-height:45px;gap:25px;padding:12px 17px}.product-exhibition{height:390px;margin-top:24px}.exhibit-desktop{top:53px;padding:5px;border-radius:10px}.exhibit-paw{top:123px;left:3%;width:18%}.exhibit-fee{top:46px;left:21%;width:19%}.exhibition-note{display:none}.device-crop--paw,.device-crop--fee{border-radius:18px}.hero--gallery .gallery-product-nav{font-size:12px;padding:22px 0}.gallery-product-nav>a{padding:0 18px}.gallery-product-nav>a>span{font-size:9px}}
@media(max-width:580px){.hero--gallery .hero-stage{padding-top:30px}.hero-intro{display:block}.hero--gallery h1,.hero--gallery h1 span:last-child{font-size:58px;line-height:1.2}.hero--gallery h1 span{display:block}.hero--gallery h1 span:last-child{display:block}.hero--gallery .hero-copy{padding:0;max-width:none;margin-top:24px;display:block}.hero--gallery .hero-copy>p{font-size:12px;max-width:300px;margin-bottom:18px;line-height:1.9}.hero--gallery .hero-copy>p br{display:block}.gallery-cta{font-size:12px;gap:26px;min-height:44px;padding:12px 18px}.product-exhibition{margin-top:34px;margin-inline:-4px;height:340px}.exhibit-desktop{width:81%;left:35%;top:100px;padding:4px;border-radius:7px;box-shadow:0 18px 25px -13px #1c27397a}.exhibit-desktop img{border-radius:3px}.exhibit-paw{width:27%;left:0;top:108px;transform:rotate(-4deg)}.exhibit-fee{width:27%;left:25%;top:32px;transform:rotate(2deg)}.device-crop--paw,.device-crop--fee{border-radius:15px}.exhibition-stage{top:-40px;bottom:-20px;left:-30px;right:-30px;background-size:auto 115%;background-position:50% bottom}.hero--gallery .gallery-product-nav{font-size:11px;justify-content:space-between;padding:19px 0 23px;flex-wrap:wrap;gap:13px 0}.gallery-product-nav>a{padding:0 12px}.gallery-product-nav>a:first-child{padding-left:0}.gallery-product-nav>a:last-child{padding-right:0}.gallery-product-nav>a>span{font-size:8px}}
@media(max-width:359px){.hero--gallery h1,.hero--gallery h1 span:last-child{font-size:49px}.hero--gallery .hero-copy{margin-top:20px}.hero--gallery .hero-copy>p{font-size:11px}.product-exhibition{height:290px;margin-top:24px}.exhibit-paw{top:90px}.exhibit-fee{top:30px}.exhibit-desktop{top:90px}.device-crop--paw,.device-crop--fee{border-radius:12px}.hero--gallery .gallery-product-nav{font-size:10px}.gallery-product-nav>a{padding-inline:8px}.gallery-product-nav>a>span{font-size:7px}}
.hero--gallery{background:#f6f4f0 url('/public/images/studio/gallery-stage.webp') center bottom / 100% auto no-repeat}
.hero--gallery .exhibition-stage{background:none}
body:has(.hero--gallery) .site-header{background:#f6f4f0}
.exhibit-desktop{width:64%;left:36%;top:46px}
.exhibit-paw{top:148px}
.exhibit-fee{top:26px}
@media(min-width:800px){.hero--gallery .hero-copy>p{font-size:16px}.hero--gallery .hero-copy{max-width:390px}}
@media(max-width:1100px){.exhibit-desktop{width:64%;left:36%;top:45px}.exhibit-paw{top:135px}.exhibit-fee{top:45px}}
@media(max-width:799px){.exhibit-desktop{top:60px}.exhibit-paw{top:123px}.exhibit-fee{top:46px}.hero--gallery{background-size:auto 65%;background-position:50% bottom}}
@media(max-width:580px){.exhibit-desktop{width:81%;left:35%;top:100px}.exhibit-paw{top:108px}.exhibit-fee{top:32px}.hero--gallery{background-size:auto 50%}}
@media(max-width:359px){.exhibit-desktop{top:90px}.exhibit-paw{top:90px}.exhibit-fee{top:30px}}
/* Exact front-phone bounds in the 1242×2688 official source: x28,y468,w722,h1524. */
.device-crop--fee{aspect-ratio:722 / 1524}
.device-crop--fee img{width:172.0222%;left:-3.8781%;top:-30.7087%}
.exhibit-fee{width:18.5%;left:22.5%;top:50px}
.exhibit-desktop{top:27px}
.gallery-product-nav>a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
/* The navigation scrolls with the document; its surface spans the viewport. */
.site-header{position:relative;top:auto}
body:has(.hero--gallery) .site-header{max-width:none;margin:0;padding-inline:max(var(--gutter),calc((100vw - var(--max)) / 2))}
.mobile-nav{position:absolute}
:root{scroll-padding-top:28px}
@media(max-width:1100px){.exhibit-fee{width:19%;left:21%;top:68px}.exhibit-desktop{top:45px}}
@media(max-width:799px){.exhibit-fee{width:20%;left:21%;top:65px}.exhibit-desktop{top:60px}.hero-intro{gap:25px}.hero--gallery .hero-copy{flex-shrink:1}}
@media(max-width:680px){.hero-intro{display:block}.hero--gallery .hero-copy{max-width:none;margin-top:23px;display:block;padding:0}.hero--gallery .hero-copy>p{font-size:13px;max-width:370px;margin-bottom:20px}.hero--gallery h1,.hero--gallery h1 span:last-child{font-size:61px}}
@media(max-width:580px){.exhibit-fee{width:29%;left:25%;top:45px}.exhibit-desktop{top:100px}.hero--gallery h1,.hero--gallery h1 span:last-child{font-size:58px}.hero--gallery .gallery-product-nav{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:0;padding:10px 0}.gallery-product-nav>a{min-height:44px;border-right:0;padding:10px 8px}.gallery-product-nav>a:nth-child(odd){border-right:1px solid #b8c0b9}.gallery-product-nav>a:first-child,.gallery-product-nav>a:last-child{padding:10px 8px}.gallery-product-nav>a>span{font-size:10px}}
@media(max-width:359px){.hero--gallery h1,.hero--gallery h1 span:last-child{font-size:49px}.exhibit-fee{top:35px}.exhibit-desktop{top:90px}}
@media(prefers-reduced-motion:reduce){.exhibit,.exhibit:hover{transition:none;will-change:auto}.exhibit-desktop:hover{transform:none}.exhibit-paw:hover{transform:rotate(-3deg)}.exhibit-fee:hover{transform:rotate(1deg)}.gallery-cta:hover,.gallery-cta:hover svg,.button-primary:hover,.project-open:hover .project-preview img,.live-card-main:hover .desktop-preview-screen{transform:none}.service-item:hover{padding-left:0}.hero--gallery .scroll-cue:hover svg{transform:rotate(90deg)}}