/*
Theme Name: Sugeng Creative Portfolio
Theme URI: https://sugenguripsantoso.my.id
Author: OpenAI
Description: A modern, motion-rich portfolio theme for graphic designers. Elementor-compatible, responsive, and built for a professional creative portfolio.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: sugeng-creative-portfolio
*/
:root{--scp-ink:#151515;--scp-paper:#f5f3ef;--scp-white:#fffdf9;--scp-lime:#d7ff64;--scp-muted:#77766f;--scp-line:rgba(21,21,21,.16);--scp-radius:22px;--scp-max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--scp-paper);color:var(--scp-ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.scp-shell{width:min(var(--scp-max),calc(100% - 48px));margin-inline:auto}.scp-site-header{position:sticky;top:0;z-index:99;background:rgba(245,243,239,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(21,21,21,.08)}.scp-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.scp-brand{font-weight:850;letter-spacing:-.06em;font-size:20px;line-height:1.1}.scp-brand span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:650;margin-top:5px;color:var(--scp-muted)}.scp-menu{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:650}.scp-menu a{position:relative}.scp-menu a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s}.scp-menu a:hover:after{transform:scaleX(1);transform-origin:left}.scp-menu-toggle{display:none;border:1px solid var(--scp-line);border-radius:50%;width:44px;height:44px;background:transparent;font-size:20px}.scp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:1px solid var(--scp-ink);border-radius:999px;background:var(--scp-ink);color:white;font-weight:700;font-size:13px;transition:transform .25s,background .25s,color .25s}.scp-button:hover{transform:translateY(-3px);background:var(--scp-lime);color:var(--scp-ink)}.scp-button--light{background:transparent;color:var(--scp-ink)}.scp-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.scp-dot{width:8px;height:8px;background:#76a900;border-radius:50%;box-shadow:0 0 0 5px rgba(118,169,0,.12)}.scp-hero{padding:86px 0 72px;overflow:hidden}.scp-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center}.scp-hero h1{font-size:clamp(52px,8vw,112px);line-height:.91;letter-spacing:-.085em;margin:25px 0 26px;max-width:850px}.scp-hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.scp-hero-copy{font-size:18px;max-width:580px;color:#55544e}.scp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.scp-hero-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:38px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--scp-muted)}.scp-artboard{position:relative;min-height:510px;border-radius:32px;background:var(--scp-ink);overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.scp-artboard:before{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(135deg,transparent 0 38px,rgba(255,255,255,.08) 39px 40px);transform:rotate(-12deg);animation:scp-drift 24s linear infinite;z-index:-1}.scp-orb{position:absolute;width:330px;height:330px;border-radius:50%;background:var(--scp-lime);filter:blur(.2px);top:14%;left:22%;animation:scp-float 7s ease-in-out infinite}.scp-orb:after{content:"";position:absolute;inset:18%;border:1px solid rgba(21,21,21,.35);border-radius:50%}.scp-art-type{position:relative;color:white;font-size:clamp(52px,7vw,92px);line-height:.82;letter-spacing:-.09em;font-weight:900;text-transform:uppercase;mix-blend-mode:difference;transform:rotate(-8deg)}.scp-art-type span{display:block;margin-left:38px}.scp-art-sticker{position:absolute;right:24px;bottom:24px;border-radius:50%;width:104px;height:104px;background:var(--scp-white);display:grid;place-items:center;text-align:center;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;font-weight:800;transform:rotate(10deg)}.scp-section{padding:92px 0}.scp-section--dark{background:var(--scp-ink);color:var(--scp-white)}.scp-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.scp-section h2{font-size:clamp(38px,5.4vw,72px);letter-spacing:-.075em;line-height:.98;margin:12px 0 0}.scp-section-intro{max-width:430px;color:var(--scp-muted);margin:0}.scp-section--dark .scp-section-intro{color:#b6b5af}.scp-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.scp-project{display:block;position:relative;overflow:hidden;border-radius:var(--scp-radius);background:#e2dfd7;min-height:340px;isolation:isolate}.scp-project:nth-child(3n+2){background:#d7ff64}.scp-project:nth-child(3n){background:#d9d8f7}.scp-project-visual{position:absolute;inset:0;display:grid;place-items:center;transition:transform .65s cubic-bezier(.2,.75,.2,1)}.scp-project:hover .scp-project-visual{transform:scale(1.055) rotate(-1deg)}.scp-project-visual:before{content:"";position:absolute;width:58%;height:70%;border:1px solid rgba(21,21,21,.28);border-radius:50%;transform:rotate(-28deg)}.scp-project-visual:after{content:"";position:absolute;width:45%;height:110%;background:rgba(255,255,255,.25);transform:rotate(38deg)}.scp-project-art{position:relative;z-index:1;font-size:clamp(38px,6vw,76px);line-height:.85;letter-spacing:-.09em;font-weight:900;text-align:center;text-transform:uppercase}.scp-project-art small{display:block;font-size:10px;letter-spacing:.2em;margin-top:18px}.scp-project-caption{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:end}.scp-project-caption strong{font-size:18px;letter-spacing:-.04em}.scp-project-caption span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.scp-project-arrow{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--scp-white);font-size:18px;transition:transform .3s}.scp-project:hover .scp-project-arrow{transform:rotate(45deg)}.scp-text-link{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:5px;font-weight:700;font-size:13px}.scp-about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.scp-about-note{border:1px solid var(--scp-line);border-radius:var(--scp-radius);padding:28px;position:sticky;top:110px}.scp-about-note strong{font-size:56px;letter-spacing:-.08em;line-height:1}.scp-about-note p{color:var(--scp-muted);font-size:13px}.scp-about-copy h3{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.065em;margin:0 0 24px}.scp-about-copy p{max-width:720px;color:#5f5d57;font-size:17px}.scp-skill-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.scp-skill{padding:16px 18px;border:1px solid var(--scp-line);border-radius:14px;font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:12px}.scp-skill span{color:var(--scp-muted);font-weight:500}.scp-process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scp-process-item{border-top:1px solid rgba(255,255,255,.25);padding:18px 8px 0 0}.scp-process-item b{font-size:12px;color:var(--scp-lime);letter-spacing:.1em}.scp-process-item h3{font-size:20px;letter-spacing:-.04em;margin:20px 0 8px}.scp-process-item p{font-size:13px;color:#b6b5af}.scp-contact{background:var(--scp-lime);padding:76px 0;border-radius:28px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}.scp-contact h2{font-size:clamp(42px,7vw,88px);letter-spacing:-.09em;line-height:.9;margin:16px 0 20px;max-width:800px}.scp-contact p{max-width:560px;color:#4b4d3e}.scp-footer{padding:35px 0 45px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:var(--scp-muted)}.scp-footer strong{color:var(--scp-ink)}.scp-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.scp-reveal.is-visible{opacity:1;transform:translateY(0)}.scp-cursor{position:fixed;top:0;left:0;width:18px;height:18px;border-radius:50%;background:var(--scp-lime);mix-blend-mode:difference;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:0;transition:width .2s,height .2s,opacity .2s}.scp-backtop{position:fixed;right:22px;bottom:22px;z-index:50;width:46px;height:46px;border:0;border-radius:50%;background:var(--scp-ink);color:white;cursor:pointer;opacity:0;transform:translateY(10px);transition:.25s}.scp-backtop.is-visible{opacity:1;transform:translateY(0)}.scp-page-content{min-height:60vh;padding:70px 0}.scp-page-content .entry-title{font-size:clamp(40px,6vw,72px);letter-spacing:-.07em;line-height:1}.scp-page-content .entry-content{max-width:850px}.scp-page-content .entry-content p{font-size:18px}.elementor-page .scp-page-content{padding:0}.elementor-page .entry-content{max-width:none}.scp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes scp-float{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(18px,-20px,0) rotate(8deg)}}@keyframes scp-drift{to{transform:translate(70px,-70px) rotate(-12deg)}}
@media(max-width:900px){.scp-hero-grid,.scp-about-grid{grid-template-columns:1fr}.scp-artboard{min-height:430px}.scp-about-note{position:relative;top:auto}.scp-contact{grid-template-columns:1fr}.scp-process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.scp-shell{width:min(var(--scp-max),calc(100% - 32px))}.scp-nav{min-height:68px}.scp-menu-toggle{display:block}.scp-menu{display:none;position:absolute;top:68px;left:16px;right:16px;background:var(--scp-white);padding:20px;border:1px solid var(--scp-line);border-radius:18px;flex-direction:column;align-items:stretch;gap:18px;box-shadow:0 18px 45px rgba(0,0,0,.1)}.scp-menu.is-open{display:flex}.scp-menu .scp-button{align-self:flex-start}.scp-hero{padding:58px 0 45px}.scp-hero-grid{gap:32px}.scp-hero h1{font-size:clamp(50px,15vw,78px)}.scp-hero-copy{font-size:16px}.scp-artboard{min-height:350px}.scp-orb{width:245px;height:245px}.scp-section{padding:64px 0}.scp-section-head{display:block}.scp-section-intro{margin-top:18px}.scp-projects{grid-template-columns:1fr}.scp-project{min-height:310px}.scp-skill-list{grid-template-columns:1fr}.scp-process{grid-template-columns:1fr 1fr}.scp-contact{padding:45px 25px}.scp-footer{align-items:flex-start;flex-direction:column}.scp-cursor{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scp-reveal{opacity:1;transform:none}}