.opd{--ps-accent:#f2c679;--ps-dark:#0b141a;--ps-surface:#192d2a;--ps-glow:#35695b52}.opd-hero{isolation:isolate;background:radial-gradient(at 80%,#6c915d46,#0000 59%),linear-gradient(115deg,#152e2b,#0c1721 69%,#152b30);border:1px solid #b9a57d73;border-radius:26px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:10px;min-height:555px;margin-top:22px;padding:clamp(24px,4.6vw,65px);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 65px #0004}.opd-hero:before{content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(#ffffff10 1px,#0000 1px),linear-gradient(90deg,#ffffff10 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#0000 15%,#000 100%);mask-image:linear-gradient(120deg,#0000 15%,#000 100%)}.opd-hero__field{z-index:-1;object-fit:cover;opacity:.17;filter:saturate(1.2);width:68%;height:135%;position:absolute;top:-26%;right:-8%;-webkit-mask-image:radial-gradient(at 50% 45%,#000 15%,#0000 75%);mask-image:radial-gradient(at 50% 45%,#000 15%,#0000 75%)}.opd-hero__copy{z-index:2;position:relative}.opd-hero h1{letter-spacing:.005em;margin:22px 0;font-size:clamp(37px,5.7vw,69px);font-weight:1000;line-height:1.25}.opd-hero h1 em{color:var(--ps-accent);font-style:normal}.opd-hero__copy>p{color:#d2ded0;max-width:540px;font-size:clamp(13px,1.45vw,16px);line-height:2}.opd-hero__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.opd-hero__stats{gap:clamp(18px,3vw,44px);margin-top:38px;display:flex}.opd-hero__stats>div{border-left:2px solid #dabc80;flex-direction:column;gap:5px;padding-left:13px;display:flex}.opd-hero__stats strong{color:#f9edce;font-variant-numeric:tabular-nums;font-size:clamp(25px,3.1vw,37px);line-height:1}.opd-hero__stats span{color:#c2d0c5;font-size:10px;font-weight:800}.opd-hero__cards{isolation:isolate;width:100%;height:430px;position:relative}.opd-hero__card{aspect-ratio:950/1296;object-fit:contain;filter:drop-shadow(0 24px 27px #000b);transform-origin:50% 90%;border-radius:12px;width:min(54%,230px);animation:.85s cubic-bezier(.2,.8,.2,1) backwards opd-enter;position:absolute;top:51%;left:53%}.opd-hero__card--0{z-index:3;animation-delay:.1s;transform:translate(-50%,-50%)rotate(-3deg)}.opd-hero__card--1{z-index:2;animation-delay:.22s;transform:translate(-92%,-48%)rotate(-19deg)}.opd-hero__card--2{z-index:1;animation-delay:.34s;transform:translate(-10%,-48%)rotate(16deg)}@keyframes opd-enter{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0}}.opd-discover{padding:76px 0 80px}.opd-discover__title{justify-content:space-between;align-items:end;gap:18px;margin-bottom:29px;display:flex}.opd-discover__title h2{margin:12px 0 10px;font-size:clamp(26px,3.4vw,41px);font-weight:1000}.opd-discover__title p{color:#bfcbc3;font-size:13px}.opd-discover__count{color:#f2d59a;white-space:nowrap;letter-spacing:.12em;background:#f4c47410;border:1px solid #957d5b7f;border-radius:99px;padding:10px 15px;font-size:11px;font-weight:850}.opd-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.opd-project{border:1px solid var(--ps-border);background:linear-gradient(155deg,#1b2e2b,#0f191d);border-radius:22px;min-width:0;overflow:hidden;box-shadow:0 18px 46px #0005}.opd-project__visual{isolation:isolate;background:radial-gradient(#6b88605c,#132e34 75%);height:290px;display:block;position:relative;overflow:hidden}.opd-project__background{object-fit:cover;opacity:.26;filter:blur(2px);width:100%;height:100%;position:absolute;inset:0}.opd-project__visual:after{content:"";pointer-events:none;background:linear-gradient(#0000,#12231f88);height:70%;position:absolute;inset:auto 0 0}.opd-project__visual-cards{position:absolute;inset:0}.opd-project__card{object-fit:contain;filter:drop-shadow(0 15px 20px #0008);border-radius:10px;width:clamp(112px,16vw,164px);height:235px;transition:transform .25s;position:absolute;top:50%;left:50%}.opd-project__card--0{z-index:3;transform:translate(-50%,-48%)rotate(-2deg)}.opd-project__card--1{z-index:2;transform:translate(-106%,-42%)rotate(-18deg)}.opd-project__card--2{z-index:1;transform:translate(6%,-42%)rotate(17deg)}.opd-project__visual:hover .opd-project__card--0{transform:translate(-50%,-55%)rotate(0)}.opd-project__visual-label{z-index:4;color:#f6dc9e;letter-spacing:.13em;background:#0b1c21d9;border:1px solid #e2c28c80;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:1000;position:absolute;bottom:15px;left:18px}.opd-project__body{padding:25px}.opd-project__name{align-items:center;gap:15px;min-width:0;display:flex}.opd-project__name img,.opd-project__logo{object-fit:contain;background:#314c40;border:1px solid #dbc08a87;border-radius:15px;flex:none;width:56px;height:56px}.opd-project__logo{color:#e8d2a0;place-items:center;display:grid}.opd-project__name span{color:var(--ps-accent);letter-spacing:.12em;font-size:10px;font-weight:900}.opd-project__name h3{color:#f7eccf;margin:4px 0 0;font-size:clamp(19px,2.6vw,26px);font-weight:1000;line-height:1.3}.opd-project__body>p{color:#c6d1c4;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:47px;margin:17px 0;font-size:12px;line-height:1.9;display:-webkit-box;overflow:hidden}.opd-project__numbers{border-bottom:1px solid #ffffff20;flex-wrap:wrap;gap:13px;padding-bottom:18px;display:flex}.opd-project__numbers span{color:#bfcfbf;align-items:center;gap:6px;font-size:11px;display:flex}.opd-project__numbers svg{color:var(--ps-accent)}.opd-project__numbers strong{color:#f6e4b4;font-size:18px}.opd-project__buttons{flex-wrap:wrap;gap:9px;padding-top:20px;display:flex}.opd-project__buttons .omake-project-button{min-height:44px;padding:10px 16px;font-size:12px}.opd-empty{text-align:center;color:#dacfb5;border:1px dashed #8a845e;border-radius:18px;padding:65px 20px}@media (max-width:970px){.opd-hero{min-height:440px;padding:36px 28px}.opd-hero__cards{height:325px}.opd-hero__card{width:min(54%,190px)}.opd-project-grid{gap:16px}}@media (max-width:720px){.opd-hero{grid-template-columns:1fr;gap:0;padding:32px 21px}.opd-hero__cards{max-width:360px;height:230px;margin:10px auto 0}.opd-hero__card{width:min(42%,145px)}.opd-hero__stats{margin-top:26px}.opd-hero__actions .omake-project-button{font-size:12px}.opd-project-grid{grid-template-columns:1fr}.opd-discover{padding:56px 0}.opd-project__visual{height:270px}.opd-project__card{width:150px}}@media (max-width:480px){.opd-hero h1{font-size:34px}.opd-hero__stats{gap:17px}.opd-hero__stats strong{font-size:24px}.opd-hero__stats span{font-size:9px}.opd-hero__card{width:130px}.opd-discover__title{align-items:start}.opd-discover__count{padding:8px;font-size:9px}.opd-project__body{padding:18px}.opd-project__visual{height:260px}}@media (prefers-reduced-motion:reduce){.opd-hero__card{animation:none}.opd-project__card{transition:none}}