.areas{--bearing:0deg;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,112px);margin-top:clamp(64px,8vw,120px);display:grid}.areas-plate{align-self:start;height:min(100svh - 148px,760px);position:sticky;top:108px}.areas-plate-frame{background:var(--deep);color:#fff;height:100%;position:relative;overflow:hidden}.areas-plate-frame img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s ease, transform 1.8s var(--ease);position:absolute;inset:0;transform:scale(1.08)}.areas-plate-frame img.is-active{opacity:1;transform:none}.areas-plate-frame:after{content:"";background:linear-gradient(#07162926 0%,#0000 40%,#071629c7 100%);position:absolute;inset:0}.areas-plate-frame .neatline{--c:#ffffff8c;z-index:1}.areas-readout{z-index:2;gap:8px;display:grid;position:absolute;bottom:34px;left:36px}.areas-readout-index{font:italic 300 clamp(4rem, 7vw, 6.6rem) / .8 var(--serif);color:var(--dusk)}.areas-readout-label{font:300 clamp(1.6rem, 2.4vw, 2.3rem) / 1 var(--serif);letter-spacing:-.02em}.areas-readout-bearing{font:400 10px/1 var(--mono);letter-spacing:.08em;color:#ffffffbf}.areas-compass{z-index:2;color:#ffffffd9;width:clamp(116px,11vw,160px);position:absolute;bottom:30px;right:30px}.areas-compass .rose-needle{rotate:var(--bearing);transition:rotate 1.1s var(--ease)}.rose-ring,.rose-tick{fill:none;stroke:currentColor;stroke-width:.7px}.rose-ring-inner{stroke-dasharray:1.5 2.5}.rose-label{fill:currentColor;font:400 6.5px var(--mono);text-anchor:middle;dominant-baseline:central}.rose-lit{fill:currentColor}.rose-shade{fill:none;stroke:currentColor;stroke-width:.7px}.rose-point-minor{opacity:.7}.rose-needle polygon,.rose-hub{fill:var(--orange)}.areas-list{display:grid}.area{border-top:1px solid var(--rule-strong);justify-items:start;gap:22px;padding-block:clamp(36px,6vh,64px) clamp(56px,9vh,104px);transition:opacity .6s;display:grid}.area:first-child{border-top:0;padding-top:0}.areas.is-enhanced .area:not(.is-active){opacity:.5}.area-head{align-items:baseline;gap:16px;width:100%;display:flex}.area-index{font:italic 300 2.6rem/1 var(--serif);color:var(--orange-ink)}.area-label{font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.area h3{max-width:17ch;font:300 clamp(2.1rem, 3.3vw, 3.25rem) / 1.02 var(--serif);letter-spacing:-.025em}.area-intro{max-width:46ch;color:var(--ink-soft);font-size:18px;line-height:1.55}.area-services{border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;width:100%;margin-top:6px;display:grid}.area-services li{border-bottom:1px solid var(--rule);gap:12px;padding:14px 0;font-size:15.5px;font-weight:500;line-height:1.4;display:flex}.area-services li:before{content:"";border:1px solid var(--orange-ink);flex:none;width:6px;height:6px;margin-top:.5em;transform:rotate(45deg)}.area .text-link{margin-top:10px}.area-photo{display:none}@media (max-width:960px){.areas{grid-template-columns:1fr}.areas-plate{display:none}.areas.is-enhanced .area:not(.is-active){opacity:1}.area-photo{aspect-ratio:4/3;background:var(--deep);width:100%;display:block;position:relative;overflow:hidden}.area-photo img{object-fit:cover;width:100%;height:100%}.area-photo .neatline{--c:#fff9;--tick:32px;--band:4px;inset:10px}}@media (max-width:640px){.area-services{grid-template-columns:1fr}}