/*
Theme Name: Plumes Image Consultancy — Professional Concept
Theme URI: https://larabrotherton.com/
Author: OpenAI migration build
Description: Professional concept version of the Plumes Image Consultancy website, retaining original content and brand assets.
Version: 2.0
Text Domain: plumes
*/
:root{--ink:#003b4a;--blue:#006d8c;--accent:#8b4d25;--paper:#fff;--muted:#5e6870}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#333;font-family:Georgia,"Times New Roman",serif;line-height:1.62}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.site-shell{max-width:980px;margin:0 auto;background:#fff}
.site-header{background:#fff}
.header-art{display:block;width:100%;height:auto}
.site-nav{background:var(--ink);display:flex;justify-content:center;gap:0;border-top:1px solid #002c36}
.site-nav a{color:#fff;padding:12px 24px;text-transform:lowercase;font-family:Arial,sans-serif;font-size:14px;letter-spacing:.04em;border-right:1px solid rgba(255,255,255,.18)}
.site-nav a:first-child{border-left:1px solid rgba(255,255,255,.18)}
.nav-toggle{display:none}
main{min-height:380px}
.page-wrap{padding:38px 48px 46px}
h1,h2,h3{font-weight:normal;color:var(--ink);line-height:1.2}
h1{font-size:34px;margin:0 0 24px}
h2{font-size:25px}
.lead{font-size:18px}
.home-grid{display:grid;grid-template-columns:1fr 230px;gap:45px;align-items:start}
.home-collage{display:grid;grid-template-columns:repeat(2,100px);gap:14px;justify-content:center;padding-top:8px}
.home-collage img{width:100px;height:100px;object-fit:cover}
.home-collage .portrait{width:100px;height:150px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.service-card img{width:100px;height:100px;object-fit:cover;float:left;margin:4px 18px 10px 0}
.service-card h2{margin-top:0}
.service-card:after{content:"";display:block;clear:both}
.service-note{clear:both;margin-top:28px;padding-top:22px;border-top:1px solid #ddd}
.feather-banner{display:block;width:100%;height:auto}
.site-footer{background:#f3f3f3;color:#555;font-family:Arial,sans-serif;font-size:13px}
.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;padding:28px 48px}
.footer-title{font-family:Georgia,serif;color:var(--ink);font-size:17px;margin:0 0 10px}
.footer-bottom{background:var(--ink);color:#fff;padding:10px 48px;font-size:12px}
.page-images-note{font-size:13px;color:#666}
@media(max-width:760px){
 .site-shell{width:100%}.page-wrap{padding:28px 22px}
 .nav-toggle{display:block;width:100%;border:0;background:var(--ink);color:#fff;padding:12px;font-size:15px}
 .site-nav{display:none;flex-direction:column}.site-nav.open{display:flex}
 .site-nav a,.site-nav a:first-child{border:0;border-top:1px solid rgba(255,255,255,.14);text-align:center}
 .home-grid,.services-grid,.footer-inner{grid-template-columns:1fr}
 .home-collage{justify-content:start}
 .service-card img{float:none;display:block;margin:0 0 15px}
 .footer-inner{padding:28px 22px}.footer-bottom{padding:10px 22px}
}

/* v1.1 — original-style dark content field */
main{background:var(--ink);color:#fff}
.page-wrap{background:var(--ink);color:#fff}
.page-wrap h1,.page-wrap h2,.page-wrap h3{color:#fff}
.page-wrap a{color:#fff;text-decoration:underline}
.page-wrap a:hover{opacity:.82}
.service-note{border-top-color:rgba(255,255,255,.35)}
.site-footer,.footer-inner{background:#f3f3f3}
.footer-inner .footer-title{color:var(--ink)}
.footer-bottom{background:#f3f3f3;color:#555;border-top:1px solid #ddd}

/* Home three-image stagger, echoing the original layout */
.home-grid{grid-template-columns:1fr 270px;gap:45px}
.home-collage{
 display:block;
 position:relative;
 width:260px;
 height:330px;
 padding:0;
 margin:0 auto;
}
.home-collage img{position:absolute;object-fit:cover}
.home-collage .hair-image{width:100px;height:100px;left:0;top:0}
.home-collage .shoe-image{width:100px;height:100px;right:0;top:92px}
.home-collage .dress-image{width:100px;height:150px;left:28px;top:178px}
.testimonials{margin-top:34px}
.testimonials blockquote{
 margin:20px 0;
 padding:0 0 0 20px;
 border-left:2px solid rgba(255,255,255,.5);
 font-style:italic;
}
@media(max-width:760px){
 .home-grid{grid-template-columns:1fr}
 .home-collage{margin:10px auto 0}
}

/* v1.2 — feather-colour site body, framed canvas and refined navigation */
:root{--feather:#002f3f;--outer:#d7d7d7}
html{background:var(--outer)}
body{background:var(--outer);padding:28px 0}
.site-shell{background:#fff;box-shadow:0 0 18px rgba(0,0,0,.13)}
.site-nav{
 background:var(--feather) !important;
 border:0 !important;
 min-height:48px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:42px;
 padding:0 28px;
}
.site-nav a,.site-nav a:first-child{
 position:relative;
 border:0 !important;
 padding:15px 3px 13px !important;
 color:#fff;
 font-family:Georgia,"Times New Roman",serif;
 font-size:16px;
 letter-spacing:.025em;
 text-transform:none;
 text-decoration:none;
}
.site-nav a:after{
 content:"";
 position:absolute;
 left:50%;right:50%;bottom:9px;
 height:1px;background:#fff;
 transition:left .18s ease,right .18s ease;
}
.site-nav a:hover{text-decoration:none}
.site-nav a:hover:after{left:0;right:0}

main,.page-wrap{background:var(--feather) !important}
.page-wrap{min-height:360px}
.page-wrap h1,.page-wrap h2,.page-wrap h3,.page-wrap p,.page-wrap li{color:#fff}
.page-wrap a{color:#fff}

/* Services: image first, then heading, then copy */
.services-grid{align-items:start}
.service-card{display:flex;flex-direction:column;align-items:flex-start}
.service-card img{
 order:1;
 float:none !important;
 display:block;
 width:100px !important;
 height:100px !important;
 margin:0 0 17px 0 !important;
}
.service-card h2{order:2;margin:0 0 14px}
.service-card p{order:3;margin-top:0}

/* Footer remains a contrasting grey block */
.site-footer,.footer-inner,.footer-bottom{background:#f3f3f3 !important}
.footer-bottom{border-top:1px solid #ddd}
@media(max-width:1020px){
 body{padding:0}
 .site-shell{box-shadow:none}
}
@media(max-width:760px){
 .site-nav{gap:0;padding:0;align-items:stretch}
 .site-nav a,.site-nav a:first-child{font-size:15px;padding:12px 18px !important}
 .site-nav a:after{display:none}
}

/* v1.3 — Contact portrait, matching original right-side placement */
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:42px;align-items:start}
.contact-photo img{display:block;width:200px;height:auto}
.contact-copy h1{margin-top:0}
@media(max-width:760px){
 .contact-layout{grid-template-columns:1fr;gap:28px}
 .contact-photo{order:2}
 .contact-photo img{width:200px;max-width:100%;margin:0 auto}
}

/* ==========================================================
   v2.0 PROFESSIONAL CONCEPT
   Same Plumes identity and content; more refined presentation.
   ========================================================== */
:root{
 --feather:#002f3f;
 --feather-soft:#06495c;
 --outer:#d9dcdd;
 --paper:#f7f7f5;
 --footer:#ececea;
 --line:rgba(255,255,255,.22);
 --white:#fff;
}
html{background:var(--outer)}
body{
 background:var(--outer);
 padding:36px 20px;
 font-family:"Helvetica Neue",Arial,sans-serif;
 color:#fff;
}
.site-shell{
 max-width:1080px;
 margin:0 auto;
 background:var(--paper);
 box-shadow:0 18px 55px rgba(0,0,0,.16);
 overflow:hidden;
}
.site-header{background:#fff}
.header-art{
 width:100%;
 height:auto;
 display:block;
}

/* restrained premium navigation */
.site-nav{
 background:var(--feather)!important;
 min-height:62px;
 gap:54px;
 padding:0 42px;
 border:0!important;
}
.site-nav a,.site-nav a:first-child{
 font-family:"Helvetica Neue",Arial,sans-serif;
 font-size:13px;
 font-weight:500;
 letter-spacing:.16em;
 text-transform:uppercase;
 padding:23px 2px 19px!important;
 border:0!important;
}
.site-nav a:after{
 bottom:15px;
 height:2px;
 background:rgba(255,255,255,.75);
}

/* spacious content field */
main,.page-wrap{background:var(--feather)!important}
.page-wrap{
 padding:62px 70px 68px;
 min-height:430px;
}
.page-wrap h1{
 font-family:Georgia,"Times New Roman",serif;
 font-size:42px;
 font-weight:normal;
 letter-spacing:-.02em;
 margin-bottom:30px;
}
.page-wrap h2{
 font-family:Georgia,"Times New Roman",serif;
 font-size:25px;
 font-weight:normal;
}
.page-wrap p,.page-wrap li{
 font-size:15.5px;
 line-height:1.78;
}
.page-wrap .lead{font-size:19px;line-height:1.65}

/* home — editorial copy plus playful original image stagger */
.home-grid{
 grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);
 gap:70px;
 align-items:center;
}
.home-grid>div:first-child{
 max-width:610px;
}
.home-grid>div:first-child p:first-of-type{
 font-size:17px;
 line-height:1.82;
}
.home-collage{
 width:285px;
 height:350px;
}
.home-collage img{
 border:7px solid rgba(255,255,255,.95);
 box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.home-collage .hair-image{width:112px;height:112px;left:12px;top:0;transform:rotate(-2deg)}
.home-collage .shoe-image{width:112px;height:112px;right:0;top:96px;transform:rotate(2deg)}
.home-collage .dress-image{width:112px;height:168px;left:42px;top:178px;transform:rotate(-1deg)}

/* services — three elegant equal cards */
.services-grid{
 gap:28px;
 margin-top:8px;
}
.service-card{
 background:rgba(255,255,255,.055);
 border:1px solid rgba(255,255,255,.14);
 padding:24px 24px 28px;
 min-height:100%;
}
.service-card img{
 width:100%!important;
 height:175px!important;
 object-fit:cover;
 margin:0 0 24px!important;
}
.service-card h2{
 margin:0 0 16px;
 padding-bottom:13px;
 border-bottom:1px solid rgba(255,255,255,.24);
}
.service-card p{font-size:14.5px;line-height:1.72}
.service-note{
 margin-top:38px;
 padding:27px 30px;
 border:1px solid rgba(255,255,255,.18);
 background:rgba(255,255,255,.045);
}

/* contact — portrait presented deliberately rather than floating */
.contact-layout{
 grid-template-columns:minmax(0,1fr) 240px;
 gap:65px;
}
.contact-photo{
 position:sticky;
 top:28px;
}
.contact-photo img{
 width:240px;
 border:8px solid rgba(255,255,255,.96);
 box-shadow:0 14px 35px rgba(0,0,0,.22);
}
.contact-copy>p:nth-of-type(-n+3){font-size:17px}
.contact-copy h2{
 margin-top:42px;
 padding-top:30px;
 border-top:1px solid rgba(255,255,255,.25);
}
.testimonials blockquote{
 margin:26px 0;
 padding:4px 0 4px 24px;
 border-left:2px solid rgba(255,255,255,.55);
 font-family:Georgia,"Times New Roman",serif;
 font-size:16px;
 line-height:1.7;
}

/* feather is a designed transition into the footer */
.feather-banner{display:block;width:100%;height:auto}
.site-footer,.footer-inner,.footer-bottom{background:var(--footer)!important}
.site-footer{color:#596066}
.footer-inner{
 grid-template-columns:1.25fr 1fr .75fr;
 padding:38px 70px 32px;
 gap:48px;
}
.footer-title{
 font-size:15px;
 text-transform:uppercase;
 letter-spacing:.09em;
 margin-bottom:14px;
}
.site-footer a{color:#174d5a}
.footer-bottom{
 padding:15px 70px;
 border-top:1px solid #d4d4d0;
 letter-spacing:.04em;
}

/* responsive refinement */
@media(max-width:1020px){
 body{padding:0}
 .site-shell{box-shadow:none}
 .page-wrap{padding:50px 42px}
 .footer-inner{padding:34px 42px}
}
@media(max-width:760px){
 .site-nav{min-height:0;padding:0;gap:0}
 .nav-toggle{
  display:block;
  background:var(--feather);
  color:#fff;
  border:0;
  padding:15px;
  letter-spacing:.1em;
  text-transform:uppercase;
 }
 .site-nav a,.site-nav a:first-child{
  padding:14px 18px!important;
  font-size:12px;
 }
 .page-wrap{padding:38px 24px 46px}
 .page-wrap h1{font-size:34px}
 .home-grid{grid-template-columns:1fr;gap:35px}
 .home-collage{margin:0 auto}
 .services-grid{grid-template-columns:1fr;gap:22px}
 .service-card img{height:220px!important}
 .contact-layout{grid-template-columns:1fr;gap:36px}
 .contact-photo{position:static}
 .contact-photo img{width:210px;margin:0 auto}
 .footer-inner{grid-template-columns:1fr;padding:32px 24px}
 .footer-bottom{padding:14px 24px}
}