:root{color:#f4f1eb;background:#050505;font-family:Avenir Next,Avenir,Gill Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--red: #ef332d;--paper: #f4f1eb;--ink: #090909;--muted: #94918b}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}html{scrollbar-gutter:stable}html.is-flipping,html.is-flipping body{overflow:hidden}body{min-height:100vh;overflow-x:hidden}body:before{position:fixed;inset:0;z-index:2;pointer-events:none;content:"";opacity:.24;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:screen}#app{position:relative;min-height:100svh;display:grid;place-items:center;padding:clamp(1rem,4vw,4rem);isolation:isolate;background:radial-gradient(circle at 51% 48%,#252525 0,#0d0d0d,#050505 72%),var(--ink)}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient span{position:absolute;width:min(58vw,54rem);aspect-ratio:1;border:clamp(4rem,8vw,9rem) solid #161616;border-radius:41% 59% 63% 37%/39% 34% 66% 61%;opacity:.72;animation:drift 16s ease-in-out infinite alternate}.ambient span:first-child{top:-38%;left:-22%;rotate:24deg}.ambient span:last-child{right:-25%;bottom:-44%;rotate:-35deg;animation-delay:-7s}.card-stage{--pointer-rotate-x: 0deg;--pointer-rotate-y: 0deg;--card-padding-top: clamp(2rem, 6vw, 6.5rem);--card-padding-bottom: clamp(2rem, 6vw, 6.5rem);--card-padding-inline: clamp(2rem, 6vw, 6.5rem);position:relative;width:min(100%,76rem);perspective:2400px;transform:perspective(1400px) rotateX(var(--pointer-rotate-x)) rotateY(var(--pointer-rotate-y));transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:center;transition:transform .18s cubic-bezier(.2,.75,.2,1);will-change:transform;animation:card-in .9s cubic-bezier(.2,.75,.2,1) both}.card{position:relative;width:100%;min-height:min(41rem,calc(100svh - clamp(2rem,8vw,8rem)));display:grid;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .56s cubic-bezier(.25,.46,.45,.94);will-change:transform}.card.is-flipped{transform:rotateY(180deg)}.card-face{position:relative;grid-area:1 / 1;width:100%;min-height:inherit;display:grid;grid-template-columns:minmax(18rem,.9fr) 1px minmax(22rem,1.1fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);padding:var(--card-padding-top) var(--card-padding-inline) var(--card-padding-bottom);overflow:hidden;isolation:isolate;border:1px solid #292929;border-radius:.2rem .2rem clamp(.2rem,5vw,4.5rem) .2rem;background:linear-gradient(122deg,#080808 5%,#121212 52%,#080808);box-shadow:0 3rem 8rem #000000a6,inset 0 1px #ffffff0d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0) translateZ(1px)}.card-face--back{transform:rotateY(180deg) translateZ(1px)}.card-face[aria-hidden=true]{pointer-events:none}.card-face:before,.card-face:after{position:absolute;content:"";pointer-events:none}.card-face:before{z-index:0;width:22rem;aspect-ratio:1;right:-9rem;bottom:-10rem;border:5rem solid #1b1b1b;border-radius:43% 57% 34% 66%/58% 35% 65% 42%;rotate:12deg;opacity:.75}.card-face:after{inset:0;z-index:2;background:linear-gradient(115deg,transparent 40%,rgb(255 255 255 / 2%) 50%,transparent 60%);transform:translate(-100%);animation:sheen 1.4s .45s cubic-bezier(.22,1,.36,1) forwards}.brand,.details{position:relative;z-index:1}.brand{display:grid;justify-items:center}.details{display:grid;gap:clamp(2rem,5vh,3.25rem)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow,.section-label{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.eyebrow,.section-label{color:var(--red)}.logo{width:clamp(9.5rem,17vw,14.5rem);height:auto;max-height:min(21rem,43svh);display:block;margin-top:1.5rem;object-fit:contain;filter:drop-shadow(.6rem .7rem 0 #490b09)}.divider{align-self:stretch;z-index:1;width:1px;min-height:24rem;background:linear-gradient(transparent,var(--red) 12%,var(--red) 88%,transparent);transform:scaleY(0);transform-origin:top;animation:rule-in .7s .42s ease-out forwards}.section-label{margin-bottom:1rem}.language-link{position:absolute;top:var(--card-padding-top);right:var(--card-padding-inline);z-index:3;min-height:2.75rem;display:inline-flex;align-items:center;gap:.7rem;color:var(--paper);font-size:.88rem;font-weight:600;letter-spacing:.025em;text-decoration:none;transition:color .18s ease}.language-link:after{position:absolute;right:0;bottom:.3rem;left:0;height:1px;content:"";background:var(--red);transform:scaleX(.3);transform-origin:right;transition:transform .22s ease}.language-link:hover{color:var(--red)}.language-link:hover:after{transform:scaleX(1)}.language-link:focus-visible{outline:2px solid var(--red);outline-offset:.35rem}.language-arrow{color:var(--red);font-size:1.3em;transition:transform .22s ease}.language-link:hover .language-arrow{transform:translate(.25rem)}.card-face--back .language-link:hover .language-arrow{transform:translate(-.25rem)}.contact-links{display:grid}.contact-links a,.project-link{min-width:0;min-height:4.6rem;display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:1rem;color:var(--paper);border-top:1px solid #303030;font-size:clamp(.95rem,1.65vw,1.25rem);font-weight:500;letter-spacing:-.02em;text-decoration:none;transition:color .18s ease,padding .18s ease,border-color .18s ease}.contact-links a:last-child,.project-link{border-bottom:1px solid #303030}.project-link{padding-inline:.75rem;border-left:2px solid var(--red);background:linear-gradient(90deg,rgb(239 51 45 / 8%),transparent 42%)}.contact-links a:hover,.project-link:hover{padding-inline:.5rem;color:var(--red);border-color:var(--red)}.project-link:hover{padding-inline:1.1rem .4rem}.contact-links a:focus-visible,.project-link:focus-visible{outline:2px solid var(--red);outline-offset:.3rem}.icon{width:2.3rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--red);border-radius:50%;color:var(--red)}.icon svg{width:1.1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}.arrow{color:var(--red);font-size:1.15em;transition:transform .18s ease}.project-copy{display:grid;gap:.18rem}.project-copy strong{font:inherit;font-weight:600}.project-copy small{color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.contact-links a:hover .arrow,.project-link:hover .arrow{transform:translate(.15rem,-.15rem)}@keyframes card-in{0%{opacity:0;transform:perspective(1400px) translateY(2rem) scale(.985) rotateX(var(--pointer-rotate-x)) rotateY(var(--pointer-rotate-y))}}@keyframes rule-in{to{transform:scaleY(1)}}@keyframes sheen{to{transform:translate(100%)}}@keyframes drift{to{transform:translate3d(2rem,-1rem,0) rotate(8deg)}}@media(max-width:760px){#app{padding:0}.card-stage{--card-padding-top: clamp(5rem, 12vw, 6rem);--card-padding-bottom: clamp(2rem, 9vw, 4rem);--card-padding-inline: clamp(1.35rem, 7vw, 3rem);width:100%}.card{min-height:100svh}.card-face{border:0;border-radius:0 0 4.5rem;grid-template-columns:1fr;grid-template-rows:auto 1px auto;align-content:center;gap:2.25rem}.divider{width:100%;min-height:1px;height:1px;background:linear-gradient(90deg,var(--red),var(--red) 68%,transparent);transform:scaleX(0);transform-origin:left}.logo{width:clamp(7.75rem,27vw,10rem);max-height:26svh;margin-top:1rem}.section-label{margin-bottom:.8rem}.contact-links a,.project-link{min-height:4.2rem;font-size:clamp(.9rem,4vw,1.05rem)}}@media(max-width:390px){.contact-links a,.project-link{grid-template-columns:2.2rem minmax(0,1fr) auto;gap:.65rem;font-size:.82rem}.icon{width:2.1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
