/* How It Works Page Styles */
.how-it-works-page {
max-width: 1000px;
margin: 0 auto;
padding: 0 20px;
}
/* Hero Section */
.hiw-hero {
text-align: center;
margin-bottom: 60px;
}
.hiw-hero h1 {
font-family: 'Playfair Display', serif;
font-size: 2.5rem;
font-weight: 600;
color: #fff;
margin-bottom: 16px;
}
.hiw-hero .subtitle {
font-size: 1.15rem;
color: rgba(255,255,255,0.7);
max-width: 550px;
margin: 0 auto;
line-height: 1.6;
}
/* Timeline Steps */
.timeline {
position: relative;
margin-bottom: 70px;
}
/* Vertical line */
.timeline::before {
content: '';
position: absolute;
left: 28px;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(180deg,
rgba(102,126,234,0.5) 0%,
rgba(118,75,162,0.5) 50%,
rgba(102,126,234,0.5) 100%
);
}
@media (max-width: 600px) {
.timeline::before {
left: 20px;
}
}
.timeline-step {
position: relative;
padding-left: 80px;
padding-bottom: 50px;
}
@media (max-width: 600px) {
.timeline-step {
padding-left: 60px;
}
}
.timeline-step:last-child {
padding-bottom: 0;
}
/* Step Number Circle */
.step-circle {
position: absolute;
left: 0;
top: 0;
width: 56px;
height: 56px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 0 6px #121212, 0 0 0 8px rgba(102,126,234,0.3);
z-index: 1;
}
@media (max-width: 600px) {
.step-circle {
width: 40px;
height: 40px;
box-shadow: 0 0 0 4px #121212, 0 0 0 6px rgba(102,126,234,0.3);
}
}
.step-number {
font-size: 1.25rem;
font-weight: 700;
color: #fff;
}
@media (max-width: 600px) {
.step-number {
font-size: 1rem;
}
}
/* Step Content Card */
.step-content {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px;
padding: 28px;
transition: all 0.3s ease;
}
.step-content:hover {
background: rgba(255,255,255,0.05);
border-color: rgba(255,255,255,0.12);
transform: translateX(8px);
}
.step-header {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
.step-icon {
width: 48px;
height: 48px;
background: rgba(102,126,234,0.15);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.step-icon svg {
width: 24px;
height: 24px;
color: #a78bfa;
}
.step-title {
font-size: 1.25rem;
font-weight: 600;
color: #fff;
}
.step-description {
color: rgba(255,255,255,0.7);
line-height: 1.7;
margin-bottom: 16px;
}
/* Step Features */
.step-features {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.step-feature {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255,255,255,0.05);
padding: 8px 14px;
border-radius: 20px;
font-size: 0.85rem;
color: rgba(255,255,255,0.8);
}
.step-feature svg {
width: 14px;
height: 14px;
color: #22c55e;
}
/* Session Types Section */
.session-types {
margin-bottom: 60px;
}
.section-title {
font-family: 'Playfair Display', serif;
font-size: 1.75rem;
color: #fff;
text-align: center;
margin-bottom: 40px;
}
.types-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
@media (max-width: 900px) {
.types-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.types-grid {
grid-template-columns: 1fr;
}
}
.type-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px;
padding: 28px;
text-align: center;
transition: all 0.3s ease;
}
.type-card:hover {
background: rgba(255,255,255,0.05);
border-color: rgba(255,255,255,0.15);
transform: translateY(-4px);
}
.type-icon {
width: 64px;
height: 64px;
margin: 0 auto 20px;
background: linear-gradient(135deg, rgba(102,126,234,0.2) 0%, rgba(118,75,162,0.2) 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.type-icon svg {
width: 32px;
height: 32px;
color: #a78bfa;
}
.type-name {
font-size: 1.15rem;
font-weight: 600;
color: #fff;
margin-bottom: 8px;
}
.type-duration {
font-size: 0.85rem;
color: rgba(255,255,255,0.5);
margin-bottom: 12px;
}
.type-desc {
font-size: 0.9rem;
color: rgba(255,255,255,0.65);
line-height: 1.5;
}
/* What to Expect Section */
.what-to-expect {
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 16px;
padding: 40px;
margin-bottom: 60px;
}
.expect-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
@media (max-width: 900px) {
.expect-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 500px) {
.expect-grid {
grid-template-columns: 1fr;
}
}
.expect-item {
text-align: center;
}
.expect-icon {
width: 56px;
height: 56px;
margin: 0 auto 16px;
background: rgba(34, 197, 94, 0.12);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.expect-icon svg {
width: 28px;
height: 28px;
color: #22c55e;
}
.expect-title {
font-size: 1rem;
font-weight: 600;
color: #fff;
margin-bottom: 8px;
}
.expect-desc {
font-size: 0.85rem;
color: rgba(255,255,255,0.55);
line-height: 1.5;
}
/* FAQ Section */
.faq-section {
margin-bottom: 60px;
}
.faq-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
@media (max-width: 700px) {
.faq-grid {
grid-template-columns: 1fr;
}
}
.faq-item {
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 12px;
padding: 24px;
}
.faq-question {
font-size: 1rem;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
}
.faq-answer {
font-size: 0.9rem;
color: rgba(255,255,255,0.6);
line-height: 1.6;
}
/* CTA Section */
.cta-section {
text-align: center;
padding: 50px;
background: linear-gradient(135deg, rgba(102,126,234,0.15) 0%, rgba(118,75,162,0.15) 100%);
border-radius: 20px;
border: 1px solid rgba(102,126,234,0.25);
}
.cta-section h2 {
font-family: 'Playfair Display', serif;
font-size: 2rem;
color: #fff;
margin-bottom: 12px;
}
.cta-section p {
color: rgba(255,255,255,0.7);
font-size: 1.1rem;
margin-bottom: 28px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.cta-button {
display: inline-block;
padding: 16px 40px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
border-radius: 12px;
font-size: 1.05rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 12px 35px rgba(102,126,234,0.4);
}
/* Gallery placeholder for backstage images */
.backstage-gallery {
margin: 60px 0;
text-align: center;
}
.backstage-title {
font-family: 'Playfair Display', serif;
font-size: 1.5rem;
color: #fff;
margin-bottom: 24px;
}
.backstage-placeholder {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
@media (max-width: 700px) {
.backstage-placeholder {
grid-template-columns: repeat(2, 1fr);
}
}
.backstage-img {
aspect-ratio: 1;
background: rgba(255,255,255,0.05);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255,255,255,0.3);
font-size: 0.85rem;
border: 1px dashed rgba(255,255,255,0.1);
}
How It Works
From booking to final delivery, here’s what to expect when you book a photo session with Fotografiescu.
1
Browse our session packages and select the one that best fits your needs. Whether it’s portraits, fashion, lifestyle, or something unique — we have options for everyone.
Multiple packages available
Custom sessions on request
2
Use our simple online booking system to select your preferred date and time. Check real-time availability and secure your slot with a 30% deposit.
Real-time availability
Secure payment
Instant confirmation
3
You’ll receive a confirmation email with all the details: location, time, what to bring, and tips to prepare for your session. We’ll also send a reminder 24 hours before.
Detailed email with directions
Preparation tips
24h reminder
4
Relax and enjoy! Sessions typically last 1-3 hours depending on the package. We’ll guide you through poses and create a comfortable, fun atmosphere for natural, stunning photos.
Professional guidance
Relaxed atmosphere
1-3 hour duration
5
Within 48-72 hours, you’ll receive access to a private online gallery to preview your images. Select your favorites for professional editing.
Private gallery access
48-72 hours after session
6
Your selected images are professionally edited and delivered within 7-14 days. You’ll receive high-resolution digital files ready for print and web use.
Professional editing
High-resolution files
7-14 day delivery
Session Types
Portrait
1-2 hours
Professional headshots, personal branding, and artistic portraits.
Fashion
2-3 hours
Editorial, lookbook, and commercial fashion photography.
Lifestyle
2-4 hours
Natural, candid shots capturing your authentic moments.
What to Expect
Relaxed Atmosphere
No stress, no pressure. We create a comfortable environment.
On-Time Start
We respect your time and start promptly.
Professional Quality
Magazine-quality images every time.
Clear Communication
We keep you informed every step of the way.
Behind the Scenes
Add image in WordPress
Add image in WordPress
Add image in WordPress
Add image in WordPress
Common Questions
What should I wear?
Wear something that makes you feel confident! We’ll send specific recommendations based on your session type after booking.
Can I bring a friend?
Absolutely! Feel free to bring someone for support. They can wait in our comfortable lounge area or join for some shots.
What about makeup and hair?
We can recommend professional hair and makeup artists, or you can bring your own. Add-on services available during booking.
What if I need to reschedule?
Life happens! Reschedule for free with 48+ hours notice. See our refund policy for full details.
Ready to Book Your Session?
Let’s create something beautiful together. Book your session today and take the first step.
Book a Session
