@font-face{font-family:Manrope;src:url(assets/manrope.ttf)}:root{--paper:#EEEAE2;--ink:#24272C;--lime:#D4AF37;--brand:#68717C;--pad:5vw;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:85px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}h1,h2,h3,p{margin:0}em{font-style:normal;color:#68717C}small{font-size:10px;letter-spacing:.06em}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9B7C22;outline-offset:4px}img{width:100%;height:100%;object-fit:cover}.skip{position:fixed;top:-60px;background:var(--lime);z-index:99}.skip:focus{top:5px}header{height:86px;position:fixed;inset:0 0 auto;z-index:30;background:#EEEAE2f0;backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid #24272C25}.logo{font-size:32px;font-weight:bold;letter-spacing:-1.5px;white-space:nowrap}.logo sup{font-size:12px;letter-spacing:0;vertical-align:top}header nav{display:flex;gap:clamp(12px,1.5vw,24px);font-size:11px}.outline{border:1px solid;border-radius:30px;padding:13px 22px;font-size:12px}#menu{display:none}#mobile{position:fixed;inset:70px 0 0;background:var(--ink);color:var(--paper);z-index:25;padding:40px 6vw}#mobile:not([hidden]){display:flex;flex-direction:column}#mobile a{padding:20px 0;font-size:24px;border-bottom:1px solid #ffffff25}.hero{height:100svh;min-height:780px;max-height:1100px;padding:130px var(--pad) 0;position:relative;overflow:clip;display:flex;flex-direction:column}.meta{display:flex;justify-content:space-between;font-size:10px}.hero h1{font-size:9.8vw;letter-spacing:-.075em;line-height:1; font-weight:500;margin-top:65px;position:relative;z-index:2}.art{position:absolute;left:52%;top:16%;width:47%;height:61%;pointer-events:none}.art canvas{width:100%;height:100%}.art small{position:absolute;right:15%;bottom:3%;font:9px/1.8 monospace}.hero-bottom{margin-top:auto;display:flex;gap:50px;align-items:center;margin-bottom:50px;z-index:2}.hero-bottom p{font-size:15px;line-height:1.8}.hero-bottom>small{margin-left:auto;line-height:1.8;font-size:9px}.solid{background:var(--brand);color:#FFFFFF;padding:16px 22px;font-size:12px;border-radius:2px}.solid:hover{background:#515A65}.discover{display:block;font-size:11px;margin-top:18px}.index{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #24272C30;z-index:2}.index a{padding:28px 12px;border-right:1px solid #24272C30;font-size:12px}.index a:hover{background:#DADDE0}.index small{margin-right:18px;opacity:.6}.story{position:relative;height:550svh}.anchor{position:absolute}.stage{position:sticky;top:0;height:100svh;min-height:720px;overflow:clip;background:#68717C;color:var(--paper)}.stage-top{position:absolute;top:120px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between}.orbit{position:absolute;left:-20vw;top:0;width:90vw;height:90vw;border:1px solid #D4AF3725;border-radius:50%}.ghost{position:absolute;right:-2vw;top:6%;font-size:35vw;opacity:.025}.copy{position:absolute;left:55%;top:31%;width:38%;opacity:0;pointer-events:none}.copy small{color:#FFFFFF;display:block;margin-bottom:25px;font-size:10px}.copy h2{font-size:5.4vw;line-height:1.05;letter-spacing:-.06em;font-weight:500}.copy p{font-size:14px;line-height:1.8;max-width:320px;margin:25px 0}.copy button{font-size:11px;border-bottom:1px solid;padding:0 0 13px}.copy:nth-child(2){left:5%;top:22%;width:90%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.copy:nth-child(2) small{grid-column:1/-1;margin:0}.copy:nth-child(2) h2{grid-row:2/4;font-size:4.7vw}.copy:nth-child(2) p{margin:0}.copy:nth-child(2) button{width:max-content}.copy:nth-child(n+3){left:5%;width:42%}.copy:nth-child(3) h2{font-size:5vw}.stage.light .copy small{color:#5F6873}.surface{position:absolute;overflow:clip;border:1px solid #ffffff40;box-shadow:0 25px 70px #0003;background:#f5f5ee}.visual{position:absolute;inset:0;opacity:0;pointer-events:none;color:var(--ink);overflow:clip}.photo{height:46%;position:relative}.photo:after,.web-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0007);pointer-events:none}.photo i{position:absolute;top:22px;left:22px;font:italic 28px Georgia;color:white;z-index:1}.photo i small{display:block;font:7px Arial;letter-spacing:2px;margin-top:4px}.photo h3{position:absolute;bottom:24px;left:22px;color:white;z-index:1;font-size:23px;font-weight:400;letter-spacing:-1px}.guide-body{padding:18px 22px}.guide-body>small{font-size:8px;color:#687460}.guide-body h3{font-size:18px;margin:15px 0}.tabs{display:flex;gap:6px;margin-bottom:18px}.tabs button{font-size:10px;padding:9px 14px;background:#e0e6d7;border-radius:20px}.tabs button[aria-selected=true]{background:#29402c;color:white}#guide-detail strong{font-size:12px}#guide-detail p{font-size:10px;line-height:1.8;margin-top:6px}.guide-foot{border-top:1px solid #ccd2c5;font-size:8px;padding-top:12px;margin-top:20px}.web-top{height:13%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.web-top b{font-size:16px}.web-top small{font-size:8px}.web-photo{height:76%;position:relative}.web-photo:after{background:linear-gradient(90deg,#19231c75,transparent)}.web-photo h3{position:absolute;top:17%;left:5%;color:white;font-size:4vw;letter-spacing:-.05em;font-weight:400;line-height:1.05;z-index:1}.round{position:absolute;bottom:20px;right:25px;width:45px;height:45px;border-radius:50%;background:var(--lime);font-size:25px;z-index:2}.web-foot{padding:12px 24px;font-size:8px}.web-foot span{float:right;font-size:7px}.shop{background:#e4ded3;display:flex;flex-direction:column}.shop-top{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #c4c0b3}.shop-top>b{font-size:29px;letter-spacing:-2px}.shop-top sup{font-size:9px}.shop-top small{font-size:8px}.shop-top button{font-size:10px}.product-art{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:clip;background:#e9e3d9}.product-art>span{position:absolute;top:0;font-size:10vw;letter-spacing:-.07em;opacity:.1}.lamp{height:110%;max-width:90%;color:#ae7e51;z-index:1;transition:color .5s}.product-info{padding:18px 25px}.product-info>div{display:flex;justify-content:space-between;align-items:center}.product-info h3{font-size:22px;font-weight:500}.product-info p{font-size:10px;margin:7px 0 15px}.product-info small{display:block;font-size:8px;margin-top:12px}.buy .solid{font-size:10px;padding:13px 16px}.swatches{display:flex;gap:8px}.swatches button{width:24px;height:24px;border:4px solid #e4ded3;border-radius:50%;background:var(--c)}.swatches button[aria-pressed=true]{outline:1px solid #253020}.automation{padding:26px 30px;background:#30343A;color:#FFFFFF;display:flex;flex-direction:column}.auto-top{display:flex;gap:20px;align-items:center}.auto-top b{font-size:30px;color:var(--lime)}.auto-top small{font-size:8px}.auto-top small:last-child{margin-left:auto;color:var(--lime)}.automation h3{font-size:30px;letter-spacing:-1.3px;font-weight:400;margin:26px 0}.inquiry{display:flex;align-items:center;gap:14px;background:var(--brand);color:#FFFFFF;border-radius:5px;padding:16px}.inquiry>b{padding:8px;border:1px solid;border-radius:50%;font-size:10px}.inquiry span{flex:1}.inquiry strong{font-size:12px}.inquiry small{display:block;font-size:9px;margin-top:5px}.steps{flex:1;display:flex;flex-direction:column;justify-content:center}.steps>div{display:flex;align-items:center;gap:15px;padding:15px 0;opacity:.8;transition:opacity .3s,transform .3s;transform:translateX(6px)}.steps>div.done{opacity:1;transform:none}.steps>div>span{border:1px solid #737A84;border-radius:50%;padding:9px;font-size:9px}.steps p{font-size:12px}.steps small{display:block;font-size:9px;color:#CFD3D8;margin-top:5px}.steps b{margin-left:auto;color:var(--lime);opacity:0}.steps .done b{opacity:1}.auto-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #ffffff20}.auto-bottom small{font-size:9px}.auto-bottom button{color:var(--lime);font-size:11px}.chapters{position:absolute;bottom:25px;left:5%;right:5%;display:flex;gap:25px}.chapters a{flex:1;padding-top:18px;border-top:1px solid #AEB2B870;font-size:10px;opacity:1}.chapters a.active{border-color:var(--lime);opacity:1}.light .chapters a.active{border-color:var(--ink)}.connection{background:var(--brand);color:#FFFFFF;padding:90px 5% 55px}.connection h2{font-size:7.5vw;font-weight:500;line-height:1.14;letter-spacing:-.065em;margin:55px 0 30px}.connection em{color:#FFFFFF}.connection>div{display:flex;justify-content:space-between;align-items:end}.connection>div>span{font-size:100px}.connection p{font-size:13px;line-height:1.8;max-width:290px;margin-right:7vw}.projects,.studio{padding:100px 5%}.projects{background:#F7F5F0}.section-title{display:flex;justify-content:space-between;align-items:end;margin:60px 0}.section-title h2,.studio h2{font-size:6vw;line-height:1.1;font-weight:500;letter-spacing:-.06em}.section-title p{font-size:13px;line-height:1.8;margin-right:9vw}.work>button{position:relative;width:100%;padding:0;display:block;text-align:left;overflow:hidden;background:#d8d0c1;height:520px}.large>button{height:600px}.work img{filter:brightness(.75);transition:transform 1s}.work>button:hover img{transform:scale(1.04)}.work button>span{position:absolute;top:35px;left:35px;font-size:7vw;line-height:1;letter-spacing:-.06em;color:white}.work small{font-size:9px;letter-spacing:.05em}.work button small{display:block;margin-top:20px;letter-spacing:.1em}.work button i{position:absolute;bottom:25px;right:25px;background:var(--paper);border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font:27px Arial;z-index:3}.work>div{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #24272C30}.work b{font-size:14px}.work>div>small:last-child{margin-left:auto}.pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:55px}.retreat{margin-top:75px}.retreat button>span{font-size:40px}.work button>em{position:absolute;bottom:30px;left:30px;color:white;font:italic 38px Georgia}.luum button>span{color:var(--ink);font-size:65px}.luum button>em{color:var(--ink);font:9px Arial;letter-spacing:.1em}.luum svg{height:90%;width:90%;color:#ae7e51}#lamp-copy{position:absolute;inset:10% 0 0;display:grid;place-items:center}.studio h2{margin:45px 0 70px}.studio-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.studio-bottom>p{font-size:21px;line-height:1.6;letter-spacing:-.03em}.studio article{padding:25px 0;border-top:1px solid #24272C30;display:grid;grid-template-columns:25px 1fr;gap:10px 20px}.studio article h3{font-size:24px;font-weight:500}.studio article p{grid-column:2;font-size:12px;line-height:1.8;max-width:300px;color:#5F6873}.contact{background:#24272C;color:var(--paper);padding:80px 5% 0}.contact h2{font-size:10.5vw;line-height:1.03;font-weight:500;letter-spacing:-.07em;margin:60px 0}.contact em{color:#FFFFFF}.contact>div{display:flex;justify-content:space-between;align-items:end;margin-bottom:100px}.contact p{font-size:13px;line-height:1.9;color:#D5D7DA}.contact>div>button{font-size:30px;border-bottom:1px solid #D4AF37;padding:0 0 20px}footer{border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:110px}footer small,footer>a:last-child{font-size:9px}dialog{border:0;border-radius:8px;background:#F7F5F0;padding:50px;width:min(590px,94vw);max-height:90svh;color:var(--ink)}dialog::backdrop{background:#24272Cb8;backdrop-filter:blur(8px)}#close{position:absolute;right:18px;top:14px;font-size:30px}dialog h2{font-size:42px;letter-spacing:-.06em;font-weight:500;margin:24px 0}dialog p{font-size:13px;line-height:1.8}dialog label{display:block;font-size:12px;margin:20px 0 8px}dialog input,dialog textarea,dialog select{width:100%;padding:12px;background:#EEEAE2;border:1px solid #C9C5BC;font-size:16px}dialog .solid{margin-top:22px}dialog small{display:block;font-size:10px;line-height:1.7;margin-top:18px}dialog pre{white-space:pre-wrap;font:13px/1.8 Arial;background:#EEEAE2;padding:20px}.cart-line{display:flex;justify-content:space-between;border-top:1px solid #C9C5BC;padding:20px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:15px 25px;z-index:50;font-size:12px;display:none}#toast.show{display:block}
@media(max-width:800px){header{height:70px}.logo{font-size:25px}header nav{display:none}header .outline{margin-left:auto;margin-right:15px;font-size:10px;padding:10px 15px}#menu{display:block;font-size:20px}.hero{padding-top:105px;min-height:800px}.meta span:last-child{display:none}.hero h1{font-size:14.5vw;margin-top:45px}.art{left:26%;width:85%;top:30%;height:40%}.hero-bottom{gap:20px;justify-content:space-between;margin-bottom:30px}.hero-bottom p{font-size:11px}.hero-bottom>small{display:none}.solid{font-size:11px;padding:14px 17px}.index{grid-template-columns:1fr 1fr}.index a{font-size:10px;padding:20px 5px;border-bottom:1px solid #24272C25}.index small{margin-right:7px}.stage-top{top:94px}.stage-top small{font-size:7px}.copy,.copy:nth-child(2),.copy:nth-child(n+3){left:6%;top:130px;width:88%;display:block}.copy small{font-size:8px;margin-bottom:13px!important}.copy h2,.copy:nth-child(2) h2,.copy:nth-child(3) h2{font-size:36px}.copy p{font-size:10px;max-width:53%;margin:15px 0}.copy button,.copy:nth-child(2) button{position:absolute;top:108px;right:0;width:39%;font-size:9px;text-align:left;line-height:1.6}.chapters{gap:12px;bottom:16px}.chapters a{font-size:8px;padding-top:14px}.photo i{top:15px;left:15px;font-size:24px}.photo h3{left:15px;bottom:17px;font-size:20px}.guide-body{padding:12px 15px}.guide-body h3{font-size:14px;margin:11px 0}.guide-body>small{font-size:7px}.tabs{margin-bottom:12px}.tabs button{font-size:9px;padding:8px 11px}#guide-detail strong{font-size:10px}#guide-detail p{font-size:8px}.guide-foot{font-size:7px;margin-top:12px}.web-top{padding:0 15px}.web-top>small{display:none}.web-photo h3{font-size:32px}.web-foot{font-size:6px;padding:10px}.web-foot span{font-size:5px}.shop-top{height:37px;padding:0 16px}.shop-top b{font-size:24px}.shop-top small{display:none}.product-info{padding:12px 16px}.product-info h3{font-size:20px}.product-info p{font-size:8px;margin:5px 0 10px}.product-info small{font-size:7px;margin-top:8px}.buy .solid{font-size:8px;padding:11px}.swatches{gap:4px}.swatches button{width:22px;height:22px}.product-art>span{font-size:100px}.automation{padding:14px}.auto-top{gap:12px}.auto-top b{font-size:24px}.auto-top small{font-size:6px}.automation h3{font-size:22px;margin:13px 0}.inquiry{padding:10px;gap:10px}.inquiry strong{font-size:10px}.inquiry small{font-size:7px}.steps>div{padding:10px 0;gap:9px}.steps p{font-size:10px}.steps small{font-size:7px}.steps>div>span{font-size:7px;padding:7px}.auto-bottom small{font-size:7px}.auto-bottom button{font-size:9px}.connection{padding:65px 6% 40px}.connection>small{font-size:7px}.connection h2{font-size:10.4vw;margin:40px 0}.connection>div>span{font-size:70px}.connection p{font-size:11px;max-width:56%;margin:0}.projects,.studio{padding:65px 6%}.section-title{margin:35px 0}.section-title h2,.studio h2{font-size:10vw}.section-title p{font-size:9px;max-width:40%;margin:0}.large>button{height:420px}.work button>span{top:25px;left:25px;font-size:13vw}.work button small{font-size:7px}.work button i{width:38px;height:38px;font-size:24px;bottom:18px;right:18px}.work>div{gap:10px}.work b{font-size:12px}.work>div small{font-size:7px}.pair{display:block;margin-top:35px}.retreat{margin:0 0 35px}.work>button{height:430px}.retreat button>span{font-size:39px}.luum button>span{font-size:60px}.studio h2{margin:30px 0}.studio-bottom{grid-template-columns:1fr;gap:35px}.studio-bottom>p{font-size:17px}.contact{padding:55px 6% 0}.contact h2{font-size:12.4vw;margin:45px 0}.contact>div{display:block;margin-bottom:55px}.contact>div>button{width:100%;text-align:left;margin-top:35px;font-size:25px}.contact p{font-size:11px}footer{flex-wrap:wrap;padding:25px 0;gap:20px}footer small{font-size:8px}dialog{padding:40px 25px}dialog h2{font-size:35px}}
@media(max-width:800px) and (max-height:780px){.guide-foot,.automation h3,.steps small{display:none}.product-info p{display:none}.inquiry{margin-top:12px}.steps>div{padding:6px 0}.auto-bottom{padding-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Brand pass: retain the portfolio products in their original visual identities. */
.guide,.web,.shop,.work{--paper:#e9ece4;--ink:#19231c;--lime:#c2ed52}.shop .solid{background:#19231c;color:#e9ece4}.shop .solid:hover{background:#40532e}.light .chapters a.active{border-color:#9B7C22}.connection>small{color:#FFFFFF}.contact .logo{color:#FFFFFF}
@media(min-width:801px) and (max-width:1000px){header nav{font-size:11px;gap:10px}header .logo{font-size:28px}header .outline{font-size:11px;padding:12px 16px}}