@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=IBM+Plex+Mono:wght@400&display=swap');

:root{color-scheme:light;--paper:#f7f7f7;--ink:#242424;--muted:#707070;--hairline:#dcdcdc;--identity-accent:#bd3d29}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.projection-page{--home-footer-height:48px;display:flex;flex-direction:column;min-height:100svh;overflow-x:clip}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid var(--identity-accent);outline-offset:6px}
.projection-main{--stage-height:calc(100svh - 88px - var(--home-footer-height));position:relative;isolation:isolate;flex:1;width:100%;max-width:1900px;margin-inline:auto;padding:0 4vw}
.projection-page .home-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;flex-shrink:0;width:100%;max-width:1900px;min-height:var(--home-footer-height);margin-inline:auto;padding:12px 4vw calc(18px + env(safe-area-inset-bottom,0px));border:0;color:var(--ink);font:12px/18px 'DM Sans',Arial,sans-serif}
.home-footer>:nth-child(2){justify-self:center}
.home-footer>:last-child{justify-self:end}
.projection-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
.projection-visual{grid-area:1/1;min-width:0;width:100%;position:relative}
.projection-stage{position:relative;width:100%;height:var(--stage-height);isolation:isolate;touch-action:pan-y}
.projection-card{position:absolute;left:0;top:0;width:380px;height:506.6667px;padding:0;border:0;appearance:none;background:#e3e3e3;transform-origin:0 0;cursor:grab;user-select:none;-webkit-user-select:none;will-change:transform,opacity}
.projection-stage.is-dragging,.projection-stage.is-dragging .projection-card{cursor:grabbing}
.projection-image-clip{position:absolute;inset:0;display:block;overflow:hidden;background:var(--paper);isolation:isolate}
.projection-card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.projection-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.projection-card:focus-visible{outline:3px solid var(--identity-accent);outline-offset:7px}
.projection-photo-caption{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;text-align:right;white-space:nowrap;color:#777;font:14px/1.55 'DM Sans',Arial,sans-serif}
.projection-copy{position:absolute;left:0;top:var(--focus-y,calc(var(--stage-height) / 2));z-index:8;display:grid;width:27%;max-width:340px;min-width:0;transform:translateY(-50%);text-align:left}
.projection-copy-panel{grid-area:1/1;align-self:center;opacity:0;visibility:hidden;transform:translateY(9px);transition:opacity .3s ease,transform .45s cubic-bezier(.22,.61,.36,1),visibility 0s .3s}
.projection-copy-panel.is-current{opacity:1;visibility:visible;transform:none;transition-delay:.06s,.06s,0s}
.projection-copy h1{margin:0 0 52px;font-size:clamp(34px,3.1vw,54px);font-weight:400;line-height:1.1;letter-spacing:-.055em;overflow-wrap:normal}
.projection-copy p{margin:0;color:#606060;font-size:clamp(17px,1.15vw,20px);line-height:1.95;overflow-wrap:break-word}
.projection-copy p+p{margin-top:1.7em}
.projection-entry{display:inline-flex;align-items:center;gap:.5em;margin-top:48px;padding-bottom:7px;border-bottom:1px solid #888;font-size:14px;line-height:1.65}
.projection-entry>span{display:inline-block;transition:transform .2s ease}
.projection-entry:hover>span{transform:translate(2px,-2px)}
.projection-contacts{display:flex;align-items:center;gap:14px;width:max-content;margin-top:45px}
.projection-contacts a{display:grid;place-items:center;width:44px;height:44px;color:#626262;transition:color .2s,transform .2s}
.projection-contacts a:first-child{margin-left:-10px}
.projection-contacts a:hover{color:var(--ink);transform:translateY(-2px)}
.projection-contacts svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1600px){.projection-main,.projection-page .home-footer{padding-inline:65px}}
@media(max-width:1050px){.projection-copy h1{font-size:30px}.projection-copy p{font-size:16px}}
@media(max-width:820px){.projection-main{--stage-height:clamp(540px,115vw,760px);padding:15px 5% 46px}.projection-layout{gap:28px}.projection-visual{grid-area:auto}.projection-copy{position:relative;top:auto;grid-area:auto;width:100%;max-width:500px;justify-self:center;transform:none}.projection-copy h1{font-size:39px;margin-bottom:44px}.projection-copy p{font-size:18px}}
@media(max-width:420px){.projection-main{--stage-height:540px;padding-top:8px}.projection-copy h1{font-size:36px}.projection-copy p{font-size:17px}}
@media(max-width:480px){.projection-copy{margin-top:-80px}}
@media(max-width:820px){.projection-page .home-footer{display:flex;justify-content:space-between;gap:12px;padding-inline:5%;font-size:clamp(10px,2.8vw,12px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.projection-card{will-change:auto}}