:root{--stone: #ebe5da;--stone-2: #e0d9cc;--bone: #f4f0e9;--graphite: #1f1e1c;--graphite-2: #2a2926;--oxblood: #3a0f14;--ink: #161513;--ink-2: #48443d;--ink-3: #6a655c;--paper-text: #f3efe8;--paper-text-2: #c9c3b9;--paper-text-3: #9d978d;--rule-light: #cfc6b6;--rule-dark: #3e3c38;--red: #ec1d39;--u: clamp(8px, 0.3vw + 4px, 10px);--gutter: clamp(20px, 5vw, 80px);--max: 1360px;--sec: clamp(72px, 9vw, 150px);--bar-h: 84px;--fs-body: clamp(16px, 0.25vw + 13.5px, 19px);--fs-small: clamp(14px, 0.2vw + 12px, 16px);--fs-label: clamp(11.5px, 0.15vw + 10px, 13px);--fs-h2: clamp(30px, 3.4vw, 58px);--sans: "Archivo", "Helvetica Neue", Arial, sans-serif}*,*::before,*::after{box-sizing:border-box}html{background:var(--graphite);scroll-padding-top:calc(var(--bar-h) + 24px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--graphite);color:var(--ink);font:400 var(--fs-body)/1.6 var(--sans);font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure,ul,ol{margin:0;padding:0}ul,ol{list-style:none}h1,h2,h3{font-weight:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--red);outline-offset:5px}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}.x{font-stretch:125%;text-transform:uppercase;font-weight:600;letter-spacing:0.06em}.label{font-size:var(--fs-label);font-stretch:125%;text-transform:uppercase;font-weight:600;letter-spacing:0.16em}.h2{font-size:var(--fs-h2);line-height:1.04;font-stretch:125%;font-weight:700;text-transform:uppercase;letter-spacing:0.01em;text-wrap:balance}.r{color:var(--red)}p,li,dd,.dg-d,.svc-d{text-wrap:pretty}.amp{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-stretch:100%;font-weight:600}.tlink{display:inline-block;font-size:var(--fs-label);font-stretch:125%;text-transform:uppercase;font-weight:600;letter-spacing:0.16em;padding-bottom:6px;background:linear-gradient(var(--red),var(--red)) left bottom / 100% 2px no-repeat;transition:background-size 380ms cubic-bezier(.65,0,.35,1),color 200ms}.tlink{position:relative;--pl: 1.06em;--pr: 0.9em;padding-inline:var(--pl) var(--pr);margin-inline:calc(-1 * var(--pl)) calc(-1 * var(--pr));background-position:var(--pl) 100%;background-size:calc(100% - var(--pl) - var(--pr)) 2px;transition:background-size 160ms cubic-bezier(.4,0,.2,1) 300ms,background-position 160ms cubic-bezier(.4,0,.2,1) 300ms,color 200ms}.tlink::before,.tlink::after{content:"";position:absolute;left:0;right:0;pointer-events:none}.tlink::before{top:-7px;bottom:0;border-inline:2px solid var(--red);transform:scaleY(0);transform-origin:bottom;transition:transform 190ms cubic-bezier(.4,0,.2,1) 140ms}.tlink::after{top:-7px;height:2px;background:linear-gradient(var(--red),var(--red)) left top / 0 100% no-repeat,linear-gradient(var(--red),var(--red)) right top / 0 100% no-repeat;transition:background-size 170ms cubic-bezier(.4,0,.2,1)}.tlink:hover,.tlink:focus-visible{background-position:0 100%;background-size:100% 2px;transition-delay:0s}.tlink:hover::before,.tlink:focus-visible::before{transform:none;transition-delay:150ms}.tlink:hover::after,.tlink:focus-visible::after{background-size:50.5% 100%,50.5% 100%;transition-delay:330ms}@media (prefers-reduced-motion: reduce){.tlink,.tlink::before,.tlink::after{transition:none}}.bar{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--bar-h);color:var(--paper-text);transition:background-color 360ms ease,border-color 360ms ease,height 360ms ease;border-bottom:1px solid transparent}.bar.solid{background:rgba(24,23,21,0.96);border-bottom-color:#55524c;--bar-h: 68px;height:68px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bar .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none}.bar-logo{width:clamp(180px,14vw + 60px,290px);transition:width 360ms ease}.bar.solid .bar-logo{width:clamp(160px,10vw + 60px,220px)}.nav{display:flex;gap:clamp(20px,2.4vw,40px)}.nav a{position:relative;font-size:var(--fs-label);font-stretch:125%;text-transform:uppercase;font-weight:600;letter-spacing:0.16em;padding:10px 0}.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:center;transition:transform 320ms cubic-bezier(.65,0,.35,1)}.nav a:hover::after,.nav a.on::after{transform:scaleX(1)}.nav-dd{position:relative;display:flex}.dd{position:absolute;top:100%;left:-22px;margin-top:10px;padding:10px 22px 12px;display:grid;width:max-content;background:rgba(24,23,21,0.97);border:1px solid #55524c;color:var(--paper-text);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 180ms ease 140ms,transform 180ms ease 140ms,visibility 0s linear 320ms}.dd::before{content:"";position:absolute;left:-1px;right:-1px;bottom:100%;height:12px}.nav-dd:hover .dd,.nav-dd:focus-within .dd{opacity:1;visibility:visible;transform:none;transition-delay:0s}.dd a{padding:9px 0;justify-self:start}.dd .dd-sep{margin-top:6px;padding-top:15px}.dd .dd-sep::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#55524c}.menu-btn{display:none;background:none;border:0;color:inherit;font:inherit;font-size:var(--fs-label);font-stretch:125%;text-transform:uppercase;font-weight:600;letter-spacing:0.16em;padding:12px 0;cursor:pointer}.overlay{position:fixed;inset:0;z-index:60;background:var(--graphite);color:var(--paper-text);display:none;overflow-y:auto;overscroll-behavior:contain;padding:22px var(--gutter) 40px}.overlay.open{display:block}.ov-top{display:flex;justify-content:space-between;align-items:center;height:40px}.ov-top img{width:190px}.ov-nav{margin-top:48px;display:grid;gap:4px}.ov-nav a{font-size:clamp(26px,8vw,40px);font-stretch:125%;text-transform:uppercase;font-weight:700;letter-spacing:0.02em;padding:8px 0;border-bottom:1px solid var(--rule-dark)}.ov-nav a.has-sub{border-bottom:0}.ov-sub{display:grid;padding:2px 0 14px;border-bottom:1px solid var(--rule-dark)}.ov-nav .ov-sub a{font-size:15px;font-weight:600;letter-spacing:0.12em;color:var(--paper-text-2);padding:9px 0;border:0}.ov-foot{margin-top:36px;color:var(--paper-text-2);font-size:var(--fs-small)}.room{padding-block:var(--sec);position:relative}.room.stone{background:var(--stone);color:var(--ink)}.room.bone{background:var(--bone);color:var(--ink)}.room.graphite{background:var(--graphite);color:var(--paper-text)}.room.oxblood{background:var(--oxblood);color:var(--paper-text)}.head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:end}.head .intro{color:var(--ink-2);max-width:46ch;text-wrap:pretty}.graphite .head .intro,.oxblood .head .intro{color:var(--paper-text-2)}.lk{position:relative;display:inline-block;line-height:0;vertical-align:middle;width:fit-content;max-width:100%;justify-self:start}.lk img{display:block}.lk::after{content:"";position:absolute;height:2px;background:var(--red);pointer-events:none}.lk-sss::after{left:18.73%;width:62.54%;bottom:0}.lk-trt::after{left:14%;width:72.04%;bottom:0.625%}.lk-tri::after{left:14%;width:72.04%;bottom:45.17%}html.capture{scroll-snap-type:y proximity}.cap-rail{position:fixed;right:clamp(14px,1.8vw,30px);top:50%;z-index:40;display:grid;justify-items:center;gap:9px;transform:translateY(-50%);color:var(--paper-text);opacity:0;pointer-events:none;transition:opacity 500ms ease}.cap-rail.on{opacity:1;pointer-events:auto}.cap-rail button{all:unset;box-sizing:border-box;display:grid;place-items:center;width:26px;height:22px;cursor:pointer;opacity:0.5;transition:opacity 200ms ease,color 300ms ease}.cap-rail button:hover,.cap-rail button:focus-visible{opacity:1}.cap-rail svg{width:12px;height:7px;overflow:visible}.cap-rail path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cr-hs{display:grid;gap:7px;justify-items:center}.cr-hs i{display:block;width:2px;height:20px;background:rgba(243,239,232,0.2);overflow:hidden}.cr-hs b{display:block;width:100%;height:100%;background:var(--paper-text);transform:scaleY(0);transform-origin:top}.cap-rail.end .cr-down{opacity:1;color:var(--red);animation:cr-nudge 1.6s ease-in-out infinite}@keyframes cr-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@media (max-width: 900px){.cap-rail{top:auto;bottom:8px;right:50%;transform:translateX(50%)}.cap-rail .cr-up,.cap-rail .cr-hs{display:none}.cap-rail:not(.end){opacity:0;pointer-events:none}}.cap-pt{position:absolute;left:0;top:0;width:1px;height:1px;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}.uline{position:relative;display:inline-block}.uline::after{content:"";position:absolute;left:0.02em;right:0.02em;bottom:-0.16em;height:clamp(3px,0.28vw,5px);background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 1100ms cubic-bezier(.65,0,.35,1) 250ms}.in .uline::after{transform:scaleX(1)}@media (prefers-reduced-motion: reduce){.uline::after{transition:none}}.tr-panel{background:var(--graphite);color:var(--paper-text);position:relative;overflow:hidden;min-height:clamp(440px,46vw,680px)}.tr-map{position:absolute;inset:0;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,#000 50%,transparent 100%)}.tr-streets,.tr-route{position:absolute;inset:0;width:100%;height:100%;max-width:none}.tr-route{overflow:visible}.rt{fill:none;stroke:var(--red);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1}.pin{position:absolute;left:0;top:0;width:0;height:0}.pin i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--paper-text)}.pin.b i{background:transparent;box-shadow:inset 0 0 0 1.5px var(--paper-text-2);transition:background 300ms ease,box-shadow 300ms ease}.pin.b.on i{background:var(--red);box-shadow:0 0 0 4px rgba(236,29,57,0.18)}.pin.head i{background:var(--red);box-shadow:0 0 0 5px rgba(236,29,57,0.16),0 0 18px 2px rgba(236,29,57,0.35)}.pin.head.off{opacity:0}.pin b{position:absolute;left:14px;top:-0.62em;white-space:nowrap;font-size:10.5px;font-stretch:125%;text-transform:uppercase;font-weight:600;letter-spacing:0.18em;color:var(--paper-text-2)}.pin.b b{left:auto;right:-6px;top:-26px}.tr-logo{position:absolute;left:clamp(22px,2.6vw,36px);top:clamp(22px,2.6vw,36px);width:clamp(170px,15vw,230px)}.tr-panel .where{position:absolute;left:clamp(22px,2.6vw,36px);bottom:clamp(20px,2.4vw,32px);color:var(--paper-text-3)}.osm{position:absolute;right:clamp(14px,1.6vw,22px);bottom:clamp(10px,1.2vw,16px);font-size:9.5px;color:#6f6a62;letter-spacing:0.02em}.foot{position:relative;z-index:6;background:#151413;color:var(--paper-text-2);padding-block:40px;border-top:1px solid #2e2c29}.foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot img{width:210px}.foot-links{display:flex;gap:clamp(16px,2vw,32px);flex-wrap:wrap}.foot-links a{font-size:12px;font-stretch:125%;text-transform:uppercase;font-weight:600;letter-spacing:0.16em}.foot-links a:hover{color:var(--paper-text)}.foot small{font-size:13px;color:var(--paper-text-3)}.foot-dd{align-items:center;gap:8px}.foot-dd .dd{top:auto;bottom:100%;margin:0 0 14px;transform:translateY(4px);background:#181715}@media (max-width: 600px){.foot-dd .dd{left:-12px}}@media (hover: none){.foot-dd:not(.open):is(:hover,:focus-within) .dd{opacity:0;visibility:hidden;transform:translateY(4px)}.foot-dd:not(.open) .fdd-btn::before{transform:translateY(2px) rotate(45deg)}}.foot-dd .dd::before{bottom:auto;top:100%;height:16px}.foot-dd.open .dd{opacity:1;visibility:visible;transform:none;transition-delay:0s}.foot-dd .dd a{position:relative;color:var(--paper-text-2)}.foot-dd .dd a:hover{color:var(--paper-text)}.fdd-btn{all:unset;cursor:pointer;width:14px;height:14px;display:grid;place-items:center;margin:-6px;padding:6px}.fdd-btn::before{content:"";width:6px;height:6px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:translateY(2px) rotate(45deg);transition:transform 200ms ease}.foot-dd:hover .fdd-btn::before,.foot-dd:focus-within .fdd-btn::before,.foot-dd.open .fdd-btn::before{transform:translateY(-1px) rotate(225deg)}@media (max-width: 1080px){.nav{gap:18px}}@media (max-width: 900px){:root{--bar-h: 64px}.nav{display:none}.menu-btn{display:block}.bar-logo{width:180px}.bar.solid .bar-logo{width:165px}.bar.solid{--bar-h: 60px;height:60px}.head{grid-template-columns:minmax(0,1fr);align-items:start}.tr-panel{min-height:0;aspect-ratio:4 / 5}.tr-panel .where{right:clamp(22px,2.6vw,36px);bottom:34px}}.g-body{fill:var(--ink);opacity:var(--gable-a, 0.035)}.g-red{stroke:var(--red);stroke-width:var(--gable-w, 0.5);stroke-linecap:butt;fill:none;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1600ms cubic-bezier(.65,0,.35,1) 500ms}.in .g-red{stroke-dashoffset:0}@media (prefers-reduced-motion: reduce){.g-red{transition:none}}html:not([data-marks=sq]) .r{color:inherit}html:not([data-marks=sq]) :is(.reach,.manage:not(.alt),.motto) .r{color:var(--red)}html:not([data-marks=sq]) :is(h1.ph-title,h2,.cap h3) .r{display:none}:is([data-marks=yana],[data-marks=apart]) .uline::after{display:none}:is([data-marks=yana],[data-marks=apart]) :is(h1.ph-title,h2,.cap h3):has(.r)::after{content:"";display:block;width:var(--mk-len, 4em);height:var(--mk-w, clamp(3px, 0.28vw, 5px));margin-top:var(--mk-gap, 0.1em);margin-left:var(--mk-in, 0);background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 1100ms cubic-bezier(.65,0,.35,1) 250ms}[data-marks=yana] h1.ph-title:has(.r)::after{height:var(--mk-w, clamp(4px, 0.42vw, 7px));margin-top:var(--mk-gap, 0.04em)}[data-marks=yana]{--mk-gap: 0.35em}:is([data-marks=yana],[data-marks=apart]) :is(h1.ph-title,h2,.cap h3):has(.r){margin-left:calc(-1 * var(--mk-in, 0em))}[data-capalign=center] .cap h3:has(.r){margin-left:0}[data-gap="10"]{--mk-gap: 0.1em}[data-gap="50"]{--mk-gap: 0.5em}[data-gap="70"]{--mk-gap: 0.7em}[data-marks=apart] :is(h1.ph-title,h2,.cap h3):has(.r)::after{width:var(--mk-len, 1.6em);height:var(--mk-w, 2px);margin-top:var(--mk-gap, 0.42em)}:is(.in,.cap.on) :is(h1.ph-title,h2,.cap h3)::after,.cap.on h3::after{transform:scaleX(1)}@media (prefers-reduced-motion: reduce){:is(h1.ph-title,h2,.cap h3)::after{transition:none;transform:none!important}}
