:root{--ink:#171817;--paper:#f4f1eb;--orange:#e85d2a;--line:#d9d3ca;--dark:#191b1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif}.topline{height:5px;background:var(--orange)}.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:900;font-size:18px;position:relative}.brand-mark{width:35px;height:35px;background:var(--orange);color:white;display:grid;place-items:center;font-size:22px}.brand small{position:absolute;left:45px;top:28px;font:9px 'DM Sans';letter-spacing:2px;color:#777}.nav{display:flex;gap:38px;margin-left:auto;margin-right:45px}.nav a,.header-cta{color:inherit;text-decoration:none;font-size:13px}.nav a:hover,.text-link:hover{color:var(--orange)}.header-cta{border:1px solid var(--ink);padding:12px 18px}.header-cta span{font-size:18px;margin-left:12px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{min-height:calc(100vh - 87px);padding:10vh 9vw 7vh;display:flex;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{font:11px 'DM Sans';letter-spacing:2px;color:#73736e;display:flex;gap:10px;align-items:center}.eyebrow i{display:inline-block;width:25px;height:1px;background:var(--orange)}h1,h2{font-size:clamp(60px,8vw,126px);line-height:.99;letter-spacing:-.06em;margin:35px 0;font-weight:900}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-desc{line-height:2;color:#60615c;font-size:15px}.circle-link{margin-top:50px;width:118px;height:118px;border-radius:50%;border:1px solid #bdb8b0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:var(--ink);font-size:12px;gap:13px;transition:.3s}.circle-link:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.circle-link b{font-size:23px;font-weight:400}.hero-art{position:absolute;right:4vw;top:7vh;width:47vw;height:78vh;background:#d8d1c5;overflow:hidden}.sun{position:absolute;width:34vw;height:34vw;border-radius:50%;background:var(--orange);right:8%;top:10%;mix-blend-mode:multiply}.art-word{font-size:clamp(120px,22vw,340px);font-weight:900;line-height:.78;letter-spacing:-.15em;position:absolute;right:7%;top:14%;color:#efeae2;writing-mode:vertical-rl}.art-caption{position:absolute;bottom:9%;left:8%;font:11px 'DM Sans';letter-spacing:4px;line-height:1.8}.stamp{position:absolute;right:8%;bottom:8%;border:1px solid #888;padding:10px;text-align:center;font:10px 'DM Sans';letter-spacing:2px}.hero-bottom{position:absolute;bottom:30px;left:9vw;right:9vw;display:flex;align-items:center;gap:15px;font:10px 'DM Sans';color:#777}.hero-bottom .line{height:1px;background:var(--line);flex:1}.hero-bottom strong{font-weight:400;color:var(--ink)}.hero-bottom small{color:#999}.section{padding:130px 9vw}.section-label{font:11px 'DM Sans';letter-spacing:2px;color:#888;margin-bottom:60px}.about-main,.service-head,.works-head{display:flex;justify-content:space-between;gap:40px}.about h2,.works h2{font-size:clamp(45px,6vw,88px);margin:0}.about h2 span{color:#aaa59c}.about-text{max-width:380px;line-height:2;color:#64645f;font-size:14px}.text-link{color:var(--ink);text-decoration:none;font-size:13px;display:inline-flex;gap:35px;border-bottom:1px solid var(--ink);padding-bottom:7px;margin-top:20px}.text-link span{font-size:20px}.numbers{display:grid;grid-template-columns:repeat(4,1fr);margin-top:110px;border-top:1px solid var(--line);padding-top:28px}.numbers b{font:700 clamp(40px,5vw,70px) 'DM Sans';letter-spacing:-.08em}.numbers b span{font-size:20px;color:var(--orange);letter-spacing:0}.numbers small{display:block;color:#888;margin-top:8px}.dark{background:var(--dark);color:#f4f1eb}.dark .section-label{color:#9e9e98}.service-head h2{font-size:clamp(50px,7vw,100px);margin:0}.service-head p{max-width:300px;color:#aaa;line-height:2}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid #454743}.service-grid article{padding:28px 22px 20px 0;border-right:1px solid #454743;min-height:220px;position:relative}.service-grid article+article{padding-left:22px}.service-grid span{font:11px 'DM Sans';color:var(--orange)}.service-grid h3{font-size:25px;margin:55px 0 14px}.service-grid p{font-size:12px;color:#999;line-height:1.8}.service-grid b{position:absolute;bottom:18px;right:20px;font-size:23px;font-weight:400}.works-head h2{margin:0}.work-grid{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:25px;margin-top:65px}.work-visual{height:355px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.w1 .work-visual{background:#98a884}.w2 .work-visual{background:#d38b5c}.w3 .work-visual{background:#d8c8a5}.work-visual strong{font-size:60px;line-height:1.05;color:#f3eee5;text-align:center;letter-spacing:-.08em}.w2 .work-visual strong{color:#3b2820}.work-visual i{font-style:normal;font-size:.75em}.vertical{position:absolute;left:16px;bottom:18px;writing-mode:vertical-rl;font:10px 'DM Sans';letter-spacing:3px;color:#ffffffaa}.circle-shape{position:absolute;border:1px solid #4e3022;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;font:70px 'DM Sans';color:#4e3022}.work-info{display:flex;justify-content:space-between;padding-top:16px}.work-info small{font:10px 'DM Sans';color:#999}.work-info h3{font-size:15px;font-weight:500;margin:8px 0}.work-info>span{font-size:22px}.contact{background:var(--orange);color:white;padding-top:125px;padding-bottom:100px}.contact .eyebrow{color:#ffd3c2}.contact h2{font-size:clamp(57px,8vw,120px);margin:35px 0 55px}.contact h2 em{color:#281d18}.contact-email{font:clamp(18px,2.5vw,30px) 'DM Sans';color:#fff;text-decoration:none;border-bottom:1px solid #ffffff88;padding-bottom:10px}.contact-email span{margin-left:40px}.contact-meta{display:flex;gap:45px;margin-top:80px;font-size:12px;color:#ffd7c9}footer{background:#202220;color:#aaa;padding:25px 9vw;display:flex;justify-content:space-between;font:11px 'DM Sans'}
@media(max-width:800px){.site-header{padding:0 6vw}.nav,.header-cta{display:none}.menu-toggle{display:block}.hero{min-height:760px;padding:10vh 7vw}.hero-art{width:75vw;height:52vh;top:28vh;right:0;opacity:.9}.hero-copy{z-index:2}.hero h1{font-size:67px}.hero-desc{font-size:13px}.hero-bottom{left:7vw;right:7vw}.section{padding:90px 7vw}.about-main,.service-head,.works-head{display:block}.about-text{margin-top:40px}.numbers{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:70px}.service-grid{grid-template-columns:repeat(2,1fr);margin-top:55px}.service-grid article:nth-child(3){border-top:1px solid #454743}.service-grid article:nth-child(4){border-top:1px solid #454743}.work-grid{grid-template-columns:1fr;margin-top:45px}.work-visual{height:300px}.contact-meta{display:block;margin-top:55px}.contact-meta span{display:block;margin:12px 0}footer{display:block;line-height:2}}

.product{background:#ebe6dd}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.product-image{background:#d8d1c5;min-height:540px;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.product-copy h2{font-size:clamp(50px,6vw,88px);margin:28px 0}.product-lead{font-size:17px;line-height:2;color:#5d5d57;max-width:500px}.ingredient-list{border-top:1px solid #c8c1b7;margin-top:35px}.ingredient-list div{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid #c8c1b7;font-size:13px}.ingredient-list b{width:120px}.ingredient-list span{color:#777}.product-note{font-size:13px;line-height:1.9;color:#64645f;margin-top:28px}.product-note small{display:block;color:#999;font-size:10px;margin-top:8px}@media(max-width:800px){.product-layout{grid-template-columns:1fr;gap:45px}.product-image{min-height:360px}.product-copy h2{font-size:56px}.product-lead{font-size:15px}.ingredient-list div{display:block}.ingredient-list b{display:block;margin-bottom:5px}}