/* getyourwebsite.net.au — standalone portfolio page. Uses site.css brand tokens. */
.gyw-nav { display:flex; align-items:center; gap:24px; padding:16px 24px; border-bottom:1px solid rgba(255,255,255,0.08); }
.gyw-nav .brand { font-weight:700; letter-spacing:.2px; }
.gyw-nav a { color:inherit; text-decoration:none; opacity:.85; }
.gyw-nav a:hover { opacity:1; }
.gyw-nav .spacer { flex:1; }

.gyw-hero { position:relative; padding:56px 24px; background:linear-gradient(135deg,#0b1f33 0%,#0e2a44 40%,#13b6c4 130%); }
.gyw-hero .inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.gyw-hero h1 { font-family:'Instrument Serif',serif; font-size:48px; line-height:1.05; margin:0 0 12px; }
.gyw-hero .accent { color:var(--cyan-2); }
.gyw-hero p { opacity:.9; max-width:46ch; }
.gyw-hero .cta { display:flex; gap:12px; margin-top:20px; flex-wrap:wrap; }
.gyw-logocard { width:100%; max-width:340px; aspect-ratio:1.8; justify-self:center; border:1px solid rgba(255,255,255,0.12); border-radius:14px; display:grid; place-items:center; background:rgba(255,255,255,0.03); font-family:'Instrument Serif',serif; font-size:54px; }

.gyw-section { max-width:1100px; margin:0 auto; padding:64px 24px; }
.gyw-section h2 { text-align:center; color:var(--cyan-2); font-size:32px; margin:0 0 6px; }
.gyw-section .sub { text-align:center; opacity:.75; margin:0 0 36px; }

.gyw-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.gyw-card { border:1px solid rgba(255,255,255,0.08); border-radius:12px; overflow:hidden; background:rgba(255,255,255,0.02); display:flex; flex-direction:column; }
.gyw-card .shot { aspect-ratio:1.5; background:#0c1828 center/cover no-repeat; }
.gyw-card .shot.empty { display:grid; place-items:center; opacity:.4; font-size:12px; }
.gyw-card .body { padding:16px; display:flex; flex-direction:column; gap:8px; flex:1; }
.gyw-card h3 { margin:0; font-size:17px; }
.gyw-card .blurb { opacity:.75; font-size:14px; flex:1; }

.gyw-why { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.gyw-stats { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.gyw-stat { border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:28px; text-align:center; }
.gyw-stat .n { color:var(--cyan-2); font-size:40px; font-weight:700; }

.gyw-foot { border-top:1px solid rgba(255,255,255,0.08); padding:48px 24px; }
.gyw-foot .inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:40px; }

@media (max-width:900px){
  .gyw-hero .inner,.gyw-why,.gyw-foot .inner{grid-template-columns:1fr}
  .gyw-grid{grid-template-columns:repeat(2,1fr)}
  .gyw-stats{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){ .gyw-grid{grid-template-columns:1fr} }