@font-face{font-family:"DM Mono";src:url("/assets/fonts/DMMono-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Yun;src:url('/assets/fonts/BodoniModa-6pt-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.hero-content{display:flex;flex-direction:column;align-items:center;gap:20px}.corner>span{display:block;overflow:hidden}.corner>span>span{display:block;transition:transform 300ms ease-in}.motion-ready .corner>span>span{transform:translateY(100%)}.nav-ready .corner>span>span,.corner:focus-visible>span>span{transform:none}
.photos{opacity:0;transition:opacity 300ms ease-in}.project-stage.preview-visible .photos{opacity:1}:root{--paper:#F5F0E6;--ink:#4f2021;--edge:50px;--gap:28px;--project-size:30px;--project-line:39px;--logo-height:23px;background:var(--paper);color:var(--ink);font-family:Yun,Georgia,serif;font-synthesis:none}
*{box-sizing:border-box;font-style:normal}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid currentColor;outline-offset:5px}h1,h2,p{margin:0;font-weight:400}img{display:block;max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;z-index:20;top:10px;left:10px;padding:12px;background:var(--paper);transform:translateY(-150%)}.skip:focus{transform:none}
.corner{position:fixed;z-index:10;font-family:"DM Mono",monospace;font-style:normal;font-weight:400;font-synthesis:none;font-size:15px;line-height:1.3;min-height:44px;display:flex;align-items:center}.about-link{top:33px;left:var(--edge)}.project-link{top:33px;right:var(--edge)}.product-link{bottom:33px;left:var(--edge)}.location-link{bottom:33px;right:var(--edge)}
.top-mark{position:fixed;z-index:10;left:50%;top:50px;transform:translateX(-50%);height:30px;display:flex;align-items:center}.top-mark img{width:auto;height:30px}.bottom-mark{position:fixed;z-index:9;top:auto;bottom:45px;left:50%;transform:translateX(-50%);height:30px;overflow:hidden;pointer-events:none}.bottom-mark span{display:block;white-space:nowrap;font-size:27px;line-height:30px;transform:translateY(102%);transition:transform 300ms ease-in}.bottom-mark.visible span{transform:translateY(0)}
section{position:relative;scroll-margin-top:0}#about{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 24px;gap:45px}.hero-envelope{width:calc((100vw - 2 * var(--edge) - 2 * var(--gap)) / 3);height:min(35vw,calc(100svh - 240px));display:grid;place-items:center}.hero-envelope img{width:100%;height:100%;object-fit:contain}
#project{padding:140px 0;min-height:100svh;display:grid;align-items:center}.project-stage{position:relative;margin:0 var(--edge);min-height:743px}.project-list{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:25px;width:calc((100% - 2 * var(--gap)) / 3);margin:auto}.project-name{display:block;min-height:39px;line-height:var(--project-line);font-size:var(--project-size);text-align:center;transition:opacity 300ms ease-in;text-transform:uppercase;max-width:100%;white-space:nowrap;letter-spacing:-.025em}.project-list.previewing .project-name:not(.preview){opacity:.25}.photos{position:absolute;inset:0;overflow:hidden;pointer-events:none}.photo{position:absolute;top:50%;left:calc(var(--slot) * ((100% + var(--gap)) / 3));width:calc((100% - 2 * var(--gap)) / 3);height:min(35vw,calc(100svh - 240px));transform:translateY(-50%);display:flex;align-items:center;justify-content:center;opacity:1}.photo img{height:100%;width:100%;object-fit:contain}.selected .project-list{pointer-events:none}.selected .project-name:not(.selected-title){visibility:hidden}.exit{position:absolute;z-index:4;right:0;top:0;width:44px;height:44px;font-family:Arial,sans-serif;font-size:30px}.load-error{text-align:center}.photo.failed:after{content:'Image unavailable';position:absolute;background:var(--paper);padding:12px}
#product{min-height:100svh;display:grid;align-items:center;padding:140px var(--edge)}.product-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:center}.product-strip img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#000}#location{min-height:100svh;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:140px 24px}#location h2{margin-bottom:20px}#location p{font-size:20px;line-height:1.5;max-width:700px}.noscript{text-align:center;padding:30px}
.hero-envelope{display:block}.hero-envelope img{min-height:0;max-height:100%}.project-list.previewing .project-name:not(.preview){opacity:.5}
.top-mark img{height:31.5px;max-width:none}.top-mark{height:30px}
.project-stage{display:flex;align-items:center;min-height:max(743px,35vw)}


@media(min-width:992px) and (max-width:1700px){:root{--project-size:1.6vw}}
@media(max-width:991px){:root{--edge:16px;--gap:12px;--project-size:18px;--project-line:24px}.corner{font-size:13px}.about-link,.project-link{top:4px}.product-link,.location-link{bottom:4px}.top-mark{top:16px;height:24px}.top-mark img{height:24px}.bottom-mark{top:auto;bottom:16px;height:22px}.bottom-mark span{font-size:18px;line-height:22px}#about{padding:100px 16px;gap:35px}#project{padding:110px 0;min-height:100svh}.project-stage{min-height:528px}.project-list{width:100%;gap:0}.project-name{min-height:44px;white-space:normal;letter-spacing:0;padding:8px 4px}.exit{right:-4px;top:-8px}.product-strip{gap:12px}#product{min-height:70svh;padding:100px 16px}#location p{font-size:17px;max-width:440px}}
@media(max-width:991px){.project-stage{min-height:528px}}
@media(max-width:480px){#location{gap:20px}#location h2{margin-bottom:15px}.bottom-mark span{font-size:16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:991px){.hero-content{gap:35px}.hero-envelope{width:calc(100vw - 32px);height:min(calc((100vw - 32px) * 4 / 3),calc(100svh - 260px))}}
@media(prefers-reduced-motion:reduce){.motion-ready .corner>span>span{transform:none}}
.bottom-mark{overflow:visible}.mark-clip{height:100%;overflow:hidden}.motion-ready .fade-image{opacity:0;transition:opacity 300ms ease-in}.motion-ready .fade-image.shown{opacity:1}.motion-ready .hero-envelope .fade-image{transition:opacity 800ms cubic-bezier(.3,1,.4,1)}




@media(max-width:991px){.top-mark,.top-mark img{height:31.5px}}



.selected .selected-title,.selected .photo{pointer-events:auto}
@media(max-width:991px){.photo{height:min(46vw,350px)}}
@media(max-width:480px){.photo{height:220px}}

.arrow{display:none;position:absolute;z-index:3;top:50%;transform:translateY(-50%);pointer-events:none;font:14px/1 "DM Mono",monospace;color:inherit}.arrow-left{left:12px}.arrow-right{right:12px}.selected>.arrow{display:block}
@media(max-width:991px){.arrow{top:calc(50% + min(23vw,175px) + 33px)}.arrow-left{left:calc((100% - 2 * var(--gap)) / 6);transform:translate(-50%,-50%)}.arrow-right{right:calc((100% - 2 * var(--gap)) / 6);transform:translate(50%,-50%)}}
@media(max-width:480px){.arrow{top:calc(50% + 143px)}}

#location h2{font-size:var(--project-size);line-height:var(--project-line);font-weight:400;font-style:normal}
.top-mark,.top-mark img{height:var(--logo-height)}

#landing{height:100svh;display:grid;place-items:center;padding:90px 32px}
.top-mark{transform-origin:top center}.bottom-mark.visible{pointer-events:auto}

/* One reference unit keeps the twelve rows and three photo slots proportional on Mac laptops. */
@media(min-width:992px) and (max-width:1800px) and (pointer:fine){
  .mac-safari #project{--mac-unit:min(calc((100svh - 150px) / 743),calc((100vw - 100px) / 1948));--project-size:calc(30 * var(--mac-unit));--project-line:calc(39 * var(--mac-unit));--gap:calc(28 * var(--mac-unit));padding:12svh 0}
  .mac-safari .project-stage{width:calc(1948 * var(--mac-unit));min-height:calc(743 * var(--mac-unit));margin:0 auto}
  .mac-safari .project-list{gap:calc(25 * var(--mac-unit))}
  .mac-safari .project-name{min-height:calc(39 * var(--mac-unit))}
  .mac-safari .photo{height:calc(716.8 * var(--mac-unit))}
  .mac-safari .project-stage .exit{font-size:calc(30 * var(--mac-unit));width:44px;height:44px}
  .mac-safari .arrow{font-size:calc(14 * var(--mac-unit))}
  .mac-safari .arrow-left{left:calc(12 * var(--mac-unit))}.mac-safari .arrow-right{right:calc(12 * var(--mac-unit))}
}