:root{--ink:#17201e;--cream:#f3f0e8;--lime:#d7f24b;--coral:#fc6546;--line:rgba(23,32,30,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:500 13px 'DM Mono',monospace;letter-spacing:.08em}.brand-mark{height:28px;width:28px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font:500 14px Georgia}.site-header nav{display:flex;gap:34px}.site-header nav a,footer a{color:inherit;text-decoration:none;font-size:13px;font-weight:600}.button{background:var(--ink);color:var(--cream);text-decoration:none;border-radius:99px;padding:15px 20px;display:inline-flex;gap:16px;align-items:center;font-size:13px;font-weight:700;transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px);background:#31413d}.button span{font-size:18px;line-height:10px}.button-small{padding:11px 16px;font-size:12px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 22px}.hero{min-height:calc(100vh - 84px);padding:clamp(55px,9vw,145px) clamp(24px,8vw,130px) 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;overflow:hidden}.hero h1,h2{font-size:clamp(46px,6.7vw,108px);letter-spacing:-.075em;line-height:.9;margin:0;font-weight:800}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.hero-text{max-width:390px;font-size:16px;line-height:1.65;margin:34px 0}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:13px;font-weight:700;color:inherit;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{margin-left:8px;font-size:17px}.hero-art{position:relative;height:510px;background:#c7dcb0;border-radius:250px 250px 0 0;overflow:hidden}.orbit{position:absolute;border:1px solid rgba(23,32,30,.22);border-radius:50%;width:530px;height:170px;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-28deg)}.orbit-two{width:460px;height:130px;transform:translate(-50%,-50%) rotate(45deg)}.vase{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);filter:drop-shadow(18px 19px 0 rgba(23,32,30,.14))}.vase-neck{width:83px;height:110px;background:#f9a13e;margin:auto;border-radius:20px 20px 2px 2px}.vase-body{height:264px;width:270px;background:#f9a13e;border-radius:44% 44% 36% 36% / 25% 25% 66% 66%;overflow:hidden;position:relative}.vase-body i{position:relative;display:block;height:20px;border-bottom:3px solid #d57722;border-radius:50%;top:31px}.print-label{position:absolute;bottom:23px;right:25px;font:10px 'DM Mono';letter-spacing:.1em}.ticker{background:var(--ink);color:var(--lime);padding:17px 0;white-space:nowrap;overflow:hidden;font:500 13px 'DM Mono';letter-spacing:.08em}.ticker div{display:inline-block;animation:scroll 22s linear infinite}.ticker b{margin:0 24px;color:var(--coral)}@keyframes scroll{to{transform:translateX(-35%)}}.section{padding:clamp(75px,10vw,145px) clamp(24px,8vw,130px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading h2{font-size:clamp(44px,5.5vw,81px)}.project-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.project-visual{height:440px;position:relative;overflow:hidden}.project-1 .project-visual{background:#fbba6b}.project-2 .project-visual{background:#8cc5c4}.project-3 .project-visual{background:#e4aabb}.project-meta{display:grid;grid-template-columns:32px 1fr auto;padding-top:14px;align-items:center}.project-meta span{font:10px 'DM Mono';text-transform:uppercase}.project-meta h3{font-size:16px;margin:0}.lamp{position:absolute;inset:0;display:grid;place-items:center}.lamp-top{width:230px;height:180px;background:#dc3b38;border-radius:50% 50% 12px 12px;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.lamp-stem{width:18px;height:145px;background:#dc3b38}.lamp-base{width:130px;height:18px;background:#dc3b38;border-radius:50%}.case{width:175px;height:290px;background:#157881;border-radius:27px;transform:rotate(-16deg);position:absolute;left:33%;top:15%;box-shadow:15px 15px 0 #0d5961}.case-cutout{width:70px;height:70px;border:13px solid #8cc5c4;border-radius:22px;position:absolute;right:18px;top:20px}.planter{position:absolute;width:215px;height:185px;border-radius:50% 50% 40px 40px;background:#84344d;bottom:45px;left:50%;transform:translateX(-50%);box-shadow:14px 18px 0 rgba(63,25,35,.2)}.plant{position:absolute;bottom:145px;left:50%;width:10px;height:110px;background:#294d35}.plant i{position:absolute;width:65px;height:30px;background:#294d35;border-radius:100% 0;transform-origin:0 50%}.plant i:nth-child(1){top:15px;transform:rotate(-45deg)}.plant i:nth-child(2){top:40px;transform:rotate(35deg)}.plant i:nth-child(3){top:65px;transform:rotate(-38deg)}.plant i:nth-child(4){top:80px;transform:rotate(34deg)}.plant i:nth-child(5){top:-7px;transform:rotate(42deg)}.process{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.process-intro h2{font-size:clamp(40px,4.2vw,63px)}.process ol{list-style:none;margin:0;padding:0}.process li{border-top:1px solid rgba(243,240,232,.25);padding:24px 0;display:grid;grid-template-columns:45px 1fr 25px;gap:18px}.process li:last-child{border-bottom:1px solid rgba(243,240,232,.25)}.process li span{font:10px 'DM Mono';color:var(--lime)}.process h3{font-size:20px;margin:0 0 9px}.process li p{font-size:14px;line-height:1.6;margin:0;color:#c1c5bd;max-width:390px}.process li b{color:var(--lime);font-size:18px}.materials{display:grid;grid-template-columns:1fr 1fr;gap:11vw;align-items:center}.material-art{height:460px;background:var(--coral);display:grid;place-items:center;position:relative}.material-art p{position:absolute;left:19px;bottom:14px;margin:0;font:10px 'DM Mono';line-height:1.5}.spool{width:250px;height:250px;background:var(--cream);border-radius:50%;display:grid;place-items:center;box-shadow:13px 17px 0 rgba(86,20,10,.28)}.spool:before,.spool:after{content:"";position:absolute;width:170px;height:170px;border:14px solid var(--ink);border-radius:50%}.spool:after{width:72px;height:72px;border-width:10px;background:var(--coral)}.material-copy h2{font-size:clamp(40px,4.5vw,70px)}.material-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:450px;margin:27px 0}.material-tags{display:flex;flex-wrap:wrap;gap:8px}.material-tags span{border:1px solid var(--ink);border-radius:50px;padding:8px 12px;font:10px 'DM Mono';text-transform:uppercase}.quote{text-align:center;background:var(--lime);padding:clamp(80px,12vw,180px) 20px}.quote h2{font-size:clamp(54px,7vw,110px);margin-bottom:37px}.button-light{background:var(--cream);color:var(--ink)}.quote-note{font:11px 'DM Mono';margin:18px 0 0}.quote .eyebrow{margin-bottom:18px}footer{padding:30px clamp(24px,5vw,80px);background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:space-between}footer p{font-size:12px;color:#aab2a9}footer div{display:flex;gap:20px}footer a{font-size:11px}@media(max-width:760px){.site-header nav{display:none}.site-header{height:68px}.button-small{padding:9px 12px}.hero{grid-template-columns:1fr;padding-top:64px}.hero-art{height:390px}.section-heading,.materials,.process{grid-template-columns:1fr;display:grid;gap:32px}.section-heading{align-items:start}.project-grid{grid-template-columns:1fr;gap:36px}.project-visual{height:360px}.project-2,.project-3{display:none}.process{gap:48px}.materials{gap:50px}.material-art{height:360px}.section{padding-top:80px;padding-bottom:80px}footer{align-items:flex-start;gap:24px;flex-direction:column}footer p{margin:0}.hero-actions{gap:18px;flex-wrap:wrap}}