.hero{background-color:var(--cream);background-image:repeating-linear-gradient(90deg,#4522050f 0 1px,#0000 1px 40px),repeating-linear-gradient(#4522050f 0 1px,#0000 1px 40px);min-height:90vh;padding:120px 60px}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.hero-left h1{margin:20px 0;font-size:56px;line-height:1.1}.studio-label{letter-spacing:2px;opacity:.7;font-size:18px}.hero-description{max-width:500px;margin-bottom:30px;font-size:18px;line-height:1.6}.hero-button{border-radius:999px;padding:14px 28px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.hero-button-primary{background-color:var(--brown);color:var(--cream)}.hero-button-primary:hover{background-color:#5d2d0c}.hero-right{justify-content:center;display:flex}.image-placeholder{background-color:var(--pink);opacity:.8;border-radius:20px;justify-content:center;align-items:center;width:320px;height:420px;font-family:Inter;display:flex}@media (max-width:900px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-left h1{font-size:40px}.hero-description{margin:0 auto 28px}}
.pillars-section{background:var(--pink);padding:120px 60px}.pillars-label{text-align:center;margin-bottom:40px}.pillars-label h1,.pillars-title{letter-spacing:2px;color:var(--brown);margin:0;font-family:Playfair Display,serif;font-size:42px}.pillars-cta{color:var(--brown);text-align:center;border-bottom:1px solid #45220559;width:100%;margin-top:32px;padding-bottom:2px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .25s;display:inline-block}.pillars-cta:hover{opacity:.8}.pillars-inner{max-width:1200px;margin:0 auto}.pillars-stack{grid-template-columns:repeat(3,1fr);align-items:start;gap:40px;display:grid}.postit{box-shadow:none;background:0 0;border:none;padding:0;transition:transform .25s;position:relative;overflow:visible}.postit-1{transform:rotate(-.3deg)}.postit-2{transform:rotate(.2deg)}.postit-3{transform:rotate(-.15deg)}.postit:hover{transform:translateY(-6px)rotate(0)}.postit-frame{aspect-ratio:3/4;width:100%;position:relative}.postit-image{object-fit:contain;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.postit-content{z-index:2;box-sizing:border-box;gap:10px;padding:150px 38px 38px;display:grid;position:absolute;inset:0}.postit-top{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.postit-title{color:var(--brown);margin:0;font-family:Playfair Display,serif;font-size:26px;line-height:1.1}.postit-badge{letter-spacing:.6px;color:var(--brown);white-space:nowrap;background:#45220514;border-radius:999px;padding:6px 10px;font-family:Inter,sans-serif;font-size:12px}.postit-subtitle{letter-spacing:.6px;color:#452205bf;margin:0;font-family:Inter,sans-serif;font-size:13px}.postit-desc{color:#452205eb;margin:0;font-family:Inter,sans-serif;font-size:15px;line-height:1.55}.postit-link{width:fit-content;color:var(--brown);border-bottom:1px solid #45220559;margin-top:6px;padding-bottom:2px;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;transition:opacity .25s}.postit-link:hover{opacity:.7}.postit-2 .postit-title,.postit-2 .postit-subtitle,.postit-2 .postit-desc,.postit-2 .postit-link{color:#faf6ea}.postit-2 .postit-badge{color:#faf6ea;background:#faf6ea2e}.postit-2 .postit-link{border-bottom:1px solid #faf6ea80}@media (max-width:1000px){.pillars-section{padding:90px 20px}.pillars-label h1{font-size:34px}.pillars-stack{grid-template-columns:1fr;gap:28px}.postit-frame{max-width:420px;margin:0 auto}.postit-content{padding:54px 24px 24px}}@media (max-width:420px){.postit-title{font-size:22px}.postit-desc{font-size:14px}.postit-content{padding:52px 20px 20px}}
.how-i-work{background:var(--cream);max-width:1100px;margin:0 auto;padding:90px 60px}.how-label{letter-spacing:2px;text-transform:uppercase;color:#452205a6;margin-bottom:12px;font-family:Inter,sans-serif;font-size:12px}.how-title{color:var(--brown);margin-bottom:40px;font-family:Playfair Display,serif;font-size:44px;font-weight:600}.how-steps{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.how-step{align-items:flex-start;gap:16px;display:flex}.how-num{background:var(--pink);width:44px;height:44px;color:var(--brown);border:2px solid #45220533;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Playfair Display,serif;font-size:20px;font-weight:600;display:flex}.how-step h3{color:var(--brown);margin-bottom:6px;font-family:Playfair Display,serif;font-size:22px;font-weight:600}.how-step p{color:#452205e0;font-family:Inter,sans-serif;font-size:16px;line-height:1.6}@media (max-width:900px){.how-i-work{padding:60px 20px}.how-title{font-size:34px}.how-steps{grid-template-columns:1fr}}
.testimonial-section{background-color:var(--brown);background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:20px 20px;padding:100px 60px 180px;position:relative;overflow:hidden}.testimonial-section-label{letter-spacing:2px;text-transform:uppercase;color:#faf6eaa6;text-align:center;margin-bottom:8px;font-family:Inter,sans-serif;font-size:12px}.testimonial-section-title{color:var(--cream);text-align:center;margin-bottom:40px;font-family:Playfair Display,serif;font-size:44px;font-weight:600}.testimonial-card{z-index:2;background:var(--cream);border:2px solid var(--brown);border-radius:25px;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:60px 80px;display:flex;position:relative}.testimonial-content{text-align:center;max-width:600px}.testimonial-text{color:var(--brown);margin-bottom:20px;font-family:Inter,sans-serif;font-size:20px;line-height:1.6}.testimonial-author{flex-direction:column;gap:4px;font-family:Inter,sans-serif;display:flex}.testimonial-author span{opacity:.7;font-size:14px}.arrow{border:2px solid var(--brown);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.arrow:hover{background:var(--brown);color:var(--cream)}@media (max-width:900px){.testimonial-card{flex-direction:column;gap:20px;padding:40px}}
.projectsTabs{background:var(--cream);padding:110px 60px}.projectsTabs__header{max-width:1100px;margin:0 auto 30px}.projectsTabs__title{color:var(--brown);margin:0 0 8px;font-family:Playfair Display,serif;font-size:46px}.projectsTabs__subtitle{color:#452205bf;margin:0;font-family:Inter,sans-serif;font-size:16px}.folder{max-width:1100px;margin:0 auto;position:relative}.folder__tabs{align-items:flex-end;gap:14px;padding-left:6px;display:flex}.tab{letter-spacing:1px;text-transform:uppercase;cursor:pointer;color:var(--brown);border:1.5px solid #452205d9;border-bottom:none;border-top-left-radius:18px;border-top-right-radius:18px;padding:14px 22px 12px;font-family:Inter,sans-serif;font-weight:700;transition:transform .18s,filter .18s;transform:translateY(2px)}.tab1{background:var(--pink)}.tab2{background:var(--brown);color:var(--cream)}.tab3{background:var(--pink)}.tab4{background:var(--brown);color:var(--cream)}.tab.isActive{filter:saturate(1.05);transform:translateY(0)}.folder__panel{background:var(--cream);border:1.5px solid #452205d9;border-radius:18px;padding:60px 56px;box-shadow:0 2px #4522050f}.panel{grid-template-columns:1.1fr .9fr;align-items:center;gap:46px;display:grid}.panel__title{color:var(--brown);margin:0 0 10px;font-family:Playfair Display,serif;font-size:44px}.panel__meta{letter-spacing:1px;text-transform:uppercase;color:#452205b8;margin-bottom:14px;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.panel__desc{color:#452205e6;max-width:60ch;margin:0 0 18px;font-family:Inter,sans-serif;font-size:16px;line-height:1.65}.panel__list{color:#452205e6;margin:0 0 22px;padding-left:18px;font-family:Inter,sans-serif;line-height:1.7}.panel__actions{flex-wrap:wrap;gap:12px;display:flex}.btn{background:var(--cream);color:var(--brown);border:1.5px solid #452205e6;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-family:Inter,sans-serif;font-weight:700;text-decoration:none;transition:transform .18s,opacity .18s;display:inline-flex}.btn:hover{opacity:.92;transform:translateY(-2px)}.panel__imageFrame{background:#e9d0d659;border:1.5px solid #45220533;border-radius:16px;place-items:center;min-height:320px;padding:18px;display:grid;position:relative}.panel__image{object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:360px}.panel__placeholder{color:#452205b3;text-align:center;padding:20px;font-family:Inter,sans-serif}.paperclip{background:0 0;border:2px solid #45220559;border-radius:14px;width:22px;height:54px;position:absolute;top:-14px;right:22px;transform:rotate(12deg)}.folder__footer{justify-content:space-between;gap:16px;padding:14px 6px 0;display:flex}.tinyLink{color:#452205bf;border-bottom:1px solid #45220540;padding-bottom:2px;font-family:Inter,sans-serif;text-decoration:none}.tinyLink:hover{color:#452205}.portfolio-dev-btn{background:var(--brown);color:var(--cream);border-radius:999px;padding:14px 22px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.portfolio-dev-btn:hover{background:#5d2d0c}@media (max-width:980px){.projectsTabs{padding:90px 20px}.projectsTabs__title{font-size:38px}.folder__panel{padding:44px 22px}.panel{grid-template-columns:1fr}.panel__title{font-size:36px}.folder__footer{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.tab{padding:12px 14px 10px;font-size:12px}}
.about-snippet{background:var(--pink);text-align:center;padding:90px 60px}.snippet-label{letter-spacing:2px;text-transform:uppercase;color:#452205a6;margin-bottom:12px;font-family:Inter,sans-serif;font-size:12px}.snippet-title{color:var(--brown);margin-bottom:16px;font-family:Playfair Display,serif;font-size:44px;font-weight:600}.snippet-text{color:#452205e0;max-width:640px;margin:0 auto 24px;font-family:Inter,sans-serif;font-size:18px;line-height:1.6}.snippet-cta{color:var(--brown);border-bottom:1px solid #45220559;padding-bottom:2px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .25s}.snippet-cta:hover{opacity:.8}@media (max-width:900px){.about-snippet{padding:60px 20px}.snippet-title{font-size:34px}}
.content-preview{background:var(--cream);text-align:center;padding:70px 60px}.cp-label{letter-spacing:2px;text-transform:uppercase;color:#452205a6;margin-bottom:12px;font-family:Inter,sans-serif;font-size:12px}.cp-title{color:var(--brown);margin-bottom:12px;font-family:Playfair Display,serif;font-size:38px;font-weight:600}.cp-text{color:#452205e0;max-width:560px;margin:0 auto 20px;font-family:Inter,sans-serif;font-size:17px;line-height:1.6}.cp-cta{color:var(--brown);border-bottom:1px solid #45220559;padding-bottom:2px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .25s}.cp-cta:hover{opacity:.8}@media (max-width:900px){.content-preview{padding:50px 20px}.cp-title{font-size:30px}}
.contact-cta{background:var(--pink);padding:120px 60px 80px}.contact-cta-card{background:var(--cream);text-align:center;border:2px solid #452205e6;border-radius:32px;max-width:1100px;margin:0 auto;padding:70px 50px;box-shadow:0 20px 50px #4522051f}.contact-cta-label{letter-spacing:2px;color:#452205b3;margin-bottom:16px;font-family:Inter,sans-serif;font-size:13px}.contact-cta-title{color:var(--brown);margin-bottom:20px;font-family:Playfair Display,serif;font-size:56px;line-height:1.1}.contact-cta-text{color:#452205d9;max-width:680px;margin:0 auto 28px;font-family:Inter,sans-serif;font-size:18px;line-height:1.7}.contact-cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.contact-cta-button{border-radius:999px;padding:14px 22px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.contact-cta-primary{background:var(--brown);color:var(--cream);border:1.5px solid var(--brown)}.contact-cta-primary:hover{background:#5d2d0c;border-color:#5d2d0c}.contact-cta-secondary{color:var(--brown);border:1.5px solid var(--brown);background:0 0}.contact-cta-secondary:hover{background:var(--pink)}@media (max-width:900px){.contact-cta{padding:90px 20px 60px}.contact-cta-card{padding:50px 24px}.contact-cta-title{font-size:40px}}