*{box-sizing:border-box;margin:0;padding:0;font-family:"AustinNewsDeckWeb",sans-serif}:root{font-size:12px;--color-text: #1a1a1a;--color-bg: #fff;--color-link: #1a1a1a;--color-link-hover: #1a1a1a;--page-padding: 1.5rem}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button{background:unset;outline:0;border:.5px solid #000;cursor:pointer}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer}a:hover{text-decoration:underline;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus:not(:focus-visible){background:rgba(0,0,0,0)}a:focus:focus-visible{outline:2px solid red;background:rgba(0,0,0,0)}@media(scripting: enabled){.loading::before,.loading::after{content:"";position:fixed;z-index:10000}.loading::before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.loading::after{top:50%;left:50%;width:100px;height:2px;margin:0 0 0 -50px;background:var(--color-link);animation:loaderAnim 1.5s ease-in-out infinite alternate forwards}}@keyframes loaderAnim{0%{transform:scaleX(0);transform-origin:0 50%}50%{transform:scaleX(1);transform-origin:0 50%}50.1%{transform:scaleX(1);transform-origin:100% 50%}100%{transform:scaleX(0);transform-origin:100% 50%}}@font-face{font-family:"AustinNewsDeckWeb";src:url("./../fonts/AustinNewsDeckWeb-Medium.eot");src:url("./../fonts/AustinNewsDeckWeb-Medium.eot?#iefix") format("embedded-opentype"),url("./../fonts/AustinNewsDeckWeb-Medium.woff2") format("woff2"),url("./../fonts/AustinNewsDeckWeb-Medium.woff") format("woff"),url("./../fonts/AustinNewsDeckWeb-Medium.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}.--is-loaded{overflow:hidden}.--is-loaded .grid{transition:transform .45s cubic-bezier(0.33, 1, 0.68, 1);cursor:grab}.--is-showing{opacity:1}.--is-details-showing{cursor:pointer}.--is-details-showing .grid{pointer-events:none}.line,.char{transform:translate3d(0, 100%, 0)}header{display:grid;grid-template:"title title" "github zoom" "credit credit" 1fr/auto 1fr;gap:1rem 2rem;justify-items:start;align-content:start;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100vh;padding:var(--page-padding);pointer-events:none}header *{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:inherit}header h1{grid-area:title;font-weight:700;letter-spacing:-0.02rem}header a,header button{pointer-events:auto}header a:hover,header button:hover{text-decoration:underline}header a{grid-area:github}header button{grid-area:zoom;border:0}header p{grid-area:credit;place-self:end start}.container{position:fixed;width:100vw;height:100vh;top:0;left:0;transform-origin:center center;will-change:transform}.grid{display:flex;gap:5vw;position:absolute;width:max-content;height:max-content}.column{display:flex;flex-direction:column;gap:5vw}.column:nth-child(even){margin-top:10vw}.product{position:relative;width:18.5vw;aspect-ratio:4/5}.product div{width:18.5vw;aspect-ratio:4/5;will-change:transform;transition:transform 300ms ease-in-out}.product img{position:absolute;width:100%;height:100%;object-fit:contain;will-change:transform;transition:transform 300ms ease-in-out}.product :hover{transform:scale(1.05)}.details{display:flex;flex-direction:column;justify-content:center;position:fixed;top:0;right:0;z-index:6;width:33vw;height:100vh;padding:3vw 4vw;border-left:.5px solid #000;background:#fff;transform:translate3d(33vw, 0, 0)}.details_thumb{position:relative;z-index:3;width:22.5vw;margin:0 auto;aspect-ratio:4/5;will-change:transform}.details_thumb div,.details_thumb img{position:absolute;width:100%;height:100%;object-fit:cover}.details .flex_box{display:flex;align-items:center;justify-content:space-between;margin-top:.5vw}.details .data-wrap{display:grid;position:relative}.details .data-wrap *{grid-area:1/-1;bottom:0;left:0}.details [data-category]{font-size:.938vw}.details [data-scent]{font-size:.729vw}.details [data-ml]{margin:.75vw 0;font-size:.625vw}.details [data-note]{font-size:.625vw}.details [data-desc]{margin:1vw 0 0;word-break:keep-all;font-size:.625vw}.details [data-price]{margin:2vw 0;font-size:.938vw}.details button{padding:2px 4px;font-size:.938vw}.details button:hover{background:#000;color:#fff}.cross{position:fixed;width:3vw;height:3vw;transform:translate(-50%, -50%) scale(0);z-index:5;pointer-events:none}.cross svg{width:2vw;height:2vw}