/* Tour of the Office */
.sy-tour{padding:0 0 4rem}
.sy-tour-hero{position:relative;margin-top:-5.8rem;min-height:calc(min(78vh,760px) + 5.8rem);display:flex;align-items:flex-end;color:#fff;overflow:hidden;isolation:isolate}
.sy-tour-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.sy-tour-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,20,20,.6),rgba(20,20,20,0) 24%),linear-gradient(0deg,rgba(20,20,20,.85),rgba(20,20,20,.45) 50%,rgba(20,20,20,.1) 80%)}
.sy-tour-hero .in{padding:0 2.5rem 3.5rem;max-width:56rem}
.sy-crumbs{font-size:.875rem;margin:0 0 1.25rem}.sy-crumbs a{color:inherit}
.sy-tour-label{font-family:"Geist Mono",monospace;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem}
.sy-tour h1{font-weight:300;font-size:clamp(3.4rem,7.5vw,7.25rem);line-height:.95;letter-spacing:-.04em;margin:0 0 1.25rem;color:#fff}
.sy-tour h1 .sy-h1-sub{display:block;font-size:1.1rem;letter-spacing:0;line-height:1.4;font-weight:400;margin-top:1rem}
.sy-tour-hero p.lead{font-size:1.2rem;line-height:1.5;max-width:40ch;margin:0}
.sy-tour-hero .sy-crumbs,.sy-tour-hero .sy-crumbs a,.sy-tour-hero .sy-tour-label,.sy-tour-hero p.lead,.sy-tour-hero .sy-h1-sub{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.sy-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.sy-btns a{display:inline-flex;align-items:center;min-height:48px;padding:0 1.25rem;border-radius:.25rem;text-decoration:none;font-size:1rem}
.sy-btns .is-light{background:#fffef8;color:#222}.sy-btns .is-line{border:1px solid currentColor;color:inherit}
.sy-tour-body{max-width:90rem;margin:0 auto;padding:4.5rem 2.5rem 0}
.sy-tour-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:3rem;align-items:start;margin-bottom:3rem}
.sy-tour-intro h2{font-weight:300;font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.03em;line-height:1.02;margin:0}
.sy-tour-intro p{font-size:1.125rem;line-height:1.65;color:#2f2d29;margin:0;max-width:46rem}
.sy-tour-intro a,.sy-visit .first a{color:#a8384a;text-decoration:underline;text-underline-offset:.18em}
.sy-room{margin-bottom:.75rem}
.sy-room-h{display:flex;align-items:baseline;gap:1rem;margin:2.25rem 0 .9rem}
.sy-room-h h3{font-weight:400;font-size:1.35rem;letter-spacing:-.01em;margin:0}
.sy-room-h p{margin:0;color:#54514a;font-size:1rem}
.sy-om{display:grid;grid-template-columns:2fr 1fr;gap:.75rem;height:clamp(22rem,36vw,33rem)}
.sy-om.flip{grid-template-columns:1fr 2fr}.sy-om.flip .big{order:2}
.sy-om .stack{display:grid;grid-template-rows:1fr 1fr;gap:.75rem;min-height:0}
.sy-tph{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#efede6;border-radius:.5rem;overflow:hidden;color:#fff;cursor:zoom-in;font:inherit;text-align:left}
.sy-tph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.sy-tph:hover img{transform:scale(1.035)}
.sy-tph:focus-visible{outline:3px solid #a8384a;outline-offset:3px}
.sy-tph .cap{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1rem .85rem;background:linear-gradient(0deg,rgba(20,20,20,.7),transparent);font-size:.95rem}
.sy-visit{margin:4.5rem 2.5rem 0;border-radius:.75rem;background:#222;color:#fffef8;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;max-width:85rem}
@media (min-width:1440px){.sy-visit{margin-left:auto;margin-right:auto}}
.sy-visit .t{padding:3rem}
.sy-visit h2{font-weight:300;font-size:clamp(2rem,3.2vw,2.75rem);letter-spacing:-.03em;line-height:1.05;margin:0 0 1rem;color:#fffef8}
.sy-visit p{line-height:1.55;margin:0 0 1rem;color:#e9e5da}
.sy-visit .first a{color:#fffef8}
.sy-visit table{border-collapse:collapse;font-size:1rem;margin:.5rem 0 .25rem}.sy-visit td{padding:.25rem 1.5rem .25rem 0}.sy-visit td:last-child{white-space:nowrap}
.sy-visit small{display:block;margin-top:1.25rem;color:#c9c4b8;font-size:.9rem}
.sy-visit small a{color:inherit}
.sy-visit>img{width:100%;height:100%;object-fit:cover}
.sy-lb{position:fixed;inset:0;z-index:9999;background:rgba(15,14,12,.94);display:none;align-items:center;justify-content:center;flex-direction:column;padding:1.5rem}
.sy-lb.on{display:flex}
.sy-lb img{max-height:78vh;max-width:92vw;border-radius:.4rem}
.sy-lb p{color:#fffef8;margin:1rem 0 0;font-size:1.05rem;text-align:center}
.sy-lb button{position:absolute;width:3.25rem;height:3.25rem;border-radius:50%;border:0;background:rgba(255,254,248,.14);color:#fff;font-size:1.4rem;cursor:pointer}
.sy-lb .x{top:1.25rem;right:1.25rem}.sy-lb .l{left:1.25rem;top:50%}.sy-lb .r{right:1.25rem;top:50%}
@media (max-width:767px){
 .sy-tour{padding-top:0}
 .sy-tour-hero{min-height:calc(72vh + 5.8rem)}.sy-tour-hero .in{padding:0 1.25rem 2rem}.sy-tour h1{font-size:3.4rem}
 .sy-tour-body{padding:3rem 1.25rem 0}
 .sy-tour-intro{grid-template-columns:minmax(0,1fr);gap:1rem;margin-bottom:1.5rem}
 .sy-room-h{flex-direction:column;gap:.2rem;margin:1.75rem 0 .7rem}
 .sy-om,.sy-om.flip{grid-template-columns:minmax(0,1fr);height:auto}.sy-om.flip .big{order:0}
 .sy-om .big{aspect-ratio:3/2;height:auto}
 .sy-om .stack{grid-template-rows:none;grid-template-columns:1fr 1fr;gap:.5rem}.sy-om .stack .sy-tph{aspect-ratio:1;height:auto}
 .sy-om{gap:.5rem}.sy-tph .cap{font-size:.8rem;padding:1.75rem .6rem .5rem}
 .sy-visit{grid-template-columns:minmax(0,1fr);margin:3rem 1.25rem 0}.sy-visit .t{padding:1.75rem}.sy-visit>img{aspect-ratio:3/2;height:auto}
 .sy-lb .l,.sy-lb .r{top:auto;bottom:1.5rem}}
@media (prefers-reduced-motion:reduce){.sy-tph img{transition:none}}

/* header glass (scripts/header_glass.py) */
.navigation .nav-bar.is-main,.navigation .mobile-navbar{background-color:rgba(255,254,248,.84)!important;
 -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 1px 0 rgba(34,30,25,.06),0 10px 30px rgba(34,30,25,.08);
 transition:background-color .25s ease,box-shadow .25s ease}
.navigation .nav-link,.navigation .mobile-navbar .login-button,.navigation .mobile-navbar .login-button *{color:#222!important;transition:color .25s ease}
.navigation .nav-divider{background-color:rgba(34,30,25,.14)!important;transition:background-color .25s ease}
.navigation .menu-bar{background-color:#222!important;transition:background-color .25s ease}
.sy-logo-swap{position:relative;display:block;line-height:0}
.sy-logo-swap .is-white{position:absolute;left:0;top:0;height:100%;width:auto;opacity:0;transition:opacity .25s ease}
.sy-logo-swap .is-colour{transition:opacity .25s ease}
html.sy-over .navigation .nav-bar.is-main,html.sy-over .navigation .mobile-navbar{background-color:rgba(20,18,16,.24)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
html.sy-over .navigation .nav-link,html.sy-over .navigation .mobile-navbar .login-button,
html.sy-over .navigation .mobile-navbar .login-button *{color:#fff!important}
html.sy-over .navigation .nav-divider{background-color:rgba(255,255,255,.32)!important}
html.sy-over .navigation .menu-bar{background-color:#fff!important}
html.sy-over .sy-logo-swap .is-white{opacity:1}html.sy-over .sy-logo-swap .is-colour{opacity:0}
@media (prefers-reduced-transparency:reduce){
 .navigation .nav-bar.is-main,.navigation .mobile-navbar{background-color:#fffef8!important;-webkit-backdrop-filter:none;backdrop-filter:none}
 html.sy-over .navigation .nav-bar.is-main,html.sy-over .navigation .mobile-navbar{background-color:rgba(20,18,16,.72)!important}}
@media (prefers-reduced-motion:reduce){.navigation *,.sy-logo-swap img{transition:none!important}}