:root{--paper:#fafafa;--ink:#171820;--muted:#70727b;--line:#e3e4e9}.studio-layout{padding-left:224px;background:var(--paper)}.studio-layout .studio-header{position:fixed;inset:0 auto 0 0;width:224px;height:100vh;padding:35px 26px 22px;border:0;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:#fafafa;overflow-y:auto;z-index:20}.studio-header .logo{width:155px;margin-bottom:23px}.studio-caption{font-size:11px;line-height:1.75;color:#6a6e7d;margin:0 0 33px}.studio-header nav{display:flex;flex-direction:column;gap:26px;align-items:stretch}.nav-group{display:flex;flex-direction:column;gap:9px}.nav-group a{font-size:11px;line-height:1.6;width:fit-content}.nav-group .nav-title{font-size:15px;font-weight:650;margin-bottom:3px;display:flex;justify-content:space-between;width:100%}.nav-title span{font-size:13px;font-weight:400;color:#818594}.nav-group a[aria-current=page]{color:#343dff}.studio-header .cart{margin-top:32px;padding:16px 0;border-top:1px solid var(--line);text-align:left;font-size:12px}.studio-domain{margin-top:auto;padding-top:20px;font-size:10px;color:#777b87;letter-spacing:.5px}.mobile-nav{display:none}.studio-layout main{max-width:none}.gallery-main{padding:24px 26px 0}.gallery-topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#767988;padding:6px 0 24px}.home-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-tile{position:relative;display:flex;flex-direction:column;aspect-ratio:1/1.14;overflow:hidden;border-radius:2px;isolation:isolate}.gallery-tile.mist{background:#ecefe9}.gallery-tile.slate{background:#e2e2e6}.gallery-tile.ice{background:#e3ebed}.gallery-tile.sand{background:#ebe1d2}.gallery-tile.blue{background:#d6dffa}.gallery-tile.mint{background:#e1ece7}.gallery-tile.rose{background:#efe0db}.gallery-tile.lavender{background:#e5e1ef}.tile-number{position:absolute;top:18px;left:18px;font-size:8px;letter-spacing:1.5px;color:#7b7e89}.tile-object{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding-top:20px;pointer-events:none}.tile-object>.object-art{width:100%;height:100%;transform:scale(.88);transition:transform .45s cubic-bezier(.2,.6,.3,1)}.gallery-tile:hover .tile-object>.object-art{transform:scale(.96) rotate(-3deg)}.tile-caption{padding:17px 19px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center;z-index:1}.tile-caption h2{font-size:17px;letter-spacing:-.5px;font-weight:550;line-height:1.35;margin:0 0 5px}.tile-caption div>span{font-size:8px;color:#777b85}.tile-arrow{font-size:23px;transition:transform .2s}.gallery-tile:hover .tile-arrow{transform:translate(3px,-3px)}.gallery-tile:focus-visible{outline:3px solid #343dff;outline-offset:3px}.gallery-bottom{padding:45px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.gallery-bottom p{font-size:24px;font-weight:500;line-height:1.5;letter-spacing:-.7px;margin:0}.gallery-bottom>a{font-size:12px;border-bottom:1px solid;padding:8px 0}.studio-layout footer{padding:24px 26px}.studio-layout footer>.logo{width:95px}.studio-layout footer>span{font-size:7px}.studio-layout .section{padding:45px 30px}.studio-layout .shop-hero{padding:40px 30px}.studio-layout .shop-hero h1{font-size:44px}.studio-layout .local-banner{font-size:8px;background:#f0f1f8}.studio-layout .info-intro h1{font-size:64px}.studio-layout .about{padding:50px 30px}.studio-layout #demo p{line-height:1.9;max-width:700px;color:var(--muted)}.studio-layout .shop-picture .object-art{scale:.74}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.home-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-tile{aspect-ratio:1/1.1}}@media(max-width:1180px){.home-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-tile{aspect-ratio:1/1.05}.studio-layout .shop-grid{grid-template-columns:repeat(2,1fr)}.tile-object>.object-art{transform:scale(.95)}}@media(max-width:760px){.studio-layout{padding-left:0;padding-top:78px}.studio-layout .studio-header{width:100%;height:78px;bottom:auto;padding:18px 20px;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}.studio-header .logo{width:128px;margin:0}.studio-caption,.studio-domain{display:none}.mobile-nav{display:flex;align-items:center;gap:15px;background:none;font-size:11px;padding:8px 0}.studio-header .cart{margin:0;padding:0;border:0;font-size:0}.studio-header .cart span{font-size:11px;margin-left:0}.studio-header nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fafafa;border-bottom:1px solid var(--line);padding:25px 20px;max-height:calc(100dvh - 78px);overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.studio-header nav.is-open{display:grid}.nav-group .nav-title{font-size:13px}.nav-group a{font-size:10px}.gallery-main{padding:17px 14px 0}.gallery-topline{font-size:6px;letter-spacing:1px;padding-bottom:17px;gap:14px}.home-gallery{gap:10px}.gallery-tile{aspect-ratio:1/1.28}.tile-number{top:12px;left:12px;font-size:6px}.tile-caption{padding:10px 12px 14px;gap:4px}.tile-caption h2{font-size:13px;letter-spacing:-.3px}.tile-caption div>span{font-size:6px}.tile-arrow{font-size:18px}.tile-object{padding-top:15px}.tile-object>.object-art{transform:scale(.62);width:270px;min-width:270px}.gallery-tile:hover .tile-object>.object-art{transform:scale(.66)}.gallery-bottom{padding:30px 5px}.gallery-bottom p{font-size:17px}.gallery-bottom>a{font-size:10px}.studio-layout footer{padding:20px 18px}.studio-layout .section,.studio-layout .shop-hero{padding:32px 20px}.studio-layout .shop-hero h1{font-size:34px}.studio-layout .shop-picture .object-art{scale:.55}.studio-layout .info-intro h1{font-size:45px}.studio-layout .about{padding:30px 20px}.studio-layout .purchase-layout{grid-template-columns:1fr}.studio-layout .journal-grid{grid-template-columns:1fr}}@media(max-width:380px){.studio-header nav.is-open{grid-template-columns:1fr 1fr}.tile-object>.object-art{transform:scale(.5)}.tile-caption h2{font-size:12px}}@media(prefers-reduced-motion:reduce){.tile-object>.object-art,.tile-arrow{transition:none}}
