:root{--bg-color: #0a0a0a;--text-color: #f5f5f5;--accent-color: #ffffff}html,body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{min-height:100vh;display:flex;flex-direction:column;padding:3rem;box-sizing:border-box}header{flex-shrink:0;width:300px;align-self:flex-start;margin-top:6rem;z-index:10}.logo{width:100%;max-width:300px;height:auto;opacity:.9;transition:all .5s ease}.logo:hover{opacity:1}main{flex:1;display:grid;grid-template-columns:minmax(300px,1fr) auto 1fr;align-items:center;position:relative;gap:2rem}.choices{display:flex;flex-direction:column;gap:2rem;text-align:center;align-items:center}.choices button{background:none;border:none;color:var(--text-color);font-size:clamp(1.5rem,5vw,3rem);font-weight:200;letter-spacing:.1em;cursor:pointer;transition:all .4s ease;text-transform:lowercase;padding:.5rem}.choices button:hover{opacity:.5;transform:scale(1.05)}.content{width:100%;max-width:900px;animation:fadeIn .8s ease-out}.back-button{background:none;border:none;color:var(--text-color);cursor:pointer;margin-bottom:3rem;font-size:1rem;padding:0;opacity:.6;transition:opacity .3s}.back-button:hover{opacity:1}h2{font-size:clamp(2rem,6vw,4rem);font-weight:100;margin-bottom:2rem;text-transform:lowercase;letter-spacing:.05em}.details p{line-height:1.8;font-size:1.2rem;font-weight:300;max-width:600px;margin-bottom:3rem}.image-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.image-grid{grid-template-columns:1fr 1fr}}.image-grid img{width:100%;height:auto;border-radius:2px;filter:grayscale(20%);transition:filter .5s}.image-grid img:hover{filter:grayscale(0%)}@media(max-width:1100px){main{grid-template-columns:1fr;justify-items:start;gap:2rem;align-items:start}header{width:100%;max-width:300px;margin-top:6rem;align-self:flex-start;justify-self:start;text-align:left}.choices{align-items:flex-start;text-align:left}.content{padding-bottom:4rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}