@import "https://fonts.googleapis.com/css2?family=Grenze:wdth,wght@75..125,400..800&family=Manrope:wght@400;500;600&display=swap";:root{--chalk:oklch(96% .018 80);--terra:oklch(62% .13 42);--glaze:oklch(45% .08 193);--wine:oklch(31% .09 20);--light:oklch(88% .12 82);color:var(--wine);background:var(--chalk);font-synthesis:none;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}::selection{background:var(--wine);color:var(--chalk)}nav{z-index:5;grid-template-columns:1fr 1fr 1fr;align-items:start;width:100%;padding:24px clamp(20px,4vw,65px);font-size:12px;display:grid;position:absolute;top:0;left:0}nav p{margin:0}nav>div{justify-self:end;gap:30px;display:flex}.logo{letter-spacing:-.02em;font:700 22px/1 Grenze,serif;text-decoration:none}.logo i{color:var(--terra);font-weight:400}.hero{background:var(--chalk);min-height:100svh;padding:clamp(150px,20vh,220px) clamp(20px,4vw,65px) 60px;position:relative;overflow:hidden}.hero-object{z-index:1;width:min(29vw,410px);margin:0;position:absolute;top:10vh;right:clamp(20px,5vw,80px);transform:rotate(3deg)}.hero-object img{width:100%;filter:drop-shadow(0 38px 28px color-mix(in oklch, var(--wine), transparent 76%));display:block}.hero-object figcaption{border-top:1px solid var(--wine);justify-content:space-between;gap:20px;padding-top:12px;font-size:11px;display:flex}.hero-object figcaption b{font-weight:500}.sun{aspect-ratio:1;background:var(--light);width:min(46vw,650px);box-shadow:0 0 100px 70px color-mix(in oklch, var(--light), transparent 48%);border-radius:50%;position:absolute;top:9vh;right:-4vw}.hero-kicker{font-size:13px;position:relative}.hero h1{letter-spacing:-.07em;max-width:68vw;margin:9vh 0 0;font:700 clamp(5.2rem,11vw,10.8rem)/.68 Grenze,serif;position:relative}.hero h1 span{color:var(--terra);margin-left:10vw}.hero-intro{z-index:2;width:min(390px,34vw);margin:42px 0 76px;font-size:18px;line-height:1.55;position:relative}.scroll-cue{align-items:center;gap:20px;text-decoration:none;display:flex;position:absolute;bottom:38px;left:clamp(20px,4vw,65px)}.scroll-cue b{font-size:28px}.object-story{--progress:0;background:var(--terra);position:relative}.lamp-stage{z-index:2;pointer-events:none;place-items:center;width:50%;height:100svh;margin-left:50%;display:grid;position:sticky;top:0}.lamp-stage:before{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in oklch, var(--light), transparent 45%), transparent 70%);width:min(76%,520px);opacity:calc(.18 + var(--progress) * .42);border-radius:50%;position:absolute;transform:translateY(15%)}.story-lamp{object-fit:contain;filter:drop-shadow(0 30px 18px #46201a38);width:min(80%,530px);max-height:78vh;transform:translateY(calc((var(--progress) - .5) * 8vh)) rotate(calc((var(--progress) - .5) * 7deg)) scale(calc(.85 + var(--progress) * .17));transition:filter .4s;position:relative}.lamp-shadow{background:color-mix(in oklch, var(--wine), transparent 65%);filter:blur(10px);width:50%;height:30px;transform:scale(calc(1.2 - var(--progress) * .3));border-radius:50%;position:absolute;bottom:7vh}.chapter{grid-template-columns:1fr 1fr;align-items:center;height:100svh;margin-top:0;padding:clamp(25px,6vw,90px);display:grid;position:relative}.chapter:first-of-type{margin-top:-100svh}.chapter>div{max-width:540px}.chapter span{font-size:12px}.chapter h2{letter-spacing:-.06em;margin:15px 0 25px;font:700 clamp(5rem,11vw,10rem)/.8 Grenze,serif}.chapter p{font-size:clamp(18px,2vw,25px);line-height:1.5}.earth{color:var(--chalk);background:oklch(50% .13 42)}.water{background:var(--glaze);color:var(--chalk)}.fire{background:var(--wine);color:var(--chalk)}.room{background:var(--light);color:var(--wine)}.chapter:nth-of-type(2n)>div{grid-column:1}.collection{background:var(--chalk);padding:clamp(90px,14vw,190px) clamp(20px,4vw,65px)}.collection-head{grid-template-columns:1fr 2fr 1fr;align-items:start;gap:40px;margin-bottom:100px;display:grid}.collection-head>p{font-size:13px}.collection-head>p:last-child{font-size:17px;line-height:1.5}.collection h2{letter-spacing:-.05em;margin:0;font:700 clamp(4rem,8vw,8rem)/.8 Grenze,serif}.shelf{border-top:1px solid var(--wine);border-bottom:1px solid var(--wine);grid-template-columns:repeat(3,1fr);display:grid}.piece{border-right:1px solid var(--wine);flex-direction:column;min-height:630px;padding:25px;text-decoration:none;display:flex;position:relative;overflow:hidden}.piece:last-child{border:0}.piece:before{content:"";background:var(--fill);transition:inset .65s cubic-bezier(.16,1,.3,1);position:absolute;inset:100% 0 0}.piece:hover:before{inset:0}.piece.rust{--fill:var(--terra)}.piece.chalk{--fill:var(--light)}.piece.black{--fill:var(--wine)}.piece.black:hover{color:var(--chalk)}.piece-number,.piece-info,.piece>b,.vessel{z-index:1;position:relative}.piece>b{opacity:0;font-size:30px;transition:transform .35s,opacity .35s;position:absolute;top:18px;right:25px;transform:translate(-8px,8px)}.piece:hover>b{opacity:1;transform:none}.vessel{place-items:center;height:400px;transition:transform .7s cubic-bezier(.16,1,.3,1);display:grid}.vessel img{object-fit:contain;width:min(92%,390px);height:330px;filter:drop-shadow(0 24px 18px color-mix(in oklch, var(--wine), transparent 80%))}.piece:hover .vessel{transform:translateY(-15px)rotate(-3deg)scale(1.06)}.piece-info{grid-template-columns:1fr 1fr;margin-top:auto;display:grid}.piece-info h3{margin:0;font:700 42px Grenze,serif}.piece-info p{text-align:right;margin:7px 0}.piece-info small{grid-column:1/-1}.measurements{background:var(--glaze);color:var(--chalk);grid-template-columns:1fr 2fr 1fr;min-height:850px;padding:80px clamp(20px,4vw,65px);display:grid}.measurements>p{font-size:12px}.diagram{place-items:center;display:grid;position:relative}.diagram img{object-fit:contain;width:min(76%,520px);max-height:650px;filter:drop-shadow(0 30px 24px color-mix(in oklch, var(--wine), transparent 72%))}.diagram .width{border-top:1px solid var(--chalk);text-align:center;padding-top:8px;position:absolute;bottom:35px;left:20%;right:20%}.diagram .height{writing-mode:vertical-rl;border-left:1px solid var(--chalk);padding-left:8px;position:absolute;top:35%;right:8%}.facts{align-self:end}.facts p{border-top:1px solid var(--chalk);justify-content:space-between;margin:0;padding:16px 0;font-size:13px;display:flex}.contact{background:var(--wine);min-height:100svh;color:var(--chalk);grid-template-columns:1fr 1.15fr;display:grid;overflow:hidden}.contact-lamp{background:var(--terra);place-items:center;display:grid;transform:translateY(18%)}.contact-lamp img{object-fit:contain;width:min(78%,570px);max-height:88vh;filter:drop-shadow(0 36px 26px color-mix(in oklch, var(--wine), transparent 64%));transform:rotate(8deg)}.contact>div:last-child{flex-direction:column;justify-content:center;padding:clamp(70px,10vw,150px) clamp(30px,6vw,100px);display:flex}.contact h2{letter-spacing:-.06em;margin:40px 0;font:700 clamp(4.4rem,9vw,9rem)/.78 Grenze,serif}.contact p{max-width:480px;line-height:1.6}.contact a{border-block:1px solid var(--chalk);justify-content:space-between;margin-top:55px;padding:22px 0;font-size:20px;text-decoration:none;display:flex}.contact a span{font-size:34px;transition:transform .25s}.contact a:hover span{transform:translate(6px,-6px)}footer{background:var(--chalk);grid-template-columns:1fr 1fr 1fr;padding:35px clamp(20px,4vw,65px);font-size:12px;display:grid}footer p{margin:0}footer p:last-child{text-align:right}@media (width<=800px){nav{grid-template-columns:1fr 1fr}nav p{display:none}.hero h1 span{margin-left:0}.hero-intro{width:auto;max-width:400px;margin:38px 0 28px}.sun{width:75vw}.hero-object{width:min(78vw,390px);margin:18px auto 70px;position:relative;top:auto;right:auto;transform:rotate(2deg)}.object-story{display:block}.lamp-stage{width:100%;height:55svh;margin:0;top:10vh}.lamp-stage .story-lamp{width:67%;max-height:50svh}.chapter,.chapter:first-of-type{grid-template-columns:1fr;align-items:end;height:auto;min-height:80svh;margin:0;padding-top:36vh}.chapter>div,.chapter:nth-of-type(2n)>div{grid-column:1}.collection-head,.shelf{grid-template-columns:1fr}.piece{border-right:0;border-bottom:1px solid var(--wine);min-height:540px}.measurements{grid-template-columns:1fr;min-height:auto}.diagram{min-height:600px}.facts{margin-top:60px}.contact{grid-template-columns:1fr}.contact-lamp{height:55vh}.contact-lamp img{height:70vh}footer{grid-template-columns:1fr;gap:20px}footer p:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-lamp,.piece:before,.piece>b,.vessel,.contact a span{transition:none!important}.story-lamp{transform:none!important}.lamp-stage:before{opacity:.45}}