
/* RÖLÖVE / ATÖLYE — warm editorial redesign.
   Visual changes are restricted to the isolated test site;
   the established header selectors are deliberately untouched. */
body.ar-site{
 --ar-ink:#463329;
 --ar-earth:#965a42;
 --ar-terracotta:#c48061;
 --ar-sun:#e6b98e;
 --ar-cream:#fff9f0;
 --ar-linen:#f8ebde;
 --ar-porcelain:#fffdfa;
 --ar-rule:#e9d1bd;
 --ar-parchment:#f4dfca;
 --ar-caramel:#bd8a62;
 --ar-shadow:0 25px 70px rgba(105,65,43,.12);
 background:var(--ar-porcelain);
 color:var(--ar-ink);
}
body.ar-site .ar-main{overflow:clip}
body.ar-site .elementor .ar-section{padding:clamp(79px,7.8vw,119px) 0}
body.ar-site .ar-display .elementor-heading-title{
 color:var(--ar-ink);
 font-size:clamp(38px,4.9vw,65px);
 line-height:1.105;
 letter-spacing:-.059em;
 font-weight:700;
}
body.ar-site .ar-display em,
body.ar-site .ar-hero-title em{
 font-weight:550;
 font-style:normal;
 color:var(--ar-earth);
}
body.ar-site .ar-eyebrow .elementor-heading-title{
 color:#a36b50;letter-spacing:.15em;
}
body.ar-site .elementor-widget-text-editor,
body.ar-site .elementor-widget-text-editor p{
 color:#746357;line-height:1.8;
}
body.ar-site .ar-btn .elementor-button{
 border-radius:5px!important;
 padding:17px 27px!important;
 border-color:#674735!important;
 background:#674735!important;
 color:#fffaf6!important;
}
body.ar-site .ar-btn .elementor-button:hover{background:#966246!important}
body.ar-site .ar-btn-outline .elementor-button{
 background:transparent!important;
 color:#614638!important;
 border-color:#bd9d87!important;
}
body.ar-site .ar-btn-light .elementor-button{
 background:#b66e4f!important;color:white!important;border-color:#b66e4f!important
}
body.ar-site .ar-btn-text .elementor-button,
body.ar-site .ar-btn-link .elementor-button{
 background:transparent!important;
 border:0!important;border-bottom:1px solid #b97959!important;
 padding:10px 0!important;color:#784b39!important
}
body.ar-site .ar-btn-text .elementor-button:hover,
body.ar-site .ar-btn-link .elementor-button:hover{background:transparent!important;color:#b46e52!important}

/* Atelier intro: bright double-image composition instead of dark billboard. */
body.ar-site .elementor .ar-hero{
 min-height:0!important;
 padding:clamp(60px,5.7vw,90px) 0 clamp(72px,7vw,110px)!important;
 background:
   radial-gradient(circle at 92% 17%,rgba(220,146,98,.23),transparent 31%),
   radial-gradient(circle at 2% 97%,rgba(227,174,136,.20),transparent 40%),
   linear-gradient(112deg,#fff8eb 0%,#f7e5d4 100%)!important;
}
body.ar-site .ar-hero:after{
 inset:26px 26px 25px;
 border:1px solid rgba(180,133,100,.22);
 pointer-events:none;
}
body.ar-site .ar-hero:before{
 content:"";position:absolute;inset:0;opacity:.20;pointer-events:none;
 background-image:linear-gradient(90deg,rgba(173,130,101,.16) 1px,transparent 1px),
 linear-gradient(rgba(173,130,101,.16) 1px,transparent 1px);
 background-size:78px 78px;
 mask-image:linear-gradient(90deg,transparent 28%,#000 100%);
}
body.ar-site .elementor .ar-hero .ar-hero-layout{
 width:min(1250px,calc(100% - 80px))!important;
 max-width:1250px!important;
 display:grid!important;
 grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
 gap:clamp(42px,5vw,85px);
 align-items:center;
}
body.ar-site .ar-hero-content{width:100%;max-width:none}
body.ar-site .ar-hero-title .elementor-heading-title{
 font-size:clamp(44px,4.7vw,74px);
 line-height:1.048;
 font-weight:700;
 letter-spacing:-.065em;
 color:#49352d!important;
 margin:10px 0 22px;
 max-width:740px;
}
body.ar-site .ar-hero-title em{color:#b56e50}
body.ar-site .ar-hero .ar-eyebrow .elementor-heading-title{color:#a66e51}
body.ar-site .ar-hero-description p{
 color:#756156;
 font-size:clamp(16px,1.4vw,18px);
 line-height:1.8;
 max-width:525px;
}
body.ar-site .ar-hero-footnote .elementor-heading-title{
 color:#ad785f;letter-spacing:.12em;margin-top:36px;font-size:10px;
}
body.ar-site .ar-hero .ar-plan-overlay{display:none!important}
body.ar-site .elementor .ar-hero-visual{
 min-height:570px;position:relative;z-index:2;
 display:block!important;
 width:100%;
 isolation:isolate;
}
body.ar-site .ar-hero-visual:before{
 content:"";position:absolute;z-index:-1;
 width:85%;height:87%;top:2%;right:-5%;
 border-radius:48% 52% 36% 64% / 51% 39% 61% 49%;
 background:#e9c7a9;opacity:.62;transform:rotate(-14deg);
}
body.ar-site .ar-hero-visual:after{
 content:"";position:absolute;
 left:-25px;bottom:-19px;width:140px;height:140px;
 border:1px solid #bd9278;border-radius:50%;opacity:.35;z-index:-1;
}
body.ar-site .ar-hero-photo{
 width:86%!important;position:relative;
 margin:18px 0 0 auto;
 transform:rotate(1.6deg);
 box-shadow:var(--ar-shadow);
 background:white;padding:12px 12px 37px;
}
body.ar-site .ar-hero-photo .elementor-widget-container{overflow:hidden}
body.ar-site .ar-hero-photo img{
 width:100%;height:430px!important;object-fit:cover;
 filter:saturate(.94) sepia(.09) contrast(.98);
}
body.ar-site .ar-hero-photo-detail{
 position:absolute!important;
 width:46%!important;
 left:-3%;bottom:23px;z-index:3;
 background:#fffdfa;padding:8px 8px 28px;
 transform:rotate(-5deg);
 box-shadow:0 18px 47px rgba(105,65,43,.17);
}
body.ar-site .ar-hero-photo-detail img{
 width:100%;height:195px!important;object-fit:cover;
 filter:saturate(.82) sepia(.1);
}
body.ar-site .ar-hero-picture-label{
 position:absolute!important;left:27px;bottom:39px;z-index:5;
 transform:rotate(-5deg);
}
body.ar-site .ar-hero-picture-label .elementor-heading-title{
 font-size:9px;letter-spacing:.1em;font-weight:750;color:#aa745a;
}
body.ar-site .ar-hero-drawing{
 position:absolute!important;right:0;bottom:3%;
 width:35%;z-index:4;padding:15px;
 background:rgba(255,250,242,.83);
 border:1px solid #d9baa2;
 box-shadow:0 9px 30px rgba(91,65,45,.08);
 transform:rotate(6deg);
 color:#b17f64;
}
body.ar-site .ar-hero-drawing svg{display:block;width:100%;height:auto}
body.ar-site .ar-hero .ar-button-row{gap:12px}

/* Handwritten ledger-inspired intro ribbon */
body.ar-site .elementor .ar-trust{
 background:linear-gradient(90deg,#e9c8ab,#f4ddc6);
 border-top:1px solid #e0b99b;
 border-bottom:1px solid #e4c4aa;
}
body.ar-site .ar-trust-card{padding:27px 34px!important;gap:17px!important;border-color:#d8aa89!important}
body.ar-site .ar-trust-index .elementor-heading-title{font-size:37px!important;color:#ae7455!important;font-weight:600}
body.ar-site .ar-trust-heading .elementor-heading-title{color:#604332!important;font-size:16px!important;font-weight:750!important}
body.ar-site .ar-trust-card:nth-child(2){background:rgba(255,255,255,.14)}

/* Personal introduction with natural paper, rich image collage. */
body.ar-site .elementor .ar-intro{
 background:#fffaf5;
}
body.ar-site .ar-intro:before{
 content:"01 / ATÖLYE NOTLARI";position:absolute;top:26px;left:max(20px,calc((100vw - 1280px)/2));
 color:#c9aa92;letter-spacing:.17em;font-size:10px;font-weight:750;
}
body.ar-site .elementor .ar-intro-grid{gap:clamp(48px,7vw,114px)}
body.ar-site .ar-intro .ar-display{margin-bottom:24px!important}
body.ar-site .ar-intro-copy .elementor-widget-text-editor p{font-size:16px}
body.ar-site .ar-intro-copy .ar-btn{margin-top:22px}
body.ar-site .ar-intro-aside .elementor-heading-title{color:#bd8063}
body.ar-site .ar-intro-media:before{background:#e5bda4;border-radius:46% 54% 0 0 / 26% 36% 0 0;opacity:.48}
body.ar-site .ar-intro-mainimg{background:#fff;box-shadow:0 18px 46px rgba(92,63,44,.1);padding:9px!important}
body.ar-site .ar-intro-mainimg img{filter:saturate(.94) sepia(.07)}
body.ar-site .ar-intro-inset{box-shadow:0 18px 43px rgba(86,54,37,.16)!important;transform:rotate(3deg)}
body.ar-site .ar-intro-inset img{filter:saturate(.85) sepia(.1)}

/* Services as curated workshop display. */
body.ar-site .elementor .ar-services{
 background:#f8e8d8;
}
body.ar-site .ar-services:before{
 content:"";position:absolute;right:-150px;top:80px;width:490px;height:490px;
 border-radius:50%;border:1px solid rgba(171,117,83,.15);
 box-shadow:0 0 0 60px rgba(255,255,255,.12),0 0 0 120px rgba(255,255,255,.09);
 pointer-events:none;
}
body.ar-site .ar-service-grid{gap:22px!important}
body.ar-site .elementor .ar-service-card{
 border:1px solid #e5c7ac!important;
 background:#fffaf2!important;
 border-radius:11px 11px 6px 6px;
 box-shadow:0 8px 30px rgba(100,64,38,.045);
 overflow:hidden;
}
body.ar-site .ar-service-featured{background:#fffcf7!important}
body.ar-site .ar-card-img{padding:10px 10px 0;overflow:hidden}
body.ar-site .ar-card-img img{
 height:278px!important;
 border-radius:5px 5px 0 0;
 filter:saturate(1.02) sepia(.05);
}
body.ar-site .ar-service-featured .ar-card-img img{height:312px!important}
body.ar-site .ar-service-card:hover{box-shadow:0 22px 45px rgba(100,64,38,.13)!important}
body.ar-site .ar-card-body{padding:31px 30px 32px!important}
body.ar-site .ar-card-title .elementor-heading-title{color:#553c2d!important}
body.ar-site .ar-card-no .elementor-heading-title{color:#ba7651!important}
body.ar-site .ar-card-body p{color:#79695a}

/* A warm story block, no gloomy dark green. */
body.ar-site .elementor .ar-manifesto{
 background:linear-gradient(118deg,#e9c5a6 0%,#f1d8bd 100%);
 border-top:1px solid #e5b99b;border-bottom:1px solid #e6c3a8;
}
body.ar-site .ar-manifesto:before{
 content:"";position:absolute;left:-8%;top:-65px;
 width:370px;height:370px;border-radius:50%;border:1px solid #fff8e84d;pointer-events:none;
}
body.ar-site .ar-manifesto-text .ar-display em{color:#a65f44}
body.ar-site .ar-manifesto-text p{color:#6b4d3d!important}
body.ar-site .ar-checklist .elementor-icon-list-item{color:#624d3e!important}
body.ar-site .ar-checklist .elementor-icon-list-icon{color:#b2684b!important}
body.ar-site .ar-feature-photo{
 border:12px solid #fff9ef;
 box-shadow:0 20px 50px rgba(101,62,43,.17)
}
body.ar-site .ar-feature-photo img{height:470px!important;filter:saturate(1.02) sepia(.12)}
body.ar-site .ar-manifesto-media .ar-plan-overlay{
 border:1px solid rgba(166,114,81,.22);
 border-radius:2px;background:#fff7e9eb;
}

/* Sector portraits: welcoming tiles with light captions instead of dark overlays. */
body.ar-site .elementor .ar-areas{background:#fffcf8}
body.ar-site .ar-area-grid{gap:19px!important}
body.ar-site .elementor .ar-area-card{
 display:flex!important;flex-direction:column!important;
 min-height:390px!important;
 padding:0!important;
 justify-content:flex-start!important;
 border-radius:9px;overflow:hidden;
 background:#f8ebdc!important;
 border:1px solid #ead8c4;
 box-shadow:0 9px 26px rgba(76,46,25,.045);
}
body.ar-site .ar-area-card:after{display:none!important}
body.ar-site .ar-area-img{
 position:relative!important;inset:auto!important;z-index:0!important;
 height:250px;flex:0 0 auto;width:100%!important;
 overflow:hidden;
}
body.ar-site .ar-area-img img{
 height:250px!important;width:100%;filter:saturate(1.03) sepia(.06);
 transition:transform .4s ease!important;
}
body.ar-site .ar-area-card:hover .ar-area-img img{transform:scale(1.04)}
body.ar-site .ar-area-number{margin:21px 22px 0}
body.ar-site .ar-area-number .elementor-heading-title{color:#bd805f!important}
body.ar-site .ar-area-name{margin:8px 22px 2px}
body.ar-site .ar-area-name .elementor-heading-title{color:#543d2e!important;font-size:clamp(20px,2vw,25px)}
body.ar-site .ar-area-card .ar-btn-text{margin:0 22px 23px;margin-top:auto}
body.ar-site .ar-area-card .ar-btn-text .elementor-button{
 color:#a35c43!important;border-color:#d29a78!important;
}
body.ar-site .ar-areas .ar-btn-link{margin-top:34px}

/* A softer illustrated process, like planning a shared project. */
body.ar-site .elementor .ar-process{
 background:
 repeating-linear-gradient(0deg,transparent,transparent 76px,rgba(182,129,89,.07) 77px),
 repeating-linear-gradient(90deg,transparent,transparent 76px,rgba(182,129,89,.07) 77px),
 linear-gradient(120deg,#fff3e5,#f5dbc5)!important;
}
body.ar-site .ar-process .ar-display{margin-bottom:55px}
body.ar-site .ar-steps{gap:17px!important}
body.ar-site .elementor .ar-step{
 padding:28px 24px 26px!important;
 min-height:257px;
 background:rgba(255,251,245,.8);
 border:1px solid #e9ccb5!important;
 border-top:3px solid #bd8b69!important;
 border-radius:8px;
 box-shadow:0 8px 24px rgba(108,68,40,.04);
}
body.ar-site .ar-step:before{top:-6px;left:24px;background:#c6825e;width:8px;height:8px}
body.ar-site .ar-step-number .elementor-heading-title{color:#cb9070!important;font-weight:600!important;font-size:39px!important}
body.ar-site .ar-step-title .elementor-heading-title{color:#594132;font-size:21px!important}
body.ar-site .ar-step p{font-size:14px;color:#7d685a}

/* Editorial journal cards, light and tactile. */
body.ar-site .elementor .ar-stories{background:#f8eee3}
body.ar-site .elementor .ar-story-grid{gap:24px!important}
body.ar-site .elementor .ar-story{
 padding:10px 10px 27px;
 border:1px solid #ebd8c6;
 border-radius:9px;
 background:#fffcf8;
 box-shadow:0 8px 23px rgba(100,58,34,.035);
 overflow:hidden;
}
body.ar-site .ar-story-img img{
 height:215px!important;border-radius:4px;
 margin-bottom:23px;
 filter:saturate(1) sepia(.07)
}
body.ar-site .ar-story .ar-card-no,
body.ar-site .ar-story .ar-story-title,
body.ar-site .ar-story>.elementor-widget-text-editor,
body.ar-site .ar-story .ar-btn{margin-left:18px;margin-right:18px}
body.ar-site .ar-story-title .elementor-heading-title{color:#5b3d2e}
body.ar-site .ar-story p{color:#7d6a5c}

/* Polished conversational FAQ. */
body.ar-site .elementor .ar-faq{background:#fff9f1}
body.ar-site .ar-accordion .elementor-accordion .elementor-accordion-item{border-color:#e8d1bd}
body.ar-site .ar-accordion .elementor-accordion .elementor-tab-title{color:#5d4031;padding:25px 0}
body.ar-site .ar-accordion .elementor-tab-title:hover{color:#af6b50}
body.ar-site .ar-accordion .elementor-tab-content{color:#796454}

/* Friendly sunset CTA instead of corporate callout. */
body.ar-site .elementor .ar-cta{
 background:
 radial-gradient(circle at 92% 24%,rgba(255,229,195,.5),transparent 35%),
 linear-gradient(115deg,#d69c79 0%,#e8b79c 58%,#efc7ae 100%)!important;
}
body.ar-site .ar-cta:after{border-color:#fff9e888;box-shadow:0 0 0 65px #fff4,0 0 0 130px #fff2}
body.ar-site .ar-cta .ar-display .elementor-heading-title{color:#513528!important}
body.ar-site .ar-cta .ar-display em{color:#a55a41!important}
body.ar-site .ar-cta .ar-eyebrow .elementor-heading-title{color:#8f5840}
body.ar-site .ar-cta p{color:#68493b!important}
body.ar-site .ar-cta-kicker .elementor-heading-title{color:#77503d}

/* Inner page titles follow the same inviting atmosphere. */
body.ar-site .elementor .ar-subhero{
 background:
 radial-gradient(circle at 87% 10%,rgba(215,141,89,.17),transparent 40%),
 linear-gradient(110deg,#fcf4e8,#f2d9c4)!important;
}
body.ar-site .ar-subhero .ar-display .elementor-heading-title{color:#573b2d}
body.ar-site .ar-subhero:after{border-color:#d8aa88}
body.ar-site .elementor .ar-contact-band{background:#f9e9d8}
body.ar-site .ar-contact-phone .elementor-heading-title{color:#854f38}

/* Footer warms up; unchanged header remains independent. */
body.ar-site .ar-site-footer{background:#453329}
body.ar-site .ar-site-footer p{color:#e1d1c3}
body.ar-site .ar-footer-heading{color:#efc29e}
body.ar-site .ar-footer-links a,body.ar-site .ar-footer-links span{color:#f2e8df}
body.ar-site .ar-footer-bottom{border-color:#70564a;color:#e4cbbc}

@media(max-width:1100px){
 body.ar-site .elementor .ar-hero .ar-hero-layout{gap:32px}
 body.ar-site .ar-hero-title .elementor-heading-title{font-size:clamp(43px,5.1vw,61px)}
 body.ar-site .ar-hero-visual{min-height:490px!important}
 body.ar-site .ar-hero-photo img{height:390px!important}
 body.ar-site .ar-hero-photo-detail img{height:158px!important}
}
@media(max-width:900px){
 body.ar-site .elementor .ar-hero .ar-hero-layout{grid-template-columns:1fr!important;max-width:690px!important}
 body.ar-site .elementor .ar-hero{padding:66px 0 85px!important}
 body.ar-site .ar-hero-visual{min-height:460px!important;max-width:595px;margin:auto}
 body.ar-site .ar-hero-photo{width:81%!important}
 body.ar-site .ar-hero-photo img{height:375px!important}
 body.ar-site .ar-hero-photo-detail{width:42%!important}
 body.ar-site .ar-hero-picture-label{bottom:35px}
 body.ar-site .ar-hero-drawing{right:-5px}
 body.ar-site .ar-services .ar-service-card{height:auto}
 body.ar-site .ar-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.ar-site .elementor .ar-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.ar-site .ar-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 body.ar-site .elementor .ar-section{padding:70px 0}
 body.ar-site .elementor .ar-hero{padding:52px 0 69px!important}
 body.ar-site .elementor .ar-hero .ar-hero-layout{width:calc(100% - 42px)!important;gap:26px}
 body.ar-site .ar-hero:after{inset:13px}
 body.ar-site .ar-hero-title .elementor-heading-title{font-size:clamp(41px,10.6vw,55px);margin:8px 0 17px}
 body.ar-site .ar-hero-description p{font-size:15px}
 body.ar-site .ar-hero-footnote .elementor-heading-title{font-size:9px;margin-top:24px}
 body.ar-site .ar-hero-visual{min-height:340px!important}
 body.ar-site .ar-hero-photo{width:83%!important;padding:7px 7px 23px}
 body.ar-site .ar-hero-photo img{height:270px!important}
 body.ar-site .ar-hero-photo-detail{bottom:10px;width:46%!important;padding:5px 5px 17px}
 body.ar-site .ar-hero-photo-detail img{height:125px!important}
 body.ar-site .ar-hero-picture-label{left:7px;bottom:17px}
 body.ar-site .ar-hero-picture-label .elementor-heading-title{font-size:7px}
 body.ar-site .ar-hero-drawing{width:38%;bottom:1%;right:0;padding:7px}
 body.ar-site .ar-trust-card{padding:15px 17px!important}
 body.ar-site .ar-intro-mainimg img{height:310px!important}
 body.ar-site .ar-intro-inset img{height:135px!important}
 body.ar-site .ar-card-img img,
 body.ar-site .ar-service-featured .ar-card-img img{height:235px!important}
 body.ar-site .ar-feature-photo img{height:320px!important}
 body.ar-site .elementor .ar-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 body.ar-site .elementor .ar-area-card{min-height:296px!important}
 body.ar-site .ar-area-img,.ar-area-img img{height:170px!important}
 body.ar-site .ar-area-number{margin:14px 13px 0}
 body.ar-site .ar-area-name{margin:7px 13px}
 body.ar-site .ar-area-name .elementor-heading-title{font-size:19px!important}
 body.ar-site .ar-area-card .ar-btn-text{margin:0 13px 15px;margin-top:auto}
 body.ar-site .ar-area-card .ar-btn-text .elementor-button{font-size:10px!important}
 body.ar-site .ar-steps{grid-template-columns:1fr!important}
 body.ar-site .ar-step{min-height:0!important;padding:21px!important}
 body.ar-site .ar-step-number .elementor-heading-title{font-size:32px!important}
 body.ar-site .ar-story-grid{grid-template-columns:1fr!important}
 body.ar-site .ar-story-img img{height:220px!important}
}
@media(prefers-reduced-motion:reduce){
 body.ar-site .ar-hero-photo,body.ar-site .ar-hero-photo-detail{transform:none!important}
}
