:root{
  --cin-ink:#0a241d;
  --cin-forest:#071f18;
  --cin-forest-2:#0d382c;
  --cin-green:#1f8f62;
  --cin-green-bright:#66d790;
  --cin-gold:#c9a65b;
  --cin-gold-soft:#ead7a8;
  --cin-cream:#f2eadb;
  --cin-ivory:#fbf8f1;
  --cin-white:#fff;
  --cin-muted:#6e776f;
  --cin-line:rgba(17,57,45,.14);
  --cin-glass:rgba(255,255,255,.14);
  --cin-glass-border:rgba(255,255,255,.28);
  --cin-shadow:0 30px 100px rgba(9,40,31,.16);
}

body.home{background:var(--cin-ivory);overflow-x:hidden}
.academy-cinematic-home{position:relative;overflow:hidden;color:var(--cin-ink);background:var(--cin-ivory);font-family:inherit;isolation:isolate}
.academy-cinematic-home *{box-sizing:border-box}
.cin-shell{width:min(1380px,calc(100% - 72px));margin-inline:auto;position:relative;z-index:2}
.cin-section--cream{background:var(--cin-cream)}
.cin-section--ivory{background:var(--cin-ivory)}
.cin-section--dark{background:#060f0c;color:#fff}
.cin-section--forest{background:var(--cin-forest);color:#fff}

.cin-kicker{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#396356}
.cin-kicker span{display:block;width:34px;height:1px;background:currentColor}
.cin-kicker--light{color:rgba(255,255,255,.72)}
.cin-section-marker,.cin-statement-index{font-size:11px;letter-spacing:.18em;font-weight:800;color:rgba(255,255,255,.42);direction:ltr;text-align:left}
.cin-statement-index{color:rgba(10,36,29,.38)}
.cin-ghost-word{position:absolute;inset-inline-start:2vw;top:2vw;font-size:clamp(70px,14vw,220px);line-height:.8;font-weight:900;letter-spacing:-.07em;color:rgba(10,36,29,.035);pointer-events:none;user-select:none;direction:ltr}

.cin-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 24px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:800;transition:transform .35s ease,box-shadow .35s ease,background .35s ease,color .35s ease,border-color .35s ease}
.cin-btn:hover{transform:translateY(-3px)}
.cin-btn--gold{background:linear-gradient(135deg,#ead6a0,#b99348);color:#173126;box-shadow:0 18px 50px rgba(202,166,91,.25)}
.cin-btn--glass{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);backdrop-filter:blur(18px) saturate(145%);color:#fff}
.cin-btn--green{background:linear-gradient(135deg,#123e31,#1d7b58);color:#fff;box-shadow:0 18px 50px rgba(18,74,55,.22)}
.cin-btn--outline{border:1px solid rgba(15,58,46,.22);color:var(--cin-ink);background:rgba(255,255,255,.45)}
.cin-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.cin-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--cin-ink);font-size:14px;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(10,36,29,.35);padding-bottom:4px}
.cin-text-link--light{color:#fff;border-bottom-color:rgba(255,255,255,.38)}

/* Hero */
.cin-hero{position:relative;min-height:100svh;display:grid;align-items:end;padding:150px 0 74px;color:#fff;background:#04140f;overflow:hidden}
.cin-hero-media,.cin-hero-media img,.cin-hero-media video{position:absolute;inset:0;width:100%;height:100%}
.cin-hero-media img,.cin-hero-media video{object-fit:cover}
.cin-hero-media video{z-index:1}
.cin-hero-media img{z-index:0}
.cin-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,18,13,.96) 0%,rgba(4,25,18,.76) 40%,rgba(4,18,14,.25) 76%,rgba(2,12,9,.55) 100%),linear-gradient(180deg,rgba(2,11,8,.18),rgba(3,15,11,.08) 55%,rgba(2,15,11,.82))}
.cin-orb{position:absolute;z-index:1;border-radius:50%;filter:blur(2px);opacity:.8;mix-blend-mode:screen;pointer-events:none}
.cin-orb--gold{width:420px;height:420px;left:-180px;bottom:-180px;background:radial-gradient(circle,rgba(224,185,91,.34),rgba(224,185,91,0) 68%)}
.cin-orb--green{width:560px;height:560px;right:-220px;top:8%;background:radial-gradient(circle,rgba(62,203,130,.22),rgba(62,203,130,0) 70%)}
.cin-hero-word{position:absolute;z-index:1;left:3vw;bottom:8vh;font-size:clamp(90px,17vw,270px);font-weight:900;line-height:.76;letter-spacing:-.08em;color:rgba(255,255,255,.035);direction:ltr;pointer-events:none}
.cin-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.62fr);gap:90px;align-items:end}
.cin-hero-copy{max-width:720px}
.cin-hero-copy .cin-kicker--light{font-size:19px;line-height:1.7;letter-spacing:.015em}
@media (min-width:981px){
  .cin-hero-copy{position:relative;top:clamp(48px,6vh,72px);padding-inline-end:clamp(12px,2vw,32px)}
}
.cin-hero-copy h1{font-size:clamp(58px,5.25vw,72px);line-height:1.13;letter-spacing:-.035em;margin:20px 0 24px;font-weight:800;text-wrap:balance;color:#7fc2b1!important;text-shadow:0 3px 22px rgba(0,27,22,.52),0 1px 1px rgba(255,255,255,.10)}
.cin-hero-title-line{display:block}
.cin-hero-copy p{max-width:760px;font-size:20px;line-height:1.9;color:rgba(255,255,255,.9);margin:0;font-weight:500}
.cin-hero-glass{position:relative;padding:32px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 35px 100px rgba(0,0,0,.28);backdrop-filter:blur(30px) saturate(150%);overflow:hidden}
.cin-glass-shine{position:absolute;left:-20%;top:-40%;width:90%;height:80%;transform:rotate(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);filter:blur(8px);opacity:.8}
.cin-hero-glass-label{font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.65);direction:ltr;text-align:left}
.cin-hero-glass-number{font-size:clamp(70px,8vw,112px);line-height:.9;font-weight:900;letter-spacing:-.06em;color:#fff;margin:24px 0 10px;direction:ltr;text-align:left}
.cin-hero-glass-number span{color:var(--cin-gold-soft);font-size:.48em}
.cin-hero-glass>p{font-size:14px;line-height:1.9;color:rgba(255,255,255,.72);margin:0 0 24px}
.cin-hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.16);padding-top:20px;gap:20px}
.cin-hero-mini-grid div{display:grid;gap:4px}
.cin-hero-mini-grid strong{font-size:18px}.cin-hero-mini-grid span{font-size:11px;color:rgba(255,255,255,.55)}
.cin-hero-scroll{position:absolute;z-index:2;right:32px;bottom:42px;display:flex;align-items:center;gap:12px;direction:ltr;font-size:9px;letter-spacing:.2em;color:rgba(255,255,255,.45);transform:rotate(-90deg);transform-origin:right bottom}
.cin-hero-scroll span{width:52px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent)}

/* Products and expertise */
.cin-products{position:relative;padding:150px 0 136px;overflow:hidden;isolation:isolate}
.cin-products::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(242,234,219,.42),transparent 28%,rgba(31,143,98,.035));pointer-events:none}
.cin-products-glow{position:absolute;width:min(720px,62vw);aspect-ratio:1;border-radius:50%;inset-inline-end:-16%;top:18%;background:radial-gradient(circle,rgba(69,173,126,.13),rgba(201,166,91,.06) 42%,transparent 70%);filter:blur(35px);animation:cinProductsGlow 10s ease-in-out infinite alternate;pointer-events:none}
.cin-ghost-word--products{top:30px;inset-inline-start:auto;inset-inline-end:1vw;color:rgba(10,36,29,.032)}
.cin-products-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(44px,8vw,120px);align-items:end;margin-bottom:66px;position:relative;z-index:2}
.cin-products-heading .cin-section-marker{color:rgba(10,36,29,.36);margin-bottom:20px}
.cin-products-heading h2{font-size:clamp(44px,5.2vw,78px);line-height:1.12;letter-spacing:-.045em;margin:18px 0 0;font-weight:900;text-wrap:balance}
.cin-products-head>p{font-size:17px;line-height:2.05;color:#57655e;margin:0;max-width:600px}
.cin-product-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,270px));justify-content:center;gap:18px;align-items:stretch;perspective:1400px;position:relative;z-index:3}
.cin-product-card{--cin-tilt-x:0deg;--cin-tilt-y:0deg;position:relative;min-height:460px;border-radius:28px;overflow:hidden;isolation:isolate;background:#ebe8df;border:1px solid rgba(14,65,50,.12);box-shadow:0 20px 52px rgba(9,48,36,.10),inset 0 1px 0 rgba(255,255,255,.9);transform:translate3d(0,0,0) rotateX(var(--cin-tilt-x)) rotateY(var(--cin-tilt-y));transform-style:preserve-3d;transition:transform .62s cubic-bezier(.16,.84,.18,1),box-shadow .55s ease,border-color .45s ease;animation:cinProductFloat 7s ease-in-out var(--cin-product-float-delay,0ms) infinite}
.cin-product-card:nth-child(5){grid-column:2}
.cin-product-card:hover,.cin-product-card:focus-within{transform:translate3d(0,-18px,32px) scale(1.025) rotateX(var(--cin-tilt-x)) rotateY(var(--cin-tilt-y));border-color:rgba(255,255,255,.34);box-shadow:0 42px 92px rgba(6,65,45,.28),inset 0 1px 0 rgba(255,255,255,.34);z-index:5;animation-play-state:paused}
.cin-product-media,.cin-product-media img,.cin-product-overlay{position:absolute;inset:0;width:100%;height:100%}
.cin-product-media{z-index:-3;background:#d9ddd7;overflow:hidden}
.cin-product-media img{object-fit:cover;filter:saturate(.76) contrast(.98) brightness(1.04);transform:scale(1.035);transition:transform 1.1s cubic-bezier(.16,.84,.18,1),filter .7s ease}
.cin-product-overlay{z-index:-2;background:linear-gradient(180deg,rgba(251,248,241,.26) 0%,rgba(251,248,241,.88) 48%,rgba(247,244,235,.98) 100%);transition:background .58s ease}
.cin-product-card::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 20% 10%,rgba(111,230,180,.30),transparent 38%),linear-gradient(155deg,rgba(18,119,83,.89),rgba(5,63,46,.96) 74%);opacity:0;transition:opacity .55s ease}
.cin-product-card:hover::after,.cin-product-card:focus-within::after{opacity:1}
.cin-product-card:hover .cin-product-overlay,.cin-product-card:focus-within .cin-product-overlay{background:linear-gradient(180deg,rgba(3,48,34,.16),rgba(5,61,44,.68) 44%,rgba(4,49,37,.95) 100%)}
.cin-product-card:hover .cin-product-media img,.cin-product-card:focus-within .cin-product-media img{transform:scale(1.12);filter:saturate(.92) contrast(1.04) brightness(.82)}
.cin-product-content{height:100%;display:flex;flex-direction:column;padding:25px 22px 22px;transform:translateZ(34px);color:#123a2f;transition:color .45s ease}
.cin-product-number{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:50px;height:50px;border-radius:50%;border:1px solid rgba(15,73,55,.18);background:rgba(255,255,255,.55);backdrop-filter:blur(14px);font-size:12px;letter-spacing:.12em;font-weight:900;direction:ltr;color:#9d7a35;transition:background .45s ease,color .45s ease,border-color .45s ease,transform .55s ease}
.cin-product-card h3{font-size:clamp(23px,1.72vw,30px);line-height:1.28;margin:auto 0 12px;font-weight:900;letter-spacing:-.025em;color:inherit}
.cin-product-card p{font-size:13px;line-height:1.9;margin:0 0 16px;color:#4e645c;transition:color .45s ease}
.cin-product-features{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none;direction:ltr;justify-content:flex-end}
.cin-product-features li{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:7px 11px;border-radius:999px;border:1px solid rgba(12,69,51,.20);background:rgba(255,255,255,.78);box-shadow:0 7px 18px rgba(12,69,51,.065),inset 0 1px 0 rgba(255,255,255,.82);font-size:10px;line-height:1.2;font-weight:800;color:#264b40;white-space:nowrap;backdrop-filter:blur(12px);transition:background .45s ease,border-color .45s ease,color .45s ease,transform .45s ease,box-shadow .45s ease}
.cin-product-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid rgba(13,66,50,.14);font-size:13px;font-weight:900;color:inherit;text-decoration:none;transition:border-color .45s ease}
.cin-product-link b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#174f3d;color:#fff;font-size:17px;transition:transform .55s cubic-bezier(.16,.84,.18,1),background .45s ease,color .45s ease}
.cin-product-card:hover,.cin-product-card:focus-within{color:#fff}
.cin-product-card:hover p,.cin-product-card:focus-within p{color:rgba(255,255,255,.78)}
.cin-product-card:hover .cin-product-number,.cin-product-card:focus-within .cin-product-number{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#f1d99d;transform:rotate(-8deg) scale(1.05)}
.cin-product-card:hover .cin-product-features li,.cin-product-card:focus-within .cin-product-features li{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.30);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.12);transform:translateY(-2px)}
.cin-product-card:hover .cin-product-link,.cin-product-card:focus-within .cin-product-link{border-top-color:rgba(255,255,255,.22)}
.cin-product-card:hover .cin-product-link b,.cin-product-card:focus-within .cin-product-link b{background:#fff;color:#0b513b;transform:rotate(45deg) scale(1.08)}
@keyframes cinProductFloat{0%,100%{margin-top:0}50%{margin-top:-5px}}
@keyframes cinProductsGlow{0%{transform:translate3d(-4%,0,0) scale(.96);opacity:.62}100%{transform:translate3d(5%,-3%,0) scale(1.08);opacity:.9}}
@media (max-width:1180px){.cin-product-grid{grid-template-columns:repeat(3,minmax(220px,260px));justify-content:center}.cin-product-card:nth-child(5){grid-column:auto}.cin-product-card:nth-child(7){grid-column:2}}
@media (max-width:860px){.cin-products{padding:110px 0}.cin-products-head{grid-template-columns:1fr;gap:22px;margin-bottom:44px}.cin-products-head>p{max-width:720px}.cin-product-grid{grid-template-columns:repeat(2,minmax(220px,280px));justify-content:center}.cin-product-card:nth-child(7){grid-column:auto}.cin-product-card{min-height:470px}}
/* 0.16.17 — mobile product carousel affordance only */
.cin-product-mobile-guide,.cin-product-mobile-progress{display:none}
@media (max-width:640px){.cin-products{padding:92px 0 82px}.cin-products-head{margin-bottom:24px}.cin-product-mobile-guide{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:max-content;max-width:100%;margin:0 0 12px;padding:9px 13px;border:1px solid rgba(18,83,63,.12);border-radius:999px;background:rgba(255,255,255,.52);box-shadow:0 12px 30px rgba(15,75,57,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:11px;font-weight:850;color:#315b4e;transition:opacity .45s ease,transform .45s ease}.cin-product-mobile-guide.is-used{opacity:.34;transform:translateY(-2px)}.cin-product-mobile-guide__icon{display:inline-flex;align-items:center;direction:ltr}.cin-product-mobile-guide__icon i{display:block;width:8px;height:8px;border-top:2px solid #17845d;border-right:2px solid #17845d;transform:rotate(45deg);margin-left:-2px;animation:cinProductGuide 1.25s ease-in-out infinite}.cin-product-mobile-guide__icon i:nth-child(2){animation-delay:.12s}.cin-product-mobile-guide__icon i:nth-child(3){animation-delay:.24s}.cin-product-mobile-progress{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px}.cin-product-mobile-progress span{display:block;width:6px;height:6px;border-radius:999px;background:rgba(22,79,61,.19);transition:width .35s ease,background .35s ease,transform .35s ease}.cin-product-mobile-progress span.is-active{width:24px;background:#177d59;transform:scaleY(1.08)}.cin-products-heading h2{font-size:clamp(38px,11vw,52px)}.cin-products-head>p{font-size:15px;line-height:1.95}.cin-product-grid{display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:14px!important;width:calc(100% + 36px)!important;max-width:none!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory;scroll-padding-inline:18px;padding:10px 18px 28px!important;margin-inline:-18px!important;box-sizing:border-box!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.cin-product-grid::-webkit-scrollbar{display:none}.cin-product-card{display:block!important;flex:none!important;flex-shrink:0!important;width:calc(100vw - 46px)!important;min-width:calc(100vw - 46px)!important;max-width:350px!important;min-height:480px!important;height:auto!important;scroll-snap-align:start;scroll-snap-stop:always;animation:none!important;box-sizing:border-box!important}.cin-product-card:nth-child(n){grid-column:auto!important}.cin-product-card:hover,.cin-product-card:focus-within{transform:translate3d(0,-7px,0) scale(1.01) rotateX(var(--cin-tilt-x)) rotateY(var(--cin-tilt-y))}.cin-product-content{padding:24px 21px 21px}.cin-product-card h3{font-size:28px}.cin-product-card p{font-size:13.5px}.cin-product-features{justify-content:flex-start}}
@keyframes cinProductGuide{0%,100%{opacity:.25;transform:translateX(-4px) rotate(45deg)}50%{opacity:1;transform:translateX(4px) rotate(45deg)}}
@media (prefers-reduced-motion:reduce){.cin-product-mobile-guide__icon i{animation:none!important}.cin-product-card,.cin-products-glow{animation:none!important}.cin-product-card{transform:none!important}.cin-product-media img,.cin-product-card::after,.cin-product-overlay{transition:none!important}}

/* Statement */
.cin-statement{position:relative;padding:150px 0 140px;overflow:hidden}
.cin-statement-grid{display:grid;grid-template-columns:130px minmax(0,1fr) 330px;gap:70px;align-items:start}
.cin-statement-copy h2,.cin-section-head h2,.cin-materials-head h2{font-size:clamp(42px,5vw,76px);line-height:1.16;letter-spacing:-.045em;margin:18px 0 24px;font-weight:900;text-wrap:balance}
.cin-statement-copy p,.cin-section-head p,.cin-materials-head p{font-size:17px;line-height:2.05;color:#57655e;margin:0;max-width:760px}
.cin-metrics{display:grid;border-top:1px solid var(--cin-line)}
.cin-metrics div{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--cin-line)}
.cin-metrics strong{font-size:38px;line-height:1;font-weight:900;letter-spacing:-.05em;direction:ltr}.cin-metrics span{font-size:13px;color:#5e6b64}


/* 0.16.12 — statement section only: three animated Academy principles */
.cin-statement[data-cin-statement]{
  --cin-statement-shift:0px;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),transparent 34%),
    var(--cin-cream);
}
.cin-statement[data-cin-statement] .cin-statement-ambient{
  position:absolute;
  z-index:0;
  width:min(760px,58vw);
  aspect-ratio:1;
  inset-inline-start:42%;
  top:48%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(circle at 34% 40%,rgba(25,132,94,.15),transparent 45%),
    radial-gradient(circle at 66% 61%,rgba(205,171,96,.13),transparent 42%);
  filter:blur(48px);
  opacity:.74;
  pointer-events:none;
  animation:cinStatementAmbient 10s ease-in-out infinite alternate;
}
.cin-statement[data-cin-statement] .cin-ghost-word{
  transform:translate3d(var(--cin-statement-shift),0,0);
  will-change:transform;
  color:rgba(10,36,29,.045);
}
.cin-statement[data-cin-statement] .cin-statement-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:100px minmax(380px,.95fr) minmax(460px,1.05fr);
  grid-template-areas:"index principles copy";
  gap:clamp(42px,5vw,84px);
  align-items:start;
}
.cin-statement[data-cin-statement] .cin-statement-index{grid-area:index}
.cin-statement[data-cin-statement] .cin-statement-copy{grid-area:copy;position:relative;z-index:2}
.cin-statement[data-cin-statement] .cin-principles{grid-area:principles}
.cin-statement[data-cin-statement] .cin-statement-title{margin:18px 0 26px}
.cin-statement[data-cin-statement] .cin-statement-title-line{
  display:block;
  opacity:0;
  transform:translateY(.72em);
  clip-path:inset(0 0 100% 0);
  transition:
    opacity .72s ease calc(150ms + var(--cin-line-index) * 150ms),
    transform 1.05s cubic-bezier(.2,.72,.18,1) calc(150ms + var(--cin-line-index) * 150ms),
    clip-path 1.05s cubic-bezier(.2,.72,.18,1) calc(150ms + var(--cin-line-index) * 150ms);
}
.cin-statement[data-cin-statement].is-in-view .cin-statement-title-line{
  opacity:1;
  transform:none;
  clip-path:inset(0 0 0 0);
}
.cin-statement[data-cin-statement] .cin-statement-body{
  opacity:0;
  transform:translateY(22px);
  max-width:650px;
  transition:opacity .8s ease .52s,transform .9s cubic-bezier(.2,.72,.18,1) .52s;
}
.cin-statement[data-cin-statement].is-in-view .cin-statement-body{opacity:1;transform:none}

.cin-principles{
  position:relative;
  display:grid;
  gap:16px;
  opacity:0;
  transform:translateY(30px);
  transition:opacity .8s ease .38s,transform .95s cubic-bezier(.2,.72,.18,1) .38s;
}
.cin-statement.is-in-view .cin-principles{opacity:1;transform:none}
.cin-principles::before{content:none}
.cin-principle{
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 32px;
  gap:22px;
  align-items:start;
  min-height:142px;
  padding:30px 24px 28px 28px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:26px;
  background:
    radial-gradient(circle at 14% 18%,rgba(212,181,108,.13),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.78),rgba(244,248,245,.58));
  box-shadow:0 18px 42px rgba(20,74,57,.07),inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
  color:#173b31;
  cursor:default;
  outline:none;
  overflow:hidden;
  transition:transform .7s cubic-bezier(.16,.84,.18,1),background .5s ease,border-color .5s ease,box-shadow .55s ease,color .45s ease;
}
.cin-principle::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:
    radial-gradient(circle at 18% 0%,rgba(88,190,151,.28),transparent 42%),
    linear-gradient(135deg,#176f55,#0b533f 72%,#083d31);
  opacity:0;
  transform:scale(.96);
  transition:opacity .5s ease,transform .7s cubic-bezier(.16,.84,.18,1);
}
.cin-principle:hover,
.cin-principle:focus-visible,
.cin-principle.is-active{
  transform:translate3d(-20px,-4px,0) scale(1.025);
  border-color:rgba(255,255,255,.26);
  box-shadow:0 28px 62px rgba(8,70,52,.22),inset 0 1px 0 rgba(255,255,255,.18);
}
.cin-principle:hover::before,
.cin-principle:focus-visible::before,
.cin-principle.is-active::before{opacity:1;transform:scale(1)}
.cin-principle-number{
  direction:ltr;
  color:#b58c39;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.12em;
  padding-top:7px;
  transition:color .4s ease,transform .55s cubic-bezier(.2,.72,.18,1);
}
.cin-principle-content h3{
  margin:0 0 10px;
  color:#163f33;
  font-size:clamp(22px,2vw,30px);
  line-height:1.35;
  font-weight:900;
  transition:color .4s ease,transform .55s cubic-bezier(.2,.72,.18,1);
}
.cin-principle-content p{
  margin:0;
  max-width:520px;
  color:#69766f;
  font-size:15px;
  line-height:1.95;
  opacity:.72;
  transition:color .4s ease,opacity .4s ease,transform .55s cubic-bezier(.2,.72,.18,1);
}
.cin-principle-arrow{
  align-self:center;
  justify-self:end;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(18,93,69,.16);
  border-radius:50%;
  color:#7b8a83;
  font-size:14px;
  opacity:.35;
  transform:rotate(0deg);
  transition:opacity .4s ease,color .4s ease,border-color .4s ease,transform .6s cubic-bezier(.2,.72,.18,1),background .4s ease;
}
.cin-principle:hover .cin-principle-number,
.cin-principle:focus-visible .cin-principle-number,
.cin-principle.is-active .cin-principle-number{color:#f3dca4;transform:translateY(-3px)}
.cin-principle:hover .cin-principle-content h3,
.cin-principle:focus-visible .cin-principle-content h3,
.cin-principle.is-active .cin-principle-content h3{color:#fff;transform:translateX(-7px)}
.cin-principle:hover .cin-principle-content p,
.cin-principle:focus-visible .cin-principle-content p,
.cin-principle.is-active .cin-principle-content p{color:rgba(255,255,255,.84);opacity:1;transform:translateX(-7px)}
.cin-principle:hover .cin-principle-arrow,
.cin-principle:focus-visible .cin-principle-arrow,
.cin-principle.is-active .cin-principle-arrow{
  opacity:1;
  color:#fff;
  border-color:rgba(255,255,255,.78);
  background:rgba(255,255,255,.10);
  box-shadow:0 8px 22px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.24);
  transform:rotate(45deg) scale(1.08);
}

@keyframes cinStatementAmbient{
  0%{transform:translate(-50%,-50%) scale(.94);opacity:.55}
  100%{transform:translate(-46%,-53%) scale(1.08);opacity:.82}
}
@media (max-width:1120px){
  .cin-statement[data-cin-statement] .cin-statement-grid{
    grid-template-columns:80px minmax(340px,.95fr) minmax(360px,1.05fr);
    gap:36px;
  }
}
@media (max-width:900px){
  .cin-statement[data-cin-statement] .cin-statement-grid{
    grid-template-columns:1fr;
    grid-template-areas:"copy" "principles";
    gap:44px;
  }
  .cin-statement[data-cin-statement] .cin-statement-index{display:none}
  .cin-statement[data-cin-statement] .cin-statement-copy{order:1}
  .cin-statement[data-cin-statement] .cin-principles{order:2}
  .cin-statement[data-cin-statement] .cin-statement-ambient{width:90vw;inset-inline-start:48%;top:38%}
}
@media (max-width:620px){
  .cin-statement[data-cin-statement] .cin-statement-grid{gap:32px}
  .cin-statement[data-cin-statement] .cin-statement-title{font-size:38px;line-height:1.22;margin-bottom:20px}
  .cin-statement[data-cin-statement] .cin-statement-body{font-size:16px;line-height:2}
  .cin-statement[data-cin-statement] .cin-ghost-word{top:36px;font-size:82px}
  .cin-principle{
    grid-template-columns:44px minmax(0,1fr) 26px;
    gap:14px;
    min-height:132px;
    padding:24px 12px 22px 16px;
  }
  .cin-principles{gap:12px}
  .cin-principle:hover,
  .cin-principle:focus-visible,
  .cin-principle.is-active{transform:translate3d(-7px,-2px,0) scale(1.012)}
  .cin-principle::before{inset:0;border-radius:inherit}
  .cin-principle-content h3{font-size:23px}
  .cin-principle-content p{font-size:14px;line-height:1.9}
  .cin-principle-arrow{width:26px;height:26px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .cin-statement[data-cin-statement] .cin-statement-ambient{animation:none}
  .cin-statement[data-cin-statement] .cin-statement-title-line,
  .cin-statement[data-cin-statement] .cin-statement-body,
  .cin-principles{opacity:1;transform:none;clip-path:none;transition:none}
  .cin-principle,.cin-principle::before,.cin-principle *{transition:none!important}
}

/* Full arch — 0.16.14 cinematic showcase */
.cin-fullarch{position:relative;min-height:176vh;padding:124px 0;overflow:hidden;isolation:isolate}
.cin-dark-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}
.cin-fullarch-ambient{position:absolute;z-index:0;width:min(920px,68vw);aspect-ratio:1;left:37%;top:43%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 42% 42%,rgba(35,150,102,.16),transparent 42%),radial-gradient(circle at 68% 60%,rgba(203,168,91,.09),transparent 38%);filter:blur(68px);opacity:.8;pointer-events:none;animation:cinFullarchAmbient 11s ease-in-out infinite alternate}
.cin-fullarch-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(330px,.72fr);gap:72px;align-items:start}
.cin-fullarch-sticky{position:sticky;top:104px;display:grid;gap:22px}
.cin-video-stage{position:relative;min-height:660px;border-radius:42px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(41,96,74,.48),rgba(3,12,9,.9) 68%);border:1px solid rgba(255,255,255,.12);box-shadow:0 60px 140px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.16);transform-origin:center;transition:transform 1.15s cubic-bezier(.2,.75,.2,1),box-shadow 1.15s ease,border-color .8s ease}
.cin-video-stage:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 52%,rgba(0,0,0,.66));pointer-events:none}
.cin-video-stage.is-playing{transform:scale(1.008);border-color:rgba(108,216,160,.26);box-shadow:0 72px 170px rgba(0,0,0,.5),0 0 70px rgba(38,155,104,.10),inset 0 1px 0 rgba(255,255,255,.18)}
.cin-video-halo{position:absolute;z-index:1;inset:8% 4%;border-radius:50%;background:radial-gradient(circle,rgba(65,203,137,.22),rgba(65,203,137,0) 65%);filter:blur(22px);animation:cinVideoHalo 5.5s ease-in-out infinite alternate}
.cin-fullarch-video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.045);filter:saturate(.94) contrast(1.06);transition:transform 8s cubic-bezier(.2,.7,.2,1),filter 1s ease}
.cin-video-stage.is-playing .cin-fullarch-video{transform:scale(1.015);filter:saturate(1) contrast(1.07)}
.cin-video-trace{position:absolute;z-index:3;height:1px;width:0;background:linear-gradient(90deg,rgba(235,215,169,0),rgba(235,215,169,.78),rgba(112,218,165,.54));box-shadow:0 0 14px rgba(219,196,139,.28);pointer-events:none;transition:width 1.3s cubic-bezier(.2,.75,.2,1) .35s}
.cin-video-trace:after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(50%,-50%);background:#e8d39d;box-shadow:0 0 0 7px rgba(232,211,157,.09)}
.cin-video-trace--a{left:8%;top:18%;transform:rotate(8deg);transform-origin:left}
.cin-video-trace--b{right:8%;bottom:20%;transform:rotate(-12deg);transform-origin:right;background:linear-gradient(90deg,rgba(112,218,165,.54),rgba(235,215,169,.78),rgba(235,215,169,0))}
.cin-video-trace--b:after{right:auto;left:0;transform:translate(-50%,-50%)}
.cin-fullarch.is-in-view .cin-video-trace{width:32%}
.cin-video-caption{position:absolute;z-index:4;left:28px;bottom:30px;font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.62);direction:ltr}
.cin-fullarch-progress{position:absolute;z-index:5;left:28px;right:154px;bottom:16px;height:2px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.12)}
.cin-fullarch-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d4af63,#6ed6a5);box-shadow:0 0 14px rgba(212,175,99,.36);will-change:width}
.cin-fullarch-sound{position:absolute;z-index:6;right:96px;bottom:24px;display:inline-flex;align-items:center;gap:7px;height:58px;padding:0 15px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;backdrop-filter:blur(18px) saturate(145%);cursor:pointer;transition:transform .35s ease,background .35s ease,border-color .35s ease}
.cin-fullarch-sound:hover{transform:translateY(-3px);background:rgba(35,143,99,.48);border-color:rgba(110,214,165,.5)}
.cin-fullarch-sound span{position:relative;width:13px;height:12px;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}
.cin-fullarch-sound span:after{content:"";position:absolute;width:6px;height:8px;border:1.5px solid currentColor;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 10px 10px 0;left:4px;top:-3px}
.cin-fullarch-sound[aria-pressed="false"] span:before{content:"";position:absolute;z-index:2;width:17px;height:1.5px;background:#fff;left:-5px;top:4px;transform:rotate(-45deg)}
.cin-fullarch-sound b{font-size:11px;font-weight:800}
.cin-play-button{position:absolute;z-index:6;right:28px;bottom:24px;width:58px;height:58px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(18px);cursor:pointer;transition:transform .35s ease,background .35s ease,border-color .35s ease}
.cin-play-button:hover{transform:translateY(-3px) scale(1.06);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.62)}
.cin-play-button span{position:absolute;left:23px;top:19px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff}
.cin-fullarch-copy{padding-top:116px}
.cin-fullarch-copy h2{font-size:clamp(40px,4vw,58px);line-height:1.16;letter-spacing:-.042em;font-weight:900;margin:18px 0 26px;text-wrap:balance}
.cin-fullarch-title-line{display:block;transform:translateY(24px);opacity:0;transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .75s ease}
.cin-fullarch-title-line:nth-child(2){transition-delay:110ms;color:rgba(255,255,255,.86)}
.cin-fullarch.is-in-view .cin-fullarch-title-line{transform:none;opacity:1}
.cin-fullarch-copy>p{font-size:16.5px;line-height:2;color:rgba(255,255,255,.68);margin:0 0 38px;max-width:520px}
.cin-spec-list{display:grid;gap:13px;perspective:1000px}
.cin-spec-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:15px;align-items:start;padding:22px 20px 22px 18px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.065);backdrop-filter:blur(15px) saturate(125%);transition:transform .55s cubic-bezier(.16,.75,.25,1),background .45s ease,border-color .45s ease,box-shadow .55s ease;overflow:hidden;will-change:transform}
.cin-spec-item:before{content:"";position:absolute;inset:-1px;opacity:0;background:radial-gradient(circle at 86% 10%,rgba(108,217,164,.28),transparent 46%),linear-gradient(135deg,rgba(23,126,88,.88),rgba(8,61,45,.92));transition:opacity .45s ease;z-index:-1}
.cin-spec-item:hover,.cin-spec-item:focus-within,.cin-spec-item.is-active{transform:translate3d(-14px,-5px,0) rotateY(1.2deg) scale(1.022);border-color:rgba(111,222,169,.38);box-shadow:0 24px 54px rgba(0,0,0,.28),0 0 34px rgba(43,167,112,.10),inset 0 1px 0 rgba(255,255,255,.15)}
.cin-spec-item:hover:before,.cin-spec-item:focus-within:before,.cin-spec-item.is-active:before{opacity:1}
.cin-spec-index{font-size:11px;line-height:1.2;color:var(--cin-gold-soft);direction:ltr;padding-top:4px;transition:color .35s ease,transform .45s ease}
.cin-spec-item strong{display:block;font-size:18px;margin-bottom:7px;color:#fff;transition:color .35s ease,transform .45s ease}
.cin-spec-item p{font-size:12.8px;line-height:1.85;color:rgba(255,255,255,.5);margin:0;transition:color .35s ease,transform .45s ease}
.cin-spec-item i{font-style:normal;font-size:19px;color:rgba(108,217,164,.72);transition:color .35s ease,transform .5s cubic-bezier(.16,.75,.25,1)}
.cin-spec-item:hover .cin-spec-index,.cin-spec-item:focus-within .cin-spec-index,.cin-spec-item.is-active .cin-spec-index{color:#f0dba9;transform:translateY(-2px)}
.cin-spec-item:hover strong,.cin-spec-item:focus-within strong,.cin-spec-item.is-active strong{color:#fff;transform:translateX(-3px)}
.cin-spec-item:hover p,.cin-spec-item:focus-within p,.cin-spec-item.is-active p{color:rgba(255,255,255,.78);transform:translateX(-3px)}
.cin-spec-item:hover i,.cin-spec-item:focus-within i,.cin-spec-item.is-active i{color:#fff;transform:translate(-5px,5px) rotate(-8deg)}
@keyframes cinFullarchAmbient{0%{transform:translate(-50%,-50%) scale(.92)}100%{transform:translate(-45%,-54%) scale(1.08)}}
@keyframes cinVideoHalo{0%{opacity:.45;transform:scale(.9)}100%{opacity:.95;transform:scale(1.08)}}

/* Shared section heading */
.cin-services,.cin-materials,.cin-portfolio,.cin-process{position:relative;padding:140px 0;overflow:hidden}
.cin-section-head,.cin-materials-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:80px;align-items:end;margin-bottom:70px}
.cin-section-head>p,.cin-materials-head>p{padding-bottom:13px}

/* Services */
.cin-ghost-word--services{top:70px;left:auto;right:-20px}
.cin-service-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);min-height:650px;border-radius:38px;overflow:hidden;background:rgba(255,255,255,.44);border:1px solid rgba(255,255,255,.88);box-shadow:var(--cin-shadow),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(26px) saturate(130%)}
.cin-service-visual{position:relative;overflow:hidden;min-height:650px;background:#102d24}
.cin-service-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.1);transition:opacity .7s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.cin-service-visual img.is-active{opacity:1;transform:scale(1)}
.cin-service-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,16,12,.04),rgba(3,16,12,.68))}
.cin-service-visual-index{position:absolute;left:30px;bottom:22px;font-size:34px;font-weight:900;color:rgba(255,255,255,.8);direction:ltr}.cin-service-visual-index span{color:var(--cin-gold-soft)}
.cin-service-list{display:flex;flex-direction:column;padding:24px 36px;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(250,246,238,.82))}
.cin-service-item{display:grid;grid-template-columns:42px 1fr 28px;gap:18px;align-items:start;padding:38px 0;border-bottom:1px solid rgba(10,36,29,.12);text-decoration:none;color:var(--cin-ink);transition:padding .35s ease,background .35s ease}
.cin-service-item>span{font-size:11px;direction:ltr;color:#839089}.cin-service-item h3{font-size:24px;margin:0 0 8px;transition:color .3s ease}.cin-service-item p{font-size:13px;line-height:1.85;color:#65726b;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease}.cin-service-item b{font-size:18px;opacity:.35;transition:transform .3s ease,opacity .3s ease}
.cin-service-item.is-active{padding-top:50px;padding-bottom:50px}.cin-service-item.is-active h3{color:var(--cin-green)}.cin-service-item.is-active p{max-height:120px;opacity:1}.cin-service-item.is-active b{opacity:1;transform:translate(3px,-3px)}

/* Workflow */
.cin-workflow{position:relative;padding:150px 0;overflow:hidden}
.cin-workflow-light{position:absolute;width:720px;height:720px;right:-220px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(53,206,130,.2),rgba(53,206,130,0) 68%);filter:blur(4px)}
.cin-workflow-grid{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);gap:100px;align-items:center}
.cin-check-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;margin:36px 0 0;padding:0;list-style:none}.cin-check-list li{display:flex;gap:10px;font-size:13px;color:rgba(255,255,255,.7)}.cin-check-list span{color:var(--cin-gold-soft)}
.cin-monitor{position:relative;perspective:1200px}
.cin-monitor-top{height:42px;border-radius:24px 24px 0 0;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-bottom:0;display:flex;align-items:center;gap:7px;padding:0 18px;backdrop-filter:blur(24px)}
.cin-monitor-top i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}.cin-monitor-top span{margin-left:auto;font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.45);direction:ltr}
.cin-monitor-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:0 0 26px 26px;background:#071a14;box-shadow:0 50px 120px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.16);transform:rotateY(-4deg) rotateX(1deg);transform-origin:center}
.cin-monitor-screen img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(.92)}
.cin-monitor-glow{position:absolute;inset:0;background:linear-gradient(125deg,rgba(94,225,153,.12),transparent 40%,rgba(213,174,93,.1));pointer-events:none}
.cin-play-button--large{width:92px;height:92px;right:50%;bottom:50%;transform:translate(50%,50%);display:grid;place-items:center}.cin-play-button--large:hover{transform:translate(50%,50%) scale(1.06)}.cin-play-button--large span{position:static;margin-left:5px}.cin-play-button--large b{position:absolute;top:112px;white-space:nowrap;font-size:9px;letter-spacing:.22em;color:rgba(255,255,255,.74)}
.cin-monitor-base{width:48%;height:22px;margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.04));clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);filter:drop-shadow(0 20px 24px rgba(0,0,0,.35))}

/* Process */
.cin-process-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:86px}
.cin-process-line{position:absolute;left:8%;right:8%;top:-41px;height:1px;background:rgba(10,36,29,.17)}.cin-process-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cin-green),var(--cin-gold));transition:width 1.5s cubic-bezier(.2,.7,.2,1)}
.cin-process-track.is-visible .cin-process-line i{width:100%}
.cin-process-step{position:relative;min-height:260px;padding:30px 26px;border-radius:28px;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 60px rgba(20,55,43,.06);backdrop-filter:blur(22px);transition:transform .35s ease,background .35s ease,box-shadow .35s ease}
.cin-process-step:before{content:"";position:absolute;top:-48px;right:50%;width:13px;height:13px;border-radius:50%;background:var(--cin-cream);border:3px solid rgba(10,36,29,.22);transform:translateX(50%);transition:background .35s ease,border .35s ease,box-shadow .35s ease}
.cin-process-step:hover,.cin-process-step.is-active{transform:translateY(-8px);background:rgba(255,255,255,.62);box-shadow:0 26px 70px rgba(20,55,43,.12)}.cin-process-step.is-active:before{background:var(--cin-green);border-color:var(--cin-green);box-shadow:0 0 0 8px rgba(31,143,98,.12)}
.cin-process-step>span{font-size:12px;color:var(--cin-green);direction:ltr}.cin-process-step h3{font-size:19px;margin:22px 0 14px}.cin-process-step p{font-size:13px;line-height:1.9;color:#65726b;margin:0}

/* Materials */
.cin-material-marquee{width:100%;overflow:hidden;border-top:1px solid var(--cin-line);border-bottom:1px solid var(--cin-line);padding:26px 0;margin-bottom:56px;direction:ltr}
.cin-material-marquee>div{width:max-content;display:flex;align-items:center;gap:28px;animation:cinMarquee 35s linear infinite}
.cin-material-marquee span{font-size:22px;font-weight:900;letter-spacing:.03em;color:rgba(10,36,29,.42)}.cin-material-marquee i{width:6px;height:6px;border-radius:50%;background:var(--cin-gold)}
@keyframes cinMarquee{to{transform:translateX(-50%)}}
.cin-material-cards{display:grid;grid-template-columns:1.25fr .8fr .8fr;grid-template-rows:260px 260px;gap:20px}
.cin-material-card{position:relative;margin:0;border-radius:30px;overflow:hidden;background:#d9d5ca;box-shadow:0 24px 70px rgba(20,55,43,.09)}
.cin-material-card:first-child{grid-row:1/3}.cin-material-card:nth-child(4){grid-column:2/4}
.cin-material-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.cin-material-card:hover img{transform:scale(1.06)}
.cin-material-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(5,20,15,.72))}
.cin-material-card figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;display:flex;align-items:end;justify-content:space-between;color:#fff}.cin-material-card figcaption span{font-size:10px;direction:ltr;color:rgba(255,255,255,.65)}.cin-material-card figcaption b{font-size:13px;letter-spacing:.08em;direction:ltr}

/* Portfolio */
.cin-case-grid{display:grid;grid-template-columns:1.3fr .7fr .8fr;grid-template-rows:340px 340px;gap:20px}
.cin-case-card{position:relative;border-radius:30px;overflow:hidden;text-decoration:none;color:#fff;background:#16372d}
.cin-case-card--1{grid-row:1/3}.cin-case-card--2{grid-column:2/4}.cin-case-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.cin-case-card:hover img{transform:scale(1.06)}
.cin-case-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,18,13,.78))}
.cin-case-overlay{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end}.cin-case-overlay small{grid-column:1/3;font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.58);direction:ltr}.cin-case-overlay strong{font-size:20px}.cin-case-overlay b{font-size:18px}

/* About */
.cin-about{padding:150px 0;position:relative;overflow:hidden}
.cin-about-grid{display:grid;grid-template-columns:.72fr 1fr;gap:110px;align-items:center}
.cin-about-monogram{position:relative;aspect-ratio:1;border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.18);box-shadow:0 50px 120px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18);display:grid;place-items:center;backdrop-filter:blur(26px);overflow:hidden}
.cin-about-monogram span{font-size:clamp(150px,20vw,300px);font-weight:900;line-height:.8;color:rgba(255,255,255,.08);direction:ltr}.cin-about-monogram i{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(205,167,88,.4),transparent 70%);filter:blur(6px)}

/* Final */
.cin-final{padding:110px 0 140px}
.cin-final-panel{position:relative;overflow:hidden;padding:86px min(7vw,100px);border-radius:44px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(245,235,214,.74));border:1px solid rgba(255,255,255,.98);box-shadow:0 36px 100px rgba(20,55,43,.1),inset 0 1px 0 #fff;backdrop-filter:blur(28px)}
.cin-final-panel h2{font-size:clamp(44px,5.6vw,82px);line-height:1.14;letter-spacing:-.05em;max-width:950px;margin:20px 0 24px;font-weight:900}.cin-final-panel>p{font-size:17px;line-height:2;color:#5e6b64;max-width:720px;margin:0}
.cin-final-orb{position:absolute;width:560px;height:560px;left:-140px;bottom:-300px;border-radius:50%;background:radial-gradient(circle,rgba(48,153,103,.18),transparent 68%)}

/* Modal */
.cin-video-modal[hidden]{display:none}.cin-video-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px}.cin-video-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(2,9,7,.86);backdrop-filter:blur(16px);cursor:pointer}.cin-video-modal-dialog{position:relative;z-index:2;width:min(1180px,94vw);border-radius:28px;overflow:hidden;background:#020806;border:1px solid rgba(255,255,255,.18);box-shadow:0 40px 140px rgba(0,0,0,.72)}.cin-video-modal-dialog video{display:block;width:100%;max-height:82vh;background:#000}.cin-video-modal-close{position:absolute;z-index:3;top:14px;right:14px;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(10px)}
body.cin-modal-open{overflow:hidden}

/* Reveal states */
[data-cin-reveal]{opacity:0;transition:opacity .85s ease,transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}
[data-cin-reveal="up"]{transform:translateY(44px)}
[data-cin-reveal="right"]{transform:translateX(-34px)}
[data-cin-reveal="scale"]{transform:scale(.94)}
[data-cin-reveal="fade"]{transform:none}
[data-cin-reveal].is-visible{opacity:1;transform:none}

@media (max-width:1180px){
  .cin-shell{width:min(100% - 42px,1200px)}
  .cin-hero-grid{grid-template-columns:1fr .52fr;gap:46px}
  .cin-statement-grid{grid-template-columns:90px 1fr;gap:40px}.cin-metrics{grid-column:2}
  .cin-fullarch-layout{gap:50px}.cin-video-stage{min-height:520px}
  .cin-service-console{grid-template-columns:1fr .9fr}.cin-workflow-grid{gap:60px}
  .cin-process-track{grid-template-columns:repeat(3,1fr)}.cin-process-line{display:none}.cin-process-step:before{display:none}
}

@media (max-width:900px){
  .cin-shell{width:min(100% - 28px,900px)}
  .cin-hero{min-height:auto;padding:150px 0 62px}.cin-hero-grid,.cin-statement-grid,.cin-fullarch-layout,.cin-section-head,.cin-materials-head,.cin-workflow-grid,.cin-about-grid{grid-template-columns:1fr}
  .cin-hero-grid{gap:34px}.cin-hero-glass{max-width:460px}.cin-hero-copy h1{font-size:clamp(46px,7.5vw,62px);line-height:1.18}.cin-hero-scroll{display:none}
  .cin-statement{padding:110px 0}.cin-statement-grid{gap:32px}.cin-statement-index{display:none}.cin-metrics{grid-column:auto;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cin-line)}.cin-metrics div{display:grid;justify-content:start;align-content:end}
  .cin-fullarch{min-height:auto;padding:100px 0}.cin-fullarch-sticky{position:relative;top:auto}.cin-fullarch-copy{padding-top:0}.cin-video-stage{min-height:520px}
  .cin-services,.cin-materials,.cin-portfolio,.cin-process{padding:110px 0}.cin-section-head,.cin-materials-head{gap:20px;margin-bottom:50px}
  .cin-service-console{grid-template-columns:1fr}.cin-service-visual{min-height:480px}.cin-service-list{padding:10px 28px}
  .cin-workflow{padding:110px 0}.cin-workflow-grid{gap:60px}.cin-workflow-copy{order:2}.cin-monitor{order:1}
  .cin-process-track{grid-template-columns:1fr 1fr}
  .cin-material-cards{grid-template-columns:1fr 1fr;grid-template-rows:340px 240px 240px}.cin-material-card:first-child{grid-column:1/3;grid-row:auto}.cin-material-card:nth-child(4){grid-column:auto}
  .cin-case-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 260px 260px}.cin-case-card--1{grid-column:1/3;grid-row:auto}.cin-case-card--2{grid-column:1/3}
  .cin-about-grid{gap:55px}.cin-about-monogram{max-width:620px;width:100%;justify-self:center}
}

@media (max-width:620px){
  .cin-shell{width:min(100% - 20px,620px)}
  .cin-hero{padding-top:130px}.cin-hero-copy{max-width:none;margin-top:clamp(155px,21svh,210px);padding-inline:10px}.cin-hero-copy .cin-kicker--light{font-size:14px;line-height:1.65}.cin-hero-copy h1{font-size:38px;line-height:1.28;letter-spacing:-.025em;margin:18px 0 22px}.cin-hero-copy p{max-width:none;font-size:17px;line-height:1.9;color:rgba(255,255,255,.9)}.cin-actions{display:grid}.cin-btn{width:100%}
  .cin-hero-glass{padding:24px;border-radius:26px}.cin-hero-glass-number{font-size:72px}.cin-hero-mini-grid{grid-template-columns:1fr}
  .cin-statement-copy h2,.cin-section-head h2,.cin-materials-head h2,.cin-fullarch-copy h2,.cin-workflow-copy h2,.cin-about-copy h2,.cin-final-panel h2{font-size:38px;line-height:1.22}
  .cin-statement,.cin-services,.cin-materials,.cin-portfolio,.cin-process,.cin-workflow,.cin-about{padding:88px 0}
  .cin-metrics{grid-template-columns:1fr}.cin-metrics div{display:flex}
  .cin-video-stage{min-height:360px;border-radius:28px}.cin-video-caption{display:none}.cin-play-button{right:18px;bottom:18px}
  .cin-service-console{border-radius:28px}.cin-service-visual{min-height:330px}.cin-service-item{grid-template-columns:34px 1fr 24px;padding:26px 0}.cin-service-item.is-active{padding:34px 0}.cin-service-item h3{font-size:20px}
  .cin-check-list{grid-template-columns:1fr}.cin-monitor-screen{transform:none}
  .cin-process-track{grid-template-columns:1fr}.cin-process-step{min-height:auto}
  .cin-material-cards{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,280px)}.cin-material-card:first-child,.cin-material-card:nth-child(4){grid-column:auto;grid-row:auto}
  .cin-case-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,300px)}.cin-case-card--1,.cin-case-card--2{grid-column:auto;grid-row:auto}
  .cin-final{padding:70px 0 90px}.cin-final-panel{padding:55px 22px;border-radius:30px}
  .cin-video-modal{padding:10px}.cin-video-modal-dialog{border-radius:18px}
}

@media (prefers-reduced-motion:reduce){
  .cin-material-marquee>div{animation:none}
  [data-cin-reveal]{opacity:1;transform:none;transition:none}
  .cin-service-visual img,.cin-material-card img,.cin-case-card img,.cin-btn,.cin-process-step{transition:none}
}


/* 0.16.14 — responsive rules scoped only to the full-arch showcase */
@media (max-width:1100px){
  .cin-fullarch-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.72fr);gap:48px}
  .cin-video-stage{min-height:560px}
  .cin-fullarch-copy{padding-top:72px}
}
@media (max-width:860px){
  .cin-fullarch{min-height:auto;padding:96px 0 104px}
  .cin-fullarch-layout{grid-template-columns:1fr;gap:44px}
  .cin-fullarch-copy{grid-row:1;padding-top:0}
  .cin-fullarch-sticky{grid-row:2;position:relative;top:auto}
  .cin-fullarch-copy h2{font-size:clamp(38px,8.2vw,54px)}
  .cin-fullarch-copy>p{max-width:680px;margin-bottom:30px}
  .cin-video-stage{min-height:clamp(420px,72vw,620px)}
}
@media (max-width:640px){
  .cin-fullarch{padding:82px 0 92px}
  .cin-fullarch-layout{gap:34px}
  .cin-fullarch-copy h2{font-size:38px;line-height:1.22;margin:16px 0 22px}
  .cin-fullarch-copy>p{font-size:15px;line-height:1.95;margin-bottom:27px}
  .cin-spec-list{gap:10px}
  .cin-spec-item{grid-template-columns:34px minmax(0,1fr) 20px;padding:18px 15px;border-radius:19px}
  .cin-spec-item:hover,.cin-spec-item:focus-within,.cin-spec-item.is-active{transform:translate3d(-5px,-3px,0) scale(1.012)}
  .cin-spec-item strong{font-size:16px}.cin-spec-item p{font-size:12px}
  .cin-video-stage{min-height:68vw;min-height:max(370px,68vw);border-radius:28px}
  .cin-video-caption{left:18px;bottom:24px;font-size:8px}
  .cin-fullarch-progress{left:18px;right:130px;bottom:12px}
  .cin-fullarch-sound{right:78px;bottom:18px;height:48px;padding:0 11px}.cin-fullarch-sound b{display:none}
  .cin-play-button{right:18px;bottom:18px;width:48px;height:48px}
  .cin-play-button span{left:19px;top:15px;border-top-width:9px;border-bottom-width:9px;border-left-width:13px}
  .cin-fullarch.is-in-view .cin-video-trace{width:24%}
}
@media (prefers-reduced-motion:reduce){
  .cin-fullarch-ambient,.cin-video-halo{animation:none!important}
  .cin-fullarch-title-line{opacity:1!important;transform:none!important;transition:none!important}
  .cin-spec-item,.cin-video-stage,.cin-fullarch-video,.cin-video-trace{transition:none!important}
}

/* 0.16.18 — academic approach + selected work chapter + dedicated laminate case */
.cin-statement[data-cin-statement] .cin-principles-wrap{grid-area:principles;position:relative}
.cin-statement[data-cin-statement] .cin-principles-label{margin:0 0 14px;padding-inline:8px;font-size:11px;font-weight:900;letter-spacing:.08em;color:rgba(16,73,56,.55)}

.cin-showcase-intro{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.56fr);gap:80px;align-items:end;margin-bottom:52px}
.cin-showcase-intro h2{max-width:900px;margin:18px 0 0;color:#fff;font-size:clamp(44px,5.2vw,76px);line-height:1.15;letter-spacing:-.05em;font-weight:950;text-wrap:balance}
.cin-showcase-intro>p{margin:0 0 8px;color:rgba(255,255,255,.62);font-size:16px;line-height:2;max-width:520px}
.cin-showcase-rule{position:relative;z-index:3;width:min(1320px,calc(100% - 40px));height:1px;margin:0 auto 74px;background:rgba(255,255,255,.09);overflow:hidden}
.cin-showcase-rule i{display:block;width:34%;height:100%;background:linear-gradient(90deg,transparent,#cfa85d,#63c998,transparent);animation:cinShowcaseRule 6s ease-in-out infinite}
@keyframes cinShowcaseRule{0%{transform:translateX(-125%)}100%{transform:translateX(390%)}}
.cin-fullarch{min-height:205vh;padding-top:118px}
.cin-fullarch-copy .cin-fullarch-lead{margin-bottom:22px}
.cin-fullarch-copy .cin-fullarch-experience{margin-bottom:24px;color:rgba(255,255,255,.58);font-size:14.5px;line-height:2.05}
.cin-fullarch-quote{position:relative;margin:0 0 28px;padding:20px 22px 20px 52px;border:1px solid rgba(107,214,164,.18);border-radius:20px;background:linear-gradient(135deg,rgba(25,126,88,.19),rgba(255,255,255,.025));color:rgba(255,255,255,.85);font-size:13.5px;line-height:1.95;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.cin-fullarch-quote>span{position:absolute;left:18px;top:8px;color:var(--cin-gold-soft);font-family:Georgia,serif;font-size:42px;line-height:1;opacity:.9}

.cin-section-marker--dark{color:rgba(10,36,29,.42)}
.cin-laminate{position:relative;padding:138px 0 146px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#f8f5ed 0%,#f2eee4 100%)}
.cin-laminate-glow{position:absolute;z-index:0;width:min(760px,62vw);aspect-ratio:1;right:-12%;top:22%;border-radius:50%;background:radial-gradient(circle at 42% 42%,rgba(31,143,98,.14),transparent 46%),radial-gradient(circle at 70% 62%,rgba(205,171,96,.13),transparent 42%);filter:blur(58px);pointer-events:none}
.cin-ghost-word--laminate{top:58px;right:-18px;left:auto;color:rgba(10,36,29,.04)}
.cin-laminate>.cin-shell{position:relative;z-index:2}
.cin-laminate-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.62fr);gap:82px;align-items:end;margin-bottom:62px}
.cin-laminate-head h2{max-width:900px;margin:18px 0 0;color:var(--cin-ink);font-size:clamp(46px,5.4vw,78px);line-height:1.12;letter-spacing:-.052em;font-weight:950;text-wrap:balance}
.cin-laminate-head>p{margin:0 0 8px;color:#58665f;font-size:16px;line-height:2.05}
.cin-laminate-console{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.82fr);min-height:720px;border:1px solid rgba(255,255,255,.88);border-radius:40px;overflow:hidden;background:rgba(255,255,255,.48);box-shadow:0 42px 110px rgba(29,63,50,.14),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%)}
.cin-laminate-visual{position:relative;min-height:720px;overflow:hidden;background:#071b15}
.cin-laminate-visual img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;transform:scale(1.02);filter:saturate(.92) contrast(1.03);transition:transform 1.15s cubic-bezier(.2,.75,.2,1),filter .7s ease}
.cin-laminate-console[data-active-index="1"] .cin-laminate-visual img{transform:scale(1.11) translate3d(-2.5%,1.5%,0);filter:saturate(1) contrast(1.05)}
.cin-laminate-console[data-active-index="2"] .cin-laminate-visual img{transform:scale(1.16) translate3d(2%,-1.5%,0);filter:saturate(1.02) contrast(1.07)}
.cin-laminate-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,14,.02),rgba(4,18,14,.08) 48%,rgba(4,18,14,.75));pointer-events:none}
.cin-laminate-index{position:absolute;left:30px;bottom:22px;color:rgba(255,255,255,.82);font-size:34px;font-weight:950;direction:ltr}.cin-laminate-index span{color:var(--cin-gold-soft)}
.cin-laminate-focus{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;color:#fff;font-size:9px;font-weight:900;letter-spacing:.16em;direction:ltr;opacity:.22;transform:translateY(8px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.75,.2,1)}
.cin-laminate-focus i{display:block;width:12px;height:12px;border:2px solid rgba(255,255,255,.88);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.11),0 0 22px rgba(255,255,255,.28)}
.cin-laminate-focus:after{content:"";display:block;width:86px;height:1px;background:rgba(255,255,255,.55)}
.cin-laminate-focus--1{left:24%;top:28%}.cin-laminate-focus--2{right:18%;top:48%}.cin-laminate-focus--3{left:29%;bottom:20%}
.cin-laminate-console[data-active-index="0"] .cin-laminate-focus--1,.cin-laminate-console[data-active-index="1"] .cin-laminate-focus--2,.cin-laminate-console[data-active-index="2"] .cin-laminate-focus--3{opacity:1;transform:none}
.cin-laminate-panel{display:flex;flex-direction:column;padding:38px 38px 34px;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(249,246,238,.9))}
.cin-laminate-secondary{margin:0 0 22px;color:#596860;font-size:14px;line-height:2.05}
.cin-laminate-list{display:grid;border-top:1px solid rgba(10,36,29,.11)}
.cin-laminate-item{position:relative;isolation:isolate;display:grid;grid-template-columns:42px minmax(0,1fr) 26px;gap:17px;align-items:start;width:100%;padding:25px 0;border:0;border-bottom:1px solid rgba(10,36,29,.11);background:transparent;color:var(--cin-ink);text-align:right;font:inherit;cursor:pointer;transition:padding .45s ease,transform .45s cubic-bezier(.2,.75,.2,1)}
.cin-laminate-item:before{content:"";position:absolute;inset:8px -18px;border-radius:18px;background:linear-gradient(135deg,#176f55,#0b513e);box-shadow:0 18px 42px rgba(12,83,61,.16);opacity:0;transform:scale(.97);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.75,.2,1);z-index:-1}
.cin-laminate-item>span{padding-top:4px;color:#8b978f;font-size:11px;font-weight:850;direction:ltr;transition:color .35s ease}
.cin-laminate-item small{display:block;margin-bottom:5px;color:#a98642;font-size:8px;font-weight:900;letter-spacing:.14em;direction:ltr;text-align:right;transition:color .35s ease}
.cin-laminate-item h3{margin:0 0 7px;font-size:22px;line-height:1.35;transition:color .35s ease,transform .45s ease}
.cin-laminate-item p{max-height:0;margin:0;color:#65726b;font-size:12.8px;line-height:1.85;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease,color .35s ease,transform .45s ease}
.cin-laminate-item b{align-self:center;color:#74827b;font-size:18px;font-weight:400;opacity:.4;transition:color .35s ease,opacity .35s ease,transform .45s ease}
.cin-laminate-item:hover,.cin-laminate-item:focus-visible,.cin-laminate-item.is-active{padding:31px 0;outline:none;transform:translateX(-7px)}
.cin-laminate-item:hover:before,.cin-laminate-item:focus-visible:before,.cin-laminate-item.is-active:before{opacity:1;transform:scale(1)}
.cin-laminate-item:hover>span,.cin-laminate-item:focus-visible>span,.cin-laminate-item.is-active>span{color:#f3dca4}
.cin-laminate-item:hover small,.cin-laminate-item:focus-visible small,.cin-laminate-item.is-active small{color:#f0d7a1}
.cin-laminate-item:hover h3,.cin-laminate-item:focus-visible h3,.cin-laminate-item.is-active h3{color:#fff;transform:translateX(-3px)}
.cin-laminate-item:hover p,.cin-laminate-item:focus-visible p,.cin-laminate-item.is-active p{max-height:110px;color:rgba(255,255,255,.76);opacity:1;transform:translateX(-3px)}
.cin-laminate-item:hover b,.cin-laminate-item:focus-visible b,.cin-laminate-item.is-active b{color:#fff;opacity:1;transform:translate(-5px,5px)}
.cin-laminate-quote{position:relative;margin:auto 0 0;padding:22px 26px 4px 0;border:0;color:#173f33;font-size:14px;font-weight:850;line-height:1.9}
.cin-laminate-quote>span{position:absolute;right:0;top:24px;width:4px;height:44px;border-radius:99px;background:linear-gradient(180deg,var(--cin-green),var(--cin-gold))}

@media (max-width:1100px){
  .cin-showcase-intro,.cin-laminate-head{grid-template-columns:1fr;gap:24px}
  .cin-showcase-intro>p,.cin-laminate-head>p{max-width:760px}
  .cin-laminate-console{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)}
  .cin-statement[data-cin-statement] .cin-statement-grid{grid-template-columns:80px minmax(340px,.9fr) minmax(410px,1.1fr);gap:38px}
}
@media (max-width:920px){
  .cin-fullarch{min-height:auto;padding-top:100px}
  .cin-showcase-rule{margin-bottom:54px}
  .cin-laminate-console{grid-template-columns:1fr}
  .cin-laminate-visual{min-height:560px}
  .cin-laminate-panel{padding:34px 30px 30px}
  .cin-statement[data-cin-statement] .cin-statement-grid{grid-template-columns:1fr;grid-template-areas:"copy" "principles";gap:36px}
  .cin-statement[data-cin-statement] .cin-statement-index{display:none}
}
@media (max-width:640px){
  .cin-showcase-intro{margin-bottom:34px}.cin-showcase-intro h2{font-size:39px;line-height:1.2}.cin-showcase-intro>p{font-size:14px;line-height:1.95}
  .cin-showcase-rule{width:calc(100% - 36px);margin-bottom:38px}
  .cin-fullarch-copy .cin-fullarch-experience{font-size:13.5px;line-height:1.95}
  .cin-fullarch-quote{padding:18px 18px 18px 44px;font-size:12.8px}.cin-fullarch-quote>span{left:14px}
  .cin-laminate{padding:88px 0 94px}.cin-laminate-head{margin-bottom:34px}.cin-laminate-head h2{font-size:39px;line-height:1.2}.cin-laminate-head>p{font-size:14px;line-height:1.95}
  .cin-laminate-console{border-radius:28px;min-height:auto}.cin-laminate-visual{min-height:420px}.cin-laminate-panel{padding:26px 22px 24px}.cin-laminate-secondary{font-size:13px;line-height:1.95}
  .cin-laminate-item{grid-template-columns:32px minmax(0,1fr) 22px;gap:11px;padding:22px 0}.cin-laminate-item:hover,.cin-laminate-item:focus-visible,.cin-laminate-item.is-active{padding:27px 0;transform:none}.cin-laminate-item:before{inset:7px -10px}.cin-laminate-item h3{font-size:19px}.cin-laminate-item p{font-size:12px}.cin-laminate-focus{font-size:7px}.cin-laminate-focus:after{width:46px}.cin-laminate-focus--1{left:14%;top:26%}.cin-laminate-focus--2{right:10%;top:48%}.cin-laminate-focus--3{left:18%;bottom:18%}.cin-laminate-quote{font-size:13px;padding-top:20px}
}
@media (prefers-reduced-motion:reduce){.cin-showcase-rule i{animation:none}.cin-laminate-visual img,.cin-laminate-focus,.cin-laminate-item,.cin-laminate-item:before{transition:none!important}}

/* 0.16.19 — cinematic materials finale and integrated homepage footer */
.cin-materials-finale{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:154px 0 176px;
  color:#f8f3e8;
  background:
    radial-gradient(circle at 14% 18%,rgba(211,174,92,.20),transparent 34%),
    radial-gradient(circle at 88% 72%,rgba(49,159,110,.20),transparent 32%),
    linear-gradient(145deg,#18241f 0%,#303027 43%,#182a22 100%);
}
.cin-materials-finale::after{
  content:"";
  position:absolute;
  z-index:1;
  left:-4%;right:-4%;bottom:-1px;
  height:150px;
  background:linear-gradient(180deg,rgba(7,31,24,0),#071f18 88%);
  clip-path:ellipse(72% 76% at 50% 100%);
  pointer-events:none;
}
.cin-materials-noise{
  position:absolute;inset:0;z-index:0;opacity:.22;pointer-events:none;
  background-image:
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 7px);
  mix-blend-mode:soft-light;
}
.cin-materials-aurora{position:absolute;z-index:0;border-radius:50%;filter:blur(42px);pointer-events:none;opacity:.8}
.cin-materials-aurora--one{width:650px;height:650px;inset-inline-start:-240px;top:18%;background:radial-gradient(circle,rgba(220,180,95,.30),transparent 68%);animation:cinMaterialAuroraOne 11s ease-in-out infinite alternate}
.cin-materials-aurora--two{width:780px;height:780px;inset-inline-end:-300px;bottom:-180px;background:radial-gradient(circle,rgba(36,164,108,.25),transparent 67%);animation:cinMaterialAuroraTwo 13s ease-in-out infinite alternate}
.cin-materials-word{position:absolute;z-index:0;top:46px;left:50%;transform:translateX(-50%);font-size:clamp(96px,18vw,286px);font-weight:950;line-height:.78;letter-spacing:-.075em;color:rgba(255,255,255,.027);direction:ltr;white-space:nowrap;pointer-events:none;user-select:none}
.cin-materials-finale-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.52fr);gap:clamp(48px,8vw,120px);align-items:end;margin-bottom:72px}
.cin-materials-finale-copy h2{max-width:900px;margin:20px 0 26px;font-size:clamp(46px,5.4vw,82px);line-height:1.12;letter-spacing:-.05em;font-weight:900;text-wrap:balance;color:#fff}
.cin-materials-finale-copy p{max-width:760px;margin:0;font-size:17px;line-height:2.05;color:rgba(255,255,255,.67)}
.cin-kicker--warm{color:#e7cd91}.cin-section-marker--warm{margin-bottom:20px;color:rgba(237,214,165,.48)}
.cin-materials-finale-aside{position:relative;padding:26px 0 5px;border-top:1px solid rgba(255,255,255,.19)}
.cin-materials-finale-aside>span{display:block;margin-bottom:18px;font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.45);direction:ltr;text-align:left}
.cin-materials-finale-aside>strong{display:block;font-size:19px;line-height:1.85;color:#f1e8d4}
.cin-materials-link{display:inline-flex;align-items:center;gap:11px;margin-top:24px;padding-bottom:5px;color:#e8d39c;text-decoration:none;font-size:14px;font-weight:800;border-bottom:1px solid rgba(232,211,156,.42);transition:color .3s ease,gap .3s ease}
.cin-materials-link:hover{color:#fff;gap:17px}
.cin-materials-cinema{width:min(1480px,calc(100% - 44px));margin-inline:auto;position:relative;z-index:3}
.cin-materials-rail{display:flex;gap:12px;height:610px;perspective:1800px;transform-style:preserve-3d}
.cin-material-panel{
  position:relative;
  flex:0 1 112px;
  min-width:88px;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.17);
  background:linear-gradient(155deg,rgba(255,255,255,.11),rgba(255,255,255,.035));
  box-shadow:0 35px 100px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(24px) saturate(130%);
  cursor:pointer;
  opacity:0;
  transform:translate3d(0,76px,0) rotateY(-1.5deg);
  transition:flex .78s cubic-bezier(.16,.84,.18,1),min-width .78s cubic-bezier(.16,.84,.18,1),transform .78s cubic-bezier(.16,.84,.18,1),opacity .65s ease,border-color .45s ease,box-shadow .55s ease;
  transition-delay:calc(var(--material-order) * 70ms);
}
.cin-materials-finale.is-in-view .cin-material-panel{opacity:1;transform:translate3d(0,0,0) rotateY(0)}
.cin-material-panel.is-active{flex:1 1 590px;min-width:430px;border-color:rgba(232,211,156,.52);box-shadow:0 46px 130px rgba(0,0,0,.40),0 0 80px rgba(65,171,118,.10),inset 0 1px 0 rgba(255,255,255,.22);z-index:4}
.cin-material-panel:focus-visible{outline:2px solid #ecd697;outline-offset:4px}
.cin-material-panel-media,.cin-material-panel-media::after{position:absolute;inset:0}
.cin-material-panel-media{z-index:0;background:linear-gradient(145deg,#244034,#171d1a);overflow:hidden}
.cin-material-panel-media::after{content:"";background:linear-gradient(180deg,rgba(7,18,14,.12) 5%,rgba(7,20,15,.18) 42%,rgba(4,15,11,.92) 100%),linear-gradient(90deg,rgba(5,17,13,.36),transparent 50%);transition:background .6s ease}
.cin-material-panel-image{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.05) brightness(.70);transform:scale(1.12);transition:transform 1.2s cubic-bezier(.16,.84,.18,1),filter .75s ease}
.cin-material-panel.is-active .cin-material-panel-image{transform:scale(1.02);filter:saturate(.9) contrast(1.04) brightness(.82)}
.cin-material-panel-media>i{position:absolute;z-index:2;width:240px;height:240px;left:-70px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,rgba(224,183,94,.35),transparent 70%);filter:blur(10px);opacity:0;transition:opacity .6s ease,transform .8s ease}
.cin-material-panel.is-active .cin-material-panel-media>i{opacity:1;transform:translate(38px,-28px)}
.cin-material-panel-icon{position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%);display:grid;place-items:center;color:rgba(235,216,170,.62)}
.cin-material-panel-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:.9}
.cin-material-panel.has-icon:nth-child(3n+1) .cin-material-panel-media{background:radial-gradient(circle at 60% 30%,rgba(199,163,80,.25),transparent 30%),linear-gradient(145deg,#323126,#14241d)}
.cin-material-panel.has-icon:nth-child(3n+2) .cin-material-panel-media{background:radial-gradient(circle at 30% 65%,rgba(50,172,116,.25),transparent 34%),linear-gradient(145deg,#143429,#242b25)}
.cin-material-panel-edge{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:26px 0 24px;color:#fff;transition:opacity .35s ease,transform .55s ease}
.cin-material-panel-edge span{font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.54);direction:ltr}
.cin-material-panel-edge b{writing-mode:vertical-rl;transform:rotate(180deg);font-size:15px;letter-spacing:.02em;max-height:390px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cin-material-panel.is-active .cin-material-panel-edge{opacity:0;transform:translateY(18px);pointer-events:none}
.cin-material-panel-copy{position:absolute;z-index:3;inset-inline:0;bottom:0;padding:44px 44px 42px;opacity:0;transform:translateY(36px);transition:opacity .45s ease .18s,transform .65s cubic-bezier(.16,.84,.18,1) .12s}
.cin-material-panel.is-active .cin-material-panel-copy{opacity:1;transform:translateY(0)}
.cin-material-panel-copy small{display:block;margin-bottom:17px;font-size:10px;letter-spacing:.18em;color:#e1c987;direction:ltr;text-align:left}
.cin-material-panel-copy h3{max-width:680px;margin:0 0 16px;font-size:clamp(30px,3.4vw,54px);line-height:1.18;letter-spacing:-.035em;color:#fff}
.cin-material-panel-copy p{max-width:690px;margin:0;font-size:15px;line-height:2;color:rgba(255,255,255,.73)}
.cin-materials-mobile-cue{display:none}
.cin-materials-ticker{position:relative;z-index:3;width:100%;margin-top:52px;overflow:hidden;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:19px 0;direction:ltr}
.cin-materials-ticker>div{display:flex;align-items:center;gap:24px;width:max-content;animation:cinMaterialsTicker 34s linear infinite}
.cin-materials-ticker span{font-size:13px;font-weight:750;letter-spacing:.04em;color:rgba(255,255,255,.46)}
.cin-materials-ticker i{width:5px;height:5px;border-radius:50%;background:#c9a65b}

.home-page .cin-site-footer{
  --footer-x:0px;
  --footer-y:0px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:0;
  padding:58px 0 0;
  border:0;
  color:#fff;
  background:
    radial-gradient(circle at calc(50% + var(--footer-x)) calc(0% + var(--footer-y)),rgba(70,198,133,.18),transparent 28%),
    linear-gradient(180deg,#071f18 0%,#061711 55%,#030c09 100%);
  font-size:14px;
}
.cin-footer-grain{position:absolute;z-index:0;inset:0;opacity:.28;pointer-events:none;background-image:repeating-linear-gradient(120deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px)}
.cin-footer-horizon{position:absolute;z-index:0;left:50%;top:-210px;width:min(1200px,90vw);height:520px;transform:translateX(calc(-50% + var(--footer-x))) translateY(var(--footer-y));border-radius:50%;border:1px solid rgba(116,227,167,.18);box-shadow:0 0 100px rgba(46,178,112,.10),inset 0 -70px 120px rgba(50,177,113,.06);transition:transform .8s cubic-bezier(.16,.84,.18,1)}
.cin-footer-horizon::before,.cin-footer-horizon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(229,205,145,.12)}
.cin-footer-horizon::before{width:80%;height:80%}.cin-footer-horizon::after{width:58%;height:58%}
.cin-footer-horizon i,.cin-footer-horizon b,.cin-footer-horizon span{position:absolute;border-radius:50%;filter:blur(10px)}
.cin-footer-horizon i{width:140px;height:140px;left:18%;bottom:12%;background:radial-gradient(circle,rgba(217,175,86,.45),transparent 70%);animation:cinFooterLight 7s ease-in-out infinite alternate}
.cin-footer-horizon b{width:200px;height:200px;right:16%;bottom:2%;background:radial-gradient(circle,rgba(61,188,122,.30),transparent 70%);animation:cinFooterLight 9s ease-in-out infinite alternate-reverse}
.cin-footer-horizon span{width:7px;height:7px;left:50%;bottom:8%;background:#e9d39a;box-shadow:0 0 28px #e9d39a}
.cin-footer-word{position:absolute;z-index:0;left:50%;top:78px;transform:translateX(-50%);font-size:clamp(92px,19vw,294px);font-weight:950;line-height:.8;letter-spacing:-.08em;color:rgba(255,255,255,.025);direction:ltr;white-space:nowrap;pointer-events:none}
.cin-footer-shell{z-index:2}
.cin-footer-cta{display:grid;grid-template-columns:minmax(0,1.25fr) auto;gap:70px;align-items:end;padding:108px 0 86px;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.cin-footer-cta-copy h2{max-width:940px;margin:21px 0 22px;font-size:clamp(48px,6vw,92px);line-height:1.08;letter-spacing:-.055em;font-weight:900;color:#fff;text-wrap:balance}
.cin-footer-cta-copy p{max-width:690px;margin:0;font-size:17px;line-height:2;color:rgba(255,255,255,.62)}
.cin-footer-cta-actions{display:grid;gap:12px;min-width:220px}
.cin-footer-primary,.cin-footer-secondary{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:62px;padding:0 25px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:850;transition:transform .35s ease,background .35s ease,color .35s ease,box-shadow .35s ease}
.cin-footer-primary{color:#102a20;background:linear-gradient(135deg,#f1dfaa,#b98f40);box-shadow:0 20px 60px rgba(203,166,91,.18)}
.cin-footer-secondary{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.cin-footer-primary:hover,.cin-footer-secondary:hover{transform:translateY(-4px)}
.cin-footer-secondary:hover{background:rgba(255,255,255,.12)}
.cin-footer-main{display:grid;grid-template-columns:minmax(300px,1.2fr) minmax(180px,.55fr) minmax(240px,.7fr);gap:clamp(48px,7vw,112px);padding:72px 0 62px}
.cin-footer-brand>a{display:flex;align-items:center;gap:18px;color:#fff;text-decoration:none}
.cin-footer-brand img{width:76px;height:76px;object-fit:contain;border-radius:22px;background:rgba(255,255,255,.93);box-shadow:0 18px 50px rgba(0,0,0,.26)}
.cin-footer-brand span{display:grid;gap:5px}.cin-footer-brand strong{font-size:20px;direction:ltr;text-align:left;color:#f0d78f}.cin-footer-brand small{font-size:13px;color:rgba(255,255,255,.68)}
.cin-footer-brand>p{max-width:500px;margin:26px 0 0;font-size:14px;line-height:2;color:rgba(255,255,255,.52)}
.cin-footer-nav>strong,.cin-footer-contact>strong{display:block;margin-bottom:22px;font-size:14px;color:#ead59c}
.home-page .cin-footer-nav .footer-menu{display:grid;justify-content:start;gap:13px;margin:0;padding:0;list-style:none}
.home-page .cin-footer-nav .footer-menu a{color:rgba(255,255,255,.66);text-decoration:none;font-size:13px;transition:color .25s ease,transform .25s ease;display:inline-block}
.home-page .cin-footer-nav .footer-menu a:hover{color:#fff;transform:translateX(-4px)}
.cin-footer-contact{display:grid;align-content:start;gap:12px}.cin-footer-contact>strong{margin-bottom:10px}.cin-footer-contact a,.cin-footer-contact span{color:rgba(255,255,255,.67);text-decoration:none;font-size:13px}.cin-footer-contact a:hover{color:#ead59c}
.cin-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.10);font-size:11px;color:rgba(255,255,255,.36)}

@keyframes cinMaterialAuroraOne{to{transform:translate(80px,40px) scale(1.12)}}
@keyframes cinMaterialAuroraTwo{to{transform:translate(-90px,-50px) scale(.92)}}
@keyframes cinMaterialsTicker{to{transform:translateX(-50%)}}
@keyframes cinFooterLight{to{transform:translate(36px,-28px) scale(1.16);opacity:.65}}

@media (max-width:1100px){
  .cin-materials-finale-head{grid-template-columns:1fr;gap:34px}.cin-materials-finale-aside{max-width:620px}
  .cin-materials-rail{height:560px}.cin-material-panel{flex-basis:86px}.cin-material-panel.is-active{min-width:390px}
  .cin-footer-cta{grid-template-columns:1fr;gap:38px}.cin-footer-cta-actions{display:flex;flex-wrap:wrap}.cin-footer-primary,.cin-footer-secondary{min-width:220px}
  .cin-footer-main{grid-template-columns:1.2fr .7fr;}.cin-footer-contact{grid-column:1/3;grid-template-columns:repeat(4,max-content);align-items:center;gap:12px 26px}.cin-footer-contact>strong{grid-column:1/-1}
}

@media (max-width:760px){
  .cin-materials-finale{padding:98px 0 130px}.cin-materials-finale::after{height:90px}
  .cin-materials-finale-head{margin-bottom:46px}.cin-materials-finale-copy h2{font-size:40px;line-height:1.2}.cin-materials-finale-copy p{font-size:15px}.cin-materials-finale-aside>strong{font-size:17px}
  .cin-materials-cinema{width:100%;padding-inline-start:20px}
  .cin-materials-rail{height:510px;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:2px 24px 18px 0;perspective:none;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .cin-materials-rail::-webkit-scrollbar{display:none}
  .cin-material-panel,.cin-material-panel.is-active{flex:0 0 min(82vw,370px);min-width:min(82vw,370px);scroll-snap-align:start;opacity:1;transform:none;border-radius:28px}
  .cin-material-panel-edge{display:none}.cin-material-panel-copy,.cin-material-panel.is-active .cin-material-panel-copy{opacity:1;transform:none;padding:34px 27px 29px}.cin-material-panel-copy h3{font-size:31px}.cin-material-panel-copy p{font-size:13px;line-height:1.95}
  .cin-material-panel-image,.cin-material-panel.is-active .cin-material-panel-image{transform:scale(1.04);filter:saturate(.84) contrast(1.04) brightness(.76)}
  .cin-materials-mobile-cue{display:flex;align-items:center;justify-content:space-between;margin:17px 24px 0 4px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font-size:11px;color:rgba(255,255,255,.48)}.cin-materials-mobile-cue i{font-style:normal;font-size:22px;color:#e4c77f;animation:cinMobileMaterialCue 1.2s ease-in-out infinite alternate}
  .cin-materials-ticker{margin-top:34px}.cin-materials-ticker>div{animation-duration:26s}
  .home-page .cin-site-footer{padding-top:30px}.cin-footer-word{top:66px}.cin-footer-cta{padding:82px 0 64px}.cin-footer-cta-copy h2{font-size:42px;line-height:1.16}.cin-footer-cta-copy p{font-size:15px}.cin-footer-cta-actions{display:grid}.cin-footer-primary,.cin-footer-secondary{width:100%;min-width:0}
  .cin-footer-main{grid-template-columns:1fr;gap:46px;padding:56px 0 46px}.cin-footer-contact{grid-column:auto;grid-template-columns:1fr;gap:12px}.cin-footer-contact>strong{grid-column:auto}.cin-footer-brand img{width:66px;height:66px}.cin-footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.cin-footer-horizon{top:-250px;width:120vw}
}

@keyframes cinMobileMaterialCue{to{transform:translateX(-10px)}}

@media (prefers-reduced-motion:reduce){
  .cin-materials-aurora,.cin-materials-ticker>div,.cin-footer-horizon i,.cin-footer-horizon b,.cin-materials-mobile-cue i{animation:none!important}
  .cin-material-panel,.cin-material-panel-image,.cin-material-panel-copy,.cin-site-footer *{transition:none!important}
  .cin-material-panel{opacity:1!important;transform:none!important}
}

/* 0.16.20 — mobile materials use the same reveal logic as desktop: compact bars open on tap. */
@media (max-width:760px){
  .cin-materials-cinema{width:100%;padding-inline:20px}
  .cin-materials-rail{display:flex;flex-direction:column;height:auto;gap:10px;overflow:visible;padding:0;scroll-snap-type:none;scroll-padding:0;perspective:none}
  .cin-material-panel,.cin-material-panel.is-active{flex:0 0 auto;width:100%;min-width:0;height:76px;min-height:76px;border-radius:22px;scroll-snap-align:none;opacity:1;transform:none;box-shadow:0 14px 34px rgba(0,0,0,.16);transition:height .72s cubic-bezier(.16,.84,.18,1),border-color .35s ease,box-shadow .45s ease}
  .cin-material-panel.is-active{height:min(500px,68vh);min-height:410px;border-color:rgba(232,211,156,.52);box-shadow:0 34px 90px rgba(0,0,0,.34),0 0 54px rgba(65,171,118,.09)}
  .cin-material-panel-edge{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 22px;opacity:1;transform:none;transition:opacity .28s ease,transform .42s ease}
  .cin-material-panel-edge span{font-size:10px;letter-spacing:.16em}
  .cin-material-panel-edge b{writing-mode:horizontal-tb;transform:none;max-height:none;max-width:72%;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cin-material-panel.is-active .cin-material-panel-edge{opacity:0;transform:translateY(-8px);pointer-events:none}
  .cin-material-panel-copy,.cin-material-panel.is-active .cin-material-panel-copy{padding:34px 26px 28px;opacity:0;transform:translateY(24px);transition:opacity .34s ease,transform .55s cubic-bezier(.16,.84,.18,1)}
  .cin-material-panel.is-active .cin-material-panel-copy{opacity:1;transform:translateY(0);transition-delay:.16s}
  .cin-material-panel-copy h3{font-size:31px}.cin-material-panel-copy p{font-size:13px;line-height:1.95}
  .cin-material-panel-image{transform:scale(1.12);filter:saturate(.58) contrast(1.05) brightness(.52)}
  .cin-material-panel.is-active .cin-material-panel-image{transform:scale(1.03);filter:saturate(.88) contrast(1.04) brightness(.78)}
  .cin-material-panel-media::after{background:linear-gradient(180deg,rgba(6,17,13,.48),rgba(5,16,12,.74))}
  .cin-material-panel.is-active .cin-material-panel-media::after{background:linear-gradient(180deg,rgba(7,18,14,.12) 5%,rgba(7,20,15,.18) 42%,rgba(4,15,11,.92) 100%),linear-gradient(90deg,rgba(5,17,13,.36),transparent 50%)}
  .cin-materials-mobile-cue{display:flex;align-items:center;justify-content:space-between;margin:17px 2px 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font-size:11px;color:rgba(255,255,255,.52);transition:opacity .35s ease,transform .35s ease}
  .cin-materials-mobile-cue i{font-style:normal;font-size:21px;color:#e4c77f;animation:cinMobileMaterialCue 1.2s ease-in-out infinite alternate}
  .cin-materials-finale.has-material-interaction .cin-materials-mobile-cue{opacity:.32;transform:translateY(4px)}
}


/* 0.16.21 — final scoped polish: workflow archive card and clearer product capsules */
.cin-workflow{scroll-margin-top:34px}
.cin-workflow-archive{position:relative;isolation:isolate;margin-top:76px;padding:clamp(28px,4.2vw,58px);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:38px;background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035) 52%,rgba(208,170,89,.055));box-shadow:0 34px 100px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(28px) saturate(130%);-webkit-backdrop-filter:blur(28px) saturate(130%)}
.cin-workflow-archive::before{content:"";position:absolute;z-index:-2;inset:-42% 54% 24% -10%;border-radius:50%;background:radial-gradient(circle,rgba(68,215,147,.22),transparent 68%);filter:blur(12px);animation:cinWorkflowArchiveGlow 8s ease-in-out infinite alternate}
.cin-workflow-archive::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(108deg,transparent 0 44%,rgba(255,255,255,.055) 50%,transparent 56%);transform:translateX(-115%);animation:cinWorkflowArchiveSweep 9s ease-in-out infinite}
.cin-workflow-archive-orbit{position:absolute;z-index:-1;left:-150px;bottom:-260px;width:560px;height:560px;border:1px solid rgba(212,178,101,.15);border-radius:50%;box-shadow:0 0 90px rgba(212,178,101,.05),inset 0 0 80px rgba(51,196,133,.04);pointer-events:none}
.cin-workflow-archive-head{display:grid;grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr);grid-template-areas:"label label" "title body";gap:12px clamp(36px,7vw,104px);align-items:end;margin-bottom:40px}
.cin-workflow-archive-label{grid-area:label;color:rgba(238,211,145,.76);font-size:10px;font-weight:900;letter-spacing:.22em;direction:ltr}
.cin-workflow-archive-head h3{grid-area:title;margin:0;color:#fff;font-size:clamp(36px,4vw,62px);line-height:1.16;letter-spacing:-.045em;font-weight:950;text-wrap:balance}
.cin-workflow-archive-head>p{grid-area:body;margin:0;color:rgba(255,255,255,.68);font-size:15px;line-height:2.05;max-width:680px}
.cin-workflow-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cin-workflow-archive-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;min-height:112px;padding:20px 18px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:transform .45s cubic-bezier(.16,.84,.18,1),border-color .35s ease,background .35s ease,box-shadow .35s ease}
.cin-workflow-archive-item::after{content:"";position:absolute;right:18px;bottom:13px;width:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(213,177,96,.72));transform-origin:right;transition:width .4s ease}
.cin-workflow-archive-item>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(228,197,124,.28);background:rgba(215,178,93,.09);color:#efd895;font-size:9px;font-weight:950;letter-spacing:.08em;direction:ltr}
.cin-workflow-archive-item p{margin:2px 0 0;color:rgba(255,255,255,.80);font-size:12.5px;font-weight:700;line-height:1.8}
.cin-workflow-archive-item:hover,.cin-workflow-archive-item:focus-within{transform:translateY(-7px);border-color:rgba(101,224,166,.28);background:linear-gradient(145deg,rgba(45,168,112,.18),rgba(255,255,255,.045));box-shadow:0 18px 44px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.10)}
.cin-workflow-archive-item:hover::after,.cin-workflow-archive-item:focus-within::after{width:48px}
@keyframes cinWorkflowArchiveGlow{0%{transform:translate3d(-3%,2%,0) scale(.94);opacity:.58}100%{transform:translate3d(7%,-4%,0) scale(1.08);opacity:.9}}
@keyframes cinWorkflowArchiveSweep{0%,38%{transform:translateX(-115%)}62%,100%{transform:translateX(115%)}}
@media(max-width:1080px){.cin-workflow-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cin-workflow-archive-head{grid-template-columns:1fr;grid-template-areas:"label" "title" "body";gap:12px}.cin-workflow-archive-head>p{max-width:760px}}
@media(max-width:620px){.cin-workflow{scroll-margin-top:18px}.cin-workflow-archive{margin-top:48px;padding:26px 18px;border-radius:28px}.cin-workflow-archive-head{margin-bottom:26px}.cin-workflow-archive-head h3{font-size:35px;line-height:1.2}.cin-workflow-archive-head>p{font-size:13.5px;line-height:1.95}.cin-workflow-archive-grid{grid-template-columns:1fr;gap:9px}.cin-workflow-archive-item{min-height:0;padding:17px 15px;border-radius:17px}.cin-product-features{gap:7px}.cin-product-features li{min-height:28px;padding:7px 10px;font-size:10.25px;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.cin-workflow-archive::before,.cin-workflow-archive::after{animation:none!important}.cin-workflow-archive-item{transition:none!important}}