.main-page{min-height:100vh;display:flex;flex-direction:column}.header{background:transparent;color:#333;max-width:1200px;margin:0 auto;width:100%;padding:2rem 0;display:grid;grid-template-columns:repeat(12,78px);column-gap:24px;align-items:start}.header h1{grid-column:2 / -1;margin:0;font-family:Instrument Sans,sans-serif;font-size:40px;line-height:120%;font-weight:400;text-align:left}.arrow-icon{display:inline-flex;align-items:center;vertical-align:middle;margin:-4px 2px 0;transform:translateY(-2px)}.arrow-icon svg{display:inline-block;vertical-align:middle}.name-subtitle{opacity:.2}.header-links{grid-column:2 / -1;display:flex;gap:2rem;margin-top:1rem}.header-links a{color:#262529;opacity:.5;font-family:Instrument Sans,sans-serif;font-size:13px;font-style:normal;font-weight:600;line-height:115%;letter-spacing:.65px;text-transform:uppercase;text-decoration:none;transition:opacity .2s ease}.header-links a:hover{opacity:.8}.designs-section{max-width:1200px;margin:0 auto;width:100%;padding:4rem 0;align-items:start}@media(max-width:1200px){.header{grid-template-columns:repeat(12,1fr);padding:2rem 1rem}.header h1{font-size:32px;grid-column:2 / -1}.header-links{grid-column:2 / -1}.designs-section{grid-template-columns:repeat(12,1fr);padding:4rem 1rem}}@media(max-width:768px){.header{grid-template-columns:repeat(12,1fr);padding:2rem 1rem}.header h1{font-size:32px;grid-column:1 / -1}.header-links{grid-column:1 / -1}.designs-section{grid-template-columns:repeat(12,1fr);padding:4rem 1rem}}.design-showcase{grid-column:1 / -1;margin-bottom:6rem;display:grid;grid-template-columns:repeat(12,78px);gap:24px;align-items:start}.design-description{grid-column:2 / -4;display:grid}.design-company{color:#262529;font-family:Instrument Sans,sans-serif;font-size:14px;font-weight:400;font-variant:small-caps;letter-spacing:.5px;margin:0 0 .5rem;text-transform:lowercase}.design-header{grid-column:2 / -1;color:#262529;font-family:Instrument Sans,sans-serif;font-size:40px;font-style:normal;font-weight:400;line-height:115%;letter-spacing:-.8px;margin:0 0 .5rem}.design-subheader{grid-column:2 / -1;color:#262529cc;font-family:Instrument Sans,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:120%;letter-spacing:-.4px}.design-image-placeholder{grid-column:1 / -1;border-radius:12px;border:1px solid rgba(91,57,182,.2);background:#ffffff80;width:1200px;height:675px;margin:0 auto;overflow:hidden}.design-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.placeholder-content{width:100%;aspect-ratio:16 / 9}@media(max-width:1200px){.design-showcase{grid-template-columns:repeat(12,1fr)}.design-description{grid-column:2 / -3;font-size:32px}.design-header{font-size:32px}.design-subheader{grid-column:1 / -1;font-size:18px}.design-image-placeholder{grid-column:1 / -1;width:100%!important;height:auto!important;aspect-ratio:16 / 9}.design-image-placeholder.in-viewport{width:100%!important;height:auto!important}}@media(max-width:768px){.design-showcase{grid-template-columns:repeat(12,1fr);grid-column:1 / -1}.design-description{grid-column:1 / -1;font-size:32px}.design-subheader{grid-column:1 / -1;font-size:18px}.design-image-placeholder{grid-column:1 / -1;width:100%!important;height:auto!important;aspect-ratio:16 / 9}.design-image-placeholder.in-viewport{width:100%!important;height:auto!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;height:max(70vh,800px);background:radial-gradient(50% 50% at 50% 50%,#d5bfff,#ffeae9 65.16%,#fffae9 84.16%,#fff 95.28%);z-index:-1;transition:opacity .8s cubic-bezier(.4,0,.2,1);opacity:1}body:after{content:"";position:fixed;top:0;left:0;right:0;height:max(70vh,800px);background:#fff;z-index:-1;transition:opacity .8s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none}body.header-out-of-view:before{opacity:0}body.header-out-of-view:after{opacity:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
