/* A softer Sandbox, keeping se.city's blue and a little green. */
:root {
  --paper: #fbf8f0;
  --ink: #2c3029;
  --muted: #62675d;
  --line: #deddd2;
  --lime: #e0efae;
}
.brand-mark {position:relative;display:block;transform:rotate(-5deg);width:27px;height:27px;}
.brand-mark i,.brand-mark i:nth-child(2),.brand-mark i:nth-child(3) {position:absolute;width:12px;height:12px;border-radius:3px;}
.brand-mark i {left:0;bottom:0;background:var(--blue);}
.brand-mark i:nth-child(2) {left:auto;right:0;top:0;background:#9e9cd6;}
.brand-mark i:nth-child(3) {left:auto;right:0;bottom:0;background:#849b51;}
.button {border-radius:999px;}
.button:hover {transform:translateY(-2px);}
.button-ink {background:#eeecdf;border:1px solid #d7d7c9;color:var(--ink);}
.hero h1 .blue-text {display:block;}
.hero-description {max-width:440px;font-size:15px;line-height:1.9;}
.hero-footnote {font-size:11px;line-height:1.7;max-width:400px;}
.hero-actions {gap:25px;}
.hero-actions .button {gap:22px;}
.launch-scene {background:#f0e5d0;border:1px solid #e2d5bc;border-radius:26px;}
.launch-scene::after {content:'';position:absolute;inset:49px 18px 43px;border:1px dashed #cfc1a9;border-radius:20px;z-index:-1;}
.scene-top,.scene-bottom {font-size:8px;letter-spacing:.8px;}
.scene-bottom {justify-content:flex-end;}
.orbit {border-color:#d4c8b1;opacity:.55;}
.platform {border-color:#8b8b72;box-shadow:1px 3px 0 #a8a28b;}
.platform-back {background:#c6c2eb;}
.platform-front {background:#e1edb0;}
.idea-window {top:70px;border-color:#454a3c;border-radius:15px;box-shadow:4px 6px 0 #72775f;}
.window-top {border-color:#cecfbd;}
.window-top>span:last-child {font-size:18px;color:var(--blue);}
.window-content {padding-bottom:23px;}
.idea-label {display:block;line-height:1.4;}
.window-content strong {display:block;line-height:1.15;font-size:25px;letter-spacing:-.8px;}
.window-content p {font-size:10px;color:#636b56;margin-top:6px;}
.window-steps {display:flex;justify-content:center;gap:10px;font-size:7px;font-weight:650;letter-spacing:.8px;color:#636b56;margin-top:19px;}
.idea-blocks {position:relative;width:131px;height:121px;margin:12px auto;}
.idea-blocks i {position:absolute;display:block;width:55px;height:55px;border-radius:10px;}
.idea-blocks i:first-child {left:6px;bottom:2px;background:var(--blue);transform:rotate(-7deg);box-shadow:2px 3px 0 #3532b526;}
.idea-blocks i:nth-child(2) {right:3px;bottom:2px;background:#c3d991;transform:rotate(8deg);box-shadow:2px 3px 0 #71834c20;}
.idea-blocks i:nth-child(3) {right:1px;top:3px;background:#b7b3ec;transform:rotate(-4deg);box-shadow:2px 3px 0 #5d568c20;}
.idea-blocks>span {position:absolute;left:15px;top:6px;color:#bd7954;font-size:48px;line-height:1;transform:rotate(-10deg);}
.sticker-top {background:#e9e5fa;border-color:#d4cce9;border-radius:5px;right:13px;}
.sticker-top>span {font-size:21px;color:#8176b4;}
.sticker-bottom {border-radius:999px;padding:11px 14px;background:#fbf8ef;border-color:#d5d2bc;}
.scene-cross {color:#988a70;}
.mission-strip {border-color:#d5e09f;background:#e8efc9;}
.mission-strip .wrap {font-size:10px;letter-spacing:.7px;}
.mission-strip .wrap>span:nth-child(even) {font-size:18px;}
.section-heading>p {font-size:13px;line-height:1.9;}
.directory-tools {gap:14px;}
.filter-tabs {flex-wrap:wrap;}
.filter-tabs button {border-radius:999px;font-size:11px;padding:9px 14px;}
.filter-tabs button.active {background:#e7eadc;color:var(--ink);border-color:#d3d9c5;}
.project-visual {border-radius:16px;}
.project-meta {align-items:flex-start;}
.project-category {font-size:8px;letter-spacing:.65px;}
.project-status {border-radius:999px;font-size:9px;}
.project-card>p {font-size:12px;line-height:1.85;}
.services-section {background:#f0f1e7;border-color:#e2e4d6;}
.service h3 {font-size:23px;}
.service>p {font-size:12px;line-height:1.9;}
.service-symbol {border-radius:18px;background:#e1eab8;font-size:38px;}
.symbol-window {background:#dedbf2;}
.symbol-home {background:#e8d8c5;font-size:46px;}
.about-strip {grid-template-columns:170px 1fr 155px;gap:45px;}
.about-glyph {color:#878e63;font-size:155px;}
.about-strip p {max-width:510px;font-size:13px;line-height:1.9;}
.about-strip .give-back-note {padding:17px 20px;background:#eeefdf;border-radius:12px;border-left:2px solid #b2bd8d;font-size:12px;line-height:1.9;}
.cta-section {background:#e6e4f5;border:1px solid #d9d6eb;color:var(--ink);border-radius:22px;}
.cta-section .eyebrow,.cta-section p {color:#5d587a;}
.cta-section h2>span {color:var(--blue);}
.cta-section .button {background:var(--blue);color:#fff;}
.cta-spark {color:#a5a0d7;}
.cta-section p {font-size:11px;line-height:1.8;max-width:370px;}
.inquiry-panel {background:#f0f1e7;border-radius:18px;}
.inquiry-panel input,.inquiry-panel select,.inquiry-panel textarea {border-radius:9px;}
.inquiry-panel h2 {line-height:1.2;}
.article-excerpt {line-height:1.7;}
.comments-section {max-width:800px;margin:58px auto 0;border:1px solid #e1dfd2;background:#f7f5ec;border-radius:20px;padding:30px 32px 9px;scroll-margin-top:26px;}
.conversation-intro {display:flex;align-items:flex-start;gap:15px;}
.conversation-glyph {font-size:36px;line-height:1.05;color:var(--blue);}
.conversation-intro .eyebrow {font-size:8px;letter-spacing:1px;}
.conversation-intro p {max-width:540px;font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px;}
.comments-section iframe {width:100%;display:block;}
@media(min-width:1600px) {
  .hero h1 {font-size:97px;letter-spacing:-5px;}
  .idea-window {top:100px;}
}
@media(max-width:1100px) {
  .hero-description {font-size:13px;}
  .hero-actions {gap:20px;}
  .hero-actions .button {padding-inline:17px;gap:15px;}
  .hero-actions .text-link {font-size:11px;gap:13px;}
  .filter-tabs button {font-size:10px;padding-inline:12px;}
  .directory-label {display:none;}
  .about-strip {grid-template-columns:135px 1fr 120px;gap:30px;}
  .about-glyph {font-size:130px;}
}
@media(max-width:850px) {
  .hero-actions {gap:15px;}
  .hero-actions .button {font-size:11px;gap:12px;padding-inline:15px;}
  .hero-actions .text-link {font-size:10px;gap:12px;}
  .hero-footnote {font-size:9px;}
  .idea-window {top:60px;}
  .idea-blocks {height:112px;width:121px;margin-top:10px;margin-bottom:10px;}
  .idea-blocks i {height:51px;width:51px;border-radius:8px;}
  .idea-blocks>span {font-size:43px;left:13px;top:8px;}
  .window-content {padding-bottom:17px;}
  .window-content strong {font-size:22px;}
  .window-content p {font-size:9px;}
  .window-steps {font-size:6px;gap:8px;margin-top:15px;}
  .section-heading>p {font-size:12px;max-width:260px;}
  .mission-strip .wrap {font-size:8px;}
  .project-status {font-size:8px;padding-inline:8px;}
  .project-category {font-size:7px;}
  .service h3 {font-size:20px;}
  .service>p {font-size:11px;}
  .about-strip {grid-template-columns:120px 1fr;gap:30px;}
  .about-strip p {font-size:12px;}
  .comments-section {padding:25px 23px 7px;}
}
@media(max-width:640px) {
  .hero {gap:34px;}
  .hero h1 {font-size:clamp(43px,11.9vw,68px);letter-spacing:-3px;}
  .hero-description {font-size:14px;line-height:1.85;}
  .hero-actions {column-gap:24px;row-gap:17px;}
  .hero-actions .button {font-size:12px;gap:22px;padding:15px 19px;}
  .hero-actions .text-link {font-size:11px;gap:14px;}
  .hero-footnote {font-size:10px;max-width:100%;align-items:flex-start;}
  .hero-footnote .tiny-spark {font-size:22px;}
  .launch-scene {border-radius:20px;}
  .idea-window {top:35px;}
  .scene-top,.scene-bottom {font-size:6px;letter-spacing:.65px;}
  .launch-scene::after {inset:41px 14px 37px;}
  .sticker-top {font-size:8px;min-width:133px;}
  .window-content {padding-bottom:20px;}
  .idea-blocks {height:121px;width:131px;margin-block:12px;}
  .idea-blocks i {height:55px;width:55px;}
  .idea-blocks>span {font-size:48px;}
  .window-content strong {font-size:23px;}
  .sticker-bottom {font-size:7px;bottom:36px;}
  .mission-strip .wrap {font-size:6px;letter-spacing:.4px;gap:9px;flex-wrap:nowrap;}
  .mission-strip .wrap>span {max-width:90px;}
  .mission-strip .wrap>span:nth-child(even) {font-size:14px;}
  .mission-strip .wrap>span:nth-child(5) {max-width:95px;}
  .section-heading>p {max-width:100%;font-size:12px;}
  .filter-tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .filter-tabs button {font-size:10px;justify-content:center;padding:9px 8px;}
  .concept-notice {font-size:10px;}
  .project-meta {gap:10px;}
  .project-status {font-size:8px;margin-top:7px;}
  .project-category {font-size:7px;letter-spacing:.4px;}
  .project-card>p {font-size:12px;max-width:100%;}
  .service h3 {font-size:25px;}
  .service>p {font-size:13px;}
  .about-strip {display:block;}
  .about-glyph {font-size:97px;}
  .about-strip p {font-size:13px;}
  .about-strip .give-back-note {font-size:12px;padding:16px 17px;}
  .cta-section {padding:31px 24px;min-height:330px;}
  .cta-section h2 {font-size:clamp(31px,8.3vw,44px);letter-spacing:-1.7px;line-height:1.12;}
  .cta-spark {opacity:.25;right:-27px;bottom:80px;}
  .cta-section p {font-size:10px;max-width:260px;}
  .comments-section {padding:23px 15px 3px;margin-top:40px;border-radius:16px;}
  .conversation-intro {gap:11px;}
  .conversation-glyph {font-size:31px;}
  .conversation-intro .eyebrow {font-size:7px;letter-spacing:.65px;}
  .conversation-intro p {font-size:12px;}
  .inquiry-panel {padding-inline:20px;}
}