/*
Theme Name: Biplab Studio
Author: Biplab Bachar
Description: A one-page architectural drafting and visualization portfolio. Customize content, contact details and images in Appearance > Customize > Portfolio settings.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: biplab-studio
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f6f2;--ink:#222629;--muted:#5e666b;--accent:#315c78;--line:#d8d9d7;--green:#222629}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #315c78;outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(48px,5.8vw,86px);max-width:760px}h2{font-size:clamp(38px,4vw,58px)}h3{font-size:25px}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';height:7px;width:7px;background:currentColor}.muted{color:var(--muted)}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--accent);padding:12px}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:20;background:rgba(247,246,242,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:700;letter-spacing:.04em}.brand-mark{border:1px solid var(--ink);height:36px;width:36px;display:grid;place-items:center;font-size:15px;letter-spacing:-.1em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.15em;font-weight:500}.links{display:flex;align-items:center;gap:32px;font-size:13px}.links a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 22px;font-size:13px;font-weight:600;border:1px solid var(--ink);cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:var(--accent);transform:translateY(-2px)}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:var(--green)}.button.lime{background:var(--accent);border-color:var(--accent);color:var(--ink)}.button.lime:hover{background:#264a63}.button span{font-size:20px;line-height:1}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px}.hero{padding:72px 0 0}.hero-top{display:grid;grid-template-columns:1.45fr 1fr;gap:60px;align-items:end;margin:26px 0 44px}.hero-copy{padding-bottom:8px;max-width:350px;justify-self:end}.hero-copy p{color:var(--muted);font-size:15px;margin-bottom:24px}.hero-image{position:relative;height:490px;background:#c7cbd0;overflow:hidden}.hero-image>img{height:100%;width:100%;object-position:center 52%}.image-tag{position:absolute;bottom:24px;left:24px;display:flex;gap:16px;align-items:center;background:var(--paper);padding:13px 18px;font-size:11px}.image-tag b{font-size:22px;font-weight:400}.image-label{position:absolute;right:24px;bottom:24px;background:rgba(34,38,41,.78);color:white;padding:8px 12px;font-size:10px;letter-spacing:.04em}.hero-strip{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hero-strip span:last-child{color:var(--muted)}.section{padding:100px 0}.section-heading{display:grid;grid-template-columns:1fr 1.45fr;gap:60px;margin-bottom:48px}.section-heading .eyebrow{align-self:start;padding-top:10px}.section-heading p{color:var(--muted);margin-top:22px;max-width:480px}.service-row{display:grid;grid-template-columns:.25fr 1fr 1.1fr .08fr;align-items:start;gap:30px;padding:35px 0;border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-no{color:var(--muted);font-size:12px}.service-row p{color:var(--muted);max-width:440px;font-size:14px}.service-row h3{font-size:29px}.service-row .arrow{font-size:24px}.service-row small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-top:13px}.work{background:#e7e5df}.work-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.work-head h2{margin-top:24px}.work-head p{max-width:340px;font-size:13px;color:var(--muted)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.project:first-child{grid-column:span 2;display:grid;grid-template-columns:1.4fr 1fr;gap:0;background:var(--paper)}.project-image{overflow:hidden;background:#d4d8db;position:relative;aspect-ratio:1.6}.project-image img{width:100%;height:100%;transition:transform .6s}.project:hover img{transform:scale(1.025)}.project:first-child .project-image{aspect-ratio:1.35}.project:first-child .project-copy{padding:50px;display:flex;flex-direction:column;justify-content:center}.project-copy{padding-top:20px}.project-copy h3{font-size:26px;margin:12px 0}.project-copy p{font-size:14px;color:var(--muted);max-width:340px}.project-copy .eyebrow{font-size:9px}.project-note{margin-top:30px;font-size:11px;color:var(--muted)}.project-detail{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:28px;text-transform:uppercase;letter-spacing:.1em}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:center}.drawing{background:var(--green);padding:40px;position:relative}.drawing svg{width:100%;height:auto}.drawing figcaption{color:#d6dfe6;font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-top:18px}.about-text h2{margin:24px 0}.about-text p{color:var(--muted);margin-bottom:22px}.about-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.about-tags span{border:1px solid var(--line);padding:8px 13px;font-size:11px}.process{border-top:1px solid var(--line);padding-top:70px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.step{border-top:1px solid var(--line);padding-top:25px}.step>b{font-weight:400;font-size:12px;color:var(--muted)}.step h3{margin:25px 0 15px;font-size:23px}.step p{font-size:14px;color:var(--muted)}.faq{background:#eeede9}.faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.faq-grid h2{margin-top:24px}.faq details{border-bottom:1px solid #cdd3d7;padding:23px 0}.faq details:first-child{border-top:1px solid #cdd3d7}.faq summary{cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:22px}.faq details[open] summary:after{content:'−'}.faq details p{padding-top:15px;color:var(--muted);font-size:14px}.contact{background:var(--green);color:var(--paper);padding:90px 0 30px}.contact-top{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end}.contact h2{font-size:clamp(44px,5vw,72px);margin:26px 0;max-width:700px}.contact p{color:#c1cbd2;max-width:490px;font-size:15px}.contact-actions{display:flex;flex-direction:column;align-items:start;gap:22px}.email{font-size:clamp(17px,2vw,24px);border-bottom:1px solid #71818d;padding-bottom:8px;overflow-wrap:anywhere}.contact small{color:#c1cbd2;font-size:11px}.brief{margin-top:55px;padding-top:30px;border-top:1px solid #596b78;display:flex;gap:40px;justify-content:space-between;font-size:12px;color:#c1cbd2}.brief b{color:var(--paper);font-weight:500}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #596b78;margin-top:55px;padding-top:25px;font-size:10px;letter-spacing:.06em;color:#c1cbd2}.footer a{color:var(--paper)}.wp-admin-bar .header{top:32px}@media(min-width:1600px){.hero-image{height:540px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.links{gap:18px}.hero-top{gap:30px;grid-template-columns:1.3fr 1fr}.hero-image{height:400px}.section{padding:72px 0}.service-row{grid-template-columns:.15fr 1fr 1fr .08fr;gap:18px}.service-row h3{font-size:24px}.about,.faq-grid{gap:40px}.project:first-child .project-copy{padding:30px}.contact-top{gap:40px}}@media(max-width:650px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 36px)}.nav{height:74px}.brand{font-size:12px}.brand small{font-size:8px}.menu-toggle{display:block}.links{display:none;position:absolute;top:74px;left:0;right:0;padding:24px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.links.open{display:flex}.links .button{margin-top:10px}.hero{padding-top:44px}.hero-top{grid-template-columns:1fr;gap:25px;margin-top:24px;margin-bottom:30px}h1{font-size:49px}.hero-copy{justify-self:start;max-width:100%}.hero-image{height:340px}.hero-strip{gap:20px;font-size:9px}.hero-strip span:last-child{display:none}.image-tag{left:12px;bottom:12px;padding:10px;font-size:9px;gap:10px}.image-label{right:12px;bottom:12px;font-size:8px}.section{padding:58px 0}.section-heading,.about,.faq-grid,.contact-top{grid-template-columns:1fr;gap:30px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:40px}.service-row{grid-template-columns:25px 1fr 20px;gap:10px;padding:26px 0}.service-row p{grid-column:2;font-size:13px}.service-row .arrow{grid-column:3;grid-row:1}.service-row h3{font-size:26px}.work-head{display:block}.work-head p{margin-top:20px}.gallery{grid-template-columns:1fr;gap:32px}.project:first-child{grid-column:auto;grid-template-columns:1fr}.project:first-child .project-image{aspect-ratio:1.4}.project:first-child .project-copy{padding:25px}.project-copy h3{font-size:25px}.about{gap:35px}.drawing{margin:0;padding:26px}.steps{grid-template-columns:1fr;gap:25px}.step h3{margin:15px 0 12px}.contact{padding-top:60px}.contact-actions{gap:20px}.brief{flex-direction:column;gap:12px;margin-top:40px}.footer{margin-top:40px;flex-wrap:wrap}.wp-admin-bar .header{top:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.inquiry{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;margin-top:65px;padding-top:55px;border-top:1px solid #596b78}.inquiry h3{font-size:35px;margin:25px 0 20px}.inquiry p{font-size:13px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-fields label{display:flex;flex-direction:column;font-size:12px;color:#e0e5e9;gap:8px}.form-fields label span{display:none}.form-fields input,.form-fields select,.form-fields textarea{width:100%;min-width:0;background:#303b44;color:var(--paper);border:1px solid #70808b;padding:13px 14px;border-radius:0;font-size:14px}.form-fields input::placeholder,.form-fields textarea::placeholder{color:#bcc6ce}.form-fields select option{background:var(--green)}.form-fields textarea{resize:vertical}.form-fields .full{grid-column:1/-1}.form-privacy{margin:16px 0 23px}.form-notice{padding:14px;background:#315269;border-left:3px solid var(--accent);margin-bottom:22px!important;color:white!important}.form-trap{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden}#project-inquiry{scroll-margin-top:110px}@media(max-width:650px){.inquiry{grid-template-columns:1fr;gap:30px;margin-top:40px;padding-top:35px}.form-fields{grid-template-columns:1fr}.inquiry h3{font-size:31px}.inquiry-form .button{width:100%}}

.button.dark{background:#315c78;border-color:#315c78}.button.dark:hover{background:#264a63}.button.lime,.button:hover,.skip{color:#fff}.button.lime:hover{background:#264a63}.image-tag{background:#222629;color:#fff}
.hero-top h1{max-width:860px}.hero-image{overflow:hidden}.hero-image img{animation:gentle-in 1.1s ease-out both}.hero-top,.hero>.eyebrow{animation:rise-in .65s ease-out both}.hero-copy{animation-delay:.15s}.service-row,.project,.step,.about{transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal{opacity:0;transform:translateY(18px)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.service-row:hover{background:#e7e5df}.service-row{padding-left:12px;padding-right:12px}.project-image img{transition:transform .7s ease}.project:hover .project-image img{transform:scale(1.025)}.project-image{overflow:hidden}.links a[href*="3d-viewer"]{color:#315c78}.hero-strip{font-size:10px}.hero-copy p{max-width:360px}@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gentle-in{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}}@media(max-width:800px){.hero-strip{font-size:9px}}