@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";:root{--light: #d7dbd2;--dark: #0f0f0f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Instrument Serif",sans-serif;font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.6}img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:500;letter-spacing:clamp(-.05rem,-.2vw,-.1rem);line-height:clamp(.85,.9,.95)}section{position:relative;width:100vw;height:100svh;padding:clamp(1rem,4vw,2rem);overflow:hidden}.intro,.outro{display:flex;justify-content:center;align-items:center;background-color:var(--light);color:var(--dark);position:relative}.intro h1,.outro h1{width:50%;text-align:center;position:relative;z-index:10}.swiss-grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-image:radial-gradient(circle at center,var(--dark) 1px,transparent 1px);background-size:40px 40px;background-position:20px 20px;transition:opacity 1s ease;z-index:1}.reg-mark{position:absolute;width:20px;height:20px;opacity:0;transition:opacity .8s ease;z-index:2}.reg-mark:before,.reg-mark:after{content:"";position:absolute;background-color:var(--dark)}.reg-mark:before{width:12px;height:1px}.reg-mark:after{width:1px;height:12px}.reg-mark-tl{top:clamp(1rem,4vw,2rem);left:clamp(1rem,4vw,2rem)}.reg-mark-tl:before{top:0;left:0}.reg-mark-tl:after{top:0;left:0}.reg-mark-tr{top:clamp(1rem,4vw,2rem);right:clamp(1rem,4vw,2rem)}.reg-mark-tr:before{top:0;right:0}.reg-mark-tr:after{top:0;right:0}.reg-mark-bl{bottom:clamp(1rem,4vw,2rem);left:clamp(1rem,4vw,2rem)}.reg-mark-bl:before{bottom:0;left:0}.reg-mark-bl:after{bottom:0;left:0}.reg-mark-br{bottom:clamp(1rem,4vw,2rem);right:clamp(1rem,4vw,2rem)}.reg-mark-br:before{bottom:0;right:0}.reg-mark-br:after{bottom:0;right:0}.edge-marker{position:absolute;background-color:var(--dark);opacity:0;transition:opacity .8s ease;z-index:2}.edge-top,.edge-bottom{width:30px;height:1px;left:50%;transform:translate(-50%)}.edge-left,.edge-right{width:1px;height:30px;top:50%;transform:translateY(-50%)}.edge-top{top:1rem}.edge-bottom{bottom:1rem}.edge-left{left:1rem}.edge-right{right:1rem}.metadata{position:absolute;font-size:clamp(.65rem,1.5vw,.75rem);font-weight:400;letter-spacing:.05em;opacity:0;transform:translateY(10px);transition:all .8s ease;z-index:3}.metadata-tl{top:clamp(2.5rem,6vw,4rem);left:clamp(1rem,4vw,2rem)}.metadata-tr{top:clamp(2.5rem,6vw,4rem);right:clamp(1rem,4vw,2rem)}.metadata-bl{bottom:clamp(2.5rem,6vw,4rem);left:clamp(1rem,4vw,2rem)}.metadata-br{bottom:clamp(2.5rem,6vw,4rem);right:clamp(1rem,4vw,2rem)}.intro.phase-2 .swiss-grid-bg,.intro.phase-2 .reg-mark{opacity:.15}.intro.phase-3 .edge-marker{opacity:.3}.intro.phase-4 .metadata{opacity:.6;transform:translateY(0)}.intro.phase-4 .swiss-grid-bg{opacity:.08}.spotlight{background-color:var(--dark);color:var(--light)}.spotlight-images,.spotlight-cover-img{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;perspective:2000px}.img{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,-1000px);width:clamp(250px,60vw,500px);height:clamp(175px,42vw,350px);will-change:transform}.spotlight-cover-img{will-change:transform;background-color:var(--dark)}.swiss-cross-container{position:absolute;width:60vw;height:60vh;left:61.8%;top:38.2%;transform:translate(-50%,-50%)}.swiss-cross-horizontal,.swiss-cross-vertical{position:absolute;background-color:var(--light);transform-origin:center}.swiss-cross-horizontal{width:0%;height:3px;top:50%;left:50%;transform:translate(-50%,-50%)}.swiss-cross-vertical{width:3px;height:0%;top:50%;left:50%;transform:translate(-50%,-50%)}.corner-dot{position:absolute;width:5px;height:5px;background-color:var(--light);border-radius:50%;opacity:0;transform:scale(0)}.corner-dot-tl{top:0;left:0}.corner-dot-tr{top:0;right:0}.corner-dot-br{bottom:0;right:0}.corner-dot-bl{bottom:0;left:0}.spotlight-intro-header,.spotlight-outro-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:50%}.spotlight-intro-header{z-index:1}.spotlight-outro-header{z-index:2}.swiss-grid-container{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%;gap:2rem;position:relative}.grid-text-area{grid-column:1 / 8;grid-row:1 / 5;display:flex;flex-direction:column;justify-content:center;position:relative}.outro-main-text{opacity:1}.grid-contact-form{grid-column:8 / 13;grid-row:2 / 7;opacity:0;transform:translate(2rem);transition:all .8s ease}.swiss-form{display:flex;flex-direction:column;gap:1.5rem;height:100%}.form-field{background:transparent;border:none;border-bottom:2px solid var(--dark);padding:clamp(.75rem,2vw,1rem) 0;font-family:"Instrument Serif",sans-serif;font-size:clamp(1rem,3vw,1.2rem);color:var(--dark);outline:none;transition:border-color .3s ease;min-height:44px}.form-field:focus{border-bottom-color:var(--dark)}.form-field::placeholder{color:#0f0f0f80}.form-textarea{resize:none;min-height:4rem;border-bottom:2px solid var(--dark)}.form-submit{background:var(--dark);color:var(--light);border:none;padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,2rem);font-family:"Instrument Serif",sans-serif;font-size:clamp(1rem,2.5vw,1.1rem);cursor:pointer;transition:all .3s ease;align-self:flex-start;min-height:44px;min-width:120px}.form-submit:hover{background:#0f0f0fcc;transform:translateY(-2px)}.form-submit:disabled{background:#0f0f0f80;cursor:not-allowed;transform:none}.form-submit:disabled:hover{background:#0f0f0f80;transform:none}.field-error-state{border-bottom-color:#e74c3c!important}.field-error{color:#e74c3c;font-size:.875rem;margin-top:.5rem;font-style:italic}.form-feedback{padding:1rem;border-radius:4px;font-size:.9rem;margin-top:1rem;text-align:center}.form-feedback-success{background-color:#2ecc711a;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.form-feedback-error{background-color:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.grid-contact-options{grid-column:1 / 7;grid-row:5 / 9;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.5rem;opacity:0;transform:translateY(2rem);transition:all .8s ease}.contact-option{display:flex;flex-direction:column;text-decoration:none;color:var(--dark);padding:clamp(1rem,3vw,1.5rem);border:1px solid rgba(15,15,15,.2);transition:all .3s ease;position:relative;overflow:hidden;min-height:44px;justify-content:center}.contact-option:hover{border-color:var(--dark);transform:translateY(-3px)}.contact-option:hover:before{transform:translate(0)}.contact-option:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dark);transform:translate(-100%);transition:transform .3s ease;z-index:-1}.contact-option:hover .option-label,.contact-option:hover .option-value{color:var(--light)}.option-label{font-size:clamp(.8rem,2vw,.9rem);opacity:.7;margin-bottom:.5rem;transition:color .3s ease}.option-value{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:500;transition:color .3s ease}.grid-dot{position:absolute;width:4px;height:4px;background-color:var(--dark);border-radius:50%;opacity:.3}.grid-dot-1{grid-column:5;grid-row:3;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-dot-2{grid-column:8;grid-row:2;top:0;left:0}.grid-dot-3{grid-column:6;grid-row:8;bottom:0;right:0}.outro.revealed .grid-contact-form{opacity:1;transform:translate(0)}.outro.revealed .grid-contact-options{opacity:1;transform:translateY(0)}@media (max-width: 480px){.intro h1,.outro h1{width:95%;font-size:clamp(2rem,10vw,2.5rem)}.spotlight-intro-header h1,.spotlight-outro-header h1{font-size:clamp(1.8rem,8vw,2.2rem);width:90%;padding:1rem}.swiss-grid-container{gap:1rem;padding:.5rem}.grid-contact-options{grid-template-columns:1fr;gap:1rem}.contact-option{padding:1rem;min-height:60px}.form-field{font-size:1rem;padding:1rem 0}.form-submit{width:100%;padding:1rem;font-size:1rem}.img{width:clamp(200px,80vw,300px);height:clamp(140px,56vw,210px)}.swiss-cross-container{width:80vw;height:80vh}}@media (min-width: 481px) and (max-width: 768px){.intro h1,.outro h1{width:80%}.spotlight-intro-header,.spotlight-outro-header{width:85%;padding:1.5rem}.swiss-grid-container{gap:1.5rem}.grid-contact-options{grid-template-columns:1fr 1fr;gap:1.25rem}.img{width:clamp(300px,65vw,400px);height:clamp(210px,45vw,280px)}}@media (min-width: 769px) and (max-width: 1024px){.intro h1,.outro h1{width:70%}.spotlight-intro-header,.spotlight-outro-header{width:75%}.swiss-grid-container{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr)}.grid-text-area{grid-column:1 / 6;grid-row:1 / 4}.grid-contact-form{grid-column:6 / 9;grid-row:1 / 5}.grid-contact-options{grid-column:1 / 5;grid-row:4 / 7}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.img{transform:translate3d(-50%,-50%,0)!important}.spotlight-cover-img{transform:none!important}}@media (max-width: 1000px){.intro h1,.spotlight-intro-header,.spotlight-outro-header{width:100%}.spotlight-intro-header,.spotlight-outro-header{padding:2rem}.swiss-grid-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:3rem}.grid-text-area,.grid-contact-form,.grid-contact-options{grid-column:1;grid-row:auto}.grid-contact-options{grid-template-columns:1fr}}