/* The desktop invitation is separate from the phone's capture and report flow. */
.desktop-experience[hidden],.gallery-card[hidden]{display:none!important}
#screen-ready.desktop-ready:not([hidden]){max-width:none;width:100%;padding:0;gap:0;display:block;min-height:100dvh}
#screen-ready.desktop-ready>.content,#screen-ready.desktop-ready>.ready-actions{display:none}
#screen-ready.desktop-ready>h1{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
#app:has(.desktop-ready:not([hidden]))>#btn-debug-menu{display:none}
.desktop-experience{--gallery-ink:#163c47;--gallery-muted:#4c6670;--gallery-line:#c7d4cf;color:var(--gallery-ink);font-family:"DM Sans",sans-serif}
.desktop-experience a{color:inherit}.desktop-experience button,.gallery-lightbox button{font-family:inherit}
.desktop-experience :is(a,button):focus-visible,.gallery-lightbox :is(a,button):focus-visible{outline:3px solid #2855ff;outline-offset:5px}
.gallery-masthead{position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px clamp(28px,5vw,80px)}
.gallery-wordmark{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:23px;font-weight:650;letter-spacing:-.055em;white-space:nowrap}
.gallery-wordmark svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.gallery-masthead nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:550}
.gallery-masthead nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid transparent}
.gallery-masthead nav a:hover{border-bottom-color:currentColor}
.gallery-masthead .gallery-parent{margin-left:16px;color:#46616a}
.gallery-hero{position:relative;isolation:isolate;min-height:100svh;padding:180px clamp(28px,7vw,112px) 130px;display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:center;gap:8vw;background:#e7ede5;overflow:hidden}
.gallery-hero-art{position:absolute;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(165deg,#edf0e7 5%,#e8ede4 35%,#c7ded6 75%,#b3cdd1)}
.gallery-hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;opacity:.7;mix-blend-mode:multiply;transform:scale(1.015)}
.gallery-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f6f5ebc9 0%,#f4f2e59c 36%,#eaf0e44a 65%,#eaf0e44a),linear-gradient(180deg,#f4f4eec9,transparent 26%,transparent 75%,#e8ede57a)}
.gallery-eyebrow{font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;margin:0 0 22px}
.gallery-hero-content>.gallery-eyebrow{max-width:420px;font-size:clamp(15px,1.1vw,17px);font-weight:500;line-height:1.55;letter-spacing:.015em;text-transform:none;text-wrap:balance}
#screen-ready.desktop-ready #desktop-hero-title{font-family:"Water Brush",cursive;font-weight:400;font-size:clamp(78px,8.8vw,142px);line-height:.91;letter-spacing:-.025em;color:#153c47;margin:0 0 32px;max-width:790px;text-wrap:balance}
#screen-ready.desktop-ready #desktop-hero-title br{display:block}
.gallery-hero-description{font-size:clamp(18px,1.65vw,23px);line-height:1.55;max-width:440px;color:#355861;margin:0 0 28px}
.gallery-paint-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:19px 27px 20px;min-height:60px;min-width:260px;color:#fff!important;text-decoration:none;font-size:16px;font-weight:600;line-height:1.3;transition:transform .2s}
.gallery-paint-button::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,#244e64,#286f7d 58%,#226873);border-radius:37% 16% 28% 12% / 14% 22% 17% 29%;filter:url(#paint-edge) blur(.4px);box-shadow:0 0 8px 3px #285e6a22,inset 0 -3px 8px #143e5147}
.gallery-paint-button::after{content:"";position:absolute;inset:2px;z-index:-1;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.3' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' d='M0 0h180v100H0z'/%3E%3C/svg%3E");pointer-events:none}
.gallery-paint-button:hover{transform:translateY(-2px)}.gallery-paint-button>span:last-child{font-size:24px;font-weight:400}
.gallery-hero-note{font-size:14px;margin-top:13px;color:#45646b}
.gallery-hero .gallery-phone{display:block;padding:27px 26px 22px;margin:20px 0 0;width:285px;background:#fffdf5f2;box-shadow:0 18px 55px #274f5812;align-self:center;scroll-margin-top:100px}
.gallery-phone::before{inset:-12px -10px -12px;opacity:.3;z-index:-1;animation:none;transform:none}
.gallery-phone::after{content:none}.gallery-phone .phone-panel-kicker{font-size:11px;letter-spacing:.09em;color:#42616b;margin:0 0 12px}
.gallery-phone #phone-panel-title{font-family:"DM Sans",sans-serif;font-size:23px;line-height:1.15;font-weight:550;letter-spacing:-.04em;color:#163c47;margin:0 0 12px}
.gallery-phone .phone-panel-copy>p:not(.phone-panel-kicker){font-size:14px;line-height:1.55;color:#47616b;margin:0 0 22px}
.gallery-phone .phone-panel-code{width:100%;margin:0}.gallery-phone .phone-qr-paper{max-width:204px;margin:auto}.gallery-phone .phone-qr-paper::before{inset:-15px;opacity:.28}
.gallery-phone .phone-panel-code figcaption{font-size:12px;color:#46626c;margin:18px -8px 0;white-space:nowrap}
.gallery-hero-bottom{position:absolute;bottom:28px;left:clamp(28px,5vw,80px);right:clamp(28px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;color:#375962}
.gallery-hero-bottom>a{display:flex;align-items:center;gap:16px;text-decoration:none;min-height:44px;font-weight:550}.gallery-hero-bottom>a span{font-size:22px}.gallery-hero-bottom p{text-align:right}
.landscape-gallery,.gallery-process{padding:105px clamp(28px,5vw,80px) 75px;max-width:1680px;margin:auto;scroll-margin-top:20px}
.gallery-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:48px}.gallery-section-heading>div{max-width:760px}.gallery-section-heading .gallery-eyebrow{color:#517078;margin-bottom:18px}.gallery-section-heading h2{font-family:"DM Sans",sans-serif;font-size:clamp(36px,4vw,61px);line-height:1.08;font-weight:450;letter-spacing:-.055em;color:#163c47;margin:0;text-wrap:balance}.gallery-section-heading>p{font-size:16px;line-height:1.65;color:#546a70;max-width:350px;flex-shrink:0;margin-bottom:4px}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--gallery-line);padding-bottom:20px;margin-bottom:32px}.gallery-filters{display:flex;gap:9px;flex-wrap:wrap}.gallery-filters button{border:1px solid transparent;background:none;border-radius:28px;color:#567078;padding:11px 18px;min-height:44px;font-size:15px;cursor:pointer}.gallery-filters button[aria-pressed=true]{border-color:#b7c9c4;color:#244f5b;background:#e5ede7}.gallery-filters button:hover{background:#eaf0e9}.gallery-filters span{font-size:12px;margin-left:7px;opacity:.75}.gallery-toolbar>p{color:#597078;font-size:13px}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px;min-height:120px}.gallery-card{min-width:0}.gallery-open{display:block;width:100%;text-align:left;background:none;border:0;color:inherit;cursor:pointer;padding:0}.gallery-art-frame{display:block;position:relative;overflow:hidden;aspect-ratio:1;background:#eceee7}.gallery-art-frame img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.6,.3,1)}.gallery-open:hover img{transform:scale(1.025)}.gallery-card-arrow{position:absolute;right:13px;bottom:13px;background:#fffdf5ed;color:#163c47;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:21px;opacity:0;transition:opacity .2s}.gallery-open:hover .gallery-card-arrow,.gallery-open:focus-visible .gallery-card-arrow{opacity:1}.gallery-card-caption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:15px 0 4px}.gallery-card-caption strong{font-size:17px;font-weight:500;letter-spacing:-.035em}.gallery-card-caption>span{font-size:12px;color:#526b71}.gallery-example-note{font-size:14px;line-height:1.65;color:#637674;max-width:850px;margin:32px auto 0;text-align:center}#gallery-load-status:empty{display:none}
.gallery-process{border-top:1px solid var(--gallery-line);padding-top:76px;padding-bottom:30px}.gallery-text-link{display:flex;gap:28px;align-items:center;min-height:44px;font-size:16px;text-underline-offset:6px;white-space:nowrap}.gallery-text-link span{font-size:24px}.gallery-process-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:55px 0 56px}.gallery-step-index{display:block;font-size:13px;letter-spacing:.12em;color:#526b71;margin-bottom:26px}.gallery-process h3{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:0 0 14px}.gallery-process-steps p{font-size:16px;line-height:1.7;color:#526b71}.gallery-trust-line{display:flex;justify-content:space-between;gap:48px;border-top:1px solid var(--gallery-line);padding-top:26px;color:#526b71;font-size:14px;line-height:1.6}.gallery-trust-line>p{max-width:450px}.gallery-trust-line .phone-panel-disclaimer{font-size:13px;text-align:left;margin:0;line-height:1.6;color:#50676f}
.gallery-last-note{padding:75px 28px 55px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#d8e8e1,transparent 65%)}.gallery-last-note>p{font-family:"DM Sans",sans-serif;font-size:clamp(26px,3.3vw,44px);font-weight:400;letter-spacing:-.045em;color:#254e5a;margin-bottom:25px}
@media screen{#app:has(.desktop-ready:not([hidden]))>.project-attribution{width:100%;max-width:none;margin-inline:0;background:#edf1e8;color:#536b70;padding:25px 24px 36px}}
.gallery-lightbox{position:fixed;inset:0;border:0;margin:auto;padding:0;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);width:1320px;color:#163c47;background:#f8f7ef;box-shadow:0 24px 90px #0005;font-family:"DM Sans",sans-serif}.gallery-lightbox::backdrop{background:#102a35ba;backdrop-filter:blur(7px)}.gallery-lightbox[open]{display:grid;grid-template-columns:minmax(0,1fr) 300px}.gallery-lightbox-art{position:relative;background:#e8e9df;min-height:300px;display:flex;align-items:center;justify-content:center;padding:24px}.gallery-lightbox-art>img{display:block;width:100%;height:100%;max-height:calc(100dvh - 96px);object-fit:contain;aspect-ratio:1}.gallery-lightbox-copy{padding:74px 28px 28px;display:flex;flex-direction:column;align-items:stretch}.gallery-dialog-close{position:absolute;right:14px;top:14px;width:44px;height:44px;border:0;border-radius:50%;background:#e6ece3;color:#284e59;font-size:28px;cursor:pointer;z-index:2}.gallery-lightbox .gallery-eyebrow{font-size:11px;color:#526b71;margin-bottom:18px}.gallery-lightbox h2{font-size:35px;font-weight:450;letter-spacing:-.05em;line-height:1.1;margin:0 0 18px}.gallery-lightbox-description{font-size:15px;line-height:1.7;color:#4f6b72;margin-bottom:18px}.gallery-lightbox-note{font-size:13px;line-height:1.6;color:#526b71;margin-bottom:28px}.gallery-share,.gallery-copy-link{width:100%;min-height:46px;border:1px solid #b9cbc5;color:#234f5b;background:transparent;border-radius:3px;font-size:14px;font-weight:550;cursor:pointer;padding:10px 12px;margin-bottom:10px}.gallery-share{background:#285e6a;border-color:#285e6a;color:white}.gallery-share-status{font-size:13px;color:#4b6e65;line-height:1.5;min-height:39px}.gallery-dialog-paint{margin-top:auto;padding-top:24px;text-decoration:underline;text-underline-offset:5px;font-size:15px;border:0;background:none;text-align:left;color:#285464;min-height:48px;cursor:pointer}.gallery-lightbox-navigation{display:flex;align-items:center;gap:13px;margin-top:26px;padding-top:20px;border-top:1px solid #c7d4cf}.gallery-lightbox-navigation button{width:44px;height:44px;font-size:23px;background:none;color:#285464;border:1px solid #bccbc5;border-radius:50%;cursor:pointer}.gallery-lightbox-navigation span{font-size:13px;color:#58716f;margin-right:auto}
@media(min-width:1600px){.gallery-hero{padding-left:max(7vw,calc((100vw - 1440px)/2));padding-right:max(7vw,calc((100vw - 1440px)/2));min-height:100svh}}
@media(max-width:1100px){.gallery-hero{gap:30px;padding-top:150px;grid-template-columns:minmax(0,1fr) 260px}.gallery-hero .gallery-phone{width:260px;padding:25px 22px}.gallery-section-heading{gap:35px}.gallery-section-heading>p{max-width:280px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-process-steps{gap:30px}.gallery-lightbox[open]{grid-template-columns:minmax(0,1fr) 265px}}
@media(max-width:749px){.gallery-masthead{padding:20px 24px}.gallery-wordmark{font-size:21px}.gallery-masthead nav{gap:15px}.gallery-masthead nav>a:not(.gallery-parent){display:none}.gallery-masthead .gallery-parent{margin:0;font-size:12px}.gallery-hero{min-height:0;display:block;padding:130px 28px 95px}.gallery-hero-content{max-width:540px}.gallery-hero .gallery-phone{margin:45px auto 0;width:285px}.gallery-hero-art img{object-position:45% 50%;opacity:.48}.gallery-hero-art::after{background:linear-gradient(180deg,#f5f4e7c9,#edf0e870)}#screen-ready.desktop-ready #desktop-hero-title{font-size:clamp(66px,12vw,90px);margin-bottom:27px}.gallery-eyebrow{font-size:11px;max-width:300px}.gallery-hero-description{font-size:18px;max-width:380px}.gallery-hero-bottom{bottom:22px;left:28px;right:28px}.gallery-hero-bottom>p{max-width:150px;font-size:11px}.gallery-hero-bottom>a{font-size:13px;gap:8px}.landscape-gallery,.gallery-process{padding:65px 26px 40px}.gallery-section-heading{display:block;margin-bottom:30px}.gallery-section-heading h2{font-size:38px;max-width:500px}.gallery-section-heading>p{max-width:460px;margin-top:20px}.gallery-toolbar{gap:10px;align-items:flex-start}.gallery-toolbar>p{display:none}.gallery-filters{gap:1px}.gallery-filters button{padding:10px 13px;font-size:14px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.gallery-card-caption strong{font-size:15px}.gallery-card-caption>span{display:none}.gallery-example-note{text-align:left;margin-top:26px}.gallery-process-steps{grid-template-columns:1fr;gap:32px;margin:32px 0}.gallery-step-index{margin-bottom:12px}.gallery-process h3{font-size:23px}.gallery-process .gallery-text-link{margin-top:24px}.gallery-trust-line{display:block}.gallery-trust-line>p+p{margin-top:18px}.gallery-last-note{padding-top:35px}.gallery-lightbox{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);width:580px;overflow:auto}.gallery-lightbox[open]{display:block}.gallery-lightbox-art{padding:16px;min-height:0}.gallery-lightbox-art>img{max-height:55dvh}.gallery-lightbox-copy{padding:23px 25px}.gallery-dialog-close{top:10px;right:10px}.gallery-lightbox h2{font-size:30px}.gallery-lightbox-copy .gallery-eyebrow{margin-bottom:12px}.gallery-lightbox-note{margin-bottom:18px}.gallery-lightbox-navigation{margin-top:14px}.gallery-dialog-paint{padding-top:12px}}
@media(max-width:380px){.gallery-hero{padding-left:22px;padding-right:22px}.gallery-hero .gallery-phone{max-width:100%;width:276px}.gallery-masthead{padding-left:22px;padding-right:22px}.gallery-masthead .gallery-parent{font-size:11px}.gallery-wordmark{font-size:19px;gap:8px}.gallery-wordmark svg{width:24px}.gallery-hero-description{font-size:17px}.gallery-paint-button{min-width:250px;font-size:15px}.gallery-hero-bottom{left:22px;right:22px}.gallery-hero-bottom>p{max-width:125px}.landscape-gallery,.gallery-process{padding-left:22px;padding-right:22px}.gallery-grid{gap:22px 12px}.gallery-filters button{padding:10px 11px;font-size:13px}.gallery-card-caption strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.desktop-experience *,.gallery-lightbox *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.gallery-paint-button:hover,.gallery-open:hover img{transform:none}}
@media print{.desktop-experience,.gallery-lightbox{display:none!important}}

.gallery-step-art{aspect-ratio:4/3;margin:0 -12px 26px;overflow:hidden;mix-blend-mode:multiply}
.gallery-step-art img{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .4s ease}
.gallery-step-art img.is-ready{opacity:1}
@media(max-width:749px){.gallery-step-art{max-width:440px;margin:0 auto 18px}}

/* Supporting copy remains readable at narrow desktop widths and in the viewer. */
.gallery-lightbox .gallery-dialog-paint{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:60px;margin-top:auto;padding:15px 18px;border:0;background:transparent;color:#fff;text-decoration:none;font-size:15px;font-weight:550;line-height:1.4;text-align:left;cursor:pointer}
.gallery-dialog-paint::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,#244e64,#286f7d 62%,#226873);clip-path:polygon(1% 12%,3% 8%,2% 5%,8% 6%,11% 3%,17% 4%,21% 2%,29% 4%,33% 2%,41% 3%,45% 1%,54% 3%,60% 2%,65% 4%,73% 2%,79% 4%,85% 3%,90% 6%,96% 5%,98% 10%,97% 16%,99% 21%,98% 32%,100% 38%,98% 46%,99% 56%,97% 62%,99% 72%,98% 82%,99% 88%,96% 94%,89% 93%,84% 97%,77% 95%,70% 98%,65% 96%,56% 99%,48% 97%,41% 99%,34% 97%,27% 98%,20% 95%,13% 97%,9% 94%,4% 95%,2% 89%,3% 81%,1% 74%,2% 65%,0 58%,2% 49%,1% 41%,3% 31%,1% 23%)}
.gallery-dialog-paint::after{content:"";position:absolute;z-index:-1;inset:7px 5px;background:repeating-linear-gradient(178deg,#ffffff0c 0 1px,transparent 2px 5px);border-radius:25% 10% 23% 12%;pointer-events:none}
.gallery-dialog-paint>span:last-child{flex:none;font-size:24px;font-weight:400}
.gallery-lightbox .gallery-dialog-paint:hover{filter:none}.gallery-dialog-paint:hover::before{background:linear-gradient(105deg,#1d4258,#236574 62%,#1d5d68)}
.gallery-eyebrow,.gallery-phone .phone-panel-kicker,.gallery-phone .phone-panel-code figcaption,.gallery-hero-bottom,.gallery-toolbar>p,.gallery-card-caption>span,.gallery-trust-line .phone-panel-disclaimer,.gallery-lightbox .gallery-eyebrow,.gallery-lightbox-note,.gallery-share-status,.gallery-lightbox-navigation span{font-size:14px}
.gallery-phone .phone-panel-code figcaption{white-space:normal;margin-left:0;margin-right:0;line-height:1.5}
.gallery-lightbox[open]{overscroll-behavior:contain}body:has(.gallery-lightbox[open]){overflow:hidden}
.gallery-share:disabled{opacity:.6;cursor:wait}
@media(max-width:749px){.gallery-eyebrow{font-size:12px}.gallery-hero-bottom>p{font-size:12px}.gallery-hero-bottom>a{font-size:14px}.gallery-masthead .gallery-parent{font-size:14px}}

.gallery-phone .phone-qr-paper{background:#fffdf8}.gallery-phone .phone-qr-paper img{border-radius:0}.gallery-share-status a{overflow-wrap:anywhere}

/* A small invitation opens the same collection on a phone, on demand. */
.gallery-invitation{display:grid;grid-template-columns:55px minmax(0,1fr) 22px;align-items:center;gap:13px;width:100%;margin:2px 0 0;padding:18px 16px;text-align:left;color:#244c61;background:radial-gradient(ellipse at 5% 70%,#c9e3e4a6,transparent 62%),radial-gradient(ellipse at 95% 0,#d9dff6a1,transparent 75%),#f4f5ee;border:1px solid #d5e0db;border-radius:22px 8px 20px 9px;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s}
.gallery-invitation:active{transform:scale(.99)}
.gallery-invitation strong{display:block;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.03em}
.gallery-invitation strong+span{display:block;font-size:14px;line-height:1.45;color:#4d6871;margin-top:5px}
.gallery-invitation-mark svg{display:block;width:100%;fill:none;stroke:#386e89;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.gallery-invitation-mark path+path{stroke:#55a0a0;stroke-width:5;opacity:.42}
.gallery-invitation-arrow{font-size:24px}
.gallery-card-description{display:none}
.gallery-retry{display:block;margin:20px auto 0;min-height:48px;padding:12px 22px;border:1px solid #a5bcb5;border-radius:24px;background:#eff3eb;color:#244f5b;font:500 16px "DM Sans",sans-serif;cursor:pointer}
.gallery-retry[hidden],#btn-gallery-back[hidden]{display:none!important}
.gallery-grid[aria-busy=true]::before{content:"";grid-column:1/-1;display:block;min-height:260px;aspect-ratio:1.4;background:radial-gradient(ellipse at 18% 56%,#cadbd0 0,transparent 33%),radial-gradient(ellipse at 80% 54%,#c6d8e8 0,transparent 38%),linear-gradient(175deg,#f9f7ee 40%,#e4ece6 64%,#f9f7ee 85%);border-radius:50% 34% 38% 45% / 12% 16% 18% 15%}

#screen-ready.mobile-gallery-open:not([hidden]){display:block;width:100%;max-width:900px;min-height:100dvh;padding:0;gap:0}
#screen-ready.mobile-gallery-open>.content,#screen-ready.mobile-gallery-open>h1{display:none}
#app:has(.mobile-gallery-open:not([hidden]))>#btn-debug-menu{display:none}
.mobile-gallery-open .desktop-experience>.gallery-masthead,.mobile-gallery-open .desktop-experience>.gallery-hero,.mobile-gallery-open .desktop-experience>.gallery-process,.mobile-gallery-open .desktop-experience>.gallery-last-note{display:none}
.mobile-gallery-open .landscape-gallery{padding:calc(30px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-left)) 30px;max-width:720px;background:radial-gradient(ellipse at 95% 0,#dce9e25e,transparent 360px)}
.mobile-gallery-open .gallery-section-heading{display:block;margin-bottom:26px}
.mobile-gallery-open .gallery-section-heading .gallery-eyebrow{font-size:14px;letter-spacing:.09em;margin-bottom:22px}
.mobile-gallery-open #gallery-heading{font:400 clamp(57px,14vw,86px)/1.08 "Water Brush",cursive;letter-spacing:-.02em;max-width:none;margin:0 -2px 18px;color:#193d4b;outline-offset:8px}
.mobile-gallery-open .gallery-section-heading>p{font-size:16px;line-height:1.6;max-width:34ch;margin:0;color:#4d6871}
.mobile-gallery-open .gallery-toolbar{padding-bottom:16px;margin-bottom:22px;border-color:#cddbd4;display:block}
.mobile-gallery-open .gallery-filters{display:flex;gap:3px;flex-wrap:wrap}
.mobile-gallery-open .gallery-filters button{font-size:14px;min-height:44px;padding:10px 13px}
.mobile-gallery-open .gallery-filters span{display:none}
.mobile-gallery-open .gallery-toolbar>p{display:block;font-size:14px;margin:14px 0 0;color:#536d71}
.mobile-gallery-open .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;min-height:0}
.mobile-gallery-open .gallery-card{margin:0;animation:gallery-paper-in .4s ease-out both}
.mobile-gallery-open .gallery-card.featured{grid-column:1/-1;margin-bottom:8px}
.mobile-gallery-open .gallery-art-frame{background:#f4f2e9;border-radius:3px;box-shadow:0 2px 10px #3151640c}
.mobile-gallery-open .gallery-card.featured .gallery-art-frame{aspect-ratio:1.18}
.mobile-gallery-open .gallery-art-frame img{object-fit:cover}
.mobile-gallery-open .gallery-art-frame::after{opacity:1;right:9px;bottom:9px;width:30px;height:30px;font-size:20px;box-shadow:0 1px 5px #3151640d}
.mobile-gallery-open .gallery-card-caption{padding-top:12px;gap:8px}
.mobile-gallery-open .gallery-card-caption strong{font-size:16px;line-height:1.35;letter-spacing:-.025em}
.mobile-gallery-open .gallery-card.featured .gallery-card-caption strong{font-size:23px}
.mobile-gallery-open .gallery-card.featured .gallery-card-caption>span{display:block;font-size:14px}
.mobile-gallery-open .gallery-card.featured .gallery-card-description{display:block;font-size:15px;color:#526c73;line-height:1.6;max-width:35ch;margin-top:3px}
.mobile-gallery-open .gallery-example-note{font-size:14px;line-height:1.6;margin-top:28px;color:#526c73;text-align:left}
#app .mobile-gallery-open>.ready-actions{display:grid;grid-template-columns:minmax(88px,1fr) minmax(0,1.65fr);align-items:center;gap:8px;padding:7px 10px}
#app .mobile-gallery-open #btn-gallery-back{color:#31586a;background:#f9f8f1;border-color:#cedbd6}
.mobile-gallery-open .paint-start-arrow{display:none}
#app .mobile-gallery-open #btn-start{padding-inline:10px;font-size:16px;min-width:0}
@keyframes gallery-paper-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* Keep the artwork and close/next controls in view while its details scroll. */
.gallery-lightbox-art{touch-action:pan-y pinch-zoom}
.mobile-gallery-viewer[open]{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(150px,42dvh) auto minmax(0,1fr);width:min(600px,calc(100vw - 20px));height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden;border-radius:8px}
.mobile-gallery-viewer .gallery-lightbox-art{padding:8px 16px 0;min-height:0;background:#f8f7ef}
.mobile-gallery-viewer .gallery-lightbox-art>img{height:100%;max-height:100%;width:100%;object-fit:contain}
.mobile-gallery-viewer>.gallery-lightbox-navigation{padding:8px 20px;margin:0;gap:12px;border-top:0;border-bottom:1px solid #d6dfd6;background:#f8f7ef}
.mobile-gallery-viewer .gallery-lightbox-copy{overflow:auto;overscroll-behavior:contain;padding:23px 22px 26px;display:block}
.mobile-gallery-viewer .gallery-dialog-close{top:10px;right:10px;box-shadow:0 1px 8px #244d5b15}
.mobile-gallery-viewer .gallery-lightbox-description{font-size:16px;line-height:1.55}
.mobile-gallery-viewer .gallery-lightbox-note,.mobile-gallery-viewer .gallery-eyebrow,.mobile-gallery-viewer .gallery-share-status{font-size:14px}
.mobile-gallery-viewer :is(.gallery-share,.gallery-copy-link,.gallery-dialog-paint){min-height:48px;font-size:16px}
.mobile-gallery-viewer .gallery-share{border-radius:24px;background:#285e6a}
.mobile-gallery-viewer .gallery-copy-link{border-radius:24px}
@media(min-width:700px){#app .mobile-gallery-open>.ready-actions{position:fixed;z-index:40;bottom:calc(12px + env(safe-area-inset-bottom));left:24px;right:24px;width:auto;max-width:620px;margin:auto;border:1px solid #dce2eb;border-radius:36px;background:#fdfbf7f7;box-shadow:0 5px 24px #253d701a}.mobile-gallery-open .landscape-gallery{padding-bottom:120px}}
@media(max-width:359px){.gallery-invitation{grid-template-columns:38px minmax(0,1fr) 18px;gap:10px;padding:16px 12px}.gallery-invitation strong{font-size:16px}.mobile-gallery-open .gallery-filters button{padding-inline:10px}.mobile-gallery-open .gallery-grid{gap:24px 13px}}
@media(prefers-reduced-motion:reduce){.gallery-invitation,.mobile-gallery-open .gallery-card{animation:none;transition:none}.gallery-invitation:active{transform:none}}