/*
Theme Name: Baroque Architecture
Theme URI: https://example.com/
Author: Portfolio Theme Studio
Description: Minimal architectural portfolio with fullscreen project slider, custom projects, project detail pages, mobile navigation and one-click sample content importer. Inspired by the reference image provided by the site owner.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baroque-architecture
Tags: portfolio, photography, custom-logo, custom-menu, featured-images, one-column, translation-ready
*/
:root{--accent:#c76b45;--ink:#171717;--muted:#858585;--line:#e9e9e7;--paper:#fff;--page:#f9f9f8;--ease:cubic-bezier(.25,.75,.3,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}ul{margin:0;padding:0;list-style:none}.screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.screen-reader-text:focus{clip-path:none;width:auto;height:auto;z-index:200;top:15px;left:15px;background:#fff;padding:14px}.site-frame{max-width:1680px;margin:0 auto;position:relative}.site-header{display:flex;align-items:center;justify-content:space-between;gap:36px;position:absolute;z-index:40;top:0;left:0;right:0;height:112px;padding:0 clamp(26px,4.5vw,82px);color:var(--ink)}.is-inner .site-header{position:relative;border-bottom:1px solid var(--line)}.site-header__left,.site-header__right{display:flex;align-items:center}.site-header__left{gap:clamp(44px,5vw,92px)}.site-header__right{gap:clamp(42px,6vw,95px)}.brand,.footer-brand{font-size:22px;letter-spacing:-1.45px;font-weight:800;white-space:nowrap}.brand-logo{max-height:55px;max-width:180px;width:auto;height:auto;display:block}.nav-list{display:flex;align-items:center;gap:32px}.nav-list a{display:block;font-size:11px;font-weight:600;letter-spacing:.015em;transition:color .2s}.nav-list a:hover,.nav-list .current,.nav-list .current-menu-item>a{color:var(--accent)}.menu-toggle{width:32px;height:36px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;border:0;background:transparent;padding:5px}.menu-toggle span{display:block;width:20px;height:1.5px;background:currentColor;transition:transform .25s,width .25s}.menu-toggle span:last-child{width:14px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{width:20px;transform:translateY(-3.75px) rotate(-45deg)}.mobile-menu[hidden]{display:none}.mobile-menu{position:absolute;top:96px;right:25px;width:min(420px,calc(100% - 50px));padding:44px;background:#191919;color:white;z-index:35;box-shadow:0 18px 60px #1112}.mobile-nav-links{display:flex;flex-direction:column;gap:20px}.mobile-nav-links a{font-size:25px;font-weight:700;letter-spacing:-1px}.mobile-nav-links a:hover{color:#e3a78b}.mobile-nav-links--secondary{margin-top:26px;padding-top:26px;border-top:1px solid #ffffff35}.mobile-nav-links--secondary a{font-size:18px;font-weight:400}.mobile-menu__footer{font-size:11px;color:#aaa;margin-top:38px;letter-spacing:.12em;text-transform:uppercase}
/* Hero */
.hero-slider{height:clamp(610px,86vh,950px);min-height:610px;position:relative;background:#eceeef;overflow:hidden;isolation:isolate}.hero-slide{inset:0;position:absolute;opacity:0;visibility:hidden;transition:opacity .85s var(--ease),visibility .85s;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.hero-image{position:absolute;inset:0;background-size:cover;background-position:center 68%;transform:scale(1.045);transition:transform 8s ease-out}.hero-slide.is-active .hero-image{transform:scale(1)}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,251,250,.60),rgba(250,251,250,.29) 46%,rgba(250,251,250,0) 75%),linear-gradient(180deg,rgba(255,255,255,.25),transparent 50%)}.hero-slide.is-dark .hero-wash{background:linear-gradient(90deg,rgba(13,16,18,.72),rgba(13,16,18,.30) 53%,rgba(0,0,0,.03)),linear-gradient(180deg,rgba(0,0,0,.23),transparent 75%)}.hero-meta{position:absolute;left:clamp(52px,7.7%,132px);top:27%;display:grid;grid-template-columns:100px auto;gap:22px;color:#343434;font-size:11px;font-weight:500}.hero-copy{position:absolute;left:clamp(130px,23%,380px);top:29.5%;width:min(45%,555px)}.hero-copy h1{font-size:clamp(54px,5.8vw,101px);line-height:.99;font-weight:800;letter-spacing:-.078em;text-transform:lowercase;max-width:700px;margin:0 0 clamp(37px,6vh,72px);overflow-wrap:break-word}.hero-slide.is-dark .hero-meta,.hero-slide.is-dark .hero-copy{color:#fff}.hero-slide.is-dark .project-link{color:#fff}.project-link{padding:0;border:0;background:transparent;display:inline-flex;align-items:center;gap:11px;font-size:12px;font-weight:700;color:#191919;transition:gap .2s}.project-link:hover{gap:19px}.project-link span{font-size:16px;font-weight:400}.hero-counter{position:absolute;z-index:4;right:clamp(105px,15%,245px);top:30%;display:flex;gap:8px;align-items:baseline;font-weight:700;color:#171717;pointer-events:none}.hero-current{font-size:clamp(28px,3vw,45px);letter-spacing:-2px}.counter-divider{font-size:17px;font-weight:300}.hero-total{font-size:13px;color:#555}.hero-dots{position:absolute;z-index:5;right:clamp(35px,6.5%,105px);top:39%;display:flex;flex-direction:column;gap:12px}.hero-dot{width:28px;height:14px;border:0;background:transparent;padding:5px 10px;display:flex;align-items:center;justify-content:center}.hero-dot span{width:4px;height:4px;border-radius:50%;background:#616161;opacity:.45;transition:all .2s}.hero-dot:hover span,.hero-dot.is-active span{background:var(--accent);width:6px;height:6px;opacity:1}.hero-social{position:absolute;z-index:5;left:clamp(27px,4.6%,76px);bottom:16%;display:flex;flex-direction:column;gap:13px;align-items:center}.hero-social a{font-weight:700;font-size:11px}.hero-social a:hover{color:var(--accent)}.hero-bottom{position:absolute;z-index:4;right:clamp(45px,6.6%,105px);bottom:39px;display:flex;align-items:center;gap:17px;text-transform:uppercase;font-size:9px;letter-spacing:.16em;color:#353535}.hero-bottom span:last-child{font-size:20px}.hero-arrows{position:absolute;z-index:6;left:clamp(132px,23%,382px);bottom:35px;display:flex;gap:11px}.arrow-button{background:#fff9;border:1px solid #3333;border-radius:50%;height:36px;width:36px;transition:background .2s,transform .2s}.arrow-button:hover{background:white;transform:translateY(-2px)}
/* Index sections */
.selected-section,.about-section,.journal-section,.contact-section{padding:clamp(88px,10vw,155px) clamp(26px,7.5%,125px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:52px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.19em;color:#888;text-transform:uppercase}.section-heading h2,.page-intro h1{font-size:clamp(40px,5.5vw,82px);line-height:1.04;letter-spacing:-.065em;font-weight:700;margin:24px 0 0}.subtle-link,.underline-link{font-size:12px;font-weight:700;display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:10px;white-space:nowrap}.subtle-link:hover,.underline-link:hover{color:var(--accent);border-color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 25px}.project-card:nth-child(3n){grid-column:1/-1}.project-card__image{padding:0;display:block;border:0;width:100%;aspect-ratio:1.52;position:relative;overflow:hidden;background:#e5e5e3}.project-card:nth-child(3n) .project-card__image{aspect-ratio:2.3}.project-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.project-card__image:hover img{transform:scale(1.05)}.image-arrow{position:absolute;right:24px;bottom:22px;display:grid;place-items:center;border-radius:50%;background:white;color:#191919;font-size:20px;width:48px;height:48px;transform:translateY(12px);opacity:0;transition:all .3s}.project-card__image:hover .image-arrow{transform:translateY(0);opacity:1}.project-card__details{padding-top:22px}.project-card__details>span{color:#888;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.project-card__details h3,.project-card__details h2{font-size:clamp(20px,2vw,30px);margin:10px 0 0;letter-spacing:-.04em;line-height:1.13;font-weight:700}.about-section{background:#f7f7f6}.about-section__row{display:grid;grid-template-columns:1.5fr .65fr;gap:12%;align-items:end;margin-top:40px}.about-section__row h2{font-size:clamp(38px,5vw,75px);line-height:1.14;letter-spacing:-.065em;margin:0;max-width:800px}.about-section__row p{font-size:17px;color:#666;line-height:1.7;margin:0 0 32px}.journal-list{border-top:1px solid var(--line)}.journal-row{display:grid;grid-template-columns:160px 1fr 30px;gap:24px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.journal-row>span:first-child{font-size:11px;color:#999}.journal-row strong{font-size:clamp(20px,2.3vw,32px);letter-spacing:-.04em}.journal-row>span:last-child{font-size:20px}.journal-row:hover strong,.journal-row:hover>span:last-child{color:var(--accent)}.journal-empty{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:35px 0;color:#777}.journal-empty p{font-size:24px;line-height:1.45;max-width:650px;letter-spacing:-.03em}.journal-empty span{font-size:12px}.contact-section{background:#171717;color:#fff}.contact-section .eyebrow{color:#aaa}.contact-section__row{margin-top:40px;display:flex;align-items:end;justify-content:space-between;gap:60px}.contact-section__row h2{font-size:clamp(48px,7vw,110px);line-height:1.04;letter-spacing:-.075em;max-width:850px;margin:0}.contact-email{font-size:15px;border-bottom:1px solid white;padding-bottom:15px;display:flex;gap:24px;white-space:nowrap}.contact-email:hover{color:#e2a489;border-color:#e2a489}.site-footer{max-width:1680px;margin:0 auto;padding:35px clamp(26px,7.5%,125px);background:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:19px}.footer-inner>span,.back-top{font-size:11px;color:#777}.back-top:hover{color:var(--accent)}
/* Inner pages */
.inner-content{padding:clamp(70px,9vw,135px) clamp(26px,7.5%,125px) 130px;min-height:60vh}.page-intro{margin-bottom:66px}.page-intro h1{max-width:1050px}.page-intro p{font-size:19px;line-height:1.6;color:#777}.rich-content{max-width:820px;font-size:17px;line-height:1.85;color:#444}.rich-content h2,.rich-content h3{letter-spacing:-.04em;line-height:1.2;color:#171717}.rich-content h2{font-size:36px}.rich-content a{border-bottom:1px solid currentColor}.rich-content img{height:auto}.rich-content blockquote{margin:30px 0;padding:15px 30px;border-left:2px solid var(--accent);font-size:23px}.project-single{padding-bottom:120px}.single-hero{height:clamp(530px,77vh,830px);position:relative;background-position:center;background-size:cover}.single-hero__wash{position:absolute;inset:0;background:linear-gradient(90deg,#ffffffb5,#ffffff30 60%,transparent)}.single-hero.is-dark .single-hero__wash{background:linear-gradient(90deg,#111b,#1115 50%,transparent)}.single-hero__info{position:absolute;top:32%;left:clamp(45px,22%,350px);max-width:65%}.single-hero__info h1{font-size:clamp(56px,7vw,116px);letter-spacing:-.075em;line-height:1.02;margin:22px 0;text-transform:lowercase}.single-hero.is-dark .single-hero__info,.single-hero.is-dark .eyebrow{color:white}.single-body{padding:90px clamp(26px,7.5%,125px);display:grid;grid-template-columns:220px 1fr;gap:clamp(40px,9vw,170px)}.single-body aside dl{display:grid;grid-template-columns:80px 1fr;gap:18px 10px;margin:35px 0 70px}.single-body aside dt{font-size:10px;color:#999}.single-body aside dd{font-size:13px;margin:0}.single-body__editor{font-size:17px;max-width:820px;color:#505050;line-height:1.85}.single-body__editor h2{font-size:clamp(28px,3.1vw,48px);color:#222;letter-spacing:-.055em;line-height:1.23;margin:0 0 28px}.single-body__editor img{max-width:100%;height:auto}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 25px}.post-card a{display:block}.post-card img,.post-card__placeholder{width:100%;aspect-ratio:1.4;object-fit:cover;background:#e9ebe9;display:block;margin-bottom:25px}.post-card h2{font-size:24px;letter-spacing:-.04em;line-height:1.2}.post-card p{font-size:14px;color:#777;line-height:1.6}.post-card .subtle-link{margin-top:15px}.pagination{margin-top:70px}.pagination .nav-links{display:flex;gap:20px}.pagination a,.pagination .current{font-size:13px}.article-cover{margin:40px 0}.article-cover img{max-height:650px;object-fit:cover;width:100%}.article-page .rich-content{margin-bottom:55px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-form{display:flex;flex-direction:column;gap:25px}.contact-form label{display:flex;flex-direction:column;gap:11px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #b8b8b8;padding:15px 1px;border-radius:0;background:transparent;resize:vertical;text-transform:none;letter-spacing:normal;font-weight:400}.submit-button{align-self:start;background:var(--ink);color:#fff;border:0;padding:18px 27px;font-size:13px}.submit-button:hover{background:var(--accent)}.honeypot{position:absolute;left:-10000px}.form-status{padding:12px 0;color:#a64927}.form-status.is-success{color:#407b47}.not-found h1{font-size:clamp(50px,8vw,120px);letter-spacing:-.075em}
/* Demo project modal */
.project-dialog{border:0;padding:0;width:min(1020px,calc(100vw - 45px));max-height:min(850px,90vh);background:#fff;color:var(--ink);box-shadow:0 30px 110px #0007;overflow:auto}.project-dialog::backdrop{background:#070707ba;backdrop-filter:blur(7px)}.dialog-close{z-index:2;position:absolute;right:23px;top:21px;width:43px;height:43px;border:0;background:#fff;font-size:28px}.dialog-image{height:clamp(230px,37vw,480px);background-position:center;background-size:cover}.dialog-content{padding:42px clamp(25px,5vw,75px) 55px}.dialog-content h2{font-size:clamp(34px,5vw,65px);line-height:1;letter-spacing:-.06em;margin:20px 0;text-transform:lowercase}.dialog-location{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.13em}.dialog-description{font-size:18px;line-height:1.7;max-width:680px;margin:30px 0 25px}.dialog-hint{font-size:12px;color:#999;border-top:1px solid var(--line);padding-top:18px}
@media(max-width:1100px){.site-header{height:95px}.site-header__left{gap:32px}.nav-list{gap:18px}.hero-copy{left:21%;width:58%}.hero-copy h1{font-size:clamp(53px,7vw,77px)}.hero-counter{right:13%;top:31%}.hero-meta{left:6%}.hero-arrows{left:21%}}
@media(max-width:800px){.desktop-nav{display:none}.site-header{height:85px;padding:0 28px}.hero-slider{height:82svh;min-height:610px}.hero-meta{left:30px;top:25%;grid-template-columns:70px auto;gap:9px}.hero-copy{left:11%;top:34%;width:77%}.hero-copy h1{font-size:clamp(50px,9vw,74px)}.hero-counter{top:22%;right:12%}.hero-dots{right:22px;top:43%}.hero-arrows{left:11%;bottom:30px}.hero-bottom{display:none}.hero-social{bottom:16%;left:26px}.hero-image{background-position:center}.project-grid{gap:40px 18px}.about-section__row{grid-template-columns:1fr;gap:30px}.contact-section__row{flex-direction:column;align-items:flex-start}.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.single-body{grid-template-columns:1fr;gap:35px}.single-body aside dl{margin:23px 0 25px}.contact-layout{grid-template-columns:1fr;gap:55px}}
@media(max-width:560px){.hero-slider{height:760px;max-height:92svh;min-height:580px}.hero-meta{top:20%;left:24px;font-size:10px}.hero-copy{left:24px;top:30%;width:83%}.hero-copy h1{font-size:clamp(48px,13vw,70px);margin-bottom:35px}.hero-counter{top:19%;right:30px}.hero-current{font-size:25px}.counter-divider,.hero-total{font-size:11px}.hero-dots{top:auto;bottom:34px;right:20px;flex-direction:row;gap:8px}.hero-social{left:24px;bottom:105px;flex-direction:row}.hero-arrows{left:24px;bottom:25px}.hero-image{background-position:60% center}.selected-section,.about-section,.journal-section,.contact-section{padding:75px 23px}.section-heading{align-items:start;margin-bottom:32px}.section-heading h2{font-size:42px}.section-heading>.subtle-link{display:none}.project-grid{display:block}.project-card{margin-bottom:42px}.project-card:nth-child(3n) .project-card__image{aspect-ratio:1.52}.image-arrow{opacity:1;transform:none;height:36px;width:36px;font-size:17px}.about-section__row h2{font-size:40px}.about-section__row p{font-size:15px}.journal-row{grid-template-columns:1fr 20px;gap:13px;padding:24px 0}.journal-row>span:first-child{grid-column:1 / -1}.journal-row strong{font-size:22px}.journal-empty{display:block}.journal-empty p{font-size:19px}.contact-section__row h2{font-size:55px}.site-footer{padding:25px 23px}.footer-inner{flex-wrap:wrap}.footer-inner>span{order:3;width:100%}.inner-content{padding:65px 23px 90px}.page-intro h1{font-size:54px}.posts-grid{grid-template-columns:1fr}.single-hero{height:570px}.single-hero__info{left:23px;max-width:88%}.single-hero__info h1{font-size:60px}.single-body{padding:55px 23px}.contact-layout{gap:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-image{transform:none!important}}

/* Adapt controls to the darker editorial project slide. */
.site-header.on-dark{color:#fff}.hero-slider.has-dark .hero-counter,.hero-slider.has-dark .hero-total,.hero-slider.has-dark .hero-social,.hero-slider.has-dark .hero-bottom{color:#fff}.hero-slider.has-dark .hero-dot:not(.is-active) span{background:#fff;opacity:.8}
