html {scroll-behavior:smooth;}
body {margin:0;background:#f6f3ed;}
button,a {-webkit-tap-highlight-color:transparent;}
button {cursor:pointer;}
:focus-visible {outline:3px solid #b58e39;outline-offset:4px;}
#petra-design {color-scheme:light; width:100%;}
#petra-design * {box-sizing:border-box;}
#petra-design .pg-shell {width:100%;max-width:1280px;margin:0 auto;container-type:inline-size;container-name:petra;}
#petra-design .pg-site {--pg-paper:#f6f3ed;--pg-ink:#303a30;--pg-green:#405441;--pg-sage:#e4e8df;--pg-gold:#817044;--pg-white:#fffdf8;background:var(--pg-paper);color:var(--pg-ink);font:400 16px/1.65 'Inter',sans-serif;overflow-wrap:break-word;text-align:left;}
#petra-design .pg-site a {color:inherit;text-decoration:none;}
#petra-design .pg-site a:hover {text-decoration:underline;text-underline-offset:5px;}
#petra-design .pg-site button {font:inherit;}
#petra-design .pg-site img {display:block;max-width:100%;}
#petra-design .pg-site h1,#petra-design .pg-site h2,#petra-design .pg-site h3 {font-family:'Lora',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:0;}
#petra-design .pg-site h1 {font-size:clamp(40px,5.4cqi,68px);}
#petra-design .pg-site h2 {font-size:clamp(30px,3.5cqi,45px);}
#petra-design .pg-site h3 {font-size:25px;}
#petra-design .pg-site em {font-weight:400;}
#petra-design .pg-site p {margin:0 0 18px;}
#petra-design .pg-site .pg-eyebrow {font:500 11px/1.6 'Inter',sans-serif;letter-spacing:.15em;text-transform:uppercase;margin:0 0 18px;}
#petra-design .pg-header {min-height:104px;display:flex;align-items:center;gap:24px;padding:16px 5%;background:#fff;}
#petra-design .pg-logo {display:block;flex:none;width:168px;}
#petra-design .pg-logo img {width:100%;height:auto;}
#petra-design .pg-desktop-nav {display:flex;gap:24px;margin-left:auto;align-items:center;font-size:12px;}
#petra-design .pg-header-cta {background:var(--pg-green);color:var(--pg-white)!important;white-space:nowrap;padding:11px 18px;font-size:12px;}
#petra-design .pg-header-cta span {padding-left:9px;}
#petra-design .pg-menu {display:none;align-items:center;gap:10px;border:0;background:transparent;color:var(--pg-ink);padding:10px 0 10px 12px;min-height:44px;margin-left:auto;font-size:13px;}
#petra-design .pg-mobile-nav {background:#fff;padding:10px 6% 24px;border-top:1px solid #e0e3d9;}
#petra-design .pg-mobile-nav:not([hidden]) {display:grid;gap:4px;}
#petra-design .pg-mobile-nav a {padding:10px 0;}
#petra-design .pg-hero {position:relative;min-height:590px;display:grid;align-items:center;isolation:isolate;}
#petra-design .pg-hero-image {position:absolute;inset:0;z-index:-2;background:#405441;}
#petra-design .pg-hero-image img {width:100%;height:100%;object-fit:cover;object-position:100% 50%;}
#petra-design .pg-hero::after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,37,25,.82) 0%,rgba(22,37,25,.64) 40%,rgba(22,37,25,.12) 76%);}
#petra-design .pg-hero-copy {padding:58px 6% 70px;color:#fffdf8;max-width:690px;}
#petra-design .pg-hero-copy h1 em {display:inline-block;font-size:.72em;line-height:1.18;}
#petra-design .pg-hero-image picture {display:block;width:100%;height:100%;}
#petra-design .pg-site .pg-film-caption {position:absolute;left:6%;bottom:20px;margin:0;color:#fffdf8;font-size:10px;line-height:1.5;letter-spacing:.02em;}
#petra-design .pg-hero-sub {font-size:20px;line-height:1.5;margin:23px 0 18px!important;}
#petra-design .pg-hero-body {font-size:14px;max-width:350px;line-height:1.8;margin-bottom:26px!important;}
#petra-design .pg-primary {display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 21px;min-height:50px;font:500 13px/1.4 'Inter',sans-serif;background:var(--pg-white);color:var(--pg-green)!important;}
#petra-design .pg-primary:hover {background:#e8eddf;}
#petra-design .pg-hero-link {display:block;width:fit-content;margin-top:20px;font-size:12px;}
#petra-design .pg-hero-link span {margin-left:9px;}
#petra-design .pg-section {padding:70px 8%;}
#petra-design .pg-intro {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;align-items:center;}
#petra-design .pg-portrait {margin:0;position:relative;}
#petra-design .pg-portrait img {width:100%;max-height:430px;object-fit:cover;object-position:50% 30%;}
#petra-design .pg-portrait figcaption {padding-top:16px;font:400 18px/1.5 'Lora',Georgia,serif;}
#petra-design .pg-portrait figcaption span {display:block;font:400 11px/1.5 'Inter',sans-serif;margin-top:3px;}
#petra-design .pg-intro-copy p:not(.pg-eyebrow) {font-size:15px;line-height:1.8;}
#petra-design .pg-intro-copy h2 {margin-bottom:25px;}
#petra-design .pg-text-link {display:inline-flex;gap:26px;align-items:center;min-height:44px;font:500 13px/1.6 'Inter',sans-serif;border-bottom:1px solid #80917d;padding:6px 0;}
#petra-design .pg-path {background:var(--pg-sage);}
#petra-design .pg-section-heading {margin-bottom:40px;}
#petra-design .pg-steps {list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:0;margin:0;}
#petra-design .pg-step-no {display:block;color:#59634d;border-bottom:1px solid #aab59e;padding-bottom:15px;margin-bottom:20px;font:400 28px/1.2 'Lora',Georgia,serif;}
#petra-design .pg-steps h3 {font-size:19px;margin-bottom:14px;letter-spacing:-.025em;}
#petra-design .pg-steps p {font-size:13px;line-height:1.8;margin:0;}
#petra-design .pg-service-grid {display:grid;grid-template-columns:1fr 1fr;gap:50px;}
#petra-design .pg-feature-service {background:var(--pg-green);color:var(--pg-white);padding:36px;display:flex;flex-direction:column;align-items:flex-start;}
#petra-design .pg-service-kicker {font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:25px;}
#petra-design .pg-feature-service h3 {font-size:clamp(29px,3.4cqi,42px);margin-bottom:25px;}
#petra-design .pg-feature-service p {font-size:14px;line-height:1.8;}
#petra-design .pg-feature-service .pg-text-link {margin-top:auto;border-color:#b2bca8;}
#petra-design .pg-complementary {display:grid;gap:25px;align-content:start;}
#petra-design .pg-complementary article+article {border-top:1px solid #c9cabb;padding-top:25px;}
#petra-design .pg-complementary h3 {margin-bottom:14px;}
#petra-design .pg-complementary p:not(.pg-eyebrow) {font-size:14px;line-height:1.8;margin-bottom:6px;}
#petra-design .pg-workshops {display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#ede8db;align-items:center;}
#petra-design .pg-workshops p:not(.pg-eyebrow) {font-size:15px;}
#petra-design .pg-contact {background:var(--pg-green);color:var(--pg-white);text-align:center;padding-top:65px;padding-bottom:65px;}
#petra-design .pg-contact h2 {margin-bottom:20px;}
#petra-design .pg-contact p:not(.pg-eyebrow) {font-size:15px;line-height:1.8;}
#petra-design .pg-contact-links {display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:26px;font-size:12px;}
#petra-design .pg-contact-links a {min-height:30px;}
#petra-design .pg-footer {padding:24px 5%;font-size:10px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;}
@container petra (max-width:850px) {
 #petra-design .pg-header {min-height:90px;gap:18px;padding:12px 5%;}
 #petra-design .pg-logo {width:145px;}
 #petra-design .pg-desktop-nav {gap:14px;font-size:11px;}
 #petra-design .pg-header-cta {font-size:11px;padding:10px 13px;}
 #petra-design .pg-steps {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
 #petra-design .pg-section {padding:56px 7%;}
 #petra-design .pg-intro {gap:7%;}
}
@container petra (max-width:620px) {
 #petra-design .pg-header {min-height:85px;padding:10px 6%;}
 #petra-design .pg-logo {width:142px;}
 #petra-design .pg-menu {display:flex;}
 #petra-design .pg-desktop-nav,#petra-design .pg-header-cta {display:none;}
 #petra-design .pg-hero {min-height:700px;align-items:end;}
 #petra-design .pg-hero-copy {padding:70px 7% 72px;}
 #petra-design .pg-hero::after {background:linear-gradient(0deg,rgba(22,37,25,.96) 0%,rgba(22,37,25,.83) 47%,rgba(22,37,25,.08) 100%);}
 #petra-design .pg-hero-image img {object-position:66% 50%;}
 #petra-design .pg-site h1 {font-size:clamp(36px,10.6cqi,54px);}
 #petra-design .pg-hero-sub {font-size:18px;}
 #petra-design .pg-hero-body {font-size:14px;}
 #petra-design .pg-section {padding:48px 7%;}
 #petra-design .pg-intro {grid-template-columns:1fr;gap:34px;}
 #petra-design .pg-portrait {max-width:360px;}
 #petra-design .pg-portrait img {max-height:380px;object-fit:cover;}
 #petra-design .pg-site h2 {font-size:32px;}
 #petra-design .pg-intro-copy p:not(.pg-eyebrow) {font-size:15px;}
 #petra-design .pg-steps {gap:28px 22px;}
 #petra-design .pg-steps h3 {font-size:19px;}
 #petra-design .pg-steps p {font-size:13px;}
 #petra-design .pg-service-grid,#petra-design .pg-workshops {grid-template-columns:1fr;gap:30px;}
 #petra-design .pg-feature-service {padding:28px;min-height:320px;}
 #petra-design .pg-feature-service h3 {font-size:36px;}
 #petra-design .pg-contact-links {gap:4px;flex-direction:column;align-items:center;}
 #petra-design .pg-break {display:none;}
 #petra-design .pg-footer {padding:24px 7%;font-size:11px;}
}
#petra-design .pg-hero-image {overflow:hidden;}
#petra-design .pg-hero-image video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 50%;opacity:0;}
#petra-design .pg-hero-image video.has-frame {opacity:1;}
#petra-design .pg-film-toggle {position:absolute;right:24px;bottom:20px;min-height:44px;padding:10px 16px;border:1px solid #ffffff66;background:#243727e8;color:#fffdf8;font:400 12px/1.4 'Inter',sans-serif;}
#petra-design .pg-film-toggle:hover {background:#162719;}
#petra-design .pg-film-toggle[hidden] {display:none;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@container petra (max-width:620px) {
 #petra-design .pg-hero {display:block;min-height:0;background:#162519;}
 #petra-design .pg-hero-image {position:relative;inset:auto;height:auto;aspect-ratio:4/3;}
 #petra-design .pg-hero-image img,#petra-design .pg-hero-image video {object-position:100% 50%;}
 #petra-design .pg-hero::after {top:0;bottom:auto;height:75cqi;background:linear-gradient(180deg,transparent 88%,#162519 100%);}
 #petra-design .pg-hero-copy {padding:24px 7% 46px;}
 #petra-design .pg-film-toggle {right:14px;top:14px;bottom:auto;}
 #petra-design .pg-site .pg-film-caption {left:7%;bottom:18px;font-size:9px;}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}}
/* Shared layouts for the complete, independently editable practice website. */
.skip-link {position:fixed;left:16px;top:12px;z-index:20;transform:translateY(-180%);background:#fffdf8;color:#303a30;padding:14px 20px;font:500 15px Inter,sans-serif;}
.skip-link:focus {transform:none;}
#petra-design .pg-desktop-nav {gap:19px;white-space:nowrap;}
#petra-design a[aria-current="page"] {text-decoration:underline;text-underline-offset:7px;text-decoration-color:#817044;}
#petra-design .pg-page-head {padding:30px 8% 70px;background:#e4e8df;}
#petra-design .pg-breadcrumb {font-size:11px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px;}
#petra-design .pg-page-head h1 {max-width:950px;font-size:clamp(36px,4.8cqi,61px);}
#petra-design .pg-page-head .pg-lead {max-width:680px;margin:26px 0 0;font-size:17px;line-height:1.8;}
#petra-design .pg-split {display:grid;grid-template-columns:1fr 1fr;gap:9%;}
#petra-design .pg-split p {font-size:15px;line-height:1.85;}
#petra-design .pg-reading {max-width:850px;padding:60px 7%;margin:0 auto;}
#petra-design .pg-reading h2 {font-size:30px;line-height:1.3;margin:42px 0 20px;}
#petra-design .pg-reading h2:first-child {margin-top:0;}
#petra-design .pg-reading h3 {font-size:24px;margin-bottom:15px;}
#petra-design .pg-reading p,#petra-design .pg-reading li {font-size:15px;line-height:1.9;}
#petra-design .pg-reading li {padding-left:5px;margin:0 0 14px;}
#petra-design .pg-reading p a:not(.pg-text-link),#petra-design .pg-source a {text-decoration:underline;text-underline-offset:3px;}
#petra-design .pg-note {padding:28px 30px;background:#e4e8df;border-left:2px solid #817044;margin:30px 0;}
#petra-design .pg-note p:last-child {margin-bottom:0;}
#petra-design .pg-note h2 {font-size:26px;}
#petra-design .pg-source {font-size:12px!important;color:#4d584a;border-top:1px solid #cccfc1;padding-top:16px;margin-top:24px;}
#petra-design .pg-image-band {padding:0 8%;margin-top:60px;}
#petra-design .pg-image-band img {width:100%;height:420px;object-fit:cover;object-position:50% 52%;}
#petra-design .pg-timeline {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;}
#petra-design .pg-timeline span {display:block;font:400 34px Lora,serif;border-bottom:1px solid #aab59e;padding-bottom:20px;margin-bottom:20px;}
#petra-design .pg-timeline p {font-size:14px;line-height:1.8;}
#petra-design .pg-offers {padding-top:10px;}
#petra-design .pg-offer-row {display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:50px 0;border-bottom:1px solid #c9cabb;}
#petra-design .pg-offer-row h2 {font-size:37px;}
#petra-design .pg-offer-row p:not(.pg-eyebrow) {font-size:15px;line-height:1.8;}
#petra-design .pg-gallery {display:grid;grid-template-columns:1fr 1fr;gap:38px;}
#petra-design .pg-gallery figure {margin:0;}
#petra-design .pg-gallery img {width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;}
#petra-design .pg-gallery figcaption {font-size:13px;margin-top:14px;}
#petra-design .pg-contact-grid {display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:start;}
#petra-design .pg-contact-panel {background:#405441;color:#fffdf8;padding:38px;}
#petra-design .pg-contact-panel h2 {margin-bottom:28px;}
#petra-design .pg-contact-panel p {font-size:15px;}
#petra-design .pg-contact-panel .pg-small {margin:20px 0 0;}
#petra-design .pg-small {font-size:12px!important;line-height:1.8;}
#petra-design .pg-contact-details h2 {font-size:32px;}
#petra-design dl {display:grid;grid-template-columns:90px 1fr;font-size:14px;gap:18px 15px;margin:30px 0;}
#petra-design dd {margin:0;}
#petra-design dt {color:#59634d;}
#petra-design .pg-downloads {margin-top:30px;}
#petra-design .pg-downloads a {display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #aab59e;padding:24px 0;font-size:16px;}
#petra-design .pg-downloads span {white-space:nowrap;font-size:12px;}
#petra-design details {border-bottom:1px solid #c9cabb;}
#petra-design summary {cursor:pointer;padding:22px 0;font-size:15px;font-weight:500;}
#petra-design details[open] {padding-bottom:12px;}
#petra-design .pg-article-grid {display:grid;grid-template-columns:1fr 1fr;gap:0 70px;padding-top:20px;}
#petra-design .pg-article-grid article {border-bottom:1px solid #c9cabb;padding:40px 0;display:flex;flex-direction:column;align-items:flex-start;}
#petra-design .pg-article-grid h2 {font-size:29px;line-height:1.25;margin-bottom:18px;}
#petra-design .pg-article-grid article>p:not(.pg-eyebrow) {font-size:14px;line-height:1.8;}
#petra-design .pg-article-grid .pg-text-link {margin-top:auto;}
#petra-design .pg-site-footer {padding:58px 8% 22px;background:#eee9df;font-size:12px;}
#petra-design .pg-footer-top {display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:45px;padding-bottom:38px;}
#petra-design .pg-footer-top .pg-eyebrow {font-size:10px;}
#petra-design .pg-footer-name {font:400 28px Lora,serif;margin-bottom:18px;}
#petra-design .pg-footer-top a {display:block;padding:5px 0;min-height:34px;}
#petra-design .pg-footer-bottom {border-top:1px solid #cbcbbd;padding-top:20px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font-size:11px;}
#petra-design .pg-footer-bottom nav {display:flex;gap:24px;}
#petra-design .pg-footer-bottom a {display:inline-block;min-height:32px;padding-top:4px;}
#petra-design .pg-nojs-nav {display:flex;flex-wrap:wrap;gap:10px 24px;padding:16px 7%;font-size:13px;}
@container petra (max-width:1020px) {
 #petra-design .pg-menu {display:flex;}
 #petra-design .pg-desktop-nav,#petra-design .pg-header-cta {display:none;}
}
@container petra (max-width:740px) {
 #petra-design .pg-contact-grid,#petra-design .pg-split,#petra-design .pg-offer-row {grid-template-columns:1fr;gap:24px;}
 #petra-design .pg-timeline {grid-template-columns:1fr;gap:20px;}
 #petra-design .pg-timeline>div {display:grid;grid-template-columns:80px 1fr;gap:20px;}
 #petra-design .pg-timeline span {font-size:27px;}
 #petra-design .pg-footer-top {grid-template-columns:1fr 1fr;gap:30px;}
 #petra-design .pg-article-grid {gap:0 35px;}
}
@container petra (max-width:620px) {
 #petra-design .pg-page-head {padding:24px 7% 44px;}
 #petra-design .pg-breadcrumb {margin-bottom:32px;}
 #petra-design .pg-page-head h1 {font-size:clamp(34px,9cqi,49px);}
 #petra-design .pg-page-head .pg-lead {font-size:15px;line-height:1.8;}
 #petra-design .pg-reading {padding:40px 7%;}
 #petra-design .pg-reading h2 {font-size:27px;}
 #petra-design .pg-note {padding:24px;}
 #petra-design .pg-image-band {padding:0;margin-top:0;}
 #petra-design .pg-image-band img {height:280px;}
 #petra-design .pg-gallery,#petra-design .pg-article-grid,#petra-design .pg-footer-top {grid-template-columns:1fr;}
 #petra-design .pg-gallery {gap:30px;}
 #petra-design .pg-contact-panel {padding:28px;}
 #petra-design .pg-contact-grid {gap:38px;}
 #petra-design .pg-downloads a {font-size:14px;align-items:flex-start;}
 #petra-design .pg-downloads span {font-size:10px;}
 #petra-design .pg-offer-row h2 {font-size:31px;}
 #petra-design .pg-article-grid article {padding:32px 0;}
 #petra-design .pg-site-footer {padding:40px 7% 18px;}
}
@media print {#petra-design .pg-header,#petra-design .pg-site-footer,#petra-design .pg-contact,#petra-design .pg-film-toggle {display:none;} #petra-design .pg-site {color:#000;background:#fff;} #petra-design .pg-reading {max-width:none;padding:20px 0;}}
