:root{color-scheme:light;--paper:#eee9df}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{margin:0;min-width:280px;isolation:isolate}
.architecture{position:fixed;inset:0;z-index:-3;background:url('/assets/philippines.svg') center 53%/cover no-repeat;opacity:.55;mix-blend-mode:multiply}
.paper{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 54% 38%,rgba(238,233,223,.87) 0%,rgba(238,233,223,.80) 22%,rgba(238,233,223,.50) 44%,rgba(238,233,223,.08) 90%)}
main{height:100svh;position:relative;overflow:hidden}
.outis{position:absolute;left:54%;top:38%;transform:translate(-50%,-50%);width:min(70svh,64vw,1100px);height:auto;aspect-ratio:1;display:block;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:650px){.outis{left:52%;top:38%;width:min(86vw,66svh)}.architecture{background-size:auto 100%;background-position:44% center;opacity:.48}.paper{background:radial-gradient(ellipse at 52% 38%,rgba(238,233,223,.78) 0%,rgba(238,233,223,.55) 38%,rgba(238,233,223,.08) 90%)}}