@font-face{font-family:TerracesCaption;src:url("../fonts/terraces-caption-baltism.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
/* About Us terraces section imported from views-terraces-perfect-html. All layout rules scoped to .vr. */
@font-face{font-family:AgDisplay;src:url('../fonts/fraunces-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:AgAccent;src:url('../fonts/fraunces-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:AgAccent;src:url('../fonts/fraunces-400italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:AgBody;src:url('../fonts/newsreader-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:AgBody;src:url('../fonts/newsreader-400italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
.vr{--wrap:1320px;--pad:clamp(22px,5vw,68px);--paper:#f5efe6;--green:#16291c;--brown:#764620;--copy:#373e2e;--quiet:#6a7268;--line:#ddd3c4;--h2:clamp(2.5rem,5.43vw,4.884rem)}
.vr,.vr *{box-sizing:border-box}
.vr h2,.vr p{margin:0;padding:0}
.vr .wrap{width:min(100%,var(--wrap));margin-inline:auto;padding-inline:var(--pad);container-type:inline-size}
.vr{padding-block:clamp(48px,5vw,80px);overflow-x:clip}
.vr .vr__stage{--u:calc(100cqw / 1672);position:relative;display:grid;align-items:center;min-height:calc(100cqw * 877 / 1580)}
.vr .vr__scene{position:absolute;inset:0;overflow:visible}
.vr .vr__scene-inner{--u:calc(100cqw / 1580);position:absolute;left:calc(var(--u) * -176);top:calc(var(--u) * -12);width:calc(var(--u) * 1672);height:calc(var(--u) * 941)}
.vr .art{-webkit-mask-image:url("../img/art/terraces-reference/scenery-mask.svg?v=7");mask-image:url("../img/art/terraces-reference/scenery-mask.svg?v=7");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;pointer-events:none}
.vr .ov{position:absolute;left:calc(var(--u) * var(--x));top:calc(var(--u) * var(--y));width:calc(var(--u) * var(--w));height:auto;display:block}
.vr .cap{position:absolute;left:calc(var(--u) * var(--cx));top:calc(var(--u) * var(--cy));width:0;height:0;transform:rotate(var(--rot));transform-origin:0 0}
.vr .vr__caption-text{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font-family:TerracesCaption,cursive;font-size:calc(var(--u) * 40);font-style:normal;font-weight:400;line-height:1;letter-spacing:normal;color:#99603f;white-space:nowrap}
.vr .reference-copy{position:relative;z-index:1;width:43%;margin-left:57%;padding-block:0}
.vr .reference-copy h2{font-family:AgDisplay,Georgia,serif;font-weight:600;font-style:normal;font-size:var(--h2);line-height:.94;letter-spacing:-.012em;color:var(--green)}
.vr .reference-copy h2 em{display:block;font-family:AgAccent,Georgia,serif;font-weight:400;font-style:italic;color:var(--brown)}
.vr .reference-copy > p:not(.reference-eyebrow){margin-top:28px;font-family:AgBody,Georgia,serif;font-weight:400;font-style:normal;font-size:1.7cqw;line-height:1.5;letter-spacing:normal;color:var(--copy)}
.vr .reference-copy > p:not(.reference-eyebrow) em{font-family:inherit;font-size:inherit;font-weight:400;font-style:italic;color:var(--brown);text-decoration:underline;text-decoration-color:rgba(118,70,32,.3);text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:900px){
.vr .vr__stage{display:flex;flex-direction:column;align-items:stretch;min-height:0}
.vr .reference-copy{display:contents}
.vr .reference-copy h2{order:1;position:relative;z-index:2}
.vr .vr__scene{--u:calc(100cqw / 833);position:relative;inset:auto;order:2;flex:none;width:100%;height:calc(var(--u) * 811);margin-top:32px}
.vr .vr__scene-inner{--u:calc(100cqw / 833);top:calc(var(--u) * -58)}
.vr .reference-copy > p:not(.reference-eyebrow){order:3;margin-top:28px;font-size:20px;line-height:1.6}
}
@media(max-width:620px){
.vr{--pad:22px}
}
.vr .reference-title-line{display:block}
.vr .reference-copy > p:not(.reference-eyebrow) + p:not(.reference-eyebrow){margin-top:22px}
.vr .reference-copy .reference-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 2cqw;font-family:AgBody,Georgia,serif;font-size:clamp(10px,.95cqw,12px);font-weight:400;font-style:normal;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--copy)}
.vr .reference-eyebrow::before{content:"";width:44px;height:1px;flex-shrink:0;background:#a6542c}
@media(max-width:900px){
.vr .reference-copy .reference-eyebrow{order:0;font-size:11px;letter-spacing:.1em;gap:12px;margin-bottom:20px}
.vr .reference-eyebrow::before{width:28px}
.vr .reference-copy > p:not(.reference-eyebrow) + p:not(.reference-eyebrow){margin-top:20px}
}
/* Match standalone rendering within the shared page shell. */
.vr{background:var(--paper);font-size:16px;font-family:"Times New Roman",serif;line-height:normal;color:#000;-webkit-font-smoothing:auto;text-rendering:auto}
.vr h2,.vr p{max-width:none;text-wrap:wrap;font-variation-settings:normal}
/* Preserve the established separation from the hero. */
.page--about-us main > .vr:first-child{padding-top:clamp(96px,10vw,160px)}
@media(max-width:900px){.page--about-us main > .vr:first-child{padding-top:144px}}

/* Blend the section paper into its existing neighbours without moving the content. */
.page--about-us .vr{background:linear-gradient(to bottom,#f4f0e6 0,var(--paper) 72px,var(--paper) 100%)}

/* Keep every original pine needle above the replacement arch photograph. */
.vr .terraces-pine-foreground{z-index:3;pointer-events:none;overflow:visible}

/* Exclude the old arch photograph captured outside the aerial paper frame. */
.vr .terraces-aerial{clip-path:polygon(11.6% 2.94%,98.71% 15%,89.69% 99.41%,2.58% 87.65%)}

/* Preserve the complete original tape above the separately clipped polaroid. */
.vr .terraces-tape{z-index:2;pointer-events:none;overflow:visible}