@property --siw-glow-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes siw-border-orbit { to { --siw-glow-angle: 360deg; } }
.siw { position:relative; isolation:isolate; width:100%; max-width:1160px; margin:0 auto; padding:28px 10px 40px; color:#fff; font-family:Poppins,Arial,sans-serif; --siw-duration:1350ms; }
.siw *, .siw *::before, .siw *::after { box-sizing:border-box; }
.siw .siw__heading { margin:0; padding:0; font-family:Poppins,Arial,sans-serif; font-size:clamp(40px,5.5vw,76px); font-weight:750; line-height:1.1; letter-spacing:-.045em; color:#fff; text-transform:none; text-shadow:none; }
.siw .siw__heading span { display:block; background:linear-gradient(100deg,#ff690c,#ffa34e); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:#ff8a30; }
.siw .siw__intro { max-width:960px; margin:25px 0 0; color:#c5c5c5; font-family:Gotham,Poppins,Arial,sans-serif; font-size:18px; font-weight:400; line-height:1.75; }
.siw .siw__tagline { margin:25px 0 0; font-family:Poppins,Arial,sans-serif; font-size:14px; line-height:1.65; letter-spacing:.025em; color:#d8c1ae; }
.siw__stage { position:relative; perspective:1100px; margin-top:44px; padding:12px 0 17px; }
.siw__stage::before { content:''; position:absolute; inset:12% 0 -8%; background:radial-gradient(ellipse 50% 50% at 50% 50%,#ff751418 0%,#ff75140b 42%,#ff751400 100%); pointer-events:none; }
.siw__wall { position:relative; display:grid; grid-template-columns:repeat(var(--siw-count,5),minmax(0,1fr)); gap:18px; align-items:center; }
.siw__slot { position:relative; min-width:0; perspective:900px; --siw-rise:0px; --siw-lean:0deg; }
.siw__wall--five .siw__slot:nth-child(1) { --siw-rise:12px; --siw-lean:5deg; }
.siw__wall--five .siw__slot:nth-child(2) { --siw-rise:2px; --siw-lean:2.5deg; }
.siw__wall--five .siw__slot:nth-child(3) { --siw-rise:-9px; }
.siw__wall--five .siw__slot:nth-child(4) { --siw-rise:2px; --siw-lean:-2.5deg; }
.siw__wall--five .siw__slot:nth-child(5) { --siw-rise:12px; --siw-lean:-5deg; }
.siw .siw__panel { display:flex; position:relative; flex-direction:column; align-items:center; justify-content:center; gap:20px; width:100%; min-width:0; height:290px; padding:32px 10px 25px; border-radius:18px; border:1px solid #ffffff20; color:#fff; background:linear-gradient(155deg,#34302b,#191816 55%,#22201d); box-shadow:0 16px 28px #0008,inset 0 1px 0 #ffffff12; transform:translateY(var(--siw-rise)) rotateY(var(--siw-lean)); transform-style:preserve-3d; transition:transform .55s cubic-bezier(.16,.8,.2,1),border-color .4s,box-shadow .4s; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.siw__panel::before { content:''; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(ellipse at 50% 24%,#ff8d2022,transparent 67%); opacity:.3; transition:opacity .4s; pointer-events:none; }
.siw__order { position:absolute; top:17px; left:17px; color:#a59b90; font-size:11px; line-height:1; letter-spacing:.1em; font-weight:500; }
.siw__mark { position:relative; display:block; width:100%; max-width:186px; aspect-ratio:1; transform:translateZ(18px); transition:transform .55s cubic-bezier(.16,.8,.2,1),filter .4s; filter:drop-shadow(0 12px 8px #0008); pointer-events:none; }
.siw .siw__mark img { display:block; width:100%; height:100%; max-width:none; object-fit:contain; border:0; border-radius:0; box-shadow:none; user-select:none; }
.siw__name { position:relative; display:flex; align-items:flex-start; justify-content:center; max-width:100%; min-height:44px; font-family:Poppins,Arial,sans-serif; font-size:16px; font-weight:600; line-height:1.4; text-align:center; letter-spacing:-.025em; transform:translateZ(22px); }
.siw .siw__panel.is-active, .siw .siw__panel:focus-visible { transform:translateY(calc(var(--siw-rise) - 10px)) rotateX(var(--siw-rx,0deg)) rotateY(var(--siw-ry,0deg)); border-color:#ff9239b3; box-shadow:0 24px 34px #000a,0 0 25px #ff75201c,inset 0 1px 0 #ffdfba3b; color:#fff; }
.siw__panel.is-active::before, .siw__panel:focus-visible::before { opacity:1; }
.siw__panel.is-active .siw__mark, .siw__panel:focus-visible .siw__mark { transform:translate3d(0,-4px,35px) scale(1.025); filter:drop-shadow(0 17px 9px #0008) drop-shadow(0 0 12px #ff81211f); }
.siw__panel.is-active .siw__name, .siw__panel:focus-visible .siw__name { color:#ffbf86; }
.siw__horizon { position:relative; height:2px; margin:40px 0 0; background:linear-gradient(90deg,transparent,#b84616 16%,#ff8c32 38%,#ffe0b2 50%,#ff8c32 62%,#b84616 84%,transparent); box-shadow:0 0 12px #ff741764; transform-origin:left; border-radius:100%; }
.siw__horizon::after { content:''; position:absolute; inset:-13px 10%; background:radial-gradient(ellipse,#ff741742,transparent 70%); pointer-events:none; }
.siw__detail { min-height:52px; margin:9px 0 22px; text-align:center; font-size:14px; line-height:1.65; color:#bfb7ad; display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; }
.siw__detail strong { color:#eee5db; font-weight:500; }
.siw__actions { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; position:relative; }
.siw .siw__cta { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:center; gap:12px; flex:1 1 250px; max-width:338px; min-width:0; min-height:54px; padding:11px 18px; color:#fff4e9; font-family:Poppins,Arial,sans-serif; font-size:14px; font-weight:650; line-height:1.25; letter-spacing:0; text-align:center; border-radius:999px; border:1px solid rgba(255,105,12,.48); background:linear-gradient(115deg,#2e241e,#1d1d1d 55%,#28211d); box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 22px rgba(0,0,0,.16); transition:color 180ms ease,box-shadow 220ms ease,transform 220ms ease; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.siw__cta::before { content:''; position:absolute; inset:-1px; border-radius:inherit; padding:1.5px; pointer-events:none; background:conic-gradient(from var(--siw-glow-angle),rgba(255,105,12,.12) 0deg,rgba(255,105,12,.18) 48deg,#ff690c 86deg,#ffd3a0 104deg,#fff2dc 112deg,#ff7e25 126deg,rgba(255,105,12,.12) 160deg,rgba(255,105,12,.18) 228deg,#ff690c 266deg,#ffd3a0 284deg,#fff2dc 292deg,#ff7e25 306deg,rgba(255,105,12,.12) 340deg); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude; animation:siw-border-orbit 4.8s linear infinite; animation-play-state:paused; }
.siw__cta::after { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; box-shadow:0 0 16px rgba(255,105,12,.16),0 0 30px rgba(255,105,12,.07); transition:box-shadow 220ms ease; }
.siw__arrow { display:block; flex-shrink:0; color:#ff8a3d; transition:transform 220ms ease,color 220ms ease; }
.siw .siw__cta:hover, .siw .siw__cta:focus-visible { color:#fff; transform:translateY(-2px); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.24); }
.siw__cta:hover::after, .siw__cta:focus-visible::after { box-shadow:0 0 20px rgba(255,105,12,.32),0 0 38px rgba(255,105,12,.12); }
.siw__cta:hover .siw__arrow { color:#ffbc83; transform:translate(2px,-2px); }
.siw .siw__cta:active { transform:scale(.975); }
.siw a:focus:not(:focus-visible) { outline:none; }
.siw a:focus-visible { outline:2px solid #ffb46e; outline-offset:5px; }
.siw.is-onscreen .siw__cta::before { animation-play-state:running; }
.siw.siw--pending .siw__slot { opacity:0; transform:translate3d(0,55px,-180px); }
.siw.siw--pending .siw__horizon { opacity:0; transform:scaleX(0); }
.siw.siw--entering .siw__slot { animation:siw-arrive var(--siw-duration) cubic-bezier(.14,.76,.19,1) both; animation-delay:calc(220ms + var(--siw-i)*110ms); }
.siw.siw--entering .siw__horizon { animation:siw-light calc(var(--siw-duration) + 550ms) cubic-bezier(.2,.8,.2,1) both; }
.siw.siw--entering .siw__mark { animation:siw-separate calc(var(--siw-duration) + 300ms) cubic-bezier(.14,.76,.19,1) both; animation-delay:calc(220ms + var(--siw-i)*110ms); }
@keyframes siw-arrive { 0% { opacity:0; transform:translate3d(0,65px,-220px) rotateY(-28deg) rotateX(12deg); } 45% { opacity:1; } 100% { opacity:1; transform:translate3d(0,0,0) rotateY(0deg) rotateX(0deg); } }
@keyframes siw-separate { 0%,18% { transform:translateZ(0) scale(.82); } 100% { transform:translateZ(18px) scale(1); } }
@keyframes siw-light { 0% { transform:scaleX(0); opacity:.2; } 55% { transform:scaleX(1); opacity:1; box-shadow:0 0 30px #ff791b; } 100% { transform:scaleX(1); opacity:1; box-shadow:0 0 12px #ff741764; } }
#video-section,#design-section,#photography-section,#content-creation-section,#management-section,#streng-growth-proof,#streng-services { scroll-margin-top:132px; }
@media(max-width:1024px) {
  .siw { padding:24px 4px 32px; }
  .siw .siw__heading { font-size:clamp(40px,5.5vw,60px); }
  .siw .siw__intro { font-size:16px; line-height:1.7; }
  .siw__wall { gap:12px; }
  .siw .siw__panel { height:240px; padding:29px 6px 19px; gap:14px; border-radius:14px; }
  .siw__mark { max-width:145px; }
  .siw__name { font-size:13px; min-height:37px; }
}
@media(max-width:767px) {
  .siw { padding:18px 2px 28px; }
  .siw .siw__heading { font-size:clamp(30px,8.2vw,49px); letter-spacing:-.045em; }
  .siw .siw__intro { margin-top:21px; font-size:16px; line-height:1.65; }
  .siw .siw__tagline { font-size:12px; margin-top:20px; }
  .siw__stage { margin-top:28px; }
  .siw__wall { grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px 10px; }
  .siw__slot { grid-column:span 2; --siw-rise:0px!important; --siw-lean:0deg!important; }
  .siw__wall--five .siw__slot:nth-child(4) { grid-column:2/4; }
  .siw__wall--five .siw__slot:nth-child(5) { grid-column:4/6; }
  .siw .siw__panel { height:195px; padding:26px 4px 13px; gap:10px; border-radius:13px; }
  .siw__mark { max-width:124px; }
  .siw__name { font-size:clamp(11px,2.45vw,14px); min-height:34px; }
  .siw__order { top:12px; left:11px; font-size:10px; }
  .siw__horizon { margin-top:24px; }
  .siw__detail { min-height:58px; margin:4px 0 18px; font-size:12px; gap:3px 6px; }
  .siw__actions { gap:14px; }
  .siw .siw__cta { flex-basis:100%; min-height:54px; }
  #video-section,#design-section,#photography-section,#content-creation-section,#management-section,#streng-growth-proof,#streng-services { scroll-margin-top:100px; }
}
@media(max-width:390px) { .siw .siw__panel { height:168px; gap:7px; } .siw__wall { gap:15px 8px; } .siw__name { font-size:11px; } }
@media(prefers-reduced-motion:reduce) {
  .siw *, .siw *::before, .siw *::after { animation:none!important; transition:none!important; }
  .siw.siw--pending .siw__slot, .siw.siw--pending .siw__horizon { opacity:1; transform:none; }
  .siw .siw__panel.is-active, .siw .siw__panel:focus-visible { transform:translateY(var(--siw-rise)); }
  .siw__panel.is-active .siw__mark, .siw__panel:focus-visible .siw__mark { transform:translateZ(18px); }
  .siw .siw__cta:hover { transform:none; }
}