/* Theme Name: Stillwell Studio
Version: 1.0.0
Description: Original portfolio practice theme. Fictional business.
License: GPL-2.0-or-later */
:root{--paper:#f5f1e8;--ink:#392d2c;--wine:#592e39;--muted:#746660;--line:#d9cfc3;--accent:#dfb968}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}p{margin:0 0 18px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;margin:0 0 24px;letter-spacing:-2px}h1{font-size:clamp(54px,6.6vw,100px)}h2{font-size:clamp(36px,4.2vw,62px)}h3{font-size:28px;letter-spacing:-.7px}em{font-weight:400;color:var(--wine)}img{display:block;width:100%;height:auto}figure{margin:0}.demo-ribbon{font-size:9px;letter-spacing:1.5px;text-align:center;padding:7px;background:var(--wine);color:#f5e9de}.header{display:flex;justify-content:space-between;align-items:center;padding:30px 6%;border-bottom:1px solid var(--line)}.logo{text-decoration:none;font:40px/.95 Georgia,serif;letter-spacing:-2px}.logo span{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:2.7px;margin-top:9px}.header nav{display:flex;align-items:center;gap:35px;font-size:12px}.header nav a{text-decoration:none}.nav-cta{border-bottom:1px solid var(--wine);padding:10px 0}.mobile-nav{display:none}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:10}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:750px}.hero-copy{padding:85px 9% 40px 12%}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:bold;line-height:1.6;margin-bottom:27px}.lead{max-width:400px;font-size:15px;color:var(--muted);line-height:1.9}.hero-art{position:relative;padding:30px 30px 0 0;background:#e6dacc}.hero-art figure{height:100%}.hero-art img{height:100%;object-fit:cover}.caption{position:absolute;bottom:18px;left:25px;color:#fff4e2;font-size:9px;letter-spacing:1.5px;margin:0;background:#392d2caa;padding:10px}.wp-block-buttons{margin:30px 0}.wp-block-button__link,.submit{display:inline-flex;align-items:center;gap:35px;background:var(--wine);color:white;border:1px solid var(--wine);border-radius:0;padding:18px 24px;text-decoration:none;font:12px Arial,sans-serif;cursor:pointer}.wp-block-button__link:hover,.submit:hover{background:#74434d}.outline .wp-block-button__link{background:transparent;color:var(--ink);border-color:#9d8a80}.hero-meta{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:40px}.intro{text-align:center;padding:110px 20px}.intro-text{max-width:575px;margin:auto;color:var(--muted)}.services-section{padding:70px 6% 90px;background:#eae4d8;display:grid;grid-template-columns:1fr 2fr;gap:60px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service{border-top:1px solid #b9aa9a;padding-top:22px}.number{font-family:Georgia,serif;font-style:italic;color:#846d61;font-size:19px;margin-bottom:37px}.detail{font-size:12px;color:var(--muted)}.service h3{margin-bottom:20px}.service p:not(.number){font-size:13px}.palette-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:100px 9%}.palette-image img{max-height:600px;object-fit:cover}.swatches{display:flex;gap:13px;margin-top:30px}.swatch{width:42px;height:42px;border-radius:50%;border:4px solid var(--paper);outline:1px solid transparent;cursor:pointer}.swatch.active{outline:1px solid var(--ink)}.terracotta{background:#b5826d}.sage{background:#879480}.cream{background:#d8cbb5}#color-name{font-size:11px;margin-top:17px;color:var(--muted)}.process-section{background:var(--wine);color:var(--paper);padding:80px 9%}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.process-card{border-top:1px solid #a07c80;padding-top:22px}.process-card .number{color:#d6b994}.process-card p{font-size:13px;color:#e2cfd0}.cta{text-align:center;padding:110px 20px;background:#e7ddca}.cta h2{max-width:700px;margin:0 auto}.footer{padding:60px 6%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;font-size:11px}.footer p{margin-top:25px;color:var(--muted)}.footer div:nth-child(2) a{display:block;text-decoration:none;margin:10px 0}.footer div:nth-child(3) a{font-size:10px}.page-intro{padding:85px 9% 50px}.page-intro .lead{max-width:600px}.service-page{padding:30px 9% 80px}.text-section{padding:65px 9%;max-width:1000px}.text-section>p{max-width:700px}.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:20px 6% 90px}.study img{aspect-ratio:4/5;object-fit:cover;margin-bottom:25px}.study p{font-size:12px}.study .eyebrow{font-size:9px;margin:20px 0}.process-list{padding:20px 9% 50px}.process-row{display:grid;grid-template-columns:60px 1fr 1.2fr;gap:40px;border-top:1px solid var(--line);padding:35px 0}.process-row h2{font-size:35px}.process-row .number{margin:0}.process-row p:last-child{font-size:14px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:15px}.faq p{padding-top:20px;font-size:13px}.contact-layout{padding:75px 7%;display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.inquiry{background:#eae4d8;padding:35px}.inquiry fieldset{border:0;padding:0;margin:30px 0}.inquiry legend{font-size:10px;letter-spacing:1.5px;font-weight:bold;margin-bottom:20px}.inquiry label{display:block;font-size:11px;margin-bottom:20px}.inquiry input,.inquiry select,.inquiry textarea{width:100%;border:1px solid #baaea0;border-radius:0;background:var(--paper);padding:12px;margin-top:8px;color:var(--ink);font:14px Arial,sans-serif}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-note{font-size:11px;color:var(--muted)}#form-result:not(:empty){padding:20px;background:var(--paper);border-left:3px solid var(--wine);margin-top:20px;font-size:13px}.studio{max-width:1050px;margin:auto;padding:70px 6%}.studio h1{font-size:65px}.studio-card{border:1px solid var(--line);padding:30px;margin:25px 0}.studio a{display:inline-block;margin-right:20px}.studio table{border-collapse:collapse;width:100%;font-size:12px}.studio td,.studio th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}:focus-visible{outline:3px solid #ad7c34;outline-offset:4px} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:1000px){.header nav{gap:18px}.hero-copy{padding-top:65px}.services-section{grid-template-columns:1fr}.contact-layout{gap:35px}.hero{min-height:650px}}@media(max-width:700px){.header{padding:24px 6%}.header nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;font-size:12px}.mobile-nav div{position:absolute;background:var(--paper);right:0;top:120px;padding:25px;z-index:5;box-shadow:0 15px 20px #392d2c22}.mobile-nav a{display:block;padding:10px;text-decoration:none}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 7% 35px}.hero-art{height:490px;padding:0 20px 20px}.caption{bottom:35px}.intro{padding:70px 7%}.services-section{padding:55px 7%;gap:25px}.services-grid,.process-grid,.study-grid{grid-template-columns:1fr}.service{padding-bottom:20px}.number{margin-bottom:20px}.palette-section{grid-template-columns:1fr;padding:65px 7%;gap:30px}.palette-image img{max-height:500px}.process-section{padding:60px 7%}.process-grid{gap:25px}.cta{padding:70px 7%}.footer{grid-template-columns:1fr 1fr;gap:25px}.footer div:last-child{grid-column:1/-1}.page-intro{padding:50px 7%}.study-grid{padding:20px 7% 60px}.process-row{grid-template-columns:35px 1fr;gap:18px}.process-row p:last-child{grid-column:2}.contact-layout{grid-template-columns:1fr;padding:50px 7%;gap:20px}.inquiry{padding:22px}.form-grid{grid-template-columns:1fr}.studio h1{font-size:46px}}