html,
body {
      margin: 0;
      background: #050505;
    }




    #calamophyton-home {
      --calamophyton-hero-ink: #f4f2ed;
      --calamophyton-hero-muted: rgba(244, 242, 237, .76);
      --calamophyton-hero-line: rgba(244, 242, 237, .25);
      --calamophyton-hero-gold: #d19b4a;
      --calamophyton-hero-signal: currentColor;
      position: relative;
      color: var(--calamophyton-hero-ink);
      background: #0b0b0a;
      font-family: var(--font-sans);
      letter-spacing: .035em;
    }
    #calamophyton-home .calamophyton-hero-stage {
      position: relative;
      height: 100vh;
      height: 100svh;
      min-height: 430px;
      overflow: hidden;
      background: #0b0b0a;
    }
    #calamophyton-home[data-page="home"] .calamophyton-hero-stage {
      width: 100%;
      height: 100vh;
      height: 100svh;
      min-height: 0;
      aspect-ratio: auto;
      margin: 0;
    }
    #calamophyton-home .calamophyton-hero-media {
      position: absolute;
      inset: 0;
      overflow: hidden;
      background: #050505;
    }
    #calamophyton-home:not([data-page="home"]) .calamophyton-hero-media { display: none; }
    #calamophyton-home .calamophyton-hero-image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: 0;
      background: #050505;
      object-fit: cover;
      object-position: center;
    }
    #calamophyton-home .calamophyton-directory-utilities { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    #calamophyton-home .calamophyton-hero-media::after {
      content: none;
    }
    #calamophyton-home .calamophyton-hero-shade {
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: transparent;
    }

    #calamophyton-home .calamophyton-hero-bar {
      position: fixed;
      z-index: 30;
      top: 0;
      right: 0;
      left: 0;
      min-height: 96px;
      box-sizing: border-box;
      display: grid;
      grid-template-columns: minmax(145px, 1fr) auto;
      align-items: center;
      gap: 12px;
      padding: 0 40px;
      border-bottom: 1px solid transparent;
      transition: min-height .36s cubic-bezier(.22, 1, .36, 1), background .3s ease, border-color .3s ease, backdrop-filter .3s ease;
    }
    #calamophyton-home .calamophyton-hero-bar::before {
      position: absolute;
      z-index: 0;
      inset: 0;
      content: "";
      opacity: 0;
      background: linear-gradient(180deg, rgba(3, 3, 3, .48), rgba(3, 3, 3, .16) 72%, transparent);
      transition: opacity .25s ease;
    }
    #calamophyton-home .calamophyton-hero-bar > * { position: relative; z-index: 1; }
    #calamophyton-home[data-header-scrolled="true"][data-drawer-open="false"] .calamophyton-hero-bar {
      min-height: 70px;
      border-bottom-color: rgba(244, 242, 237, .1);
      background: rgba(5, 5, 5, .78);
      backdrop-filter: blur(12px) saturate(.86);
    }
    #calamophyton-home[data-header-scrolled="true"][data-drawer-open="false"] .calamophyton-hero-brand,
#calamophyton-home[data-header-scrolled="true"][data-drawer-open="false"] .calamophyton-hero-tools {
      transform: scale(.9);
    }
    #calamophyton-home[data-header-scrolled="true"][data-drawer-open="false"] .calamophyton-hero-brand { transform-origin: left center; }
    #calamophyton-home[data-header-scrolled="true"][data-drawer-open="false"] .calamophyton-hero-tools { transform-origin: right center; }
    #calamophyton-home .calamophyton-hero-brand {
      display: inline-flex;
      justify-self: start;
      width: fit-content;
      min-height: 44px;
      align-items: center;
      color: inherit;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      line-height: 0;
      text-decoration: none;
      transition: transform .36s cubic-bezier(.22, 1, .36, 1);
    }
    #calamophyton-home .calamophyton-hero-logo {
      display: block;
      width: clamp(160px, 13vw, 184px);
      height: auto;
    }
    #calamophyton-home .calamophyton-hero-brand:focus:not(:focus-visible) { outline:none; }
    #calamophyton-home .calamophyton-hero-brand:focus-visible { outline:1px solid #f4f2ed; outline-offset:5px; border-radius:2px; }

    #calamophyton-home .calamophyton-hero-tools {
      display: flex;
      align-items: center;
    }
    #calamophyton-home .calamophyton-hero-tools { justify-content: flex-end; gap: 18px; transition: transform .36s cubic-bezier(.22, 1, .36, 1); }
    #calamophyton-home button { font: inherit; }
    #calamophyton-home .calamophyton-hero-language-button,
#calamophyton-home .calamophyton-site-search { display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:inherit; }
    #calamophyton-home .calamophyton-hero-language-button,
#calamophyton-home .calamophyton-hero-menu-button {
      position: relative;
      border: 0;
      padding: 13px 0;
      color: var(--calamophyton-hero-muted);
      background: transparent;
      cursor: pointer;
      font-size: .875rem;
      letter-spacing: .04em;
      transition: color .22s ease, transform .22s ease;
      white-space: nowrap;
    }
    #calamophyton-home .calamophyton-hero-language-button[aria-pressed="true"] { color: var(--calamophyton-hero-ink); }
    #calamophyton-home .calamophyton-hero-menu-button { width: 38px; display: grid; gap: 7px; padding-left: 4px; color: var(--calamophyton-hero-ink); }
    #calamophyton-home .calamophyton-hero-menu-button span { display: block; width: 34px; height: 1px; background: currentColor; transform-origin: center; transition: transform .26s ease; }
    #calamophyton-home .calamophyton-hero-menu-button[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
    #calamophyton-home .calamophyton-hero-menu-button[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }

    #calamophyton-home .calamophyton-hero-drawer {
      position: fixed;
      z-index: 29;
      inset: 0;
      display: grid;
      align-items: start;
      overflow: auto;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      background: #050505;
      transition: opacity .3s ease, visibility .3s ease;
    }
    #calamophyton-home .calamophyton-hero-drawer[data-open="true"] { opacity: 1; visibility: visible; pointer-events: auto; }
    #calamophyton-home .calamophyton-drawer-inner {
      width: min(1440px, 90%);
      display: grid;
      grid-template-columns: minmax(250px, 1.35fr) minmax(150px, .72fr) minmax(190px, .9fr) minmax(190px, .9fr);
      column-gap: clamp(38px, 4.5vw, 76px);
      row-gap: clamp(46px, 6vh, 72px);
      margin: 0 auto;
      padding: 132px 0 54px;
    }
    #calamophyton-home .calamophyton-drawer-column { min-width: 0; }
    #calamophyton-home .calamophyton-drawer-kicker { margin: 0 0 34px; color: var(--calamophyton-hero-ink); font-family: var(--font-sans); font-size: .75rem; font-weight: 500; letter-spacing: .04em; }
    #calamophyton-home .calamophyton-drawer-links { display: grid; gap: 7px; }
    #calamophyton-home .calamophyton-drawer-link {
      width: auto;
      border: 0;
      padding: 0;
      color: var(--calamophyton-hero-ink);
      background: transparent;
      cursor: pointer;
      text-align: left;
    }
    #calamophyton-home .calamophyton-drawer-link { display: block; font-size: clamp(1.35rem, 1.8vw, 1.75rem); letter-spacing: -.045em; line-height: 1.05; text-decoration: none; white-space: nowrap; transition: opacity .2s ease, transform .2s ease; }
    #calamophyton-home .calamophyton-drawer-link:hover,
#calamophyton-home .calamophyton-drawer-link:focus-visible { opacity: .6; transform: translateX(3px); }
    #calamophyton-home .calamophyton-drawer-statement { max-width: 430px; margin: 0; color: var(--calamophyton-hero-ink); font-size: clamp(1.35rem, 2.05vw, 2rem); line-height: 1.05; letter-spacing: -.045em; }
    #calamophyton-home .calamophyton-drawer-contact { display: grid; gap: 10px; margin-top: clamp(64px, 11vh, 128px); color: var(--calamophyton-hero-ink); font-size: clamp(.875rem, 1vw, 1rem); line-height: 1.35; letter-spacing: 0; }
    #calamophyton-home .calamophyton-drawer-contact a { width: max-content; color: inherit; text-decoration: none; transition: color .2s ease, transform .2s ease; }
    #calamophyton-home .calamophyton-drawer-contact a:hover,
#calamophyton-home .calamophyton-drawer-contact a:focus-visible { color: var(--calamophyton-hero-signal); transform: translateX(4px); }
    #calamophyton-home .calamophyton-drawer-mobile { display: none; }

    #calamophyton-home .calamophyton-site-sections {
      background: #090909;
    }
    #calamophyton-home .calamophyton-site-section {
      position: relative;
      box-sizing: border-box;
      min-height: 500px;
      padding: 100px 5% 126px;
      border-top: 1px solid rgba(244, 242, 237, .12);
      background: #090909;
    }
    #calamophyton-home .calamophyton-site-section[data-tone="soft"] { background: #0d0d0c; }
    #calamophyton-home .calamophyton-products-section {
      min-height: 100svh;
      padding-top: 0;
      padding-bottom: 0;
      background:
        radial-gradient(circle at 82% 14%, rgba(209, 155, 74, .05), transparent 25%),
        #0d0d0c;
    }
    #calamophyton-home .calamophyton-products-layout {
      display: grid;
      min-height: calc(100svh - 204px);
      grid-template-rows: minmax(0, 1fr);
      gap: 0;
    }
    #calamophyton-home .calamophyton-products-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr);
      grid-template-rows: repeat(2, minmax(0, 1fr));
      height: clamp(720px, 86svh, 980px);
      gap: clamp(12px, 1.2vw, 24px);
    }
    #calamophyton-home .calamophyton-product-card {
      position: relative;
      display: flex;
      min-height: 0;
      padding: clamp(26px, 3vw, 52px);
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      border: 0;
      color: inherit;
      background: transparent;
      text-align: left;
      overflow: hidden;
    }
    #calamophyton-home .calamophyton-product-card:nth-child(1) { grid-column: 1; grid-row: 1 / span 2; }
    #calamophyton-home .calamophyton-product-card:nth-child(2) { grid-column: 2; grid-row: 1; }
    #calamophyton-home .calamophyton-product-card:nth-child(3) { grid-column: 2; grid-row: 2; }
    #calamophyton-home .calamophyton-product-card.is-available { cursor: pointer; }
    #calamophyton-home .calamophyton-product-card::before {
      position: absolute;
      inset: 0;
      content: "";
      opacity: 0;
      background: linear-gradient(145deg, rgba(244, 242, 237, .065), transparent 48%);
      transform: translateY(12%);
      transition: opacity .36s ease, transform .52s cubic-bezier(.22, 1, .36, 1);
    }
    #calamophyton-home .calamophyton-product-card > .calamophyton-product-content { position: relative; z-index: 1; width: 100%; }
    #calamophyton-home .calamophyton-product-media { position: absolute; z-index: 0; inset: 0; overflow: hidden; background: #111; }
    #calamophyton-home .calamophyton-product-media::after { position: absolute; z-index: 2; inset: 0; content: ""; background: linear-gradient(180deg, rgba(7, 7, 7, .1) 12%, rgba(7, 7, 7, .76) 100%); pointer-events: none; }
    #calamophyton-home .calamophyton-product-media-panel { position: absolute; inset: 0; overflow: hidden; }
    #calamophyton-home .calamophyton-product-media-panel img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .76s cubic-bezier(.22, 1, .36, 1), filter .48s ease; }
    #calamophyton-home .calamophyton-product-card h3 {
      margin: 0;
      color: rgba(244, 242, 237, .4);
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: clamp(2.6rem, 3.5vw, 4.8rem);
      font-weight: 400;
      letter-spacing: -.055em;
      line-height: .84;
      white-space: nowrap;
      transition: color .28s ease, transform .42s cubic-bezier(.22, 1, .36, 1);
    }
    #calamophyton-home .calamophyton-product-card p {
      max-width: 25ch;
      margin: clamp(15px, 2vh, 23px) 0 0;
      color: rgba(244, 242, 237, .76);
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: clamp(.86rem, 1vw, 1.08rem);
      font-weight: 400;
      letter-spacing: -.035em;
      line-height: 1.35;
      opacity: 1;
      transition: color .28s ease, transform .42s cubic-bezier(.22, 1, .36, 1);
    }
    #calamophyton-home .calamophyton-product-card[data-platform="raiffa"] p {
      max-width: none;
      white-space: nowrap;
    }
    #calamophyton-home .calamophyton-product-card:hover::before,
#calamophyton-home .calamophyton-product-card:focus-within::before { opacity: 1; transform: translateY(0); }
    #calamophyton-home .calamophyton-product-card:hover h3,
#calamophyton-home .calamophyton-product-card:focus-within h3 { color: var(--calamophyton-hero-ink); transform: translateY(-7px); }
    #calamophyton-home .calamophyton-product-card:hover p,
#calamophyton-home .calamophyton-product-card:focus-within p { color: var(--calamophyton-hero-ink); transform: translateY(-3px); }
    #calamophyton-home .calamophyton-product-card.has-static-media[data-platform="polya"] .calamophyton-product-media-main img {
      object-position: center;
      filter: saturate(.9) brightness(.82) contrast(1.02);
    }
    #calamophyton-home .calamophyton-product-card.has-static-media[data-platform="polya"]:hover .calamophyton-product-media-main img,
#calamophyton-home .calamophyton-product-card.has-static-media[data-platform="polya"]:focus-within .calamophyton-product-media-main img {
      transform: scale(1.035);
      filter: saturate(.96) brightness(.9) contrast(1.02);
    }
    #calamophyton-home .calamophyton-product-card.is-available:active h3 { transform: translateY(-4px); }
    #calamophyton-home .calamophyton-copy-en { display: none; }
    #calamophyton-home[data-language="EN"] .calamophyton-copy-kr { display: none; }
    #calamophyton-home[data-language="EN"] .calamophyton-copy-en { display: block; }
    #calamophyton-home .calamophyton-footer {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
      gap: clamp(64px, 9vw, 160px);
      margin-top: 110px;
      padding-top: clamp(54px, 7vw, 112px);
      border-top: 1px solid rgba(244, 242, 237, .2);
      color: var(--calamophyton-hero-muted);
      font-size: clamp(1rem, 1.05vw, 1.35rem);
      letter-spacing: -.025em;
      line-height: 1.28;
    }
    #calamophyton-home .calamophyton-footer strong,
#calamophyton-home .calamophyton-footer p,
#calamophyton-home .calamophyton-footer a { display: block; margin: 0 0 10px; font-weight: 400; }
    #calamophyton-home .calamophyton-footer-statement {
      max-width: 22ch;
      margin: 0 !important;
      color: var(--calamophyton-hero-ink);
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: clamp(1.8rem, 2.2vw, 3.25rem);
      font-weight: 400;
      letter-spacing: -.045em;
      line-height: 1.14;
    }
    #calamophyton-home .calamophyton-footer-utility {
      align-self: end;
      padding-bottom: .35em;
    }
    #calamophyton-home .calamophyton-footer-location {
      margin-bottom: clamp(34px, 5vw, 70px) !important;
      color: rgba(244, 242, 237, .62);
      font-size: clamp(.78rem, .8vw, 1rem);
      letter-spacing: .035em;
      text-transform: uppercase;
    }
    #calamophyton-home .calamophyton-footer-group-title {
      margin-bottom: 22px !important;
      color: rgba(244, 242, 237, .5);
      font-size: clamp(.68rem, .7vw, .84rem);
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    #calamophyton-home .calamophyton-footer a {
      color: var(--calamophyton-hero-muted);
      text-decoration: none;
      transition: color .2s ease;
    }
    #calamophyton-home .calamophyton-footer a:hover,
#calamophyton-home .calamophyton-footer a:focus-visible { color: var(--calamophyton-hero-ink); text-decoration:underline; text-underline-offset:.2em; }
    #calamophyton-home .calamophyton-footer-link {
      width: fit-content;
      font-size: clamp(.95rem, 1vw, 1.18rem);
    }
    #calamophyton-home .calamophyton-footer-link:last-child { margin-top: 28px; }
    #calamophyton-home .calamophyton-footer-legal {
      display: flex;
      grid-column: 1 / -1;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      margin-top: clamp(28px, 5vw, 76px);
      padding-top: 20px;
      border-top: 1px solid rgba(244, 242, 237, .12);
      font-size: clamp(.68rem, .7vw, .84rem);
      letter-spacing: .04em;
    }
    #calamophyton-home .calamophyton-footer-legal-links { display: flex; flex-wrap: wrap; gap: 18px; }
    #calamophyton-home .calamophyton-footer-legal p,
#calamophyton-home .calamophyton-footer-legal a { margin: 0; }
    #calamophyton-home .calamophyton-footer-legal-links span { display: block; }
    #calamophyton-home #contact .calamophyton-footer .calamophyton-copy-kr,
#calamophyton-home #contact .calamophyton-footer .calamophyton-copy-en {
      display: block;
      min-height: 0;
      padding: 0;
      text-align: left;
    }
    #calamophyton-home #contact .calamophyton-footer {
      min-height: 0;
      grid-template-rows: auto auto;
      align-items: start;
      align-content: start;
      gap: 0 64px;
      margin-top: clamp(66px, 8svh, 108px);
    }
    #calamophyton-home #contact .calamophyton-footer-legal {
      grid-row: 2;
      align-self: start;
    }
    #calamophyton-home[data-language="KR"] .calamophyton-copy-en,
#calamophyton-home[data-language="EN"] .calamophyton-copy-kr { display: none !important; }

    @media (max-width: 760px) {
      #calamophyton-home .calamophyton-products-section { min-height: auto; padding-top: 108px; padding-bottom: 0; }
      #calamophyton-home .calamophyton-products-layout { min-height: auto; gap: 32px; }
      #calamophyton-home .calamophyton-products-grid { grid-template-columns: 1fr; border-bottom: 0; }
      #calamophyton-home .calamophyton-product-card { min-height: 216px; padding: 28px 0; align-items: flex-start; justify-content: flex-end; text-align: left; border-right: 0; border-bottom: 1px solid rgba(244, 242, 237, .18); }
      #calamophyton-home .calamophyton-product-card.has-static-media { min-height: 300px; }
      #calamophyton-home .calamophyton-product-card h3 { font-size: clamp(3.25rem, 15vw, 4.65rem); }
      #calamophyton-home .calamophyton-product-card p { max-width: 29ch; margin: 14px 0 0; font-size: .9rem; }
    }

    #calamophyton-home #fields-of-focus .calamophyton-copy-kr,
#calamophyton-home #fields-of-focus .calamophyton-copy-en { display: block; }

    #calamophyton-home #contact {
      min-height: 650px;
      padding-top: 130px;
    }
    #calamophyton-home #contact .calamophyton-footer { margin-top: 150px; }

    #calamophyton-home #who-we-are .calamophyton-copy-kr,
#calamophyton-home #who-we-are .calamophyton-copy-en {
      transition: opacity .5s ease, transform .5s cubic-bezier(.22, 1, .36, 1);
    }
    #calamophyton-home #who-we-are {
      min-height: 112svh;
      padding-top: 16svh;
      padding-bottom: 8svh;
      overflow: hidden;
    }
    #calamophyton-home #who-we-are::after {
      position: absolute;
      top: 18svh;
      right: 5%;
      color: rgba(244, 242, 237, .12);
      content: "02 / CALAMO";
      font-family: var(--font-sans);
      font-size: .58rem;
      letter-spacing: .18em;
    }
    #calamophyton-home #who-we-are .calamophyton-copy-kr,
#calamophyton-home #who-we-are .calamophyton-copy-en {
      display: grid;
      min-height: 82svh;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-template-rows: auto 1fr auto;
      align-items: end;
      gap: 24px;
    }

    #calamophyton-home #fields-of-focus {
      padding-top: 15svh;
      padding-bottom: 18svh;
    }

    #calamophyton-home #featured-work {
      min-height: auto;
      padding-top: 15svh;
      padding-bottom: 17svh;
    }

    #calamophyton-home #how-we-operate { padding-top: 15svh; padding-bottom: 15svh; }

    #calamophyton-home #insights { min-height: 122svh; padding-top: 16svh; }

    #calamophyton-home #contact { min-height: 100svh; padding-top: 18svh; }

    @media (max-width: 760px) {
      #calamophyton-home #who-we-are,
#calamophyton-home #fields-of-focus,
#calamophyton-home #featured-work,
#calamophyton-home #how-we-operate,
#calamophyton-home #insights,
#calamophyton-home #contact { padding-right: 24px; padding-left: 24px; }
      #calamophyton-home #who-we-are .calamophyton-copy-kr,
#calamophyton-home #who-we-are .calamophyton-copy-en { grid-template-columns: repeat(6, 1fr); }
    }

    @media (prefers-reduced-motion: reduce) {
      #calamophyton-home *,
#calamophyton-home *::before,
#calamophyton-home *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
      #calamophyton-home #who-we-are .calamophyton-copy-kr,
#calamophyton-home #who-we-are .calamophyton-copy-en { opacity: 1; transform: none; }
    }

    #calamophyton-home #who-we-are {
      display: grid;
      min-height: 620px;
      align-items: end;
      padding-bottom: 142px;
    }
    #calamophyton-home #who-we-are .calamophyton-copy-kr,
#calamophyton-home #who-we-are .calamophyton-copy-en { max-width: 720px; }

    #calamophyton-home #fields-of-focus { min-height: 670px; }

    #calamophyton-home #featured-work { min-height: 760px; }

    #calamophyton-home #how-we-operate { min-height: 720px; }
    #calamophyton-home #how-we-operate .calamophyton-copy-kr,
#calamophyton-home #how-we-operate .calamophyton-copy-en { display: block; }

    #calamophyton-home #insights { min-height: 610px; }
    #calamophyton-home #contact .calamophyton-copy-kr,
#calamophyton-home #contact .calamophyton-copy-en { display: grid; min-height: 260px; align-items: center; text-align: center; }

    @media (max-width: 480px) {
      #calamophyton-home #who-we-are { min-height: 460px; padding-bottom: 96px; }
      #calamophyton-home #fields-of-focus,
#calamophyton-home #featured-work,
#calamophyton-home #how-we-operate,
#calamophyton-home #insights { min-height: 520px; }
      #calamophyton-home #how-we-operate .calamophyton-copy-kr,
#calamophyton-home #how-we-operate .calamophyton-copy-en { display: block; }
      #calamophyton-home #contact .calamophyton-copy-kr,
#calamophyton-home #contact .calamophyton-copy-en { min-height: 190px; padding-left: 0; }
    }

    @media (max-width: 980px) and (min-width: 481px) {
      #calamophyton-home .calamophyton-drawer-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      #calamophyton-home .calamophyton-drawer-profile { grid-column: 1 / -1; }
      #calamophyton-home .calamophyton-drawer-contact { margin-top: 36px; }
    }

    @keyframes calamophyton-hero-choice { 50% { transform: translateY(-2px); } }

    @media (max-width: 480px) {
      #calamophyton-home .calamophyton-hero-stage { min-height: 360px; }
      #calamophyton-home .calamophyton-hero-bar { grid-template-columns: 1fr auto; min-height: 78px; padding: 0 24px; }
      #calamophyton-home .calamophyton-hero-logo { width: 152px; }
      #calamophyton-home .calamophyton-hero-tools { gap: 10px; }
      #calamophyton-home .calamophyton-hero-language-button { font-size: .625rem; }
      #calamophyton-home .calamophyton-hero-menu-button { width: 30px; }
      #calamophyton-home .calamophyton-hero-menu-button span { width: 28px; }
      #calamophyton-home .calamophyton-drawer-inner { width: calc(100% - 48px); grid-template-columns: 1fr; gap: 44px; padding: 108px 0 42px; }
      #calamophyton-home .calamophyton-drawer-kicker { margin-bottom: 16px; }
      #calamophyton-home .calamophyton-drawer-statement { max-width: 18ch; }
      #calamophyton-home .calamophyton-drawer-contact { margin-top: 34px; }
      #calamophyton-home .calamophyton-site-section { min-height: 420px; padding: 66px 24px 96px; }
      #calamophyton-home .calamophyton-footer { grid-template-columns: 1fr; }
      #calamophyton-home .calamophyton-footer { gap: 18px; margin-top: 76px; }
      #calamophyton-home .calamophyton-footer-statement { margin-top: 20px !important; }
      #calamophyton-home .calamophyton-footer-legal { align-items: flex-start; flex-direction: column; gap: 12px; margin-top: 10px; }
      #calamophyton-home #fields-of-focus .calamophyton-copy-kr,
#calamophyton-home #fields-of-focus .calamophyton-copy-en { display: block; }
      #calamophyton-home #contact { min-height: 540px; padding-top: 90px; }
      #calamophyton-home #contact .calamophyton-footer { margin-top: 100px; }
    }

    #calamophyton-home #who-we-are {
      min-height: 690px;
      padding-top: 128px;
      padding-bottom: 118px;
      border-top: 0;
      align-items: end;
    }
    #calamophyton-home #who-we-are .calamophyton-copy-kr,
#calamophyton-home #who-we-are .calamophyton-copy-en { max-width: none; }
    #calamophyton-home #fields-of-focus { min-height: 0; padding-top: 74px; background: #090909 !important; border-top: 0; }

    @media (max-width: 480px) {
      #calamophyton-home #who-we-are { min-height: 520px; padding-top: 88px; padding-bottom: 82px; }
      #calamophyton-home #fields-of-focus { padding-top: 48px; }
    }
    #calamophyton-home #who-we-are {
      min-height: 82svh;
      padding-top: 18svh;
      padding-bottom: 11svh;
    }
    #calamophyton-home #who-we-are .calamophyton-copy-kr,
#calamophyton-home #who-we-are .calamophyton-copy-en {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr);
      column-gap: clamp(42px, 9vw, 170px);
      align-items: end;
    }

    #calamophyton-home #fields-of-focus { min-height: 88svh; padding-top: 12svh; padding-bottom: 12svh; }
    #calamophyton-home #fields-of-focus .calamophyton-copy-kr,
#calamophyton-home #fields-of-focus .calamophyton-copy-en {
      display: grid;
      grid-template-columns: minmax(260px, .62fr) minmax(0, 1.38fr);
      column-gap: clamp(48px, 9vw, 160px);
      align-items: start;
    }

    #calamophyton-home #featured-work { min-height: 82svh; padding-top: 12svh; }

    #calamophyton-home #how-we-operate { min-height: 88svh; padding-top: 14svh; }
    #calamophyton-home #how-we-operate .calamophyton-copy-kr,
#calamophyton-home #how-we-operate .calamophyton-copy-en {
      display: grid;
      grid-template-columns: minmax(260px, .6fr) minmax(0, 1.4fr);
      column-gap: clamp(54px, 11vw, 190px);
      align-items: start;
    }

    #calamophyton-home #insights { min-height: 76svh; padding-top: 14svh; }

    #calamophyton-home #contact { min-height: 82svh; padding-top: 13svh; }
    #calamophyton-home #contact .calamophyton-copy-kr,
#calamophyton-home #contact .calamophyton-copy-en { min-height: 44svh; align-items: end; text-align: left; }

    @media (max-width: 760px) {
      #calamophyton-home #who-we-are,
#calamophyton-home #fields-of-focus,
#calamophyton-home #featured-work,
#calamophyton-home #how-we-operate,
#calamophyton-home #insights,
#calamophyton-home #contact { min-height: auto; padding-top: 88px; padding-bottom: 108px; }
      #calamophyton-home #who-we-are .calamophyton-copy-kr,
#calamophyton-home #who-we-are .calamophyton-copy-en,
#calamophyton-home #fields-of-focus .calamophyton-copy-kr,
#calamophyton-home #fields-of-focus .calamophyton-copy-en,
#calamophyton-home #how-we-operate .calamophyton-copy-kr,
#calamophyton-home #how-we-operate .calamophyton-copy-en { display: block; }
      #calamophyton-home #contact .calamophyton-copy-kr,
#calamophyton-home #contact .calamophyton-copy-en { min-height: 260px; }
    }
    @keyframes calamophyton-harbinger-wordmark-reveal {
      from { clip-path: inset(0 100% 0 0); opacity: 0; transform: translateX(-8%); }
      to { clip-path: inset(0 0 0 0); opacity: 1; transform: translateX(0); }
    }
    @keyframes calamophyton-harbinger-proposition-in {
      from { opacity: 0; transform: translateY(16px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes calamophyton-harbinger-image-in {
      from { opacity: .5; transform: scale(1.035); }
      to { opacity: 1; transform: scale(1); }
    }
    @keyframes calamophyton-harbinger-caret { 0%,
48% { opacity: 1; } 49%,
100% { opacity: 0; } }
    @keyframes calamophyton-harbinger-type { from { clip-path: inset(0 100% 0 0); opacity: 0; } to { clip-path: inset(0 0 0 0); opacity: 1; } }
    @keyframes calamophyton-harbinger-delete { from { clip-path: inset(0 0 0 0); opacity: 1; } to { clip-path: inset(0 100% 0 0); opacity: 0; } }
    #calamophyton-home #harbinger-overview {
      display: grid;
      min-height: 100svh;
      padding: 0;
      place-items: center;
      background: #050505;
    }
    #calamophyton-home #harbinger-overview > .calamophyton-copy-kr,
#calamophyton-home #harbinger-overview > .calamophyton-copy-en {
      width: 100%;
      min-width: 0;
    }
    @media (max-width: 760px) {
      #calamophyton-home #harbinger-overview { min-height: 82svh; }
    }
    @media (max-width: 760px) {
      #calamophyton-home[data-header-scrolled="true"][data-drawer-open="false"] .calamophyton-hero-bar { min-height: 64px; }
      #calamophyton-home[data-header-scrolled="true"][data-drawer-open="false"] .calamophyton-hero-brand,
#calamophyton-home[data-header-scrolled="true"][data-drawer-open="false"] .calamophyton-hero-tools { transform: scale(.95); }
    }
    #calamophyton-home[data-layout="scenes"] #who-we-are { min-height: 100svh; padding-top: 16svh; padding-bottom: 8svh; }
    #calamophyton-home[data-layout="scenes"] #who-we-are::after { content: none; }
    #calamophyton-home[data-layout="scenes"] #who-we-are .calamophyton-copy-kr,
#calamophyton-home[data-layout="scenes"] #who-we-are .calamophyton-copy-en { display: grid; max-width: none; min-height: 76svh; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: auto 1fr auto; column-gap: 2vw; }

    #calamophyton-home[data-layout="scenes"] #fields-of-focus { min-height: 0; padding-top: 15svh; padding-bottom: 18svh; background: #0d0d0c !important; }
    #calamophyton-home[data-layout="scenes"] #fields-of-focus .calamophyton-copy-kr,
#calamophyton-home[data-layout="scenes"] #fields-of-focus .calamophyton-copy-en { display: block; }

    #calamophyton-home[data-layout="scenes"] #featured-work { min-height: auto; padding-top: 15svh; padding-bottom: 17svh; }

    #calamophyton-home[data-layout="scenes"] #how-we-operate { min-height: auto; padding-top: 15svh; padding-bottom: 15svh; }
    #calamophyton-home[data-layout="scenes"] #how-we-operate .calamophyton-copy-kr,
#calamophyton-home[data-layout="scenes"] #how-we-operate .calamophyton-copy-en { display: block; }

    #calamophyton-home[data-layout="scenes"] #insights { min-height: 122svh; padding-top: 16svh; }
    #calamophyton-home[data-layout="scenes"] #contact { min-height: 100svh; padding-top: 18svh; }

    @media (max-width: 760px) {
      #calamophyton-home[data-layout="scenes"] #who-we-are,
#calamophyton-home[data-layout="scenes"] #fields-of-focus,
#calamophyton-home[data-layout="scenes"] #featured-work,
#calamophyton-home[data-layout="scenes"] #how-we-operate,
#calamophyton-home[data-layout="scenes"] #insights,
#calamophyton-home[data-layout="scenes"] #contact { min-height: auto; padding: 96px 24px 116px; }
      #calamophyton-home[data-layout="scenes"] #who-we-are .calamophyton-copy-kr,
#calamophyton-home[data-layout="scenes"] #who-we-are .calamophyton-copy-en { min-height: 72svh; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto 1fr auto auto; }
    }
    #point-of-view {
      position: relative !important;
      display: grid !important;
      width: 90% !important;
      height: clamp(480px, 56svh, 680px) !important;
      min-height: 0 !important;
      margin: clamp(12px, 1.2vw, 24px) 5% clamp(72px, 9svh, 120px) !important;
      padding: 0 !important;
      border: 1px solid rgba(244, 242, 237, .12) !important;
      overflow: hidden !important;
      isolation: isolate !important;
      background: #050505 !important;
    }
    #point-of-view::before {
      content: "" !important;
      position: absolute !important;
      z-index: 1 !important;
      inset: 0 !important;
      pointer-events: none !important;
      background: linear-gradient(180deg, rgba(5, 5, 5, .12) 0%, rgba(5, 5, 5, .18) 44%, rgba(5, 5, 5, .62) 100%) !important;
    }
    #point-of-view::after { content: none !important; }
    @media (max-width: 760px) {
      #point-of-view {
        width: calc(100% - 48px) !important;
        height: clamp(480px, 68svh, 650px) !important;
        min-height: 0 !important;
        margin: 4px 24px 64px !important;
        background: #050505 !important;
      }
      #point-of-view::before {
        background: linear-gradient(180deg, rgba(5, 5, 5, .14) 0%, rgba(5, 5, 5, .2) 46%, rgba(5, 5, 5, .68) 100%) !important;
      }
    }
    #contact {
      --calamophyton-contact-gutter: 5.5%;
      --calamophyton-contact-gap: clamp(12px, 1.2vw, 24px);
      min-height: auto !important;
      padding: 0 0 clamp(28px, 4vh, 48px) !important;
      background: #090909 !important;
    }
    #contact .calamophyton-footer {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--calamophyton-contact-gap);
      row-gap: clamp(30px, 4vh, 46px);
      margin: 0 var(--calamophyton-contact-gutter) !important;
      padding-top: clamp(30px, 4vh, 46px);
    }
    #contact .calamophyton-footer-message {
      grid-column: 1 / span 7;
      min-width: 0;
    }
    #contact .calamophyton-footer-statement {
      max-width: 36ch;
      margin: 0 !important;
      font-size: 20px;
      line-height: 1.5;
      word-break: keep-all;
    }
    #calamophyton-home #contact .calamophyton-footer .calamophyton-footer-utility {
      display: grid;
      grid-column: 8 / -1;
      grid-template-columns: minmax(0, 1.25fr) minmax(150px, .75fr);
      gap: clamp(24px, 3vw, 52px);
      align-self: start;
      padding: 0;
    }
    #contact .calamophyton-footer-identity,
#contact .calamophyton-footer-directory { min-width: 0; }
    #contact .calamophyton-footer-location { margin-bottom: 0 !important; }
    #contact .calamophyton-footer-group-title { margin-bottom: 16px !important; }
    #contact .calamophyton-footer-link { margin-bottom: 8px !important; }
    #contact .calamophyton-footer-link:last-child { margin-top: 18px; }
    #contact .calamophyton-footer-legal {
      grid-column: 1 / -1;
      grid-row: auto;
      margin-top: 0;
      padding-top: 16px;
    }
    @media (max-width: 760px) {
      #contact {
        --calamophyton-contact-gutter: 24px;
        padding-bottom: 30px !important;
      }
      #contact .calamophyton-footer { margin: 0 var(--calamophyton-contact-gutter) !important; }
    }
    #calamophyton-home,
#calamophyton-home * { box-sizing: border-box; }
    #calamophyton-home { width: 100%; overflow-x: clip; }
    #calamophyton-home img,
#calamophyton-home canvas { max-width: 100%; }

    @media (max-width: 900px), (orientation: portrait) and (max-width: 1100px) {
      #calamophyton-home { --calamophyton-adaptive-gutter: clamp(24px, 5vw, 44px); }

      #calamophyton-home .calamophyton-hero-stage {
        height: 100svh;
        min-height: 620px;
      }
      #calamophyton-home .calamophyton-hero-bar {
        min-height: 82px;
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 0 var(--calamophyton-adaptive-gutter);
      }
      #calamophyton-home .calamophyton-hero-brand { min-width: 0; }
      #calamophyton-home .calamophyton-hero-drawer {
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
      }
      #calamophyton-home .calamophyton-drawer-inner {
        width: 100%;
        min-height: 100svh;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: start;
        gap: 0;
        margin: 0;
        padding: 118px var(--calamophyton-adaptive-gutter) 58px;
      }
      #calamophyton-home .calamophyton-drawer-column {
        padding: 28px 0 32px;
        border-top: 1px solid rgba(244, 242, 237, .18);
      }
      #calamophyton-home .calamophyton-drawer-column:nth-of-type(2) { order: 1; border-top: 0; }
      #calamophyton-home .calamophyton-drawer-column:nth-of-type(3) { order: 2; }
      #calamophyton-home .calamophyton-drawer-column:nth-of-type(4) { order: 3; }
      #calamophyton-home .calamophyton-drawer-profile { order: 4; margin-top: 22px; padding-bottom: 0; }
      #calamophyton-home .calamophyton-drawer-kicker {
        margin: 0 0 20px;
        font-size: .72rem;
        letter-spacing: .12em;
      }
      #calamophyton-home .calamophyton-drawer-links { gap: 12px; }
      #calamophyton-home .calamophyton-drawer-link {
        width: 100%;
        grid-template-columns: 26px minmax(0, 1fr);
        gap: 10px;
        font-size: clamp(1.85rem, 6.2vw, 3.25rem);
        line-height: 1.02;
        white-space: normal;
      }
      #calamophyton-home .calamophyton-drawer-statement {
        max-width: 34ch;
        font-size: clamp(1.15rem, 3.1vw, 1.6rem);
        line-height: 1.2;
      }
      #calamophyton-home .calamophyton-drawer-contact { margin-top: 30px; }

      #calamophyton-home .calamophyton-drawer-inner { display: none; }
      #calamophyton-home .calamophyton-drawer-mobile {
        position: relative;
        display: block;
        width: 100%;
        height: 100svh;
        overflow: hidden;
        padding: 108px var(--calamophyton-adaptive-gutter) 34px;
      }
      #calamophyton-home .calamophyton-drawer-mobile-root,
#calamophyton-home .calamophyton-drawer-mobile-detail {
        position: absolute;
        inset: 108px var(--calamophyton-adaptive-gutter) 34px;
        overflow-y: auto;
        overscroll-behavior: contain;
        transition: transform .44s cubic-bezier(.22, .78, .22, 1), opacity .3s ease;
      }
      #calamophyton-home .calamophyton-drawer-mobile-root { transform: translateX(0); opacity: 1; }
      #calamophyton-home .calamophyton-drawer-mobile[data-detail-open="true"] .calamophyton-drawer-mobile-root { transform: translateX(-26%); opacity: 0; pointer-events: none; }
      #calamophyton-home .calamophyton-drawer-mobile-detail { transform: translateX(112%); opacity: 0; visibility: hidden; pointer-events: none; }
      #calamophyton-home .calamophyton-drawer-mobile-detail.is-active { transform: translateX(0); opacity: 1; visibility: visible; pointer-events: auto; }
      #calamophyton-home .calamophyton-drawer-mobile-utilities { display:flex; justify-content:flex-end; margin-bottom:12px; }
      #calamophyton-home .calamophyton-drawer-mobile-home,
#calamophyton-home .calamophyton-drawer-mobile-groups button {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 22px 0;
        border: 0;
        border-bottom: 1px solid rgba(244, 242, 237, .18);
        color: var(--calamophyton-hero-ink);
        background: transparent;
        font-size: clamp(2rem, 7vw, 3.4rem);
        line-height: 1;
        letter-spacing: -.045em;
        text-decoration: none;
        text-align: left;
        cursor: pointer;
      }
      #calamophyton-home .calamophyton-drawer-mobile-home { padding-top: 8px; }
      #calamophyton-home .calamophyton-drawer-mobile-groups { display: grid; }
      #calamophyton-home .calamophyton-drawer-mobile-groups button span:last-child { color: #7d837d; font-size: .62em; transition: transform .2s ease; }
      #calamophyton-home .calamophyton-drawer-mobile-groups button:hover span:last-child,
#calamophyton-home .calamophyton-drawer-mobile-groups button:focus-visible span:last-child { transform: translateX(5px); }
      #calamophyton-home .calamophyton-drawer-mobile-profile { margin-top: 48px; padding: 22px 0 34px; border-top: 1px solid rgba(244, 242, 237, .18); }
      #calamophyton-home .calamophyton-drawer-mobile-profile .calamophyton-drawer-statement { max-width: 35ch; }
      #calamophyton-home .calamophyton-drawer-mobile-back { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 46px; padding: 8px 0; border: 0; color: #9da29d; background: transparent; font-size: .72rem; letter-spacing: .1em; cursor: pointer; }
      #calamophyton-home .calamophyton-drawer-mobile-back span:first-child { color: var(--calamophyton-hero-ink); font-size: 1.25rem; transition: transform .2s ease; }
      #calamophyton-home .calamophyton-drawer-mobile-back:hover span:first-child,
#calamophyton-home .calamophyton-drawer-mobile-back:focus-visible span:first-child { transform: translateX(-4px); }
      #calamophyton-home .calamophyton-drawer-mobile-detail .calamophyton-drawer-kicker { margin-bottom: 28px; }
      #calamophyton-home .calamophyton-drawer-mobile-detail .calamophyton-drawer-links { gap: 16px; }

      #calamophyton-home .calamophyton-products-section {
        min-height: 0;
        padding: 96px var(--calamophyton-adaptive-gutter) 0;
      }
      #calamophyton-home .calamophyton-products-layout {
        min-height: 0;
        display: block;
      }
      #calamophyton-home .calamophyton-products-grid {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        height: auto;
        gap: 4px;
        border-bottom: 0;
      }
      #calamophyton-home .calamophyton-product-card {
        grid-column: auto !important;
        grid-row: auto !important;
        min-height: clamp(360px, 82vw, 650px);
        padding: clamp(26px, 5vw, 46px);
        align-items: flex-start;
        justify-content: flex-end;
        border-right: 0;
        border-bottom: 1px solid rgba(244, 242, 237, .18);
        text-align: left;
      }
      #calamophyton-home .calamophyton-product-card h3 {
        color: var(--calamophyton-hero-ink);
        font-size: clamp(3.25rem, 11vw, 5.25rem);
      }
      #contact .calamophyton-footer {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
        margin: 0 var(--calamophyton-adaptive-gutter) !important;
        padding-top: 30px;
      }
      #contact .calamophyton-footer-message,
#calamophyton-home #contact .calamophyton-footer .calamophyton-footer-utility { grid-column: 1; }
      #contact .calamophyton-footer-statement {
        max-width: 36ch;
        margin: 0 !important;
        font-size: 18px;
      }
      #calamophyton-home #contact .calamophyton-footer .calamophyton-footer-utility {
        grid-template-columns: minmax(0, 1.1fr) minmax(140px, .9fr);
        gap: 24px;
      }
      #contact .calamophyton-footer-legal {
        grid-row: auto !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-top: 0 !important;
      }
    }

    @media (max-width: 560px) {
      #calamophyton-home { --calamophyton-adaptive-gutter: 24px; }
      #contact { --calamophyton-contact-gutter: var(--calamophyton-adaptive-gutter); }
      #calamophyton-home #contact .calamophyton-footer .calamophyton-footer-utility {
        grid-template-columns: 1fr;
        gap: 28px;
      }
      #calamophyton-home .calamophyton-hero-stage { min-height: 560px; }
      #calamophyton-home .calamophyton-hero-bar { min-height: 76px; }
      #calamophyton-home .calamophyton-hero-logo { width: 152px; }
      #calamophyton-home .calamophyton-drawer-inner { padding-top: 96px; }
      #calamophyton-home .calamophyton-drawer-link { font-size: clamp(1.7rem, 8vw, 2.45rem); }
      #calamophyton-home .calamophyton-products-section { padding-top: 82px; }
      #calamophyton-home .calamophyton-product-card { min-height: clamp(330px, 112vw, 540px); }
    }

    @media (hover: none) and (pointer: coarse) {
      #calamophyton-home .calamophyton-product-card h3 { color: var(--calamophyton-hero-ink); }
    }
    #calamophyton-home #contact .calamophyton-footer-legal { font-size: 12px; line-height: 1.5; }
    #calamophyton-home .calamophyton-product-content h3 { color: #f2f4f4; }
    @media(max-width:600px) {
      #calamophyton-home #contact .calamophyton-footer .calamophyton-footer-utility { grid-template-columns: 1fr; gap: 24px; }
      #contact .calamophyton-footer-directory { display:flex; flex-wrap:wrap; gap: 12px 22px; align-items:center; }
      #contact .calamophyton-footer-group-title { display:none; }
      #contact .calamophyton-footer-link { margin:0!important; font-size:13px; }
      #contact .calamophyton-footer-legal p { overflow-wrap:anywhere; }
    }
    #calamophyton-home .calamophyton-drawer-inner { grid-template-columns:minmax(230px,1.5fr) repeat(4,minmax(0,1fr)); column-gap:40px; padding-top:112px; }
    #calamophyton-home .calamophyton-drawer-statement { max-width:38ch; margin:0; font-size:16px; line-height:1.5; word-break:keep-all; overflow-wrap:break-word; }
    #calamophyton-home .calamophyton-drawer-kicker { font-size:12px; margin-bottom:24px; }
    #calamophyton-home .calamophyton-drawer-links { gap:0; }
    #calamophyton-home .calamophyton-drawer-link { min-height:44px; font-size:20px; grid-template-columns:16px minmax(0,1fr); gap:8px; white-space:normal; line-height:1.4; letter-spacing:-.025em; word-break:keep-all; }
    #calamophyton-home .calamophyton-drawer-link:hover,
#calamophyton-home .calamophyton-drawer-link:focus-visible { opacity:1; color:inherit; transform:none; text-decoration:underline; text-underline-offset:.2em; }
    #calamophyton-home .calamophyton-drawer-link:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
    @media(max-width:1050px) {
      #calamophyton-home .calamophyton-drawer-inner { grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px 24px; padding:110px 0 40px; }
      #calamophyton-home .calamophyton-drawer-profile { order:0; grid-column:1/-1; margin:0; }
      #calamophyton-home .calamophyton-drawer-column { border:0; padding:0; }
      #calamophyton-home .calamophyton-drawer-statement { max-width:38ch; font-size:16px; }
      #calamophyton-home .calamophyton-drawer-contact { margin-top:16px; }
      #calamophyton-home .calamophyton-drawer-kicker { margin-bottom:12px; }
      #calamophyton-home .calamophyton-drawer-link { font-size:18px; min-height:44px; }
    }
    @media(max-width:600px) {
      #calamophyton-home .calamophyton-drawer-inner { width:calc(100% - 48px); grid-template-columns:1fr 1fr; }

    }
    #calamophyton-home #contact .calamophyton-footer { position:relative; }
    #calamophyton-home #contact .calamophyton-footer .calamophyton-footer-legal { grid-row:3; border:0; padding-top:0; margin-top:64px; font-size:12px; }
    #calamophyton-home #contact .calamophyton-footer-identity { visibility:hidden; }
    #calamophyton-home #contact .calamophyton-footer-legal .calamophyton-footer-location { margin:0 0 16px!important; }
    #calamophyton-home #contact .calamophyton-footer-top { position:absolute; right:0; bottom:0; min-height:44px; display:flex; align-items:center; font-size:14px; }
    #calamophyton-home #contact .calamophyton-footer-message { grid-column:1/-1; }
    #calamophyton-home #contact .calamophyton-footer .calamophyton-footer-utility { grid-column:1/-1; grid-template-columns:minmax(0,1fr); gap:48px; }
    #calamophyton-home #contact .calamophyton-footer-directory { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; align-items:start; text-align:left; }
    #calamophyton-home #contact .calamophyton-footer-group-title { display:block; margin:0 0 16px!important; font-size:12px; line-height:1.5; letter-spacing:0; }
    #calamophyton-home #contact .calamophyton-footer-link { display:flex; align-items:center; min-height:24px; margin:0!important; font-size:14px; line-height:1.5; color:#f4f2ed; }
    #calamophyton-home #contact .calamophyton-footer-link:focus-visible { outline:2px solid var(--calamophyton-hero-signal); outline-offset:4px; }
    @media(max-width:900px) {
      #calamophyton-home #contact .calamophyton-footer .calamophyton-footer-utility { grid-template-columns:1fr; gap:36px; }
      #calamophyton-home #contact .calamophyton-footer-link { min-height:44px; }
    }
    @media(max-width:600px) {
      #calamophyton-home #contact .calamophyton-footer-directory { grid-template-columns:1fr 1fr; gap:28px 22px; }
    }
    @media(prefers-reduced-motion:reduce) {
      #calamophyton-home *,
#calamophyton-home *::before,
#calamophyton-home *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
    }

    #calamophyton-home .calamophyton-company-entry { padding:clamp(64px,8vw,128px) 5%; background:#f5f5f3; color:#171b1d; }
    #calamophyton-home .calamophyton-company-entry > [class*="calamophyton-copy-"] { max-width:1600px; margin-inline:auto; }
    #calamophyton-home .company-entry-label { margin:0 0 40px; font-size:14px; letter-spacing:.06em; }
    #calamophyton-home .company-entry-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:8vw; }
    #calamophyton-home .company-entry-grid h1 { margin:0; font-size:clamp(34px,4.6vw,72px); font-weight:400; line-height:1.2; letter-spacing:-.035em; word-break:keep-all; text-wrap:balance; }
    #calamophyton-home .company-entry-grid h1 span { display:block; }
    #calamophyton-home .company-entry-grid p { margin:0; font-size:clamp(18px,1.6vw,24px); line-height:1.65; word-break:keep-all; }
    #calamophyton-home .company-entry-grid nav { display:flex; flex-wrap:wrap; gap:20px 32px; margin-top:32px; }
    #calamophyton-home .company-entry-grid a { color:inherit; font-size:16px; line-height:1.5; min-height:44px; display:inline-flex; align-items:center; border-bottom:1px solid #8c9394; text-decoration:none; }
    #calamophyton-home .company-entry-grid a:focus-visible { outline:2px solid #171b1d; outline-offset:5px; }
    @media(max-width:700px) { #calamophyton-home .company-entry-grid { grid-template-columns:1fr; gap:32px; } #calamophyton-home .company-entry-grid h1 { font-size:clamp(29px,8vw,42px); } #calamophyton-home .company-entry-grid h1 span { white-space:normal; } }
    #calamophyton-home .calamophyton-featured-resources { padding:clamp(72px,10vw,156px) 5%; background:#f3f4f1; color:#202628; }
    #calamophyton-home .calamophyton-featured-resources > [class*="calamophyton-copy-"] { max-width:1600px; margin-inline:auto; }
    #calamophyton-home .featured-resources-heading { display:grid; grid-template-columns:1fr auto; gap:32px; align-items:end; padding-bottom:clamp(36px,5vw,64px); border-bottom:1px solid #acb6b3; }
    #calamophyton-home .featured-resources-heading p { margin:0 0 14px; color:#65706c; font-size:13px; letter-spacing:.05em; }
    #calamophyton-home .featured-resources-heading h2 { margin:0; font-size:clamp(42px,6vw,88px); font-weight:400; letter-spacing:-.05em; line-height:1.04; }
    #calamophyton-home .featured-resources-heading>a { display:inline-flex; align-items:center; min-height:44px; color:inherit; border-bottom:1px solid currentColor; font-size:16px; }
    #calamophyton-home .featured-resources-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:0 clamp(42px,7vw,116px); }
    #calamophyton-home .featured-resource-primary { display:grid; grid-template-columns:minmax(170px,.62fr) minmax(0,1fr); gap:clamp(24px,4vw,54px); align-items:center; padding:clamp(40px,5vw,72px) 0; }
    #calamophyton-home .featured-resource-primary img { display:block; width:100%; height:auto; border:1px solid #d1d4d1; background:#fff; }
    #calamophyton-home .featured-resource-primary h3,
#calamophyton-home .featured-resource-list h3 { margin:12px 0 16px; font-size:clamp(28px,3vw,44px); font-weight:400; letter-spacing:-.04em; line-height:1.15; }
    #calamophyton-home .featured-resource-primary p,
#calamophyton-home .featured-resource-list p { margin:0; color:#596561; font-size:17px; line-height:1.65; }
    #calamophyton-home .featured-resource-type { color:#65706c!important; font-size:12px!important; letter-spacing:.06em; }
    #calamophyton-home .featured-resource-meta { margin-top:18px!important; font-size:13px!important; }
    #calamophyton-home .featured-resource-actions { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:24px; }
    #calamophyton-home .featured-resource-actions a,
#calamophyton-home .featured-resource-list a { display:inline-flex; align-items:center; min-height:44px; color:inherit; border-bottom:1px solid currentColor; }
    #calamophyton-home .featured-resource-list { display:grid; align-content:start; border-bottom:1px solid #acb6b3; }
    #calamophyton-home .featured-resource-list article { padding:clamp(30px,4vw,50px) 0; border-top:1px solid #acb6b3; }
    #calamophyton-home .featured-resource-list h3 { font-size:clamp(25px,2.4vw,36px); }
    #calamophyton-home .featured-resource-list a { margin-top:20px; font-size:15px; }
    #calamophyton-home .calamophyton-featured-resources a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
    @media(max-width:800px) { #calamophyton-home .featured-resources-heading,
#calamophyton-home .featured-resources-grid { grid-template-columns:1fr; } #calamophyton-home .featured-resources-heading>a { justify-self:start; margin-top:20px; } #calamophyton-home .featured-resource-primary { grid-template-columns:1fr; } #calamophyton-home .featured-resource-primary img { width:min(76vw,340px); } }
    #calamophyton-home .calamophyton-drawer-column:nth-of-type(n) { order:0; }
    @media(max-width:600px) { #calamophyton-home .calamophyton-drawer-inner { margin:0 24px; } }
    [hidden]{display:none!important}
    body.home-menu-open{overflow:hidden}
    .home-skip-link{position:absolute;z-index:100;top:8px;left:8px;padding:12px 18px;background:#fff;color:#111;transform:translateY(-150%)}
    .home-skip-link:focus{transform:none}
    #calamophyton-home{font-family:var(--font-sans);letter-spacing:normal}
    #calamophyton-home .calamophyton-hero-image{object-fit:cover;object-position:center;width:100%;height:100%}
    .calamophyton-hero-media{isolation:isolate}
    .calamophyton-hero-stage{scroll-margin-top:0}
    .home-product-panel a{text-decoration:none;color:inherit}


    /* Hero: canvas field overlay + single declarative headline */
    #calamophyton-home .calamophyton-hero-shade { background: linear-gradient(180deg, rgba(5,5,5,.28) 0%, rgba(5,5,5,.12) 38%, rgba(5,5,5,.55) 78%, rgba(5,5,5,.72) 100%); }
    #calamophyton-home .calamophyton-hero-field { position:absolute; inset:0; z-index:1; width:100%; height:100%; pointer-events:none; }
    #calamophyton-home .calamophyton-hero-headline { display: none; }
    #calamophyton-home[data-page="home"] .calamophyton-hero-headline { position: absolute; z-index: 3; left: var(--home-gutter, clamp(24px,4vw,80px)); right: var(--home-gutter, clamp(24px,4vw,80px)); bottom: clamp(96px, 14vh, 148px); display: grid; gap: 14px; pointer-events: none; justify-items: start; text-align: left; }
    #calamophyton-home .calamophyton-hero-kicker { margin:0; color: rgba(126,184,201,.92); font-family: var(--font-sans); font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; text-shadow: 0 1px 12px rgba(0,0,0,.4); opacity: 0; transform: translateY(8px); transition: opacity .8s cubic-bezier(.22,1,.36,1) .15s, transform .8s cubic-bezier(.22,1,.36,1) .15s; }
    #calamophyton-home .calamophyton-hero-phrase { margin: 0; max-width: 16ch; color: var(--calamophyton-hero-ink); font-family: var(--font-sans); font-size: clamp(2.4rem, 5.8vw, 5.6rem); font-weight: 400; line-height: .98; letter-spacing: -.04em; text-transform: none; text-wrap: balance; text-shadow: 0 2px 28px rgba(0,0,0,.45); opacity: 0; transform: translateY(12px); transition: opacity .95s cubic-bezier(.22,1,.36,1) .28s, transform .95s cubic-bezier(.22,1,.36,1) .28s; }
    #calamophyton-home .calamophyton-hero-phrase[data-active="true"],
    #calamophyton-home[data-hero-ready="true"] .calamophyton-hero-kicker { opacity: 1; transform: none; }
    #calamophyton-home[data-hero-ready="true"] .calamophyton-hero-phrase { opacity: 1; transform: none; }
    @media (min-width: 900px) {
      #calamophyton-home[data-page="home"] .calamophyton-hero-headline { left: clamp(40px, 6vw, 96px); bottom: clamp(120px, 16vh, 180px); }
      #calamophyton-home .calamophyton-hero-phrase { max-width: 14ch; font-size: clamp(3.2rem, 5.4vw, 5.8rem); }
    }
    @media (max-width: 480px) {
      #calamophyton-home[data-page="home"] .calamophyton-hero-headline { left: 24px; right: 24px; bottom: max(96px, calc(env(safe-area-inset-bottom) + 88px)); }
      #calamophyton-home .calamophyton-hero-phrase { max-width: 12ch; font-size: clamp(2.1rem, 9.2vw, 2.8rem); }
      #calamophyton-home .calamophyton-hero-phrase br { display: none; }
    }
    @media (prefers-reduced-motion: reduce) {
      #calamophyton-home .calamophyton-hero-phrase,
      #calamophyton-home .calamophyton-hero-kicker { transition: none; transform: none; opacity: 1; }
      #calamophyton-home .calamophyton-hero-field { opacity: .82; }
    }

    /* Product cards: sharp hover micro-interaction */
    #calamophyton-home .calamophyton-product-card,
    #calamophyton-home .home-eos-link {
      transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s cubic-bezier(.22,1,.36,1), border-color .35s ease;
    }
    #calamophyton-home .calamophyton-product-card:hover,
    #calamophyton-home .home-eos-link:hover {
      transform: translateY(-3px);
    }
    #calamophyton-home .calamophyton-product-content p {
      font-size: clamp(16px, 1.35vw, 20px);
      line-height: 1.45;
      letter-spacing: -.01em;
    }
    #calamophyton-home .home-next-step nav a {
      transition: border-color .3s ease, color .3s ease, transform .35s cubic-bezier(.22,1,.36,1);
    }
    #calamophyton-home .home-next-step nav a:hover { transform: translateY(-1px); }
    #calamophyton-home .calamophyton-drawer-note {
      margin: 12px 0 0; max-width: 36ch; color: rgba(244,242,237,.62); font-size: 13px; line-height: 1.5;
    }
    /* Scroll reveal targets */
    #calamophyton-home [data-reveal] { opacity: 0; transform: translateY(14px); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
    #calamophyton-home [data-reveal][data-reveal-delay="1"] { transition-delay: 60ms; }
    #calamophyton-home [data-reveal][data-reveal-delay="2"] { transition-delay: 120ms; }
    #calamophyton-home [data-reveal][data-reveal-delay="3"] { transition-delay: 180ms; }
    #calamophyton-home [data-reveal].is-in { opacity: 1; transform: none; }
    @media (prefers-reduced-motion: reduce) {
      #calamophyton-home [data-reveal] { opacity: 1; transform: none; transition: none; }
      #calamophyton-home .calamophyton-product-card,
      #calamophyton-home .home-eos-link { transition: none; }
    }
/* lang-switch: show only the other language (EN default; KR pages show English) */
#calamophyton-home .language-picker .language-picker-options .calamophyton-hero-language-button[aria-pressed="true"] { display: none; }
