:root {
  color-scheme: light;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  --ink: #1c1c1e;
  --muted: #6e6e73;
  --background: #f2f2f7;
  --surface: #fff;
  --accent: #007aff;
  --line: rgba(60,60,67,.12);
  --stage-height: 100svh;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; color: var(--ink); background: var(--background); font: 15px/1.5 var(--font); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { color: inherit; cursor: pointer; }
a, button { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible { outline: 3px solid #007aff88; outline-offset: 4px; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { font-family: var(--font); font-weight: 650; }
h1 { font-size: clamp(48px,5.4vw,78px); line-height: 1.04; letter-spacing: -2.5px; }
h2 { font-size: clamp(30px,3.4vw,46px); line-height: 1.12; letter-spacing: -1.2px; }
h3 { font-size: 21px; line-height: 1.25; letter-spacing: -.4px; }
em { font-style: normal; color: inherit; font-weight: inherit; }
.header { position: absolute; top: 0; left: 0; right: 0; height: 80px; z-index: 20; display: flex; align-items: center; justify-content: space-between; padding: 0 4%; background: rgba(249,249,251,.84); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-bottom: .5px solid var(--line); }
.brand { display: flex; align-items: center; gap: 10px; }
.brand-symbol { display: block; width: 43px; height: 43px; border-radius: 12px; overflow: hidden; background: #fff; }
.brand-symbol img { width: 100%; height: 100%; object-fit: cover; }
.brand-name { font-size: 21px; font-weight: 650; line-height: 1.1; letter-spacing: -.5px; }
.brand-name small { display: block; margin-top: 5px; font-size: 11px; font-weight: 400; color: var(--muted); letter-spacing: 0; }
nav { display: flex; align-items: center; gap: 30px; font-size: 13px; font-weight: 500; color: #48484a; }
nav a:hover { color: var(--accent); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 46px; padding: 12px 21px; border: 0; border-radius: 15px; background: var(--ink); color: #fff; font-size: 14px; font-weight: 600; line-height: 1.3; transition: background .2s, transform .2s; }
.button:hover { background: #3a3a3c; }
.button:active { transform: scale(.98); }
.button span { font-size: 17px; font-weight: 400; }
.small { min-height: 38px; padding: 9px 15px; font-size: 12px; border-radius: 12px; gap: 10px; }
.journey { height: 420svh; position: relative; background: var(--background); }
.hero-stage { position: sticky; top: 0; height: var(--stage-height); min-height: 620px; overflow: hidden; isolation: isolate; }
.scene { position: absolute; inset: 0; opacity: 0; overflow: hidden; z-index: 0; background: var(--background); }
.scene-one { opacity: 1; }
.scene-image { width: 100%; height: 100%; object-fit: cover; }
.scene-shade { position: absolute; inset: 0; background: linear-gradient(90deg,#f2f2f7 0%,#f2f2f7cc 38%,transparent 72%); z-index: 1; }
.journey-canvas { display: none; position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; }
.canvas-ready .journey-canvas { display: block; }
.canvas-ready .scene { visibility: hidden; }
.beat { position: absolute; z-index: 5; left: 6%; right: 53%; top: 50%; transform: translateY(-43%); max-width: 590px; }
.beat-two, .beat-three { opacity: 0; pointer-events: none; }
.beat h2 { font-size: clamp(40px,4.2vw,64px); line-height: 1.07; letter-spacing: -1.9px; }
.eyebrow, .section-label { color: var(--muted); font-size: 13px; font-weight: 500; letter-spacing: 0; line-height: 1.4; }
.beat .eyebrow { margin-bottom: 18px; }
.eyebrow i { display: none; }
.intro { margin: 22px 0 28px; color: var(--muted); font-size: 16px; line-height: 1.5; }
.beat-two > p:last-child { margin-top: 22px; color: var(--muted); font-size: 14px; }
.beat-three .button { margin-top: 28px; }
.hero-bottom { position: absolute; z-index: 8; left: 4%; right: 4%; bottom: 24px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.watch-animation { min-height: 42px; padding: 10px 15px; border: 0; border-radius: 13px; background: #e5e5ea; font-size: 12px; font-weight: 500; white-space: nowrap; }
.watch-animation[aria-pressed="true"] { background: #d1d1d6; }
.scroll-hint { color: var(--muted); font-size: 12px; }
.scroll-hint b { margin-left: 6px; font-weight: 400; }
.scene-counter { color: var(--ink); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.scene-counter i { color: #8e8e93; font-style: normal; }
.journey-progress { position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #e5e5ea; z-index: 9; }
.journey-progress span { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; background: #8e8e93; }
body.journey-playing .hero-stage { position: fixed; inset: 0; width: 100%; z-index: 15; }
.section { max-width: 1280px; margin: 0 auto; padding: 82px 5%; }
.story { display: grid; grid-template-columns: 280px 1fr; gap: 50px; align-items: center; }
.maker-card { padding: 26px; background: #fff; border-radius: 24px; text-align: center; }
.maker-card .section-label { font-size: 12px; text-align: left; }
.maker-avatar { width: 120px; aspect-ratio: 1; margin: 24px auto 18px; border-radius: 50%; overflow: hidden; background: #fff; }
.maker-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; transform: scale(1.13); }
.maker-name { font-size: 25px; font-weight: 650; letter-spacing: -.6px; }
.maker-role { font-size: 13px; color: var(--muted); margin-top: 5px; }
.story-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 26px; font-size: 14px; line-height: 1.7; color: var(--muted); }
.signature { display: block; font-size: 14px; font-weight: 600; color: var(--ink); margin-top: 18px; }
.section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 28px; }
.section-head h2 { margin-top: 12px; }
.portfolio-intro { max-width: 320px; font-size: 14px; color: var(--muted); }
.demo-label { display: inline-block; margin-top: 12px; font-size: 11px; color: #8e8e93; }
.filters { display: inline-flex; flex-wrap: wrap; gap: 3px; padding: 4px; margin-bottom: 25px; border-radius: 13px; background: #e5e5ea; }
.filters button { min-height: 36px; border: 0; padding: 7px 16px; border-radius: 10px; background: transparent; font-size: 12px; font-weight: 500; }
.filters button.active { background: #fff; box-shadow: 0 1px 4px #00000012; }
.filters button span { color: var(--muted); font-size: 10px; margin-left: 5px; }
.portfolio-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.portfolio-card { overflow: hidden; background: #fff; border-radius: 24px; }
.portfolio-card[hidden] { display: none; }
.photo-button { display: block; padding: 0; border: 0; width: 100%; aspect-ratio: 4/4.4; overflow: hidden; position: relative; background: #e5e5ea; }
.photo-button img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.photo-button:hover img { transform: scale(1.035); }
.photo-view { position: absolute; right: 12px; bottom: 12px; padding: 7px 11px; background: #ffffffdf; backdrop-filter: blur(12px); border-radius: 10px; color: #3a3a3c; font-size: 10px; }
.card-caption { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px; }
.card-kind { color: var(--muted); font-size: 11px; }
.card-caption h3 { margin-top: 7px; font-size: 19px; letter-spacing: -.5px; }
.choose { width: 40px; height: 40px; flex: 0 0 40px; border: 0; background: #f2f2f7; border-radius: 50%; color: var(--accent); font-size: 20px; }
.image-note { max-width: 830px; font-size: 12px; line-height: 1.6; color: var(--muted); margin-top: 22px; }
.photo-credits { color: var(--muted); font-size: 12px; margin-top: 12px; }
.photo-credits summary { cursor: pointer; }
.photo-credits p { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 10px; }
.photo-credits a { color: var(--accent); }
.moment { margin: 24px auto; max-width: 1152px; border-radius: 28px; height: 470px; position: relative; overflow: hidden; background: #fff; }
.moment > img { position: absolute; right: 0; top: 0; width: 56%; height: 100%; object-fit: cover; }
.moment-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,#fff 0%,#fff 36%,#ffffff00 66%); }
.moment-copy { position: relative; z-index: 1; padding: 90px 6%; }
.moment h2 { max-width: 480px; font-size: 48px; margin: 18px 0 25px; letter-spacing: -1.6px; }
.order { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 80px; }
.order h2 { margin-top: 12px; }
.order-intro { max-width: 380px; color: var(--muted); font-size: 15px; line-height: 1.65; margin-top: 22px; }
.telegram-contact { display: block; font-size: 25px; letter-spacing: -.6px; font-weight: 600; color: var(--accent); margin-top: 28px; }
.phone { display: block; font-size: 18px; margin-top: 12px; font-weight: 500; }
.location { color: var(--muted); font-size: 13px; margin-top: 12px; }
.order-note { display: grid; grid-template-columns: 20px 1fr; gap: 12px 9px; margin-top: 28px; color: var(--muted); font-size: 13px; }
.order-note span { color: #8e8e93; font-size: 11px; padding-top: 2px; }
.order-form { background: #fff; padding: 28px; border-radius: 24px; }
.form-heading { font-size: 21px; font-weight: 650; letter-spacing: -.5px; margin-bottom: 24px; }
.order-form label { display: block; font-size: 13px; font-weight: 500; margin: 20px 0 8px; }
.order-form label span { color: #8e8e93; }
.order-form input, .order-form textarea { width: 100%; padding: 13px 14px; border: 0; border-radius: 12px; background: #f2f2f7; color: var(--ink); font-size: 16px; min-height: 48px; }
.order-form input::placeholder, .order-form textarea::placeholder { color: #8e8e93; }
.order-form input:focus, .order-form textarea:focus { outline: 2px solid #007aff88; }
.order-form textarea { resize: vertical; min-height: 96px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.order-form .button { width: 100%; margin-top: 22px; background: var(--accent); }
.order-form .button:hover { background: #0069df; }
.form-help, .form-status { font-size: 11px; line-height: 1.5; color: var(--muted); margin-top: 13px; }
.form-status a { color: var(--accent); }
footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 1152px; margin: 0 auto; padding: 30px 0; border-top: .5px solid var(--line); }
footer p { display: none; }
footer > a:not(.brand), footer > span { font-size: 12px; color: var(--muted); }
footer .brand-symbol { width: 36px; height: 36px; }
footer .brand-name { font-size: 18px; }
footer .brand-name small { font-size: 9px; }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: none; }
.lightbox { width: min(880px,94vw); max-height: 94svh; border: 0; border-radius: 26px; padding: 26px; background: #fff; color: var(--ink); overflow: auto; box-shadow: 0 20px 70px #00000030; }
.lightbox::backdrop { background: #00000066; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.lightbox-close { position: absolute; z-index: 3; top: 14px; right: 14px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #e5e5eadf; font-size: 26px; line-height: 1; }
.lightbox-inner { display: flex; align-items: center; justify-content: center; gap: 12px; }
.lightbox-image { display: block; width: calc(100% - 100px); max-height: 62svh; object-fit: contain; border-radius: 16px; }
.lightbox-prev, .lightbox-next { flex: 0 0 36px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f2f2f7; color: var(--accent); font-size: 20px; }
.lightbox-caption { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 24px 48px 0; }
.lightbox-caption span { font-size: 10px; color: var(--muted); }
.lightbox-caption h3 { margin-top: 7px; }
.lightbox-caption .button { font-size: 12px; white-space: nowrap; }
@media(max-width:1000px) {
  nav { gap: 20px; }
  .brand-name { font-size: 20px; }
  .section { padding: 70px 5%; }
  .story { grid-template-columns: 230px 1fr; gap: 35px; }
  .card-caption { padding: 17px; }
  .card-caption h3 { font-size: 17px; }
  .order { gap: 40px; }
  footer { margin: 0 5%; }
}
@media(max-width:760px) {
  nav { display: none; }
  .header { height: 68px; padding: 0 16px; }
  .brand-symbol { width: 36px; height: 36px; border-radius: 10px; }
  .brand { gap: 8px; }
  .brand-name { font-size: 19px; }
  .brand-name small { font-size: 9px; margin-top: 4px; }
  .small { font-size: 11px; min-height: 36px; padding: 9px 12px; gap: 7px; }
  .journey { height: 350svh; }
  .hero-stage { min-height: 0; }
  .scene-shade { background: linear-gradient(0deg,#f2f2f7 0%,#f2f2f7 30%,transparent 75%); }
  .beat, .beat-one, .beat-two, .beat-three { left: 24px; right: 24px; top: calc(var(--photo-bottom,400px) + 24px); bottom: auto; max-width: none; transform: none; }
  h1 { font-size: 43px; line-height: 1.03; letter-spacing: -1.5px; }
  .beat h2 { font-size: 38px; line-height: 1.08; letter-spacing: -1.3px; }
  .beat .eyebrow { font-size: 12px; margin-bottom: 11px; }
  .intro { font-size: 14px; margin: 15px 0 20px; line-height: 1.45; }
  .beat-three .button { margin-top: 22px; }
  .beat-two > p:last-child { margin-top: 18px; font-size: 13px; }
  .button { min-height: 44px; font-size: 13px; padding: 12px 18px; border-radius: 13px; }
  .header .button { min-height: 36px; font-size: 11px; padding: 9px 12px; }
  .hero-bottom { left: 16px; right: 16px; bottom: 18px; gap: 8px; }
  .scroll-hint { display: none; }
  .watch-animation { min-height: 40px; padding: 10px 13px; font-size: 11px; }
  .section { padding: 50px 16px; }
  .story { grid-template-columns: 1fr; gap: 30px; }
  .maker-card { display: grid; grid-template-columns: 68px 1fr; align-items: center; column-gap: 16px; padding: 20px; text-align: left; border-radius: 22px; }
  .maker-card .section-label { grid-column: 1/-1; margin-bottom: 18px; }
  .maker-avatar { width: 68px; margin: 0; grid-row: 2/4; }
  .maker-name { align-self: end; font-size: 22px; }
  .maker-role { align-self: start; font-size: 12px; }
  .story-columns { gap: 22px; margin-top: 18px; }
  h2 { font-size: 32px; letter-spacing: -.9px; }
  .section-head { display: block; }
  .section-head h2 { margin-top: 10px; }
  .portfolio-intro { max-width: none; margin-top: 18px; font-size: 13px; }
  .filters { display: flex; flex-wrap: nowrap; overflow-x: auto; max-width: 100%; width: 100%; }
  .filters button { flex: 1 0 auto; font-size: 11px; padding: 8px 12px; white-space: nowrap; }
  .portfolio-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
  .portfolio-card { border-radius: 20px; }
  .photo-button { aspect-ratio: 4/4.5; }
  .photo-view { font-size: 9px; padding: 6px 8px; }
  .card-caption { padding: 16px; }
  .card-kind { font-size: 10px; }
  .card-caption h3 { font-size: 17px; }
  .choose { width: 34px; height: 34px; flex-basis: 34px; }
  .moment { margin: 10px 16px; border-radius: 24px; height: 400px; }
  .moment > img { width: 100%; }
  .moment-overlay { background: linear-gradient(0deg,#fff 0%,#ffffffee 35%,#ffffff00 80%); }
  .moment-copy { position: absolute; left: 24px; right: 24px; bottom: 24px; padding: 0; }
  .moment h2 { font-size: 33px; margin: 12px 0 20px; }
  .moment .eyebrow { font-size: 11px; }
  .order { grid-template-columns: 1fr; gap: 28px; }
  .order-intro { max-width: none; font-size: 14px; margin-top: 18px; }
  .order-form { padding: 22px; border-radius: 22px; }
  .form-heading { font-size: 20px; }
  .telegram-contact { font-size: 24px; }
  footer { margin: 0 16px; padding: 24px 0; flex-wrap: wrap; }
  footer > span { width: 100%; font-size: 11px; }
  .lightbox { padding: 20px 12px; border-radius: 24px; }
  .lightbox-inner { gap: 6px; }
  .lightbox-image { width: calc(100% - 80px); max-height: 60svh; }
  .lightbox-prev, .lightbox-next { flex-basis: 32px; width: 32px; height: 36px; }
  .lightbox-caption { display: block; padding: 20px 10px 0; }
  .lightbox-caption .button { margin-top: 18px; }
}
@media(max-width:450px) {
  .portfolio-grid { grid-template-columns: 1fr; gap: 18px; }
  .photo-button { aspect-ratio: 4/3.8; }
  .card-caption h3 { font-size: 20px; }
  .choose { width: 40px; height: 40px; flex-basis: 40px; }
  .story-columns { grid-template-columns: 1fr; gap: 16px; }
  .brand-name small { font-size: 8px; }
}
@media(max-width:760px) and (max-height:740px) {
  .beat { top: calc(var(--photo-bottom,320px) + 16px); }
  h1 { font-size: 36px; }
  .beat h2 { font-size: 33px; }
  .beat .eyebrow { font-size: 11px; margin-bottom: 8px; }
  .intro { font-size: 12px; margin: 10px 0 14px; }
  .beat-three .button { margin-top: 18px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  .journey { height: 100svh; }
  .hero-stage { position: relative; }
  body:not(.motion-enabled) .scene-one, body:not(.motion-enabled) .beat-one { opacity: 1!important; }
  .scene-two, .scene-three, .beat-two, .beat-three { display: none; }
  .journey-progress { display: none; }
  *, *:before, *:after { animation: none!important; transition: none!important; }
  .reveal { opacity: 1; transform: none; }
  body.motion-enabled .journey { height: 420svh; }
  body.motion-enabled .hero-stage { position: sticky; }
  body.motion-enabled .scene-two, body.motion-enabled .scene-three, body.motion-enabled .beat-two, body.motion-enabled .beat-three { display: block; }
  body.journey-playing .hero-stage { position: fixed; }
}
body,.hero-stage{background:var(--site-background,#f2f2f7)}.order-form>.button{background:var(--site-accent,#007aff)}[hidden]{display:none!important}.cake-builder{padding-top:100px;padding-bottom:100px}.cake-builder .section-head>p{max-width:330px;color:#6c6c70}.builder-form{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}.builder-fields,.builder-summary,.builder-empty{background:#fff;border-radius:28px;padding:32px}.builder-options{border:0;padding:0;margin:0 0 36px;min-width:0}.builder-options:last-child{margin-bottom:0}.builder-options legend{font-size:18px;font-weight:600;margin-bottom:18px}.builder-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.builder-choice{position:relative;cursor:pointer}.builder-choice input{position:absolute;opacity:0;width:1px;height:1px}.builder-choice>span{height:100%;display:flex;flex-direction:column;gap:7px;padding:16px;border:2px solid #eeeef2;border-radius:18px;transition:border-color .2s,background .2s}.builder-choice input:checked+span{border-color:var(--site-accent,#007aff);background:#f3f8ff}.builder-choice input:focus-visible+span{outline:3px solid #8fc3ff}.builder-choice img{width:100%;height:130px;object-fit:cover;border-radius:10px}.builder-choice small,.builder-choice em,.builder-options>small{font-style:normal;color:#76767b;font-size:13px}.weight-control{display:flex;align-items:center;background:#f2f2f7;border-radius:16px;width:max-content;margin-bottom:10px;padding:6px;gap:10px}.weight-control button{border:0;background:#fff;border-radius:12px;width:40px;height:40px;font-size:22px;cursor:pointer}.weight-control input{width:64px;border:0;background:transparent;text-align:center;font:600 20px inherit;appearance:textfield}.weight-control input::-webkit-inner-spin-button{appearance:none}.builder-summary{position:sticky;top:100px}.builder-summary .eyebrow{margin-bottom:12px}.builder-total{font-size:38px;letter-spacing:-1.5px;font-weight:600;margin:24px 0 12px}.builder-note{font-size:13px;color:#777;line-height:1.5;margin-bottom:22px}#builder-breakdown p{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eee;font-size:14px}#builder-breakdown b{white-space:nowrap;font-weight:500}.builder-summary>.button{width:100%;justify-content:center}.cake-preview{position:relative;height:180px;max-width:260px;margin:12px auto 26px;--cake-color:#f5dfc3}.cake-body{position:absolute;left:15%;right:15%;top:54px;height:95px;background:var(--cake-color);border-radius:0 0 50% 50%/0 0 25% 25%;transition:background .5s;z-index:2;box-shadow:inset -14px 0 20px #00000008}.cake-body i{position:absolute;left:0;right:0;top:35px;height:20px;border-radius:0 0 50% 50%;border-bottom:5px solid #fff9}.cake-body i+i{top:60px}.cake-top{position:absolute;left:15%;right:15%;height:50px;top:30px;background:#fff8ed;border-radius:50%;z-index:3;border:2px solid #f0e8dd}.cake-plate{position:absolute;left:4%;right:4%;top:120px;height:45px;background:#f1f1f6;border-radius:50%;box-shadow:0 15px 25px #00000008}.builder-empty{text-align:center;padding:48px 24px}.builder-empty-icon{display:inline-grid;place-items:center;width:64px;height:64px;background:#f2f2f7;border-radius:20px;font-size:30px;color:#8e8e93}.builder-empty p{color:#777;margin:20px 0}.form-status textarea{display:block;width:100%;margin:15px 0}.form-status .button{margin-top:10px}.header nav{gap:18px}@media(max-width:900px){.header nav{display:none}.builder-form{grid-template-columns:1fr}.builder-summary{position:static}.builder-fields,.builder-summary{padding:24px}.cake-builder{padding-top:64px;padding-bottom:64px}.builder-choices{gap:10px}.builder-choice>span{padding:12px}.builder-choice img{height:110px}}

body,input,button,textarea,select{font-family:var(--site-font,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif)}

.weight-control input{font-size:20px;font-weight:600}

.bot-booking-link{display:inline-block;margin-top:14px;color:var(--accent,#007aff);font-size:13px}

@view-transition{navigation:auto}.builder-entry{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:30px;padding:48px 24px;gap:14px;transition:transform .28s ease,box-shadow .28s ease}.builder-entry:hover{transform:translateY(-4px);box-shadow:0 18px 48px #1c1c1e08}.builder-entry-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:26px;background:#f2f2f7;color:var(--accent);font-size:44px;line-height:1;transition:transform .28s ease,background .28s}.builder-entry:hover .builder-entry-icon{transform:rotate(90deg);background:#eaf3ff}.builder-entry-title{font-size:25px;font-weight:600;letter-spacing:-.5px}.builder-entry-description{font-size:14px;color:#8e8e93}.builder-entry .button{margin-top:10px}.builder-opening .builder-entry{transform:scale(1.025);opacity:.4}.builder-opening .builder-entry-icon{transform:rotate(135deg) scale(1.15)}@media(prefers-reduced-motion:reduce){.builder-entry,.builder-entry-icon{transition:none}.builder-entry:hover .builder-entry-icon{transform:none}}
.posts-section{max-width:1240px;margin:0 auto;padding:90px 30px}.posts-heading{margin-bottom:32px}.posts-heading>p{font-size:11px;color:#8e8e93;letter-spacing:2px}.posts-heading h2{font-size:clamp(32px,5vw,64px);letter-spacing:-2px;margin:14px 0}.posts-heading>span{color:#8e8e93}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.news-card{background:white;border-radius:28px;overflow:hidden}.news-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.news-card>div{padding:25px}.news-card time{font-size:12px;color:#8e8e93}.news-card h3{font-size:23px;margin:14px 0}.news-card p{font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.posts-grid{grid-template-columns:1fr}.posts-section{padding:55px 20px}}