.am-hero{isolation:isolate;view-timeline:--am-hero block;background:#fff;position:relative;overflow:clip}.am-hero-box{container-type:inline-size}.am-hero-grid{--w:25cqw;--p:48cqw;--g:1cqw;grid-template-columns:var(--w) var(--p) var(--w);column-gap:var(--g);justify-content:center;padding-block:1.25rem 1.5rem;display:grid}.am-hero-title{color:var(--color-ink);--word:3.96;font-size:calc(100cqw / var(--word));letter-spacing:-.02em;grid-column:1/-1;line-height:.86}.am-hero-word{margin-inline-start:-.05em;display:block}.am-hero-second{text-align:end;margin-inline-start:0}.am-hero-letter,.am-hero-device{grid-row:2;align-self:end;margin-top:.75rem}.am-hero-letter svg{width:100%;fill:var(--color-ink);display:block}.am-hero-device{transform-origin:50% 100%}.am-hero-phone{filter:drop-shadow(0 1.8cqw 1.8cqw #3a0e1a57);width:100%;height:auto;display:block}.am-hero-actions{flex-direction:column;grid-area:3/1/auto/-1;align-items:center;gap:.25rem;margin-top:1.25rem;display:flex}.am-hero-cta{width:100%}.am-hero-text{grid-area:4/1/auto/-1;margin-top:.75rem}@media (min-width:1024px),(min-width:480px) and (orientation:landscape){.am-hero-grid{--u:min(1cqw, max(5px, calc((100svh - 16rem) / 42)));--w:calc(var(--u) * 31.4);--p:calc(var(--u) * 33.6);--g:calc(var(--u) * 1.8);grid-template-rows:auto 1fr auto;padding-block:clamp(1.25rem,4svh,3rem)}.am-hero-title{grid-row:1;grid-template-columns:var(--w) var(--p) var(--w);column-gap:var(--g);font-size:calc(var(--w) / var(--word));align-items:last baseline;display:grid}.am-hero-second{grid-column:3}.am-hero-letter{grid-row:2}.am-hero-device{grid-area:1/2/3;margin-top:0}.am-hero-phone{filter:drop-shadow(0 calc(var(--u) * 1.6) calc(var(--u) * 1.6) #3a0e1a57)}.am-hero-letter-l{grid-column:1}.am-hero-letter-r{grid-column:3}.am-hero-text{margin-top:calc(var(--u) * 2.2);grid-area:3/1}.am-hero-actions{display:contents}.am-hero-cta{width:auto;margin-top:calc(var(--u) * 2.2);grid-area:3/2;place-self:start center}.am-hero-address{margin-top:calc(var(--u) * 2.2);grid-area:3/3;place-self:start end}}@media (max-height:500px) and (min-width:480px) and (orientation:landscape){.am-hero-actions{flex-direction:row;justify-content:center;justify-self:center;gap:1.25rem;width:100cqw;display:flex}.am-hero-cta,.am-hero-address{margin-top:0}.am-hero-text{text-align:center;grid-area:4/1/auto/-1}}@media (min-width:1024px) and (min-height:501px){.am-hero-box{align-content:center;min-height:clamp(34rem,100svh - 7.5rem,50rem);display:grid}}@media (prefers-reduced-motion:no-preference){.am-hero-letter-l svg{animation:1s cubic-bezier(.16,1,.3,1) .28s both am-open-l}.am-hero-letter-r svg{animation:1s cubic-bezier(.16,1,.3,1) .28s both am-open-r}.am-hero-phone{animation:1s cubic-bezier(.16,1,.3,1) .55s both am-rise}.am-hero-word{animation:.8s cubic-bezier(.16,1,.3,1) both am-word}.am-hero-second{animation-delay:.1s}}@keyframes am-open-l{0%{translate:calc(var(--p) / 2 + var(--g) + var(--w) * .134) 0}}@keyframes am-open-r{0%{translate:calc((var(--p) / 2 + var(--g) + var(--w) * .134) * -1) 0}}@keyframes am-rise{0%{opacity:0;translate:0 14%;scale:.94}}@keyframes am-word{0%{clip-path:inset(-20% -5% 100%);translate:0 .25em}to{clip-path:inset(-20% -5%)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.am-hero-letter-l,.am-hero-letter-r,.am-hero-device{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--am-hero;animation-range:exit exit 90%}.am-hero-letter-l{transform-origin:0 100%;animation-name:am-door-l}.am-hero-letter-r{transform-origin:100% 100%;animation-name:am-door-r}.am-hero-device{animation-name:am-hold}}}@keyframes am-door-l{to{translate:calc(var(--w) * -.9) 0;rotate:-9deg}}@keyframes am-door-r{to{translate:calc(var(--w) * .9) 0;rotate:9deg}}@keyframes am-hold{to{translate:0 9%;scale:1.06}}.am-colors{padding-top:3rem}.am-colors-pin{flex-direction:column-reverse;gap:1.5rem;display:flex}.am-colors-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem .5rem;width:100%;max-width:1360px;margin-inline:auto;padding-inline:1rem;display:grid}.am-color-photo{aspect-ratio:1;background:var(--color-surface);position:relative}.am-color-name{margin-top:.5rem;font-size:clamp(1rem,5vw,1.5rem)}@media (min-width:768px){.am-colors{padding-top:5rem}.am-colors-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;padding-inline:2rem}}@media screen and (prefers-reduced-motion:no-preference) and (min-height:560px){@supports (animation-timeline:view()){.am-colors{height:calc(var(--n) * 100svh);view-timeline:--am-colors block;margin-top:3rem;padding-top:0}.am-colors-pin{height:100svh;display:block;position:sticky;top:0;overflow:clip}.am-colors-list{max-width:none;padding:0;display:block;position:absolute;inset:0}.am-color{isolation:isolate;--bg:color-mix(in srgb, var(--tint) 16%, #fff);background:var(--bg);position:absolute;inset:0}.am-color:not(:first-child){animation:linear both am-color-in;animation-timeline:--am-colors;animation-range:contain calc((var(--i) - 1) / (var(--n) - 1) * 100%) contain calc(var(--i) / (var(--n) - 1) * 100%)}.am-color-photo{aspect-ratio:auto;background:var(--bg);animation:linear both am-color-drift;animation-timeline:--am-colors;animation-range:contain calc((var(--i) - .5) / (var(--n) - 1) * 100%) contain calc((var(--i) + .5) / (var(--n) - 1) * 100%);position:absolute;inset:14rem 1rem 6rem}.am-color-name{color:var(--color-ink);margin:0;font-size:clamp(1.75rem,8.6vw,3rem);position:absolute;bottom:1.25rem;left:1rem}.am-colors-copy{z-index:1;padding-top:5.25rem;position:relative}}}@media screen and (prefers-reduced-motion:no-preference) and (min-height:560px) and (min-width:768px){@supports (animation-timeline:view()){.am-color-photo{inset:6rem 5vw 2.5rem 48%}.am-color-name{max-width:44%;font-size:clamp(3rem,4.8vw,5.25rem);bottom:2.75rem;left:max(2rem,50vw - 680px + 2rem)}.am-colors-copy{padding-top:8rem}}}@keyframes am-color-in{0%,55%{opacity:0}to{opacity:1}}@keyframes am-color-drift{0%{translate:0 6%;scale:.95}to{translate:0 -6%;scale:1.03}}.am-closing{aspect-ratio:819/477;fill:var(--color-ink)}.am-closing svg{width:57.9%;position:absolute;bottom:0}.am-closing svg:first-child{left:0}.am-closing svg:last-child{right:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.am-closing svg{animation:none;animation-timeline:view();animation-range:cover cover 55%}.am-closing svg:first-child{animation-name:am-close-l}.am-closing svg:last-child{animation-name:am-close-r}}}@keyframes am-close-l{0%{translate:-45%}}@keyframes am-close-r{0%{translate:45%}}