/* GIDIL CREATIVE SHOWCASE REVIEW V10 — independent page style, approved shared site shell unchanged */
.sc-page {background:#f7f2ea;color:#142635}
.sc-page .container{width:min(calc(100% - 92px),1330px)}
.sc-page .nav a,.sc-page .nav-summary{font-size:.86rem}
.sc-page .site-header .sc-nav-active{color:#a87424}
.sc-skip{position:absolute;z-index:101;top:-100px;left:15px;background:#fff;color:#142635;padding:10px 16px}.sc-skip:focus{top:15px}
.sc-eyebrow{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.79rem;font-weight:800;color:#e5b76a}.sc-eyebrow.sc-dark{color:#a47627}
.sc-hero{background:radial-gradient(circle at 76% 52%,#284253 0%,#0d2736 45%,#061a28 100%);color:#fff;position:relative;overflow:hidden}
.sc-hero:after{content:"";position:absolute;inset:0;opacity:.055;background-image:radial-gradient(#fff .6px,transparent .6px);background-size:21px 21px;pointer-events:none}
.sc-hero-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(38px,5.4vw,100px);align-items:center;min-height:690px;padding-top:78px;padding-bottom:82px;position:relative;z-index:1}
.sc-hero-copy h1{font-family:Montserrat,Inter,Arial,sans-serif;font-size:clamp(3.7rem,5.1vw,6.5rem);line-height:1.09;letter-spacing:-.058em;margin:25px 0 31px;max-width:820px;font-weight:800}
.sc-hero-copy h1 em{display:block;color:#e6b65e;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;line-height:1.1;letter-spacing:-.055em}
.sc-intro{font-size:clamp(1.13rem,1.25vw,1.31rem);line-height:1.74;color:#dce3e4;max-width:590px;margin:0}
.sc-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}
.sc-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;padding:17px 21px;min-height:57px;font-size:.94rem;font-weight:780;transition:transform .2s,background .2s}
.sc-btn:hover{transform:translateY(-3px)}.sc-btn span{font-size:1.22rem}.sc-btn-gold{background:#d5a64a;color:#142635}.sc-btn-gold:hover{background:#f1c877}.sc-btn-line{border:1px solid rgba(237,220,186,.55);color:#fff}.sc-btn-line:hover{border-color:#e7bb71}
.sc-hero-foot{margin:35px 0 0;font-size:.73rem;font-weight:750;letter-spacing:.11em;color:#b5c3c8;line-height:1.65}.sc-hero-foot span{color:#e5b76a;margin:0 7px}
.sc-hero-visual{height:530px;min-width:0;border:1px solid rgba(230,179,99,.39);position:relative;overflow:hidden;background:linear-gradient(145deg,#263d4b,#071b28);box-shadow:0 32px 75px rgba(0,0,0,.22)}
.sc-hero-media{position:absolute;inset:0}.sc-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,19,29,.45),rgba(4,19,29,.08) 43%,rgba(4,19,29,.91) 100%),linear-gradient(90deg,rgba(7,28,39,.23),transparent)}
.sc-hero-media img{width:100%;height:100%;object-fit:cover;object-position:60% center;filter:saturate(.76) contrast(1.03)}
.sc-visual-top{position:absolute;top:26px;left:26px;right:26px;border-top:1px solid rgba(255,255,255,.35);padding-top:15px;color:#ffe3af;font-size:.72rem;letter-spacing:.18em;font-weight:800}
.sc-hero-rings{position:absolute;width:400px;height:400px;top:11%;right:-38%;border:1px solid rgba(237,187,103,.48);border-radius:50%;box-shadow:0 0 0 40px rgba(230,184,102,.055),0 0 0 90px rgba(230,184,102,.04);pointer-events:none}
.sc-visual-bottom{position:absolute;left:26px;right:26px;bottom:25px;display:flex;align-items:end;justify-content:space-between;gap:15px}
.sc-visual-bottom b{font:800 clamp(2.9rem,4vw,4.5rem)/.94 Montserrat,Inter,sans-serif;letter-spacing:-.07em;color:#fff}.sc-visual-bottom b span{color:#d5a64a}.sc-visual-counter{font-size:.74rem;color:#e9c78b;letter-spacing:.14em;font-weight:800;white-space:nowrap}
.sc-intro-strip{background:#d5a64a;color:#142635}
.sc-intro-strip .container{min-height:106px;display:flex;gap:35px;align-items:center;justify-content:space-between}
.sc-strip-label{max-width:170px;flex:none;font-size:.75rem;line-height:1.4;font-weight:800;letter-spacing:.14em}.sc-intro-strip p{margin:0;color:#142635;font:700 clamp(1.25rem,2.1vw,2.05rem) Montserrat,Inter,sans-serif;letter-spacing:-.05em}.sc-intro-strip p em{font:italic 400 1.06em Georgia,serif}.sc-strip-decoration{font-size:2.3rem}
.sc-format-section{padding:112px 0 120px;background:#f7f2ea}
.sc-section-head,.sc-library-head{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);gap:55px;align-items:end;margin-bottom:46px}
.sc-section-head h2,.sc-library-head h2{font-size:clamp(3.2rem,4.5vw,5.2rem);line-height:1.12;margin:16px 0 0}
.sc-section-head h2 em,.sc-library-head h2 em{font:italic 400 .99em Georgia,serif;color:#a87527}
.sc-section-head>p,.sc-library-head>p{font-size:1.1rem;line-height:1.72;max-width:440px;margin:0 0 4px;color:#55636a}
.sc-formats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.sc-format{padding:0;appearance:none;border:1px solid #dfd9cf;text-align:left;background:#fff;display:flex;flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}
.sc-format:hover,.sc-format:focus-visible{transform:translateY(-4px);box-shadow:0 18px 42px rgba(10,31,43,.11);border-color:#d5a64a}
.sc-format-visual{position:relative;min-height:167px;display:block;overflow:hidden;background:#122939}
.sc-format-visual:before{content:"";position:absolute;width:140px;height:140px;border:1px solid rgba(241,195,115,.54);border-radius:50%;top:19px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 27px rgba(219,177,100,.065),0 0 0 57px rgba(219,177,100,.045)}
.sc-format-visual:after{content:"";position:absolute;inset:auto -18px 25px 42px;height:1px;background:rgba(239,194,116,.8);transform:rotate(-29deg)}
.sc-format[data-variation="1"] .sc-format-visual{background:linear-gradient(140deg,#152f40,#415568)}
.sc-format[data-variation="2"] .sc-format-visual{background:linear-gradient(140deg,#5c4b3d,#183041)}
.sc-format[data-variation="3"] .sc-format-visual{background:linear-gradient(140deg,#20363a,#143f4b)}
.sc-format[data-variation="4"] .sc-format-visual{background:linear-gradient(140deg,#303346,#1f2833)}
.sc-format[data-variation="5"] .sc-format-visual{background:linear-gradient(140deg,#43504e,#1b3647)}
.sc-format[data-variation="6"] .sc-format-visual{background:linear-gradient(140deg,#4e3936,#0c2535)}
.sc-format[data-variation="7"] .sc-format-visual{background:linear-gradient(140deg,#274858,#0e1d30)}
.sc-format[data-variation="8"] .sc-format-visual{background:linear-gradient(140deg,#1d3346,#394d57)}
.sc-format[data-variation="9"] .sc-format-visual{background:linear-gradient(140deg,#4a493c,#26333c)}
.sc-format .sc-format-number{position:absolute;z-index:1;top:16px;left:16px;font-size:.73rem;font-weight:800;letter-spacing:.14em;color:#e5bb79}
.sc-format .sc-format-glyph{position:absolute;top:55px;left:50%;transform:translateX(-50%);font:800 4.2rem Montserrat,Inter,Arial,sans-serif;line-height:1;color:#efd4a0;text-shadow:0 6px 35px rgba(4,19,26,.35);z-index:1}
.sc-format-details{padding:20px 18px 19px;display:block;flex:1}
.sc-format-short{font-size:.65rem;font-weight:850;letter-spacing:.12em;color:#a6772c;display:block;min-height:1rem}
.sc-format-name{font-size:clamp(1rem,1.1vw,1.23rem);font-weight:780;line-height:1.22;margin:7px 0 9px;display:block;font-family:Montserrat,Inter,sans-serif;letter-spacing:-.04em;color:#122c3e}
.sc-format-description{font-size:.78rem;line-height:1.55;display:block;color:#596974}
.sc-format-footer{border-top:1px solid #eee7dc;margin-top:17px;padding-top:11px;font-size:.73rem;color:#9a752f;display:flex;justify-content:space-between;align-items:center;font-weight:800}
.sc-gallery-disclaimer{font-size:.83rem;color:#777d7f;margin:19px 0 0;line-height:1.65}
.sc-library{padding:100px 0 115px;background:#fffdfa}
.sc-library-head{margin-bottom:31px}.sc-library-head h2{font-size:clamp(3rem,4vw,4.6rem)}
.sc-filters{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding-bottom:24px;border-bottom:1px solid #e7e1d8}
.sc-filter{padding:10px 17px;border-radius:28px;background:transparent;border:1px solid #d7d1c6;color:#1a3545;font-size:.85rem;font-weight:750;transition:color .2s,background .2s}
.sc-filter:hover{border-color:#b98d44}.sc-filter.is-active{background:#142635;color:#fff;border-color:#142635}
.sc-results{color:#66737a;font-size:.86rem;margin:18px 0 24px}
.sc-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sc-project-card{border:1px solid #e7dfd3;background:#fff;min-width:0;text-align:left;display:flex;flex-direction:column;padding:0;overflow:hidden;transition:transform .2s,box-shadow .2s}
.sc-project-card:hover{transform:translateY(-3px);box-shadow:0 16px 45px rgba(8,24,37,.14)}
.sc-project-image{position:relative;aspect-ratio:16/10;background:radial-gradient(circle at 70% 23%,rgba(213,166,74,.28),transparent 40%),#152b39;color:#f4d08d;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sc-project-image img{width:100%;height:100%;object-fit:cover}.sc-project-image .sc-play{font-size:1.9rem;border:1px solid #f2d59a;border-radius:50%;width:68px;height:68px;display:grid;place-items:center}
.sc-project-info{padding:23px;flex:1}.sc-project-type{font-size:.74rem;font-weight:850;color:#986e24;text-transform:uppercase;letter-spacing:.11em}.sc-project-info h3{font-size:1.35rem;margin:13px 0 10px}.sc-project-info p{font-size:.93rem;line-height:1.6}.sc-project-cta{color:#9c6e25;font-size:.82rem;font-weight:800}
.sc-empty{display:grid;grid-template-columns:.82fr 1.18fr;border:1px solid #e4ddd1;min-height:295px;background:#f5f0e7}
.sc-empty[hidden]{display:none!important}
.sc-empty-art{background:radial-gradient(circle at 56% 40%,#284b5a,#0f2735);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e9bf72;gap:24px;overflow:hidden}
.sc-empty-art:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(239,201,131,.49);border-radius:50%;box-shadow:0 0 0 33px rgba(213,166,74,.06),0 0 0 69px rgba(213,166,74,.035)}
.sc-empty-play{position:relative;z-index:1;font-size:1.9rem}.sc-empty-art>span:last-child{position:relative;z-index:1;font-size:.7rem;letter-spacing:.17em;font-weight:800}
.sc-empty-copy{padding:45px 49px;align-self:center}.sc-empty-copy h3{font-size:clamp(1.6rem,2.2vw,2.55rem);margin:12px 0 15px}.sc-empty-copy p{max-width:610px;font-size:1rem;line-height:1.68;color:#5a686d}.sc-text-link{font-size:.9rem;font-weight:800;color:#93671f;display:inline-flex;gap:15px;align-items:center;margin-top:9px}
.sc-process{background:#112938;color:white;padding:104px 0}.sc-process-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}
.sc-process h2{font-size:clamp(2.65rem,3.8vw,4.4rem);line-height:1.13;margin:17px 0}.sc-process h2 em{font:italic 400 1em Georgia,serif;color:#e3b566}
.sc-steps article{padding:21px 0;border-top:1px solid rgba(246,239,226,.19)}.sc-steps article>span{font-size:.7rem;color:#e1b76d;letter-spacing:.14em;font-weight:800}.sc-steps h3{font-size:1.42rem;color:#fff;margin:11px 0 7px}.sc-steps p{max-width:610px;font-size:.97rem;color:#bfcdd2;line-height:1.7;margin:0}
.sc-end{background:#e5b661;padding:87px 0}.sc-end-layout{display:flex;align-items:center;justify-content:space-between;gap:35px}.sc-end .sc-eyebrow{color:#75521e}.sc-end h2{font-size:clamp(2.75rem,4.3vw,4.85rem);margin:15px 0}.sc-end h2 em{font:italic 400 1em Georgia,serif}.sc-end p{font-size:1.07rem;color:#415462;max-width:620px;margin:0}.sc-end .sc-btn-gold{background:#142635;color:white;flex:none}
.sc-overlay{position:fixed;z-index:1000;inset:0;background:rgba(5,17,26,.85);display:flex;align-items:center;justify-content:center;padding:25px}
.sc-dialog{width:min(100%,1020px);max-height:95vh;overflow:auto;background:#fffaf3;box-shadow:0 33px 90px rgba(0,0,0,.35)}
.sc-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #e2dbcf}
.sc-dialog-top h2{font-size:1.32rem;margin:0;line-height:1.35}.sc-dialog-close{border:1px solid #ad9e84;background:#fff;padding:9px 13px;color:#142635;font-weight:800}
.sc-dialog-media{min-height:180px;background:#102b3b;display:grid;place-items:center}.sc-dialog-media iframe,.sc-dialog-media video{width:100%;height:100%;aspect-ratio:16/9;display:block;border:0}.sc-dialog-media img{width:100%;max-height:74vh;object-fit:contain}.sc-dialog-description{padding:18px 24px;color:#4f616f;font-size:.95rem}
@media(max-width:1280px){.sc-page .container{width:min(calc(100% - 64px),1250px)}.sc-formats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.sc-format-details{padding:17px 14px}.sc-format-visual{min-height:145px}}
@media(max-width:1100px){.sc-formats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-page .nav{gap:15px}.sc-page .nav a,.sc-page .nav-summary{font-size:.75rem}.sc-hero-layout{grid-template-columns:1fr 1fr;min-height:590px}.sc-hero-visual{height:470px}.sc-hero-copy h1{font-size:clamp(3.2rem,5vw,4.9rem)}}
@media(max-width:920px){.sc-hero-layout{grid-template-columns:1fr;gap:30px;padding-top:72px;padding-bottom:60px}.sc-hero-copy h1{max-width:850px;font-size:clamp(3.4rem,7vw,5.7rem)}.sc-hero-visual{max-width:760px;width:100%;height:400px}.sc-process-layout{grid-template-columns:1fr;gap:30px}.sc-end-layout{display:block}.sc-end .sc-btn{margin-top:28px}.sc-section-head,.sc-library-head{grid-template-columns:1fr;gap:15px}.sc-section-head>p,.sc-library-head>p{max-width:750px}.sc-projects{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.sc-page .container{width:calc(100% - 36px)}.sc-hero-layout{padding:58px 0 45px;gap:38px}.sc-hero-copy h1{font-size:clamp(2.75rem,10.2vw,4.1rem);margin:21px 0 24px}.sc-hero .sc-intro{font-size:1.06rem;line-height:1.72}.sc-actions{flex-direction:column;align-items:stretch}.sc-btn{width:100%}.sc-hero-foot{font-size:.63rem;margin-top:25px;letter-spacing:.06em}.sc-hero-foot span{margin:0 2px}.sc-hero-visual{height:335px}.sc-visual-bottom b{font-size:2.9rem}.sc-visual-counter{font-size:.56rem}.sc-intro-strip .container{min-height:0;padding:26px 0;gap:10px}.sc-intro-strip p{font-size:1.28rem}.sc-strip-label{font-size:.6rem;max-width:98px}.sc-strip-decoration{display:none}.sc-format-section,.sc-library{padding:65px 0 75px}.sc-section-head h2,.sc-library-head h2{font-size:clamp(2.55rem,8.5vw,3.5rem)}.sc-section-head>p,.sc-library-head>p{font-size:1rem}.sc-formats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sc-format-visual{min-height:120px}.sc-format .sc-format-glyph{font-size:3rem;top:47px}.sc-format-details{padding:14px 12px 12px}.sc-format-name{font-size:1rem}.sc-format-description{font-size:.75rem;line-height:1.5}.sc-format-footer{font-size:.66rem;margin-top:10px}.sc-filter{font-size:.79rem;padding:9px 13px}.sc-projects{grid-template-columns:1fr}.sc-empty{grid-template-columns:1fr}.sc-empty-art{min-height:210px}.sc-empty-copy{padding:29px 26px}.sc-process{padding:68px 0}.sc-process h2{font-size:2.7rem}.sc-steps h3{font-size:1.23rem}.sc-end{padding:62px 0}.sc-end h2{font-size:2.65rem}.sc-dialog-top{padding:15px}.sc-dialog-top h2{font-size:1.03rem}}
@media(max-width:360px){.sc-formats-grid{grid-template-columns:1fr}.sc-format-visual{min-height:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sc-page *{transition:none!important}}
