*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5f0;color:#1c211f;font-family:"DM Sans",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,245,240,.92);backdrop-filter:blur(12px);border-bottom:1px solid #dedbd3}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:1.35rem;letter-spacing:.08em}.brand span,.footer span{color:#65735e}.nav-links{display:flex;gap:30px;font-size:.88rem;font-weight:600}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:#1c211f;transition:.25s}.nav-links a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:0;font-size:1.5rem}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding-top:50px;padding-bottom:70px}.eyebrow,.section-number,.work-type,.date{font-size:.72rem;letter-spacing:.18em;font-weight:700}.eyebrow{margin:0 0 22px;color:#65735e}.hero h1{font-family:"Playfair Display",serif;font-size:clamp(4rem,9vw,7.8rem);line-height:.9;font-weight:500;letter-spacing:-.06em;margin:0}.hero h1 em,.section-heading h2 em,.contact-inner h2 em{font-weight:500}.hero-role{font-size:1.05rem;font-weight:600;margin:30px 0 8px}.hero-text{max-width:510px;color:#656863;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-block;padding:13px 20px;border:1px solid #1c211f;font-size:.82rem;font-weight:700}.primary{background:#1c211f;color:#fff}.text-link{font-size:.83rem;font-weight:700}.hero-art{height:510px;position:relative;overflow:hidden}.circle{position:absolute;width:390px;height:390px;border:1px solid #aab0a5;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.circle:before,.circle:after{content:"";position:absolute;border:1px solid #c9cdc4;border-radius:50%;inset:35px}.circle:after{inset:100px}.line{position:absolute;height:1px;background:#b7bcb2;width:140%;left:-20%;top:50%;transform:rotate(35deg)}.line-two{transform:rotate(-35deg)}.note{position:absolute;font-family:"Playfair Display",serif;font-size:9rem;left:50%;top:50%;transform:translate(-50%,-58%);color:#65735e}.small-caption{position:absolute;right:8px;bottom:20px;font-size:.6rem;letter-spacing:.17em;line-height:1.6}.intro-strip{border-top:1px solid #dedbd3;border-bottom:1px solid #dedbd3}.intro-grid{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:40px;padding:48px 0}.intro-grid p{margin:0}.intro-quote{font-family:"Playfair Display",serif;font-size:1.6rem;line-height:1.35}.intro-description{color:#696d68;font-size:.9rem}.section{padding:125px 0}.section-heading{margin-bottom:55px}.section-heading h2{font-family:"Playfair Display",serif;font-weight:500;font-size:clamp(3rem,6vw,5rem);line-height:1;letter-spacing:-.04em;margin:14px 0 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.lead{font-family:"Playfair Display",serif;font-size:1.55rem;line-height:1.4;margin-top:0}.about-grid p:not(.lead){color:#666b65}.about-facts{border-top:1px solid #cfd0ca}.about-facts div{display:grid;grid-template-columns:45px 1fr 1fr;gap:10px;padding:17px 0;border-bottom:1px solid #cfd0ca}.about-facts span{font-size:.72rem;color:#798078}.about-facts strong{font-size:.9rem}.about-facts small{color:#7a7d78}.section-dark{background:#1c211f;color:#f4f2eb}.light .section-number,.section-dark .work-type{color:#aeb9a6}.featured-work{display:grid;grid-template-columns:70px 1fr 170px;gap:30px;padding:55px 0;border-top:1px solid #4b514c;border-bottom:1px solid #4b514c}.work-number{font-family:"Playfair Display",serif;font-size:2rem;color:#aeb9a6}.work-content h3,.angklung-card h3,.note-card h3{font-family:"Playfair Display",serif;font-weight:500}.work-content h3{font-size:clamp(2.3rem,5vw,4rem);margin:8px 0 20px;line-height:1}.work-content>p:not(.work-type){max-width:600px;color:#c4c8c2}.work-links{display:flex;gap:25px;margin-top:28px}.work-links a{font-size:.78rem;font-weight:700;border-bottom:1px solid #7b8279;padding-bottom:5px}.work-links span{margin-left:8px}.work-symbol{font-family:"Playfair Display",serif;font-size:9rem;text-align:center;color:#65735e}.coming-soon{display:flex;justify-content:space-between;padding-top:25px;color:#a9aea8;font-size:.8rem}.coming-soon p{margin:0}.angklung-card{display:grid;grid-template-columns:150px 1fr;gap:60px;background:#e7e5de;padding:65px}.angklung-mark{width:110px;height:110px;border:1px solid #65735e;border-radius:50%;display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:4rem;color:#65735e}.angklung-card h3{font-size:3.4rem;line-height:1;margin:8px 0 18px}.angklung-card p:not(.work-type){max-width:650px;color:#646963;margin-bottom:24px}.notes-section{padding-top:40px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.note-card{border-top:1px solid #bfc2ba;padding-top:22px}.note-card .date{color:#7a8178}.note-card h3{font-size:1.45rem;line-height:1.25;margin:16px 0}.note-card p:not(.date){font-size:.88rem;color:#6b706b}.note-card a{font-size:.8rem;font-weight:700}.contact-section{background:#65735e;color:#f7f5f0;padding:100px 0}.contact-inner h2{font-family:"Playfair Display",serif;font-weight:500;font-size:clamp(3.5rem,8vw,6.5rem);line-height:.95;margin:15px 0}.contact-inner>p:not(.section-number){max-width:430px;color:#e0e3dc}.light-button{border-color:#f7f5f0;margin-top:18px}.footer{display:flex;justify-content:space-between;align-items:center;padding:35px 0;font-size:.75rem}.footer strong{display:block;letter-spacing:.08em}.footer small{color:#777c76}.footer p{color:#777c76}.menu-toggle{color:#1c211f}@media(max-width:800px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#f7f5f0;border-bottom:1px solid #dedbd3;padding:20px;flex-direction:column;gap:15px}.nav-links.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}.hero-art{height:320px;order:-1}.circle{width:270px;height:270px}.note{font-size:6rem}.intro-grid,.about-grid{grid-template-columns:1fr;gap:25px}.section{padding:85px 0}.featured-work{grid-template-columns:45px 1fr}.work-symbol{display:none}.angklung-card{grid-template-columns:1fr;gap:30px;padding:35px}.notes-grid{grid-template-columns:1fr;gap:45px}.footer{flex-direction:column;align-items:flex-start;gap:20px}.small-caption{display:none}}@media(max-width:480px){.container{width:min(100% - 28px,1120px)}.hero h1{font-size:4.1rem}.hero-actions{flex-direction:column;align-items:flex-start}.section-heading{margin-bottom:40px}.section-heading h2{font-size:3rem}.featured-work{padding:35px 0}.angklung-card h3{font-size:2.7rem}}