You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

152 lines
10 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sunil Varghese Residence — Residential — Art.n Architects</title>
<meta name="description" content="A contemporary two-storey house that pairs white rendered volumes with panels of multicoloured stone cladding. Cantilevered slabs and a slatted pergola …">
<link rel="canonical" href="https://www.artnouveau.in/projects/sunil-varghese-residence/">
<meta name="theme-color" content="#F4F1EA">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Art.n Architects">
<meta property="og:title" content="Sunil Varghese Residence — Residential — Art.n Architects">
<meta property="og:description" content="A contemporary two-storey house that pairs white rendered volumes with panels of multicoloured stone cladding. Cantilevered slabs and a slatted pergola …">
<meta property="og:url" content="https://www.artnouveau.in/projects/sunil-varghese-residence/">
<meta property="og:image" content="https://www.artnouveau.in/assets/img/projects/sunil-varghese-residence/01-1200.jpg">
<meta name="twitter:card" content="summary_large_image">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/assets/css/site.css">
<link rel="stylesheet" href="/assets/vendor/glightbox.min.css">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://www.artnouveau.in/projects/"},{"@type":"ListItem","position":2,"name":"Sunil Varghese Residence","item":"https://www.artnouveau.in/projects/sunil-varghese-residence/"}]}</script>
</head>
<body>
<a class="skip" href="#main">Skip to content</a>
<div class="veil-page" aria-hidden="true"></div>
<header class="site" id="hdr">
<nav class="nav" aria-label="Main">
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
<ul>
<li><a href="/projects/" aria-current="page">projects</a></li>
<li><a href="/studio/">studio</a></li>
<li><a href="/process/">process</a></li>
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
<li><a href="/contact/">contact</a></li>
</ul>
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
</nav>
</header>
<div class="menu-overlay" id="site-menu" hidden>
<button class="menu-close" aria-label="Close menu">close</button>
<nav aria-label="Mobile">
<a href="/">home</a>
<a href="/projects/">projects</a>
<a href="/studio/">studio</a>
<a href="/process/">process</a>
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
<a href="/contact/">contact</a>
</nav>
</div>
<main id="main">
<section class="proj-hero wrap">
<div class="ph"><picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/01-800.webp 800w, /assets/img/projects/sunil-varghese-residence/01-1600.webp 1080w" sizes="92vw"><img src="/assets/img/projects/sunil-varghese-residence/01-1200.jpg" width="1080" height="720" alt="A contemporary two-storey house with white render and stone-clad panels above a brick-and-stone paved courtyard." decoding="async" fetchpriority="high"></picture></div>
</section>
<section class="proj-title wrap">
<span class="eyebrow">Residential</span>
<h1>Sunil Varghese Residence</h1>
</section>
<div class="wrap">
<div class="proj-cols">
<ul class="spec reveal">
<li><span class="k">Category</span><span class="v">Residential</span></li>
<li><span class="k">Client</span><span class="v">Mr. Sunil Varghese</span></li>
<li><span class="k">Year</span><span class="v">2017</span></li>
<li><span class="k">Scope</span><span class="v">Architecture · Interiors</span></li>
</ul>
<div class="proj-blurb reveal">
<p>A contemporary two-storey house that pairs white rendered volumes with panels of multicoloured stone cladding. Cantilevered slabs and a slatted pergola shade the entrance, reached across a courtyard of brick and stone paving with stepping stones set into pebble beds. Inside, slot windows rake daylight across a stair landing above a glass-and-timber balustrade.</p>
</div>
</div>
<div class="gallery">
<a href="/assets/img/projects/sunil-varghese-residence/02-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 02">
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/02-800.webp 800w, /assets/img/projects/sunil-varghese-residence/02-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/02-1200.jpg" width="1080" height="720" alt="Sunil Varghese Residence — photograph 2" decoding="async" loading="lazy"></picture>
</a>
<a href="/assets/img/projects/sunil-varghese-residence/03-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 03">
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/03-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/03-1200.jpg" width="720" height="1080" alt="Sunil Varghese Residence — photograph 3" decoding="async" loading="lazy"></picture>
</a>
<a href="/assets/img/projects/sunil-varghese-residence/04-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 04">
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/04-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/04-1200.jpg" width="720" height="1080" alt="Sunil Varghese Residence — photograph 4" decoding="async" loading="lazy"></picture>
</a>
<a href="/assets/img/projects/sunil-varghese-residence/05-800.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 05">
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/05-800.webp 720w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/05-1200.jpg" width="720" height="1080" alt="Sunil Varghese Residence — photograph 5" decoding="async" loading="lazy"></picture>
</a>
<a href="/assets/img/projects/sunil-varghese-residence/06-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 06">
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/06-800.webp 800w, /assets/img/projects/sunil-varghese-residence/06-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/06-1200.jpg" width="1080" height="716" alt="Sunil Varghese Residence — photograph 6" decoding="async" loading="lazy"></picture>
</a>
<a href="/assets/img/projects/sunil-varghese-residence/07-1600.webp" class="glightbox" data-gallery="proj" data-glightbox="title: Sunil Varghese Residence — 07">
<picture><source type="image/webp" srcset="/assets/img/projects/sunil-varghese-residence/07-800.webp 800w, /assets/img/projects/sunil-varghese-residence/07-1600.webp 1080w" sizes="(max-width:860px) 100vw, 46vw"><img src="/assets/img/projects/sunil-varghese-residence/07-1200.jpg" width="1080" height="720" alt="Sunil Varghese Residence — photograph 7" decoding="async" loading="lazy"></picture>
</a>
</div>
<nav class="proj-nav" aria-label="More projects">
<a href="/projects/st-sebastian-hospital/"><span class="eyebrow">previous</span><span class="name u">St. Sebastian Hospital</span></a>
<a class="next" href="/projects/thomas-t-residence/"><span class="eyebrow">next</span><span class="name u">Thomas T. Residence</span></a>
</nav>
</div>
<section class="cta">
<div class="wrap inner">
<h2 class="reveal">Planning something like this? <em>Let us draw it with you.</em></h2>
<div class="actions reveal">
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
</div>
</div>
</section>
</main>
<footer class="site">
<div class="wrap">
<div class="foot-top">
<p class="wordmark">Art<span>.</span>n Architects</p>
<p class="eyebrow">Architecture · Interiors · Project Management</p>
</div>
<div class="foot-cols">
<div>
<span class="eyebrow">Changanacherry</span>
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
</div>
<div>
<span class="eyebrow">Kochi</span>
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
</div>
<div>
<span class="eyebrow">Write</span>
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
</div>
<div>
<span class="eyebrow">Elsewhere</span>
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
</div>
</div>
<div class="foot-base">
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
<p>Changanacherry · Kochi — Kerala, India</p>
</div>
</div>
</footer>
<script src="/assets/vendor/gsap.min.js" defer></script>
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
<script src="/assets/vendor/lenis.min.js" defer></script>
<script src="/assets/vendor/glightbox.min.js" defer></script>
<script src="/assets/js/site.js" defer></script>
</body>
</html>