/* Use the drawing's width for both its model layout and responsive labels. */
#play-architectural-landscape{container-type:inline-size}
#play-architectural-landscape .pw-page{--pw-paper:#f1efe6;--pw-ink:#27352f;--pw-muted:#637064;--pw-line:#c8cebf;--pw-cream:#e6d7b9;--pw-warmwall:#d9b27b;--pw-rust:#aa503b;--pw-dirt:#c29a73;--pw-dirtside:#9c7354;--pw-path:#dfcba6;--pw-rock:#a99982;--pw-green:#5d7958;--pw-greenlight:#899b65;--pw-trunk:#756044;--pw-window:#384b43;--pw-yellow:#d4a939;--pw-pink:#b57678;--pw-gravel:#c5c5bd;--pw-concrete:#afb4a9;--pw-prisonroof:#786c77;--pw-wall:#dddace;--pw-garden:#afba88;--pw-gardenside:#8c9872;--pw-teal:#5c8075;--pw-brick:#b07c66;--pw-shadow:#4a4b38;--pw-light:#fff6df;--pw-groundlight:#a3a294;color:var(--pw-ink);background:var(--pw-paper);font-family:Arial,Helvetica,sans-serif;overflow:hidden}
#play-architectural-landscape button{color:inherit;font-family:Arial,Helvetica,sans-serif;font-weight:400;background:transparent;border:0}
#play-architectural-landscape .pw-header{margin:0 32px;padding:22px 0 19px;border-bottom:1px solid var(--pw-line);display:flex;align-items:center;gap:20px}
#play-architectural-landscape .pw-logo{padding:0;font-size:39px;letter-spacing:-3px;line-height:1}
#play-architectural-landscape .pw-logo span{display:inline-block;transform:rotate(9deg);transform-origin:45% 80%}
#play-architectural-landscape .pw-header p{font:italic 16px/1.4 Georgia,serif;margin:0}
#play-architectural-landscape .pw-header>span{font-size:16px;letter-spacing:.04em;margin-left:auto}
#play-architectural-landscape .pw-stage{height:650px;position:relative;isolation:isolate}
#play-architectural-landscape #pw-canvas{position:absolute;inset:0;touch-action:none;cursor:grab}
#play-architectural-landscape #pw-canvas:active{cursor:grabbing}
#play-architectural-landscape #pw-canvas canvas{display:block;width:100%;height:100%;touch-action:none}
#play-architectural-landscape .pw-intro{position:absolute;top:26px;left:32px;z-index:2;pointer-events:none}
#play-architectural-landscape .pw-eyebrow{font:16px/1.4 Arial,sans-serif;letter-spacing:.15em;color:var(--pw-muted);margin:0 0 10px}
#play-architectural-landscape h2{font:400 57px/1.04 Arial,sans-serif;letter-spacing:-3px;margin:0;max-width:650px}
#play-architectural-landscape .pw-thought{position:absolute;top:30px;right:33px;z-index:2;font:17px/1.4 Georgia,serif;margin:0;pointer-events:none}
#play-architectural-landscape .pw-labels{position:absolute;inset:0;pointer-events:none}
#play-architectural-landscape .pw-label{position:absolute;width:204px;text-align:left;padding:9px 12px 9px 0;pointer-events:auto;opacity:0;z-index:2}
#play-architectural-landscape .pw-label span{display:block;font-size:16px;letter-spacing:.1em;margin-bottom:5px}
#play-architectural-landscape .pw-label strong{display:block;font:400 23px/1.1 Georgia,serif;letter-spacing:-.6px}
#play-architectural-landscape .pw-label em{display:block;font:16px/1.4 Arial,sans-serif;color:var(--pw-muted);font-style:normal;margin-top:8px}
#play-architectural-landscape .pw-label:hover strong,#play-architectural-landscape .pw-label[aria-pressed="true"] strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
#play-architectural-landscape .pw-controls{position:absolute;bottom:53px;left:31px;z-index:3;display:flex;gap:4px;align-items:center;background:var(--pw-paper)}
#play-architectural-landscape .pw-controls button{min-width:35px;min-height:36px;font-size:22px;padding:6px 10px}
#play-architectural-landscape .pw-controls .pw-control-text{font-size:16px;padding:8px 11px;border-bottom:1px solid var(--pw-line);margin-left:7px}
#play-architectural-landscape .pw-caption{position:absolute;bottom:16px;left:32px;right:32px;display:flex;justify-content:space-between;gap:20px;color:var(--pw-muted);pointer-events:none;font:16px/1.4 Arial,sans-serif}
#play-architectural-landscape .pw-caption span:first-child{font:italic 16px/1.4 Georgia,serif}
#play-architectural-landscape .pw-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:17px/1.4 Georgia,serif;pointer-events:none}
#play-architectural-landscape .pw-loading[hidden]{display:none}
#play-architectural-landscape .pw-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0 32px;border-top:1px solid var(--pw-line);border-bottom:1px solid var(--pw-line)}
#play-architectural-landscape .pw-index button{padding:19px 0;text-align:left;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:16px}
#play-architectural-landscape .pw-index button>span{color:var(--pw-muted);font-size:16px}
#play-architectural-landscape .pw-index small{font:16px/1.4 Georgia,serif;color:var(--pw-muted)}
#play-architectural-landscape .pw-index em{font-size:20px;font-style:normal;margin-left:auto}
#play-architectural-landscape .pw-project{margin:0 32px;padding:20px 0 30px;border-top:1px solid var(--pw-line)}
#play-architectural-landscape .pw-project-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}
#play-architectural-landscape .pw-project-top nav{display:flex;gap:25px}
#play-architectural-landscape .pw-tab,#play-architectural-landscape .pw-back{font-size:16px;padding:10px 0}
#play-architectural-landscape .pw-tab[aria-pressed="true"]{border-bottom:1px solid var(--pw-ink)}
#play-architectural-landscape .pw-copy{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}
#play-architectural-landscape .pw-copy h2{font:400 30px/1.15 Georgia,serif;letter-spacing:-.5px;margin:0 0 9px}
#play-architectural-landscape .pw-copy p{font:16px/1.5 Georgia,serif;margin:0;max-width:570px}
#play-architectural-landscape .pw-copy small{font-size:16px;color:var(--pw-muted)}
#play-architectural-landscape .pw-footer{display:flex;justify-content:space-between;gap:20px;padding:18px 32px;font-size:16px;color:var(--pw-muted)}
#play-architectural-landscape .pw-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@container(width < 700px){#play-architectural-landscape .pw-label em{display:none}#play-architectural-landscape .pw-thought{top:98px;left:24px;right:auto;font-size:16px}#play-architectural-landscape .pw-stage{height:1100px}#play-architectural-landscape .pw-intro{left:24px;top:22px}#play-architectural-landscape h2{font-size:43px;letter-spacing:-2px}#play-architectural-landscape .pw-header{margin:0 24px;gap:16px;flex-wrap:wrap}#play-architectural-landscape .pw-header>span{font-size:16px}#play-architectural-landscape .pw-label{width:175px}#play-architectural-landscape .pw-label strong{font-size:20px}#play-architectural-landscape .pw-label span{font-size:16px}#play-architectural-landscape .pw-controls{left:18px;bottom:64px}#play-architectural-landscape .pw-controls button{min-height:44px}#play-architectural-landscape .pw-caption{left:24px;right:24px;display:block;bottom:15px}#play-architectural-landscape .pw-caption span:last-child{display:block;margin-top:7px}#play-architectural-landscape .pw-index{grid-template-columns:1fr;margin:0 24px;gap:0}#play-architectural-landscape .pw-index button{border-bottom:1px solid var(--pw-line);padding:14px 0}#play-architectural-landscape .pw-index button:last-child{border-bottom:0}#play-architectural-landscape .pw-project{margin:0 24px}#play-architectural-landscape .pw-project-top{flex-direction:column;align-items:flex-start;gap:9px}#play-architectural-landscape .pw-copy{grid-template-columns:1fr;gap:18px}#play-architectural-landscape .pw-footer{padding:18px 24px}#play-architectural-landscape .pw-footer span:last-child{display:none}}
@media(max-width:400px){#play-architectural-landscape .pw-header>span{width:100%;margin-left:0}#play-architectural-landscape .pw-header{padding:18px 0 14px;row-gap:12px}#play-architectural-landscape .pw-stage{height:1100px}#play-architectural-landscape .pw-label{width:168px}#play-architectural-landscape .pw-thought{font-size:16px}#play-architectural-landscape .pw-controls .pw-control-text{padding:8px;margin-left:1px}}


#play-architectural-landscape .pw-page{--pw-paper:var(--paper);--pw-ink:#30302e;--pw-muted:#74746e;--pw-line:#d6d5cd;--pw-cream:#eeede7;--pw-warmwall:#eeede7;--pw-rust:#cccac1;--pw-dirt:#f0efe8;--pw-dirtside:#e2e1d8;--pw-path:#efeee7;--pw-rock:#b6b5ad;--pw-green:#d1d1c7;--pw-greenlight:#e4e4da;--pw-trunk:#95958b;--pw-window:#96978e;--pw-yellow:#d2d2c7;--pw-pink:#c6c6ba;--pw-gravel:#e6e5dd;--pw-concrete:#cecec3;--pw-prisonroof:#cccac1;--pw-wall:#eeede7;--pw-garden:#eeede7;--pw-gardenside:#c6c8bd;--pw-teal:#cccac1;--pw-brick:#c9c9bf;--pw-shadow:#76756b;--pw-light:#fffef8;--pw-groundlight:#c5c5bd}
#play-architectural-landscape .pw-intro{left:5.2%;top:35px}
#play-architectural-landscape h2{font:400 50px/1.06 Georgia,'Times New Roman',serif;letter-spacing:-1.8px}
#play-architectural-landscape .pw-thought{right:5.2%;top:40px;font:17px/1.45 Georgia,'Times New Roman',serif}
#play-architectural-landscape .pw-label strong{font-size:23px;letter-spacing:-.7px}
#play-architectural-landscape .pw-label em{margin-top:10px}
#play-architectural-landscape .pw-controls{left:5.2%}
#play-architectural-landscape .pw-caption{left:5.2%;right:5.2%}
#play-architectural-landscape .pw-index,#play-architectural-landscape .pw-project{margin-left:5.2%;margin-right:5.2%}
#play-architectural-landscape .pw-index{border-bottom:0}
@container(width < 700px){#play-architectural-landscape .pw-intro{left:24px;top:28px}#play-architectural-landscape h2{font-size:39px}#play-architectural-landscape .pw-thought{left:24px;right:auto;top:108px;font-size:16px}#play-architectural-landscape .pw-label strong{font-size:20px}}
/* Native page integration: paper, readable labels, no editorial tabs. */
#play-architectural-landscape .pw-page{--pw-paper:var(--paper);--pw-ink:var(--ink);--pw-muted:var(--soft);--pw-line:var(--line)}
#play-architectural-landscape .pw-stage{height:730px}
#play-architectural-landscape .pw-intro{top:30px;left:0}
#play-architectural-landscape .pw-eyebrow{display:none}
#play-architectural-landscape h2{font-size:48px}
#play-architectural-landscape .pw-thought{right:0;top:34px;font-size:18px;max-width:29ch}
#play-architectural-landscape .pw-label{width:224px;background:rgba(248,247,243,.9);padding:9px 10px;line-height:1.4}
#play-architectural-landscape .pw-label span{font-size:16px;letter-spacing:.02em;color:#284c80;margin-bottom:6px}
#play-architectural-landscape .pw-label strong{font-size:24px;letter-spacing:-.02em}
#play-architectural-landscape .pw-label em{font-size:16px;margin-top:8px}
#play-architectural-landscape .pw-controls{left:0;bottom:86px;gap:5px}
#play-architectural-landscape .pw-controls button{min-height:44px;min-width:44px}
#play-architectural-landscape .pw-controls .pw-control-text{font-size:16px}
#play-architectural-landscape .pw-caption{left:0;right:0;bottom:16px;display:block;font-size:16px;line-height:1.5}
#play-architectural-landscape .pw-caption span{display:block}
#play-architectural-landscape .pw-caption span:first-child{font:16px/1.5 Arial,sans-serif;margin-bottom:4px}
@container(width < 700px){
#play-architectural-landscape .pw-stage{height:1100px}
#play-architectural-landscape .pw-intro{left:var(--gutter);right:var(--gutter);top:25px}
#play-architectural-landscape h2{font-size:39px}
#play-architectural-landscape .pw-thought{top:87px;left:var(--gutter);right:var(--gutter);font-size:18px}
#play-architectural-landscape .pw-label{width:200px;padding:8px 9px}
#play-architectural-landscape .pw-label span{font-size:16px}
#play-architectural-landscape .pw-label strong{font-size:22px}
#play-architectural-landscape .pw-label em{display:none}
#play-architectural-landscape .pw-controls{left:var(--gutter);bottom:125px}
#play-architectural-landscape .pw-caption{left:var(--gutter);right:var(--gutter);bottom:20px;font-size:16px}
}
@container(width < 700px){#play-architectural-landscape #pw-canvas,#play-architectural-landscape #pw-canvas canvas{touch-action:pan-y}}
/* Labels float as plain type: no panel, haze, or backdrop over the drawing. */
#play-architectural-landscape .pw-label{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:10px 0;width:200px}
#play-architectural-landscape .pw-label strong{font:400 25px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.035em;color:#284c80}
#play-architectural-landscape .pw-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:18px}
#play-architectural-landscape .pw-caption span:first-child{font:18px/1.5 Arial,Helvetica,sans-serif;margin:0}
#play-architectural-landscape .pw-controls{bottom:65px}
@container(width < 700px){#play-architectural-landscape .pw-label strong{font-size:23px}#play-architectural-landscape .pw-caption{display:block;font-size:18px}#play-architectural-landscape .pw-caption span+span{margin-top:8px}#play-architectural-landscape .pw-controls{bottom:125px}}

/* Restored institution labels with geographic references on the same paper. */
#play-architectural-landscape .pw-intro{right:0}
#play-architectural-landscape h2{font-size:clamp(28px,3.4vw,45px);line-height:1.15;letter-spacing:-.035em;max-width:none;text-wrap:wrap}
#play-architectural-landscape .pw-label{width:260px;padding:10px 0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
#play-architectural-landscape .pw-label span{font:400 18px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.01em;color:#284c80;margin-bottom:5px}
#play-architectural-landscape .pw-label strong{font:400 25px/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:var(--ink)}
#play-architectural-landscape .pw-label em{display:block;font:400 17px/1.4 Arial,Helvetica,sans-serif;font-style:normal;letter-spacing:-.015em;color:var(--soft);margin-top:9px;white-space:nowrap}
@container(width < 700px){
#play-architectural-landscape .pw-intro{left:var(--gutter);right:var(--gutter)}
#play-architectural-landscape h2{font-size:30px;line-height:1.16}
#play-architectural-landscape .pw-label{width:260px}
#play-architectural-landscape .pw-label span{font-size:18px}
#play-architectural-landscape .pw-label strong{font-size:24px}
#play-architectural-landscape .pw-label em{display:block;font-size:17px}
}

/* Leave room below the mobile models for complete, legible labels. */
@container(width < 700px){#play-architectural-landscape .pw-stage{height:1300px}#play-architectural-landscape #pw-canvas{bottom:200px}}

/* Clear the models while a visitor rotates them; preserve all controls. */
#play-architectural-landscape .pw-labels{transition:opacity .14s ease-out}
#play-architectural-landscape.is-rotating .pw-labels{opacity:0}
#play-architectural-landscape.is-rotating .pw-label{pointer-events:none!important}
@media(prefers-reduced-motion:reduce){#play-architectural-landscape .pw-labels{transition:none}}

/* Match the lighter site paper and measured desktop scale. */
@container(width >= 700px){
 #play-architectural-landscape .pw-stage{height:686px}
 #play-architectural-landscape h2{font-size:clamp(26px,3.2vw,42px)}
 #play-architectural-landscape .pw-label strong{font-size:24px}
}

/* Geographic references share the same numeric rhythm and notation. */
#play-architectural-landscape .pw-label em{font-variant-numeric:tabular-nums}

/* A single caption alignment and a shorter vertical composition on phones. */
@container(width < 700px){
 #play-architectural-landscape .pw-stage{height:1260px}
 #play-architectural-landscape #pw-canvas{bottom:150px}
 #play-architectural-landscape .pw-label{width:calc(100% - 48px);padding-block:8px}
 #play-architectural-landscape .pw-label span{font-size:16px;margin-bottom:4px}
 #play-architectural-landscape .pw-label strong{font-size:22px;line-height:1.2}
 #play-architectural-landscape .pw-label em{font-size:16px;margin-top:6px}
 #play-architectural-landscape .pw-controls{bottom:88px;gap:10px}
 #play-architectural-landscape .pw-caption{font-size:16px;line-height:1.5;bottom:16px}
 #play-architectural-landscape .pw-caption span:first-child{font-size:16px}
 #play-architectural-landscape .pw-caption span+span{margin-top:4px}
}
