@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--city-canvas: #ecebea;--city-surface: #f7f6f4;--city-ink: #191719;--city-muted: #706b6e;--city-line: rgba(25, 23, 25, .18);--city-accent: #8d4452;--city-on-accent: #fff8f7;--city-font: "Cabinet Grotesk", system-ui, sans-serif;--city-ease: cubic-bezier(.2, .8, .2, 1);color-scheme:light}:root[data-theme=dark]{--city-canvas: #171416;--city-surface: #211d20;--city-ink: #f4f0ef;--city-muted: #aaa3a6;--city-line: rgba(244, 240, 239, .18);--city-accent: #c46677;--city-on-accent: #171416;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--city-canvas: #171416;--city-surface: #211d20;--city-ink: #f4f0ef;--city-muted: #aaa3a6;--city-line: rgba(244, 240, 239, .18);--city-accent: #c46677;--city-on-accent: #171416;color-scheme:dark}}::view-transition-group(root){animation-duration:.35s}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}*{box-sizing:border-box}html{min-inline-size:320px;min-block-size:100%;background:var(--city-canvas)}body{min-block-size:100dvh;margin:0;overflow-x:clip;background:var(--city-canvas);color:var(--city-ink);font:400 1rem/1.45 var(--city-font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-inline-size:100%}:where(a,button):focus-visible{outline:3px solid color-mix(in oklab,var(--city-accent) 72%,white);outline-offset:-3px}::selection{background:var(--city-accent);color:var(--city-on-accent)}.city-page{min-block-size:100dvh;display:grid;grid-template-rows:76px minmax(0,1fr)}.city-header{min-inline-size:0;padding-inline:clamp(22px,4vw,64px);border-block-end:1px solid var(--city-line);position:sticky;inset-block-start:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--city-canvas)}.city-brand{inline-size:112px;display:inline-flex}.city-brand img{inline-size:100%;block-size:auto}:root[data-theme=dark] .city-brand img{filter:brightness(0) invert(1)}.theme-toggle{inline-size:40px;block-size:40px;min-inline-size:40px;padding:0;border:1px solid var(--city-line);border-radius:50%;background:var(--city-surface);color:var(--city-ink);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 8px 28px #1917190f;transition:background-color .18s var(--city-ease),border-color .18s var(--city-ease),transform .12s var(--city-ease),box-shadow .18s var(--city-ease)}.theme-toggle:hover{background:color-mix(in oklab,var(--city-surface) 84%,var(--city-accent));border-color:var(--city-line);color:var(--city-accent)}.theme-toggle:active{transform:scale(.92)}.theme-toggle svg{inline-size:18px;block-size:18px;position:absolute;inset-block-start:50%;inset-inline-start:50%;margin-block-start:-9px;margin-inline-start:-9px;transition:transform .24s var(--city-ease),opacity .18s var(--city-ease),color .18s var(--city-ease);pointer-events:none}:root:not([data-theme=dark]) .theme-toggle .theme-icon-sun,[data-theme=light] .theme-toggle .theme-icon-sun{transform:rotate(0) scale(1);opacity:1;color:var(--city-accent)}:root:not([data-theme=dark]) .theme-toggle .theme-icon-moon,[data-theme=light] .theme-toggle .theme-icon-moon{transform:rotate(45deg) scale(.94);opacity:0}:root[data-theme=dark] .theme-toggle .theme-icon-sun,html.dark .theme-toggle .theme-icon-sun{transform:rotate(-45deg) scale(.94);opacity:0}:root[data-theme=dark] .theme-toggle .theme-icon-moon,html.dark .theme-toggle .theme-icon-moon{transform:rotate(0) scale(1);opacity:1;color:var(--city-accent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .theme-icon-sun{transform:rotate(-45deg) scale(.94);opacity:0}:root:not([data-theme=light]) .theme-toggle .theme-icon-moon{transform:rotate(0) scale(1);opacity:1;color:var(--city-accent)}}.city-skip-link{position:fixed;z-index:3;inset-block-start:10px;inset-inline-start:10px;padding:10px 14px;background:var(--city-ink);color:var(--city-canvas);transform:translateY(-150%);transition:transform .18s var(--city-ease)}.city-skip-link:focus{transform:none}.city-main{min-block-size:calc(100dvh - 76px);display:grid;grid-template-columns:minmax(0,5fr) minmax(560px,7fr)}.city-intro{min-inline-size:0;block-size:calc(100dvh - 76px);padding:clamp(32px,4.5vw,72px) clamp(28px,5vw,80px);border-inline-end:1px solid var(--city-line);overflow:clip;position:sticky;inset-block-start:76px;z-index:1;align-self:start;display:grid;align-items:end;isolation:isolate}.city-intro-copy{max-inline-size:640px;position:relative;z-index:1}.city-intro-copy h1{max-inline-size:620px;margin:0;font-size:clamp(4.2rem,7vw,7.6rem);font-weight:500;line-height:.82;letter-spacing:-.075em;text-wrap:balance}.city-intro-copy p{max-inline-size:350px;margin:30px 0 0;color:var(--city-muted);font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.45}.city-stage{position:absolute;z-index:-1;inset:clamp(22px,4vw,56px) clamp(18px,3.5vw,54px) auto auto;inline-size:min(76%,450px);aspect-ratio:1;color:var(--city-accent);pointer-events:none}.city-stage-visual{inline-size:100%;block-size:100%;position:relative;display:grid;place-items:center}.city-stage-favicon,.city-stage-word{grid-area:1 / 1;transition:opacity .52s var(--city-ease),transform .56s var(--city-ease)}.city-stage-favicon{inline-size:100%;aspect-ratio:1;background:var(--city-accent);-webkit-mask-image:url(/brand/sharm-favicon-outline.png);mask-image:url(/brand/sharm-favicon-outline.png);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:.28;transform:scale(1)}.city-stage-word{display:block;font-size:clamp(12rem,26vw,27rem);font-weight:700;line-height:.7;letter-spacing:-.11em;white-space:nowrap;opacity:0;transform:translateY(14px) scale(.97)}:root[data-theme=dark] .city-stage-favicon{opacity:.34}.city-stage[data-city-preview=city] .city-stage-favicon{opacity:0;transform:scale(.94)}.city-stage[data-city-preview=city][data-stage-active=a] .city-stage-word--a,.city-stage[data-city-preview=city][data-stage-active=b] .city-stage-word--b{opacity:.14;transform:translateY(0) scale(1)}.city-stage--wide{inset-inline-end:clamp(22px,3vw,42px)}.city-stage--wide .city-stage-word{font-size:clamp(7rem,15vw,14rem);letter-spacing:-.09em}.city-index{min-inline-size:0;background:var(--city-surface);position:relative}.city-list{--city-row-height: max(168px, calc((100dvh - 76px) / 3.5));block-size:100%;min-block-size:max(100%,calc(var(--city-count, 3) * var(--city-row-height)));padding:0;margin:0;display:grid;grid-template-rows:repeat(var(--city-count, 3),minmax(var(--city-row-height),1fr));list-style:none}.city-list-item{min-block-size:0}.city-route{min-inline-size:0;block-size:100%;min-block-size:var(--city-row-height);padding:clamp(28px,4vw,62px);border-block-end:1px solid var(--city-line);position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;transition:color .32s var(--city-ease),background-color .32s var(--city-ease)}.city-list-item:last-child .city-route{border-block-end:0}.city-route:hover,.city-route:focus-visible{background:var(--city-accent);color:var(--city-on-accent)}.city-route:active .city-route-copy{transform:translateY(1px)}.city-route-copy{min-inline-size:0;display:grid;gap:8px;transition:transform .32s var(--city-ease)}.city-route:hover .city-route-copy,.city-route:focus-visible .city-route-copy{transform:translate(8px)}.city-route-name{min-inline-size:0;font-size:clamp(3.1rem,5vw,5.7rem);font-weight:500;line-height:.86;letter-spacing:-.065em;text-wrap:balance}.city-route-host{color:var(--city-muted);font-size:.78rem;font-weight:500;letter-spacing:.015em;transition:color .32s var(--city-ease)}.city-route:hover .city-route-host,.city-route:focus-visible .city-route-host{color:color-mix(in oklab,var(--city-on-accent) 76%,transparent)}.city-route-action{display:flex;align-items:center;gap:16px;font-size:.78rem;font-weight:500;white-space:nowrap}.city-route-action b{font-size:2rem;font-weight:400;line-height:1;transition:transform .32s var(--city-ease)}.city-route:hover .city-route-action b,.city-route:focus-visible .city-route-action b{transform:translate(7px)}.city-noscript-note{margin:28px;color:var(--city-muted)}@media(max-width:980px){.city-main{grid-template-columns:1fr}.city-intro{min-block-size:380px;block-size:auto;position:relative;inset-block-start:auto;border-inline-end:0;border-block-end:1px solid var(--city-line)}.city-intro-copy h1{max-inline-size:740px;font-size:clamp(4.2rem,10vw,6.8rem)}.city-stage{inset-block-start:64px}.city-stage-word{font-size:clamp(12rem,38vw,20rem)}.city-stage--wide .city-stage-word{font-size:clamp(8rem,24vw,13rem)}.city-list{--city-row-height: 180px;min-block-size:max(540px,calc(var(--city-count, 3) * var(--city-row-height)));grid-template-rows:repeat(var(--city-count, 3),minmax(var(--city-row-height),1fr))}.city-route{min-block-size:var(--city-row-height)}}@media(max-width:620px){.city-page{grid-template-rows:68px minmax(0,1fr)}.city-header{padding-inline:20px}.city-brand{inline-size:104px}.city-main{min-block-size:calc(100dvh - 68px)}.city-intro{min-block-size:300px;padding:30px 20px 34px}.city-intro-copy h1{max-inline-size:350px;font-size:clamp(3.55rem,16vw,4.7rem);line-height:.84}.city-intro-copy p{max-inline-size:270px;margin-block-start:22px;font-size:.92rem}.city-stage{inset-block-start:56px;inset-inline-end:8px;inline-size:min(76%,290px)}.city-stage-word{font-size:clamp(11rem,54vw,14rem)}.city-stage--wide{inset-block-start:82px;inset-inline-end:10px}.city-stage--wide .city-stage-word{font-size:clamp(6rem,31vw,8.8rem)}.city-list{--city-row-height: 170px;min-block-size:max(510px,calc(var(--city-count, 3) * var(--city-row-height)));grid-template-rows:repeat(var(--city-count, 3),minmax(var(--city-row-height),1fr))}.city-route{min-block-size:var(--city-row-height);padding:28px 20px;gap:18px}.city-route-name{font-size:clamp(2.7rem,12vw,3.8rem);line-height:.9}.city-route-host{font-size:.74rem}.city-route-action>span{display:none}.city-route-action b{font-size:1.8rem}}@media(prefers-reduced-motion:no-preference){.city-brand{animation:city-enter .62s both var(--city-ease)}.city-intro-copy{animation:city-enter .72s 80ms both var(--city-ease)}.city-list-item{animation:city-enter .68s both var(--city-ease)}.city-list-item:nth-child(1){animation-delay:.12s}.city-list-item:nth-child(2){animation-delay:.19s}.city-list-item:nth-child(3){animation-delay:.26s}}@keyframes city-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}.theme-toggle,.city-stage-favicon,.city-stage-word,.city-route,.city-route-copy,.city-route-action b,.city-route-host{transition:none}}@media(forced-colors:active){.city-route{border-color:CanvasText}}