/* Native vector ornaments; transparent backgrounds, no cropped mockup pixels. */
.prototype .woodland-site {--corner-size:80px;--site-padding:28px;--frame-gutter:104px;isolation:isolate}
.prototype .woodland-site:before,.prototype .woodland-site:after,.prototype .sidebar:after {display:none}
.prototype .woodland-site>:not(.site-corners):not(.ornament-edge) {position:relative;z-index:1}
.prototype .ornament-edge {position:absolute;top:94px;bottom:94px;width:32px;background:url('assets/ornament-vine-v2.svg') center top/32px auto repeat-y;overflow:hidden;pointer-events:none;z-index:0;mix-blend-mode:normal;opacity:.78;mask-image:linear-gradient(180deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}
.prototype .ornament-edge.left {left:12px}
.prototype .ornament-edge.right {right:12px;transform:scaleX(-1)}
.prototype .ornament-repeat {display:none}
.prototype .woodland-site .site-corners {inset:9px;border:1px solid #c6a77566;border-radius:3px;background:none;z-index:0;mix-blend-mode:normal}
.prototype .woodland-site .site-corners i {width:var(--corner-size);height:var(--corner-size);background:url('assets/ornament-corner-v2.svg') center/contain no-repeat;mask:none;opacity:.9;mix-blend-mode:normal}
.prototype .woodland-site .site-corners i:nth-child(1) {left:0;top:0;transform:none}
.prototype .woodland-site .site-corners i:nth-child(2) {right:0;top:0;transform:scaleX(-1)}
.prototype .woodland-site .site-corners i:nth-child(3) {right:0;bottom:0;transform:scale(-1,-1)}
.prototype .woodland-site .site-corners i:nth-child(4) {left:0;bottom:0;transform:scaleY(-1)}
.prototype .woodland-site .public-nav {padding-left:max(20px,calc(var(--frame-gutter) - var(--site-padding)));padding-right:max(20px,calc(var(--frame-gutter) - var(--site-padding)))}
.prototype .woodland-site .footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:24px max(24px,calc(var(--frame-gutter) - var(--site-padding))) 30px;gap:14px}
.prototype .woodland-site .footer .actions {justify-content:flex-end}
.prototype .sidebar .ornament-edge {left:auto;right:1px;top:8px;bottom:8px;width:18px;background-size:18px auto;opacity:.62;transform:scaleX(-1)}
.prototype .page-title:after,.prototype .auth-content:before {background:url('assets/ornament-corner-v2.svg') center/contain no-repeat;width:57px;height:57px;mask:none;opacity:.72;mix-blend-mode:normal;transform:scaleX(-1)}
.prototype .auth-content:before {right:16px;top:16px}
.prototype .promise:before,.prototype .promise:after {background:url('assets/ornament-corner-v2.svg') center/contain no-repeat;mask:none;opacity:.48}
.prototype[data-theme="slate"] .ornament-edge,.prototype[data-theme="slate"] .site-corners i,.prototype[data-theme="slate"] .page-title:after {filter:grayscale(.8)}
.prototype[data-theme="moss"] .ornament-edge,.prototype[data-theme="moss"] .site-corners i,.prototype[data-theme="moss"] .page-title:after {filter:hue-rotate(20deg) saturate(.68)}
@media(min-width:1200px){.prototype .woodland-site{--site-padding:43px}}
@media(max-width:560px){
 .prototype .woodland-site {--corner-size:40px;--site-padding:14px;--frame-gutter:64px}
 .prototype .woodland-site .ornament-edge {display:none}
 .prototype .woodland-site .site-corners {inset:6px;border-color:#c6a77566;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px #c6a77533}
 .prototype .woodland-site .public-nav {gap:8px;padding-left:34px;padding-right:34px}
 .prototype .woodland-site .public-links {gap:4px}
 .prototype .woodland-site .brand {gap:8px}
 .prototype .woodland-site .footer {flex-direction:column;text-align:center;padding:24px 50px 30px;gap:12px}
 .prototype .woodland-site .footer .actions {justify-content:center}
 .prototype .page-title:after {width:40px;height:40px}
}
.prototype.phone .woodland-site {--corner-size:40px;--site-padding:14px;--frame-gutter:64px}
.prototype.phone .woodland-site .ornament-edge {display:none}
.prototype.phone .woodland-site .site-corners {inset:6px;border-color:#c6a77566;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px #c6a77533}
.prototype.phone .woodland-site .site-corners i {width:40px;height:40px}
.prototype.phone .woodland-site .public-nav {gap:8px;padding-left:34px;padding-right:34px}
.prototype.phone .woodland-site .public-links {gap:4px}
.prototype.phone .woodland-site .brand {gap:8px}
.prototype.phone .woodland-site .footer {flex-direction:column;text-align:center;padding:24px 50px 30px;gap:12px}
.prototype.phone .woodland-site .footer .actions {justify-content:center}
.prototype.phone .page-title:after {width:40px;height:40px}
@media(max-width:380px){
 .prototype .woodland-site .brand .seal-mark{width:40px;height:40px}
 .prototype .woodland-site .brand b{font-size:22px}
 .prototype .woodland-site .brand div>span{display:none}
 .prototype .woodland-site .public-links .btn{padding:9px 10px;min-height:40px}
 .prototype .woodland-site .public-links .ib{width:40px;height:40px}
}