/*
Theme Name: Forma Smile Studio
Author: Growyoo
Description: Fictional dental portfolio example with interactive consultation and visit-planning tools.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: forma-smile-studio
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}button,input,select{font:inherit}a{color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{max-width:100%;display:block}.wrap{width:calc(100% - 64px);max-width:1280px;margin:auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:22px}.demo{background:var(--ink);color:var(--paper);text-align:center;font-size:11px;padding:8px 18px}.demo a{margin-left:15px}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--ink);color:var(--paper);z-index:100}.skip:focus{top:15px}.nav{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.nav>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.logo{text-decoration:none;font-size:27px;font-weight:700;letter-spacing:-.05em;line-height:1}.logo small{display:block;margin-top:7px;font:9px Arial;letter-spacing:.13em;text-transform:uppercase}.navlinks{display:flex;gap:25px;align-items:center}.navlinks a{text-decoration:none;font-size:12px;font-weight:700}.navlinks a:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 15px;min-height:48px}.btn,.primary{display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:16px 23px;font-size:13px;font-weight:700;min-height:50px}.btn:hover,.primary:hover{filter:brightness(.9)}.secondary{background:transparent;color:var(--ink)}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.textlink{font-size:13px;text-underline-offset:5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.4rem,6.5vw,6.2rem);line-height:1.02;letter-spacing:-.055em;margin-bottom:28px}h2{font-size:clamp(2.4rem,4.1vw,4.1rem);line-height:1.08;letter-spacing:-.05em;margin-bottom:27px}h3{font-size:23px;line-height:1.2;letter-spacing:-.025em;margin-bottom:16px}p{margin-bottom:20px}.lead{font-size:18px;max-width:520px;line-height:1.6}.note{font-size:12px;color:var(--muted);line-height:1.6}.section{padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);padding:36px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips button{background:transparent;border:1px solid var(--line);color:var(--ink);padding:12px 18px;min-height:48px;font-size:13px}.chips button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}label{display:block;font-size:13px;font-weight:bold;margin:24px 0 10px}select{width:100%;display:block;margin-top:9px;min-height:50px;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}input[type=range]{width:100%;display:block;margin-top:15px;accent-color:var(--ink);min-height:30px}.result{background:var(--accent);padding:24px;margin-top:25px;color:var(--ink)}.result p:last-child{margin-bottom:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid3 article{padding:28px;border-top:1px solid var(--line)}.grid3 article p{font-size:14px;color:var(--muted)}details{border-top:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:700;font-size:15px;min-height:30px}details p{font-size:14px;margin-top:17px;max-width:750px;color:var(--muted)}.faq h2{margin-bottom:36px}.footer{border-top:1px solid var(--line);padding:45px 0 90px}.footer .wrap{display:flex;justify-content:space-between;gap:30px}.footer p{font-size:12px;color:var(--muted);max-width:440px}.mobile-cta{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:950px){.navlinks{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--paper);padding:20px 32px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0001}.navlinks.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.navlinks a{padding:14px;font-size:16px}.menu-toggle{display:block}.nav>.wrap>.btn{display:none}.split{grid-template-columns:1fr;gap:35px}.section{padding:65px 0}.grid3{grid-template-columns:1fr}.grid3 article{padding-left:0}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-between;align-items:center;gap:10px;background:var(--paper);border-top:1px solid var(--line);padding:10px 18px}.mobile-cta .note{font-size:11px;max-width:120px}.mobile-cta .btn{padding:12px 16px}.footer{padding-bottom:115px}.footer .wrap{flex-direction:column}}@media(max-width:480px){.wrap{width:calc(100% - 36px)}.nav>.wrap{min-height:74px}.logo{font-size:25px}.panel{padding:24px}.lead{font-size:17px}.section{padding:55px 0}h2{font-size:2.6rem}.demo{font-size:10px}h1{font-size:3.5rem}.eyebrow{font-size:10px}.chips button{padding:11px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
 :root{--paper:#211C1A;--surface:#2C2421;--ink:#F3E9DB;--muted:#BCB0A5;--accent:#3B2C26;--line:#F3E9DB33;--focus:#EBAE88}.logo{font-family:Georgia,serif;letter-spacing:.03em;font-weight:400}.logo small{letter-spacing:.16em}.btn,.primary{background:#EAB18B;color:#211C1A;border-color:#EAB18B}.forma-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:50px;padding-top:65px;padding-bottom:65px;align-items:center}.forma-heading h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.6rem,6.4vw,6.4rem);letter-spacing:-.06em}.forma-heading h1 i,h2 i{font-weight:400;color:#EAB18B}.forma-photo{height:620px;position:relative;overflow:hidden;border-radius:48% 48% 0 0}.forma-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.4) sepia(.12)}.photo-corner{position:absolute;bottom:28px;right:28px;text-align:right;font-size:10px;letter-spacing:.16em;color:white;text-shadow:0 1px 6px #000}.forma-seal{position:absolute;bottom:25px;left:30px;color:#211C1A;background:#EAB18B;border-radius:50%;height:85px;width:85px;display:grid;place-items:center;font:70px Georgia}.editorial-caption{display:flex;gap:30px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:38px}.editorial-caption span{font-size:8px;letter-spacing:.12em;max-width:130px}.editorial-caption b{font:20px/1.2 Georgia;font-weight:400}.forma-strip{display:flex;justify-content:space-evenly;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;font:20px Georgia}.forma-philosophy{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.forma-philosophy>.eyebrow{grid-column:1/-1;margin-bottom:0}.forma-philosophy h2,h2{font-family:Georgia,serif;font-weight:400}.mood-zone{background:#E9DFD0;color:#211C1A;--ink:#211C1A;--muted:#6C6159;--paper:#E9DFD0;--surface:#F3EBDF;--line:#211C1A33}.mood-zone h2 i{color:#985332}.mood-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:40px}.mood-heading h2{margin-bottom:0}.mood-heading>.lead{max-width:390px;font-size:16px;margin-bottom:0}.mood-layout{display:grid;grid-template-columns:340px 1fr;gap:65px}.mood-controls label{margin-top:0}.mood-controls label:not(:first-child){margin-top:28px}.mood-controls label span{display:block;font:24px Georgia;margin-top:10px;font-weight:400}.range-labels{display:flex;justify-content:space-between;font-size:10px;margin-bottom:25px}.mood-controls .primary{background:#211C1A;color:#F3E9DB;border-color:#211C1A}.mood-art{background:#29211F;color:#F3E9DB;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.mood-art-top{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.15em}.mood-art svg{width:100%;margin:20px 0}.mood-art-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px;border-top:1px solid #F3E9DB33;padding-top:20px}.mood-art-bottom h3{font:31px/1.1 Georgia;margin:0;max-width:240px}.mood-art-bottom p{font-size:12px;max-width:180px;color:#BCB0A5;margin:0}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0 32px}.compare-card{border:1px solid var(--line);padding:32px;background:#2C2421}.compare-card h3{font:36px Georgia;color:#EAB18B}.compare-card h4{font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin:23px 0 8px;color:#EAB18B}.compare-card p,.compare-card li{font-size:14px;color:#D7CABC}.compare-card ul{padding-left:18px}.compare-card li{margin-bottom:10px}.sources{max-width:780px;margin-top:25px}.chips button[aria-pressed=true]{background:#EAB18B;color:#211C1A;border-color:#EAB18B}@media(max-width:950px){.forma-hero{grid-template-columns:1fr}.forma-photo{height:540px;max-width:660px}.forma-philosophy{grid-template-columns:1fr}.mood-layout{grid-template-columns:1fr;gap:30px}.mood-heading{display:block}.mood-heading>.lead{max-width:600px;margin-top:24px}.forma-heading h1{font-size:5.3rem}.mood-art svg{max-height:380px}.comparison-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.forma-hero{padding-top:35px;gap:36px;padding-bottom:40px}.forma-heading h1{font-size:3.65rem}.forma-photo{height:430px}.forma-strip{flex-wrap:wrap;font-size:15px;gap:10px 20px}.comparison-grid{grid-template-columns:1fr}.mood-art{padding:20px}.mood-art-bottom{display:block}.mood-art-bottom p{margin-top:15px;max-width:none}.mood-art-top{font-size:7px;gap:12px}.compare-card{padding:25px}.editorial-caption{gap:20px}.forma-seal{width:65px;height:65px;font-size:52px}}@media(max-width:480px){.forma-heading h1{font-size:clamp(2.65rem,13vw,3.65rem)}}