:root{--bg:#f7f6f2;--paper:#fff;--ink:#222522;--muted:#656963;--line:#dcded8;--accent:#987c4e;--dark:#242923}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.container{width:min(1160px,calc(100% - 72px));margin-inline:auto}.header{border-bottom:1px solid var(--line);background:var(--bg)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:90px}.wordmark{display:flex;align-items:center;gap:15px}.monogram{display:grid;place-items:center;width:44px;height:44px;background:var(--dark);color:#fff;font-weight:700;letter-spacing:-2px;font-size:17px}.monogram-dot,.period,.footer-dot{color:var(--accent)}.brand-name{font-size:18px;letter-spacing:-.7px}.brand-name strong{font-weight:750}.nav nav{display:flex;gap:36px;font-size:13px;font-weight:600}.nav nav a:hover,.footer-links a:hover,.text-link:hover{color:var(--accent)}.hero{min-height:560px;display:grid;grid-template-columns:1.7fr .65fr;gap:90px;align-items:center;padding-top:85px;padding-bottom:105px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--accent);margin:0 0 24px}.line{display:inline-block;width:20px;border-top:1px solid var(--accent);vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(48px,6.2vw,86px);letter-spacing:-5px;line-height:1.09;font-weight:650;margin:0 0 27px}.hero h1 span{color:#858982}.intro{max-width:600px;font-size:18px;color:#5d635d;line-height:1.85;margin:0}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--dark);color:#fff;padding:16px 22px;font-size:13px;font-weight:650}.button:hover{background:#444d42}.text-link{font-size:13px;font-weight:650;border-bottom:1px solid var(--accent);padding-bottom:5px}.hero-aside{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;padding-left:32px}.aside-line{height:1px;background:var(--accent);width:80px;margin-bottom:25px}.hero-aside p{font-size:10px;letter-spacing:1.8px;color:var(--accent);font-weight:750}.hero-aside>span{font-size:15px;color:var(--muted);line-height:1.7}.aside-number{font-size:145px;letter-spacing:-19px;line-height:1.4;color:#e4e3dc;font-weight:750;white-space:nowrap}.aside-number span{color:#c4c1b6}.projects-section{background:#eeefeb;padding:95px 0 100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head h2,.studio-section h2,.contact-section h2{font-size:clamp(34px,4vw,53px);letter-spacing:-2px;line-height:1.18;margin:0;font-weight:650}.section-head>p{max-width:340px;font-size:14px;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project{background:#fbfbf9;border:1px solid #dfe1dc;min-height:285px;display:flex;flex-direction:column;padding:25px;transition:transform .2s,border-color .2s}.project:hover{transform:translateY(-3px);border-color:#a9ab9f}.project-top,.project-bottom{display:flex;justify-content:space-between;align-items:center}.index{font-size:11px;letter-spacing:1.5px;color:#989d95;font-weight:700}.status{font-size:10px;letter-spacing:.3px;color:#747970;background:#edf0e9;padding:6px 9px}.project-main{margin:auto 0;padding:23px 0}.category{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 7px}.project h3{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:0 0 12px;font-weight:650}.description{font-size:13px;color:var(--muted);line-height:1.65;margin:0;max-width:280px}.project-bottom{border-top:1px solid var(--line);padding-top:16px;color:#7b8078;font-size:12px}.project-bottom span:last-child{font-size:20px;color:var(--accent)}.project-note{color:#858a82;font-size:12px;margin-top:24px}.studio-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:120px;padding-bottom:120px}.studio-copy{padding-top:36px}.studio-copy p{font-size:16px;color:var(--muted);line-height:1.9;margin:0 0 22px}.contact-section{background:#dfe3dc;padding:85px 0}.contact-inner{display:flex;justify-content:space-between;gap:60px;align-items:center}.contact-inner p:not(.eyebrow){max-width:520px;color:#60665f}.contact-placeholder{border-left:2px solid var(--accent);padding-left:22px;font-size:16px;font-weight:650}.contact-placeholder small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:5px}.footer{background:var(--dark);color:#e8eae5;padding:55px 0 25px}.footer-upper{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4c514b;padding-bottom:42px}.footer-brand{font-size:23px;font-weight:650;letter-spacing:-1px}.footer-upper p{font-size:13px;color:#b6bcb3}.footer-lower{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:25px;color:#aeb4aa;font-size:11px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.legal{width:min(850px,calc(100% - 72px));margin:90px auto 130px;min-height:48vh}.legal h1{font-size:clamp(36px,5vw,62px);letter-spacing:-2px;line-height:1.1;margin:0 0 32px}.legal h2{font-size:24px;margin-top:40px}.legal p,.legal li{color:var(--muted);line-height:1.9}.legal a{text-decoration:underline}.legal strong{color:var(--ink)}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;gap:10px;padding-top:90px;padding-bottom:85px}.hero-aside{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-section{gap:35px}}@media(max-width:620px){.container{width:min(100% - 36px,1160px)}.nav{min-height:78px;align-items:flex-start;padding:18px 0;gap:12px;flex-direction:column}.nav nav{gap:22px}.hero{padding-top:70px;padding-bottom:70px}.hero h1{letter-spacing:-2.8px;font-size:clamp(41px,10vw,64px)}.intro{font-size:16px}.hero-actions{flex-wrap:wrap;gap:22px}.projects-section{padding:70px 0}.section-head{display:block}.section-head>p{margin-top:20px}.project-grid{grid-template-columns:1fr}.project{min-height:255px}.studio-section{display:block;padding-top:80px;padding-bottom:80px}.studio-copy{padding-top:25px}.contact-inner,.footer-upper,.footer-lower{display:block}.contact-placeholder{margin-top:35px}.footer-links{margin-top:18px}.footer-upper p{margin-top:8px}.legal{width:calc(100% - 36px);margin:70px auto}}

/* Refined, softer studio interface */
.brand-logo{width:48px;height:48px;display:block;flex-shrink:0;border-radius:13px}
.button{border-radius:999px;padding-inline:26px;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.project{border-radius:20px;overflow:hidden}
.status{border-radius:999px;padding:6px 12px}
.nav nav a{border-radius:999px}
@media(max-width:620px){.brand-logo{width:42px;height:42px}}

/* Approved QueDe Studios logo */
.header{background:#0d0d0f;border-bottom:1px solid #3d352d}
.header .nav{min-height:106px}
.header .wordmark{display:flex;align-items:center}
.header .brand-logo{width:min(370px,42vw);height:auto;border-radius:0;object-fit:contain;display:block}
.header nav a{color:#f1e8d9}
.header nav a:hover{color:#d9ad70}
@media(max-width:620px){.header .nav{min-height:0}.header .brand-logo{width:min(340px,85vw)}.header nav a{font-size:12px}}

/* Approved project artwork and personal studio copy */
.project-image{height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:15px;background:#eceeea;margin-top:18px}
.project-image img{width:100%;height:100%;object-fit:contain;display:block}
.project:nth-child(4) .project-image img,.project:nth-child(5) .project-image img,.project:nth-child(3) .project-image img{object-fit:cover}
.project-main{margin:0;padding:22px 0 0}
.project{border-radius:20px;overflow:hidden;min-height:0}
.project .description{line-height:1.65}
.hero .intro{margin-bottom:12px}
.studio-tagline{font-weight:700;color:#a17e4d;margin:20px 0 0}

/* Show the entire Pebblit without artificial overlays or darkening. */
.project:nth-child(3) .project-image img{object-fit:contain;filter:none}
.project:nth-child(3) .project-image{background:#f6f6f1}