:root{--bg:#f6f5ef;--paper:#fffef9;--ink:#202e2b;--muted:#596660;--line:#d8ddd4;--green:#244b40;--lime:#d8e7b4;--dark:#152f28;--radius:5px;font-family:Arial,Helvetica,"DejaVu Sans",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;font-size:16px;line-height:1.65}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9b651b;outline-offset:5px}.container{max-width:1180px;margin:auto;padding:0 36px}.skip{position:fixed;top:-80px;left:20px;background:var(--lime);padding:10px;z-index:20}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:10;background:rgba(246,245,239,.97);border-bottom:1px solid var(--line)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:-.5px;line-height:1.1}.brand small{font-size:10px;letter-spacing:3.2px;font-weight:400}.brand svg{width:38px;height:38px;flex:none}.links{display:flex;align-items:center;gap:28px}.links a{font-size:13px;text-decoration:none}.links a:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{border:1px solid var(--ink);padding:10px 17px;border-radius:var(--radius)}.menu{display:none;background:transparent;border:1px solid var(--line);padding:9px 13px;border-radius:var(--radius)}.eyebrow{font-family:monospace;font-size:11px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0 0 24px}.eyebrow::before{content:'';display:inline-block;width:7px;height:7px;background:#667f47;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.7px;line-height:1.05}h1{font-size:clamp(46px,5.6vw,76px);margin-bottom:26px}h1 em{color:#52705b;font-weight:400}h2{font-size:clamp(36px,4vw,52px);margin-bottom:20px;letter-spacing:-1.7px}h3{font-size:22px;font-weight:500;letter-spacing:-.5px;line-height:1.25}p{margin-bottom:20px}.intro{font-size:17px;color:var(--muted);line-height:1.75;max-width:505px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-top:84px;padding-bottom:75px}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:14px 21px;min-height:50px;text-decoration:none;border:1px solid var(--green);border-radius:var(--radius);font-size:13px;font-weight:600;background:var(--green);color:white}.button:hover{background:#346250}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#e9ece1}.micro{font-size:11px;color:var(--muted);margin:19px 0 0}.blueprint{background:var(--dark);color:#edf1e8;padding:26px;border-radius:8px;box-shadow:0 16px 30px #1f372512;position:relative;overflow:hidden}.blueprint::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#9fb9a509 1px,transparent 1px),linear-gradient(90deg,#9fb9a509 1px,transparent 1px);background-size:25px 25px;pointer-events:none}.blueprint>*{position:relative}.panel-head{display:flex;justify-content:space-between;border-bottom:1px solid #58706466;padding-bottom:20px;font:10px monospace;letter-spacing:1.5px;text-transform:uppercase;color:#b6cbb9}.panel-head span:last-child{color:var(--lime)}.flow{display:flex;align-items:center;justify-content:center;gap:9px;padding:34px 0 28px}.flow-node{padding:12px 10px;border:1px solid #6f8c7b;border-radius:4px;font-size:10px;text-align:center;background:#203d32}.flow-node svg{display:block;width:22px;height:22px;margin:0 auto 8px;color:var(--lime)}.flow-node.memory{border-color:var(--lime);background:#304d3b;min-width:111px}.flow-arrow{color:#a7bc98;font-size:16px}.note{border:1px solid #657b6266;border-radius:4px;background:#213b2f;padding:20px}.note-label{display:flex;justify-content:space-between;gap:10px;color:#bdd09f;font:10px monospace;letter-spacing:1px;text-transform:uppercase;margin-bottom:13px}.note h3{font-family:Georgia,serif;font-size:22px;color:#f2f5e8;margin:0 0 12px;font-weight:400}.note p{font-size:12px;color:#c4d0c0;margin:0;min-height:61px}.note-footer{display:flex;gap:7px;margin-top:19px;flex-wrap:wrap}.note-footer span{font:9px monospace;padding:4px 7px;border:1px solid #657b6266;border-radius:3px;color:#bdcdb5}.tabs{display:flex;gap:6px;margin-top:23px}.tabs button{flex:1;background:transparent;border:1px solid #6c826766;color:#c0ceba;border-radius:3px;font-size:10px;padding:9px 4px}.tabs button[aria-selected=true]{background:var(--lime);border-color:var(--lime);color:var(--dark)}.panel-caption{font:9px monospace;color:#aec2ad;letter-spacing:.5px;margin:18px 0 0;text-align:center}.principles{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.principles span{display:flex;align-items:center;gap:10px}.principles b{font-size:15px;color:var(--green);font-weight:400}.section{padding-top:91px;padding-bottom:90px}.section-head{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:40px}.section-head>div{max-width:540px}.section-head>p{font-size:14px;color:var(--muted);max-width:300px;margin-bottom:5px}.section-head h2{margin-bottom:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.service{padding:30px 27px;background:var(--paper)}.service+.service{border-left:1px solid var(--line)}.service .number{display:inline-block;color:#6b795e;font:11px monospace;margin-bottom:33px}.service p{font-size:14px;color:var(--muted);line-height:1.75;min-height:100px}.service ul{list-style:none;padding:19px 0 0;margin:0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.service li{margin:7px 0;display:flex;gap:10px}.service li::before{content:'↗';color:#4a6a49}.ownership{background:#e9eddf;border-top:1px solid #dbe2cd;border-bottom:1px solid #dbe2cd}.ownership-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.ownership h2{max-width:430px}.ownership .intro{font-size:15px}.ownership ul{list-style:none;padding:0;margin:0}.ownership li{border-bottom:1px solid #cdd6c0;padding:0 0 20px;margin-bottom:22px;display:grid;grid-template-columns:28px 1fr;gap:10px}.ownership li:last-child{margin-bottom:0}.ownership strong{font-size:15px;font-weight:600}.ownership li p{font-size:13px;color:var(--muted);margin:8px 0 0}.check{color:var(--green);padding-top:2px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.step{border-top:1px solid var(--ink);padding-top:20px}.step-number{font:11px monospace;color:#546a40;display:block;margin-bottom:22px}.step h3{font-size:21px}.step p{font-size:14px;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:.6fr 1fr;gap:60px;border-top:1px solid var(--line);padding:45px 0 65px}.about .eyebrow{margin-top:7px}.about h3{font:28px/1.25 Georgia,serif;letter-spacing:-.6px}.about p{font-size:14px;color:var(--muted);max-width:630px}.contact{background:var(--dark);color:#f1f3e9;padding:75px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{font-size:48px;max-width:400px}.contact .eyebrow{color:#c4d5b5}.contact .eyebrow::before{background:var(--lime)}.contact p{font-size:14px;color:#beccbf;max-width:380px}.email{display:inline-block;color:var(--lime);font-size:19px;margin:9px 0 12px;text-underline-offset:5px;overflow-wrap:anywhere}.contact-note{font-size:11px!important}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field.full,.form-footer{grid-column:1/-1}label{font-size:12px;color:#d2ddcd}input,textarea,select{width:100%;border:1px solid #6f8272;background:#203c31;color:#f3f5ed;padding:11px;border-radius:4px;min-height:45px}textarea{resize:vertical;min-height:107px}select option{background:#203c31}input::placeholder,textarea::placeholder{color:#aabbaa}input:focus,textarea:focus,select:focus{border-color:var(--lime)}.contact-form .button{background:var(--lime);color:var(--dark);border-color:var(--lime)}.contact-form .button:hover{background:#e7f1cf}.form-footer .actions{margin-top:0;gap:14px}.copy-brief{background:none;border:0;color:#d8e7b4;font-size:12px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.form-footer p{font-size:10px;margin:12px 0 0}.status{min-height:18px;margin:9px 0 0!important;color:var(--lime)!important;font-size:12px!important}.copy-output{grid-column:1/-1}.copy-output label{display:block;margin-bottom:6px}.faq{padding:65px 0}.faq-grid{display:grid;grid-template-columns:.65fr 1fr;gap:80px}.faq h2{font-size:36px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:14px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::after{content:'+';font-size:20px;font-weight:400;line-height:1}.faq details[open] summary::after{content:'−'}.faq details p{font-size:13px;color:var(--muted);margin:15px 30px 0 0}.footer{border-top:1px solid var(--line);padding:25px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p,.footer a{font-size:10px;color:var(--muted);margin:0}.footer a{text-underline-offset:4px}.footer-links{display:flex;gap:20px}[hidden]{display:none!important}
@media(min-width:1400px){.hero{padding-top:100px;padding-bottom:90px}}@media(max-width:950px){.hero{gap:35px}.container{padding-left:26px;padding-right:26px}.ownership-inner,.contact-grid{gap:45px}.blueprint{padding:20px}.flow{gap:6px}.flow-node{padding:10px 7px}.flow-node.memory{min-width:95px}.section-head{gap:35px}.service{padding:25px 20px}.links{gap:19px}.principles{flex-wrap:wrap;justify-content:center}}@media(max-width:720px){html{scroll-padding-top:85px}.container{padding-left:22px;padding-right:22px}.nav{min-height:75px;position:relative}.brand{font-size:16px}.menu{display:block;font-size:12px}.links{display:none;position:absolute;top:75px;left:0;right:0;background:var(--bg);padding:20px 22px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);gap:0;box-shadow:0 12px 18px #20392b0a}.links.open{display:flex}.links a{padding:12px}.nav-contact{margin-top:7px;text-align:center}.hero{grid-template-columns:1fr;gap:40px;padding-top:49px;padding-bottom:40px}h1{font-size:54px;max-width:500px}.intro{font-size:16px}.blueprint{max-width:490px;width:100%;padding:24px;justify-self:center}.flow{gap:12px;padding-top:27px}.flow-node{padding:12px}.flow-node.memory{min-width:115px}.note p{min-height:42px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:10px}.section{padding-top:60px;padding-bottom:60px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:22px;max-width:450px}.services{grid-template-columns:1fr}.service{padding:25px}.service+.service{border-left:0;border-top:1px solid var(--line)}.service .number{margin-bottom:15px}.service p{min-height:0;margin-bottom:20px}.service ul{padding-top:13px}.ownership-inner,.contact-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.ownership-inner{gap:22px}.ownership h2{max-width:500px}.ownership li{margin-bottom:20px}.process{grid-template-columns:1fr;gap:28px;margin-top:30px}.step-number{margin-bottom:12px}.step h3{margin-bottom:10px}.about{grid-template-columns:1fr;gap:10px;padding:30px 0 45px}.contact{padding:55px 0}.contact h2{font-size:42px}.contact p{max-width:470px}.contact-grid{gap:28px}.faq{padding:50px 0}.faq-grid{gap:10px}.faq h2{margin-bottom:18px}.footer-inner{align-items:start;flex-direction:column;gap:12px}.eyebrow{margin-bottom:19px}.footer{padding:23px 0}}
@media(max-width:370px){h1{font-size:47px}.container{padding-left:18px;padding-right:18px}.blueprint{padding:18px}.flow{gap:6px}.flow-node{padding:10px 8px}.flow-node.memory{min-width:95px}.contact-form{grid-template-columns:1fr}.field{grid-column:1/-1}.button{gap:15px}.principles{gap:12px 8px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.header{position:static}.menu,.blueprint,.contact-form{display:none}.hero,.ownership-inner,.contact-grid,.faq-grid{display:block}.section,.contact{padding:30px 0}.contact{background:white;color:var(--ink)}.contact p,.contact .eyebrow,.email{color:var(--ink)}a{text-decoration:underline}.container{padding:0 15px}.services,.process{break-inside:avoid}}

.keep{white-space:nowrap}h1{font-size:clamp(46px,5.2vw,70px)}h1 em{font-size:.93em}.button span,.email span,.principles b,.nav-contact,.service li::before{font-family:"DejaVu Sans",Arial,sans-serif}@media(max-width:720px){h1{font-size:54px}}@media(max-width:370px){h1{font-size:47px}}
/* Featured small-business service and explicitly illustrative portfolio concept. */
.web-feature{display:grid;grid-template-columns:1.07fr .93fr;gap:36px;align-items:center;background:#e8eee4;border:1px solid #cbd8c7;border-radius:var(--radius);padding:34px;margin-bottom:20px;scroll-margin-top:110px}
.web-feature .number{font:11px monospace;letter-spacing:.3px;color:#4d6753;display:block;margin-bottom:20px}
.web-feature h3{font:400 clamp(27px,3vw,38px)/1.13 Georgia,'Times New Roman',serif;letter-spacing:-.8px;max-width:480px;margin-bottom:20px}
.web-feature-copy>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:480px}
.web-feature ul{list-style:none;margin:20px 0 24px;padding:0;font-size:12px;color:#40534a}
.web-feature li{display:flex;gap:10px;margin:10px 0}
.web-feature li::before{content:'↗';color:#486c4d;flex:none}
.web-link{font-size:13px;font-weight:600;text-underline-offset:5px;color:var(--green)}
.sample-preview{background:#fffef9;border:1px solid #cdd7cb;border-radius:6px;padding:12px;box-shadow:0 14px 23px #213d3120;min-width:0}
.sample-caption{font:10px/1.4 monospace;color:#526858;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}
.sample-window{border:1px solid #ded7ce;background:#fdfaf7;overflow:hidden}
.sample-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 14px;background:#fbf7f3;color:#5a4540;font-size:10px}
.sample-logo{font:700 12px Georgia,serif;letter-spacing:1px;color:#60463e}
.sample-body{min-height:198px;background:radial-gradient(ellipse at 86% 18%,#cda7a0 0 18%,transparent 19%),linear-gradient(128deg,#ecdfd3,#f4ece5 60%,#e3c9be);padding:35px 24px 25px;color:#4a352f}
.sample-overline{font:10px monospace!important;letter-spacing:1.3px;text-transform:uppercase;color:#795b50!important;margin:0 0 16px!important}
.sample-body h4{font:400 31px/1.05 Georgia,serif;letter-spacing:-1px;max-width:235px;margin:0 0 14px}
.sample-body p{font:12px/1.5 Arial,sans-serif;color:#6a4e42;margin:0 0 20px;max-width:230px}
.sample-btn{display:inline-block;background:#654a40;color:#fff7f3;border-radius:2px;padding:10px 13px;font:11px Arial,sans-serif}
.sample-bottom{display:flex;justify-content:space-between;gap:7px;padding:11px 9px;font:9px Arial,sans-serif;color:#72594e;text-align:center}
@media(max-width:800px){.web-feature{grid-template-columns:1fr;gap:27px;padding:28px}.sample-preview{width:100%;max-width:520px}}
@media(max-width:370px){.web-feature{padding:20px}.sample-body{padding:26px 17px 19px}.sample-top{flex-wrap:wrap}.sample-bottom{font-size:8px}}
@media print{.web-feature{display:block;break-inside:avoid}.sample-preview{max-width:430px;margin-top:20px;box-shadow:none}}
/*
 * CONTINUITY SYSTEMS / ATELIER 02
 * Distinctive editorial art direction layered on tested V1.
 * No third-party fonts, images, analytics, or runtime dependencies.
 */
:root {
  --bg:#f2f0e9;
  --paper:#fffcf5;
  --ink:#182b29;
  --muted:#526360;
  --line:#d8dcd2;
  --green:#23483e;
  --dark:#112725;
  --lime:#e0e9b9;
  --copper:#da9476;
  --radius:8px;
}
html { scroll-padding-top:92px; }
body {
  background:var(--bg);
  font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
  color:var(--ink);
}
::selection { background:#dbe6b6; color:#142a25; }
.header {
  background:rgba(242,240,233,.94);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  border-color:#d6dcd3;
}
.brand { letter-spacing:.025em; font-weight:700; }
.brand svg { transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.brand:hover svg { transform:rotate(-17deg); }
.nav-contact {
  background:#173b34;
  border-color:#173b34;
  color:#f9f8f0;
  border-radius:100px;
  padding:11px 20px;
  transition:background .2s ease,transform .2s ease;
}
.nav-contact:hover { background:#315f50; transform:translateY(-2px); text-decoration:none!important; }
.links a:not(.nav-contact) { font-weight:600; letter-spacing:.015em; }
.eyebrow { letter-spacing:2.4px; font-size:10px; }
.eyebrow::before { width:7px; height:7px; background:#d59577; box-shadow:0 0 0 5px #d5957722; }

/* A signature front door: a quiet constellation of continuous paths,
   never an image asset or a proxy for the independent sacred lineage. */
.hero-shell {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#f7f5e9;
  background:
    radial-gradient(ellipse at 90% 10%,#2f5345 0%,transparent 39%),
    radial-gradient(ellipse at 14% 100%,#29433d 0%,transparent 43%),
    linear-gradient(133deg,#102724 0%,#152f2b 60%,#112321 100%);
  border-bottom:1px solid #314c42;
}
.hero-shell::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg,#ffffff08 1px,transparent 1px),
    linear-gradient(#ffffff08 1px,transparent 1px);
  background-size:72px 72px;
  opacity:.75;
  -webkit-mask-image:linear-gradient(100deg,transparent 15%,black 85%);
  mask-image:linear-gradient(100deg,transparent 15%,black 85%);
  pointer-events:none;
}
.hero-shell::after {
  content:"";
  width:600px;height:600px;position:absolute;right:-270px;top:-260px;
  border:1px solid #dce2ba20;border-radius:50%;
  box-shadow:0 0 0 84px #e4f2d508,0 0 0 190px #d7e6b006;
  pointer-events:none;
}
.hero-trails {position:absolute;inset:0;width:100%;height:100%;opacity:.62;pointer-events:none;z-index:0;}
.hero-trails path {fill:none;stroke:#dbebbd;stroke-linecap:round;}
.hero-trails .trail-one {stroke-width:1.4;stroke-opacity:.25;stroke-dasharray:4 11;animation:traverse 28s linear infinite;}
.hero-trails .trail-two {stroke-width:1;stroke-opacity:.12;}
.hero-trails .trail-three {stroke-width:2;stroke-opacity:.14;}
.hero-trails circle {fill:#f0d8a7;opacity:.7;}
@keyframes traverse {to {stroke-dashoffset:-300;}}
.hero-shell .hero {
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:57px;
  padding-top:105px;
  padding-bottom:88px;
}
.hero-copy { position:relative; }
.hero .eyebrow { color:#e3d9c0; margin-bottom:31px; }
.hero .eyebrow::before { background:#d99a73; box-shadow:0 0 0 6px #e6a77c24; }
.hero h1 {
  color:#fcf8ed;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(65px,6.2vw,92px);
  letter-spacing:-.073em;
  line-height:.99;
  margin:0 0 33px;
  max-width:610px;
  text-wrap:balance;
}
.hero h1 em {
  display:block;
  color:#dbe5b6;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.067em;
  font-size:.92em;
}
.hero .intro {
  color:#d0dbd1;
  max-width:510px;
  font-size:17px;
  line-height:1.85;
  margin:0;
}
.hero .actions {margin-top:33px;gap:13px;}
.hero .button {
  background:#e3eabd;
  color:#142921;
  border-color:#e3eabd;
  border-radius:100px;
  padding:16px 25px;
  font-size:13px;
  font-weight:700;
  box-shadow:0 5px 20px #030d0c16;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.hero .button:hover {background:#faf5d8;transform:translateY(-3px);box-shadow:0 11px 25px #06110e40;}
.hero .button.secondary {background:transparent;border-color:#bfd2c260;color:#f0f4e7;box-shadow:none;}
.hero .button.secondary:hover {background:#ffffff12;border-color:#dce9d5a0;}
.hero .micro {
  font:10px/1.7 monospace;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:#aabdac;
  margin-top:28px;
}
.blueprint {
  background:linear-gradient(152deg,#28483ec7,#132e29e8);
  border:1px solid #b7d6b542;
  padding:30px;
  border-radius:16px;
  box-shadow:0 30px 75px #0616137b, inset 0 1px #ffffff16;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  transform:translateY(13px) rotate(1.4deg);
  transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease;
}
.blueprint:hover,.blueprint:focus-within {transform:translateY(8px) rotate(0);box-shadow:0 38px 80px #06161398,inset 0 1px #ffffff23;}
.blueprint::before {
  background-image:linear-gradient(#b6d8b10a 1px,transparent 1px),linear-gradient(90deg,#b6d8b10a 1px,transparent 1px);
  background-size:26px 26px;
}
.panel-head { color:#d6e0cb; letter-spacing:1.4px; }
.panel-head::before {content:"";height:7px;width:7px;flex:none;align-self:center;border-radius:50%;background:#d5e7ab;box-shadow:0 0 0 5px #d5e7ab22;}
.panel-head span:first-child {margin-right:auto;padding-left:9px;}
.flow-node {
  padding:14px 10px;
  background:#23433a;
  border:1px solid #89ad9270;
  border-radius:7px;
  box-shadow:inset 0 1px #ffffff11;
}
.flow-node.memory {background:#3a5b46;border:1px solid #d9e8b2;box-shadow:0 0 25px #e0eb9e16;}
.flow-arrow {color:#e4e8b8;}
.note {
  padding:24px;
  background:#f4f4e9;
  color:#192f27;
  border:1px solid #eeeadd;
  border-radius:8px;
  box-shadow:0 15px 28px #06151333;
}
.note-label {color:#587054;}
.note h3 {color:#213b31;font-size:27px;}
.note p {color:#5b6b5f;font-size:13px;line-height:1.65;}
.note-footer span {border-color:#bdcbb7;color:#4e664f;background:#e8ecdb;}
.tabs button {
  border-color:#c2d9b03d;
  border-radius:6px;
  padding:12px 6px;
  color:#c9dfc1;
}
.tabs button[aria-selected=true] {color:#203a2d;background:#e5efc0;border-color:#e5efc0;}
.panel-caption {color:#b8cab5;}
.hero-footnote {
  position:relative;
  z-index:1;
  padding-top:18px;
  padding-bottom:22px;
  border-top:1px solid #cde0c62e;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  font:10px monospace;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#becfbf;
}
.hero-footnote strong {color:#f1e9d1;font-weight:400;}
.hero-footnote a {color:#e1eabd;text-underline-offset:4px;white-space:nowrap;}

/* A designed index, not a scrolling ad or marquee. */
.principles {border-color:#d3d9ce;padding:26px 0;gap:16px;}
.principles span {font-size:11px;color:#43564f;font-weight:600;}
.principles b {font-size:18px;color:#b87455;}
.section {padding-top:105px;padding-bottom:100px;}
.section-head {margin-bottom:42px;}
.section-head h2 {font-size:clamp(42px,4.7vw,65px);letter-spacing:-2.3px;}
.section-head>p {line-height:1.8;max-width:345px;}
#services .eyebrow::before {background:#b97555;}
#services {position:relative;}
.web-feature {
  position:relative;
  grid-template-columns:1.03fr .97fr;
  gap:54px;
  background:
    radial-gradient(circle at 100% 0%,#ffffff80,transparent 47%),
    linear-gradient(130deg,#e3e9db,#e7decf);
  border:1px solid #ced9c7;
  border-radius:18px;
  padding:55px 58px;
  margin-bottom:27px;
  overflow:visible;
  box-shadow:0 25px 65px #1f362617;
}
.web-feature::before {
  content:"";
  position:absolute;
  left:23px;top:22px;width:32px;height:32px;
  border-top:1px solid #667e65;border-left:1px solid #667e65;
  border-radius:2px 0 0 0;opacity:.65;pointer-events:none;
}
.web-feature .number {letter-spacing:2px;font-size:10px;margin-bottom:25px;}
.web-feature h3 {
  font:400 clamp(40px,3.8vw,57px)/1.08 Georgia,serif;
  letter-spacing:-1.9px;
  max-width:480px;
  margin-bottom:23px;
}
.web-feature-copy>p {font-size:15px;line-height:1.8;max-width:500px;}
.web-feature ul {font-size:13px;margin-top:22px;margin-bottom:29px;}
.web-feature li {margin:12px 0;line-height:1.5;}
.web-link {display:inline-flex;gap:13px;align-items:center;border:1px solid #26463b;border-radius:100px;text-decoration:none;padding:12px 19px;font-size:12px;transition:background .2s,color .2s,transform .2s;}
.web-link:hover {background:#23493f;color:#f9f4e8;transform:translateY(-3px);}
.sample-preview {
  position:relative;
  z-index:1;
  background:#fefcf8;
  border:1px solid #d4d4c9;
  border-radius:10px;
  padding:15px;
  box-shadow:0 29px 54px #2b3e3336;
  transform:rotate(1.4deg);
  transition:transform .5s ease;
  margin-right:10px;
}
.sample-preview:hover {transform:rotate(0deg) translateY(-4px);}
.sample-caption {font-size:9px;letter-spacing:1.2px;margin-bottom:12px;}
.sample-window {border:1px solid #e4d6cc;border-radius:3px;}
.sample-top {padding:17px;background:#fbf6f0;}
.sample-logo {letter-spacing:1.4px;}
.sample-body {
  position:relative;
  min-height:290px;
  padding:44px 30px 36px;
  background:
    radial-gradient(ellipse at 90% 12%,#b76f5c 0%,#c88874 22%,transparent 23%),
    radial-gradient(ellipse at 110% 80%,#dec0b4 0%,transparent 60%),
    linear-gradient(135deg,#f6e7d9,#e7c5b5);
  overflow:hidden;
}
.sample-body::before {
  content:"";
  position:absolute;
  z-index:0;
  right:12%;top:-24%;width:1px;height:145%;
  background:#ffffff69;transform:rotate(34deg);
  box-shadow:-13px 0 0 #ffffff20,20px 0 0 #76463722;
}
.sample-body>* {position:relative;z-index:1;}
.sample-body h4 {font-size:clamp(32px,2.8vw,43px);line-height:1.05;max-width:320px;}
.sample-body p {font-size:13px;max-width:260px;}
.sample-btn {background:#54392f;padding:12px 16px;border-radius:3px;}
.sample-bottom {padding:17px 12px;font-size:10px;gap:6px;}
.sample-mobile {
  position:absolute;z-index:3;
  width:126px;height:236px;
  right:-32px;bottom:-31px;
  background:#fff7f1;
  border:5px solid #46322c;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 18px 30px #172a2755;
  transform:rotate(5deg);
  padding:10px;
  color:#57372c;
}
.sample-mobile-top {border-top:2px solid #9d6a58;padding-top:14px;margin-top:5px;font:700 8px Georgia,serif;letter-spacing:1px;}
.sample-mobile-swatch {height:87px;margin-top:12px;background:radial-gradient(circle at 25% 35%,#e6c4b2 0 23%,transparent 24%),radial-gradient(circle at 85% 65%,#a96a57 0 25%,transparent 26%),#d9ab99;border-radius:2px;}
.sample-mobile-title {font:19px/1.1 Georgia,serif;letter-spacing:-.5px;margin:13px 0 8px;}
.sample-mobile-cta {font:7px Arial,sans-serif;color:#fff;display:inline-block;background:#603f32;padding:7px;}
.services {border:0;gap:14px;overflow:visible;}
.service {
  padding:32px 27px 27px;
  border:1px solid #d8dcd4!important;
  border-radius:11px;
  box-shadow:0 8px 26px #2b41300b;
  transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease;
}
.service:hover {transform:translateY(-5px);border-color:#b5c7b4!important;box-shadow:0 18px 35px #263c3120;}
.service .number {color:#a16b4e;letter-spacing:1px;}
.service h3 {font-family:Georgia,serif;font-size:24px;font-weight:400;letter-spacing:-.5px;}
.service p {min-height:115px;}
.service ul {font-size:12px;}

/* Brand statement with a single nonliteral continuous-line graphic. */
.atelier-note {
  position:relative;
  overflow:hidden;
  background:#d8d9c6;
  color:#1d382f;
  border-top:1px solid #c3c8b9;
  border-bottom:1px solid #c3c8b9;
}
.atelier-note-inner {
  display:grid;
  grid-template-columns:.31fr 1fr;
  gap:45px;
  padding-top:88px;
  padding-bottom:91px;
  position:relative;
  z-index:1;
}
.atelier-note .atelier-label {font:10px/2 monospace;letter-spacing:2.2px;text-transform:uppercase;color:#486450;}
.atelier-note h2 {
  font:400 clamp(44px,5.5vw,76px)/1.11 Georgia,serif;
  letter-spacing:-3px;
  margin:0 0 24px;
  max-width:860px;
}
.atelier-note h2 em {color:#688267;font-weight:400;}
.atelier-note p {font-size:16px;line-height:1.8;max-width:610px;color:#42594c;margin:0;}
.atelier-art {position:absolute;width:370px;height:370px;right:-90px;bottom:-170px;opacity:.18;pointer-events:none;transform:rotate(-25deg);}
.atelier-art path {fill:none;stroke:#295844;stroke-width:3;}
/* Trust and clarity still matter more than decoration. */
.ownership {
  background:linear-gradient(118deg,#163b35,#142924 66%,#203e31);
  color:#f5f3e9;
  border-color:#345248;
}
.ownership .eyebrow {color:#bfd3b5;}
.ownership h2 {font-size:clamp(43px,4.7vw,67px);letter-spacing:-2.4px;}
.ownership .intro {color:#cedbcf;}
.ownership strong {color:#f1f6e9;}
.ownership li {border-color:#a6c0a340;}
.ownership li p {color:#bdcdbf;}
.ownership .check {color:#dbe6ab;}
.process {gap:24px;}
.step {position:relative;border-top:2px solid #29463a;padding:28px 14px 10px 0;}
.step:nth-child(2) {border-color:#b27b60;}
.step:nth-child(3) {border-color:#7b9666;}
.step-number {font-size:10px;letter-spacing:1.6px;color:#8a7155;}
.step h3 {font:400 27px Georgia,serif;letter-spacing:-.7px;}
.step p {font-size:14px;line-height:1.8;}
.about {
  margin-bottom:30px;
  border-top:1px solid #cbd1c7;
  padding-top:70px;
}
.about h3 {font-size:clamp(33px,3.7vw,49px);line-height:1.14;letter-spacing:-1px;}
.about p {line-height:1.8;}
.contact {
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 0% 20%,#315b48 0%,transparent 36%),
    linear-gradient(120deg,#102822,#1e4138);
  padding:99px 0;
}
.contact::before {
  content:"";
  position:absolute;right:-110px;top:-90px;width:440px;height:440px;border-radius:50%;
  border:1px solid #dbe8b12d;box-shadow:0 0 0 70px #dbe8b10a,0 0 0 141px #dbe8b108;
  pointer-events:none;
}
.contact-grid {position:relative;z-index:1;}
.contact h2 {font-size:clamp(48px,5vw,71px);letter-spacing:-2.6px;line-height:1.06;}
.contact h2 em {font-weight:400;color:#e0e8b4;}
.contact p {line-height:1.8;}
.contact-form {background:#ffffff0b;border:1px solid #a2bfa744;border-radius:14px;padding:28px;box-shadow:0 20px 40px #091b162b;}
input,select,textarea {background:#112e27;border-color:#7e9b85;border-radius:6px;}
input:focus,select:focus,textarea:focus {outline:2px solid #dce9b6;outline-offset:2px;}
.contact-form .button {border-radius:100px;}
.faq {padding:90px 0;}
.faq h2 {font-size:clamp(39px,4.2vw,53px);}
.faq details {padding:21px 0;}
.faq summary {font-size:15px;}
.faq details p {line-height:1.75;}
.footer {background:#e6e9dc;padding:0;border-color:#cbd7cb;}
.footer-top {padding-top:55px;padding-bottom:48px;border-bottom:1px solid #cad7ca;}
.footer-top strong {font:400 clamp(40px,8.3vw,115px)/1 Georgia,serif;letter-spacing:-.065em;color:#28483a;display:block;max-width:100%;}
.footer-top p {font:11px monospace;letter-spacing:1.8px;text-transform:uppercase;margin:17px 0 0;color:#496359;}
.footer-inner {padding-top:22px;padding-bottom:28px;}

@media(max-width:1050px) {
  .hero-shell .hero {gap:35px;padding-top:82px;padding-bottom:75px;}
  .hero h1 {font-size:clamp(57px,6.5vw,78px);}
  .hero .intro {font-size:15px;}
  .blueprint {padding:20px;}
  .web-feature {gap:28px;padding:38px 32px;}
  .sample-mobile {right:-16px;}
  .contact-grid {gap:55px;}
}
@media(max-width:720px) {
  html {scroll-padding-top:80px;}
  .header .nav {min-height:73px;}
  .nav-contact {border-radius:8px;}
  .hero-shell .hero {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:42px;
    padding-top:61px;
    padding-bottom:60px;
  }
  .hero h1 {font-size:clamp(51px,11.7vw,70px);letter-spacing:-.075em;max-width:600px;}
  .hero h1 em {letter-spacing:-.073em;}
  .hero .eyebrow {font-size:9px;letter-spacing:1.3px;margin-bottom:27px;}
  .hero .intro {font-size:15px;line-height:1.8;}
  .hero .button {padding:14px 20px;}
  .blueprint {padding:22px;transform:none;max-width:560px;}
  .blueprint:hover,.blueprint:focus-within {transform:none;}
  .note {padding:19px;}
  .note h3 {font-size:25px;}
  .hero-footnote {flex-wrap:wrap;align-items:start;font-size:9px;line-height:1.6;letter-spacing:.7px;}
  .principles {gap:16px;}
  .section {padding-top:76px;padding-bottom:77px;}
  .section-head h2 {font-size:clamp(40px,8vw,56px);}
  .web-feature {grid-template-columns:minmax(0,1fr);gap:25px;padding:33px 22px;overflow:hidden;}
  .web-feature::before {left:12px;top:12px;width:17px;height:17px;}
  .web-feature h3 {font-size:clamp(34px,8.4vw,46px);}
  .sample-preview {margin-right:0;transform:none;}
  .sample-preview:hover {transform:none;}
  .sample-body {min-height:230px;padding:30px 23px 27px;}
  .sample-body h4 {font-size:34px;}
  .sample-mobile {display:none;}
  .services {gap:12px;}
  .service {padding:27px 25px;}
  .service p {min-height:0;}
  .atelier-note-inner {grid-template-columns:minmax(0,1fr);gap:19px;padding-top:70px;padding-bottom:75px;}
  .atelier-note h2 {font-size:clamp(43px,8.7vw,59px);letter-spacing:-1.8px;}
  .atelier-note p {font-size:14px;}
  .ownership h2 {font-size:48px;}
  .step {padding-top:23px;}
  .contact {padding:68px 0;}
  .contact h2 {font-size:clamp(45px,10vw,58px);}
  .contact-form {padding:22px;}
  .footer-top {padding-top:39px;padding-bottom:35px;}
  .footer-top strong {font-size:clamp(37px,8.6vw,60px);}
}
@media(max-width:370px) {
  .hero h1 {font-size:clamp(46px,11.5vw,51px);}
  .hero .actions {align-items:stretch;}
  .hero .button {width:100%;justify-content:space-between;}
  .flow-node {padding:10px 6px;font-size:9px;}
  .flow-node.memory {min-width:88px;}
  .panel-head {letter-spacing:.8px;}
  .web-feature {padding:26px 18px;}
  .web-feature h3 {font-size:34px;}
  .sample-top {font-size:9px;}
  .atelier-note h2 {font-size:42px;}
  .contact-form {padding:16px;}
  .footer-top strong {font-size:35px;}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {scroll-behavior:auto!important;animation:none!important;transition:none!important;}
  .blueprint,.sample-preview {transform:none!important;}
}
@media print {
  .hero-shell,.ownership,.contact {background:#fff;color:#182b29;border-color:#ddd;}
  .hero-shell .intro,.hero .eyebrow,.hero .micro,.hero h1,.hero h1 em,.hero-footnote {color:#182b29!important;}
  .hero-trails,.hero-shell::before,.hero-shell::after,.contact::before,.sample-mobile {display:none!important;}
  .blueprint {transform:none;box-shadow:none;}
  .web-feature {box-shadow:none;break-inside:avoid;}
  .atelier-note {background:#fff;}
  .footer-top strong {font-size:52px;}
}


/* Continuity Systems — a dimensional refresh of the existing studio identity. */
:root { --surface-shadow:0 14px 36px #182e2310,0 2px 6px #182e2306; }
body.modern-page { -webkit-font-smoothing:antialiased; }
.modern-page .header { background:#f5f3ebed; border-bottom-color:#253c2514; box-shadow:0 3px 25px #102b2506; }
.modern-page .nav { min-height:82px; }
.modern-page .brand svg { padding:2px; border-radius:11px; background:linear-gradient(145deg,#fffdf7,#e2e7d9); box-shadow:inset 0 1px #fff,0 3px 8px #22392b12; }
.modern-page .links a:not(.nav-contact) { position:relative; font-weight:500; }
.modern-page .links a:not(.nav-contact)::after { content:""; position:absolute; left:0; bottom:-6px; width:100%; height:1px; background:#355b4a; transform:scaleX(0); transform-origin:left; transition:transform .2s; }
.modern-page .links a:not(.nav-contact):hover { text-decoration:none; }
.modern-page .links a:not(.nav-contact):hover::after { transform:scaleX(1); }
.modern-page .nav-contact { box-shadow:inset 0 1px #ffffff24,0 4px 12px #173b3420; }
.modern-page .hero-shell { background:radial-gradient(ellipse at 76% 40%,#45675266,transparent 44%),radial-gradient(ellipse at 6% 100%,#3c66574d,transparent 52%),linear-gradient(120deg,#102b27,#183b33 67%,#172f29); }
.modern-page .hero-shell::before { opacity:.27; background-size:88px 88px; }
.modern-page .hero-shell::after { width:720px; height:720px; right:-180px; top:-260px; box-shadow:0 0 0 96px #e4f2d504,0 0 0 192px #d7e6b004; }
.modern-page .hero-trails { opacity:.35; }
.modern-page .hero-trails .trail-one { animation:none; }
.modern-page .hero-shell .hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; padding-top:87px; padding-bottom:76px; }
.modern-page .hero .eyebrow { font-family:inherit; font-size:10px; letter-spacing:1.8px; line-height:1.7; color:#d8dfc7; margin-bottom:28px; }
.modern-page .hero h1 { font-family:"Helvetica Neue",Arial,sans-serif; font-weight:600; font-size:clamp(68px,6.8vw,94px); letter-spacing:-.065em; line-height:1.02; margin-bottom:27px; text-wrap:initial; }
.modern-page .hero h1 .headline-main { display:block; }
.modern-page .hero h1 em { font-family:Georgia,"Times New Roman",serif; font-size:.81em; font-weight:400; letter-spacing:-.055em; line-height:1.17; color:#e4e9bc; }
.modern-page .hero .intro { max-width:470px; font-size:16px; line-height:1.85; color:#d0ddd4; }
.modern-page .hero .actions { margin-top:30px; gap:20px; }
.modern-page .hero .button { padding:15px 23px; min-height:54px; border-color:#edf1cc; background:linear-gradient(135deg,#f0f2cc,#dce7b3); box-shadow:inset 0 1px #ffffffb3,0 8px 23px #061a194d; }
.modern-page .hero .button:hover { background:#f5f5d8; box-shadow:inset 0 1px #fff,0 12px 30px #061a1966; }
.modern-page .hero .button.secondary { border-color:transparent; border-radius:0; padding:12px 0; background:transparent; box-shadow:none; gap:15px; }
.modern-page .hero .button.secondary:hover { background:transparent; color:#e4e9bc; }
.modern-page .hero .micro { text-transform:none; font-family:inherit; letter-spacing:0; font-size:12px; line-height:1.8; max-width:390px; color:#b7cbbd; margin-top:24px; }

/* A tangible desktop and mobile concept. All visual-only controls are inert. */
.studio-showcase { position:relative; min-width:0; width:100%; isolation:isolate; }
.showcase-kicker { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 8px; font:10px/1.6 "Helvetica Neue",Arial,sans-serif; text-transform:uppercase; letter-spacing:1.8px; color:#c9dbc9; }
.showcase-kicker span:last-child { color:#e4e9bc; letter-spacing:1px; }
.showcase-scene { position:relative; height:410px; margin:0 -8px 0 0; perspective:1200px; }
.showcase-scene::before { content:""; position:absolute; width:87%; height:84%; top:0; right:0; border-radius:50%; background:radial-gradient(ellipse,#c7dfaa2b,transparent 67%); filter:blur(16px); pointer-events:none; }
.showcase-scene::after { content:""; position:absolute; height:34px; width:75%; left:8%; bottom:12px; border-radius:50%; background:#061a198c; filter:blur(22px); z-index:-1; }
.showcase-halo { position:absolute; width:95%; height:290px; top:46px; left:0; border:1px solid #dce8bb24; border-radius:50%; transform:rotate(-22deg); box-shadow:0 0 0 24px #c3e7ab05,0 0 0 48px #c3e7ab03; }
.showcase-window { position:absolute; top:37px; left:0; width:91%; padding:7px; border:1px solid #ffffff80; border-radius:13px; background:linear-gradient(145deg,#f8f9ed,#cbd6c5); box-shadow:0 35px 55px -10px #051913a6,-5px 9px 0 #69817333,inset 0 1px 1px #fff; transform:rotateY(-7deg) rotateX(5deg) rotateZ(-3deg); transform-origin:50% 70%; transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s; animation:cs-arrive .8s ease-out both; }
.window-toolbar { height:29px; display:flex; align-items:center; gap:5px; padding:0 7px 7px; }
.window-toolbar i { display:block; width:5px; height:5px; border-radius:50%; background:#a6b5a2; }
.window-toolbar span { margin:auto; font:9px/1 Arial,sans-serif; color:#5c6d5c; letter-spacing:.35px; padding-right:21px; }
.showcase-page { border-radius:5px; overflow:hidden; border:1px solid #bdbca766; background:#f8f3e8; color:#45372f; }
.showcase-site-nav { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:18px 20px; border-bottom:1px solid #a58c681c; }
.showcase-site-nav strong { font:700 10px/1 Georgia,serif; letter-spacing:1.5px; }
.showcase-site-nav span { font:8px/1.3 Arial,sans-serif; color:#75634f; }
.showcase-site-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:0; min-height:215px; background:linear-gradient(125deg,#faf4e9,#eee4d5); }
.showcase-site-copy { padding:32px 0 28px 24px; position:relative; z-index:2; }
.showcase-site-copy small { display:block; color:#786250; font:8px/1.4 Arial,sans-serif; text-transform:uppercase; letter-spacing:1.3px; margin-bottom:15px; }
.showcase-site-copy strong { display:block; font:400 31px/1.03 Georgia,serif; letter-spacing:-1px; color:#493c31; margin-bottom:13px; }
.showcase-site-copy p { color:#786653; font:9px/1.6 Arial,sans-serif; max-width:135px; margin:0 0 16px; }
.showcase-site-copy .preview-cta { display:inline-block; border-bottom:1px solid #786653; padding:0 0 4px; font:9px/1.4 Arial,sans-serif; color:#4b3c2f; }
.showcase-sculpture { position:relative; overflow:hidden; min-width:0; background:radial-gradient(ellipse at 50% 100%,#c6aa8e5e,transparent 62%); }
.sculpture-arch { position:absolute; width:125px; height:180px; bottom:19px; left:8px; border-radius:80px 80px 7px 7px; background:linear-gradient(122deg,#efc5a3 0%,#d39976 40%,#b7795a 72%,#d7a889 100%); box-shadow:inset 5px 1px 7px #fff4d594,inset -8px -2px 12px #72452b40,16px 18px 18px #6a45203d; transform:rotate(-12deg); }
.sculpture-arch::before { content:""; position:absolute; inset:21px 24px 0; border-radius:65px 65px 0 0; background:linear-gradient(130deg,#c2aa8f,#e5d8c4 67%,#f1e5d4); box-shadow:inset 8px 3px 10px #513b233b,-2px -2px 2px #fff1cd66; }
.sculpture-orb { position:absolute; width:74px; height:74px; bottom:11px; right:3px; border-radius:50%; background:radial-gradient(circle at 30% 25%,#afbea0,#849476 43%,#4c634e 81%,#4e5946); box-shadow:12px 12px 15px #62523c3d,inset 0 0 1px #f0f4d6; }
.showcase-site-footer { display:flex; justify-content:space-between; gap:7px; padding:15px 18px; color:#86745e; font:8px/1.5 Arial,sans-serif; }
.showcase-phone { position:absolute; z-index:4; right:-5px; bottom:6px; width:133px; height:259px; padding:8px; background:linear-gradient(135deg,#e2e7d8,#8b9d87); border:1px solid #f4f7e980; border-radius:27px; box-shadow:0 24px 33px #041d167a,3px 2px 0 #526d5f; transform:rotate(7deg); transition:transform .55s cubic-bezier(.2,.8,.2,1); animation:cs-arrive 1s ease-out both; }
.phone-screen { height:100%; background:#f8f3e8; color:#4b3d31; border:1px solid #5d705866; border-radius:19px; overflow:hidden; padding:12px 11px; }
.phone-speaker { height:4px; width:33px; border-radius:5px; margin:0 auto 13px; background:#54694d; }
.phone-wordmark { font:700 8px/1.3 Georgia,serif; letter-spacing:.5px; }
.phone-art { height:89px; position:relative; margin:13px -11px 10px; background:linear-gradient(130deg,#f2e6d4,#e2d1bb); overflow:hidden; }
.phone-art::before { content:""; position:absolute; width:50px; height:70px; left:20px; bottom:-8px; border-radius:45px 45px 0 0; border:12px solid #ce9b76; box-shadow:inset 3px 2px 5px #6a452040,6px 6px 8px #6a45203b; transform:rotate(-15deg); }
.phone-art::after { content:""; position:absolute; width:38px; height:38px; right:12px; bottom:9px; border-radius:50%; background:radial-gradient(circle at 30% 25%,#b3bf9d,#5e785b 77%); box-shadow:5px 5px 8px #62523c3d; }
.phone-screen strong { display:block; font:400 17px/1.04 Georgia,serif; letter-spacing:-.5px; white-space:nowrap; }
.phone-screen .phone-cta { display:block; margin-top:12px; padding:7px 5px; background:#46604b; border-radius:3px; color:#f6f4e5; font:7px/1.4 Arial,sans-serif; text-align:center; }
.showcase-detail { position:absolute; z-index:5; left:-14px; bottom:23px; display:flex; align-items:center; gap:11px; padding:14px 18px; background:linear-gradient(135deg,#fcfcf1f5,#e8efdbf0); color:#284234; border:1px solid #ffffffb3; border-radius:11px; box-shadow:0 14px 30px #061b184a,inset 0 1px #fff; transform:rotate(-2deg); }
.detail-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; border:1px solid #afc09c; color:#42603f; background:#dfeacd; font-size:16px; }
.showcase-detail strong { display:block; font:600 11px/1.6 Arial,sans-serif; }
.showcase-detail small { display:block; color:#61715a; font:10px/1.6 Arial,sans-serif; }
.showcase-caption { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-top:18px; padding-top:21px; border-top:1px solid #bcd3b54a; }
.showcase-caption p { font-size:12px; color:#c4d5c7; line-height:1.7; margin:0; }
.showcase-caption strong { display:block; color:#f6f6e8; font-size:16px; font-weight:500; }
.showcase-caption a { display:flex; align-items:center; gap:13px; min-height:44px; color:#e4e9bc; font-size:12px; text-decoration:none; white-space:nowrap; }
.showcase-caption a span { display:grid; place-items:center; height:34px; width:34px; border:1px solid #c9d8b961; border-radius:50%; transition:background .2s,transform .2s; }
.showcase-caption a:hover span { background:#e4e9bc; color:#16382a; transform:translate(2px,-2px); }
.showcase-disclosure { margin:11px 0 0; font-size:10px; line-height:1.6; color:#b9cdbb; }
.modern-page .hero-footnote { letter-spacing:1px; font-size:10px; color:#c4d4c5; }
.modern-page .principles { padding:29px 0; border-top:0; }

/* Hierarchy: the showcase carries the deepest shadows; working content stays quiet. */
.modern-page .section-head h2 { font-size:clamp(40px,4.4vw,60px); line-height:1.08; }
.modern-page .web-feature { background:radial-gradient(ellipse at 100% 0%,#fffdf2c7,transparent 58%),linear-gradient(135deg,#e3e9db,#e9e2d3); border-color:#ffffff; box-shadow:0 24px 60px #203a2612,0 3px 8px #203a2608,inset 0 1px #fff; border-radius:22px; }
.modern-page .services { gap:20px; }
.modern-page .service { position:relative; padding:30px 28px; background:linear-gradient(150deg,#fffef9,#f4f3eb); border-color:#fff!important; border-radius:16px; box-shadow:var(--surface-shadow); }
.modern-page .service::after { content:""; position:absolute; top:23px; right:22px; width:29px; height:29px; display:grid; place-items:center; border:1px solid #d8dfd0; color:#6f8066; border-radius:50%; font-size:12px; background:radial-gradient(circle at 35% 30%,#f7f9ea,#bdceb0); box-shadow:inset 0 1px #fff; }
.modern-page .service .number { font-size:10px; letter-spacing:.8px; padding-right:20px; }
.modern-page .service:hover { transform:translateY(-5px); box-shadow:0 20px 42px #213e241a,0 3px 9px #203a260a; }
.modern-page .service h3 { font-family:"Helvetica Neue",Arial,sans-serif; font-size:21px; font-weight:500; letter-spacing:-.65px; }
.modern-page .atelier-note { background:radial-gradient(ellipse at 90% 0%,#f6f4e180,transparent 65%),linear-gradient(130deg,#d9ddc8,#d4d8c0); }
.modern-page .ownership { position:relative; background:radial-gradient(ellipse at 88% 60%,#41634a4d,transparent 58%),linear-gradient(120deg,#183b32,#142e27); }
.modern-page .ownership li { border-bottom:0; padding:20px 23px; margin-bottom:14px; border-radius:12px; background:linear-gradient(135deg,#ffffff09,#ffffff03); border:1px solid #abc5a626; box-shadow:inset 0 1px #ffffff07; }
.modern-page .ownership li:last-child { margin-bottom:0; }
.modern-page .process { gap:22px; }
.modern-page .step { padding:26px 23px 25px; border-radius:0 0 14px 14px; background:linear-gradient(135deg,#ffffff5c,#fffef524); }
.modern-page .step-number { color:#756246; }
.modern-page .contact-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:64px; row-gap:24px; align-items:start; }
.modern-page .contact-grid>div:first-child { grid-column:1; grid-row:1; }
.modern-page .contact-grid .intake-invite { grid-column:1; grid-row:2; padding:25px 28px; border:1px solid #bed2b94d; border-radius:15px; background:linear-gradient(125deg,#ffffff0c,#e1edbf06); box-shadow:inset 0 1px #ffffff0a; }
.modern-page .intake-invite h3 { color:#f1f5e5; margin-bottom:12px; }
.modern-page .intake-invite .eyebrow { font-size:10px; letter-spacing:1.5px; margin-bottom:17px; }
.modern-page .intake-invite p:last-child { font-size:11px; margin:14px 0 0; }
.modern-page .intake-invite .button { border-radius:50px; min-height:48px; border-color:#dfe7b5; color:#183b2a; background:#dfe7b5; text-align:center; }
.modern-page .contact-grid .contact-form { grid-column:2; grid-row:1 / span 2; padding:30px; background:linear-gradient(145deg,#ffffff12,#ffffff06); border-color:#bfd1b845; border-radius:20px; box-shadow:0 20px 55px #061b1840,inset 0 1px #ffffff0c; }
.modern-page .contact-form input,.modern-page .contact-form textarea,.modern-page .contact-form select { background:#0f2d2699; border-color:#849e8166; box-shadow:inset 0 2px 5px #001e1814; }
.modern-page .contact-form textarea { min-height:170px; }
.modern-page .faq details { padding:23px 0; }
.modern-page .faq summary { min-height:26px; }
.modern-page .faq summary::after { color:#5a7253; }

/* The same visual language continues into the existing saved-brief page. */
.intake-page .intake-hero { position:relative; isolation:isolate; }
.intake-page .intake-hero::after { content:""; position:absolute; z-index:-1; width:360px; height:360px; border-radius:50%; right:0; top:70px; background:radial-gradient(circle at 35% 30%,#eff3df,#dbe5ca 55%,#c0d0ad); box-shadow:inset 0 3px 15px #ffffefc7,25px 30px 75px #738d5b26; opacity:.65; }
.intake-page .intake-hero h1 { font-family:"Helvetica Neue",Arial,sans-serif; font-weight:500; font-size:clamp(48px,6.8vw,85px); letter-spacing:-.06em; }
.intake-page .intake-hero h1 em { font-family:Georgia,serif; font-weight:400; letter-spacing:-.06em; }
.intake-page .button { border-radius:50px; box-shadow:0 6px 15px #294b3112; }
.intake-page .package { border-color:#fff; border-radius:18px; background:linear-gradient(145deg,#fffef8,#f1f1e7); box-shadow:var(--surface-shadow); }
.intake-page .package.featured { border-color:#9eb591; background:linear-gradient(145deg,#e7efdb,#dce7d0); box-shadow:0 19px 42px #294b311a,inset 0 1px #fff8; }
.intake-page .package .number { font-size:11px; letter-spacing:1px; color:#596f4d; }
.intake-page .package h3 { font-weight:500; letter-spacing:-.7px; }
.intake-page .scope-note { border-radius:0 15px 15px 0; }
.intake-page .intake-form { max-width:none; border:1px solid #fff; border-radius:20px; padding:12px 34px 34px; background:linear-gradient(145deg,#fffef7,#f5f4eb); box-shadow:var(--surface-shadow); }
.intake-page .intake-form fieldset { padding-top:32px; }
.intake-page .intake-form fieldset:first-child { border-top:0; }
.intake-page .intake-form input:not([type=checkbox]),.intake-page .intake-form textarea,.intake-page .intake-form select { border-radius:8px; border-color:#b4c0ab; background:#fffefa; }
.intake-page .intake-nav a { min-height:44px; display:inline-flex; align-items:center; text-underline-offset:5px; }

@keyframes cs-arrive { from { opacity:0; translate:0 14px; } to { opacity:1; translate:0 0; } }
@media(hover:hover) and (pointer:fine) {
  .studio-showcase:hover .showcase-window { transform:rotateY(-3deg) rotateX(2deg) rotateZ(-1deg) translateY(-5px); box-shadow:0 43px 65px -10px #051913a6,-5px 9px 0 #69817333,inset 0 1px 1px #fff; }
  .studio-showcase:hover .showcase-phone { transform:rotate(4deg) translateY(-7px); }
}
@media(max-width:1050px) {
  .modern-page .hero-shell .hero { gap:34px; padding-top:73px; padding-bottom:67px; }
  .modern-page .hero h1 { font-size:clamp(58px,6.8vw,78px); }
  .modern-page .hero .intro { font-size:15px; }
  .modern-page .hero .actions { gap:13px; }
  .modern-page .hero .button { padding:14px 18px; font-size:12px; }
  .showcase-scene { height:385px; }
  .showcase-window { width:94%; top:36px; }
  .showcase-site-nav { padding:15px; }
  .showcase-site-copy { padding:25px 0 23px 18px; }
  .showcase-site-copy strong { font-size:27px; }
  .sculpture-arch { width:100px; height:150px; left:3px; }
  .sculpture-arch::before { inset:19px 21px 0; }
  .sculpture-orb { width:62px; height:62px; }
  .showcase-phone { width:115px; height:238px; right:-6px; bottom:3px; border-radius:23px; padding:6px; }
  .showcase-detail { left:-5px; padding:12px; bottom:11px; gap:8px; }
  .showcase-detail strong { font-size:10px; }
  .showcase-detail small { font-size:9px; }
  .showcase-caption { gap:10px; }
  .showcase-caption strong { font-size:14px; }
  .showcase-caption a { gap:7px; font-size:11px; }
  .modern-page .contact-grid { column-gap:32px; }
  .modern-page .contact-grid .contact-form { padding:24px; }
}
@media(max-width:850px) and (min-width:721px) {
  .modern-page .links { gap:13px; }
  .modern-page .links a { font-size:11px; }
  .modern-page .nav-contact { padding:10px 12px; }
  .showcase-site-nav span { display:none; }
  .showcase-site-copy strong { font-size:24px; }
  .showcase-site-hero { grid-template-columns:1.25fr .75fr; }
  .showcase-caption { align-items:start; }
  .showcase-caption a { flex-direction:column-reverse; gap:2px; }
  .showcase-detail { padding:10px; gap:7px; }
  .detail-icon { width:23px; height:23px; }
  .showcase-kicker { font-size:8px; letter-spacing:1.1px; }
  .modern-page .hero .eyebrow { font-size:9px; }
  .modern-page .hero .actions { gap:5px 12px; }
  .modern-page .service::after { display:none; }
}
@media(max-width:720px) {
  .modern-page .nav { min-height:73px; }
  .modern-page .links { border-radius:0 0 18px 18px; padding:16px 22px 22px; box-shadow:0 18px 30px #152f2826; }
  .modern-page .links a:not(.nav-contact)::after { display:none; }
  .modern-page .nav-contact { border-radius:50px; }
  .modern-page .hero-shell .hero { grid-template-columns:minmax(0,1fr); padding-top:55px; padding-bottom:45px; gap:45px; }
  .modern-page .hero h1 { font-size:clamp(58px,12vw,80px); letter-spacing:-.06em; line-height:1.05; }
  .modern-page .hero h1 em { font-size:.82em; }
  .modern-page .hero .eyebrow { font-size:9px; letter-spacing:1.4px; margin-bottom:24px; }
  .modern-page .hero .intro { max-width:490px; font-size:15px; }
  .modern-page .hero .actions { margin-top:27px; gap:16px; }
  .modern-page .hero .micro { margin-top:18px; font-size:11px; }
  .studio-showcase { max-width:510px; justify-self:center; }
  .showcase-kicker { font-size:9px; letter-spacing:1.3px; }
  .showcase-scene { height:385px; margin-right:0; }
  .showcase-window { width:91%; top:30px; transform:rotate(-2deg); }
  .showcase-site-nav { padding:16px; }
  .showcase-site-copy { padding:29px 0 25px 21px; }
  .showcase-site-copy strong { font-size:29px; }
  .showcase-phone { width:124px; height:247px; right:0; bottom:1px; transform:rotate(5deg); }
  .showcase-detail { bottom:13px; left:0; padding:12px 14px; }
  .showcase-detail strong { font-size:11px; }
  .showcase-detail small { font-size:9px; }
  .showcase-caption { margin-top:15px; padding-top:17px; }
  .showcase-disclosure { font-size:10px; }
  .modern-page .hero-footnote { font-size:9px; row-gap:12px; }
  .modern-page .hero-footnote>span { width:calc(50% - 10px); }
  .modern-page .hero-footnote strong { flex:1; }
  .modern-page .section { padding-top:67px; padding-bottom:67px; }
  .modern-page .services { gap:16px; }
  .modern-page .service { padding:28px 25px; }
  .modern-page .ownership li { padding:18px; }
  .modern-page .process { gap:20px; }
  .modern-page .contact-grid { grid-template-columns:minmax(0,1fr); gap:25px; }
  .modern-page .contact-grid>div:first-child,.modern-page .contact-grid .intake-invite,.modern-page .contact-grid .contact-form { grid-column:1; grid-row:auto; }
  .modern-page .contact-grid .intake-invite,.modern-page .contact-grid .contact-form { padding:23px; }
  .modern-page .contact-form textarea { min-height:135px; }
  .modern-page .principles { font-size:10px; gap:18px 12px; }
  .modern-page .principles span { font-size:10px; }
  .intake-page .intake-hero::after { width:220px; height:220px; top:70px; right:0; opacity:.3; }
  .intake-page .intake-form { padding:10px 22px 25px; }
  .intake-page .intake-hero h1 { font-size:clamp(45px,9.8vw,64px); }
}
@media(max-width:440px) {
  .modern-page .hero h1 { font-size:clamp(48px,13.3vw,58px); }
  .modern-page .hero h1 em { font-size:.84em; }
  .modern-page .hero .actions { display:grid; grid-template-columns:1fr; gap:6px; }
  .modern-page .hero .button { min-height:51px; padding:14px 21px; justify-content:space-between; font-size:13px; }
  .modern-page .hero .button.secondary { min-height:44px; padding:10px 2px; justify-content:center; gap:14px; }
  .modern-page .hero .micro { margin-top:10px; text-align:center; }
  .modern-page .hero-shell .hero { gap:32px; padding-bottom:35px; }
  .showcase-kicker { font-size:8px; letter-spacing:1px; }
  .showcase-scene { height:344px; }
  .showcase-window { width:94%; top:28px; padding:5px; }
  .window-toolbar { height:25px; }
  .showcase-site-nav { padding:13px; }
  .showcase-site-nav span { font-size:7px; }
  .showcase-site-copy { padding:23px 0 20px 16px; }
  .showcase-site-copy small { font-size:7px; letter-spacing:.8px; margin-bottom:12px; }
  .showcase-site-copy strong { font-size:25px; }
  .showcase-site-copy p { font-size:8px; max-width:110px; }
  .showcase-site-hero { min-height:188px; }
  .showcase-site-footer { padding:12px; font-size:7px; }
  .showcase-phone { width:103px; height:226px; border-radius:22px; right:2px; bottom:4px; }
  .phone-screen { padding:10px 8px; border-radius:16px; }
  .phone-speaker { margin-bottom:11px; }
  .phone-wordmark { font-size:7px; }
  .phone-art { height:66px; margin-top:10px; margin-bottom:9px; }
  .phone-screen strong { font-size:14px; }
  .phone-screen .phone-cta { margin-top:9px; font-size:6px; }
  .sculpture-arch { width:91px; height:132px; }
  .sculpture-arch::before { inset:16px 19px 0; }
  .sculpture-orb { width:56px; height:56px; }
  .showcase-detail { padding:10px 12px; bottom:15px; border-radius:9px; gap:8px; }
  .showcase-detail strong { font-size:10px; }
  .showcase-detail small { font-size:8px; }
  .detail-icon { width:24px; height:24px; font-size:12px; }
  .showcase-caption p { font-size:11px; }
  .showcase-caption strong { font-size:14px; }
  .showcase-caption a { font-size:11px; gap:7px; }
  .showcase-caption a span { height:30px; width:30px; }
  .modern-page .contact-form { grid-template-columns:minmax(0,1fr); }
  .modern-page .contact-form .field { grid-column:1; }
  .modern-page .intake-invite .button { width:100%; font-size:12px; padding:13px 14px; }
  .modern-page .section-head h2 { font-size:38px; letter-spacing:-1.8px; }
}
@media(prefers-reduced-motion:reduce) {
  .modern-page *, .modern-page *::before, .modern-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .showcase-window { transform:none!important; }
  .showcase-phone { transform:rotate(3deg)!important; }
}
@media print {
  .studio-showcase { display:none; }
  .modern-page .hero-shell .hero { display:block; }
  .modern-page .service,.modern-page .web-feature,.modern-page .step,.intake-page .package { box-shadow:none; }
  .modern-page .contact-grid { display:block; }
  .modern-page .contact-grid .contact-form { display:none; }
}


/* Consistent interface icons: text labels and native control semantics remain visible. */
.ui-icon { width:18px; height:18px; flex:0 0 18px; display:block; pointer-events:none; }
.modern-page .button.with-icon { gap:10px; }
.modern-page .copy-brief { display:inline-flex; align-items:center; justify-content:flex-start; gap:8px; min-height:44px; }
.modern-page .copy-brief .ui-icon { width:17px; height:17px; flex-basis:17px; }
.modern-page .menu { align-items:center; justify-content:center; gap:8px; min-height:44px; border-radius:10px; color:var(--ink); }
.menu-label { line-height:1.2; }
.menu .icon-close { display:none; }
.menu[aria-expanded="true"] .icon-menu { display:none; }
.menu[aria-expanded="true"] .icon-close { display:block; }
.modern-page .faq summary { align-items:center; }
.modern-page .faq summary::after,
.modern-page .faq details[open] summary::after { content:none; }
.modern-page .faq .faq-toggle { width:21px; height:21px; flex-basis:21px; color:#5a7253; margin-left:auto; }
.faq-toggle .icon-vertical { transition:opacity .15s ease; }
.faq details[open] .faq-toggle .icon-vertical { opacity:0; }
@media(max-width:720px) { .menu { display:inline-flex; } }