.home-container{background-color:var(--background);min-height:100vh;color:var(--foreground)}.hero-section{z-index:20;color:var(--cotton);text-align:center;background-color:#0000;justify-content:center;align-items:center;min-height:55vh;margin-bottom:4rem;padding:6.5rem 2rem 4rem;display:flex;position:relative}.hero-content{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:1000px;margin:1.5rem auto 0;display:flex}.calligraphy-logo-container{justify-content:center;align-items:center;width:100%;display:flex}.calligraphy-logo{opacity:0;width:100%;max-width:900px;height:auto;transition:transform .8s cubic-bezier(.16,1,.3,1)}body.hero-bg-loaded .calligraphy-logo{animation:2s cubic-bezier(.16,1,.3,1) forwards logoFadeIn}.calligraphy-logo:hover{transform:scale(1.01)}.hero-quote{letter-spacing:.25em;text-transform:uppercase;color:var(--cotton);opacity:0;margin-top:.5rem;font-family:Apple Garamond,Garamond,serif;font-size:1.25rem}body.hero-bg-loaded .hero-quote{animation:3s cubic-bezier(.16,1,.3,1) .3s forwards quoteFadeInUp}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes quoteFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:.85;transform:translateY(0)}}.work-grid{max-width:1300px;margin:0 auto;padding:6rem 2rem 8rem}.grid-header{border-bottom:4px double #1b171726;flex-direction:column;gap:1rem;margin-bottom:4rem;padding-bottom:2rem;display:flex}.grid-header h2{letter-spacing:-.03em;color:var(--foreground);font-size:clamp(3.5rem,6vw,7rem);font-weight:400;line-height:.9}.grid-subtitle{opacity:.7;max-width:500px;font-family:Arial,sans-serif;font-size:1.1rem}.bento-container{grid-template-columns:repeat(3,1fr);grid-auto-rows:320px;gap:2rem;display:grid}.bento-item{border-radius:32px;flex-direction:column;justify-content:space-between;padding:3rem;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005,inset 0 1px #ffffff26}.bento-item:hover{transform:translateY(-8px)rotate(.4deg)scale(1.01);box-shadow:0 30px 60px #0000001a,inset 0 1px #ffffff26}.cherry-card{background-color:var(--cherry-red);color:var(--cotton)}.noir-card{background-color:var(--noir-black);color:var(--cotton)}.cotton-card{background-color:var(--card-bg);color:var(--foreground);border:1px solid var(--card-border)}.mood-card{background-color:var(--maroon);color:var(--cotton);text-align:center;justify-content:center;align-items:center}.large-card{grid-column:span 2}.tall-card{grid-row:span 2}.bento-content{z-index:2;flex-direction:column;justify-content:space-between;height:100%;display:flex}.bento-tag{text-transform:uppercase;letter-spacing:.15em;opacity:.6;margin-bottom:1rem;font-family:Arial,sans-serif;font-size:.8rem;font-weight:700}.bento-title{margin-bottom:1rem;font-family:Apple Garamond,Garamond,serif;font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:400;line-height:1.1}.bento-description{opacity:.8;max-width:520px;margin-bottom:2rem;font-family:Arial,sans-serif;font-size:1rem;line-height:1.5}.bento-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.tag-pill{color:var(--cotton);background-color:#edebdd26;border:1px solid #edebdd40;border-radius:20px;padding:.35rem .8rem;font-family:Arial,sans-serif;font-size:.75rem}.cotton-card .tag-pill{color:var(--cherry-red);background-color:#8101000d;border-color:#81010026}.bento-link{text-transform:uppercase;letter-spacing:.05em;color:var(--cotton);align-self:flex-start;margin-top:auto;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;transition:opacity .2s}.bento-link:hover{opacity:.7}.dark-link{color:var(--foreground)}.bento-date{opacity:.6;font-family:Apple Garamond,Garamond,serif;font-size:1.1rem;font-style:italic}.mood-overlay{z-index:1;background:radial-gradient(circle,#0000 20%,#00000026 100%);width:100%;height:100%;position:absolute;top:0;left:0}.mood-content{justify-content:center;align-items:center;gap:1.5rem}.urdu-pattern-text{font-family:var(--font-great-vibes), cursive;opacity:.3;font-size:5rem;line-height:1}.mood-quote{max-width:250px;font-family:Apple Garamond,Garamond,serif;font-size:1.4rem;font-style:italic;line-height:1.4}.grid-actions{justify-content:center;gap:2rem;margin-top:5rem;display:flex}.view-all-btn{text-transform:uppercase;letter-spacing:.1em;background-color:var(--noir-black);color:var(--cotton);border-radius:50px;padding:1.25rem 2.5rem;font-family:Arial,sans-serif;font-size:1rem;font-weight:700;transition:background-color .2s,transform .2s}.view-all-btn.outline{color:var(--foreground);border:2px solid var(--foreground);background-color:#0000}.view-all-btn:hover{background-color:var(--cherry-red);color:var(--cotton);border-color:var(--cherry-red);transform:translateY(-2px)}@media (max-width:1024px){.bento-container{grid-template-columns:repeat(2,1fr)}.large-card{grid-column:span 2}}@media (max-width:768px){.hero-section{border-bottom-right-radius:40px;border-bottom-left-radius:40px;min-height:60vh;padding:6.5rem 1.5rem 4rem}.work-grid{padding:4rem 1.5rem}.bento-container{grid-template-columns:1fr;grid-auto-rows:auto;gap:1.5rem}.large-card,.tall-card{grid-area:span 1/span 1}.bento-item{min-height:280px;padding:2rem}.grid-actions{flex-direction:column;align-items:stretch;gap:1rem}.view-all-btn{text-align:center}}.home-about-section,.home-container .about-container,.home-container .about-content-section{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:3rem 2rem 5rem}@media (max-width:768px){.home-about-section,.home-container .about-container,.home-container .about-content-section{padding:1.5rem 1.5rem 3.5rem}}