@import url('shared.css');
.ceramic-hero{padding-top:24px}.hero-topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;padding-bottom:20px;border-bottom:1px solid var(--line)}.ceramic-title{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;padding:32px 0}.ceramic-title h1{font-family:var(--serif);font-size:58px}.ceramic-title>div{max-width:460px}.ceramic-title p{margin-top:0!important}.ceramic-hero-picture{position:relative}.ceramic-hero-picture img{width:100%;aspect-ratio:2.7;object-fit:cover}.ceramic-hero-picture>span{position:absolute;bottom:20px;left:25px;font-size:10px;letter-spacing:2px;color:white;text-shadow:0 1px 7px #17291f}.ceramic-story{background:#e8ede5}.story-layout{display:grid;grid-template-columns:.9fr 1fr;gap:100px;align-items:center}.abstract-vessel{height:350px;position:relative;background:radial-gradient(ellipse at 50% 78%,#b6c2ac40,transparent 60%);display:flex;flex-direction:column;align-items:center;justify-content:center}.abstract-vessel:before{content:'';width:155px;height:215px;border:1px solid #95a68d;border-radius:28% 28% 45% 45%;position:absolute;top:42px;transform:rotate(-8deg);background:linear-gradient(110deg,#f6f4ea,#a9b8a6)}.abstract-vessel>span{position:relative;font-family:var(--serif);font-size:64px;color:#65795e}.abstract-vessel small{position:absolute;bottom:10px;font-size:10px;letter-spacing:2px}.story-layout h2{font-family:var(--serif);font-size:39px;margin:18px 0!important}.contact-band{border-top:1px solid var(--line);text-align:center;padding:48px 0 60px}.contact-band h2{font-family:var(--serif);font-size:40px;margin:20px 0 26px!important}
@media(max-width:760px){.ceramic-title{grid-template-columns:1fr;gap:12px;padding:25px 0}.ceramic-title h1{font-size:41px}.ceramic-title p{font-size:17px}.ceramic-hero-picture img{aspect-ratio:1.35}.ceramic-hero-picture>span{font-size:8px;left:12px;bottom:12px}.hero-topline{font-size:8px;letter-spacing:1px}.story-layout{grid-template-columns:1fr;gap:25px}.abstract-vessel{height:270px}.abstract-vessel:before{top:6px}.story-layout h2{font-size:30px}.contact-band h2{font-size:31px}}